/**
 * Your installation or use of this SugarCRM file is subject to the applicable
 * terms available at
 * http://support.sugarcrm.com/Resources/Master_Subscription_Agreements/.
 * If you do not agree to all of the applicable terms or do not have the
 * authority to bind the entity as an authorized representative, then do not
 * install or use this SugarCRM file.
 * 
 * Copyright (C) SugarCRM Inc. All rights reserved.
 */

:root {
    --rounded-full: 9999px; /* Rounded border radius for text fields. */
    --rounded-xl: 1.5rem; /* Default border radius for main elements of application. Using Tailwind 3xl variant. */
    --rounded-lg: 1rem; /* Default border radius for dashlets. Using Tailwind 2xl variant. */
    --rounded-md: 0.5rem; /* For compatibility purposes, add in medium which is the same as base. */
    --rounded: 0.5rem; /* Default border radius for primary buttons. Using Tailwind lg variant. */
    --rounded-sm: 0.25rem; /* Default border radius for small buttons. Using Tailwind sm variant */
    --rounded-none: 0px; /* A zero border radius value. */
    --rose-950: #4d0519;
    --rose-900: #861336;
    --rose-800: #a1123a;
    --rose-700: #bf123d;
    --rose-600: #e21d48;
    --rose-500: #f43e5c;
    --rose-400: #fb6f84;
    --rose-300: #fda5af;
    --rose-200: #fecdd3;
    --rose-100: #ffe5e7;
    --rose-50: #fff0f1;
    --pink-950: #500724;
    --pink-900: #811842;
    --pink-800: #9b174c;
    --pink-700: #bf185d;
    --pink-600: #db2979;
    --pink-500: #ec4699;
    --pink-400: #f471b5;
    --pink-300: #f9a9d5;
    --pink-200: #fbd0e8;
    --pink-100: #fce8f4;
    --pink-50: #fdf2f8;
    --fuschia-950: #4a044e;
    --fuschia-900: #000000;
    --fuschia-800: #85198f;
    --fuschia-700: #a31daf;
    --fuschia-600: #bf27d3;
    --fuschia-500: #d948ef;
    --fuschia-400: #e87bf9;
    --fuschia-300: #f0abfc;
    --fuschia-200: #f5d2fe;
    --fuschia-100: #f9e5ff;
    --fuschia-50: #fdf5ff;
    --purple-950: #3c0764;
    --purple-900: #591c87;
    --purple-800: #6a21a6;
    --purple-700: #7e22ce;
    --purple-600: #9234ea;
    --purple-500: #a855f7;
    --purple-400: #bf83fc;
    --purple-300: #d8b4fe;
    --purple-200: #ead6ff;
    --purple-100: #f2e5ff;
    --purple-50: #faf5ff;
    --violet-950: #2e1065;
    --violet-900: #4d1d95;
    --violet-800: #5a21b5;
    --violet-700: #6b26d9;
    --violet-600: #7c3bed;
    --violet-500: #895af6;
    --violet-400: #a689fa;
    --violet-300: #c3b4fd;
    --violet-200: #ded7fe;
    --violet-100: #ebe7fe;
    --violet-50: #f6f5ff;
    --indigo-950: #1e1b4b;
    --indigo-900: #312e7f;
    --indigo-800: #372fa2;
    --indigo-700: #463acb;
    --indigo-600: #5048e5;
    --indigo-500: #6467f2;
    --indigo-400: #828df8;
    --indigo-300: #a6b4fc;
    --indigo-200: #c8d3fe;
    --indigo-100: #e0e8ff;
    --indigo-50: #f0f3ff;
    --cobalt-950: #172554;
    --cobalt-900: #1e3b8a;
    --cobalt-800: #1e3fae;
    --cobalt-700: #1d4fd7;
    --cobalt-600: #2463eb;
    --cobalt-500: #3c83f6;
    --cobalt-400: #61a6fa;
    --cobalt-300: #91c3fd;
    --cobalt-200: #bedbfe;
    --cobalt-100: #dcebfe;
    --cobalt-50: #f0f6ff;
    --blue-950: #082f49;
    --blue-900: #0c4a6e;
    --blue-800: #075783;
    --blue-700: #0369a0;
    --blue-600: #0284c5;
    --blue-500: #0da2e7;
    --blue-400: #3abff8;
    --blue-300: #7ed4fc;
    --blue-200: #bae5fd;
    --blue-100: #e1f3fe;
    --blue-50: #f0f9ff;
    --cyan-950: #083344;
    --cyan-900: #164f64;
    --cyan-800: #155f75;
    --cyan-700: #0e7490;
    --cyan-600: #088eaf;
    --cyan-500: #07b6d5;
    --cyan-400: #20d3ee;
    --cyan-300: #67e8f9;
    --cyan-200: #a6f4fc;
    --cyan-100: #cdfafe;
    --cyan-50: #ebfeff;
    --teal-950: #042f2e;
    --teal-900: #134e4a;
    --teal-800: #115f5a;
    --teal-700: #0f756d;
    --teal-600: #0d968b;
    --teal-500: #14b8a5;
    --teal-400: #2bd4bd;
    --teal-300: #5dead5;
    --teal-200: #98f6e3;
    --teal-100: #cbfbf0;
    --teal-50: #f2fdfa;
    --emerald-950: #022c22;
    --emerald-900: #064c39;
    --emerald-800: #066046;
    --emerald-700: #047756;
    --emerald-600: #059467;
    --emerald-500: #10b77f;
    --emerald-400: #36d399;
    --emerald-300: #6ee7b7;
    --emerald-200: #a5f3cf;
    --emerald-100: #d1fae5;
    --emerald-50: #edfdf5;
    --green-950: #052e16;
    --green-900: #14522d;
    --green-800: #166434;
    --green-700: #157f3c;
    --green-600: #16a249;
    --green-500: #21c45d;
    --green-400: #4ade80;
    --green-300: #85efac;
    --green-200: #bbf7d0;
    --green-100: #defce9;
    --green-50: #f2fdf5;
    --lime-950: #1a2e05;
    --lime-900: #355214;
    --lime-800: #406312;
    --lime-700: #4c7b0f;
    --lime-600: #66a50d;
    --lime-500: #82cb15;
    --lime-400: #a1e633;
    --lime-300: #bef263;
    --lime-200: #d9f99f;
    --lime-100: #ebfcca;
    --lime-50: #f7fee7;
    --yellow-950: #412006;
    --yellow-900: #733f12;
    --yellow-800: #864e0e;
    --yellow-700: #a26107;
    --yellow-600: #c88a04;
    --yellow-500: #e7b008;
    --yellow-400: #facc14;
    --yellow-300: #fddf49;
    --yellow-200: #fef08b;
    --yellow-100: #fef9c3;
    --yellow-50: #fefce7;
    --amber-950: #451a03;
    --amber-900: #76350f;
    --amber-800: #90400e;
    --amber-700: #b35309;
    --amber-600: #db7706;
    --amber-500: #f59f0a;
    --amber-400: #fbbd23;
    --amber-300: #fcd44f;
    --amber-200: #fde68b;
    --amber-100: #fef3c8;
    --amber-50: #fffbeb;
    --orange-950: #451507;
    --orange-900: #7d2d12;
    --orange-800: #9b3412;
    --orange-700: #c03f0c;
    --orange-600: #e9590c;
    --orange-500: #f97415;
    --orange-400: #fb923c;
    --orange-300: #fdba72;
    --orange-200: #fed6a9;
    --orange-100: #ffedd6;
    --orange-50: #fff6eb;
    --red-950: #430a0a;
    --red-900: #811d1d;
    --red-800: #981b1b;
    --red-700: #ba1c1c;
    --red-600: #dc2828;
    --red-500: #ef4343;
    --red-400: #f87272;
    --red-300: #fca6a6;
    --red-200: #fec8c8;
    --red-100: #fee1e1;
    --red-50: #fef1f1;
    --gray-950: #020617;
    --gray-900: #0f1729;
    --gray-800: #1d283a;
    --gray-700: #344256;
    --gray-600: #48566a;
    --gray-500: #65758b;
    --gray-400: #94a3b8;
    --gray-300: #cbd5e1;
    --gray-200: #e1e7ef;
    --gray-100: #f1f5f9;
    --gray-50: #f8fafc;
    --transparent: #000000; /* original */
    --white: #ffffff;
    --black: #000000;
    --text-secondary: var(--gray-500); /* Secondary text in application. */
}

/**
 * Your installation or use of this SugarCRM file is subject to the applicable
 * terms available at
 * http://support.sugarcrm.com/Resources/Master_Subscription_Agreements/.
 * If you do not agree to all of the applicable terms or do not have the
 * authority to bind the entity as an authorized representative, then do not
 * install or use this SugarCRM file.
 *
 * Copyright (C) SugarCRM Inc. All rights reserved.
 */

body.sugar-light-theme, .sugar-light-theme {
    --text-action: var(--blue-600); /* Text color for non-button elements that result in an action. */
    --text-base: var(--gray-800); /* Text color to use everywhere in the application. */
    --sicon: var(--gray-400); /* SugarIcon base color. */
    --button-secondary-text: var(--blue-600); /* Secondary button text color. */
    --button-secondary-background: var(--transparent); /* Background color for secondary button. */
    --button-primary-text: var(--white); /* Primary button text color. */
    --button-primary-background: var(--blue-600); /* Primary background color for application. */
    --border-base: var(--gray-300); /* Default border colour for application and secondary button. */
    --foreground-base: var(--white); /* Secondary element color in application; dashlets, list view, sidebar, etc. */
    --background-base: var(--gray-100); /* Primary element color in application; dashboard, focus drawer, etc. */
}

/**
 * Your installation or use of this SugarCRM file is subject to the applicable
 * terms available at
 * http://support.sugarcrm.com/Resources/Master_Subscription_Agreements/.
 * If you do not agree to all of the applicable terms or do not have the
 * authority to bind the entity as an authorized representative, then do not
 * install or use this SugarCRM file.
 *
 * Copyright (C) SugarCRM Inc. All rights reserved.
 */

body.sugar-dark-theme, .sugar-dark-theme {
    --text-action: var(--blue-300); /* Text color for non-button elements that result in an action. */
    --text-base: var(--gray-300); /* Text color to use everywhere in the application. */
    --sicon: var(--gray-500); /* SugarIcon base color. */
    --button-secondary-text: var(--blue-300); /* Secondary button text color. */
    --button-secondary-background: var(--transparent); /* Background color for secondary button. */
    --button-primary-text: var(--gray-800); /* Primary button text color. */
    --button-primary-background: var(--blue-400); /* Primary button background color. */
    --border-base: var(--gray-700); /* Default border colour for application and secondary button. */
    --foreground-base: var(--gray-900); /* Secondary element color in application; dashlets, list view, sidebar, etc. */
    --background-base: var(--gray-800); /* Primary element color in application; dashboard, focus drawer, etc. */
}

body.sugar-light-theme, .sugar-light-theme {
    color-scheme: light;
    --active-tab-border-color: #0679c8;
    --tab-background-hover-color: #d6eeff;
    --selected-tab-background-hover-color: #bedef4;
    --alert-background: #fff;
    --alert-border: rgba(0, 0, 0, 0);
    --border-color: #e5eaed;
    --border-color-focus: #b8bcbe;
    --border-color-light: #f1f3f4;
    --btn-background: #fff;
    --btn-active-background: #4d5154;
    --btn-hover-background: #2b2d2e;
    --btn-dark-invisible-background: #e5eaed;
    --btn-dark-invisible-background-hover: rgba(0, 0, 0, 0);
    --btn-secondary-background: #fff;
    --btn-secondary-background-active: #d9dddf;
    --btn-secondary-background-hover: #f1f3f4;
    --btn-secondary-background-disabled: #fff;
    --btn-secondary-border: #f1f3f4;
    --btn-secondary-border-hover: #e5eaed;
    --btn-secondary-color: #6f777b;
    --btn-secondary-color-hover: #2b2d2e;
    --btn-secondary-color-disabled: #6f777b;
    --btn-secondary-inset: #d9dddf;
    --btn-disabled-color: #9ba1a6;
    --config-pill-background: #d6eeff;
    --config-pill-text: #005d9c;
    --config-multifield-background: #f8fafc;
    --content-background: #f8fafc;
    --content-timeline-background: #f8fafc;
    --content-container-background-hover: #fff;
    --content-loading-background: #f1f3f4;
    --dashlet-background: #fff;
    --dashlet-background-hover: #fff;
    --dropdown-background: #fff;
    --dropdown-submenu-background: #f1f3f4;
    --dropdown-disabled-background: #e5eaed;
    --dropdown-link-background-active: #0679c8;
    --dropdown-link-background-hover: #d6eeff;
    --dropdown-link-color-hover: #005d9c;
    --dropdown-border-widget: none;
    --dupelicate-table-background: #fff7ad;
    --dupelicate-table-content-color: #866500;
    --headerpane-background: #f1f3f4;
    --headerpane-side-toggle-background: #e5eaed;
    --headerpane-side-toggle-hover-background: #d9dddf;
    --history-log-background: #f1f3f4;
    --history-log-color: #2b2d2e;
    --inform-text-color: #517bf8;
    --info-text-color: #29388c;
    --info-text-hover: #517bf8;
    --input-background: var(--white);
    --input-disabled-background: #f1f3f4;
    --label-color: #6f777b;
    --label-background: #f1f3f4;
    --link-color: #0679c8;
    --link-color-hover: #005d9c;
    --link-color-active: #fff;
    --metric-label: #6f777b;
    --metric-value: #4d5154;
    --navbar-background: #fff;
    --navbar-border-color: #e5eaed;
    --pill-background: #d6eeff;
    --popover-arrow-color: #fff;
    --primary-content-active: #e5eaed;
    --primary-content-background: #fff;
    --primary-content-background-accent: #f1f3f4;
    --primary-content-hover: #0679c8;
    --primary-content-hover-background: #eaf6ff;
    --progress-bar-background: var(--gray-300);
    --record-pill-hover-background: #d6eeff;
    --searchbar-background: #f1f3f4;
    --secondary-content-background: #f1f3f4;
    --select2-background: #f8fafc;
    --select2-background-hover: #f1f3f4;
    --separator-color: #d9dddf;
    --resizer-color: #d9dddf;
    --drag-handle-color: #fff;
    --shadow-color: #d9dddf;
    --shadow-color-hover: #b8bcbe;
    --sicon-color: #6f777b;
    --sicon-active-color: #005d9c;
    --sicon-hover-color: #0679c8;
    --sidebar-nav-background: #0679c8;
    --sidebar-nav-background-hover: #005d9c;
    --sidebar-nav-flyout-shadow-color: #4d5154;
    --sidebar-nav-group-divider-color: rgba(214, 238, 255, 0.8);
    --stack-logo: url("styleguide/images/stack-light-KSYtZbz.svg");
    --stack-logo-about: url("styleguide/images/stack-light-KSYtZbz.svg");
    --subpanel-background: #f8fafc;
    --subpanel-background-hover: #e5eaed;
    --text-color: #2b2d2e;
    --text-color-hover: #16191d;
    --text-color-inverse: #e5eaed;
    --text-color-light: #6f777b;
    --text-disabled-color: var(--gray-400);
    --sicon-disabled-color: var(--gray-300);
    --multi-line-background: #fff;
    --data-skeleton-loader: url("styleguide/images/data-skeleton-loader-zQvMPbG.svg");
    --timeline-skeleton-loader: url("styleguide/images/timeline-skeleton-loader-aDYzFXg.svg");
    --data-skeleton-loader-static: url("styleguide/images/data-skeleton-loader-static-LUt5QpB.svg");
    --chart-skeleton-loader: url("styleguide/images/chart-skeleton-loader-Z8jY8EN.svg");
    --filters-skeleton-loader: url("styleguide/images/filters-skeleton-loader-cFWc4QP.svg");
    --forecasts-skeleton-loader: url("styleguide/images/forecasts-xOir9He.svg");
    --subheader-content-background: #f1f3f4;
    --metric-badge-background: #e5eaed;
    --donut-chart-skeleton-loader: url("styleguide/images/donut-chart-nUT_HZ1.svg");
    --funnel-chart-skeleton-loader: url("styleguide/images/funnel-chart-a2e_E-I.svg");
    --h-bar-chart-skeleton-loader: url("styleguide/images/horizontal-bar-chart-VUFB6fR.svg");
    --h-bar-grouped-chart-skeleton-loader: url("styleguide/images/horizontal-bar-grouped-chart-HG3wUby.svg");
    --line-chart-skeleton-loader: url("styleguide/images/line-chart-Yq8cs93.svg");
    --pie-chart-skeleton-loader: url("styleguide/images/pie-chart-kZ7dSWn.svg");
    --treemap-chart-skeleton-loader: url("styleguide/images/treemap-chart-Xzo7tum.svg");
    --v-bar-chart-skeleton-loader: url("styleguide/images/vertical-bar-chart-sWt6_vM.svg");
    --v-bar-grouped-skeleton-loader: url("styleguide/images/vertical-bar-grouped-s_XEDKz.svg");
    --legend-skeleton-loader: url("styleguide/images/legend-9Mqopa8.svg");
    --table-total-skeleton-loader: url("styleguide/images/table-total-47SMzHz.svg");
    --chart-total-skeleton-loader: url("styleguide/images/chart-total-Wnn7or4.svg");
    --x-label-skeleton-loader: url("styleguide/images/x-label-SmDiW6x.svg");
    --y-label-skeleton-loader: url("styleguide/images/y-label-faI9KiX.svg");
    --matrix-skeleton-loader: url("styleguide/images/matrix-SwOVnzU.svg");
    --rows-and-columns-skeleton-loader: url("styleguide/images/rows-and-columns-XkJWaL9.svg");
    --summation-skeleton-loader: url("styleguide/images/summation-XkJWaL9.svg");
    --summation-with-detail-skeleton-loader: url("styleguide/images/summation-with-detail-qYUC2cI.svg");
    --automate-skeleton-loader: url("styleguide/images/automate-skeleton-loader-0jv4-l3.svg");
    --activity-base-color: #00ba83;
    --activity-background-color: #f1f3f4;
    --activity-border-top-color: #9ba1a6;
    --activity-color: #2b2d2e;
    --template-card-color: #e5eaed;
    --activity-row-fluid-color: #f1f3f4;
    --activity-row-fluid-border-color: #f8fafc;
    --guide-progress-color: #9ba1a6;
    --activity-info-color: #2b2d2e;
    --contrast-color: #fff;
    --pipeline-pink-base: #f7d0fd;
    --pipeline-pink-base-a35: rgba(247, 208, 253, 0.35);
    --pipeline-pink-opposite: #832a83;
    --pipeline-ocean-base: #c6ddff;
    --pipeline-ocean-base-ac: rgba(198, 221, 255, 0.35);
    --pipeline-ocean-opposite: #29388c;
    --pipeline-green-base: #baffcc;
    --pipeline-green-base-a35: rgba(186, 255, 204, 0.35);
    --pipeline-green-opposite: #056f37;
    --pipeline-orange-base: #ffdebc;
    --pipeline-orange-base-a35: rgba(255, 222, 188, 0.35);
    --pipeline-orange-opposite: #9b4617;
    --pipeline-red-base: #ffd4d0;
    --pipeline-red-base-a35: rgba(255, 212, 208, 0.35);
    --pipeline-red-opposite: #bb0e1b;
    --pipeline-pacific-base: #c0edff;
    --pipeline-pacific-base-a35: rgba(192, 237, 255, 0.35);
    --pipeline-pacific-opposite: #145c95;
    --pipeline-coral-base: #fde2eb;
    --pipeline-coral-base-a35: rgba(253, 226, 235, 0.35);
    --pipeline-coral-opposite: #a23354;
    --pipeline-purple-base: #e2d4fd;
    --pipeline-purple-base-a35: rgba(226, 212, 253, 0.35);
    --pipeline-purple-opposite: #4c2d85;
    --pipeline-teal-base: #c5fffb;
    --pipeline-teal-base-a35: rgba(197, 255, 251, 0.35);
    --pipeline-teal-opposite: #00636e;
    --pipeline-army-base: #e4fbb4;
    --pipeline-army-base-a35: rgba(228, 251, 180, 0.35);
    --pipeline-army-opposite: #537600;
    --pipeline-yellow-base: #fff7ad;
    --pipeline-yellow-base-a35: rgba(255, 247, 173, 0.35);
    --pipeline-yellow-opposite: #866500;
    --pipeline-gray-base: #d9dddf;
    --pipeline-gray-base-a35: rgba(217, 221, 223, 0.35);
    --pipeline-gray-opposite: #4d5154;
    --pipeline-fade-gradient: linear-gradient(to right, transparent, #fff);
    --fade-alpha-t-pink: linear-gradient(to top, transparent, #fcefff);
    --fade-alpha-b-pink: linear-gradient(to bottom, transparent, #fcefff);
    --fade-alpha-t-ocean: linear-gradient(to top, transparent, #ebf3ff);
    --fade-alpha-b-ocean: linear-gradient(to bottom, transparent, #ebf3ff);
    --fade-alpha-t-green: linear-gradient(to top, transparent, #e7ffee);
    --fade-alpha-b-green: linear-gradient(to bottom, transparent, #e7ffee);
    --fade-alpha-t-orange: linear-gradient(to top, transparent, #fef4e9);
    --fade-alpha-b-orange: linear-gradient(to bottom, transparent, #fef4e9);
    --fade-alpha-t-red: linear-gradient(to top, transparent, #fef0ef);
    --fade-alpha-b-red: linear-gradient(to bottom, transparent, #fef0ef);
    --fade-alpha-t-pacific: linear-gradient(to top, transparent, #e9f9ff);
    --fade-alpha-b-pacific: linear-gradient(to bottom, transparent, #e9f9ff);
    --fade-alpha-t-coral: linear-gradient(to top, transparent, #fef5f8);
    --fade-alpha-b-coral: linear-gradient(to bottom, transparent, #fef5f8);
    --fade-alpha-t-purple: linear-gradient(to top, transparent, #f5f0ff);
    --fade-alpha-b-purple: linear-gradient(to bottom, transparent, #f5f0ff);
    --fade-alpha-t-teal: linear-gradient(to top, transparent, #ebfffd);
    --fade-alpha-b-teal: linear-gradient(to bottom, transparent, #ebfffd);
    --fade-alpha-t-army: linear-gradient(to top, transparent, #f6fee5);
    --fade-alpha-b-army: linear-gradient(to bottom, transparent, #f6fee5);
    --fade-alpha-t-yellow: linear-gradient(to top, transparent, #fffce3);
    --fade-alpha-b-yellow: linear-gradient(to bottom, transparent, #fffce3);
    --fade-alpha-t-gray: linear-gradient(to top, transparent, #f2f3f4);
    --fade-alpha-b-gray: linear-gradient(to bottom, transparent, #f2f3f4);
    --activity-inprogress-color: #0679c8;
    --activity-base-cancellation-color: #e61718;
    --activity-base-not-color: #fbc02d;
    --tempalte-card-color: #e5eaed;
    --activity-base-icon-color: #6f777b;
    --activity-progress-color: #9ba1a6;
    --light-blue-half: #eaf6ff;
    --quick-search-field: var(--blue-300);
    --quick-search-text: var(--text-color);
    --quick-search-icon: white;
    --quick-search-placeholder: var(--blue-700);
    --quick-search-field-hover: var(--blue-50);
    --quick-search-icon-hover: var(--blue-600);
    --quick-search-border-hover: var(--blue-700);
    --quick-search-module-list: var(--text-color);
    --quick-search-module-list-bg: var(--dropdown-background);
    --quick-search-module-list-bg-hover: var(--gray-200);
    --quick-search-module-dropdown-border-widget: var(--gray-300)
}

body.sugar-dark-theme, .sugar-dark-theme {
    color-scheme: dark;
    --active-tab-border-color: #79ade0;
    --tab-background-hover-color: #002e4e;
    --selected-tab-background-hover-color: #002036;
    --alert-background: #16191d;
    --alert-border: #2b2d2e;
    --border-color: #4d5154;
    --border-color-focus: #9ba1a6;
    --border-color-light: #6f777b;
    --btn-background: #000;
    --btn-active-background: #2b2d2e;
    --btn-hover-background: #2b2d2e;
    --btn-dark-invisible-background: #4d5154;
    --btn-dark-invisible-background-hover: #16191d;
    --btn-secondary-background: #2b2d2e;
    --btn-secondary-background-active: #16191d;
    --btn-secondary-background-hover: #4d5154;
    --btn-secondary-background-disabled: #16191d;
    --btn-secondary-border: #2b2d2e;
    --btn-secondary-border-hover: #4d5154;
    --btn-secondary-color: #b8bcbe;
    --btn-secondary-color-hover: #d9dddf;
    --btn-secondary-color-disabled: #6f777b;
    --btn-secondary-inset: #2b2d2e;
    --btn-disabled-color: #4d5154;
    --config-pill-background: #2b2d2e;
    --config-pill-text: #e5eaed;
    --config-multifield-background: #16191d;
    --content-background: #16191d;
    --content-timeline-background: #2b2d2e;
    --content-container-background-hover: #0f1215;
    --content-loading-background: #16191d;
    --dashlet-background: #000;
    --dashlet-background-hover: #16191d;
    --dupelicate-table-background: #4c4a34;
    --dupelicate-table-content-color: #fff7ad;
    --dropdown-background: #000;
    --dropdown-submenu-background: #0f1215;
    --dropdown-disabled-background: #16191d;
    --dropdown-link-background-active: #4d5154;
    --dropdown-link-background-hover: #2b2d2e;
    --dropdown-link-color-hover: #fff;
    --dropdown-border-widget: #2b2d2e;
    --headerpane-background: #16191d;
    --headerpane-side-toggle-background: #4d5154;
    --headerpane-side-toggle-hover-background: #2b2d2e;
    --history-log-background: #4d5154;
    --history-log-color: #f8fafc;
    --inform-text-color: #517bf8;
    --info-text-color: #c6ddff;
    --info-text-hover: #517bf8;
    --input-background: var(--gray-950);
    --input-disabled-background: #16191d;
    --label-color: #9ba1a6;
    --label-background: #6f777b;
    --link-color: #79ade0;
    --link-color-hover: #d6eeff;
    --link-color-active: #fff;
    --metric-label: #e5eaed;
    --metric-value: #d9dddf;
    --navbar-background: #000;
    --navbar-border-color: #2b2d2e;
    --pill-background: #2b2d2e;
    --popover-arrow-color: #000;
    --primary-content-active: #16191d;
    --primary-content-background: #000;
    --primary-content-background-accent: #2b2d2e;
    --primary-content-hover: #002e4e;
    --primary-content-hover-background: #002e4e;
    --primary-content-hover-striped: #4d5154;
    --progress-bar-background: var(--gray-700);
    --record-pill-hover-background: #2b2d2e;
    --searchbar-background: #4d5154;
    --secondary-content-background: #2b2d2e;
    --select2-background: #16191d;
    --select2-background-hover: #2b2d2e;
    --separator-color: #4d5154;
    --resizer-color: #9ba1a6;
    --drag-handle-color: #f1f3f4;
    --shadow-color: #0f1215;
    --shadow-color-hover: #0f1215;
    --sicon-color: var(--gray-400);
    --sicon-hover-color: #fff;
    --sicon-active-color: #e5eaed;
    --sidebar-nav-background: #0679c8;
    --sidebar-nav-background-hover: #005d9c;
    --sidebar-nav-group-divider-color: rgba(214, 238, 255, 0.8);
    --sidebar-nav-flyout-shadow-color: #0f1215;
    --stack-logo: url("styleguide/images/stack-dark-opacity50-kUy_qA5.svg");
    --stack-logo-about: url("styleguide/images/stack-dark-opacity70-GIaseRl.svg");
    --subpanel-background: #2b2d2e;
    --subpanel-background-hover: #0f1215;
    --text-color: #e5eaed;
    --text-color-hover: #fff;
    --text-color-inverse: #2b2d2e;
    --text-color-light: #d9dddf;
    --text-disabled-color: var(--gray-400);
    --sicon-disabled-color: var(--gray-400);
    --multi-line-background: #000;
    --data-skeleton-loader: url("styleguide/images/data-skeleton-loader-dark-uNxWkBB.svg");
    --timeline-skeleton-loader: url("styleguide/images/timeline-skeleton-loader-dark-3BclUd3.svg");
    --data-skeleton-loader-static: url("styleguide/images/data-skeleton-loader-static-dark-LUt5QpB.svg");
    --chart-skeleton-loader: url("styleguide/images/chart-skeleton-loader-dark-4yjk1HD.svg");
    --filters-skeleton-loader: url("styleguide/images/filters-skeleton-loader-dark-jC3vs6p.svg");
    --forecasts-skeleton-loader: url("styleguide/images/forecasts-dark-qvzAdJJ.svg");
    --subheader-content-background: #000;
    --metric-badge-background: #6f777b;
    --donut-chart-skeleton-loader: url("styleguide/images/donut-chart-dark-H9OiXsF.svg");
    --funnel-chart-skeleton-loader: url("styleguide/images/funnel-chart-dark-a2e_E-I.svg");
    --h-bar-chart-skeleton-loader: url("styleguide/images/horizontal-bar-chart-dark-5_v6WxH.svg");
    --h-bar-grouped-chart-skeleton-loader: url("styleguide/images/horizontal-bar-grouped-chart-dark-6Nb6Acj.svg");
    --line-chart-skeleton-loader: url("styleguide/images/line-chart-dark-WdzoDaA.svg");
    --pie-chart-skeleton-loader: url("styleguide/images/pie-chart-dark-UkUiyDK.svg");
    --treemap-chart-skeleton-loader: url("styleguide/images/treemap-chart-dark-cPFMLa3.svg");
    --v-bar-chart-skeleton-loader: url("styleguide/images/vertical-bar-chart-dark-vj2mDTO.svg");
    --v-bar-grouped-skeleton-loader: url("styleguide/images/vertical-bar-grouped-dark-CURZ-Zj.svg");
    --legend-skeleton-loader: url("styleguide/images/legend-dark-hfBwoMK.svg");
    --table-total-skeleton-loader: url("styleguide/images/table-total-dark-LQvJyWK.svg");
    --chart-total-skeleton-loader: url("styleguide/images/chart-total-dark-O9K4hnO.svg");
    --x-label-skeleton-loader: url("styleguide/images/x-label-dark-3Z3qN5o.svg");
    --y-label-skeleton-loader: url("styleguide/images/y-label-dark-vHiz9fL.svg");
    --matrix-skeleton-loader: url("styleguide/images/matrix-dark-fh5cs-U.svg");
    --rows-and-columns-skeleton-loader: url("styleguide/images/rows-and-columns-dark-kfh3ErW.svg");
    --summation-with-detail-skeleton-loader: url("styleguide/images/summation-with-detail-dark-QGXVRP_.svg");
    --summation-skeleton-loader: url("styleguide/images/summation-dark-kfh3ErW.svg");
    --automate-skeleton-loader: url("styleguide/images/automate-skeleton-loader-dark-85rKakL.svg");
    --activity-base-color: #00ba83;
    --activity-background-color: #2b2d2e;
    --activity-border-top-color: #6f777b;
    --activity-color: #9ba1a6;
    --template-card-color: #4d5154;
    --activity-row-fluid-color: transparent;
    --activity-row-fluid-border-color: transparent;
    --guide-progress-color: #6f777b;
    --activity-info-color: #9ba1a6;
    --contrast-color: #000;
    --pipeline-pink-base: #832a83;
    --pipeline-pink-base-a35: rgba(131, 42, 131, 0.35);
    --pipeline-pink-opposite: #f7d0fd;
    --pipeline-ocean-base: #29388c;
    --pipeline-ocean-base-ac: rgba(41, 56, 140, 0.35);
    --pipeline-ocean-opposite: #c6ddff;
    --pipeline-green-base: #056f37;
    --pipeline-green-base-a35: rgba(5, 111, 55, 0.35);
    --pipeline-green-opposite: #baffcc;
    --pipeline-orange-base: #9b4617;
    --pipeline-orange-base-a35: rgba(155, 70, 23, 0.35);
    --pipeline-orange-opposite: #ffdebc;
    --pipeline-red-base: #bb0e1b;
    --pipeline-red-base-a35: rgba(187, 14, 27, 0.35);
    --pipeline-red-opposite: #ffd4d0;
    --pipeline-pacific-base: #145c95;
    --pipeline-pacific-base-a35: rgba(20, 92, 149, 0.35);
    --pipeline-pacific-opposite: #c0edff;
    --pipeline-coral-base: #a23354;
    --pipeline-coral-base-a35: rgba(162, 51, 84, 0.35);
    --pipeline-coral-opposite: #fde2eb;
    --pipeline-purple-base: #4c2d85;
    --pipeline-purple-base-a35: rgba(76, 45, 133, 0.35);
    --pipeline-purple-opposite: #e2d4fd;
    --pipeline-teal-base: #00636e;
    --pipeline-teal-base-a35: rgba(0, 99, 110, 0.35);
    --pipeline-teal-opposite: #c5fffb;
    --pipeline-army-base: #537600;
    --pipeline-army-base-a35: rgba(83, 118, 0, 0.35);
    --pipeline-army-opposite: #e4fbb4;
    --pipeline-yellow-base: #866500;
    --pipeline-yellow-base-a35: rgba(134, 101, 0, 0.35);
    --pipeline-yellow-opposite: #fff7ad;
    --pipeline-gray-base: #4d5154;
    --pipeline-gray-base-a35: rgba(77, 81, 84, 0.35);
    --pipeline-gray-opposite: #d9dddf;
    --pipeline-fade-gradient: linear-gradient(to right, transparent, #000);
    --fade-alpha-t-pink: linear-gradient(to top, transparent, #2f0b2f);
    --fade-alpha-b-pink: linear-gradient(to bottom, transparent, #2f0b2f);
    --fade-alpha-t-ocean: linear-gradient(to top, transparent, #0b1033);
    --fade-alpha-b-ocean: linear-gradient(to bottom, transparent, #0b1033);
    --fade-alpha-t-green: linear-gradient(to top, transparent, #042710);
    --fade-alpha-b-green: linear-gradient(to bottom, transparent, #042710);
    --fade-alpha-t-orange: linear-gradient(to top, transparent, #3a1506);
    --fade-alpha-b-orange: linear-gradient(to bottom, transparent, #3a1506);
    --fade-alpha-t-red: linear-gradient(to top, transparent, #470506);
    --fade-alpha-b-red: linear-gradient(to bottom, transparent, #470506);
    --fade-alpha-t-pacific: linear-gradient(to top, transparent, #051f37);
    --fade-alpha-b-pacific: linear-gradient(to bottom, transparent, #051f37);
    --fade-alpha-t-coral: linear-gradient(to top, transparent, #3c0d1b);
    --fade-alpha-b-coral: linear-gradient(to bottom, transparent, #3c0d1b);
    --fade-alpha-t-purple: linear-gradient(to top, transparent, #180b31);
    --fade-alpha-b-purple: linear-gradient(to bottom, transparent, #180b31);
    --fade-alpha-t-teal: linear-gradient(to top, transparent, #032226);
    --fade-alpha-b-teal: linear-gradient(to bottom, transparent, #032226);
    --fade-alpha-t-army: linear-gradient(to top, transparent, #1b2903);
    --fade-alpha-b-army: linear-gradient(to bottom, transparent, #1b2903);
    --fade-alpha-t-yellow: linear-gradient(to top, transparent, #302303);
    --fade-alpha-b-yellow: linear-gradient(to bottom, transparent, #302303);
    --fade-alpha-t-gray: linear-gradient(to top, transparent, #191a1c);
    --fade-alpha-b-gray: linear-gradient(to bottom, transparent, #191a1c);
    --activity-inprogress-color: #0679c8;
    --activity-base-cancellation-color: #e61718;
    --activity-base-not-color: #fbc02d;
    --tempalte-card-color: #4d5154;
    --activity-base-icon-color: #6f777b;
    --activity-progress-color: #6f777b;
    --activity-base-type-icon-color: #9ba1a6;
    --light-blue-half: #2b2d2e;
    --quick-search-field: var(--blue-800);
    --quick-search-text: var(--blue-100);
    --quick-search-icon: var(--blue-300);
    --quick-search-placeholder: var(--blue-200);
    --quick-search-field-hover: var(--blue-700);
    --quick-search-icon-hover: var(--blue-300);
    --quick-search-border-hover: var(--blue-300);
    --quick-search-module-list: var(--gray-300);
    --quick-search-module-list-bg: var(--gray-900);
    --quick-search-module-list-bg-hover: var(--gray-800);
    --quick-search-module-dropdown-border-widget: var(--gray-700)
}

.clearfix::before, .clearfix::after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix::after {
    clear: both
}

.hide-text {
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.headerpane-shadow {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 100%;
    width: calc(100% + 1px);
    height: 5px;
    left: 0;
    top: auto;
    background-color: rgba(236, 236, 236, 0.46);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), #fff);
    background-repeat: repeat-x;
    background-color: rgba(0, 0, 0, 0)
}

.information-underline {
    border-bottom: 1px dotted #000;
    cursor: pointer
}

.information-underline:hover {
    border-bottom: 1px solid #000
}

.noUiSlider {
    width: 400px;
    border: 1px solid var(--border-base);
    height: 8px;
    background: #fff
}

.noUi-midBar {
    height: 8px;
    z-index: 0;
    background-color: #36b0ff
}

.noUi-handle > div {
    z-index: 5;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    left: -8px;
    border: 1px solid var(--border-base);
    background: #fff
}

.noUi-handle > div:hover, .noUi-activeHandle {
    background: #517bf8 !important;
    border-color: #36b0ff !important
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .noUi-handle > div {
        height: 32px;
        width: 32px;
        top: -13px;
        left: -16px
    }
}

.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    border-radius: var(--rounded-sm);
    box-shadow: 0 2px 4px 0 var(--shadow-color)
}

.datepicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid var(--border-base);
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px
}

.datepicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.datepicker > div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    width: 100%;
    margin: 0
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0
}

.datepicker td.day:hover {
    background: var(--border-base);
    cursor: pointer
}

.datepicker td.old, .datepicker td.new {
    color: #6f777b
}

.datepicker td.disabled, .datepicker td.disabled:hover {
    background: none;
    color: #6f777b;
    cursor: default
}

.datepicker td.active, .datepicker td.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover {
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
    text-shadow: none;
    background-color: #4d5154;
    outline: 0
}

.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    border-radius: var(--rounded-sm)
}

.datepicker td span:hover {
    background: var(--border-base)
}

.datepicker td span.disabled, .datepicker td span.disabled:hover {
    background: none;
    color: #6f777b;
    cursor: default
}

.datepicker td span.active, .datepicker td span.active:hover, .datepicker td span.active.disabled, .datepicker td span.active.disabled:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker td span.old {
    color: #6f777b
}

.datepicker th.switch {
    width: 145px
}

.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover {
    background: var(--border-base)
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url("styleguide/images/saturation-RtnLHjg.png");
    cursor: crosshair;
    float: left
}

.colorpicker-saturation i {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #000;
    position: absolute;
    top: 0;
    left: 0;
    margin: -4px 0 0 -4px
}

.colorpicker-saturation i b {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #fff
}

.colorpicker-hue, .colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px
}

.colorpicker-hue i, .colorpicker-alpha i {
    display: block;
    height: 1px;
    background: #000;
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -1px
}

.colorpicker-hue {
    background-image: url("styleguide/images/hue-Bu1H1fI.png")
}

.colorpicker-alpha {
    background-image: url("styleguide/images/alpha-tqF6EwZ.png");
    display: none
}

.colorpicker {
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 120px
}

.colorpicker::before, .colorpicker::after {
    display: table;
    content: "";
    line-height: 0
}

.colorpicker::after {
    clear: both
}

.colorpicker div {
    position: relative
}

.colorpicker.alpha {
    min-width: 140px
}

.colorpicker.alpha .colorpicker-alpha {
    display: block
}

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url("styleguide/images/alpha-tqF6EwZ.png");
    background-position: 0 100%
}

.colorpicker-color div {
    height: 10px
}

.input-append.color .add-on i, .input-prepend.color .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

[data-fieldname="license_type"] .select2-container.required input[type=text] {
    color: #9ba1a6
}

.select2-container, .select2-drop, .select2-search, .select2-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #9ba1a6;
    white-space: nowrap;
    line-height: 26px;
    color: #4d5154;
    text-decoration: none;
    border-radius: var(--rounded-sm);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f3f4), color-stop(.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #f1f3f4 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #f1f3f4 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #f1f3f4 50%)
}

.select2-container.select2-dropdown-open.select2-drop-above .select2-choice {
    border-bottom-color: #9ba1a6;
    border-radius: 0 0 var(--rounded-md) var(--rounded-md);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f3f4), color-stop(.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #f1f3f4 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #f1f3f4 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    background-image: linear-gradient(top, #f1f3f4 0%, #fff 90%)
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: none;
    cursor: pointer;
    outline: 0
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    border: 1px solid #9ba1a6;
    border-top: 0;
    border-radius: 0 0 var(--rounded-md) var(--rounded-md);
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #9ba1a6;
    border-bottom: 0;
    border-radius: var(--rounded-md) var(--rounded-md) 0 0;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15)
}

.select2-drop-active {
    border: 1px solid #517bf8;
    border-top: none
}

.select2-drop-auto-width {
    border-top: 1px solid #9ba1a6;
    width: auto
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #9ba1a6;
    border-radius: 0 var(--rounded-md) var(--rounded-md) 0;
    background-clip: padding-box;
    background: #f1f3f4;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f3f4), color-stop(.6, #fff));
    background-image: -webkit-linear-gradient(center bottom, #f1f3f4 0%, #fff 60%);
    background-image: -moz-linear-gradient(center bottom, #f1f3f4 0%, #fff 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #f1f3f4 0%, #fff 60%)
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: none
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #9ba1a6;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-search input.select2-active {
    background: var(--input-background) url("styleguide/images/select2-spinner-OjvQKHA.gif") no-repeat calc(100% - 3px);
    background: url("styleguide/images/select2-spinner-OjvQKHA.gif") no-repeat calc(100% - 3px), var(--input-background)
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid #517bf8;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f1f3f4;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(.5, #f1f3f4));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #f1f3f4 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #f1f3f4 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #f1f3f4 50%)
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #517bf8;
    border-top-color: transparent
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}

.select2-results ul.select2-result-sub > li .select2-result-label {
    padding-left: 20px
}

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 40px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 60px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 80px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 100px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 110px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 120px
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results .select2-highlighted {
    background: #0679c8;
    color: #fff
}

.select2-results li em {
    background: #fff;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: rgba(0, 0, 0, 0)
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background: var(--content-background);
    display: list-item;
    padding-left: 5px
}

.select2-results .select2-disabled.select2-highlighted {
    color: #4d5154;
    background: #f1f3f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-disabled {
    background: #f1f3f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results.select2-active {
    background: #f1f3f4 url("styleguide/images/select2-spinner-OjvQKHA.gif") no-repeat 100%
}

.select2-more-results {
    background: #f1f3f4;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: var(--dropdown-disabled-background);
    background-image: none;
    border: 1px solid var(--border-base);
    cursor: default
}

.select2-container.select2-container-disabled .select2-choice:hover {
    background-color: var(--dropdown-disabled-background);
    cursor: no-drop
}

.select2-container.select2-container-disabled .select2-choice:hover b {
    color: var(--sicon-color)
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: var(--dropdown-disabled-background);
    background-image: none;
    border-left: 0
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #9ba1a6;
    cursor: text;
    overflow: hidden;
    background-color: var(--input-background);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #f1f3f4), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #f1f3f4 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #f1f3f4 1%, #fff 15%);
    background-image: linear-gradient(top, #f1f3f4 1%, #fff 15%)
}

.select2-locked {
    padding: 3px 5px 3px 5px !important
}

.select2-container-multi .select2-choices {
    min-height: 26px
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #517bf8;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
    float: right
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: var(--text-base);
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url("styleguide/images/select2-spinner-OjvQKHA.gif") no-repeat 100% !important
}

.select2-default {
    color: #9ba1a6
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #4d5154;
    cursor: default;
    border: 1px solid #9ba1a6;
    border-radius: var(--rounded-sm);
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%)
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
    margin-left: 0;
    margin-right: 5px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #f1f3f4
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none
}

html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px
}

.select2-container-multi .select2-search-choice-close {
    left: 3px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: var(--dropdown-disabled-background);
    background-image: none;
    border: 1px solid var(--border-base);
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid var(--border-base);
    background-image: none;
    background-color: var(--dropdown-disabled-background)
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: none
}

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
    text-decoration: underline
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    min-width: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important
}

.select2-display-none {
    display: none
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

.ui-timepicker-wrapper {
    overflow-y: auto;
    max-height: 150px;
    width: 6.5em;
    background: var(--dropdown-background);
    outline: none;
    z-index: 10052;
    margin: 0
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 13em
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
    width: 11em
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: var(--text-base);
    list-style: none;
    margin: 0
}

.ui-timepicker-list li .ui-timepicker-duration {
    margin-left: 5px;
    color: var(--text-base)
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: var(--text-action);
    color: var(--text-color-inverse)
}

li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
    background: var(--link-color-hover);
    color: var(--text-color-inverse)
}

li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration {
    color: var(--text-color-inverse)
}

.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #9ba1a6;
    cursor: default
}

.ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: var(--dropdown-disabled-background)
}

@font-face {
    font-family: 'SugarIcons';
    src: url("fonts/SugarIcons/SugarIcons-pKEG9lP.woff2") format('woff2'), url("fonts/SugarIcons/SugarIcons-YDsy-bP.woff") format('woff'), url("fonts/SugarIcons/SugarIcons-mqAJCyH.ttf") format('truetype'), url("fonts/SugarIcons/SugarIcons-AP5oS0J.svg") format('svg');
    font-weight: normal;
    font-style: normal
}

.sicon-sm {
    font-size: 0.8em
}

.sicon-lg {
    font-size: 16px
}

.sicon-16 {
    font-size: 16px
}

.sicon-32 {
    font-size: 32px
}

.sicon-bg-square, .sicon-bg-circle {
    padding: 0.35em;
    background-color: #fff
}

.sicon-bg-circle {
    border-radius: 50%
}

.sicon-ul {
    padding-left: 0;
    list-style-type: none
}

.sicon-ul > li {
    display: flex;
    align-items: flex-start;
    line-height: 1.4
}

.sicon-ul > li > .sicon {
    margin-right: .4em;
    line-height: inherit
}

.sicon-is-spinning {
    -webkit-animation: sicon-spin 1s infinite linear;
    -moz-animation: sicon-spin 1s infinite linear;
    animation: sicon-spin 1s infinite linear
}

@-webkit-keyframes sicon-spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes sicon-spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@keyframes sicon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.sicon-rotate-90 {
    filter: progid:dximagetransform.microsoft.basicimage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sicon-rotate-180 {
    filter: progid:dximagetransform.microsoft.basicimage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sicon-rotate-270 {
    filter: progid:dximagetransform.microsoft.basicimage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sicon-flip-y {
    filter: progid:dximagetransform.microsoft.basicimage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.sicon-flip-x {
    filter: progid:dximagetransform.microsoft.basicimage(rotation=2);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

.sicon-arrow-down::before {
    content: "\ea03"
}

.sicon-chevron-left::before {
    content: "\ea05"
}

.sicon-check::before {
    content: "\ea07"
}

.sicon-clock::before {
    content: "\ea08"
}

.sicon-dashboard-default::before {
    content: "\ea09"
}

.sicon-dashboard::before {
    content: "\ea0a"
}

.sicon-edit::before {
    content: "\ea0b"
}

.sicon-caret-down::before {
    content: "\ea0c"
}

.sicon-info::before {
    content: "\ea0e"
}

.sicon-kebab::before {
    content: "\ea0f"
}

.sicon-link::before {
    content: "\ea10"
}

.sicon-list::before {
    content: "\ea11"
}

.sicon-logout::before {
    content: "\ea12"
}

.sicon-minus::before {
    content: "\ea13"
}

.sicon-plus-sm::before {
    content: "\ea15"
}

.sicon-refresh::before {
    content: "\ea16"
}

.sicon-plus::before {
    content: "\ea17"
}

.sicon-settings::before {
    content: "\ea19"
}

.sicon-arrow-right-double::before {
    content: "\ea1a"
}

.sicon-reports::before {
    content: "\ea1b"
}

.sicon-user::before {
    content: "\ea1c"
}

.sicon-upload::before {
    content: "\ea1d"
}

.sicon-user-group::before {
    content: "\ea1e"
}

.sicon-arrow-left-double::before {
    content: "\ea1f"
}

.sicon-chevron-up::before {
    content: "\ea20"
}

.sicon-caret-up::before {
    content: "\ea22"
}

.sicon-star-fill::before {
    content: "\ea23"
}

.sicon-download::before {
    content: "\ea24"
}

.sicon-close::before {
    content: "\ea25"
}

.sicon-tile-view::before {
    content: "\ea26"
}

.sicon-list-view::before {
    content: "\ea27"
}

.sicon-thumbs-down::before {
    content: "\ea28"
}

.sicon-warning-circle::before {
    content: "\ea29"
}

.sicon-phone::before {
    content: "\ea2a"
}

.sicon-email::before {
    content: "\ea2b"
}

.sicon-document::before {
    content: "\ea2c"
}

.sicon-note::before {
    content: "\ea2d"
}

.sicon-preview::before {
    content: "\ea2e"
}

.sicon-launch::before {
    content: "\ea30"
}

.sicon-lock::before {
    content: "\ea32"
}

.sicon-arrow-top-right::before {
    content: "\ea33"
}

.sicon-full-screen::before {
    content: "\ea34"
}

.sicon-full-screen-exit::before {
    content: "\ea35"
}

.sicon-expand-left::before {
    content: "\ea36"
}

.sicon-expand-right::before {
    content: "\ea37"
}

.sicon-focus-drawer::before {
    content: "\ea38"
}

.sicon-ban::before {
    content: "\ea39"
}

.sicon-thumbs-up::before {
    content: "\ea3a"
}

.sicon-search::before {
    content: "\ea3b"
}

.sicon-calendar::before {
    content: "\ea3c"
}

.sicon-calendar-lg::before {
    content: "\ea3d"
}

.sicon-mobile-lg::before {
    content: "\ea3e"
}

.sicon-star-fill-lg::before {
    content: "\ea3f"
}

.sicon-star-outline-lg::before {
    content: "\ea40"
}

.sicon-reset-lg::before {
    content: "\ea41"
}

.sicon-exchange-lg::before {
    content: "\ea42"
}

.sicon-help-lg::before {
    content: "\ea43"
}

.sicon-close-lg::before {
    content: "\ea44"
}

.sicon-plus-lg::before {
    content: "\ea45"
}

.sicon-shortcuts-lg::before {
    content: "\ea46"
}

.sicon-search-lg::before {
    content: "\ea47"
}

.sicon-email-lg::before {
    content: "\ea49"
}

.sicon-note-lg::before {
    content: "\ea4a"
}

.sicon-document-lg::before {
    content: "\ea4b"
}

.sicon-add-dashlet-lg::before {
    content: "\ea4c"
}

.sicon-collapse-lg::before {
    content: "\ea4d"
}

.sicon-hamburger-lg::before {
    content: "\ea4e"
}

.sicon-pin-fill-lg::before {
    content: "\ea4f"
}

.sicon-expand-lg::before {
    content: "\ea50"
}

.sicon-dashboard-lg::before {
    content: "\ea52"
}

.sicon-star-outline::before {
    content: "\ea54"
}

.sicon-reset::before {
    content: "\ea55"
}

.sicon-unlink::before {
    content: "\ea56"
}

.sicon-phone-lg::before {
    content: "\ea57"
}

.sicon-attach::before {
    content: "\ea59"
}

.sicon-case-lg::before {
    content: "\ea5a"
}

.sicon-arrow-right-lg::before {
    content: "\ea5b"
}

.sicon-check-circle-lg::before {
    content: "\ea5c"
}

.sicon-text-formatting::before {
    content: "\ea5d"
}

.sicon-check-circle::before {
    content: "\ea5e"
}

.sicon-upload-lg::before {
    content: "\ea5f"
}

.sicon-flag-lg::before {
    content: "\ea60"
}

.sicon-studio-lg::before {
    content: "\ea63"
}

.sicon-contact-lg::before {
    content: "\ea65"
}

.sicon-edit-lg::before {
    content: "\ea66"
}

.sicon-arrow-left::before {
    content: "\ea67"
}

.sicon-reply-all::before {
    content: "\ea69"
}

.sicon-message-lg::before {
    content: "\ea6a"
}

.sicon-info-lg::before {
    content: "\ea6b"
}

.sicon-error-lg::before {
    content: "\ea6c"
}

.sicon-check-circle-line-lg::before {
    content: "\ea6d"
}

.sicon-warning-line-lg::before {
    content: "\ea6e"
}

.sicon-arrow-up::before {
    content: "\ea6f"
}

.sicon-arrow-right::before {
    content: "\ea70"
}

.sicon-nodes::before {
    content: "\ea71"
}

.sicon-hide::before {
    content: "\ea72"
}

.sicon-help::before {
    content: "\ea73"
}

.sicon-twitter::before {
    content: "\ea74"
}

.sicon-message::before {
    content: "\ea75"
}

.sicon-sugar-predict-lg::before {
    content: "\ea78"
}

.sicon-sugar-predict::before {
    content: "\ea7b"
}

.sicon-opportunity-lg::before {
    content: "\ea7d"
}

.sicon-lead-lg::before {
    content: "\ea7e"
}

.sicon-account-lg::before {
    content: "\ea7f"
}

.sicon-user-sm::before {
    content: "\ea80"
}

.sicon-quote-lg::before {
    content: "\ea81"
}

.sicon-equal::before {
    content: "\ea94"
}

.sicon-slicers-xl::before {
    content: "\ea95"
}

.sicon-escalation-lg::before {
    content: "\ea96"
}

.sicon-add-circle-lg::before {
    content: "\ea97"
}

.sicon-add-line-lg::before {
    content: "\ea98"
}

.sicon-add-target-lg::before {
    content: "\ea99"
}

.sicon-help-circle-lg::before {
    content: "\ea9a"
}

.sicon-divide-line-lg::before {
    content: "\ea9b"
}

.sicon-string::before {
    content: "\ea9c"
}

.sicon-filter::before {
    content: "\ea9d"
}

.sicon-number::before {
    content: "\ea9e"
}

.sicon-format-lg::before {
    content: "\ea9f"
}

.sicon-insights-lg::before {
    content: "\eaa0"
}

.sicon-invalid-circle-lg::before {
    content: "\eaa1"
}

.sicon-discover-xl::before {
    content: "\eaa2"
}

.sicon-layout-lg::before {
    content: "\eaa3"
}

.sicon-multiply-line-lg::before {
    content: "\eaa4"
}

.sicon-redo-lg::before {
    content: "\eaa7"
}

.sicon-refresh-lg::before {
    content: "\eaa8"
}

.sicon-undo-lg::before {
    content: "\eaac"
}

.sicon-activity-feed-xl::before {
    content: "\eaad"
}

.sicon-chevron-left-xl::before {
    content: "\eaae"
}

.sicon-close-xl::before {
    content: "\eaaf"
}

.sicon-kebab-lg::before {
    content: "\eab1"
}

.sicon-insights-xl::before {
    content: "\eab3"
}

.sicon-hide-lg::before {
    content: "\eab4"
}

.sicon-kebab-xl::before {
    content: "\eab5"
}

.sicon-comment-xl::before {
    content: "\eab8"
}

.sicon-share-lg::before {
    content: "\eab9"
}

.sicon-trash::before {
    content: "\eaba"
}

.sicon-launch-lg::before {
    content: "\eabb"
}

.sicon-thumbs-up-lg::before {
    content: "\eabf"
}

.sicon-thumbs-down-lg::before {
    content: "\eac0"
}

.sicon-warning-lg::before {
    content: "\eac1"
}

.sicon-wizard-circle-xl::before {
    content: "\eac2"
}

.sicon-bell-cross-lg::before {
    content: "\eac4"
}

.sicon-bell-lg::before {
    content: "\eac5"
}

.sicon-daily-lg::before {
    content: "\eac6"
}

.sicon-cloud-download-lg::before {
    content: "\eac7"
}

.sicon-unlock::before {
    content: "\eac8"
}

.sicon-news-lg::before {
    content: "\eac9"
}

.sicon-weekly-lg::before {
    content: "\eaca"
}

.sicon-knowledgebase-xl::before {
    content: "\eacb"
}

.sicon-remove::before {
    content: "\eacc"
}

.sicon-chevron-down::before {
    content: "\eacd"
}

.sicon-slicers-lg::before {
    content: "\eace"
}

.sicon-save-lg::before {
    content: "\eacf"
}

.sicon-info-circle-lg::before {
    content: "\ead0"
}

.sicon-chevron-right::before {
    content: "\ead1"
}

.sicon-warning-circle-lg::before {
    content: "\ead2"
}

.sicon-right-paren-line-lg::before {
    content: "\ead3"
}

.sicon-comment-lg::before {
    content: "\ead4"
}

.sicon-target-lg::before {
    content: "\ead5"
}

.sicon-subtract-line-lg::before {
    content: "\ead6"
}

.sicon-settings-lg::before {
    content: "\ead7"
}

.sicon-left-paren-line-lg::before {
    content: "\ead8"
}

.sicon-preview-lg::before {
    content: "\ead9"
}

.sicon-thumbs-down-line-lg::before {
    content: "\eada"
}

.sicon-thumbs-up-line-lg::before {
    content: "\eadb"
}

.sicon-send-lg::before {
    content: "\eadc"
}

.sicon-contact-xl::before {
    content: "\eadd"
}

.sicon-wizard-circle-line-xl::before {
    content: "\eade"
}

.sicon-trash-lg::before {
    content: "\eadf"
}

.sicon-pin-lg::before {
    content: "\eae0"
}

.sicon-clock-lg::before {
    content: "\eae1"
}

.sicon-comment-line-xl::before {
    content: "\eae2"
}

.sicon-dropdown-editor::before {
    content: "\eae5"
}

.sicon-amazon::before {
    content: "\eae6"
}

.sicon-bug::before {
    content: "\eae7"
}

.sicon-catalog::before {
    content: "\eae8"
}

.sicon-cloud::before {
    content: "\eae9"
}

.sicon-config-api::before {
    content: "\eaea"
}

.sicon-config-nav::before {
    content: "\eaeb"
}

.sicon-connectors::before {
    content: "\eaec"
}

.sicon-contracts::before {
    content: "\eaed"
}

.sicon-currencies::before {
    content: "\eaee"
}

.sicon-diagnostics::before {
    content: "\eaef"
}

.sicon-sugar-club::before {
    content: "\eaf0"
}

.sicon-email-campaign::before {
    content: "\eaf1"
}

.sicon-email-inbound::before {
    content: "\eaf2"
}

.sicon-email-queue::before {
    content: "\eaf3"
}

.sicon-forecasts::before {
    content: "\eaf4"
}

.sicon-display-modules::before {
    content: "\eaf5"
}

.sicon-email-contacts::before {
    content: "\eaf6"
}

.sicon-import::before {
    content: "\eaf7"
}

.sicon-log-viewer::before {
    content: "\eaf8"
}

.sicon-lab::before {
    content: "\eaf9"
}

.sicon-map-pin::before {
    content: "\eafa"
}

.sicon-manufacturers::before {
    content: "\eafb"
}

.sicon-update::before {
    content: "\eafc"
}

.sicon-content-security::before {
    content: "\eafd"
}

.sicon-module-builder::before {
    content: "\eafe"
}

.sicon-languages::before {
    content: "\eaff"
}

.sicon-module-loader::before {
    content: "\eb00"
}

.sicon-oauth-key::before {
    content: "\eb01"
}

.sicon-password-mgmt::before {
    content: "\eb02"
}

.sicon-opportunities::before {
    content: "\eb03"
}

.sicon-upgrade::before {
    content: "\eb04"
}

.sicon-portal::before {
    content: "\eb05"
}

.sicon-product-types::before {
    content: "\eb06"
}

.sicon-quotes::before {
    content: "\eb07"
}

.sicon-relate-fields::before {
    content: "\eb08"
}

.sicon-repair::before {
    content: "\eb09"
}

.sicon-role-mgmt::before {
    content: "\eb0a"
}

.sicon-scheduler::before {
    content: "\eb0b"
}

.sicon-shippers::before {
    content: "\eb0c"
}

.sicon-studio::before {
    content: "\eb0d"
}

.sicon-web-logic::before {
    content: "\eb0e"
}

.sicon-sugar-u::before {
    content: "\eb0f"
}

.sicon-tax-rates::before {
    content: "\eb10"
}

.sicon-team-mgmt::before {
    content: "\eb11"
}

.sicon-team-perm::before {
    content: "\eb12"
}

.sicon-tracker::before {
    content: "\eb13"
}

.sicon-workflow::before {
    content: "\eb15"
}

.sicon-mask::before {
    content: "\eb16"
}

.sicon-mask-disabled::before {
    content: "\eb17"
}

.sicon-email-archive::before {
    content: "\eb18"
}

.sicon-mobile::before {
    content: "\eb19"
}

.sicon-archive::before {
    content: "\eb1a"
}

.sicon-pdf-manager::before {
    content: "\eb1c"
}

.sicon-my-sites::before {
    content: "\eb1d"
}

.sicon-cloud-insights::before {
    content: "\eb1e"
}

.sicon-sugar-logo-24::before {
    content: "\eb1f"
}

.sicon-sugar-logo-16::before {
    content: "\eb20"
}

.sicon-task-lg::before {
    content: "\eb22"
}

.sicon-web-lg::before {
    content: "\eb23"
}

.sicon-events-lg::before {
    content: "\eb24"
}

.sicon-sugar-logo-12::before {
    content: "\eb25"
}

.sicon-tag::before {
    content: "\eb27"
}

.sicon-tag-lg::before {
    content: "\eb28"
}

.sicon-bell-lg-line::before {
    content: "\eb3d"
}

.sicon-matrix-xxl::before {
    content: "\eb3e"
}

.sicon-advanced-filter::before {
    content: "\eb3f"
}

.sicon-rows-and-columns-xxl::before {
    content: "\eb40"
}

.sicon-summation-details-xxl::before {
    content: "\eb41"
}

.sicon-summation-xxl::before {
    content: "\eb42"
}

.sicon-lock-lg::before {
    content: "\eb43"
}

.sicon-csv-file-xxl::before {
    content: "\eb44"
}

.sicon-logo-linkedin::before {
    content: "\eb45"
}

.sicon-briefcase::before {
    content: "\eb46"
}

.sicon-car-front::before {
    content: "\eb47"
}

.sicon-airplane::before {
    content: "\eb48"
}

.sicon-laptop::before {
    content: "\eb49"
}

.sicon-logo-instagram::before {
    content: "\eb4a"
}

.sicon-single-bed::before {
    content: "\eb4b"
}

.sicon-tiktok::before {
    content: "\eb4d"
}

.sicon-logo-snapchat::before {
    content: "\eb4e"
}

.sicon-video-lg::before {
    content: "\eb4f"
}

.sicon-reply::before {
    content: "\eb50"
}

.sicon-subtract::before {
    content: "\eb51"
}

.sicon-arrow-up-circle-line::before {
    content: "\eb52"
}

.sicon-asterisk::before {
    content: "\eb53"
}

.sicon-dot-circle-o-lg::before {
    content: "\eb54"
}

.sicon-forward::before {
    content: "\eb55"
}

.sicon-video::before {
    content: "\eb56"
}

.sicon-gavel::before {
    content: "\eb57"
}

.sicon-login::before {
    content: "\eb58"
}

.sicon-pdf-file-xxl::before {
    content: "\eb5c"
}

.sicon-login-lg::before {
    content: "\eb5d"
}

.sicon-cloud-download-xl::before {
    content: "\eb5e"
}

.sicon-campaigns-lg::before {
    content: "\eb5f"
}

.sicon-customer-journey-stages-lg::before {
    content: "\eb60"
}

.sicon-role-mgmt-lg::before {
    content: "\eb61"
}

.sicon-default-module-lg::before {
    content: "\eb62"
}

.sicon-quoted-line-items-lg::before {
    content: "\eb63"
}

.sicon-projects-lg::before {
    content: "\eb64"
}

.sicon-process-business-rules-lg::before {
    content: "\eb65"
}

.sicon-process-email-templates-lg::before {
    content: "\eb66"
}

.sicon-processes-lg::before {
    content: "\eb67"
}

.sicon-process-definitions-lg::before {
    content: "\eb68"
}

.sicon-target-lists-lg::before {
    content: "\eb69"
}

.sicon-purchased-line-items-lg::before {
    content: "\eb6a"
}

.sicon-user-group-lg::before {
    content: "\eb6b"
}

.sicon-revenue-line-items-lg::before {
    content: "\eb6c"
}

.sicon-business-centers-lg::before {
    content: "\eb6d"
}

.sicon-logo-fb-simple::before {
    content: "\eb6f"
}

.sicon-forecasts-lg::before {
    content: "\eb71"
}

.sicon-purchase-lg::before {
    content: "\eb75"
}

.sicon-sugar-live-lg::before {
    content: "\eb76"
}

.sicon-customer-journey-lg::before {
    content: "\eb77"
}

.sicon-data-privacy-lg::before {
    content: "\eb78"
}

.sicon-home-lg::before {
    content: "\eb7a"
}

.sicon-data-table::before {
    content: "\eb7b"
}

.sicon-medical-clipboard-lg::before {
    content: "\eb7e"
}

.sicon-privacy-lg::before {
    content: "\eb7f"
}

.sicon-marketplace::before {
    content: "\eb83"
}

.sicon-marketplace-lg::before {
    content: "\eb84"
}

.sicon-blockquote-lg::before {
    content: "\eb85"
}

.sicon-casino-lg::before {
    content: "\eb86"
}

.sicon-jacuzzi-lg::before {
    content: "\eb87"
}

.sicon-scissors-lg::before {
    content: "\eb88"
}

.sicon-storage-lg::before {
    content: "\eb89"
}

.sicon-fan-lg::before {
    content: "\eb8a"
}

.sicon-medicine-lg::before {
    content: "\eb8b"
}

.sicon-plant-lg::before {
    content: "\eb8c"
}

.sicon-telescope-lg::before {
    content: "\eb8d"
}

.sicon-smart-phone-lg::before {
    content: "\eb8e"
}

.sicon-coffee-lg::before {
    content: "\eb8f"
}

.sicon-martini-lg::before {
    content: "\eb90"
}

.sicon-cocktail-lg::before {
    content: "\eb91"
}

.sicon-stadium-lg::before {
    content: "\eb92"
}

.sicon-fire-lg::before {
    content: "\eb93"
}

.sicon-window-lg::before {
    content: "\eb94"
}

.sicon-lotus-lg::before {
    content: "\eb95"
}

.sicon-windmill-lg::before {
    content: "\eb96"
}

.sicon-spades-lg::before {
    content: "\eb97"
}

.sicon-hearts-lg::before {
    content: "\eb98"
}

.sicon-diamonds-lg::before {
    content: "\eb99"
}

.sicon-clubs-lg::before {
    content: "\eb9a"
}

.sicon-skull-lg::before {
    content: "\eb9b"
}

.sicon-send::before {
    content: "\eb9c"
}

.sicon-world-lg::before {
    content: "\eb9d"
}

.sicon-airplane-lg::before {
    content: "\eb9e"
}

.sicon-planet-lg::before {
    content: "\eb9f"
}

.sicon-trainer-lg::before {
    content: "\eba0"
}

.sicon-calculator-lg::before {
    content: "\eba1"
}

.sicon-tv-lg::before {
    content: "\eba2"
}

.sicon-video-player-lg::before {
    content: "\eba3"
}

.sicon-media-player-lg::before {
    content: "\eba4"
}

.sicon-decentralize-lg::before {
    content: "\eba5"
}

.sicon-statistics-lg::before {
    content: "\eba6"
}

.sicon-virus-lg::before {
    content: "\eba7"
}

.sicon-shield-lg::before {
    content: "\eba8"
}

.sicon-plug-lg::before {
    content: "\eba9"
}

.sicon-shuttle-lg::before {
    content: "\ebaa"
}

.sicon-soundwave-lg::before {
    content: "\ebab"
}

.sicon-graph-lg::before {
    content: "\ebac"
}

.sicon-playlist-lg::before {
    content: "\ebad"
}

.sicon-voice-recognition-lg::before {
    content: "\ebae"
}

.sicon-machine-learning-lg::before {
    content: "\ebaf"
}

.sicon-bed-lg::before {
    content: "\ebb0"
}

.sicon-blueprint-lg::before {
    content: "\ebb1"
}

.sicon-content-delivery-lg::before {
    content: "\ebb2"
}

.sicon-questionnaire-lg::before {
    content: "\ebb3"
}

.sicon-presentation-lg::before {
    content: "\ebb4"
}

.sicon-organic-lg::before {
    content: "\ebb5"
}

.sicon-transactions-lg::before {
    content: "\ebb6"
}

.sicon-wand-lg::before {
    content: "\ebb7"
}

.sicon-bin-lg::before {
    content: "\ebb8"
}

.sicon-contracts-lg::before {
    content: "\ebb9"
}

.sicon-meetings-lg::before {
    content: "\ebbf"
}

.sicon-external-authentication-lg::before {
    content: "\ebc0"
}

.sicon-trophy::before {
    content: "\ebc1"
}

.sicon-sync-lg::before {
    content: "\ebc2"
}

.sicon-account::before {
    content: "\ebc3"
}

.sicon-tracking-activity-lg::before {
    content: "\ebc4"
}

.sicon-grid-lg::before {
    content: "\ebc5"
}

.sicon-google-lg::before {
    content: "\ebc6"
}

.sicon-refresh-1::before {
    content: "\ebc7"
}

.sicon-entries::before {
    content: "\ebc8"
}

.sicon-target-email-lg::before {
    content: "\ebc9"
}

.sicon-chevron-up-lg::before {
    content: "\ebca"
}

.sicon-chevron-left-lg::before {
    content: "\ebcb"
}

.sicon-chevron-right-lg::before {
    content: "\ebcc"
}

.sicon-chevron-down-lg::before {
    content: "\ebcd"
}

.sicon-database-lg::before {
    content: "\ebce"
}

.sicon-check-lg::before {
    content: "\ebd1"
}

.sicon-folder-open::before {
    content: "\ebd2"
}

.sicon-folder::before {
    content: "\ebd3"
}

.sicon-folder-line::before {
    content: "\ebd4"
}

.sicon-vertical-split::before {
    content: "\ebd6"
}

.sicon-horizontal-split::before {
    content: "\ebd9"
}

.sicon-user-lg::before {
    content: "\ebda"
}

.sicon-clicks-lg::before {
    content: "\ebdb"
}

.sicon-reply-lg::before {
    content: "\ebdc"
}

.sicon-door-lg::before {
    content: "\ebdd"
}

.sicon-dollar-bill-lg::before {
    content: "\ebde"
}

.sicon-yen-lg::before {
    content: "\ebdf"
}

.sicon-credit-card-lg::before {
    content: "\ebe0"
}

.sicon-bitcoin-lg::before {
    content: "\ebe1"
}

.sicon-pound-lg::before {
    content: "\ebe2"
}

.sicon-money-bag-lg::before {
    content: "\ebe3"
}

.sicon-cents-lg::before {
    content: "\ebe4"
}

.sicon-dollar-lg::before {
    content: "\ebe5"
}

.sicon-euro-lg::before {
    content: "\ebe6"
}

.sicon-logout-lg::before {
    content: "\ebe7"
}

.sicon-archive-lg::before {
    content: "\ebe8"
}

.sicon-sidebyside::before {
    content: "\ebe9"
}

.sicon-stacked::before {
    content: "\ebea"
}

.sicon-file-upload::before {
    content: "\ebee"
}

.sicon-add-folder::before {
    content: "\ebef"
}

.sicon-route::before {
    content: "\ebf0"
}

.sicon-timeline::before {
    content: "\ebf1"
}

.sicon-all-fields-xxl::before {
    content: "\ebf5"
}

.sicon-warning-xl-32::before {
    content: "\ebf6"
}

.sicon-automate-stacked::before {
    content: "\ebf7"
}

.sicon-automate-scroll::before {
    content: "\ebf8"
}

.sicon-copy-xl::before {
    content: "\ebf9"
}

.sicon-copy::before {
    content: "\ebfa"
}

.sicon-copy-lg::before {
    content: "\ebfb"
}

.sicon-info-fill-xl-32::before {
    content: "\ebfc"
}

.sicon-warning-circle-xl-32::before {
    content: "\ebfd"
}

.sicon-trash-xl::before {
    content: "\ebfe"
}

.sicon-edit-xl::before {
    content: "\ebff"
}

.sicon-copy-calendar-link-xl::before {
    content: "\ec00"
}

.sicon-copy-meeting-xl::before {
    content: "\ec01"
}

.sicon-sort-fields-xxl::before {
    content: "\ec02"
}

.sicon-swap::before {
    content: "\ec03"
}

.sicon-tile-view-2::before {
    content: "\ec04"
}

.sicon-warning-triangle::before {
    content: "\ec05"
}

.sicon-validate::before {
    content: "\ec06"
}

.sicon-save::before {
    content: "\ec07"
}

.sicon-redo::before {
    content: "\ec08"
}

.sicon-parallel::before {
    content: "\ec0a"
}

.sicon-inbox::before {
    content: "\ec0b"
}

.sicon-exclusive::before {
    content: "\ec0c"
}

.sicon-end-event::before {
    content: "\ec0d"
}

.sicon-activity::before {
    content: "\ec0e"
}

.sicon-play::before {
    content: "\ec0f"
}

.sicon-ellipsis::before {
    content: "\ec10"
}

.sicon-linkedin::before {
    content: "\ec11"
}

.sicon-facebook::before {
    content: "\ec12"
}

.sicon-check-circle-xl-32::before {
    content: "\ea01"
}

.sc-background {
    fill: var(--foreground-base)
}

.sc-base {
    stroke: var(--border-base)
}

.sc-chart-background {
    fill: transparent;
    stroke-width: 0.5px;
    stroke: var(--border-base)
}

.sc-chart {
    min-width: 100px;
    min-height: 100px;
    overflow: hidden;
    position: relative
}

.sc-image-canvas {
    visibility: hidden;
    position: absolute;
    left: -10000px
}

svg.sc-chart, .sc-chart svg {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    height: 100%
}

svg.sc-chart text, .sc-chart svg text {
    font-style: normal;
    font-size: 11px;
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    fill: var(--text-base);
    stroke: none;
    cursor: default
}

svg.sc-chart text.sc-noData, .sc-chart svg text.sc-noData {
    font-size: 15px;
    font-weight: bold
}

svg.sc-chart text.sc-title, .sc-chart svg text.sc-title {
    font-size: 13px
}

svg.sc-chart .sc-labels text, .sc-chart svg .sc-labels text {
    font-weight: bold;
    fill: var(--label-color)
}

svg.sc-chart .sc-label-value text, .sc-chart svg .sc-label-value text, svg.sc-chart text.sc-label-value, .sc-chart svg text.sc-label-value {
    font-size: 13px
}

svg.sc-chart .sc-label-box, .sc-chart svg .sc-label-box {
    fill: transparent
}

svg.sc-chart .calc-text-strings, .sc-chart svg .calc-text-strings {
    fill: var(--text-base);
    stroke: rgba(0, 0, 0, 0);
    pointer-events: none
}

.sc-texture {
    fill-opacity: 0 !important;
    pointer-events: none
}

.texture-line {
    stroke-opacity: 0.5;
    stroke-width: 1px
}

.sc-active .sc-texture {
    fill-opacity: 1 !important
}

.sc-active .sc-label-box {
    fill: context-fill;
}

.sc-inactive .sc-texture {
    fill-opacity: 0 !important
}

.sc-fill-green {
    fill: #00ba83;
    background-color: #00ba83
}

.sc-fill-red {
    fill: #fa374f;
    background-color: #fa374f
}

.sc-fill-blue {
    fill: #517bf8;
    background-color: #517bf8
}

.sc-fill00 {
    fill: #0679c8;
    background-color: #0679c8
}

.sc-fill01 {
    fill: #00e0e0;
    background-color: #00e0e0
}

.sc-fill02 {
    fill: #fa374f;
    background-color: #fa374f
}

.sc-fill03 {
    fill: #ffd132;
    background-color: #ffd132
}

.sc-fill04 {
    fill: #8f5ff5;
    background-color: #8f5ff5
}

.sc-fill05 {
    fill: #cd74f2;
    background-color: #cd74f2
}

.sc-fill06 {
    fill: #6cdf46;
    background-color: #6cdf46
}

.sc-fill07 {
    fill: #00ba83;
    background-color: #00ba83
}

.sc-fill08 {
    fill: #f476b1;
    background-color: #f476b1
}

.sc-fill09 {
    fill: #517bf8;
    background-color: #517bf8
}

.sc-fill10 {
    fill: #ff9445;
    background-color: #ff9445
}

.sc-fill11 {
    fill: #36b0ff;
    background-color: #36b0ff
}

.sc-fill12 {
    fill: #a23354;
    background-color: #a23354
}

.sc-fill13 {
    fill: #2b2d2e;
    background-color: #2b2d2e
}

.sc-legend .sc-fill00 {
    stroke: #0679c8
}

.sc-legend .sc-fill01 {
    stroke: #00e0e0
}

.sc-legend .sc-fill02 {
    stroke: #fa374f
}

.sc-legend .sc-fill03 {
    stroke: #ffd132
}

.sc-legend .sc-fill04 {
    stroke: #8f5ff5
}

.sc-legend .sc-fill05 {
    stroke: #cd74f2
}

.sc-legend .sc-fill06 {
    stroke: #6cdf46
}

.sc-legend .sc-fill07 {
    stroke: #00ba83
}

.sc-legend .sc-fill08 {
    stroke: #f476b1
}

.sc-legend .sc-fill09 {
    stroke: #517bf8
}

.sc-legend .sc-fill10 {
    stroke: #ff9445
}

.sc-legend .sc-fill11 {
    stroke: #36b0ff
}

.sc-legend .sc-fill12 {
    stroke: #a23354
}

.sc-legend .sc-fill13 {
    stroke: #2b2d2e
}

.sc-stroke00 {
    stroke: #0679c8;
    color: #0679c8
}

.sc-stroke01 {
    stroke: #00e0e0;
    color: #00e0e0
}

.sc-stroke02 {
    stroke: #fa374f;
    color: #fa374f
}

.sc-stroke03 {
    stroke: #ffd132;
    color: #ffd132
}

.sc-stroke04 {
    stroke: #8f5ff5;
    color: #8f5ff5
}

.sc-stroke05 {
    stroke: #cd74f2;
    color: #cd74f2
}

.sc-stroke06 {
    stroke: #6cdf46;
    color: #6cdf46
}

.sc-stroke07 {
    stroke: #00ba83;
    color: #00ba83
}

.sc-stroke08 {
    stroke: #f476b1;
    color: #f476b1
}

.sc-stroke09 {
    stroke: #517bf8;
    color: #517bf8
}

.sc-stroke10 {
    stroke: #ff9445;
    color: #ff9445
}

.sc-stroke11 {
    stroke: #36b0ff;
    color: #36b0ff
}

.sc-stroke12 {
    stroke: #a23354;
    color: #a23354
}

.sc-stroke13 {
    stroke: #2b2d2e;
    color: #2b2d2e
}

.sc-tooltip.tooltip {
    pointer-events: none
}

.sc-tooltip.tooltip.in {
    opacity: 1
}

.sc-tooltip .tooltip-inner {
    max-width: 220px;
    padding: 3px 6px;
    background-color: #50575b;
    line-height: 15px;
    text-align: left;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2)
}

.sc-tooltip .tooltip-header {
    padding-bottom: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sc-tooltip .tooltip-grid {
    display: table
}

.sc-tooltip .tooltip-grid p {
    display: table-row
}

.sc-tooltip .tooltip-grid span {
    display: table-cell;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-line;
    word-wrap: normal
}

.sc-tooltip .tooltip-grid span:first-child {
    color: #e5eaed;
    padding-right: 6px;
    box-sizing: border-box;
    text-align: right;
    max-width: 90px
}

.sc-tooltip .tooltip-grid span:last-child {
    max-width: 130px
}

.sc-tooltip .tooltip-status {
    padding-top: 2px;
    margin-top: 3px;
    border-top: 1px solid #9ba1a6;
    color: #e5eaed;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sctooltip-pending-removal {
    position: absolute;
    pointer-events: none
}

.sc-menu .sc-series {
    cursor: pointer;
    font-size: 11px
}

.sc-menu .sc-series line {
    fill: none
}

.sc-menu .sc-series text {
    cursor: pointer
}

.sc-menu .disabled circle {
    fill: #fff
}

.sc-menu-background {
    fill: rgba(255, 255, 255, 0.9);
    stroke: #f1f3f4;
    stroke-width: 1px
}

.sc-menu-link {
    cursor: pointer;
    fill: var(--text-action)
}

.sc-menu-link:hover {
    fill: var(--link-color-hover);
    text-decoration: underline
}

.sc-line-legend .sc-series {
    cursor: default;
    pointer-events: none
}

.sc-line-legend .sc-series text {
    cursor: default
}

.sc-axis path, .sc-axis line, .sc-axis polyline {
    fill: none;
    stroke: #6f777b;
    stroke-width: 1px;
    shape-rendering: crispEdges;
    pointer-events: none
}

.sc-axis line, .sc-axis polyline {
    stroke-opacity: 0.3
}

.sc-axis path, .sc-axis line.zero {
    stroke-opacity: 0.5;
    stroke-width: 2px
}

.sc-axis path.domain {
    stroke-width: 2px;
    stroke: #9ba1a6
}

.sc-axis line.extent {
    display: none
}

.sc-axis .sc-axisMaxMin text {
    font-weight: bold
}

.sc-axis-x .sc-axis text {
    font-size: 11px
}

.sc-axis-x .sc-axis path.domain {
    stroke-width: 2px;
    stroke: #9ba1a6
}

.sc-axislabel {
    font-weight: 900;
    font-style: italic
}

.sc-chart-area path.sc-area {
    fill-opacity: 0.7;
    stroke-opacity: 0
}

.sc-chart-area path.sc-area.hover {
    fill-opacity: 0.9
}

.sc-chart-area .sc-guide-wrap .sc-series path.sc-line, .sc-chart-area .sc-guide-wrap .sc-series circle.sc-point {
    pointer-events: none;
    stroke: #6f777b;
    fill-opacity: 0;
    stroke-opacity: 0
}

.sc-chart-area .sc-guide-wrap .sc-series path.sc-line {
    stroke-width: 1.5px
}

.sc-chart-area .sc-guide-wrap .sc-series circle.sc-point {
    stroke-width: 1px;
    fill: #fff
}

.sc-chart-area .sc-guide-wrap.hover .sc-series path.sc-line, .sc-chart-area .sc-guide-wrap.hover .sc-series circle.sc-point {
    fill-opacity: 1;
    stroke-opacity: 1
}

.sc-multibar .sc-bar rect {
    stroke-opacity: 1;
    stroke-width: 2px;
    stroke: #fff
}

.sc-multibar .sc-bar rect:hover {
    fill-opacity: 0.75
}

.sc-multibar .sc-bar text {
    fill: #000;
    stroke: rgba(0, 0, 0, 0);
    pointer-events: none
}

.sc-pie .sc-series.hover path {
    fill-opacity: 0.75
}

.sc-pie polyline.sc-label-leader {
    stroke-width: 1px;
    pointer-events: none
}

.sc-hole-wrap text {
    text-anchor: middle
}

text.sc-pie-hole-value {
    font-size: 32px;
    font-weight: bold
}

text.sc-pie-hole-label {
    font-size: 11px
}

.sc-group path.sc-line {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    shape-rendering: geometricPrecision
}

.sc-group path.sc-area {
    stroke: none;
    stroke-linecap: round;
    shape-rendering: geometricPrecision
}

.sc-line.hover path {
    stroke-width: 6px
}

.sc-point-paths path {
    stroke: transparent;
    stroke-opacity: 0;
    fill: #fff;
    fill-opacity: 0
}

.sc-indexLine {
    cursor: ew-resize
}

.sc-line .sc-scatter .sc-point {
    stroke: #fff;
    stroke-opacity: 1;
    stroke-width: 1px;
    fill-opacity: 1
}

.sc-line .sc-scatter.sc-single-point .sc-point {
    stroke-width: 2px
}

.sc-line .sc-scatter.sc-single-point .sc-point.sc-active {
    stroke-width: 9px
}

.sc-line .sc-scatter.sc-single-point .sc-point.hover {
    stroke-width: 12px
}

.sc-scatter .sc-point {
    pointer-events: none
}

.sc-scatter .sc-point.sc-active, .sc-scatter .sc-point.hover {
    stroke: context-stroke !important;
    stroke-opacity: 0.3 !important;
    stroke-width: 9px
}

.sc-scatter .sc-point.hover {
    stroke-width: 12px
}

.sc-odomText {
    font-weight: bold;
    fill: #000
}

.sc-arc-group {
    fill: #36b0ff
}

.sc-pointer {
    fill: #9ba1a6;
    stroke: #fff
}

.sc-chart-funnel .sc-slice.hover polygon {
    fill-opacity: 0.75
}

.sc-chart-funnel polyline.sc-label-leader {
    stroke-width: 1px;
    pointer-events: none
}

.sc-chart-funnel .sc-label-value text.sc-label {
    font-size: 11px
}

.sc-chart-funnel .sc-label-value text.sc-value {
    font-size: 13px
}

.sc-chart-bubble .sc-scatter.sc-single-point .sc-group .sc-point {
    fill-opacity: 1;
    stroke-opacity: 1
}

.sc-chart-pareto .sc-quota-wrap line {
    opacity: 0.8;
    stroke: #4d5154;
    stroke-width: 4px;
    fill: none
}

.sc-chart-pareto .sc-quota-wrap line.sc-quota-target {
    stroke: #6f777b
}

.sc-chart-pareto .sc-quota-wrap line.sc-quota-background {
    opacity: 0;
    stroke-width: 12px
}

.sc-chart-pareto .sc-axis-y .domain {
    display: none
}

.sc-chart-pareto .sc-axis-y text.sc-quota-value, .sc-chart-pareto .sc-axis-y text.sc-target-quota-value {
    font-weight: bold
}

.sc-chart-pareto .sc-line .sc-group path {
    stroke-width: 4px
}

.sc-chart-pareto .sc-lines-wrap1 .sc-line .sc-group path {
    stroke-width: 6px
}

.sc-chart-pareto .sc-scatter .sc-group .sc-point {
    fill-opacity: 1;
    stroke-opacity: 1;
    stroke-width: 2px
}

.sc-chart-pareto .sc-scatter .sc-group .sc-point.hover {
    stroke-width: 10px
}

.sc-chart-pareto .sc-lines-wrap2 .sc-scatter .sc-group circle {
    stroke: #fff
}

.sc-card {
    fill: #f1f3f4;
    stroke: #9ba1a6;
    stroke-width: 0.5px
}

.sc-card .sc-circ-front {
    stroke-width: 0
}

.sc-card line {
    stroke-width: 2
}

.sc-card .sc-expcoll {
    cursor: pointer
}

.sc-tree path.link {
    fill: none;
    stroke: #f1f3f4;
    stroke-width: 1.5px
}

.sc-chart-org .sc-chart-background {
    stroke: #e5eaed;
    stroke-width: 2px
}

.sc-org-node text {
    font: normal normal 300 10px normal "Helvetica Neue", Arial, sans-serif
}

.sc-org-node text.sc-org-name {
    font-size: 10px;
    fill: var(--text-action)
}

.sc-org-node text.sc-org-name.hover {
    text-decoration: underline
}

.sc-org-node text.sc-org-title {
    font-size: 8px
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("fonts/inter/inter-GZITm5A.woff2") format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("fonts/inter/inter-GZITm5A.woff2") format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/inter/inter-GZITm5A.woff2") format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/inter/inter-GZITm5A.woff2") format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/inter/inter-GZITm5A.woff2") format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/inter/inter-GZITm5A.woff2") format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/inter/inter-GZITm5A.woff2") format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("fonts/inter/inter-GZITm5A.woff2") format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("fonts/inter/inter-GZITm5A.woff2") format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("fonts/inter/inter-cyrillic-dxskITw.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("fonts/inter/inter-cyrillic-dxskITw.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/inter/inter-cyrillic-dxskITw.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/inter/inter-cyrillic-dxskITw.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/inter/inter-cyrillic-dxskITw.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/inter/inter-cyrillic-dxskITw.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/inter/inter-cyrillic-dxskITw.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("fonts/inter/inter-cyrillic-dxskITw.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("fonts/inter/inter-cyrillic-dxskITw.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("fonts/inter/inter-greek-q8rPY8K.woff2") format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("fonts/inter/inter-greek-q8rPY8K.woff2") format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/inter/inter-greek-q8rPY8K.woff2") format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/inter/inter-greek-q8rPY8K.woff2") format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/inter/inter-greek-q8rPY8K.woff2") format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/inter/inter-greek-q8rPY8K.woff2") format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/inter/inter-greek-q8rPY8K.woff2") format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("fonts/inter/inter-greek-q8rPY8K.woff2") format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("fonts/inter/inter-greek-q8rPY8K.woff2") format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "NotoSansSC-Regular";
    src: url("styleguide/fonts/noto/NotoSansSC-Regular-8d_oHq9.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "NotoSansSC-Regular";
    src: url("styleguide/fonts/noto/NotoSansSC-Regular-8d_oHq9.ttf") format('truetype');
    font-weight: bold;
    font-style: normal
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:hover, a:active {
    outline: 0
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

#map_canvas img, .google-maps img {
    max-width: none
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button, input {
    line-height: normal
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer
}

input[type="search"] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]::after {
        content: " (" attr(href) ")"
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    .ir a::after, a[href^="javascript:"]::after, a[href^="#"]::after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #4d5154;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

body {
    margin: 0;
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-base);
    background-color: var(--content-background)
}

*, ::after, ::before {
    border: 0 solid
}

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

a:hover {
    color: var(--link-color-hover);
    text-decoration: underline
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid var(--border-base);
    box-shadow: 0 1px 3px #2b2d2e
}

.thumbnails {
    margin-left: -20px;
    list-style: none
}

.thumbnails::before, .thumbnails::after {
    display: table;
    content: "";
    line-height: 0
}

.thumbnails::after {
    clear: both
}

.row-fluid .thumbnails {
    margin-left: 0
}

.thumbnails > li {
    float: left;
    margin-bottom: 18px;
    margin-left: 20px
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 18px;
    border: 1px solid var(--border-base);
    border-radius: 3px;
    box-shadow: 0 1px 3px var(--border-color-light);
    transition: all .2s ease-in-out
}

a.thumbnail:hover {
    border-color: var(--text-action);
    box-shadow: 0 1px 4px rgba(6, 121, 200, 0.25)
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #4d5154
}

span.filetype-thumbnail {
    position: relative
}

span.filetype-thumbnail svg {
    height: 33px;
    width: 28px
}

span.filetype-thumbnail .ft-ribbon {
    fill: #4d5154
}

span.filetype-thumbnail::before {
    position: absolute;
    top: 15px;
    left: 0;
    color: #fff;
    width: 25px;
    height: 14px;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    background-color: #4d5154;
    content: attr(data-filetype)
}

span.filetype-thumbnail[data-filetype="PDF"] .ft-ribbon {
    fill: #fa374f
}

span.filetype-thumbnail[data-filetype="PDF"]::before {
    background-color: #fa374f
}

span.filetype-thumbnail[data-filetype="DOC"] .ft-ribbon {
    fill: #055b96
}

span.filetype-thumbnail[data-filetype="DOC"]::before {
    background-color: #055b96
}

span.filetype-thumbnail[data-filetype="XLS"] .ft-ribbon {
    fill: #00ba83
}

span.filetype-thumbnail[data-filetype="XLS"]::before {
    background-color: #00ba83
}

span.filetype-thumbnail[data-filetype="PPT"] .ft-ribbon {
    fill: #ff9445
}

span.filetype-thumbnail[data-filetype="PPT"]::before {
    background-color: #ff9445
}

span.filetype-thumbnail[data-filetype="JPG"] .ft-ribbon {
    fill: #a077f7
}

span.filetype-thumbnail[data-filetype="JPG"]::before {
    background-color: #a077f7
}

span.filetype-thumbnail[data-filetype="PNG"] .ft-ribbon {
    fill: #a077f7
}

span.filetype-thumbnail[data-filetype="PNG"]::before {
    background-color: #a077f7
}

span.filetype-thumbnail[data-filetype="GIF"] .ft-ribbon {
    fill: #a077f7
}

span.filetype-thumbnail[data-filetype="GIF"]::before {
    background-color: #a077f7
}

.label, .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 4px;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 #4d5154
}

.label {
    border-radius: var(--rounded-sm)
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 9px
}

.label:empty, .badge:empty {
    display: none
}

a.label:hover, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.btn-mini .label, .btn-mini .badge {
    top: 0
}

.label-spacer, .label {
    text-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 2px 4px;
    font-weight: 600;
    text-align: center;
    border-radius: var(--rounded-sm);
    box-sizing: border-box
}

a.label, a > .label {
    font-weight: 500;
    text-shadow: none;
    text-decoration: none;
    cursor: pointer
}

.label a {
    font-weight: inherit;
    text-shadow: none;
    text-decoration: none;
    cursor: pointer
}

.full-width > .label {
    display: block
}

.disabled .label-Users, .inactive [class*="label-"], [data-type="follow"] .label, [data-type="follow"] .label:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #4d5154;
    color: #2b2d2e;
    font-weight: 500
}

[data-type="follow"] .label[class*="label-"] {
    background-color: #4d5154;
    border: 1px solid #2b2d2e;
    color: #fff;
    font-weight: 600;
    width: 100%
}

[data-type="follow"] .label:not([class*="label-"]), [data-type="badge"] .label:not([class*="label-"]) {
    background: var(--background-base);
    border-color: var(--border-base);
    color: var(--text-base);
    font-weight: 500;
    width: 100%
}

[data-type="badge"] [data-action="convert"]:hover {
    cursor: pointer;
    background-color: var(--background-base);
    color: var(--text-base);
    font-weight: 600
}

.label-module {
    padding: 0;
    font-weight: 400;
    border-radius: var(--rounded-sm);
    box-sizing: border-box
}

.label-module-lg {
    height: 42px;
    width: 42px;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px
}

.label-module-md {
    height: 32px;
    width: 32px;
    font-size: 13px;
    line-height: 13px
}

.label-module-btn {
    height: 28px;
    width: 28px;
    font-size: 11px;
    line-height: 11px
}

.label-module-sm {
    height: 20px;
    width: 20px;
    border-radius: var(--rounded-sm);
    font-size: 10px;
    line-height: 10px
}

.label-module-mini {
    height: 16px;
    width: 16px;
    border-radius: var(--rounded-sm);
    font-size: 8px;
    line-height: 8px
}

.dropdown-menu .label-module-mini {
    margin: -2px 10px 0 0;
    vertical-align: middle
}

.label-spacer {
    visibility: hidden !important;
    display: block !important;
    height: 0 !important;
    padding: 0 7px !important;
    line-height: 0 !important;
    border: none !important
}

.label-Accounts {
    background-color: #baffcc;
    border: 1px solid #baffcc;
    color: #056f37
}

.label-Accounts a {
    color: #056f37
}

.label-Bugs {
    background-color: #ffd4d0;
    border: 1px solid #ffd4d0;
    color: #bb0e1b
}

.label-Bugs a {
    color: #bb0e1b
}

.label-BusinessCenters {
    background-color: #c0edff;
    border: 1px solid #c0edff;
    color: #145c95
}

.label-BusinessCenters a {
    color: #145c95
}

.label-Calendar {
    background-color: #c5fffb;
    border: 1px solid #c5fffb;
    color: #00636e
}

.label-Calendar a {
    color: #00636e
}

.label-Calls {
    background-color: #c0edff;
    border: 1px solid #c0edff;
    color: #145c95
}

.label-Calls a {
    color: #145c95
}

.label-Campaigns {
    background-color: #fff7ad;
    border: 1px solid #fff7ad;
    color: #866500
}

.label-Campaigns a {
    color: #866500
}

.label-CampaignLog {
    background-color: #fff7ad;
    border: 1px solid #fff7ad;
    color: #866500
}

.label-CampaignLog a {
    color: #866500
}

.label-Cases {
    background-color: #ffdebc;
    border: 1px solid #ffdebc;
    color: #9b4617
}

.label-Cases a {
    color: #9b4617
}

.label-Contacts {
    background-color: #f7d0fd;
    border: 1px solid #f7d0fd;
    color: #832a83
}

.label-Contacts a {
    color: #832a83
}

.label-Documents {
    background-color: #fde2eb;
    border: 1px solid #fde2eb;
    color: #a23354
}

.label-Documents a {
    color: #a23354
}

.label-DocuSignEnvelopes {
    background-color: #517bf8;
    border: 1px solid #517bf8;
    color: #c6ddff
}

.label-DocuSignEnvelopes a {
    color: #c6ddff
}

.label-Emails {
    background-color: #c6ddff;
    border: 1px solid #c6ddff;
    color: #29388c
}

.label-Emails a {
    color: #29388c
}

.label-Escalations {
    background-color: #ffd4d0;
    border: 1px solid #ffd4d0;
    color: #bb0e1b
}

.label-Escalations a {
    color: #bb0e1b
}

.label-Files {
    background-color: #ffdebc;
    border: 1px solid #ffdebc;
    color: #9b4617
}

.label-Files a {
    color: #9b4617
}

.label-Forecasts {
    background-color: #e4fbb4;
    border: 1px solid #e4fbb4;
    color: #537600
}

.label-Forecasts a {
    color: #537600
}

.label-KBArticles {
    background-color: #fde2eb;
    border: 1px solid #fde2eb;
    color: #a23354
}

.label-KBArticles a {
    color: #a23354
}

.label-KBContents {
    background-color: #fde2eb;
    border: 1px solid #fde2eb;
    color: #a23354
}

.label-KBContents a {
    color: #a23354
}

.label-KBDocuments {
    background-color: #fde2eb;
    border: 1px solid #fde2eb;
    color: #a23354
}

.label-KBDocuments a {
    color: #a23354
}

.label-KBLocalizations {
    background-color: #fde2eb;
    border: 1px solid #fde2eb;
    color: #a23354
}

.label-KBLocalizations a {
    color: #a23354
}

.label-KBRevisions {
    background-color: #fde2eb;
    border: 1px solid #fde2eb;
    color: #a23354
}

.label-KBRevisions a {
    color: #a23354
}

.label-Leads {
    background-color: #e2d4fd;
    border: 1px solid #e2d4fd;
    color: #4c2d85
}

.label-Leads a {
    color: #4c2d85
}

.label-Meetings {
    background-color: #c5fffb;
    border: 1px solid #c5fffb;
    color: #00636e
}

.label-Meetings a {
    color: #00636e
}

.label-Messages {
    background-color: #d9dddf;
    border: 1px solid #d9dddf;
    color: #4d5154
}

.label-Messages a {
    color: #4d5154
}

.label-Notes {
    background-color: #baffcc;
    border: 1px solid #baffcc;
    color: #056f37
}

.label-Notes a {
    color: #056f37
}

.label-Opportunities {
    background-color: #ffd4d0;
    border: 1px solid #ffd4d0;
    color: #bb0e1b
}

.label-Opportunities a {
    color: #bb0e1b
}

.label-pmse_Business_Rules, .label-pmse_Emails_Templates, .label-pmse_Inbox, .label-pmse_Project {
    background-color: #d9dddf;
    border: 1px solid #d9dddf;
    color: #4d5154
}

.label-pmse_Business_Rules a, .label-pmse_Emails_Templates a, .label-pmse_Inbox a, .label-pmse_Project a {
    color: #4d5154
}

.label-Products {
    background-color: #e2d4fd;
    border: 1px solid #e2d4fd;
    color: #4c2d85
}

.label-Products a {
    color: #4c2d85
}

.label-ProductTemplates {
    background-color: #f7d0fd;
    border: 1px solid #f7d0fd;
    color: #832a83
}

.label-ProductTemplates a {
    color: #832a83
}

.label-Prospects {
    background-color: #fff7ad;
    border: 1px solid #fff7ad;
    color: #866500
}

.label-Prospects a {
    color: #866500
}

.label-ProspectLists {
    background-color: #e4fbb4;
    border: 1px solid #e4fbb4;
    color: #537600
}

.label-ProspectLists a {
    color: #537600
}

.label-PurchasedLineItems {
    background-color: #e4fbb4;
    border: 1px solid #e4fbb4;
    color: #537600
}

.label-PurchasedLineItems a {
    color: #537600
}

.label-Purchases {
    background-color: #c0edff;
    border: 1px solid #c0edff;
    color: #145c95
}

.label-Purchases a {
    color: #145c95
}

.label-Quotas {
    background-color: #c0edff;
    border: 1px solid #c0edff;
    color: #145c95
}

.label-Quotas a {
    color: #145c95
}

.label-Quotes {
    background-color: #c6ddff;
    border: 1px solid #c6ddff;
    color: #29388c
}

.label-Quotes a {
    color: #29388c
}

.label-Reports {
    background-color: #ffdebc;
    border: 1px solid #ffdebc;
    color: #9b4617
}

.label-Reports a {
    color: #9b4617
}

.label-RevenueLineItems {
    background-color: #c0edff;
    border: 1px solid #c0edff;
    color: #145c95
}

.label-RevenueLineItems a {
    color: #145c95
}

.label-Shifts {
    background-color: #baffcc;
    border: 1px solid #baffcc;
    color: #056f37
}

.label-Shifts a {
    color: #056f37
}

.label-ShiftExceptions {
    background-color: #ffdebc;
    border: 1px solid #ffdebc;
    color: #9b4617
}

.label-ShiftExceptions a {
    color: #9b4617
}

.label-Tags {
    background-color: #f7d0fd;
    border: 1px solid #f7d0fd;
    color: #832a83
}

.label-Tags a {
    color: #832a83
}

.label-Tasks {
    background-color: #e2d4fd;
    border: 1px solid #e2d4fd;
    color: #4c2d85
}

.label-Tasks a {
    color: #4c2d85
}

.label-Employees, .label-Users {
    background-color: #c5fffb;
    border: 1px solid #c5fffb;
    color: #00636e
}

.label-Employees a, .label-Users a {
    color: #00636e
}

.label-DataPrivacy {
    background-color: #e4fbb4;
    border: 1px solid #e4fbb4;
    color: #537600
}

.label-DataPrivacy a {
    color: #537600
}

a .label-dark-text {
    color: #2b2d2e
}

.disabled .label-module.label, .disabled .label-module-sm.label, .disabled .label-module-mini.label {
    box-shadow: none
}

.label-module, .label-module-md, .label-module-sm, .label-module-mini {
    display: inline-flex;
    text-align: center;
    padding: 0;
    justify-content: center;
    align-items: center
}

.label-module.sicon:empty, .label-module-md.sicon:empty, .label-module-sm.sicon:empty, .label-module-mini.sicon:empty {
    display: inline-flex
}

code, pre {
    padding: 0 3px 2px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 10px;
    color: var(--text-base);
    border-radius: 4px
}

code {
    padding: 3px 4px;
    color: #fa374f;
    background-color: #f1f3f4;
    border: 1px solid var(--border-base);
    white-space: nowrap
}

pre {
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 11px;
    line-height: 18px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: var(--content-background);
    border: 1px solid var(--border-base);
    border-radius: 3px
}

pre.prettyprint {
    margin-bottom: 18px
}

pre code {
    padding: 0;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.nav {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none
}

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #6f777b;
    text-shadow: 0 1px 0 #f8fafc;
    text-transform: uppercase
}

.nav li + .nav-header {
    margin-top: 9px
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
}

.nav-list > li > a, .nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}

.nav-list > li > a {
    padding: 3px 15px
}

.nav-list > .active > a, .nav-list > .active > a:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--text-action)
}

.nav-list > .active > a .sicon, .nav-list > .active > a:hover .sicon {
    color: #fff
}

.nav-list.sicon {
    margin-right: 2px
}

.nav-list .divider {
    height: 1px;
    margin: 8px 1px;
    overflow: hidden;
    background-color: #f1f3f4;
    border-bottom: 1px solid #fff
}

.nav-tabs::before, .nav-pills::before, .nav-tabs::after, .nav-pills::after {
    display: table;
    content: "";
    line-height: 0
}

.nav-tabs::after, .nav-pills::after {
    clear: both
}

.nav-tabs > li, .nav-pills > li {
    float: left
}

.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px
}

.nav-tabs {
    border-bottom: 1px solid var(--border-base)
}

.nav-tabs > li {
    margin-bottom: -1px
}

.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 18px
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    color: var(--text-base);
    cursor: default
}

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
    color: #fff;
    background-color: var(--text-action)
}

.nav-pills > .active > a .sicon, .nav-pills > .active > a:hover .sicon {
    color: #fff
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li > a {
    margin-right: 0
}

.nav-tabs.nav-stacked {
    border-bottom: 0
}

.nav-tabs.nav-stacked > li > a {
    border: 1px solid var(--border-base);
    border-radius: 0
}

.nav-tabs.nav-stacked > li:first-child > a {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.nav-tabs.nav-stacked > li:last-child > a {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.nav-tabs.nav-stacked > li > a:hover {
    border-color: var(--border-base);
    z-index: 2
}

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
    border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
    border-radius: 6px
}

.nav .dropdown-toggle .caret {
    border-top-color: var(--text-action);
    border-bottom-color: var(--text-action);
    margin-top: 6px
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: var(--link-color-hover);
    border-bottom-color: var(--link-color-hover)
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #4d5154;
    border-bottom-color: #4d5154
}

.nav > .dropdown.active > a:hover {
    cursor: pointer
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
    color: #fff;
    background-color: #6f777b;
    border-color: #6f777b
}

.nav-tabs .open .dropdown-toggle .sicon, .nav-pills .open .dropdown-toggle .sicon, .nav > li.dropdown.open.active > a:hover .sicon {
    color: #fff
}

.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: 1
}

.tabs-stacked .open > a:hover {
    border-color: #6f777b
}

.tabbable::before, .tabbable::after {
    display: table;
    content: "";
    line-height: 0
}

.tabbable::after {
    clear: both
}

.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
    border-bottom: 0
}

.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: none
}

.tab-content > .active, .pill-content > .active {
    display: block
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below > .nav-tabs > li > a {
    border-radius: 0 0 4px 4px
}

.tabs-below > .nav-tabs > li > a:hover {
    border-bottom-color: rgba(0, 0, 0, 0);
    border-top-color: #f1f3f4
}

.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover {
    border-color: rgba(0, 0, 0, 0) var(--border-base) var(--border-base)
}

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
    float: none
}

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid var(--border-base)
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    border-radius: 4px 0 0 4px
}

.tabs-left > .nav-tabs > li > a:hover {
    border-color: var(--border-base) #9ba1a6 var(--border-base) var(--border-base)
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
    border-color: var(--border-base) rgba(0, 0, 0, 0) var(--border-base) var(--border-base)
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid var(--border-base)
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    border-radius: 0 4px 4px 0
}

.tabs-right > .nav-tabs > li > a:hover {
    border-color: var(--border-base) var(--border-base) var(--border-base) #9ba1a6
}

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {
    border-color: var(--border-base) var(--border-base) var(--border-base) rgba(0, 0, 0, 0)
}

.nav > .disabled > a {
    color: #6f777b
}

.nav > .disabled > a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    cursor: default
}

.tabs-full .nav-tabs {
    margin-bottom: 0;
    border: none
}

.tabs-full .nav-tabs > li {
    margin: 0;
    text-align: center;
    width: 33.333%
}

.tabs-full .nav-tabs > li > a {
    border: 1px solid var(--foreground-base);
    font-size: 11px;
    margin: 0;
    border-radius: 0
}

.tabs-full .nav-tabs > li > a:hover {
    background-color: var(--tab-background-hover-color)
}

.tabs-full .nav-tabs > li.active {
    border-color: var(--active-tab-border-color);
    border-bottom-width: 4px
}

.tabs-full .nav-tabs > li.active a > .count:not(.label-important), .tabs-full .nav-tabs > li.active a > .module-name, .tabs-full .nav-tabs > li.active a > .tab-title, .tabs-full .nav-tabs > li.active .btn {
    color: var(--active-tab-border-color)
}

.tabs-full .nav-tabs > li.active a > .count:not(.label-important) .sicon:not(.sicon-bell-lg-line), .tabs-full .nav-tabs > li.active a > .module-name .sicon:not(.sicon-bell-lg-line), .tabs-full .nav-tabs > li.active a > .tab-title .sicon:not(.sicon-bell-lg-line), .tabs-full .nav-tabs > li.active .btn .sicon:not(.sicon-bell-lg-line) {
    color: var(--active-tab-border-color)
}

.tabs-full .nav-tabs > li.active:hover {
    background-color: var(--tab-background-hover-color)
}

.tabs-full .listed li {
    padding: 12px
}

.tabs-full.two .nav-tabs > li {
    width: 50%
}

.tabs-full.three .nav-tabs > li {
    width: 33.333%
}

.tabs-full.tabs-four .nav-tabs > li, .tabs-full.four .nav-tabs > li {
    width: 25%
}

.tabs-full.five .nav-tabs > li {
    width: 20%
}

.nav-tabs > li > a {
    color: var(--label-color);
    padding: 6px 8px
}

.nav-tabs > li > a:hover {
    color: var(--text-color-hover);
    text-decoration: none
}

.nav-tabs > li > a > .tab-warning, .nav-tabs > li > a:not(.disabled):hover > .tab-warning {
    color: #bb0e1b
}

.nav-tabs.nav-stacked > li > a {
    border: 1px solid #6f777b
}

.nav-tabs.nav-stacked > li > a:hover {
    border-color: #6f777b
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #6f777b
}

.tabs-below > .nav-tabs > li > a:hover {
    border-top-color: #6f777b
}

.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover {
    border-color: rgba(0, 0, 0, 0) #6f777b #6f777b #6f777b
}

.tabs-left > .nav-tabs {
    border-right: 1px solid #6f777b
}

.tabs-left > .nav-tabs > li > a:hover {
    border-color: #6f777b #6f777b #6f777b #6f777b
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
    border-color: #6f777b rgba(0, 0, 0, 0) #6f777b #6f777b
}

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    min-width: 32px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-right > .nav-tabs {
    border-left: 1px solid #6f777b
}

.tabs-right > .nav-tabs > li > a {
    min-width: 0
}

.tabs-right > .nav-tabs > li > a:hover {
    border-color: #6f777b
}

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {
    border-color: #6f777b #6f777b #6f777b rgba(0, 0, 0, 0)
}

.nav-list {
    padding-left: 14px;
    padding-right: 14px
}

.dashlet-tabs {
    display: table;
    width: 100%
}

.dashlet-tabs .dashlet-tabs-row {
    display: table-row
}

.dashlet-tabs .dashlet-tabs-row .dashlet-tab {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    text-align: center;
    font-size: 11px;
    border-bottom: 1px solid var(--border-base)
}

.dashlet-tabs .dashlet-tabs-row .dashlet-tab.active {
    border-color: var(--active-tab-border-color);
    border-bottom-width: 4px
}

.dashlet-tabs .dashlet-tabs-row .dashlet-tab.active a > .count:not(.label-important), .dashlet-tabs .dashlet-tabs-row .dashlet-tab.active a > .module-name, .dashlet-tabs .dashlet-tabs-row .dashlet-tab.active a > .tab-title, .dashlet-tabs .dashlet-tabs-row .dashlet-tab.active .btn {
    color: var(--active-tab-border-color)
}

.dashlet-tabs .dashlet-tabs-row .dashlet-tab.active a > .count:not(.label-important) .sicon:not(.sicon-bell-lg-line), .dashlet-tabs .dashlet-tabs-row .dashlet-tab.active a > .module-name .sicon:not(.sicon-bell-lg-line), .dashlet-tabs .dashlet-tabs-row .dashlet-tab.active a > .tab-title .sicon:not(.sicon-bell-lg-line), .dashlet-tabs .dashlet-tabs-row .dashlet-tab.active .btn .sicon:not(.sicon-bell-lg-line) {
    color: var(--active-tab-border-color)
}

.dashlet-tabs .dashlet-tabs-row .dashlet-tab.active:hover {
    background-color: var(--tab-background-hover-color)
}

.dashlet-tabs .dashlet-tabs-row .dashlet-tab a {
    color: var(--text-base);
    width: 100%;
    height: 100%;
    text-decoration: none;
    justify-content: center
}

.dashlet-tabs .dashlet-tab:not(.active):hover {
    text-decoration: none;
    background-color: var(--tab-background-hover-color)
}

.dashlet-tabs.tab2 .dashlet-tab {
    width: 50%
}

.dashlet-tabs.tab3 .dashlet-tab {
    width: 33%
}

.dashlet-tabs.tab4 .dashlet-tab {
    width: 25%
}

.dashlet-tabs.tab5 .dashlet-tab {
    width: 20%
}

.dashlet-tabs.tab6 .dashlet-tab {
    width: 16%
}

.record.tab-layout {
    padding: 0
}

.content-tabs .tab-pane {
    padding-top: 13px
}

.content-tabs .tab-pane > .row-fluid.panel_body, .content-tabs .tab-pane > .row-fluid.panel_hidden {
    padding: 0 13px;
    box-sizing: border-box
}

.tabbed-dashboard-pane .nav-tabs {
    display: flex;
    flex-direction: row
}

.nav-tabs-indented li.tab:first-child {
    margin-left: 40px
}

li.tab.dropdown {
    position: relative;
    margin-top: 0.625rem
}

li.tab.tab-badgeable {
    height: 36px
}

li.tab.tab-badgeable .tab-title {
    text-align: left;
    margin-right: 20px;
    vertical-align: middle
}

li.tab.tab-badgeable .label {
    margin: 0 2px
}

li.tab.tab-badgeable .label:not(.label-module) {
    display: inline
}

li.tab.tab-badgeable .case-expired {
    color: #bb0e1b;
    background-color: #ffd4d0;
    border: none
}

li.tab.tab-badgeable .case-soon {
    color: #9b4617;
    background-color: #ffdebc;
    border: none
}

li.tab.tab-badgeable .case-future {
    color: #000;
    background-color: #fff;
    border: none
}

li.tab.tab-badgeable.active, li.tab.tab-badgeable:has(a.active) {
    border-color: var(--active-tab-border-color);
    border-bottom-width: 4px
}

li.tab.tab-badgeable.active a > .count:not(.label-important), li.tab.tab-badgeable:has(a.active) a > .count:not(.label-important), li.tab.tab-badgeable.active a > .module-name, li.tab.tab-badgeable:has(a.active) a > .module-name, li.tab.tab-badgeable.active a > .tab-title, li.tab.tab-badgeable:has(a.active) a > .tab-title, li.tab.tab-badgeable.active .btn, li.tab.tab-badgeable:has(a.active) .btn {
    color: var(--active-tab-border-color)
}

li.tab.tab-badgeable.active a > .count:not(.label-important) .sicon:not(.sicon-bell-lg-line), li.tab.tab-badgeable:has(a.active) a > .count:not(.label-important) .sicon:not(.sicon-bell-lg-line), li.tab.tab-badgeable.active a > .module-name .sicon:not(.sicon-bell-lg-line), li.tab.tab-badgeable:has(a.active) a > .module-name .sicon:not(.sicon-bell-lg-line), li.tab.tab-badgeable.active a > .tab-title .sicon:not(.sicon-bell-lg-line), li.tab.tab-badgeable:has(a.active) a > .tab-title .sicon:not(.sicon-bell-lg-line), li.tab.tab-badgeable.active .btn .sicon:not(.sicon-bell-lg-line), li.tab.tab-badgeable:has(a.active) .btn .sicon:not(.sicon-bell-lg-line) {
    color: var(--active-tab-border-color)
}

li.tab.tab-badgeable.active:hover, li.tab.tab-badgeable:has(a.active):hover {
    background-color: var(--tab-background-hover-color)
}

li.tab.tab-badgeable.active a, li.tab.tab-badgeable:has(a.active) a {
    box-sizing: border-box
}

li.tab.tab-badgeable:hover a:not(.active) {
    background-color: var(--tab-background-hover-color)
}

li.tab.tab-badgeable a {
    margin-left: 0;
    margin-right: 0;
    height: 30px;
    line-height: 28px;
    vertical-align: middle
}

li.tab.tab-badgeable a span:first-child::after {
    content: '';
    display: inline-block;
    height: 20px
}

.forecasts-main .nav-tabs {
    border-bottom-color: var(--border-color-focus)
}

.forecasts-main .nav-tabs > li {
    margin: 0;
    text-align: center;
    max-width: 165px;
    line-height: 27px
}

.forecasts-main .nav-tabs > li:hover {
    background-color: var(--tab-background-hover-color)
}

.forecasts-main .nav-tabs > li.active {
    border-color: var(--active-tab-border-color);
    border-bottom-width: 4px
}

.forecasts-main .nav-tabs > li.active a > .count:not(.label-important), .forecasts-main .nav-tabs > li.active a > .module-name, .forecasts-main .nav-tabs > li.active a > .tab-title, .forecasts-main .nav-tabs > li.active .btn {
    color: var(--active-tab-border-color)
}

.forecasts-main .nav-tabs > li.active a > .count:not(.label-important) .sicon:not(.sicon-bell-lg-line), .forecasts-main .nav-tabs > li.active a > .module-name .sicon:not(.sicon-bell-lg-line), .forecasts-main .nav-tabs > li.active a > .tab-title .sicon:not(.sicon-bell-lg-line), .forecasts-main .nav-tabs > li.active .btn .sicon:not(.sicon-bell-lg-line) {
    color: var(--active-tab-border-color)
}

.forecasts-main .nav-tabs > li.active:hover {
    background-color: var(--tab-background-hover-color)
}

.forecasts-main .nav-tabs > li.active > a {
    color: var(--text-action)
}

.forecasts-main .nav-tabs > li:not(.active) > a:hover {
    color: var(--text-color-hover)
}

.forecasts-main .nav-tabs > li:not(.active):hover {
    height: 31px
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0
}

.tooltip.top {
    margin-top: -3px
}

.tooltip.right {
    margin-left: 3px
}

.tooltip.left {
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #50575b;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2)
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip[data-popper-placement="top"] .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #50575b
}

.tooltip[data-popper-placement="right"] .tooltip-arrow {
    margin-left: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #50575b
}

.tooltip[data-popper-placement="left"] .tooltip-arrow {
    top: 50%;
    right: 0;
    border-width: 5px 0 5px 5px;
    border-left-color: #50575b
}

.tooltip[data-popper-placement="bottom"] .tooltip-arrow {
    top: 0;
    left: 50%;
    border-width: 0 5px 5px;
    border-bottom-color: #50575b
}

.tooltip {
    text-shadow: none;
    font-weight: normal;
    word-wrap: break-word;
    pointer-events: none
}

.tooltip.in, .tooltip.show {
    opacity: 1
}

.tooltip div, .tooltip span, .tooltip a {
    color: #fff
}

.tooltip-inner {
    white-space: pre-wrap;
    word-wrap: break-word
}

.tooltip-inner > div {
    text-align: left
}

.tooltip-inner > p {
    margin: 0
}

.tooltip-inner h3 {
    font-size: 13px;
    color: #f1f3f4;
    line-height: normal;
    margin: 3px 0
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    text-align: left;
    background-clip: padding-box;
    border-radius: 6px;
    box-shadow: 1px solid var(--border-base);
    white-space: normal
}

.popover[data-popper-placement="top"] {
    margin-top: -10px
}

.popover[data-popper-placement="right"] {
    margin-left: 10px
}

.popover[data-popper-placement="bottom"] {
    margin-top: 10px
}

.popover[data-popper-placement="left"] {
    margin-left: -10px
}

.popover.show {
    display: block
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-weight: normal;
    line-height: 18px
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow, .popover .arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow::after {
    border-width: 10px;
    content: ""
}

.popover[data-popper-placement="top"] .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: var(--popover-arrow-color);
    bottom: -11px
}

.popover[data-popper-placement="top"] .arrow::after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: var(--popover-arrow-color)
}

.popover[data-popper-placement="right"] .arrow {
    top: 50%;
    left: -11px
}

.popover[data-popper-placement="right"] .arrow::after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: var(--popover-arrow-color)
}

.popover[data-popper-placement="bottom"] .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: var(--border-base);
    top: -11px
}

.popover[data-popper-placement="bottom"] .arrow::after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: var(--popover-arrow-color)
}

.popover[data-popper-placement="left"] .arrow {
    top: 50%;
    right: -11px
}

.popover[data-popper-placement="left"] .arrow::after {
    right: 1px;
    border-right-width: 0;
    border-left-color: var(--popover-arrow-color);
    bottom: -10px
}

.popover .close {
    position: absolute;
    top: 10px;
    right: 20px
}

.popover[data-popper-placement="right"] .arrow {
    margin-top: -8px;
    border-width: 8px 0 8px 5px;
    border-right: 8px solid #000
}

.popover[data-popper-placement="right"] .arrow::after {
    margin-left: 2px
}

.popover[data-popper-placement="left"] .arrow {
    margin-top: -8px;
    border-width: 8px 5px 8px 0;
    border-left: 8px solid #000
}

.popover[data-popper-placement="left"] .arrow::after {
    margin-right: 2px
}

.popover-inner {
    overflow: hidden;
    background: #fff;
    border-radius: var(--rounded-md)
}

.popover-title {
    background-color: var(--foreground-base);
    border-bottom: 1px solid var(--border-base);
    border-radius: var(--rounded-md) var(--rounded-md) 0 0;
    font-size: 13px;
    color: var(--text-base)
}

.popover-content {
    padding: 16px;
    border-radius: 0 0 2px 2px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
    background-color: var(--foreground-base)
}

.popover-content .no-padding {
    padding: 0;
    background-color: var(--foreground-base)
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    background-color: var(--progress-bar-background)
}

.progress .bar {
    width: 0%;
    color: #fff;
    float: left;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    transition: width .6s ease
}

.progress .bar + .bar {
    box-shadow: inset 1px 0 0 #f1f3f4, inset 0 -1px 0 #f1f3f4
}

.progress-striped .bar {
    background-color: #36b0ff;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-danger .bar, .progress .bar-danger {
    background-color: #d77533;
    background-image: linear-gradient(to bottom, #ff9445, #9b4617);
    background-repeat: repeat-x
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
    background-color: #ff9445;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-success .bar, .progress .bar-success {
    background-color: #2bc96b;
    background-image: linear-gradient(to bottom, #00ba83, #6cdf46);
    background-repeat: repeat-x
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #00ba83;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-info .bar, .progress .bar-info {
    background-color: #16cdec;
    background-image: linear-gradient(to bottom, #00e0e0, #36b0ff);
    background-repeat: repeat-x
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #00e0e0;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-warning .bar, .progress .bar-warning {
    background-color: #ffae73;
    background-image: linear-gradient(to bottom, #ffc092, #ff9445);
    background-repeat: repeat-x
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
    background-color: #ffc092;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.loading .progress {
    width: 100%
}

.loading .progress .bar {
    height: 4px;
    background: #e5eaed
}

.progress .bar {
    height: 8px;
    background-color: #0679c8
}

.progress .bar b {
    color: #4d5154;
    position: absolute;
    left: 50%;
    top: 8px;
    font-weight: normal
}

.progress {
    height: 8px
}

#nprogress {
    position: fixed;
    height: 0;
    width: 100%;
    z-index: 1040
}

#nprogress > div {
    text-align: center;
    display: inline-block
}

#nprogress .loading.gate {
    width: inherit
}

#nprogress .loading.gate .progress {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.progress-striped .bar {
    background: rgba(0, 0, 0, 0.9)
}

.progress-success .bar, .bar-success .bar {
    background: #00ba83
}

.progress-info .bar, .bar-info .bar {
    background: var(--inform-text-color)
}

.progress-danger .bar, .bar-danger .bar {
    background: #fa374f
}

.progress-files .bar {
    background: #ff9445
}

.progress-leads .bar {
    background: #00ba83
}

.progress-notes .bar {
    background: #ffd132
}

.progress-contacts .bar {
    background: #0679c8
}

.progress-documents .bar {
    background: #8f5ff5
}

.progress-min .bar {
    background: #fa374f
}

.progress-mid .bar {
    background: #ff9445
}

.progress-near .bar {
    background: #ffd132
}

.progress-closed .bar {
    background: #00ba83
}

.progress-halt .bar {
    background: #4d5154
}

.progress-bar-container.custom {
    width: 98%;
    display: table;
    border-collapse: separate;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 50px
}

.progress-bar-container.custom .progress-bar-col {
    display: table-cell;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.03)
}

.progress-bar-container.custom .progress-bar-col:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.progress-bar-container.custom .progress-bar-col:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

.progress-bar-container.custom .progress-bar-col .progress {
    height: inherit;
    margin: 2px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.4)
}

.progress-bar-container.custom .progress-bar-col .progress .bar {
    height: 20px;
    box-shadow: inset -2px 0 0 0 #fff;
    border-radius: 0
}

.progress-bar-container.custom .progress-bar-col .progress .bar:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.progress-bar-container.custom .progress-bar-col .progress .bar:last-child {
    box-shadow: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

.progress-bar-container.custom .click-count {
    width: 1px
}

.progress-bar-container.custom .click-count span {
    display: block;
    padding: 2px 10px 0 5px;
    font-size: 10px;
    line-height: 1px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: bold;
    text-align: right;
    min-width: 12px
}

.progress.custom {
    height: inherit
}

.progress.custom .bar {
    width: 100%;
    height: 20px;
    line-height: 20px
}

.progress.custom .bar.bar-pending {
    background: #ffd132 !important
}

.progress.custom .bar.bar-pending::before {
    content: "Pending..."
}

.progress.custom .bar.bar-sending {
    background: #00ba83 !important
}

.progress.custom .bar.bar-sending::before {
    content: "Sending..."
}

.progress.custom .bar.bar-scheduled {
    background: #ffd132 !important
}

.progress.custom .bar.bar-scheduled::before {
    content: "Scheduled"
}

.progress.custom .bar.bar-draft {
    background: transparent !important;
    border: 1px solid #4d5154;
    color: #4d5154
}

.progress.custom .bar.bar-draft::before {
    content: "Draft"
}

.progress.custom .bar.bar-optout {
    background: #6f777b !important
}

.progress.custom .bar.bar-bounce {
    background: #fa374f !important
}

.progress.custom .bar.bar-open {
    background: #00ba83 !important
}

.progress.custom .bar.bar-blank {
    background: #e5eaed
}

#nprogress {
    pointer-events: none;
    top: 32px
}

#nprogress .loading.gate .progress {
    background: var(--border-color-light);
    box-shadow: none;
    height: 1px;
    margin: 0
}

#nprogress .bar {
    background: var(--text-action);
    width: 100%
}

#nprogress.banner-shifted {
    top: 66px
}

#nprogress .peg {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 100px;
    box-shadow: 0 0 10px #e5eaed, 0 0 5px #e5eaed;
    opacity: 1;
    transform: rotate(3deg) translate(0, -4px)
}

.infoBox {
    left: -23px;
    top: -42px;
    width: 46px
}

.noUiSlider {
    background-color: #61686b;
    background-image: linear-gradient(to bottom, #6f777b, #4d5154);
    background-repeat: repeat-x;
    border-color: #4d5154;
    width: 300px;
    border-width: 1px 0
}

.noUiSlider .ticks {
    width: 0;
    border-left: 1px solid #d9dddf;
    position: absolute;
    display: inline-block;
    height: 10px;
    top: -11px
}

.noUiSliderEnds {
    position: relative;
    width: 300px;
    margin: 45px 45px 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.noUiSliderEnds::before, .noUiSliderEnds::after {
    top: 0;
    height: 8px;
    position: absolute;
    font-weight: bold;
    line-height: 8px;
    border: 1px solid #4d5154;
    border-left: 0;
    background-color: #61686b;
    background-image: linear-gradient(to bottom, #6f777b, #4d5154);
    background-repeat: repeat-x
}

.noUiSliderEnds::before {
    border-radius: 6px 0 0 6px;
    content: attr(data-content-before);
    text-indent: -22px;
    left: -9px;
    width: 10px;
    border-right: 0
}

.noUiSliderEnds::after {
    border-radius: 0 6px 6px 0;
    content: attr(data-content-after);
    text-indent: 10px;
    right: -8px;
    width: 7px;
    border-left: 0
}

.noUi-midBar {
    background-color: #62bcfa;
    background-image: linear-gradient(to bottom, #9ed6fc, #0997f8);
    background-repeat: repeat-x;
    border-color: #4d5154
}

.noUi-handle > div {
    display: block;
    position: absolute;
    width: 10px;
    background-color: #eff2f4;
    background-image: linear-gradient(to bottom, #e5eaed, #fff);
    background-repeat: repeat-x;
    border-radius: 3px;
    border: 1px solid #9ba1a6;
    box-shadow: 0 -1px 1px #d9dddf inset, 1px 1px 1px #b8bcbe;
    color: #fff;
    margin-left: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.noUi-handle > div::before {
    position: absolute;
    content: ' ';
    left: -1px;
    top: -4px;
    height: 11px;
    width: 11px;
    z-index: 1;
    -moz-transform: rotateZ(45deg) skewY(-10deg) skewX(-10deg);
    -o-transform: rotateZ(45deg) skewY(-10deg) skewX(-10deg);
    -webkit-transform: rotateZ(45deg) skewY(-10deg) skewX(-10deg);
    transform: rotateZ(45deg) skewY(-10deg) skewX(-10deg);
    border-radius: 0 9px;
    border: 1px solid #9ba1a6;
    box-shadow: inset 0 0 1px #b8bcbe
}

.noUi-handle > div::after {
    font-family: HelveticaNeue, Helvetica, Arial;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    content: attr(title) "";
    z-index: 999;
    left: 0;
    position: absolute;
    height: 7px;
    line-height: 5px;
    display: block;
    width: 8px;
    top: 4px;
    border-left: 1px solid var(--border-base);
    border-right: 1px solid var(--border-base)
}

.noUi-handle > div, .noUi-handle > div::after, .noUi-handle > div::before {
    background-color: #fff
}

.noUi-handle > div:hover, .noUi-handle > div:hover::after, .noUi-handle > div:hover::before {
    background-color: #fff
}

.noUi-handle > div:hover, .noUi-activeHandle {
    background: #fff !important;
    border-color: #d9dddf
}

div.alert {
    box-sizing: border-box;
    border: 1px solid var(--alert-border)
}

div.alert .indicator {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    position: relative;
    height: inherit;
    width: 48px
}

div.alert .indicator i {
    display: block;
    top: calc(50% - 15px)
}

div.alert .copy-clipboard-info {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-items: top;
    justify-content: center;
    position: relative;
    height: inherit;
    width: 48px
}

div.alert .copy-clipboard-info i {
    display: block;
    top: calc(50% - 15px)
}

.alert {
    position: relative;
    height: auto;
    min-height: 58px;
    text-shadow: none;
    padding: 0;
    font-size: 14px;
    z-index: 0
}

.alert:not(.alert-process)::before {
    content: "";
    height: 100%;
    position: absolute;
    background-image: var(--stack-logo);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: right top;
    width: 100%;
    z-index: -1
}

.alert:not(.alert-process) > * {
    z-index: 1
}

.alert.closeable {
    padding-right: 40px
}

.alert .text {
    height: inherit;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-x: hidden
}

.alert .close {
    right: 10px;
    top: 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    text-shadow: none;
    color: var(--sicon-color);
    position: absolute
}

.alert .close:hover {
    color: inherit
}

.alert-success, .alert-error, .alert-danger, .alert-info, .alert-warning {
    width: 418px
}

.alert-success .indicator i, .alert-success .alert-heading .indicator i {
    color: #00ba83
}

.alert-danger .indicator i, .alert-error .indicator i, .alert-danger .alert-heading .indicator i, .alert-error .alert-heading .indicator i {
    color: #fa374f
}

.alert-success a, .alert-danger a, .alert-error a, .alert-info a, .alert-sucess .alert-heading a, .alert-danger .alert-heading a, .alert-error .alert-heading a, .alert-info .alert-heading a {
    font-weight: 500
}

.alert-warning .indicator i, .alert-warning .alert-heading .indicator i {
    color: #ffd132
}

.alert-info .indicator i, .alert-info .alert-heading .indicator i {
    color: #517bf8
}

.alert-top {
    position: fixed;
    top: 31px;
    height: 0;
    width: 100%;
    z-index: 1060;
    text-align: center
}

.alert-top > div {
    display: table;
    margin: auto
}

.alert-top .alert {
    text-align: left;
    margin-top: 0
}

.alert a.btn {
    margin-top: 6px
}

.alert.modal {
    display: none
}

.alert-page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1059
}

.alert-confirmation {
    position: fixed;
    top: 36px;
    left: 0;
    right: 0;
    z-index: 1080
}

.alert-confirmation .alert .text {
    padding-right: 1rem
}

.alert.alert-process {
    min-height: 0;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    color: var(--text-color-light);
    border-color: var(--border-base);
    background-color: var(--content-background)
}

.field-alert-warning {
    padding: 5px 7px;
    margin: 0 7px 14px -7px
}

.flag {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: middle
}

.alert {
    font-family: inherit
}

.alert-confirmation .alert-info .copy-clipboard-info i, .alert-confirmation .alert-info .alert-heading .copy-clipboard-info i {
    color: #517bf8
}

.alert-confirmation .alert-info a, .alert-confirmation .alert-info .alert-heading a {
    font-weight: 700
}

[class*="span"] {
    float: left;
    min-height: 1px
}

.container {
    width: 940px
}

.span12 {
    width: 940px
}

.span11 {
    width: 860px
}

.span10 {
    width: 780px
}

.span9 {
    width: 700px
}

.span8 {
    width: 620px
}

.span7 {
    width: 540px
}

.span6 {
    width: 460px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.span2 {
    width: 140px
}

.span1 {
    width: 60px
}

.offset12 {
    margin-left: 980px
}

.offset11 {
    margin-left: 900px
}

.offset10 {
    margin-left: 820px
}

.offset9 {
    margin-left: 740px
}

.offset8 {
    margin-left: 660px
}

.offset7 {
    margin-left: 580px
}

.offset6 {
    margin-left: 500px
}

.offset5 {
    margin-left: 420px
}

.offset4 {
    margin-left: 340px
}

.offset3 {
    margin-left: 260px
}

.offset2 {
    margin-left: 180px
}

.offset1 {
    margin-left: 100px
}

.row-fluid {
    width: 100%
}

.row-fluid::before, .row-fluid::after {
    display: table;
    content: "";
    line-height: 0
}

.row-fluid::after {
    clear: both
}

.row-fluid [class*="span"] {
    float: left;
    margin-left: 5px
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0
}

.row-fluid.topline [class*="span"]:first-child {
    margin-left: 1rem
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.12765957%
}

.row-fluid .span12 {
    width: 99.99999999000001%
}

.row-fluid .span11 {
    width: 91.48936169%
}

.row-fluid .span10 {
    width: 82.97872340000001%
}

.row-fluid .span9 {
    width: 74.4680851%
}

.row-fluid .span8 {
    width: 65.9574468%
}

.row-fluid .span7 {
    width: 57.44680851%
}

.row-fluid .span6 {
    width: 48.93617021%
}

.row-fluid .span5 {
    width: 40.42553191%
}

.row-fluid .span4 {
    width: 31.91489361%
}

.row-fluid .span3 {
    width: 23.40425532%
}

.row-fluid .span2 {
    width: 14.89361702%
}

.row-fluid .span1 {
    width: 6.38297872%
}

.row-fluid .offset12 {
    margin-left: 104.25531914%
}

.row-fluid .offset12:first-child {
    margin-left: 102.12765956%
}

.row-fluid .offset11 {
    margin-left: 95.74468084%
}

.row-fluid .offset11:first-child {
    margin-left: 93.61702127%
}

.row-fluid .offset10 {
    margin-left: 87.23404254%
}

.row-fluid .offset10:first-child {
    margin-left: 85.10638297%
}

.row-fluid .offset9 {
    margin-left: 78.72340425%
}

.row-fluid .offset9:first-child {
    margin-left: 76.59574467%
}

.row-fluid .offset8 {
    margin-left: 70.21276595%
}

.row-fluid .offset8:first-child {
    margin-left: 68.08510638%
}

.row-fluid .offset7 {
    margin-left: 61.70212765%
}

.row-fluid .offset7:first-child {
    margin-left: 59.57446808%
}

.row-fluid .offset6 {
    margin-left: 53.19148936%
}

.row-fluid .offset6:first-child {
    margin-left: 51.06382978%
}

.row-fluid .offset5 {
    margin-left: 44.68085106%
}

.row-fluid .offset5:first-child {
    margin-left: 42.55319149%
}

.row-fluid .offset4 {
    margin-left: 36.17021276%
}

.row-fluid .offset4:first-child {
    margin-left: 34.04255319%
}

.row-fluid .offset3 {
    margin-left: 27.65957447%
}

.row-fluid .offset3:first-child {
    margin-left: 25.53191489%
}

.row-fluid .offset2 {
    margin-left: 19.14893617%
}

.row-fluid .offset2:first-child {
    margin-left: 17.02127659%
}

.row-fluid .offset1 {
    margin-left: 10.63829787%
}

.row-fluid .offset1:first-child {
    margin-left: 8.5106383%
}

[class*="span"].hide, .row-fluid [class*="span"].hide {
    display: none
}

[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
    float: right
}

[class*="span"]:first-child.hide + [class*="span"] {
    margin-left: 0
}

.accordion {
    margin-bottom: 18px
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid var(--border-base);
    border-radius: 3px
}

.accordion-heading {
    border-bottom: 0
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px
}

.accordion-toggle {
    cursor: pointer
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid var(--border-base)
}

.table th, .table td {
    line-height: 18px
}

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody + tbody {
    border-top: 2px solid var(--border-base)
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid var(--border-base);
    border-collapse: separate;
    border-left: 0;
    border-radius: 3px
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid var(--border-base)
}

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child {
    border-top-left-radius: 3px
}

.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child {
    border-top-right-radius: 3px
}

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child {
    border-bottom-left-radius: 3px
}

.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child {
    border-bottom-right-radius: 3px
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
    border-bottom-left-radius: 0
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 0
}

.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {
    border-top-left-radius: 3px
}

.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {
    border-top-right-radius: 3px
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: var(--primary-content-hover-background)
}

table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0
}

.table td.span1, .table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0
}

.table td.span2, .table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0
}

.table td.span3, .table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0
}

.table td.span4, .table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0
}

.table td.span5, .table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0
}

.table td.span6, .table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0
}

.table td.span7, .table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0
}

.table td.span8, .table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0
}

.table td.span9, .table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0
}

.table td.span10, .table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0
}

.table td.span11, .table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0
}

.table td.span12, .table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0
}

.table tbody tr.success td {
    background-color: #e4fbb4
}

.table tbody tr.error td {
    background-color: #ffd4d0
}

.table tbody tr.warning td {
    background-color: #fff7ad
}

.table tbody tr.info td {
    background-color: #c6ddff
}

.table-hover tbody tr.success:hover td {
    background-color: #e4fbb4
}

.table-hover tbody tr.error:hover td {
    background-color: #ffd4d0
}

.table-hover tbody tr.warning:hover td {
    background-color: #fff7ad
}

.table-hover tbody tr.info:hover td {
    background-color: #c6ddff
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #fff
}

.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

body {
    padding: 0;
    overflow-x: hidden
}

body.scroll {
    overflow: auto
}

.link {
    margin-top: 6px;
    display: inline-block
}

a {
    cursor: pointer
}

section {
    padding-top: 42px
}

label, input, button, select, textarea {
    font-family: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

.container {
    margin-right: auto;
    margin-left: auto
}

.container::before, .container::after {
    display: table;
    content: "";
    line-height: 0
}

.container::after {
    clear: both
}

.container-fluid {
    margin-left: 20px;
    margin-right: 20px
}

.container-fluid::before, .container-fluid::after {
    display: table;
    content: "";
    line-height: 0
}

.container-fluid::after {
    clear: both
}

.container-fluid {
    margin-top: 20px
}

#content {
    position: fixed;
    width: calc(100vw - 3.5rem - 3rem);
    top: 3.5rem;
    right: 0;
    bottom: 0;
    left: 3.5rem;
    padding: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.main-pane {
    position: absolute;
    bottom: 0;
    top: 3.5rem;
    padding-top: 0 !important
}

.main-pane:not(.bg-transparent) {
    background-color: var(--foreground-base)
}

.main-pane .list-view {
    width: 100%
}

.main-pane.main-pane.span12 {
    width: 100%
}

.main-pane.span8 {
    width: calc(66vw - 3.5rem - 1.5rem);
    left: 0
}

.omniconsole-visible .main-pane {
    width: calc(100% - 320px)
}

.omniconsole-visible .main-pane.span8 {
    width: calc(66vw - 320px)
}

.touch .main-pane {
    padding-top: 60px !important;
    top: 0;
    overflow-x: auto
}

.touch #content {
    position: absolute;
    overflow-x: scroll
}

.side.sidebar-content {
    width: calc(34vw - 1.5rem);
    border-left: 1px solid var(--border-base);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1003
}

.side.sidebar-content.hide {
    display: none
}

.navbar, #content {
    min-width: 320px !important
}

#header:not(.hide) + #content {
    top: 2.5rem
}

.banner-shifted #header:not(.hide) + #content {
    top: 79px
}

.banner-shifted #content {
    top: calc(2.125rem + 3.5rem)
}

.split-screen-resizer {
    background-color: var(--resizer-color);
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.split-screen-resizer:hover {
    background-color: var(--primary-content-hover)
}

.split-screen-resizer.disabled {
    cursor: not-allowed
}

.split-screen-resizer-horizontal {
    background-color: var(--resizer-color);
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 9px
}

.split-screen-resizer-horizontal:hover {
    background-color: var(--primary-content-hover)
}

.split-screen-resizer-horizontal.disabled {
    cursor: not-allowed
}

.split-screen-resizer-horizontal:not(.disabled) {
    cursor: ns-resize
}

.split-screen-resizer-vertical {
    background-color: var(--resizer-color);
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9px
}

.split-screen-resizer-vertical:hover {
    background-color: var(--primary-content-hover)
}

.split-screen-resizer-vertical.disabled {
    cursor: not-allowed
}

.split-screen-resizer-vertical:not(.disabled) {
    cursor: ew-resize
}

.split-screens-handle {
    background-color: var(--drag-handle-color);
    border-radius: 3px
}

.split-screens-handle-horizontal {
    background-color: var(--drag-handle-color);
    border-radius: 3px;
    width: 24px;
    height: 5px
}

.split-screens-handle-vertical {
    background-color: var(--drag-handle-color);
    border-radius: 3px;
    width: 5px;
    height: 24px
}

.split-screens-container {
    background-color: var(--foreground-base)
}

.gray-darker {
    background-color: #111
}

.gray-dark {
    background-color: #222
}

.gray-darkish {
    background-color: #4d4f50
}

.gray {
    background-color: #555
}

.gray-light {
    background-color: #717171
}

.gray-lightish {
    background-color: #999
}

.gray-mid {
    background-color: #d5dce0
}

.gray-lighter {
    background-color: #f6f6f6
}

.slate {
    background-color: #9aa5ad
}

.steel {
    background-color: #50575b
}

.gray-darker-text {
    color: #111
}

.gray-dark-text {
    color: #222
}

.gray-darkish-text {
    color: #4d4f50
}

.gray-text {
    color: #555
}

.gray-light-text {
    color: #717171
}

.gray-lightish-text {
    color: #999
}

.gray-mid-text {
    color: #d5dce0
}

.gray-lighter-text {
    color: #f6f6f6
}

.slate-text {
    color: #9aa5ad
}

.steel-text {
    color: #50575b
}

.dark-green {
    background-color: #056f37
}

.dark-red {
    background-color: #bb0e1b
}

.dark-teal {
    background-color: #00636e
}

.dark-blue {
    background-color: #005d9c
}

.dark-coral {
    background-color: #a23354
}

.dark-orange {
    background-color: #9b4617
}

.black {
    background-color: #000
}

.black-text {
    color: #000
}

.gray90 {
    background-color: #2b2d2e
}

.gray90-text {
    color: #2b2d2e
}

.gray80 {
    background-color: #4d5154
}

.gray80-text {
    color: #4d5154
}

.gray70 {
    background-color: #6f777b
}

.gray70-text {
    color: #6f777b
}

.gray60 {
    background-color: #9ba1a6
}

.gray60-text {
    color: #9ba1a6
}

.gray50 {
    background-color: #b8bcbe
}

.gray50-text {
    color: #b8bcbe
}

.gray40 {
    background-color: #d9dddf
}

.gray40-text {
    color: #d9dddf
}

.gray30 {
    background-color: #e5eaed
}

.gray30-text {
    color: #e5eaed
}

.gray20 {
    background-color: #f1f3f4
}

.gray20-text {
    color: #f1f3f4
}

.gray10 {
    background-color: #f8fafc
}

.gray10-text {
    color: #f8fafc
}

.white {
    background-color: #fff
}

.white-text {
    color: #fff
}

.darkBlue {
    background-color: #005d9c
}

.darkBlue-text {
    color: #005d9c
}

.blue {
    background-color: #0679c8
}

.blue-text {
    color: #0679c8
}

.lightBlue {
    background-color: #d6eeff
}

.lightBlue-text {
    color: #d6eeff
}

.darkArmy {
    background-color: #537600
}

.darkArmy-text {
    color: #537600
}

.army {
    background-color: #6cdf46
}

.army-text {
    color: #6cdf46
}

.lightArmy {
    background-color: #e4fbb4
}

.lightArmy-text {
    color: #e4fbb4
}

.darkCoral {
    background-color: #a23354
}

.darkCoral-text {
    color: #a23354
}

.coral {
    background-color: #f476b1
}

.coral-text {
    color: #f476b1
}

.lightCoral {
    background-color: #fde2eb
}

.lightCoral-text {
    color: #fde2eb
}

.darkGreen {
    background-color: #056f37
}

.darkGreen-text {
    color: #056f37
}

.green {
    background-color: #00ba83
}

.green-text {
    color: #00ba83
}

.lightGreen {
    background-color: #baffcc
}

.lightGreen-text {
    color: #baffcc
}

.darkOcean {
    background-color: #29388c
}

.darkOcean-text {
    color: #29388c
}

.ocean {
    background-color: #517bf8
}

.ocean-text {
    color: #517bf8
}

.lightOcean {
    background-color: #c6ddff
}

.lightOcean-text {
    color: #c6ddff
}

.darkOrange {
    background-color: #9b4617
}

.darkOrange-text {
    color: #9b4617
}

.orange {
    background-color: #ff9445
}

.orange-text {
    color: #ff9445
}

.lightOrange {
    background-color: #ffdebc
}

.lightOrange-text {
    color: #ffdebc
}

.darkPacific {
    background-color: #145c95
}

.darkPacific-text {
    color: #145c95
}

.pacific {
    background-color: #36b0ff
}

.pacific-text {
    color: #36b0ff
}

.lightPacific {
    background-color: #c0edff
}

.lightPacific-text {
    color: #c0edff
}

.darkPink {
    background-color: #832a83
}

.darkPink-text {
    color: #832a83
}

.pink {
    background-color: #cd74f2
}

.pink-text {
    color: #cd74f2
}

.lightPink {
    background-color: #f7d0fd
}

.lightPink-text {
    color: #f7d0fd
}

.darkPurple {
    background-color: #4c2d85
}

.darkPurple-text {
    color: #4c2d85
}

.purple {
    background-color: #8f5ff5
}

.purple-text {
    color: #8f5ff5
}

.lightPurple {
    background-color: #e2d4fd
}

.lightPurple-text {
    color: #e2d4fd
}

.darkRed {
    background-color: #bb0e1b
}

.darkRed-text {
    color: #bb0e1b
}

.red {
    background-color: #fa374f
}

.red-text {
    color: #fa374f
}

.lightRed {
    background-color: #ffd4d0
}

.lightRed-text {
    color: #ffd4d0
}

.darkTeal {
    background-color: #00636e
}

.darkTeal-text {
    color: #00636e
}

.teal {
    background-color: #00e0e0
}

.teal-text {
    color: #00e0e0
}

.lightTeal {
    background-color: #c5fffb
}

.lightTeal-text {
    color: #c5fffb
}

.darkYellow {
    background-color: #866500
}

.darkYellow-text {
    color: #866500
}

.yellow {
    background-color: #ffd132
}

.yellow-text {
    color: #ffd132
}

.lightYellow {
    background-color: #fff7ad
}

.lightYellow-text {
    color: #fff7ad
}

.enum-color12 {
    color: #c5fffb;
    background-color: #c5fffb
}

.enum-color11 {
    color: #056f37;
    background-color: #baffcc
}

.enum-color10 {
    color: #9b4617;
    background-color: #ffdebc
}

.enum-color9 {
    color: #bb0e1b;
    background-color: #ffd4d0
}

.enum-color8 {
    color: #fff;
    background-color: #50575b
}

.enum-color7 {
    color: #2b2d2e;
    background-color: #d9dddf
}

.enum-color6 {
    color: #a23354;
    background-color: #fde2eb
}

.enum-color5 {
    color: #4c2d85;
    background-color: #e2d4fd
}

.enum-color4 {
    color: #29388c;
    background-color: #c6ddff
}

.enum-color3 {
    color: #00636e;
    background-color: #c5fffb
}

.enum-color2 {
    color: #537600;
    background-color: #e4fbb4
}

.enum-color1 {
    color: #866500;
    background-color: #fff7ad
}

.info > .sicon {
    color: var(--inform-text-color)
}

.info-text, .info-text > .sicon {
    color: var(--info-text-color)
}

.info-background {
    background-color: #c6ddff
}

.info-border {
    border-color: #517bf8
}

.success, .success > .sicon {
    color: #6cdf46
}

.success-text, .success-text > .sicon {
    color: #537600
}

.success-background {
    background-color: #e4fbb4
}

.success-border {
    border-color: #6cdf46
}

.warning, .warning > .sicon {
    color: #ffd132
}

.warning-text, .warning-text > .sicon {
    color: #866500
}

.warning-background {
    background-color: #fff7ad
}

.warning-border {
    border-color: #ffd132
}

.error, .error > .sicon {
    color: #fa374f
}

.error-text, .error-text > .sicon {
    color: #bb0e1b
}

.error-background {
    background-color: #ffd4d0
}

.error-border {
    border-color: #fa374f
}

.warning-text-swatch {
    background-color: #866500
}

.warning-border-swatch {
    background-color: #ffd132
}

.error-text-swatch {
    background-color: #bb0e1b
}

.error-border-swatch {
    background-color: #fa374f
}

.success-text-swatch {
    background-color: #537600
}

.success-border-swatch {
    background-color: #6cdf46
}

.info-text-swatch {
    background-color: var(--info-text-color)
}

.info-border-swatch {
    background-color: #517bf8
}

p {
    margin: 0 0 9px
}

.lead {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 200;
    line-height: 27px
}

small {
    font-size: 85%
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

.muted {
    color: #6f777b
}

a.muted:hover {
    color: #4d5154
}

.text-warning {
    color: #866500
}

a.text-warning:hover {
    color: #866500
}

.text-error {
    color: #bb0e1b
}

a.text-error:hover {
    color: #bb0e1b
}

.text-info {
    color: var(--info-text-color)
}

a.text-info:hover {
    color: var(--info-text-hover)
}

.text-success {
    color: #537600
}

a.text-success:hover {
    color: #537600
}

h1, h2, h3, h4, h5, h6 {
    margin: 9px 0;
    font-family: inherit;
    line-height: 18px;
    color: inherit;
    text-rendering: optimizelegibility
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    line-height: 1;
    color: #6f777b
}

h1, h2, h3 {
    line-height: 36px
}

h2 {
    font-size: 27px
}

h3 {
    font-size: 21px
}

h4 {
    font-size: 15px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 10.2px
}

h1 small {
    font-size: 21px
}

h2 small {
    font-size: 15px
}

h3 small {
    font-size: 12px
}

h4 small {
    font-size: 12px
}

.page-header {
    padding-bottom: 8px;
    margin: 18px 0 27px;
    border-bottom: 1px solid var(--border-base)
}

ul, ol {
    padding: 0;
    margin: 0 0 9px 25px
}

ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0
}

li {
    line-height: 18px
}

ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none
}

ul.inline, ol.inline {
    margin-left: 0;
    list-style: none
}

ul.inline > li, ol.inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-bottom: 18px
}

dt, dd {
    line-height: 18px
}

dt {
    font-weight: bold
}

dd {
    margin-left: 9px
}

.dl-horizontal::before, .dl-horizontal::after {
    display: table;
    content: "";
    line-height: 0
}

.dl-horizontal::after {
    clear: both
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dl-horizontal dd {
    margin-left: 180px
}

hr {
    margin: 18px 0;
    border: 0;
    border-top: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base)
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted var(--border-base)
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 18px;
    border-left: 5px solid var(--border-base)
}

blockquote p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 22.5px
}

blockquote small {
    display: block;
    line-height: 18px;
    color: #6f777b
}

blockquote small::before {
    content: '\2014 \00A0'
}

blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid var(--border-base);
    border-left: 0
}

blockquote.pull-right p, blockquote.pull-right small {
    text-align: right
}

blockquote.pull-right small::before {
    content: ''
}

blockquote.pull-right small::after {
    content: '\00A0 \2014'
}

q::before, q::after, blockquote::before, blockquote::after {
    content: ""
}

address {
    display: block;
    margin-bottom: 18px;
    font-style: normal;
    line-height: 18px
}

h1 {
    font-size: 20px;
    line-height: 22px
}

h4 i {
    color: #6f777b
}

.ellipsis_inline, .ellipsis_inline > .text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis_inline:not(.flex), .ellipsis_inline > .text-overflow:not(.flex) {
    display: block
}

.mono {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.serif {
    font-family: Georgia, "Times New Roman", Times, serif
}

.activitystream-list {
    width: 100%;
    margin: 0;
    list-style: none
}

.activitystream-disabled {
    clear: both;
    padding: 13px 13px 0
}

.activitystream-posts-comments-container {
    border-bottom: 1px solid var(--border-base);
    padding: 10px 68px 0 52px;
    position: relative;
    font-size: 15px;
    min-height: 46px
}

.activitystream-posts-comments-container.highlighted {
    background: var(--dropdown-link-background-hover)
}

.activitystream-posts-comments-container .avatar, .activitystream-posts-comments-container .label-module {
    position: absolute;
    left: 10px;
    top: 10px
}

.activitystream-posts-comments-container .avatar.initial, .activitystream-posts-comments-container .label-module.initial {
    position: initial
}

.activitystream-posts-comments-container .tagged {
    max-width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    line-height: 20px;
    margin-top: -2px
}

.activitystream-posts-comments-container .tagged span.label {
    font-size: 11px;
    padding: 2px 4px 1px
}

.activitystream-posts-comments-container p {
    margin: 0
}

.activitystream-posts-comments-container .details {
    font-size: 11px;
    line-height: 14px
}

.activitystream-posts-comments-container .embed {
    min-height: 18px;
    max-width: 480px
}

.activitystream-posts-comments-container .embed iframe, .activitystream-posts-comments-container .embed img {
    margin-top: 11px
}

.activitystream-posts-comments-container .comments {
    margin: 10px -68px 0 0
}

.activitystream-posts-comments-container .comments .avatar {
    left: 0
}

.activitystream-posts-comments-container .comments .comment {
    list-style: none;
    border-top: 1px dotted var(--border-base);
    padding: 10px 10px 10px 37px;
    font-size: 12px;
    position: relative
}

.activitystream-posts-comments-container .comments .date {
    font-size: 11px
}

.activitystream-posts-comments-container .comments .more-comments {
    padding: 10px 0;
    font-size: 12px
}

.activitystream-posts-comments-container .reply-area .reply-input {
    position: relative;
    margin-left: -37px
}

.activitystream-posts-comments-container .reply-area .reply-input .reply {
    padding: 10px 58px 10px 10px
}

.activitystream-posts-comments-container .reply-area .reply-btn {
    position: absolute;
    top: 7px;
    right: 7px
}

.activitystream-posts-comments-container .reply-area .reply {
    min-height: 18px;
    padding: 10px;
    border: dashed 1px var(--border-base);
    color: var(--text-base);
    font-size: 12px
}

.activitystream-posts-comments-container .reply-area .reply:focus {
    border: 1px solid var(--border-base)
}

.activitystream-posts-comments-container .actions {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: normal
}

.preview-pane .activitystream-layout {
    padding: 28px 5% 0;
    margin: 8px
}

.preview-pane .activitystream-list {
    background-color: var(--primary-content-background);
    border: 1px solid var(--border-base)
}

.preview-pane .activitystream-posts-comments-container {
    padding: 8px 14px 8px 54px;
    font-size: 12px;
    min-height: 36px
}

.preview-pane .activitystream-posts-comments-container .avatar, .preview-pane .activitystream-posts-comments-container .label-module {
    left: 12px;
    top: 12px
}

.preview-pane .activitystream-posts-comments-container .embed iframe, .preview-pane .activitystream-posts-comments-container .embed img {
    margin-top: 5px
}

.preview-pane .activitystream-posts-comments-container .comments {
    margin: 8px -14px -8px -54px
}

.preview-pane .activitystream-posts-comments-container .comments .comment {
    padding: 8px 8px 4px 54px
}

.preview-pane .activitystream-posts-comments-container .comments .avatar {
    left: 20px
}

.preview-pane .activitystream-posts-comments-container .comments .more-comments {
    padding: 4px 8px 4px 18px
}

.preview-pane .activitystream-posts-comments-container > .comment:last-child {
    border-bottom: none
}

.activitystream-pending-attachment {
    position: relative;
    width: 140px;
    border: 4px solid var(--border-base);
    background: #f1f3f4;
    float: left;
    height: 141px;
    font-size: 11px;
    overflow: hidden;
    margin: 5px 5px 5px 0;
    color: #6f777b
}

.activitystream-pending-attachment .close {
    font-size: 16px;
    line-height: 14px;
    padding: 0 2px;
    margin-left: 5px
}

.activitystream-pending-attachment img {
    margin-top: 4px
}

div[data-placeholder]:not(:focus):not([data-hide-placeholder])::before {
    content: attr(data-placeholder);
    color: #6f777b
}

.dashboard .well .dashlet-content .activitystream-posts-comments-container {
    padding-bottom: 8px
}

.dashlet .activitystream-posts-comments-container .actions {
    position: absolute;
    top: 10px
}

.activitystream-posts-comments-container .avatar img {
    border: none;
    box-shadow: 0 0 2px #000
}

.activity-card {
    display: flex;
    position: relative
}

.activity-card .fieldset.fieldset-empty, .activity-card .fieldset-inline.fieldset-empty {
    display: none
}

.activity-card .panel-attachments .square-pill {
    margin-top: 0.5rem
}

.activity-card .activity-card-detail {
    background: var(--content-timeline-background);
    padding: 10px 7px;
    text-align: center;
    flex: 0 0 60px;
    font-size: 10px;
    line-height: 14px;
    color: var(--text-color-light)
}

.activity-card .activity-card-detail .record-icon {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.activity-card .activity-card-detail .panel-header {
    margin-top: 6px;
    font-weight: 600
}

.activity-card .activity-card-main {
    border-bottom: 1px solid var(--border-base);
    padding: 17px 12px 16px;
    width: 100%;
    color: var(--text-base)
}

.activity-card .activity-card-main .activity-label {
    color: var(--label-color);
    align-self: center
}

.activity-card .activity-card-main .panel-user-single {
    align-items: baseline
}

.activity-card .activity-card-main .activity-card-header .panel-header {
    font-weight: 600;
    font-size: 14px;
    display: inline-flex;
    width: 100%
}

.activity-card .activity-card-main .activity-card-header .panel-header .activity-card-header {
    margin-right: 0.5rem
}

.activity-card .activity-card-main .activity-card-header .panel-header .activity-card-header.email-state {
    color: var(--text-base);
    font-size: 12px;
    font-weight: normal;
    padding-left: 12px
}

.activity-card .activity-card-main .activity-card-header .panel-header span .ellipsis_inline {
    white-space: normal
}

.activity-card .activity-card-main .activity-card-header .panel-header.panel-header-create .relate-field-container {
    padding: 0
}

.activity-card .activity-card-main .activity-card-header .created-status {
    color: var(--history-log-color);
    font-weight: 600
}

.activity-card .activity-card-main .activity-card-header .panel-users > span {
    line-height: 22px
}

.activity-card .activity-card-main .activity-card-header .panel-users > span .relate-field-container {
    padding: 0
}

.activity-card .activity-card-main .activity-card-header .panel-users > span .relate-field-container .label-module {
    margin-right: 0.375rem
}

.activity-card .activity-card-main .activity-card-header .panel-users > span .relate-field-container .label-module.label-module-size-sm {
    height: 1.25rem;
    width: 1.25rem
}

.activity-card .activity-card-main .activity-card-header .panel-users .activity-label {
    display: flex;
    margin-right: 0.5rem;
    line-height: 22px;
    color: var(--label-color)
}

.activity-card .activity-card-main .activity-card-header .panel-users .sicon-user {
    font-size: 10px
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user-item {
    display: flex
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user-item:not(:last-child) {
    margin-bottom: 0.5rem
}

.activity-card .activity-card-main .activity-card-header a {
    display: inline
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user {
    display: flex;
    align-items: center;
    align-self: center
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user .avatar {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #e5eaed;
    height: 16px;
    min-width: 16px;
    width: 16px;
    align-self: center
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user .user-value {
    display: inline-flex;
    padding-left: 4px;
    color: #6f777b
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user-to-user {
    display: flex;
    align-items: center
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user-to-user .arrow {
    margin: 0 11px
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user-list {
    display: flex;
    flex-wrap: wrap;
    margin: -6px -6px 0
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user-list .header-user {
    margin: 6px 6px 0
}

.activity-card .activity-card-main .activity-card-header .panel-users .header-user-list .header-more-users {
    margin-left: 6px;
    color: #6f777b;
    align-self: flex-end
}

.activity-card .activity-card-main .activity-card-content .label-module {
    margin-right: 0.375rem
}

.activity-card .activity-card-main .activity-card-content .label-module.label-module-size-sm {
    height: 1.25rem;
    width: 1.25rem
}

.activity-card .activity-card-main .activity-card-content .relate-field-container {
    padding: 0
}

.activity-card .activity-card-main .activity-card-content .relate-field-container .label-module {
    margin-top: -1px
}

.activity-card .activity-card-main .activity-card-content .currency-field .original:empty {
    display: none
}

.activity-card .activity-card-main .activity-card-content .change-before-value .currency-field .converted, .activity-card .activity-card-main .activity-card-content .change-before-value .currency-field .original {
    text-decoration: line-through
}

.activity-card .activity-card-main .activity-card-content .activity-date-modified {
    margin-top: 0.5rem;
    text-align: left;
    font-size: 10px;
    line-height: 14px;
    color: var(--label-color)
}

.activity-card .activity-card-main .activity-card-content .btn.activity-card-show-more {
    padding-left: 0;
    margin-left: 0
}

.activity-card .activity-card-main .activity-card-content .btn.activity-card-show-less {
    padding-left: 0;
    margin-left: 0
}

.activity-card .activity-card-main .activity-card-content .select2-container-multi .select2-choices {
    display: flex;
    padding: 0;
    background: none;
    gap: 0.25rem
}

.activity-card .activity-card-main .activity-card-content .select2-container-multi .select2-choices .select2-search-choice {
    margin-right: 0.5rem;
    padding: .125rem .5rem
}

.activity-card .activity-card-main .activity-card-content .activity-card-content-body.collapsed-timeline {
    max-height: 300px;
    overflow: hidden
}

.activity-card .activity-card-main .activity-card-content .activity-card-content-body.expanded-timeline {
    max-height: none
}

.activity-card .activity-card-main .activity-card-content .activity-card-content-body .panel-header {
    margin-top: 0.5rem;
    display: flex;
    align-items: baseline;
    flex-flow: wrap;
    row-gap: 0.25rem
}

.activity-card .activity-card-main .activity-card-content .activity-card-content-body .panel-header span .ellipsis_inline {
    white-space: normal
}

.activity-card .activity-card-main .activity-card-content .activity-card-content-body .label.label-pending, .activity-card .activity-card-main .activity-card-content .activity-card-content-body .label.label-important, .activity-card .activity-card-main .activity-card-content .activity-card-content-body .label.label-success, .activity-card .activity-card-main .activity-card-content .activity-card-content-body .label.label-inverse {
    margin-left: 12px
}

.activity-card .activity-card-main .activity-card-content .activity-card-content-body .panel-group {
    column-gap: 1rem;
    row-gap: 0.5rem;
    flex-wrap: wrap
}

.activity-card .activity-card-main .activity-card-content .activity-card-content-body .panel-group .fieldset {
    gap: 0.5rem
}

.activity-card .activity-card-main .activity-card-content .activity-card-content-body .panel-group .fieldset-field {
    margin: auto 0
}

.activity-card .activity-card-main .activity-card-content [class^="panel"] {
    margin-top: 0.5rem
}

.activity-card .activity-card-main .activity-card-content .panel-attachments ul.select2-choices {
    border: none;
    flex-wrap: wrap
}

.activity-card .activity-card-main .activity-card-content .activity-card-status, .activity-card .activity-card-main .activity-card-content .activity-card-text {
    margin-bottom: 10px
}

.activity-card .activity-card-main .activity-card-content .control-group.email .btn-toolbar.prevent-mousedown {
    display: none
}

.activity-card.activity-card-notes .activity-card-main .activity-card-content-body .panel-attachments .attachment-preview img {
    max-height: 300px
}

.activity-card.activity-card-emails .panel-header {
    flex-direction: column;
    row-gap: 0.5rem
}

.activity-card.activity-card-emails .panel-header .label-state {
    font-weight: normal;
    font-size: 12px
}

.activity-card .cabmenu {
    right: 12px;
    top: 11px
}

.activity-card .cabmenu:not(.open) {
    display: none
}

.activity-card:hover .cabmenu {
    display: flex;
    border-radius: 15px
}

.activity-card.activity-card-audit .change-container {
    display: flex;
    align-items: center
}

.activity-card.activity-card-audit .change-container div[class$="-container"]:not(:last-child) {
    margin-right: 10px
}

.activity-card.activity-card-audit .change-container .change-field-name {
    font-weight: 600
}

.activity-card.activity-card-audit .change-container .change-before-value {
    font-style: italic;
    color: #6f777b;
    text-decoration: line-through
}

.activity-card.activity-card-audit .change-container .change-after-value-container {
    padding: 2px 6px
}

.btn:hover {
    border-color: var(--border-color-focus);
    text-decoration: none;
    background-position: 0 -15px
}

.btn.active, .btn:active {
    outline: 0
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    opacity: 0.65;
    box-shadow: none
}

.btn.hidden {
    display: none
}

.btn-large {
    padding: 9px 14px;
    font-size: 15px;
    border-radius: 6px
}

.btn-small {
    padding: 5px 9px;
    font-size: 11px;
    border-radius: 2px
}

.btn-mini {
    padding: 2px 6px;
    font-size: 10px;
    border-radius: var(--rounded-sm)
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.btn-primary.active, .btn-warning.active, .btn-info.active, .btn-inverse.active {
    color: #f8fafc
}

.btn-danger.active {
    color: rgba(187, 14, 27, 0.75)
}

.btn-success.active {
    color: rgba(83, 118, 0, 0.75)
}

.btn-primary, .btn-primary.dropdown-toggle {
    background-color: var(--button-primary-background);
    color: var(--button-primary-text)
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff7ad;
    background-image: linear-gradient(to bottom, #fff7ad, #fff7ad);
    background-repeat: repeat-x;
    border-color: #fff7ad #fff7ad #fff061;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    color: #fff;
    background-color: #fff7ad
}

.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffd4d0;
    background-image: linear-gradient(to bottom, #ffd4d0, #ffd4d0);
    background-repeat: repeat-x;
    border-color: #ffd4d0 #ffd4d0 #ff8e84;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    color: #fff;
    background-color: #ffd4d0
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e4fbb4;
    background-image: linear-gradient(to bottom, #e4fbb4, #e4fbb4);
    background-repeat: repeat-x;
    border-color: #e4fbb4 #e4fbb4 #caf76b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    color: #fff;
    background-color: #e4fbb4
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #c6ddff;
    background-image: linear-gradient(to bottom, #c6ddff, #c6ddff);
    background-repeat: repeat-x;
    border-color: #c6ddff #c6ddff #79afff;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    color: #fff;
    background-color: #c6ddff
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #000;
    background-image: linear-gradient(to bottom, #000, #000);
    background-repeat: repeat-x;
    border-color: #000 #000 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    color: #fff;
    background-color: #000
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    box-shadow: none
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: var(--text-action);
    border-radius: var(--rounded-sm)
}

.btn-link:hover {
    color: var(--link-color-hover);
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover {
    color: #2b2d2e;
    text-decoration: none
}

.btn {
    text-shadow: none
}

.btn.icon-and-text > .sicon {
    margin-right: 4px
}

.btn > .sicon {
    line-height: 12px
}

.btn > .sicon {
    width: 12px;
    height: 12px;
    display: inline-block;
    line-height: 12px;
    vertical-align: top
}

.btn > .sicon.icon-create {
    margin-right: 8px
}

.btn.addNote {
    display: flex;
    align-items: center
}

.btn.addNote > .sicon {
    margin-right: 4px
}

.btn:not(.disabled):hover.no-inset, .btn.focus.no-inset {
    box-shadow: none
}

.btn.active {
    color: #fff;
    text-shadow: none;
    box-shadow: none
}

.btn.active > .sicon {
    color: #fff
}

.btn.rowaction:not(.btn-primary) {
    line-height: 12px;
    padding: 7px
}

.btn.rowaction:not(.btn-primary).active:focus {
    outline: none
}

.btn.btn-invisible {
    background-image: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    box-shadow: none
}

.btn.btn-invisible:not(.disabled):hover {
    box-shadow: none;
    border-color: transparent;
    background-color: transparent;
    text-decoration: none
}

.btn.btn-invisible:not(.disabled):hover > .sicon {
    color: var(--sicon-hover-color);
    text-shadow: none
}

.btn.btn-invisible.more:hover, .btn.btn-invisible.less:hover {
    text-decoration: underline
}

.btn.btn-invisible.active {
    color: var(--sicon-active-color);
    box-shadow: none;
    background: #9ba1a6
}

.btn.btn-invisible.disabled {
    text-decoration: none;
    color: var(--sicon-color);
    opacity: 0.65
}

.btn.btn-invisible.btn-dark {
    background-color: var(--btn-dark-invisible-background);
    padding: 7px;
    line-height: 12px
}

.btn.btn-invisible.btn-dark:hover {
    background-color: var(--btn-dark-invisible-background-hover)
}

.btn.btn-invisible.btn-dark > .sicon {
    color: var(--sicon-color)
}

.btn.btn-link {
    color: var(--text-action)
}

.btn.btn-link:not(.disabled):not(.btn-invisible):hover {
    text-decoration: underline;
    color: var(--link-color-hover);
    box-shadow: none;
    background: var(--btn-background)
}

.btn.btn-link.inline-cancel:hover {
    background: var(--primary-content-hover-background)
}

.btn.btn-link.active, .btn.btn-link:not(.disabled):active {
    color: var(--text-action);
    background: transparent;
    box-shadow: none
}

.btn.btn-inline {
    padding: 0;
    margin: 0;
    border: none;
    height: auto;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    vertical-align: baseline
}

.btn-fixed {
    width: 178px;
    margin-right: 10px
}

.btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    color: #fff
}

.btn-info .sicon, .btn-info:hover .sicon, .btn-inverse .sicon, .btn-inverse:hover .sicon {
    color: #fff
}

.btn-warning, .btn-warning:hover {
    color: #201800
}

.btn-danger {
    color: #bb0e1b !important
}

.btn-danger:hover, .btn-danger:active {
    color: #5c070d !important
}

.btn-success {
    color: #537600 !important
}

.btn-success:hover, .btn-success:active {
    color: #0b1000 !important
}

.btn.btn-input-addon {
    z-index: 2;
    position: absolute;
    right: 0
}

input.required + .btn.btn-input-addon {
    border-bottom: 1px solid var(--border-base);
    border-top: 1px solid var(--border-base);
    border-right: 1px solid var(--border-base)
}

.btn.active {
    background: var(--btn-active-background)
}

.btn.btn-invisible.disabled {
    background: none
}

.btn.disabled > .sicon {
    color: var(--btn-disabled-color)
}

.btn.disabled.btn-primary > .sicon {
    color: inherit
}

.btn-primary {
    border: none
}

.btn.btn-secondary {
    background-color: var(--btn-secondary-background);
    border-color: var(--btn-secondary-border);
    color: var(--btn-secondary-color)
}

.btn.btn-secondary:hover {
    background-color: var(--btn-secondary-background-hover);
    border-color: var(--btn-secondary-border-hover);
    color: var(--btn-secondary-color-hover);
    box-shadow: none;
    background-image: none
}

.btn.btn-secondary:active:not(.disabled):not(.btn-invisible) {
    background: var(--btn-secondary-background-active)
}

.btn.btn-secondary:focus {
    background: var(--btn-secondary-background-hover)
}

.btn.btn-secondary.disabled, .btn.btn-secondary[disabled] {
    background-color: var(--btn-secondary-background-disabled);
    color: var(--btn-secondary-color-disabled)
}

.btn-group .btn-primary.dropdown-toggle .sicon, .btn-group.open .btn-primary.dropdown-toggle .sicon {
    color: var(--button-primary-text)
}

.actionmenu-checkbox {
    height: 12px
}

.btn.sort-order-selector {
    line-height: 12px;
    padding: 7px
}

.btn.favorite-button {
    line-height: 12px;
    padding: 7px
}

.btn.favorite-button:hover > .sicon:hover > .sicon, .btn.favorite-button.active:hover > .sicon, .btn.favorite-button:hover > .sicon > .sicon, .btn.favorite-button.active > .sicon {
    color: var(--sicon-hover-color)
}

.btn:not(.btn-primary):not(.btn-inverse):not(.btn-notification):not(.btn-invisible):not(.disabled):not(.active):hover .sicon {
    color: var(--sicon-hover-color)
}

.btn-group {
    border-radius: var(--rounded-sm);
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap
}

.btn-toolbar {
    font-size: 0;
    margin-top: 9px;
    margin-bottom: 9px
}

.btn-toolbar > .btn + .btn {
    margin-left: 5px
}

.btn-group > .btn {
    position: relative;
    border-radius: 0
}

.btn-group > .btn + .btn {
    margin-left: -1px
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px
}

.btn-group > .btn-mini {
    font-size: 10px
}

.btn-group > .btn-small {
    font-size: 11px
}

.btn-group > .btn-large {
    font-size: 15px
}

.btn-group > .btn:first-child {
    margin-left: 0;
    border-top-left-radius: var(--rounded-sm);
    border-bottom-left-radius: var(--rounded-sm)
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-top-right-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm)
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.btn-group > .btn:hover, .btn-group > .btn:focus {
    z-index: 2
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn-mini + .dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px
}

.btn-group > .btn-large + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn-group.open .btn.dropdown-toggle {
    background-color: var(--btn-secondary-background)
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #0679c8
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #fff7ad
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #ffd4d0
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #e4fbb4
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #c6ddff
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #000
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0
}

.btn-mini .caret, .btn-small .caret, .btn-large .caret {
    margin-top: 6px
}

.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px
}

.dropup .btn-large .caret {
    border-bottom-width: 5px
}

.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.btn-group::before, .btn-group::after {
    display: table;
    content: "";
    line-height: 0
}

.btn-group::after {
    clear: both
}

.btn-group .btn {
    position: relative;
    display: inline-block;
    margin-left: -1px;
    font-size: 12px;
    border-radius: 0
}

.btn-group .btn .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group span:first-child .btn, .btn-group > .btn:first-child:not(:last-of-type) {
    margin-left: 0;
    border-radius: var(--rounded-sm) 0 0 var(--rounded-sm)
}

.btn-group span:last-child .btn, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-top-right-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm)
}

.btn-group .btn.large:first-child {
    margin-left: 0;
    border-top-left-radius: var(--rounded-sm);
    border-bottom-left-radius: var(--rounded-sm)
}

.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
    border-top-right-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm)
}

.btn-group .btn:active, .btn-group .btn.active {
    z-index: 1
}

.btn-group .dropdown-toggle:active, .btn-group .dropdown-toggle.show {
    outline: 0
}

.btn-group .dropdown-menu.show {
    display: block;
    margin-top: 0
}

.btn-group > .btn + .dropdown-toggle {
    box-shadow: none
}

.btn-toolbar {
    padding-left: 20px
}

.btn-toolbar label, .btn-toolbar .label, .btn-toolbar .btn, .btn-toolbar .dropdown-menu {
    font-size: 12px
}

.btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group {
    margin-left: 8px
}

.btn-toolbar .dashlet-toolbar .label {
    font-size: 12px;
    font-weight: normal
}

.touch .dashlet-header .btn-group.open {
    position: static
}

.filter-actions .btn-group .btn {
    padding: 7px
}

.btn-group.refresh .btn, .btn-group.actions .btn {
    line-height: 12px;
    padding: 7px
}

.btn-group .btn.dropdown-toggle:active .dropdown-toggle, .btn-group.btn.open .dropdown-toggle {
    box-shadow: none
}

.btn-group.open .btn.btn-invisible:not(.disabled):not(.module-name):not(.dropdown-toggle):hover {
    background-color: var(--btn-active-background)
}

.tristate-checkbox {
    padding: 5px 0;
    position: relative
}

.tristate-checkbox .checkbox-label {
    margin-left: 20px
}

.tristate-checkbox input {
    position: absolute;
    cursor: pointer
}

.tristate-checkbox label {
    display: inline
}

.tristate-checkbox-config-tooltip {
    width: auto;
    padding: 2px
}

.tristate-checkbox-config-tooltip ul {
    margin: 6px 0 0;
    padding: 0;
    list-style: none
}

.tristate-checkbox-config-tooltip ul li {
    white-space: nowrap;
    padding-left: 6px
}

#config-accordion {
    margin-bottom: 0
}

#config-accordion .accordion-heading {
    height: 48px
}

#config-accordion .accordion-heading.active {
    background-color: var(--foreground-base)
}

#config-accordion .accordion-heading .accordion-toggle {
    padding: 14px 16px 16px 20px;
    background: var(--foreground-base);
    color: var(--text-base)
}

#config-accordion .accordion-heading .accordion-toggle .resetLink {
    color: var(--text-action)
}

#config-accordion .accordion-heading .accordion-toggle.collapsed {
    background: var(--headerpane-background)
}

#config-accordion .accordion-heading .accordion-toggle .resetLink:hover {
    text-decoration: underline
}

#config-accordion .accordion-heading .accordion-toggle:hover {
    text-decoration: none
}

#config-accordion .accordion-group {
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-base);
    border-right: none
}

#config-accordion .accordion-inner {
    padding-top: 10px;
    background-color: var(--foreground-base);
    border: none
}

#config-accordion fieldset {
    border: 1px dashed #d9dddf;
    padding: 8px 10px 0;
    margin-bottom: 10px
}

#config-accordion fieldset.disabled {
    border-color: #6f777b
}

#config-accordion .radioenum-inline {
    display: inline
}

#config-accordion .radioenum-inline label {
    display: inline-block;
    margin-right: 20px;
    font-size: 15px
}

.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 164px;
    list-style: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 8px 1px;
    overflow: hidden;
    background-color: #d9dddf;
    border-bottom: 1px solid #fff
}

.dropdown-menu li .btn {
    display: flex;
    align-items: center
}

.dropdown-menu li .btn .sicon {
    margin-right: 8px
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    text-decoration: none;
    color: var(--dropdown-link-color-hover);
    background-color: var(--dropdown-link-background-hover)
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    outline: 0;
    background-color: var(--dropdown-link-background-active)
}

.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
    color: var(--text-disabled-color)
}

.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    cursor: default
}

.open > .dropdown-menu {
    display: block
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 6px 6px
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    border-radius: 5px 5px 5px 0
}

.dropdown-submenu > a::after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--dropdown-submenu-background);
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover > a::after {
    border-left-color: var(--dropdown-link-color-hover)
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px
}

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px
}

.typeahead {
    z-index: 1051
}

.dropdown-menu {
    top: 100%;
    padding: 0;
    overflow: hidden
}

.dropdown-menu.left {
    left: auto;
    right: 0
}

.dropdown-menu.scroll {
    max-height: 333px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 200%;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.dropdown-menu h4.title {
    margin-top: -5px;
    padding: 5px 10px;
    text-shadow: none;
    font-size: 12px;
    color: #fff !important;
    border-radius: var(--rounded-sm) var(--rounded-sm) 0 0
}

.dropdown-menu ul {
    margin: 0;
    list-style: none
}

.dropdown-menu ul li {
    margin: 0;
    padding: 0
}

.dropdown-menu ul li.primary {
    border-top: 1px solid #6f777b
}

.dropdown-menu ul li label {
    margin-bottom: 0
}

.dropdown-menu li:first-child a {
    border-top: none
}

.dropdown-menu li.divider:last-child, .dropdown-menu li:last-child a {
    border-bottom: none
}

.dropdown-menu .sicon:not(.label-module) {
    width: 24px;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.dropdown-menu .menuitem-config > span {
    width: auto
}

.dropdown-menu .menuitem-config input {
    margin-left: auto;
    margin-right: 20px
}

.dropdown-menu a.disabled, .dropdown-menu a.disabled:hover {
    color: var(--text-disabled-color)
}

.dropdown-menu a.disabled .sicon, .dropdown-menu a.disabled:hover .sicon {
    color: var(--sicon-disabled-color)
}

.dropdown-menu a.disabled:hover {
    text-decoration: none;
    background-image: none;
    cursor: default;
    color: var(--text-disabled-color)
}

.dropdown-menu label.radio {
    color: #9ba1a6;
    padding-left: 0
}

.dropdown-menu label.radio.checked {
    color: #4d5154;
    font-weight: bold
}

.dropdown-menu label.radio i {
    color: rgba(0, 0, 0, 0)
}

.dropdown-menu label.radio.checked i {
    color: #4d5154
}

.dropdown-menu.custom a {
    display: inline !important;
    color: var(--text-action);
    border-top: 0
}

.dropdown-menu.custom li {
    line-height: 32px;
    padding: 0 10px
}

.dropdown-menu.custom li:hover, .dropdown-menu.custom .active {
    color: var(--dropdown-link-color-hover);
    background: var(--dropdown-link-background-hover)
}

.dropdown-menu.colorpicker {
    min-width: 120px
}

body.sugar-light-theme .dropdown-menu li > a:hover:not(.disabled), body.sugar-light-theme .dropdown-menu li > a:focus:not(.disabled), body.sugar-light-theme .dropdown-menu li > button:hover:not(.disabled), body.sugar-light-theme .dropdown-menu li > button:focus:not(.disabled), body.sugar-light-theme .dropdown-menu li > span > button:hover:not(.disabled), body.sugar-light-theme .dropdown-menu li > span > button:focus:not(.disabled), body.sugar-light-theme .dropdown-menu li > div > span > a:hover:not(.disabled), body.sugar-light-theme .dropdown-menu li > span > a:hover:not(.disabled), body.sugar-light-theme .dropdown-menu li > span > a:focus:not(.disabled), body.sugar-light-theme .dropdown-menu .active > a:not(.disabled), body.sugar-light-theme .dropdown-menu .active > span > a:not(.disabled), body.sugar-light-theme .dropdown-menu .active > a:hover:not(.disabled), body.sugar-light-theme .dropdown-menu .active > a:focus:not(.disabled), body.sugar-light-theme .dropdown-menu .active > span > a:hover:not(.disabled), body.sugar-light-theme .dropdown-menu .active > span > a:focus:not(.disabled) {
    text-decoration: none;
    color: var(--gray-800);
    font-weight: 600;
    background-color: var(--gray-100)
}

body.sugar-light-theme .dropdown-menu li > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > a:focus:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > button:hover:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > button:focus:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > span > button:hover:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > span > button:focus:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > div > span > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > span > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > span > a:focus:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu .active > a:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu .active > span > a:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu .active > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu .active > a:focus:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu .active > span > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu .active > span > a:focus:not(.disabled) .sicon:not(.label-module) {
    background-color: var(--blue-500);
    color: var(--white);
    border-radius: var(--rounded-sm)
}

body.sugar-light-theme .dropdown-menu li > a:active, body.sugar-light-theme .dropdown-menu li > button:active, body.sugar-light-theme .dropdown-menu li > span > button:active, body.sugar-light-theme .dropdown-menu li > div > span > a:active, body.sugar-light-theme .dropdown-menu li > span > a:active, body.sugar-light-theme .dropdown-menu .active > a:active, body.sugar-light-theme .dropdown-menu .active > span > a:active {
    text-decoration: none;
    color: var(--white);
    font-weight: 600;
    background-color: var(--blue-500)
}

body.sugar-light-theme .dropdown-menu li > a:active .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > button:active .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > span > button:active .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > div > span > a:active .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu li > span > a:active .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu .active > a:active .sicon:not(.label-module), body.sugar-light-theme .dropdown-menu .active > span > a:active .sicon:not(.label-module) {
    background-color: var(--blue-500);
    color: var(--white)
}

body.sugar-dark-theme .dropdown-menu li > a:hover:not(.disabled), body.sugar-dark-theme .dropdown-menu li > a:focus:not(.disabled), body.sugar-dark-theme .dropdown-menu li > button:hover:not(.disabled), body.sugar-dark-theme .dropdown-menu li > button:focus:not(.disabled), body.sugar-dark-theme .dropdown-menu li > span > button:hover:not(.disabled), body.sugar-dark-theme .dropdown-menu li > span > button:focus:not(.disabled), body.sugar-dark-theme .dropdown-menu li > div > span > a:hover:not(.disabled), body.sugar-dark-theme .dropdown-menu li > span > a:hover:not(.disabled), body.sugar-dark-theme .dropdown-menu li > span > a:focus:not(.disabled), body.sugar-dark-theme .dropdown-menu .active > a:not(.disabled), body.sugar-dark-theme .dropdown-menu .active > span > a:not(.disabled), body.sugar-dark-theme .dropdown-menu .active > a:hover:not(.disabled), body.sugar-dark-theme .dropdown-menu .active > a:focus:not(.disabled), body.sugar-dark-theme .dropdown-menu .active > span > a:hover:not(.disabled), body.sugar-dark-theme .dropdown-menu .active > span > a:focus:not(.disabled) {
    text-decoration: none;
    color: var(--gray-300);
    font-weight: 600;
    background-color: var(--gray-700)
}

body.sugar-dark-theme .dropdown-menu li > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > a:focus:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > button:hover:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > button:focus:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > span > button:hover:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > span > button:focus:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > div > span > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > span > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > span > a:focus:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu .active > a:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu .active > span > a:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu .active > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu .active > a:focus:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu .active > span > a:hover:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu .active > span > a:focus:not(.disabled) .sicon:not(.label-module) {
    background-color: var(--blue-800);
    color: var(--blue-300);
    border-radius: var(--rounded-sm)
}

body.sugar-dark-theme .dropdown-menu li > a:active:not(.disabled), body.sugar-dark-theme .dropdown-menu li > button:active:not(.disabled), body.sugar-dark-theme .dropdown-menu li > span > button:active:not(.disabled), body.sugar-dark-theme .dropdown-menu li > div > span > a:active:not(.disabled), body.sugar-dark-theme .dropdown-menu li > span > a:active:not(.disabled), body.sugar-dark-theme .dropdown-menu .active > a:active:not(.disabled), body.sugar-dark-theme .dropdown-menu .active > span > a:active:not(.disabled) {
    text-decoration: none;
    color: var(--gray-800);
    font-weight: 600;
    background-color: var(--blue-400)
}

body.sugar-dark-theme .dropdown-menu li > a:active:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > button:active:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > span > button:active:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > div > span > a:active:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu li > span > a:active:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu .active > a:active:not(.disabled) .sicon:not(.label-module), body.sugar-dark-theme .dropdown-menu .active > span > a:active:not(.disabled) .sicon:not(.label-module) {
    background-color: transparent;
    color: var(--gray-800)
}

.dropdown-menu::before, .dropdown-menu::after {
    display: none !important
}

.dropdown-menu.scroll {
    -webkit-overflow-scrolling: touch
}

.dropdown-toggle {
    line-height: 12px;
    padding: 7px
}

.dropdown-toggle .mystuff {
    margin-left: -10px
}

.omni-button .dropdown-toggle {
    padding: 0
}

.dropdown-inset {
    max-height: none;
    background-image: none;
    outline: 0;
    position: relative;
    margin: 0;
    padding-right: 0
}

.dropdown-inset a {
    color: var(--text-base)
}

.dropdown-inset li:first-child a {
    border-radius: 0
}

.dropdown-inset li > a {
    padding: 9px 20px;
    color: var(--text-base);
    margin-right: 0
}

.actions .dropdown-menu {
    left: auto;
    right: 0
}

.actions.actionmenu .dropdown-menu {
    left: 0;
    right: auto
}

.morecol .dropdown {
    width: 123px;
    padding-left: 4px
}

.morecol .dropdown.open .btn {
    box-shadow: none;
    background-color: #4d5154
}

.morecol .dropdown.open .btn > .sicon {
    color: #fff
}

.morecol .btn {
    margin: 0
}

.morecol .dropdown-menu button {
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    margin-left: 0
}

.morecol .dropdown-menu button.active {
    font-weight: bold
}

.morecol .dropdown-menu li.divider + li {
    border-top: 1px solid var(--border-base)
}

.multidate-picker {
    width: 100%
}

.multidate-picker .btn {
    margin-left: 0;
    border-radius: 3px 0 0 3px;
    border-right: none
}

.multidate-picker .dropdown {
    float: left
}

.multidate-picker .dropdown-menu {
    width: 285px;
    padding: 2px;
    top: 28px
}

.multidate-picker .multi-column-dropdown {
    width: 40px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.multidate-picker .multi-column-dropdown li {
    padding: 3px 0;
    text-align: center
}

.multidate-picker .multi-column-dropdown li a.selected {
    text-decoration: none;
    color: #2b2d2e;
    background-color: #9ba1a6
}

.multidate-picker .multidate-picked-items {
    overflow: hidden
}

.multidate-picker .select2-container .select2-choices {
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0
}

.multi-line-row .left-column {
    text-align: center
}

.multi-line-row .left-column .actions .dropdown-menu {
    left: 0;
    right: auto;
    top: 28px;
    text-align: left
}

.multi-line-row .left-column .actions.dropup .dropdown-menu {
    top: auto
}

.multi-line-row .left-column .actions .dropdown-toggle {
    border: 1px solid var(--border-base)
}

ul.activitystream-tag-dropdown li > a {
    display: flex
}

ul.activitystream-tag-dropdown li > a:hover {
    background-color: var(--dropdown-background);
    color: var(--text-base)
}

ul.activitystream-tag-dropdown .disabled > a, ul.activitystream-tag-dropdown .disabled > a:hover {
    background: var(--dropdown-disabled-background);
    color: var(--text-disabled-color)
}

ul.activitystream-tag-dropdown .disabled > a .add-on, ul.activitystream-tag-dropdown .disabled > a:hover .add-on {
    font-style: italic;
    display: inline;
    position: absolute;
    right: 10px
}

.sugar_tag {
    margin: 0 1px
}

.sugar_tag[contenteditable=false] {
    display: inline
}

.sugar_tag[contenteditable=false] a {
    cursor: default
}

.sugar_tagging {
    font-weight: bold
}

.table-cell.full-width {
    width: 100%
}

.dataTable {
    clear: both;
    width: 100%
}

.dashablerecord .dataTable tr td.edit-td, .multi-line-list-view .dataTable tr td.edit-td {
    padding-left: 0;
    padding-right: 0;
    z-index: 10
}

.dashablerecord .dataTable tr:not(.tr-inline-edit) td.edit-td .btn-group.edit, .multi-line-list-view .dataTable tr:not(.tr-inline-edit) td.edit-td .btn-group.edit {
    display: none
}

.dashablerecord .dataTable tr:not(.tr-inline-edit):not(:hover) td.edit-td .btn-group.detail, .multi-line-list-view .dataTable tr:not(.tr-inline-edit):not(:hover) td.edit-td .btn-group.detail {
    display: none
}

.dashablerecord .dataTable tr.tr-inline-edit td, .multi-line-list-view .dataTable tr.tr-inline-edit td {
    background-color: var(--dropdown-link-background-hover)
}

.dashablerecord .dataTable tr.tr-inline-edit td.edit-td .btn-group.detail, .multi-line-list-view .dataTable tr.tr-inline-edit td.edit-td .btn-group.detail {
    display: none
}

.dataTable th {
    line-height: 26px;
    min-width: 128px;
    max-width: 180px;
    font-size: 11px;
    color: var(--text-base)
}

.dataTable th.cell-xxsmall {
    min-width: 20px;
    max-width: 20px
}

.dataTable th.cell-xsmall {
    min-width: 40px;
    max-width: 40px
}

.dataTable th.cell-small {
    min-width: 68px;
    max-width: 68px
}

.dataTable th.cell-medium {
    min-width: 128px;
    max-width: 128px
}

.dataTable th.cell-large {
    min-width: 180px;
    max-width: 180px
}

.dataTable th.cell-xlarge {
    min-width: 280px;
    max-width: 280px
}

.dataTable th.cell-xxlarge {
    min-width: 460px;
    max-width: 460px
}

.dataTable th:last-child {
    border-right: none
}

.dataTable th.nosort.select-all {
    padding: 0
}

.dataTable th.nosort.select-all .btn-group {
    position: absolute;
    top: 0
}

.dataTable th.nosort.select-all .btn-group > .btn:first-child {
    padding-top: 7px;
    padding-bottom: 1px
}

.dataTable th.alert.alert-warning {
    background-color: var(--tab-background-hover-color);
    border-bottom: none;
    border-left: none;
    max-height: none;
    min-height: auto;
    position: static;
    box-shadow: none
}

.dataTable th.alert.alert-warning > div > span {
    font-size: 12px;
    display: table-cell;
    line-height: 16px;
    vertical-align: middle;
    padding: 4px 8px
}

.dataTable th.alert.alert-warning .btn-link:hover {
    background-color: var(--tab-background-hover-color)
}

.dataTable th > span, .dataTable th .sortable-row-header-column-name {
    display: inline-block;
    width: 100%;
    overflow-x: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
    font-weight: normal
}

.dataTable th .dropdown-menu {
    text-align: left;
    overflow-y: auto;
    max-height: 50vh
}

.dataTable th .btn input {
    line-height: 0
}

.dataTable th a {
    text-decoration: none;
    color: inherit
}

.dataTable td {
    height: 28px;
    max-width: 21px;
    padding: 4px 8px;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis
}

.dataTable td:last-child {
    border-right: 0
}

.dataTable td[data-type="currency"] {
    min-width: 155px !important;
    max-width: 100% !important
}

.dataTable td[data-type="currency"] .nodata, .dataTable td[data-type="currency"] .list {
    width: 100%;
    text-align: right;
    box-sizing: border-box
}

.dataTable td[data-type="bool"] {
    text-align: center
}

.dataTable td[data-type="bool"] .list {
    overflow-y: hidden
}

.dataTable td[data-type*="datetimecombo"] input[type="text"] {
    min-width: 0;
    z-index: 0
}

.dataTable td[data-type*="datetimecombo"] input[type="text"].datepicker {
    width: 50%;
    width: calc(55% - 3px);
    min-width: 0
}

.dataTable td[data-type*="datetimecombo"] input[type="text"].ui-timepicker-input {
    width: 40%;
    width: calc(45% - 3px);
    margin-left: -16px;
    min-width: 0
}

.dataTable td > span:not(.overflow-visible):not(.label-module) {
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle
}

.dataTable td > span:not(.overflow-visible):not(.label-module).pill {
    width: inherit
}

.dataTable td .btn-toolbar {
    margin: -5px 0 -10px
}

.dataTable td .select2-addon input[type="text"] {
    width: 95%;
    width: calc(100% - 80px)
}

.dataTable td .select2-addon .input-append input[type="text"] {
    width: 100%
}

.dataTable td .list .add-on {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2px
}

.dataTable td .list .add-on + .ellipsis_inline {
    display: inline-block !important;
    vertical-align: middle
}

.dataTable td .help-block {
    display: none
}

.dataTable td span.longtext {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.dataTable td input[type="text"] {
    min-height: 28px;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 6px
}

.dataTable td input[type="text"]:focus {
    z-index: 0
}

.dataTable td input[type=radio] {
    border: 0;
    margin: 4px 6px 4px 0
}

.dataTable td .datepicker {
    z-index: initial
}

.dataTable tfoot tr {
    border-top: 2px solid var(--border-base)
}

.dataTable tfoot th {
    white-space: normal;
    word-break: break-all
}

.dataTable tfoot td {
    font-weight: bold
}

.dataTable tfoot tr:first-child td {
    border-top: 2px solid #6f777b
}

.dataTable tfoot tr:first-child td .fieldset {
    display: flex;
    align-items: center
}

.dataTable tfoot tr.overall th {
    font-weight: bold
}

.dataTable tbody tr.highlighted.current td {
    background: var(--primary-content-hover-background)
}

.dataTable tbody tr.highlight-row td {
    background: var(--primary-content-hover-background)
}

.dataTable tbody tr.selected td:first-child::before {
    content: " ";
    position: absolute;
    z-index: 11;
    background: #fa374f;
    height: 36px;
    margin-top: -18px;
    width: 4px;
    left: 0
}

.dataTable tbody tr.tr-inline-edit td {
    overflow: visible;
    padding: 4px;
    background: var(--dropdown-link-background-hover);
    font-size: 0
}

.dataTable tbody tr.tr-inline-edit td .sicon-star-outline-lg, .dataTable tbody tr.tr-inline-edit td .sicon-star-fill-lg {
    display: none
}

.dataTable tbody tr.tr-inline-edit td .ui-timepicker-wrapper, .dataTable tbody tr.tr-inline-edit td .ellipsis_inline, .dataTable tbody tr.tr-inline-edit td .select2-container {
    font-size: 12px
}

.dataTable tbody tr.tr-inline-edit td:first-child .btn {
    margin-left: 0
}

.dataTable tbody tr.tr-inline-edit td:first-child > span.edit .btn {
    max-width: 56px;
    padding-left: 0;
    padding-right: 0
}

.dataTable tbody tr.tr-inline-edit td:last-child .btn {
    margin-left: 0;
    box-sizing: border-box
}

.dataTable tbody tr.tr-inline-edit td:last-child > span.edit {
    z-index: 2
}

.dataTable tbody tr.tr-inline-edit td:last-child > span.edit .btn {
    max-width: 56px
}

.dataTable tbody tr.tr-inline-edit td[data-type="textarea"] textarea {
    width: calc(100% - 12px);
    max-width: calc(100% - 12px);
    height: 18px;
    margin: 0
}

.dataTable tbody tr.tr-inline-edit td[data-type="fullname"] {
    min-width: 288px;
    max-width: 288px !important;
    box-sizing: content-box;
    height: 28px
}

.dataTable tbody tr.tr-inline-edit td[data-type="fullname"] span.edit-cell {
    display: inline-block
}

.dataTable tbody tr.tr-inline-edit td[data-type="fullname"] .edit-cell[data-type="enum"] {
    width: 80px
}

.dataTable tbody tr.tr-inline-edit td[data-type="fullname"] .edit-cell[data-type="text"] {
    width: 100px;
    margin-left: 4px
}

.dataTable tbody tr.tr-inline-edit td[data-type="fullname"] > .fieldset {
    display: flex;
    flex-direction: row
}

.dataTable tbody tr.tr-inline-edit td[data-type="relate"] {
    min-width: 150px;
    max-width: 150px !important
}

.dataTable tbody tr.tr-inline-edit td[data-type="date"] {
    min-width: 108px;
    max-width: 108px !important
}

.dataTable tbody tr.tr-inline-edit td[data-type="date"] input[type="text"] {
    width: 100%
}

.dataTable tbody tr.tr-inline-edit td[data-type*="datetimecombo"] {
    min-width: 180px;
    max-width: 180px !important
}

.dataTable tbody tr.tr-inline-edit td[data-type="currency"] {
    min-width: 185px !important;
    max-width: 185px !important
}

.dataTable tbody tr.tr-inline-edit td[data-type="parent"] {
    min-width: 200px;
    max-width: 200px !important
}

.dataTable tbody tr.tr-inline-edit td[data-type="file"] {
    min-width: 200px;
    max-width: 200px
}

.dataTable tbody tr.tr-inline-edit td[data-type="file"] input[type="file"] {
    width: 192px;
    padding: 5px 0;
    box-sizing: border-box
}

.dataTable tbody tr.tr-inline-edit td[data-type="file"] .edit .file-field {
    line-height: 1px
}

.dataTable tbody tr.tr-inline-edit td[data-type="enum"], .dataTable tbody tr.tr-inline-edit td[data-type="tag"] {
    min-width: 200px;
    max-width: 200px
}

.dataTable tbody tr.tr-inline-edit td[data-type="enum"] .select2-container.select2-dropdown-open, .dataTable tbody tr.tr-inline-edit td[data-type="tag"] .select2-container.select2-dropdown-open {
    min-width: 82px
}

.dataTable tbody tr.tr-inline-edit td[data-type="enum"] .select2-container-multi .select2-choices, .dataTable tbody tr.tr-inline-edit td[data-type="tag"] .select2-container-multi .select2-choices {
    display: flex;
    flex-flow: row wrap
}

.dataTable tbody tr.tr-inline-edit td[data-type="enum"] .select2-container-multi .select2-choices .select2-search-field, .dataTable tbody tr.tr-inline-edit td[data-type="tag"] .select2-container-multi .select2-choices .select2-search-field {
    flex: 0 1 60px
}

.dataTable tbody tr.tr-inline-edit td[data-type="enum"] .select2-container-multi .select2-choices .select2-search-field input, .dataTable tbody tr.tr-inline-edit td[data-type="tag"] .select2-container-multi .select2-choices .select2-search-field input {
    margin: 0;
    min-height: 22px;
    min-width: 50px
}

.dataTable tbody tr.tr-inline-edit td[data-type="enum"] .select2-container-multi.select2-choices-pills-close .select2-search-choice div, .dataTable tbody tr.tr-inline-edit td[data-type="tag"] .select2-container-multi.select2-choices-pills-close .select2-search-choice div {
    text-overflow: ellipsis;
    max-width: 116px;
    white-space: nowrap;
    overflow: hidden
}

.dataTable tbody tr.tr-inline-edit td[data-type="enum"] .select2-container-disabled .select2-choice, .dataTable tbody tr.tr-inline-edit td[data-type="tag"] .select2-container-disabled .select2-choice {
    color: #6f777b;
    cursor: not-allowed
}

.dataTable tbody tr.tr-inline-edit td[data-type="enum"] .select2-container-disabled .select2-choice .select2-arrow, .dataTable tbody tr.tr-inline-edit td[data-type="tag"] .select2-container-disabled .select2-choice .select2-arrow {
    display: none
}

.dataTable tbody tr.tr-inline-edit td[data-type="tags"] {
    min-width: 150px
}

.dataTable tbody tr.tr-inline-edit td[data-type="tags"] .select2-container-multi.select2-choices-pills-close {
    position: relative !important;
    top: 0
}

.dataTable tbody tr.tr-inline-edit td[data-type="teamset"] {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px
}

.dataTable tbody tr.tr-inline-edit td > span.nodata, .dataTable tbody tr.tr-inline-edit td > span.list {
    padding: 0 4px;
    display: inline-block;
    vertical-align: middle
}

.dataTable tbody tr.tr-inline-edit td > *:not(.overflow-visible) {
    overflow: visible
}

.dataTable tbody tr.tr-inline-edit td .input-append.date {
    margin-bottom: 0
}

.dataTable tbody tr.tr-inline-edit td input[type="text"] {
    width: 100%;
    min-width: 82px;
    font-size: 12px
}

.search-and-select.dataTable thead tr th .sortable-row-header-container .sortable-row-header-arrows {
    right: 0
}

.search-and-select.dataTable thead tr:hover td {
    background-color: var(--dropdown-link-background-hover)
}

.flex-records-layout {
    display: flex;
    flex-direction: column;
    height: 100%
}

.flex-list-view {
    position: relative;
    border-top: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base)
}

.flex-list-view .flex-list-view-content {
    overflow-x: auto
}

.flex-list-view .flex-list-view-content .dataTable {
    max-width: none
}

.flex-list-view .flex-list-view-content .no-data-available {
    line-height: 38px;
    text-align: center
}

.flex-list-view.left-actions .dataTable th:first-child, .flex-list-view.left-actions .dataTable td:first-child, .flex-list-view.right-actions .dataTable th:last-child, .flex-list-view.right-actions .dataTable td:last-child {
    text-align: center;
    overflow-x: visible
}

.flex-list-view.left-actions .dataTable th:first-child.open, .flex-list-view.left-actions .dataTable td:first-child.open, .flex-list-view.right-actions .dataTable th:last-child.open, .flex-list-view.right-actions .dataTable td:last-child.open {
    z-index: 999
}

.flex-list-view.left-actions .dataTable th:first-child .dropdown, .flex-list-view.left-actions .dataTable td:first-child .dropdown, .flex-list-view.right-actions .dataTable th:last-child .dropdown, .flex-list-view.right-actions .dataTable td:last-child .dropdown, .flex-list-view.left-actions .dataTable th:first-child > span, .flex-list-view.left-actions .dataTable td:first-child > span, .flex-list-view.right-actions .dataTable th:last-child > span, .flex-list-view.right-actions .dataTable td:last-child > span {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    background-color: inherit
}

.flex-list-view.left-actions .dataTable th:first-child .dropdown.open, .flex-list-view.left-actions .dataTable td:first-child .dropdown.open, .flex-list-view.right-actions .dataTable th:last-child .dropdown.open, .flex-list-view.right-actions .dataTable td:last-child .dropdown.open, .flex-list-view.left-actions .dataTable th:first-child > span.open, .flex-list-view.left-actions .dataTable td:first-child > span.open, .flex-list-view.right-actions .dataTable th:last-child > span.open, .flex-list-view.right-actions .dataTable td:last-child > span.open {
    z-index: 999
}

.flex-list-view.left-actions .dataTable th:first-child .dropdown .btn.btn-invisible.active, .flex-list-view.left-actions .dataTable td:first-child .dropdown .btn.btn-invisible.active, .flex-list-view.right-actions .dataTable th:last-child .dropdown .btn.btn-invisible.active, .flex-list-view.right-actions .dataTable td:last-child .dropdown .btn.btn-invisible.active, .flex-list-view.left-actions .dataTable th:first-child > span .btn.btn-invisible.active, .flex-list-view.left-actions .dataTable td:first-child > span .btn.btn-invisible.active, .flex-list-view.right-actions .dataTable th:last-child > span .btn.btn-invisible.active, .flex-list-view.right-actions .dataTable td:last-child > span .btn.btn-invisible.active {
    background-color: transparent !important
}

.flex-list-view.left-actions .dataTable th:first-child .dropdown, .flex-list-view.right-actions .dataTable th:last-child .dropdown, .flex-list-view.left-actions .dataTable th:first-child > span, .flex-list-view.right-actions .dataTable th:last-child > span {
    top: 0;
    padding: 7px
}

.flex-list-view.left-actions .dataTable th:first-child .btn.checkall, .flex-list-view.right-actions .dataTable th:last-child .btn.checkall {
    padding: 7px;
    line-height: 0;
    height: 12px
}

.flex-list-view.left-actions .dataTable td:first-child > span .fieldset-field, .flex-list-view.right-actions .dataTable td:last-child > span .fieldset-field {
    display: inline-block;
    vertical-align: top
}

.flex-list-view.left-actions .dataTable td:first-child > span .btn:hover, .flex-list-view.right-actions .dataTable td:last-child > span .btn:hover {
    box-shadow: none
}

.flex-list-view.left-actions .dataTable td:first-child > span .btn.active, .flex-list-view.right-actions .dataTable td:last-child > span .btn.active {
    background: none
}

.flex-list-view.left-actions .dataTable td:first-child > span .btn.active .sicon, .flex-list-view.right-actions .dataTable td:last-child > span .btn.active .sicon {
    color: var(--sicon-color)
}

.flex-list-view.left-actions .dataTable td:first-child > span > .list:first-child, .flex-list-view.right-actions .dataTable td:last-child > span > .list:first-child {
    background-color: inherit;
    display: inline-block;
    white-space: nowrap
}

.flex-list-view.left-actions .dataTable td:first-child > span .btn-group > .list + .btn, .flex-list-view.right-actions .dataTable td:last-child > span .btn-group > .list + .btn {
    margin-left: -1px
}

.flex-list-view.left-actions .dataTable td:first-child .actions > input[type=checkbox], .flex-list-view.right-actions .dataTable td:last-child .actions > input[type=checkbox] {
    margin: 8px
}

.flex-list-view.left-actions .dataTable td:first-child .actions .dropdown-menu, .flex-list-view.right-actions .dataTable td:last-child .actions .dropdown-menu {
    text-align: left;
    margin-top: -2px;
    left: 0;
    right: auto
}

.flex-list-view.left-actions .dataTable th:first-child, .flex-list-view.left-actions .dataTable td:first-child {
    width: 55px;
    min-width: 55px
}

.flex-list-view.left-actions .dataTable th:first-child .dropdown, .flex-list-view.left-actions .dataTable td:first-child .dropdown, .flex-list-view.left-actions .dataTable th:first-child > span, .flex-list-view.left-actions .dataTable td:first-child > span {
    width: 55px
}

.flex-list-view.left-actions .dataTable td:first-child .actions .dropdown-menu {
    left: 0;
    right: auto
}

.flex-list-view.right-actions .dataTable th:last-child {
    width: 70px;
    min-width: 70px
}

.flex-list-view.right-actions .dataTable th:last-child .dropdown {
    width: 54px
}

.flex-list-view.right-actions .dataTable td:last-child {
    width: 54px;
    min-width: 54px
}

.flex-list-view.right-actions .dataTable td:last-child .actions .dropdown-menu {
    left: auto;
    right: 0
}

.flex-list-view.right-actions .dataTable td:last-child .dropdown {
    width: 54px
}

.flex-list-view.left-actions.scroll-width .dataTable th:first-child .dropdown, .flex-list-view.left-actions.scroll-width .dataTable th:first-child > span {
    z-index: 11
}

.flex-list-view.left-actions.scroll-width .dataTable th:first-child .dropdown.open, .flex-list-view.left-actions.scroll-width .dataTable th:first-child > span.open {
    z-index: 999
}

.flex-list-view.left-actions.scroll-width .dataTable td:first-child > span {
    z-index: 10
}

.flex-list-view.left-actions.scroll-width .dataTable td:first-child > span.open {
    z-index: 999
}

.flex-list-view[class$="-actions"]:not(.scroll-width) .flex-list-view-content {
    overflow-x: visible
}

.flex-list-view .dataTable.duplicates tr {
    color: var(--dupelicate-table-content-color)
}

.flex-list-view .dataTable.duplicates tr:not(.current):not(.tr-inline-edit):not(.highlighted):hover td {
    background-color: var(--dupelicate-table-background)
}

.flex-list-view .dataTable.duplicates tr td {
    border-bottom: inherit
}

.flex-list-view .dataTable.duplicates th {
    border-right-color: #ffd74c
}

.flex-list-view .dataTable.duplicates th:first-child .btn.checkall:only-child {
    margin-left: 0
}

.flex-list-view .dataTable.duplicates tbody > tr > td {
    background-color: var(--dupelicate-table-background)
}

.flex-list-view .dataTable.duplicates.duplicates-selectedit th:first-child, .flex-list-view .dataTable.duplicates.duplicates-selectedit td:first-child {
    padding-left: 20px;
    max-width: 116px
}

.flex-list-view .dataTable.duplicates.duplicates-selectedit th:last-child, .flex-list-view .dataTable.duplicates.duplicates-selectedit td:last-child {
    width: 123px;
    min-width: 123px;
    max-width: 123px;
    padding-left: 4px
}

.flex-list-view .dataTable.duplicates.duplicates-selectedit th:last-child .dropdown {
    width: 119px
}

.flex-list-view .dataTable.duplicates.duplicates-selectedit th:last-child .dropdown-menu {
    right: 52px
}

.flex-list-view .dataTable.duplicates.duplicates-selectedit td:last-child > .list {
    width: 125px;
    padding-left: 2px
}

.flex-list-view .dataTable.duplicates.duplicates-selectedit td:last-child .fieldset-field .btn {
    max-width: 80px
}

.flex-list-view.forecast-worksheet .dataTable tbody tr:last-child td:last-child > span, .flex-list-view.forecast-manager-worksheet .dataTable tbody tr:last-child td:last-child > span {
    padding-bottom: 3px
}

.flex-list-view.forecast-worksheet .dataTable td[data-type="currency"], .flex-list-view.forecast-manager-worksheet .dataTable td[data-type="currency"] {
    min-width: 115px !important;
    box-sizing: border-box
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn, .flex-list-view.forecast-manager-worksheet .dataTable td.editableColumn {
    padding: 0 2px;
    min-width: 92px;
    box-sizing: border-box
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn span.list, .flex-list-view.forecast-manager-worksheet .dataTable td.editableColumn span.list, .flex-list-view.forecast-worksheet .dataTable td.editableColumn span.edit, .flex-list-view.forecast-manager-worksheet .dataTable td.editableColumn span.edit {
    width: 100%;
    box-sizing: border-box
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn span.list, .flex-list-view.forecast-manager-worksheet .dataTable td.editableColumn span.list {
    padding: 4px 8px 4px 14px
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn span.isEditable.edit, .flex-list-view.forecast-manager-worksheet .dataTable td.editableColumn span.isEditable.edit {
    padding: 4px 1px 4px 7px
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn span.isEditable:hover, .flex-list-view.forecast-manager-worksheet .dataTable td.editableColumn span.isEditable:hover {
    overflow: visible
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn span.isEditable:hover .edit-icon, .flex-list-view.forecast-manager-worksheet .dataTable td.editableColumn span.isEditable:hover .edit-icon {
    position: absolute;
    left: -2px;
    top: 7px
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn .clickToEdit.active span.edit, .flex-list-view.forecast-manager-worksheet .dataTable td.editableColumn .clickToEdit.active span.edit {
    display: inline-block
}

.flex-list-view.forecast-worksheet .dataTable td:last-child > .list > .list:first-child, .flex-list-view.forecast-manager-worksheet .dataTable td:last-child > .list > .list:first-child {
    width: 28px;
    right: 22px
}

.flex-list-view.forecast-worksheet .dataTable th:first-child, .flex-list-view.forecast-worksheet .dataTable td:first-child {
    padding-left: 14px
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn.commit_stage_field:first-child {
    max-width: 80px;
    padding-left: 6px
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn.commit_stage_field:first-child > span.list {
    padding-left: 10px;
    -ms-overflow-style: none
}

.flex-list-view.forecast-worksheet .dataTable td.editableColumn.commit_stage_field:first-child > span.edit {
    padding-left: 1px
}

.flex-list-view.forecast-worksheet .dataTable tr.included td {
    font-weight: bold
}

.flex-list-view.forecast-worksheet .dataTable tr.included td.commit_stage_field > span.list::before {
    width: 6px;
    background-color: #0679c8;
    position: absolute;
    height: 30px;
    left: -1px;
    content: "";
    top: -2px
}

.flex-list-view.forecast-worksheet .dataTable tr.included td.commit_stage_field > span:hover::before {
    display: none
}

.flex-list-view.forecast-manager-worksheet .dataTable tr[name$="_commit_history"] td:first-child:last-child {
    padding: 0;
    height: auto;
    background-color: var(--background-base)
}

.flex-list-view.forecast-manager-worksheet .dataTable tr[name$="_commit_history"] td:first-child:last-child .sicon-arrow-down::before {
    color: #fa374f
}

.flex-list-view.forecast-manager-worksheet .dataTable tr[name$="_commit_history"] td:first-child:last-child .sicon-arrow-up::before {
    color: #00ba83
}

.flex-list-view.forecast-manager-worksheet .dataTable tr[name$="_commit_history"] td:first-child:last-child .list {
    position: relative;
    color: var(--text-base);
    text-align: left;
    padding: 10px 20px;
    width: 100%;
    height: auto;
    margin: 0;
    border: none;
    box-sizing: border-box
}

.flex-list-view.forecast-manager-worksheet .dataTable tr[name$="_commit_history"] td:first-child:last-child .list .relativetime {
    color: var(--label-color);
    margin-left: 8px
}

.flex-list-view.forecast-manager-worksheet .dataTable th:last-child .dropdown {
    top: 1px
}

.multi-line-list-view .left-column {
    min-width: 46px;
    width: 30px
}

.touch .flex-list-view.no-touch-scrolling .flex-list-view-content {
    -webkit-overflow-scrolling: auto
}

.touch .flex-list-view.left-actions.scroll-width .dataTable th:first-child > span, .touch .flex-list-view.left-actions.scroll-width .dataTable td:first-child > span {
    transform: translate3d(0, 0, 0)
}

.touch .flex-list-view.right-actions.scroll-width .dataTable th:last-child .dropdown, .touch .flex-list-view.right-actions.scroll-width .dataTable th:last-child .dropdown {
    transform: translate3d(0, 0, 0)
}

.dataTable th > div.sortable-row-header-container {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center
}

.dataTable th > div.sortable-row-header-container .sicon-sugar-predict {
    margin-right: 3px;
    margin-bottom: 2px;
    color: #8f5ff5
}

.dataTable th > div.sortable-row-header-container .sortable-row-header-column-name {
    margin-right: 12px
}

.dataTable th > div.sortable-row-header-container .sortable-row-header-column-name .sicon-sugar-predict {
    margin-right: 3px;
    margin-bottom: 2px;
    color: #8f5ff5
}

.dataTable th > div.sortable-row-header-container .sortable-row-header-arrows {
    display: flex;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.dataTable th > div.sortable-row-header-container .sortable-row-header-arrows .sicon {
    display: none;
    color: #b8bcbe
}

.dataTable th.sorting {
    cursor: pointer
}

.dataTable th.sorting .ui-draggable {
    width: 100%
}

.dataTable th.sorting:hover .sortable-row-header-container .ui-draggable, .dataTable th.sorting:focus-within .sortable-row-header-container .ui-draggable {
    padding-right: 12px
}

.dataTable th.sorting:hover .sortable-row-header-container .sortable-row-header-arrows .sicon-arrow-down, .dataTable th.sorting:focus-within .sortable-row-header-container .sortable-row-header-arrows .sicon-arrow-down {
    display: inline;
    color: #b8bcbe
}

.dataTable th.sorting_asc, .dataTable th.sorting_desc {
    cursor: pointer;
    background-color: var(--primary-content-hover-background)
}

.dataTable th.sorting_asc:hover span, .dataTable th.sorting_desc:hover span, .dataTable th.sorting_asc:hover .sortable-row-header-container .sortable-row-header-arrows .sicon, .dataTable th.sorting_desc:hover .sortable-row-header-container .sortable-row-header-arrows .sicon {
    color: var(--sicon-hover-color)
}

.dataTable th.sorting_asc span, .dataTable th.sorting_desc span, .dataTable th.sorting_asc .sortable-row-header-container .sortable-row-header-arrows .sicon, .dataTable th.sorting_desc .sortable-row-header-container .sortable-row-header-arrows .sicon {
    color: var(--sicon-active-color);
    position: relative
}

.dataTable th.sorting_asc span, .dataTable th.sorting_desc span {
    font-weight: bold
}

.dataTable th.sorting_asc_disabled, .dataTable th.sorting_desc_disabled {
    cursor: default
}

.dataTable th.sorting_asc_disabled .sortable-row-header-container .sortable-row-header-arrows .sicon, .dataTable th.sorting_desc_disabled .sortable-row-header-container .sortable-row-header-arrows .sicon {
    color: #b8bcbe
}

.dataTable th.sorting_asc .sortable-row-header-container .sortable-row-header-arrows .sicon-arrow-up {
    display: inline;
    color: var(--sicon-active-color)
}

.dataTable th.sorting_asc .sortable-row-header-container .sortable-row-header-arrows .sicon-arrow-down {
    display: none
}

.dataTable th.sorting_desc .sortable-row-header-container .sortable-row-header-arrows .sicon-arrow-down {
    display: inline;
    color: var(--sicon-active-color)
}

.dataTable th.sorting_desc .sortable-row-header-container .sortable-row-header-arrows .sicon-arrow-up {
    display: none
}

.dataTable th:active {
    outline: none
}

.cell-xxsmall {
    min-width: 20px;
    max-width: 20px
}

.cell-xsmall {
    min-width: 40px;
    max-width: 40px
}

.cell-small {
    min-width: 68px;
    max-width: 68px
}

.cell-medium {
    min-width: 128px;
    max-width: 128px
}

.cell-large {
    min-width: 180px;
    max-width: 180px
}

.cell-xlarge {
    min-width: 280px;
    max-width: 280px
}

.cell-xxlarge {
    min-width: 460px;
    max-width: 460px
}

[data-type=phone] .gc-cs-link {
    color: inherit
}

.touch .flex-list-view.right-actions .dataTable th:last-child > span, .touch .flex-list-view.right-actions .dataTable th:first-child > *, .touch .flex-list-view.right-actions .dataTable th:last-child > .dropdown {
    height: 30px
}

.touch .flex-list-view.right-actions .dataTable td:last-child > * {
    -webkit-transform: translateZ(0)
}

span.email-has-attachments {
    float: right
}

.dataTable tbody tr {
    border-top: 1px solid var(--border-base)
}

.dataTable tbody tr.highlighted.current td {
    background-color: var(--primary-content-hover-background)
}

.dataTable.table-striped thead th.stick-left > span {
    border-right: none
}

.flex-list-view.right-actions.scroll-width .dataTable td:last-child .dropdown {
    border-left: 1px solid var(--border-base)
}

.flex-list-view th:last-child.morecol.nosort > .dropdown > .dropdown-toggle, .flex-list-view th:last-child.morecol.nosort > .dropdown > .btn.btn-invisible {
    width: 100%;
    height: 100%
}

div.audit-email {
    white-space: initial
}

div.audit-email div.ellipsis_inline {
    display: inline-block !important;
    width: calc(100% - 16px)
}

div.audit-email div.ellipsis_inline + a {
    float: right;
    margin-top: 2px
}

div.audit-email div.ellipsis_inline + a i {
    font-size: 14px
}

.dataTable.multi-line-table th {
    font-size: 13px;
    font-weight: bold;
    padding: 2px 4px
}

.dataTable.multi-line-table td.subfields {
    font-size: 13px;
    vertical-align: top;
    padding: 2px;
    overflow: hidden
}

.dataTable.multi-line-table td.subfields .subfield {
    padding: 2px
}

.dataTable.multi-line-table td.subfields .subfield .label {
    border: none;
    line-height: 16px;
    font-size: 13px
}

.dataTable.multi-line-table td.subfields .subfield .label.expired {
    color: #bb0e1b;
    background-color: #ffd4d0
}

.dataTable.multi-line-table td.subfields .subfield .label.soon-expired {
    color: #9b4617;
    background-color: #ffdebc
}

.stylesGray {
    color: #6f777b
}

.stylesSemiBold {
    font-weight: 600
}

.dashlet-content .frozen-list-headers .dashablerecord.dashlet-unordered-list {
    height: 100%
}

.dashlet-content .frozen-list-headers .dashablerecord.dashlet-unordered-list :not(.tab1) ~ .tab-content {
    height: calc(100% - 34px)
}

.dashlet-content .frozen-list-headers .dashablerecord.dashlet-unordered-list .tab-content {
    height: 100%
}

.dashlet-content .frozen-list-headers .dashablerecord.dashlet-unordered-list .tab-content .tab-pane.active {
    height: 100%
}

.dashlet-content .frozen-list-headers.list-view {
    position: relative
}

.dashlet-content .frozen-list-headers .dataTable {
    background-color: transparent
}

.dashlet-content .frozen-list-headers .dataTable thead tr {
    box-shadow: inset 0 1px 0 var(--border-base), inset 0 -2px 0 var(--border-base)
}

.dashlet-content .frozen-list-headers .dataTable th.sorting {
    background-color: var(--foreground-base)
}

.dashlet-content .frozen-list-headers .dataTable tr > td {
    background-color: transparent
}

.dashlet-content .sticky-first-column.list-view table.dataTable thead tr th:first-child, .dashlet-content .sticky-first-column .dashablerecord.dashlet-unordered-list table.dataTable thead tr th:first-child, .dashlet-content .sticky-first-column.dashlet-console-list table.dataTable thead tr th:first-child {
    position: sticky;
    left: 0;
    z-index: 12
}

.dashlet-content .sticky-first-column.list-view table.dataTable tbody tr td:first-child, .dashlet-content .sticky-first-column .dashablerecord.dashlet-unordered-list table.dataTable tbody tr td:first-child, .dashlet-content .sticky-first-column.dashlet-console-list table.dataTable tbody tr td:first-child {
    position: sticky;
    background-color: var(--foreground-base);
    left: 0;
    z-index: 12
}

.dashlet-content .sticky-first-column.list-view table.dataTable tbody tr.edit td:first-child, .dashlet-content .sticky-first-column .dashablerecord.dashlet-unordered-list table.dataTable tbody tr.edit td:first-child, .dashlet-content .sticky-first-column.dashlet-console-list table.dataTable tbody tr.edit td:first-child {
    background-color: var(--dropdown-link-background-hover)
}

.jstree, .jstree-sugar.tree-component {
    padding: 5px 8px
}

.jstree ul, .jstree-sugar.tree-component ul, .jstree li, .jstree-sugar.tree-component li {
    display: block;
    padding: 0;
    list-style-type: none
}

.jstree ul.jstree-open > ul, .jstree-sugar.tree-component ul.jstree-open > ul, .jstree li.jstree-open > ul, .jstree-sugar.tree-component li.jstree-open > ul {
    display: block
}

.jstree ul.jstree-closed > ul, .jstree-sugar.tree-component ul.jstree-closed > ul, .jstree li.jstree-closed > ul, .jstree-sugar.tree-component li.jstree-closed > ul {
    display: none
}

.jstree > ul > li, .jstree-sugar.tree-component > ul > li {
    margin-left: 0;
    padding: 1px 0
}

.jstree > ul > li:nth-last-child(1), .jstree-sugar.tree-component > ul > li:nth-last-child(1) {
    border-bottom: none
}

.jstree li > a, .jstree-sugar.tree-component li > a {
    display: inline-block;
    line-height: 16px;
    height: 16px;
    white-space: nowrap;
    text-decoration: none;
    padding: 1px 2px;
    margin: 0
}

.jstree li > a:focus, .jstree-sugar.tree-component li > a:focus {
    outline: none
}

.jstree li > a > .jstree-icon, .jstree-sugar.tree-component li > a > .jstree-icon {
    margin-right: 3px
}

.jstree li > a.btn-group, .jstree-sugar.tree-component li > a.btn-group {
    padding-right: 6px
}

.jstree ins, .jstree-sugar.tree-component ins {
    margin-right: 5px
}

.jstree ins::before, .jstree-sugar.tree-component ins::before {
    display: inline-block;
    font-family: 'SugarIcons';
    font-weight: normal;
    font-style: normal;
    height: 12px;
    margin: 0;
    padding: 0;
    width: 12px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased
}

.jstree ins.jstree-icon::before, .jstree-sugar.tree-component ins.jstree-icon::before {
    content: "\ea1c"
}

.jstree li.jstree-last, .jstree-sugar.tree-component li.jstree-last {
    background: transparent
}

.jstree li.jstree-leaf ins.leaf::before, .jstree-sugar.tree-component li.jstree-leaf ins.leaf::before {
    content: "\ea2c"
}

.jstree li.jstree-open input.jstree-rename-input, .jstree-sugar.tree-component li.jstree-open input.jstree-rename-input, .jstree li.jstree-closed input.jstree-rename-input, .jstree-sugar.tree-component li.jstree-closed input.jstree-rename-input, .jstree li.jstree-leaf input.jstree-rename-input, .jstree-sugar.tree-component li.jstree-leaf input.jstree-rename-input {
    top: 6px !important;
    left: 34px !important;
    padding-left: 5px !important
}

.jstree li.jstree-open > a > ins, .jstree-sugar.tree-component li.jstree-open > a > ins, .jstree li.jstree-closed > a > ins, .jstree-sugar.tree-component li.jstree-closed > a > ins, .jstree li.jstree-leaf > a > ins, .jstree-sugar.tree-component li.jstree-leaf > a > ins {
    display: none
}

.jstree li.jstree-open > ins::before, .jstree-sugar.tree-component li.jstree-open > ins::before {
    content: "\ebd2"
}

.jstree li.jstree-closed > ins::before, .jstree-sugar.tree-component li.jstree-closed > ins::before {
    content: "\ebd3"
}

.jstree li.jstree-leaf > ins::before, .jstree-sugar.tree-component li.jstree-leaf > ins::before {
    content: "\ebd4"
}

.jstree li.jstree-leaf.parent > ins::before, .jstree-sugar.tree-component li.jstree-leaf.parent > ins::before {
    content: "\ea6f"
}

.jstree li.jstree-closed > ins:hover, .jstree-sugar.tree-component li.jstree-closed > ins:hover, .jstree li.jstree-open > ins:hover, .jstree-sugar.tree-component li.jstree-open > ins:hover {
    cursor: pointer
}

.jstree li a.btn.jstree-contextmenu, .jstree-sugar.tree-component li a.btn.jstree-contextmenu, .jstree li a.btn.jstree-addnode, .jstree-sugar.tree-component li a.btn.jstree-addnode {
    padding: 4px
}

.jstree a.jstree-loading .jstree-icon, .jstree-sugar.tree-component a.jstree-loading .jstree-icon {
    background: url("styleguide/images/throbber-OjvQKHA.gif") center center no-repeat !important
}

.jstree .jstree-search, .jstree-sugar.tree-component .jstree-search {
    color: #517bf8;
    font-style: italic
}

.jstree .jstree-no-dots li, .jstree-sugar.tree-component .jstree-no-dots li, .jstree .jstree-no-dots .jstree-leaf > ins, .jstree-sugar.tree-component .jstree-no-dots .jstree-leaf > ins {
    background: transparent
}

.jstree .jstree-no-dots .jstree-open > ins, .jstree-sugar.tree-component .jstree-no-dots .jstree-open > ins {
    background-position: -18px 0
}

.jstree .jstree-no-dots .jstree-closed > ins, .jstree-sugar.tree-component .jstree-no-dots .jstree-closed > ins {
    background-position: 0 0
}

.jstree .jstree-no-icons a .jstree-icon, .jstree-sugar.tree-component .jstree-no-icons a .jstree-icon {
    display: none
}

.jstree .jstree-no-icons .jstree-checkbox, .jstree-sugar.tree-component .jstree-no-icons .jstree-checkbox {
    display: inline-block
}

.jstree .jstree-no-checkboxes .jstree-checkbox, .jstree-sugar.tree-component .jstree-no-checkboxes .jstree-checkbox {
    display: none !important
}

.jstree .jstree-checked > a > .jstree-checkbox, .jstree-sugar.tree-component .jstree-checked > a > .jstree-checkbox {
    background-position: -38px -19px
}

.jstree .jstree-checked > a > .jstree-checkbox:hover, .jstree-sugar.tree-component .jstree-checked > a > .jstree-checkbox:hover {
    background-position: -38px -37px
}

.jstree .jstree-unchecked > a > .jstree-checkbox, .jstree-sugar.tree-component .jstree-unchecked > a > .jstree-checkbox {
    background-position: -2px -19px
}

.jstree .jstree-unchecked > a > .jstree-checkbox:hover, .jstree-sugar.tree-component .jstree-unchecked > a > .jstree-checkbox:hover {
    background-position: -2px -37px
}

.jstree .jstree-undetermined > a > .jstree-checkbox, .jstree-sugar.tree-component .jstree-undetermined > a > .jstree-checkbox {
    background-position: -20px -19px
}

.jstree .jstree-undetermined > a > .jstree-checkbox:hover, .jstree-sugar.tree-component .jstree-undetermined > a > .jstree-checkbox:hover {
    background-position: -20px -37px
}

.jstree .jstree-locked a, .jstree-sugar.tree-component .jstree-locked a {
    color: #9ba1a6;
    cursor: default
}

.dashlet-options .dropdown-menu .jstree.jstree-sugar {
    padding: 0
}

.dashlet-options .dropdown-menu .jstree.jstree-sugar ul.list li {
    padding: 0;
    text-indent: 4px
}

.dashlet-options .dropdown-menu .jstree.jstree-sugar ul.list li > a {
    padding: 10px 0
}

.dashlet-options .dropdown-menu .jstree.jstree-sugar ul.list li.jstree-leaf > a {
    padding: 5px 0
}


#vakata-dragged.jstree-sugar ins {
    background: transparent
}

#vakata-contextmenu.jstree-sugar-context, #vakata-contextmenu.jstree-sugar-context li ul {
    background: #f1f3f4;
    border: 1px solid var(--border-base);
    -moz-box-shadow: 1px 1px 2px #9ba1a6;
    -webkit-box-shadow: 1px 1px 2px #9ba1a6;
    box-shadow: 1px 1px 2px #9ba1a6
}

#vakata-contextmenu.jstree-sugar-context a {
    color: #000
}

#vakata-contextmenu.jstree-sugar-context a:hover, #vakata-contextmenu.jstree-sugar-context .vakata-hover > a {
    padding: 0 5px;
    background: #f1f3f4;
    border: 1px solid #0679c8;
    color: #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

#vakata-contextmenu.jstree-sugar-context li.jstree-contextmenu-disabled a, #vakata-contextmenu.jstree-sugar-context li.jstree-contextmenu-disabled a:hover {
    color: #9ba1a6;
    background: rgba(0, 0, 0, 0);
    border: 0;
    padding: 1px 4px
}

#vakata-contextmenu.jstree-sugar-context li.vakata-separator {
    background: #fff;
    border-top: 1px solid var(--border-base);
    margin: 0
}

#vakata-contextmenu.jstree-sugar-context li ul {
    margin-left: -4px
}

.omnibar {
    padding: 10px;
    border-bottom: 1px solid var(--border-base);
    position: relative;
    z-index: 1
}

.omnibar .inputwrapper {
    position: relative;
    margin-left: 0
}

.omnibar .sayit {
    padding: 10px 68px 10px 10px;
    border: dashed 1px var(--border-base);
    color: var(--text-base);
    font-size: 12px;
    min-height: 18px
}

.omnibar .sayit:focus {
    border: 1px solid var(--border-base)
}

.omnibar .inputactions {
    position: absolute;
    top: 6px;
    right: 6px
}

.omnibar .inputactions > .btn {
    margin: 0
}

.omnibar::before, .omnibar::after {
    display: table;
    content: "";
    line-height: 0
}

.omnibar::after {
    clear: both
}

.subpanels-layout .subpanel td.stick-right {
    position: absolute
}

.subpanels-layout .subpanel tr:last-child td.stick-right {
    border-radius: 0 0 6px
}

.subpanels-layout .subpanel.closed .subpanel-list {
    display: none
}

.subpanels-layout .subpanel.empty .label {
    border: 1px solid var(--border-base);
    background: transparent;
    color: var(--text-disabled-color)
}

.subpanels-layout .subpanel.empty h4 {
    color: var(--text-disabled-color)
}

.subpanels-layout .subpanel.empty .count {
    color: var(--text-disabled-color)
}

.subpanels-layout .subpanel tbody {
    border-bottom: 1px solid var(--border-base)
}

.subpanels-layout .subpanel .more, .subpanels-layout .subpanel .more:hover {
    height: 42px;
    border: none;
    border-top: 1px solid var(--border-base);
    background-color: var(--primary-content-hover-background)
}

.subpanels-layout .subpanel .more.btn-link:hover {
    background-color: var(--primary-content-hover-background)
}

.subpanels-layout .subpanel .list-view {
    overflow: visible
}

.subpanels-layout .subpanel-header {
    height: 42px;
    display: block;
    cursor: pointer;
    position: relative
}

.subpanels-layout .subpanel-header h4 {
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0 8px
}

.subpanels-layout .subpanel-header .panel-field {
    margin: 13px 0 11px;
    padding-left: 5px
}

.subpanels-layout .subpanel-header .label-module {
    margin: 9px 10px
}

.subpanels-layout .subpanel-header a.btn {
    width: 28px;
    box-sizing: border-box;
    border: none;
    background: none
}

.subpanels-layout .subpanel-header a.btn:hover {
    box-shadow: none
}

.subpanels-layout .subpanel-header .btn-toolbar {
    margin: 7px 0 0;
    padding-left: 0;
    position: absolute;
    top: 0;
    right: 0
}

.subpanels-layout .subpanel-header .btn-toolbar > span[class^="panel-top"]:first-child {
    float: left
}

.subpanels-layout .subpanel-header .btn-toolbar > span[class^="panel-top"].panel-top:first-child:last-child {
    margin-right: 79px
}

.subpanels-layout .subpanel-header .btn-toolbar > .btn-group {
    margin-left: 16px;
    margin-right: 8px;
    position: relative
}

.subpanels-layout .subpanel-header .btn-toolbar > .btn-group.open {
    z-index: 999999
}

.subpanels-layout .subpanel-header .btn-toolbar > .btn-group:not(.open) {
    display: none
}

.subpanels-layout .subpanel-header .a11y-wrapper {
    height: 42px;
    width: calc(100% - 1px);
    box-sizing: border-box
}

.subpanels-layout .subpanel-header .a11y-wrapper:focus {
    outline: 3px solid #589bda;
    outline: 3px auto -moz-mac-focusring;
    outline: 3px auto -webkit-focus-ring-color;
    outline-offset: -3px
}

.subpanels-layout.ui-sortable .label-module {
    cursor: move
}

.subpanels-layout.ui-sortable .subpanel-header {
    cursor: move
}

.main-content .filtered .results {
    margin-bottom: 0
}

.subpanel .flex-list-view .dataTable td:last-child :not(.btn-group) > span > .rowaction.btn {
    float: right
}

.subpanel:not(.empty) .flex-list-view-container {
    overflow: hidden;
    border-radius: 0 0 .425rem .425rem
}

.subpanel.empty .scroll-width .dataTable {
    border-collapse: separate
}

.subpanel .block-footer {
    border-top: none
}

.subpanel.closed .flex-list-view {
    display: none
}

.subpanels-layout .subpanel.closed {
    background-color: var(--subpanel-background)
}

.subpanels-layout .subpanel.closed:hover {
    background-color: var(--subpanel-background-hover)
}

.subpanels-layout .subpanel:hover .dataTable th:not(.sorting_desc):not(.sorting_asc), .subpanels-layout .subpanel:hover .more:not(:hover) {
    background: var(--dashlet-background-hover)
}

.subpanels-layout .subpanel:hover tr:not(:hover):not(.tr-inline-edit) td, .subpanels-layout .subpanel:hover tr:not(:hover):not(.tr-inline-edit) td.sticky-column > span {
    background: var(--dashlet-background-hover)
}

.subpanels-layout .flex-list-view {
    border-top: 1px solid var(--border-base);
    border-bottom: none
}

.subpanels-layout .flex-list-view .dataTable tbody {
    border-bottom: none
}

.subpanels-layout .flex-list-view .dataTable tbody tr td.sticky-column:not(.stick-first) > span {
    background-color: var(--foreground-base)
}

.subpanels-layout .flex-list-view .dataTable tbody tr.highlighted.current td, .subpanels-layout .flex-list-view .dataTable tbody tr.highlighted.current td.sticky-column > span {
    background-color: var(--primary-content-hover-background)
}

.subpanels-layout .flex-list-view .dataTable tbody tr.tr-inline-edit td.sticky-column > span {
    background-color: var(--dropdown-link-background-hover)
}

.subpanels-layout .flex-list-view .dataTable tbody tr:not(.tr-inline-edit):hover td.sticky-column:not(.stick-first) {
    background: none
}

.subpanels-layout .flex-list-view .dataTable tbody tr:not(.tr-inline-edit):hover td.sticky-column:not(.stick-first) > span {
    background-color: var(--primary-content-hover-background)
}

.subpanels-layout .flex-list-view .dataTable tbody tr:not(.tr-inline-edit):last-child td, .subpanels-layout .flex-list-view .dataTable tbody tr:not(.tr-inline-edit):last-child td:first-child, .subpanels-layout .flex-list-view .dataTable tbody tr:not(.tr-inline-edit):last-child td:last-child {
    border-bottom: none
}

.subpanels-layout .flex-list-view .dataTable tbody tr:not(.tr-inline-edit):last-child td span, .subpanels-layout .flex-list-view .dataTable tbody tr:not(.tr-inline-edit):last-child td:first-child span, .subpanels-layout .flex-list-view .dataTable tbody tr:not(.tr-inline-edit):last-child td:last-child span {
    border-bottom: none
}

.subpanels-layout .tabbable.pagination {
    padding: 0
}

.subpanels-layout .tabbable ul:hover .subpanel-header .btn-toolbar > .btn-group, .subpanels-layout .tabbable ul:focus-within .subpanel-header .btn-toolbar > .btn-group {
    display: block
}

.subpanels-layout > .more-active .subpanel .more {
    border-radius: 0 0 .425rem .425rem;
    z-index: 10;
    position: relative
}

.subpanels-layout > .more-active .subpanel .flex-list-view-container {
    border-radius: 0
}

.subpanels-layout > div:not(.more-active) .flex-list-view:not(.scroll-width) tr:last-child .sticky-column.stick-left span {
    border-radius: 0 0 0 .425rem
}

.subpanels-layout > div:not(.more-active) .flex-list-view:not(.scroll-width) tr:last-child .sticky-column.stick-right span {
    border-radius: 0 0 .425rem
}

.subpanels-container .main-content {
    overflow: visible
}

.sugar-dark-theme .subpanels-container .subpanel:not(.closed) {
    border: 1px solid var(--border-base)
}

.dashlet-container .empty {
    padding: 16px 0;
    border: 3px dashed #9ba1a6;
    background-color: #fff;
    cursor: pointer
}

.dashlet-container .empty p {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #9ba1a6
}

.dashlet-container .empty p.header {
    line-height: 40px
}

.dashlet-container .empty .add-dashlet {
    color: #6f777b;
    text-align: center
}

.dashlet-container .empty .add-dashlet small {
    font-size: 12px
}

.dashlet-container .empty .add-dashlet strong {
    font-size: 60px;
    font-weight: 900
}

.dashlet-container .empty .add-dashlet strong i {
    color: #6f777b;
    display: inline-block;
    width: auto
}

.dashlet-container.active .dashlet.empty {
    background: #6f777b;
    border-color: #fff
}

.dashlet-container.active .dashlet.empty p, .dashlet-container.active .dashlet.empty strong i {
    color: #fff
}

.dashlet-container.active .dashlet:not(.empty)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    opacity: 0.5;
    z-index: 0
}

.dashlet-container.active .dashlet:not(.empty) .swappable-dashlet {
    display: block;
    position: absolute;
    width: 100%;
    font-size: 60px;
    font-weight: 900;
    text-align: center;
    top: 30%;
    color: #fff !important;
    text-shadow: 0 0 2px #000;
    z-index: 1
}

.dashlet-content {
    font-size: 12px;
    overflow: hidden;
    width: 100%;
    border-radius: 0 0 3px 3px
}

.dashlet-content > div {
    overflow: auto
}

.dashlet-content .search-container {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    height: auto
}

.dashlet-content .search-container .add-on.sicon-close {
    position: absolute;
    padding: 10px;
    right: 0;
    z-index: 1000
}

.dashlet-content .rss-feed ul {
    list-style-type: none;
    margin: 0 0 9px
}

.dashlet-content .rss-feed h4 {
    font-size: 12px
}

.dashlet-content .block-footer {
    border-top: none
}

.cspmessage {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #fa374f;
    padding: 6px
}

.dashlet {
    transition: 0
}

.dashlet:not(.collapsed):not(.empty) {
    min-height: 132px
}

.dashlet:not(.collapsed):not(.empty) .dashlet-console-list .console-list-view-table {
    overflow: auto;
    height: calc(100% - 39px)
}

.dashlet:not(.collapsed):not(.empty) .block-footer {
    min-height: 37px
}

.dashlet .dashlet-options {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-base);
    border-bottom: 1px solid var(--border-base);
    margin: 0
}

.dashlet .dashlet-options .btn .sicon {
    vertical-align: middle
}

.dashlet h4 {
    font-size: 1rem;
    border-radius: 3px 0 0 0
}

.dashlet .dashlet-options {
    padding: 0.5rem
}

.dashlet .dashlet-options.control-group .row-fluid [class*="span"] {
    max-width: 280px
}

.dashlet .dashlet-options.control-group [class*="span"]:first-of-type:last-of-type {
    min-width: 108px
}

.dashlet .dashlet-options.control-group .span6.hide + .span6 {
    min-width: 108px
}

.dashlet .dashlet-options.control-group .controls.controls-two.btn-group-fit {
    width: 100%
}

.dashlet.out {
    padding: 0
}

.dashlet.out h4 {
    border-radius: 3px;
    border-bottom: 0 !important
}

.dashlet.out .dashlet-content, .dashlet.out .dashlet-options {
    display: none
}

.dashlet p {
    margin: 0;
    padding: 0
}

.dashlet .details {
    font-size: 11px
}

.dashlet .details .name {
    margin-bottom: 4px;
    font-size: 14px;
    height: 16px;
    line-height: 16px
}

.dashlet .details .assigned-user-name span.list {
    display: inline-block;
    vertical-align: middle
}

.dashlet .details .assigned-user-name span.list .relate-field-container {
    padding: 0
}

.dashlet .btn.loading {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    float: none;
    margin-bottom: 20px
}

.dashlet .btn.loading::before, .dashlet .btn.loading::after {
    display: table;
    content: "";
    line-height: 0
}

.dashlet .btn.loading::after {
    clear: both
}

.dashlet .scroll {
    overflow: auto;
    min-height: 280px
}

.dashlet .btn-toolbar.pull-right {
    margin: 3px
}

.dashlet .btn-toolbar .btn {
    margin-left: 0
}

.dashlet .btn-toolbar .btn span {
    display: inline-block
}

.dashlet .unstyled {
    margin: 5px
}

.dashlet .unstyled li {
    margin: 10px
}

.dashlet .unstyled li .label, .dashlet .unstyled li .filetype-thumbnail {
    margin: 3px 12px 12px 0
}

.dashlet .unstyled li .label.pull-right {
    margin-right: 0
}

.dashlet .unstyled li .progress, .dashlet .unstyled li .progress .bar {
    height: 12px
}

.dashlet .unstyled li:last-child {
    border-bottom: none
}

.dashlet ul.unstyled, .dashlet ol.unstyled {
    margin: 0
}

.dashlet .listed {
    margin: 0;
    padding: 0
}

.dashlet .listed li {
    list-style: none;
    position: relative;
    border-bottom: 1px solid var(--border-base);
    margin: 0;
    padding: 14px
}

.dashlet .listed li:last-child {
    border-bottom: none
}

.dashlet .listed li .planned-activities .label {
    margin-bottom: 0
}

.dashlet .listed li .planned-activities .btn {
    margin-left: 0
}

.dashlet .listed li .planned-activities .btn-mini, .dashlet .listed li .invitation-actions .btn-mini {
    border: 1px solid #d9dddf;
    background-image: none;
    line-height: 12px;
    padding: 5px
}

.dashlet .listed li .planned-activities .btn-mini > .sicon, .dashlet .listed li .invitation-actions .btn-mini > .sicon {
    color: #9ba1a6
}

.dashlet .listed li .planned-activities .active.btn-mini, .dashlet .listed li .invitation-actions .active.btn-mini {
    border: 1px solid #9ba1a6;
    background-color: #d9dddf
}

.dashlet .listed li .planned-activities .active.btn-mini > .sicon, .dashlet .listed li .invitation-actions .active.btn-mini > .sicon {
    color: #4d5154
}

.dashlet .listed li .planned-activities .rowaction .btn-mini:hover, .dashlet .listed li .invitation-actions .rowaction .btn-mini:hover {
    background-color: #ffd4d0;
    border: 1px solid #bb0e1b
}

.dashlet .listed li .planned-activities .rowaction .btn-mini:hover > .sicon, .dashlet .listed li .invitation-actions .rowaction .btn-mini:hover > .sicon {
    color: #bb0e1b
}

.dashlet .listed li .planned-activities :not(.active).action-accept:hover, .dashlet .listed li .invitation-actions :not(.active).action-accept:hover {
    background-color: #baffcc;
    border: 1px solid #056f37
}

.dashlet .listed li .planned-activities :not(.active).action-accept:hover > .sicon, .dashlet .listed li .invitation-actions :not(.active).action-accept:hover > .sicon {
    color: #056f37
}

.dashlet .listed li .planned-activities :not(.active).action-tentative:hover, .dashlet .listed li .invitation-actions :not(.active).action-tentative:hover {
    background-color: #ffdebc;
    border: 1px solid #9b4617
}

.dashlet .listed li .planned-activities :not(.active).action-tentative:hover > .sicon, .dashlet .listed li .invitation-actions :not(.active).action-tentative:hover > .sicon {
    color: #9b4617
}

.dashlet .listed li .planned-activities :not(.active).action-decline:hover, .dashlet .listed li .invitation-actions :not(.active).action-decline:hover {
    background-color: #ffd4d0;
    border: 1px solid #bb0e1b
}

.dashlet .listed li .planned-activities :not(.active).action-decline:hover > .sicon, .dashlet .listed li .invitation-actions :not(.active).action-decline:hover > .sicon {
    color: #bb0e1b
}

.dashlet .listed li img {
    text-align: center
}

.dashlet .listed li .pull-left.avatar {
    font-size: 0;
    line-height: 0;
    margin-left: -44px
}

.dashlet .listed li p > .pull-left.label-module {
    margin-left: -44px
}

.dashlet .listed li .pull-left {
    margin-left: -40px
}

.dashlet .listed li .pull-left > i {
    left: 5px
}

.dashlet .listed li .label, .dashlet .listed li .filetype-thumbnail {
    margin: 3px 12px 12px 0
}

.dashlet .listed li p {
    padding-left: 44px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 16px
}

.dashlet .listed li .details {
    padding-left: 44px;
    line-height: 14px
}

.dashlet .listed li .progress, .dashlet .listed li .progress .bar {
    height: 12px
}

.dashlet .listed .dropdown-menu li {
    padding: 0
}

.dashlet .listed .dropdown-menu li a:hover {
    color: var(--dropdown-link-color-hover)
}

.dashlet .jstree-sugar ul.list {
    border-top: none;
    border-bottom: 1px solid var(--border-color-light)
}

.dashlet .jstree-sugar ul.list li {
    padding: 0
}

.dashlet .jstree-sugar ul.list li > a {
    padding: 12px 0;
    height: auto
}

.dashlet .jstree-sugar ul.list li.jstree-leaf > a {
    padding-left: 12px
}

.dashlet .accordion-group {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid var(--border-color-light)
}

.dashlet .accordion-inner div.dnb-subtitle {
    margin: 10px 0;
    line-height: 15px;
    overflow: hidden;
    padding: 0;
    font-weight: bold;
    color: #4d5154
}

.dashlet .accordion-inner h4 {
    font-weight: bold;
    margin: 0 0 0 -10px;
    color: #517bf8
}

.dashlet .accordion-inner .dnb-inner-nav {
    padding: 0
}

.dashlet aside {
    padding: 10px
}

.dashlet .webpage {
    display: block;
    line-height: 0;
    height: 100%;
    overflow: hidden
}

.dashlet .webpage iframe {
    border: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0 3px 3px
}

.dashlet .webpage .cspmessage {
    margin: 10px 10px 0;
    border: none
}

.dashlet .dataTable tr:last-child {
    border-bottom-width: 0
}

.dashlet .dataTable tr:last-child td:first-child {
    border-bottom-left-radius: 3px
}

.dashlet .dataTable tr:last-child td:last-child {
    border-bottom-right-radius: 3px
}

.dashlet .actions {
    position: relative
}

.dashlet .actions.btn-group.dashlet-toolbar:not(.fieldset) {
    top: 0
}

.dashlet .actions.btn-group.dashlet-toolbar:not(.fieldset).btn-group + .btn-group {
    margin-left: 0
}

.dashlet.expanded {
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 45px;
    z-index: 1000;
    margin: 0 !important
}

.dashlet.expanded .dashlet-content {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px
}

.dashlet.expanded svg {
    max-height: none
}

.dashlet.expanded svg text {
    font-size: 14px
}

.dashlet.expanded .sucrose .sc-x.sc-axis text {
    font-size: 12px
}

.dashlet.expanded a[data-toggle="dashlet"] {
    display: none
}

.dashlet.expanded h4.headerpane {
    font-size: 24px;
    padding: 20px 0 0 20px;
    box-sizing: border-box
}

.dashlet.expanded .btn-toolbar {
    margin: 16px 20px 0 8px
}

.dashlet.expanded.with-options .dashlet-content {
    top: 108px
}

.dashlet.expanded .dashlet-options {
    padding: 10px 20px
}

.news-article {
    padding: 10px;
    border-bottom: 1px solid var(--border-base)
}

.news-article:first-child {
    margin-top: 0
}

.news-article h5 {
    padding: 0;
    margin: 0
}

.news-article .avatar {
    float: left;
    width: auto;
    margin-right: 8px
}

.twitter-widget .news-article .header h5 {
    font-weight: normal;
    font-size: 11px
}

.twitter-widget .news-article .header h5 > a:first-child {
    float: left;
    padding: 0 6px 0 0
}

.twitter-widget .news-article .header .follow-button {
    padding-top: 8px
}

.twitter-widget .news-article .header a {
    color: #4d5154;
    font-weight: 200
}

.twitter-widget .news-article .body {
    margin: 0 0 6px
}

.twitter-widget .news-article .details a {
    color: #4d5154;
    margin-right: 4px
}

.twitter-widget .news-article .details a:hover i {
    text-decoration: none
}

.twitter-widget .news-article .footer {
    display: none
}

.twitter-widget .news-article .footer a {
    color: #4d5154
}

.twitter-widget .news-article .footer a:hover, .twitter-widget .news-article .footer a:active {
    color: #2b2d2e;
    text-decoration: none
}

.twitter-widget .news-article .footer .btn-mini {
    margin-left: 0;
    padding-right: 0;
    margin-top: -3px
}

.twitter-widget + .block-footer {
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    border-top: 1px solid var(--border-base)
}

.twitter-widget aside {
    margin: 0;
    padding-top: 6px;
    height: 30px
}

.twitter-widget aside input {
    width: auto;
    margin-left: 10px
}

.twitter-widget aside iframe {
    padding: 2px 0 0 2px
}

.side.sidebar-content .thumbnail.dashlet.ui-draggable-dragging:not(.collapsed) {
    max-height: 440px !important
}

.side.sidebar-content .thumbnail.dashlet.ui-draggable-dragging:not(.collapsed) .block-footer {
    font-weight: 500;
    text-align: left
}

.side .block .listed {
    margin: -10px 0 0
}

.dashlet {
    box-shadow: none
}

.dashlet h4, .dashlet .dashlet-options {
    color: var(--text-base)
}

.dashlet h4 {
    font-weight: 600
}

.dashlet .btn-toolbar.pull-right {
    margin: 3px
}

.dashlet .btn-toolbar .btn {
    margin-left: 0;
    padding: 3px
}

.dashlet .btn-toolbar .btn.dashlet-toggle {
    line-height: 12px;
    padding: 7px
}

.dashlet .btn-toolbar .btn span {
    display: inline-block
}

.product-catalog-quick-picks .recent-used-product .dashlet-tabs .dashlet-tab {
    font-size: 14px;
    padding: 5px;
    height: 30px
}

.product-catalog-quick-picks .recent-used-product .listed li {
    padding: 2px 0 0
}

.product-catalog-quick-picks .recent-used-product .tab-content {
    overflow-y: hidden
}

.product-catalog-quick-picks .recent-used-product .tab-content .active {
    height: 100%
}

.product-catalog-quick-picks .recent-used-product .tab-content .no-data {
    text-align: center;
    padding: 10px
}

.product-catalog-quick-picks .recent-used-product .tab-content .loading-data {
    text-align: center;
    padding-top: 20px
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer {
    text-align: center;
    padding: 0;
    border-top: 1px solid var(--border-base)
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer ul {
    box-shadow: none
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer nav {
    padding: 5px;
    margin: 0
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination {
    display: inline-block
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    width: 40%;
    background-color: var(--btn-secondary-background);
    color: var(--sicon-color);
    text-decoration: none;
    transition: 400ms ease
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button:hover {
    background-color: var(--btn-secondary-background-hover)
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button:active {
    background-color: var(--btn-secondary-background-active)
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button.disabled {
    background-color: var(--btn-secondary-background-disabled)
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button .previous-fav, .product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button .next-fav {
    color: var(--sicon-color);
    width: 8px;
    font-size: smaller
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button .previous-fav:hover, .product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button .next-fav:hover {
    background-color: var(--btn-secondary-background-hover);
    color: var(--sicon-hover-color)
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button .previous-fav:active, .product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button .next-fav:active {
    background-color: var(--btn-secondary-background-active);
    color: var(--sicon-active-color)
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button .previous-fav.disabled, .product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-aria-button .next-fav.disabled {
    color: var(--text-color-light);
    background-color: var(--btn-secondary-background-disabled)
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .nav-previous {
    padding: 3px 6px;
    border: 1px solid var(--border-base);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .nav-next {
    padding: 3px 6px;
    border: 1px solid var(--border-base);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .btn.active {
    background-color: #0679c8;
    color: #fff;
    border-radius: 5px
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-num-button {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    border: none;
    width: 40%;
    color: var(--text-base);
    background-color: var(--btn-secondary-background);
    padding: 6px 8px;
    text-decoration: none;
    transition: 400ms ease
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-num-button:hover {
    color: var(--text-color-hover);
    background-color: var(--btn-secondary-background-hover);
    border-radius: 5px
}

.product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .paginate-num-button.disabled {
    background-color: var(--text-color-light);
    color: var(--btn-secondary-background-disabled);
    border-radius: 5px
}

.product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list {
    padding: 6px;
    font-size: 12px;
    height: 80%;
    overflow: auto
}

.product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list .recent-records {
    display: flex;
    align-items: center;
    border-bottom: none;
    white-space: nowrap
}

.product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list .recent-records .recent-link {
    margin-left: 8px;
    margin-right: 8px;
    text-align: center
}

.product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list .recent-records .quick-picks-list {
    cursor: pointer
}

.product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list .recent-records .quick-picks-preview {
    display: none;
    color: var(--sicon-color);
    text-decoration: none
}

.product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list .recent-records .quick-picks-preview:hover {
    cursor: pointer;
    color: var(--sicon-hover-color)
}

.product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list .recent-records:hover .quick-picks-preview {
    display: inline-block
}

.product-catalog-quick-picks .dashlet-tabs .dashlet-tabs-row .dashlet-tab.active a > .tab-title {
    color: var(--text-base)
}

.dashlet-title.record-toolbar .record-cell[data-type="name"], .dashlet-title.record-toolbar .record-cell[data-type="fullname"] {
    margin-right: 1.5rem;
    margin-left: 0.5rem
}

.dashlet-title.record-toolbar .record-cell[data-type="avatar"] .image_rounded img, .dashlet-title.record-toolbar .record-cell[data-type="hint-contacts-photo"] .image_rounded img, .dashlet-title.record-toolbar .record-cell[data-type="image"] .image_rounded img {
    border-radius: 23px
}

.dashlet-title.record-toolbar .record-cell[data-type="avatar"] .label-module-btn, .dashlet-title.record-toolbar .record-cell[data-type="hint-contacts-photo"] .label-module-btn, .dashlet-title.record-toolbar .record-cell[data-type="image"] .label-module-btn {
    height: 18px;
    width: 18px;
    font-size: 9px;
    vertical-align: middle
}

.dashlet-title.record-toolbar .table-cell-wrapper {
    display: inline-block;
    font-size: 14px
}

.dashlet-title.record-toolbar .table-cell-wrapper .ellipsis_inline {
    padding: 0
}

.dashlet-title.record-toolbar .record-cell.edit[data-type="avatar"], .dashlet-title.record-toolbar .record-cell.edit[data-type="image"] {
    margin-right: 30px
}

.dashlet-title.record-toolbar .record-cell.edit[data-type="fullname"] .fieldset.edit {
    display: flex
}

.dashlet-title.record-toolbar .record-cell.edit[data-type="fullname"] span[data-fieldname="salutation"] {
    display: inline-block;
    min-width: 5rem;
    width: 20%
}

.dashlet-title.record-toolbar .record-cell.edit[data-type="fullname"] span[data-fieldname="first_name"], .dashlet-title.record-toolbar .record-cell.edit[data-type="fullname"] span[data-fieldname="last_name"] {
    display: inline-block;
    width: 40%
}

.dashablerecord .dashlet-tabs .dashlet-tabs-row .dashlet-tab {
    height: 30px
}

.dashablerecord.dashablerecord-config .dashlet-tabs-row .dashlet-tab {
    height: 35px
}

.dashablerecord.dashablerecord-config .dashlet-tabs-row .dashlet-tab a {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px
}

.dashablerecord.dashablerecord-config {
    float: left;
    border: 1px solid var(--border-base);
    margin: 10px;
    width: 75%;
    border-radius: var(--rounded-sm)
}

.dashablerecord-studio-text {
    margin-top: 10px;
    margin-right: 10px
}

.dashablerecord .record {
    padding: 13px
}

.dashablerecord .record .sicon-sugar-predict {
    margin-right: 3px;
    margin-bottom: 2px;
    color: #8f5ff5
}

.dashablerecord .dataTable tr td.edit-td {
    padding-left: 0;
    padding-right: 0;
    z-index: 10
}

.dashablerecord .dataTable tr:not(.tr-inline-edit) td.edit-td .btn-group.edit {
    display: none
}

.dashablerecord .dataTable tr:not(.tr-inline-edit):not(:hover) td.edit-td .btn-group.detail {
    display: none
}

.dashablerecord .dataTable tr.tr-inline-edit td {
    background-color: var(--dropdown-link-background-hover)
}

.dashablerecord .dataTable tr.tr-inline-edit td.edit-td .btn-group.detail {
    display: none
}

.dashablerecord div[data-name="follow_up_datetime"].record-cell span.record-edit-link-wrapper {
    width: 18vw;
    display: none
}

.dashablerecord div[data-type="follow-up-datetime-colorcoded"] {
    vertical-align: middle;
    padding: 0 0 0 8px
}

.dashablerecord div[data-type="follow-up-datetime-colorcoded"] .label {
    border: none;
    line-height: 16px;
    font-size: 13px
}

.dashablerecord div[data-type="follow-up-datetime-colorcoded"] .label.expired {
    color: #bb0e1b;
    background-color: #ffd4d0
}

.dashablerecord div[data-type="follow-up-datetime-colorcoded"] .label.soon-expired {
    color: #9b4617;
    background-color: #ffdebc
}

.dashablerecord div[data-type="case-status"] span.detail.label.pill {
    border: none;
    line-height: 16px;
    font-size: 13px;
    width: fit-content;
    min-height: 20px;
    height: 20px;
    padding: 2px 4px;
    margin: 0 0 0 8px
}

.active-subscriptions .subscription-entry {
    padding: 11px;
    border-bottom: 1px solid var(--border-base)
}

.active-subscriptions .subscription-entry .content-row {
    width: 100%
}

.active-subscriptions .subscription-entry .content-row .row-left {
    display: flex
}

.active-subscriptions .subscription-entry .content-row .row-cell {
    white-space: nowrap;
    vertical-align: middle
}

.active-subscriptions .subscription-entry .content-row .row-cell .timeline-active-subscription {
    border-top: 13pt solid #8f1988;
    margin-top: -13pt
}

.active-subscriptions .subscription-entry .content-row .row-cell .timeline-active-subscription > div {
    background: #d0d3d4;
    height: 13pt;
    margin-top: -13pt
}

.active-subscriptions .subscription-entry .content-row .secondary {
    overflow: hidden;
    text-overflow: ellipsis
}

.active-subscriptions .subscription-entry .content-row .pull-right {
    padding-left: 10px
}

.active-subscriptions .subscription-entry .content-row .currency-field {
    margin-left: 5px
}

.active-subscriptions .subscription-entry .content-row .currency-field .original {
    padding: 0
}

.active-subscriptions .subscription-entry .content-row .currency-field .converted {
    width: unset
}

.purchase-history .purchase-entry {
    border-bottom: 1px solid var(--border-base)
}

.purchase-history .purchase-entry .content-row {
    margin: 10px;
    display: flex
}

.purchase-history .purchase-entry .content-row .totals-label {
    color: var(--label-color);
    margin-right: 5px;
    display: inline
}

.purchase-history .purchase-entry .content-row .purchase-details {
    text-align: right
}

.purchase-history .purchase-entry .content-row .purchase-details-total {
    width: 30%;
    padding-left: 20px
}

.purchase-history .purchase-entry .content-row .purchase-details-quantity {
    width: 20%
}

.purchase-history .purchase-entry .content-row .purchase-details-date {
    width: 40%;
    min-width: 130px
}

.purchase-history .purchase-entry .content-row .purchase-details-date .relate-field-container {
    margin-left: auto
}

.purchase-history .purchase-entry .content-row .purchase-details-date .purchase-dates {
    padding-right: 32px
}

.purchase-history .purchase-entry .content-row .row-cell {
    white-space: nowrap;
    vertical-align: middle
}

.purchase-history .purchase-entry .content-row .row-cell .currency-field {
    display: inline
}

.purchase-history .purchase-entry .content-row .row-cell.purchase-name {
    width: 100%
}

.purchase-history .purchase-entry .content-row .pli-count {
    align-self: flex-end;
    margin-left: auto;
    padding-left: 10px
}

.purchase-history .purchase-entry .content-row .pli-count .pli-count-label {
    color: var(--text-action)
}

.purchase-history .purchase-entry .content-row .toggle-pli-list {
    cursor: pointer
}

.purchase-history .purchase-entry .pli-entries {
    background-color: var(--content-background);
    padding: 10px
}

.purchase-history .purchase-entry .pli-entries .pli-entry {
    margin: 0
}

.purchase-history .purchase-entry .pli-entries .pli-entry .loading {
    margin: 0 auto
}

.purchase-history .purchase-entry .pli-entries .pli-entry .show-more-plis {
    border: 0;
    padding: 0
}

.purchase-history .purchase-entry .pli-entries .pli-entry:not(:first-of-type) {
    margin-top: 10px
}

.purchase-history .purchase-entry .pli-entries .pli-entry:not(:last-of-type) {
    margin-bottom: 10px
}

.purchase-history .purchase-entry .pli-entries .pli-entry.pli-entry-centered {
    display: block;
    text-align: center
}

.purchase-history .purchase-entry span > .ellipsis_inline {
    display: inline
}

.purchase-history .listed > li {
    padding: 0
}

.dashlet-controls-header {
    padding: 10px;
    border-bottom: 1px solid var(--border-base);
    height: 30px;
    display: flex;
    align-items: center
}

.collapsed .dashlet-controls-header {
    display: none
}

.dashlet-controls-header .dashlet-controls-search {
    width: 50vw
}

.dashlet-controls-header .dashlet-controls-sort {
    display: flex;
    align-items: center;
    width: 50vw;
    margin-left: 10px
}

.dashlet-controls-header .dashlet-controls-sort .dashlet-controls-label {
    margin-right: 10px
}

.dashlet-controls-header .dashlet-controls-sort .select2-container {
    width: 100%
}

.dashlet-console-list .filter.controls.btn-group-fit.controls-two {
    padding-right: 36px
}

.dashlet-console-list .dashlet-console-list-row:hover {
    color: #145c95
}

.dashlet-console-list .dashlet-console-list-row:active {
    color: #093145
}

.activity-timeline:hover .timeline-filter-panel {
    background-color: var(--foreground-base)
}

.activity-timeline .timeline-filter-panel {
    justify-content: left
}

.activity-timeline .timeline-entry .static-contents {
    height: 35px;
    padding: 11px;
    border-bottom: 1px solid var(--border-base)
}

.activity-timeline .timeline-entry .static-contents.expanded {
    background-color: #f1f3f4
}

.activity-timeline .timeline-entry .static-contents .content-col.record-icon {
    width: 20px;
    height: 20px;
    padding: 6px;
    margin: 2px;
    background-color: #0679c8;
    border-radius: 50%;
    text-align: center
}

.activity-timeline .timeline-entry .static-contents .content-col.record-icon .sicon {
    color: #fff
}

.activity-timeline .timeline-entry .static-contents .content-col.record-text {
    width: calc(100% - 42px);
    font-size: 12px;
    line-height: 17px;
    margin-left: 42px
}

.activity-timeline .timeline-entry .static-contents .content-col.record-text .content-cell.primary {
    color: #000
}

.activity-timeline .timeline-entry .static-contents .content-col.record-text .content-cell.secondary {
    color: #9ba1a6
}

.activity-timeline .timeline-entry .static-contents .content-col.record-text .content-cell .row-cell {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.activity-timeline .timeline-entry .expanded-contents {
    border-bottom: 1px solid var(--border-base);
    padding: 6px
}

.activity-timeline .empty-activity {
    color: #4d5154
}

.activity-timeline .dashlet-footer {
    display: none
}

.activity-timeline .timeline-skeleton {
    background: var(--timeline-skeleton-loader) space var(--foreground-base);
    background-repeat: repeat-y;
    background-position: 8px 8px;
    height: inherit
}

.activity-timeline.hidden-overflow {
    overflow: hidden
}

.external-app-dashlet.config .panel_body {
    margin-bottom: 15px
}

.external-app-dashlet .error-msg {
    padding: 10px
}

.grid-stack > .grid-stack-item > .ui-resizable-handle {
    background: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.grid-stack > .grid-stack-item > .ui-resizable-handle[class*=' ui-resizable-']::before {
    font-family: 'SugarIcons';
    color: #6f777b;
    font-size: 12px
}

.grid-stack > .grid-stack-item > .ui-resizable-handle.ui-resizable-se {
    right: 4px
}

.grid-stack > .grid-stack-item > .ui-resizable-handle.ui-resizable-se::before {
    content: "\ea36"
}

.grid-stack > .grid-stack-item > .ui-resizable-handle.ui-resizable-sw {
    right: 4px
}

.grid-stack > .grid-stack-item > .ui-resizable-handle.ui-resizable-sw::before {
    content: "\ea37"
}

.dashlet-preview .dashlet-container {
    height: 350px;
    overflow: hidden
}

.dashlet-preview .dashlet-container .dashlet-content {
    overflow: scroll
}

.runtime-filter-toolbar.dashlet-runtime-filter {
    height: fit-content;
    min-height: 40px
}

.runtime-filter-toolbar.dashlet-runtime-filter .sicon.sicon-check-circle-line-lg {
    color: #00ba83
}

.dashlet-group-filter-widget {
    width: calc(100% - 26px);
    margin-left: 11px;
    border: solid 1px var(--border-base);
    border-radius: 3px
}

.dashboard-filter-group-container {
    max-height: 12rem
}

.dashlet-remove-group:hover {
    color: #0679c8
}

.collapsed-filter-group {
    justify-content: space-between
}

.filter-widget-headerpane:hover {
    background-color: var(--primary-content-hover-background);
    cursor: pointer
}

.filter-widget-headerpane:hover:not(.disabled-group) > div > i.dashlet-remove-group {
    visibility: visible
}

.filter-widget-headerpane:hover > div > i.dashlet-collapse-group {
    visibility: visible
}

.filter-widget-headerpane:hover > div > div > div > i.dashlet-collapse-group {
    visibility: visible
}

.filter-widget-headerpane:hover > div > div > div > i.dashlet-remove-group {
    visibility: visible
}

.filter-widget-toolbar {
    justify-content: flex-end
}

.dashlet-group-filter-widget:hover:not(.disabled-group) {
    border-color: #0679c8;
    border-radius: 3px;
    cursor: pointer
}

.dashlet-group-filter-widget:hover:not(.disabled-group) > div > div > i.dashlet-remove-group {
    visibility: visible
}

.dashlet-group-filter-widget:hover > div > div > i.dashlet-collapse-group {
    visibility: visible
}

.dashlet-group-filter-widget:hover > div > div > div > div > i.dashlet-collapse-group {
    visibility: visible
}

.dashlet-group-filter-widget:hover.disabled-group label {
    cursor: initial
}

body.sugar-dark-theme .dashlet-widget-highlight {
    border: 2px solid #79ade0;
    border-radius: 6px;
    border-color: #79ade0;
    box-shadow: 0 2px 8px 0 rgba(121, 173, 224, 0.005)
}

body.sugar-dark-theme .dashlet-group-filter-widget.hover-highlight:hover {
    border: 2px solid #79ade0;
    border-radius: 6px;
    border-color: #79ade0
}

body.sugar-light-theme .dashlet-widget-highlight {
    border: 2px solid #0679c8;
    border-radius: 6px;
    border-color: #0679c8;
    box-shadow: 0 2px 8px 0 rgba(6, 121, 200, 0.005)
}

body.sugar-light-theme .dashlet-group-filter-widget.hover-highlight:hover {
    border: 2px solid #0679c8;
    border-radius: 6px;
    border-color: #0679c8
}

.dashlet-group-edit label {
    display: inline-flex;
    height: 100%;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
    color: var(--text-base)
}

.dashlet-group-edit .dashlet-group-remove-field {
    height: fit-content;
    visibility: hidden
}

.dashlet-group-edit:hover {
    background-color: var(--primary-content-hover-background)
}

.dashlet-group-edit:hover .dashlet-group-remove-field {
    visibility: visible;
    color: #6f777b
}

.dashlet-group-edit:hover .dashlet-group-remove-field:hover {
    visibility: visible;
    color: #0679c8
}

.dashboard-group-edit-name {
    border-bottom: solid 1px var(--border-base);
    padding-bottom: 0.5rem
}

.dashboard-filters-multiselect-wrapper {
    border: solid 1px var(--border-base);
    margin: 10px
}

.dashboard-filters-multiselect-wrapper .select-all {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-base)
}

.dashboard-filters-multiselect-wrapper .items-center:hover {
    cursor: pointer;
    background-color: var(--foreground-base)
}

.dashboard-filters-multiselect-wrapper .item-selected.items-center {
    background-color: var(--tab-background-hover-color)
}

.dashboard-filters-multiselect-wrapper .item-selected.items-center:hover {
    background-color: var(--selected-tab-background-hover-color)
}

.dashlet-group-filter-widget-collapsed {
    background-color: var(--content-background);
    border-color: var(--border-base)
}

.dashlet-group-filter-widget-collapsed:hover {
    background-color: var(--primary-content-hover-background)
}

.filter-widget-group-headerpane:hover {
    background-color: var(--primary-content-hover-background);
    border-radius: 3px;
    cursor: pointer
}

.dashlet-group-active {
    width: calc(100% - 25px);
    border: solid 2px #0679c8;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer
}

.dashlet-group-invalid {
    border-color: #fa374f
}

.dashboard .btn.report-visibility-button {
    position: relative
}

body.safari-browser .dashboard .cols .preview-headerbar {
    z-index: initial
}

.preview-headerbar.home-headerpane .headerpane {
    min-height: 3rem;
    min-width: 320px;
    width: calc(100vw - 3.5rem - 3rem)
}

.datepicker-container > input {
    z-index: 200
}

.dfab {
    z-index: 2000;
    right: calc(1.5rem + 1.25rem);
    position: fixed;
    transition: all .4s
}

.dfab a {
    text-decoration: none !important
}

.dfab .dfab-title, .dfab .dfab-icon {
    z-index: 1;
    outline: 0 none !important
}

.dfab .dfab-content {
    z-index: 0
}

.dfab.expanded .dfab-content > * {
    opacity: 1;
    transition: transform .5s, opacity .7s
}

.dfab:not(.expanded) .dfab-content > * {
    opacity: 0;
    transform: translateY(0);
    transition: transform .5s, opacity .4s
}

.dfab.top {
    top: 10.75rem
}

.dfab.top .txt-top {
    display: none
}

.dfab.bottom {
    bottom: 1.25rem
}

.dfab.bottom .txt-bottom {
    display: none
}

.dfab .dfab-label {
    z-index: 1;
    height: 40px;
    line-height: 40px;
    right: 40px;
    position: absolute;
    padding: 0 40px 0 0;
    border-radius: 38px;
    transform: translateX(40px);
    font-size: 13px;
    white-space: nowrap;
    font-weight: normal;
    cursor: pointer;
    text-indent: 10px;
    box-shadow: 0 0 4px 0 #4d5154
}

.dfab .dfab-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    border-radius: 38px;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff
}

.dfab .dfab-icon:only-child {
    box-shadow: 0 0 4px 0 #4d5154
}

.dfab .dfab-title, .dfab .dfab-content {
    position: relative
}

.dfab .dfab-title > *, .dfab .dfab-content > * {
    right: 0;
    bottom: 0;
    height: 40px;
    position: absolute
}

.dfab .dfab-title > * > *, .dfab .dfab-content > * > * {
    height: 40px;
    min-width: 40px;
    border-radius: 38px;
    right: 0;
    position: absolute
}

.dfab .dfab-label {
    color: #fff
}

.dfab .dfab-content > *:not(.dfab-pin):hover .dfab-icon, .dfab .dfab-content > *:not(.dfab-pin):hover .dfab-label {
    background-color: #5a5a5a
}

.dfab .dfab-content > *:not(.dfab-pin):not(:hover) .dfab-icon, .dfab .dfab-content > *:not(.dfab-pin):not(:hover) .dfab-label {
    background-color: #5b5b5b
}

.dfab .dfab-title:hover .dfab-icon, .dfab .dfab-content .dfab-pin:hover .dfab-icon, .dfab .dfab-title:hover .dfab-label, .dfab .dfab-content .dfab-pin:hover .dfab-label {
    background-color: #005da6
}

.dfab .dfab-title:not(:hover) .dfab-icon, .dfab .dfab-content .dfab-pin:not(:hover) .dfab-icon, .dfab .dfab-title:not(:hover) .dfab-label, .dfab .dfab-content .dfab-pin:not(:hover) .dfab-label {
    background-color: #0679c8
}

.dfab .dfab-title > * .dfab-label, .dfab .dfab-content > * .dfab-label {
    overflow: hidden;
    transition: max-width .5s ease-in-out
}

.dfab .dfab-title > *:hover > * .dfab-label, .dfab .dfab-content > *:hover > * .dfab-label {
    max-width: 250px
}

.dfab .dfab-title > *:not(:hover) > * .dfab-label, .dfab .dfab-content > *:not(:hover) > * .dfab-label {
    max-width: 0
}

.dfab-button.disabled {
    display: none
}

.avatar, .avatar img {
    height: 24px;
    width: 24px;
    border-radius: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.avatar img {
    border: 2px solid var(--border-base)
}

img.avatar:-moz-broken, .avatar img:-moz-broken {
    visibility: hidden
}

.avatar-lg, .avatar-lg img {
    height: 42px;
    width: 42px
}

.avatar-md, .avatar-md img {
    height: 32px;
    width: 32px
}

.avatar-btn, .avatar-btn img {
    height: 28px;
    width: 28px
}

.avatar-sm, .avatar-sm img {
    height: 20px;
    width: 20px
}

.avatar-mini, .avatar-mini img {
    height: 16px;
    width: 16px
}

.card2 {
    margin: 0 0 10px
}

.card2 > span[sfuuid] {
    display: block;
    clear: left
}

.card2 .address > span[sfuuid] {
    display: block
}

.card2 form, .card2 input, .card2 select, .card2 textarea {
    position: relative;
    margin: 0
}

.card2 div [class^="span"] {
    position: relative
}

.card2 .extend + .row-fluid, .card2 .card2 span:last-child .row-fluid {
    border-bottom: none
}

.card2 .row-fluid .btn-small {
    margin-top: -4px;
    margin-right: 8px;
    height: 16px;
    width: 16px
}

.card2 .row-fluid, .card2 span .row-fluid {
    position: relative;
    padding: 8px 0 0
}

ul.list {
    list-style: none;
    padding: 0;
    margin: 0 0 10px
}

ul.list li {
    list-style: none;
    padding: 10px 0;
    margin: 0
}

dl.list {
    padding: 0;
    margin: 0 0 10px
}

dl.list dt {
    padding: 10px 0 0
}

dl.list dd {
    padding: 0 0 10px;
    margin: 0
}

.dash h4 {
    font-size: 15px;
    font-weight: normal
}

.dash .btn-toolbar.pull-right {
    margin-top: 5px
}

.main-pane .vcard2 {
    z-index: 0;
    position: relative
}

.more, .less {
    margin-left: 0
}

.more:hover, .less:hover {
    box-shadow: none;
    color: var(--text-action);
    text-decoration: none
}

.main-content > div > div > .block-footer {
    border-top: none
}

.main-content .more.btn-link {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    padding-left: 15px;
    text-align: left
}

.main-content .more.btn-link:hover {
    text-decoration: none;
    background: var(--btn-dark-invisible-background-hover)
}

.drag:hover {
    cursor: move
}

.dblclick input {
    padding: 8px;
    position: absolute;
    top: -4px;
    left: -4px;
    width: 80% !important;
    margin: 0;
    border: none
}

img.pull-right {
    margin: 0 0 8px 8px
}

img.pull-left {
    margin: 0 8px 8px 0
}

.ui-sortable-helper {
    opacity: 0.3
}

.ui-sortable .ui-sortable-placeholder:first-child {
    margin: 0
}

.ui-sortable .ui-sortable-placeholder {
    visibility: visible !important
}

.ui-sortable-placeholder * {
    visibility: hidden
}

.ui-draggable-dragging {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.4), -1px -1px 20px rgba(0, 0, 0, 0.1), 1px 1px 20px rgba(0, 0, 0, 0.1);
    z-index: 2
}

.titlebar {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #c5c9ca;
    background-image: linear-gradient(to bottom, #fff, #6f777b);
    background-repeat: repeat-x;
    border-color: #6f777b #6f777b #4b5053;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 3px 3px 0 0
}

.titlebar:hover, .titlebar:active, .titlebar.active, .titlebar.disabled, .titlebar[disabled] {
    color: #fff;
    background-color: #6f777b
}

.browser-support {
    max-width: 100%
}

h2 + table, h3 + table, h4 + table, h2 + .row {
    margin-top: 5px
}

.focused {
    border-color: #d6eeff;
    outline: 0
}

.docs-input-sizes select, .docs-input-sizes input[type=text] {
    display: block;
    margin-bottom: 9px
}

.width-auto {
    width: auto
}

hr.soften {
    height: 1px;
    margin: 54px 0;
    background: #f1f3f4;
    border: 0
}

.filter_init.duplicates {
    background: #f1f3f4
}

.filter_init.duplicates article#search_option_.filter-body {
    padding: 10px 10px 0
}

.filter_init.duplicates article#search_option_.filter-body > div {
    margin: 0
}

.filter_init.duplicates article#search_option_.filter-body.new .removeme {
    display: none
}

.logo img {
    height: inherit;
    vertical-align: middle
}

.logo #sugarcrm-logo .sc-left, .logo #sugarcrm-logo .sc-right, .logo #sugarcrm-logo .sc-top {
    fill: #f1f3f4;
    stroke-width: 0
}

.logo #sugarcrm-logo .sc-top {
    fill: #fa374f
}

.logo #sugarcrm-logo .sc-right, .logo #sugarcrm-logo .sc-light {
    fill: #9ba1a6
}

.logo #sugarcrm-logo .sc-left, .logo #sugarcrm-logo .sc-dark {
    fill: #2b2d2e
}

.divleft {
    border-left: 1px solid var(--border-base);
    padding-left: 2%;
    margin-right: -2.3%
}

.divleft .block {
    margin-right: 15px
}

.no-link {
    text-decoration: none;
    color: var(--text-base);
    cursor: text
}

.no-link:hover, .no-link:active, .no-link:visited {
    text-decoration: none;
    color: var(--text-base);
    cursor: text
}

.toggle-link .dupcheck {
    margin-right: 5px
}

#tutorial {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999998;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 1em #000, 0 0 1em #000
}

#tutorial .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.4
}

#tutorial #highlight {
    border-radius: 50%;
    width: 44px;
    height: 44px;
    border: 3px solid #fff;
    position: absolute
}

#tutorial #highlight #highlight-text {
    position: absolute;
    width: 200px;
    color: #fff;
    font-size: 14px;
    padding: 8px;
    border-radius: 3px;
    line-height: 1.25;
    background-color: rgba(0, 0, 0, 0.6)
}

#tutorial .text-container {
    top: 15%;
    position: absolute;
    left: 50%;
    width: 316px
}

#tutorial .text-container .text {
    position: relative;
    left: -50%;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    background-color: var(--navbar-background);
    padding: 10px;
    margin-left: -12px;
    text-shadow: none
}

#tutorial .text-container .resource-list {
    text-align: left
}

#tutorial #tutorial-controls {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    text-align: center
}

#tutorial #tutorial-controls .btn-group {
    display: inline-block
}

#tutorial #tutorial-controls .btn {
    min-width: 22px;
    min-height: 34px;
    line-height: 34px;
    box-shadow: none;
    border-color: #000;
    background-color: var(--navbar-background);
    background-image: none
}

#tutorial #tutorial-controls .btn span {
    margin-top: 3px
}

#tutorial #tutorial-controls .btn.done-btn {
    min-width: 80px
}

#tutorial #tutorial-controls .disabled {
    opacity: 1;
    background-color: var(--primary-content-background-accent);
    color: var(--navbar-background)
}

#headerbar, .view-info {
    position: relative
}

.noaccess .label, .erased .label {
    color: #fff;
    background-color: #4d5154
}

.noaccess .label a:hover, .erased .label a:hover {
    text-decoration: underline
}

.noaccess .label a:hover i, .erased .label a:hover i {
    color: var(--sicon-color)
}

.relativetime {
    color: #6f777b;
    font-size: 11px;
    font-weight: normal;
    display: inline-block
}

.preview-headerbar.shadow::after, .headerpane.shadow::after {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 100%;
    width: calc(100% + 1px);
    height: 5px;
    left: 0;
    top: auto;
    background-color: rgba(236, 236, 236, 0.46);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), #fff);
    background-repeat: repeat-x;
    background-color: rgba(0, 0, 0, 0)
}

#languageList {
    display: inline-block
}

#languageList .dropdown-menu {
    overflow-x: hidden;
    overflow-y: auto;
    bottom: 34px;
    left: 7px;
    top: auto
}

.block-footer {
    padding: 10px;
    margin-bottom: 0;
    text-align: center;
    border-top: 1px solid var(--border-color-light)
}

.block-footer::before, .block-footer::after {
    display: table;
    content: "";
    line-height: 0
}

.block-footer::after {
    clear: both
}

.block-footer .btn {
    margin: 0 auto !important
}

.block-footer a {
    margin: 0 auto !important;
    display: block;
    cursor: pointer;
    color: var(--text-base);
    width: 100%;
    height: 100%
}

.leading-h1 {
    padding-top: 40px
}

.leading-h2 {
    padding-top: 54px
}

.leading-h3 {
    padding-top: 54px
}

.leading-h4 {
    padding-top: 36px
}

.controls.has-refresh.btn-group-fit.controls-two {
    padding-right: 6.125rem
}

.controls.has-refresh.btn-group-fit .btn-group .btn {
    line-height: 12px;
    padding: 7px
}

.feedback.popover {
    background: var(--foreground-base);
    width: 370px;
    font-size: small
}

.feedback.popover .popover-content {
    padding: 12px 12px 6px
}

.feedback.popover .controls.span12 {
    margin-left: 0
}

.feedback.popover .controls.span12 textarea {
    width: 100%;
    min-height: 70px;
    box-sizing: border-box
}

.feedback.popover span.field-rating.edit {
    text-align: center;
    display: inherit
}

.feedback.popover span.field-rating.edit > i {
    font-size: 1.4em;
    margin: 0 2px;
    cursor: pointer
}

.feedback.popover span.field-rating.edit > i::before {
    color: #0679c8
}

.feedback.popover span.field-rating.edit > i:hover::before {
    color: var(--link-color-hover)
}

.feedback.popover .feedback-footer {
    line-height: 2em;
    margin-top: 10px
}

.feedback.popover aside {
    margin-top: 10px;
    line-height: 13px;
    margin-bottom: 5px;
    font-size: 11px;
    color: #6f777b;
    text-align: justify
}

.force-ltr {
    direction: ltr
}

.force-rtl {
    direction: rtl
}

.bidi-override {
    unicode-bidi: bidi-override
}

.bwc.layout, .bwc-frame {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0
}

#bwc-frame {
    background: transparent;
    border-width: 0
}

#tutorial .text-container .text {
    border: 1px solid #000
}

#tutorial .text-container .resource-list .resource-info a {
    color: #0679c8
}

#tutorial #tutorial-controls .btn.done-btn {
    color: inherit
}

#tutorial #tutorial-controls .disabled {
    background-color: #9ba1a6
}

.vcard-import {
    margin-left: 2.12765957%;
    margin-right: 2.12765957%
}

.vcard-import > div {
    line-height: 30px
}

.center-content {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center
}

.about-page::before {
    content: "";
    background-color: var(--foreground-base);
    background-image: var(--stack-logo-about);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: right top;
    height: 100%;
    position: absolute;
    width: 100%
}

@media (max-width: 768px) {
    .about-page::before {
        margin-top: -50px
    }
}

td.changed-value-highlight {
    background-color: #fff7ad
}

td.changed-value-highlight > span.list {
    color: #866500
}

[data-action="toggle"].label {
    cursor: pointer
}

.btn.active > .sicon, .btn-invisible.active > .sicon {
    color: #fff
}

.wide {
    width: 98%;
    text-align: center
}

.select2-search {
    display: flex;
    align-items: center;
    padding: .25rem .75rem
}

.select2-search::after {
    font-family: 'SugarIcons';
    content: "\ea3b";
    position: absolute;
    right: 1.25rem
}

.select2-search input[type="text"] {
    border: 1px solid var(--border-base) !important;
    position: relative
}

.select2-search input[type="text"]:focus {
    box-shadow: none;
    border: 1px solid var(--text-action) !important
}

.select2-search input[type="text"].select2-active {
    z-index: 2
}

.select2-container .select2-single-with-drop div b {
    background: none;
    background-position: 0 0
}

.select2-container.select2-dropdown-open {
    z-index: 1000;
    filter: none
}

.select2-container.select2-dropdown-open .select2-choice, .select2-container.select2-dropdown-open .select2-choices {
    border-radius: var(--rounded-md) var(--rounded-md) 0 0;
    filter: none
}

.select2-container.inherit-width {
    width: 100%
}

.select2-container.select2-dropdown-open.select2-drop-above .select2-choices {
    border-radius: 0 0 var(--rounded-md) var(--rounded-md)
}

.select2-container.select2-dropdown-open.select2-drop-above .select2-choice, .select2-container.select2-dropdown-open.select2-drop-above .select2-choices {
    filter: none
}

.select2-container .select2-choices {
    padding: 2px 4px 2px 2px;
    min-height: 22px;
    border: 1px solid var(--border-base);
    background-image: none;
    border-radius: var(--rounded-md)
}

.select2-container .select2-choices:focus {
    border: 1px solid var(--text-action) !important
}

.select2-container .select2-search-field {
    height: 20px
}

.select2-container .select2-search-field input {
    padding: 0 6px
}

.select2-container .select2-choice-type {
    margin: 0 2px 0 0;
    color: var(--text-base)
}

.select2-container.select2-choices-pills .select2-search-choice, .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice {
    margin: 1px 0 1px 4px;
    font-size: 12px;
    font-weight: bold;
    border: none;
    box-shadow: none;
    line-height: 12px;
    border-radius: 11px;
    background: #4d5154;
    color: #fff;
    padding: 2px 4px 2px 6px;
    white-space: nowrap
}

.select2-container.select2-choices-pills .select2-search-choice.select2-search-choice-focus, .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice.select2-search-choice-focus {
    outline: 0;
    background: #2b2d2e
}

.select2-container.select2-choices-pills .select2-search-choice.drag-drop-selected, .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice.drag-drop-selected {
    outline: 0;
    background: #0679c8
}

.select2-container.select2-choices-pills .select2-search-choice.select2-choice-danger, .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice.select2-choice-danger {
    background-color: #ffd4d0
}

.select2-container.select2-choices-pills .select2-search-choice.select2-choice-danger span::before, .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice.select2-choice-danger span::before {
    content: "\ea29";
    font-family: 'SugarIcons';
    color: #fff;
    padding-right: 3px
}

.select2-container.select2-choices-pills .select2-search-choice div {
    padding: 2px 0
}

.select2-container.select2-choices-pills .select2-search-choice span {
    border-radius: 10px 0 0 10px;
    background: #e5eaed;
    color: #4d5154;
    padding: 2px 4px 2px 6px;
    margin-right: 2px
}

.select2-container.select2-choices-pills .select2-search-choice a, .select2-container.select2-choices-pills .select2-search-choice span:last-child {
    border-radius: 0 10px 10px 0;
    padding: 2px 6px 2px 4px
}

.select2-container.select2-choices-pills .select2-search-choice span:last-child {
    background: #f1f3f4
}

.select2-container.select2-choices-pills .select2-search-choice a {
    background: #f1f3f4
}

.select2-container.select2-choices-pills .select2-search-choice a:hover {
    text-decoration: none
}

.select2-container.select2-choices-pills .select2-search-choice a.select2-search-choice-close {
    display: none
}

.select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice div {
    font-size: 11px;
    line-height: 13px;
    display: inline
}

.select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice div.ellipsis_inline {
    display: block
}

.select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice a.select2-search-choice-close {
    font-family: 'SugarIcons';
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    width: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #d9dddf;
    background: none;
    position: static;
    display: inline;
    vertical-align: middle
}

.select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice a, .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice a.select2-search-choice-close:hover {
    color: #fff
}

.select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice a.select2-search-choice-close::before {
    content: "\eacc"
}

.select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice.select2-locked {
    padding: 1px 4px !important;
    background: #4d5154;
    border: 1px solid #4d5154
}

.select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice.select2-locked div {
    color: #fff
}

.select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice.more {
    background-color: #0679c8;
    cursor: pointer
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments:not(.select2-container-active) .select2-choices {
    border: 1px solid transparent
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments .select2-search-choice {
    border-radius: var(--rounded-md);
    padding: 4px 24px 4px 6px;
    color: #4d5154;
    background-color: #e5eaed;
    font-weight: normal;
    margin: 1px 4px 1px 0;
    position: relative;
    line-height: 1px
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments .select2-search-choice.select2-search-choice-focus {
    background-color: #d9dddf
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments .select2-search-choice div {
    max-width: 200px;
    font-size: 13px;
    line-height: 20px
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments .select2-search-choice div .ellipsis-value {
    display: inline-block !important;
    float: left;
    max-width: 136px
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments .select2-search-choice div .ellipsis-extra {
    padding-left: 3px
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments .select2-search-choice a.select2-search-choice-close {
    font-family: 'SugarIcons';
    position: absolute;
    top: 8px;
    right: 6px;
    left: auto;
    color: inherit
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments .select2-search-choice a.select2-search-choice-close::before {
    content: "\eacc"
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments .select2-search-choice a.select2-search-choice-close:hover {
    color: #000
}

.select2-container.select2-container-multi.select2-choices-pills-close.attachments .select2-search-choice .select2-search-field input {
    margin: 0;
    min-height: 19px
}

.select2-container.select2-container-multi.select2-choices-pills-close.search-filter .select2-search-choice {
    height: 24px;
    margin: 0 0 4px;
    background: none;
    padding: 0;
    position: relative
}

.select2-container.select2-container-multi.select2-choices-pills-close.search-filter .select2-search-choice a.select2-search-choice-close {
    position: absolute;
    top: 1px;
    right: 4px;
    left: auto
}

.select2-container.select2-container-multi.select2-choices-pills-close.search-filter .select2-search-choice a.select2-search-choice-close::before {
    line-height: 12px;
    height: 12px;
    vertical-align: top;
    display: inline-block;
    margin-top: 3px;
    font-size: 12px
}

.select2-container.select2-container-multi.select2-choices-pills-close.search-filter .select2-search-choice div {
    background: none;
    padding: 2px 0
}

.select2-container.select2-container-multi.select2-choices-pills-close.select2-container-disabled .select2-choices .select2-search-choice div {
    padding-right: 6px
}

.select2-container.select2-container-multi.select2-choices-pills-close.select2-container-disabled .select2-choices .select2-search-choice.select2-locked div {
    padding-right: 0
}

.select2-container.select2-container-multi.select2-choices-pills-close.select2field .select2-search-field input.select2-active {
    background: transparent !important
}

.select2-container .select2-choice {
    filter: none;
    line-height: 26px;
    height: 26px;
    border-radius: var(--rounded-sm);
    padding-left: 6px;
    box-shadow: none
}

.select2-container .select2-choice:focus {
    border-color: var(--text-action)
}

.select2-container .select2-choice .select2-arrow {
    border: none;
    background: none;
    filter: none;
    font-size: 12px;
    border-radius: 0;
    margin-left: 4px;
    box-sizing: border-box;
    right: 6px;
    width: unset
}

.select2-container .select2-choice .select2-arrow b {
    display: flex;
    align-items: center;
    font-family: 'SugarIcons';
    font-size: 12px;
    line-height: 12px
}

.select2-container .select2-choice .select2-arrow b::before {
    content: "\eacd"
}

.select2-container .select2-choice abbr {
    position: absolute;
    top: 7px;
    right: 18px;
    margin-right: 6px;
    font-size: 12px;
    line-height: 12px;
    font-family: 'SugarIcons';
    display: none
}

.select2-container .select2-choice abbr::before {
    content: "\ea25"
}

.select2-container.select2-container-active.required .select2-choice {
    border-color: var(--text-action)
}

.select2-container.select2-container-active .select2-choice {
    border-color: var(--text-action);
    outline: 0
}

.select2-container.required .select2-choice {
    border-color: #6f777b
}

.select2-container.required .select2-choice:hover {
    border-color: #6f777b
}

.select2-container.required .select2-choice:focus {
    border-color: var(--text-action)
}

.selected_recipients .select2-container.select2-container-multi.select2-choices-pills-close.select2-container-disabled .select2-choices {
    background-color: #fff
}

.select2-drop-mask {
    z-index: 1051
}

.select2-drop {
    color: var(--text-color);
    border-color: var(--border-base);
    z-index: 1052;
    border-radius: 0 0 var(--rounded-md) var(--rounded-md)
}

.select2-drop.select2-drop-active {
    min-width: 50px;
    border-color: var(--text-action);
    outline: 0
}

.select2-drop.select2-drop-active.select2-narrow {
    border-top: 1px solid var(--text-action);
    width: auto !important;
    max-width: 200px
}

.select2-drop.select2-drop-active.select2-narrow.select2-parent {
    margin-left: -84px
}

.select2-drop .select2-results:last-child {
    border-radius: 0 0 var(--rounded-md) var(--rounded-md)
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 0
}

.select2-menu-only.select2-drop {
    border-radius: var(--rounded-md);
    border-top: 1px solid var(--text-action)
}

.select2-menu-only.select2-drop .select2-search-hidden + .select2-results {
    border-radius: var(--rounded-md)
}

.select2-drop-error {
    border-color: #bb0e1b
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 0 6px;
    box-sizing: border-box;
    position: absolute;
    height: 19px;
    margin: 2px 0
}

.select2-container-multi .select2-choices .select2-search-choice {
    filter: none;
    min-height: 15px
}

.select2-drop-bootstrap {
    border: none
}

.select2-drop-bootstrap .select2-results {
    margin-top: 8px;
    border: 1px solid var(--border-base)
}

.select2-drop-bootstrap .select2-results .result-selected {
    display: block;
    font-weight: bold
}

.select2-results {
    margin: 0;
    padding: 0;
    max-height: 235px
}

.select2-results .select2-result-label {
    padding: 8px 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.select2-results .select2-result-label .label-module-mini {
    margin: 1px 4px 0 0;
    float: left
}

.select2-results .select2-result-label .select2-result-status {
    float: right;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis
}

.select2-results li div {
    line-height: 24px
}

.select2-results li:last-child {
    border-bottom: none;
    border-radius: 0 0 var(--rounded-md) var(--rounded-md)
}

.select2-results > .select2-no-results, .select2-no-results, .select2-searching {
    padding: 0 0 0 8px;
    color: var(--gray-500);
    background-color: var(--content-background);
    border-radius: 0
}

.select2-drop-above .select2-results li:first-child {
    border-top: none;
    border-radius: var(--rounded-md) var(--rounded-md) 0 0
}

.select2-drop-above .select2-results li:last-child {
    border-bottom: none;
    border-radius: 0
}

.select2-container svg, .select2-results svg {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.chart-results .select2-results {
    max-height: 290px
}

.select2-results svg {
    display: inline;
    vertical-align: middle
}

.select2-container svg {
    display: block;
    padding: 3px
}

.select2-container .label-module-mini {
    display: block;
    margin-top: 5px
}

.select2-offscreen {
    position: absolute;
    left: -10000px;
    top: -1px
}

.select2-container .select2-choice .select2-chosen {
    margin-right: 20px
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px
}

.currency .select2-container .select2-choice .select2-chosen {
    min-width: 8px
}

.error .select2-container .select2-choice > .select2-chosen {
    margin-right: 38px
}

.error .select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 55px
}

.error .select2-container.select2-allowclear .select2-choice abbr {
    right: 36px
}

.error .currency .select2-container .select2-choice .select2-chosen {
    margin-right: 20px;
    min-width: 8px
}

.error .select2-container + .input-append {
    position: static;
    font-size: inherit
}

.error .select2-container + .input-append .add-on.error-tooltip, .error input.select2 + .add-on.error-tooltip {
    position: absolute;
    top: 3px;
    right: 17px;
    left: auto;
    background: transparent
}

.error .input-append .add-on.select2 {
    left: -38px
}

.select2-addon {
    min-height: 28px
}

.select2-addon .input-append {
    width: calc(100% - 6rem);
    float: left
}

.select2-addon .input-append input[type="text"] {
    width: 100%;
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0
}

.select2-addon > input[type="text"] {
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0;
    float: right;
    box-sizing: border-box;
    height: 28px
}

.record-cell .edit .select2-addon > input[type="text"] {
    width: calc(100% - 6rem)
}

.dataTable .edit .select2-addon > input[type="text"] {
    width: calc(100% - 6rem)
}

.select2-addon .edit {
    float: left
}

.select2-addon .edit.currency.list {
    width: auto
}

.select2-addon .select2-container .select2-choice {
    border-radius: var(--rounded-md) 0 0 var(--rounded-md);
    border-right: none
}

.error .select2-addon .select2-choice > div {
    margin-right: 0
}

.tags {
    margin: 0
}

.tags::before, .tags::after {
    display: table;
    content: "";
    line-height: 0
}

.tags::after {
    clear: both
}

.tags .tag-wrapper {
    float: left;
    max-width: 100%;
    padding: 3px 6px 4px;
    margin: 0 4px 4px 0;
    background: #4d5154;
    box-sizing: border-box;
    border-radius: 9999px
}

.tags .tag-wrapper .tag-name {
    font-size: 11px;
    line-height: 12px;
    color: #fff;
    font-weight: 600
}

.square-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 0.25rem;
    max-width: 100%;
    margin: 0 0 3px;
    padding: 3px 6px;
    box-sizing: border-box;
    color: var(--text-base);
    font-size: 12px;
    line-height: 1px;
    white-space: nowrap;
    background-color: var(--content-background);
    border: 1px solid var(--border-base);
    border-radius: var(--rounded-sm);
    cursor: default
}

.square-pill div, .square-pill a {
    max-width: 100%;
    color: inherit;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px
}

.square-pill a:hover {
    color: var(--text-base);
    text-decoration: none
}

.square-pill span.sicon {
    color: inherit;
    cursor: pointer
}

.square-pill span.sicon:hover {
    color: #000
}

.square-pill .ellipsis-value {
    display: inline-block !important;
    float: left;
    max-width: 136px
}

.square-pill .ellipsis-extra {
    padding-left: 3px
}

.select2-choices-pills-close.same-size-pills.select2-container.select2-container-multi .select2-choices {
    max-height: 60px;
    overflow-y: auto
}

.select2-choices-pills-close.same-size-pills.select2-container.select2-container-multi .select2-choices .select2-search-choice {
    padding-right: 15px;
    width: 70px
}

.select2-choices-pills-close.same-size-pills.select2-container.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
    position: absolute;
    right: 2px;
    left: auto
}

.drag-drop-select2-helper {
    background: transparent;
    border-radius: 11px;
    z-index: 2
}

.drag-drop-select2-helper span {
    font-size: 11px;
    font-weight: bold;
    box-shadow: none;
    line-height: 12px;
    border-radius: 11px;
    background: #0679c8;
    color: #fff;
    padding: 2px 4px 2px 6px;
    white-space: nowrap;
    outline: 0;
    display: none
}

.drag-drop-select2-helper span:nth-child(1) {
    display: block;
    position: relative;
    z-index: 3
}

.drag-drop-select2-helper span:nth-child(2) {
    top: 2px;
    background: #9ba1a6;
    left: 2px;
    right: -2px;
    z-index: 2
}

.drag-drop-select2-helper span:nth-child(3) {
    top: 4px;
    background: #f1f3f4;
    left: 4px;
    right: -4px;
    z-index: 1
}

.drag-drop-select2-helper span:nth-child(2), .drag-drop-select2-helper span:nth-child(3) {
    display: block;
    position: absolute;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #d9dddf;
    color: transparent
}

.select2-loading {
    padding: 5px 7px
}

.select2-container .select2-choice.select2-default {
    color: var(--gray-500)
}

.select2-container .select2-choice {
    color: var(--text-base);
    background: var(--select2-background);
    border-color: var(--border-base)
}

.select2-container .select2-choice abbr, .select2-container .select2-choice b {
    color: var(--sicon-color)
}

.select2-container .select2-choice:hover {
    background-color: var(--select2-background-hover);
    border-color: var(--border-color-focus)
}

.select2-container .select2-choice:hover abbr, .select2-container .select2-choice:hover b {
    color: var(--sicon-hover-color)
}

.select2-results li div:hover, .select2-results li div:active, .select2-results .select2-highlighted {
    text-decoration: none;
    font-weight: 600
}

.select2-results .sicon {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--rounded-sm)
}

body.sugar-light-theme .select2-drop {
    background-color: var(--white)
}

body.sugar-light-theme .select2-results li div:hover, body.sugar-light-theme .select2-results .select2-highlighted {
    color: var(--gray-800);
    background-color: var(--gray-100)
}

body.sugar-light-theme .select2-results li div:hover .sicon, body.sugar-light-theme .select2-results .select2-highlighted .sicon {
    background-color: var(--blue-500);
    color: var(--white)
}

body.sugar-light-theme .select2-results li div:active {
    color: var(--white);
    background-color: var(--blue-500)
}

body.sugar-light-theme .select2-results li div:active .sicon {
    background-color: var(--blue-500);
    color: var(--white)
}

body.sugar-dark-theme .select2-drop {
    background-color: var(--gray-800)
}

body.sugar-dark-theme .select2-results li div:hover, body.sugar-dark-theme .select2-results .select2-highlighted {
    color: var(--gray-300);
    background-color: var(--gray-700)
}

body.sugar-dark-theme .select2-results li div:hover .sicon, body.sugar-dark-theme .select2-results .select2-highlighted .sicon {
    background-color: var(--blue-800);
    color: var(--blue-300)
}

body.sugar-dark-theme .select2-results li div:active {
    color: var(--gray-800);
    background-color: var(--blue-400)
}

body.sugar-dark-theme .select2-results li div:active .sicon {
    background-color: transparent;
    color: var(--gray-800)
}

.search-filter .filter {
    display: table;
    width: 100%;
    box-sizing: border-box
}

.search-filter .control-group {
    padding: 5px 8px;
    margin-bottom: 0
}

.subpanels-container:not(.btn-group) {
    border-top: 1px solid var(--border-base);
    padding: .75rem 1rem 0
}

.subpanels-container:not(.btn-group) .search-filter .control-group {
    background: none;
    padding: 0
}

.subpanels-container:not(.btn-group) .search-filter .control-group .filter-view {
    border: none
}

.filter-view {
    position: relative;
    white-space: nowrap;
    margin-left: 0;
    margin-bottom: 0;
    overflow: hidden;
    min-height: 28px;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.filter-view .table-cell {
    vertical-align: top;
    padding: 3px 0
}

.filter-view .table-cell.full-width {
    padding: 0
}

.filter-view .choice-related, .filter-view .choice-filter {
    padding: 4px;
    display: inline-block;
    height: 20px;
    box-sizing: border-box;
    white-space: nowrap;
    margin-top: 0;
    margin-right: 3px;
    font-size: 11px;
    font-weight: bold;
    line-height: 10px;
    border-width: 0;
    color: #fff;
    cursor: text
}

.filter-view .choice-related.choice-filter-clickable:focus, .filter-view .choice-filter.choice-filter-clickable:focus {
    outline: 3px auto #517bf8;
    outline: 3px auto -moz-mac-focusring;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
}

.filter-view .choice-related .choice-filter-close, .filter-view .choice-filter .choice-filter-close {
    font-size: 14px;
    height: 12px;
    width: 16px;
    display: inline-block;
    margin: -2px -2px 0 0
}

.filter-view .choice-related .choice-filter-close:focus, .filter-view .choice-filter .choice-filter-close:focus {
    outline: 3px auto #517bf8;
    outline: 3px auto -moz-mac-focusring;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
}

.filter-view .choice-related .choice-filter-close i, .filter-view .choice-filter .choice-filter-close i {
    color: rgba(255, 255, 255, 0.7)
}

.filter-view .choice-related .choice-filter-close i:hover, .filter-view .choice-filter .choice-filter-close i:hover {
    color: #fff;
    cursor: pointer
}

.filter-view .select2-container.related-filter, .filter-view .select2-container.search-filter {
    vertical-align: top;
    margin-left: 3px
}

.filter-view .select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background: none
}

.filter-view .select2-container.select2-container-disabled .select2-choice .select2-arrow .sicon-chevron-down {
    display: none
}

.filter-view .select2-container.select2-container-active .select2-search-choice, .filter-view .select2-container.select2-container-active .select2-choice {
    outline: 3px auto #517bf8;
    outline: 3px auto -moz-mac-focusring;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
}

.filter-view .select2-container .select2-choices {
    padding: 2px 4px 1px 0;
    border: none;
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.filter-view .select2-container .select2-choices .select2-input {
    box-sizing: border-box;
    height: 24px;
    font-size: 12px
}

.filter-view .select2-container .select2-search-choice, .filter-view .select2-container .select2-choice {
    padding: 0;
    font-size: 11px;
    background: none;
    border: none;
    height: 20px;
    border-radius: 0;
    box-shadow: none
}

.filter-view .select2-container .select2-search-choice span, .filter-view .select2-container .select2-choice span {
    display: inline-block;
    margin-right: 0;
    font-weight: 600;
    vertical-align: top;
    line-height: 11px
}

.filter-view .select2-container .select2-search-choice span .sicon, .filter-view .select2-container .select2-choice span .sicon {
    margin-left: 4px
}

.filter-view .select2-container .select2-search-choice .select2-arrow, .filter-view .select2-container .select2-choice .select2-arrow {
    display: none
}

.filter-view .select2-container .select2-search-choice .select2-chosen, .filter-view .select2-container .select2-choice .select2-chosen {
    border-radius: 10px 0 0 10px;
    padding: 4px 4px 4px 6px;
    line-height: 13px;
    height: 12px;
    background: var(--btn-secondary-background)
}

.filter-view .select2-container .select2-search-choice .select2-chosen:hover, .filter-view .select2-container .select2-choice .select2-chosen:hover {
    background: var(--btn-secondary-background-hover)
}

.filter-view .select2-container .select2-search-choice .select2-chosen:hover .sicon, .filter-view .select2-container .select2-choice .select2-chosen:hover .sicon {
    color: var(--sicon-hover-color)
}

.filter-view .select2-container .select2-search-choice .select2-choice-related, .filter-view .select2-container .select2-choice .select2-choice-related, .filter-view .select2-container .select2-search-choice .select2-choice-filter, .filter-view .select2-container .select2-choice .select2-choice-filter {
    border-radius: 0 10px 10px 0;
    padding: 4px 6px 4px 4px;
    display: inline-block;
    line-height: 12px
}

.filter-view .select2-container .select2-search-choice .select2-choice-filter, .filter-view .select2-container .select2-choice .select2-choice-filter {
    background: #4d5154;
    color: #fff
}

.filter-view .select2-container .select2-search-choice a:hover, .filter-view .select2-container .select2-choice a:hover {
    text-decoration: none
}

.filter-view .select2-container .select2-search-choice .filter-disabled a, .filter-view .select2-container .select2-choice .filter-disabled a {
    background: #f1f3f4;
    color: #4d5154;
    cursor: pointer
}

.filter-view .select2-container .select2-search-choice .filter-disabled a:hover, .filter-view .select2-container .select2-choice .filter-disabled a:hover {
    color: #2b2d2e
}

.filter-view .select2-container .select2-search-choice.select2-locked, .filter-view .select2-container .select2-choice.select2-locked {
    padding-right: 0 !important
}

.filter-view .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice {
    padding: 1px 0 0 4px !important;
    height: 23px;
    margin: 0;
    box-sizing: border-box
}

.filter-view .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice div span.select2-choice-type {
    margin-right: 2px;
    margin-top: 0
}

.filter-view .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice div span.select2-choice-type[disabled=disabled]:hover {
    background: #f1f3f4
}

.filter-view .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice a.select2-choice-filter {
    padding-right: 20px
}

.filter-view .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice span.select2-choice-type {
    border-radius: 10px 0 0 10px;
    color: #4d5154;
    padding: 4px 4px 4px 6px;
    margin-right: 5px;
    margin-top: 3px;
    line-height: 12px;
    height: 12px;
    background: #f1f3f4
}

.filter-view .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice span.select2-choice-type:hover {
    background: #e5eaed
}

.filter-view .select2-container.select2-container-disabled .select2-choices {
    padding-right: 0
}

.filter-view .search-name {
    width: 100%;
    border: 1px solid var(--border-base);
    background-color: transparent;
    box-sizing: border-box;
    padding: 4px 20px 4px 8px;
    box-shadow: none;
    height: 26px
}

.filter-view .search-name:focus {
    outline: 3px auto #517bf8;
    outline: 3px auto -moz-mac-focusring;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0;
    box-shadow: none
}

.filter-view .search-name.hide {
    display: none
}

.filter-view .add-on.sicon-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 7px 10px
}

.filter-view .add-on.sicon-close:hover {
    cursor: pointer
}

.extend .filter-header {
    padding: 5px 8px
}

.extend .filter-header .controls {
    padding: 7px 0 0 10px
}

.extend .filter-header .btn-primary {
    min-width: 41px
}

.extend .filter-header .btn-link + .btn-link {
    margin-left: 1px
}

.extend .filter-body {
    padding: 5px 0;
    margin: 0 8px
}

.extend .filter-body > .row-fluid {
    position: relative;
    padding-right: 64px;
    box-sizing: border-box
}

.extend .filter-body > .row-fluid.massupdate {
    padding: 0;
    position: static
}

.extend .filter-body > .row-fluid .massupdate > .span3 {
    display: table-row;
    height: 28px;
    position: relative
}

.extend .filter-body > .row-fluid .massupdate > .span3 > label {
    display: table-cell;
    height: inherit;
    vertical-align: middle;
    position: relative
}

.extend .filter-body .controls[data-filter='value'] .input-prepend.input-append {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.extend .filter-body .controls[data-filter='value'] .input-prepend.input-append .date-wrapper {
    width: 70%;
    flex-grow: 1
}

.extend .filter-body .controls[data-filter='value'] .input-prepend.input-append .add-on:first-child {
    background: none;
    color: #6f777b;
    left: 0;
    display: inline-block;
    padding: 3px 3px 10px;
    min-width: calc(30% - 6px)
}

.extend .filter-body .controls[data-filter='value'] .flex-relate-module {
    float: left;
    width: 48.5%
}

.extend .filter-body .controls[data-filter='value'] .flex-relate-record {
    width: 48.5%;
    margin-left: 3%
}

.extend .filter-body .controls .filter-rows .input-append .add-on:first-child {
    margin-left: 0;
    min-width: 70px;
    text-align: right
}

.extend .filter-body input[type="checkbox"] {
    margin: 0;
    vertical-align: text-bottom;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0
}

.extend .filter-value {
    position: relative
}

.extend .filter-value div.date {
    width: 100%
}

.extend .filter-value div.date input[type="text"].datepicker, .extend .filter-value div.date input[type="text"].ui-timepicker-input {
    width: 46%;
    padding: 4px 3%
}

.extend .filter-actions {
    position: absolute;
    right: 0;
    letter-spacing: -0.25em
}

.extend .select2-container {
    width: 100%
}

.extend .select2-container .select2-single-with-drop div b {
    background-position: 0 0
}

.extend .select2-container .select2-choice {
    padding-left: 10px
}

.extend .select2-container .select2-choices {
    min-height: 20px;
    border: 1px solid var(--border-base);
    background-image: none;
    border-radius: var(--rounded-sm)
}

.extend .select2-container .select2-search-field {
    height: 16px;
    line-height: 16px;
    margin: 2px 0 3px 4px
}

.extend .select2-container .select2-search-field input[type="text"].select2-input {
    padding: 0;
    line-height: 16px;
    height: 16px;
    min-height: 16px
}

.extend .select2-container .select2-search-choice {
    padding: 0;
    margin: 4px;
    font-size: 12px;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.extend .select2-container .select2-search-choice span {
    border-radius: 10px 0 0 10px;
    background: #e5eaed;
    color: #4d5154;
    padding: 2px 4px 2px 6px;
    margin-right: 2px
}

.extend .select2-container .select2-search-choice a, .extend .select2-container .select2-search-choice span:last-child {
    border-radius: 0 10px 10px 0
}

.extend .select2-container .select2-search-choice span:last-child {
    background: #f1f3f4
}

.extend .select2-container .select2-search-choice a {
    background: var(--dropdown-link-background-hover)
}

.extend .select2-container .select2-search-choice a:hover {
    text-decoration: none
}

.extend .select2-container .select2-search-choice .filter-disabled a {
    background: #f1f3f4;
    color: #4d5154;
    cursor: pointer
}

.extend .select2-container .select2-search-choice .filter-disabled a:hover {
    color: #4d5154
}

.extend label {
    padding-left: 16px;
    line-height: 10px;
    margin: 0
}

.filter-options .filter-definition-container:first-child .filter-body {
    border-top: none
}

.filter-options .filter-header .controls {
    padding: 0
}

.filter-options .filter-header input[type="text"] {
    padding-left: 9px
}

.main-content .extend {
    display: none;
    border-top: 1px solid var(--border-base)
}

.search-related-dropdown, .search-filter-dropdown {
    border: 0 none;
    width: auto;
    min-width: 164px
}

.search-related-dropdown.select2-drop.select2-drop-active, .search-filter-dropdown.select2-drop.select2-drop-active {
    border: 1px solid var(--border-base);
    box-shadow: none;
    border-radius: var(--rounded-md);
    min-width: 164px
}

.search-related-dropdown .select2-results, .search-filter-dropdown .select2-results {
    margin: 0;
    padding: 0;
    max-height: 235px
}

.search-related-dropdown .select2-results li, .search-filter-dropdown .select2-results li {
    line-height: 26px;
    border-bottom: 1px solid var(--border-color-light)
}

.search-related-dropdown .select2-results li:last-child, .search-filter-dropdown .select2-results li:last-child {
    border-bottom: none
}

.search-related-dropdown .select2-results li:hover, .search-filter-dropdown .select2-results li:hover, .search-related-dropdown .select2-results .select2-highlighted, .search-filter-dropdown .select2-results .select2-highlighted {
    background: var(--dropdown-link-background-hover);
    color: var(--dropdown-link-color-hover)
}

body.sugar-light-theme .search-related-dropdown .select2-results li:hover:hover .select2-icon-prepend .sicon, body.sugar-light-theme .search-filter-dropdown .select2-results li:hover:hover .select2-icon-prepend .sicon, body.sugar-light-theme .search-related-dropdown .select2-results .select2-highlighted:hover .select2-icon-prepend .sicon, body.sugar-light-theme .search-filter-dropdown .select2-results .select2-highlighted:hover .select2-icon-prepend .sicon {
    color: var(--white)
}

body.sugar-light-theme .search-related-dropdown .select2-results li:hover .select2-icon-prepend .sicon, body.sugar-light-theme .search-filter-dropdown .select2-results li:hover .select2-icon-prepend .sicon, body.sugar-light-theme .search-related-dropdown .select2-results .select2-highlighted .select2-icon-prepend .sicon, body.sugar-light-theme .search-filter-dropdown .select2-results .select2-highlighted .select2-icon-prepend .sicon {
    color: var(--white)
}

body.sugar-dark-theme .search-related-dropdown .select2-results li:hover:hover .select2-icon-prepend .sicon, body.sugar-dark-theme .search-filter-dropdown .select2-results li:hover:hover .select2-icon-prepend .sicon, body.sugar-dark-theme .search-related-dropdown .select2-results .select2-highlighted:hover .select2-icon-prepend .sicon, body.sugar-dark-theme .search-filter-dropdown .select2-results .select2-highlighted:hover .select2-icon-prepend .sicon {
    color: var(--blue-300)
}

body.sugar-dark-theme .search-related-dropdown .select2-results li:hover:active .select2-icon-prepend .sicon, body.sugar-dark-theme .search-filter-dropdown .select2-results li:hover:active .select2-icon-prepend .sicon, body.sugar-dark-theme .search-related-dropdown .select2-results .select2-highlighted:active .select2-icon-prepend .sicon, body.sugar-dark-theme .search-filter-dropdown .select2-results .select2-highlighted:active .select2-icon-prepend .sicon {
    color: var(--gray-800)
}

.search-related-dropdown .result-selected, .search-filter-dropdown .result-selected {
    display: block;
    font-weight: bold
}

.search-related-dropdown .select2-result, .search-filter-dropdown .select2-result {
    background-color: var(--dropdown-background)
}

.search-related-dropdown .select2-result.select2-result-border-top, .search-filter-dropdown .select2-result.select2-result-border-top {
    border-top: 1px solid var(--border-base)
}

.search-related-dropdown .select2-result.select2-result-border-bottom, .search-filter-dropdown .select2-result.select2-result-border-bottom {
    border-bottom: 1px solid var(--border-base)
}

.search-related-dropdown .select2-result .select2-icon-prepend, .search-filter-dropdown .select2-result .select2-icon-prepend {
    display: flex;
    align-items: center
}

.search-related-dropdown .select2-result .select2-icon-prepend .sicon, .search-filter-dropdown .select2-result .select2-icon-prepend .sicon {
    margin-right: 12px
}

.search-related-dropdown .select2-result .select2-no-icon, .search-filter-dropdown .select2-result .select2-no-icon {
    margin-left: 16px
}

.search-related-dropdown::before, .search-filter-dropdown::before, .search-related-dropdown::after, .search-filter-dropdown::after {
    display: none
}

.drawer .dashablelist-filter > label {
    position: relative;
    left: 20px;
    font-size: 11px;
    color: #6f777b;
    cursor: text;
    margin-bottom: 0
}

.drawer .dashablelist-filter .search-filter .control-group {
    background: none
}

.drawer .dashablelist-filter .search-filter .filter-view {
    border: none;
    box-shadow: none
}

.filter.controls {
    margin-left: 0 !important
}

.filter-view .choice-related, .filter-view .choice-filter {
    position: relative;
    vertical-align: top;
    cursor: pointer;
    border-radius: var(--rounded-sm);
    padding: 0;
    background: #0679c8
}

.filter-view .choice-related .choice-filter-label, .filter-view .choice-filter .choice-filter-label {
    padding: 5px 4px;
    display: inline-block
}

.filter-view .choice-related .choice-filter-label:focus, .filter-view .choice-filter .choice-filter-label:focus {
    outline: 3px auto #517bf8;
    outline: 3px auto -moz-mac-focusring;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
}

.filter-view .choice-related .choice-filter-close, .filter-view .choice-filter .choice-filter-close {
    vertical-align: middle;
    height: 16px;
    margin: 0
}

.filter-view .select2-container .select2-search-choice .select2-chosen, .filter-view .select2-container .select2-choice .select2-chosen {
    border-radius: 4px
}

form {
    margin: 0 0 18px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 36px;
    color: #4d5154;
    border: 0
}

legend small {
    font-size: 13.5px;
    color: #6f777b
}

label, input, button, select, textarea {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px
}

input, button, select, textarea {
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif
}

label {
    display: block;
    margin-bottom: 5px
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 18px;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-base);
    border-radius: var(--rounded-sm);
    vertical-align: middle
}

input, textarea, .uneditable-input {
    width: 206px
}

textarea {
    height: auto
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .edit ul.select2-choices {
    background-color: var(--input-background);
    border: 1px solid var(--border-base);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear .2s, box-shadow linear .2s
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .edit ul.select2-choices:focus {
    border-color: rgba(0, 0, 0, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(6, 121, 200, 0.6)
}

input[type="radio"] {
    margin: 4px 0 0;
    line-height: normal
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"] {
    width: auto
}

select, input[type="file"] {
    height: 28px;
    line-height: 28px
}

select {
    width: 220px;
    border: 1px solid var(--border-base);
    background-color: var(--input-background)
}

select[multiple], select[size] {
    height: auto
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 3px auto #517bf8;
    outline: 3px auto -moz-mac-focusring;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
}

.uneditable-input, .uneditable-textarea {
    color: #6f777b;
    background-color: var(--input-disabled-background);
    border-color: 1px solid var(--border-base);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

::placeholder {
    color: var(--gray-500)
}

::-moz-placeholder {
    color: var(--gray-500)
}

:-ms-input-placeholder {
    color: var(--gray-500)
}

::-webkit-input-placeholder {
    color: var(--gray-500)
}

.radio, .checkbox {
    min-height: 18px;
    padding-left: 20px
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    margin-left: -20px
}

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 5px
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
    margin-left: 10px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0
}

.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
    display: inline-block
}

.controls-row::before, .controls-row::after {
    display: table;
    content: "";
    line-height: 0
}

.controls-row::after {
    clear: both
}

.controls-row [class*="span"], .row-fluid .controls-row [class*="span"] {
    float: left
}

.controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] {
    padding-top: 5px
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: var(--input-disabled-background)
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
    background-color: transparent
}

.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline {
    color: #866500
}

.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    color: #866500
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    border-color: #866500;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
    border-color: var(--border-color-focus);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--border-color-light)
}

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
    color: #866500;
    background-color: #fff7ad;
    border-color: #866500
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
    color: #bb0e1b
}

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
    color: #bb0e1b
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #bb0e1b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: var(--border-color-focus);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--border-color-light)
}

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
    color: #bb0e1b;
    background-color: #ffd4d0;
    border-color: #bb0e1b
}

.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
    color: #537600
}

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
    color: #537600
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #537600;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
    border-color: var(--border-color-focus);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--border-color-light)
}

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
    color: #537600;
    background-color: #e4fbb4;
    border-color: #537600
}

.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {
    color: var(--info-text-color)
}

.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
    color: var(--info-text-color)
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
    border-color: var(--info-text-color);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
    border-color: var(--border-color-focus);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--border-color-light)
}

.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
    color: var(--info-text-color);
    background-color: #c6ddff;
    border-color: var(--info-text-color)
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    color: #9b4617;
    border-color: #ff9445
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #ff7712;
    box-shadow: 0 0 6px #ffcfab
}

.help-block, .help-inline {
    color: var(--text-color-light)
}

.help-block {
    display: block
}

.help-inline {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px
}

.input-append, .input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu {
    font-size: 12px
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0
}

.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
    z-index: 2
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    height: 18px;
    padding: 4px 5px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    border: 1px solid var(--border-base)
}

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
    vertical-align: top;
    border-radius: 0
}

.input-append .active, .input-prepend .active {
    background-color: #54ffcc;
    border-color: #00ba83
}

.input-prepend .add-on, .input-prepend .btn {
    margin-right: -1px
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
    border-radius: var(--rounded-sm) 0 0 var(--rounded-sm)
}

.input-append input, .input-append select, .input-append .uneditable-input {
    border-radius: var(--rounded-sm) 0 0 var(--rounded-sm)
}

.input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child {
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
    margin-left: -1px
}

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0
}

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
    border-radius: 0
}

.input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn {
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0
}

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    border-radius: var(--rounded-sm) 0 0 var(--rounded-sm)
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0
}

.form-search .input-append .search-query, .form-search .input-prepend .search-query {
    border-radius: 0
}

.form-search .input-append .search-query {
    border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
    border-radius: 14px 0 0 14px
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {
    display: none
}

.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
    display: inline-block
}

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
    margin-bottom: 0
}

.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

legend + .control-group {
    margin-top: 18px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 18px
}

.form-horizontal .control-group::before, .form-horizontal .control-group::after {
    display: table;
    content: "";
    line-height: 0
}

.form-horizontal .control-group::after {
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    margin-left: 180px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block {
    margin-top: 9px
}

input::-ms-clear {
    display: none
}

legend {
    border-bottom: 1px solid var(--border-base)
}

label {
    color: var(--label-color)
}

input[type="file"] {
    padding: initial;
    line-height: initial;
    background-color: var(--input-background);
    background-color: initial;
    border: initial;
    box-shadow: none
}

input[type="image"] {
    border: 0
}

input[type="radio"], input[type="checkbox"], input[type="image"] {
    width: auto;
    height: auto;
    padding: 0;
    line-height: normal;
    cursor: pointer;
    background-color: transparent;
    border-radius: 0
}

input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    height: auto
}

label input, label textarea, label select {
    display: block
}

input[type="image"] {
    box-shadow: none
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .edit ul.select2-choices:focus {
    border-color: var(--text-action) !important;
    box-shadow: none
}

input[type="hidden"] {
    display: none
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    border: 1px solid var(--border-base);
    -webkit-text-fill-color: var(--gray-500);
    color: var(--gray-500);
    -webkit-opacity: 1;
    opacity: 1
}

input[type=checkbox], input[type=radio] {
    border: none
}

input[type=radio] {
    display: inline-block
}

[data-type="currency"] .currency.edit .add-on.error-tooltip {
    display: none
}

#header .control-group label.hide {
    display: none
}

.date input[type="text"] {
    width: 100%
}

.datetime input[type="text"].datepicker {
    min-width: 0;
    width: 50%;
    width: calc(55% - 4px)
}

.datetime input[type="text"].ui-timepicker-input {
    min-width: 0;
    width: 40%;
    width: calc(45% - 4px)
}

.record-cell .timeonly input[type="text"].ui-timepicker-input {
    min-width: 0;
    width: 40%;
    width: calc(45% - 4px);
    margin-left: 0
}

.datepicker {
    margin-top: 0;
    z-index: 1004
}

.datepicker table th:first-child, .datepicker table td:first-child {
    padding-left: 5px
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    width: 12px;
    height: 12px
}

.input-append {
    position: relative;
    vertical-align: top;
    width: 100%;
    margin-bottom: 0;
    font-size: inherit
}

.input-append .add-on {
    margin-left: 0;
    padding: 3px;
    position: relative;
    right: 24px;
    top: 5px;
    border: none;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 0;
    z-index: 2
}

.input-append .add-on.datetime {
    right: 28px;
    position: relative
}

.input-append .add-on i {
    line-height: 12px
}

.input-append.textarea, .input-append.select, .input-append.checkbox, .input-append.radio {
    padding-left: 0
}

.input-append.textarea .add-on, .input-append.select .add-on, .input-append.checkbox .add-on, .input-append.radio .add-on {
    background: transparent !important;
    border: none
}

.input-append input[type="checkbox"] + .add-on, .input-append.checkbox .add-on, .input-append.radio .add-on {
    padding: 0;
    top: 0;
    left: 7px;
    display: inline;
    position: relative
}

.input-append.widget {
    width: 100%
}

.input-append.widget .add-on {
    position: absolute;
    top: 1px;
    right: 0
}

.input-append input {
    border-radius: var(--rounded-sm);
    padding: 4px 6px
}

.input-append input:focus, .input-append select:focus, .input-append .uneditable-input:focus {
    z-index: inherit
}

.input-append input:focus + .add-on, .input-append select:focus + .add-on, .input-append .uneditable-input:focus + .add-on {
    visibility: hidden
}

.input-append input:focus + .add-on + .add-on, .input-append select:focus + .add-on + .add-on, .input-append .uneditable-input:focus + .add-on + .add-on {
    visibility: hidden
}

.input-append .ui-timepicker-input {
    margin-left: -22px
}

.input-append .ui-timepicker-list {
    margin-left: -22px;
    font-size: 12px
}

.input-append .ui-timepicker-list li {
    color: #4d5154
}

.input-append.error .add-on {
    color: #bb0e1b;
    z-index: 1
}

.input-append.error .add-on .sicon {
    color: #bb0e1b
}

.input-append.error .add-on.time.timeonly {
    left: -69px
}

.input-append.error .ui-timepicker-input, .input-append.error .ui-timepicker-list {
    margin-left: -44px
}

.input-append.error textarea::placeholder, .input-append.error input[type="password"]::placeholder, .input-append.error input[type="text"]::placeholder {
    color: #bb0e1b
}

.input-append.error textarea::-moz-placeholder, .input-append.error input[type="password"]::-moz-placeholder, .input-append.error input[type="text"]::-moz-placeholder {
    color: #bb0e1b
}

.input-append.error textarea:-ms-input-placeholder, .input-append.error input[type="password"]:-ms-input-placeholder, .input-append.error input[type="text"]:-ms-input-placeholder {
    color: #bb0e1b
}

.input-append.error textarea::-webkit-input-placeholder, .input-append.error input[type="password"]::-webkit-input-placeholder, .input-append.error input[type="text"]::-webkit-input-placeholder {
    color: #bb0e1b
}

.input-append.date .date-wrapper, .input-append.datetime .date-wrapper {
    display: flex
}

.input-append.date .date-wrapper input[type="text"], .input-append.datetime .date-wrapper input[type="text"], .input-append.date .date-wrapper .input-append, .input-append.datetime .date-wrapper .input-append {
    flex-shrink: 0
}

.input-append.date.error .add-on, .input-append.datetime.error .add-on {
    left: -46px
}

.input-append.date.error .add-on.error-tooltip, .input-append.datetime.error .add-on.error-tooltip {
    left: -41px
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: none
}

.control-group {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 4px
}

.control-group:last-of-type {
    margin-bottom: 0
}

.control-group .control-group-team-name {
    margin-right: 4px
}

.control-group .control-group-primary-label {
    font-size: 12px
}

.control-group .btn-toolbar {
    margin: 0 0 0 8px;
    display: inline-flex
}

.control-group .btn-toolbar .btn-group {
    float: left
}

.control-group .btn-toolbar .btn-group .btn {
    line-height: 12px;
    padding: 7px
}

.control-group .wide {
    text-align: left
}

.control-group label {
    padding: 0 1em 0 0;
    cursor: default;
    display: inline-block;
    float: none
}

.control-group label.hide {
    display: none
}

.control-group label.btn {
    padding: 4px 6px
}

.control-group label input {
    display: inline-block;
    float: none
}

.control-group.email {
    position: relative
}

.control-group.email > span, .control-group.email > del {
    color: #6f777b
}

.control-group.email input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    height: 28px
}

.controls[class*="span"] input[type="text"].inherit-width, .controls[class*="span"] textarea.inherit-width, .controls[class*="span"] select.inherit-width {
    width: 100%;
    min-height: 28px;
    box-sizing: border-box
}

.controls[class*="span"] textarea.inherit-width {
    max-width: 100%
}

.controls {
    padding: 0
}

.controls.btn-fit {
    position: relative;
    box-sizing: border-box
}

.controls.btn-fit.controls-four {
    padding-right: 144px
}

.controls.btn-fit.controls-three {
    padding-right: 108px
}

.controls.btn-fit.controls-two {
    padding-right: 72px
}

.controls.btn-fit.controls-one {
    padding-right: 36px
}

.controls.btn-fit .btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 12px;
    padding: 7px
}

.controls.btn-fit .btn.fourth {
    right: 108px
}

.controls.btn-fit .btn.third {
    right: 68px
}

.controls.btn-fit .btn.second {
    right: 36px
}

.controls.btn-group-fit {
    position: relative;
    box-sizing: border-box
}

.controls.btn-group-fit.controls-four {
    padding-right: 118px
}

.controls.btn-group-fit.controls-three {
    padding-right: 8rem
}

.help-block {
    font-size: 11px;
    margin: 3px 0 0 7px;
    white-space: normal;
    line-height: 13px;
    clear: both
}

.mu.extend .fieldPlaceHolder {
    margin-left: 4px
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    margin-bottom: 0
}

textarea.error, input[type="text"].error, input[type="password"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="date"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error, input[type="number"].error, input[type="email"].error, input[type="url"].error, input[type="search"].error, input[type="tel"].error, input[type="color"].error, .uneditable-input.error {
    border-color: #bb0e1b;
    color: #bb0e1b
}

input.required {
    border: 1px solid #6f777b
}

.flex-relate-module {
    float: left;
    display: inline-block;
    width: 40.425531911%
}

.flex-relate-record {
    width: 57.446808505%;
    display: inline-block;
    margin-left: 2.12765957%
}

input[type="checkbox"][disabled], input[type="radio"][disabled], input[type="checkbox"][readonly], input[type="radio"][readonly] {
    cursor: not-allowed
}

.datepicker span.year, .datepicker span.month {
    margin-bottom: 14px
}

.datepicker span.year.active:hover, .datepicker span.year.active, .datepicker span.month.active:hover, .datepicker span.month.active, .datepicker td.active, .datepicker td.active:hover {
    background-color: #fa374f;
    box-shadow: none;
    border-radius: 50%
}

.datepicker td.day:hover, .datepicker span.month:hover, .datepicker span.year:hover {
    border-radius: 50%;
    background: var(--border-base)
}

.datepicker thead tr:first-child th:hover {
    background: var(--border-base)
}

textarea, input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: var(--rounded-sm)
}

[data-type='date'] .input-append.error + .add-on[data-icon='calendar'] .sicon-calendar, [data-type='date-cascade'] .input-append.error + .add-on[data-icon='calendar'] .sicon-calendar {
    color: #fa374f
}

[data-type='date'] .input-append.error .error-tooltip.add-on, [data-type='date-cascade'] .input-append.error .error-tooltip.add-on {
    position: relative;
    left: -41px
}

:-moz-autofill, :-moz-autofill:hover, :-moz-autofill:focus, :-moz-autofill-preview, :-moz-autofill-preview:hover, :-moz-autofill-preview:focus {
    border: 1px solid var(--border-color-focus) !important;
    filter: none;
    -moz-box-shadow: 0 0 0 12px var(--input-background) inset !important;
    -moz-text-fill-color: var(--text-base) !important;
    transition: background-color 5000s ease-in-out 0s !important
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-internal-autofill-selected, input:-internal-autofill-selected:hover, input:-internal-autofill-selected:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    border: 1px solid var(--border-color-focus) !important;
    -webkit-box-shadow: 0 0 0 12px var(--input-background) inset !important;
    -webkit-text-fill-color: var(--text-base) !important;
    transition: background-color 5000s ease-in-out 0s !important
}

.image_preview img {
    z-index: 900
}

.image_btn {
    z-index: 901
}

.image_input {
    z-index: 902
}

.image_btn.delete {
    z-index: 903 !important
}

.image_field * {
    margin: 0;
    padding: 0
}

.image_field {
    text-align: center;
    position: relative
}

.image_field.image_edit {
    border: 3px dashed var(--border-base);
    z-index: 1
}

.image_field > label {
    display: block !important;
    padding: 0 !important;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.image_input {
    position: relative;
    height: 100%;
    width: 100%
}

.image_input input {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    height: 100%;
    font-size: 600px;
    border: none;
    opacity: 0;
    cursor: pointer !important;
    _cursor: hand
}

.image_input input:focus {
    outline: none
}

.image_field > label:hover {
    cursor: pointer !important;
    _cursor: hand
}

.image_btn {
    position: absolute;
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    display: inline-block;
    width: 100%;
    color: #fff
}

.image_btn.image_btn_label {
    position: absolute;
    bottom: -3px;
    left: -3px;
    font-size: 10px;
    background-color: #000;
    display: inline-block;
    border: 3px solid #000;
    text-align: left;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    opacity: 0.6
}

.image_btn.delete {
    left: auto;
    right: 0;
    bottom: 0;
    width: 14px;
    z-index: 1;
    font-size: 14px;
    text-align: right;
    cursor: pointer
}

.image_preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #f1f3f4
}

.image_preview img {
    vertical-align: top !important
}

.error .image_field {
    border: 3px dashed #bb0e1b
}

.error .image_field .image_preview > i {
    color: #bb0e1b !important
}

.error .image_field .add-on.error-tooltip {
    position: absolute;
    top: -1px;
    right: -2px;
    bottom: auto;
    left: auto;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0)
}

.image_field.image_edit {
    border-radius: 50%;
    min-height: 42px !important;
    box-sizing: border-box
}

.image_field.image_edit .image_preview img {
    border-radius: 50%;
    max-height: 36px
}

.image_rounded img {
    border-radius: 50%
}

.headerpane span[data-type="image"] .image_rounded img, .headerpane span[data-type="avatar"] .image_rounded img {
    border-radius: 50%;
    border: none;
    min-height: 42px
}

.merge-interface .merge-row .image_field {
    min-height: auto !important;
    height: 50px !important;
    width: 50px !important
}

.merge-interface .merge-row .image_field img {
    max-width: 44px;
    max-height: 44px
}

.error.input-append.select, .error.input-append.select2 {
    display: inline
}

.error label, .error .record-label {
    font-weight: 400;
    color: #bb0e1b !important
}

.error .help-block {
    color: #bb0e1b
}

.error textarea, .error input {
    border-color: #bb0e1b !important;
    color: #bb0e1b !important
}

.error input {
    margin-bottom: 0
}

.error input:focus {
    border-color: #bb0e1b !important;
    border-width: 1px !important
}

.error .control-group.email input, .error[data-type=fieldset] input {
    border-color: #4d5154;
    color: #4d5154
}

.error .control-group.email .input-append.error input, .error[data-type=fieldset] .error input {
    border-color: #bb0e1b !important;
    color: #bb0e1b !important
}

.error > div:first-child, .error > div:first-child label, .error > label {
    font-weight: 400;
    color: #bb0e1b
}

.error .input-append label {
    color: #bb0e1b
}

.error .select2-container .select2-choice, .error .select2-container .select2-choices, .error .upload-field-custom.btn.avatar {
    border-color: #bb0e1b;
    color: #bb0e1b !important
}

.error .select2-choice > .select2-chosen {
    margin-right: 18px
}

.error .select2-choice > .select2-chosen {
    margin-right: 18px
}

.error label.file-upload {
    background: #bb0e1b
}

.upload-field-custom {
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    height: 18px !important;
    width: 100px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.upload-field-custom input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 70px;
    opacity: 0
}

.upload-field-custom:active strong {
    color: #fff
}

.upload-field-custom span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    display: inline-block;
    padding-top: 0.45em
}

.upload-field-custom span > strong {
    white-space: nowrap
}

.upload-field-custom.avatar {
    position: absolute;
    margin-top: 35px;
    margin-left: 1px;
    padding: 0;
    height: 12px !important;
    width: 46px !important;
    opacity: 0.85;
    z-index: 2;
    background: #000;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.upload-field-custom.avatar .file-upload span {
    padding: 0;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    width: 46px !important
}

.file-upload-status {
    padding: 0 0 0 .5em;
    position: relative;
    top: 2px
}

.side.side-collapsed {
    display: none
}

.side > .tab-pane, .side > .side-pane, .side > .preview-pane, .side > .help-pane {
    display: none
}

.side > .tab-pane.active, .side > .side-pane.active, .side > .preview-pane.active, .side > .help-pane.active {
    display: contents
}

.side > .side-pane > div {
    padding: 12px 5%
}

.side .accordion {
    margin: -10px 0 0 0
}

.side .accordion .accordion-group {
    margin-bottom: -1px;
    border-radius: 0;
    border-color: var(--border-base)
}

.side article {
    padding: 0
}

.side article a {
    padding: 10px;
    display: block
}

.help-pane {
    display: none
}

.help-pane .help-headerbar {
    width: 34%;
    position: fixed;
    right: 0;
    top: 48px;
    height: 60px;
    border-bottom: 1px solid var(--border-base);
    z-index: 1002
}

.help-pane .help-headerbar h1 {
    float: left;
    margin-top: 18px;
    margin-left: 20px;
    font-size: 20px
}

.help-pane .help-headerbar .btn-toolbar {
    margin: 16px 10px 9px
}

.help-pane .helplet-list-container {
    padding: 80px 1.5% 0;
    margin: 0 7px
}

.help-pane .helplet-list-container .helplet-container {
    margin-bottom: 25px
}

.help-pane .helplet-list-container .helplet {
    padding: 0;
    box-shadow: 0 2px 4px 0 var(--shadow-color);
    background: #fff;
    transition: 0
}

.help-pane .helplet-list-container .helplet .helplet-content {
    min-height: 140px
}

.help-pane .helplet-list-container .helplet .helplet-content .helplet-body, .help-pane .helplet-list-container .helplet .helplet-content .helplet-more {
    margin: 15px 20px
}

.help-pane .helplet-list-container .helplet .collapsed .helplet-header {
    border-radius: 4px
}

.help-pane .helplet-list-container .helplet .collapsed h4 {
    border-radius: 3px 0 0 3px
}

.help-pane .helplet-list-container .helplet h4, .help-pane .helplet-list-container .helplet .helplet-options {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #4d5154;
    background: #f1f3f4;
    border-bottom: 1px solid var(--border-base);
    margin: 0
}

.help-pane .helplet-list-container .helplet h4 a, .help-pane .helplet-list-container .helplet .helplet-options a {
    color: #4d5154
}

.help-pane .helplet-list-container .helplet .helplet-header {
    border-radius: 3px 3px 0 0;
    background: #f1f3f4
}

.help-pane .helplet-list-container .helplet h4 {
    padding: 7px 80px 8px 10px;
    border-radius: 3px 0 0 0;
    font-size: 15px
}

.help-pane .helplet-list-container .helplet .btn-toolbar.pull-right {
    margin: 3px
}

.help-pane .helplet-list-container .helplet .helplet-options {
    padding: 5px 8px
}

.help-pane .helplet-list-container .helplet .helplet-options.control-group .row-fluid [class*="span"] {
    max-width: 280px
}

.help-pane .helplet-list-container .helplet .helplet-options.control-group [class*="span"]:first-of-type:last-of-type {
    min-width: 108px
}

.help-pane .helplet-list-container .helplet .helplet-options.control-group .span6.hide + .span6 {
    min-width: 108px
}

.help-link {
    display: block;
    background-size: cover;
    background-position: center
}

.help-link-support {
    background-image: url("styleguide/images/doc-tour-icons_support-SqyaTMj.png")
}

.help-link-sugar-university {
    background-image: url("styleguide/images/doc-tour-icons_sugar_U-4gaaF18.png")
}

.help-link-tour {
    background-image: url("styleguide/images/doc-tour-icons_tour_B-sDuDWz1.png")
}

.help-link-community {
    background-image: url("styleguide/images/beachball_transparent-5LdM9RI.png")
}

.navbar-inner::before, .navbar-inner::after {
    display: table;
    content: "";
    line-height: 0
}

.navbar-inner::after {
    clear: both
}

.navbar .container {
    width: auto
}

.nav-collapse.collapse {
    height: auto;
    overflow: visible
}

.navbar .brand {
    float: left;
    display: block;
    padding: 13px 20px 13px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: var(--text-action);
    text-shadow: 0 1px 0 #fff
}

.navbar .brand:hover {
    text-decoration: none
}

.navbar-text {
    margin-bottom: 0;
    line-height: 44px;
    color: var(--text-base)
}

.navbar-link {
    color: var(--text-action)
}

.navbar-link:hover {
    color: var(--link-color-hover)
}

.navbar .divider-vertical {
    height: 44px;
    margin: 0 9px;
    border-left: 1px solid var(--navbar-background);
    border-right: 1px solid #fff
}

.navbar .btn, .navbar .btn-group {
    margin-top: 7px
}

.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn {
    margin-top: 0
}

.navbar-search {
    position: relative;
    margin-top: 7px;
    margin-bottom: 0
}

.navbar-search .search-query {
    margin-bottom: 0.375rem;
    font-size: 13px
}

.banner-shifted .navbar-fixed-top {
    top: 34px
}

.banner-shifted .navbar .megamenu > .dropdown .dropdown-menu {
    top: 78px
}

.banner-shifted .navbar-search .quicksearch-modulelist-wrapper .module-dropdown-list {
    top: 84px
}

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 0
}

.navbar .nav > li > a {
    float: none;
    padding: 13px 15px 13px;
    color: var(--text-action);
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    background-color: transparent;
    color: var(--link-color-hover);
    text-decoration: none
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: var(--link-color-hover);
    text-decoration: none;
    background-color: var(--primary-content-active);
    box-shadow: inset 0 3px 8px #f8fafc
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075)
}

.navbar .nav > li > .dropdown-menu::before {
    content: '';
    display: inline-block;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid var(--border-base);
    border-bottom-color: var(--border-base);
    position: absolute;
    top: -7px;
    left: 9px
}

.navbar .nav > li > .dropdown-menu::after {
    content: '';
    display: inline-block;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid var(--dropdown-background);
    position: absolute;
    top: -6px;
    left: 10px
}

.navbar .nav li.dropdown > a:hover .caret {
    border-top-color: var(--link-color-hover);
    border-bottom-color: var(--link-color-hover)
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: var(--primary-content-active);
    color: var(--link-color-hover)
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: var(--text-action);
    border-bottom-color: var(--text-action)
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: var(--link-color-hover);
    border-bottom-color: var(--link-color-hover)
}

.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.navbar .pull-right > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu.pull-right::before {
    left: auto;
    right: 12px
}

.navbar .pull-right > li > .dropdown-menu::after, .navbar .nav > li > .dropdown-menu.pull-right::after {
    left: auto;
    right: 13px
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -1px
}

.navbar.navbar-fixed-top {
    left: 3.5rem;
    z-index: 1032;
    width: calc(100% - 3.5rem)
}

.navbar .navbar-inner {
    min-height: 0
}

.navbar .logo {
    z-index: 2
}

.navbar .nav-collapse > div {
    display: flex;
    align-items: center
}

.navbar .nav-collapse > div:nth-last-child(2) {
    margin-left: auto
}

.navbar .nav-collapse > div.module-list {
    flex: 1
}

.navbar .nav-collapse > div.module-list .dropdown-menu {
    max-width: 240px
}

.navbar .nav {
    margin: 0
}

.navbar .btn, .navbar .btn-group {
    margin: 0
}

.navbar .btn-group:hover > .routeLink, .navbar .btn-group > .routeLink:focus {
    color: var(--link-color-hover) !important
}

.megamenu > .dropdown.active .btn-group:not(.open) .dropdown-toggle:not(.cube) {
    color: var(--link-color-hover);
    border-radius: 0 !important;
    outline: none
}

.megamenu > .dropdown.active .btn-group:not(.open) .dropdown-toggle:not(.cube):focus {
    outline: dotted 1px #517bf8;
    outline-offset: -2px;
    outline-color: -moz-mac-focusring;
    outline-color: -webkit-focus-ring-color
}

.megamenu > .dropdown .btn-group {
    display: inline-flex;
    align-items: center;
    margin: 0
}

.megamenu > .dropdown .btn-group.home {
    display: inline-block;
    width: 44px;
    max-width: 44px
}

.megamenu > .dropdown .btn-group > .dropdown-toggle {
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-shadow: none;
    box-sizing: content-box
}

.megamenu > .dropdown .btn-group > .dropdown-toggle:hover {
    text-decoration: none
}

.megamenu > .dropdown .btn-group > .dropdown-toggle:active {
    box-shadow: none !important;
    border-color: transparent;
    background: none
}

.megamenu > .dropdown .btn-group:not(.open) > .btn:focus, .megamenu > .dropdown .btn-group:not(.open) .btn.module-name:focus {
    outline: dotted 1px #517bf8;
    outline-offset: -2px;
    outline-color: -moz-mac-focusring;
    outline-color: -webkit-focus-ring-color
}

.megamenu > .dropdown .btn-group:not(.open) > .btn.module-name:focus {
    outline-offset: 3px
}

.megamenu > .dropdown .btn-group:not(.open) > .btn:active, .megamenu > .dropdown .btn-group:not(.open) .btn:active:focus {
    outline-width: 0
}

.megamenu > .dropdown .btn-group.open .dropdown-toggle {
    background: none;
    box-shadow: none
}

.megamenu > .dropdown .btn-group.open .dropdown-toggle:hover {
    background: none;
    text-decoration: none
}

.megamenu > .dropdown .dropdown-menu {
    position: fixed;
    left: auto;
    right: auto;
    max-height: -moz-calc(100% - 100px);
    max-height: -webkit-calc(100% - 100px);
    max-height: calc(100% - 100px);
    margin-top: 0;
    padding-top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 164px
}

.megamenu > .dropdown .dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.megamenu > .dropdown .dropdown-menu::before {
    border-bottom-color: rgba(0, 0, 0, 0.2)
}

.megamenu > .dropdown .dropdown-menu li.divider {
    border-bottom: none
}

.megamenu > .dropdown .dropdown-menu li.divider + li a {
    border-top: 1px solid var(--border-base)
}

.megamenu > .dropdown .dropdown-menu li.hidden {
    display: none
}

.megamenu > .dropdown button.toggle-recents {
    width: 100%;
    text-align: left
}

.module-list .megamenu {
    max-height: 44px;
    white-space: nowrap;
    display: flex
}

.module-list .megamenu > .dropdown {
    float: none;
    display: flex
}

.module-list .megamenu > .dropdown.hidden {
    display: none
}

.module-list .megamenu > .dropdown.more .btn-group .dropdown-toggle {
    margin-left: 0;
    padding: 0.5rem
}

.module-list .megamenu > .dropdown.hidden.more {
    display: inline-block;
    visibility: hidden
}

.module-list .megamenu > .dropdown .btn-group .dropdown-toggle {
    margin-left: 2px;
    padding: 0.25rem
}

.module-list .megamenu > .dropdown .btn-group .dropdown-toggle .sicon {
    vertical-align: top
}

.module-list .megamenu > .dropdown .btn-group.home .dropdown-menu {
    left: 0;
    right: auto
}

.module-list .megamenu > .dropdown .btn-group.home .cube {
    z-index: 2000;
    padding: 3px
}

.module-list .megamenu > .dropdown .btn-group.home .cube.hide {
    display: none
}

.module-list .megamenu > .dropdown .btn-group.home .cube:hover {
    text-decoration: none
}

.module-list .megamenu > .dropdown .btn-group.home .cube img {
    height: 22px;
    width: 22px
}

.module-list .megamenu > .dropdown .module-name {
    color: var(--text-base);
    padding: 0
}

.module-list .megamenu > .dropdown .module-name:focus, .module-list .megamenu > .dropdown .module-name:hover {
    text-decoration: none
}

.module-list .megamenu > .dropdown[data-module="Forecasts"] .btn-group {
    padding-right: 14px
}

#userActions .profileactions-profile > a {
    height: 2rem;
    padding: 0.75rem
}

#createList .btn-group .dropdown-toggle {
    padding: 0.5rem
}

.navbar .nav-collapse > div.module-list .nav .dropdown > .btn-group:not(.home) .dropdown-menu {
    margin-left: -8px
}

.navbar .nav-collapse > div.module-list .nav .dropdown.more .btn-group.open .dropdown-menu {
    margin-left: -8px
}

.navbar .megamenu > .dropdown .dropdown-menu {
    top: 3.5rem
}

body.sugar-dark-theme .module-list .megamenu > .dropdown .btn-group.home .cube img {
    filter: invert(100%) saturate(100%) brightness(115%)
}

.navbar .search {
    min-width: 170px !important
}

.navbar .search .quicksearch-tags .qs-tags-row.active {
    background: var(--dropdown-link-background-hover)
}

.navbar .search .quicksearch-tags .qs-tags-row a {
    color: var(--text-base);
    padding: 0;
    border-top: 0
}

.navbar .search .typeahead {
    height: auto;
    right: -1px;
    left: 1px;
    overflow: hidden
}

.navbar .search .typeahead li {
    min-width: 120px;
    padding: 0
}

.navbar .search .typeahead li.no-results, .navbar .search .typeahead li.view-all-results a {
    padding: 8px 12px
}

.navbar .search.quicksearch-tags-open .navbar-search {
    border-bottom: none;
    border-radius: 5px 5px 0 0
}

.navbar .search.quicksearch-tags-open .search-results {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-search {
    float: none;
    margin: 0;
    white-space: nowrap
}

.navbar-search .quicksearch-taglist {
    display: flex;
    align-items: flex-start
}

.navbar-search .quicksearch-taglist .tag-dropdown-list li.menu-item:focus, .navbar-search .quicksearch-taglist .tag-dropdown-list li.menu-item:hover {
    text-decoration: none;
    filter: none
}

.navbar-search .quicksearch-taglist .tag-dropdown-list li.menu-item:focus .sicon.sicon-check, .navbar-search .quicksearch-taglist .tag-dropdown-list li.menu-item:hover .sicon.sicon-check {
    color: #fff
}

.navbar-search .quicksearch-modulelist-wrapper {
    vertical-align: top
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown {
    cursor: pointer;
    display: flex;
    outline: 0
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown:focus {
    outline: none
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown .label {
    margin-right: 2px;
    float: left;
    cursor: inherit
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown .label-module {
    border-radius: var(--rounded-sm);
    border: 2px solid var(--quick-search-icon)
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown .module-dropdown-button {
    margin-top: 0;
    margin-left: 0;
    padding: 0;
    cursor: inherit;
    vertical-align: top
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown .module-dropdown-button:focus {
    outline: none
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown-list {
    position: fixed;
    top: 3.5rem;
    left: auto;
    right: auto;
    width: 200px;
    overflow-y: auto;
    height: calc(100vh - 100px)
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown-list::-webkit-scrollbar {
    width: 11px
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown-list::-webkit-scrollbar-thumb {
    background-color: #bfbfbf;
    border: 2px solid transparent;
    border-radius: 0.5rem;
    background-clip: padding-box
}

.navbar-search .quicksearch-modulelist-wrapper .module-dropdown-list::-webkit-scrollbar-thumb:hover {
    background: #888;
    border: 2px solid transparent;
    border-radius: 0.5rem;
    background-clip: padding-box
}

.navbar-search .quicksearch-modulelist-wrapper .menu-item {
    padding: 8px 12px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px
}

.navbar-search .quicksearch-modulelist-wrapper .menu-item:focus, .navbar-search .quicksearch-modulelist-wrapper .menu-item:hover {
    text-decoration: none;
    filter: none
}

.navbar-search .quicksearch-modulelist-wrapper .menu-item:focus .sicon.sicon-check, .navbar-search .quicksearch-modulelist-wrapper .menu-item:hover .sicon.sicon-check {
    color: #fff
}

.navbar-search .tag-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 2px 4px;
    padding: 2px 4px 2px 6px;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    color: #fff;
    white-space: nowrap;
    background: #4d5154;
    border: none;
    border-radius: 11px;
    box-shadow: none
}

.navbar-search .tag-wrapper.highlight {
    background: #000
}

.navbar-search .quicksearch-bar-wrapper {
    width: 100%;
    min-width: 6.25rem
}

.navbar-search .quicksearch-bar-wrapper .search-query {
    padding: 7px 4px 7px 12px;
    height: 2rem;
    border: 0;
    border-radius: var(--rounded-lg);
    background-color: var(--quick-search-field);
    color: var(--quick-search-text)
}

.navbar-search .quicksearch-bar-wrapper .search-query::placeholder {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem
}

.navbar-search .quicksearch-bar-wrapper .search-query::placeholder {
    color: var(--quick-search-placeholder)
}

.navbar-search .quicksearch-bar-wrapper .search-query::-moz-placeholder {
    color: var(--quick-search-placeholder)
}

.navbar-search .quicksearch-bar-wrapper .search-query:-ms-input-placeholder {
    color: var(--quick-search-placeholder)
}

.navbar-search .quicksearch-bar-wrapper .search-query::-webkit-input-placeholder {
    color: var(--quick-search-placeholder)
}

.navbar-search.hover .search-query {
    background-color: var(--quick-search-field-hover);
    outline: 2px solid var(--quick-search-border-hover)
}

.navbar-search.hover .quicksearch-button .sicon.sicon-search {
    background-color: transparent;
    color: var(--quick-search-icon-hover)
}

ul.search-results:not(.dropdown-menu) .no-results {
    text-align: center;
    margin-top: 15px
}

li.search-result {
    padding-left: 12px;
    min-height: 45px;
    line-height: 12px;
    position: relative;
    padding-top: 14px;
    padding-right: 50px
}

li.search-result .primary > h3 .ellipsis_inline {
    display: inherit !important
}

li.search-result.highlighted.current {
    background: var(--primary-content-hover-background)
}

li.search-result.highlighted.current .btn.preview-list-item, li.search-result.highlighted.current .rowaction.btn:not(.btn-invisible) {
    background: #4d5154
}

.search-list > .rowaction {
    float: right;
    position: absolute;
    right: 14px;
    top: 14px
}

.search-more-results {
    margin-left: 6px
}

.search-more-results .block-footer {
    display: none
}

.navbar-search {
    height: 3.5rem;
    border-radius: 0;
    border: none
}

.navbar-search .quicksearch-modulelist-wrapper .dropdown-menu, .navbar-search .quicksearch-taglist .dropdown-menu {
    border: 1px solid var(--quick-search-module-dropdown-border-widget);
    background-color: var(--quick-search-module-list-bg);
    color: var(--quick-search-module-list)
}

.navbar-search .quicksearch-modulelist-wrapper .dropdown-menu .menu-item, .navbar-search .quicksearch-taglist .dropdown-menu .menu-item {
    background: none
}

.navbar-search .quicksearch-modulelist-wrapper .menu-item:hover, .navbar-search .quicksearch-taglist .menu-item:hover {
    background: var(--quick-search-module-list-bg-hover);
    font-weight: 600
}

.navbar-search .quicksearch-modulelist-wrapper .menu-item:active, .navbar-search .quicksearch-taglist .menu-item:active {
    color: #fff;
    background: #005d9c
}

.quicksearch-button-wrapper .quicksearch-button {
    right: 34px;
    background-color: transparent
}

.quicksearch-button-wrapper .quicksearch-button .sicon {
    padding: 5px
}

.quicksearch-button-wrapper .quicksearch-button .sicon.sicon-search {
    color: var(--quick-search-icon);
    border-radius: var(--rounded-full);
    background-color: var(--blue-600)
}

.quicksearch-button-wrapper .quicksearch-button .sicon.sicon-close {
    color: var(--quick-search-icon-hover)
}

footer {
    bottom: 0;
    border: none;
    border-top: 1px solid var(--border-base)
}

footer .footer-item-container .footer-buttons button:not(.btn-primary):hover .action-label {
    color: var(--text-color-hover)
}

footer .footer-item-container .footer-buttons button:not(.btn-primary):hover .sicon {
    color: var(--sicon-hover-color)
}

footer .footer-item-container .footer-buttons .action-label {
    color: var(--text-base)
}

footer .footer-item-container .footer-buttons .sicon {
    margin-right: 8px
}

footer .dropdown-menu.help {
    right: 72px
}

footer .dropdown-menu.help li .control-group {
    padding: 10px 20px
}

footer .dropdown-menu.help li .control-group label.control-label {
    font-weight: bold;
    position: relative;
    top: 2px;
    color: #4d5154
}

footer .dropdown-menu.help li .controls {
    display: inline-block
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop, .modal-backdrop.fade.in, .modal-backdrop.fade.show {
    opacity: 0.8
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: var(--foreground-base);
    background-clip: padding-box;
    outline: none;
    color: var(--text-base)
}

.modal.fade {
    transition: 'opacity .3s linear, top .3s ease-out';
    top: -25%
}

.modal.fade.in, .modal.fade.show {
    top: 10%
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid var(--border-base);
    background-color: var(--headerpane-background)
}

.modal-header .close {
    margin-top: 2px
}

.modal-header h3 {
    margin: 0;
    line-height: 30px
}

.modal-body {
    position: relative;
    overflow-y: auto
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right
}

.modal-footer::before, .modal-footer::after {
    display: table;
    content: "";
    line-height: 0
}

.modal-footer::after {
    clear: both
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal {
    border: 1px solid var(--border-base);
    box-shadow: 0 2px 4px 0 var(--shadow-color);
    border-radius: 3px
}

.modal.span12, row-fluid .modal.span12 {
    width: 940px;
    margin-left: -470px
}

.modal.span11, row-fluid .modal.span11 {
    width: 860px;
    margin-left: -430px
}

.modal.span10, row-fluid .modal.span10 {
    width: 780px;
    margin-left: -390px
}

.modal.span9, row-fluid .modal.span9 {
    width: 700px;
    margin-left: -350px
}

.modal.span8, row-fluid .modal.span8 {
    width: 620px;
    margin-left: -310px
}

.modal.span7, row-fluid .modal.span7 {
    width: 540px;
    margin-left: -270px
}

.modal.span6, row-fluid .modal.span6 {
    width: 460px;
    margin-left: -230px
}

.modal.span5, row-fluid .modal.span5 {
    width: 380px;
    margin-left: -190px
}

.modal.span4, row-fluid .modal.span4 {
    width: 300px;
    margin-left: -150px
}

.modal.span3, row-fluid .modal.span3 {
    width: 220px;
    margin-left: -110px
}

.modal.span2, row-fluid .modal.span2 {
    width: 140px;
    margin-left: -70px
}

.modal.span1, row-fluid .modal.span1 {
    width: 60px;
    margin-left: -30px
}

.modal-header {
    border-radius: 3px 3px 0 0
}

.modal-body.record .row-fluid .span6 {
    width: 48%
}

.modal-wide {
    width: 700px;
    margin-left: -350px
}

.modal-body {
    padding: 0 0 58px;
    max-height: 400px
}

.modal-body .modal-content {
    padding: 15px;
    position: relative;
    overflow: auto;
    max-height: 370px
}

.modal-body.with-nav {
    padding-top: 56px;
    overflow-y: hidden
}

.modal-body.with-nav .modal-content {
    max-height: 350px
}

.modal-body.with-tab-nav {
    padding-top: 40px;
    overflow-y: hidden
}

.modal-body.with-tab-nav .modal-content {
    height: 330px
}

.modal.progress-modal .modal-body {
    padding: 0
}

.modal-body textarea {
    text-align: left
}

.modal-wizard-start {
    position: relative;
    padding-top: 0
}

.modal-navigation {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #f1f3f4
}

.modal-navigation .nav-tabs {
    margin: 8px 0 0;
    padding-left: 10px
}

.modal-navigation .breadcrumb.two {
    padding: 2px 0 3px
}

.modal-navigation .breadcrumb.two li {
    padding: 0 1em;
    width: 34%;
    margin: 0;
    box-sizing: border-box
}

.modal-navigation .breadcrumb.two li:first-child {
    padding-left: 0;
    width: 33%
}

.modal-navigation .breadcrumb.two li:last-child {
    padding-right: 0;
    width: 33%
}

.modal-navigation .breadcrumb.two li a {
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    line-height: 18px
}

.modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px
}

.modal:not(.progress-modal) .modal-footer {
    border-top: 1px solid var(--border-base)
}

.modal-backdrop, .modal-backdrop.fade.in, .modal-backdrop.fade.show {
    opacity: 0.5
}

.touch .modal-backdrop {
    display: none
}

body.modal-open {
    overflow: hidden
}

.progress-modal .progress-label {
    line-height: 40px
}

.progress-modal .progress {
    margin-bottom: 22px
}

.modal-stack::before {
    content: "";
    background-image: var(--stack-logo);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: right top
}

div.error-page .error-bg {
    background: url("styleguide/images/flat_stack_404-ZoAbvbd.svg") top right no-repeat;
    background-size: contain;
    flex-grow: 2;
    max-height: 650px
}

div.error-page .error-message {
    z-index: 1
}

div.error-page .error-message p {
    font-size: 15px
}

body.sugar-dark-theme .error-bg {
    opacity: 0.1
}

@media (max-width: 768px) {
    .error-bg {
        height: 100%;
        width: 100%;
        position: absolute;
        opacity: 0.4;
        right: 0;
        top: 0
    }
}

.preview-pane .preview-headerbar {
    width: calc(34vw - 1.5rem);
    position: fixed;
    z-index: 1002
}

.preview-pane .preview-headerbar h1 {
    float: left;
    font-size: 16px;
    font-weight: 600;
    max-width: 50%
}

.preview-pane .preview-headerbar .preview-edit-btn {
    margin: 12px 0 0;
    padding: 7px
}

.preview-pane .preview-headerbar .btn-toolbar {
    padding-left: 0
}

.preview-data {
    margin: 0 7px
}

.preview-data .field-row.hide, .preview-data .field-row.vis_action_hidden {
    display: none
}

.preview-data .field-row .field-label {
    font-size: 11px;
    color: var(--label-color)
}

.preview-data .field-row .field-value {
    position: relative;
    width: 100%
}

.preview-data .field-row .field-value.no-label {
    max-width: 100%
}

.preview-data .record-cell.edit .fieldset-field + .fieldset-field {
    margin-top: -1px
}

.preview-data .record-cell.edit .fieldset-field .record-label {
    display: none
}

.preview-data .record-cell.edit label {
    color: var(--label-color)
}

.preview-data .record-cell > .detail {
    padding: 5px 7px;
    display: block
}

.preview-data .record-cell > .detail.fieldset-inline .ellipsis_inline {
    padding: 0
}

.preview-data .record-cell input[type="text"]:not(.select2-input), .preview-data .record-cell input[type="password"], .preview-data .record-cell textarea, .preview-data .record-cell .uneditable-input {
    font-size: 12px
}

.preview-data .record-cell[data-type="textarea"] span {
    word-wrap: break-word
}

.preview-data .record-cell[data-type="badge"] .detail, .preview-data .record-cell[data-type="badge-select"] .detail, .preview-data .record-cell[data-type="event-status"] .detail {
    padding: 3px 0 0 7px
}

.preview-data .record-cell[data-type="avatar"].edit {
    margin-bottom: 10px
}

.preview-data .record-cell[data-type="avatar"] .image_field.image_edit {
    top: 0;
    left: 5px
}

.preview-data .record-cell[data-type="fullname"].edit {
    padding-left: 0
}

.preview-data .record-cell[data-type="participants"] > .detail {
    padding: 0
}

.preview-data .record-cell[data-type="participants"] .participants {
    width: 100%
}

.preview-data .record-cell[data-type="participants"] .participants .row {
    margin-left: 0;
    display: block
}

.preview-data .record-cell[data-type="participants"] .participants .row .cell:nth-child(2) {
    width: 100%
}

.preview-data .record-cell[data-name="date_entered_by"] {
    margin-bottom: 0
}

.preview-data .record-cell[data-type="parent"] > .edit {
    padding: 5px 7px;
    display: block
}

.preview-data .record-cell[data-type="html"] > .nodata, .preview-data .record-cell[data-type="bool"] > .nodata, .preview-data .record-cell[data-type="text"] > .nodata, .preview-data .record-cell[data-type="int"] > .nodata {
    padding: 5px 7px;
    display: block
}

.preview-data .record-cell[data-type="status"] .detail {
    padding: 3px 7px 0
}

.preview-data .record-cell[data-type="attachments"] .detail {
    padding: 0
}

.preview-data .record-cell[data-type="attachments"] .select2-container {
    float: none
}

.preview-data .record-cell[data-type="attachments"] .select2-container .select2-choices {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.preview-data .dashlet .dashlet-content :not(.tab-pane) > .block-footer {
    text-align: left
}

.preview-data .dashlet .dashlet-content :not(.tab-pane) > .block-footer .btn.more {
    padding: 0
}

.preview-data .dashlet .dashlet-content :not(.tab-pane) > .block-footer .loading {
    margin: 1px 0 0
}

.preview-data .more, .preview-data .less {
    padding-right: 0
}

.preview-pane .preview-headerbar {
    top: calc(3.5rem);
    height: 51px;
    border-top-right-radius: var(--rounded-xl)
}

.preview-pane .preview-headerbar h1 {
    margin: 15px 0 9px 20px
}

.preview-pane .preview-headerbar .btn-toolbar {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px
}

.banner-shifted .preview-pane .preview-headerbar {
    top: 79px
}

.preview-data {
    padding: 14px 15px 14px 16px;
    margin: 60px 16px 44px 14px
}

.drawer-content .preview-data {
    margin-top: 0;
    margin-bottom: 1.25rem
}

.preview-data.block {
    background: var(--foreground-base)
}

.preview-data .process-design + div + div {
    padding-left: 40px
}

.preview-data .field-row {
    display: block
}

.preview-data .field-row:not(:first-child) {
    border-top: 1px solid var(--border-base)
}

.preview-data .field-row .field-label {
    display: block;
    width: 100%;
    text-align: left;
    height: 17px;
    padding: 0;
    margin-top: 7px;
    font-size: 12px
}

.preview-data .field-row .field-label .sicon-sugar-predict {
    margin-right: 3px;
    margin-bottom: 2px;
    color: #8f5ff5
}

.preview-data .field-row .field-label.hide {
    display: none
}

.preview-data .field-row .field-value {
    max-width: initial;
    margin: 0;
    font-size: 14px;
    min-height: 19px;
    margin-bottom: 7px
}

.preview-data .field-row .field-value > .detail {
    padding: 0
}

.preview-data .field-row .field-value > .detail .htmleditable {
    float: none
}

.preview-pane .preview-data .field-label[data-name=picture] {
    display: none !important
}

.preview-pane .preview-data .field-value[data-name=picture] {
    position: absolute;
    top: 2px;
    left: 0
}

.preview-pane .preview-data .field-value[data-name=picture] .label, .preview-pane .preview-data .field-value[data-name=picture] .image_field .image_preview {
    width: 32px;
    height: 32px
}

.preview-pane .preview-data .field-value[data-name=picture] .image_field .image_preview {
    border-radius: 50%;
    overflow: hidden
}

.preview-pane .preview-data .field-value[data-name=picture] .image_field .image_preview img {
    width: inherit !important;
    height: inherit !important
}

.preview-pane .preview-data .field-label[data-name=name] > span:not(.hide), .preview-pane .preview-data .field-value[data-name=name] > span:not(.hide), .preview-pane .preview-data .field-label[data-name=full_name] > span:not(.hide), .preview-pane .preview-data .field-value[data-name=full_name] > span:not(.hide) {
    display: inline-block;
    width: 100%
}

.preview-pane .field-row:nth-child(2) {
    border-top: 0;
    margin-left: 40px
}

.preview-pane .field-row:nth-child(2) .field-label {
    margin-top: 0
}

.preview-pane .field-row.picture-data {
    margin-left: 0
}

.preview-pane .show-hide-toggle {
    display: block;
    margin-top: 0 !important
}

.preview-pane .show-hide-toggle > button {
    padding-left: 0
}

.side .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs, .sidebar-content .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs {
    margin-top: 55px;
    margin-left: 16px
}

.drawer-content .side .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs, .drawer-content .sidebar-content .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs {
    margin-top: 0
}

.side .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .nav-item, .sidebar-content .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .nav-item {
    border: none;
    margin: 0;
    padding: 13px 14px
}

.side .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .nav-item.active, .sidebar-content .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .nav-item.active {
    border-bottom: 3px #0679c8 solid
}

.side .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .nav-item:first-child, .sidebar-content .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .nav-item:first-child {
    margin-left: 0
}

.side .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .nav-item.border-right, .sidebar-content .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .nav-item.border-right {
    border-right: none
}

.side .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .active a, .sidebar-content .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .active a {
    color: #0679c8
}

.side .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .preview-data, .sidebar-content .tabbable:not(.hide-tabs) .preview-pane-tabs.nav-tabs .preview-data {
    margin-top: 1rem
}

.side .tabbable:not(.hide-tabs).preview-active .preview-data, .sidebar-content .tabbable:not(.hide-tabs).preview-active .preview-data {
    margin-top: 1rem
}

.drawer-content .side .tabbable:not(.hide-tabs).preview-active .preview-data, .drawer-content .sidebar-content .tabbable:not(.hide-tabs).preview-active .preview-data {
    margin-top: 0
}

svg {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 500px
}

svg text {
    font: normal 11px 'Helvetica Neue', Arial, sans-serif;
    fill: var(--text-base);
    stroke: none;
    cursor: default
}

svg .title {
    font: bold 13px "Inter", "Helvetica Neue", Arial, sans-serif
}

.nv-background {
    fill: #fff
}

.nv-chart-background {
    fill: transparent;
    stroke-width: 0.5px;
    stroke: #6f777b
}

.nv-chart-texture {
        background: url("styleguide/images/texture/texture-noise-WikzR1b.png")
}

.nv-image-canvas {
    visibility: hidden;
    position: absolute;
    left: -10000px
}

.nv-chart-print {
    visibility: hidden;
    position: absolute !important;
    left: -10000px;
    width: 720px;
    height: 480px
}

.nv-chart-print svg text {
    font-size: 15px
}

.nv-chart-print .nv-y.nv-axis text, .nv-chart-print .nv-x.nv-axis text {
    font-size: 13px
}

.nv-chart-print text.nv-title {
    font-size: 15px
}

.nv-chart-print .nv-legend text {
    font-size: 13px
}

.nv-chart {
    height: 400px;
    min-width: 300px;
    min-height: 100px;
    overflow: hidden;
    position: relative
}

.nv-chart svg {
    max-height: none
}

.nv-noData {
    font-size: 15px;
    font-weight: bold
}

.nv-title {
    font-size: 13px
}

.nv-labels text {
    font-weight: bold;
    fill: #4d5154
}

.nv-label-value text, text.nv-label-value {
    font-size: 13px
}

.nv-label-box {
    fill: rgba(0, 0, 0, 0)
}

.nvtooltip {
    pointer-events: none
}

.nvtooltip-pending-removal {
    position: absolute;
    pointer-events: none
}

.nv-brush .extent {
    fill-opacity: 0.125;
    shape-rendering: crispEdges
}

.nv-brush .resize path {
    fill: #f1f3f4;
    stroke: #4d5154
}

.nv-brush .extent {
    fill-opacity: 0 !important
}

.nv-brushBackground rect {
    stroke: #000;
    stroke-width: 0.4;
    fill: #fff;
    fill-opacity: 0.7
}

.nv-legend .nv-series {
    cursor: pointer;
    font-size: 11px
}

.nv-legend .nv-series line {
    fill: none
}

.nv-legend .nv-series text {
    cursor: pointer
}

.nv-legend .disabled circle {
    fill: #fff
}

.nv-legend-background {
    fill: #f8fafc;
    stroke: #e5eaed;
    stroke-width: 1px
}

.nv-legend-link {
    cursor: pointer;
    fill: var(--text-action)
}

.nv-legend-link:hover {
    fill: var(--link-color-hover);
    text-decoration: underline
}

.nv-lineLegend .nv-series {
    cursor: default
}

.nv-lineLegend .nv-series text {
    cursor: default
}

.nv-axis path, .nv-axis line, .nv-axis polyline {
    fill: none;
    stroke: #6f777b;
    stroke-width: 1px;
    shape-rendering: crispEdges;
    pointer-events: none
}

.nv-axis line, .nv-axis polyline {
    stroke-opacity: 0.3
}

.nv-axis path, .nv-axis line.zero {
    stroke-opacity: 0.75
}

.nv-axis path.domain {
    stroke-width: 2px;
    stroke: #9ba1a6
}

.nv-axis .nv-axisMaxMin text {
    font-weight: bold
}

.nv-x.nv-axis text {
    font-size: 11px
}

.nv-axislabel {
    font-weight: 900;
    font-style: italic
}

.nv-multibar .nv-group rect {
    stroke-opacity: 1;
    stroke-width: 2px;
    stroke: #fff
}

.nv-multibar .nv-group.hover rect {
    fill-opacity: 0.75
}

.nv-texture {
    fill-opacity: 0 !important;
    pointer-events: none
}

.texture-line {
    stroke-width: 1px
}

.nv-active .nv-texture {
    fill-opacity: 1 !important
}

.nv-active .nv-label-box {
    fill: inherit
}

.nv-inactive .nv-texture {
    fill-opacity: 0 !important
}

.calc-text-strings, .nv-multibar .nv-groups text {
    fill: #000;
    stroke: rgba(0, 0, 0, 0);
    pointer-events: none
}

.nv-pie .nv-slice.hover path {
    fill-opacity: 0.75
}

.nv-holeWrap text {
    text-anchor: middle
}

text.nv-pie-hole-value {
    font-size: 32px;
    font-weight: bold
}

text.nv-pie-hole-label {
    font-size: 11px
}

.nv-groups path.nv-line {
    fill: none;
    stroke-width: 2.5px;
    stroke-linecap: round;
    shape-rendering: geometricPrecision
}

.nv-groups path.nv-area {
    stroke: none;
    stroke-linecap: round;
    shape-rendering: geometricPrecision
}

.nv-line.hover path {
    stroke-width: 6px
}

.nv-line .nv-scatter .nv-groups .nv-point {
    fill-opacity: 1;
    stroke-opacity: 1;
    stroke: #fff
}

.nv-scatter.nv-single-point .nv-groups .nv-point {
    stroke-width: 2px
}

.nv-scatter .nv-groups .nv-point.hover, .nv-groups .nv-point.hover {
    stroke-width: 16px;
    stroke-opacity: 0.5 !important;
    stroke: inherit
}

.nv-point-paths path {
    stroke: transparent;
    stroke-opacity: 0;
    fill: transparent;
    fill-opacity: 0
}

.nv-indexLine {
    cursor: ew-resize
}

.nv-distribution {
    pointer-events: none
}

.nv-groups .nv-point {
    pointer-events: none
}

.nv-groups .nv-point.hover {
    stroke-width: 20px;
    stroke-opacity: 0.5
}

.nv-scatter .nv-point.hover {
    fill-opacity: 1
}

.nv-stackedarea path.nv-area {
    fill-opacity: 0.7;
    stroke-opacity: 0
}

.nv-stackedarea path.nv-area.hover {
    fill-opacity: 0.9
}

.nv-stackedarea .nv-groups .nv-point {
    stroke-opacity: 0;
    fill-opacity: 0
}

.nv-stackedarea .nv-groups .nv-point.hover {
    stroke-width: 20px;
    stroke-opacity: 0.75;
    fill-opacity: 1
}

.nv-linePlusBar .nv-bar rect {
    fill-opacity: 0.75
}

.nv-linePlusBar .nv-bar rect:hover {
    fill-opacity: 1
}

.nv-sparklineplus .nv-hoverValue line {
    stroke: #f44;
    stroke-width: 1.5px
}

.nv-sparklineplus, .nv-sparklineplus g {
    pointer-events: all
}

.nv-hoverArea {
    fill-opacity: 0;
    stroke-opacity: 0
}

.nv-sparklineplus .nv-xValue, .nv-sparklineplus .nv-yValue {
    stroke: #4d5154;
    font-size: 0.5em;
    font-weight: normal
}

.nv-sparklineplus .nv-yValue {
    stroke: #f66
}

.nv-odomText {
    font-weight: bold;
    fill: #000
}

.nv-arc-group {
    fill: #36b0ff
}

.nv-pointer {
    fill: #9ba1a6;
    stroke: #fff
}

.nv-funnelChart .nv-slice.hover polygon {
    fill-opacity: 0.75
}

.nv-funnelChart .nv-y path {
    stroke: none
}

.nv-funnelChart .nv-label-value text.nv-label {
    font-size: 11px
}

.nv-funnelChart .nv-label-value text.nv-value {
    font-size: 13px
}

.nv-bubbleChart .nv-scatter.nv-single-point .nv-groups .nv-point {
    fill-opacity: 1;
    stroke-opacity: 1
}

.nv-multiBarWithLegend .nv-line .nv-scatter .nv-groups .nv-point {
    fill-opacity: 1;
    stroke-opacity: 1;
    stroke-width: 2px
}

.nv-pareto .nv-quotaWrap line {
    opacity: 0.8;
    stroke: #4d5154;
    stroke-width: 4px;
    fill: none
}

.nv-pareto .nv-quotaWrap line.nv-quotaLineTarget {
    stroke: #6f777b
}

.nv-pareto .nv-quotaWrap line.nv-quotaLineBackground {
    opacity: 0;
    stroke-width: 12px
}

.nv-pareto .nv-y.nv-axis .domain {
    display: none
}

.nv-pareto .nv-y.nv-axis text.nv-quotaValue, .nv-pareto .nv-y.nv-axis text.nv-targetQuotaValue {
    font-weight: bold
}

.nv-pareto .nv-line .nv-groups path {
    stroke-width: 4px
}

.nv-pareto .nv-linesWrap1 .nv-line .nv-groups path {
    stroke-width: 6px
}

.nv-pareto .nv-linesWrap2 .nv-scatter .nv-groups circle {
    stroke: #fff
}

.nv-treemap svg {
    background-color: #fff
}

.nv-treemap svg text {
    pointer-events: none;
    fill: #fff
}

.nv-treemap svg .nv-depth text {
    fill: #fff
}

.nv-treemap svg .nv-grandparent text {
    font-weight: bold;
    fill: #4d5154
}

.nv-treemap svg rect {
    stroke: #fff
}

.nv-treemap svg .nv-children.hover .nv-parent {
    fill: #fff;
    opacity: 0.3
}

.nv-treemap svg .nv-parent, .nv-treemap svg .nv-grandparent rect {
    stroke-width: 3px
}

.nv-treemap svg .nv-child {
    stroke-width: 1px
}

.nv-treemap svg .nv-parent {
    fill: none;
    font-weight: normal
}

.nv-treemap svg .nv-grandparent rect {
    fill: #fff
}

.nv-treemap svg .nv-children .nv-parent, .nv-treemap svg .nv-grandparent rect {
    cursor: pointer
}

.nv-treemap svg .nv-parent {
    pointer-events: all
}

.nv-card {
    fill: #f1f3f4;
    stroke: #9ba1a6;
    stroke-width: 0.5px
}

.nv-card .nv-circ-front {
    stroke-width: 0
}

.nv-card line {
    stroke-width: 2
}

.nv-card .nv-expcoll {
    cursor: pointer
}

.nv-tree path.link {
    fill: none;
    stroke: #f1f3f4;
    stroke-width: 1.5px
}

.nv-fill-green {
    fill: #00ba83;
    background-color: #00ba83
}

.nv-fill-red {
    fill: #fa374f;
    background-color: #fa374f
}

.nv-fill-blue {
    fill: #0679c8;
    background-color: #0679c8
}

.nv-fill00 {
    fill: #0679c8;
    background-color: #0679c8
}

.nv-fill01 {
    fill: #00e0e0;
    background-color: #00e0e0
}

.nv-fill02 {
    fill: #fa374f;
    background-color: #fa374f
}

.nv-fill03 {
    fill: #ffd132;
    background-color: #ffd132
}

.nv-fill04 {
    fill: #8f5ff5;
    background-color: #8f5ff5
}

.nv-fill05 {
    fill: #cd74f2;
    background-color: #cd74f2
}

.nv-fill06 {
    fill: #6cdf46;
    background-color: #6cdf46
}

.nv-fill07 {
    fill: #00ba83;
    background-color: #00ba83
}

.nv-fill08 {
    fill: #f476b1;
    background-color: #f476b1
}

.nv-fill09 {
    fill: #517bf8;
    background-color: #517bf8
}

.nv-fill10 {
    fill: #ff9445;
    background-color: #ff9445
}

.nv-fill11 {
    fill: #36b0ff;
    background-color: #36b0ff
}

.nv-fill12 {
    fill: #a23354;
    background-color: #a23354
}

.nv-fill13 {
    fill: #2b2d2e;
    background-color: #2b2d2e
}

.nv-legend .nv-fill00 {
    stroke: #0679c8
}

.nv-legend .nv-fill01 {
    stroke: #00e0e0
}

.nv-legend .nv-fill02 {
    stroke: #fa374f
}

.nv-legend .nv-fill03 {
    stroke: #ffd132
}

.nv-legend .nv-fill04 {
    stroke: #8f5ff5
}

.nv-legend .nv-fill05 {
    stroke: #cd74f2
}

.nv-legend .nv-fill06 {
    stroke: #6cdf46
}

.nv-legend .nv-fill07 {
    stroke: #00ba83
}

.nv-legend .nv-fill08 {
    stroke: #f476b1
}

.nv-legend .nv-fill09 {
    stroke: #517bf8
}

.nv-legend .nv-fill10 {
    stroke: #ff9445
}

.nv-legend .nv-fill11 {
    stroke: #36b0ff
}

.nv-legend .nv-fill12 {
    stroke: #a23354
}

.nv-legend .nv-fill13 {
    stroke: #2b2d2e
}

.nv-stroke00 {
    stroke: #0679c8;
    color: #0679c8
}

.nv-stroke01 {
    stroke: #00e0e0;
    color: #00e0e0
}

.nv-stroke02 {
    stroke: #fa374f;
    color: #fa374f
}

.nv-stroke03 {
    stroke: #ffd132;
    color: #ffd132
}

.nv-stroke04 {
    stroke: #8f5ff5;
    color: #8f5ff5
}

.nv-stroke05 {
    stroke: #cd74f2;
    color: #cd74f2
}

.nv-stroke06 {
    stroke: #6cdf46;
    color: #6cdf46
}

.nv-stroke07 {
    stroke: #00ba83;
    color: #00ba83
}

.nv-stroke08 {
    stroke: #f476b1;
    color: #f476b1
}

.nv-stroke09 {
    stroke: #517bf8;
    color: #517bf8
}

.nv-stroke10 {
    stroke: #ff9445;
    color: #ff9445
}

.nv-stroke11 {
    stroke: #36b0ff;
    color: #36b0ff
}

.nv-stroke12 {
    stroke: #a23354;
    color: #a23354
}

.nv-stroke13 {
    stroke: #2b2d2e;
    color: #2b2d2e
}

.dashboard .dashlet:not(.collapsed) .dashlet-content > div {
    height: 100%
}

.dashboard .dashlet:not(.collapsed) .sc-chart, .dashboard .dashlet:not(.collapsed) .nv-chart {
    height: calc(100% - 16px)
}

.dashboard .dashlet:not(.collapsed) .sales-pipeline-wrapper {
    height: calc(100% - 48px)
}

.dashboard .dashlet:not(.collapsed) .sales-pipeline-wrapper .sales-pipeline-chart {
    height: calc(100% - 16px)
}

.dashboard .dashlet:not(.collapsed) .dashlet-options + .sc-chart, .dashboard .dashlet:not(.collapsed) .dashlet-options + .nv-chart, .dashboard .dashlet:not(.collapsed) .process-users-chart .sc-chart, .dashboard .dashlet:not(.collapsed) .process-users-chart .nv-chart, .dashboard .dashlet:not(.collapsed) .sales-pipeline-wrapper, .dashboard .dashlet:not(.collapsed) .opportunity-pipeline-wrapper .nv-chart, .dashboard .dashlet:not(.collapsed) .forecast-pareto-chart, .dashboard .dashlet:not(.collapsed) .forecasts-chart-wrapper .nv-chart {
    height: calc(100% - 55px)
}

.dashboard .dashlet:not(.collapsed) .twitter-widget.scroll {
    max-height: calc(100% - 39px)
}

.dashboard .dashlet:not(.collapsed) svg {
    max-height: 100%
}

.sidebar-content .thumbnail.dashlet:not(.collapsed) .sc-chart, .sidebar-content .thumbnail.dashlet:not(.collapsed) .nv-chart {
    height: calc(100% - 16px)
}

.sidebar-content .thumbnail.dashlet:not(.collapsed) .dashlet-options + .sc-chart, .sidebar-content .thumbnail.dashlet:not(.collapsed) .dashlet-options + .nv-chart, .sidebar-content .thumbnail.dashlet:not(.collapsed) .process-users-chart .sc-chart, .sidebar-content .thumbnail.dashlet:not(.collapsed) .process-users-chart .nv-chart, .sidebar-content .thumbnail.dashlet:not(.collapsed) .sales-pipeline-chart, .sidebar-content .thumbnail.dashlet:not(.collapsed) .opportunity-pipeline-wrapper .nv-chart, .sidebar-content .thumbnail.dashlet:not(.collapsed) .forecast-pareto-chart, .sidebar-content .thumbnail.dashlet:not(.collapsed) .forecasts-chart-wrapper .nv-chart {
    height: calc(100% - 55px)
}

.sidebar-content .thumbnail.dashlet:not(.collapsed) .opportunity-metrics-wrapper [data-content='chart'] {
    height: calc(100% - 8px)
}

.sidebar-content .thumbnail.dashlet:not(.collapsed) .opportunity-metrics-wrapper .opportunity-metrics-chart {
    margin-bottom: 14px;
    height: calc(100% - 89px)
}

.sidebar-content .thumbnail.dashlet:not(.collapsed) .cases-summary-wrapper [data-content='chart'] {
    height: calc(100% - 8px)
}

.sidebar-content .thumbnail.dashlet:not(.collapsed) .cases-summary-wrapper .nav-tabs li {
    margin-top: 0
}

.sidebar-content .thumbnail.dashlet:not(.collapsed) .cases-summary-wrapper .tab-content {
    height: calc(100% - 52px)
}

.sidebar-content .thumbnail.dashlet:not(.collapsed) .cases-summary-wrapper .tab-content .tab-pane {
    height: calc(100% - 8px)
}

.sidebar-content .thumbnail.dashlet:not(.collapsed) .cases-summary-wrapper .tab-content .tab-pane .cases-summary-chart, .sidebar-content .thumbnail.dashlet:not(.collapsed) .cases-summary-wrapper .tab-content .tab-pane .nv-chart-cases {
    height: calc(100% - 8px)
}

.drillthrough-pane .sc-chart {
    min-height: 348px
}

span.count {
    font-size: 16px;
    display: block
}

span.count.label {
    font-size: 14px;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 22px;
    padding: 3px
}

.rotatedLabel {
    transform: rotate(-90deg)
}

.rotatedLabelReverse {
    transform: rotate(90deg)
}

@-webkit-keyframes animaopacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes animaopacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes animaopacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes animaopacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.organization-chart .sc-org-bkgd, .nv-chart-org .sc-org-bkgd, .organization-chart .nv-org-bkgd, .nv-chart-org .nv-org-bkgd {
    stroke: #d9dddf;
    stroke-width: 2px
}

.organization-chart .sc-org-node text, .nv-chart-org .sc-org-node text, .organization-chart .nv-org-node text, .nv-chart-org .nv-org-node text {
    font: normal normal 300 10px normal "Helvetica Neue", Arial, sans-serif;
    font-stretch: normal
}

.organization-chart .sc-org-node text.sc-org-name, .nv-chart-org .sc-org-node text.sc-org-name, .organization-chart .nv-org-node text.sc-org-name, .nv-chart-org .nv-org-node text.sc-org-name, .organization-chart .sc-org-node text.nv-org-name, .nv-chart-org .sc-org-node text.nv-org-name, .organization-chart .nv-org-node text.nv-org-name, .nv-chart-org .nv-org-node text.nv-org-name {
    font-size: 10px;
    fill: var(--text-action)
}

.organization-chart .sc-org-node text.sc-org-name.hover, .nv-chart-org .sc-org-node text.sc-org-name.hover, .organization-chart .nv-org-node text.sc-org-name.hover, .nv-chart-org .nv-org-node text.sc-org-name.hover, .organization-chart .sc-org-node text.nv-org-name.hover, .nv-chart-org .sc-org-node text.nv-org-name.hover, .organization-chart .nv-org-node text.nv-org-name.hover, .nv-chart-org .nv-org-node text.nv-org-name.hover {
    text-decoration: underline
}

.organization-chart .sc-org-node text.sc-org-title, .nv-chart-org .sc-org-node text.sc-org-title, .organization-chart .nv-org-node text.sc-org-title, .nv-chart-org .nv-org-node text.sc-org-title, .organization-chart .sc-org-node text.nv-org-title, .nv-chart-org .sc-org-node text.nv-org-title, .organization-chart .nv-org-node text.nv-org-title, .nv-chart-org .nv-org-node text.nv-org-title {
    font-size: 8px
}

.btn-slider {
    display: inline-block;
    padding: 5px
}

.btn-slider .noUiSlider {
    width: 50px;
    height: 4px;
    display: inline-block;
    margin: 0;
    position: relative;
    top: -1px
}

.btn-slider .noUiSliderEnds {
    width: 50px;
    margin: 0 30px 0 0
}

.btn-slider .noUiSliderEnds .zoom-control {
    position: absolute;
    top: 3px;
    cursor: pointer
}

.btn-slider .noUiSliderEnds .zoom-control.disabled {
    color: #9ba1a6 !important
}

.btn-slider .noUiSliderEnds i[data-control="zoom-out"] {
    left: -26px
}

.btn-slider .noUiSliderEnds i[data-control="zoom-in"] {
    right: -26px
}

.btn-slider .noUiSliderEnds::before, .btn-slider .noUiSliderEnds::after {
    top: 6px;
    height: 4px
}

.btn-slider .noUiSliderEnds::before {
    border-radius: 2px 0 0 2px;
    left: -6px
}

.btn-slider .noUiSliderEnds::after {
    border-radius: 0 2px 2px 0;
    right: -6px
}

.chart-icon svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: block;
    padding: 3px
}

.stage_closedwon {
    fill: #6cdf46
}

.stage_prospecting {
    fill: #000
}

.stage_closedlost {
    fill: #fa374f
}

.stage_qualification {
    fill: #ff9445
}

.stage_thisopp {
    fill: #00636e
}

.stage_negotiationreview {
    fill: #000
}

.stage_perceptionanalysis {
    fill: #002117
}

.stage_proposalpricequote {
    fill: #000
}

.stage_valueproposition {
    fill: #ff9445
}

.stage_iddecisionmakers {
    fill: #8f5ff5
}

.stage_needsanalysis {
    fill: #fec500
}

.sc-print {
    visibility: hidden;
    position: fixed;
    left: -10000px;
    width: 720px;
    height: 480px
}

.sc-print-chart {
    width: 1000px;
    height: 800px;
    top: 0
}

.howto {
    border: 1px solid var(--border-base);
    border-radius: 3px;
    background-color: var(--foreground-base);
    padding: 10px;
    box-shadow: 0 2px 4px 0 var(--shadow-color)
}

.howto h3 {
    font-size: 15px;
    padding: 0 10px 10px;
    margin: 0 -10px 10px -10px;
    line-height: 18px;
    border-bottom: 1px solid var(--border-base);
    font-weight: normal
}

.currency-field {
    white-space: nowrap
}

.currency-field label.original {
    margin: 0 6px 0 0;
    display: inline-block;
    color: var(--text-base);
    background-color: var(--label-background);
    border-radius: 3px;
    padding: 2px 4px
}

.currency-field .converted {
    display: inline-block;
    width: calc(50% - 6px)
}

.welcome {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0
}

.welcome .modal-header {
    padding: 9px 10px
}

.welcome .modal-header .step-circle .sicon-check-circle-lg {
    display: inline-block
}

.welcome .modal-body {
    padding: 10px 8px 54px;
    min-height: 168px;
    margin: 0;
    background-color: var(--foreground-base)
}

.welcome .modal-body.record .record-cell:first-child {
    margin-left: 5px
}

.welcome .record {
    background-color: var(--foreground-base)
}

.welcome .modal-header-firstlogin {
    position: relative;
    padding: 10px 0
}

.welcome .modal-header-firstlogin .firstlogin-title {
    display: inline-block;
    box-sizing: border-box;
    margin-left: 3.5rem
}

.welcome .modal-header-firstlogin .firstlogin-title span {
    display: inline-block;
    font-size: 0.77rem
}

.welcome .modal-header-firstlogin .firstlogin-title h3 {
    line-height: 24px
}

.welcome .modal-header-firstlogin .consent-firstlogin-title {
    padding-left: 13px
}

.welcome .modal-header-firstlogin .progress-section {
    display: inline-block;
    box-sizing: border-box;
    margin-right: 14px;
    width: 12.5rem
}

.welcome .modal-header-firstlogin .progress-section .progress-success {
    width: 100%;
    border-radius: var(--rounded-sm)
}

.welcome .modal-header-firstlogin .progress-section .progress-success .bar {
    background-color: var(--emerald-500)
}

.welcome .control-group input[type="password"], .welcome .control-group input[type="text"] {
    margin-bottom: 10px;
    width: 224px;
    border-radius: var(--rounded-sm)
}

.welcome .thumbnails {
    margin: 0
}

.welcome .thumbnails li {
    margin-bottom: 9px
}

.welcome .thumbnails li.span3 .thumbnail {
    padding: 14px 6px;
    height: 44px
}

.welcome .thumbnails .thumbnail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 60px;
    padding: 6px;
    color: var(--text-base);
    background-color: var(--content-background);
    transition: all 0s
}

.welcome .thumbnails .thumbnail span {
    text-align: center
}

.welcome .thumbnails .thumbnail img {
    width: 18px
}

.welcome .thumbnails .thumbnail:hover {
    box-shadow: 0 2px 4px 0 var(--shadow-color);
    border: none
}

.welcome .thumbnails .thumbnail:hover i {
    text-decoration: none;
    color: var(--sicon-hover-color)
}

.welcome .small-modal {
    min-height: 0
}

.welcome .small-modal .consent-cookie {
    padding-left: 5px
}

.welcome .small-modal .consent-cookie input[type=checkbox] {
    display: inline-block;
    margin: 0 1px 2px 0
}

.welcome .small-modal .consent-cookie span {
    color: var(--text-base)
}

.welcome .control-group input[type="password"], .welcome .control-group input[type="text"] {
    border-radius: var(--rounded-sm)
}

.thumbnail.signup, .thumbnail.login {
    border-radius: var(--rounded-lg);
    width: 240px;
    margin: 0 auto;
    padding: 20px;
    top: 15%
}

.thumbnail.signup .brand, .thumbnail.login .brand {
    margin-top: 0
}

.thumbnail.signup .brand img, .thumbnail.login .brand img {
    max-width: 200px
}

.thumbnail.signup form, .thumbnail.login form {
    margin-bottom: 0
}

.thumbnail.signup .help-block, .thumbnail.login .help-block {
    margin: 8px 0 0;
    float: left;
    display: block
}

.thumbnail.signup .control-group, .thumbnail.login .control-group {
    margin-bottom: 0
}

.signup-footer, .login-footer {
    text-align: right;
    margin-right: 20px;
    margin-top: 8px
}

.password-reqs-status {
    border-top-left-radius: var(--rounded-sm);
    border-top-right-radius: var(--rounded-sm);
    border-bottom: none;
    padding: 4px
}

.password-reqs {
    list-style: none;
    text-align: left;
    margin-left: 0;
    border-bottom-left-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm);
    padding: 4px 8px;
    margin-bottom: 18px
}

.login .control-group > .edit > .input-append, .signup .control-group > .edit > .input-append {
    width: 219px
}

.thumbnail.signup, .thumbnail.login {
    border-radius: var(--rounded-lg);
    background: var(--foreground-base);
    position: relative;
    z-index: 1
}

.thumbnail.signup form > .help-block, .thumbnail.login form > .help-block, .thumbnail.signup form .signup-footer, .thumbnail.login form .signup-footer {
    margin-left: 10px
}

.login-selection {
    bottom: 1.25rem;
    width: 40%
}

.marketing-extras {
    position: fixed;
    right: 0;
    width: 60%;
    height: 100%;
    direction: ltr
}

.marketing-extras .iframe-container {
    width: 100%;
    height: 100%
}

.marketing-extras iframe {
    width: 100%;
    height: 100%;
    border: none
}

@media (max-width: 750px) {
    .welcome {
        width: 100%
    }

    .login-selection {
        width: 100%
    }

    .marketing-extras {
        display: none
    }
}

.administration {
    min-height: 100%
}

.administration .headerpane {
    position: static;
    border-bottom: none
}

.administration .headerpane h1 {
    background: var(--background-base)
}

.administration .content-grid {
    max-width: 1440px
}

.administration .content-grid .content-container .action-items img {
    width: 12px;
    height: 12px
}

.drive-path h3 {
    font-size: 20px;
    line-height: 28px;
    margin: 10px 0
}

.drive-path h5 {
    font-size: 14px;
    line-height: 20px;
    max-width: 680px;
    margin: 10px 0
}

.drive-path .recordPath {
    height: 24px
}

.drive-path .recordPath:not([readonly]) {
    background-color: var(--input-background);
    border: 1px solid var(--border-base);
    border-radius: var(--rounded-sm);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear .2s, box-shadow linear .2s
}

.drive-path .span3, .drive-path .span6, .drive-path .span9 {
    margin-left: 8px
}

.table tr td {
    vertical-align: middle
}

.table tr td a {
    vertical-align: middle
}

.btn[name="shared_button"].disabled {
    color: #999;
    border-color: #999
}

.btn[name="shared_button"].disabled:hover {
    background-color: var(--btn-background);
    color: #999;
    border-color: #999;
    cursor: not-allowed
}

.topline {
    clear: both;
    position: relative;
    border-bottom: 1px solid var(--border-color-light)
}

.topline .controls {
    float: left
}

.topline .controls .control-label {
    margin-bottom: 0
}

.topline .controls .select2-choice {
    border: 0 none;
    background-image: none;
    background-color: transparent;
    color: var(--text-base);
    box-shadow: none;
    padding-left: 0
}

.topline .controls .select2-choice span {
    font-size: 15px
}

.topline .controls .select2-choice:focus {
    box-shadow: none;
    border: 0 none
}

.topline .controls select {
    width: 160px
}

.topline select {
    width: 130px
}

.topline hr {
    margin: 8px 0 -1px;
    padding: 0;
    border-top: 2px solid #6f777b
}

.topline table {
    margin: 0
}

.topline .btn {
    position: absolute;
    right: 10px;
    top: 10px
}

.topline .title {
    padding: 10px 10px 0 0;
    margin-left: 20px;
    float: left
}

.topline .datapoint {
    min-width: 120px
}

.topline .datapoint1 {
    float: right;
    margin-top: 10px;
    min-width: 120px;
    padding-right: 20px
}

.topline .datapoint2 {
    float: right;
    margin-top: 10px;
    min-width: 120px
}

.topline .log {
    position: absolute;
    overflow: hidden;
    top: 57px;
    color: #9ba1a6
}

.topline .log .datapoint1, .topline .log .datapoint2 {
    position: absolute;
    top: 0;
    width: 120px
}

.topline .log .datapoint1 {
    right: 150px
}

.topline .log .datapoint2 {
    right: 20px
}

.topline .log .title {
    padding: 0 10px 10px 0
}

.topline .log .toggle {
    padding-top: 3px
}

.topline .datapoint1, .topline .log .datapoint1 {
    right: -20px
}

.topline .datapoint2, .topline .log .datapoint2 {
    right: 110px
}

.topline div.divider {
    float: left;
    right: auto;
    right: 121px;
    border-right: 1px solid var(--border-color-light);
    height: 80px;
    width: 1px;
    top: 0;
    padding-left: 13px;
    margin-right: 10px
}

.topline .row-fluid {
    margin: 0;
    padding: 0
}

.topline .span4 {
    margin-left: 1rem;
    width: 29.914893614%;
    padding: 10px 10px 0 0
}

.topline .span4::before {
    width: 6px;
    background-color: #0679c8;
    height: 74px;
    left: 5px;
    content: "";
    top: 3px;
    position: absolute
}

.topline .span8 {
    width: 63.957447%
}

.topline .span12 {
    width: 96%;
    margin-right: 2%
}

.topline .hr {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid var(--border-color-light);
    float: left
}

.topline .sicon.font-green, .info .results.extend .sicon.font-green {
    color: #00ba83
}

.topline .sicon.font-red, .info .results.extend .sicon.font-red {
    color: #fa374f
}

#history_log_results article:nth-child(even), #history_log_results article:nth-child(odd) {
    background-color: transparent;
    border-top: 1px solid #6f777b;
    border-bottom-color: #2b2d2e;
    padding: 10px 20px
}

.info .results.extend {
    max-height: 118px;
    background-color: var(--history-log-background);
    background-color: #4d5154 \9;
    background-image: none;
    color: var(--history-log-color);
    outline: 0;
    position: relative;
    margin: 0;
    padding: 0
}

.info .relativetime {
    position: relative;
    top: -2px
}

.info .last-commit {
    border-bottom: 1px solid var(--border-color-light)
}

.info .last-commit .datapoint {
    float: left;
    min-width: 120px;
    text-align: right
}

.info .last-commit .span8 {
    float: right
}

.info .last-commit .span12 {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%
}

.info .last-commit .span12.commit-date {
    min-height: inherit;
    padding: 8px 18px;
    margin-left: 0
}

.info .last-commit .hr {
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--border-color-light);
    float: left
}

.info .row-fluid .span4 {
    min-height: inherit;
    padding: 8px 18px;
    margin-left: 0
}

.topline-timeperiod-dropdown {
    border: 1px solid var(--border-base);
    width: auto;
    margin-top: 5px
}

.topline-timeperiod-dropdown .result-selected {
    display: block;
    font-weight: bold
}

.topline-timeperiod-dropdown .select2-search {
    padding-top: 4px
}

.topline-timeperiod-dropdown .select2-results {
    margin: 0;
    padding: 0;
    max-height: 235px
}

.topline-timeperiod-dropdown .select2-results li {
    line-height: 26px;
    border-bottom: 1px solid var(--border-color-light)
}

.topline-timeperiod-dropdown .select2-results li:hover, .topline-timeperiod-dropdown .select2-results .select2-highlighted {
    background: var(--dropdown-link-background-hover);
    color: var(--dropdown-link-color-hover)
}

.data2 {
    font-size: 12px
}

.control-group.datefilter .controls {
    margin: 0
}

.control-group.datefilter select {
    width: 350px
}

.control-group.filter .indicator {
    cursor: pointer
}

.show_custom_bucketsFields .noUiSliderEnds {
    width: 240px
}

.show_custom_bucketsFields .noUiSliderEnds .noUiSlider {
    width: 240px
}

.show_custom_bucketsFields #plhExclude input[disabled="disabled"], .show_custom_bucketsFields #plhCustomWithoutProbability input[disabled="disabled"] {
    visibility: hidden
}

.show_custom_bucketsFields #plhCustomProbabilityRanges div.clearfix > div:not(:last-child) {
    margin-top: 35px
}

.show_custom_bucketsFields #plhCustomWithoutProbability {
    margin-bottom: 8px
}

.show_custom_bucketsFields #plhCustomWithoutProbability div.clearfix > div {
    margin-top: 15px
}

.show_custom_bucketsFields #plhCustomWithoutProbability div.clearfix div.btn_group, .show_custom_bucketsFields #plhCustomProbabilityRanges div.clearfix div.btn_group {
    float: left;
    margin-top: 32px
}

.forecast-details {
    margin: 0
}

.forecast-details .row-fluid {
    padding: 10px;
    border-bottom: 1px solid var(--border-color-light);
    box-sizing: border-box
}

.forecast-details .row-fluid:not(:last-child) {
    line-height: 28px
}

.forecast-details .row-fluid.deficitRow {
    background-color: var(--foreground-base);
    border-top: 1px solid var(--border-color-light);
    font-weight: 600
}

.forecast-details .row-fluid.deficitRow.font-green {
    color: #00ba83
}

.forecast-details .row-fluid.deficitRow.font-red {
    color: #fa374f
}

.forecast-details .row-fluid:last-child {
    background-color: var(--foreground-base)
}

.forecast-details .row-fluid:last-child div[class*="span"] {
    padding: 0 5px;
    line-height: 18px
}

.forecast-details .row-fluid:last-child div[class*="span"]:first-child {
    padding-left: 0
}

.forecast-details .row-fluid:last-child div[class*="span"]:last-child {
    padding-right: 0
}

.forecast-details .row-fluid:last-child div[class*="span"] > div:last-child {
    font-size: 11px;
    line-height: 16px;
    padding: 8px;
    margin-top: 4px;
    color: #fff;
    border-radius: 3px
}

.forecast-details .row-fluid .forecast_details_label {
    font-size: 11px
}

.forecast-details .row-fluid .forecast_details_amount {
    font-size: 13px
}

#sales-stage-text p {
    font-size: 15px
}

#sales-stage-text label {
    cursor: default
}

.commit_stage_field > * {
    overflow-y: hidden
}

#config-accordion.Forecasts-config .accordion-inner {
    padding: 10px 20px
}

.forecast-value .text-xs {
    margin-right: 1rem
}

.forecast-value-input .clickToEdit span.edit-icon {
    position: absolute;
    left: 0;
    top: -2px
}

.quarter-picker .controls .select2-choice {
    border: 0 none;
    background-color: transparent
}

.quarter-picker .select2-loading {
    padding-top: 0;
    padding-bottom: 0
}

.forecast-metrics .forecast-metrics-container {
    max-width: 95%
}

.forecast-metrics .forecast-metrics {
    padding: 0 1rem
}

.forecast-metrics .forecast-metrics .forecast-metric {
    min-width: 45px;
    max-width: 125px;
    min-height: 40px
}

.forecast-metrics .forecast-metrics .forecast-metric .metric-badge {
    line-height: 0.75rem;
    color: var(--metric-label)
}

.forecast-metrics .forecast-metrics .forecast-metric .metric-row span:nth-child(1) {
    max-width: 125px
}

.forecast-metrics .forecast-metrics .forecast-metric .metric-row span:nth-child(2) {
    overflow: hidden
}

.forecast-metrics .forecast-metrics .forecast-metric:not(.active) .text-base {
    color: var(--metric-value)
}

.forecast-metrics .forecast-metrics .forecast-metric:not(.active) .text-xs {
    color: var(--metric-label)
}

.forecast-metrics .forecast-metrics .forecast-metric .alt-currency {
    color: var(--text-base);
    border-radius: 3px
}

.forecast-metrics .forecast-metrics .forecast-metric:hover:not(.active) {
    background-color: var(--tab-background-hover-color);
    cursor: pointer
}

.forecast-metrics .forecast-metrics .forecast-metric.active {
    color: var(--active-tab-border-color);
    border-color: var(--active-tab-border-color);
    border-bottom-width: 4px
}

.forecast-metrics .forecast-metrics .forecast-metric.active a > .count:not(.label-important), .forecast-metrics .forecast-metrics .forecast-metric.active a > .module-name, .forecast-metrics .forecast-metrics .forecast-metric.active a > .tab-title, .forecast-metrics .forecast-metrics .forecast-metric.active .btn {
    color: var(--active-tab-border-color)
}

.forecast-metrics .forecast-metrics .forecast-metric.active a > .count:not(.label-important) .sicon:not(.sicon-bell-lg-line), .forecast-metrics .forecast-metrics .forecast-metric.active a > .module-name .sicon:not(.sicon-bell-lg-line), .forecast-metrics .forecast-metrics .forecast-metric.active a > .tab-title .sicon:not(.sicon-bell-lg-line), .forecast-metrics .forecast-metrics .forecast-metric.active .btn .sicon:not(.sicon-bell-lg-line) {
    color: var(--active-tab-border-color)
}

.forecast-metrics .forecast-metrics .forecast-metric.active:hover {
    background-color: var(--tab-background-hover-color)
}

.forecast-metrics .metrics-help-modal {
    background: var(--stack-logo) right top / 200px no-repeat var(--foreground-base);
    width: 350px;
    height: 315px
}

.forecast-metrics .metrics-help-modal .popover-content .popover-body {
    height: 250px
}

.forecasts-main {
    height: auto
}

.forecasts-main .headerpane.listheaderpane {
    height: auto;
    min-height: auto;
    padding-bottom: 0.625rem
}

.forecasts-main .tabbable .tab-content {
    flex: 1 1 auto
}

.forecasts-main .tabbable .tab-content .tab-pane {
    height: 100%
}

.forecasts-main .tabbable .tab-content .tab-pane .controls.has-refresh.btn-group-fit.controls-two {
    padding-right: 2.125rem
}

.forecasts-main .tabbable .tab-content .tab-pane .controls.has-refresh.btn-group-fit.controls-two .filter-view {
    margin-right: 0
}

.forecasts-main .tabbable .tab-content .tab-pane .controls.has-refresh.btn-group-fit.controls-two .filter-view .table-cell {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}

.forecasts-main .tabbable .tab-content .tab-pane .controls.has-refresh.btn-group-fit.controls-two .btn-group.refresh {
    right: 0
}

.forecasts-main .tabbable .tab-content .tab-pane .controls.has-refresh.btn-group-fit.controls-two .btn-group.refresh .filter-refresh-button {
    height: 1.625rem
}

.forecasts-main .tabbable .tab-content .tab-pane .controls.has-refresh.btn-group-fit.controls-two .btn-group.refresh .filter-refresh-button .sicon-refresh {
    line-height: 0.625rem
}

@media (max-width: 1320px) {
    .forecasts-main .tabbable .tab-content .tab-pane:first-child .forecast-metrics {
        min-width: 77px
    }
}

.forecasts-main .tabbable .tab-content .tab-pane .main-content {
    flex: 1 1 auto
}

.metric-skeleton-loader {
    background: var(--forecasts-skeleton-loader) no-repeat center center
}

.metric-skeleton-loader * {
    visibility: hidden
}

.quote-data-container .quote-data-grand-totals-header-wrapper {
    border-bottom: 1px solid var(--border-base);
    border-top: 1px solid var(--border-base);
    width: 100%;
    display: table;
    position: relative;
    height: 46px
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-header-fields {
    margin-left: 71px;
    display: flex;
    justify-content: space-around;
    border-left: 1px solid var(--border-base)
}

.quote-data-container .quote-data-grand-totals-header-wrapper:last-child {
    width: 15%;
    margin-left: 5px
}

.quote-data-container .quote-data-grand-totals-header-wrapper .dropdown-toggle {
    border-radius: 0
}

.quote-data-container .quote-data-grand-totals-header-wrapper .btn-group.open {
    z-index: 999
}

.quote-data-container .quote-data-grand-totals-header-wrapper .actions .dropdown-menu {
    top: 48px;
    left: 8px
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-totals-row-item {
    padding: 5px;
    text-align: right;
    border-right: 1px solid var(--border-base);
    white-space: nowrap;
    width: 16%;
    height: 36px
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-totals-row-item:last-child {
    border-right: none
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-totals-row-item .quote-totals-row-value {
    font-weight: bold;
    line-height: 18px;
    font-size: 14px
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-totals-row-item .quote-totals-row-value .percent-discount {
    float: left
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 71px;
    width: 71px;
    height: 100%
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls .sicon {
    vertical-align: middle
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls .dropdown-menu a {
    display: flex;
    align-items: center
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls .dropdown-menu a .sicon {
    margin-right: 8px
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls a.btn {
    padding: 5px 0;
    margin: 0;
    width: 71px;
    line-height: 36px;
    border: none
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls .btn-group.open a.btn.dropdown-toggle {
    background: #2b2d2e
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls .btn-group.open a.btn.dropdown-toggle .sicon {
    color: #fff
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls .btn.checkall {
    padding: 8px 5px 8px 6px;
    border: none;
    background: #fff
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls .btn.checkall input {
    top: 0;
    margin: 8px
}

.quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls > span {
    z-index: 11
}

.quote-data-container .quote-data-list-table td:first-child .checkall {
    line-height: 0
}

.quote-data-container .quote-data-list-table td:first-child .checkall input[type=checkbox] {
    margin: 3px 1px
}

.quote-data-container .quote-data-list-table td:first-child.two-dropdowns > span span.list {
    display: inline-block;
    white-space: nowrap;
    width: 100%
}

.quote-data-container .quote-data-list-table td:first-child.two-dropdowns > span span.list.btn-group {
    margin-left: 0
}

.quote-data-container .quote-data-list-table thead.quote-data-list-header .dropdown-toggle {
    border-radius: var(--rounded-sm)
}

.quote-data-container .quote-data-list-table thead.quote-data-list-header .dropdown-menu {
    left: 28px
}

.quote-data-container .quote-data-list-table tbody.quote-data-group {
    border-top: 1px solid var(--border-base)
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header td[data-type="quote-group-title"] {
    padding: 6px 8px 2px
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header .quote-data-group-title .group-loading-icon {
    display: none;
    margin-right: 10px
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header .quote-data-group-title .group-name {
    font-weight: bold;
    font-size: 14px
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header .action-button-wrapper .left-column-save-cancel {
    display: none
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header .action-button-wrapper .left-column-buttons {
    display: inline-block
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header .left-column-save-cancel.higher .btn-group.open .dropdown-menu .btn {
    border: none;
    border-top: 1px solid var(--border-base)
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header .left-column-save-cancel.higher .btn-group.open .dropdown-menu li > span a:hover, .quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header .left-column-save-cancel.higher .btn-group.open .dropdown-menu li > span a:focus {
    color: var(--dropdown-link-color-hover);
    text-decoration: none;
    background: var(--dropdown-link-background-hover);
    filter: none
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header.tr-inline-edit .two-dropdowns > span a {
    padding: 9px 7px;
    box-sizing: border-box
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header.tr-inline-edit .two-dropdowns .left-column-save-cancel {
    display: inline-block
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header.tr-inline-edit .two-dropdowns .left-column-buttons {
    display: none
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header.tr-inline-edit .two-dropdowns ul.dropdown-menu {
    background-color: #fff
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .btn-group:not(.open) .bt, .quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header .btn-group:not(.open) .bt {
    background: #fff
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list.product-row .currency-field {
    text-align: right
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .btn-group:not(.open) .bt {
    background: #fff
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .btn-group.open .btn.dropdown-toggle {
    background: #2b2d2e
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .btn-group.open .btn.dropdown-toggle .sicon {
    color: #fff
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .btn-group .btn {
    border-radius: var(--rounded-sm)
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .btn-group .btn.checkall:hover {
    background: rgba(0, 0, 0, 0)
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .left-column-save-cancel {
    z-index: -1
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .left-column-save-cancel.higher {
    z-index: 11
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .left-column-save-cancel.higher .btn {
    padding: 7px
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .left-column-buttons .checkall > input {
    margin: 0
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .left-column-buttons .dropdown-menu {
    left: 26px
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .quantity input {
    min-width: 50px
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .quantity .input-append.error .add-on {
    left: -45px
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list.product-bundle-notes-row.tr-inline-edit td:first-child {
    vertical-align: top;
    padding: 0
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list.product-bundle-notes-row.tr-inline-edit td:first-child > span {
    border: 0;
    margin-top: 0
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list.product-bundle-notes-row.tr-inline-edit td:first-child > span::after {
    top: 0;
    height: 55px
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list.product-bundle-notes-row.tr-inline-edit .description-textarea textarea {
    width: 100%;
    box-sizing: border-box;
    resize: none
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list.empty-row {
    opacity: 1
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list.empty-row.hidden-empty-row {
    opacity: 0
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list .empty-row-droppable {
    position: absolute;
    height: auto;
    right: 5px;
    left: 5px;
    padding: 4px 12px;
    margin-top: -14px;
    text-align: left;
    color: var(--gray-500);
    border: 1px dashed var(--border-color-light);
    overflow: hidden;
    text-overflow: ellipsis
}

.quote-data-container .quote-data-list-table tbody.quote-data-group tr.quote-data-group-list.tr-inline-edit td > span.list {
    padding: 0
}

.quote-data-container .quote-data-group-footer, .quote-data-container .quote-data-grand-totals-footer {
    margin-bottom: 15px
}

.quote-data-container .quote-data-group-footer .footer-fields, .quote-data-container .quote-data-grand-totals-footer .footer-fields {
    width: 55%;
    float: right
}

.quote-data-container .quote-data-group-footer .footer-fields .grand-total .quote-footer-label, .quote-data-container .quote-data-grand-totals-footer .footer-fields .grand-total .quote-footer-label {
    font-weight: bold
}

.quote-data-container .quote-data-group-footer .footer-fields > .grand-total .quote-footer-item, .quote-data-container .quote-data-grand-totals-footer .footer-fields > .grand-total .quote-footer-item {
    margin-top: 6px;
    padding-top: 8px;
    border-top: 2px #2b2d2e solid
}

.quote-data-container .quote-data-group-footer .footer-fields > .grand-total ~ .grand-total .quote-footer-item, .quote-data-container .quote-data-grand-totals-footer .footer-fields > .grand-total ~ .grand-total .quote-footer-item {
    margin-top: 0;
    padding-top: 2px;
    border-top: none
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-item, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-item {
    text-align: right;
    padding: 2px 10px 2px 0
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-item .quote-footer-label, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-item .quote-footer-label, .quote-data-container .quote-data-group-footer .footer-fields .quote-footer-item .quote-footer-value, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-item .quote-footer-value {
    width: 45%;
    display: inline-block
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-item .quote-footer-value, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-item .quote-footer-value {
    font-weight: bold
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-item.quote-footer-input-item input, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-item.quote-footer-input-item input {
    width: 30%;
    font-weight: bold;
    text-align: right;
    padding: 2px
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-currency .quote-edit-link-wrapper, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-currency .quote-edit-link-wrapper {
    position: relative;
    left: 20px;
    top: -6px;
    float: left;
    height: 18px;
    display: none
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-currency .currency-field:hover > .quote-edit-link-wrapper, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-currency .currency-field:hover > .quote-edit-link-wrapper {
    display: block
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-currency .quote-footer-input-item input, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-currency .quote-footer-input-item input {
    width: 100px
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-currency .quote-footer-input-item .quote-footer-value .currency-field, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-currency .quote-footer-input-item .quote-footer-value .currency-field {
    height: 18px
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-currency .quote-footer-input-item span.error-tooltip, .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-currency .quote-footer-input-item span.error-tooltip {
    left: auto;
    right: 83px;
    top: 1px;
    position: absolute
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-item {
    padding-right: 4px;
    font-weight: bold
}

.quote-data-container .quote-data-group-footer .footer-fields .quote-footer-input-item {
    padding-right: 2px
}

.quote-data-container .quote-data-grand-totals-footer::after {
    content: "";
    display: block;
    clear: both
}

.quote-data-container .quote-discount-percent.list .fieldset-field {
    float: right
}

.quote-data-container .quote-discount-percent.list .fieldset-field:first-child {
    display: inline-block;
    width: calc(100% - 28px)
}

.quote-data-container .quote-discount-percent.edit .fieldset-field:first-child:not(.error) {
    display: inline-block;
    width: calc(100% - 28px)
}

.quote-data-container .quote-discount-percent.edit .fieldset-field:first-child:not(.error) input {
    text-align: right;
    border-radius: var(--rounded-sm) 0 0 var(--rounded-sm)
}

.quote-data-container .quote-discount-percent.edit .fieldset-field:last-child:not(.error) {
    display: inline-block
}

.quote-data-container .quote-discount-percent.edit .fieldset-field:last-child:not(.error) .btn-group .btn {
    border-radius: 0 3px 3px 0
}

.quote-data-container .quote-discount-percent.edit .fieldset-field ul.dropdown-menu {
    left: 0;
    top: 26px
}

.quote-data-container .quote-discount-percent.edit .fieldset-field div.input-append.error {
    display: block
}

.quote-data-container .quote-discount-percent.edit span.error-tooltip {
    left: 2px;
    position: absolute
}

.quote-data-container .flex-list-view.left-actions .dataTable thead tr.flex-list-row-header {
    height: 45px
}

.quote-data-container .flex-list-view.left-actions .dataTable thead tr.flex-list-row-header th:first-child {
    min-width: 72px
}

.quote-data-container .flex-list-view.left-actions .dataTable thead tr.flex-list-row-header th:not(:first-child) {
    left: 72px
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.tr-inline-edit.quote-data-group-list:not(.empty-row) td.description-textarea-buttons {
    height: 55px
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.tr-inline-edit.quote-data-group-list:not(.empty-row) td .left-column-save-cancel {
    display: inline-block
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.tr-inline-edit.quote-data-group-list:not(.empty-row) td .left-column-buttons {
    display: none
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.flex-list-row-header {
    height: 37px
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.flex-list-row-header td:not(:first-child) {
    left: 72px
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.quote-data-group-list:not(.empty-row) {
    height: 38px
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.quote-data-group-list:not(.empty-row) td:first-child {
    height: 38px;
    min-width: 72px
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.quote-data-group-list:not(.empty-row) td:not(:first-child) {
    left: 72px
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.quote-data-group-list:not(.empty-row) td .left-column-save-cancel {
    display: none
}

.quote-data-container .flex-list-view.left-actions .dataTable tbody tr.quote-data-group-list:not(.empty-row) td .left-column-buttons {
    display: inline-block
}

.quote-data-config-container {
    border-top: 1px solid var(--border-base)
}

.quote-data-config-container .empty-config-footer-row-field {
    margin: 8px 0;
    padding: 4px 12px;
    color: #9ba1a6;
    border: 1px dashed #9ba1a6
}

.quote-data-config-container .grand-totals .quote-footer-label {
    font-weight: bold
}

.quote-data-config-container .ui-state-highlight, tbody.quote-data-group .ui-state-highlight {
    border: 1px dashed #9ba1a6;
    z-index: 1001
}

.quote-data-config-container .ui-sortable, tbody.quote-data-group .ui-sortable {
    cursor: move
}

.quote-data-config-container .ui-sortable.ui-sortable-helper, tbody.quote-data-group .ui-sortable.ui-sortable-helper {
    display: table
}

.quote-data-config-container .ui-sortable.ui-sortable-placeholder, tbody.quote-data-group .ui-sortable.ui-sortable-placeholder {
    visibility: visible !important;
    background: #6f777b;
    box-shadow: inset 0 3px 5px #d9dddf, inset 2px 2px 0 #d9dddf, inset -2px -2px 0 #d9dddf
}

.quote-data-container .scroll-locked .quote-discount-percent.edit {
    position: absolute;
    margin-top: -14px
}

.quote-discount-percent .actions .dropdown-menu {
    right: inherit
}

.create-view .dataTable td:first-child .actions .dropdown-menu a {
    width: 100%;
    text-align: left
}

.create-view .quote-data-list-table tbody.quote-data-group tr.quote-data-group-header .action-button-wrapper span.fieldset:last-child {
    left: 0;
    overflow: visible
}

.quote-data-table-scrollable.left-actions.scroll-width .dataTable th {
    border-right: 0;
    box-shadow: 0 0 0 1px #e0e0e0
}

.quote-data-table-scrollable.left-actions.scroll-width .dataTable thead tr {
    border-bottom: none
}

.quote-data-table-scrollable.left-actions.scroll-width .dataTable tbody tr {
    border-top: none
}

.quote-data-table-scrollable.left-actions.scroll-width .dataTable td:first-child {
    border-right: 1px solid var(--border-base)
}

.quote-data-table-scrollable.left-actions.scroll-width .dataTable td:first-child > span {
    border-bottom: none;
    border-right: none
}

.quote-data-table-scrollable.left-actions.scroll-width .dataTable td:first-child > span::after {
    height: 36px
}

.dashboard.quotes-create {
    position: initial;
    bottom: initial
}

.dashboard.quotes-create .dashlet:not(.collapsed):not(.empty) {
    min-height: 260px
}

.dashboard.quotes-create .dashlet h4 {
    cursor: initial
}

.dashboard.quotes-create .dashlet .loading-icon {
    font-size: 14px;
    padding-top: 3px;
    padding-right: 8px;
    text-align: center
}

.quotes-config h4 {
    font-weight: bold;
    padding: 0 20px
}

.quotes-config .accordion-inner {
    padding: 0
}

.quotes-config .worksheet-columns-directions {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 20px
}

.quotes-config.howto {
    padding: 0
}

.quotes-config.howto h3 {
    padding: 10px;
    margin: 0
}

.quotes-config.howto .field-search {
    padding: 10px
}

.quotes-config.howto .field-search .searchbox {
    width: 95%
}

.quotes-config.howto .legend {
    margin-top: 5px;
    background-color: var(--primary-content-active);
    padding: 10px
}

.quotes-config.howto .legend .legend-inputs {
    margin: 10px 0
}

.quotes-config.howto .legend .legend-help-text {
    clear: both;
    font-size: 10.5px
}

.quotes-config.howto .field-list {
    padding: 5px;
    display: flex
}

.quotes-config .quote-summary-data-list-table a.btn {
    border: none;
    line-height: 12px;
    padding: 7px;
    margin-left: 0
}

.quotes-config .flex-list-view[class$="-actions"]:not(.scroll-width) .flex-list-view-content {
    overflow-x: visible
}

.quotes-config .flex-list-view[class$="-actions"]:not(.scroll-width) .flex-list-view-content .dataTable th:first-child:not(.alert), .quotes-config .flex-list-view[class$="-actions"]:not(.scroll-width) .flex-list-view-content .dataTable td:first-child:not(.alert), .quotes-config .flex-list-view[class$="-actions"]:not(.scroll-width) .flex-list-view-content .dataTable th:last-child:not(.alert), .quotes-config .flex-list-view[class$="-actions"]:not(.scroll-width) .flex-list-view-content .dataTable td:last-child:not(.alert) {
    height: 28px
}

.dashlet .erasure .panel.header {
    background-color: var(--subpanel-background);
    border-bottom: 1px solid #fff
}

.dashlet .erasure .panel.header strong {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 5px
}

.dataTable.converted-results .associated {
    font-weight: bold
}

.dataTable.converted-results .preview-list-item {
    line-height: 12px;
    padding: 7px
}

#convert-accordion .accordion-heading {
    background-color: var(--foreground-base);
    border-bottom: 0;
    position: relative;
    padding: 8px 13px;
    min-height: 44px;
    float: left;
    width: 100%;
    box-sizing: border-box
}

#convert-accordion .accordion-heading:focus {
    outline: none
}

#convert-accordion .accordion-heading .active-indicator {
    line-height: 28px;
    width: 10px;
    margin-right: 6px
}

#convert-accordion .accordion-heading .active-indicator i {
    font-size: 10px
}

#convert-accordion .accordion-heading .title {
    line-height: 28px
}

#convert-accordion .accordion-heading.active {
    background-color: var(--primary-content-active)
}

#convert-accordion .accordion-heading.enabled {
    cursor: pointer
}

#convert-accordion .accordion-heading.enabled .module-number {
    font-weight: bold
}

#convert-accordion .accordion-heading.enabled .title {
    font-weight: bold
}

#convert-accordion .accordion-heading.enabled:hover {
    background-color: var(--primary-content-hover-background)
}

#convert-accordion .accordion-heading.enabled.active:hover {
    background-color: var(--primary-content-hover-background)
}

#convert-accordion .accordion-heading:not(.enabled) {
    color: #6f777b
}

#convert-accordion .accordion-heading .subview-toggle {
    line-height: 26px
}

#convert-accordion .accordion-heading .subview-toggle .toggle-link {
    padding: 15px 0
}

#convert-accordion .accordion-heading .subview-toggle-indicator {
    float: right;
    margin-left: 12px
}

#convert-accordion .accordion-heading .subview-toggle-indicator i {
    font-size: 16px
}

#convert-accordion .convert-options {
    border-bottom: 1px solid var(--border-base);
    padding-top: 14px;
    padding-left: 24px
}

#convert-accordion .convert-options .transfer-activities-label {
    margin-left: 5px
}

#convert-accordion .accordion-body {
    clear: both
}

#convert-accordion .accordion-body.collapse.in {
    overflow: visible
}

#convert-accordion .accordion-inner {
    padding: 1px 0;
    border-top: none;
    border-bottom: none
}

#convert-accordion .accordion-group {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid var(--border-base)
}

#convert-accordion .accordion-group .headerpane {
    background: none;
    border: none;
    margin-top: 8px;
    position: relative;
    top: 0;
    width: 100%;
    height: 55px;
    min-height: 55px
}

#convert-accordion .accordion-group .headerpane span[data-type="fullname"].edit {
    width: 100%
}

#convert-accordion .accordion-group .headerpane span[data-type="fullname"].edit .table-cell-wrapper {
    width: 100%
}

#convert-accordion .accordion-group .headerpane .record-cell[data-type="avatar"] {
    padding: 4px 0 0 13px
}

#convert-accordion .accordion-group .headerpane .record-cell[data-type="avatar"].edit {
    padding: 4px 0 0 17px
}

#convert-accordion .accordion-group .headerpane .record-cell[data-type="follow"], #convert-accordion .accordion-group .headerpane .record-cell[data-type="favorite"] {
    display: none
}

#convert-accordion .accordion-group .headerpane h1 {
    margin-top: 26px
}

#convert-accordion .accordion-group .headerpane .btn-toolbar.pull-right.dropdown {
    display: none
}

#convert-accordion .accordion-group .headerpane .label-module {
    top: -7px
}

#convert-accordion .accordion-group .content-tabs .nav.nav-tabs .tab.active {
    margin-top: 0
}

#convert-accordion .accordion-group .content-tabs .nav.nav-tabs .tab.active a {
    margin-top: 0
}

#convert-accordion .record.tab-layout {
    margin-top: 6px
}

#convert-accordion .want_filter {
    display: none
}

div.want_filter {
    line-height: 20px
}

div.want_filter.highlight {
    padding: 10px;
    text-align: center;
    background-color: var(--dupelicate-table-background);
    font-size: 15px;
    color: var(--dupelicate-table-content-color)
}

.accordion-heading .dupecheck-results {
    color: var(--dupelicate-table-content-color)
}

h4.merge-interface-header {
    padding: 11px 0 0 20px
}

h4.merge-interface-header .preview {
    padding-top: 0
}

h4.merge-interface-header button {
    margin-right: 12px
}

h4.merge-interface-header button.on {
    color: #fff;
    text-shadow: none;
    background: #4d5154
}

h4.merge-interface-header button.on > .sicon {
    color: #f1f3f4
}

h4.merge-interface-header button.on:focus {
    background: #2b2d2e
}

.merge-interface {
    height: auto;
    margin: 10px 0 0
}

.merge-interface .fluid-div, .merge-interface .fixed-div {
    padding-bottom: 4px
}

.merge-interface .fixed-div {
    width: 140px
}

.merge-interface .fixed-div aside, .merge-interface .fixed-div label {
    font-size: 11px
}

.merge-interface .fixed-div aside a:hover {
    text-decoration: none
}

.merge-interface .fluid-div {
    width: calc(100% - 150px);
    display: inline-block;
    white-space: nowrap;
    overflow-y: hidden;
    height: auto;
    overflow-x: auto
}

.merge-interface .fluid-div.num-cols-2 .col {
    width: calc(50% - 23px)
}

.merge-interface .fluid-div.num-cols-3 .col {
    width: calc(33.3% - 20px)
}

.merge-interface .fluid-div.num-cols-4 .col {
    width: calc(25% - 18px)
}

.merge-interface .fluid-div.num-cols-5 .col {
    width: calc(20% - 18px)
}

.merge-interface .col {
    min-width: 130px;
    width: 130px;
    height: 100%;
    display: inline-block;
    margin: 2px 0 0 10px;
    overflow: hidden;
    padding: 0 1px 1px
}

.merge-interface .col .primary-lbl {
    cursor: move;
    height: 20px;
    margin: 0 0 5px
}

.merge-interface .col .primary-lbl span {
    display: block;
    margin: 0 0 5px;
    border: 1px solid var(--border-base);
    border-radius: 4px;
    background: var(--content-background);
    text-align: center;
    font-size: 11px
}

.merge-interface .col .primary-lbl span.primary-lbl-placeholder-span {
    border: 0;
    display: block;
    border-radius: 1px;
    margin: -18px 0 5px 0;
    background: #f1f3f4;
    min-height: 20px
}

.merge-interface .col .primary-lbl button {
    position: relative
}

.merge-interface .col.pull-left {
    margin-right: 5px
}

.merge-interface .col .primary-lbl-placeholder {
    border: 1px dotted #000;
    border-radius: 4px
}

.merge-interface .col .primary-lbl-placeholder.ui-sortable-disabled span {
    background: transparent
}

.merge-interface .col .box {
    border-radius: 3px;
    border: 1px solid var(--border-base);
    overflow: hidden
}

.merge-interface .col .box .merge-edit {
    display: none
}

.merge-interface .col .box .merge-view {
    display: block
}

.merge-interface .col.primary-edit-mode .box {
    background: var(--content-background)
}

.merge-interface .col.primary-edit-mode .box .merge-row.even, .merge-interface .col.primary-edit-mode .box .merge-row.odd {
    background: none
}

.merge-interface .col.primary-edit-mode .box .merge-row .controls > label {
    width: calc(100% - 34px)
}

.merge-interface .col.primary-edit-mode .box .merge-edit {
    display: block
}

.merge-interface .col.primary-edit-mode .box .merge-view {
    display: none
}

.merge-interface .label-div .col {
    margin-top: 30px
}

.merge-interface .label-div aside {
    margin-left: 10px;
    line-height: 32px
}

.merge-interface .label-div aside a:hover i {
    text-decoration: none
}

.merge-interface input[type=text] {
    width: 98%
}

.merge-interface input[type=password] {
    width: 98%
}

.merge-interface input[type=radio] {
    width: 16px;
    margin-right: 6px
}

.merge-interface label input[type=checkbox] {
    margin-top: 0
}

.merge-interface textarea {
    display: inline
}

.merge-interface .merge-row {
    width: auto;
    margin: 0;
    line-height: 30px;
    height: 35px;
    padding: 0 5px;
    white-space: nowrap
}

.merge-interface .merge-row.odd {
    background: #f1f3f4
}

.merge-interface .merge-row.even {
    background: #f1f3f4
}

.merge-interface .merge-row .ellipsis_inline {
    display: inline-block !important;
    width: 90%
}

.merge-interface .merge-row .select2-container {
    width: calc(100% + 10px) !important
}

.merge-interface .merge-row textarea {
    height: 18px;
    width: 98%;
    resize: none
}

.merge-interface .merge-row .controls {
    width: 100%;
    padding: 2px 0;
    margin: 0;
    position: relative
}

.merge-interface .merge-row.control-group .controls > label {
    width: 100%;
    overflow: hidden;
    margin: 0;
    line-height: 35px;
    height: 35px;
    white-space: nowrap;
    position: absolute
}

.merge-interface .merge-row.control-group {
    height: 35px
}

.merge-interface .merge-row.merge-row-field-parent {
    height: 70px
}

.merge-interface .merge-row.merge-row-field-parent .controls label {
    height: 75px
}

.merge-interface .merge-row.merge-row-field-parent .controls label > span > div {
    width: 100%;
    margin-left: 0
}

.merge-interface .merge-row.merge-row-field-avatar {
    height: 65px
}

.merge-interface .merge-row.merge-row-field-avatar .controls label {
    height: 60px
}

.merge-interface .merge-row.merge-row-field-avatar .image_field {
    top: 0;
    left: 0
}

.merge-interface .merge-row.merge-row-field-avatar .image_field label {
    height: 50px;
    width: 50px;
    position: static
}

.merge-interface .merge-row.merge-row-field-avatar .label-module {
    height: 50px;
    width: 50px
}

.merge-interface .merge-row.merge-row-field-image {
    height: 110px
}

.merge-interface .merge-row.merge-row-field-image .controls label {
    height: 100px
}

.merge-interface .merge-row.merge-row-field-datetimecombo .controls label {
    height: 75px;
    overflow: visible;
    width: calc(100% - 20px) !important
}

.merge-interface .merge-row.merge-row-field-datetimecombo .controls label input.datepicker, .merge-interface .merge-row.merge-row-field-datetimecombo .controls label input.ui-timepicker-input {
    width: calc(50% - 18px)
}

.merge-interface .merge-row.merge-row-field-datetimecombo .controls label input.ui-timepicker-input {
    margin-left: 2px
}

.merge-interface .merge-row.merge-row-field-datetimecombo .input-append {
    white-space: normal;
    padding-top: 4px
}

.merge-interface .merge-row.merge-row-field-datetimecombo .input-append .add-on {
    left: inherit;
    right: 1px;
    margin-left: -26px
}

.merge-interface .merge-row.merge-row-field-currency {
    height: 70px
}

.merge-interface .merge-row.merge-row-field-currency .controls label {
    height: 75px
}

.merge-interface .merge-row.merge-row-field-currency .controls label > span > div {
    width: 90%;
    margin-left: 0
}

.merge-interface .merge-row.merge-row-field-currency .controls label > span > div .span4 {
    width: 99%
}

.merge-interface .merge-row.merge-row-field-currency .controls label > span > div .converted {
    display: block;
    position: relative
}

.merge-interface .merge-row.merge-row-field-currency .controls label > span > div .original {
    display: inline;
    position: relative
}

.merge-interface .merge-row.merge-row-field-currency .controls label > span > div input {
    width: 86px
}

.merge-interface .merge-row.merge-row-field-teamset .controls label {
    position: relative;
    width: auto;
    display: inline;
    padding-right: 0.25em
}

.merge-interface .merge-row.merge-row-field-teamset .controls .btn {
    margin-left: 0;
    line-height: 12px;
    padding: 7px
}

.merge-interface .merge-row .flex-relate-module, .merge-interface .merge-row .flex-relate-record {
    float: left
}

.record-merge-interface {
    overflow: hidden
}

.record-merge-interface .merge-interface .rows-div {
    position: relative
}

.record-merge-interface .merge-interface .rows-div .merge-row:nth-child(odd) {
    background-color: var(--content-background)
}

.merge-row-field-height25 {
    height: 875px !important
}

.merge-row-field-height24 {
    height: 840px !important
}

.merge-row-field-height23 {
    height: 805px !important
}

.merge-row-field-height22 {
    height: 770px !important
}

.merge-row-field-height21 {
    height: 735px !important
}

.merge-row-field-height20 {
    height: 700px !important
}

.merge-row-field-height19 {
    height: 665px !important
}

.merge-row-field-height18 {
    height: 630px !important
}

.merge-row-field-height17 {
    height: 595px !important
}

.merge-row-field-height16 {
    height: 560px !important
}

.merge-row-field-height15 {
    height: 525px !important
}

.merge-row-field-height14 {
    height: 490px !important
}

.merge-row-field-height13 {
    height: 455px !important
}

.merge-row-field-height12 {
    height: 420px !important
}

.merge-row-field-height11 {
    height: 385px !important
}

.merge-row-field-height10 {
    height: 350px !important
}

.merge-row-field-height9 {
    height: 315px !important
}

.merge-row-field-height8 {
    height: 280px !important
}

.merge-row-field-height7 {
    height: 245px !important
}

.merge-row-field-height6 {
    height: 210px !important
}

.merge-row-field-height5 {
    height: 175px !important
}

.merge-row-field-height4 {
    height: 140px !important
}

.merge-row-field-height3 {
    height: 105px !important
}

.merge-row-field-height2 {
    height: 70px !important
}

.merge-row-field-height1 {
    height: 35px !important
}

@media screen and (max-width: 1500px) {
    .merge-interface .num-cols-5 .merge-row.merge-row-field-datetimecombo {
        height: 70px
    }

    .merge-interface .num-cols-5 .merge-row.merge-row-field-datetimecombo .controls label input.datepicker, .merge-interface .num-cols-5 .merge-row.merge-row-field-datetimecombo .controls label input.ui-timepicker-input {
        width: calc(100% - 18px)
    }

    .merge-interface .num-cols-5 .merge-row.merge-row-field-datetimecombo .controls label .ui-timepicker-input {
        margin-left: 0
    }
}

@media screen and (max-width: 1300px) {
    .merge-interface .num-cols-4 .merge-row.merge-row-field-datetimecombo {
        height: 70px
    }

    .merge-interface .num-cols-4 .merge-row.merge-row-field-datetimecombo .controls label input.datepicker, .merge-interface .num-cols-4 .merge-row.merge-row-field-datetimecombo .controls label input.ui-timepicker-input {
        width: calc(100% - 18px)
    }

    .merge-interface .num-cols-4 .merge-row.merge-row-field-datetimecombo .controls label .ui-timepicker-input {
        margin-left: 0
    }
}

@media screen and (max-width: 1100px) {
    .merge-interface .num-cols-3 .merge-row.merge-row-field-datetimecombo {
        height: 70px
    }

    .merge-interface .num-cols-3 .merge-row.merge-row-field-datetimecombo .controls label input.datepicker, .merge-interface .num-cols-3 .merge-row.merge-row-field-datetimecombo .controls label input.ui-timepicker-input {
        width: calc(100% - 18px)
    }

    .merge-interface .num-cols-3 .merge-row.merge-row-field-datetimecombo .controls label .ui-timepicker-input {
        margin-left: 0
    }
}

@media screen and (max-width: 900px) {
    .merge-interface .num-cols-2 .merge-row.merge-row-field-datetimecombo {
        height: 70px
    }

    .merge-interface .num-cols-2 .merge-row.merge-row-field-datetimecombo .controls label input.datepicker, .merge-interface .num-cols-2 .merge-row.merge-row-field-datetimecombo .controls label input.ui-timepicker-input {
        width: calc(100% - 18px)
    }

    .merge-interface .num-cols-2 .merge-row.merge-row-field-datetimecombo .controls label .ui-timepicker-input {
        margin-left: 0
    }
}

.inline-drawer {
    border-bottom: 1px solid var(--border-base)
}

.inline-drawer article.inline-drawer-header {
    box-shadow: inset 0 4px 8px -4px #b8bcbe
}

.inline-drawer article:nth-child(even), .inline-drawer article:nth-child(odd) {
    line-height: 28px
}

.inline-drawer article:last-child {
    box-shadow: inset 0 -2px 6px -6px rgba(0, 0, 0, 0.5)
}

.inline-drawer table tr td {
    line-height: 28px
}

.inline-drawer table th.sorting {
    background-color: #fff
}

.inline-drawer table tbody tr:last-child td {
    border-bottom: 0 !important
}

.touch .dashboard {
    top: 0;
    overflow-x: auto
}

.touch .sidebar-content .dashboard {
    top: 1px
}

.touch #portal .dashboard {
    padding-top: 0
}

.dashboard {
    width: 100%;
    border-right: none;
    position: absolute;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.dashboard.edit .headerpane h1 .record-cell[data-type="dashboardtitle"], .dashboard.edit .headerpane h1 .record-cell[data-type="hint-dashboardtitle"] {
    width: 100%
}

.dashboard .home-headerpane .headerpane h1 .record-cell.error:first-child {
    width: 100%
}

.dashboard .headerpane h1 > .record-cell {
    padding-left: 0
}

.dashboard .headerpane h1 > .record-cell:first-child {
    padding-left: 1.25rem
}

.dashboard .headerpane h1 > .record-cell[data-type="dashboardtitle"] {
    padding-left: 1.25rem
}

.dashboard .headerpane h1 > .record-cell.edit {
    padding: 0 0 0 20px;
    width: 100%
}

.dashboard .headerpane h1 > .record-cell .detail {
    display: inline-block;
    width: inherit
}

.dashboard .headerpane h1 div.ellipsis_inline {
    height: 1.75rem;
    line-height: 28px
}

.dashboard .headerpane h1 div.record-edit-link-wrapper {
    display: none
}

.dashboard .headerpane h1 input[type="text"] {
    border: solid 1px #6f777b;
    margin: 0 0 0 -7px
}

.dashboard ul {
    list-style: none;
    margin: 0
}

.dashboard .cols {
    margin: 0;
    height: 100%;
    list-style: none
}

.dashboard .cols > li:first-child {
    clear: both
}

.dashboard .cols .rows {
    margin: 0
}

.dashboard .cols .rows.well {
    position: relative
}

.dashboard .cols .rows.well > .btn {
    position: absolute;
    top: -4px;
    right: 0
}

.dashboard .cols .rows.well > .btn:not(:nth-child(1)) {
    right: 20px
}

.dashboard .cols .rows.well > .btn:hover, .dashboard .cols .rows.well > .btn:active {
    text-decoration: none;
    box-shadow: none !important
}

.dashboard .cols .rows.well > .btn.move {
    cursor: move
}

.dashboard .cols .add-row {
    position: relative;
    margin: 0;
    padding-top: 18px;
    border: 1px solid var(--border-base);
    background-color: #fff;
    cursor: pointer
}

.dashboard .cols .add-row p {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #6f777b
}

.dashboard .cols .add-row p.header {
    line-height: 40px
}

.dashboard .cols .add-row .add-dashlet {
    color: #6f777b;
    text-align: center
}

.dashboard .cols .add-row .add-dashlet small {
    font-size: 12px;
    font-weight: bold
}

.dashboard .cols .add-row .add-dashlet strong {
    font-size: 60px;
    font-weight: 900
}

.dashboard .cols .add-row .options a {
    padding: 0 12px;
    display: inline-block
}

.dashboard .cols .add-row .options a:hover {
    text-decoration: none
}

.dashboard .dashlets {
    clear: both
}

.dashboard .dashlets .well-invisible .empty {
    margin: 0
}

.dashboard .dashlets .well {
    padding: 0
}

.dashboard .dashlets > li {
    padding-top: 5px
}

.dashboard .dashlets > li:first-child {
    padding-left: 5px
}

.dashboard .dashlets > li:last-child {
    padding-right: 5px
}

.dashboard .dashlets > li .dashlet-content + div .block-footer {
    text-align: left;
    font-weight: normal;
    border-top: 1px solid var(--border-base);
    border-radius: 0 0 3px 3px
}

.dashboard .dashlets > li .block-footer > .loading > i {
    width: 4px
}

.dashboard .dashlets > li .block-footer span {
    text-align: center
}

.dashboard .dashlets > li .block-footer span a {
    color: #0679c8
}

.dashboard .dashlets > li .block-footer > button {
    margin: 0;
    padding: 0
}

.dashboard .dashlets .dataTable.table-striped thead th:nth-last-child(2)::after {
    display: block
}

.dashboard .dashlets > [class*="span"], .dashboard .dashlet-cell > [class*="span"] {
    margin-left: 0
}

.dashboard .dashlets > .span12, .dashboard .dashlet-cell > .span12 {
    width: 100%
}

.dashboard .dashlets > .span11, .dashboard .dashlet-cell > .span11 {
    width: 91.66666%
}

.dashboard .dashlets > .span10, .dashboard .dashlet-cell > .span10 {
    width: 83.33333%
}

.dashboard .dashlets > .span9, .dashboard .dashlet-cell > .span9 {
    width: 74.99999%
}

.dashboard .dashlets > .span8, .dashboard .dashlet-cell > .span8 {
    width: 66.66666%
}

.dashboard .dashlets > .span7, .dashboard .dashlet-cell > .span7 {
    width: 58.33333%
}

.dashboard .dashlets > .span6, .dashboard .dashlet-cell > .span6 {
    width: 49.99999%
}

.dashboard .dashlets > .span5, .dashboard .dashlet-cell > .span5 {
    width: 41.66666%
}

.dashboard .dashlets > .span4, .dashboard .dashlet-cell > .span4 {
    width: 33.33333%
}

.dashboard .dashlets > .span3, .dashboard .dashlet-cell > .span3 {
    width: 24.99999%
}

.dashboard .dashlets > .span2, .dashboard .dashlet-cell > .span2 {
    width: 16.66666%
}

.dashboard .dashlets > .span1, .dashboard .dashlet-cell > .span1 {
    width: 8.33333%
}

.dashboard.edit .dashlets .well {
    border: 1px dashed var(--border-base);
    background: none
}

.dashboard .ui-sortable .ui-sortable-placeholder {
    height: auto !important
}

.dashboard.overflow-y-clip {
    overflow-y: clip
}

.row-model-data .dashboard .headerpane {
    position: static
}

.placeholder-empty {
    display: inline;
    width: 320px;
    height: 320px;
    min-height: 320px;
    padding: 0.625rem;
    box-sizing: border-box
}

body.sugar-dark-theme .placeholder-empty {
    filter: invert(101%) saturate(0%) brightness(2) grayscale(1)
}

.empty-create-button {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 9px 14px;
    margin: 10px auto;
    font-size: 15px;
    color: var(--sicon-color);
    max-width: max-content
}

.inline {
    display: inline
}

.sidebar-content .dashboard, #side-drawer .dashboard {
    padding-top: 0
}

.sidebar-content .dashboard .headerpane, #side-drawer .dashboard .headerpane {
    width: calc(34vw - 1.5rem);
    right: auto;
    z-index: 2
}

.sidebar-content .dashboard .headerpane .record-cell:first-child.edit, #side-drawer .dashboard .headerpane .record-cell:first-child.edit {
    width: 100%
}

.sidebar-content .dashboard .headerpane h1 input, #side-drawer .dashboard .headerpane h1 input {
    margin-left: -4px
}

.sidebar-content .dashboard .headerpane h1 div.error input, #side-drawer .dashboard .headerpane h1 div.error input {
    margin-top: 0
}

.sidebar-content .dashboard .headerpane h1 div.dropdown, #side-drawer .dashboard .headerpane h1 div.dropdown {
    display: flex;
    align-items: center
}

.sidebar-content .dashboard .headerpane h1 div.dropdown > a, #side-drawer .dashboard .headerpane h1 div.dropdown > a {
    margin-left: 0;
    white-space: nowrap;
    position: relative;
    display: inline-block
}

.sidebar-content .dashboard .headerpane h1 div.dropdown > a:hover, #side-drawer .dashboard .headerpane h1 div.dropdown > a:hover {
    color: inherit;
    text-decoration: none
}

.sidebar-content .dashboard .headerpane h1 div.dropdown ul.dropdown-menu, #side-drawer .dashboard .headerpane h1 div.dropdown ul.dropdown-menu {
    min-width: 164px
}

.sidebar-content .dashboard .headerpane h1 div.dropdown ul.dropdown-menu > li, #side-drawer .dashboard .headerpane h1 div.dropdown ul.dropdown-menu > li {
    font-size: 12px
}

.sidebar-content .dashboard .headerpane h1 div.dropdown ul.dropdown-menu > li .alert-process, #side-drawer .dashboard .headerpane h1 div.dropdown ul.dropdown-menu > li .alert-process {
    padding: 8px 12px
}

.sidebar-content .dashboard.edit .preview-headerbar, #side-drawer .dashboard.edit .preview-headerbar {
    border-bottom-color: var(--border-base)
}

.sidebar-content .dashboard .cols .dashlets .rows.well:not(.well-invisible), #side-drawer .dashboard .cols .dashlets .rows.well:not(.well-invisible) {
    margin: 0 -0.5% auto;
    border: 1px dashed var(--border-base)
}

.sidebar-content .dashboard .well, #side-drawer .dashboard .well {
    padding: 20px 2px 2px;
    background: transparent;
    box-shadow: none
}

.sidebar-content .dashboard .well.well-invisible, #side-drawer .dashboard .well.well-invisible {
    padding-right: 0;
    padding-left: 0
}

.sidebar-content .dashboard .well .dashlet-container, #side-drawer .dashboard .well .dashlet-container {
    padding: 2px
}

.sidebar-content .dashboard .well .dashlet-container + .dashlet-container, #side-drawer .dashboard .well .dashlet-container + .dashlet-container {
    padding-top: 20px
}

.sidebar-content .dashboard .dashlet-row li:first-child .well-invisible, #side-drawer .dashboard .dashlet-row li:first-child .well-invisible {
    padding-top: 0
}

.sidebar-content .drillthrough-pane .headerpane, #side-drawer .drillthrough-pane .headerpane {
    border-bottom: 0;
    background-color: transparent
}

.sidebar-content .drillthrough-pane .headerpane .record-cell:first-child, #side-drawer .drillthrough-pane .headerpane .record-cell:first-child {
    padding-top: 16px;
    line-height: 28px
}

.swappable-dashlet.sicon {
    display: none
}

.block .tab-content {
    margin-top: -18px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--border-base);
    border-top: none;
    box-shadow: 0 2px 4px 0 var(--shadow-color)
}

.dashlet-unordered-list .tab-content {
    height: 100%;
    overflow: auto
}

.dashlet-unordered-list .tab-content .block-footer {
    border-top: none
}

.side .dashboard {
    top: 51px
}

.side .dashboard .empty-dashboard {
    display: contents
}

.touch .sidebar-content .dashboard, .touch .dashboard {
    padding-top: 53px
}

.side .tabbable:not(.hide-tabs) .nav-tabs, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs {
    display: flex;
    margin-bottom: 0;
    border-collapse: collapse;
    border-bottom: 1px solid var(--border-base)
}

.side .tabbable:not(.hide-tabs) .nav-tabs li, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs li {
    margin-top: 10px
}

.side .tabbable:not(.hide-tabs) .nav-tabs li > a, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs li > a {
    border: none;
    margin: 0
}

.side .tabbable:not(.hide-tabs) .nav-tabs.active, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs.active {
    border-bottom-color: transparent
}

.side .tabbable:not(.hide-tabs) .nav-tabs .nav-item, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .nav-item {
    flex-basis: 27%;
    border-left: 1px solid var(--border-base);
    border-top: 1px solid var(--border-base);
    white-space: nowrap
}

.side .tabbable:not(.hide-tabs) .nav-tabs.related-tabs, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs.related-tabs {
    height: 48px
}

.side .tabbable:not(.hide-tabs) .nav-tabs .nav-item:first-child, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .nav-item:first-child {
    margin-left: 10px
}

.side .tabbable:not(.hide-tabs) .nav-tabs .nav-item.border-right, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .nav-item.border-right {
    border-right: 1px solid var(--border-base)
}

.side .tabbable:not(.hide-tabs) .nav-tabs .tab-controls, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .tab-controls {
    flex-basis: 16%;
    padding: 10px;
    text-align: center;
    border-top: none;
    border-right: none;
    border-left: 1px solid var(--border-base);
    margin-right: 10px
}

.side .tabbable:not(.hide-tabs) .nav-tabs .more-tabs, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .more-tabs {
    flex-basis: 8%;
    text-align: center;
    border-top: 1px solid var(--border-base);
    border-left: 1px solid var(--border-base);
    border-right: 1px solid var(--border-base);
    margin-right: 10px
}

.side .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .nav-item:first-child, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .nav-item:first-child {
    margin-left: 0
}

.side .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .nav-item, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .nav-item {
    border-left: none;
    margin-top: 0
}

.side .tabbable:not(.hide-tabs) .nav-tabs .more-tabs > a, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .more-tabs > a {
    padding: 10px
}

.side .tabbable:not(.hide-tabs) .nav-tabs .more-tabs button, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .more-tabs button {
    padding: 8px
}

.side .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .btn-group.open .dropdown-menu, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .btn-group.open .dropdown-menu {
    margin-top: 3px
}

.side .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .dropdown-menu, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .dropdown-menu {
    top: 46px;
    right: 10px;
    left: initial;
    z-index: 1500
}

.side .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .nav-tabs li, .sidebar-content .tabbable:not(.hide-tabs) .nav-tabs .more-tabs .nav-tabs li {
    margin-top: 0
}

.side .tabbable:not(.hide-tabs) .dashboard, .sidebar-content .tabbable:not(.hide-tabs) .dashboard {
    top: 105px
}

.side .tabbable:not(.hide-tabs) .dashboard .headerpane, .sidebar-content .tabbable:not(.hide-tabs) .dashboard .headerpane {
    top: 94px
}

.dashboard .tabbed-dashboard-pane {
    display: flex
}

.dashboard .tabbed-dashboard-pane .tabbable-toolbar {
    border-bottom: 1px solid var(--border-base);
    padding-top: 4px;
    padding-bottom: 2px;
    padding-right: 4px;
    height: 32px
}

.dashboard .tabbed-dashboard-pane + .dashlets {
    height: calc(100% - 2.8rem)
}

.dashboard .tabbable {
    flex-grow: 1
}

.dashboard .tabbable .nav-tabs > li > a {
    outline: none;
    padding-bottom: 0.1875rem
}

.agent_workbench_dashboard .toggleless-filterpanel .main-content, .console_dashboard .toggleless-filterpanel .main-content {
    margin: -5px 50px 5px 5px;
    display: flex
}

.agent_workbench_dashboard .toggleless-filterpanel .main-content .sorting-panel, .console_dashboard .toggleless-filterpanel .main-content .sorting-panel {
    display: inline-flex
}

.agent_workbench_dashboard .dashlet-container, .console_dashboard .dashlet-container {
    overflow-y: auto
}

.agent_workbench_dashboard .dashlet-container > div, .console_dashboard .dashlet-container > div {
    height: 100%
}

.agent_workbench_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed), .console_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed) {
    display: flex;
    flex-direction: column;
    height: calc(520px - 12px);
    max-height: calc(520px - 12px)
}

.agent_workbench_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed) .dashlet-unordered-list.dashablerecord .tab-content, .console_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed) .dashlet-unordered-list.dashablerecord .tab-content {
    height: 100%
}

.agent_workbench_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed) .dashlet-unordered-list:not(.dashablerecord) .tab-content, .console_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed) .dashlet-unordered-list:not(.dashablerecord) .tab-content {
    height: auto
}

.agent_workbench_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed) .dashlet-content, .console_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed) .dashlet-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

.agent_workbench_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed) .dashlet-content .list-view, .console_dashboard .dashlet-container > div .thumbnail.dashlet:not(.collapsed) .dashlet-content .list-view {
    flex-grow: 1;
    flex-basis: 1;
    display: flex;
    max-height: unset;
    flex-direction: column
}

.agent_workbench_dashboard #side-drawer .dashlet-container, .console_dashboard #side-drawer .dashlet-container {
    height: 100%;
    max-height: 100%
}

.agent_workbench_dashboard #side-drawer .dashlet-container > div .thumbnail.dashlet:not(.collapsed), .console_dashboard #side-drawer .dashlet-container > div .thumbnail.dashlet:not(.collapsed) {
    height: calc(100% - 12px);
    max-height: calc(100% - 12px)
}

.agent_workbench_dashboard #side-drawer .dashboard.edit .dashlets .dashlet-container, .console_dashboard #side-drawer .dashboard.edit .dashlets .dashlet-container {
    height: calc(100% + 20px);
    max-height: calc(100% + 20px)
}

.agent_workbench_dashboard #side-drawer .dashboard.edit .dashlets .dashlet-container > div .thumbnail.dashlet:not(.collapsed), .console_dashboard #side-drawer .dashboard.edit .dashlets .dashlet-container > div .thumbnail.dashlet:not(.collapsed) {
    height: calc(100% - 20px);
    max-height: calc(100% - 20px)
}

#sugarcrm .dashboard .dashlets.portal-home-dashboard .block-footer {
    display: none
}

.main-pane.home-dashboard {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.main-pane.home-dashboard .row-fluid {
    height: 100%
}

.main-pane.home-dashboard .agent_workbench_dashboard, .main-pane.home-dashboard .console_dashboard {
    display: flex;
    flex-direction: column;
    height: 100%
}

.main-pane.home-dashboard .agent_workbench_dashboard .grid-stack-item:last-child, .main-pane.home-dashboard .console_dashboard .grid-stack-item:last-child {
    margin-bottom: 1.25rem
}

.main-pane.home-dashboard .agent_workbench_dashboard.multi-line, .main-pane.home-dashboard .console_dashboard.multi-line {
    padding-top: 0;
    background-color: var(--foreground-base);
    height: 100%
}

.main-pane.home-dashboard .dashboard {
    height: 100%
}

.main-pane.home-dashboard .dashboard .cols {
    display: flex;
    flex-direction: column
}

.dropdown-restrictions {
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1070
}

.dropdown-restrictions .dropdown-item-li {
    width: auto
}

.dropdown-toggle.actionbtn-toggle.chart-legend-dropdown:hover {
    color: #0679c8;
    background-color: #f1f3f4
}

.dropdown-toggle.actionbtn-toggle.chart-legend-dropdown:hover i.sicon {
    color: #0679c8
}

body.sugar-dark-theme .dropdown-toggle.actionbtn-toggle.chart-legend-dropdown {
    background-color: transparent
}

body.sugar-dark-theme .dropdown-toggle.actionbtn-toggle.chart-legend-dropdown:hover {
    color: #79ade0;
    background-color: #4d5154
}

body.sugar-dark-theme .dropdown-toggle.actionbtn-toggle.chart-legend-dropdown:hover i.sicon {
    color: var(--sicon-color)
}

.detail.btn-group.actions.chart-legend-toggle a.chart-legend-dropdown {
    color: #0679c8;
    border: .125rem solid #0679c8
}

.detail.btn-group.actions.chart-legend-toggle a.chart-legend-dropdown i.sicon {
    color: #0679c8
}

body.sugar-dark-theme .detail.btn-group.actions.chart-legend-toggle a.chart-legend-dropdown {
    color: #fff;
    border: .125rem solid #79ade0
}

body.sugar-dark-theme .detail.btn-group.actions.chart-legend-toggle a.chart-legend-dropdown i.sicon {
    color: var(--sicon-color)
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-left: 8px;
    margin-bottom: 20px;
    background-color: var(--input-background);
    border: 1px solid var(--border-base);
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 var(--shadow-color)
}

.well blockquote {
    border-color: var(--border-base)
}

.well-large {
    padding: 24px;
    border-radius: 6px
}

.well-small {
    padding: 9px;
    border-radius: 2px
}

.well-invisible {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 3px;
    box-shadow: none
}

form.well {
    padding: 14px
}

.well hr {
    margin: 18px 0
}

.raw-view h4 .module-subtitle {
    padding-left: 16px;
    font-weight: 500;
    font-size: 13px
}

.raw-view h4:not(:first-child) {
    margin-top: 18px
}

.raw-view table tbody tr:first-child td {
    border-top-width: 2px
}

.raw-view table tbody td {
    padding-left: 16px
}

.record div[data-type="email-recipients"] .controls.btn-fit .select2-container .select2-choices {
    max-height: 45px;
    border-radius: var(--rounded-sm)
}

.record div[data-type="email-recipients"] .controls.btn-fit .select2-container .select2-search-field input {
    padding: 0 6px;
    position: absolute;
    height: 22px;
    min-height: 22px;
    margin: 0
}

.record div[data-type="email-recipients"] .controls.btn-fit .select2-container.drop-highlight .select2-choices {
    box-shadow: 0 0 1px transparent;
    background-color: rgba(6, 121, 200, 0.075)
}

.record div[data-type="email-recipients"] .controls.btn-fit .select2-container.drop-highlight.drop-hover .select2-choices {
    background-color: #fff;
    border-color: rgba(6, 121, 200, 0.075)
}

.record div[data-type="email-attachments"].controls input[type="file"] {
    display: none
}

.record div[data-type="email-attachments"].controls .select2-container .select2-choices {
    padding-left: 0;
    border: none
}

.record div[data-type="email-attachments"].controls .select2-container .select2-search-field input {
    padding: 0;
    min-height: 26px
}

.record-cell .normal > span.email-recipients.fieldset {
    display: table;
    width: 100%;
    margin-bottom: 8px
}

.email-recipients.fieldset .fieldset-group {
    display: table-row
}

.email-recipients.fieldset .fieldset-group.hide {
    display: none
}

.email-recipients.fieldset .fieldset-label, .email-recipients.fieldset .fieldset-field {
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box
}

.email-recipients.fieldset .fieldset-label {
    padding: 8px 6px 8px 7px;
    font-size: 11px;
    line-height: 12px;
    color: #4d5154
}

.email-recipients.fieldset .fieldset-field {
    width: 100%;
    padding-bottom: 8px
}

.email-recipients.fieldset .fieldset-field.detail {
    padding-bottom: 4px;
    padding-left: 8px;
    vertical-align: middle;
    font-size: 12px
}

.email-recipients.fieldset .fieldset-field.detail .scroll {
    display: block;
    max-height: 45px;
    overflow: auto
}

.email-recipients.fieldset .fieldset-field .controls .select2-container .select2-choices {
    max-height: 45px;
    overflow-y: auto;
    border-radius: var(--rounded-sm)
}

.email-recipients.fieldset.edit div[data-type="enum"].fieldset-field {
    position: relative;
    padding-right: 72px;
    min-height: 28px
}

.email-recipients.fieldset .compose-recipient-options {
    position: absolute;
    z-index: 2;
    padding: 0;
    top: 0;
    right: 0;
    background-color: #fff
}

.email-recipients.fieldset .compose-recipient-options .btn {
    position: relative;
    right: 0
}

.record-cell[data-type="email-attachments"] .edit {
    margin-bottom: 11px
}

.search-filter div[data-type="email-recipients"] .select2-container .select2-search-choice span:last-child {
    background: none;
    color: #fff;
    padding: 0
}

div[data-type="email"] .opt-out {
    position: relative
}

div[data-type="email"] .opt-out .sicon {
    color: #0679c8
}

.dashlet-content .kbcontents li h4 {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-bottom: 2px;
    padding-top: 0
}

.dashlet-content .kbcontents li h4 a {
    color: var(--text-action)
}

.dashlet-content .kbcontents div.details {
    padding-left: 0
}

.dashlet-content .kbcontents div.details span.kbs-dashlet-most-useful a.ellipsis_inline, .dashlet-content .kbcontents div.details span.related-documents a.ellipsis_inline {
    display: inherit !important
}

.kb-contents-create .record {
    max-width: 1024px
}

.kb-contents-create .record .record-cell.edit span[data-fieldname="attachment_list"] > span.edit .select2-container.with-padding, .kb-contents-create .record .record-cell.edit div[data-name="attachment_list"] > span.edit .select2-container.with-padding {
    width: 100%
}

.record-cell .record-label[data-name="kbdocument_body_set"] {
    margin-top: 12px;
    margin-bottom: 6px
}

.record-cell.edit[data-name='kbdocument_body_set'] .labels-on-side {
    margin-top: 33px
}

[data-type="template-button"] .btn {
    position: absolute;
    right: 0;
    top: -33px;
    display: flex;
    align-items: center
}

[data-type="usefulness"] .btn-group {
    display: flex;
    flex-direction: row
}

[data-type="usefulness"] .btn-group .btn {
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    align-items: center
}

[data-type="usefulness"] .btn-group .btn i {
    margin-right: 5px
}

[data-type="usefulness"] span.record-edit-link-wrapper {
    display: none !important
}

.usefulness {
    margin-top: -3px !important;
    min-height: 28px !important
}

[data-name="kbdocument_body_set"] span.record-edit-link-wrapper {
    display: none !important
}

[data-name="body_set"][data-type="fieldset"] span.record-edit-link-wrapper {
    display: none !important
}

.load-template {
    margin-bottom: 8px
}

.select2field-tags .select2-choices .select2-search-choice {
    background: var(--dropdown-link-background-hover) !important
}

[data-name="languages_languages"] .first-row .btn {
    top: auto
}

html.rtl .record .record-cell .record-label[data-name="kbdocument_body_set"] {
    margin-top: 12px;
    margin-bottom: 6px
}

html.rtl .record .record-cell [data-type="template-button"] .btn {
    right: auto;
    left: 0
}

.smallTreeLi {
    margin-left: 18px;
    padding: 1px 0;
    line-height: 14px;
    min-height: 14px;
    font-size: 12px;
    display: table
}

.smallTreeA {
    line-height: 14px;
    height: 14px;
    min-height: 14px;
    font-size: 12px;
    border-top: 0
}

#vakata-contextmenu {
    border-radius: 3px
}

#vakata-contextmenu li a {
    color: var(--text-base)
}

#vakata-contextmenu li a ul {
    background: #fff;
    border-radius: 3px
}

#vakata-contextmenu ul {
    background: #fff;
    border-radius: 3px
}

#vakata-dragged ins {
    background: transparent !important;
    font-size: 16px
}

#jstree-marker {
    background: url("styleguide/images/d-aGQvTyJ.png") -41px -57px no-repeat !important;
    text-indent: -100px;
    margin-left: -18px !important
}

#jstree-marker-line {
    margin-left: -18px !important
}

.parenttree {
    width: 100%;
    height: 28px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    background-color: var(--content-background);
    border: 1px solid var(--border-base);
    border-radius: 3px
}

.parenttree.error {
    border-color: #fa374f
}

.parenttree.error .divinput {
    color: #fa374f
}

.parenttree.error .clear-field {
    right: 36px
}

.parenttree .divinput {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0 34px 0 6px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--text-base);
    line-height: 26px;
    border-radius: var(--rounded-sm);
    background-color: var(--select2-background);
    border: 1px solid var(--border-base);
    cursor: pointer;
    box-sizing: border-box
}

.parenttree .divinput .error-tooltip {
    display: inline-block;
    position: absolute;
    right: 18px
}

.parenttree .divinput .error-tooltip.top4 {
    top: 4px
}

.parenttree .divinput .error-tooltip.top0 {
    top: 0
}

.parenttree .dropdown-menu {
    border: 1px solid var(--text-action);
    border-top: none;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0 0 var(--rounded-md) var(--rounded-md);
    margin-top: 0;
    margin-left: 0
}

.parenttree .dropdown-menu li {
    display: block;
    padding: 6px;
    clear: both;
    font-weight: normal;
    color: #4d5154;
    white-space: nowrap
}

.parenttree .dropdown-menu li.tree {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 200px;
    padding: 0
}

.parenttree .dropdown-menu li.tree span.jstree-sugar {
    padding: 0
}

.parenttree .dropdown-menu li.tree .tree-component ul li {
    margin-left: 18px;
    padding: 1px 0;
    line-height: 14px;
    min-height: 14px;
    font-size: 12px;
    display: table
}

.parenttree .dropdown-menu li.tree .tree-component ul li > ins {
    margin-right: 0 !important;
    height: 14px
}

.parenttree .dropdown-menu li.tree .tree-component ul li > ins.jstree-icon {
    padding: 2px 2px 2px 0
}

.parenttree .dropdown-menu li.tree .tree-component ul li > ins::before {
    font-size: 14px
}

.parenttree .dropdown-menu li.tree .tree-component ul li > a {
    line-height: 14px;
    height: 14px;
    min-height: 14px;
    font-size: 12px;
    border-top: 0
}

.parenttree .dropdown-menu li.tree .tree-component > ul > li {
    margin-left: 0
}

.parenttree .dropdown-menu li.st {
    padding: 0
}

.parenttree .dropdown-menu li.st .input-append {
    padding: 6px
}

.parenttree .dropdown-menu li.st [data-role=secondinput] {
    min-width: 0;
    width: calc(100% - 12px)
}

.parenttree .dropdown-menu li.st [data-action=create-label-cover] {
    padding: 8px
}

.parenttree .dropdown-menu li.st [data-action=create-new] {
    display: inline
}

.parenttree .dropdown-menu li.st [data-action=full-screen] {
    padding: 7px
}

.parenttree .dropdown-menu li.st [data-role=pseudo] {
    color: var(--text-base);
    padding: 8px 7px
}

.parenttree .dropdown-menu li.st [data-place=bottom-create] .span10 {
    padding: 4px 4px 4px 0
}

.parenttree .dropdown-menu li[disabled=disabled] a {
    color: #9ba1a6 !important
}

.parenttree.open {
    border-color: var(--text-action);
    border-radius: var(--rounded-sm) var(--rounded-sm) 0 0;
    border-bottom: none
}

.parenttree .select-arrow, .parenttree .clear-field {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    filter: none;
    padding-left: 4px;
    border-radius: 0;
    box-sizing: border-box
}

.parenttree .clear-field {
    right: 18px
}

.nested-set-full .jstree-sugar.tree-component {
    padding: 0
}

.nested-set-full .jstree-sugar.tree-component > ul {
    background: url("styleguide/images/bg-idEKG0j.jpg") left top repeat;
    padding: 0 10px;
    border-bottom: 1px solid var(--border-base)
}

.nested-set-full .jstree-sugar.tree-component ul li {
    min-height: 37px;
    padding: 0
}

.nested-set-full .jstree-sugar.tree-component ul li > a {
    line-height: 37px;
    height: 37px;
    display: inline
}

.nested-set-full .jstree-sugar.tree-component ul li > div {
    line-height: 37px
}

.nested-set-full .jstree-sugar.tree-component input.jstree-rename-input {
    height: 25px !important;
    line-height: 25px !important
}

.dashlet-cell .jstree.tree-component ul li {
    margin-left: 18px;
    padding: 1px 0;
    line-height: 14px;
    min-height: 14px;
    font-size: 12px;
    display: table
}

.dashlet-cell .jstree.tree-component ul li > ins {
    margin-right: 0 !important;
    height: 14px
}

.dashlet-cell .jstree.tree-component ul li > ins.jstree-icon {
    padding: 2px 2px 2px 0
}

.dashlet-cell .jstree.tree-component ul li > ins::before {
    font-size: 14px;
    color: var(--text-action)
}

.dashlet-cell .jstree.tree-component ul li > a {
    line-height: 14px;
    height: 14px;
    min-height: 14px;
    font-size: 12px;
    border-top: 0;
    color: #0679c8
}

.dashlet-cell .jstree.tree-component ul li.jstree-open > ins::before {
    color: var(--text-base)
}

.dashlet-cell .jstree.tree-component ul li.jstree-open > a {
    font-weight: bold;
    color: var(--text-base)
}

.dashlet-cell .jstree.tree-component ul li.jstree-leaf ins + a:hover {
    cursor: default
}

.dashlet-cell .jstree.tree-component ul li.jstree-leaf ins.leaf {
    cursor: pointer
}

.dashlet-cell .jstree.tree-component ul li.jstree-leaf ins.leaf + a:hover {
    cursor: pointer
}

.dashlet-cell .jstree.tree-component ul li.jstree-leaf.disabled > a {
    color: var(--text-base) !important
}

.dashlet-cell .jstree.tree-component ul li.jstree-leaf.disabled .leaf {
    cursor: default
}

.dashlet-cell .jstree.tree-component ul li.jstree-leaf.disabled .leaf + a:hover {
    cursor: default
}

.dashlet-cell .jstree.tree-component ul li.jstree-leaf.disabled > ins::before {
    color: var(--text-base) !important
}

.dashlet-cell .jstree.tree-component > ul > li {
    margin-left: 0
}

.record .record-cell[data-type="nestedset"] {
    z-index: 2
}

.record .record-cell[data-type="nestedset"] .parenttree .divinput {
    font-size: 15px
}

.record .record-cell[data-type="nestedset"] input[type="text"][data-role=add-item] {
    font-size: 12px;
    font-weight: 400
}

.record .record-cell[data-type="nestedset"] input[type="text"][data-role=secondinput] {
    font-size: 12px;
    font-weight: 400;
    width: calc(100% - 12px)
}

tr.tr-inline-edit [data-type="nestedset"] .parenttree .dropdown-menu {
    border-top: 1px solid var(--text-action);
    width: auto
}

.filter-definition-container [data-role=treeinput] .clear-field, .filter-definition-container [data-role=treeinput] .select-arrow {
    display: none
}

.filter-definition-container .nestedset-filter-container {
    width: 100%;
    position: relative;
    display: block
}

.product-catalog-view .product-catalog-no-results {
    padding: 8px;
    text-align: center
}

.product-catalog-view .product-catalog-search {
    text-align: center
}

.product-catalog-view .product-catalog-search .product-catalog-search-term {
    width: 90%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

@-webkit-keyframes preview-in {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@keyframes preview-in {
    from {
        left: 200px
    }
    to {
        left: 0
    }
}

@-webkit-keyframes preview-out {
    0% {
        left: 0%
    }
    100% {
        left: 100%
    }
}

@keyframes preview-out {
    from {
        left: 0%
    }
    to {
        left: 100%
    }
}

@-webkit-keyframes preview-in-rtl {
    0% {
        right: 100%
    }
    100% {
        right: 0
    }
}

@keyframes preview-in-rtl {
    from {
        right: 100%
    }
    to {
        right: 0
    }
}

@-webkit-keyframes preview-out-rtl {
    0% {
        right: 0
    }
    100% {
        right: 100%
    }
}

@keyframes preview-out-rtl {
    from {
        right: 0
    }
    to {
        right: 100%
    }
}

.dependency-picker {
    margin: 20px 20px 20px 10px
}

.dependency-picker .table {
    width: auto;
    margin-top: 10px
}

.dependency-picker .table thead {
    background-color: var(--content-background)
}

.dependency-picker .table thead tr th:not(:first-child) {
    width: 100%
}

.dependency-picker .table .btn {
    padding: 0;
    border: 0;
    margin-left: 0
}

.dependency-picker .table td {
    border-top: 0
}

.dependency-picker .table th {
    width: 1px
}

.dependency-picker .checkall {
    line-height: 0
}

.dependency-picker .toggle-all {
    margin: 0
}

.pipeline-records .main-pane {
    margin-left: 0
}

.pipeline-records .main-pane .headerpane {
    display: block;
    max-width: calc(100% - 3.5rem)
}

.pipeline-records .main-pane .headerpane .btn-toolbar {
    padding: 12px 24px 0 0
}

.pipeline-records .main-pane .headerpane .btn .sidebar-toggle {
    display: none
}

.pipeline-records .main-pane .headerpane .headerpaneContainer {
    min-height: 50px;
    border-bottom: none;
    border-top: none
}

.pipeline-records .main-pane .headerpane .headerpaneContainer .detail {
    display: inline-block
}

.pipeline-records .main-pane .headerpane .headerpaneContainer .detail h1 {
    display: inline-block;
    margin-left: 1rem;
    margin-top: 1rem
}

.pipeline-records .main-pane .headerpane .headerpaneContainer .nav-tabs {
    margin-bottom: 0;
    padding-top: 11px;
    border-bottom: none
}

.pipeline-records .main-pane .headerpane .headerpaneContainer .nav-tabs .filter-box .pipeline-header {
    display: block;
    padding-top: 4px
}

.pipeline-records .main-pane .headerpane .headerpaneContainer .nav-tabs.pull-left .tab {
    margin-left: 20px
}

.pipeline-records .main-pane .headerpane .headerpaneContainer .pull-right {
    font-size: 20px
}

.pipeline-records .main-pane .headerpane .headerpaneContainer .pull-right.btn-toolbar .btn {
    font-size: 14px
}

.pipeline-records .main-pane .my-pipeline-content {
    border-top: 1px solid var(--border-base)
}

.pipeline-records .main-pane .my-pipeline-content #noData {
    position: absolute;
    top: 100px;
    width: 100%
}

.pipeline-records .main-pane .my-pipeline-content #noData .block-footer {
    border-top: none;
    margin-top: 100px
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .pipeline-fade {
    height: calc(100% - 4rem);
    background-image: var(--pipeline-fade-gradient);
    right: 0;
    z-index: 1
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td {
    vertical-align: top;
    border-top: none;
    padding: 0
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td .header-column {
    color: #fff;
    width: 100%;
    position: relative;
    text-align: left;
    font-size: 16px;
    display: inline-block
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td .header-column .header-span {
    padding: 10px 0 2px 10px;
    width: 92%;
    margin: 0
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td .header-column .header-span .header-text {
    border-bottom: 1px solid #fff;
    font-size: 20px;
    padding: 0 0 10px
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td .header-column .header-span .total-amount {
    padding: 10px 0 0
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td .badge {
    bottom: 0.06rem;
    padding: 0 .31rem;
    text-shadow: none
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td .one-digit-badge {
    min-width: 0.625rem
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table tr {
    position: relative
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td {
    vertical-align: top
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td ul li.ui-sortable-helper {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25)
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td .column {
    list-style-type: none;
    margin-left: auto
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td .column div.blue-border {
    border: .125rem solid #0679c8
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive .table td .column-bottom-controls {
    bottom: 0
}

.pipeline-records .main-pane .my-pipeline-content .table-responsive.no-scroll .pipeline-fade {
    display: none
}

.pipeline-records .main-pane .my-pipeline-content .inEditMode .tile {
    opacity: 0.5
}

.pipeline-records .main-pane .my-pipeline-content .inEditMode.opened {
    opacity: 1;
    box-shadow: 5px 5px 10px
}

.pipeline-records .main-pane .my-pipeline-content .inEditMode.table_header {
    background: #866500
}

.pipeline-records .main-pane .my-pipeline-content .nav-arrow-left, .pipeline-records .main-pane .my-pipeline-content .nav-arrow-right {
    border: 1px solid #d9dddf;
    border-radius: 3px;
    background-color: var(--contrast-color);
    margin-top: 1.3rem;
    z-index: 1
}

.pipeline-records .main-pane .my-pipeline-content .nav-arrow-left .arrow, .pipeline-records .main-pane .my-pipeline-content .nav-arrow-right .arrow {
    font-family: 'SugarIcons';
    color: #d9dddf
}

.pipeline-records .main-pane .my-pipeline-content .nav-arrow-left:hover, .pipeline-records .main-pane .my-pipeline-content .nav-arrow-right:hover {
    border-color: var(--sicon-hover-color)
}

.pipeline-records .main-pane .my-pipeline-content .nav-arrow-left:hover .arrow, .pipeline-records .main-pane .my-pipeline-content .nav-arrow-right:hover .arrow {
    color: var(--sicon-hover-color)
}

.pipeline-records .main-pane .my-pipeline-content .portlet-placeholder {
    background-color: var(--contrast-color);
    opacity: 0.5;
    height: 5.75rem;
    display: none
}

.pipeline-records .main-pane .my-pipeline-content .portlet-placeholder:first-child {
    margin-bottom: 1rem
}

.pipeline-records .main-pane .my-pipeline-content .start-column .portlet-placeholder {
    display: block
}

.pipeline-records .main-pane .my-pipeline-content {
    overflow: auto
}

.pipeline-records .main-pane .my-pipeline-content #noData {
    position: absolute;
    top: 100px;
    width: 100%
}

.pipeline-records .main-pane .my-pipeline-content #noData .block-footer {
    border-top: none;
    margin-top: 100px
}

.pipeline-records .main-pane .my-pipeline-content .inEditMode .tile {
    opacity: 0.5
}

.pipeline-records .main-pane .my-pipeline-content .inEditMode.opened {
    opacity: 1;
    box-shadow: 5px 5px 10px
}

.pipeline-records .main-pane .my-pipeline-content .inEditMode.table_header {
    background: #866500
}

.pipeline-records .row-fluid .sidebar-content {
    display: none
}

.pipeline-records .row-fluid .sidebar-content .span6 {
    display: block;
    width: 50%
}

.pipeline-records .row-fluid .sidebar-content .span6.headerpane {
    width: 50%;
    border-left: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base);
    margin-left: -1px
}

.pipeline-records .stage-box {
    min-width: 60px;
    height: 20px;
    border-radius: 10px;
    background-color: #f1f3f4;
    text-align: center;
    display: inline-block;
    color: #4d5154
}

.pipeline.ui-sortable-helper {
    list-style-type: none
}

.pipeline-modules .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.pipeline-modules .switch input {
    display: none
}

.sidebar-content {
    width: 100%;
    border-right: none;
    position: absolute;
    top: 64px;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.sidebar-content .pipeline-records .tile {
    cursor: pointer;
    margin: 30% auto 0;
    width: 250px;
    text-align: left;
    background: #fff;
    border: 1px solid var(--border-base);
    border-radius: 5px
}

.sidebar-content .pipeline-records .tile .tile_header {
    font-size: 14px;
    line-height: 25px;
    padding: 0 10px;
    background: var(--foreground-base);
    border-radius: 5px 5px 0 0
}

.sidebar-content .pipeline-records .tile .tile_header .name {
    max-width: 170px;
    color: var(--text-base)
}

.sidebar-content .pipeline-records .tile .tile_body {
    padding: 0 0 5px;
    border-bottom-right-radius: 5px
}

.sidebar-content .pipeline-records .tile .tile_body .info-container {
    width: 100%;
    margin-left: 10px
}

#config-accordion.VisualPipeline-config .accordion-inner {
    padding: 10px 20px;
    border: none
}

#config-accordion.VisualPipeline-config .accordion-heading {
    padding: 10px 8px 0 16px;
    float: left;
    width: 100%
}

#config-accordion.VisualPipeline-config .accordion-group .pipeline-step-circle {
    margin: 4px
}

#config-accordion.VisualPipeline-config .accordion-group .fieldset-field {
    margin: 0 0 5px
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-nav {
    margin-bottom: 0
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-nav > li > a {
    outline: none
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel {
    padding: 10px;
    border: 1px solid var(--border-base);
    display: block
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel.console-config-fields .record-cell {
    width: 100%
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel .record-cell {
    display: inline-block;
    width: 80%
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel .record-cell .header-values-wrapper #pipeline-sortable-1, #config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel .record-cell .header-values-wrapper #pipeline-sortable-2 {
    border: 1px solid var(--border-base);
    width: 100%;
    max-width: 250px;
    list-style-type: none;
    margin: 0 10px;
    padding: 5px 0 0;
    float: left;
    min-height: 150px;
    background-color: var(--content-background)
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel .record-cell .header-values-wrapper #pipeline-sortable-1 .ui-state-item, #config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel .record-cell .header-values-wrapper #pipeline-sortable-2 .ui-state-item {
    border: 1px solid var(--border-base);
    background: var(--foreground-base);
    font-weight: normal;
    color: var(--text-base);
    margin: 0 auto 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 90%
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel .record-cell .header-values-wrapper .header-values-columns {
    padding: 0 0 5px;
    font-weight: bold;
    float: left;
    width: 100%;
    margin: 10px
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel .value-label {
    width: 80%;
    display: inline-block
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel .pipeline-record-label {
    font-size: 12px;
    line-height: 20px;
    margin-left: 0
}

#config-accordion.VisualPipeline-config .accordion-group .ui-tabs-panel .pipeline-fields {
    padding: 10px;
    border: 1px solid #6f777b;
    border-top: none
}

#sortable1, #sortable2 {
    border: 1px solid #4d5154;
    width: 157px;
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 5px 0 0;
    float: left;
    min-height: 150px
}

#sortable1 li, #sortable2 li {
    margin: 0 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 135px
}

@-moz-keyframes spinningH {
    from {
        -moz-transform: rotateX(0deg) rotateY(0deg)
    }
    to {
        -moz-transform: rotateX(360deg) rotateY(360deg)
    }

    .row-fluid .sidebar-content {
        display: none
    }

    .row-fluid .sidebar-content .span6 {
        display: block;
        width: 50%
    }

    .row-fluid .sidebar-content .span6.headerpane {
        width: 50%;
        border-left: 1px solid var(--border-base);
        border-bottom: 1px solid var(--border-base);
        margin-left: -1px
    }

    .stage-box {
        min-width: 60px;
        height: 20px;
        border-radius: 10px;
        background-color: #f1f3f4;
        text-align: center;
        display: inline-block;
        color: #4d5154
    }

}

.pipeline-modules .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.pipeline-modules .switch input {
    display: none
}

.sidebar-content .pipeline-records .tile .tile_header {
    font-size: 14px;
    line-height: 25px;
    padding: 0 15px;
    background: var(--foreground-base);
    border-radius: 5px 5px 0 0
}

.sidebar-content .pipeline-records .tile .tile_header .name {
    max-width: 170px;
    color: var(--text-base)
}

.sidebar-content .pipeline-records .tile .tile_body {
    padding: 0 0 5px;
    border-bottom-right-radius: 5px
}

.sidebar-content .pipeline-records .tile .tile_body .info-container {
    width: 100%;
    margin-left: 10px
}

@-webkit-keyframes spinningH {
    from {
        -webkit-transform: rotateX(0deg) rotateY(0deg)
    }
    to {
        -webkit-transform: rotateX(360deg) rotateY(360deg)
    }
}

@-o-keyframes spinningH {
    from {
        -o-transform: rotateX(0deg) rotateY(0deg)
    }
    to {
        -o-transform: rotateX(360deg) rotateY(360deg)
    }
}

@-ms-keyframes spinningH {
    from {
        -ms-transform: rotateX(0deg) rotateY(0deg)
    }
    to {
        -ms-transform: rotateX(360deg) rotateY(360deg)
    }
}

@keyframes spinningH {
    from {
        transform: rotateX(0deg) rotateY(0deg)
    }
    to {
        transform: rotateX(360deg) rotateY(360deg)
    }
}

.animate {
    -webkit-animation: spinningH 4s infinite linear;
    -moz-animation: spinningH 4s infinite linear;
    -o-animation: spinningH 4s infinite linear;
    -ms-animation: spinningH 4s infinite linear;
    animation: spinningH 4s infinite linear
}

#cube {
    position: relative;
    margin: 0 auto;
    height: 50px;
    width: 50px;
    -webkit-transition: -webkit-transform 5s linear;
    -moz-transition: -moz-transform 5s linear;
    -o-transition: -o-transform 5s linear;
    -ms-transition: -ms-transform 5s linear;
    transition: transform 5s linear;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#cube > div {
    position: absolute;
    padding: 1px;
    opacity: 1;
    background-position: center center;
    background-color: var(--btn-secondary-background-active);
    border-radius: 3px;
    border: 3px solid var(--btn-secondary-background-active)
}

#cube > div > div.inner {
    border-radius: 5px;
    height: 45px;
    width: 45px
}

#cube div:nth-child(1) {
    -webkit-transform: translateZ(25px);
    -moz-transform: translateZ(25px);
    -o-transform: translateZ(25px);
    -ms-transform: translateZ(25px);
    transform: translateZ(25px)
}

#cube div:nth-child(2) {
    -webkit-transform: rotateY(90deg) translateZ(25px);
    -moz-transform: rotateY(90deg) translateZ(25px);
    -o-transform: rotateY(90deg) translateZ(25px);
    -ms-transform: rotateY(90deg) translateZ(25px);
    transform: rotateY(90deg) translateZ(25px)
}

#cube div:nth-child(3) {
    -webkit-transform: rotateY(180deg) translateZ(25px);
    -moz-transform: rotateY(180deg) translateZ(25px);
    -o-transform: rotateY(180deg) translateZ(25px);
    -ms-transform: rotateY(180deg) translateZ(25px);
    transform: rotateY(180deg) translateZ(25px)
}

#cube div:nth-child(4) {
    -webkit-transform: rotateY(-90deg) translateZ(25px);
    -moz-transform: rotateY(-90deg) translateZ(25px);
    -o-transform: rotateY(-90deg) translateZ(25px);
    -ms-transform: rotateY(-90deg) translateZ(25px);
    transform: rotateY(-90deg) translateZ(25px)
}

#cube div:nth-child(5) {
    -webkit-transform: rotateX(-90deg) translateZ(25px) rotate(180deg);
    -moz-transform: rotateX(-90deg) translateZ(25px) rotate(180deg);
    -o-transform: rotateX(-90deg) translateZ(25px) rotate(180deg);
    -ms-transform: rotateX(-90deg) translateZ(25px) rotate(180deg);
    transform: rotateX(-90deg) translateZ(25px) rotate(180deg)
}

#cube div:nth-child(6) {
    -webkit-transform: rotateX(90deg) translateZ(25px);
    -moz-transform: rotateX(90deg) translateZ(25px);
    -o-transform: rotateX(90deg) translateZ(25px);
    -ms-transform: rotateX(90deg) translateZ(25px);
    transform: rotateX(90deg) translateZ(25px)
}

#cube div:nth-child(1) div.inner, #cube div:nth-child(3) div.inner {
    background-color: #fa374f
}

#cube div:nth-child(2) div.inner, #cube div:nth-child(4) div.inner {
    background-color: #f1f3f4;
    background-repeat: no-repeat
}

#cube div:nth-child(5) div.inner, #cube div:nth-child(6) div.inner {
    background-color: #2b2d2e;
    background-repeat: no-repeat
}

#side-drawer {
    position: fixed;
    margin-top: 0.5rem;
    border-top-left-radius: 1rem;
    left: 25%;
    right: 0;
    display: none;
    z-index: 1034;
    background-color: #4d5154
}

#side-drawer .drawer-content .flex-list-view table .alert .alert-list-contents, #side-drawer .drawer-content ~ #drawers .flex-list-view table .alert .alert-list-contents {
    width: 66vw
}

#side-drawer .drawer-content {
    border-left: 1px solid var(--border-base);
    border-radius: 0 0 3px;
    height: 100%
}

#side-drawer .drawer-content .preview-headerbar {
    position: static
}

#side-drawer .drawer-content .dashboard-grid:not(.grid-stack-empty) {
    top: 0
}

#side-drawer .drawer-content > div > .row-fluid {
    border: 0
}

#side-drawer .drawer-content > div > .row-fluid .main-pane {
    margin: 15px;
    top: 91px
}

#side-drawer .drawer-content > div > .row-fluid .main-pane.span8 {
    width: calc(41vw - 15px);
    border-left: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base);
    border-bottom-left-radius: 10px
}

#side-drawer .drawer-content > div > .row-fluid .main-pane.span8 .headerpane {
    margin-top: 15px;
    width: calc(41vw - 15px);
    left: calc(25% + 15px);
    border-left: 1px solid var(--border-base);
    border-top: 1px solid var(--border-base);
    border-top-left-radius: 10px
}

#side-drawer .drawer-content > div > .row-fluid .main-pane.span8 .record {
    margin-top: 0;
    padding: 13px 13px 0
}

#side-drawer .drawer-content > div > .row-fluid .main-pane.span12 {
    left: 0;
    width: calc(100% - 30px);
    border-left: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base);
    border-bottom-left-radius: 10px;
    border-right: 1px solid var(--border-base);
    border-bottom-right-radius: 10px
}

#side-drawer .drawer-content > div > .row-fluid .main-pane.span12 .headerpane {
    top: 56px;
    left: calc(25% + 15px);
    width: calc(75% - 28px);
    right: 15px;
    border-left: 1px solid var(--border-base);
    border-top: 1px solid var(--border-base);
    border-right: 1px solid var(--border-base);
    border-radius: 10px 10px 0 0
}

#side-drawer .drawer-content > div > .row-fluid .main-pane.span12 .record {
    top: 35px;
    margin-top: 0;
    padding: 13px 13px 0
}

#side-drawer .drawer-content > div > .row-fluid .side.sidebar-content {
    border-left: 0;
    border-top: 1px solid var(--border-base)
}

#side-drawer .drawer-content > div > .row-fluid .side.sidebar-content .preview-pane {
    top: 15px;
    bottom: 15px;
    right: 15px;
    left: 0;
    padding: 0 10px;
    border: 1px solid var(--border-base);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

#side-drawer .drawer-content > div > .row-fluid .side.sidebar-content .preview-pane .preview-headerbar {
    border-left: 0;
    width: 100%
}

#side-drawer .drawer-content > div > .row-fluid .side.sidebar-content .dashboard.bg-[--background-base] {
    top: 64px;
    bottom: 15px;
    border-bottom: 1px solid var(--border-base);
    border-bottom-right-radius: 10px;
    width: calc(100% - 16px);
    border-right: 1px solid var(--border-base)
}

#side-drawer .drawer-content > div > .row-fluid .side.sidebar-content .dashboard.bg-[--background-base] .headerpane {
    top: 56px;
    border-left: 1px solid var(--border-base);
    border-top: 1px solid var(--border-base);
    border-right: 1px solid var(--border-base);
    border-top-right-radius: 10px;
    width: calc(34vw - 15px)
}

#side-drawer .drawer-content > div > .row-fluid .side.sidebar-content .dashboard.bg-[--background-base] ul.dashlets.row-fluid {
    border-left: 1px solid var(--border-base);
    border-right: 1px solid var(--border-base);
    width: 100%
}

#side-drawer .drawer-content > div > .row-fluid .side.sidebar-content .dashboard.bg-[--background-base] ul.dashlets.row-fluid .grid-stack-item {
    margin-top: 1px
}

#side-drawer.pipeline {
    left: 21rem
}

#side-drawer.pipeline .drawer-content > div > .row-fluid .main-pane.span8 .headerpane {
    left: calc(21rem + 15px)
}

#side-drawer.pipeline .drawer-content > div > .row-fluid .main-pane.span12 .headerpane {
    left: calc(21rem + 15px)
}

#side-drawer > .disabled .btn:not(.disabled):hover {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0)
}

#side-drawer .close-drawer, #side-drawer .scroll-drawer, #side-drawer .dashlet-drawer {
    width: 30px;
    left: -26px;
    position: absolute
}

#side-drawer .close-drawer .btn, #side-drawer .scroll-drawer .btn, #side-drawer .dashlet-drawer .btn {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 0;
    line-height: 12px;
    padding: 7px;
    opacity: 1
}

#side-drawer .close-drawer .btn.btn-prev, #side-drawer .scroll-drawer .btn.btn-prev, #side-drawer .dashlet-drawer .btn.btn-prev {
    border-bottom-left-radius: 0;
    border-bottom: 0
}

#side-drawer .close-drawer .btn.btn-next, #side-drawer .scroll-drawer .btn.btn-next, #side-drawer .dashlet-drawer .btn.btn-next {
    border-top-left-radius: 0;
    border-top: 0
}

#side-drawer .close-drawer .btn:hover, #side-drawer .scroll-drawer .btn:hover, #side-drawer .dashlet-drawer .btn:hover {
    border-color: var(--border-base)
}

#side-drawer .close-drawer .btn.disabled i, #side-drawer .scroll-drawer .btn.disabled i, #side-drawer .dashlet-drawer .btn.disabled i {
    color: var(--btn-disabled-color)
}

#side-drawer .close-drawer {
    top: 1.5rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
}

#side-drawer .scroll-drawer {
    top: 3.688rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
}

#side-drawer .dashlet-drawer {
    top: 40px
}

#side-drawer .drawer-tabs {
    width: 100%;
    background-color: var(--background-base);
    border-top-left-radius: 1rem
}

#side-drawer .drawer-tabs ul, #side-drawer .drawer-tabs .nav {
    margin: 0
}

#side-drawer .drawer-tabs .nav-tabs {
    height: 40px;
    padding-top: 1px;
    background-color: var(--background-base);
    display: flex;
    margin-left: 1rem;
    margin-right: 1rem
}

#side-drawer .drawer-tabs .nav-tabs .tab {
    width: 284px;
    max-width: 284px;
    min-width: 24px;
    height: 32px;
    padding: 4px 0;
    display: inline-flex;
    align-items: center
}

#side-drawer .drawer-tabs .nav-tabs .tab .sicon-focus-drawer {
    color: #6f777b;
    font-size: 12px;
    display: block
}

#side-drawer .drawer-tabs .nav-tabs .tab a {
    outline: none;
    padding: 0;
    line-height: 40px;
    flex: 1;
    position: relative;
    margin-right: 0
}

#side-drawer .drawer-tabs .nav-tabs .tab a .tab-title {
    font-size: 11px;
    margin-left: 6px
}

#side-drawer .drawer-tabs .nav-tabs .tab a .label {
    margin-left: 8px
}

#side-drawer .drawer-tabs .nav-tabs .tab a .sicon-close {
    position: absolute;
    display: none;
    font-size: 12px;
    margin-left: 6px;
    right: 3%;
    top: 50%;
    transform: translateY(-50%)
}

#side-drawer .drawer-tabs .nav-tabs .tab.active {
    border-color: var(--active-tab-border-color);
    border-bottom-width: 4px;
    padding-bottom: 0
}

#side-drawer .drawer-tabs .nav-tabs .tab.active .sicon-focus-drawer {
    color: var(--active-tab-border-color)
}

#side-drawer .drawer-tabs .nav-tabs .tab.active a > .count:not(.label-important), #side-drawer .drawer-tabs .nav-tabs .tab.active a > .module-name, #side-drawer .drawer-tabs .nav-tabs .tab.active a > .tab-title, #side-drawer .drawer-tabs .nav-tabs .tab.active .btn {
    color: var(--active-tab-border-color)
}

#side-drawer .drawer-tabs .nav-tabs .tab.active a > .count:not(.label-important) .sicon:not(.sicon-bell-lg-line), #side-drawer .drawer-tabs .nav-tabs .tab.active a > .module-name .sicon:not(.sicon-bell-lg-line), #side-drawer .drawer-tabs .nav-tabs .tab.active a > .tab-title .sicon:not(.sicon-bell-lg-line), #side-drawer .drawer-tabs .nav-tabs .tab.active .btn .sicon:not(.sicon-bell-lg-line) {
    color: var(--active-tab-border-color)
}

#side-drawer .drawer-tabs .nav-tabs .tab.active:hover {
    background-color: var(--tab-background-hover-color)
}

#side-drawer .drawer-tabs .nav-tabs .tab.active a {
    color: #0679c8
}

#side-drawer .drawer-tabs .nav-tabs .tab.active .label {
    cursor: auto
}

#side-drawer .drawer-tabs .nav-tabs .tab:not(.active) a {
    color: var(--text-color-light)
}

#side-drawer .drawer-tabs .nav-tabs .tab:not(.active):hover {
    background-color: var(--tab-background-hover-color)
}

#side-drawer .drawer-tabs .nav-tabs .tab:not(:first-child):hover .sicon-close {
    display: block;
    cursor: pointer;
    color: #6f777b
}

#side-drawer .drawer-tabs .nav-tabs .tab:not(:first-child):hover .sicon-close:hover {
    color: #0679c8
}

#side-drawer .drawer-tabs .nav-tabs .tab:not(:first-child):hover a {
    padding-right: 1.25rem
}

#side-drawer .dashboard {
    border-left: none;
    overflow-x: hidden;
    overflow-y: visible;
    top: 42px
}

#side-drawer .dashboard .empty-dashboard {
    display: contents
}

#side-drawer .dashboard ul.dashlets.row-fluid {
    height: calc(100% - 50px);
    overflow: visible
}

#side-drawer .dashboard .headerpane {
    width: 100%;
    display: flex;
    padding: 0
}

#side-drawer .dashboard .headerpane h1 {
    font-size: 16px
}

#side-drawer .dashboard .headerpane h1.dashboardtitle {
    display: flex
}

#side-drawer .dashboard .headerpane h1.dashboardtitle .record-cell {
    width: auto
}

#side-drawer .dashboard .headerpane h1.dashboardtitle .record-cell:first-child {
    padding-left: 1rem
}

#side-drawer .dashboard .headerpane h1.dashboardtitle input {
    max-width: 350px
}

#side-drawer .dashboard .headerpane h1.dashboardtitle div.dropdown {
    padding-right: unset
}

#side-drawer .dashboard .headerpane h1.dashboardtitle div.dropdown ul.dropdown-menu {
    right: auto;
    left: calc(100% - 28px)
}

#side-drawer .dashboard .headerpane h1.dashboardtitle div.dropdown ul.dropdown-menu li > a {
    overflow: hidden;
    text-overflow: ellipsis
}

.banner-shifted .sidebar-nav {
    top: 34px;
    height: calc(100% - 34px)
}

.sidebar-nav-overlay {
    z-index: 1059
}

.sidebar-nav .sidebar-nav-item a {
    text-decoration: none
}

.sidebar-nav .sidebar-nav-item .sidebar-nav-item-kebab-disabled {
    display: none
}

.sidebar-nav .sidebar-nav-item .sidebar-nav-item-sugarcrm-logo {
    height: 1.17rem;
    margin-left: -0.16rem;
    margin-top: -0.04rem
}

.sidebar-nav .sidebar-nav-item .sicon.omnichannel-logged-in {
    left: 2rem;
    height: 0.625rem
}

.sidebar-nav .sidebar-nav-item .sicon.omnichannel-logged-in::before {
    top: -1px;
    position: absolute
}

.sidebar-nav .sidebar-nav-item-group-modules .sidebar-nav-item:not(.active):not(.default) {
    display: none
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) {
    left: -11.5rem
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item {
    left: 11.5rem;
    width: 3.5rem
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .expanded {
    display: none
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item-group-modules .sidebar-nav-item:not(.active):not(.pinned) {
    display: none
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-flyout {
    left: 1.125rem !important
}

.sidebar-nav.expanded:not(.collapsing):not(.expanding) {
    left: 0
}

.sidebar-nav.expanded:not(.collapsing):not(.expanding) .sidebar-nav-item {
    left: 0
}

.sidebar-nav.expanded:not(.collapsing):not(.expanding) .collapsed {
    display: none
}

.sidebar-nav.expanding {
    left: 0
}

.sidebar-nav.expanding .sidebar-nav-item {
    left: 0
}

.sidebar-nav.expanding .collapsed {
    display: none
}

.sidebar-nav.expanding .sidebar-nav-item-group-modules .sidebar-nav-item:not(.active):not(.pinned) {
    display: none
}

.sidebar-nav.collapsing {
    left: -11.5rem
}

.sidebar-nav.collapsing .sidebar-nav-item {
    left: 11.5rem
}

.sidebar-nav.collapsing .collapsed {
    display: none
}

.sidebar-nav.collapsing .sidebar-nav-item-group-modules .sidebar-nav-item:not(.active):not(.pinned) {
    display: none
}

.sidebar-nav-flyout {
    z-index: 1060
}

.sidebar-nav-flyout.popover[data-popper-placement="right"] .flyout-close {
    right: 4px;
    top: 4px;
    z-index: 2000
}

.sidebar-nav-flyout.popover[data-popper-placement="right"] .flyout-close:hover .sicon {
    color: var(--sicon-hover-color)
}

.sidebar-nav-flyout .helplet a:hover {
    color: var(--link-color-hover)
}

.sidebar-nav.expanded .sidebar-nav-flyout {
    box-shadow: 0 .25rem .25rem var(--sidebar-nav-flyout-shadow-color)
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:hover .animated-background, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:focus-within .animated-background, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item.selected .animated-background {
    height: 100%;
    width: 100%;
    transform: translateX(0);
    border-radius: 0
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:hover:not(.active) .animated-background, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:focus-within:not(.active) .animated-background, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item.selected:not(.active) .animated-background {
    transition: height .1s linear, border-radius .1s linear, width .2s linear .1s, transform .2s linear .1s
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:hover.active .animated-background, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:focus-within.active .animated-background, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item.selected.active .animated-background {
    transition: height .3s linear, border-radius .3s linear, width .3s linear, transform .3s linear
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:hover .sidebar-nav-item-kebab, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:focus-within .sidebar-nav-item-kebab, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item.selected .sidebar-nav-item-kebab, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:hover .sidebar-nav-item-kebab-disabled, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:focus-within .sidebar-nav-item-kebab-disabled, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item.selected .sidebar-nav-item-kebab-disabled, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:hover .sidebar-nav-item-tab, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:focus-within .sidebar-nav-item-tab, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item.selected .sidebar-nav-item-tab {
    width: 1.125rem;
    transition: width .1s linear .3s
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected) .sidebar-nav-item-kebab, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected) .sidebar-nav-item-kebab-disabled, .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected) .sidebar-nav-item-tab {
    transition: width .1s linear
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected):not(.active) .animated-background {
    transition: transform .2s linear .1s, width .2s linear .1s, border-radius .1s linear .3s, height .1s linear .3s
}

.sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected).active .animated-background {
    transition: transform .3s linear .1s, width .3s linear .1s, border-radius .3s linear .1s, height .3s linear .1s
}

.sidebar-nav.expanded .sidebar-nav-item:hover .animated-background, .sidebar-nav.expanded .sidebar-nav-item:focus-within .animated-background, .sidebar-nav.expanded .sidebar-nav-item.selected .animated-background {
    transform: translateX(.75rem);
    transition: transform .4s linear
}

.sidebar-nav.expanded .sidebar-nav-item:hover .animated-background.expanded-full-fill, .sidebar-nav.expanded .sidebar-nav-item:focus-within .animated-background.expanded-full-fill, .sidebar-nav.expanded .sidebar-nav-item.selected .animated-background.expanded-full-fill {
    height: 100%;
    width: 100%;
    transform: translateX(0);
    border-radius: 0;
    transition: height .1s linear, border-radius .1s linear, width .3s linear .1s, transform .3s linear .1s
}

.sidebar-nav.expanded .sidebar-nav-item:hover .sidebar-nav-item-kebab, .sidebar-nav.expanded .sidebar-nav-item:focus-within .sidebar-nav-item-kebab, .sidebar-nav.expanded .sidebar-nav-item.selected .sidebar-nav-item-kebab, .sidebar-nav.expanded .sidebar-nav-item:hover .sidebar-nav-item-kebab-disabled, .sidebar-nav.expanded .sidebar-nav-item:focus-within .sidebar-nav-item-kebab-disabled, .sidebar-nav.expanded .sidebar-nav-item.selected .sidebar-nav-item-kebab-disabled, .sidebar-nav.expanded .sidebar-nav-item:hover .sidebar-nav-item-tab, .sidebar-nav.expanded .sidebar-nav-item:focus-within .sidebar-nav-item-tab, .sidebar-nav.expanded .sidebar-nav-item.selected .sidebar-nav-item-tab {
    width: 1.125rem;
    transition: width .1s linear .3s
}

.sidebar-nav.expanded .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected) .animated-background {
    transition: transform .4s linear
}

.sidebar-nav.expanded .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected) .animated-background.expanded-full-fill {
    transition: transform .3s linear, width .3s linear, border-radius .1s linear .3s, height .1s linear .3s
}

.sidebar-nav.expanded .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected) .sidebar-nav-item-kebab, .sidebar-nav.expanded .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected) .sidebar-nav-item-kebab-disabled, .sidebar-nav.expanded .sidebar-nav-item:not(:hover):not(:focus-within):not(.selected) .sidebar-nav-item-tab {
    transition: width .1s linear
}

.label-process-in-progress {
    background-color: #c6ddff;
    border: 1px solid #c6ddff;
    color: #29388c
}

.label-process-completed {
    background-color: #e4fbb4;
    border: 1px solid #e4fbb4;
    color: #537600
}

.label-process-cancelled {
    background-color: #fff7ad;
    border: 1px solid #fff7ad;
    color: #866500
}

.label-process-terminate {
    background-color: #6f777b;
    border: 1px solid #6f777b;
    color: #2b2d2e
}

.label-process-error {
    background-color: #ffd4d0;
    border: 1px solid #ffd4d0;
    color: #bb0e1b
}

#content {
    overflow: auto
}

.main-pane {
    overflow-x: visible
}

#businessrulecontainer {
    padding: 0
}

#businessruledesigner {
    background: var(--content-background);
    padding-bottom: 28px;
    display: inline-block
}

#businessruledesigner .decision-table .table-split {
    border-right: 14px solid var(--border-base)
}

.businessrules .decision-table td {
    border-color: var(--border-base)
}

.businessrules .decision-table td.decision-table-conclusion-column {
    min-width: 126px
}

.businessrules .decision-table td.row-index {
    border-color: rgba(0, 0, 0, 0)
}

.businessrules .decision-table td table .decision-table-operator, .businessrules .decision-table td table .decision-table-conclusion-column {
    border: none
}

.businessrules .decision-table th {
    border-color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    font-weight: normal;
    text-shadow: none;
    white-space: nowrap;
    text-align: left
}

.businessrules .decision-table tfoot tr td {
    background: var(--foreground-base);
    border-bottom: rgba(0, 0, 0, 0)
}

.businessrules .decision-table tfoot tr td:first-child {
    border-color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

.businessrules .decision-table tfoot tr td:nth-child(2) .btn {
    color: #fff;
    padding: 0;
    line-height: 26px
}

.businessrules .decision-table tbody.ui-sortable tr:hover:not(#decision-row-header) td:not(:first-child), .businessrules .decision-table tbody.ui-sortable tr:hover:not(#decision-row-header) .decision-table-conclusion-column {
    background-color: var(--primary-content-hover-background)
}

.businessrules .decision-table tbody.ui-sortable tr.selected:not(#decision-row-header) td:not(:first-child), .businessrules .decision-table tbody.ui-sortable tr.selected:not(#decision-row-header) .decision-table-conclusion-column {
    background-color: var(--primary-content-hover-background)
}

.businessrules .decision-table tbody.ui-sortable tr.selected:hover:not(#decision-row-header) td:not(:first-child), .businessrules .decision-table tbody.ui-sortable tr.selected:hover:not(#decision-row-header) .decision-table-conclusion-column {
    background-color: var(--primary-content-active)
}

.businessrules .decision-table .btn.decision-table-add-button, .businessrules .decision-table .btn.decision-table-close-element, .businessrules .decision-table .btn.decision-table-add-row {
    margin: 0;
    border-radius: 0;
    border: 1px solid transparent;
    padding: 7px;
    line-height: 12px
}

.businessrules .decision-table .btn.decision-table-add-button:not(.btn-primary), .businessrules .decision-table .btn.decision-table-close-element:not(.btn-primary), .businessrules .decision-table .btn.decision-table-add-row:not(.btn-primary) {
    background: #b8bcbe
}

.businessrules .decision-table .btn.decision-table-add-button:hover, .businessrules .decision-table .btn.decision-table-close-element:hover, .businessrules .decision-table .btn.decision-table-add-row:hover {
    background: #6f777b
}

.businessrules .decision-table .btn.decision-table-add-button:hover > .sicon, .businessrules .decision-table .btn.decision-table-close-element:hover > .sicon, .businessrules .decision-table .btn.decision-table-add-row:hover > .sicon {
    color: var(--sicon-hover-color)
}

.businessrules .decision-table .btn.decision-table-add-button .sicon, .businessrules .decision-table .btn.decision-table-close-element .sicon, .businessrules .decision-table .btn.decision-table-add-row .sicon {
    color: var(--sicon-hover-color)
}

.businessrules .decision-table .btn.decision-table-add-button .sicon, .businessrules .decision-table .btn.decision-table-close-element .sicon, .businessrules .decision-table .btn.decision-table-add-row .sicon {
    vertical-align: middle
}

.businessrules .decision-table .decision-table-row .table-split, .businessrules .decision-table .decision-table-row td:last-child:not(.decision-table-conclusion-column) {
    background: var(--foreground-base)
}

.businessrules .decision-table .decision-table-row:hover .table-split, .businessrules .decision-table .decision-table-row:hover td:last-child:not(.decision-table-conclusion-column), .businessrules .decision-table .decision-table-row.selected .table-split, .businessrules .decision-table .decision-table-row.selected td:last-child:not(.decision-table-conclusion-column) {
    background: #b8bcbe !important
}

.businessrules .decision-table .decision-table-row:not(:hover) .decision-table-condition-column, .businessrules .decision-table .decision-table-conclusion-column, .businessrules .decision-table .decision-table-row:not(:hover) .checkbox-td {
    background: var(--foreground-base)
}

.businessrules .decision-table .decision-table-conditions-header, .businessrules .decision-table .decision-table-conclusions-header {
    background: var(--foreground-base);
    width: calc(100% - 28px)
}

.businessrules .decision-table div.decision-table-conditions-header select, .businessrules .decision-table div.decision-table-conclusions-header select {
    background: none
}

.businessrules .decision-table tr#decision-row-header .table-split + td {
    background: var(--foreground-base)
}

.businessrules .decision-table tr#decision-row-header td:first-child {
    border-color: transparent
}

.businessrules .decision-table tr#decision-row-header #trash-button {
    margin-left: 0;
    vertical-align: middle
}

.businessrules .decision-table tr#decision-row-header #trash-button .sicon {
    color: #fff
}

.businessrules .decision-table tr#decision-row-header #trash-button:hover .sicon {
    color: #fff
}

.businessrules .decision-table :not(.select2-dropdown-open) .select2-container:not(.select2-dropdown-open) .select2-choice {
    border-radius: 0;
    border-color: transparent;
    background: none
}

.process-design {
    padding-bottom: 30px
}

.process-design + .field-row .field-value {
    margin-top: 7px
}

.disabledFilter {
    pointer-events: none
}

.module-names-and-icons-group.accordion-group {
    border: none
}

.module-names-and-icons-group .dataTable.table-striped.module-names-and-icons thead th[data-fieldname]:not(.stick-left):not(.stick-first):not(.stick-right):not(:last-child)::after {
    border-right: unset
}

.module-names-and-icons-group .dataTable.table-striped.module-names-and-icons tbody td {
    max-width: fit-content
}

.module-names-and-icons-group .dataTable.table-striped.module-names-and-icons tbody td .fieldset-inline .fieldset-field:not(:first-child) {
    padding-right: 0;
    width: 100%
}

.module-names-and-icons-group .dataTable.table-striped .error input::placeholder {
    color: #bb0e1b
}

.module-names-and-icons-group .select2-container {
    min-width: 12rem
}

body .tox:not(.tox-tinymce-inline):not(.tox-tinymce-aux) {
    border: solid 1px var(--border-base);
    border-radius: 2px
}

body .tox:not(.tox-tinymce-inline):not(.tox-tinymce-aux) .tox-editor-header {
    background: var(--foreground-base);
    box-shadow: var(--border-base) 0 8px 0 -6px
}

body .tox:not(.tox-tinymce-inline):not(.tox-tinymce-aux) .tox-editor-header .tox-toolbar {
    background-color: var(--foreground-base)
}

body .tox:not(.tox-tinymce-inline):not(.tox-tinymce-aux) .tox-editor-header .tox-toolbar .tox-toolbar__group {
    padding: 0 4px
}

body .tox:not(.tox-tinymce-inline):not(.tox-tinymce-aux) .tox-editor-header .tox-toolbar .tox-toolbar__group .tox-tbtn:not(.tox-tbtn--select) {
    margin: 0;
    width: 26px
}

body .tox:not(.tox-tinymce-inline):not(.tox-tinymce-aux) .tox-editor-header .tox-toolbar .tox-toolbar__group .tox-tbtn svg {
    height: auto;
    width: auto
}

body .tox:not(.tox-tinymce-inline):not(.tox-tinymce-aux) .tox-menu {
    background: var(--foreground-base)
}

body .tox:not(.tox-tinymce-inline):not(.tox-tinymce-aux) .tox-menu .tox-collection__item--enabled {
    background: var(--foreground-base)
}

body .tox .tox-dialog {
    background: var(--foreground-base)
}

body .tox .tox-dialog .tox-dialog__header, body .tox .tox-dialog .tox-dialog__footer {
    background: none
}

body .tox .tox-listboxfield .tox-listbox--select, body .tox .tox-textarea, body .tox .tox-textarea-wrap .tox-textarea:focus, body .tox .tox-textfield, body .tox .tox-toolbar-textfield, body .tox .tox-custom-editor:focus-within, body .tox .tox-listboxfield .tox-listbox--select:focus, body .tox .tox-textarea-wrap:focus-within, body .tox .tox-textarea:focus, body .tox .tox-textfield:focus {
    background: none
}

body.sugar-light-theme .tox .tox-tbtn svg {
    fill: #595959
}

.msg-content {
    white-space: pre-wrap;
    word-wrap: break-word
}

.commentlog-dashlet > span {
    display: block;
    border: none
}

.comment-log-dashlet-content .new-comment {
    position: relative;
    padding: 10px;
    margin-bottom: 0
}

.comment-log-dashlet-content .new-comment textarea {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    resize: none
}

.comment-log-dashlet-content .new-comment button[data-action=save] {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.comment-log-dashlet-content .new-comment .dropdown-menu {
    position: static;
    margin-bottom: 5px
}

.comment-log-dashlet-content .new-comment .dropdown-menu a {
    border-top: 0
}

.comment-log-dashlet-content .new-comment .dropdown-menu li {
    padding: 0
}

.comment-log-dashlet-content .new-comment .activitystream-tag-dropdown {
    width: calc(100% - 2px)
}

.comment-log-dashlet-content ul {
    list-style: none;
    margin: 0;
    clear: both
}

.comment-log-dashlet-content ul > em {
    text-align: center;
    display: block;
    color: var(--label-color)
}

.comment-log-dashlet-content li {
    border-top: 1px solid var(--border-base);
    padding: 10px
}

.comment-log-dashlet-content li .header {
    display: flex;
    justify-content: space-between;
    flex-flow: nowrap;
    flex: 0 0 100%
}

.comment-log-dashlet-content li .header time {
    color: var(--label-color)
}

.comment-log-dashlet-content li .header time span {
    color: initial
}

.comment-log-dashlet-content li .header > a, .comment-log-dashlet-content li .header > time.relative {
    font-weight: 600;
    color: var(--label-color)
}

.comment-log-dashlet-content li .toggle-text {
    margin: 0;
    padding: 0
}

.trademark {
    color: #9ba1a6
}

sup.trademark {
    font-size: 10px
}

.actionbuttons.btn {
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: 12px;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    min-height: 18px;
    min-width: 18px;
    font-weight: 600
}

.record .actionbuttons.btn, .record .actionbtn-toggle.btn {
    margin-top: -6px;
    margin-bottom: 8px
}

.preview-data .actionbuttons.btn, .preview-data .actionbtn-toggle.btn {
    margin-top: 5px
}

.record .btn-group.actions ul.dropdown-menu {
    margin-top: -8px
}

.actionbuttons.btn.actionbuttons-dropdown {
    min-width: 12px;
    min-height: 12px;
    height: 12px;
    max-height: 12px;
    padding: 7px
}

.actionbuttons.btn.btn-large {
    font-size: 18px;
    padding-left: 9px;
    padding-right: 9px
}

.actionbuttons.btn.btn-large i.sicon {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px
}

.actionbuttons.actionbuttons-button.btn.btn-mini {
    padding: 2px 6px;
    font-size: 10px;
    border-radius: var(--rounded-sm)
}

.actionbuttons.actionbuttons-button.btn.btn-mini .label, .actionbuttons.actionbuttons-button.btn.btn-mini .badge {
    top: 0
}

.actionbuttons.btn:not(.btn-mini) {
    column-gap: 7px
}

.actionbuttons.btn.btn-primary:not(.btn-large):not(.btn-mini):not(.actionbuttons-dropdown) {
    padding: 4px 6px
}

.btn.dropdown-toggle.actionbtn-toggle.btn-primary:not(.actionbtn-toggle) {
    padding: 4px 6px;
    display: inline-block
}

.btn.dropdown-toggle.actionbtn-toggle.btn-primary > span.sicon {
    margin-top: -3px
}

.headerpane .btn-toolbar .actionbuttons.btn.btn-large {
    margin-top: -5px;
    margin-bottom: -5px
}

.actionbuttons-dropdown.btn, .actionbuttons-buttonGroup.btn {
    margin-right: 0;
    margin-left: 0
}

.actionbuttons-ellipsis {
    display: inline-block;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px
}

.actionbuttons.actionbuttons-button.btn i.sicon, .actionbuttons-dropdown.btn i.sicon, .actionbuttons-buttonGroup.btn i.sicon {
    color: #fff;
    vertical-align: middle;
    visibility: visible
}

.btn.dropdown-toggle.actionbtn-toggle {
    border: 1px solid rgba(0, 0, 0, 0)
}

.btn.dropdown-toggle.actionbtn-toggle span.sicon {
    vertical-align: middle;
    color: var(--sicon-color)
}

.btn.btn-primary.dropdown-toggle.actionbtn-toggle span.sicon {
    color: #fff
}

.actionbuttons.btn.btn-secondary, .actionbtn-toggle.btn.btn-secondary, .headerpane .btn-toolbar .actionbuttons.btn.btn-secondary:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-secondary:not(.btn-primary) {
    background-color: #fff;
    color: #000
}

.actionbuttons.btn.btn-secondary:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-secondary:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-secondary:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-secondary:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: var(--sicon-color)
}

.actionbuttons.btn.btn-secondary > i.sicon, .actionbtn-toggle.btn.btn-secondary > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-secondary:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-secondary:not(.btn-primary) > i.sicon {
    color: var(--sicon-color)
}

.actionbuttons.btn.btn-secondary.btn-group, .actionbtn-toggle.btn.btn-secondary.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-secondary:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-secondary:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-secondary:hover, .actionbtn-toggle.btn.btn-secondary:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-secondary:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-secondary:not(.btn-primary):hover {
    box-shadow: inset 0 0 10px #d9dddf, inset 0 0 1px #e5eaed
}

.actionbuttons.btn.btn-secondary:active, .actionbtn-toggle.btn.btn-secondary:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-secondary:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-secondary:not(.btn-primary):active {
    box-shadow: inset 0 3px 7px #b8bcbe, inset 0 0 1px #e5eaed
}

.actionbuttons.btn.btn-secondary[disabled], .actionbtn-toggle.btn.btn-secondary[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-secondary:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-secondary:not(.btn-primary)[disabled] {
    color: #6f777b;
    box-shadow: inset 0 0 1px #e5eaed
}

.actionbuttons.btn.btn-highViz, .actionbtn-toggle.btn.btn-highViz, .headerpane .btn-toolbar .actionbuttons.btn.btn-highViz:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-highViz:not(.btn-primary) {
    background: #000;
    color: #fff
}

.actionbuttons.btn.btn-highViz:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-highViz:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-highViz:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-highViz:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #fff
}

.actionbuttons.btn.btn-highViz.btn-group, .actionbtn-toggle.btn.btn-highViz.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-highViz:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-highViz:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-highViz > i.sicon, .actionbtn-toggle.btn.btn-highViz > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-highViz:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-highViz:not(.btn-primary) > i.sicon {
    color: #fff
}

.actionbuttons.btn.btn-highViz:hover, .actionbtn-toggle.btn.btn-highViz:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-highViz:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-highViz:not(.btn-primary):hover {
    background: #000;
    border: 1px solid #fff;
    box-shadow: inset 0 0 10px #fff;
    color: #fff
}

.actionbuttons.btn.btn-highViz:hover.btn-group, .actionbtn-toggle.btn.btn-highViz:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-highViz:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-highViz:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-highViz:active, .actionbtn-toggle.btn.btn-highViz:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-highViz:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-highViz:not(.btn-primary):active {
    background: #000;
    box-shadow: inset 0 3px 7px #d9dddf;
    color: #fff
}

.actionbuttons.btn.btn-highViz:active.btn-group, .actionbtn-toggle.btn.btn-highViz:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-highViz:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-highViz:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-highViz[disabled], .actionbtn-toggle.btn.btn-highViz[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-highViz:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-highViz:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #6f777b
}

.actionbuttons.btn.btn-ocean, .actionbtn-toggle.btn.btn-ocean, .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary) {
    background: #517bf8;
    color: #000
}

.actionbuttons.btn.btn-ocean:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-ocean:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-ocean.btn-group, .actionbtn-toggle.btn.btn-ocean.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-ocean > i.sicon, .actionbtn-toggle.btn.btn-ocean > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-ocean:hover, .actionbtn-toggle.btn.btn-ocean:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary):hover {
    background: #517bf8;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-ocean:hover.btn-group, .actionbtn-toggle.btn.btn-ocean:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-ocean:active, .actionbtn-toggle.btn.btn-ocean:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary):active {
    background: #517bf8;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-ocean:active.btn-group, .actionbtn-toggle.btn.btn-ocean:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-ocean[disabled], .actionbtn-toggle.btn.btn-ocean[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-ocean[disabled].btn-group, .actionbtn-toggle.btn.btn-ocean[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-ocean:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-ocean:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-pacific, .actionbtn-toggle.btn.btn-pacific, .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary) {
    background: #36b0ff;
    color: #000
}

.actionbuttons.btn.btn-pacific:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-pacific:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-pacific.btn-group, .actionbtn-toggle.btn.btn-pacific.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-pacific > i.sicon, .actionbtn-toggle.btn.btn-pacific > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-pacific:hover, .actionbtn-toggle.btn.btn-pacific:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary):hover {
    background: #36b0ff;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-pacific:hover.btn-group, .actionbtn-toggle.btn.btn-pacific:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-pacific:active, .actionbtn-toggle.btn.btn-pacific:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary):active {
    background: #36b0ff;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-pacific:active.btn-group, .actionbtn-toggle.btn.btn-pacific:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-pacific[disabled], .actionbtn-toggle.btn.btn-pacific[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-pacific[disabled].btn-group, .actionbtn-toggle.btn.btn-pacific[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-pacific:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pacific:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-teal, .actionbtn-toggle.btn.btn-teal, .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary) {
    background: #00e0e0;
    color: #000
}

.actionbuttons.btn.btn-teal:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-teal:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-teal.btn-group, .actionbtn-toggle.btn.btn-teal.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-teal > i.sicon, .actionbtn-toggle.btn.btn-teal > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-teal:hover, .actionbtn-toggle.btn.btn-teal:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary):hover {
    background: #00e0e0;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-teal:hover.btn-group, .actionbtn-toggle.btn.btn-teal:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-teal:active, .actionbtn-toggle.btn.btn-teal:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary):active {
    background: #00e0e0;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-teal:active.btn-group, .actionbtn-toggle.btn.btn-teal:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-teal[disabled], .actionbtn-toggle.btn.btn-teal[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-teal[disabled].btn-group, .actionbtn-toggle.btn.btn-teal[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-teal:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-teal:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-green, .actionbtn-toggle.btn.btn-green, .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary) {
    background: #00ba83;
    color: #000
}

.actionbuttons.btn.btn-green:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-green:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-green.btn-group, .actionbtn-toggle.btn.btn-green.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-green > i.sicon, .actionbtn-toggle.btn.btn-green > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-green:hover, .actionbtn-toggle.btn.btn-green:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary):hover {
    background: #00ba83;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-green:hover.btn-group, .actionbtn-toggle.btn.btn-green:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-green:active, .actionbtn-toggle.btn.btn-green:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary):active {
    background: #00ba83;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-green:active.btn-group, .actionbtn-toggle.btn.btn-green:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-green[disabled], .actionbtn-toggle.btn.btn-green[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-green[disabled].btn-group, .actionbtn-toggle.btn.btn-green[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-green:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-green:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-army, .actionbtn-toggle.btn.btn-army, .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary) {
    background: #6cdf46;
    color: #000
}

.actionbuttons.btn.btn-army:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-army:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-army.btn-group, .actionbtn-toggle.btn.btn-army.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-army > i.sicon, .actionbtn-toggle.btn.btn-army > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-army:hover, .actionbtn-toggle.btn.btn-army:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary):hover {
    background: #6cdf46;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-army:hover.btn-group, .actionbtn-toggle.btn.btn-army:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-army:active, .actionbtn-toggle.btn.btn-army:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary):active {
    background: #6cdf46;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-army:active.btn-group, .actionbtn-toggle.btn.btn-army:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-army[disabled], .actionbtn-toggle.btn.btn-army[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-army[disabled].btn-group, .actionbtn-toggle.btn.btn-army[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-army:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-army:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-yellow, .actionbtn-toggle.btn.btn-yellow, .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary) {
    background: #ffd132;
    color: #000
}

.actionbuttons.btn.btn-yellow:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-yellow:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-yellow.btn-group, .actionbtn-toggle.btn.btn-yellow.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-yellow > i.sicon, .actionbtn-toggle.btn.btn-yellow > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-yellow:hover, .actionbtn-toggle.btn.btn-yellow:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary):hover {
    background: #ffd132;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-yellow:hover.btn-group, .actionbtn-toggle.btn.btn-yellow:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-yellow:active, .actionbtn-toggle.btn.btn-yellow:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary):active {
    background: #ffd132;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-yellow:active.btn-group, .actionbtn-toggle.btn.btn-yellow:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-yellow[disabled], .actionbtn-toggle.btn.btn-yellow[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-yellow[disabled].btn-group, .actionbtn-toggle.btn.btn-yellow[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-yellow:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-yellow:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-orange, .actionbtn-toggle.btn.btn-orange, .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary) {
    background: #ff9445;
    color: #000
}

.actionbuttons.btn.btn-orange:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-orange:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-orange.btn-group, .actionbtn-toggle.btn.btn-orange.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-orange > i.sicon, .actionbtn-toggle.btn.btn-orange > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-orange:hover, .actionbtn-toggle.btn.btn-orange:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary):hover {
    background: #ff9445;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-orange:hover.btn-group, .actionbtn-toggle.btn.btn-orange:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-orange:active, .actionbtn-toggle.btn.btn-orange:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary):active {
    background: #ff9445;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-orange:active.btn-group, .actionbtn-toggle.btn.btn-orange:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-orange[disabled], .actionbtn-toggle.btn.btn-orange[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-orange[disabled].btn-group, .actionbtn-toggle.btn.btn-orange[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-orange:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-orange:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-red, .actionbtn-toggle.btn.btn-red, .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary) {
    background: #fa374f;
    color: #000
}

.actionbuttons.btn.btn-red:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-red:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-red.btn-group, .actionbtn-toggle.btn.btn-red.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-red > i.sicon, .actionbtn-toggle.btn.btn-red > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-red:hover, .actionbtn-toggle.btn.btn-red:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary):hover {
    background: #fa374f;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-red:hover.btn-group, .actionbtn-toggle.btn.btn-red:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-red:active, .actionbtn-toggle.btn.btn-red:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary):active {
    background: #fa374f;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-red:active.btn-group, .actionbtn-toggle.btn.btn-red:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-red[disabled], .actionbtn-toggle.btn.btn-red[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-red[disabled].btn-group, .actionbtn-toggle.btn.btn-red[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-red:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-red:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-coral, .actionbtn-toggle.btn.btn-coral, .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary) {
    background: #f476b1;
    color: #000
}

.actionbuttons.btn.btn-coral:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-coral:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-coral.btn-group, .actionbtn-toggle.btn.btn-coral.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-coral > i.sicon, .actionbtn-toggle.btn.btn-coral > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-coral:hover, .actionbtn-toggle.btn.btn-coral:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary):hover {
    background: #f476b1;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-coral:hover.btn-group, .actionbtn-toggle.btn.btn-coral:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-coral:active, .actionbtn-toggle.btn.btn-coral:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary):active {
    background: #f476b1;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-coral:active.btn-group, .actionbtn-toggle.btn.btn-coral:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-coral[disabled], .actionbtn-toggle.btn.btn-coral[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-coral[disabled].btn-group, .actionbtn-toggle.btn.btn-coral[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-coral:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-coral:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-pink, .actionbtn-toggle.btn.btn-pink, .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary) {
    background: #cd74f2;
    color: #000
}

.actionbuttons.btn.btn-pink:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-pink:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-pink.btn-group, .actionbtn-toggle.btn.btn-pink.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-pink > i.sicon, .actionbtn-toggle.btn.btn-pink > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-pink:hover, .actionbtn-toggle.btn.btn-pink:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary):hover {
    background: #cd74f2;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-pink:hover.btn-group, .actionbtn-toggle.btn.btn-pink:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-pink:active, .actionbtn-toggle.btn.btn-pink:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary):active {
    background: #cd74f2;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-pink:active.btn-group, .actionbtn-toggle.btn.btn-pink:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-pink[disabled], .actionbtn-toggle.btn.btn-pink[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-pink[disabled].btn-group, .actionbtn-toggle.btn.btn-pink[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-pink:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-pink:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-purple, .actionbtn-toggle.btn.btn-purple, .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary), .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary) {
    background: #8f5ff5;
    color: #000
}

.actionbuttons.btn.btn-purple:not(.disabled):not(.active) > i.sicon, .actionbtn-toggle.btn.btn-purple:not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary):not(.disabled):not(.active) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary):not(.disabled):not(.active) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-purple.btn-group, .actionbtn-toggle.btn.btn-purple.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary).btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary).btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-purple > i.sicon, .actionbtn-toggle.btn.btn-purple > i.sicon, .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary) > i.sicon, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary) > i.sicon {
    color: #000
}

.actionbuttons.btn.btn-purple:hover, .actionbtn-toggle.btn.btn-purple:hover, .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary):hover, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary):hover {
    background: #8f5ff5;
    color: #000;
    opacity: 0.7
}

.actionbuttons.btn.btn-purple:hover.btn-group, .actionbtn-toggle.btn.btn-purple:hover.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary):hover.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary):hover.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-purple:active, .actionbtn-toggle.btn.btn-purple:active, .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary):active, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary):active {
    background: #8f5ff5;
    box-shadow: inset 0 3px 7px #9ba1a6;
    color: #000
}

.actionbuttons.btn.btn-purple:active.btn-group, .actionbtn-toggle.btn.btn-purple:active.btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary):active.btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary):active.btn-group {
    border-radius: 3px
}

.actionbuttons.btn.btn-purple[disabled], .actionbtn-toggle.btn.btn-purple[disabled], .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary)[disabled], .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary)[disabled] {
    opacity: 0.5;
    color: #000
}

.actionbuttons.btn.btn-purple[disabled].btn-group, .actionbtn-toggle.btn.btn-purple[disabled].btn-group, .headerpane .btn-toolbar .actionbuttons.btn.btn-purple:not(.btn-primary)[disabled].btn-group, .headerpane .btn-toolbar .actionbtn-toggle.btn.btn-purple:not(.btn-primary)[disabled].btn-group {
    border-radius: 3px
}

.ab-admin-select-icon ul li:hover i.sicon {
    color: #fff
}

.ab-admin-select-icon ul li i.sicon {
    margin-left: -3px;
    margin-right: 3px
}

.ab-admin-action-selector.record, .ab-admin-action-view.record {
    margin-left: 0;
    padding-left: 0
}

.ab-admin-action-view div[data-container="fields"] {
    margin-bottom: 14px
}

.ab-admin-action-view div[data-container="preset-fields"] {
    margin-bottom: 14px
}

.ab-admin-action-selector.record .record-cell {
    margin-left: 0;
    padding-left: 0
}

.ab-admin-action-view.record .record-cell {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 5px
}

.ab-admin-button-properties .record-cell {
    margin-bottom: 5px
}

.ab-admin-action-selector.record .hidden, .ab-admin-action-view.record .hidden {
    display: none;
    visibility: hidden
}

.actionbutton-wrapper .ab-dropdown-item-limit {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    min-height: 18px;
    padding-left: 20px;
    padding-right: 20px
}

.actionbuttons.ab-dropdown-item-limit i.sicon, .actionbutton-wrapper .ab-dropdown-item-limit i.sicon {
    margin-top: -2px
}

.actionbutton-wrapper .dropdown-menu {
    min-width: auto
}

.ab-admin-tabs .li.tab.tab-badgeable {
    border-bottom: 1px solid var(--border-base)
}

.ab-admin-tabs.content-tabs .nav.nav-tabs .tab.active {
    border-right: 0;
    height: 32px
}

.ab-admin-action-container {
    margin-left: 0;
    margin-bottom: 10px;
    border-left: 1px solid var(--border-base);
    border-right: 1px solid var(--border-base)
}

.ab-admin-action-header {
    background-color: var(--headerpane-background);
    display: inline-flex;
    text-align: left;
    align-items: center;
    width: 100%;
    height: 42px
}

.ab-admin-action-title {
    background-color: var(--headerpane-background);
    border: 1px solid var(--border-base);
    display: inline-flex;
    text-align: left;
    align-items: center;
    width: 100%;
    height: 30px
}

.ab-admin-action-title h1 {
    font-size: 14px;
    width: 100%;
    text-decoration: none;
    color: var(--text-base);
    font-weight: bold;
    text-transform: uppercase
}

.ab-admin-action-button-strip {
    margin-right: 10px;
    width: 8%;
    text-align: end;
    min-width: 70px
}

.ab-admin-action-button-strip .sicon {
    margin-top: 2px
}

.nav.nav-tabs.ab-admin-side-tabs.ab-admin-no-border-top {
    border-top: 0
}

.ab-admin-order {
    width: 100px
}

.span6.record-cell.edit.ab-admin-display-setting, .span12.record-cell.edit.ab-admin-display-setting {
    margin-bottom: 0
}

.ab-admin-action-button-strip a.btn:first-child {
    margin-right: 0
}

.ab-admin-action-button-strip a.btn:last-child {
    margin-left: 0
}

.ab-admin-action {
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-base)
}

.ab-admin-action.collapse {
    padding-bottom: 0
}

.ab-admin-main-left-pane .ab-admin-button-properties {
    padding: 5px 5px 0;
    border-left: 1px solid var(--border-base);
    border-right: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base);
    border-top: 1px solid var(--border-base);
    margin-bottom: 10px
}

.ab-admin-button-properties .btn-invisible {
    margin-left: 0
}

.row-fluid .ab-admin-button-properties [class*="span"] {
    margin-left: 0
}

.ab-admin-main-left-pane {
    border-top: hidden;
    width: 98%;
    margin-left: 12px
}

.ab-admin-tabs {
    width: 98%;
    margin-left: 12px;
    background-color: white;
    margin-top: 12px
}

.content-tabs.ab-admin-tabs .nav.nav-tabs {
    padding-left: 0;
    height: 39px;
    border-top: 0;
    border-bottom: 0;
    background-color: var(--foreground-base)
}

.record.tab-layout .content-tabs.ab-admin-tabs .nav.nav-tabs .tab.tab-badgeable .tab-title {
    padding-left: 0;
    margin-right: 0;
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-tabs.ab-admin-tabs .ab-admin-side-tabs li {
    min-width: 50%;
    padding: 0;
    margin: 0
}

.ab-admin-side-pane {
    margin-left: 12px;
    width: 98%;
    border: 0
}

.ab-admin-side-pane-part {
    width: 98%;
    border: 1px solid var(--border-base);
    background: var(--content-background);
    border-top: 0
}

.ab-admin-side-pane-part.ab-admin-side-container {
    height: 90%;
    position: absolute
}

.ab-admin-side-pane-part.ab-admin-side-preview {
    border-bottom: 0;
    width: 100%
}

.ab-admin-side-pane-part.ab-admin-side-preview .actionbuttons.btn {
    margin-left: 0
}

.ab-admin-display-setting .ab-admin-button-property .span1.record-link-wrapper {
    width: 14px
}

.ab-admin-display-setting .ab-admin-button-property .record-label-wrapper {
    float: left
}

.ab-admin-side-tabs li.tab.tab-badgeable .tab-title {
    margin-right: 0;
    text-align: center
}

.dashboard .record .content-tabs.ab-admin-tabs .ab-admin-side-tabs .tab {
    text-align: center
}

.content-tabs.ab-admin-tabs .nav.nav-tabs .tab.active a {
    padding-bottom: 0.25rem
}

.dashboard .record .content-tabs.ab-admin-tabs .ab-admin-side-tabs .tab.active a {
    margin-top: 0;
    margin-left: 0
}

.content-tabs.ab-admin-tabs .nav.nav-tabs .tab a {
    min-width: 122px;
    padding: 6px 6px 6px 8px
}

.content-tabs.ab-admin-tabs .nav.nav-tabs .tab a .ab-remove-tab {
    display: none;
    padding: 0
}

.content-tabs.ab-admin-tabs .nav.nav-tabs .tab a:hover .ab-remove-tab {
    display: block
}

.content-tabs.ab-admin-tabs .nav.nav-tabs.ab-admin-no-border-top .tab a {
    margin-top: -1px
}

.content-tabs.ab-admin-tabs .nav.nav-tabs .tab.ab-tab-add a {
    padding: 11px;
    width: 14px;
    max-width: 14px;
    min-width: 14px;
    height: 20px
}

.content-tabs.ab-admin-tabs .nav.nav-tabs .tab button[data-action="remove-tab"] {
    margin-top: 9px
}

.ab-column-config {
    align-items: center;
    margin-left: 0;
    margin-bottom: 10px
}

.ab-config-column .record-label {
    text-align: right;
    align-content: center;
    display: inline-grid
}

.ab-config-column .ab-config-checkbox {
    margin-left: 5px;
    display: grid;
    align-items: center
}

.ab-config-column .ab-config-select2 {
    margin-left: 5px
}

.ab-config-column .ab-config-formula {
    align-items: center;
    margin-left: 5px;
    margin-bottom: 10px
}

.ab-column-config p {
    margin-top: 5px
}

.ab-config-column-stretch {
    width: 86%;
    margin-left: 8%
}

.ab-parent-field {
    margin-right: 1%;
    margin-top: 10px;
    min-height: 110px;
    border: 1px solid var(--border-base);
    height: auto;
    display: flow-root
}

.ab-parent-field .ab-parent-field-name {
    background-color: var(--headerpane-background);
    font-size: 16px;
    padding: 5px
}

.ab-parent-field .ab-parent-field-name a.btn {
    margin-left: 0;
    padding: 1px;
    float: right;
    margin-top: -2px
}

.ab-parent-field .ab-parent-field-name a.btn i {
    font-size: 10px;
    vertical-align: middle
}

.ab-parent-field .ab-parent-field-container {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

.ab-parent-field .ab-parent-field-container .record-label {
    text-align: right;
    align-content: center;
    display: inline-grid;
    min-width: 109px
}

.ab-parent-field .ab-parent-field-container .span9 {
    margin-left: 5px;
    align-items: center
}

.ab-parent-field .ab-parent-field-container .span9 div[data-container="fields"] {
    margin-left: 0
}

.ab-parent-field-wrapper {
    margin-left: 0
}

.row-fluid .ab-parent-field-wrapper[class*="span"] {
    margin-left: 0;
    padding-left: 0
}

.ab-update-field {
    margin-right: 1%;
    margin-top: 10px;
    min-height: 110px;
    border: 1px solid var(--border-base);
    height: auto;
    display: flow-root
}

.ab-update-field .ab-update-field-name {
    background-color: var(--headerpane-background);
    font-size: 16px;
    padding: 5px
}

.ab-update-field .ab-update-field-name a.btn {
    margin-left: 0;
    padding: 1px;
    float: right;
    margin-top: -2px
}

.ab-update-field .ab-update-field-name a.btn i {
    font-size: 10px;
    vertical-align: middle
}

.ab-update-field .ab-update-field-wrapper {
    padding: 5px;
    width: 97%;
    margin-left: 0
}

.ab-update-field .record-cell .record-label-wrapper .record-label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    padding-right: 0
}

.row-fluid .ab-update-field-wrapper[class*="span"] {
    margin-left: 0;
    padding-left: 0
}

.actionbuttons i {
    padding-right: 1px
}

.btn.actionButtonLoading {
    width: 64px;
    z-index: inherit;
    height: 16px;
    background-color: #f1f3f4;
    color: #9ba1a6;
    border-color: #e5eaed;
    background-image: none
}

.btn.actionButtonLoading.actionButtonDisabled {
    cursor: not-allowed;
    margin-left: 0;
    margin-right: 8px;
    opacity: 1;
    background-color: var(--input-disabled-background);
    border: 1px solid var(--border-base)
}

.omni-console .omni-detail .btn-group.actions .dropdown-menu {
    left: auto;
    right: auto
}

.omni-console .omni-detail .omni-summary-cell .omni-cell a.actionbuttons-button.btn {
    margin-bottom: 5px
}

.btn.actionButtonLoading i.actionButtonLoading {
    color: #9ba1a6
}

.btn.actionbtn-toggle {
    margin-left: 0;
    width: auto
}

.btn.actionbtn-toggle ul.dropdown-menu {
    left: 0
}

.record .btn-group.actions > ul.dropdown-menu, .preview-data .btn-group.actions > ul.dropdown-menu, .ab-admin-preview-container ul.dropdown-menu {
    right: auto;
    left: 0;
    margin-left: 0
}

.ab-admin-preview-container {
    padding-top: 20px
}

div.formula-builder {
    margin-bottom: 0;
    border: 1px solid var(--border-base);
    padding: 5px;
    min-width: 100%;
    max-width: 100%
}

div.formula-builder > div {
    margin-bottom: 3px;
    width: 100%
}

div.formula-builder div.main-action-bar {
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-bottom: 2px;
    display: inline-flex
}

div.formula-builder div.main-action-bar a[data-select="functions"], div.formula-builder div.main-action-bar .select-functions {
    width: 30%;
    max-width: 30%
}

div.formula-builder div.main-action-bar a[data-select="fields"], div.formula-builder div.main-action-bar .select-fields {
    width: 30%;
    max-width: 30%;
    margin-left: 5px
}

div.formula-builder div.main-action-bar a[data-action="related"] {
    width: 20%;
    max-width: 20%;
    margin-left: 5px
}

div.formula-builder div.main-action-bar a[data-action="rollup"] {
    width: 20%;
    max-width: 20%;
    margin-left: 5px
}

div.formula-builder div.related-action-bar {
    display: inline-flex;
    width: 100%;
    margin-left: 0;
    margin-bottom: 2px
}

div.formula-builder div.related-action-bar a[data-select="related-module"], div.formula-builder div.related-action-bar .select-related-module {
    width: 45%;
    max-width: 45%
}

div.formula-builder div.related-action-bar a[data-select="related-fields"], div.formula-builder div.related-action-bar .select-related-fields {
    margin-left: 1%;
    width: 45%;
    max-width: 45%
}

div.formula-builder div.related-action-bar a[data-action="add-related"] {
    margin-left: 1%;
    width: 7%;
    max-width: 7%
}

div.formula-builder div.rollup-action-bar {
    display: inline-flex;
    width: 100%;
    margin-left: 0
}

div.formula-builder div.rollup-action-bar a[data-select="rollup-module"], div.formula-builder div.rollup-action-bar .select-rollup-module {
    width: 29%;
    max-width: 29%
}

div.formula-builder div.rollup-action-bar a[data-select="rollup-fields"], div.formula-builder div.rollup-action-bar .select-rollup-fields {
    margin-left: 1%;
    width: 29%;
    max-width: 29%
}

div.formula-builder div.rollup-action-bar a[data-select="rollup-function"], div.formula-builder div.rollup-action-bar .select-rollup-function {
    margin-left: 1%;
    width: 29%;
    max-width: 29%
}

div.formula-builder div.rollup-action-bar a[data-action="add-rollup"] {
    margin-left: 1%;
    width: 7%;
    max-width: 7%
}

div.formula-builder div.formula-editor {
    min-height: 60px;
    min-width: 100%;
    max-width: 100%
}

div.formula-builder.formula-invalid {
    background-color: #ffd4d0;
    border-color: #bb0e1b
}

div.formula-builder div.related-action-bar.hidden, div.formula-builder div.rollup-action-bar.hidden {
    display: none;
    visibility: hidden
}

.sidebar-content .dashboard .actionbutton-headerpane {
    padding: 0
}

.dashboard .headerpane .action-button-wrapper {
    white-space: nowrap;
    align-items: center
}

.map-holder-dashlet {
    width: 100%;
    height: 100%
}

.maps-widget-container {
    margin-left: 0;
    margin-bottom: 10px
}

.maps-widget-header {
    background-color: #fff;
    text-align: left;
    align-items: center;
    width: 100%;
    height: 42px;
    border-top: 1px solid #e5eaed;
    border-bottom: 1px solid #e5eaed
}

.maps-widget-title {
    background-color: var(--headerpane-background);
    border: 1px solid var(--border-base);
    text-align: left;
    align-items: center;
    height: 30px
}

.map-driving-directions {
    width: 520px;
    height: 100%;
    position: relative;
    overflow: auto;
    display: none;
    background-color: #fff
}

.maps-widget-title h1 {
    font-size: 14px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-transform: uppercase
}

.maps-widget-menu-buttons {
    float: right;
    height: 100%;
    align-items: center;
    display: inline-flex;
    padding-right: 10px
}

.maps-widget-menu-buttons > * {
    margin-left: 10px
}

.maps-widget-action {
    width: 100%
}

.maps-widget.collapse {
    padding-bottom: 0
}

.map-holder-list-view {
    width: 100%;
    height: 100%;
    display: none
}

.map-holder-list-view-small {
    height: 40%;
    min-height: 40%
}

.map-holder-list-view-big {
    height: 60%;
    min-height: 60%
}

.map-no-records {
    height: 100%;
    text-align: center;
    align-items: center;
    display: grid
}

.map-small-left-padding {
    padding-left: 5px
}

.maps-mr-20 {
    margin-right: 20px
}

.maps-display-flex {
    display: flex
}

.map-loading-screen-overlay {
    height: inherit;
    width: inherit;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    z-index: 101;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.map-container-inherit {
    height: 100%;
    position: relative
}

.map-max-size {
    height: 100%;
    width: 100%
}

.map-loading-icon {
    flex-shrink: 0;
    font-size: 25px
}

.map-loading-label {
    border: rgba(0, 0, 0, 0);
    color: var(--label-color)
}

.map-holder-drawer {
    width: 100%;
    height: 100%
}

.main-map-container {
    width: inherit;
    height: inherit;
    display: inline-flex
}

.map-admin-border-right {
    border-right: 1px solid #ddd
}

.dataTable .maps-table-tbody-td {
    border-right: 1px solid var(--border-base);
    max-width: 300px
}

.row-fluid .map-admin-side-pane {
    position: absolute;
    right: 1.05%;
    top: 51px;
    bottom: 0
}

.maps-small-margin-right {
    margin-right: 10px
}

.maps-module-mappings .row-fluid .record-cell:not(:first-child) {
    margin-left: 0
}

.dataTable .maps-config-th-min-width {
    min-width: 180px
}

.map-floating-panel {
    z-index: 1;
    position: absolute;
    background-color: var(--headerpane-background);
    border: solid 1px #dcdcdc;
    margin: 10px;
    box-shadow: -3px 4px #dcdcdc;
    left: 20px
}

.main-pane.row-fluid.span12.maps-panel-content {
    margin-left: 0
}

.maps-input-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 0
}

.record-cell .maps-input-label {
    border-width: 0;
    box-shadow: none
}

.select2-container .select2-container-multi .select2-choices.maps-input-label {
    border-width: 0;
    box-shadow: none
}

.map-admin-side-pane .reorderable-columns .record-edit-link-wrapper {
    z-index: 2
}

.map-admin-side-pane .reorderable-columns .record-edit-link-wrapper .sicon-edit {
    z-index: 2;
    top: 7px;
    left: -5px
}

.map-admin-side-pane table.reorderable-columns th[data-fieldname] > div > input[class="maps-input-label"] {
    width: 95%;
    left: 8px
}

.map-admin-side-pane table.reorderable-columns th[data-fieldname] > div > a[data-action="remove-column"] {
    z-index: 3
}

.main-pane.map-admin-border-right.span3 .record .row-fluid .span12.record-cell {
    margin-left: 0
}

.map-close-button {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 8.7rem;
    margin-left: 10px;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: none;
    box-shadow: 0 2px 4px 1px;
    color: #00000026;
    z-index: 100
}

.map-close-button:hover {
    background-image: none;
    background-color: #f5f5f5
}

.map-close-button:active {
    background-image: none;
    background-color: #f5f5f5
}

.map-expand-button {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 8.7rem;
    margin-left: 10px;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: none;
    box-shadow: 0 2px 4px 1px;
    color: #00000026;
    z-index: 100;
    margin-top: 6.2rem
}

.map-expand-button:hover {
    background-image: none;
    background-color: #f5f5f5
}

.map-expand-button:active {
    background-image: none;
    background-color: #f5f5f5
}

.map-to-email-button {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 8.7rem;
    margin-left: 10px;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: none;
    box-shadow: 0 2px 4px 1px;
    color: #00000026;
    z-index: 100;
    margin-top: 3.7rem
}

.map-to-email-button:hover {
    background-image: none;
    background-color: #f5f5f5
}

.map-to-email-button:active {
    background-image: none;
    background-color: #f5f5f5
}

.map-to-pdf-button {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 8.7rem;
    margin-left: 10px;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: none;
    box-shadow: 0 2px 4px 1px;
    color: #00000026;
    z-index: 100;
    margin-top: 1.2rem
}

.map-to-pdf-button:hover {
    background-image: none;
    background-color: #f5f5f5
}

.map-to-pdf-button:active {
    background-image: none;
    background-color: #f5f5f5
}

.map-infobox-details-container {
    min-height: 20px;
    word-wrap: break-word
}

.maps-logger-background {
    background-color: var(--foreground-base)
}

.default-cursor {
    cursor: default
}

.subpanel-header.default-cursor {
    cursor: default
}

.maps-bottom-border {
    border: 1px solid var(--border-base);
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 var(--shadow-color);
    border-color: var(--border-base)
}

.maps-text-color-red {
    color: #fa374f
}

.report-header-padding.btn-toolbar.pull-right {
    padding: 15px 20px 15px 0
}

.report-header-padding.btn-toolbar.pull-right span {
    padding-left: 0
}

.report-loading-screen-overlay[data-type="chart"], .report-loading-screen-overlay[data-type="table"], .report-loading-screen-overlay[data-type="filters"] {
    display: contents
}

.report-loading-icon {
    flex-shrink: 0;
    font-size: 25px
}

.report-loading-label {
    border: rgba(0, 0, 0, 0);
    color: var(--label-color)
}

.report-panel-footer {
    background-color: #f1f3f4;
    color: #2b2d2e
}

.report-panel-footer h4 {
    font-size: 15px
}

.report-modal-height {
    height: 400px;
    max-height: 400px
}

.modal[data-content='report-copy-modal'] {
    width: 503px
}

.modal[data-content='report-copy-modal'] .modal-header .modal-title {
    height: 20px;
    margin-top: 5px
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid {
    padding: 8px 0 0
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid:first-of-type {
    padding-top: 10px
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid:last-of-type {
    padding-bottom: 4px
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid .report-copy-modal-text {
    padding-left: 8px
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid [class*="span"]:first-child {
    margin-left: 5px
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid .report-copy-modal-text p.text-base {
    margin-bottom: 7px;
    line-height: 16px
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid .report-copy-modal-text p {
    margin-bottom: 6px
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid[data-type='tabular'] .report-copy-modal-text {
    padding-right: 50px
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid[data-type='summation_with_details'] .report-copy-modal-text {
    padding-right: 30px
}

.modal[data-content='report-copy-modal'] .modal-body .row-fluid[data-type='matrix'] .report-copy-modal-text {
    padding-right: 40px
}

.modal[data-content='report-export-modal'] {
    width: 503px
}

.modal[data-content='report-export-modal'] .modal-header .modal-title {
    margin-top: 5px
}

.modal[data-content='report-export-modal'] .modal-body .row-fluid .report-export-modal-text p {
    margin-bottom: 6px
}

.modal[data-content='report-export-modal'] .report-copy-modal-icon.sicon {
    margin-top: 7px;
    margin-bottom: 6px;
    margin-left: 5px
}

.modal[data-content='report-export-modal'] .modal-body .report-copy-modal-text {
    padding-right: 40px;
    margin-left: 10px
}

.modal[data-content='report-export-modal'] .modal-body .row-fluid:first-of-type {
    padding-top: 8px
}

.dashboard-grid[data-gs-id='table'] {
    width: 150px;
    min-width: 150px
}

.row-fluid .report-copy-modal-text.span10 {
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 4px
}

.report-copy-modal-current-record {
    font-style: italic;
    font-size: small;
    font-weight: normal;
    color: #0679c8;
    padding-left: 20px
}

.runtime-filter-toolbar .btn-toolbar {
    visibility: hidden
}

.reports-runtime-widget-body:hover {
    border-color: #d9dddf;
    cursor: pointer
}

.reports-runtime-widget-body:hover .btn-toolbar {
    visibility: visible
}

.report-runtime-widget-header:hover {
    background-color: var(--primary-content-hover-background)
}

.runtime-filter-title {
    font-size: 13px
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reports-runtime-widget {
    width: calc(100% - 26px);
    margin-left: 11px;
    border: solid 1px var(--border-base);
    max-height: 330px;
    border-radius: 3px
}

.reports-runtime-widget .hide {
    display: none
}

.reports-runtime-widget .report-multiselect-wrapper {
    border: solid 1px var(--border-base);
    margin: 10px
}

.reports-runtime-widget .report-multiselect-wrapper .select-all {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-base)
}

.reports-runtime-widget .report-multiselect-wrapper .items-center:hover {
    cursor: pointer;
    background-color: var(--foreground-base)
}

.reports-runtime-widget .report-multiselect-wrapper .item-selected.items-center {
    background-color: var(--tab-background-hover-color)
}

.reports-runtime-widget .report-multiselect-wrapper .item-selected.items-center:hover {
    background-color: var(--selected-tab-background-hover-color)
}

.select-all-checkbox {
    border-radius: 3px;
    margin-top: 2px;
    -webkit-appearance: none;
    -webkit-print-color-adjust: exact;
    width: 1.14em;
    height: 1.14em
}

body.sugar-light-theme .reports-runtime-widget input[name="select-all"]:indeterminate {
    border-radius: 3px;
    margin-top: 2px;
    -webkit-appearance: none;
    -webkit-print-color-adjust: exact;
    width: 1.14em;
    height: 1.14em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    background-color: #0d6efd;
    border-color: #0d6efd
}

body.sugar-light-theme .report-multiselect-options input[type=checkbox] {
    background-color: #0d6efd
}

body.sugar-dark-theme .reports-runtime-widget input[name="select-all"]:indeterminate {
    border-radius: 3px;
    margin-top: 2px;
    -webkit-appearance: none;
    -webkit-print-color-adjust: exact;
    width: 1.14em;
    height: 1.14em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%233b3b3b' stroke='%233b3b3b' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    background-color: #99c8ff;
    border-color: #99c8ff
}

body.sugar-dark-theme .report-multiselect-options input[type=checkbox] {
    background-color: #0d6efd
}

.runtime-filter-summary-text {
    font-size: 13px;
    line-height: 16px;
    margin-top: 0;
    max-height: 32px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.reports-dashlet-preview-body .reports-runtime-widget {
    pointer-events: none
}

.report-filters-container .collapsed-widget .reports-runtime-widget {
    background-color: var(--content-background);
    border-color: var(--border-base)
}

.report-filters-container .collapsed-widget .reports-runtime-widget:hover {
    background-color: var(--primary-content-hover-background);
    border-color: var(--border-color-focus);
    cursor: pointer
}

.report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-selected:hover {
    background-color: #005d9c;
    border-color: #005d9c
}

.report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-available {
    border-color: var(--border-base)
}

.report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-selected {
    background-color: #0679c8;
    color: #fff
}

.report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-disabled {
    color: #2b2d2e;
    pointer-events: none
}

.report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-disabled .dashlet-runtime-filter {
    opacity: 0.3
}

.report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-checked {
    background-color: transparent;
    border: none;
    pointer-events: none
}

.report-datetimecombo-filter {
    width: calc(100% - 22px)
}

.report-multiselect-options {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-height: 120px
}

.report-multiselect-options label {
    color: var(--text-base)
}

.dashboard-filter-field-checked {
    pointer-events: none
}

.apply-button-container {
    width: calc(100% - 24px)
}

.dashlet .btn-toolbar .btn .report-filters-toolbar {
    display: block
}

.runtime-filter-summary-tooltip {
    text-align: left
}

.Matrix .dataTablePlaceholder {
    height: calc(100% - 34px)
}

.detailed_summary .dataTablePlaceholder .paginated-flex-list .report-panel-footer {
    padding: 0
}

.summary .dataTablePlaceholder .paginated-flex-list, .Matrix .dataTablePlaceholder .paginated-flex-list {
    height: calc(100% - 28px)
}

.dataTablePlaceholder.report-dashlet-container-type .paginated-flex-list {
    height: calc(100% - 1px)
}

.report-dashlet-placeholder .dataTablePlaceholder.report-dashlet-container-type.summary-dashlet-no-count .paginated-flex-list {
    height: calc(100% - 2px)
}

.report-dashlet-placeholder .dataTablePlaceholder.report-dashlet-container-type.detailed-summary-dashlet-no-count .paginated-flex-list .flex-list-view {
    height: calc(100% - 2px)
}

.report-dashlet-placeholder .dataTablePlaceholder.report-dashlet-container-type.summary-dashlet-count .paginated-flex-list .flex-list-view {
    height: calc(100% - 38px)
}

.report-dashlet-placeholder .dataTablePlaceholder.report-dashlet-container-type.tabular-dashlet-count .paginated-flex-list {
    height: calc(100% - 39px)
}

.report-item-border {
    border-top: 1px solid var(--border-base)
}

.report-item-border-thick {
    border-top: 2px solid var(--border-base)
}

.report-sticky-right {
    right: 0;
    z-index: 10;
    position: static
}

.report-sticky-right:focus-within {
    z-index: 11
}

body.safari-browser .dataTablePlaceholder tbody tr td.sticky-column.stick-right {
    right: 0;
    z-index: 10;
    position: static
}

body.safari-browser .dataTablePlaceholder tbody tr td.sticky-column.stick-right:focus-within {
    z-index: 11
}

.dataTablePlaceholder .paginated-flex-list {
    height: calc(100% - 36px)
}

.dataTablePlaceholder .paginated-flex-list .flex-table-pagination {
    display: flex;
    background-color: var(--foreground-base);
    width: 100%;
    bottom: 0
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view {
    height: 100%;
    box-sizing: border-box
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content .rc-handle-container {
    position: absolute;
    top: 0;
    z-index: 101
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table {
    border-collapse: separate;
    border-spacing: 0
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table thead tr {
    box-shadow: inset 0 1px 0 var(--border-base), inset 0 -2px 0 var(--border-base)
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table thead .alert:not(.alert-process) {
    padding: 0;
    position: relative
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table thead .alert:not(.alert-process)::before {
    all: unset
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table thead .alert:not(.alert-process) .alert-list-contents {
    margin-top: 0;
    top: 0
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table tbody td.sticky-column.stick-left {
    z-index: 10
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table tbody tr.single td {
    border-top: 1px solid var(--border-base)
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table tbody tr.single th {
    border-top: 1px solid var(--border-base)
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table td.sticky-column.stick-first {
    left: 0
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table td.sticky-column.stick-right {
    right: 0;
    z-index: 10;
    position: static
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table td.sticky-column.stick-right:focus-within {
    z-index: 11
}

.dataTablePlaceholder .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content .no-data-available {
    text-align: center
}

.dataTablePlaceholder .paginated-flex-list.notLoaded .dataTable thead tr {
    border-bottom: 0
}

.dataTablePlaceholder .paginated-flex-list.notLoaded .flex-list-view {
    border-bottom: 0
}

.reportFilter .datepicker-days td.active {
    background-color: #0679c8
}

.dashlet .dataTablePlaceholder .list-pagination {
    height: unset
}

.data-table-top {
    margin-top: 0.5rem;
    top: 0
}

.advanced-filters-container {
    display: grid
}

.advanced-filters-title {
    font-weight: 600
}

.advanced-operator {
    width: fit-content;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center
}

.advanced-operator-start {
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    font-weight: 600
}

.advanced-operator-end {
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px
}

.advanced-or-start {
    width: fit-content;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    font-weight: 600;
    background-color: #ffd132;
    color: #866500
}

.advanced-and-start {
    width: fit-content;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    font-weight: 600;
    background-color: #00e0e0;
    color: #00636e
}

.advanced-operator-pill {
    position: absolute;
    align-items: center;
    text-align: center;
    width: 40px;
    height: 18px;
    border-radius: 10px;
    font-weight: 600
}

.advanced-operator-pill-or {
    position: absolute;
    align-items: center;
    text-align: center;
    width: 40px;
    height: 18px;
    border-radius: 10px;
    font-weight: 600;
    background-color: #ffd132;
    color: #866500
}

.advanced-operator-pill-and {
    position: absolute;
    align-items: center;
    text-align: center;
    width: 40px;
    height: 18px;
    border-radius: 10px;
    font-weight: 600;
    background-color: #00e0e0;
    color: #00636e
}

.advanced-or-end {
    width: fit-content;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #fff7ad;
    color: #866500
}

.advanced-and-end {
    width: fit-content;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #c5fffb;
    color: #00636e
}

.advanced-condition {
    color: #2b2d2e
}

.advanced-condition-locked {
    color: #2b2d2e;
    color: var(--text-base);
    border: hidden
}

.report-record-container .headerpane .btn-toolbar button[data-action="change-visibility"] {
    margin-left: 10px
}

.report-record-container .headerpane .btn-toolbar .btn-group {
    border-left: 1px solid #ccc;
    margin-left: 10px;
    padding-left: 10px
}

.report-record-container a.dropdown-toggle[aria-expanded='true'] span {
    color: var(--text-action)
}

.report-record-container .collapsed.ui-resizable-disabled.ui-draggable-disabled .dashlet-container {
    border-radius: 3px;
    color: #b8bcbe;
    background-color: #fff
}

.report-record-container .collapsed.ui-resizable-disabled.ui-draggable-disabled .dashlet-container:hover {
    background-color: #d6eeff;
    cursor: pointer
}

.report-record-container .collapsed.ui-resizable-disabled.ui-draggable-disabled .dashlet-header {
    height: unset
}

.report-record-container .dashlet-header {
    height: 28px
}

.report-record-container .dashlet-header .dashlet-toolbar a {
    padding-left: 5px
}

.report-record-container .dashlet-header .dashlet-toolbar a[data-panelaction="toggleAdvancedFilters"] {
    padding-right: 0
}

.report-record-container .dashlet-header .dashlet-toolbar span.report-filters-toolbar.btn-group {
    padding-left: 0
}

.report-record-container .dashlet-header .dashlet-title {
    font-weight: 600
}

.report-record-container div[data-gs-id="chart"] .dashlet-toolbar, .report-record-container div[data-gs-id="table"] .dashlet-toolbar {
    margin-right: 8px
}

.report-record-container div[data-gs-id="chart"] .report-panel-footer {
    padding: unset
}

.report-record-container .dashlet-container {
    border-radius: 6px
}

div[data-widget="report-hidden-filters"] p:first-of-type {
    padding-top: 20px
}

.headerpane.report-preview-headerpane {
    background-color: var(--content-background);
    overflow: auto
}

.headerpane.report-preview-headerpane .dashlet-header .dashlet-title {
    font-weight: 600
}

.headerpane.report-preview-headerpane .multi-line-list-view {
    height: 100%
}

.btn.btn-secondary.close-report-preview {
    color: #0679c8
}

.reports-collection-count {
    display: inline-block
}

.flex-list-view.right-actions .dataTable thead td.summary-table-group-header {
    background-color: var(--border-base);
    border-bottom: 1px solid #d9dddf;
    text-align: left
}

.flex-list-view.right-actions .dataTable thead td.summary-table-subgroup-header {
    background-color: var(--border-color-light);
    padding-left: 30px;
    border-bottom: 1px solid;
    text-align: left
}

.sicon-report-arrow-up {
    transform: rotate(90deg);
    cursor: pointer;
    text-align: left
}

.sicon-report-arrow-down {
    transform: rotate(270deg);
    cursor: pointer;
    text-align: left
}

.flex-list-view.right-actions .dataTable thead tr td.summary-table-group-header i.sicon-arrow-left-double.up {
    transform: rotate(90deg);
    cursor: pointer;
    text-align: left
}

.flex-list-view.right-actions .dataTable thead tr td.summary-table-group-header i.sicon-arrow-left-double.down {
    transform: rotate(270deg);
    cursor: pointer;
    text-align: left
}

.flex-list-view.right-actions table tr td.simplified-summary-table-group-header i.sicon-arrow-left-double.up {
    transform: rotate(90deg);
    cursor: pointer;
    text-align: left
}

.flex-list-view.right-actions table tr td.simplified-summary-table-group-header i.sicon-arrow-left-double.down {
    transform: rotate(270deg);
    cursor: pointer;
    text-align: left
}

.chart-skeleton-loader {
    background: var(--chart-skeleton-loader);
    background-repeat: no-repeat;
    background-position: center
}

.filters-skeleton-loader {
    background: var(--filters-skeleton-loader);
    width: calc(100% - 20px);
    margin-top: 20px;
    margin-left: 10px;
    background-size: 100% 140px;
    background-repeat: no-repeat
}

.data-skeleton-loader {
    background: var(--data-skeleton-loader);
    background-repeat: round
}

.dataTablePlaceholder.report-dashlet-container-type .matrix-report-table {
    width: 100%;
    margin-left: 0
}

.matrix-data-table-cell-accent {
    background-color: var(--foreground-base)
}

.dataTablePlaceholder .noBorderBottom {
    border-bottom: 0
}

div.chartjs-bar-tooltip {
    color: #fff;
    z-index: 1070
}

div.chartjs-bar-tooltip table {
    background-color: #000
}

body.sugar-dark-theme .report-record-container {
    background-color: #2b2d2e
}

body.sugar-dark-theme .report-record-container .collapsed.ui-resizable-disabled.ui-draggable-disabled .dashlet-container {
    background-color: #000
}

body.sugar-dark-theme .report-record-container .collapsed.ui-resizable-disabled.ui-draggable-disabled .dashlet-container:hover {
    background-color: #79ade0;
    color: #000
}

body.sugar-dark-theme .report-record-container .dashlet .report-panel-footer {
    background-color: #4d5154;
    color: #e5eaed
}

body.sugar-dark-theme .report-filters-container .collapsed-widget .reports-runtime-widget {
    background-color: #2b2d2e;
    border-color: #2b2d2e
}

body.sugar-dark-theme .report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-available {
    border-color: var(--border-base)
}

body.sugar-dark-theme .report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-selected {
    background-color: #79ade0;
    color: #2b2d2e
}

body.sugar-dark-theme .report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-disabled {
    background-color: transparent;
    pointer-events: none;
    color: #4d5154
}

body.sugar-dark-theme .report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-disabled .dashlet-runtime-filter {
    opacity: 1
}

body.sugar-dark-theme .report-filters-container .collapsed-widget .reports-runtime-widget.dashboard-filter-field-checked {
    background-color: transparent;
    color: #e5eaed;
    border: none;
    pointer-events: none
}

body.sugar-dark-theme .report-filters-container .collapsed-widget :hover {
    background-color: var(--primary-content-hover-background);
    color: #e5eaed;
    border-color: #4d5154;
    cursor: pointer
}

body.sugar-dark-theme .flex-list-view.right-actions .dataTable thead td.summary-table-group-header {
    background-color: #2b2d2e;
    border-bottom: 1px solid #16191d
}

body.sugar-dark-theme .reports-runtime-widget {
    border: solid 1px #4d5154
}

body.sugar-dark-theme .advanced-condition {
    border: solid 1px #4d5154
}

body.sugar-dark-theme .advanced-condition .runtime-filter-summary-tooltip {
    color: #d9dddf
}

.saved-report-tooltip {
    width: fit-content
}

body.sugar-dark-theme .report-panel-footer {
    background-color: #4d5154;
    color: #e5eaed
}

.pagination-fit-content-width {
    width: fit-content
}

.inherit-width-height {
    width: inherit;
    height: inherit
}

.report-dashlet-body-height .inherit-width-height.report-filters-dashlet-view-container {
    height: 100%;
    width: 100%;
    display: table
}

.report-dashlet-body-height .inherit-width-height.report-filters-dashlet-view-container .report-no-data-available {
    margin-top: 0;
    vertical-align: middle;
    display: table-cell;
    width: 100%
}

.report-dashlet-body-height .inherit-width-height.report-filters-dashlet-view-container .report-no-data-available.hidden {
    width: 0;
    display: none
}

.report-dashlet-placeholder .dataTablePlaceholder.tabular-dashlet-count .paginated-flex-list .flex-list-view.h-full {
    height: calc(100% - 2px)
}

.report-dashlet-placeholder .dataTablePlaceholder.detailed-summary-dashlet-count .paginated-flex-list {
    height: calc(100% - 2px)
}

.report-dashlet-placeholder .dataTablePlaceholder.detalied-summary-dashlet-no-count .paginated-flex-list {
    height: 100%
}

.report-dashlet-placeholder .dataTablePlaceholder.detalied-summary-dashlet-no-count .paginated-flex-list .flex-list-view {
    height: 100%
}

.report-dashlet-placeholder .dataTablePlaceholder.summary-dashlet-count .paginated-flex-list {
    height: calc(100% - 2px)
}

.report-dashlet-placeholder .dataTablePlaceholder.summary-dashlet-no-count .paginated-flex-list {
    height: 100%
}

.report-dashlet-placeholder .dataTablePlaceholder.summary-dashlet-no-count .paginated-flex-list .flex-list-view {
    height: 100%
}

.report-dashlet-placeholder .dataTablePlaceholder.tabular-dashlet-no-count .paginated-flex-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100% - 4px)
}

.report-dashlet-placeholder .dataTablePlaceholder.tabular-dashlet-no-count .paginated-flex-list .flex-list-view {
    overflow-y: auto
}

.fill-space-background {
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.donut-chart-skeleton-loader {
    background: var(--donut-chart-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.funnel-chart-skeleton-loader {
    background: var(--funnel-chart-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.h-bar-chart-skeleton-loader {
    background: var(--h-bar-chart-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.h-bar-grouped-chart-skeleton-loader {
    background: var(--h-bar-grouped-chart-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.line-chart-skeleton-loader {
    background: var(--line-chart-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.pie-chart-skeleton-loader {
    background: var(--pie-chart-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.treemap-chart-skeleton-loader {
    background: var(--treemap-chart-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.v-bar-chart-skeleton-loader {
    background: var(--v-bar-chart-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.v-bar-grouped-chart-skeleton-loader {
    background: var(--v-bar-grouped-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%
}

.matrix-skeleton-loader {
    background: var(--matrix-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%;
    padding-top: 46%
}

.rows-and-columns-skeleton-loader {
    background: var(--rows-and-columns-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%;
    padding-top: 46%
}

.summation-skeleton-loader {
    background: var(--summation-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%;
    padding-top: 46%
}

.summation-with-detail-skeleton-loader {
    background: var(--summation-with-detail-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%;
    padding-top: 46%
}

.legend-skeleton-loader {
    background: var(--legend-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%;
    padding-top: 3%
}

.table-total-skeleton-loader {
    background: var(--table-total-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%;
    padding-top: 2%
}

.chart-total-skeleton-loader {
    background: var(--chart-total-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%;
    padding-top: 2%
}

.x-label-skeleton-loader {
    background: var(--x-label-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%;
    padding-top: 2.5%
}

.y-label-skeleton-loader {
    background: var(--y-label-skeleton-loader);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 32%;
    min-height: 0;
    background-position: center center;
    width: 100%;
    padding-top: 15%
}

.x-label-skeleton-loader.span12 {
    min-height: 0
}

.chart-preview-container {
    align-items: center;
    display: flex;
    width: 98%;
    margin-left: 1%
}

.chart-container-dashlet.span11 {
    margin-left: 0
}

.data-skeleton-loader-static {
    background: var(--data-skeleton-loader-static);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 3rem;
    width: 100%
}

.popup-help-modal {
    background: var(--stack-logo) right top / 200px no-repeat var(--foreground-base);
    width: 350px;
    height: 80px
}

.popup-help-modal .popover-content .popover-body {
    height: 50px;
    align-items: center;
    display: flex
}

li.tab.tab-badgeable.chart:not(.active):hover > a i.tab-disabled-info {
    color: #0679c8
}

li.tab.tab-badgeable.chart:not(.active):hover > a {
    background-color: transparent
}

.row-fluid > .record-cell.report-dashlet-fixed-margin:not(:first-child) {
    margin-left: 40px
}

.row-fluid > .record-cell.report-dashlet-sortorder-margin:not(:first-child) {
    margin-left: 28px
}

.row-fluid > .record-cell.report-dashlet-fixed-left:not(:first-child) {
    margin-left: 178px
}

.report-dashlet-tab.btn:not(.disabled):not(:active):focus {
    outline: 0 auto
}

.row-fluid .record-cell .report-dashlet-group.report-dashlet-dropdown {
    width: 285px
}

.row-fluid .record-cell .report-dashlet-group.report-dashlet-dropdown > input {
    width: 285px
}

.fieldset-inline .fieldset-field.report-dashlet-group {
    padding-right: 0
}

.fieldset-inline .fieldset-field.report-dashlet-group.report-info-popup {
    margin-left: -6px
}

.fieldset-inline .fieldset-field.report-dashlet-group.report-chart-order {
    margin-left: 16px
}

li.tab.tab-badgeable .tab-title.report-dashlet-tab-title {
    margin-right: 0;
    margin-left: 0
}

.dashlet .dashlet-content .chart-preview-body {
    overflow: hidden
}

.report-dashlet-config-tab {
    text-align: center;
    min-width: 100px
}

.report-dashlet-config-tabs .tab.tab-badgeable.active {
    border-bottom-width: 5px;
    margin-bottom: 0
}

.report-dashlet-config-tabs .tab.tab-badgeable {
    margin-bottom: 5px
}

.dataTablePlaceholder .dataTable td[data-type="image"] > span:not(.overflow-visible) {
    overflow-y: hidden
}

.dataTablePlaceholder .right-actions .dataTable td:last-child {
    text-align: left;
    width: unset
}

.dataTablePlaceholder .dataTable .smd-rc {
    display: none
}

.disabled-advanced-condition {
    color: #6f777b
}

.two-rows-clamped-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.title-container {
    font-size: 15px;
    font-weight: 600
}

.title-container ul li {
    list-style-type: none;
    float: left
}

.title-container ul li:not(:last-child) {
    border-right: 1px solid #2b2d2e;
    margin-right: 15px;
    padding-right: 15px
}

.close {
    text-shadow: none
}

.dataTablePlaceholder td.wrap-report-text {
    white-space: normal
}

.dataTablePlaceholder td.wrap-report-text .ellipsis_inline {
    white-space: normal
}

.dataTable td.wrap-report-text {
    white-space: normal
}

.dataTable td.wrap-report-text .ellipsis_inline {
    white-space: normal
}

.report-filters {
    background-color: var(--foreground-base)
}

.report-filters-layout {
    border-left: 2px solid var(--border-color-light);
    width: 230px
}

.report-grid-preview {
    background-color: var(--content-background);
    overflow: auto
}

.report-grid-preview .dashlet-header .dashlet-title {
    font-weight: 600
}

.report-grid-preview .multi-line-list-view {
    height: 100%
}

.flex.w-full.multi-line-list-view.report-panel {
    overflow: hidden
}

.headerpane h1 .btn.report-visibility-button {
    font-size: 12px
}

.report-filters-badge {
    width: 15px;
    height: 15px;
    line-height: 15px;
    background-color: #d6eeff;
    color: #0679c8;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    font-size: 10px;
    text-align: center
}

.resizer-disabled {
    cursor: not-allowed
}

.resizer-disabled > div {
    display: none
}

.simplified-table-border {
    border-top: 1px solid var(--border-base)
}

.dataTablePlaceholder .relate-field-container .focus-icon-container {
    display: block;
    opacity: 0
}

.dataTablePlaceholder .relate-field-container:hover .focus-icon-container:not(.hide) {
    opacity: 100
}

.export-csv-btn, .show-simplified-btn {
    font-size: 14px
}

.cmpx-report-info {
    font-size: 13px
}

.btn-group.orientation-group-btn button {
    border-radius: 3px
}

.simplified-table th, .simplified-table td {
    line-height: 26px;
    min-width: 128px;
    max-width: 180px;
    font-weight: normal;
    font-size: 11px;
    color: var(--text-base);
    border-bottom: none
}

.simplified-table th.cell-xxsmall, .simplified-table td.cell-xxsmall {
    min-width: 20px;
    max-width: 20px
}

.simplified-table th.cell-xsmall, .simplified-table td.cell-xsmall {
    min-width: 40px;
    max-width: 40px
}

.simplified-table th.cell-small, .simplified-table td.cell-small {
    min-width: 68px;
    max-width: 68px
}

.simplified-table th.cell-medium, .simplified-table td.cell-medium {
    min-width: 128px;
    max-width: 128px
}

.simplified-table th.cell-large, .simplified-table td.cell-large {
    min-width: 180px;
    max-width: 180px
}

.simplified-table th.cell-xlarge, .simplified-table td.cell-xlarge {
    min-width: 280px;
    max-width: 280px
}

.simplified-table th.cell-xxlarge, .simplified-table td.cell-xxlarge {
    min-width: 460px;
    max-width: 460px
}

.simplified-table th:last-child, .simplified-table td:last-child {
    border-right: none
}

.report-chart-dashlet-view-container .sc-print.sc-print-chart {
    display: none
}

.report-panel .dataTablePlaceholder .paginated-flex-list table.report-summation-group th, .report-panel .dataTablePlaceholder .paginated-flex-list table.report-summation-group td {
    border-top: 1px solid var(--border-base)
}

.dataTablePlaceholder th.reports-row-header-padding {
    vertical-align: middle
}

.dataTablePlaceholder th.reports-row-header-padding > div:first-child {
    margin-left: 8px;
    margin-right: 8px
}

#side-drawer .report-side-drawer.flex.flex-col .flex.flex-row .dashboard {
    position: inherit
}

#side-drawer .report-side-drawer .dashlet-container {
    padding-top: 0
}

.drawer-list-header span.record-label {
    padding-right: 2px;
    line-height: 18px;
    color: #6f777b;
    font-size: 14px;
    font-weight: normal
}

.drawer-list-header span div span {
    color: var(--text-base);
    font-weight: bold
}

#side-drawer .drawer-content .report-side-drawer.flex.flex-col .flex-list-view table .alert .alert-list-contents {
    width: 100%;
    top: auto
}

#side-drawer .drawer-content .report-side-drawer.flex.flex-col .flex-list-view table tbody tr td .rowaction.btn:has(.sicon.sicon-preview) {
    display: none
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.flag-icon::before {
    content: '\00a0'
}

.admin-config .admin-config-body-header {
    margin: 13px 0 0 22px
}

.admin-config .admin-config-body-header .admin-config-body-title {
    font-weight: bold;
    font-size: 13px
}

.admin-config .admin-config-body .labels-on-side .record-label {
    float: left
}

.admin-config .admin-config-body .labels-on-side .sub-title {
    margin-left: calc(-19vw - 12px)
}

.admin-config .admin-config-body .labels-on-side input[type="checkbox"] {
    margin-left: 0
}

.admin-config .admin-config-body .timeline-config label {
    display: inline-block
}

.admin-config .admin-config-body .timeline-alert {
    background-color: var(--light-blue-half);
    margin: 10px 0 20px;
    padding: 20px 19px
}

.admin-config .admin-config-body .row-fluid input[type="checkbox"] {
    display: inline-block
}

.admin-config .admin-config-body .admin-config-help-block {
    background-color: var(--background-base);
    color: var(--info-text-color);
    padding: 20px;
    margin: 52px 8px 22px;
    position: relative
}

.admin-config .admin-config-body .admin-config-help-block ul {
    margin-left: 15px;
    margin-bottom: 0
}

.admin-config .admin-config-body .admin-config-help-block ul li.unstyled {
    list-style: none
}

.admin-config .admin-config-body .admin-config-help-block a {
    text-decoration: underline;
    font-weight: bold;
    color: var(--info-text-color)
}

.admin-config .admin-config-body .admin-config-help-block::before {
    content: "";
    border-top: 1px solid var(--border-base);
    position: absolute;
    left: -40px;
    top: -29px;
    width: calc(100% + 60px)
}

.admin-config .record .labels-on-side:not(.empty-label) {
    padding-left: 0
}

.admin-config .record .nav.nav-tabs {
    padding-top: 10px
}

.admin-config .record .nav.nav-tabs .tab a {
    margin: 0 0 1px;
    padding: 5px 8px
}

.admin-config .record .nav.nav-tabs .tab a:focus {
    outline: none
}

.admin-config .record .tab-pane {
    padding: 15px 30px
}

.admin-config .record .sub-title {
    padding: 8px;
    font-weight: bold
}

.admin-config .record .row-fluid .record-cell input:not([type="file"]):not(.required) {
    border: 1px solid var(--border-base);
    box-shadow: none
}

.admin-config .record .row-fluid .record-cell input[type="text"].hexvar {
    text-transform: uppercase;
    width: 80px
}

.admin-config .record .row-fluid .record-cell .ellipsis_inline.sub-title {
    font-size: 12px
}

.admin-config .record .row-fluid .record-cell .fieldset-field {
    font-size: 12px;
    color: #6f777b;
    line-height: 28px
}

.admin-config .record .row-fluid .record-cell .fieldset-field .select2-container {
    min-width: 50px
}

.admin-config .record .row-fluid .record-cell:not([data-type="sub-title"]):not([data-name^="portaltheme"]) {
    margin-left: 20px
}

.admin-config .record .row-fluid .record-cell .file-preview {
    max-width: 200px;
    max-height: 100px;
    margin: 10px 0 5px
}

.admin-config .record .row-fluid .record-cell .file-preview img {
    max-height: 100px;
    min-height: 20px;
    min-width: 20px
}

.admin-config .record .row-fluid:not(:first-child) .record-cell[data-type="sub-title"] {
    margin-top: 35px
}

.admin-config .record .row-fluid:not(:first-child) .record-cell[data-type="sub-title"]::before {
    content: "";
    border-top: solid 1px #d9dddf;
    position: absolute;
    left: -30px;
    top: -13px;
    width: calc(100% + 60px)
}

.left-whisker {
    border-left: 1px solid var(--border-base);
    height: 20pt;
    margin-top: 4pt
}

.horizontal-line {
    border-top: 1px solid var(--border-base);
    margin-top: -13pt;
    margin-left: 1pt;
    width: 99%
}

.right-whisker {
    border-left: 1px solid var(--border-base);
    margin-left: 99%;
    margin-top: -23pt;
    height: 20pt
}

.box-plot {
    margin-top: -14pt;
    border-top: 1px solid var(--border-base)
}

.median-line {
    border-left: 1pt solid var(--text-base);
    margin-top: -24pt;
    height: 11pt;
    width: 1pt
}

.box-plot-caret {
    height: 3pt;
    margin-top: -14pt;
    background-repeat: no-repeat;
    width: 4.5pt
}

.likely-value {
    font-size: 9pt;
    font-weight: 600;
    margin-top: -9pt;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.service-duration-field .fieldset-field .edit input[type="text"] {
    min-width: 30px
}

.service-duration-field .fieldset-cascade-container {
    width: 100%;
    display: table
}

#config-accordion.Opportunities-config .accordion-inner {
    padding: 10px 20px 0
}

.cabmenu {
    display: flex;
    background: var(--btn-secondary-background);
    border: 1px solid var(--border-base);
    border-radius: 50%;
    position: absolute;
    padding: 0 3.5px
}

.cabmenu .focus-icon-container {
    display: flex
}

.cabmenu > span {
    display: none
}

.cabmenu > span a {
    font-size: 12px;
    line-height: 12px
}

.cabmenu > .menu-more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    text-decoration: none
}

.cabmenu > .menu-more-btn .sicon-kebab {
    padding: 9px 4.5px
}

.cabmenu > .menu-more-btn:not(.disabled) .sicon-kebab:hover {
    color: var(--sicon-hover-color)
}

.cabmenu:hover, .cabmenu.open {
    border-radius: 15px
}

.cabmenu:hover > span, .cabmenu.open > span {
    display: flex
}

.cabmenu:hover > .menu-more-btn, .cabmenu.open > .menu-more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    text-decoration: none
}

.cabmenu:hover > .menu-more-btn.disabled .sicon-kebab:hover, .cabmenu.open > .menu-more-btn.disabled .sicon-kebab:hover {
    cursor: default
}

.cabmenu.open > .menu-more-btn .sicon-kebab {
    color: var(--sicon-color)
}

.cabmenu .dropdown-menu {
    border: 1px solid var(--text-action);
    left: auto;
    right: 7px;
    top: 30px
}

.cabmenu .dropdown-menu > li span a {
    border: none;
    outline: none
}

.cabmenu .dropdown-menu > li span a:hover i {
    color: var(--sicon-hover-color)
}

.cabmenu .dropdown-menu > li span i {
    padding-right: 5px
}

.cabmenu > span {
    justify-content: center;
    align-items: center
}

.cabmenu > span i {
    padding: 9px 4.5px
}

.cabmenu > span:hover i {
    color: var(--sicon-hover-color)
}

.cabmenu .reply-all-icon {
    position: relative
}

.cabmenu .reply-all-icon::before, .cabmenu .reply-all-icon::after {
    position: absolute
}

.omni-button .btn {
    background-image: none;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    max-height: 1.875rem
}

.omni-button .omni-circle {
    background-color: transparent;
    border: 0;
    vertical-align: text-bottom
}

.omni-button .omni-label {
    color: var(--text-base);
    font-weight: 600
}

.omni-button .logged-out .omni-circle {
    border: 1px solid var(--border-base)
}

.omni-button .logged-in .omni-circle {
    background-color: #6cdf46
}

.omni-button .active-session {
    background-color: var(--alert-background);
    border: 2px solid var(--border-base);
    max-height: 1.875rem
}

.omni-button .active-session .omni-circle {
    background-color: #6cdf46
}

.omni-button .active-session .omni-label {
    color: var(--label-color)
}

@keyframes message-pulse {
    0% {
        background-color: #16191d;
        border-color: #d9dddf;
        animation-timing-function: ease-in-out
    }
    13% {
        background-color: #00ba83;
        border-color: #056f37;
        animation-timing-function: ease-in-out
    }
    26% {
        background-color: #16191d;
        border-color: #d9dddf;
        animation-timing-function: ease-in
    }
    35% {
        background-color: #00ba83;
        border-color: #056f37;
        animation-timing-function: ease-in
    }
    44% {
        background-color: #16191d;
        border-color: #d9dddf;
        animation-timing-function: ease-in
    }
    53% {
        background-color: #00ba83;
        border-color: #056f37;
        animation-timing-function: ease-in
    }
    62% {
        background-color: #16191d;
        border-color: #d9dddf;
        animation-timing-function: ease-in-out
    }
}

.omni-button .active-session.notification-pulse {
    animation: message-pulse 2.65s infinite
}

.omni-button .config-menu {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    height: 26px
}

.omni-button .config-menu .sicon {
    display: none;
    color: var(--sicon-color);
    cursor: pointer;
    width: 15px;
    text-align: center;
    line-height: 26px;
    outline: none
}

.omni-button .config-menu .sicon:hover {
    color: var(--sicon-hover-color)
}

.omni-button .config-menu .option-layout-open {
    display: none;
    background: var(--dropdown-background);
    border: 1px solid var(--border-base);
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 var(--shadow-color);
    color: var(--text-base);
    font-size: 12px;
    line-height: 33px;
    padding: 0 17px;
    position: relative;
    left: 6px;
    top: -64px
}

.omni-button .config-menu .option-layout-open:hover {
    background: var(--dropdown-link-background-hover);
    color: var(--text-color-hover);
    cursor: pointer
}

.omni-button .config-menu .option-layout-finish {
    display: none;
    background: #0679c8;
    color: var(--text-base);
    cursor: pointer;
    font-size: 12px;
    line-height: 33px;
    padding: 0 17px;
    position: relative;
    top: -4px;
    border: 1px solid #0679c8;
    border-radius: 3px
}

.omni-button .config-menu[data-mode=init] .sicon.toggle, .omni-button .config-menu[data-mode=popup] .sicon.toggle {
    display: block
}

.omni-button .config-menu[data-mode=open] .option-layout-finish {
    display: block
}

.omni-button .config-menu[data-mode=disabled] .sicon.disabled {
    display: block;
    color: #9ba1a6
}

.omni-button .config-menu.open .dropdown-menu {
    display: block;
    min-width: auto
}

.omni-detail {
    width: 320px
}

.omni-detail .omni-detail-wrapper {
    border: 1px solid var(--border-base);
    border-top: none;
    position: relative
}

.omni-detail .omni-detail-content {
    display: flex;
    background: var(--foreground-base);
    box-sizing: border-box;
    padding: 7px
}

.omni-detail .omni-detail-content:not(:last-child) {
    border-bottom: 1px solid var(--border-base)
}

.omni-detail .omni-detail-content textarea {
    height: 76px
}

.omni-detail .record-cell.omni-cell {
    height: auto
}

.omni-detail .record-cell.omni-cell:not(:last-child) {
    margin-bottom: 5px
}

.omni-detail .record-cell.omni-cell:not(.error) .omni-label {
    color: var(--text-base)
}

.omni-detail .record-cell.omni-cell input[type="text"], .omni-detail .record-cell.omni-cell textarea {
    border: 1px solid var(--border-base);
    box-shadow: none;
    box-sizing: border-box;
    font-size: 12px;
    width: 100%;
    resize: none;
    min-height: 28px
}

.omni-detail .record-cell.omni-cell input[type='checkbox'] {
    width: auto
}

.omni-detail .record-cell.omni-cell .error-tooltip {
    position: absolute;
    right: 5px
}

.omni-detail .omni-summary-cell {
    flex: 1;
    min-width: 0
}

.omni-detail .omni-detail-title {
    background: var(--background-base);
    padding-top: 4px;
    padding-bottom: 4px;
    top: 0;
    z-index: 1;
    border-top: 1px solid var(--border-base)
}

.omni-detail .omni-detail-title .omni-detail-title-text {
    font-size: 14px
}

.omni-detail .omni-detail-title .loading {
    display: none;
    padding-top: 2px;
    line-height: 16px
}

.omni-detail .omni-detail-title .loading.saving, .omni-detail .omni-detail-title .loading.saved {
    display: inline-block
}

.omni-detail .omni-detail-title .loading.saved i {
    display: none
}

.omni-detail .left-column {
    margin-right: 5px
}

.omni-detail .left-column div {
    white-space: nowrap;
    text-align: right
}

.omni-detail .right-column {
    display: block
}

.sugarlive-config-drawer-content {
    height: calc(100% - 20px)
}

.sugarlive-config-drawer-content .accordion-group, .sugarlive-config-drawer-content .accordion-inner, .sugarlive-config-drawer-content .ui-tabs {
    height: 100%
}

.sugarlive-config-drawer-content .ui-tabs-panel {
    height: calc(100% - 64px)
}

.sugarlive-config-drawer-content .omni-detail {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto 10px;
    max-height: calc(75% - 30px)
}

.sugarlive-config-drawer-content .omni-detail .omni-cell input[type='checkbox'] {
    width: auto
}

.sugarlive-config-drawer-content .ccp-placeholder {
    flex: 1 0 77px;
    background-size: 100%;
    background-image: url("styleguide/images/consoles/gradient-to-white-a-RIkvK.svg"), url("styleguide/images/consoles/ccp-placeholder-HK5EVSc.svg")
}

.sugarlive-config-drawer-content .flex-relate-module {
    float: none;
    width: 100%
}

.sugarlive-config-drawer-content .flex-relate-record {
    display: none
}

.sugarlive-config-drawer-content .edit .input-append .add-on {
    background: rgba(0, 0, 0, 0)
}

.sugarlive-config-drawer-content .edit .sicon {
    visibility: hidden
}

.sugarlive-config-drawer-content .edit-disabled {
    cursor: default !important;
    pointer-events: none
}

.sugarlive-restores-summary-settings {
    background-color: var(--background-base);
    color: var(--info-text-color);
    padding: 20px;
    padding: 10px;
    margin: 10px auto
}

.sugarlive-restores-summary-settings ul {
    margin-left: 15px;
    margin-bottom: 0
}

.sugarlive-restores-summary-settings ul li.unstyled {
    list-style: none
}

.sugarlive-restores-summary-settings a {
    text-decoration: underline;
    font-weight: bold;
    color: var(--info-text-color)
}

.ccp-placeholder {
    height: 100%;
    width: 320px;
    overflow: hidden;
    position: relative;
    background-position: bottom left, top left;
    background-repeat: no-repeat
}

.sugarlive-config-side-pane {
    height: 100%
}

.sugarlive-config-side-pane .accordion-group {
    height: calc(100% - 4px)
}

.sugarlive-config-side-pane .config-side-pane-all {
    height: 100%
}

.sugarlive-config-side-pane .config-side-pane {
    height: calc(100% - 6px)
}

.sugarlive-config-side-pane .config-side-pane .column {
    height: 100%;
    padding: 0 10px
}

.sugarlive-config-side-pane .config-side-pane .column h4 {
    margin-top: 19px
}

.sugarlive-config-tabcontent {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.sugarlive-config-tabcontent .omni-detail {
    max-height: 50%;
    overflow-y: auto
}

.sugarlive-config-tabcontent > p {
    color: var(--sicon-color)
}

@media (max-width: 768px) {
    .sugarlive-config-tabcontent {
        height: 350px
    }

    .sugarlive-config-tabcontent .omni-detail {
        height: calc(42%);
        max-height: none
    }

    .sugarlive-config-tabcontent .ccp-placeholder {
        height: auto
    }
}

.omni-console {
    position: fixed;
    top: 3.5rem;
    bottom: 0;
    left: -320px;
    width: 320px;
    background-color: var(--content-background);
    border-top: 1px solid var(--border-color-focus);
    border-right: 1px solid var(--border-color-focus);
    z-index: 1031;
    transition: .8s ease-in-out
}

.omni-console .omni-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 20px;
    padding: 4px 8px;
    border-bottom: 1px solid var(--border-base);
    border-left: 1px solid var(--border-base)
}

.omni-console .omni-header h4 {
    padding: 0;
    margin: 0
}

.omni-console .omni-header .btn {
    padding: 0;
    line-height: 12px
}

.omni-console .omni-header .btn .icon {
    vertical-align: middle
}

.omni-console .omni-detail {
    position: absolute;
    left: 0;
    top: 28px;
    max-height: 40%;
    overflow-y: auto
}

.omni-console .omni-ccp {
    position: absolute;
    left: 0;
    top: 28px;
    bottom: 0;
    width: 320px;
    margin-top: 10px
}

.omni-console .omni-ccp #containerDiv {
    background-color: #4d5154;
    border: solid 1px #d9dddf;
    border-radius: 3px;
    height: 100%
}

.omni-console .omni-ccp #containerDiv iframe {
    border: 0
}

.omni-console .omni-ccp #containerDiv:empty {
    display: none
}

.omni-console .omni-ccp #containerDiv:not(:empty) + * {
    display: none
}

.omni-console .omni-ccp .ccp-placeholder {
    background-size: 100%;
    background-image: url("styleguide/images/consoles/ccp-gradient-M4CGCpk.svg"), url("styleguide/images/consoles/ccp-placeholder-HK5EVSc.svg")
}

.omni-console .omni-dashboard {
    position: absolute;
    left: 320px;
    top: 29px;
    right: 0;
    bottom: 0;
    box-sizing: border-box
}

.omni-console .omni-dashboard .dashboard {
    top: 0
}

.omni-console .omni-dashboard .extended-fab {
    z-index: 2
}

.omni-console .omni-dashboard .nav-tabs li.tab.tab-badgeable a .label {
    display: inline-flex
}

.omni-console .omni-dashboard .nav-tabs li.tab.tab-badgeable.disabled .tab-title {
    color: var(--text-base)
}

.omni-console .omni-dashboard .nav-tabs li.tab.tab-badgeable.disabled .label {
    border: none;
    color: var(--label-color);
    background-color: var(--content-background)
}

.omni-console .omni-dashboard .nav-tabs li.tab.tab-badgeable.disabled a {
    border-right: none;
    border-top: none
}

.omni-console .omni-dashboard .nav-tabs li.tab.tab-badgeable.disabled a:hover {
    text-decoration: none;
    color: var(--gray-500);
    background-color: var(--headerpane-background);
    border-top-color: var(--headerpane-background);
    border-bottom-color: var(--headerpane-background)
}

.omni-console .omni-dashboard .nav-tabs li.tab.tab-badgeable.disabled a .label-module {
    cursor: default
}

.omni-console .omni-dashboard .tabbable {
    overflow: hidden
}

.banner-shifted .omni-console {
    top: calc(34px + 3.5rem)
}

.omni-console-config .nodata, .omni-console-config .jstree, .omni-console-config [data-type='jstree-no-data'], .omni-console-config [data-place='loading'], .omni-console-config [data-action='show-more'], .omni-console-config .comment-log-dashlet-content, .omni-console-config .activity-timeline, .omni-console-config .console-list-view-table tbody, .omni-console-config .record-cell:not([data-type='avatar']) .detail, .omni-console-config .dashlet-header .fieldset.actions, .omni-console-config .list-view tbody {
    visibility: hidden
}

.omni-console-config .dashlet-content .search-filter, .omni-console-config .dashlet-content .search-container, .omni-console-config .dashlet-content .dashlet-console-list, .omni-console-config .dashlet-content .list-view {
    pointer-events: none
}

.omni-console-config .dashlet-container .block-footer {
    display: none
}

.omni-console-config .omni-detail .omni-cell {
    pointer-events: none
}

.omni-console-config.omni-console .omni-dashboard li.tab.tab-badgeable.disabled a {
    line-height: 28px;
    padding: 7px 8px 2px
}

.omni-console-config.omni-console .omni-dashboard li.tab.tab-badgeable.disabled a .sicon {
    color: var(--sicon-color);
    margin-top: -2px
}

.omni-console-config.omni-console .omni-dashboard li.tab.tab-badgeable.disabled a .tab-title {
    color: var(--label-color)
}

.omni-record-link {
    display: inline-block
}

.omni-record-link.hide {
    display: none
}

.omni-record-link .btn-group-sugarlive-link .btn {
    padding: 0;
    border: 0;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    font-size: 12px
}

.omni-record-link .btn-group-sugarlive-link .btn i.sicon {
    margin: 0 auto
}

.omni-record-link .btn-group-sugarlive-link .btn.unlinked {
    background-color: #0679c8
}

.omni-record-link .btn-group-sugarlive-link .btn.unlinked i.sicon {
    color: #fff
}

.omni-record-link .btn-group-sugarlive-link .btn.unlinked:hover {
    background-color: #005d9c
}

.omni-record-link .btn-group-sugarlive-link .btn.linked, .omni-record-link .btn-group-sugarlive-link .btn.linked:hover {
    background: #9ba1a6
}

.omni-record-link .btn-group-sugarlive-link .btn.linked i.sicon, .omni-record-link .btn-group-sugarlive-link .btn.linked:hover i.sicon {
    color: #6f777b
}

.dashlet-header .omni-record-link .btn-group-sugarlive-link .btn {
    margin: 0 5px
}

.omnichannel-search {
    height: 100%;
    width: 100%
}

.omnichannel-search .omnichannel-search-backdrop {
    z-index: 1028;
    background-color: #6f777b;
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.omnichannel-search .omnichannel-search-list.omnichannel-search-backdrop .omnibar-search .omnichannel-search-headerpane-wrapper .omni-headerpane {
    background-color: var(--headerpane-background)
}

.omnichannel-search .omnichannel-search-list .omnichannel-search-filter-wrapper {
    background: var(--content-background);
    border-color: var(--border-base);
    border-top: 1px solid var(--border-base);
    border-width: 1px 0 0 1px
}

.omnichannel-search .omnichannel-search-list .omnichannel-search-filter-wrapper .omnichannel-search-facet-list {
    padding-top: 10px;
    padding-bottom: 10px
}

.omnichannel-search .omnichannel-search-list .omnichannel-search-filter-wrapper .omnichannel-search-facet-list .omnichannel-search-facet-list-item {
    margin: 10px 0 10px 28px
}

.omnichannel-search .omnichannel-search-list .omnichannel-search-filter-wrapper .omnichannel-search-facet-list .omnichannel-search-facet-list-item .omnichannel-search-facet-label {
    margin-left: 10px
}

.omnichannel-search .omnichannel-search-list .omnichannel-search-filter-wrapper .divider {
    height: 1px;
    background: #6f777b;
    width: 90%;
    margin: auto
}

.omnichannel-search .omnichannel-search-list .omnibar-search.loading {
    background-color: var(--primary-content-active)
}

.omnichannel-search .omnichannel-search-list .omnibar-search .omnichannel-search-headerpane-wrapper .omni-headerpane {
    background-color: var(--content-background);
    border-top: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base)
}

.omnichannel-search .omnichannel-search-list .omnibar-search .omnichannel-search-headerpane-wrapper .omni-headerpane h1 > .record-cell:first-child {
    width: 100%;
    max-width: 700px;
    font-size: 18px
}

.omnichannel-search .omnichannel-search-list .omnibar-search .omnichannel-search-headerpane-wrapper .omni-headerpane h1 > .record-cell:first-child .omni-headerpane-term {
    display: flex;
    flex-direction: row
}

.omnichannel-search .omnichannel-search-list .omnibar-search .omnichannel-search-headerpane-wrapper .omni-headerpane h1 > .record-cell:first-child .omni-headerpane-term .omni-search-header {
    padding: 5px 0 0;
    white-space: nowrap
}

.omnichannel-search .omnichannel-search-list .omnibar-search .omnichannel-search-list-wrapper {
    position: relative
}

.omnichannel-search .omnichannel-search-list .omnibar-search .omnichannel-search-list-wrapper li.search-result {
    cursor: pointer;
    overflow-wrap: anywhere
}

.omnichannel-search .omnichannel-search-list .omnibar-search .omnichannel-search-list-wrapper li.search-result a.rowaction {
    float: right;
    position: absolute;
    right: 14px;
    top: 14px
}

.omnichannel-search .typeahead-wrapper .dropdown-menu {
    top: 47px;
    width: 100%;
    position: absolute
}

.omnichannel-search .typeahead-wrapper .dropdown-menu li.search-result {
    padding: 0
}

.omnichannel-search .navbar-search {
    white-space: nowrap;
    background: var(--foreground-base);
    border: 1px solid var(--border-base);
    box-sizing: border-box;
    height: 100%
}

.omnichannel-search .navbar-search .omnichannel-search-modulelist-wrapper .menu-item {
    padding: 8px 12px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.omnichannel-search .navbar-search .omnichannel-search-modulelist-wrapper .menu-item:focus, .omnichannel-search .navbar-search .omnichannel-search-modulelist-wrapper .menu-item:hover {
    text-decoration: none;
    filter: none
}

.omnichannel-search .navbar-search .omnichannel-search-modulelist-wrapper .menu-item .sicon.sicon-check {
    color: #6f777b;
    visibility: hidden;
    font-size: 15px;
    margin-right: 10px
}

.omnichannel-search .navbar-search .omnichannel-search-modulelist-wrapper .menu-item.selected {
    font-weight: bold
}

.omnichannel-search .navbar-search .omnichannel-search-modulelist-wrapper .menu-item.selected .sicon.sicon-check {
    visibility: visible
}

.omnichannel-search .navbar-search .omnichannel-search-button-wrapper {
    width: 30px
}

body.sugar-dark-theme .omni-console .omni-ccp .ccp-placeholder {
    filter: invert(101%) saturate(0%) brightness(3) grayscale(1)
}

@keyframes pulse {
    0% {
        background-color: #0679c8
    }
    50% {
        background-color: #00ba83
    }
    100% {
        background-color: #0679c8
    }
}

.sidebar-nav-item.omnichannel-pulse:not(:hover) {
    animation: pulse 1s infinite
}

.filter-view {
    vertical-align: middle;
    padding-right: 0.313rem;
    display: inline-block
}

.console-config .row-fluid div {
    min-width: 120px;
    display: inline-block
}

.console-config .row-fluid .filter-selector div {
    width: 100%
}

.console-config .row-fluid .hide {
    display: none
}

.console-config .row-fluid .add-on {
    display: none
}

.console-config .filter-selector .select2-drop {
    display: none
}

.console-config .row-fluid .filter-actions.btn-group {
    width: auto;
    vertical-align: top
}

.console-config .row-fluid .span4 {
    margin-left: 0;
    float: none;
    vertical-align: top
}

.console-config-fields .bordered {
    border: 1px solid #9ba1a6;
    cursor: pointer;
    padding: 5px;
    color: #0679c8;
    border-radius: 5px
}

.console-config-fields * .fieldset-field {
    width: 50%
}

.multi-line-list-view {
    overflow: auto;
    flex: 1
}

.multi-line-list-view .edit-th {
    min-width: 70px
}

.multi-line-list-view .tr-inline-edit .left-column {
    z-index: 10
}

.multi-line-list-view .tr-inline-edit .left-column .fieldset {
    padding: 0
}

.multi-line-list-view .tr-inline-edit .edit-td {
    min-width: 70px
}

.multi-line-list-view .tr-inline-edit .subfields .subfield {
    margin-bottom: 0.5rem
}

.multi-line-list-view .tr-inline-edit .subfields .subfield .datetime {
    display: flex;
    gap: 4px
}

.multi-line-list-view .tr-inline-edit div[data-fieldname="case_number"] .ellipsis_inline {
    font-size: 13px
}

.multi-line-list-view.console-preview .multi-line-table {
    border: 1px solid var(--border-base);
    width: 30%
}

.multi-line-list-view.console-preview .multi-line-table th, .multi-line-list-view.console-preview .multi-line-table td {
    vertical-align: middle;
    font-weight: normal;
    line-height: 16px;
    padding: 6px 4px 6px 14px
}

.multi-line-list-view.console-preview .multi-line-table tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--border-base)
}

.multi-line-list-view.console-preview .multi-line-table .cell-bar--long, .multi-line-list-view.console-preview .multi-line-table .cell-bar--short {
    border-radius: 4px;
    height: 10px;
    margin: 6px 0;
    background-color: var(--config-pill-background)
}

.multi-line-list-view.console-preview .multi-line-table .cell-bar--long {
    width: 120px
}

.multi-line-list-view.console-preview .multi-line-table .cell-bar--short {
    width: 80px
}

.agent_workbench_dashboard .kpi-metrics, .console_dashboard .kpi-metrics {
    display: flex;
    min-height: 61px;
    background-color: var(--btn-background)
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs, .console_dashboard .kpi-metrics .kpi-metrics-tabs {
    width: calc(100% - 24px);
    height: 100%;
    display: flex
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs {
    display: flex
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .hidden, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .hidden {
    display: none
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .empty-metric-ribbon, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .empty-metric-ribbon {
    font-weight: 400;
    font-family: 'Inter'
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .empty-metric-ribbon p.line-1, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .empty-metric-ribbon p.line-1 {
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin: .5625em 0 0
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .empty-metric-ribbon p.line-2, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .empty-metric-ribbon p.line-2 {
    font-size: 0.875rem;
    line-height: 1.063rem;
    margin: .0625rem 0 .625rem
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .module-list .megamenu > .dropdown.more .btn-group .dropdown-toggle, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .module-list .megamenu > .dropdown.more .btn-group .dropdown-toggle {
    color: var(--btn-secondary-color)
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .dropdown-menu, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .dropdown-menu {
    top: 190px;
    max-height: calc(100% - 235px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: var(--dropdown-border-widget);
    box-shadow: 0 2px 8px var(--shadow-color)
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric {
    display: inline-block;
    width: 180px
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric.metric-loader, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric.metric-loader {
    background: var(--forecasts-skeleton-loader) no-repeat center center
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric.metric-loader *, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric.metric-loader * {
    visibility: hidden
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab {
    display: inline-block;
    width: 164px;
    height: 57px
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content {
    display: inline-block;
    padding: 12px 12px 0;
    width: 160px;
    text-align: center
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-label, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-label {
    display: inline-block;
    width: 160px;
    font-size: 12px;
    color: var(--metric-label)
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-label.active, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-label.active {
    color: var(--active-tab-border-color)
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badge-color-0, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badge-color-0 {
    font-weight: 200;
    color: #832a83;
    background-color: #ffd4d0
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badge-color-1, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badge-color-1 {
    font-weight: 200;
    color: #9b4617;
    background-color: #ffdebc
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badge-color-2, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badge-color-2 {
    font-weight: 200;
    color: #6f777b;
    background-color: #e5eaed
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badges, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badges {
    display: inline-block;
    vertical-align: top
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badges .badge, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-tab-content .kpi-metric-badges .badge {
    margin: 0 2px;
    padding: 0 4px;
    line-height: 16px;
    min-width: 10px;
    text-align: center
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-number-row, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-number-row {
    padding-left: 12px;
    padding-right: 12px;
    width: 160px;
    font-size: 16px;
    font-weight: 600;
    color: var(--metric-value);
    text-align: center
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-number-row.active, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .kpi-metric-tab .kpi-metric-number-row.active {
    color: var(--active-tab-border-color)
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric.active, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric.active {
    border-bottom-width: 4px;
    border-color: var(--active-tab-border-color)
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric:hover:not(.active), .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric:hover:not(.active) {
    cursor: pointer
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric:hover .btn-group .btn, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric:hover .btn-group .btn {
    visibility: visible
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .btn-group, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .btn-group {
    margin: 12px 0 0;
    vertical-align: top
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .btn-group .btn, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .btn-group .btn {
    visibility: hidden;
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    background: none
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .dropdown-menu, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .kpi-metric .dropdown-menu {
    left: -147px;
    top: 48px;
    max-height: initial;
    border-radius: 0 0 6px 6px;
    border: var(--dropdown-border-widget);
    box-shadow: 0 2px 8px var(--shadow-color)
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .metric-loader .skeleton-loader, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .metric-loader .skeleton-loader {
    background: var(--forecasts-skeleton-loader) no-repeat center center;
    width: 164px;
    height: 57px
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .metric-loader .skeleton-loader *, .console_dashboard .kpi-metrics .kpi-metrics-tabs .metric-tabs .metric-loader .skeleton-loader * {
    visibility: hidden
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tools .btn-group, .console_dashboard .kpi-metrics .kpi-metrics-tools .btn-group {
    margin: 12px 12px 0 0
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tools .btn-group .btn, .console_dashboard .kpi-metrics .kpi-metrics-tools .btn-group .btn {
    visibility: hidden;
    padding: 0;
    border: 0;
    outline: none;
    vertical-align: initial;
    box-shadow: none;
    background: none
}

.agent_workbench_dashboard .kpi-metrics .kpi-metrics-tools .btn-group .dropdown-menu, .console_dashboard .kpi-metrics .kpi-metrics-tools .btn-group .dropdown-menu {
    border-radius: 0 0 6px 6px;
    top: 49px
}

.agent_workbench_dashboard .kpi-metrics:hover .kpi-metrics-tools .btn-group .btn, .console_dashboard .kpi-metrics:hover .kpi-metrics-tools .btn-group .btn {
    visibility: visible
}

.agent_workbench_dashboard .multi-line-list-view, .console_dashboard .multi-line-list-view {
    flex: inherit;
    height: calc(100% - 146px)
}

.agent_workbench_dashboard .multi-line-list-view .multi-line-list-loader .data-skeleton-loader, .console_dashboard .multi-line-list-view .multi-line-list-loader .data-skeleton-loader, .agent_workbench_dashboard .multi-line-list-view .multi-line-list-loader-footer .data-skeleton-loader, .console_dashboard .multi-line-list-view .multi-line-list-loader-footer .data-skeleton-loader {
    background: var(--data-skeleton-loader) var(--foreground-base);
    background-repeat: round
}

.agent_workbench_dashboard .multi-line-list-view .multi-line-list-loader .data-skeleton-loader *, .console_dashboard .multi-line-list-view .multi-line-list-loader .data-skeleton-loader *, .agent_workbench_dashboard .multi-line-list-view .multi-line-list-loader-footer .data-skeleton-loader *, .console_dashboard .multi-line-list-view .multi-line-list-loader-footer .data-skeleton-loader * {
    visibility: hidden
}

.agent_workbench_dashboard .multi-line-list-view .rc-handle-container, .console_dashboard .multi-line-list-view .rc-handle-container {
    z-index: 13
}

.agent_workbench_dashboard .multi-line-list-view .dataTable.table-striped.sticky-first-column thead tr th[data-fieldname]:not(.stick-left):nth-child(2), .console_dashboard .multi-line-list-view .dataTable.table-striped.sticky-first-column thead tr th[data-fieldname]:not(.stick-left):nth-child(2) {
    position: sticky;
    left: 46px;
    z-index: 10
}

.agent_workbench_dashboard .multi-line-list-view .dataTable.table-striped.sticky-first-column tbody tr td:nth-child(2), .console_dashboard .multi-line-list-view .dataTable.table-striped.sticky-first-column tbody tr td:nth-child(2) {
    position: sticky;
    left: 46px;
    z-index: 10;
    overflow: visible
}

.agent_workbench_dashboard .multi-line-list-view td.left-column .fieldset.btn-group, .console_dashboard .multi-line-list-view td.left-column .fieldset.btn-group {
    position: static
}

.agent_workbench_dashboard .multi-line-list-view tbody .left-column .dropdown-menu, .console_dashboard .multi-line-list-view tbody .left-column .dropdown-menu {
    left: 9px;
    top: 34px
}

.agent_workbench_dashboard .multi-line-list-view tbody .left-column .dropup .dropdown-menu, .console_dashboard .multi-line-list-view tbody .left-column .dropup .dropdown-menu {
    top: auto
}

.agent_workbench_dashboard .multi-line-list-view.data-loader, .console_dashboard .multi-line-list-view.data-loader {
    background: var(--data-skeleton-loader) space var(--foreground-base)
}

.agent_workbench_dashboard .multi-line-list-view.data-loader *, .console_dashboard .multi-line-list-view.data-loader * {
    visibility: hidden
}

.console-config-instructions {
    background-color: var(--background-base);
    color: var(--info-text-color);
    padding: 20px
}

.console-config-instructions ul {
    margin-left: 15px;
    margin-bottom: 0
}

.console-config-instructions ul li.unstyled {
    list-style: none
}

.console-config-instructions a {
    text-decoration: underline;
    font-weight: bold;
    color: var(--info-text-color)
}

.metric-config-instructions {
    background-color: var(--background-base);
    margin: 20px 19px;
    padding: 15px 10px 10px;
    color: var(--info-text-color)
}

.metric-config-instructions .restore-defaults-btn {
    text-decoration: underline
}

.metric-config-instructions .restore-defaults-btn:hover {
    color: inherit
}

.Metrics-config .nav-tabs > li > a:focus {
    outline: none
}

.Metrics-config .edit-disabled {
    cursor: default !important;
    pointer-events: none
}

.metric-tab-name {
    font-size: 10px;
    color: #6f777b;
    line-height: 12px;
    align-items: center;
    margin-bottom: 3px;
    margin-left: 0
}

.metric-tab-enum {
    display: flex;
    min-width: 180px
}

.record-side-pane-group {
    display: none
}

.record-side-pane-group #list-layout-side {
    display: flex;
    overflow-x: unset
}

.record-side-pane-group #list-layout-side nav ul.field-list {
    overflow-y: auto
}

.record-side-pane-group #list-layout-side .column {
    padding: 10px 2%;
    width: 45%
}

.record-side-pane-group #list-layout-side .columns nav ul.field-list {
    width: auto
}

.record-side-pane-group #list-layout-side .columns nav .outer {
    margin-left: 3%;
    margin-right: 5%
}

.record-side-pane-group #list-layout-side .fields nav ul.field-list {
    width: auto
}

.record-side-pane-group #list-layout-side .fields nav li {
    padding: 0 4%
}

.config-side-pane {
    display: flex;
    border-bottom: 1px solid var(--border-base);
    background-color: var(--content-background);
    overflow-x: scroll
}

.config-side-pane .column {
    flex: 50%;
    padding: 10px
}

.config-side-pane .border-right {
    border-right: 1px solid var(--border-base)
}

.config-side-pane nav ul.field-list {
    width: auto;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid var(--border-base);
    list-style-type: none;
    padding-inline-start: 5px;
    margin: 0;
    padding-top: 8px;
    background-color: var(--foreground-base)
}

.config-side-pane .columns nav ul.multi-field {
    height: 70px;
    width: auto;
    list-style-type: none;
    padding-inline-start: 3px;
    margin-left: 0;
    background-color: var(--configMultifieldBackground);
    cursor: move;
    padding: 0
}

.config-side-pane .fields nav ul.field-list {
    width: auto;
    border: 1px solid var(--border-base);
    list-style-type: none;
    padding-inline-start: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--foreground-base)
}

.config-side-pane .columns nav ul.field-list {
    height: 480px;
    width: 250px
}

.config-side-pane .fields nav ul.field-list {
    height: 500px;
    width: 250px
}

.config-side-pane .columns nav li {
    padding-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.config-side-pane .fields nav li {
    cursor: grab;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.config-side-pane .fields nav li.ui-sortable-helper {
    cursor: grabbing
}

.config-side-pane .fields nav li:hover {
    color: var(--text-color-hover)
}

.config-side-pane .fields nav li.multi-line-field-cursor-over {
    cursor: no-drop
}

.config-side-pane .columns nav .pill {
    border-radius: 3px;
    background-color: var(--config-pill-background);
    color: var(--config-pill-text);
    margin: 3px 8px;
    margin-bottom: 5px;
    cursor: move
}

.config-side-pane .columns nav .pill:not(.multi-field-block) {
    padding-right: 18px
}

.config-side-pane .columns nav .pill.multi-field-block {
    background-color: var(--configMultifieldBackground);
    border: 1px solid var(--border-base);
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 var(--shadow-color);
    border-radius: 3px
}

.config-side-pane .columns nav .pill.multi-field-block-placeholder-none {
    display: none
}

.config-side-pane .columns nav .pill.multi-field-block-highlight {
    border: 1px solid var(--border-color-focus)
}

.config-side-pane .columns nav .pill .list-header {
    color: var(--text-base);
    position: relative;
    font-weight: bold
}

.config-side-pane .columns nav .outer {
    margin-left: 6px;
    margin-right: 11px
}

.config-side-pane .columns .console-field-remove {
    right: 3px
}

.config-side-pane .columns .multi-field-column-remove {
    right: 6px;
    color: var(--sicon-color)
}

.config-side-pane .columns .console-field-remove, .config-side-pane .columns .multi-field-column-remove {
    top: 2px;
    z-index: 1;
    cursor: pointer;
    position: absolute
}

.config-side-pane .columns .multi-field-hint {
    position: relative;
    left: 8px;
    top: 10px;
    color: #6f777b
}

.config-side-pane .columns .list-header {
    padding: 4px 28px 0 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.config-side-pane .columns .multi-field-block {
    height: 75px;
    padding-left: 0;
    margin-bottom: 5px
}

.config-side-pane .columns .pill:not(.multi-field-block) {
    padding-right: 20px
}

.config-tab-settings {
    display: flex;
    overflow-x: scroll
}

.config-tab-settings .column {
    padding: 10px
}

.config-tab-settings .border-right {
    border-right: 1px solid var(--border-base)
}

.config-tab-settings nav ul.field-list {
    width: auto;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid var(--border-base);
    list-style-type: none;
    padding-inline-start: 5px;
    margin: 0;
    padding-top: 8px;
    background-color: var(--foreground-base)
}

.config-tab-settings .columns nav ul.multi-field {
    height: 70px;
    width: auto;
    list-style-type: none;
    padding-inline-start: 3px;
    margin-left: 0;
    background-color: var(--configMultifieldBackground);
    cursor: move;
    padding: 0
}

.config-tab-settings .fields nav ul.field-list {
    width: auto;
    border: 1px solid var(--border-base);
    list-style-type: none;
    padding-inline-start: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--foreground-base)
}

.config-tab-settings .columns nav ul.field-list {
    height: 500px;
    width: 250px
}

.config-tab-settings .fields nav ul.field-list {
    height: 500px;
    width: 250px
}

.config-tab-settings .columns nav li {
    padding-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.config-tab-settings .fields nav li {
    cursor: grab;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.config-tab-settings .fields nav li.ui-sortable-helper {
    cursor: grabbing
}

.config-tab-settings .fields nav li:hover {
    color: var(--text-color-hover)
}

.config-tab-settings .fields nav li.multi-line-field-cursor-over {
    cursor: no-drop
}

.config-tab-settings .columns nav .pill {
    border-radius: 3px;
    background-color: var(--config-pill-background);
    color: var(--config-pill-text);
    margin: 3px 8px;
    margin-bottom: 5px;
    cursor: move
}

.config-tab-settings .columns nav .pill:not(.multi-field-block) {
    padding-right: 18px
}

.config-tab-settings .columns nav .pill.multi-field-block {
    background-color: var(--configMultifieldBackground);
    border: 1px solid var(--border-base);
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 var(--shadow-color);
    border-radius: 3px
}

.config-tab-settings .columns nav .pill.multi-field-block-placeholder-none {
    display: none
}

.config-tab-settings .columns nav .pill.multi-field-block-highlight {
    border: 1px solid var(--border-color-focus)
}

.config-tab-settings .columns nav .pill .list-header {
    color: var(--text-base);
    position: relative;
    font-weight: bold
}

.config-tab-settings .columns nav .outer {
    margin-left: 6px;
    margin-right: 11px
}

.config-tab-settings .columns .console-field-remove {
    right: 3px
}

.config-tab-settings .columns .multi-field-column-remove {
    right: 6px;
    color: var(--sicon-color)
}

.config-tab-settings .columns .console-field-remove, .config-tab-settings .columns .multi-field-column-remove {
    top: 2px;
    z-index: 1;
    cursor: pointer;
    position: absolute
}

.config-tab-settings .columns .multi-field-hint {
    position: relative;
    left: 8px;
    top: 10px;
    color: #6f777b
}

.config-tab-settings .columns .list-header {
    padding: 4px 28px 0 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.config-tab-settings .columns .multi-field-block {
    height: 75px;
    padding-left: 0;
    margin-bottom: 5px
}

.config-tab-settings .columns .pill:not(.multi-field-block) {
    padding-right: 20px
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar {
    border-bottom: 0;
    background-color: var(--foreground-base);
    color: var(--text-base);
    padding-left: 0;
    padding-right: 0;
    overflow: visible
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-button-text {
    color: var(--text-base);
    font-size: 12px;
    font-weight: bold
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar > * {
    margin-left: unset !important;
    margin-right: unset !important
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-button.k-button-icon.k-icon-button.k-nav-prev {
    background-color: var(--btn-background);
    border: 1px solid var(--border-base)
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-button.k-nav-today {
    background-color: var(--btn-background);
    border: 1px solid var(--border-base)
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-button.k-button-icon.k-icon-button.k-nav-next {
    background-color: var(--btn-background);
    border: 1px solid var(--border-base)
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-nav-current {
    font-weight: bold
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-button.k-button-icon.k-icon-button.dropdown-toggle {
    background-color: var(--btn-background);
    color: var(--text-base)
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-scheduler-views.k-button-group {
    height: 30px;
    margin-right: 20px
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-scheduler-views.k-button-group.force-display {
    display: inherit !important
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-scheduler-views-wrapper .k-dropdown.k-views-dropdown {
    display: inline-block;
    box-sizing: border-box;
    font-size: 12px;
    margin-top: 1px;
    height: fit-content;
    width: 110px;
    background-color: var(--btn-background)
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .k-scheduler-views-wrapper .k-dropdown.k-views-dropdown a {
    background-color: var(--btn-background)
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .usersLegend {
    margin-right: 10px
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .usersLegend li div:first-child {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 0
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .usersLegend button {
    width: 70px;
    border: 1px solid var(--border-base);
    font-size: 12px
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .usersLegend button span {
    width: 50px
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .usersLegend .dropdown-menu {
    position: fixed
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .exportButtons {
    margin-right: 10px
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .exportButtons li div:first-child {
    display: block;
    padding: 8px 14px
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .exportButtons li div:hover {
    background-color: #c6e7fd;
    color: #2e87cf
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .exportButtons .k-button {
    text-align: left;
    background-color: var(--btn-background);
    color: inherit;
    border: 1px solid var(--border-base)
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .exportButtons .shareButton {
    background: url("styleguide/images/share-NdYOtoe.svg") no-repeat center;
    width: 20px;
    height: 20px;
    filter: contrast(.3)
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .exportButtons button span {
    width: 50px
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .exportButtons .dropdown-menu {
    position: fixed
}

.calendar-scheduler .k-scheduler-toolbar.k-toolbar .userSettings button {
    border: 1px solid var(--border-base)
}

.calendar-scheduler .k-scheduler-header .k-scheduler-header-wrap .k-scheduler-table {
    text-transform: capitalize !important
}

.calendar-scheduler .templateHtmlWrapper {
    display: flex;
    padding-top: 3px
}

.calendar-scheduler .templateHtmlWrapper div.calendarEventBody {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.calendar-scheduler .previewEvent[data-record] {
    cursor: pointer;
    width: 7px
}

.calendar-scheduler .previewEvent[data-record]:not(:first-child) {
    margin-left: 1px
}

.calendar-scheduler .k-resize-w, .calendar-scheduler .k-resize-n, .calendar-scheduler .k-resize-e, .calendar-scheduler .k-resize-s {
    opacity: 0
}

.calendar-scheduler .k-scheduler-mark {
    border-radius: unset !important;
    display: none;
    float: left;
    margin-top: 6px;
    margin-right: 0
}

.calendar-scheduler .k-task {
    height: 100%
}

.calendar-scheduler .k-scheduler-content .k-event {
    box-shadow: unset
}

.calendar-scheduler .k-scheduler-content td:not(:last-child) {
    border-right: 1px solid #c9c9c9
}

.calendar-scheduler .k-scheduler-content .k-event-actions {
    position: inherit
}

.calendar-scheduler .k-scheduler-monthview .k-scheduler-content {
    overflow-y: auto !important
}

.calendar-scheduler .k-scheduler-monthview .k-today {
    background-color: unset
}

.calendar-scheduler .k-scheduler-monthview .k-today::before {
    border-top: 0
}

.calendar-scheduler .k-scheduler-monthview td[role="gridcell"].k-today.k-state-selected span {
    color: #fff
}

.calendar-scheduler .k-scheduler-monthview .k-today .k-link.k-nav-day {
    border-radius: 50%;
    color: #fff;
    background-color: #0072e6;
    height: 25px;
    width: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center
}

.calendar-scheduler .k-scheduler-header-wrap .k-scheduler-table {
    background-color: var(--foreground-base)
}

.calendar-scheduler .k-scheduler-header-wrap .k-scheduler-table th {
    text-align: center
}

.calendar-scheduler div[data-role="scheduler"] {
    padding: 0 10px 10px;
    border-top-style: unset
}

.calendar-scheduler .k-scheduler-layout {
    color: var(--text-base);
    border: 1px solid #ccc
}

.calendar-scheduler .k-scheduler-header.k-state-default {
    padding-right: 0 !important
}

.calendar-scheduler .event-template {
    cursor: pointer;
    height: 100%
}

.calendar-scheduler div[role="gridcell"], .calendar-scheduler .k-scheduler-agenda .k-task {
    border-radius: 5px
}

.calendar-scheduler .k-scheduler {
    background-color: var(--foreground-base);
    border: 1px solid var(--border-base)
}

.calendar-scheduler .k-scheduler .k-scheduler-navigation {
    margin-right: unset
}

.calendar-scheduler .k-scheduler .k-scheduler-navigation.k-button-group .k-button {
    height: 27px
}

.calendar-scheduler .k-scheduler .calendarIcon {
    vertical-align: middle;
    text-align: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 4px
}

.calendar-scheduler .k-scheduler-footer.k-toolbar {
    background-color: var(--foreground-base);
    padding-left: 0;
    padding-top: 10px
}

.calendar-scheduler .k-scheduler-footer.k-toolbar button {
    background-color: var(--btn-background);
    color: var(--text-base);
    border: 1px solid var(--border-base)
}

.calendar-scheduler .k-scheduler-footer.k-toolbar button span.k-i-clock::before {
    font-family: 'SugarIcons';
    font-size: 12px;
    content: "\ea08"
}

.calendar-scheduler td[role="gridcell"].k-state-selected {
    background-color: inherit
}

.calendar-scheduler td[role="gridcell"].k-state-selected.k-nonwork-hour {
    background-color: #e3f1fb
}

.calendar-scheduler td[role="gridcell"].k-state-selected .k-link {
    color: var(--text-base)
}

.calendar-scheduler .k-scheduler-layout.k-scheduler-timelineview .k-event {
    margin-top: 3px
}

.calendar-scheduler .k-scheduler-layout.k-scheduler-monthScheduleview .k-event {
    margin-top: 4px
}

.calendar-scheduler .k-scheduler-layout:not(.k-scheduler-monthview) {
    border-bottom: unset
}

.calendar-scheduler .k-scheduler-layout > tbody > tr:nth-child(1) > td:nth-child(1) .k-scheduler-times .k-scheduler-table > tbody > tr:nth-child(1), .calendar-scheduler .k-scheduler-layout .k-scheduler-header .k-scheduler-date-group, .calendar-scheduler .k-scheduler-monthScheduleview .k-scheduler-header .k-scheduler-table tbody tr:nth-child(1), .calendar-scheduler .k-scheduler-monthview > tbody > tr:nth-child(1) > td:nth-child(1) .k-scheduler-header .k-scheduler-header-wrap table th, .calendar-scheduler .k-scheduler-agendaview > tbody > tr:nth-child(1) > td:nth-child(1) .k-scheduler-header .k-scheduler-header-wrap table th {
    background-color: #f8fafc
}

.k-scheduler-monthview td[role="gridcell"].k-state-selected {
    box-shadow: inset 0 0 0 2px #0072c6
}

.k-scheduler-agendaview .k-state-selected {
    background-color: initial
}

.k-scheduler-dayview .k-scheduler-content, .k-scheduler-workWeekview .k-scheduler-content, .k-scheduler-weekview .k-scheduler-content {
    border-left: 1px solid #c9c9c9
}

.k-widget.k-calendar {
    background-color: var(--foreground-base)
}

.k-widget.k-calendar .k-header {
    background-color: inherit;
    font-weight: bold;
    color: var(--text-base);
    text-transform: capitalize
}

.k-widget.k-calendar th {
    background-color: inherit
}

.k-widget.k-calendar .k-calendar-view thead, .k-widget.k-calendar .k-footer a {
    text-transform: capitalize;
    color: var(--text-action)
}

.k-widget.k-calendar .k-header, .k-widget.k-calendar .k-content, .k-widget.k-calendar .k-content th {
    color: var(--text-base)
}

.k-widget.k-calendar .k-content th {
    border-bottom-width: inherit
}

.k-widget.k-calendar .k-today .k-link {
    color: #3f51b5;
    box-shadow: inset 0 0 0 1px #3f51b5;
    border-radius: 20px
}

.k-widget.k-calendar .k-state-hover {
    background-color: var(--foreground-base)
}

.k-widget.k-calendar .k-state-hover .k-link {
    border-radius: 20px
}

.k-widget.k-calendar .k-state-focused .k-link {
    border-radius: 20px;
    box-shadow: inset 0 0 0 1px #808080
}

.k-widget.k-calendar .k-state-selected .k-link {
    border-radius: 20px;
    color: #fff;
    background-color: #0072c6
}

.k-popup.k-calendar-container {
    background-color: var(--foreground-base);
    border: 1px solid var(--border-base) !important
}

.k-scheduler-times-all-day {
    text-transform: capitalize
}

.k-scheduler-agendaview .k-scheduler-header .k-scheduler-table th {
    text-align: left
}

.k-context-menu {
    color: var(--text-base) !important;
    background-color: var(--foreground-base) !important;
    border: 1px solid var(--border-base) !important
}

#calendar-wrapper {
    display: flex
}

.k-widget.k-tooltip {
    width: 300px !important;
    box-shadow: 0 2px 4px 0 var(--shadow-color) !important;
    opacity: 0.9 !important;
    background-color: var(--foreground-base) !important;
    color: var(--text-base) !important
}

.event-tooltip {
    display: grid
}

.event-tooltip i {
    float: left;
    width: 20px
}

.event-tooltip > div {
    padding: 10px
}

.event-tooltip .userDot {
    border-radius: 50%;
    display: inline-flex;
    margin: 0;
    width: 12px;
    height: 12px
}

.event-tooltip .category-icon {
    margin-top: 5px
}

.event-tooltip .category-icon > div {
    height: 100%
}

.event-tooltip .category-container {
    margin-left: 30px
}

.event-tooltip .hideBottomBorder {
    border-bottom: 0 !important
}

.event-tooltip .tooltip-header {
    font-size: larger;
    font-weight: bold
}

.event-tooltip .tooltip-time {
    font-size: larger
}

.event-tooltip .tooltip-time span {
    display: block
}

.event-tooltip .tooltip-description {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: larger
}

.event-tooltip .tooltip-attendees {
    font-size: larger
}

.event-tooltip .tooltip-attendees .userDot {
    margin-right: 5px
}

#publish_icalendar_modal .modal-body {
    padding: 20px 10px
}

#publish_icalendar_modal .form-control {
    width: 520px;
    height: 30px;
    font-size: 12pt
}

.businessHoursContainer {
    padding: 10px
}

.calendar-scheduler-panel {
    display: none;
    width: 250px
}

.calendar-main-scheduler {
    position: relative;
    height: 100%;
    overflow-x: auto
}

.calendar-main-scheduler .calendar-main-panel {
    background-color: var(--foreground-base);
    width: 325px;
    border-right: 1px solid var(--border-base);
    position: static;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 8888;
    height: 100%
}

.calendar-main-scheduler .scheduler-component {
    float: left;
    height: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 325px;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.calendar-main-scheduler #mini-calendar {
    z-index: 100;
    width: auto;
    border: 1px solid var(--border-base);
    border-right-style: unset;
    border-left-style: unset;
    border-top-style: unset;
    background-color: var(--foreground-base)
}

.calendar-main-scheduler #mini-calendar .k-today .k-link {
    color: #3f51b5;
    box-shadow: inset 0 0 0 1px #3f51b5;
    border-radius: 20px
}

.calendar-main-scheduler #mini-calendar .k-state-hover {
    background-color: var(--foreground-base)
}

.calendar-main-scheduler #mini-calendar .k-state-hover .k-link {
    border-radius: 20px
}

.calendar-main-scheduler #mini-calendar .k-state-focused .k-link {
    border-radius: 20px;
    box-shadow: inset 0 0 0 1px #808080
}

.calendar-main-scheduler #mini-calendar .k-state-selected .k-link {
    border-radius: 20px;
    color: #fff;
    background-color: #0072c6;
    box-shadow: none
}

.calendar-main-scheduler #mini-calendar .k-footer a {
    text-transform: capitalize;
    color: var(--text-action)
}

.calendar-main-scheduler #mini-calendar .k-header {
    text-transform: capitalize;
    font-weight: bold;
    background-color: var(--foreground-base)
}

.calendar-main-scheduler #mini-calendar .k-header, .calendar-main-scheduler #mini-calendar .k-content, .calendar-main-scheduler #mini-calendar .k-content th {
    color: var(--text-base)
}

.calendar-main-scheduler #mini-calendar .k-content th {
    border-bottom-width: inherit
}

.calendar-main-scheduler #mini-calendar a[data-action=prev], .calendar-main-scheduler #mini-calendar a[data-action=next] {
    margin: 5px;
    border: 1px solid var(--border-base)
}

.calendar-main-scheduler .calendarsWrapper {
    line-height: 25px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px
}

.calendar-main-scheduler .calendarsWrapper > div:first-child {
    border-bottom: 1px solid var(--border-base)
}

.calendar-main-scheduler .calendarsWrapper div.record-label {
    font-weight: bold
}

.calendar-main-scheduler .calendarsWrapper span[data-title] {
    margin-left: 10px
}

.calendar-main-scheduler .calendarsWrapper span[name=addCalendar] {
    float: right;
    margin-right: 10px
}

.calendar-main-scheduler .calendarsWrapper span[name=addCalendar] .sicon-plus:hover {
    cursor: pointer
}

.calendar .btn-link.calendar-clear {
    font-weight: bold
}

.calendar span[name=addCalendar] {
    float: right;
    margin-left: inherit
}

.calendar span[name=addCalendar] .sicon-plus:hover {
    cursor: pointer
}

.calendar input[type="checkbox"] + label {
    font-family: Arial, sans-serif;
    font-size: 14px;
    display: inline
}

.calendar .search-group {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin-left: 10px
}

.calendar .search-group .calendars-search {
    width: 100%
}

.calendar .search-group i {
    width: 20px;
    position: absolute;
    right: 0;
    line-height: inherit;
    top: 2px
}

.calendar .search-group i:not(.hidden) {
    display: inline
}

.calendar .search-group input:focus + i {
    visibility: hidden
}

.dashboard .thumbnail.dashlet.calendar .exportButtons {
    display: none
}

.calendars-list {
    margin: 10px;
    list-style-type: none
}

.calendars-list li {
    padding: 3px
}

.calendars-list li .sicon-close {
    visibility: hidden
}

.calendars-list li:hover .sicon-close {
    visibility: visible;
    cursor: pointer
}

.calendars-list span[name=removeOtherCalendar] {
    float: right;
    margin-right: 10px
}

.selectAllCheckbox {
    padding-left: 3px
}

.calendar .userDot, .calendar-scheduler .userDot {
    border-radius: 50%;
    display: inline-flex;
    margin: 0 5px;
    width: 7px;
    height: 7px
}

.calendar-scheduler .userBar {
    position: absolute;
    display: inline-flex;
    width: 0.4em;
    height: 100%;
    margin-top: -3px
}

.calendar-scheduler .userBar :first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.calendar-scheduler .k-scheduler-agenda .previewEvent:first-of-type .userBar {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

.calendar-clear {
    font-size: 10px;
    margin-left: 10px;
    cursor: pointer
}

.calendarAddContainer {
    padding: 10px;
    height: 30px
}

.calendarAddContainer span {
    float: left
}

.record-cell div[data-content="color-picker-icon"] {
    width: 20px;
    height: 20px
}

.k-scheduler-agendaview .k-state-hover, .k-scheduler-agendaview .k-state-selected {
    background-color: initial
}

.k-scheduler-agendaview .k-state-hover .k-scheduler-timecolumn, .k-scheduler-agendaview .k-state-selected .k-scheduler-timecolumn {
    color: var(--text-base)
}

.calendar-alert .alert-confirmation .alert .alert-btn-cancel {
    width: 50px;
    display: table-cell !important;
    text-align: center
}

.calendar-alert .alert-confirmation .alert .alert-btn-save {
    padding: 10px 15px;
    color: inherit;
    margin: 0;
    width: 60px;
    border-right: 1px solid #ffd132;
    display: table-cell;
    text-align: center;
    font-weight: bold
}

.calendar-alert .alert-confirmation .alert .alert-btn-save:hover {
    background-color: #fff7ad;
    text-decoration: none;
    color: #000
}

.calendar-alert .alert-confirmation .alert .alert-btn-saveAndSendEmails {
    padding: 10px 15px;
    color: inherit;
    margin: 0;
    width: 170px;
    display: table-cell;
    text-align: center;
    font-weight: bold
}

.calendar-alert .alert-confirmation .alert .alert-btn-saveAndSendEmails:hover {
    background-color: #fff7ad;
    text-decoration: none;
    color: #000
}

body.sugar-dark-theme .calendar-scheduler .k-nonwork-hour {
    background-color: var(--primary-content-active)
}

body.sugar-dark-theme .calendar-scheduler .k-nonwork-hour td {
    background-color: var(--primary-content-active)
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-agendaview .k-scheduler-content table tr td {
    border-bottom: unset
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-agendaview .k-scheduler-datecolumn {
    background-color: var(--primary-content-active);
    color: var(--text-base)
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-content th {
    border-bottom: 1px solid var(--border-base)
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-content td {
    border-bottom: 1px solid var(--border-base)
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-content td:not(:last-child) {
    border-right: 1px solid var(--border-base)
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-times tr {
    border-bottom: 1px solid var(--border-base) !important
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-times tr th {
    border-bottom: 1px solid var(--border-base)
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-header th, body.sugar-dark-theme .calendar-scheduler .k-scheduler-table td, body.sugar-dark-theme .calendar-scheduler .k-scheduler-times-all-day {
    border-bottom: 1px solid var(--border-base)
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-layout {
    border: 1px solid var(--border-base)
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-layout:not(.k-scheduler-monthview):not(.k-scheduler-agendaview) {
    border-bottom: 1px solid var(--border-base)
}

body.sugar-dark-theme .calendar-scheduler .k-scheduler-footer.k-toolbar {
    border-top: unset
}

body.sugar-dark-theme .k-widget.k-tooltip {
    background-color: var(--primary-content-active) !important;
    border: 1px solid var(--border-base)
}

body.sugar-dark-theme .k-widget.k-tooltip .tooltip-description {
    border-top: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base)
}

body.sugar-dark-theme .k-scheduler-layout > tbody > tr:nth-child(1) > td:nth-child(1) .k-scheduler-times .k-scheduler-table > tbody > tr:nth-child(1), body.sugar-dark-theme .k-scheduler-layout .k-scheduler-header .k-scheduler-date-group, body.sugar-dark-theme .k-scheduler-monthScheduleview .k-scheduler-header .k-scheduler-table tbody tr:nth-child(1), body.sugar-dark-theme .k-scheduler-monthview > tbody > tr:nth-child(1) > td:nth-child(1) .k-scheduler-header .k-scheduler-header-wrap table th, body.sugar-dark-theme .k-scheduler-agendaview > tbody > tr:nth-child(1) > td:nth-child(1) .k-scheduler-header .k-scheduler-header-wrap table th {
    background-color: var(--primary-content-active)
}

body.sugar-dark-theme .k-scheduler-dayview .k-scheduler-content, body.sugar-dark-theme .k-scheduler-workWeekview .k-scheduler-content, body.sugar-dark-theme .k-scheduler-weekview .k-scheduler-content {
    border-left: 1px solid var(--border-base)
}

body.sugar-dark-theme .k-scheduler-timelineview .k-scheduler-times, body.sugar-dark-theme .k-scheduler-monthScheduleview .k-scheduler-times {
    border-bottom: 1px solid var(--border-base)
}

body.sugar-dark-theme .k-context-menu {
    color: var(--text-base) !important;
    background-color: var(--dropdown-background) !important
}

body.sugar-dark-theme .k-context-menu .k-menu-item {
    border: 1px solid var(--border-base)
}

body.sugar-dark-theme .k-context-menu .k-menu-item:hover {
    background-color: var(--dropdown-link-background-hover)
}

body.sugar-dark-theme .k-menu.k-context.menu .k-item > .k-link:hover {
    color: var(--text-color-hover)
}

body.sugar-dark-theme .k-dropdown .k-state-focused, body.sugar-dark-theme .k-list > .k-state-hover, body.sugar-dark-theme .k-state-hover {
    color: var(--text-color-hover)
}

body.sugar-dark-theme .k-scheduler-toolbar.k-toolbar .exportButtons li div:hover {
    background-color: var(--dropdown-link-background-hover)
}

body.sugar-dark-theme #mini-calendar .k-state-selected .k-link {
    background-color: #fa374f
}

body.sugar-dark-theme .k-scheduler-monthview .k-today .k-link.k-nav-day {
    background-color: #fa374f
}

.hint-config {
    border-width: 0 !important;
    margin: 10px 0 0 !important
}

.hint-config > div, .hint-config > h2 {
    margin-left: 20px
}

.hint-config .hint-preview-contact {
    position: relative
}

.hint-config .restoreDefaults {
    margin-bottom: 20px;
    display: inline-block;
    color: #00636e
}

.hint-config.hint-preview {
    background-color: var(--content-background)
}

.hint-config-tabs {
    padding-left: 20px;
    background-color: var(--input-background)
}

.hint-config-tabs li.active {
    border-bottom-width: 4px;
    border-color: #79ade0
}

.nav-tabs.hint-config-tabs > .active > a {
    color: #79ade0
}

.nav-tabs.hint-config-tabs > li > a:hover {
    color: #e5eaed;
    background-color: #005d9c
}

.hint-config-tabs a {
    outline: 0 none !important
}

.hint-config-header {
    font-size: 12px;
    font-weight: bold;
    margin-left: 20px
}

.hint-config-container {
    margin-top: 20px;
    margin-left: 20px;
    border: 1px solid #dcdee2
}

.hint-config-row-fake {
    width: 80%
}

.hint-config-row-fake .hint-config-container {
    margin-top: 0
}

.panel.configurable > div.row-fluid:hover {
    cursor: move
}

.hint-config-container-directions {
    margin-left: 20px;
    margin-top: 20px;
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 20px;
    background-color: #f2fbff
}

.hint-config-directions {
    padding-top: 10px;
    color: #00636e;
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif
}

.preview-pane .hint-preview {
    border-bottom-width: 0
}

.hint-preview {
    background: var(--input-background);
    position: relative;
    margin: 51px 14px 0;
    border-width: 1px;
    border-color: var(--border-base);
    border-style: solid
}

.hint-preview .panel {
    padding: 5px 10px
}

.hint-preview .panel:not(:first-child) {
    border-top: 1px solid var(--border-base)
}

.hint-preview .err_message_col1 {
    z-index: 1;
    font-size: 13px;
    color: #999;
    padding: 10px 14px
}

.hint-preview .err_message_col2 {
    z-index: 1;
    padding: 10px;
    font-size: 12.5px
}

.hint-preview .headline {
    display: flex;
    font-size: 15px;
    height: 12px
}

.headline .saveAll {
    height: 4px;
    margin: 12px 16px;
    right: 0;
    z-index: 1;
    position: absolute
}

.hint-preview .headline .hint-preview-icon--cloud {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0)
}

.hint-preview .headline .hint-preview-icon--locked {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0)
}

.hint-preview .headline .hint-preview-icon--confirm {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0)
}

.hint-preview .headline .hint-preview-icon--confirm::before {
    opacity: 0;
    transition: opacity 1500ms ease-in-out
}

.hint-preview .headline .hint-preview-icon--loading {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0)
}

.hint-preview .headline .hint-preview-icon--loading::before {
    display: flex;
    animation: spin 700ms infinite linear
}

.hint-preview .headline .hint-preview-icon--cloud, .hint-preview .headline .hint-preview-icon--locked, .hint-preview .headline .hint-preview-icon--confirm, .hint-preview .headline .hint-preview-icon--loading {
    margin: 0 4px 0 0;
    margin-left: auto
}

.hint-preview-tabbed-layout {
    position: relative;
    margin: 16px 15px 0
}

.hint-preview-tabbed-layout .panel {
    padding: 10px
}

.hint-preview-tabbed-layout .panel:not(:first-child) {
    border-top: 1px solid var(--border-base);
    background-color: var(--input-background);
    border-top-color: var(--border-base)
}

.hint-preview-tabbed-layout .show-hide-toggle {
    padding: 15px
}

.hint-preview-tabbed-layout .err_message_col1 {
    z-index: 1;
    font-size: 13px;
    color: #999;
    padding: 10px 14px
}

.hint-preview-tabbed-layout .err_message_col2 {
    z-index: 1;
    padding: 10px;
    font-size: 12.5px
}

.hint-preview-tabbed-layout .headline {
    height: 15px;
    display: flex;
    font-size: 15px;
    background-color: var(--input-background)
}

.hint-preview-tabbed-layout .headline .hint-preview-icon--cloud {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0)
}

.hint-preview-tabbed-layout .headline .hint-preview-icon--locked {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0)
}

.hint-preview-tabbed-layout .headline .hint-preview-icon--confirm {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0)
}

.hint-preview-tabbed-layout .headline .hint-preview-icon--confirm::before {
    opacity: 0;
    transition: opacity 1500ms ease-in-out
}

.hint-preview-tabbed-layout .headline .hint-preview-icon--loading {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0)
}

.hint-preview-tabbed-layout .headline .hint-preview-icon--loading::before {
    display: flex;
    animation: spin 700ms infinite linear
}

.hint-preview-tabbed-layout .headline .hint-preview-icon--cloud, .hint-preview-tabbed-layout .headline .hint-preview-icon--locked, .hint-preview-tabbed-layout .headline .hint-preview-icon--confirm, .hint-preview-tabbed-layout .headline .hint-preview-icon--loading {
    margin: 10px 12px 0 0;
    margin-left: auto
}

.hint-preview-errors-container {
    display: flex;
    background-color: var(--input-background);
    border-top-color: var(--border-base)
}

.hint-preview-container {
    background-color: var(--input-background);
    padding: 0 15px 0 16px
}

.hint-preview-errors-container > div {
    float: none
}

.hint-preview-contact {
    height: 50px;
    display: flex;
    padding: 1px 0 10px;
    background-color: var(--input-background)
}

.hint-preview-contact .record-cell {
    height: 40px
}

.hint-preview-contact .record-cell:first-child {
    margin: 2px 0 2px 14px
}

.hint-preview-contact .record-cell:not(:first-child) {
    margin: 2px 0
}

.hint-preview-contact .record-cell.record-cell--full_name {
    width: 100%;
    color: #176de5;
    margin-top: 4px;
    font-size: 15px
}

.hint-preview-contact .record-cell.record-cell--full_name .hint-preview-icon--cloud, .hint-preview-contact .record-cell.record-cell--full_name .hint-preview-icon--locked, .hint-preview-contact .record-cell.record-cell--full_name .hint-preview-icon--loading, .hint-preview-contact .record-cell.record-cell--full_name .hint-preview-icon--confirm {
    right: 10px
}

.hint-preview-contact .record-cell.record-cell--title {
    left: 56px;
    height: 25px;
    font-size: 12px;
    margin-top: 25px;
    margin-left: 15px;
    position: absolute;
    width: calc(100% - 90px)
}

.hint-preview-contact .record-cell.record-cell--title .detail {
    width: calc(70%)
}

.hint-preview-contact .record-cell.record-cell--title .hint-preview-icon--cloud, .hint-preview-contact .record-cell.record-cell--title .hint-preview-icon--locked, .hint-preview-contact .record-cell.record-cell--title .hint-preview-icon--loading, .hint-preview-contact .record-cell.record-cell--title .hint-preview-icon--confirm {
    right: 6px
}

.hint-preview-contact .record-cell.record-cell--avatar {
    margin: 0 6px;
    display: inline-block
}

.hint-preview-contact .record-cell.record-cell--avatar .label-module-lg {
    width: 42px;
    height: 42px;
    border-radius: 50%
}

.hint-preview-contact .record-cell.record-cell--hint_photo img {
    border-radius: 50%
}

.hint-preview-field-label {
    color: #999;
    text-align: right;
    font-size: 12px;
    min-height: 22px !important
}

.record-label--linked_in_c::before {
    z-index: 100;
    content: "\ec11";
    position: relative;
    font-family: 'SugarIcons';
    padding-right: 0.125rem
}

.record-label--hint_twitter::before {
    z-index: 100;
    content: "\ea74";
    position: relative;
    font-family: 'SugarIcons';
    padding-right: 0.125rem
}

.record-label--hint_facebook::before {
    z-index: 100;
    content: "\ec12";
    position: relative;
    font-family: 'SugarIcons';
    padding-right: 0.125rem
}

.hint-preview-field-value {
    color: black;
    min-height: 22px !important
}

.hint-preview-field-value.record-cell--hint_account_logo {
    height: 50px;
    align-items: center;
    display: flex !important;
    justify-content: flex-end
}

.row-fluid > .record-cell:not(.filler-cell).hint-preview-field-value.record-cell--hint_account_logo, .row-fluid > .record-cell:not(.filler-cell).hint-preview-field-value.record-cell--hint_account_website {
    margin-bottom: 0
}

.hint-preview-field-value.record-cell--hint_account_logo .image_preview {
    height: 50px;
    position: relative;
    transform: translateY(-50%)
}

.hint-preview-field-value.record-cell--hint_account_logo img {
    max-height: 50px;
    height: auto !important
}

.hint-preview-field-value.record-cell--account_name, .hint-preview-field-value.record-cell--name {
    margin-top: -45px
}

.hint-preview-field-value.record-cell--account_name .not_found, .hint-preview-field-value.record-cell--name .not_found {
    top: 5px;
    left: 14px;
    font-size: 15px;
    position: relative
}

.hint-preview-field-value.record-cell--account_name .detail, .hint-preview-field-value.record-cell--name .detail {
    font-size: 15px
}

.hint-preview-field-value.record-cell--website, .hint-preview-field-value.record-cell--hint_account_website {
    margin-top: -22px
}

.hint-preview-field-value.record-cell--hint_education_2, .hint-preview-field-value.record-cell--account_name, .hint-preview-field-value.record-cell--name, .hint-preview-field-value.record-cell--website, .hint-preview-field-value.record-cell--hint_account_website {
    margin-left: 34% !important
}

.hint-preview-field-value.record-cell:not(.record-cell--hint_photo):not(.record-cell--hint_account_logo) .detail > * {
    padding: 0 34px 0 14px
}

.hint-preview-field-value .detail {
    font-size: 12px
}

.hint-preview-field-value .erased {
    margin-left: 15px
}

.hint-preview-icon--cloud {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer
}

.hint-preview-icon--cloud::before {
    z-index: 100;
    color: var(--sicon-color);
    content: "\eac7";
    position: relative;
    font-family: 'SugarIcons'
}

.hint-preview-icon--locked {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer
}

.hint-preview-icon--locked::before {
    z-index: 100;
    color: var(--sicon-color);
    content: "\ea32";
    position: relative;
    font-family: 'SugarIcons'
}

.hint-preview-icon--confirm {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer
}

.hint-preview-icon--confirm::before {
    z-index: 100;
    color: #00ba83;
    content: "\ea5e";
    position: relative;
    font-family: 'SugarIcons';
    transition: opacity 1000ms ease-in-out
}

.hint-preview-icon--loading {
    margin: 0;
    padding: 0;
    border-width: 0;
    cursor: pointer
}

.hint-preview-icon--loading::before {
    z-index: 100;
    color: #0679c8;
    content: "\ea16";
    position: relative;
    font-family: 'SugarIcons';
    -webkit-animation: sicon-spin 1s infinite linear;
    -moz-animation: sicon-spin 1s infinite linear;
    animation: sicon-spin 1s infinite linear
}

.hint-preview-field-value .hint-preview-icon--cloud, .hint-preview-field-value .hint-preview-icon--locked, .hint-preview-field-value .hint-preview-icon--confirm {
    width: 20px;
    height: 18px
}

.hint-preview-field-value .hint-preview-icon--loading {
    margin: 0 4px 0 0
}

.hint-preview-field-value .hint-preview-icon--cloud, .hint-preview-field-value .hint-preview-icon--locked, .hint-preview-field-value .hint-preview-icon--confirm, .hint-preview-field-value .hint-preview-icon--loading {
    top: 1px;
    right: 0;
    font-size: 14px;
    position: absolute
}

.hint-preview-list {
    background: #fff;
    position: relative;
    margin: 74px 14px 0;
    border-width: 1px;
    border-color: var(--border-base);
    border-style: solid;
    margin-top: 7pt
}

.hint-preview-list .panel {
    padding: 5px 10px
}

.hint-preview-list .panel:not(:first-child) {
    border-top: 1px solid var(--border-base)
}

.hint-preview-list .show-hide-toggle {
    padding: 15px
}

.hint-preview-list .err_message_col1 {
    z-index: 1;
    font-size: 13px;
    color: #999;
    padding: 10px 14px
}

.hint-preview-list .err_message_col2 {
    z-index: 1;
    padding: 10px;
    font-size: 12.5px
}

.hint-preview-list .headline {
    display: flex;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    align-items: center;
    padding: 7px 10px 8px;
    background: #f4f5f9;
    border-bottom: 1px solid var(--border-base);
    justify-content: space-between
}

.hint-preview-list .headline .hint-preview-icon--cloud, .hint-preview-list .headline .hint-preview-icon--locked, .hint-preview-list .headline .hint-preview-icon--confirm, .hint-preview-list .headline .hint-preview-icon--loading {
    margin: 0 4px 0 0;
    margin-left: auto
}

.hint-accounts-logo--record-view {
    position: relative
}

.preview-pane .preview-data .field-label[data-name=hint_account_pic] {
    display: none !important
}

.preview-pane .preview-data .field-value[data-name=hint_account_pic] {
    position: absolute;
    top: 2px
}

.preview-pane .preview-data .field-value[data-name=hint_account_pic] .label, .preview-pane .preview-data .field-value[data-name=hint_account_pic] .image_field .image_preview {
    width: 32px;
    height: 32px
}

.preview-pane .preview-data .field-value[data-name=hint_account_pic] .image_field .image_preview {
    border-radius: 50%;
    overflow: hidden
}

.preview-pane .preview-data .field-value[data-name=hint_account_pic] .image_field .image_preview img {
    width: 32px;
    height: 32px
}

.headerpane .record-cell[data-name=hint_account_pic] .image_field {
    width: 42px;
    height: 42px;
    min-height: 42px;
    line-height: 42px;
    border-radius: 50%;
    overflow: hidden
}

.headerpane .record-cell[data-name=hint_account_pic] .image_field .image_preview img {
    width: 42px;
    height: 42px
}

.headerpane h1 > .record-cell[data-type="image"] {
    padding: 0 0 0 20px
}

.headerpane h1 > .record-cell[data-name=hint_account_pic] {
    padding: 0 0 0 20px
}

.search-dropdown-list {
    display: none;
    margin-left: 0;
    z-index: 1000;
    position: absolute;
    width: 99.5%;
    min-width: 164px;
    list-style: none;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-color: #e5eaed
}

.search-dropdown-list li {
    height: 36px;
    display: flex;
    padding: 0 2px;
    cursor: pointer;
    align-items: center;
    background-color: var(--input-background);
    color: var(--text-base);
    border: solid 1px #e5eaed
}

.search-dropdown-list li:not(:first-child) {
    border-top: 1px solid #a9a9a9
}

.search-dropdown-list li:hover {
    color: var(--text-base);
    background-color: var(--dropdown-link-background-hover)
}

.search-dropdown-list img {
    width: 32px;
    height: 32px
}

.search-dropdown-list span {
    flex: 1;
    font-size: 11px
}

.search-dropdown-list img + span {
    padding: 0 0 0 10px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow-y: hidden
}

.search-dropdown-list img + span + span {
    text-align: right
}

#accounts {
    border-color: var(--active-tab-border-color);
    color: var(--text-base)
}

.search-dropdown-list__item--active {
    color: #fff;
    background-color: #ccc
}

.search-dropdown-darkmode-list__item--active {
    color: #fff;
    background-color: #16191d
}

.hint-contacts-logo--record-view {
    position: relative
}

.preview-pane .preview-data .field-label[data-name=picture] {
    display: none !important
}

.preview-pane .preview-data .field-value[data-name=picture] {
    position: absolute;
    top: 2px
}

.preview-pane .preview-data .field-value[data-name=picture] .label, .preview-pane .preview-data .field-value[data-name=picture] .image_field .image_preview {
    width: 32px;
    height: 32px
}

.preview-pane .preview-data .field-value[data-name=picture] .image_field .image_preview {
    border-radius: 50%;
    overflow: hidden
}

.preview-pane .preview-data .field-value[data-name=picture] .image_field .image_preview img {
    width: 32px;
    height: 32px
}

.headerpane .record-cell[data-name=picture] .image_field {
    width: 42px;
    height: 42px;
    min-height: 42px;
    line-height: 42px;
    border-radius: 50%;
    overflow: hidden
}

.headerpane .record-cell[data-name=picture] .image_field .image_preview img {
    width: 42px;
    height: 42px
}

.headerpane h1 > .record-cell[data-type="image"] {
    padding: 0 0 0 20px
}

.headerpane h1 > .record-cell[data-name=picture] {
    padding: 0 0 0 20px
}

.headerpane h1 > .edit[data-name=picture] .image_field {
    overflow: unset
}

.hint-preview-contacts {
    margin: 0 14px;
    position: relative;
    background-color: var(--input-background)
}

.hint-preview-contacts .loading {
    width: 100%;
    height: 40px;
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid #ddd;
    background-color: var(--input-background);
    border-color: var(--border-base)
}

.hint-preview-contacts-list {
    margin: 0
}

.hint-preview-contacts-list h4 {
    font-size: 14px;
    font-weight: 100;
    color: #bbb
}

.hint-preview-contacts-list .item {
    height: 40px;
    padding: 10px;
    border-color: var(--border-base)
}

.hint-preview-contacts-list .item:not(:first-child) {
    border-top: 1px solid #ddd
}

.hint-preview-contacts-list .item i {
    position: relative
}

.hint-preview-contacts-list .item i.pull-left::after {
    background: #f2f7fc !important
}

.hint-preview-contacts-list .show_more .btn.btn-link {
    font-family: "Inter", "HelveticaNeue", Helvetica, Arial, sans-serif
}

.hint-preview-contacts-src .image_field {
    width: 42px;
    height: 42px
}

.hint-preview-contacts-src .image_field .image_preview img {
    width: 42px;
    height: 42px
}

.hint-preview-contacts-nameandphone {
    width: 100%;
    color: #000;
    position: relative;
    left: 50px;
    display: inline-block;
    bottom: 2.25rem
}

.hint-preview-contacts-nameandphone .name {
    font-size: 14px
}

.hint-preview-contacts-nameandphone .phone {
    padding-right: 50px;
    text-align: right;
    font-size: 12px;
    color: var(--text-base)
}

.hint-preview-contacts-titleandmail {
    width: 100%;
    position: relative;
    left: 50px;
    display: inline-block;
    bottom: 2.25rem;
    margin-top: -10px;
    color: var(--text-base)
}

.hint-preview-contacts-titleandmail .email {
    padding-right: 50px;
    text-align: right;
    font-family: "Inter", "HelveticaNeue", Helvetica, Arial, sans-serif
}

.fieldSeparationTitle {
    margin-top: 6px;
    font-size: 14px;
    margin-left: 14px;
    color: #0679c8
}

.separationLine {
    width: 94%;
    margin: 0;
    margin-left: 14px;
    height: 1px;
    background-color: darkgray
}

.subHeaderNote {
    margin-left: 14px
}

#hint-drawer-field-container div:nth-last-child(1) {
    padding-bottom: 15px
}

.field-search-bar {
    margin-top: 60px;
    margin-left: 13px
}

.searchbox-field {
    width: 95%
}

.stage2-email-import .modal-body {
    position: relative;
    max-height: 400px;
    padding-bottom: 10%;
    overflow-y: unset
}

.stage2-email-import .modal-header {
    bottom: 10px;
    background-color: #000;
    position: relative;
    width: 95%;
    right: 1px;
    padding-top: 10px
}

.stage2-email-import .modal-footer .btn {
    color: #176de5
}

.stage2-email-import h4 {
    position: relative;
    font-size: 14px;
    font-family: "Inter", "HelveticaNeue", Helvetica, Arial, sans-serif;
    color: #fff
}

.stage2-email-import .email-list {
    list-style-type: none
}

.stage2-email-import .email-list .item {
    line-height: 20px;
    right: 10px;
    position: relative;
    font-size: 12px
}

.stage2-email-import .email-list .detail {
    position: relative;
    left: 10px;
    font-size: 13px
}

.create-leads-layout .hnt, .create-contacts-layout .hnt {
    border-color: var(--active-tab-border-color)
}

.enriched-help {
    font-size: 12px;
    position: relative;
    background-color: var(--input-background);
    margin: 74px 14px 0;
    border-width: 1px;
    border-color: var(--border-base);
    border-style: solid
}

.enriched-help .headline {
    padding: 7px 0 8px 10px;
    background-color: var(--input-background);
    border: 1px solid var(--border-base);
    display: block
}

.enriched-help .loading {
    margin: 0;
    padding: 0;
    display: inline
}

.enriched-help .intro {
    position: relative;
    padding-bottom: 10px;
    background-color: var(--input-background);
    border: 1px solid var(--border-base)
}

.enriched-help .instruction {
    position: relative;
    top: 10px;
    display: inline-block;
    padding: 20px 15px 10px;
    font-size: 13px;
    background-color: var(--input-background)
}

.enriched-help .list {
    position: relative;
    top: 10px;
    left: 40px
}

.enriched-help .list .checked {
    margin: 0;
    padding: 0
}

.notification {
    position: relative;
    left: 30px;
    top: 10px;
    right: 10px;
    color: #e61718
}

.hint-preview-history {
    margin: 0 14px;
    position: relative;
    background: var(--input-background);
    margin-bottom: 10px
}

.hint-preview-history .loading {
    width: 100%;
    height: 40px;
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid #ddd;
    background-color: var(--input-background);
    border: 1px solid var(--border-base)
}

.hint-preview-history-list {
    margin: 0
}

.hint-preview-history-list h4 {
    font-size: 14px;
    font-weight: 100;
    color: #bbb
}

.hint-preview-history-item {
    min-height: 100px;
    padding: 0 10px 0 0
}

.hint-preview-history-item .iconContainer {
    padding: 10px;
    background-color: var(--content-background)
}

.hint-preview-history-item:not(:first-child) {
    border-top: 1px solid #ddd
}

.hint-preview-history-item.highlight {
    background: #f2f7fc
}

.hint-preview-history-item .details {
    display: flex;
    justify-content: space-between
}

.hint-preview-history-item .sicon {
    width: 32px;
    height: 32px
}

.hint-preview-history-item-date {
    white-space: nowrap
}

.hint-preview-history-item-description.ellipsis_inline {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 3em;
    white-space: normal
}

.dashlet-toolbar {
    outline: 0 none !important
}

.hint-news-dashlet .btn-toolbar.pull-right {
    display: flex;
    padding-left: 30px
}

.hint-news-dashlet-search {
    padding: 2px 0;
    position: relative;
    display: inline-block
}

#hint-news-dashlet-searchinput {
    color: var(--text-base);
    box-shadow: none;
    border-radius: 2px;
    width: inherit;
    padding: 2px 32px 2px 10px;
    outline: 0 none !important;
    border: 1px solid #000 !important
}

#hint-news-dashlet-resetbtn, #hint-news-dashlet-searchbtn {
    top: 3px;
    width: 22px;
    height: 22px;
    border: 0 none;
    color: var(--text-base);
    position: absolute;
    font-weight: normal;
    background-color: var(--input-background);
    outline: none !important
}

#hint-news-dashlet-resetbtn:hover, #hint-news-dashlet-searchbtn:hover {
    background: var(--dropdown-link-background-hover)
}

#hint-news-dashlet-resetbtn::before, #hint-news-dashlet-searchbtn::before {
    display: block;
    margin-top: -3px
}

#hint-news-dashlet-resetbtn {
    right: 27px
}

#hint-news-dashlet-searchbtn {
    right: 5px;
    background-color: var(--input-background);
    color: var(--text-base)
}

.hint-news-dashlet-auto-notifier {
    display: flex;
    width: 160px;
    height: 40px;
    color: #fff;
    border-radius: 20px;
    background-color: #41b7d1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
    cursor: pointer;
    white-space: nowrap;
    font-weight: bold;
    align-items: center;
    text-indent: 20px;
    transition: opacity .5s, z-index .5s
}

.hint-news-dashlet-auto-notifier.vanished {
    opacity: 0;
    z-index: -1
}

.hint-news-dashlet-auto-notifier:not(.vanished) {
    opacity: 1;
    z-index: 1
}

.stage2-news {
    margin: 0 14px;
    position: relative;
    background-color: var(--input-background)
}

.stage2-news .loading {
    width: 100%;
    height: 40px;
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid #ddd
}

.stage2-news .loading-icon {
    margin: 0;
    padding: 0
}

.stage2-news .empty_news {
    height: 40px;
    padding: 10px;
    background-color: var(--input-background);
    text-align: center;
    color: var(--text-base)
}

.stage2-news #newsarea {
    overflow: auto
}

.stage2-news-list {
    margin: 0
}

.stage2-news-list h4 {
    font-size: 14px;
    font-weight: 100;
    color: #bbb
}

.stage2-news-list .item {
    height: 100%;
    padding: 10px
}

.stage2-news-list .item:not(:first-child) {
    border-top: 1px solid #ddd
}

.stage2-news-list .item i {
    position: relative
}

.stage2-news-list .item i.pull-left::after {
    background: #f2f7fc !important
}

.stage2-news-list .item .details {
    display: flex;
    color: #a4a4a4;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
    flex-flow: wrap-reverse;
    text-overflow: ellipsis
}

.stage2-news-list .item .details .publisher {
    height: auto;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    color: #4a4a4a;
    border: 1px solid var(--border-base)
}

.stage2-news-list .item .details .publisher img {
    max-width: 150px;
    max-height: 30px
}

.stage2-news-list .item .details .news_date {
    flex: 0 1 auto;
    font-size: 12px;
    white-space: nowrap
}

.stage2-news-list .item.highlight {
    background: #f2f7fc !important
}

.stage2-news-list .item.highlight::after, .stage2-news-list .item.highlight::before {
    background: #5492de
}

.stage2-news-list .item .title {
    margin-top: 10px;
    display: block;
    font-size: 14px;
    line-height: 130%;
    color: var(--text-base)
}

.stage2-news-list .item .title a {
    outline: none
}

.stage2-news-list .moreorless {
    height: 100%;
    background: #fff;
    border-top: 1px solid #ddd
}

.stage2-news-list .moreorless .btn.btn-link {
    font-family: "Inter", "HelveticaNeue", Helvetica, Arial, sans-serif
}

.non-hint-user-msg {
    height: 40px;
    padding: 10px;
    margin-top: 45px;
    background: #fff;
    text-align: center
}

.hint-node-contacts {
    margin: 0 14px;
    position: relative;
    background: #fff;
    border-left: 1px solid #dcdee2;
    border-right: 1px solid #dcdee2;
    height: 257px;
    overflow: auto;
    list-style: none
}

.hint-node-contacts .loading {
    width: 100%;
    height: 40px;
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid #ddd
}

.hint-node-contacts-list {
    margin: 0
}

.hint-node-contacts-list .items {
    height: 40px;
    padding: 10px;
    background: #f3f8fe;
    border-top: 1px solid #ddd
}

.hint-node-contacts-list .items:not(:first-child) {
    border-top: 1px solid #ddd
}

.hint-node-contacts-list .items i {
    position: relative
}

.hint-node-contacts-list .items i.pull-left::after {
    background: #f2f7fc !important
}

.hint-node-contacts-nameandphone {
    width: 100%;
    color: #000;
    position: relative;
    left: 15px;
    display: inline-block;
    bottom: 40px
}

.hint-node-contacts-nameandphone .name {
    font-size: 14px
}

.hint-node-contacts-nameandphone .phone {
    padding-right: 50px;
    text-align: right;
    font-size: 12px
}

.hint-node-contacts-titleandmail {
    width: 100%;
    color: #000;
    position: relative;
    left: 15px;
    display: inline-block;
    bottom: 40px;
    margin-top: -10px
}

.hint-node-contacts-titleandmail .email {
    padding-right: 50px;
    text-align: right;
    font-family: "Inter", "HelveticaNeue", Helvetica, Arial, sans-serif
}

.stage2-preferences-drawer.main-pane .headerpane {
    z-index: 1003
}

.stage2-preferences-drawer.main-pane + .sidebar-content .headerpane {
    position: absolute;
    top: 0;
    z-index: -1
}

.stage2-notifications-prefs {
    padding: 15px 20px
}

.stage2-notifications-prefs-title {
    color: var(--text-base);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px
}

.stage2-notifications-pref {
    display: flex;
    justify-content: space-between
}

.stage2-preference-responsive-ct {
    display: flex;
    flex-wrap: wrap
}

.stage2-preference-responsive {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 10px 3px 0
}

.stage2-notifications-pref-label {
    height: 28px;
    line-height: 28px
}

.stage2-notifications-pref-label:first-child {
    margin: 0 10px 0 0
}

.stage2-notifications-pref-label:not(:first-child) {
    margin: 0 10px
}

.stage2-notifications-pref-cat.short {
    width: 130px
}

.stage2-notifications-pref-cat.long {
    width: 340px
}

.stage2-notifications-pref-tags {
    width: 164px;
    border-width: 1px;
    border-color: #9b9b9b;
    border-style: solid;
    position: relative;
    border-radius: 3px
}

.stage2-notifications-pref-tags .select2-choices {
    border: none !important;
    max-width: 138px !important;
    box-shadow: none !important
}

.stage2-notifications-pref-cat .select2-choice, .stage2-notifications-pref-news-cat .select2-choice {
    border: 1px solid #9b9b9b !important
}

.stage2-notifications-pref-news-cat {
    width: 140px
}

.stage2-notification-pref-addbtn, .stage2-notification-pref-removebtn {
    border: #4d5154 1px solid;
    color: #6f777b;
    background-color: var(--foreground-base);
    padding: 0;
    outline: 0 none;
    min-height: 28px;
    min-width: 30px;
    max-height: 28px;
    border-radius: 3px
}

.stage2-notification-pref-addbtn:hover, .stage2-notification-pref-removebtn:hover {
    border: var(--sicon-hover-color) 1px solid;
    color: var(--sicon-hover-color)
}

.stage2-notification-pref-addbtn:hover i, .stage2-notification-pref-removebtn:hover i {
    color: var(--sicon-hover-color)
}

.stage2-notification-pref-addbtn.fake, .stage2-notification-pref-removebtn.fake {
    opacity: 0.7;
    cursor: normal
}

.stage2-notification-pref-addbtn.real:active, .stage2-notification-pref-removebtn.real:active {
    box-shadow: 0 0 20px 0 #acacac inset
}

.stage2-notifications-prefs .select2-arrow b::before {
    color: #9b9b9b
}

.stage2-notifications-emptyline {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.stage2-notification-key {
    display: flex;
    margin: 20px 0 0
}

.stage2-notification-key-left {
    flex: 0 0 25px
}

.stage2-notification-key-right {
    flex: 1 1 100%;
    padding: 3px 0 0 15px
}

.stage2-notification-key-title {
    font-weight: bold
}

.stage2-notification-icon .text-fa {
    font-size: 8px;
    margin-top: 2px;
    font-weight: bold
}

.stage2-notification-icon .fa {
    font-size: 14px
}

.stage2-notifications-pref-icon {
    padding-top: 2px
}

.stage2-preficon-icon {
    width: 28px !important
}

.stage2-preficon-box {
    position: relative
}

.stage2-preficon-box .stage2-preficon-input {
    position: absolute;
    left: 6px;
    top: 1px;
    width: 16px;
    height: 16px;
    z-index: 1;
    opacity: 0
}

.notificationsToggleOption {
    margin-top: 0;
    margin-left: 15px
}

.stage2-notification-icon .fs-stack-icons.icon-disabled {
    color: #9b9b9b
}

.stage2-notification-icon .fs-stack-icons:not(.icon-disabled) {
    color: #167bc5
}

.stage2-preficon-icon .fs.fs-stack-icons {
    font-size: 14px;
    position: relative
}

.stage2-preficon-icon span.fs-stack-icons {
    top: 0;
    font-size: 8px;
    margin: 2px 0 0
}

.stage2-preficon-box .stage2-preficon-input:checked + .stage2-preficon-icon .fs-stack-icons, .stage2-preficon-box .stage2-preficon-input:checked + .stage2-preficon-icon .fs-stack-icons::before {
    color: #167bc5
}

.stage2-preficon-box .stage2-preficon-input:not(:checked) + .stage2-preficon-icon .fs-stack-icons, .stage2-preficon-box .stage2-preficon-input:not(:checked) + .stage2-preficon-icon .fs-stack-icons::before {
    color: #9b9b9b
}

.hint-panel-content .hint-panel-header {
    padding: 15px 0 15px 10px
}

.hint-news-preferences-trigger {
    width: 22px;
    height: 28px;
    margin: 0 5px;
    padding: 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0) !important
}

.hint-panel-header-title {
    flex-grow: 1;
    font-size: 15px;
    color: #555;
    font-weight: bold
}

.hint-panel-header-fields {
    display: flex;
    width: -webkit-fill-available;
    width: -moz-available;
    max-width: 200px;
    white-space: nowrap;
    justify-content: flex-end
}

.hint-panel-header-fields > .edit {
    flex-grow: 1
}

.dm-bold {
    font-weight: bold
}

.dm-icon {
    zoom: 0.7;
    display: block
}

.dm-icon-top {
    margin-top: 10px
}

.dm-list-bottom {
    margin-bottom: 5px
}

.dm-action-top {
    margin-top: 2px
}

.dm-widget-header {
    position: absolute;
    top: 8px;
    right: 25px
}

.sicon.sicon-close.pull-right.feedback-close.document-merge {
    position: absolute;
    top: 10px;
    right: 10px
}

.pull-right.template-builder {
    color: var(--text-base);
    position: absolute;
    top: 5px;
    right: 40px
}

.dm-cursor {
    cursor: pointer
}

.dm_tb_modules {
    margin: 1%
}

.dm-tag-builder-tabs {
    margin-left: 1%
}

.dm-tag-builder-tab-list {
    margin-bottom: 5px;
}

.dm-tag-builder-tab-content {
    margin-left: 10px;
}

.dm-options-button-settings {
    padding: inherit
}

.dm-tag-builder-relationships {
    margin-bottom: 1%
}

.dm-tag-builder-relationship-options {
    float: right;
    margin-right: 2%
}

.dm-tag-builder-buttons {
    text-align: right;
    margin: 20px
}

.dm-tag-builder-conditionals-row {
    margin: 5px
}

.dm-tag-builder-conditionals-key {
    text-align: center
}

.dm-tag-builder-modules {
    margin-top: 5px;
    margin-left: 10px
}

.dm-select {
    width: 95%;
    margin-bottom: 5px
}

.dm-divider {
    border-bottom: 1px solid var(--border-base)
}

.dm-spacing {
    margin-bottom: 5px
}

.table td.dm-center-table-text {
    vertical-align: middle;
    cursor: pointer
}

.dm-help-icon {
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 12px;
    cursor: pointer
}

.dm-help-icon:hover {
    color: var(--sicon-hover-color)
}

ul li.dm-float-right {
    float: right
}

.widget-help-icon {
    position: absolute;
    top: 7px;
    margin-left: 70px
}

.dm-table-assistant {
    position: absolute;
    left: -1000px;
    top: -1000px
}

.dm-table-assistant-border {
    border: 1px solid #000
}

.cd-radio-buttons {
    position: absolute;
    right: 68px;
    top: 2px
}

.cd-cell {
    overflow: hidden;
    text-overflow: ellipsis
}

.cd-connection {
    text-align: center;
    font-size: 25px
}

.cd-warning {
    font-size: 35px
}

.docMergeToHeader {
    padding-left: 10px;
    color: #6f777b
}

.docMergeToDocuSign a {
    padding-left: 15px
}

.docMergeToWEP a {
    padding-left: 15px
}

.docMergeToPDF a {
    padding-left: 15px
}

.btn.newFolder, .btn.uploadFile, .btn.refreshPath {
    border-radius: 3px;
    margin-left: 0
}

.btn.newFolder.disabled, .btn.uploadFile.disabled, .btn.refreshPath.disabled {
    cursor: not-allowed;
    opacity: 1
}

.btn.newFolder.disabled:hover, .btn.uploadFile.disabled:hover, .btn.refreshPath.disabled:hover {
    border-color: #e5eaed
}

.btn.newFolder.disabled.active, .btn.uploadFile.disabled.active, .btn.refreshPath.disabled.active {
    background-color: rgba(0, 0, 0, 0)
}

.btn.newFolder.disabled i, .btn.uploadFile.disabled i, .btn.refreshPath.disabled i {
    color: #b8bcbe
}

.btn.newFolder.disabled .tooltip-inner, .btn.uploadFile.disabled .tooltip-inner, .btn.refreshPath.disabled .tooltip-inner {
    max-width: 270px;
    width: 220px
}

.sugar-dark-theme .btn.newFolder.disabled:hover, .sugar-dark-theme .btn.uploadFile.disabled:hover {
    border-color: #4d5154
}

.sugar-dark-theme .btn.newFolder.disabled.active, .sugar-dark-theme .btn.uploadFile.disabled.active {
    background-color: rgba(0, 0, 0, 0)
}

.sugar-dark-theme .btn.newFolder.disabled i, .sugar-dark-theme .btn.uploadFile.disabled i {
    color: #4d5154
}

.table.table-striped.dataTable tbody .folder, .table.table-striped.dataTable tbody .file, .table.table-striped.dataTable tbody .site {
    vertical-align: middle
}

.kebab-actions li[role=menuitem] .disabled {
    cursor: not-allowed
}

div[type='cloud-drive'] .popover {
    border: 1px solid var(--border-base);
    background-color: var(--foreground-base);
    padding: 2px
}

div[type='cloud-drive'] .popover-header {
    background-color: var(--foreground-base);
    border-bottom: 1px solid var(--border-base);
    border-radius: 2px 2px 0 0;
    font-size: 13px;
    color: var(--text-base);
    margin-top: 0;
    padding: 8px 14px;
    line-height: 18px
}

div[type='cloud-drive'] .popover-body {
    padding: 16px;
    border-radius: 0 0 2px 2px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
    background-color: var(--foreground-base)
}

html {
    direction: ltr
}

html.rtl {
    direction: rtl
}

html.rtl ::-webkit-input-placeholder {
    text-align: right
}

html.rtl :-moz-placeholder {
    text-align: right
}

html.rtl ::-moz-placeholder {
    text-align: right
}

html.rtl :-ms-input-placeholder {
    text-align: right
}

html.rtl .pull-left {
    float: right
}

html.rtl .pull-right {
    float: left
}

html.rtl [class*="span"].pull-right, html.rtl .row-fluid [class*="span"].pull-right {
    float: left
}

html.rtl [class*="span"].pull-left, html.rtl .row-fluid [class*="span"].pull-left {
    float: right
}

html.rtl .row-fluid [class*="span"] {
    float: right
}

html.rtl .row-fluid .offset1:first-child {
    margin-right: 8.5106383%;
    margin-left: initial
}

html.rtl .btn-group + .btn-group {
    margin-left: 0;
    margin-right: 8px
}

html.rtl #sugarcrm .dropdown:not(.notification-list) .btn-group {
    border-radius: 0
}

html.rtl #sugarcrm .dropdown:not(.notification-list) .btn-group > .btn:first-child {
    border-top-right-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm)
}

html.rtl #sugarcrm .btn-group > .btn:last-child, html.rtl #sugarcrm .dropdown:not(.notification-list) .btn-group > .dropdown-toggle {
    border-top-left-radius: var(--rounded-sm);
    border-bottom-left-radius: var(--rounded-sm)
}

html.rtl .btn {
    margin-left: 0;
    margin-right: 8px
}

html.rtl .nav-tabs > li, html.rtl .nav-pills > li {
    float: right
}

html.rtl .activitystream-posts-comments-container {
    padding-right: 54px;
    padding-left: 14px
}

html.rtl .activitystream-posts-comments-container .avatar, html.rtl .activitystream-posts-comments-container .label-module {
    right: 12px;
    padding: 0
}

html.rtl .navbar.navbar-fixed-top {
    left: 0;
    right: 3.5rem
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .nav.megamenu {
    float: right
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .nav.megamenu .btn-group.home.open .dropdown-menu {
    right: 0;
    left: auto
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .nav.megamenu .dropdown-menu.pull-right {
    left: 0;
    right: auto
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .nav.megamenu .dropdown-menu .label-module-mini {
    margin: -2px 0 0 10px;
    vertical-align: middle
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .nav.megamenu .dropdown > .btn-group:not(.home) .dropdown-menu {
    margin-right: -8px
}

html.rtl .navbar.navbar-fixed-top .navbar-inner #searchForm label input[type=checkbox] {
    margin: 0 0 3px 5px
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .navbar-search .search-query {
    padding-right: 9px;
    padding-left: 54px
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .navbar-search .advanced {
    position: relative
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .navbar-search .advanced .btn-toolbar {
    position: absolute;
    left: 0
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .navbar-search .advanced .dropdown-menu {
    left: 29px;
    right: auto
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .notification-list .dropdown-menu li a span {
    float: right
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .notification-list div.btn-group.open div.dropdown-menu ul li a span.label {
    margin-right: initial;
    margin-left: 10px
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .notification-list div.btn-group.open div.dropdown-menu ul li a time {
    padding-right: initial;
    padding-left: 14px;
    text-align: left
}

html.rtl .navbar.navbar-fixed-top .navbar-inner .notification-list div.btn-group.open div.dropdown-menu ul li:last-child > a > .span8 {
    margin-right: 2.12765957%;
    margin-left: 0
}

html.rtl #userActions .profileactions-profile .avatar {
    right: 11px;
    left: auto
}

html.rtl .module-list .megamenu > .dropdown .btn-group .dropdown-toggle {
    padding-right: 8px;
    padding-left: 0
}

html.rtl .module-list .megamenu > .dropdown .btn-group.home .dropdown-toggle {
    padding-right: 2px
}

html.rtl .navbar .search .navbar-search {
    border-left: none;
    border-right: 1px solid var(--border-base)
}

html.rtl .navbar .search .typeahead li > a, html.rtl .navbar .search .typeahead li > div.qs-row {
    padding-left: 0;
    padding-right: 7px
}

html.rtl .navbar .search .typeahead li > a .primary > h3 {
    margin-right: 10px;
    margin-left: 0
}

html.rtl .navbar .search .typeahead li > a .secondary {
    margin-right: 42px;
    margin-left: 0;
    padding-left: 4px
}

html.rtl .navbar .search .quicksearch-button-wrapper > .btn {
    margin-right: 0
}

html.rtl .navbar .search .quicksearch-modulelist-wrapper {
    padding-left: 0;
    padding-right: 4px
}

html.rtl .navbar .search .quicksearch-modulelist-wrapper .label {
    margin-left: 3px;
    margin-right: 0
}

html.rtl .navbar .search .quicksearch-modulelist-wrapper .module-dropdown-button {
    margin: 0
}

html.rtl .navbar .nav #createList {
    border-right: 1px solid var(--border-base);
    border-left: 0
}

html.rtl .navbar .nav-collapse > div:nth-last-child(2) {
    margin-left: 0;
    margin-right: auto
}

html.rtl .navbar #userList .dropdown .btn-group {
    padding-right: 10px;
    padding-left: 6px
}

html.rtl .headerpane h1 > .record-cell[data-type="label"] {
    padding-left: 0;
    padding-right: 20px
}

html.rtl .headerpane h1 > .record-cell[data-type="label"] + [data-type="collection-count"] {
    padding-right: 5px;
    padding-left: 18px
}

html.rtl .headerpane h1 .edit .btn-group {
    padding-left: 0;
    padding-right: 8px
}

html.rtl .headerpane h1 > .record-cell .record-cell {
    padding: 0 0 0 4px
}

html.rtl .headerpane .record-label {
    padding: 0 7px 0 0
}

html.rtl .headerpane span[data-type="name"]:not(.edit), html.rtl .headerpane span[data-type="hint-accounts-search-dropdown"]:not(.edit), html.rtl .headerpane span[data-type="fullname"]:not(.edit) {
    padding-left: 0
}

html.rtl .headerpane h1 .btn-toolbar .btn-group {
    padding-right: 8px;
    padding-left: 0
}

html.rtl .headerpane span[data-type="fullname"].edit {
    padding: 2px 10px 0 13px
}

html.rtl .headerpane span[data-type="enum"] .edit.error .add-on.error-tooltip, html.rtl .headerpane span[data-type="relate"] .edit.error .add-on.error-tooltip {
    left: 16px;
    right: auto
}

html.rtl .main-pane .headerpane {
    border-top-left-radius: 0;
    border-top-right-radius: var(--rounded-xl)
}

html.rtl .main-pane .headerpane .btn-toolbar {
    padding: 15px 0 0 24px
}

html.rtl .main-pane .headerpane h1 > .record-cell {
    padding-left: 0;
    padding-right: 20px
}

html.rtl .main-pane .headerpane h1 > .btn-toolbar {
    padding-top: 12px
}

html.rtl .main-pane .headerpane h1 span[data-type="image"], html.rtl .main-pane .headerpane h1 span[data-type="avatar"] {
    padding: 4px 20px 0 0
}

html.rtl .main-pane .headerpane h1 span[data-type="follow"], html.rtl .main-pane .headerpane h1 span[data-type="badge"] {
    padding: 15px 0 0 16px
}

html.rtl .main-pane .headerpane h1 span[data-type="favorite"] {
    padding: 11px 0 0 16px
}

html.rtl .side.sidebar-content .headerpane {
    border-top-right-radius: 0
}

html.rtl .side.sidebar-content .headerpane, html.rtl .main-pane.span12 .headerpane, html.rtl .main-pane.home-dashboard .headerpane {
    border-top-left-radius: var(--rounded-xl)
}

html.rtl div.record div.record-cell :not(.edit).address_city div::after {
    margin-left: 0;
    margin-right: -4px
}

html.rtl div.record div.record-cell [dir=ltr] {
    text-align: right
}

html.rtl .record .record-cell .record-label {
    margin: 0 7px 0 0
}

html.rtl .record .record-cell[data-type="teamset"] .btn {
    margin-right: 8px;
    margin-left: 0;
    right: auto;
    left: 0
}

html.rtl .record .record-cell[data-type="teamset"] .btn.second {
    left: 36px
}

html.rtl .record .record-cell[data-type="teamset"] .btn.third {
    left: 72px
}

html.rtl .record .record-cell[data-type="teamset"] .edit .control-group .controls-three {
    padding-right: 0;
    padding-left: 108px
}

html.rtl .record .record-cell[data-type="email"] .btn-group.prevent-mousedown {
    margin-right: 8px;
    margin-left: 0
}

html.rtl .record .record-cell[data-type="email"] .edit .control-group {
    padding-right: 0;
    padding-left: 135px
}

html.rtl .record .record-cell[data-type="email"] .edit .control-group .btn-toolbar {
    right: auto;
    left: 0;
    margin: 0 5px 0 11px
}

html.rtl .record .record-cell[data-type="email"] .control-group.email .btn-toolbar .btn-group {
    float: right
}

html.rtl .record .record-cell .normal > span.edit div[class^="flex-relate"] {
    position: relative
}

html.rtl .record .record-cell[data-type="language"] .input-append.error .add-on.error-tooltip, html.rtl .record .record-cell[data-type="enum"] .input-append.error .add-on.error-tooltip, html.rtl .record .record-cell[data-type="relate"] .input-append.error .add-on.error-tooltip, html.rtl .record .record-cell[data-type="parent"] .input-append.error .add-on.error-tooltip, html.rtl .record .record-cell[data-type="teamset"] .input-append.error .add-on.error-tooltip {
    left: 17px;
    right: auto
}

html.rtl .record .record-cell .date.datetime .ui-timepicker-input, html.rtl .record .record-cell .date.datetime .ui-timepicker-list {
    margin-left: 0;
    margin-right: -24px
}

html.rtl .record .record-cell .date.datetime.error .ui-timepicker-input, html.rtl .record .record-cell .date.datetime.error .ui-timepicker-list {
    margin-left: 0;
    margin-right: -46px
}

html.rtl .record .record-cell .normal > .fieldset-inline.detail .ellipsis_inline {
    padding: 5px 7px 5px 0
}

html.rtl .record .fieldset-inline.edit .fieldset-field[data-type="label"] {
    padding-right: 4px;
    padding-left: 12px
}

html.rtl .record .fieldset-inline .fieldset-field {
    padding-right: 0;
    padding-left: 8px
}

html.rtl div.record div.record-cell:not(:first-child) {
    margin-right: 2.12765957%;
    margin-left: 0
}

html.rtl .more, html.rtl .less {
    margin-right: 0
}

html.rtl .subpanels-layout .subpanel-header h4 {
    margin: 10px 0 8px;
    padding-right: 0
}

html.rtl .subpanels-layout .subpanel-header .btn-toolbar {
    padding-right: 0;
    left: 0
}

html.rtl .subpanels-layout .subpanel-header .btn-toolbar > span[class^="panel-top"]:first-child {
    float: right
}

html.rtl .subpanels-layout .subpanel-header .btn-toolbar > .btn-group {
    margin-right: 16px;
    margin-left: 8px
}

html.rtl .activitystream-posts-comments-container {
    padding: 10px 52px 0 68px
}

html.rtl .activitystream-posts-comments-container .avatar, html.rtl .activitystream-posts-comments-container .label-module {
    left: auto;
    right: 10px
}

html.rtl .activitystream-posts-comments-container .comments {
    margin: 10px 0 0 -68px
}

html.rtl .activitystream-posts-comments-container .comments .comment > .avatar {
    right: 2px
}

html.rtl .activitystream-posts-comments-container .comments .comment {
    padding: 10px 37px 10px 10px
}

html.rtl .activitystream-posts-comments-container .actions {
    left: 10px;
    right: auto
}

html.rtl .activitystream-posts-comments-container .reply-area .reply-btn {
    right: auto;
    left: 7px
}

html.rtl .activitystream-posts-comments-container .reply-area .reply-input {
    margin: 0 -10px 0 -28px
}

html.rtl .activitystream-layout .omnibar .inputactions {
    left: 6px;
    right: auto
}

html.rtl .omnibar .sayit {
    padding: 10px 10px 10px 60px
}

html.rtl .sorting_asc span, html.rtl .sorting_desc span, html.rtl .sorting span {
    margin-left: 16px;
    margin-right: 0
}

html.rtl .sorting_asc span::after, html.rtl .sorting_desc span::after, html.rtl .sorting span::after {
    right: auto;
    left: 0
}

html.rtl table.dataTable th.sorting_asc span, html.rtl table.dataTable th.sorting_desc span, html.rtl table.dataTable th.sorting span {
    padding-right: 0;
    padding-left: 8px;
    margin-left: 0;
    margin-right: -8px
}

html.rtl table.dataTable th.sorting_asc > div, html.rtl table.dataTable th.sorting_desc > div, html.rtl table.dataTable th.sorting > div {
    margin-right: 8px;
    margin-left: 0
}

html.rtl .flex-list-view.right-actions.scroll-width .dataTable th:last-child {
    border-right: none
}

html.rtl .flex-list-view.right-actions.scroll-width .dataTable th:last-child .dropdown, html.rtl .flex-list-view.right-actions.scroll-width .dataTable th:last-child > span {
    left: 0;
    right: auto;
    border-right: 1px solid var(--border-base);
    border-left: 0
}

html.rtl .flex-list-view.right-actions.scroll-width .dataTable th:last-child .dropdown::before, html.rtl .flex-list-view.right-actions.scroll-width .dataTable th:last-child > span::before {
    right: -5px;
    left: auto;
    background-color: #fff;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), #fff);
    background-repeat: repeat-x
}

html.rtl .flex-list-view.right-actions.scroll-width .dataTable td:last-child > span {
    border-left: 0;
    left: 0;
    right: auto
}

html.rtl .flex-list-view.right-actions.scroll-width .dataTable td:last-child > span::before {
    right: -5px;
    left: auto;
    background-color: #fff;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), #fff);
    background-repeat: repeat-x
}

html.rtl .flex-list-view.right-actions.scroll-width .dataTable td:last-child > span .btn.rowaction {
    margin-left: auto;
    margin-right: auto
}

html.rtl .flex-list-view.right-actions:not(.scroll-width) .dataTable td:last-child > span {
    left: 0;
    right: auto
}

html.rtl .flex-list-view.right-actions:not(.scroll-width) .dataTable td:last-child > span .btn.rowaction {
    margin-right: auto;
    margin-left: auto
}

html.rtl .flex-list-view.left-actions .dataTable th:first-child > span, html.rtl .flex-list-view.left-actions .dataTable td:first-child > span {
    left: auto;
    right: 0
}

html.rtl .flex-list-view.left-actions .dataTable th:last-child > span, html.rtl .flex-list-view.left-actions .dataTable td:last-child > span, html.rtl .flex-list-view.left-actions .dataTable th:last-child .dropdown, html.rtl .flex-list-view.left-actions .dataTable td:last-child .dropdown {
    left: 0;
    right: auto
}

html.rtl .flex-list-view.left-actions.scroll-width .dataTable th:first-child {
    border-left: none
}

html.rtl .flex-list-view.left-actions.scroll-width .dataTable th:first-child > span {
    border-right: 0;
    border-left: 1px solid var(--border-base)
}

html.rtl .flex-list-view.left-actions.scroll-width .dataTable th:first-child > span::after {
    left: -5px;
    right: auto;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, #fff, rgba(0, 0, 0, 0.1));
    background-repeat: repeat-x;
    background-color: rgba(0, 0, 0, 0)
}

html.rtl .flex-list-view.left-actions.scroll-width .dataTable td:first-child > span {
    border-right: 0
}

html.rtl .flex-list-view.left-actions.scroll-width .dataTable td:first-child > span::after {
    left: -5px;
    right: auto;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, #fff, rgba(0, 0, 0, 0.1));
    background-repeat: repeat-x;
    background-color: rgba(0, 0, 0, 0)
}

html.rtl .flex-list-view.scroll-width th:nth-last-child(2) {
    border-left: none
}

html.rtl .flex-list-view.forecast-worksheet.right-actions .dataTable .morecol .dropdown-menu.left button, html.rtl .flex-list-view.forecast-manager-worksheet.right-actions .dataTable .morecol .dropdown-menu.left button {
    text-align: right
}

html.rtl .flex-list-view.forecast-worksheet.right-actions .dataTable td:last-child .dropdown, html.rtl .flex-list-view.forecast-manager-worksheet.right-actions .dataTable td:last-child .dropdown, html.rtl .flex-list-view.forecast-worksheet.right-actions .dataTable th:last-child .dropdown, html.rtl .flex-list-view.forecast-manager-worksheet.right-actions .dataTable th:last-child .dropdown, html.rtl .flex-list-view.forecast-worksheet.right-actions .dataTable td:last-child > span, html.rtl .flex-list-view.forecast-manager-worksheet.right-actions .dataTable td:last-child > span, html.rtl .flex-list-view.forecast-worksheet.right-actions .dataTable th:last-child > span, html.rtl .flex-list-view.forecast-manager-worksheet.right-actions .dataTable th:last-child > span {
    left: 0;
    right: auto
}

html.rtl .flex-list-view.forecast-worksheet.right-actions .dataTable th:last-child, html.rtl .flex-list-view.forecast-manager-worksheet.right-actions .dataTable th:last-child {
    padding: 0 8px
}

html.rtl .flex-list-view.forecast-worksheet .dataTable td.editableColumn span.isEditable:hover .edit-icon, html.rtl .flex-list-view.forecast-manager-worksheet .dataTable td.editableColumn span.isEditable:hover .edit-icon {
    position: absolute;
    right: -4px;
    top: 7px
}

html.rtl .flex-list-view.forecast-manager-worksheet .dataTable tr[name$="_commit_history"] td:first-child:last-child .list {
    text-align: right
}

html.rtl .flex-list-view.forecast-worksheet .dataTable tr.included td.commit_stage_field > span.list::before {
    display: none
}

html.rtl .flex-list-view.forecast-worksheet .dataTable tr.included td.commit_stage_field > span.list::after {
    width: 6px;
    background-color: #0679c8;
    position: absolute;
    height: 30px;
    right: -1px;
    content: "";
    top: -2px
}

html.rtl .flex-list-view.forecast-worksheet .dataTable tr.included td.commit_stage_field > span:hover::after {
    display: none
}

html.rtl .flex-list-view.right-actions .dataTable td .actions .dropdown-menu {
    text-align: right
}

html.rtl .flex-list-view .defaultCurrencyLabel::after {
    content: "\200E‎"
}

html.rtl .dataTable th {
    border-left: 1px solid var(--border-base);
    border-right: 0
}

html.rtl .dataTable td, html.rtl .dataTable th {
    text-align: right
}

html.rtl .dataTable td .dropdown-menu, html.rtl .dataTable th .dropdown-menu {
    text-align: right
}

html.rtl .dataTable th:last-child {
    border-left: none
}

html.rtl .dataTable td[data-type="currency"] span.error input {
    padding-left: 26px
}

html.rtl .table-striped th, html.rtl .table-striped td {
    text-align: right
}

html.rtl .tr-inline-edit .input-append.date.datetime .ui-timepicker-input {
    margin-left: 0;
    margin-right: -24px
}

html.rtl .tr-inline-edit td:first-child .edit > a.btn, html.rtl .tr-inline-edit td:last-child .edit > a.btn {
    margin-right: 0
}

html.rtl .morecol .dropdown-menu {
    right: initial;
    left: 20px
}

html.rtl .morecol .dropdown-menu button {
    text-align: right;
    padding-right: 30px;
    padding-left: 10px
}

html.rtl div.audit-email div.ellipsis_inline + a {
    float: left
}

html.rtl .dashboard .headerpane h1 > .record-cell.edit {
    padding: 15px 20px 0 0
}

html.rtl .dashboard .headerpane h1 > .record-cell.edit input[type="text"] {
    margin: 0 -7px 0 0
}

html.rtl .dashboard .dashlet-content .forecast-details .span6.text-right {
    text-align: left
}

html.rtl .dashboard .dashlet-content .bestNumbers .span6.text-center:not(:first-child) {
    margin-right: 2.12765957%;
    margin-left: 0
}

html.rtl .dashboard .btn-slider .noUiSliderEnds {
    margin: 0 0 0 30px
}

html.rtl .dashboard .dashlet-content .dashlet-options > .row-fluid > div:last-child {
    float: left;
    margin-left: 0
}

html.rtl .dashlet h4 {
    padding: 7px 10px 8px 80px
}

html.rtl .dashlet .dashlet-title.record-toolbar {
    padding-top: 11px;
    padding-bottom: 11px
}

html.rtl .dashlet .dashlet-title.record-toolbar .record-cell {
    padding-left: 20px
}

html.rtl .dashlet .dashlet-title.record-toolbar .record-cell[data-type="avatar"], html.rtl .dashlet .dashlet-title.record-toolbar .record-cell[data-type="image"] {
    margin-right: 0;
    margin-left: 20px
}

html.rtl .dashlet .kbcontents h4 {
    padding: 0
}

html.rtl .resource-info {
    margin-right: 44px;
    margin-left: 0
}

html.rtl #tutorial .resource-info {
    text-align: right
}

html.rtl .dashboard .dashlets .dashlet-row .rows.well > .btn {
    left: 0;
    right: auto
}

html.rtl .dashboard .dashlets .dashlet-row .rows.well > .btn:not(:nth-child(1)) {
    left: 20px
}

html.rtl .news-article .avatar {
    float: right;
    margin-left: 8px;
    margin-right: 0
}

html.rtl .sidebar-content .dashboard .headerpane h1 div.dropdown {
    padding-right: 4px
}

html.rtl .sidebar-content .dashboard .headerpane h1 div.dropdown > a {
    padding: 4px 2px 4px 16px
}

html.rtl .sidebar-content .dashboard .cols .dashlets {
    margin-right: 1.5%
}

html.rtl .sidebar-content .dashboard .cols .dashlets > li:last-child {
    padding-right: 5px
}

html.rtl .sidebar-content .dashboard .headerpane h1 div.dropdown > a {
    padding-right: 0
}

html.rtl .agent_workbench_dashboard .multi-line-list-view tbody .left-column .dropdown-menu, html.rtl .console_dashboard .multi-line-list-view tbody .left-column .dropdown-menu {
    left: auto;
    right: 5px
}

html.rtl .placeholder-empty {
    transform: scaleX(-1)
}

html.rtl .dashboard span.search-dashboard-headerpane > div {
    padding: 3px 14px 4px 2px;
    border-right: 1px solid rgba(0, 0, 0, 0);
    border-left: 0
}

html.rtl .quicksearch-button {
    left: 1.75rem;
    right: auto
}

html.rtl #sweetspot .sweetspot-searchbar input[type=text] {
    left: 0;
    right: 5px
}

html.rtl #sweetspot .sweetspot-searchbar img {
    right: -10px;
    float: left;
    position: relative
}

html.rtl #sweetspot .sweetspot-searchbar i {
    margin: 3px 0 0 -37px
}

html.rtl #sweetspot .sweetspot-results li[data-sweetaction] span.label {
    left: 0;
    right: 6px
}

html.rtl #sweetspot .sweetspot-results li[data-sweetaction] a > div.result-text div.result-keyword.label {
    float: left;
    margin: 6px 3px 0 0
}

html.rtl #sweetspot .sweetspot-results li[data-sweetaction] .sweetspot-icon {
    right: -20px;
    margin: 3px 0 0 3px;
    float: left;
    position: relative
}

html.rtl .sweetspot-config .row-fluid [class*="span"] {
    float: none
}

html.rtl .extend .filter-actions {
    left: 0;
    right: auto
}

html.rtl .extend .filter-body > .row-fluid {
    padding-right: 0;
    padding-left: 64px
}

html.rtl .extend .filter-body > .row-fluid .filter-value.controls {
    margin-right: 2.12765957%;
    margin-left: 0
}

html.rtl .extend .filter-body > .row-fluid .controls.span4:not(:first-child) {
    margin-left: 0;
    margin-right: 2.12765957%
}

html.rtl .extend .filter-body .controls[data-filter='value'] .input-prepend.input-append .add-on:first-child {
    right: 0
}

html.rtl .extend .filter-header > .row-fluid .span6:not(.controls) {
    margin-left: 0;
    margin-right: 2.12765957%
}

html.rtl .extend .filter-header > .row-fluid .span6:not(.controls) .btn-primary {
    margin-right: 0
}

html.rtl .extend .filter-header .controls {
    padding-right: 10px;
    padding-left: initial
}

html.rtl .extend .massupdate > .span3 {
    margin-right: 2.12765957%;
    margin-left: 0
}

html.rtl .extend .massupdate > .span3 > label {
    padding-right: 12px
}

html.rtl .extend .massupdate > .span3 > label input {
    left: initial;
    right: -4px
}

html.rtl .extend .massupdate .controls.btn-fit.controls-three {
    padding-left: 108px;
    padding-right: 0
}

html.rtl .extend .massupdate .controls.btn-fit.controls-three .btn {
    left: 0;
    right: auto
}

html.rtl .extend .massupdate .controls.btn-fit.controls-three .btn.third {
    left: 72px;
    right: auto
}

html.rtl .extend .filter-body > .row-fluid .filter-value.controls {
    margin-right: 0
}

html.rtl .filter-view .choice-related, html.rtl .filter-view .choice-filter {
    border-radius: 10px 0 0 10px;
    margin-left: 0;
    margin-right: -6px
}

html.rtl .filter-view .select2-container .select2-search-choice .select2-chosen, html.rtl .filter-view .select2-container .select2-choice .select2-chosen {
    border-radius: 0 10px 10px 0;
    padding: 4px 6px 4px 4px
}

html.rtl .filter-view .select2-container.select2-container-multi.select2-choices-pills-close.search-filter .select2-search-choice a.select2-search-choice-close {
    left: 10px;
    right: auto
}

html.rtl .filter-view .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice span.select2-choice-type {
    border-radius: 0 10px 10px 0
}

html.rtl .filter-view .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice a.select2-choice-filter {
    padding-left: 20px;
    padding-right: 6px;
    border-radius: 10px 0 0 10px
}

html.rtl .filter-view .select2-container.select2-container-multi .select2-choices li {
    float: right
}

html.rtl .select2-drop.select2-drop-multi.search-filter-dropdown {
    right: 9px;
    left: auto !important
}

html.rtl .search-filter-dropdown .select2-result .select2-no-icon {
    padding-right: 20px;
    padding-left: 0
}

html.rtl .drawer .dashablelist-filter > div > .search-filter::before {
    right: 20px
}

html.rtl .drawer .dashablelist-filter > label {
    left: initial;
    right: 20px
}

html.rtl .filter-view.search {
    padding-right: 3px
}

html.rtl .filter-view .choice-related, html.rtl .filter-view .choice-filter, html.rtl .filter-view .select2-chosen, html.rtl .filter-view .select2-container .select2-choice .select2-chosen, html.rtl .filter-view .select2-container .select2-search-choice .select2-chosen {
    border-radius: var(--rounded-sm)
}

html.rtl .filter-view .select2-container .select2-choice {
    padding-left: 3px
}

html.rtl .filter-view .select2-container .select2-choice .select2-chosen {
    margin-right: 0
}

html.rtl .filter-view span.table-cell {
    padding-left: 6px
}

html.rtl .filter-view div.table-cell > input {
    padding-right: 0
}

html.rtl .form-horizontal .card2 .control-label-background .text-right {
    text-align: left !important
}

html.rtl .form-horizontal .card2 [data-type=compose-actionbar] .fieldset-inline.edit .fieldset-field {
    padding-left: initial
}

html.rtl .form-horizontal .card2 [data-type=compose-actionbar] .fieldset-inline.edit .fieldset-field:first-child {
    padding-left: 8px
}

html.rtl .form-horizontal .card2 [data-type=compose-actionbar] .fieldset-inline.edit :first-child .actions.edit label {
    padding-right: 6px;
    padding-left: 6px
}

html.rtl .form-horizontal .card2 [data-name=to_addresses][data-type=recipients] {
    padding-right: 0;
    padding-left: 103px
}

html.rtl .form-horizontal .card2 [data-name=to_addresses][data-type=recipients] [data-fieldname=to_addresses] a[data-name=to_addresses] {
    right: initial;
    left: -36px
}

html.rtl .form-horizontal .card2 [data-name=to_addresses][data-type=recipients] .compose-sender-options {
    left: 0;
    right: initial
}

html.rtl .form-horizontal .card2 [data-name=parent_name] .select2-container.select2-parent.select2.inherit-width {
    width: 99.99% !important
}

html.rtl .input-append .add-on {
    right: -28px;
    left: auto
}

html.rtl .input-append.error .add-on {
    right: -26px;
    left: auto
}

html.rtl .input-append.date.error .add-on.error-tooltip, html.rtl .input-append.datetime.error .add-on.error-tooltip {
    right: -42px;
    left: auto
}

html.rtl .input-append.date.error .add-on.error-tooltip + .add-on, html.rtl .input-append.datetime.error .add-on.error-tooltip + .add-on {
    right: -50px;
    left: auto
}

html.rtl .input-append .datepicker {
    text-align: right
}

html.rtl .control-group label {
    padding-left: 1em;
    padding-right: 0
}

html.rtl .controls.btn-fit.controls-one {
    padding-right: 0;
    padding-left: 36px
}

html.rtl .controls.btn-fit .btn {
    right: auto;
    left: 0
}

html.rtl .btn-toolbar {
    padding-right: 20px;
    padding-left: initial
}

html.rtl .btn-group .btn {
    margin-right: -1px;
    margin-left: 0;
    border-radius: 0
}

html.rtl .btn-group span:first-child .btn, html.rtl .btn-group > .btn:first-child {
    margin-left: 0;
    border-top-right-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm)
}

html.rtl .btn-group span:last-child .btn, html.rtl .btn-group > .btn:last-child, html.rtl .btn-group > .dropdown-toggle {
    border-top-left-radius: var(--rounded-sm);
    border-bottom-left-radius: var(--rounded-sm)
}

html.rtl .btn-group .btn.large:first-child {
    border-top-right-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm)
}

html.rtl .control-group .controls.btn-group-fit .btn-group {
    left: 0;
    right: auto
}

html.rtl .topline .controls {
    float: right
}

html.rtl .topline div.datapoints {
    text-align: left;
    float: left
}

html.rtl .topline div.datapoints .pull-left {
    float: left
}

html.rtl .topline .datapoint {
    padding-left: 10px;
    border-left: 1px solid var(--border-color-light);
    border-right: 0
}

html.rtl .topline .span4 {
    padding: 10px 15px 0 0
}

html.rtl .topline .span4::before {
    right: 5px
}

html.rtl .currency-field label.original {
    margin: 0 0 0 4px
}

html.rtl .info .last-commit div.datapoints {
    float: left
}

html.rtl .info .last-commit .datapoint {
    text-align: left;
    padding: 8px 0 8px 7px
}

html.rtl .info .last-commit .span8 {
    margin-left: 0
}

html.rtl .forecast-value .text-xs {
    margin-left: 1rem;
    margin-right: 0
}

html.rtl .forecast-value-input .clickToEdit span.edit-icon {
    left: unset;
    position: absolute;
    right: 0;
    top: -2px
}

html.rtl .forecast-metrics .metrics-help-button {
    margin-left: -5px
}

html.rtl .forecast-metrics .metrics-help-modal .popover-content .sicon-help-lg {
    margin-left: 0.5rem
}

html.rtl .forecast-metrics .metrics-help-modal .popover-content .sicon-close {
    right: auto !important;
    left: 0.75rem
}

html.rtl .welcome .modal-header-firstlogin .step-circle {
    right: 8px
}

html.rtl .welcome .modal-header-firstlogin .firstlogin-title {
    padding-left: 0;
    padding-right: 45px
}

html.rtl .welcome .modal-body.record .record-cell {
    padding-left: 0;
    padding-right: 11px
}

html.rtl .welcome .modal-footer {
    text-align: left
}

html.rtl .welcome .modal-footer .btn {
    float: none
}

html.rtl .welcome .record-cell .normal .select2-container .select2-choice {
    padding-right: 0;
    padding-left: 6px
}

html.rtl .welcome .modal ul {
    margin: 0 0 9px 25px
}

html.rtl .welcome .thumbnails.row-fluid [class*="span"]:last-child {
    margin-left: 0
}

html.rtl .welcome .thumbnails.row-fluid [class*="span"]:first-child {
    margin-left: 2.12765957%
}

html.rtl .thumbnail.signup .help-block, html.rtl .thumbnail.login .help-block, html.rtl .thumbnail .opportunity-metric {
    float: right
}

html.rtl .signup-footer, html.rtl .login-footer {
    text-align: left;
    margin-left: 10px;
    margin-right: 0
}

html.rtl .marketing-extras {
    right: auto;
    left: 0;
    direction: rtl
}

html.rtl .btn-slider .noUiSliderEnds {
    margin: 0 0 0 30px
}

html.rtl .nv-chart-org .nv-foreign-object img.rep-avatar {
    float: right;
    margin-left: 4px;
    margin-right: 0
}

html.rtl .jstree ins {
    margin-left: 5px;
    margin-right: 0 !important
}

html.rtl .tristate-checkbox {
    text-align: left
}

html.rtl .select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-left: 36px
}

html.rtl .select2-container .select2-choice abbr {
    left: 18px;
    right: auto
}

html.rtl .select2-container, html.rtl .select2-results {
    text-align: right
}

html.rtl .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice {
    padding: 2px 6px 2px 4px
}

html.rtl .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice .select2-search-choice-close {
    display: inline-block
}

html.rtl .select2-container-multi .select2-choices li {
    float: right
}

html.rtl .select2-container .select2-choice {
    padding-left: 20px
}

html.rtl .select2-container .select2-choice .select2-arrow {
    right: auto;
    left: -3px
}

html.rtl .select2-container .select2-choice .select2-chosen {
    margin-right: 8px;
    direction: rtl
}

html.rtl .select2-container.search-filter .select2-choice {
    padding-left: 6px
}

html.rtl .select2-container.select2-choices-pills .select2-search-choice.select2-choice-danger span::before, html.rtl .select2-container.select2-container-multi.select2-choices-pills-close .select2-search-choice.select2-choice-danger span::before {
    content: ''
}

html.rtl .select2-search::after {
    left: 9px;
    right: initial
}

html.rtl .select2-search input.select2-active {
    background-position: 3px
}

html.rtl .select2-results .select2-no-results, html.rtl .select2-results .select2-searching, html.rtl .select2-results .select2-selection-limit {
    padding-right: 5px;
    padding-left: 0
}

html.rtl .sidebar-content {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid var(--border-base)
}

html.rtl .dashboard .dashlets > li:first-child, html.rtl .preview-data .dashlets > li:first-child {
    padding-right: 5px;
    padding-left: 0
}

html.rtl .dashboard .dashlets > li:last-child, html.rtl .preview-data .dashlets > li:last-child {
    padding-left: 5px;
    padding-right: 0
}

html.rtl .dashboard .dashlet .listed li p, html.rtl .preview-data .dashlet .listed li p {
    padding-left: 0
}

html.rtl .dashboard .dashlet .listed li .pull-left.avatar, html.rtl .preview-data .dashlet .listed li .pull-left.avatar {
    margin-left: 0;
    margin-right: -44px
}

html.rtl .dashboard .dashlet .listed li img, html.rtl .preview-data .dashlet .listed li img {
    margin: 0 0 0 12px
}

html.rtl .dashboard .dashlet .listed:not(.kbcontents) li .details, html.rtl .preview-data .dashlet .listed:not(.kbcontents) li .details {
    padding-right: 44px;
    padding-left: 0
}

html.rtl .preview-pane .preview-headerbar {
    border-left: 0
}

html.rtl .preview-pane .preview-headerbar h1 {
    float: right;
    margin-right: 20px;
    margin-left: 0
}

html.rtl .preview-pane .preview-headerbar .btn-toolbar {
    padding-right: 0
}

html.rtl .preview-pane .preview-data .row-fluid .span5 {
    text-align: left
}

html.rtl .preview-pane .preview-data .row-fluid .span7 [dir=ltr] {
    text-align: right
}

html.rtl .merge-interface input[type=radio] {
    margin-right: 0;
    margin-left: 6px
}

html.rtl .merge-interface .merge-row.merge-row-field-teamset button {
    left: auto;
    right: 61px
}

html.rtl h4.merge-interface-header {
    padding-right: 20px
}

html.rtl h4.merge-interface-header button {
    left: -7px;
    position: relative;
    text-align: right
}

html.rtl .alert .close {
    right: auto;
    left: 10px
}

html.rtl .alert span .btn-link.btn-inline {
    margin: 0
}

html.rtl .alert.closeable {
    padding-right: 0;
    padding-left: 40px
}

html.rtl .alert-confirmation .alert .text {
    padding-right: 0;
    padding-left: 1rem
}

html.rtl .alert:not(.alert-process)::before {
    transform: scaleX(-1)
}

html.rtl div.alert .copy-clipboard-info {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-items: top;
    justify-content: center;
    position: relative;
    height: inherit;
    width: 48px
}

html.rtl div.alert .copy-clipboard-info i {
    display: block;
    top: calc(50% - 15px)
}

html.rtl .alert-confirmation .alert-info .copy-clipboard-info i, html.rtl .alert-confirmation .alert-info .alert-heading .copy-clipboard-info i {
    color: #517bf8
}

html.rtl .alert-confirmation .alert-info a, html.rtl .alert-confirmation .alert-info .alert-heading a {
    font-weight: 700
}

html.rtl .dropdown-menu .label-module-mini {
    margin: -2px 0 0 10px
}

html.rtl .actions .dropdown-menu {
    right: auto;
    left: 0
}

html.rtl .actions.actionmenu .dropdown-menu {
    right: 0;
    left: auto
}

html.rtl .dropdown-menu {
    right: 0;
    left: auto
}

html.rtl .dropdown-menu.left {
    left: 0;
    right: auto
}

html.rtl .dropdown-menu.colorpicker {
    width: 120px;
    right: auto
}

html.rtl #languageList {
    direction: rtr
}

html.rtl #languageList ul[role=menu] {
    direction: ltr;
    text-align: right
}

html.rtl #languageList .dropdown-menu {
    left: 0;
    right: auto
}

html.rtl .email-recipients.fieldset .fieldset-field:not(.detail):first-child {
    padding-right: 0;
    padding-left: 72px
}

html.rtl .email-recipients.fieldset .fieldset-field.detail {
    padding-right: 20px;
    padding-left: 12px
}

html.rtl .email-recipients.fieldset .compose-recipient-options {
    right: auto;
    left: 12px
}

html.rtl .email-recipients.fieldset .fieldset-field {
    padding-right: 0;
    padding-left: 12px
}

html.rtl .email-recipients.fieldset .fieldset-label {
    padding-right: 20px;
    padding-left: 6px
}

html.rtl .email-compose .record div[data-type="name"] input[type="text"] {
    padding-right: 20px;
    padding-left: 12px
}

html.rtl .record div[data-type="email"] .opt-out {
    position: relative
}

html.rtl .record div[data-type="email"] .opt-out .sicon {
    color: #0679c8
}

html.rtl .image_preview {
    right: 0
}

html.rtl .merge-row-field-avatar .image_field.image_edit {
    right: 0
}

html.rtl .preview-pane .preview-data .field-label, html.rtl .preview-pane .preview-data .field-value {
    text-align: right
}

html.rtl .preview-pane .preview-data .field-label[data-name=name], html.rtl .preview-pane .preview-data .field-value[data-name=name], html.rtl .preview-pane .preview-data .field-label[data-name=full_name], html.rtl .preview-pane .preview-data .field-value[data-name=full_name] {
    margin-left: auto;
    margin-right: 40px
}

html.rtl .preview-pane .preview-data .field-label[data-name=name] > span, html.rtl .preview-pane .preview-data .field-value[data-name=name] > span, html.rtl .preview-pane .preview-data .field-label[data-name=full_name] > span, html.rtl .preview-pane .preview-data .field-value[data-name=full_name] > span {
    text-align: inherit
}

html.rtl .preview-pane .preview-data .field-row > span + .field-label.ellipsis_inline[data-name=name] {
    margin-right: 40px;
    margin-left: initial
}

html.rtl .preview-pane .preview-headerbar {
    border-top-left-radius: var(--rounded-xl);
    border-top-right-radius: 0
}

html.rtl .my-pipeline-content .arrowholder.left .arrow, html.rtl .my-pipeline-content .arrowholder.right .arrow {
    transform: rotate(180deg)
}

html.rtl .my-pipeline-content .table {
    display: block
}

html.rtl .my-pipeline-content .table .total-amount, html.rtl .my-pipeline-content .table .header-text {
    text-align: right
}

html.rtl .my-pipeline-content .table .pipeline-tile .list > div {
    text-align: right
}

html.rtl .my-pipeline-content .table .pipeline-tile .list > div a {
    float: right
}

html.rtl div.show-hide-toggle {
    padding: 0 13px 20px 0
}

html.rtl .image_field.image_edit {
    left: 0;
    right: -3px
}

html.rtl .main-content .more.padded.btn-link {
    text-align: right
}

html.rtl .main-pane.span8, html.rtl .span8 .headerpane {
    left: auto;
    right: auto
}

html.rtl .progress .bar {
    float: right
}

html.rtl div#nprogress {
    transform: scaleX(-1);
    filter: fliph
}

html.rtl .uxs-scroll-bar {
    right: 0;
    left: auto
}

html.rtl .selection-context .selected-records-container {
    padding-right: 0;
    padding-left: 63px
}

html.rtl .popover.feedback {
    text-align: right
}

html.rtl .popover.helpmodal .resource {
    padding: 10px 0 10px 15px
}

html.rtl .popover.helpmodal .resource .resource-info {
    margin-left: 0
}

html.rtl .popover.top .arrow::after {
    margin-right: -10px;
    margin-left: auto
}

html.rtl .about-page::before {
    transform: scaleX(-1)
}

@media (max-width: 480px) {
    html.rtl .preview-pane {
        width: 100% !important;
        margin-right: 0 !important
    }

    html.rtl div.record div.record-cell:not(:first-child) {
        margin-left: 2.12765957%;
        margin-right: 0
    }
}

@media (max-width: 768px) {
    html.rtl .preview-pane {
        right: 100%;
        left: initial;
        margin-right: 25%;
        margin-left: 0
    }

    html.rtl .preview-pane.active {
        box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1)
    }

    html.rtl .preview-pane.active {
        right: 0;
        animation-name: preview-in-rtl;
        animation-duration: 0.3s
    }

    html.rtl .preview-pane {
        animation-name: preview-out-rtl;
        animation-duration: 0.3s;
        display: block;
        opacity: 1
    }

    html.rtl #content > div {
        overflow-x: hidden
    }

    html.rtl.touch .main-content {
        direction: ltr
    }

    html.rtl.touch .dataTable {
        direction: rtl
    }
}

html.rtl .quote-data-container .actions .dropdown-menu {
    right: 0;
    left: inherit
}

html.rtl .quote-data-container .quote-data-grand-totals-header-wrapper .quote-data-panel-controls {
    right: 0
}

html.rtl .quote-data-container .quote-data-grand-totals-header-wrapper .quote-totals-row-item {
    float: right;
    right: 72px;
    position: relative;
    padding-left: 10px
}

html.rtl .quote-data-container .flex-list-view.left-actions .dataTable td:first-child .actions .dropdown-menu {
    right: 0;
    left: inherit
}

html.rtl .quote-data-container .flex-list-view.left-actions .dataTable td:first-child .actions .dropdown-menu a {
    text-align: right
}

html.rtl .quote-data-container .flex-list-view.left-actions .dataTable td:first-child .fieldset-field .btn {
    max-width: inherit;
    margin-left: inherit;
    margin-right: 0
}

html.rtl .quote-data-container .quote-summary-data-list-table a.btn {
    border: none
}

html.rtl .quote-data-container .quote-data-grand-totals-footer .footer-fields {
    float: left
}

html.rtl .quote-data-container .quote-data-grand-totals-footer .footer-fields .quote-footer-item .quote-footer-value {
    float: right
}

html.rtl .sc-tooltip .tooltip-inner, html.rtl .sc-tooltip .tooltip-header {
    text-align: right
}

html.rtl .sc-tooltip .tooltip-grid span {
    text-align: right
}

html.rtl .sc-tooltip .tooltip-grid span:first-child {
    padding-right: 0;
    padding-left: 6px;
    text-align: left
}

html.rtl .record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_city"] .detail div, html.rtl .record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_state"] .detail div, html.rtl .record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_postalcode"] .detail div {
    padding-right: 0;
    padding-left: 4px
}

html.rtl .product-catalog-quick-picks .recent-used-product .listed li {
    padding: 2px 0 0
}

html.rtl .product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .nav-previous {
    border-radius: 0 5px 5px 0
}

html.rtl .product-catalog-quick-picks .recent-used-product .tab-content .block-footer .favorite-pagination .nav-next {
    border-radius: 5px 0 0 5px
}

html.rtl .product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list .recent-records {
    border-bottom: none
}

html.rtl .product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list .recent-records i {
    font-size: 18px
}

html.rtl .product-catalog-quick-picks .recent-used-product .tab-content .recent-records-list .recent-records .recent-link {
    margin-right: 8px
}

html.rtl .purchase-history .purchase-entry .content-row .totals-label {
    margin-right: 0;
    margin-left: 5px
}

html.rtl .purchase-history .purchase-entry .content-row .purchase-details {
    text-align: left
}

html.rtl .purchase-history .purchase-entry .content-row .purchase-details-total {
    padding-left: 0;
    padding-right: 20px
}

html.rtl .purchase-history .purchase-entry .content-row .purchase-details-date .relate-field-container {
    margin-left: 0;
    margin-right: auto
}

html.rtl .purchase-history .purchase-entry .content-row .purchase-details-date .purchase-dates {
    padding-left: 32px;
    padding-right: 0
}

html.rtl .purchase-history .purchase-entry .content-row .pli-count {
    padding-left: 0;
    padding-right: 10px;
    margin-right: auto;
    margin-left: 0
}

html.rtl .timeline-skeleton {
    transform: scaleX(-1)
}

html.rtl .admin-config .admin-config-body-header {
    margin: 13px 22px 0 0
}

html.rtl .admin-config .admin-config-body .record-label {
    float: right
}

html.rtl .search-container i.sicon-close {
    left: 0;
    right: auto
}

html.rtl .search-container i.sicon-close.sicon.add-on {
    right: auto
}

html.rtl .dm-popover-title {
    margin-right: 230px
}

html.rtl .dm-filetype-thumbnail {
    direction: ltr;
    float: right
}

html.rtl .activity-card .activity-card-main .activity-card-header .panel-header .activity-card-header.email-state {
    padding-left: 0;
    padding-right: 12px
}

html.rtl .activity-card .activity-card-main .activity-card-header .panel-users .header-user .user-value {
    padding-left: 0;
    padding-right: 4px
}

html.rtl .activity-card .activity-card-main .activity-card-content .activity-date-modified {
    text-align: right
}

html.rtl .activity-card .activity-card-main .activity-card-content .activity-card-content-body .label.label-pending, html.rtl .activity-card .activity-card-main .activity-card-content .activity-card-content-body .label.label-important, html.rtl .activity-card .activity-card-main .activity-card-content .activity-card-content-body .label.label-success, html.rtl .activity-card .activity-card-main .activity-card-content .activity-card-content-body .label.label-inverse {
    margin-left: 0;
    margin-right: 12px
}

html.rtl .activity-card .cabmenu {
    right: unset;
    left: 12px
}

html.rtl .activity-card .cabmenu .dropdown-menu {
    left: 7px;
    right: auto
}

html.rtl .activity-card .cabmenu .dropdown-menu > li span i {
    padding-right: 0;
    padding-left: 5px
}

html.rtl .purchase-history .pli-name[data-fieldname="name"] .relate-field-container {
    padding-right: 0;
    padding-left: 32px
}

html.rtl .purchase-history .pli-name[data-fieldname="name"] .relate-field-container .focus-icon-container {
    position: relative;
    right: 32px
}

html.rtl .purchase-history .pli-name[data-fieldname="name"]:hover .date-name-link {
    margin-right: 0;
    margin-left: -32px
}

html.rtl .modal-stack::before {
    transform: scaleX(-1)
}

html.rtl #content {
    left: 0;
    right: 2.5rem
}

html.rtl .sidebar-nav .sidebar-nav-item .sicon.omnichannel-logged-in {
    right: 2rem;
    left: auto
}

html.rtl .sidebar-nav .sidebar-nav-item .expanded {
    padding-right: 0
}

html.rtl .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) {
    right: -11.5rem
}

html.rtl .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-item {
    right: 11.5rem
}

html.rtl .sidebar-nav:not(.expanded):not(.expanding):not(.collapsing) .sidebar-nav-flyout {
    margin-right: 1.25rem !important;
    left: auto !important
}

html.rtl .sidebar-nav.expanded:not(.collapsing):not(.expanding) {
    right: 0
}

html.rtl .sidebar-nav.expanded:not(.collapsing):not(.expanding) .sidebar-nav-item {
    right: 0
}

html.rtl .sidebar-nav.expanding {
    right: 0
}

html.rtl .sidebar-nav.expanding .sidebar-nav-item {
    right: 0
}

html.rtl .sidebar-nav.collapsing {
    right: -11.5rem
}

html.rtl .sidebar-nav.collapsing .sidebar-nav-item {
    right: 11.5rem
}

html.rtl .popover[data-popper-placement="left"] {
    margin-left: 0
}

html.rtl .popover[data-popper-placement="left"] .flyout-close {
    left: 0.25rem;
    z-index: 2000
}

html.rtl .sidebar-nav.expanded .sidebar-nav-item:hover .animated-background, html.rtl .sidebar-nav.expanded .sidebar-nav-item:focus-within .animated-background, html.rtl .sidebar-nav.expanded .sidebar-nav-item.selected .animated-background {
    transform: translateX(-0.75rem)
}

html.rtl .sidebar-nav.expanded .sidebar-nav-item:hover .animated-background.expanded-full-fill, html.rtl .sidebar-nav.expanded .sidebar-nav-item:focus-within .animated-background.expanded-full-fill, html.rtl .sidebar-nav.expanded .sidebar-nav-item.selected .animated-background.expanded-full-fill {
    height: 100%;
    width: 100%;
    transform: translateX(0);
    border-radius: 0;
    transition: height .1s linear, border-radius .1s linear, width .3s linear .1s, transform .3s linear .1s
}

html.rtl .dfab {
    right: auto;
    left: 3.125rem
}

html.rtl .dfab .dfab-label {
    right: auto;
    left: -2.5rem;
    padding: 0 0 0 2.5rem
}

html.rtl #content {
    left: 0;
    right: 3.5rem
}

html.rtl #sugarcrm .headerpane {
    left: auto
}

html.rtl #sugarcrm .main-pane.span8, html.rtl #sugarcrm .main-pane.span12 {
    left: auto
}

html.rtl .omni-console .omni-dashboard {
    right: 320px;
    left: 0
}

html.rtl .omni-console .omni-detail, html.rtl .omni-console .omni-ccp {
    left: auto;
    right: 0
}

html.rtl #side-drawer .drawer-content .main-pane.span8 {
    right: 3.5rem;
    width: 40vw;
    position: relative
}

html.rtl #side-drawer .drawer-content .main-pane.span12 {
    right: 3.5rem;
    width: inherit
}

html.rtl #side-drawer .drawer-tabs .nav-tabs {
    position: relative;
    right: 3.5rem
}

html.rtl #side-drawer .dashboard-grid {
    right: 3.5rem
}

html.rtl #side-drawer .sidebar-content .headerpane .record-cell {
    right: 2rem
}

html.rtl .error-page .error-bg {
    transform: scale(-1, 1)
}

html.rtl .jstree-rtl li {
    margin-left: 0;
    margin-right: 18px
}

html.rtl .jstree-rtl > ul > li {
    margin-right: 0
}

html.rtl .jstree-rtl li > a > .jstree-icon {
    margin-left: 3px;
    margin-right: 0
}

html.rtl .jstree ul li {
    margin-left: 0;
    margin-right: 18px
}

html.rtl .jstree input.jstree-rename-input {
    left: 0 !important;
    right: 34px !important
}

html.rtl .parenttree .select-arrow, html.rtl .parenttree .clear-field {
    right: auto;
    left: 0;
    padding-right: 0;
    padding-left: 4px
}

html.rtl .parenttree .clear-field {
    left: 18px
}

html.rtl .parenttree .divinput {
    padding: 0 6px 0 34px
}

html.rtl .parenttree .dropdown-menu {
    left: -1px;
    right: auto
}

html.rtl .search-group i {
    left: 0;
    right: auto
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.affix {
    position: fixed
}

.active-tab {
    border-color: var(--active-tab-border-color);
    border-bottom-width: 4px
}

.active-tab a > .count:not(.label-important), .active-tab a > .module-name, .active-tab a > .tab-title, .active-tab .btn {
    color: var(--active-tab-border-color)
}

.active-tab a > .count:not(.label-important) .sicon:not(.sicon-bell-lg-line), .active-tab a > .module-name .sicon:not(.sicon-bell-lg-line), .active-tab a > .tab-title .sicon:not(.sicon-bell-lg-line), .active-tab .btn .sicon:not(.sicon-bell-lg-line) {
    color: var(--active-tab-border-color)
}

.active-tab:hover {
    background-color: var(--tab-background-hover-color)
}

.stick-first {
    left: 71px;
    z-index: 10
}

.stick-first.no-border::after {
    display: none
}

.background-image-stack {
    background-image: var(--stack-logo);
    background-repeat: no-repeat;
    background-position: right top
}

.dashlet .docusign ul.nav-tabs {
    display: flex;
    height: 30px;
    border-bottom: none
}

.dashlet .docusign ul.nav-tabs li.dropdown {
    float: right
}

.dashlet .docusign .docusignChart {
    margin: 0 auto
}

.dashlet .docusign .envelopes_docusign_content {
    display: none;
    border-top: 1px solid var(--border-base)
}

.dashlet .docusign .documents_docusign_content {
    display: none;
    border-top: 1px solid var(--border-base)
}

.dashlet .docusign .documents_docusign_content .flex-list-view {
    clear: right
}

.dashlet .docusign .drafts_docusign_content {
    display: none;
    border-top: 1px solid var(--border-base)
}

.dashlet .docusign .stick-first {
    left: 0
}

.dashlet .docusign .addDocument, .dashlet .docusign .sendEnvelope, .dashlet .docusign .selectTemplate, .dashlet .docusign .sendWithTemplate {
    line-height: 18px
}

.dashlet .docusign .nav > li {
    white-space: nowrap
}

.dashlet .docusign .nav > li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.dashlet .docusign .sticky-column.stick-right {
    background-color: var(--foreground-base)
}

.dashlet .docusign .docusign-documents-header {
    height: 35px
}

.dashlet .docusign .docusign-documents-header .btn-toolbar button {
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.dashlet .docusign > div:first-of-type {
    height: calc(84%)
}

.dashlet .docusign > div:first-of-type .main {
    height: 100%;
    border-top: 1px solid var(--border-base)
}

.dashlet .docusign > div:first-of-type .main .overview_docusign_content {
    height: 100%
}

.dashlet .docusign > div:first-of-type .main .overview_docusign_content div[class^="chart"] {
    height: 100%
}

.dashlet .docusign .flex-list-view {
    border-top: 0
}

.dashlet .docusign .envelopes_docusign_content .table thead:first-child tr:first-child th, .dashlet .docusign .drafts_docusign_content .table thead:first-child tr:first-child th {
    border-top: 0
}

.dashlet .docusign .envelopes_docusign_content .table tr td, .dashlet .docusign .documents_docusign_content .table tr td, .dashlet .docusign .drafts_docusign_content .table tr td {
    height: 28px !important
}

.envelopeSetup {
    margin: 50px 20px
}

.templates-list .flex-list-view[class$="-actions"]:not(.scroll-width) .flex-list-view-content .dataTable td:last-child:not(.alert) {
    height: 28px
}

.templatesFilter {
    width: auto;
    padding: 5px 8px
}

.templatesFilter input {
    width: -webkit-fill-available
}

.templatesFilter input:focus {
    outline: 3px auto #517bf8;
    outline-offset: 0;
    box-shadow: none;
    border-color: var(--text-action)
}

.templatesFilter .sicon.sicon-close {
    position: absolute;
    right: 7px;
    padding: 7px 10px;
    cursor: pointer
}

body.safari-browser .docusign .dataTable th.sticky-column.stick-first, body.safari-browser .docusign .dataTable td.sticky-column.stick-first {
    left: 0
}

.show-column-total-options .fieldset-field {
    width: 50%
}

.span8 .headerpane {
    width: calc(66vw - 3.5rem - 1.5rem)
}

.span12 .headerpane {
    width: calc(100vw - 3.5rem - 3rem)
}

.span4 .headerpane {
    width: calc(34vw - 1.5rem)
}

.drawer-content .main-pane.span8 {
    width: 41vw;
    margin-left: 1px
}

.drawer-content .main-pane.span8 .headerpane {
    left: auto;
    width: 41vw
}

.drawer-content .sidebar-content {
    top: 41px
}

.drawer-content .sidebar-content .grid-stack-item {
    margin-top: 0.75rem
}

.dashboard .cols .preview-headerbar {
    position: relative;
    background-color: var(--background-base);
    top: 45px;
    width: 100%;
    z-index: 1002
}

.main-pane.forecasts-main.span8, .main-pane.forecasts-main.span12 {
    margin-top: 0 !important
}

@media (max-width: 1380px) {
    .main-pane.forecasts-main.span8 .headerpane.listheaderpane .box.datapoints {
        float: left;
        margin-right: 1rem
    }
}

@media (max-width: 1320px) {
    .main-pane.forecasts-main.span8 .headerpane.listheaderpane .box.datapoints {
        float: left;
        margin-right: 1rem
    }
}

@media (max-width: 900px) {
    .main-pane.forecasts-main.span8 .headerpane.listheaderpane .box.quarter-picker, .main-pane.forecasts-main.span12 .headerpane.listheaderpane .box.quarter-picker, .main-pane.forecasts-main.span8 .headerpane.listheaderpane .box.datapoints, .main-pane.forecasts-main.span12 .headerpane.listheaderpane .box.datapoints {
        float: left;
        margin-right: 0
    }
}

.headerpane {
    z-index: 1002
}

.preview-headerbar .headerpane {
    background-color: var(--background-base)
}

.preview-headerbar.home-headerpane .headerpane {
    background-color: var(--foreground-base)
}

.headerpane.console-headerpane {
    background-color: var(--foreground-base)
}

.headerpane.listheaderpane {
    height: 51px
}

.headerpane.listheaderpane .box.user {
    margin-right: 1.25rem;
    float: left
}

.headerpane.listheaderpane .box.user .sicon-chevron-down {
    line-height: inherit;
    vertical-align: inherit;
    font-size: 9px;
    color: var(--sicon-color)
}

.headerpane.listheaderpane .box.user .btn-toolbar, .headerpane.listheaderpane .box.user .btn {
    padding: 0
}

.headerpane.listheaderpane .box.user .btn-toolbar .btn-group, .headerpane.listheaderpane .box.user .btn .btn-group {
    padding-left: 0.25rem
}

.headerpane.listheaderpane .box.quarter-picker {
    margin-right: 1.25rem;
    float: left
}

.headerpane.listheaderpane .box.quarter-picker .select2-choice {
    line-height: inherit;
    background: none;
    border: none;
    padding-left: 0
}

.headerpane.listheaderpane .box.quarter-picker .select2-choice .select2-chosen {
    margin-right: 0.375rem;
    float: left
}

.headerpane.listheaderpane .box.quarter-picker .select2-choice .select2-arrow {
    position: relative;
    top: -2px;
    height: auto
}

.headerpane.listheaderpane .box.quarter-picker .select2-choice .select2-arrow b {
    line-height: inherit;
    font-size: 9px;
    color: var(--sicon-color);
    height: auto
}

.headerpane.listheaderpane .box.datapoints {
    float: right;
    margin-right: 1.875rem
}

.headerpane.listheaderpane .box.datapoints span.list-headerpane {
    display: inline-block
}

.headerpane.listheaderpane .box.datapoints span.list-headerpane:nth-child(2) {
    margin-left: 1.875rem
}

.headerpane.listheaderpane .box.datapoints span.list-headerpane .text-label {
    font-size: 11px;
    font-weight: 400
}

.headerpane.listheaderpane .box.datapoints span.list-headerpane .text-base {
    line-height: inherit
}

.headerpane.listheaderpane .box.btn-toolbar {
    position: absolute;
    right: 0;
    top: 0
}

.headerpane h1 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    vertical-align: top;
    color: var(--text-base);
    font-size: 16px;
    font-weight: 600
}

.headerpane h1 > .record-cell {
    height: auto
}

.headerpane h1 > .record-cell.hide {
    display: none
}

.headerpane h1 > .record-cell.edit {
    padding: 2px 13px 0;
    height: 100%
}

.headerpane h1 > .record-cell.edit .record-cell {
    white-space: normal;
    overflow: visible;
    z-index: 10001;
    position: relative
}

.headerpane h1 > .record-cell:first-child .record-label {
    left: 20px
}

.headerpane h1 > .record-cell:last-of-type {
    margin-right: auto
}

.headerpane h1 > .record-cell .record-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px 0 0;
    position: static
}

.headerpane h1 > .record-cell .record-cell:last-child {
    padding-right: 0
}

.headerpane h1 > .record-cell .edit .btn-group {
    padding-left: 8px
}

.headerpane h1 > .record-cell .list-headerpane .btn-toolbar {
    padding-top: 0;
    margin-top: -4px
}

.headerpane h1 > .record-cell .nodata {
    white-space: nowrap
}

.headerpane h1.help-pane-title {
    display: inline-block;
    padding-top: 4px;
    width: 250px
}

.headerpane .module-title {
    display: inline-block
}

.headerpane .table-cell-wrapper {
    position: relative;
    display: inline-block
}

.headerpane .count {
    white-space: nowrap;
    min-width: 103px
}

.headerpane .count a {
    color: var(--text-action)
}

.headerpane .drillthrough-headerpane .count {
    min-width: initial
}

.headerpane .help-block {
    margin-top: 0;
    margin-left: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.headerpane .record-edit-link-wrapper, .headerpane .record-lock-link-wrapper {
    height: 30px
}

.headerpane .record-edit-link-wrapper .record-edit-link, .headerpane .record-lock-link-wrapper .record-edit-link, .headerpane .record-edit-link-wrapper .record-lock-link, .headerpane .record-lock-link-wrapper .record-lock-link {
    margin-left: 0
}

.headerpane .record-edit-link-wrapper .record-edit-link .sicon-edit, .headerpane .record-lock-link-wrapper .record-edit-link .sicon-edit, .headerpane .record-edit-link-wrapper .record-lock-link .sicon-edit, .headerpane .record-lock-link-wrapper .record-lock-link .sicon-edit, .headerpane .record-edit-link-wrapper .record-edit-link .sicon-lock, .headerpane .record-lock-link-wrapper .record-edit-link .sicon-lock, .headerpane .record-edit-link-wrapper .record-lock-link .sicon-lock, .headerpane .record-lock-link-wrapper .record-lock-link .sicon-lock {
    left: -16px !important;
    top: 8px !important
}

.headerpane .record-cell .record-label {
    font-size: 11px;
    color: #6f777b;
    line-height: 13px;
    display: none
}

.headerpane .record-cell.edit .record-label {
    display: block
}

.headerpane span[data-type="label"] {
    padding-right: 0
}

.headerpane span[data-type="label"] + [data-type="drillthrough-collection-count"], .headerpane span[data-type="label"] + [data-type="collection-count"] {
    padding-left: 5px
}

.headerpane span[data-type="label"] .ellipsis_inline {
    padding: 0
}

.headerpane span[data-type="image"], .headerpane span[data-type="avatar"] {
    padding: 9px 0 0 20px;
    width: 42px
}

.headerpane span[data-type="image"] .image_field.image_edit .image_input input, .headerpane span[data-type="avatar"] .image_field.image_edit .image_input input {
    float: none;
    position: static;
    width: 100%;
    border: none;
    padding: none
}

.headerpane span[data-type="image"].edit, .headerpane span[data-type="avatar"].edit {
    padding: 10px 0 0 20px
}

.headerpane span[data-type="image"] .record-edit-link-wrapper, .headerpane span[data-type="avatar"] .record-edit-link-wrapper, .headerpane span[data-type="image"] .record-lock-link-wrapper, .headerpane span[data-type="avatar"] .record-lock-link-wrapper {
    top: 5px
}

.headerpane span[data-type="image"] .help-block, .headerpane span[data-type="avatar"] .help-block {
    display: none
}

.headerpane span[data-type="name"] .table-cell-wrapper, .headerpane span[data-type="hint-accounts-search-dropdown"] .table-cell-wrapper, .headerpane span[data-type="dashboardtitle"] .table-cell-wrapper {
    width: 100%
}

.headerpane span[data-type="dashboardtitle"] .detail {
    position: relative
}

.headerpane span[data-type="enum"] .input-append, .headerpane span[data-type="relate"] .input-append {
    position: absolute;
    font-size: inherit;
    right: 0
}

.headerpane span[data-type="enum"] .normal > span, .headerpane span[data-type="relate"] .normal > span {
    white-space: nowrap;
    text-overflow: ellipsis
}

.headerpane span[data-type="enum"] .edit.error, .headerpane span[data-type="relate"] .edit.error {
    position: relative;
    display: block
}

.headerpane span[data-type="enum"] .edit.error .add-on.error-tooltip, .headerpane span[data-type="relate"] .edit.error .add-on.error-tooltip {
    position: absolute;
    top: 3px;
    right: 16px;
    left: auto;
    background: transparent
}

.headerpane span[data-type="relate"] .edit > .select2-container {
    min-width: 275px
}

.headerpane span[data-type="follow"], .headerpane span[data-type="badge"], .headerpane span[data-type="renewal"], .headerpane span[data-type="badge-select"], .headerpane span[data-type="event-status"], .headerpane span[data-type="status"] {
    padding: 19px 16px 0 0;
    line-height: 10px
}

.headerpane span[data-type="follow"]:not(.edit) .label, .headerpane span[data-type="badge"]:not(.edit) .label, .headerpane span[data-type="renewal"]:not(.edit) .label, .headerpane span[data-type="badge-select"]:not(.edit) .label, .headerpane span[data-type="event-status"]:not(.edit) .label, .headerpane span[data-type="status"]:not(.edit) .label {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    min-width: 50px;
    padding: 3px 6px 5px;
    margin-top: 0
}

.headerpane span[data-type="follow"]:not(.edit) .label.base-badge, .headerpane span[data-type="badge"]:not(.edit) .label.base-badge, .headerpane span[data-type="renewal"]:not(.edit) .label.base-badge, .headerpane span[data-type="badge-select"]:not(.edit) .label.base-badge, .headerpane span[data-type="event-status"]:not(.edit) .label.base-badge, .headerpane span[data-type="status"]:not(.edit) .label.base-badge {
    font-weight: 600
}

.headerpane span[data-type="badge-select"] .record-label, .headerpane span[data-type="event-status"] .record-label, .headerpane span[data-type="status"] .record-label {
    padding-left: 1px
}

.headerpane span[data-type="badge-select"] .select2-container .select2-choice, .headerpane span[data-type="event-status"] .select2-container .select2-choice, .headerpane span[data-type="status"] .select2-container .select2-choice {
    border: 1px solid transparent;
    background-image: none;
    background-color: transparent;
    padding-left: 0;
    box-shadow: none
}

.headerpane h1 > .record-cell.edit[data-type="badge-select"], .headerpane h1 > .record-cell.edit[data-type="event-status"], .headerpane h1 > .record-cell.edit[data-type="status"] {
    padding: 2px 11px 0 0
}

.headerpane span[data-type="favorite"] {
    padding-left: 20px
}

.headerpane span[data-type="favorite"] .btn.active {
    background-color: transparent !important
}

.headerpane span[data-type="drillthrough-labels"] {
    padding: 7px 12px 0 0;
    text-align: right;
    overflow: hidden
}

.headerpane span[data-type="drillthrough-labels"] .table-cell-wrapper {
    max-width: inherit;
    font-size: 14px
}

.headerpane span[data-type="drillthrough-labels"] .drillthrough-headerpane > div {
    display: table
}

.headerpane span[data-type="drillthrough-labels"] .drillthrough-headerpane > div .ellipsis_inline {
    display: table-cell !important
}

.headerpane span[data-type="drillthrough-labels"] .drillthrough-headerpane > div .ellipsis_inline:nth-child(2) {
    padding-left: 20px
}

.headerpane span[data-type="drillthrough-labels"] .record-label {
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
    margin-left: 0;
    text-align: right;
    padding-right: 4px;
    color: #6f777b;
    font-size: 14px;
    font-weight: normal
}

.headerpane span[data-type="drillthrough-labels"] .record-label + span {
    display: table-cell
}

.headerpane input[type="text"] {
    font-size: 20px;
    width: 100%;
    box-sizing: border-box;
    height: 33px;
    margin: 0;
    position: relative;
    z-index: 1
}

.headerpane .btn-toolbar {
    margin: 0;
    white-space: nowrap;
    display: table-cell
}

.headerpane .btn-toolbar .btn-group {
    padding-left: 8px
}

.headerpane .btn-toolbar .btn-group.hide {
    display: none
}

.headerpane .btn-toolbar .shortcuts-help-headerpane .btn:not(.btn-primary) {
    line-height: 12px;
    padding: 7px
}

.headerpane .btn-toolbar .btn-group-previous-next {
    padding-left: 0
}

.headerpane .btn.sidebar-toggle:hover {
    text-decoration: none
}

.headerpane .btn.sidebar-toggle.pull-right {
    border-radius: 0 2px 2px 0;
    position: relative
}

.headerpane .btn.sidebar-toggle.pull-left {
    border-radius: 2px;
    margin-right: 0;
    padding: 4px 4px 0;
    position: absolute;
    left: 0;
    top: 0
}

.main-pane .headerpane {
    border-top-left-radius: var(--rounded-xl)
}

.side.sidebar-content .headerpane, .main-pane.home-dashboard .headerpane, .span12 .headerpane {
    border-top-right-radius: var(--rounded-xl)
}

.headerpane {
    height: 3.5rem;
    top: 3.5rem
}

.headerpane .list-headerpane .count {
    font-size: inherit
}

.headerpane h1 .btn {
    font-size: 14px
}

.headerpane h1 > .record-cell {
    padding: 0 0 0 20px
}

.headerpane h1 > .record-cell[data-type="image"], .headerpane h1 > .record-cell[data-type="avatar"] {
    padding: 0 0 0 20px
}

.headerpane h1 > .record-cell[data-type="image"].edit, .headerpane h1 > .record-cell[data-type="avatar"].edit {
    padding-top: 8px
}

.headerpane h1 > .record-cell.edit .select2 {
    font-size: 15px
}

.headerpane h1 > .record-cell input[type="text"] {
    height: auto
}

.headerpane h1 span[data-type="follow"]:not(.edit) .label, .headerpane h1 span[data-type="badge"]:not(.edit) .label, .headerpane h1 span[data-type="renewal"]:not(.edit) .label, .headerpane h1 span[data-type="badge-select"]:not(.edit) .label, .headerpane h1 span[data-type="event-status"]:not(.edit) .label, .headerpane h1 span[data-type="status"]:not(.edit) .label {
    height: 20px
}

.headerpane span[data-type="follow"], .headerpane span[data-type="badge"], .headerpane span[data-type="renewal"], .headerpane span[data-type="badge-select"], .headerpane span[data-type="event-status"], .headerpane span[data-type="status"] {
    padding: 0 16px 0 0
}

.headerpane span[data-type="favorite"] .btn {
    margin-left: 0
}

.headerpane span[data-type="favorite"] .btn.active > .sicon {
    color: #6f777b
}

.headerpane .btn-toolbar {
    padding: 0 8px 0 0
}

.headerpane .btn-toolbar .btn-group .btn:not(.btn-primary) {
    color: var(--text-action)
}

.headerpane .btn.sidebar-toggle {
    border-radius: 0;
    top: 0;
    width: 8px;
    padding: 0
}

.drawer-content .headerpane {
    width: fit-content
}

.drawer-content .main-pane.span8 .headerpane {
    left: auto
}

.omniconsole-visible .main-pane .headerpane {
    width: calc(100% - 320px)
}

.banner-shifted .headerpane {
    top: calc(3.5rem + 2.125rem + .0625rem)
}

.record {
    clear: both;
    padding: 13px 13px 0
}

.record .wide {
    width: 100%
}

.record .normal {
    font-size: 14px;
    font-weight: 400;
    width: 100%
}

.record .togglePasswordFields {
    padding: 2px 0 0 7px;
    display: inline-block
}

.record .record-save-btns-bar {
    margin-right: 8px
}

.record .row-fluid.toggle {
    margin-bottom: 16px
}

.record .nodata {
    padding: 5px 7px
}

.record #recordTab {
    font-size: 0;
    white-space: nowrap
}

.record #recordTab > .tab {
    font-size: 11px
}

.record #recordTab > .dropdown.open > a {
    background-color: #f1f3f4
}

.record #recordTab li.hidden {
    display: none
}

.record .record-cell {
    display: inline-block;
    min-height: 1px
}

.record :focus {
    outline: none
}

.record ::-moz-focus-inner {
    border: 0
}

.record .record-cell .record-edit-link-wrapper {
    width: 9vw
}

.drawer-content .main-pane .record {
    margin-top: 40px
}

.drawer-content .main-pane .record .fieldset-field:last-child {
    max-width: inherit !important
}

.record .record-panel .btn-link {
    cursor: pointer
}

.record .record-panel .btn-link.more {
    display: none
}

.record .record-panel.folded .record-panel-content {
    display: none
}

.record .record-panel.folded .btn-link.more {
    display: block
}

.record .record-panel.folded .btn-link.less {
    display: none
}

.record-cell {
    position: relative;
    height: 100%
}

.record-cell[data-type="hidden"] {
    display: none
}

.record-cell.vis_action_hidden > .normal > .detail, .record-cell.vis_action_hidden > .normal > .edit {
    display: none
}

.record-cell.vis_action_hidden .record-label {
    display: none
}

.record-cell.vis_action_hidden:first-of-type:last-of-type {
    display: none
}

.record-cell .record-label {
    color: var(--label-color);
    margin-left: 7px
}

.record-cell .normal > span {
    display: block;
    min-height: 28px;
    box-sizing: border-box
}

.record-cell .normal > .erased, .record-cell .normal > .detail {
    padding: 5px 7px
}

.record-cell .normal > .erased a, .record-cell .normal > .detail a, .record-cell .normal > .erased button, .record-cell .normal > .detail button, .record-cell .normal > .erased input, .record-cell .normal > .detail input, .record-cell .normal > .erased iframe, .record-cell .normal > .detail iframe, .record-cell .normal > .erased .btn, .record-cell .normal > .detail .btn {
    position: relative;
    z-index: 1
}

.record-cell .normal > .detail input[type=checkbox] {
    z-index: 0
}

.record-cell .normal > .disabled:not(.edit) {
    padding: 5px 7px
}

.record-cell .normal > .edit {
    position: relative
}

.record-cell .detail > span.detail {
    display: inline-flex;
    margin-right: 5px
}

.record-cell .create .ellipsis_inline {
    padding-top: 4px
}

.record-cell .ellipsis_inline {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.record-cell .ellipsis_inline input[type="text"] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.record-cell .edit .control-group:last-of-type {
    margin-bottom: 0
}

.record-cell .disabled input[type="text"], .record-cell .disabled textarea, .record-cell .disabled .uneditable-input {
    color: #6f777b
}

.record-cell .nopadding {
    padding-left: 0
}

.record-cell .input-append input[type="text"], .record-cell .input-append textarea, .record-cell .input-append .uneditable-input {
    vertical-align: middle
}

.record-cell .input-append .add-on {
    z-index: 1
}

.record-cell .input-append input[type="text"][disabled] + .add-on, .record-cell .input-append input[type="password"][disabled] + .add-on, .record-cell .input-append textarea[disabled] + .add-on {
    background-color: var(--input-disabled-background)
}

.record-cell input[type="text"]:not(.select2-input), .record-cell input[type="password"], .record-cell textarea, .record-cell .uneditable-input {
    position: relative;
    width: 100%;
    min-height: 28px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    z-index: 1
}

.record-cell input[type="text"]:not(.select2-input):focus, .record-cell input[type="password"]:focus, .record-cell textarea:focus, .record-cell .uneditable-input:focus {
    z-index: 2
}

.record-cell input[type="text"]:not(.select2-input):not([disabled]):not([readonly]), .record-cell input[type="password"]:not([disabled]):not([readonly]), .record-cell textarea:not([disabled]):not([readonly]), .record-cell .uneditable-input:not([disabled]):not([readonly]) {
    color: var(--text-base)
}

.record-cell input[type="text"]:not(.select2-input)[rel=colorpicker], .record-cell input[type="password"][rel=colorpicker], .record-cell textarea[rel=colorpicker], .record-cell .uneditable-input[rel=colorpicker] {
    width: 122px
}

.record-cell[data-type="change-password"] [type="password"] {
    border-radius: 0
}

.record-cell[data-type="change-password"] [type="password"]:first-of-type {
    z-index: 2;
    border-top-left-radius: var(--rounded-sm);
    border-top-right-radius: var(--rounded-sm)
}

.record-cell[data-type="change-password"] [type="password"]:not(:first-of-type) {
    margin-top: -1px
}

.record-cell[data-type="change-password"] [type="password"]:last-of-type {
    border-bottom-left-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm)
}

.record-cell[data-type="textarea"] .normal > span {
    width: 100%;
    word-wrap: break-word
}

.record-cell[data-type="textarea"] .detail .toggle-text {
    display: block;
    margin-left: 0
}

.record-cell[data-type="label"] .ellipsis_inline {
    padding: 5px 7px
}

.record-cell[data-type="fullname"] .index > .detail, .record-cell[data-type="fullname"] .index > .edit {
    display: table-row
}

.record-cell[data-type="fullname"] .index > .detail .record-cell, .record-cell[data-type="fullname"] .index > .edit .record-cell {
    display: table-cell
}

.record-cell[data-type="fullname"] .index > .fieldset {
    column-gap: 0.25rem
}

.record-cell[data-type="fullname"] span[data-type="enum"] {
    width: 20%
}

.record-cell[data-type="fullname"] span[data-type="text"] {
    width: 40%
}

.record-cell[data-type="fullname"] span[data-type="text"] .record-label {
    left: 7px
}

.record-cell[data-type="fullname"] span[data-type="text"] input[type="text"] {
    margin: 0
}

.record-cell[data-type="fullname"].edit {
    padding-left: 5px
}

.dashlet-header .record-cell[data-type="fullname"].edit {
    display: flex;
    padding-left: 3rem
}

.record-cell[data-type="email"] .detail {
    line-height: 20px
}

.record-cell[data-type="teamset"] .detail .control-group label {
    margin-bottom: 0
}

.record-cell[data-type="bool"] label {
    margin: 0
}

.record-cell[data-type="bool"] .input-append.error .add-on {
    left: 1px
}

.record-cell[data-type="radioenum"] p {
    margin: 0
}

.record-cell[data-type="radioenum"] p.help-block {
    margin-left: 7px
}

.record-cell[data-type="radioenum"] label, .record-cell[data-type="radioenum"] .add-on {
    display: inline-block;
    margin: 0
}

.record-cell[data-type="radioenum"] .add-on {
    left: 10px;
    font-size: 12px;
    position: relative
}

.record-cell[data-type="radioenum"] .error .add-on .sicon {
    color: #bb0e1b
}

.record-cell[data-type="readonly"] .normal > .edit {
    padding: 5px 7px
}

.record-cell input[type="radio"], .record-cell input[type="checkbox"], .record-cell input[type="image"] {
    display: inline-block;
    margin: 2px 6px 0 0;
    vertical-align: baseline
}

.record-cell .edit input[type="radio"], .record-cell .create input[type="radio"], .record-cell .edit input[type="checkbox"], .record-cell .create input[type="checkbox"], .record-cell .edit input[type="image"], .record-cell .create input[type="image"] {
    margin: 7px 7px 4px
}

.record-cell[data-type="language"] .normal > span, .record-cell[data-type="enum"] .normal > span, .record-cell[data-type="tags"] .normal > span, .record-cell[data-type="relate"] .normal > span {
    white-space: nowrap;
    text-overflow: ellipsis
}

.record-cell[data-type="language"] .input-append.error .add-on.error-tooltip, .record-cell[data-type="enum"] .input-append.error .add-on.error-tooltip, .record-cell[data-type="relate"] .input-append.error .add-on.error-tooltip, .record-cell[data-type="parent"] .input-append.error .add-on.error-tooltip, .record-cell[data-type="teamset"] .input-append.error .add-on.error-tooltip {
    position: absolute;
    right: 17px;
    left: auto;
    background: transparent
}

.record-cell[data-type="date"] input[type="text"] {
    width: 100%
}

.record-cell .date.datetime .datepicker {
    min-width: 0;
    width: 50%;
    width: calc(55% - 4px)
}

.record-cell .date.datetime .ui-timepicker-input {
    min-width: 0;
    width: 40%;
    width: calc(45% - 4px)
}

.record-cell[data-name="address"] .address.edit > .fieldset-field:nth-last-of-type(2) input, .record-cell[data-name="shipping_address"] .address.edit > .fieldset-field:nth-last-of-type(2) input, .record-cell[data-name="alt_address"] .address.edit > .fieldset-field:nth-last-of-type(2) input, .record-cell[data-name="altaddress"] .address.edit > .fieldset-field:nth-last-of-type(2) input {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.record-cell[data-name="address"] .edit label, .record-cell[data-name="shipping_address"] .edit label, .record-cell[data-name="alt_address"] .edit label, .record-cell[data-name="altaddress"] .edit label {
    padding: 4px 0 0;
    margin-bottom: 0
}

.record-cell[data-name="duration"] {
    flex: 2
}

.record-cell[data-name="duration"].edit .record-label-wrapper > div[data-name="duration"] {
    margin-top: 10px
}

.record-cell[data-name="duration"] .record-link-wrapper {
    width: 100%
}

.record-cell[data-name="duration"] .record-link-wrapper span[data-fieldname="duration"] > span {
    display: flex;
    flex-direction: row
}

.record-cell[data-name="duration"] .record-link-wrapper span[data-fieldname="duration"] > span div[data-type="label"]:first-child {
    color: var(--label-color);
    font-size: 12px
}

.record-cell[data-name="duration"] .record-link-wrapper span[data-fieldname="duration"] > span > div[data-name="duration"] {
    padding: 7px
}

.record-cell[data-name="repeat_type"] {
    flex: 0.8;
    align-self: flex-end
}

.record-cell[data-name="recurrence"] .record-link-wrapper {
    width: 100%
}

.record-cell[data-name="recurrence"] .record-link-wrapper .fieldset-inline.edit {
    display: flex
}

.record-cell[data-name="recurrence"] .record-link-wrapper .fieldset-inline.edit > div {
    flex: 1
}

.record-cell[data-name="recurrence"] .record-link-wrapper .fieldset-inline.detail > div.fieldset-field {
    display: inline-block;
    width: auto;
    max-width: fit-content
}

.record-cell[data-type="file"] input[type="file"] {
    padding: 5px 6px 3px 0;
    box-sizing: border-box;
    width: 100%
}

.record-cell[data-type="file"] .add-on {
    margin-top: 0;
    position: absolute
}

.record-cell[data-type="file"] .detail .file-field {
    margin-bottom: 6px
}

.record-cell[data-type="file"] .edit .file-field {
    line-height: 1px
}

.record-cell[data-type="file"] .edit .file-field .square-pill {
    padding-right: 24px
}

.record-cell[data-type="file"] .edit .file-field .square-pill.no-delete {
    padding-right: 6px
}

.record-cell[data-type="currency"] .normal > .detail {
    padding: 3px 7px
}

.record-cell[data-type="participants"] .normal > .detail {
    padding: 0
}

.record-cell:not([data-type="recipients"]):not([data-type="email-recipients"]) .select2-container.select2-container-disabled {
    opacity: 0.35
}

.record-cell:not([data-type="recipients"]):not([data-type="email-recipients"]) .select2-container.select2-container-disabled .select2-choice {
    cursor: not-allowed
}

.record-cell:not([data-type="recipients"]):not([data-type="email-recipients"]) .select2-container.select2-container-disabled .select2-choice .select2-arrow {
    display: none
}

.record-cell[data-type="htmleditable_tinymce"] .normal > .detail {
    padding-left: 7px
}

.reccurrences-tag-values {
    margin: 2px 0 1px 4px;
    font-size: 11px;
    line-height: 13px;
    border-radius: 11px;
    background-color: #4d5154;
    color: #fff
}

.row-fluid.panel_body:first-child {
    display: flex
}

input[name="date_start_date"], input[name="date_end_date"], input[name="date_start_time"], input[name="date_end_time"] {
    text-overflow: ellipsis;
    padding-right: 14px
}

.record-edit-link-wrapper, .record-lock-link-wrapper {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0
}

.record-edit-link-wrapper .record-edit-link, .record-lock-link-wrapper .record-edit-link, .record-edit-link-wrapper .record-lock-link, .record-lock-link-wrapper .record-lock-link {
    display: none;
    height: 100%;
    width: 100%;
    padding: 0;
    margin-left: 0;
    text-decoration: none;
    cursor: default
}

.record-edit-link-wrapper .record-edit-link.btn-invisible:hover, .record-lock-link-wrapper .record-edit-link.btn-invisible:hover, .record-edit-link-wrapper .record-lock-link.btn-invisible:hover, .record-lock-link-wrapper .record-lock-link.btn-invisible:hover {
    border: 1px solid transparent;
    background: none
}

.record-edit-link-wrapper .record-edit-link .sicon-edit, .record-lock-link-wrapper .record-edit-link .sicon-edit, .record-edit-link-wrapper .record-lock-link .sicon-edit, .record-lock-link-wrapper .record-lock-link .sicon-edit, .record-edit-link-wrapper .record-edit-link .sicon-lock, .record-lock-link-wrapper .record-edit-link .sicon-lock, .record-edit-link-wrapper .record-lock-link .sicon-lock, .record-lock-link-wrapper .record-lock-link .sicon-lock {
    left: -7px;
    top: 0;
    font-size: 12px;
    position: absolute;
    color: var(--sicon-color)
}

.record-lock-link-wrapper .record-lock-link.record-lock-link-on {
    display: inline-block
}

.record-lock-link-wrapper .btn.record-lock-link-on .sicon {
    display: inline-block
}

.record-lock-link-wrapper .btn .sicon {
    display: none
}

.record-cell:not(.edit):hover .record-edit-link, .record-cell:not(.edit):hover .record-lock-link {
    display: inline-block
}

.record-cell:not(.edit):hover .btn .sicon {
    display: inline-block
}

.record-cell.edit .record-edit-link-wrapper {
    display: none
}

.show-hide-toggle {
    padding: 0 20px 6px 13px;
    margin-top: -9px;
    clear: both;
    box-sizing: border-box
}

.record-cell .address_street, .record-cell .address_country, .record-cell .address_misc_block {
    width: 100%;
    clear: both
}

.record-cell :not(.edit).address_city div::after {
    content: ",";
    margin-left: -4px
}

.record-cell .address_city .ellipsis_inline:empty::after {
    content: ""
}

.record-panel .record-panel-header-container {
    display: flex;
    justify-content: flex-start;
    width: auto;
    border-top: 1px solid var(--border-base);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    height: 44px
}

.record-panel .record-panel-header-container .record-panel-header {
    display: flex;
    align-items: center;
    padding: 12px
}

.record-panel .record-panel-header-container .record-panel-header .record-panel-arrow {
    margin-left: 0;
    margin-right: 8px;
    padding: 0
}

.record-panel .record-panel-header-container .record-panel-header .record-panel-label {
    color: var(--text-action)
}

.record-panel .record-panel-header-container.panel-inactive:hover {
    background-color: var(--primary-content-hover-background)
}

.record-panel .record-panel-content {
    padding: 13px;
    box-sizing: border-box
}

.record-panel[data-panelname=access_tab_user_role_panel] .record-panel-content {
    padding-left: 0;
    padding-right: 0
}

.record-panel[data-panelname=access_tab_user_role_panel] .record-panel-content .detail {
    padding-left: 0;
    padding-right: 0
}

.record-panel.panel-border-none .record-panel-header-container {
    border: none
}

.record-create .tab-pane > .record-panel:last-of-type {
    border-bottom: 1px solid var(--border-base)
}

.record-create .record-panel:last-of-type {
    border-bottom: 1px solid var(--border-base)
}

.create-subpanel .select2-container.select2-container-disabled {
    opacity: 0.35
}

.create-subpanel .select2-container.select2-container-disabled .select2-choice {
    cursor: not-allowed
}

.create-subpanel .select2-container.select2-container-disabled .select2-choice .select2-arrow {
    display: none
}

.record-cell .record-label {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 3px
}

.pipeline-metrics .record-cell input[type="text"] {
    color: rgba(51, 51, 51, 0.5)
}

.record-cell.label-pill .record-label {
    border: 1px dashed var(--border-base);
    border-radius: 4px;
    cursor: pointer;
    padding: 1px 8px;
    width: max-content;
    margin-bottom: 12px
}

.record-cell.label-pill .record-label .label-plus {
    margin-right: 2px
}

.record-cell.label-pill .record-label:hover {
    border-color: var(--border-color-focus);
    color: var(--text-color-hover);
    background-color: var(--record-pill-hover-background)
}

.record-cell.label-pill .record-label:hover .label-plus {
    color: var(--sicon-hover-color)
}

.record-cell.label-pill [data-wrapper="edit"] {
    display: none
}

.record-cell:not(.label-pill) .label-plus {
    display: none
}

.record-cell .normal[data-fieldname="date_entered_by"] > .fieldset-inline, .record-cell .normal[data-fieldname="date_modified_by"] > .fieldset-inline {
    display: flex
}

.record-cell .normal[data-fieldname="date_entered_by"] > .fieldset-inline .fieldset-field[data-type="datetimecombo"], .record-cell .normal[data-fieldname="date_modified_by"] > .fieldset-inline .fieldset-field[data-type="datetimecombo"] {
    overflow: hidden
}

.record-cell .normal[data-fieldname="date_entered_by"] > .fieldset-inline .fieldset-field[data-type="relate"]:last-child, .record-cell .normal[data-fieldname="date_modified_by"] > .fieldset-inline .fieldset-field[data-type="relate"]:last-child {
    width: auto;
    max-width: 100%
}

.tab-content [data-name=conversion_rate_lock].record-cell .labels-on-side, .record-panel-content [data-name=conversion_rate_lock].record-cell .labels-on-side {
    margin-top: 6px
}

.tab-content [data-name=conversion_rate_lock].record-cell .labels-on-side .record-link-wrapper, .record-panel-content [data-name=conversion_rate_lock].record-cell .labels-on-side .record-link-wrapper {
    margin-left: 0;
    width: 100%
}

.tab-content [data-name=conversion_rate_lock].record-cell .labels-on-side .record-link-wrapper .fieldset-field, .record-panel-content [data-name=conversion_rate_lock].record-cell .labels-on-side .record-link-wrapper .fieldset-field {
    overflow: hidden
}

.tab-content [data-name=conversion_rate_lock].record-cell .labels-on-side .record-link-wrapper .fieldset-field .record-label, .record-panel-content [data-name=conversion_rate_lock].record-cell .labels-on-side .record-link-wrapper .fieldset-field .record-label {
    display: block;
    padding-right: 26px;
    text-align: right;
    white-space: nowrap;
    float: left;
    width: 10vw
}

.tab-content [data-name=conversion_rate_lock].record-cell .labels-on-side .record-link-wrapper .fieldset-field .nodata, .record-panel-content [data-name=conversion_rate_lock].record-cell .labels-on-side .record-link-wrapper .fieldset-field .nodata {
    padding: 0
}

.labels-on-side .record-label {
    max-width: 100%;
    float: right;
    box-sizing: border-box;
    margin: 4px 0 0;
    padding: 2px 8px;
    border: 1px solid transparent
}

html.rtl .labels-on-side .record-label {
    float: left
}

.record-cell.label-pill .labels-on-side .record-label {
    margin: 4px 0 0
}

.labels-on-side .record-label .sicon-sugar-predict {
    margin-right: 3px;
    margin-bottom: 2px;
    color: #8f5ff5
}

.labels-on-side .record-link-wrapper {
    display: flex;
    flex-flow: row
}

html.rtl .labels-on-side .record-link-wrapper {
    margin-right: 5px;
    margin-left: 0
}

.labels-on-side .record-link-wrapper.span4 {
    margin-left: 5px
}

.labels-on-side .record-link-wrapper .control-group .controls .select2-container.select2 {
    margin-left: 8px
}

.labels-on-side.label-pill {
    margin: 0
}

.labels-on-side .normal > .detail, .labels-on-side .normal > .erased, .labels-on-side .normal > .edit {
    display: inline-block;
    width: inherit
}

.labels-on-side .normal > .detail, .labels-on-side .normal > .erased {
    margin-bottom: 0
}

.labels-on-side .fieldset-inline .record-label {
    display: block;
    float: initial;
    line-height: 12px;
    margin: 0 0 3px 7px;
    padding: 0;
    border: none
}

.labels-on-side .fieldset-inline .record-label .record-label-symbol {
    margin-right: 2px
}

.labels-on-side .fieldset-inline .record-label .fieldset-field {
    margin-bottom: 16px
}

.row-fluid > .record-cell {
    float: left
}

.row-fluid > .record-cell:not(.filler-cell) {
    margin-bottom: 8px
}

html.rtl .row-fluid > .record-cell {
    float: right
}

.row-fluid > .record-cell:not(:first-child) {
    margin-left: 2.12765957%
}

html.rtl .row-fluid > .record-cell:not(:first-child) {
    margin-right: 2.12765957%;
    margin-left: 0
}

.color-box {
    display: flex
}

.color-box .color-preview {
    background: #f1f3f4;
    border: 1px solid var(--border-base);
    border-radius: 2px;
    box-sizing: border-box;
    height: 28px;
    margin-left: 10px;
    width: 80px
}

.labels-on-side > .record-label-wrapper.span12 {
    width: 59vw
}

.labels-on-side .record-label-wrapper.span12 + .record-link-wrapper {
    width: calc(100% - 62vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span12 + .record-link-wrapper {
        width: calc(100% - 62vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span12 + .record-link-wrapper {
        width: calc(100% - 61vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span12 + .record-link-wrapper {
        width: calc(100% - 60vw)
    }
}

.labels-on-side > .record-label-wrapper.span11 {
    width: 54vw
}

.labels-on-side .record-label-wrapper.span11 + .record-link-wrapper {
    width: calc(100% - 57vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span11 + .record-link-wrapper {
        width: calc(100% - 57vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span11 + .record-link-wrapper {
        width: calc(100% - 56vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span11 + .record-link-wrapper {
        width: calc(100% - 55vw)
    }
}

.labels-on-side > .record-label-wrapper.span10 {
    width: 49vw
}

.labels-on-side .record-label-wrapper.span10 + .record-link-wrapper {
    width: calc(100% - 52vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span10 + .record-link-wrapper {
        width: calc(100% - 52vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span10 + .record-link-wrapper {
        width: calc(100% - 51vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span10 + .record-link-wrapper {
        width: calc(100% - 50vw)
    }
}

.labels-on-side > .record-label-wrapper.span9 {
    width: 44vw
}

.labels-on-side .record-label-wrapper.span9 + .record-link-wrapper {
    width: calc(100% - 47vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span9 + .record-link-wrapper {
        width: calc(100% - 47vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span9 + .record-link-wrapper {
        width: calc(100% - 46vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span9 + .record-link-wrapper {
        width: calc(100% - 45vw)
    }
}

.labels-on-side > .record-label-wrapper.span8 {
    width: 39vw
}

.labels-on-side .record-label-wrapper.span8 + .record-link-wrapper {
    width: calc(100% - 42vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span8 + .record-link-wrapper {
        width: calc(100% - 42vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span8 + .record-link-wrapper {
        width: calc(100% - 41vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span8 + .record-link-wrapper {
        width: calc(100% - 40vw)
    }
}

.labels-on-side > .record-label-wrapper.span7 {
    width: 34vw
}

.labels-on-side .record-label-wrapper.span7 + .record-link-wrapper {
    width: calc(100% - 37vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span7 + .record-link-wrapper {
        width: calc(100% - 37vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span7 + .record-link-wrapper {
        width: calc(100% - 36vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span7 + .record-link-wrapper {
        width: calc(100% - 35vw)
    }
}

.labels-on-side > .record-label-wrapper.span6 {
    width: 29vw
}

.labels-on-side .record-label-wrapper.span6 + .record-link-wrapper {
    width: calc(100% - 32vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span6 + .record-link-wrapper {
        width: calc(100% - 32vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span6 + .record-link-wrapper {
        width: calc(100% - 31vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span6 + .record-link-wrapper {
        width: calc(100% - 30vw)
    }
}

.labels-on-side > .record-label-wrapper.span5 {
    width: 24vw
}

.labels-on-side .record-label-wrapper.span5 + .record-link-wrapper {
    width: calc(100% - 27vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span5 + .record-link-wrapper {
        width: calc(100% - 27vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span5 + .record-link-wrapper {
        width: calc(100% - 26vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span5 + .record-link-wrapper {
        width: calc(100% - 25vw)
    }
}

.labels-on-side > .record-label-wrapper.span4 {
    width: 19vw
}

.labels-on-side .record-label-wrapper.span4 + .record-link-wrapper {
    width: calc(100% - 22vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span4 + .record-link-wrapper {
        width: calc(100% - 22vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span4 + .record-link-wrapper {
        width: calc(100% - 21vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span4 + .record-link-wrapper {
        width: calc(100% - 20vw)
    }
}

.labels-on-side > .record-label-wrapper.span3 {
    width: 14vw
}

.labels-on-side .record-label-wrapper.span3 + .record-link-wrapper {
    width: calc(100% - 17vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span3 + .record-link-wrapper {
        width: calc(100% - 17vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span3 + .record-link-wrapper {
        width: calc(100% - 16vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span3 + .record-link-wrapper {
        width: calc(100% - 15vw)
    }
}

.labels-on-side > .record-label-wrapper.span2 {
    width: 9vw
}

.labels-on-side .record-label-wrapper.span2 + .record-link-wrapper {
    width: calc(100% - 12vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span2 + .record-link-wrapper {
        width: calc(100% - 12vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span2 + .record-link-wrapper {
        width: calc(100% - 11vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span2 + .record-link-wrapper {
        width: calc(100% - 10vw)
    }
}

.labels-on-side > .record-label-wrapper.span1 {
    width: 4vw
}

.labels-on-side .record-label-wrapper.span1 + .record-link-wrapper {
    width: calc(100% - 7vw)
}

@media (min-width: 640px) {
    .labels-on-side .record-label-wrapper.span1 + .record-link-wrapper {
        width: calc(100% - 7vw)
    }
}

@media (min-width: 1024px) {
    .labels-on-side .record-label-wrapper.span1 + .record-link-wrapper {
        width: calc(100% - 6vw)
    }
}

@media (min-width: 1280px) {
    .labels-on-side .record-label-wrapper.span1 + .record-link-wrapper {
        width: calc(100% - 5vw)
    }
}

@media screen and (max-width: 1369px) {
    .record .labels-on-side .record-edit-link-wrapper {
        width: 108px
    }

    .record .record-cell:not(.label-pill) .record-label {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .record .record-cell[data-type="fieldset"] .labels-on-side.empty-label .record-link-wrapper {
        margin-left: 0
    }

    .record .record-cell[data-type="fieldset"] .labels-on-side.empty-label .sicon-edit {
        margin-left: -10px
    }

    .record .record-link-wrapper {
        max-width: 100%
    }

    .record .record-label {
        max-width: 100%
    }

    .record .fieldset-field .record-label {
        max-width: 100px
    }
}

@media screen and (max-width: 940px) {
    .record .record-link-wrapper .edit .control-group.email {
        padding-right: 0
    }

    .record .record-link-wrapper .edit .control-group.email .btn-toolbar {
        display: inline-flex;
        margin: 0;
        min-height: 28px;
        position: relative
    }

    .record .record-cell[data-name="repeat_type"] {
        width: 100%;
        margin-left: 0
    }

    .record .record-cell[data-name="repeat_type"] .labels-on-side .record-link-wrapper {
        max-width: 80px
    }
}

@media screen and (max-width: 517px) {
    .record .record-cell {
        width: 100%;
        margin-left: 0 !important
    }
}

.form-horizontal .record-cell, .form-horizontal .normal {
    min-height: 32px;
    padding-left: 0
}

.form-horizontal .record-edit-link-wrapper {
    top: 8px;
    left: 0
}

.form-horizontal .mceLayout {
    width: 100% !important;
    border-radius: 4px
}

.form-horizontal .control-group {
    margin-bottom: 4px
}

.form-horizontal .control-group.row-fluid {
    padding: 0;
    margin-bottom: 0
}

.form-horizontal .controls {
    margin-left: 2.12765957%
}

.form-horizontal .controls > span {
    padding: 0
}

.form-horizontal .controls:first-child {
    margin-left: 0
}

.form-horizontal .control-label {
    padding-top: 0
}

.form-horizontal .control-label .control-label-background {
    height: 100%;
    position: absolute;
    padding: 7px 0 12px;
    text-align: right;
    border-left: 1px solid var(--border-base);
    border-right: 1px solid var(--border-base);
    background-color: #f1f3f4
}

.form-horizontal .control-label label {
    color: #4d5154;
    font-size: 11px;
    margin-bottom: 0;
    line-height: 14px;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding-left: 2px
}

.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block {
    margin-top: 3px
}

.form-horizontal .help-block {
    margin-top: 3px
}

.form-horizontal .card2 {
    margin-bottom: 0
}

.form-horizontal .card2 .control-group:first-child .control-label-background, .form-horizontal .card2 .control-group .control-label.begin-fieldgroup .control-label-background {
    border-radius: var(--rounded-sm) var(--rounded-sm) 0 0;
    border-top: 1px solid var(--border-base)
}

.form-horizontal .card2 .control-group:last-of-type .control-label-background, .form-horizontal .card2 .control-group .control-label.end-fieldgroup .control-label-background {
    padding-bottom: 4px;
    border-radius: 0 0 var(--rounded-sm) var(--rounded-sm);
    border-bottom: 1px solid var(--border-base);
    height: auto
}

.form-horizontal .card2 .control-group.single .control-label .control-label-background {
    height: 0;
    border-radius: var(--rounded-sm);
    border-top: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base)
}

.form-horizontal .card2 .normal .detail {
    display: inline-block
}

.form-horizontal .card2 .record-cell .address.edit > .edit {
    padding-top: 0;
    margin-bottom: 0
}

.form-horizontal .card2 .record-cell .address.edit > .edit:first-child input[type="text"] {
    margin-top: 3px
}

.form-horizontal .control-label.span12 {
    width: 99.99999999000001%
}

.form-horizontal .control-label.span11 {
    width: 91.48936169%
}

.form-horizontal .control-label.span10 {
    width: 82.97872340000001%
}

.form-horizontal .control-label.span9 {
    width: 74.4680851%
}

.form-horizontal .control-label.span8 {
    width: 65.9574468%
}

.form-horizontal .control-label.span7 {
    width: 57.44680851%
}

.form-horizontal .control-label.span6 {
    width: 48.93617021%
}

.form-horizontal .control-label.span5 {
    width: 40.42553191%
}

.form-horizontal .control-label.span4 {
    width: 31.91489361%
}

.form-horizontal .control-label.span3 {
    width: 23.40425532%
}

.form-horizontal .control-label.span2 {
    width: 14.89361702%
}

.form-horizontal .control-label.span1 {
    width: 6.38297872%
}

.record div[data-name="to_addresses"].controls.btn-fit {
    padding-right: 103px
}

.record div[data-name="to_addresses"].controls.btn-fit .select2-container {
    margin-bottom: 4px
}

.record div[data-name="to_addresses"].controls.btn-fit .select2-container .select2-choices {
    max-height: 45px;
    overflow-y: auto;
    border-radius: var(--rounded-sm)
}

.record div[data-name="to_addresses"].controls.btn-fit .select2-container .select2-search-field input {
    padding: 0 6px;
    position: absolute;
    height: 22px;
    min-height: 22px
}

.record div[data-name="to_addresses"].controls.btn-fit .compose-sender-options {
    position: absolute;
    z-index: 2;
    padding: 0;
    top: 0;
    right: 0;
    background-color: #fff
}

.record div[data-name="to_addresses"].controls.btn-fit .compose-sender-options .btn {
    position: relative;
    right: 0
}

.record div[data-name="cc_addresses"].controls.btn-fit .select2-container, .record div[data-name="bcc_addresses"].controls.btn-fit .select2-container {
    margin-bottom: 4px
}

.record div[data-type="recipients"].controls.btn-fit .btn {
    top: 0;
    right: -36px
}

.record div[data-type="recipients"].controls.btn-fit .select2-container .select2-choices {
    max-height: 45px;
    overflow-y: auto;
    border-radius: var(--rounded-sm);
    box-shadow: 0 0 1px transparent
}

.record div[data-type="recipients"].controls.btn-fit .select2-container .select2-search-field input {
    padding: 0 6px;
    position: absolute;
    height: 22px;
    min-height: 22px
}

.record div[data-type="recipients"].controls.btn-fit .select2-container.drop-highlight .select2-choices {
    box-shadow: 0 0 1px transparent;
    background-color: rgba(6, 121, 200, 0.075)
}

.record div[data-type="recipients"].controls.btn-fit .select2-container.drop-highlight.drop-hover .select2-choices {
    background-color: #fff;
    border-color: rgba(6, 121, 200, 0.5)
}

.record div[data-type="recipients"][data-name="compose_addressbook_selected_recipients"] .select2-search-choice.select2-search-choice-focus {
    background: #4d5154
}

.record div[data-type="recipients"][data-name="compose_addressbook_selected_recipients"] .select2-search-choice .select2-search-choice-close {
    display: none
}

.record div[data-type="attachments"].controls input[type="file"] {
    display: none
}

.record div[data-type="attachments"].controls .select2-search-field input {
    padding: 0;
    min-height: 26px
}

.record div[data-type="compose-actionbar"] {
    min-height: 0;
    padding-bottom: 8px;
    z-index: 2
}

.record div[data-type="compose-actionbar"] .normal {
    min-height: 0
}

.record div[data-type="compose-actionbar"] .actions .dropdown-menu {
    left: 0;
    right: auto
}

.participants-schedule {
    display: table;
    width: 100%;
    margin-left: -1px
}

.participants-schedule.new {
    width: 100%
}

.participants-schedule .row {
    display: table-row;
    width: 100%;
    margin-left: 0
}

.participants-schedule .row .cell {
    display: table-cell;
    vertical-align: middle
}

.participants-schedule .row .cell .container {
    display: table;
    width: 100%
}

.participants-schedule .row .cell .container::before, .participants-schedule .row .cell .container::after {
    display: none
}

.participants-schedule .row .cell.times .timeblock {
    display: table-cell;
    vertical-align: middle
}

.participants-schedule .row.header {
    border: none
}

.participants-schedule .row.header * {
    font-size: 11px;
    font-weight: normal;
    color: #6f777b
}

.participants-schedule .row.header .cell.times {
    border-right: 1px transparent
}

.participants-schedule .row.header .cell.times .timeblock {
    width: 11.111%;
    text-align: center;
    line-height: 16px;
    border-radius: var(--rounded-sm)
}

.participants-schedule .row.header .cell.times .timeblock.alt {
    background-color: #f1f3f4
}

.participants-schedule .row.spacer .cell {
    height: 5px
}

.participants-schedule .participant .cell {
    border: 1px solid var(--border-base)
}

.participants-schedule .participant .profile {
    width: 170px;
    border-width: 1px 0 1px 1px;
    border-radius: var(--rounded-sm) 0 0 var(--rounded-sm);
    padding: 0 5px;
    background-color: var(--foreground-base)
}

.participants-schedule .participant .profile .avatar {
    min-width: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px
}

.participants-schedule .participant .profile .avatar img {
    border: none
}

.participants-schedule .participant .profile .name {
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap
}

.participants-schedule .participant .profile .name .ellipsis_inline {
    width: 95px;
    display: inline-block !important;
    vertical-align: middle
}

.participants-schedule .participant .profile .status {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px
}

.participants-schedule .participant .profile .status .label {
    float: right
}

.participants-schedule .participant .times {
    border-width: 1px 1px 1px 0;
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0;
    position: relative;
    background-color: var(--content-background);
    width: 100%
}

.participants-schedule .participant .times.unavailable .overlay, .participants-schedule .participant .times.loading .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 33px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.025)
}

.participants-schedule .participant .times.unavailable .container .timeblock, .participants-schedule .participant .times.loading .container .timeblock {
    border-color: var(--border-base)
}

.participants-schedule .participant .times .container {
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0
}

.participants-schedule .participant .times .container .timeblock {
    width: 11.111%;
    height: 32px;
    border-left: 1px solid var(--border-base)
}

.participants-schedule .participant .times .container .timeblock:last-child {
    border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0
}

.participants-schedule .participant .times .container .timeblock span {
    width: 25%;
    height: inherit;
    display: inline-block;
    float: left;
    border-left: 1px solid var(--border-base);
    box-sizing: border-box
}

.participants-schedule .participant .times .container .timeblock span:first-child {
    border: none
}

.participants-schedule .participant .times .container .timeblock span.busy {
    background-color: rgba(0, 0, 0, 0.2);
    border-left: 1px solid #9ba1a6
}

.participants-schedule .participant .times .start_end_overlay {
    position: absolute;
    top: 4px;
    height: 24px;
    background-color: rgba(6, 121, 200, 0.65);
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.5), inset -1px 0 0 0 rgba(255, 255, 255, 0.5);
    border-left: 3px solid #056f37
}

.participants-schedule .participant .times .start_end_overlay.right_border {
    border-right: 3px solid #fa374f
}

.participants-schedule .participant .buttons {
    border: none;
    width: 72px
}

.participants-schedule .participant .buttons .btn-toolbar {
    margin: 0 -2px 0 0;
    white-space: nowrap;
    text-align: left;
    padding-left: 4px
}

.participants-schedule .participant .buttons .btn-toolbar .stub {
    opacity: 0;
    cursor: auto
}

.participants-schedule .participant .buttons .btn-toolbar .btn {
    line-height: 12px;
    padding: 7px
}

.participants-schedule .participant .buttons .btn-toolbar .btn + .btn {
    margin-left: 4px
}

.participants-form .cell {
    display: table-cell;
    vertical-align: middle
}

.participants-form .profile {
    min-width: 199px
}

.participants-form .select {
    width: 100%
}

.participants-form .select .field {
    margin-left: -199px
}

.participants-form .buttons {
    width: 72px
}

.participants-form .buttons .btn-toolbar {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: 70px
}

.participants-form .buttons .btn-toolbar .btn-group + .btn-group {
    margin-left: 8px
}

.participants-form .buttons .btn-toolbar .btn {
    padding: 7px
}

.participants {
    display: table
}

.participants .row {
    display: table-row
}

.participants .row .cell {
    display: table-cell;
    vertical-align: middle;
    height: 34px;
    padding: 0 5px
}

.participants .row.spacer .cell {
    height: 5px
}

.participants .participant {
    border: 1px solid #9ba1a6;
    border-radius: 3px
}

.participants .name {
    font-size: 11px;
    font-weight: bold;
    width: 95px;
    max-width: 95px
}

.record-cell .fieldset-text {
    text-align: center;
    margin-top: 20px;
    padding-left: 4px
}

.record-cell[data-type="fieldset"] .error .input-append.date .error-tooltip.add-on {
    left: -15px
}

.record-cell[data-type="fieldset"] .error .input-append.date input[type="text"] {
    width: 124px
}

.record-cell[data-type="fieldset"] h1 .select2-container {
    margin: 0 14px 0 -7px
}

.record-cell[data-type="fieldset"] h1 input[type="text"] {
    border-width: 1px;
    padding: 6px;
    border-radius: var(--rounded-sm);
    margin-right: 14px;
    width: 210px;
    font-size: 15px
}

.record-cell .normal > .fieldset .fieldset-field input[type="text"], .record-cell .normal > .fieldset .fieldset-field textarea {
    margin-top: -1px;
    border-radius: var(--rounded-sm)
}

.record-cell .normal > .fieldset .fieldset-field input[type="text"]:focus, .record-cell .normal > .fieldset .fieldset-field textarea:focus {
    z-index: 2
}

.record-cell .normal > .fieldset .fieldset-field input[type="text"] + .error-tooltip.add-on, .record-cell .normal > .fieldset .fieldset-field textarea + .error-tooltip.add-on {
    margin-top: -1px
}

.record-cell .normal > .fieldset .fieldset-field:first-child input[type="text"], .record-cell .normal > .fieldset .fieldset-field:first-child textarea {
    border-top-left-radius: var(--rounded-sm);
    border-top-right-radius: var(--rounded-sm)
}

.record-cell .normal > .fieldset .fieldset-field:last-child input[type="text"], .record-cell .normal > .fieldset .fieldset-field:last-child textarea, .record-cell .normal > .fieldset .fieldset-field .address_country {
    border-bottom-left-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm)
}

.record-cell .normal > .fieldset .fieldset-field .record-label + .edit input[type="text"], .record-cell .normal > .fieldset .fieldset-field .record-label + .edit textarea {
    border-radius: var(--rounded-sm)
}

.record-cell .normal > .fieldset.address:not(.edit) {
    display: flex;
    flex-flow: row wrap
}

.record-cell .normal > .fieldset.address:not(.edit) .fieldset-field {
    display: inline-flex;
    flex: 0 0 100%;
    max-width: 100%
}

.record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_street"] {
    word-break: break-all;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -ms-word-break: normal
}

.record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_city"], .record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_state"], .record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_postalcode"] {
    flex: 0 0 auto
}

.record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_city"] .detail, .record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_state"] .detail, .record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_postalcode"] .detail {
    max-width: inherit;
    overflow: hidden
}

.record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_city"] .detail div, .record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_state"] .detail div, .record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_postalcode"] .detail div {
    padding-right: 4px
}

.record-cell .normal > .fieldset.address:not(.edit) .fieldset-field[data-name$="address_city"] .address_city .ellipsis_inline {
    width: calc(100% + 1px)
}

.record-cell .normal > .fieldset-inline {
    display: table;
    min-height: 0;
    width: 100%;
    padding: 0
}

.record-cell .normal > .fieldset-inline.fieldset-wrap {
    display: block
}

.record-cell .normal > .fieldset-inline.detail .ellipsis_inline {
    margin-bottom: 0;
    height: 18px;
    padding: 5px 0 5px 7px
}

.record-cell .normal > .fieldset-inline.nodata {
    padding: 5px 7px
}

.fieldset .fieldset-field:first-child .record-label {
    margin: -2px 0 2px
}

.fieldset .fieldset-field:not(:first-child) .record-label {
    margin: 2px 0 -2px
}

.fieldset .fieldset-field:last-child .detail, .fieldset .fieldset-field:last-child .edit {
    display: block
}

.fieldset-inline .fieldset-field {
    display: table-cell;
    padding-right: 8px;
    vertical-align: top
}

.fieldset-inline .fieldset-field .record-label {
    white-space: nowrap;
    min-height: 11px
}

.fieldset-inline .fieldset-field .record-label:empty {
    display: none
}

.fieldset-inline .fieldset-field .record-label:empty + .edit {
    display: block;
    margin-top: 16px
}

.fieldset-inline .fieldset-field .relate-field-container {
    padding: 0
}

.fieldset-inline .fieldset-field:last-child {
    padding-right: 0
}

.fieldset-inline:not(.edit):not(.fieldset-equal):not(.fieldset-wrap) .fieldset-field:last-child {
    width: 100%
}

.fieldset-inline.fieldset-wrap .fieldset-field {
    display: inline-block
}

.fieldset-inline.fieldset-wrap label {
    white-space: nowrap
}

.fieldset-inline.detail {
    padding: 0
}

.fieldset-inline.detail .ellipsis_inline {
    margin-bottom: 0;
    height: 18px;
    padding: 5px 0 5px 7px
}

.fieldset-inline.detail .fieldset-field[data-type="label"] {
    padding-right: 0
}

.fieldset-inline.detail .fieldset-field[data-type="label"] .ellipsis_inline {
    padding: 5px 0
}

.fieldset-inline.edit .fieldset-field[data-type="label"] {
    text-align: center
}

.fieldset-inline.nodata {
    padding: 5px 7px
}

.fieldset-inline:not(.edit):not(.fieldset-equal):not(.fieldset-wrap) .fieldset-field:last-child {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fieldset.list:not(.edit) .fieldset-field:last-child {
    width: auto;
    padding: 0
}

.fieldset.list .list:empty {
    display: none
}

div.opportunity-metrics-wrapper {
    padding: 0
}

div.opportunity-metrics-wrapper .nv-chart {
    height: 250px;
    min-width: 250px
}

div.opportunity-metrics-wrapper .opportunity-metrics-chart .won, div.opportunity-metrics-wrapper .nv-chart .won {
    fill: #00ba83
}

div.opportunity-metrics-wrapper .opportunity-metrics-chart .lost, div.opportunity-metrics-wrapper .nv-chart .lost {
    fill: #fa374f
}

div.opportunity-metrics-wrapper .opportunity-metrics-chart .active, div.opportunity-metrics-wrapper .nv-chart .active {
    fill: #517bf8
}

div.opportunity-metric {
    text-align: right;
    text-align: center;
    width: 33%;
    position: relative;
    border-top: 1px solid var(--border-color-light);
    border-right: 1px solid var(--border-color-light);
    float: left;
    padding: 20px 0 10px;
    box-sizing: border-box
}

div.opportunity-metric:last-child {
    border-right: none
}

div.opportunity-metric span.label {
    width: 28px;
    height: 28px;
    font-size: 14px;
    padding: 3px;
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -14px;
    line-height: 22px;
    border: none
}

div.opportunity-metric span.label.won {
    background-color: #baffcc;
    color: #056f37
}

div.opportunity-metric span.label.lost {
    background-color: #ffd4d0;
    color: #bb0e1b
}

div.opportunity-metric span.label.active {
    background-color: #c6ddff;
    color: #29388c
}

div.opportunity-metric div.opportunity-metric-description span {
    float: none;
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    text-shadow: 0 1px 0 #4d5154;
    margin-right: 3px !important
}

div.opportunity-metric div.deal-amount-metric {
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box
}

div.opportunity-metric div.deal-amount-metric.won {
    color: #056f37
}

div.opportunity-metric div.deal-amount-metric.lost {
    color: #bb0e1b
}

div.opportunity-metric div.deal-amount-metric.active {
    color: #29388c
}

td.preview-list-cell {
    text-align: center
}

a.preview-list-item:hover {
    text-decoration: none;
    cursor: pointer
}

.rc-handle-container {
    position: relative;
    z-index: 1
}

.rc-handle {
    position: absolute;
    width: 7px;
    cursor: ew-resize;
    margin-left: -3px
}

.rc-handle.rc-column-resizing {
    z-index: 8
}

table.rc-table-resizing, table.rc-table-resizing thead, table.rc-table-resizing thead > th, table.rc-table-resizing thead > th > a {
    cursor: ew-resize
}

.frozen-list-headers.flex-list-layout .main-pane .main-content .paginated-flex-list {
    height: 100%
}

.frozen-list-headers.flex-list-layout .main-pane .main-content .paginated-flex-list .flex-table-pagination {
    background-color: var(--foreground-base);
    display: flex;
    position: absolute;
    width: 100%
}

.frozen-list-headers.flex-list-layout .main-pane .main-content .paginated-flex-list .flex-list-view {
    height: calc(100% - 37px)
}

.frozen-list-headers.flex-list-layout .main-pane .main-content .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content .rc-handle-container {
    position: absolute;
    top: 0;
    z-index: 101
}

.frozen-list-headers.flex-list-layout .main-pane .main-content .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table thead tr {
    box-shadow: inset 0 1px 0 var(--border-base), inset 0 -2px 0 var(--border-base)
}

.frozen-list-headers.flex-list-layout .main-pane .main-content .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table thead .alert:not(.alert-process) {
    padding: 0;
    position: relative
}

.frozen-list-headers.flex-list-layout .main-pane .main-content .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table thead .alert:not(.alert-process)::before {
    all: unset
}

.frozen-list-headers.flex-list-layout .main-pane .main-content .paginated-flex-list .flex-list-view .flex-list-view-container .flex-list-view-content table td.sticky-column.stick-right:focus-within {
    z-index: 11
}

.drawer.frozen-list-headers.flex-list-layout .main-pane .main-content .flex-list-view {
    height: calc(100% - 78px)
}

.dashboard .flex-table-pagination .block-footer {
    text-align: left
}

.dashboard .multi-line > .flex-table-pagination {
    bottom: 0;
    z-index: 10;
    border-top: 1px solid var(--border-base)
}

.vis_action_hidden input {
    display: none
}

.sidebar-visible .flex-list-view table .alert .alert-list-contents, .sidebar-visible ~ #drawers .flex-list-view table .alert .alert-list-contents {
    width: 66vw
}

.omniconsole-visible .flex-list-view table .alert .alert-list-contents, .omniconsole-visible ~ #drawers .flex-list-view table .alert .alert-list-contents {
    width: calc(100vw - 320px)
}

.omniconsole-visible.sidebar-visible .flex-list-view table .alert .alert-list-contents, .omniconsole-visible.sidebar-visible ~ #drawers .flex-list-view table .alert .alert-list-contents {
    width: calc(66vw - 320px)
}

#drawers > .drawer {
    top: 3.5rem;
    bottom: 0;
    z-index: 1031;
    left: 3.5rem
}

#content .drawer {
    width: 100%
}

.drawer {
    position: absolute;
    top: 0;
    height: 100%;
    width: calc(100% - 3.5rem)
}

.drawer .drawer-backdrop {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1028;
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.drawer .drawer-tab .btn {
    position: absolute;
    top: 2px;
    left: 50%;
    height: 15px;
    width: 20px;
    margin-left: -10px;
    z-index: 1029;
    border-radius: 0 0 4px 4px
}

.drawer .main-pane {
    top: 3rem;
    margin-bottom: 3.5rem
}

.drawer .headerpane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: -moz-available
}

.drawer .span4.main-pane, .drawer .span4 .headerpane {
    width: calc(34vw - 3.5rem)
}

.drawer .span8.main-pane, .drawer .span8 .headerpane {
    width: calc(66vw - 3.5rem)
}

.drawer .span12.main-pane, .drawer .span12 .headerpane {
    width: calc(100vw - 3.5rem)
}

.drawer .side.sidebar-content.span4, .drawer .side.sidebar-content.span4 .headerpane {
    width: 34vw
}

.drawer .side.sidebar-content.span8, .drawer .side.sidebar-content.span8 .headerpane {
    width: 66vw
}

.drawer .side.sidebar-content.span12, .drawer .side.sidebar-content.span12 .headerpane {
    width: 100vw
}

.drawer.transition {
    transition: top 300ms
}

.drawer.transition .main-pane {
    top: 0
}

.drawer.transition .headerpane, .drawer.transition .preview-headerbar {
    position: relative;
    top: 0;
    width: 100%;
    left: 0
}

.banner-shifted #drawers > .drawer {
    top: calc(3.5rem + 2.125rem + .0625rem)
}

.banner-shifted #drawers > .drawer .headerpane {
    top: calc(3.5rem + 2.125rem + .0625rem)
}

#content.noscroll {
    overflow: hidden;
    z-index: 0
}

body.noscroll {
    overflow: hidden
}

.drawer.inactive {
    overflow: hidden
}

.drawer.inactive .main-pane {
    top: 2px
}

.drawer.inactive .dashboard {
    top: 2px;
    padding-top: 0
}

.drawer.inactive .dashboard .dfab-icon {
    display: none
}

.drawer.inactive .preview-pane {
    padding-top: 5px
}

.drawer.inactive .headerpane, .drawer.inactive .preview-headerbar, .drawer.inactive .help-headerbar {
    position: relative;
    top: 0;
    width: 100%
}

.drawer.inactive .headerpane .btn-toolbar, .drawer.inactive .preview-headerbar .btn-toolbar, .drawer.inactive .help-headerbar .btn-toolbar {
    visibility: hidden
}

@media only screen and (orientation: landscape) {
    .touch .drawer.active .main-pane > div:not(.dropdown-menu) {
        display: inline
    }

    .touch .drawer.active .main-pane > div:not(.dropdown-menu) .flex-list-view-content {
        display: inline
    }

    .touch .drawer.active .main-pane > div:not(.dropdown-menu) .list-view {
        height: 100%
    }
}

.touch .drawer.active {
    -webkit-overflow-scrolling: touch
}

.touch .drawer.active.transition .main-pane {
    padding-top: 0 !important
}

.touch .drawer.inactive .main-pane {
    padding-top: 0 !important
}

.touch .drawer.inactive .dashboard {
    padding-top: 0 !important
}

.selection-context {
    padding: 5px 8px;
    background: var(--content-background)
}

.selection-context .reset-block {
    margin-right: 5px
}

.selection-context .selected-records {
    width: 100%
}

.selection-context .selected-records.select2-choices-pills-close.same-size-pills.select2-container.select2-container-multi.select2 ul.select2-choices {
    max-height: 44px;
    min-height: 44px;
    overflow-y: auto
}

.selection-context .label-selected-records {
    padding-left: 1px
}

.selection-context .selected-records-container {
    padding-right: 63px
}

.selection-context .max-pills-label, .selection-context .more-pills-label {
    padding-top: 2px;
    padding-left: 5px
}

@media (max-width: 768px) {
    .transition .main-pane.span8, .transition .main-pane.span12 {
        margin: 0
    }

    .drawer .span4.main-pane, .drawer .span8.main-pane, .drawer .span12.main-pane, .drawer .span4.side.sidebar-content, .drawer .span8.side.sidebar-content, .drawer .span12.side.sidebar-content {
        width: 100%
    }

    .drawer .span4.main-pane .headerpane, .drawer .span8.main-pane .headerpane, .drawer .span12.main-pane .headerpane, .drawer .span4.side.sidebar-content .headerpane, .drawer .span8.side.sidebar-content .headerpane, .drawer .span12.side.sidebar-content .headerpane {
        width: calc(100vw - 3.5rem);
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .drawer.active {
        overflow: auto
    }

    .drawer.inactive .sidebar-toggle {
        display: none
    }

    .drawer.inactive .main-pane {
        margin-top: 0
    }

    .drawer.inactive .preview-pane {
        position: relative
    }
}

#portal_themeroller {
    position: relative
}

#portal_themeroller #alerts.alert-top {
    position: absolute;
    top: 0
}

.hp input {
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    left: -1000px
}

table.reorderable-columns th[data-fieldname] {
    padding: 0
}

table.reorderable-columns th[data-fieldname]:hover {
    cursor: pointer
}

table.reorderable-columns th[data-fieldname] > div {
    overflow-x: visible;
    white-space: normal;
    word-break: normal;
    vertical-align: middle;
    text-overflow: initial;
    box-sizing: border-box;
    width: 100%;
    width: calc(100% - 16px);
    margin-left: 8px
}

table.reorderable-columns th[data-fieldname] > div > div {
    box-sizing: border-box
}

table.reorderable-columns th[data-fieldname] > div > div[data-draggable="true"] {
    display: flex;
    padding-left: 0;
    width: 100%
}

table.reorderable-columns th[data-fieldname] > div > div[data-draggable="true"].ui-draggable-dragging {
    background-color: var(--primary-content-hover);
    color: var(--text-base);
    z-index: 1;
    cursor: ew-resize
}

table.reorderable-columns th[data-fieldname] > div > div > span {
    display: inline-block;
    width: 100%;
    overflow-x: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis
}

table.reorderable-columns .th-droppable-placeholder {
    width: 5px !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px
}

table.reorderable-columns .th-droppable-placeholder.th-droppable-placeholder-highlight {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2
}

table.reorderable-columns .th-droppable-placeholder.th-droppable-placeholder-highlight::before, table.reorderable-columns .th-droppable-placeholder.th-droppable-placeholder-highlight::after {
    font-family: 'SugarIcons';
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 6px;
    white-space: pre;
    position: absolute;
    top: 17px;
    right: 4px;
    float: right;
    content: "\ead1";
    font-weight: normal
}

table.reorderable-columns .th-droppable-placeholder.th-droppable-placeholder-highlight::after {
    left: 4px;
    content: "\ea05"
}

table.reorderable-columns .th-droppable-placeholder.th-droppable-placeholder-last {
    right: -2px;
    left: auto
}

.no-touch .flex-list-view.left-actions.scroll-width table.dataTable.reorderable-columns th:nth-child(2) > div > div.th-droppable-placeholder {
    left: -2px !important
}

.no-touch .flex-list-view.right-actions.scroll-width table.dataTable.reorderable-columns th:nth-last-of-type(2) > div > div.th-droppable-placeholder-last {
    right: -1px !important
}

.record-cell[data-type="pricing-formula"] .span4 .record-label {
    position: absolute;
    top: -15px
}

.record-cell[data-type="pricing-formula"] .labels-on-side .span4 .record-label {
    position: absolute;
    top: -20px
}

.dataTable tr.tr-inline-edit td[data-type="pricing-formula"] {
    min-width: 200px;
    max-width: 200px !important
}

.dataTable tr.tr-inline-edit td[data-type="pricing-formula"] label {
    float: right;
    margin-bottom: 0
}

.dataTable tr.tr-inline-edit td[data-type="pricing-formula"] label input[type="text"] {
    width: 35px;
    min-width: 35px
}

.resource-list {
    min-height: 86px;
    display: block
}

.resource {
    display: block;
    width: 100%
}

.resource:last-child {
    padding-bottom: 0.875rem
}

.resource i {
    display: inline-block
}

.resource-info a {
    margin-bottom: 3px;
    margin-top: -2px;
    display: block;
    font-size: 14px
}

.resource-info .details {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    text-align: left
}

.popover.feedback .arrow {
    left: 74%
}

.popover.helpmodal .popover-content {
    padding-top: 0
}

.popover.helpmodal .popover-content .helplet-body {
    max-height: 300px;
    overflow-y: auto;
    margin: 10px 0
}

.popover.helpmodal .popover-content .helplet-body a:hover {
    text-decoration: underline
}

.popover.helpmodal .popover-content .helplet-body p.body-text {
    margin-top: 10px
}

.popover.helpmodal .popover-content .feedback-close:hover {
    text-decoration: none
}

.popover.helpmodal .arrow {
    left: 94%
}

.popover.helpmodal .resource {
    display: block;
    width: auto;
    padding: 10px 15px 10px 0;
    border-right: none;
    border-bottom: 1px solid var(--border-base)
}

.popover.helpmodal .resource:last-child {
    border-bottom: none
}

.popover.helpmodal .resource i {
    font-size: initial;
    padding: 1px
}

.popover.helpmodal .resource-info {
    margin-left: 30px
}

.popover.helpmodal .resource-info:last-child {
    border-bottom: none
}

.popover.helpmodal .resource-info a {
    margin-top: 0
}

.popover.helpmodal .btn.btn-link {
    font-size: 13px;
    margin: 0;
    padding: 0
}

.popover.helpmodal .btn.btn-link.disabled .label {
    color: #fff;
    cursor: default
}

.step-circle {
    border-radius: 14px;
    height: 26px;
    width: 26px;
    position: relative;
    display: inline-block;
    background: var(--foreground-base);
    text-align: center;
    margin-right: 12px;
    border: 1px solid var(--border-base)
}

.step-circle > span {
    display: inline-block;
    background: var(--content-background);
    width: 18px;
    height: 18px;
    border: 1px solid var(--border-base);
    border-radius: 10px;
    margin-top: 3px;
    font-weight: bold
}

.step-circle .sicon-check-circle-lg {
    display: none;
    color: #00ba83;
    margin-top: 5px
}

.step-circle.complete > span {
    display: none
}

.step-circle.complete .sicon-check-circle-lg {
    display: inline-block
}

.upgrade {
    position: absolute;
    width: 100%
}

.upgrade .modal {
    width: 700px;
    margin-left: -350px;
    top: 20%
}

.upgrade .modal-header {
    padding: 9px 10px
}

.upgrade .modal-header .step-circle .sicon-check-circle-lg {
    display: inline-block
}

.upgrade .modal-footer .version {
    float: left;
    padding: 4px 12px;
    color: var(--label-color)
}

.upgrade .modal-header-upgrade {
    position: relative;
    padding: 10px 0
}

.upgrade .modal-header-upgrade .step-circle {
    position: absolute;
    margin-right: 0;
    top: 14px;
    left: 8px
}

.upgrade .modal-header-upgrade .upgrade-title {
    display: inline-block;
    box-sizing: border-box;
    padding-left: 45px;
    margin-left: 0
}

.upgrade .modal-header-upgrade .upgrade-title span {
    display: inline-block
}

.upgrade .modal-header-upgrade .upgrade-title h3 {
    line-height: 24px;
    white-space: nowrap
}

.upgrade .modal-header-upgrade .progress-section {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 0 14px;
    text-align: center
}

.upgrade .modal-body {
    min-height: 168px;
    margin: 0 0 78px;
    max-height: 342px;
    padding: 10px 8px
}

.upgrade .modal-body.record .record-cell {
    padding-left: 11px
}

.upgrade .modal-body h1 {
    margin-left: 36px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--text-base)
}

.upgrade .modal-body .sicon {
    position: absolute;
    left: 16px;
    margin-top: 4px
}

.upgrade .modal-body p {
    margin-left: 37px;
    margin-right: 37px
}

.upgrade .progress .bar.in-progress {
    background-image: none;
    background-color: #ff9445
}

.upgrade .progress .bar.error {
    background-image: none;
    background-color: #bb0e1b
}

.upgrade .control-group input[type="password"], .upgrade .upgrade .control-group input[type="text"] {
    margin-bottom: 10px
}

.upgrade .thumbnails {
    margin: 0
}

.upgrade .thumbnails li {
    margin-bottom: 9px
}

.upgrade .thumbnails li.span3 .thumbnail {
    padding: 14px 6px;
    height: 44px
}

.upgrade .thumbnails .thumbnail {
    height: 60px;
    padding: 6px;
    text-align: center;
    color: var(--text-base);
    font-size: 11px;
    background-color: var(--foreground-base);
    background-image: linear-gradient(to bottom, #f1f3f4, #fff);
    background-repeat: repeat-x;
    transition: all 0s
}

.upgrade .thumbnails .thumbnail:hover {
    box-shadow: 0 2px 4px 0 var(--shadow-color);
    border: none
}

.upgrade .thumbnails .thumbnail:hover i {
    text-decoration: none;
    color: var(--text-color-hover)
}

.upgrade .thumbnails .thumbnail i {
    font-size: 24px;
    display: inline-block;
    width: 100%;
    color: var(--sicon-color)
}

.upgrade [data-step="2"], .upgrade [data-step="3"] {
    display: none
}

.upgrade #alerts .alert {
    display: none
}

.upgrade .file-upload.focus {
    margin-bottom: 0;
    font-weight: normal
}

.upgrade .file-upload.focus input[type="file"] {
    display: inline-block;
    margin-left: -1px;
    height: 22px
}

.upgrade .color_red {
    color: #bb0e1b;
    background: none
}

.upgrade .color_yellow {
    color: #ffd132;
    background: none
}

.upgrade .alert-danger {
    background-color: #bb0e1b;
    color: var(--text-base);
    text-shadow: none !important
}

.upgrade .color_green {
    color: #056f37;
    background: none
}

.upgrade .alert-success {
    background-color: #056f37;
    color: var(--text-base);
    text-shadow: none !important
}

.upgrade .alert-wrapper {
    width: 600px
}

.upgrade .alert .close {
    right: 1px;
    top: 1px
}

.upgrade .alert .close .sicon-close {
    color: var(--sicon-color)
}

.upgrade .sicon-warning-lg {
    border-radius: 10px;
    padding: 2px 1px 0
}

.upgrade .upload-file {
    border: 3px solid var(--border-base);
    display: flex;
    align-items: center;
    height: 36px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 4px;
    width: 75%
}

.upgrade .upload-file > span:first-child {
    margin-left: 4px;
    margin-right: 4px
}

.upgrade .upgrade-check {
    position: absolute;
    margin-top: -20px;
    right: 14px;
    width: 196px;
    height: 2px
}

.upgrade .healthcheck-check {
    position: absolute;
    margin-top: -20px;
    right: 14px;
    width: 196px;
    height: 2px
}

@media (max-width: 768px) {
    .upgrade .modal {
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 44px;
        left: 0;
        margin: 0;
        padding: 4px 0;
        border: 0
    }
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#sweetspot {
    max-height: 520px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    position: fixed;
    width: 500px;
    min-height: 60px;
    background-color: #f1f3f4;
    top: 14%;
    z-index: 100000;
    left: -moz-calc(50% - 250px);
    left: -webkit-calc(50% - 250px);
    left: calc(50% - 250px);
    margin: 0 auto;
    border-radius: 10px;
    border: 6px solid rgba(0, 0, 0, 0.5)
}

#sweetspot[data-theme=light] {
    border-radius: 2px;
    border: 1px solid var(--border-base);
    box-shadow: 0 2px 4px 0 var(--shadow-color)
}

#sweetspot[data-theme=light] input[type=text] {
    color: #4d5154;
    background-color: rgba(0, 0, 0, 0)
}

#sweetspot[data-theme=light] ul {
    background-color: rgba(0, 0, 0, 0)
}

#sweetspot[data-theme=light] .sweetspot-results p {
    margin: 0 10px;
    padding: 2px 0 0;
    background-color: rgba(0, 0, 0, 0);
    color: #4d5154;
    border-bottom: 1px solid #4d5154
}

#sweetspot[data-theme=light] .sweetspot-results li[data-sweetaction] {
    border-radius: 0
}

#sweetspot[data-theme=light] .sweetspot-results li[data-sweetaction].active {
    background-color: rgba(0, 0, 0, 0.07000000000000001)
}

#sweetspot[data-theme=light] .sweetspot-results li[data-sweetaction]:hover {
    background-color: rgba(0, 0, 0, 0.07000000000000001)
}

#sweetspot[data-theme=dark] {
    border-radius: 2px;
    border: 1px solid #2b2d2e;
    box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.5);
    background-color: #4d5154
}

#sweetspot[data-theme=dark] input[type=text] {
    color: #e5eaed;
    background-color: transparent
}

#sweetspot[data-theme=dark] ul {
    background-color: #2b2d2e
}

#sweetspot[data-theme=dark] i {
    color: rgba(255, 255, 255, 0.8)
}

#sweetspot[data-theme=dark] i:hover {
    color: #e5eaed;
    cursor: pointer
}

#sweetspot[data-theme=dark] .sweetspot-results p {
    margin: 0 10px;
    padding: 2px 0 0;
    background-color: transparent;
    color: #e5eaed;
    border-bottom: 1px solid #6f777b
}

#sweetspot[data-theme=dark] .sweetspot-results li[data-sweetaction] {
    border-radius: 0
}

#sweetspot[data-theme=dark] .sweetspot-results li[data-sweetaction] a {
    color: #e5eaed
}

#sweetspot[data-theme=dark] .sweetspot-results li[data-sweetaction] a > div.result-text div.result-keyword.label {
    background-color: rgba(255, 255, 255, 0.8);
    color: #2b2d2e;
    border: none
}

#sweetspot[data-theme=dark] .sweetspot-results li[data-sweetaction] .sweetspot-icon {
    color: rgba(255, 255, 255, 0.8)
}

#sweetspot[data-theme=dark] .sweetspot-results li[data-sweetaction].active {
    background-color: rgba(255, 255, 255, 0.07000000000000001)
}

#sweetspot[data-theme=dark] .sweetspot-results li[data-sweetaction]:hover {
    background-color: rgba(255, 255, 255, 0.07000000000000001)
}

#sweetspot input[type=text] {
    display: block;
    border: 0;
    padding: 0 5px;
    margin: 0;
    position: absolute;
    width: calc(100% - 75px);
    color: #2b2d2e;
    background-color: #d9dddf;
    font-size: 34px;
    box-shadow: none;
    height: 50px;
    top: 5px;
    left: 5px
}

#sweetspot img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 10px
}

#sweetspot i {
    margin: 3px 3px 0 0
}

#sweetspot i:hover {
    color: var(--sicon-hover-color);
    cursor: pointer
}

#sweetspot .sweetspot-searchbar {
    height: 60px
}

#sweetspot .sweetspot-results {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    list-style-type: none
}

#sweetspot .sweetspot-results > li {
    margin: 0
}

#sweetspot .sweetspot-results ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#sweetspot .sweetspot-results ul li[data-sweetaction] {
    height: 50px;
    margin: 5px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 3px;
    position: relative
}

#sweetspot .sweetspot-results ul li[data-sweetaction] span.label {
    position: absolute;
    top: 9px;
    left: 6px
}

#sweetspot .sweetspot-results ul li[data-sweetaction] a {
    color: #2b2d2e;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 100%;
    outline: 0
}

#sweetspot .sweetspot-results ul li[data-sweetaction] a > div.result-text {
    position: absolute;
    white-space: nowrap;
    left: 50px;
    font-size: 24px;
    top: 9px;
    line-height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    bottom: 9px;
    right: 50px;
    padding: 0;
    margin: 0
}

#sweetspot .sweetspot-results ul li[data-sweetaction] a > div.result-text div.result-keyword.label {
    display: block;
    float: right;
    margin: 6px 0 0 3px
}

#sweetspot .sweetspot-results ul li[data-sweetaction] a > div.result-text div.result-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

#sweetspot .sweetspot-results ul li[data-sweetaction].active {
    background-color: #d9dddf
}

#sweetspot .sweetspot-results ul li[data-sweetaction].active .result-icon {
    display: none
}

#sweetspot .sweetspot-results ul li[data-sweetaction]:hover {
    background-color: #d9dddf
}

#sweetspot .sweetspot-results ul li[data-sweetaction] .sweetspot-icon {
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.2)
}

#sweetspot .sweetspot-results p {
    height: 18px;
    margin: 0;
    padding: 2px 10px 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #d9dddf;
    border-radius: 0;
    font-size: 11px;
    font-variant: small-caps
}

@media (max-width: 525px) {
    #sweetspot {
        width: 97%;
        left: auto;
        right: auto
    }
}

.sweetspot-config .main-pane {
    width: 100%
}

.sweetspot-config table tbody tr td.hotkey-controls {
    text-align: center;
    vertical-align: middle
}

.sweetspot-config table tbody tr td .edit .inherit-width {
    width: calc(100% - 14px)
}

.record-cell p.email-provider {
    float: left
}

.record-cell p.email-provider label {
    margin-bottom: 0;
    margin-right: 8px;
    position: relative
}

.record-cell p.email-provider input[type=radio] {
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

.record-cell p.email-provider input[type=radio]:checked + img, .record-cell p.email-provider input[type=radio]:checked + span {
    border-color: #9ba1a6;
    opacity: 1
}

.record-cell p.email-provider input[type=radio]:focus + img, .record-cell p.email-provider input[type=radio]:focus + span {
    outline: 3px auto #517bf8;
    outline: 3px auto -moz-mac-focusring;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
}

.record-cell p.email-provider img, .record-cell p.email-provider.other span {
    background: #fff;
    border: 1px solid var(--border-base);
    position: relative;
    opacity: 0.7
}

.record-cell p.email-provider img {
    height: 30px;
    padding: 8px;
    pointer-events: none
}

.record-cell p.email-provider.other span {
    padding: 14px;
    font-size: 18px;
    color: #0679c8;
    display: inline-block
}

.record-cell p.warning-block {
    color: #bb0e1b;
    background-color: #ffd4d0;
    clear: both
}

.record-cell p.warning-block a:hover {
    color: #005d9c
}

[data-type=opportunities-conditional-fieldset] .fieldset.detail {
    margin-bottom: 11px
}

[data-type=opportunities-conditional-fieldset] .fieldset.detail input[type=checkbox] {
    margin-right: 7px
}

[data-type=opportunities-conditional-fieldset] .opportunities_cascade_condition::after {
    color: #6f777b;
    font-size: 12px
}

.cascade-label {
    font-size: 12px;
    white-space: normal;
    float: initial;
    padding: 0
}

.flex-list-view-content .select2-container.select2-container-disabled .select2-choice, .multi-line-list-view .select2-container.select2-container-disabled .select2-choice {
    cursor: not-allowed;
    color: var(--gray-500);
    background: var(--input-disabled-background);
    border: 1px solid var(--border-base)
}

.flex-list-view-content .select2-container.select2-container-disabled .select2-choice .select2-arrow, .multi-line-list-view .select2-container.select2-container-disabled .select2-choice .select2-arrow {
    display: none
}

.cascade-label-wrapper {
    padding-left: 5px
}

.multi-line-list-view .cascade-label-wrapper {
    padding-left: 0
}

.cascade-label-wrapper input[type=checkbox] {
    display: inline-block;
    margin: 0 1px 2px 0
}

.cascade-label-wrapper.disabled {
    cursor: not-allowed
}

[data-type=fieldset], .dataTable [data-type=fieldset] {
    min-width: 155px
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible), .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible).detail > .fieldset-field > span div[class*="currency-field"], .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible).detail > .fieldset-field > span div[class*="currency-field"], [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible).detail > .fieldset-field > span div[class*="discount-amount-field"], .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible).detail > .fieldset-field > span div[class*="discount-amount-field"] {
    text-align: left
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field:first-child, .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field:first-child {
    width: 100%
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span div[class*="currency-field"], .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span div[class*="currency-field"] {
    overflow-x: hidden;
    text-overflow: ellipsis;
    text-align: right
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span.edit [name=discount_amount], .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span.edit [name=discount_amount] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: right
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown, .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown {
    max-width: 28px
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown .select2-choice, .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown .select2-choice {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-right: 8px;
    padding-left: 8px
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown .select2-choice .select2-chosen, .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown .select2-choice .select2-chosen {
    margin-right: auto;
    text-align: center;
    overflow: visible
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown .select2-choice .select2-arrow, .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown .select2-choice .select2-arrow {
    display: none
}

[data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown .select2-default > span[class*="select2-chosen"], .dataTable [data-type=fieldset] span[class*="discount-field"]:not(.overflow-visible) .fieldset-field span .discount-select-dropdown .select2-default > span[class*="select2-chosen"] {
    color: #000
}

.dashboard-grid {
    box-sizing: border-box
}

.dashboard-grid .dashlet-container {
    box-sizing: border-box;
    overflow: hidden
}

.dashboard-grid .dashlet-container .thumbnail.dashlet {
    box-sizing: border-box
}

.dashboard-grid .dashlet-container .thumbnail.dashlet .dashlet-title {
    text-align: initial;
    text-overflow: ellipsis
}

.dashboard-grid .dashlet-container .thumbnail.dashlet .dashlet-content {
    height: calc(100% - 34px);
    overflow: auto
}

.dashboard-grid .dashlet-container .thumbnail.dashlet .dashlet-content .service_start_date_should_cascade, .dashboard-grid .dashlet-container .thumbnail.dashlet .dashlet-content .pagination .previous-fav, .dashboard-grid .dashlet-container .thumbnail.dashlet .dashlet-content .pagination .next-fav {
    position: relative;
    z-index: 91
}

.dashboard-grid .dashlet-container .thumbnail.dashlet .list-pagination-wrapper {
    overflow: hidden
}

.dashboard.edit .dashboard-grid .dashlet-container {
    box-sizing: border-box;
    overflow: hidden
}

.console_dashboard .side-drawer .dashboard-grid .dashlet-container {
    box-sizing: border-box;
    overflow: hidden
}

.console_dashboard .side-drawer .dashboard.edit .dashboard-grid .dashlet-container {
    box-sizing: border-box;
    overflow: hidden
}

.agent_workbench_dashboard .side-drawer .dashboard-grid .dashlet-container {
    box-sizing: border-box;
    overflow: hidden
}

.agent_workbench_dashboard .side-drawer .dashboard.edit .dashboard-grid .dashlet-container {
    box-sizing: border-box;
    overflow: hidden
}

.dashboard-grid .ui-draggable-dragging .dashlet-container {
    margin: 0;
    opacity: 0.75
}

.dashboard-grid .ui-resizable-resizing .dashlet-container {
    opacity: 0.75
}

.dashboard-grid .ui-draggable:not([data-gs-no-move='true']):not(.ui-draggable-disabled) .dashlet-header {
    cursor: move
}

.dashboard-grid .dashlet-header {
    white-space: nowrap
}

.dashboard-grid .grid-stack-item:focus {
    outline: none
}

.dashboard-grid .grid-stack-placeholder > .placeholder-content {
    border-color: #36b0ff;
    background-color: #c0edff;
    border-radius: 3px
}

.dashboard-grid .empty-grid {
    display: none
}

.dashboard-grid .empty-grid:only-child {
    display: block
}

.dashboard.edit .dashboard-grid .empty-grid {
    display: none
}

.dashboard-grid .collapsed .dashlet-container {
    overflow: visible
}

.dashboard-grid .collapsed .dashlet-container .block-footer {
    display: none
}

.grid-stack-item.ui-resizable-resizing iframe {
    pointer-events: none
}

.grid-stack-item::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    height: 1px;
    width: 1px
}

.dashboard-grid .dashlet-container .dashlet.collapsed .list-pagination-wrapper {
    overflow: hidden
}

.kanban-col .column-fade-top {
    z-index: 2000
}

.kanban-col .column-fade-top.fade-alpha-0 {
    background-image: var(--fade-alpha-t-pink)
}

.kanban-col .column-fade-top.fade-alpha-1 {
    background-image: var(--fade-alpha-t-ocean)
}

.kanban-col .column-fade-top.fade-alpha-2 {
    background-image: var(--fade-alpha-t-green)
}

.kanban-col .column-fade-top.fade-alpha-3 {
    background-image: var(--fade-alpha-t-orange)
}

.kanban-col .column-fade-top.fade-alpha-4 {
    background-image: var(--fade-alpha-t-red)
}

.kanban-col .column-fade-top.fade-alpha-5 {
    background-image: var(--fade-alpha-t-pacific)
}

.kanban-col .column-fade-top.fade-alpha-6 {
    background-image: var(--fade-alpha-t-coral)
}

.kanban-col .column-fade-top.fade-alpha-7 {
    background-image: var(--fade-alpha-t-purple)
}

.kanban-col .column-fade-top.fade-alpha-8 {
    background-image: var(--fade-alpha-t-teal)
}

.kanban-col .column-fade-top.fade-alpha-9 {
    background-image: var(--fade-alpha-t-army)
}

.kanban-col .column-fade-top.fade-alpha-10 {
    background-image: var(--fade-alpha-t-yellow)
}

.kanban-col .column-fade-top.fade-alpha-11 {
    background-image: var(--fade-alpha-t-gray)
}

.kanban-col .column-fade-bottom {
    bottom: 0
}

.kanban-col .column-fade-bottom.fade-alpha-0 {
    background-image: var(--fade-alpha-b-pink)
}

.kanban-col .column-fade-bottom.fade-alpha-1 {
    background-image: var(--fade-alpha-b-ocean)
}

.kanban-col .column-fade-bottom.fade-alpha-2 {
    background-image: var(--fade-alpha-b-green)
}

.kanban-col .column-fade-bottom.fade-alpha-3 {
    background-image: var(--fade-alpha-b-orange)
}

.kanban-col .column-fade-bottom.fade-alpha-4 {
    background-image: var(--fade-alpha-b-red)
}

.kanban-col .column-fade-bottom.fade-alpha-5 {
    background-image: var(--fade-alpha-b-pacific)
}

.kanban-col .column-fade-bottom.fade-alpha-6 {
    background-image: var(--fade-alpha-b-coral)
}

.kanban-col .column-fade-bottom.fade-alpha-7 {
    background-image: var(--fade-alpha-b-purple)
}

.kanban-col .column-fade-bottom.fade-alpha-8 {
    background-image: var(--fade-alpha-b-teal)
}

.kanban-col .column-fade-bottom.fade-alpha-9 {
    background-image: var(--fade-alpha-b-army)
}

.kanban-col .column-fade-bottom.fade-alpha-10 {
    background-image: var(--fade-alpha-b-yellow)
}

.kanban-col .column-fade-bottom.fade-alpha-11 {
    background-image: var(--fade-alpha-b-gray)
}

.kanban-col hr {
    border: 3px solid;
    color: inherit
}

.kanban-col.target-column {
    outline: 2px dashed
}

.kanban-col.kanban-col-0 {
    background-color: var(--pipeline-pink-base-a35)
}

.kanban-col.kanban-col-0.target-column {
    outline-color: var(--pipeline-pink-opposite)
}

.kanban-col .color-kanban-col-header-0 {
    color: var(--pipeline-pink-opposite)
}

.kanban-col .badge-kanban-col-0 {
    color: var(--contrast-color);
    background-color: var(--pipeline-pink-opposite)
}

.kanban-col.kanban-col-1 {
    background-color: var(--pipeline-ocean-base-ac)
}

.kanban-col.kanban-col-1.target-column {
    outline-color: var(--pipeline-ocean-opposite)
}

.kanban-col .color-kanban-col-header-1 {
    color: var(--pipeline-ocean-opposite)
}

.kanban-col .badge-kanban-col-1 {
    color: var(--contrast-color);
    background-color: var(--pipeline-ocean-opposite)
}

.kanban-col.kanban-col-2 {
    background-color: var(--pipeline-green-base-a35)
}

.kanban-col.kanban-col-2.target-column {
    outline-color: var(--pipeline-green-opposite)
}

.kanban-col .color-kanban-col-header-2 {
    color: var(--pipeline-green-opposite)
}

.kanban-col .badge-kanban-col-2 {
    color: var(--contrast-color);
    background-color: var(--pipeline-green-opposite)
}

.kanban-col.kanban-col-3 {
    background-color: var(--pipeline-orange-base-a35)
}

.kanban-col.kanban-col-3.target-column {
    outline-color: var(--pipeline-orange-opposite)
}

.kanban-col .color-kanban-col-header-3 {
    color: var(--pipeline-orange-opposite)
}

.kanban-col .badge-kanban-col-3 {
    color: var(--contrast-color);
    background-color: var(--pipeline-orange-opposite)
}

.kanban-col.kanban-col-4 {
    background-color: var(--pipeline-red-base-a35)
}

.kanban-col.kanban-col-4.target-column {
    outline-color: var(--pipeline-red-opposite)
}

.kanban-col .color-kanban-col-header-4 {
    color: var(--pipeline-red-opposite)
}

.kanban-col .badge-kanban-col-4 {
    color: var(--contrast-color);
    background-color: var(--pipeline-red-opposite)
}

.kanban-col.kanban-col-5 {
    background-color: var(--pipeline-pacific-base-a35)
}

.kanban-col.kanban-col-5.target-column {
    outline-color: var(--pipeline-pacific-opposite)
}

.kanban-col .color-kanban-col-header-5 {
    color: var(--pipeline-pacific-opposite)
}

.kanban-col .badge-kanban-col-5 {
    color: var(--contrast-color);
    background-color: var(--pipeline-pacific-opposite)
}

.kanban-col.kanban-col-6 {
    background-color: var(--pipeline-coral-base-a35)
}

.kanban-col.kanban-col-6.target-column {
    outline-color: var(--pipeline-coral-opposite)
}

.kanban-col .color-kanban-col-header-6 {
    color: var(--pipeline-coral-opposite)
}

.kanban-col .badge-kanban-col-6 {
    color: var(--contrast-color);
    background-color: var(--pipeline-coral-opposite)
}

.kanban-col.kanban-col-7 {
    background-color: var(--pipeline-purple-base-a35)
}

.kanban-col.kanban-col-7.target-column {
    outline-color: var(--pipeline-purple-opposite)
}

.kanban-col .color-kanban-col-header-7 {
    color: var(--pipeline-purple-opposite)
}

.kanban-col .badge-kanban-col-7 {
    color: var(--contrast-color);
    background-color: var(--pipeline-purple-opposite)
}

.kanban-col.kanban-col-8 {
    background-color: var(--pipeline-teal-base-a35)
}

.kanban-col.kanban-col-8.target-column {
    outline-color: var(--pipeline-teal-opposite)
}

.kanban-col .color-kanban-col-header-8 {
    color: var(--pipeline-teal-opposite)
}

.kanban-col .badge-kanban-col-8 {
    color: var(--contrast-color);
    background-color: var(--pipeline-teal-opposite)
}

.kanban-col.kanban-col-9 {
    background-color: var(--pipeline-army-base-a35)
}

.kanban-col.kanban-col-9.target-column {
    outline-color: var(--pipeline-army-opposite)
}

.kanban-col .color-kanban-col-header-9 {
    color: var(--pipeline-army-opposite)
}

.kanban-col .badge-kanban-col-9 {
    color: var(--contrast-color);
    background-color: var(--pipeline-army-opposite)
}

.kanban-col.kanban-col-10 {
    background-color: var(--pipeline-yellow-base-a35)
}

.kanban-col.kanban-col-10.target-column {
    outline-color: var(--pipeline-yellow-opposite)
}

.kanban-col .color-kanban-col-header-10 {
    color: var(--pipeline-yellow-opposite)
}

.kanban-col .badge-kanban-col-10 {
    color: var(--contrast-color);
    background-color: var(--pipeline-yellow-opposite)
}

.kanban-col.kanban-col-11 {
    background-color: var(--pipeline-gray-base-a35)
}

.kanban-col.kanban-col-11.target-column {
    outline-color: var(--pipeline-gray-opposite)
}

.kanban-col .color-kanban-col-header-11 {
    color: var(--pipeline-gray-opposite)
}

.kanban-col .badge-kanban-col-11 {
    color: var(--contrast-color);
    background-color: var(--pipeline-gray-opposite)
}

.current-column .kanban-col {
    max-width: 15rem
}

.call-transcript:not(:empty):not(.nolicense) {
    border: 2px solid var(--border-base);
    border-radius: 2px;
    max-height: 125px;
    overflow-y: auto
}

.call-transcript:not(:empty):not(.nolicense).empty-transcript {
    border: none
}

.record-cell.edit span[data-fieldname="attachment_list"] > span.edit, .record-cell.edit div[data-name="attachment_list"] > span.edit {
    margin-left: -6px
}

.record-cell.edit span[data-fieldname="attachment_list"] > span.edit .select2-search-choice a, .record-cell.edit div[data-name="attachment_list"] > span.edit .select2-search-choice a {
    margin-top: 3px;
    margin-right: 2px;
    padding-left: 4px
}

.record-cell.edit span[data-fieldname="attachment_list"] > span.edit .select2-container.with-padding, .record-cell.edit div[data-name="attachment_list"] > span.edit .select2-container.with-padding {
    margin-left: 5px !important;
    width: 99.6%
}

.record-cell.edit span[data-fieldname="attachment_list"] > span.edit .select2-container.with-padding .select2-choices, .record-cell.edit div[data-name="attachment_list"] > span.edit .select2-container.with-padding .select2-choices {
    padding-left: 66px !important;
    padding-top: 2px;
    padding-bottom: 2px
}

.record-cell.edit span[data-fieldname="attachment_list"] > span.edit .select2-container.with-padding .select2-choices .select2-search-choice, .record-cell.edit div[data-name="attachment_list"] > span.edit .select2-container.with-padding .select2-choices .select2-search-choice {
    padding: 1px 2px 1px 6px
}

.record-cell.edit span[data-fieldname="attachment_list"] > span.edit .select2-container.with-padding .select2-choices .select2-search-choice div, .record-cell.edit div[data-name="attachment_list"] > span.edit .select2-container.with-padding .select2-choices .select2-search-choice div {
    float: left
}

.record-cell.edit span[data-fieldname="attachment_list"] > span.edit .select2-container.with-padding .select2-choices .select2-search-choice div span.select2-choice-type, .record-cell.edit div[data-name="attachment_list"] > span.edit .select2-container.with-padding .select2-choices .select2-search-choice div span.select2-choice-type {
    line-height: 6px
}

.record-cell.edit span[data-fieldname="attachment_list"] > span.edit label.multi-attach-btn, .record-cell.edit div[data-name="attachment_list"] > span.edit label.multi-attach-btn {
    line-height: 12px;
    margin-top: -7px;
    padding: 4px 7px
}

.record-cell .normal[data-fieldname="attachment_list"] .detail {
    padding-top: 0;
    padding-left: 0
}

.record-cell .normal[data-fieldname="attachment_list"] .detail .select2-container .select2-choices {
    border: none
}

.record-cell .normal[data-fieldname="attachment_list"] .detail .select2-container .select2-choices button.multi-attach-download-all-btn {
    margin-top: 2px
}

[data-fieldname="attachment_list"] .select2-container {
    margin-left: -1px !important
}

div.multi-attachments-detail-view ul.select2-choices li.select2-search-choice span.select2-choice-type {
    margin: 0 !important
}

div.multi-attachments-detail-view ul.select2-choices li.select2-search-choice a.select2-search-choice-close {
    float: right;
    margin-top: 0
}

div.multi-attachments-detail-view .multi-attach-download-all-btn {
    padding: 0 5px;
    margin: 0 0 2px
}

div.multi-attachments-detail-view .multi-attach-download-all-btn i.sicon-download {
    padding: 0 5px
}

label.multi-attach-btn {
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 16px;
    width: 50px;
    margin: -5px 0 0 -7px
}

.preview-pane [data-type="multi-attachments"] {
    padding-top: 0;
    padding-left: 0;
    overflow: auto
}

.preview-pane [data-type="multi-attachments"] .detail .select2-choices {
    border: none;
    background-color: transparent
}

html.rtl .record .record-cell.edit span[data-fieldname="attachment_list"] > span.edit .select2-container.with-padding .select2-choices {
    margin-left: 3px
}

html.rtl .record .record-cell.edit span[data-fieldname="attachment_list"] > span.edit label.multi-attach-btn {
    margin-left: -3px
}

.conversation {
    display: flex;
    flex-direction: column
}

.conversation .message-item {
    border-radius: 15px;
    font-size: 14px;
    margin-bottom: 4px;
    word-break: break-word
}

.conversation .message-container {
    display: flex;
    margin: 5px 0;
    max-width: calc(100% - 60px)
}

.conversation .message-avatar {
    padding-top: 14px
}

.conversation .message-avatar .avatar {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #e5eaed;
    height: 16px;
    width: 16px
}

.conversation .message-avatar .avatar i {
    font-size: 10px
}

.conversation.conversation-base .message-container1 .message-box, .conversation.conversation-portal .message-container2 .message-box {
    align-items: flex-start
}

.conversation.conversation-base .message-container1 .message-item, .conversation.conversation-portal .message-container2 .message-item {
    border: 1px solid var(--border-base);
    padding: 12px 14px
}

.conversation.conversation-base .message-container1 .message-avatar, .conversation.conversation-portal .message-container2 .message-avatar {
    padding-right: 10px
}

.conversation.conversation-base .message-container2, .conversation.conversation-portal .message-container1 {
    align-self: flex-end
}

.conversation.conversation-base .message-container2 .message-box, .conversation.conversation-portal .message-container1 .message-box {
    align-items: flex-end
}

.conversation.conversation-base .message-container2 .message-item, .conversation.conversation-portal .message-container1 .message-item {
    background: var(--primary-content-background-accent);
    padding: 13px 15px
}

.conversation.conversation-base .message-container2 .message-avatar, .conversation.conversation-portal .message-container1 .message-avatar {
    order: 1;
    padding-left: 10px
}

.extended-fab {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 24px;
    min-width: 24px;
    line-height: 24px;
    border-radius: 24px;
    text-align: center
}

.extended-fab .fab-container {
    cursor: pointer;
    outline: none
}

.extended-fab .fab-container .fab-label {
    display: none;
    padding-left: 12px
}

.extended-fab .fab-container:hover .fab-label {
    display: inline-block
}

.focus-icon-container {
    display: none;
    z-index: 1
}

.focus-icon-container.hide {
    display: none
}

.focus-icon-container .focus-icon {
    display: block;
    padding: 3px;
    height: 12px;
    width: 12px
}

.focus-icon-container .focus-icon:hover {
    cursor: pointer;
    color: var(--sicon-hover-color)
}

.relate-field-container {
    padding: 2px
}

.relate-field-container:focus-within .focus-icon-container:not(.hide) {
    display: block
}

.relate-field-container:focus-within .focus-icon-container:not(.hide) .focus-icon:focus-within {
    color: var(--sicon-hover-color)
}

table.search-and-select td[data-fieldname="name"] .relate-field-container, table.search-and-select td[data-type="fullname"] .relate-field-container, table.search-and-select td[data-type="name"] .relate-field-container, table.search-and-select td[data-type="parent"] .relate-field-container, table.search-and-select td[data-type="relate"] .relate-field-container {
    display: block;
    flex-direction: unset;
    justify-content: unset
}

table.search-and-select td[data-fieldname="name"] .relate-field-container:hover .focus-icon-container, table.search-and-select td[data-type="fullname"] .relate-field-container:hover .focus-icon-container, table.search-and-select td[data-type="name"] .relate-field-container:hover .focus-icon-container, table.search-and-select td[data-type="parent"] .relate-field-container:hover .focus-icon-container, table.search-and-select td[data-type="relate"] .relate-field-container:hover .focus-icon-container {
    display: none
}

.record-cell[data-fieldname="name"] .relate-field-container, .record-cell[data-type="fullname"] .relate-field-container, .record-cell[data-type="name"] .relate-field-container, .record-cell[data-type="parent"] .relate-field-container, .record-cell[data-type="relate"] .relate-field-container {
    display: flex;
    align-items: center
}

.record-cell[data-fieldname="name"] .relate-field-container .focus-icon-container, .record-cell[data-type="fullname"] .relate-field-container .focus-icon-container, .record-cell[data-type="name"] .relate-field-container .focus-icon-container, .record-cell[data-type="parent"] .relate-field-container .focus-icon-container, .record-cell[data-type="relate"] .relate-field-container .focus-icon-container {
    margin-left: 10px;
    margin-right: 10px
}

.record-cell:not(.edit):hover[data-fieldname="name"] .relate-field-container .focus-icon-container:not(.hide), .record-cell:not(.edit):hover[data-type="fullname"] .relate-field-container .focus-icon-container:not(.hide), .record-cell:not(.edit):hover[data-type="name"] .relate-field-container .focus-icon-container:not(.hide), .record-cell:not(.edit):hover[data-type="parent"] .relate-field-container .focus-icon-container:not(.hide), .record-cell:not(.edit):hover[data-type="relate"] .relate-field-container .focus-icon-container:not(.hide) {
    display: block
}

td[data-fieldname="name"] .relate-field-container, td[data-type="fullname"] .relate-field-container, td[data-type="name"] .relate-field-container, td[data-type="parent"] .relate-field-container, td[data-type="quote-data-relate"] .relate-field-container, td[data-type="relate"] .relate-field-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

td[data-fieldname="name"] .relate-field-container .parent_avatar, td[data-type="fullname"] .relate-field-container .parent_avatar, td[data-type="name"] .relate-field-container .parent_avatar, td[data-type="parent"] .relate-field-container .parent_avatar, td[data-type="quote-data-relate"] .relate-field-container .parent_avatar, td[data-type="relate"] .relate-field-container .parent_avatar {
    margin-right: 2px
}

td[data-fieldname="name"] .relate-field-container .focus-icon-container, td[data-type="fullname"] .relate-field-container .focus-icon-container, td[data-type="name"] .relate-field-container .focus-icon-container, td[data-type="parent"] .relate-field-container .focus-icon-container, td[data-type="quote-data-relate"] .relate-field-container .focus-icon-container, td[data-type="relate"] .relate-field-container .focus-icon-container {
    margin-left: 10px;
    position: static
}

td[data-fieldname="name"] .relate-field-container:hover .focus-icon-container:not(.hide), td[data-type="fullname"] .relate-field-container:hover .focus-icon-container:not(.hide), td[data-type="name"] .relate-field-container:hover .focus-icon-container:not(.hide), td[data-type="parent"] .relate-field-container:hover .focus-icon-container:not(.hide), td[data-type="quote-data-relate"] .relate-field-container:hover .focus-icon-container:not(.hide), td[data-type="relate"] .relate-field-container:hover .focus-icon-container:not(.hide) {
    display: block
}

div[data-fieldname="name"] .relate-field-container, div[data-type="fullname"] .relate-field-container, div[data-type="name"] .relate-field-container, div[data-type="parent"] .relate-field-container, div[data-type="quote-data-relate"] .relate-field-container, div[data-type="relate"] .relate-field-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

div[data-fieldname="name"] .relate-field-container .parent_avatar, div[data-type="fullname"] .relate-field-container .parent_avatar, div[data-type="name"] .relate-field-container .parent_avatar, div[data-type="parent"] .relate-field-container .parent_avatar, div[data-type="quote-data-relate"] .relate-field-container .parent_avatar, div[data-type="relate"] .relate-field-container .parent_avatar {
    margin-right: 2px
}

div[data-fieldname="name"] .relate-field-container .focus-icon-container, div[data-type="fullname"] .relate-field-container .focus-icon-container, div[data-type="name"] .relate-field-container .focus-icon-container, div[data-type="parent"] .relate-field-container .focus-icon-container, div[data-type="quote-data-relate"] .relate-field-container .focus-icon-container, div[data-type="relate"] .relate-field-container .focus-icon-container {
    margin-left: 10px;
    position: static
}

div[data-fieldname="name"] .relate-field-container:hover .focus-icon-container:not(.hide), div[data-type="fullname"] .relate-field-container:hover .focus-icon-container:not(.hide), div[data-type="name"] .relate-field-container:hover .focus-icon-container:not(.hide), div[data-type="parent"] .relate-field-container:hover .focus-icon-container:not(.hide), div[data-type="quote-data-relate"] .relate-field-container:hover .focus-icon-container:not(.hide), div[data-type="relate"] .relate-field-container:hover .focus-icon-container:not(.hide) {
    display: block
}

.preview-data .field-row .field-value[data-fieldname="name"] .relate-field-container, .preview-data .field-row .field-value[data-fieldname="parent_name"] .relate-field-container, .preview-data .field-row .field-value[data-type="fullname"] .relate-field-container, .preview-data .field-row .field-value[data-type="name"] .relate-field-container, .preview-data .field-row .field-value[data-type="parent"] .relate-field-container, .preview-data .field-row .field-value[data-type="relate"] .relate-field-container {
    display: flex;
    align-items: center
}

.preview-data .field-row .field-value[data-fieldname="name"] .relate-field-container .focus-icon-container, .preview-data .field-row .field-value[data-fieldname="parent_name"] .relate-field-container .focus-icon-container, .preview-data .field-row .field-value[data-type="fullname"] .relate-field-container .focus-icon-container, .preview-data .field-row .field-value[data-type="name"] .relate-field-container .focus-icon-container, .preview-data .field-row .field-value[data-type="parent"] .relate-field-container .focus-icon-container, .preview-data .field-row .field-value[data-type="relate"] .relate-field-container .focus-icon-container {
    margin-left: 10px;
    margin-right: 10px
}

.preview-data .field-row .field-value:hover .focus-icon-container:not(.hide) {
    display: block
}

.tabbed-dashlet-list-item .details .name .tabbed-dashlet-field[data-fieldname="name"] .relate-field-container {
    padding: 0;
    display: flex;
    align-items: center
}

.tabbed-dashlet-list-item .details .name .tabbed-dashlet-field[data-fieldname="name"] .relate-field-container .focus-icon-container {
    margin-left: 10px;
    margin-right: 10px
}

.tabbed-dashlet-list-item .details .name .tabbed-dashlet-field[data-fieldname="name"] .relate-field-container .focus-icon-container .focus-icon {
    padding: 0
}

.tabbed-dashlet-list-item .details .name:hover .focus-icon-container:not(.hide) {
    display: block
}

.purchase-history .purchase-name[data-fieldname="name"] .relate-field-container, .purchase-history .pli-name[data-fieldname="name"] .relate-field-container {
    padding: 0;
    display: flex;
    align-items: center
}

.purchase-history .purchase-name[data-fieldname="name"] .relate-field-container .focus-icon-container, .purchase-history .pli-name[data-fieldname="name"] .relate-field-container .focus-icon-container {
    margin-left: 10px;
    margin-right: 10px
}

.purchase-history .purchase-name[data-fieldname="name"] .relate-field-container .focus-icon-container .focus-icon, .purchase-history .pli-name[data-fieldname="name"] .relate-field-container .focus-icon-container .focus-icon {
    padding: 0
}

.purchase-history .purchase-name:hover .focus-icon-container:not(.hide), .purchase-history .pli-name:hover .focus-icon-container:not(.hide) {
    display: block
}

.purchase-history .pli-name[data-fieldname="name"] .relate-field-container {
    justify-content: flex-end;
    padding-right: 32px
}

.purchase-history .pli-name[data-fieldname="name"] .relate-field-container .focus-icon-container {
    position: relative;
    right: -32px
}

.purchase-history .pli-name[data-fieldname="name"]:hover .date-name-link {
    margin-right: -32px
}

.activity-timeline .relate-field-container {
    display: flex;
    padding: 0
}

.activity-timeline .relate-field-container .focus-icon-container {
    margin-top: 0.125rem
}

.activity-timeline .relate-field-container .focus-icon {
    padding: 0
}

.activity-timeline .activity-card-header .panel-header .relate-field-container .focus-icon-container {
    margin-left: 0.625rem;
    margin-right: 2rem
}

.activity-timeline .activity-card-header .panel-header:hover .focus-icon-container:not(.hide) {
    display: block
}

.activity-timeline .activity-card-header .panel-users .relate-field-container .focus-icon-container {
    flex: 0 0 1em;
    margin-top: 0.25rem;
    width: 0
}

.activity-timeline .activity-card-header .panel-users .relate-field-container:hover .focus-icon-container:not(.hide) {
    display: block
}

.activity-timeline .activity-card-header .panel-users .user-value .focus-icon-container {
    margin-top: 0.125rem
}

.activity-timeline .activity-card-content .relate-field-container .focus-icon-container {
    flex: 0 0 1em;
    width: 0
}

.activity-timeline .activity-card-content .relate-field-container:hover .focus-icon-container:not(.hide) {
    display: block
}

.emailtemplates-record [data-name="body_html"] .record-edit-link-wrapper {
    display: none
}

.record-cell [data-type="show-plain-text"] .btn {
    margin: 10px 0 0
}

.record-cell[data-type="insert-variable"] .btn {
    margin: 0 0 0
}

.record-cell[data-type="insert-variable"] input[type="text"][name="variable_text"] {
    width: calc(100% - 448px);
    position: relative;
    bottom: 5px
}

.collapsed-plain-text > textarea {
    height: 45px
}

.record-cell[data-name='signature_html'] .record-edit-link-wrapper {
    display: none
}

.teamset-controls {
    width: 100%
}

.dashlet-open-icon-container {
    display: none;
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: none
}

.dashlet-open-icon-container:hover {
    text-decoration: none
}

.dashlet-open-icon-container .dashlet-open-icon {
    display: block;
    font-size: 12px;
    line-height: 12px
}

.dashlet-open-icon-container .dashlet-open-icon:hover {
    cursor: pointer;
    color: var(--sicon-hover-color)
}

.grid-stack-item .dashlet-container .dashlet-header h4 {
    display: flex;
    align-items: center
}

.grid-stack-item .dashlet-container .dashlet-header h4.dashlet-title.record-toolbar .record-cell {
    position: relative;
    vertical-align: middle
}

.grid-stack-item .dashlet-container .dashlet-header h4.dashlet-title.record-toolbar .record-cell.edit {
    padding: 0;
    display: inline-block
}

.grid-stack-item .dashlet-container .dashlet-header .btn-toolbar:hover {
    cursor: pointer
}

.grid-stack-item:not(:hover) .dashlet-container .dashlet-header .btn-toolbar {
    visibility: hidden
}

.dashlet-header .dashlet-open-container:hover .dashlet-open-icon-container {
    display: block
}

.dashlet-header .dashlet-title {
    text-align: initial;
    text-overflow: ellipsis
}

.dashlet-header .btn-toolbar {
    font-size: 0;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1rem
}

.dashboard .contentsearch-container {
    height: 279px;
    min-height: 300px;
    box-sizing: border-box;
    padding: 70px 0 0;
    background-image: url("styleguide/images/portal-search-background-IIqJ4ks.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.contentsearchdashlet {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 10px
}

.contentsearchdashlet .record-cell {
    position: static
}

.contentsearchdashlet input {
    min-width: 540px
}

.contentsearchdashlet .btn-primary {
    margin-left: 0
}

#portal .contentsearchdashlet .record-cell {
    position: relative
}

#portal .contentsearchdashlet .record-cell .contentsearch-dropdown {
    box-sizing: border-box;
    max-width: 600px;
    min-width: 540px
}

.contentsearchdashlet-text {
    margin: 0 0 13px;
    font-size: 18px;
    color: #2b2d2e
}

.contentsearch-dropdown {
    position: absolute;
    z-index: 1010;
    display: none;
    margin: 1px 0 0;
    list-style: none;
    background-color: var(--dropdown-background);
    background-clip: padding-box;
    max-width: 539px;
    width: 100%
}

.contentsearch-dropdown li.search-result {
    min-height: 0;
    border-bottom: none
}

.contentsearch-dropdown li.search-result .search-result-description {
    display: inline-block;
    max-height: 40px;
    line-height: 13px;
    overflow: hidden
}

.contentsearch-results li.no-results {
    margin: 10px
}

.contentsearch-results button.btn {
    margin: 0;
    padding: 0 0 5px;
    font-size: 12px;
    font-weight: bold
}

.contentsearch-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--dropdown-link-background-hover);
    text-align: center
}

.contentsearch-footer span {
    color: #005d9c;
    font-weight: bold;
    vertical-align: middle
}

.contentsearch-footer .btn {
    font-weight: bold
}

.searchbar {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px
}

.searchbar .record-cell {
    position: static
}

.searchbar input {
    min-width: 540px
}

.searchbar .btn-primary {
    margin-left: 0
}

.searchbar-text {
    margin: 0 0 13px;
    font-size: 14px
}

.search-group {
    display: inline-flex;
    position: relative;
    width: 97%;
    margin-left: 10px
}

.search-group .sicon {
    z-index: 1000;
    color: var(--sicon-color)
}

.search-group i {
    width: 20px;
    position: absolute;
    right: 0;
    line-height: inherit;
    top: 5px;
    outline: none
}

.search-group i:not(.hidden) {
    display: inline
}

.searchbar-dropdown {
    position: absolute;
    z-index: 1010;
    display: none;
    margin: 0 0 0 10px;
    list-style: none;
    background-color: var(--dropdown-background);
    background-clip: padding-box;
    max-width: 580px;
    width: 100%
}

.searchbar-dropdown ul.searchbar-results {
    list-style-type: none
}

.searchbar-dropdown li.search-result {
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.searchbar-dropdown li.search-result .search-result-description {
    display: inline-block;
    max-height: 40px;
    line-height: 13px;
    overflow: hidden
}

.searchbar-results li.no-results {
    margin: 10px
}

.searchbar-results button.btn {
    margin: 0;
    padding: 0 0 5px;
    font-size: 12px;
    font-weight: bold
}

input.search-name, input.search-input, input[data-action="search"], .select2-search input[id*="_search"] {
    border-radius: var(--rounded-full)
}

.portal-preview .navbar .nav-collapse {
    display: flex;
    width: 100% !important
}

.portal-preview .navbar-fixed-top, .portal-preview .contentsearch-container, .portal-preview .block-footer {
    pointer-events: none
}

.portal-preview .navbar-fixed-top {
    top: 51px;
    position: absolute
}

.portal-preview.main-pane {
    overflow-x: hidden;
    top: 0
}

.portal-preview .dashboard {
    top: 96px
}

.portal-preview .dashboard .dashlet-content, .portal-preview .dashboard .block-footer {
    display: none
}

.portal-preview .dashboard .dfab {
    right: calc(34.042553198% + 21px)
}

.portal-preview .dashboard .dfab.top {
    top: 195px
}

.portal-preview .dashboard .portal-home-dashboard {
    padding: 20px 0
}

.portal-preview .module-list .megamenu > .dropdown[data-module="Home"] .btn-group.home {
    width: auto;
    display: flex;
    max-width: 200px
}

.portal-preview .module-list .megamenu > .dropdown[data-module="Home"] .btn-group.home .cube {
    padding: 0
}

.portal-preview .module-list .megamenu > .dropdown[data-module="Home"] .btn-group.home .cube img {
    max-width: 200px;
    width: auto;
    height: auto;
    max-height: 22px;
    filter: none
}

.portal-preview .module-list .megamenu > .dropdown[data-module="Home"] .btn-group.home .dropdown-toggle {
    display: none
}

.portal-preview .headerpane {
    background: var(--primary-content-background-accent);
    width: 100%;
    position: static
}

.portal-preview .navbar-inner {
    background: var(--primary-content-background);
    border-bottom: 1px solid var(--border-base)
}

.navbar .nav-collapse .header-help {
    height: 44px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 14px
}

.navbar .nav-collapse .header-help .header-help-label {
    padding: 4px 6px;
    white-space: nowrap;
    color: var(--text-base)
}

.navbar .nav-collapse .header-help .btn {
    margin-left: 8px;
    font-size: 14px;
    white-space: nowrap
}

.content-container h4 {
    font-size: 15px;
    font-weight: 600
}

.action-items .action-items-inner {
    display: flex;
    flex-wrap: wrap
}

.action-items .action-items-inner .action-item {
    flex: 50%
}

.list-pagination .pagination-items {
    padding: .25rem .75rem
}

.list-pagination .pagination-items .page-count {
    width: auto
}

.list-pagination .pagination-items .btn {
    margin-left: 6px
}

.list-pagination .pagination-items .btn:first-child {
    margin: 0
}

.list-pagination .pagination-items .loading-count {
    border: 1px solid #e5eaed;
    padding: 5px 7px;
    box-sizing: border-box;
    border-radius: 3px;
    margin-left: 6px
}

.list-pagination .pagination-items button {
    height: 28px;
    width: 28px;
    border: 1px solid #e5eaed;
    box-sizing: border-box;
    border-radius: var(--rounded-sm)
}

.list-pagination .pagination-items input.current-page {
    margin: 0 6px;
    padding: 0 6px;
    width: 41px;
    height: auto;
    line-height: 26px;
    text-align: center;
    border: 1px solid #f6f6f6;
    border-radius: var(--rounded-sm);
    box-sizing: border-box
}

.list-pagination .pagination-items input.current-page[type="number"] {
    -moz-appearance: textfield
}

.list-pagination .pagination-items input.current-page[type="number"]::-webkit-outer-spin-button, .list-pagination .pagination-items input.current-page[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none
}

.list-pagination .pagination-items span {
    vertical-align: middle
}

.dashlet .list-pagination {
    height: 43px;
    text-align: center
}

#drawers > .drawer .list-pagination {
    position: relative;
    z-index: 1001
}

body.sugar-dark-theme .list-pagination .pagination-items button {
    border: 1px solid #9ba1a6
}

body.sugar-dark-theme .list-pagination .pagination-items button.disabled {
    border: 1px solid #4d5154
}

body.sugar-dark-theme .list-pagination .pagination-items input.current-page {
    border: 1px solid #9ba1a6
}

.cj-populate-fields-subfield-fieldset .fieldset-inline .fieldset-field {
    display: inline-block;
    margin-top: -3px;
    padding-right: 1rem;
    vertical-align: top
}

.controls-two.btn-fit {
    margin-bottom: 0.3125rem
}

.controls-two.btn-fit #empty-field {
    float: left
}

.dri-workflows-header-panel-header {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.dri-workflows-header-active-inactive-panel {
    font-weight: bold
}

.dri-workflows-actions-footer {
    border-top: 0;
    padding-bottom: 0.875rem
}

.dri-workflow-wrapper *:focus {
    outline: none
}

body.sugar-light-theme .dri-workflow-wrapper-closed {
    background: #f8fafc;
    cursor: move
}

body.sugar-dark-theme .dri-workflow-wrapper.open-border {
    border: 1px solid var(--border-base)
}

body.sugar-dark-theme .dri-workflow-wrapper-closed {
    cursor: move;
    border: none;
    background: var(--subpanel-background)
}

.dri-workflow-wrapper .dri-workflow-info .pull-left span.label.label-info {
    margin-top: 0.125rem;
    color: #000
}

.dri-workflow-wrapper .dri-workflow-info .pull-left .more, .dri-workflow-wrapper .dri-workflow-info .pull-left .less {
    cursor: all-scroll
}

.dri-workflow-wrapper .dri-workflow-info .pull-left span.label.label-success, .dri-workflow-wrapper .dri-workflow-info .pull-left span.label.label-cancelled {
    margin-top: 0.125rem
}

.dri-workflow-wrapper .dri-workflow-info .dri-workflow-archived {
    color: #4d5154;
    background-color: #d9dddf;
    border: .063rem solid #d9dddf;
    margin-left: 0.375rem;
    margin-top: 0.125rem
}

.dri-workflow-wrapper .dri-workflow-info .pull-right {
    display: flex;
    align-items: center
}

.dri-workflow-wrapper .dri-workflow-info .dri-workflow-assigned-user {
    line-height: 38px;
    margin: -2px 24px auto auto;
    column-gap: 5px
}

.dri-workflow-wrapper .dri-workflow-info .dri-workflow-assigned-user i.sicon-user.assigned-user-icon::before {
    border-color: var(--border-base);
    padding: 5px 5px 5px 5.5px
}

.dri-workflow-wrapper .block-footer {
    border-top: 0
}

.dri-workflow-wrapper .well {
    box-shadow: none;
    margin-bottom: 0
}

.dri-workflow-wrapper .loading-wrapper .span {
    margin-left: 0.3125rem
}

.dri-workflow-wrapper .lead {
    margin: 0
}

.dri-workflow-wrapper .dri-subworkflow .dri-activity-show-children, .dri-workflow-wrapper .dri-subworkflow .dri-activity-hide-children {
    cursor: pointer
}

.dri-workflow-wrapper .dri-subworkflow .dri-stage-activities {
    min-height: 60px
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow::before {
    border-top: 20px solid #e5eaed;
    border-bottom: 20px solid #e5eaed;
    border-left: 20px solid transparent;
    content: "";
    height: 0;
    left: -20px;
    position: absolute;
    top: 0;
    width: 0
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow::after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #e5eaed;
    content: "";
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-not_started {
    background: #e5eaed
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-not_started::before {
    border-top: 20px solid #e5eaed;
    border-bottom: 20px solid #e5eaed;
    border-left: 20px solid transparent
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-not_started::after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #e5eaed
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-in_progress {
    background: #c6ddff
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-in_progress::before {
    border-top: 20px solid #c6ddff;
    border-bottom: 20px solid #c6ddff;
    border-left: 20px solid transparent
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-in_progress::after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #c6ddff
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-ready_for_next_step {
    background: #fa374f
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-ready_for_next_step::before {
    border-top: 20px solid #fa374f;
    border-bottom: 20px solid #fa374f;
    border-left: 20px solid transparent
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-ready_for_next_step::after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fa374f
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-completed {
    background: #baffcc
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-completed::before {
    border-top: 20px solid #baffcc;
    border-bottom: 20px solid #baffcc;
    border-left: 20px solid transparent
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-completed::after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #baffcc
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-cancelled {
    background: #fff7ad
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-cancelled::before {
    border-top: 20px solid #fff7ad;
    border-bottom: 20px solid #fff7ad;
    border-left: 20px solid transparent
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-cancelled::after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff7ad
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-not_completed {
    background: #fff7ad
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-not_completed::before {
    border-top: 20px solid #fff7ad;
    border-bottom: 20px solid #fff7ad;
    border-left: 20px solid transparent
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-not_completed::after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff7ad
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-arrow-info a {
    font-weight: 500
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .dri-activity-info a {
    color: var(--activity-info-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity.dri-subworkflow-activity-completed {
    border-top: .25rem solid var(--activity-base-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity.dri-subworkflow-activity-held {
    border-top: .25rem solid var(--activity-base-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity.dri-subworkflow-activity-in-progress {
    border-top: .25rem solid #0679c8
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-completed {
    border-top: .25rem solid var(--activity-base-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-not-started {
    border-top: .25rem solid var(--activity-border-top-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-planned {
    border-top: .25rem solid var(--activity-border-top-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-deferred {
    border-top: .25rem solid #fa374f
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-pending-input {
    border-top: .25rem solid #fa374f
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-not-held {
    border-top: .25rem solid #ffd132
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-not-applicable {
    border-top: .25rem solid #ffd132
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper.agency_task .dri-activity-info i.activity-type-icon {
    color: var(--activity-base-icon-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper.automatic_task .dri-activity-info i.activity-type-icon {
    color: var(--activity-base-icon-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper.dri-activity-info a {
    color: var(--activity-info-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper.dri-subworkflow-activity-completed {
    border-top: .25rem solid var(--activity-base-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper.dri-subworkflow-activity-held {
    border-top: .25rem solid var(--activity-base-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity.dri-subworkflow-activity-in-progress {
    border-top: 4px solid var(--activity-inprogress-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-completed {
    border-top: .25rem solid var(--activity-base-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-deferred {
    border-top: 4px solid var(--activity-base-cancellation-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-pending-input {
    border-top: 4px solid var(--activity-base-cancellation-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-not-held {
    border-top: 4px solid var(--activity-base-not-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-subworkflow-activity-not-applicable {
    border-top: 4px solid var(--activity-base-not-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-wrapper .dri-activity-children .dri-subworkflow-activity .dri-activity-child .dri-subworkflow-activity-in-progress {
    border-top: 4px solid var(--activity-inprogress-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .btn-group {
    text-align: left
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .dri-subworkflow-activity-actions {
    text-align: right
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-form {
    margin-left: 0
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-url {
    margin-left: 0
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-due-date i {
    color: #fff
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-due-date.overdue {
    background: #ffd4d0;
    color: #bb0e1b
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-due-date.overdue i {
    color: #bb0e1b
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-due-date.future {
    background: #b8bcbe;
    color: #fff
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-due-date.future i {
    color: #fff
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-due-date.tomorrow, .dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-due-date.today {
    background: #c6ddff;
    color: #29388c
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-due-date.tomorrow i, .dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .activity-due-date.today i {
    color: #29388c
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-completed .activity-due-date, .dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity-held .activity-due-date {
    display: none
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .dri-subworkflow-activity-completed {
    background: #0f7799
}

body.sugar-dark-theme .dri-workflow-wrapper .dri-subworkflow-activity .dri-activity-info a {
    color: #9ba1a6
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .dri-activity-info i.assigned-user-icon {
    color: var(--label-color)
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity.customer_task .dri-activity-info i.activity-type-icon {
    color: #00ba83
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity i.sicon-star-fill {
    color: #00ba83
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity.milestone .dri-activity-info i.activity-type-icon {
    color: #ff9445
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity i.sicon-trophy {
    color: #ff9445
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity.internal_task .dri-activity-info i.activity-type-icon {
    color: #cd74f2
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .dri-subworkflow-activity-buttons i.sicon-user {
    color: #6f777b
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity i.sicon-user {
    color: #cd74f2
}

.dri-workflow-wrapper .dri-subworkflow i.activity-type-icon {
    color: #6f777b
}

body.sugar-dark-theme .dri-workflow-wrapper .dri-subworkflow i.sicon.sicon-refresh.activity-type-icon {
    color: #9ba1a6
}

body.sugar-dark-theme .dri-workflow-wrapper .dri-subworkflow i.sicon.sicon-account.activity-type-icon {
    color: #9ba1a6
}

body.sugar-dark-theme .dri-workflow-wrapper .dri-subworkflow i.sicon.sicon-calendar.activity-type-icon {
    color: #9ba1a6
}

body.sugar-dark-theme .dri-workflow-wrapper .dri-subworkflow i.sicon.sicon-phone.activity-type-icon {
    color: #9ba1a6
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity.cj_blocked .sicon-ban {
    cursor: pointer
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity.cj_blocked_by_stage .sicon-ban {
    cursor: pointer
}

.dri-workflow-wrapper .dri-subworkflow .dri-subworkflow-activity .sicon-link {
    color: #0679c8
}

.dri-workflow-wrapper .dri-subworkflow .dri-activity-child {
    border-left: none
}

.record-panel .record-panel-header .panel-inactive .pull-left {
    font-weight: normal
}

.record-panel .record-panel-header .panel-active .pull-left {
    font-weight: normal
}

div.customer-journey-chart-wrapper {
    padding: 0
}

div.customer-journey-chart-wrapper .nv-chart, div.customer-journey-momentum-chart-wrapper .nv-chart {
    min-width: 12.5rem
}

div.customer-journey-chart-wrapper .nv-chart .completed, div.customer-journey-momentum-chart-wrapper .nv-chart .completed {
    fill: #00ba83
}

div.customer-journey-chart-wrapper .nv-chart .not_completed, div.customer-journey-momentum-chart-wrapper .nv-chart .not_completed {
    fill: #fbc02d
}

div.customer-journey-chart-wrapper .nv-chart .in_progress, div.customer-journey-momentum-chart-wrapper .nv-chart .in_progress {
    fill: #0679c8
}

div.customer-journey-chart-wrapper .nv-chart .not_started, div.customer-journey-momentum-chart-wrapper .nv-chart .not_started {
    fill: #ccc
}

div.dashlet-container div.dashlet div.dashlet-content div.customer-journey-chart-wrapper .nv-chart, div.dashlet-container div.dashlet div.dashlet-content div.customer-journey-momentum-chart-wrapper .nv-chart {
    height: 100%
}

div.dashlet-container div.dashlet div.dashlet-content div.customer-journey-chart-wrapper div[data-content="chart"], div.dashlet-container div.dashlet div.dashlet-content div.customer-journey-momentum-chart-wrapper div[data-content="chart"] {
    height: calc(84%)
}

.dri-workflows-header-wrapper .block-footer {
    border-top: 0
}

.dri-workflows-header-wrapper .no-workflows {
    text-align: center
}

.dri-workflows-header-wrapper .record-panel-header {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.dri-workflows-header-wrapper .record-panel-header .dri-workflows-header-active-inactive-panel {
    padding: 12px 13px 0
}

.dri-workflows-header-wrapper .row-fluid .panel-active {
    padding: 3px
}

body.sugar-dark-theme .dri-workflows-header-wrapper .dri-workflows-actions {
    top: 7px;
    right: 0
}

body.sugar-dark-theme .dri-workflows-header-wrapper .dri-workflows-actions .dri-workflows-actions-buttons {
    margin-left: 10px;
    min-height: 1px
}

body.sugar-dark-theme .dri-workflows-header-wrapper .dri-workflows-actions .fieldset-empty .dri-workflows-header {
    margin-left: -10px
}

.dri-workflows-header-wrapper .dri-workflows-actions {
    top: 7px;
    right: 0
}

.dri-workflows-header-wrapper .dri-workflows-actions .dri-workflows-actions-buttons {
    margin-left: 9px;
    min-height: 1px
}

.dri-workflows-header-wrapper .dri-workflows-actions .fieldset-empty .dri-workflows-header {
    margin-left: -10px
}

body.safari-browser .dri-workflows-header-wrapper .dri-workflows-actions .dri-workflows-actions-buttons.VerticalStackedView {
    margin-left: 0
}

.dri-workflows-header-wrapper .dri-workflows-actions .filter-dropdown-close {
    right: 15px;
    background: #fff;
    color: #2b2d2e;
    outline: none;
    border: .0625rem solid #e5eaed
}

.dri-workflows-header-wrapper .dri-workflows-actions .filter-dropdown-close:hover {
    background: #fff;
    outline: none;
    border: .0625rem solid #e5eaed
}

.dri-workflows-header-wrapper .dri-workflows-actions .filter-dropdown-close span.sicon.sicon-chevron-down {
    color: #2b2d2e
}

.dri-workflows-header-wrapper .dri-workflows-actions .filter-dropdown-open {
    background: #fff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.15)
}

.dri-workflows-header-wrapper .dri-workflows-actions .filter-dropdown-open:hover {
    color: #0679c8
}

.dri-workflows-header-wrapper .dri-workflows-actions .filter-dropdown-open:hover span.sicon.sicon-chevron-down {
    color: #0679c8
}

.dri-workflows-header-wrapper .dri-workflows-actions .filter-dropdown-open span.sicon.sicon-chevron-down {
    color: #0679c8
}

.dri-workflows-header-wrapper .dri-workflows-actions .dri-workflows-actions-buttons .fieldset.fieldset-empty.actions.edit.btn-group.open .workflow-filter-dropdown .edit a.rowaction i.sicon.sicon-check {
    color: #0679c8
}

.dri-workflow-details-horizontal .row-fluid .dri-subworkflow {
    max-width: 265px;
    flex-shrink: 0;
    width: 100%
}

.dri-workflow-details-horizontal .row-fluid {
    display: flex;
    overflow-x: auto
}

.tab-content div[id*="customer_journey_tab"] {
    padding-top: 0.3125rem
}

@media (min-width: 1401px) {
    #side-drawer .span8 .dri-workflows-header-wrapper .dri-workflows-actions {
        display: flex;
        flex-flow: row-reverse wrap;
        position: relative;
        top: initial;
        padding: 0.3125rem
    }
}

@media (max-width: 1400px) {
    .dri-workflows-header-wrapper .dri-workflows-actions {
        display: flex;
        flex-flow: row-reverse wrap;
        position: relative;
        top: initial;
        padding: 0.3125rem
    }
}

@media (min-width: 501px) {
    .dri-workflows-header-wrapper .dri-workflows-actions .dri-workflows-actions-fields {
        width: 15.625rem
    }
}

@media (min-width: 401px) and (max-width: 500px) {
    .dri-workflows-header-wrapper .dri-workflows-actions .dri-workflows-actions-fields {
        width: 15.625rem
    }
}

@media (max-width: 400px) {
    .dri-workflows-header-wrapper .dri-workflows-actions .dri-workflows-actions-fields {
        width: 7.5rem
    }
}

.dri-workflows-header-wrapper *:focus {
    outline: none
}

.cj-template-import {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.config-cj-module .config_container .config_values {
    margin: 10px 0
}

.config-cj-module .config_container .config_values input {
    width: 60%
}

.config-cj-module .pull-left {
    padding: 5px 0
}

.config-cj-module .config_container p {
    margin: 0
}

.config-cj-module #content .headerpane {
    position: relative;
    top: 0
}

.config-cj-module .record.bottom {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem
}

.config-cj-module .record-panel.top {
    margin: 0
}

.config-cj-module .record-panel.bottom {
    margin: -1px 0
}

.config-cj-module .record-panel .record-panel-header {
    background: var(--headerpane-background);
    padding: 0 5px 0 15px;
    border-top: 1px solid var(--border-base);
    border-bottom: 1px solid var(--border-base);
    height: 3.4375rem;
    text-transform: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.config-cj-module .record-panel .record-panel-header:hover {
    background: var(--primary-content-hover-background)
}

.config-cj-module .record-link-wrapper.span4 span.normal.index {
    width: 50%
}

.content-tabs div[id*="customer_journey_tab"] {
    padding-top: 0.3125rem
}

.dri-subworkflow-arrow-not_started .dri-subworkflow-arrow-info a {
    color: #6f777b
}

.dri-subworkflow-arrow-in_progress .dri-subworkflow-arrow-info a {
    color: #29388c
}

.dri-subworkflow-arrow-cancelled .dri-subworkflow-arrow-info a {
    color: #866500
}

.dri-subworkflow-arrow-completed .dri-subworkflow-arrow-info a {
    color: #056f37
}

.dri-subworkflow-arrow-not_completed .dri-subworkflow-arrow-info a {
    color: #866500
}

.dri-workflow-wrapper .progress {
    background-color: var(--activity-progress-color)
}

.dri-workflow-toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    background-color: #005d9c;
    cursor: pointer;
    inset: 0;
    position: absolute;
    transition: 0.4s;
    -webkit-transition: 0.4s
}

.slider::before {
    background-color: #fff;
    bottom: 1px;
    content: "";
    height: 1.25rem;
    left: 2px;
    position: absolute;
    right: 2px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    width: 1.25rem
}

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

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3
}

input:checked + .slider::before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

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

.slider.detail {
    background-color: #b8bcbe;
    cursor: pointer;
    inset: 0;
    position: absolute;
    transition: 0.4s;
    -webkit-transition: 0.4s
}

.slider.detail::before {
    background-color: #fff;
    bottom: 1px;
    content: "";
    height: 1.25rem;
    left: 2px;
    position: absolute;
    right: 2px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    width: 1.25rem
}

.slider.detail.round {
    border-radius: 34px
}

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

input:checked + .slider.detail {
    background-color: #b8bcbe
}

input:focus + .slider.detail {
    box-shadow: 0 0 1px #b8bcbe
}

input:checked + .slider.detail::before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.archiveActive #cj-widget-toggle-left {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.archiveActive #cj-widget-config-toggle-label-right {
    padding: 0.125rem;
    white-space: nowrap;
    width: 100%
}

.horizontal-vertical #cj-widget-config-toggle-label-left {
    padding: 0.125rem;
    white-space: nowrap;
    width: 100%
}

.horizontal-vertical #cj-widget-toggle-left {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.horizontal-vertical #cj-widget-config-toggle-label-right {
    padding: .125rem .5rem 0 .35rem;
    white-space: nowrap
}

.bold {
    font-weight: bold
}

body.sugar-dark-theme .cj-configure-recordview-display-content-field .select2-result-unselectable.select2-disabled {
    background: #6f777b
}

.record .dri-workflow-wrapper .btn-group.actions > ul.dropdown-menu {
    right: 0;
    left: auto;
    margin-top: 0
}

.dri-workflow-wrapper .progress-cancelled .bar {
    background-color: #fa374f
}

.label-cancelled {
    border: .063rem solid #ffd4d0;
    background: #ffd4d0;
    background-color: #ffd4d0;
    color: #bb0e1b
}

.cj-bar-green {
    background-color: #00ba83;
    background-image: linear-gradient(to bottom, #00ba83, #00ba83)
}

.cj-bar-red {
    background-color: #fa374f;
    background-image: linear-gradient(to bottom, #fa374f, #fa374f)
}

.cj-bar-yellow {
    background-color: #ffd132;
    background-image: linear-gradient(to bottom, #ffd132, #ffd132)
}

.cj-bar-orange {
    background-color: #ff9445;
    background-image: linear-gradient(to bottom, #ff9445, #ff9445)
}

.record-link-wrapper .record-label-wrapper.target-action-label {
    margin-left: -6px;
    width: 9vw
}

[data-fieldname="field_trigger"] .filter-body, [data-name="field_trigger"] .filter-body {
    margin-left: 0
}

.cj-validation-error .add-on {
    font-size: 0.75rem;
    position: relative;
    right: 2.5rem;
    top: -0.125rem
}

.cj-validation-error .select2-container .select2-choice {
    border-color: #bb0e1b;
    color: #bb0e1b
}

.cj-validation-error .sicon.sicon-warning-circle {
    color: #bb0e1b
}

.cj-filter-validation-error .error-tooltip.add-on {
    float: right;
    height: 0;
    position: relative;
    right: 1.25rem;
    top: -1.563rem;
    font-size: 0.75rem
}

.cj-filter-validation-error .error-tooltip.add-on .sicon.sicon-warning-circle {
    color: #bb0e1b
}

.cj-target-action-subfield {
    width: 40%
}

[data-fieldname="field_trigger"] .filter-body {
    margin-left: 0
}

.dri-workflow-card .data-skeleton-loader {
    background: var(--automate-skeleton-loader);
    background-repeat: no-repeat;
    animation: move 2s infinite linear
}

body.sugar-dark-theme .dri-workflows-header-active-inactive-panel {
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff
}

body.sugar-dark-theme .dri-workflows-header-active-inactive-panel .sicon-chevron-down {
    margin-right: 0.375rem
}

body.sugar-light-theme .dri-workflows-header-active-inactive-panel {
    font-size: 0.875rem;
    font-weight: 600;
    color: #2b2d2e
}

body.sugar-light-theme .dri-workflows-header-active-inactive-panel .sicon-chevron-down {
    margin-right: 0.375rem
}

.dri-workflows-header-active-inactive-panel .sicon-chevron-right {
    width: 1.125rem
}

.sicon-chevron-left {
    font-size: 0.75rem
}

.sicon-chevron-right {
    font-size: 0.75rem
}

.sicon-chevron-down {
    font-size: 0.75rem
}

.dropdown-menu a.filter-check-hidden {
    padding-left: 30px;
    background-color: #fff
}

body.sugar-dark-theme .filter-view.select2-container.select2-choice.select2-chosen.workflow-filter-view {
    color: #9ba1a6
}

body.sugar-dark-theme .filter-dropdown-close .filter-view.select2-container.select2-choice.select2-chosen.workflow-filter-view {
    color: #9ba1a6
}

body.sugar-dark-theme .dri-workflows-header-wrapper .dri-workflows-actions .filter-dropdown-open {
    background-color: #2b2d2e
}

body.sugar-dark-theme .filter-dropdown-span-open {
    background-color: #9ba1a6
}

body.sugar-dark-theme .filter-dropdown-span-close {
    background-color: #2b2d2e
}

body.sugar-dark-theme .dropdown-menu a.filter-check-hidden {
    padding-left: 30px;
    background-color: #2b2d2e
}

body.sugar-dark-theme .dropdown-menu a.filter-check-shown.highlight {
    background-color: #6f777b
}

body.sugar-dark-theme .dropdown-menu a.filter-check-shown {
    background-color: #2b2d2e
}

body.sugar-dark-theme .dropdown-menu a.filter-check-shown:hover {
    background-color: #6f777b
}

body.sugar-dark-theme .dropdown-menu a.filter-check-hidden:hover {
    background-color: #6f777b
}

body.sugar-dark-theme .dropDownToggleButtonBg:hover {
    border-color: var(--border-color-focus)
}

body.sugar-dark-theme .dropDownToggleButtonBg.filterBg:hover {
    border-color: var(--border-color-focus)
}

body.sugar-dark-theme .dropDownToggleButtonBg {
    border: .0625rem solid #4d5154;
    background-color: #16191d
}

body.sugar-dark-theme .dropDownToggleButtonBg.filterBg {
    border: .0625rem solid #4d5154;
    background-color: #2b2d2e
}

body.sugar-dark-theme span.dropDownToggleButtonBg a.btn.dropdown-toggle.btn-invisible span.sicon.sicon-chevron-down {
    color: #9ba1a6
}

body.sugar-dark-theme .dri-workflows-header-wrapper .dri-workflows-actions .dri-workflows-actions-buttons .fieldset.fieldset-empty.actions.edit.btn-group.open .workflow-filter-dropdown .edit a.rowaction i.sicon.sicon-check {
    color: #9ba1a6
}

body.sugar-dark-theme .toggleButtonBg .btn.rowaction {
    background-color: #2b2d2e;
    outline: none
}

.dropDownToggleButtonBg a.btn.dropdown-toggle.btn-invisible {
    border: 1px #e5eaed;
    box-shadow: none
}

.dropDownToggleButtonBg a.btn.dropdown-toggle.btn-invisible.show {
    border: 1px #e5eaed;
    box-shadow: none
}

.dropdown-menu a.filter-check-shown.highlight {
    background-color: #d6eeff
}

.dropdown-menu a.filter-check-shown i.sicon.sicon-check {
    color: #0679c8
}

.filter-view.select2-container.select2-choice.select2-chosen.workflow-filter-view {
    color: #2b2d2e;
    min-height: 0;
    font-weight: 600
}

.filter-dropdown-open .filter-view.select2-container.select2-choice.select2-chosen.workflow-filter-view {
    color: #0679c8
}

.filter-dropdown-close .filter-view.select2-container.select2-choice.select2-chosen.workflow-filter-view {
    color: #2b2d2e
}

a.btn.dropdown-toggle.btn-invisible span, a.btn.dropdown-toggle.btn-invisible span.sicon-chevron-down {
    color: #6f777b
}

a.btn.dropdown-toggle.filter-dropdown-open span, a.btn.dropdown-toggle.filter-dropdown-open span.sicon-chevron-down {
    color: #0679c8
}

.dropDownToggleButtonBg {
    margin-left: -15px;
    background-color: #fff;
    border-radius: var(--rounded-sm);
    border: 1px solid #e5eaed
}

.dropDownToggleButtonBg a.btn.dropdown-toggle.btn-invisible {
    padding: 4px 10px;
    vertical-align: middle;
    margin: 4px 0;
    height: 10px;
    line-height: 0
}

a.btn.dropdown-toggle.btn-invisible:not(.disabled):not(:active):focus {
    outline: none
}

.toggleButtonBg .btn.rowaction {
    background-color: #4d5154;
    border: 1px solid #e5eaed
}

.toggleButtonBg .btn.rowaction .sicon {
    color: #fff
}

.dropDownToggleButtonBg:hover {
    border-color: var(--border-color-focus);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1)
}

.toggleButtonBg .sicon::before {
    color: #fff
}

.dri-workflows-header-wrapper .data-skeleton-loader {
    background: var(--automate-skeleton-loader);
    background-repeat: no-repeat;
    animation: move 2s infinite linear
}

.record .btn-group.actions > ul.dropdown-menu.workflow-filter-view-items {
    right: 0;
    left: auto;
    margin-left: 0;
    top: 2.25rem
}

.sorting-dropdown .sorting-dropdown-select .select2-choice {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.sorting-dropdown .sorting-dropdown-arrow {
    border: 1px solid var(--border-base);
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 4px 8px;
    cursor: pointer
}

.sorting-dropdown .sorting-dropdown-arrow .sicon {
    color: var(--sicon-active-color)
}

.sorting-dropdown .sorting-dropdown-arrow.disabled .sicon {
    color: #b8bcbe
}

.sorting-dropdown .sorting-dropdown-arrow:not(.disabled):hover .sicon {
    color: var(--sicon-hover-color)
}

@media print {
    @page {
        margin: 0.5in
    }

    body {
        padding: 0;
        font-family: "Arial"
    }

    #arrow, #header, header, .navbar, .btn, .toggle, .dropdown-menu, .btn-group, .btn-toolbar .btn-group, .btn-toolbar, .search-filter, .btn-group.open .dropdown-menu, .side-pane.active, .alert-top {
        display: none !important
    }

    .headerpane, .preview-headerbar {
        position: relative !important;
        top: auto !important;
        margin-top: 0
    }

    #content, .main-pane, .side.sidebar-content, .headerpane, .sidebar-content .dashboard .preview-headerbar {
        position: relative !important;
        top: auto !important;
        width: 100%;
        bottom: auto !important;
        overflow: visible;
        background: none;
        float: none
    }

    .topline .span4 {
        width: 100%
    }

    .topline .span8 {
        width: 100%
    }

    .sidebar-content .dashboard .headerpane {
        width: 100%;
        background: none
    }

    .main-pane.span8, .span8 .headerpane {
        width: 100%;
        border-right: none
    }

    .sidebar-content .dashboard .preview-headerbar {
        margin-bottom: 12px
    }

    .main-pane.span8, .main-pane.span12, .main-pane.dashboard {
        padding-top: 0 !important;
        margin-top: 0
    }

    .dashboard {
        position: relative;
        background: none;
        top: auto;
        bottom: auto
    }

    .side.sidebar-content {
        page-break-before: always;
        box-shadow: none
    }

    .label.label-module {
        border: 2px solid #4d5154
    }

    .row-fluid.panel_hidden.hide {
        display: block
    }

    .show-hide-toggle {
        display: none
    }

    .record {
        border-bottom: 2px solid var(--border-base);
        margin-left: 0;
        margin-right: 0;
        page-break-after: always
    }

    .flex-list-view.left-actions .dataTable th:first-child, .flex-list-view.left-actions .dataTable td:first-child, .flex-list-view.right-actions .dataTable th:last-child, .flex-list-view.right-actions .dataTable td:last-child {
        display: none !important
    }

    .no-touch .flex-list-view .flex-list-view-content {
        overflow-x: visible
    }

    .sorting_asc span::after, .sorting_desc span::after, .sorting span::after {
        content: ""
    }

    #content > .row-fluid > .dashboard .dashlets.row-fluid > li {
        width: 100%
    }

    #content > .row-fluid > .dashboard .dashlets.row-fluid > li .dashlet-container {
        width: 100%
    }

    #content > .row-fluid > .dashboard .dashlets.row-fluid > li:first-child {
        padding-left: 0
    }

    #content > .row-fluid > .dashboard .dashlets.row-fluid > li:last-child {
        padding-right: 0
    }

    .sidebar-content .dashboard .preview-headerbar h1 div.dropdown > a {
        display: block !important
    }

    .dashboard .row-fluid .well.well-invisible {
        display: none !important;
        padding-top: 0
    }

    .dashboard .row-fluid.sortable .well.well-invisible {
        display: block !important
    }

    .dashboard .row-fluid.sortable .well.well-invisible .dashlet-container {
        padding: 20px 0 0
    }

    .dashboard .row-fluid.sortable .well.well-invisible .dashlet-container .dashlet {
        border: 1px solid #6f777b;
        position: relative;
        width: 656px;
        left: 50%;
        margin-left: -328px
    }

    body.full-screen .nv-demo {
        padding: 0
    }

    body.full-screen .nv-demo .nv-chart {
        height: 10.5in;
        width: 8in
    }

    .nv-chart {
        width: 640px;
        max-height: 370px
    }

    .nv-point-clips circle, .nv-quotaLineBackground {
        display: none
    }

    .dashboard .thumbnail.dashlet:not(.collapsed) .dashlet-content, .dashboard .thumbnail.dashlet:not(.collapsed) .block, .dashboard .thumbnail.dashlet:not(.collapsed) {
        max-height: none !important
    }

    footer {
        position: relative;
        visibility: hidden
    }

    .dataTables_wrapper {
        overflow-x: visible
    }

    .nv-image-canvas, .sorting {
        background: none;
        filter: none
    }

    :root {
        -webkit-print-color-adjust: exact
    }

    .print-drawer body, .print-drawer #drawers, .print-drawer #drawers * {
        overflow-x: visible;
        overflow-y: visible
    }

    .print-drawer body .headerpane span[data-type="image"], .print-drawer #drawers .headerpane span[data-type="image"], .print-drawer #drawers * .headerpane span[data-type="image"], .print-drawer body .headerpane span[data-type="avatar"], .print-drawer #drawers .headerpane span[data-type="avatar"], .print-drawer #drawers * .headerpane span[data-type="avatar"] {
        padding-left: 0
    }

    .print-drawer #drawers > .drawer {
        top: 0
    }

    .print-drawer table {
        page-break-after: auto
    }

    .print-drawer tr {
        page-break-inside: avoid;
        page-break-after: auto
    }

    .print-drawer td {
        page-break-inside: avoid;
        page-break-after: auto
    }

    .print-drawer thead {
        display: table-header-group
    }

    .print-drawer tfoot {
        display: table-footer-group
    }

    .print-drawer table td div.ellipsis_inline {
        white-space: normal !important
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .nav > li.dropdown, .nav > li.dropdown > .open {
        position: static
    }
}

@media (max-width: 480px) {
    .welcome .modal-body.record {
        padding-left: 0
    }

    .welcome .modal-body.record .record-cell {
        padding-left: 15px
    }

    .navbar {
        min-width: 320px
    }

    .navbar .module-list > .nav.megamenu li:not(:first-child) > .btn-group {
        padding-right: 1px;
        padding-left: 1px
    }

    .navbar .module-list > .nav.megamenu li:not(:first-child) > .btn-group > .btn {
        width: 58px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 2px
    }

    .navbar .module-list > .nav.megamenu li:not(:first-child) > .btn-group .dropdown-toggle {
        padding-right: 0;
        padding-left: 0;
        width: 18px
    }

    .navbar .module-list > .nav.megamenu li:not(:first-child).more {
        padding-right: 2px;
        padding-left: 2px;
        width: 36px
    }

    .navbar .module-list > .nav.megamenu li:first-child > .btn-group.home, .navbar .module-list > .nav.megamenu li:first-child > .btn-group.home.open {
        padding-right: 2px;
        padding-left: 2px
    }

    .navbar .module-list, .navbar .search {
        z-index: 1
    }

    .navbar .search.expanded {
        padding: 7px 6px
    }

    .navbar #userActions > .btn-group {
        padding-right: 0
    }

    .preview-pane {
        width: 100% !important;
        margin-left: 0 !important
    }

    footer .pull-right.btn-toolbar .btn .action-label {
        display: none
    }

    .page-header h1 small {
        display: block;
        line-height: 18px
    }

    input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
        display: block;
        width: 100%;
        min-height: 28px;
        box-sizing: border-box
    }

    .input-prepend input[class*="span"], .input-append input[class*="span"] {
        width: auto
    }

    input[type="checkbox"], input[type="radio"] {
        border: 1px solid var(--border-base)
    }

    .form-horizontal .control-group > label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }

    .form-horizontal .controls {
        margin-left: 0
    }

    .form-horizontal .control-list {
        padding-top: 0
    }

    .carousel-caption {
        position: static
    }

    .row > .empty, .row-fluid > .empty {
        display: none !important
    }

    .span2 .block > * {
        display: none !important
    }

    .span2 .block > h4 {
        display: block !important
    }

    #stream tbody tr td {
        background-color: #f9fafb;
        background-image: linear-gradient(to bottom, #fff, #f1f3f4);
        background-repeat: repeat-x;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #f8fafc;
        vertical-align: middle
    }

    h2 {
        margin-top: 27px
    }

    h2 small {
        display: block;
        line-height: 18px
    }

    h3 {
        margin-top: 18px
    }

    .quick-links {
        margin: 40px 0 0
    }

    .quick-links .divider {
        display: none
    }

    table code {
        white-space: normal;
        word-wrap: break-word;
        word-break: break-all
    }

    .modal-example .modal {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .modal-wide {
        width: 560px;
        margin-left: -280px
    }

    .record .record-cell {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 540px) {
    .navbar .nav-collapse.search-expanded > :not(.search) {
        display: none
    }

    .navbar .nav-collapse.search-expanded .search {
        padding-left: 0;
        padding-right: 0
    }

    .navbar .nav-collapse:not(.search-expanded) > .search {
        display: none
    }
}

@media (max-width: 768px) {
    .container, .container-fluid {
        width: auto;
        padding: 0
    }

    .container-fluid .row-fluid {
        width: 100%
    }

    .row {
        margin-left: 0
    }

    .row > [class*="span"], .container-fluid .row-fluid > [class*="span"] {
        float: none;
        display: block;
        width: auto;
        margin: 10px
    }

    .subnav {
        margin-top: 17px
    }

    #searchForm {
        right: auto
    }

    #searchForm .navbar-search .search-query {
        min-width: inherit !important;
        width: 120px
    }

    #searchForm .typeahead {
        left: auto
    }

    .dashlet {
        border-radius: 0;
        overflow: auto
    }

    .modal {
        width: 100%;
        top: 0;
        bottom: 44px;
        left: 0;
        margin: 0;
        padding: 4px 0;
        border: 0
    }

    .touch .content-overflow-visible {
        overflow: visible !important;
        z-index: 1040
    }

    .row > .empty, .row-fluid > .empty {
        display: none !important
    }

    #content {
        overflow: auto
    }

    .dashboard {
        position: relative;
        overflow-x: visible;
        overflow-y: visible
    }

    #side-drawer .dashboard {
        position: absolute
    }

    .touch .dashboard {
        overflow-x: visible;
        overflow-y: visible
    }

    #content > .row-fluid > .dashboard .dashlets.row-fluid > li {
        width: 100%
    }

    #content > .row-fluid > .dashboard .dashlets.row-fluid > li .dashlet-container {
        width: 100%
    }

    #content > .row-fluid > .dashboard .dashlets.row-fluid > li:first-child {
        padding-left: 0
    }

    #content > .row-fluid > .dashboard .dashlets.row-fluid > li:last-child {
        padding-right: 0
    }

    #header[style*="display: none;"] + #content {
        top: 0;
        margin-top: 0
    }

    #portal #content > .row-fluid > .dashboard {
        padding-top: 0 !important
    }

    .main-pane.span8, .main-pane.span12 {
        float: none;
        position: relative;
        top: auto;
        bottom: auto;
        overflow-x: visible;
        overflow-y: visible;
        width: 100%;
        z-index: initial
    }

    .main-pane.span8 .headerpane, .main-pane.span12 .headerpane {
        min-width: 320px
    }

    .touch .main-pane {
        margin-top: 0 !important
    }

    .side.sidebar-content {
        float: none;
        top: auto;
        bottom: auto;
        overflow-x: visible;
        overflow-y: visible;
        border-right: none;
        width: 100%;
        z-index: initial;
        box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.2)
    }

    .side.sidebar-content .dashboard {
        top: auto;
        bottom: auto;
        padding-top: 0
    }

    .side.sidebar-content .dashboard .dashboard-grid.grid-stack-empty {
        height: auto !important
    }

    .side.sidebar-content .dashboard .headerpane {
        position: relative;
        width: 100%;
        top: auto;
        z-index: 1
    }

    .side.sidebar-content .dashlet-cell.row-fluid > li {
        width: 100%
    }

    .side.sidebar-content .side-pane.active .block.thumbnail {
        margin: 0;
        width: 94%
    }

    .side.sidebar-content .help-pane .help-headerbar {
        position: relative;
        width: 100%;
        top: auto;
        z-index: 1;
        background: transparent
    }

    .side.sidebar-content .help-pane .helplet-list-container {
        padding: 8px 1.5% 0
    }

    .touch .side.sidebar-content .dashboard {
        padding-top: 0
    }

    .headerpane .sidebar-toggle {
        display: none
    }

    .headerpane .btn-toolbar {
        padding-right: 16px
    }

    .main-pane.span8 .headerpane {
        width: calc(100vw - 3.5rem - 3rem);
        border-right: none;
        border-top-right-radius: var(--rounded-xl)
    }

    .preview-pane {
        position: fixed;
        left: 100%;
        margin-left: 25%;
        width: 75%;
        height: -moz-calc(100% - 93px) !important;
        height: -webkit-calc(100% - 93px) !important;
        height: calc(100% - 93px) !important;
        z-index: 1004;
        overflow: scroll
    }

    .preview-pane.active {
        box-shadow: -3px 0 4px rgba(0, 0, 0, 0.1)
    }

    .preview-pane .preview-headerbar {
        box-shadow: none !important;
        border-top: none;
        top: auto;
        position: absolute;
        width: 100%
    }

    .side > .preview-pane {
        display: block;
        opacity: 0
    }

    .preview-pane.active {
        opacity: 1;
        left: 0;
        -webkit-animation: preview-in .3s;
        animation-name: preview-in;
        animation-duration: 0.3s
    }

    .preview-pane {
        -webkit-animation: preview-out .3s;
        animation-name: preview-out;
        animation-duration: 0.3s;
        display: block
    }

    .card2 .row-fluid.control-group .control-label .span2, .card2 .row-fluid.control-group .control-label .span10 {
        text-align: left;
        background: none;
        padding: 0 10px;
        border: none
    }

    .uxs-scroll-bar {
        width: 98.6%
    }

    .record div[data-name="invitees"] .participants-schedule .participant .profile .name .ellipsis_inline {
        width: 72px
    }
}

@media (max-width: 700px) {
    #searchForm .typeahead {
        width: 100%;
        border-radius: 0;
        border: 0
    }

    .navbar-inner .nav-collapse ul.nav.megamenu {
        position: static
    }
}

@media only screen and (orientation: landscape) {
    .touch .main-pane.span8 > div:first-child {
        border-bottom: 1px solid transparent;
        -webkit-transition-delay: 0.1s
    }
}

@media (max-width: 768px) {
    .main-pane.span8, .main-pane.span12 {
        margin-top: 50px
    }

    .preview-pane {
        top: 45px
    }

    .megamenu > .dropdown .btn-group > .dropdown-toggle .sicon-caret-down, th.sorting_asc span::after, th.sorting_desc span::after, th.sorting span::after, .dashlet .btn-toolbar {
        visibility: visible
    }
}

@media screen and (max-width: 834px) {
    #content:not(.sidebar-visible) .topline {
        flex-direction: column
    }

    #content:not(.sidebar-visible) .topline .span4 {
        margin-left: 2rem;
        width: 100%
    }

    #content:not(.sidebar-visible) .topline .span4::before {
        height: 7.25rem
    }
}

@media screen and (max-width: 1263px) {
    #content.sidebar-visible .topline {
        flex-direction: column
    }

    #content.sidebar-visible .topline .span4 {
        margin-left: 2rem;
        width: 100%
    }

    #content.sidebar-visible .topline .span4::before {
        height: 7.25rem
    }
}

.pagination {
    padding: 10px
}

.pagination ul {
    box-shadow: none
}

.pagination nav {
    padding: 5px;
    margin: 0
}

.pagination .pagination-li {
    display: inline-block
}

.pagination .pagination-li .left-ellipsis-icon, .pagination .pagination-li .right-ellipsis-icon {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}

.pagination .pagination-li .paginate-aria-button {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    width: 40%;
    background-color: var(--btn-secondary-background);
    color: #0679c8;
    text-decoration: none;
    transition: 400ms ease
}

.pagination .pagination-li .paginate-aria-button:hover {
    background-color: var(--btn-secondary-background-hover)
}

.pagination .pagination-li .paginate-aria-button:active {
    background-color: var(--btn-secondary-background-active)
}

.pagination .pagination-li .paginate-aria-button.disabled {
    background-color: var(--btn-secondary-background-disabled)
}

.pagination .pagination-li .paginate-aria-button .previous-fav, .pagination .pagination-li .paginate-aria-button .next-fav {
    color: #0679c8;
    width: 8px;
    font-size: smaller
}

.pagination .pagination-li .paginate-aria-button .previous-fav:hover, .pagination .pagination-li .paginate-aria-button .next-fav:hover {
    background-color: #f1f3f4;
    color: #0679c8
}

.pagination .pagination-li .paginate-aria-button .previous-fav:active, .pagination .pagination-li .paginate-aria-button .next-fav:active {
    background-color: var(--btn-secondary-background-active);
    color: #011523
}

.pagination .pagination-li .paginate-aria-button .previous-fav.disabled, .pagination .pagination-li .paginate-aria-button .next-fav.disabled {
    color: #4d5154;
    background-color: var(--btn-secondary-background-disabled)
}

.pagination .pagination-li .nav-previous {
    padding: 3px 6px;
    border: 1px solid #f1f3f4;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.pagination .pagination-li .nav-next {
    padding: 3px 6px;
    border: 1px solid #f1f3f4;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.pagination .pagination-li .btn.active {
    background-color: #0679c8 !important;
    color: #fff !important;
    border-radius: 5px
}

.pagination .pagination-li .paginate-num-button {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    border: none;
    width: 40%;
    color: #2b2d2e;
    background-color: var(--content-background);
    padding: 6px 8px;
    text-decoration: none;
    transition: 400ms ease
}

.pagination .pagination-li .paginate-num-button:hover {
    color: #2b2d2e;
    background-color: #f1f3f4;
    border-radius: 5px
}

.pagination .pagination-li .paginate-num-button.disabled {
    background-color: #4d5154;
    color: #fff;
    border-radius: 5px
}