/**
* Global variables.
* This file declares global css variables for controlling ProVision look & feel
*
*
* @since 1.0.0
* @author diegosm
*/
:root {
--header-height: 50px;
--header-background: #10639f;
--header-font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
--header-border-color: #113b65;
--header-border-shadow: 0px;
--header-border-radius: 0px;
/* brand */
--brand-margin-left: 0;
--brand-margin-right: 10px;
/* brand logo */
--brandlogo-display: inline;
--brand-image-width: 48px;
/* brand text */
--brandname-display: none;
--brandname-text-size: 18px;
--brandname-text-weight: 400;
--brandname-text-color: #ffffff;
--brandname-hover-text-color: #ffffff;
--brandname-text-padding: 5px;
/* menu items */
--menu-item-hover-active-color: #207abb;
--menu-item-text-color: #ffffff;
--menu-item-text-active-color: #ffffff;
--menu-item-active-background-color: #207abb;
--menu-item-text-size: 13px;
--menu-item-text-weight: 400;
--menu-item-text-hover-color: #ffffff;
--menu-item-hover-background-color: #207abb;
--menu-item-caret-color: #ffffff;
--menu-item-padding: 8px;
--menu-item-disabled-text-color: #acacac;
--menu-item-disabled-caret-color: #acacac;
--menu-item-disabled-background-color: #207abb;
--menu-item-disabled-hover-color: #ffffff;
/* dropdowns */
--dropdown-text-color: #333333;
--dropdown-background-color: #ffffff;
--dropdown-separator-border-color: #dddddd;
--dropdown-text-hover-color: #262626;
--dropdown-text-background-color: #b5e1ff;
--dropdown-text-size: 14px;
--dropdown-text-padding: 8px 20px;
--dropdown-caret-color: #333333;
--dropdown-caret-hover-color: #333333;
--dropdown-caret-active-color: #ffffff;
--dropdown-disabled-background-color: #b5e1ff;
--dropdown-disabled-hover-color: #333333;
--dropdown-disabled-text-color: #acacac;
--dropdown-disabled-caret-color: #acacac;
/* options */
--option-item-hover-background-color: transparent;
/* search box */
--search-font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
--search-input-icon-color: #333333;
--search-input-text-color: #555555;
--search-input-icon-background-color: #ffffff;
--search-header-background-color: #10639f;
--search-resultlist-border: 2px solid #b1b1b1;
--search-resultlist-shadow: 2px 2px 7px -5px #333333;
--search-header-text-color: #ffffff;
--search-top-position: 46px;
--search-border-radius: 0px;
--search-border-color: #ccc;
--search-background-color: #ffffff;
--search-resultlist-background-color: #ffffff;
--search-resultlist-category-color: #555;
--search-item-title-color: #555555;
--search-item-subtitle-color: #777777;
--search-item-hover-color: #f1f1f1;
--search-filter-button-color: #ffffff;
--search-filter-button-background-color: #5cb85c;
--search-filter-button-border-color: #4cae4c;
/* about */
--header-about-color: #333333;
/* login */
--login-picture-color: #666666;
--login-name-text-color: #333333;
--login-username-text-color: #666666;
/* header group info */
--header-group-info-color: var(--provision-text-color);
--header-group-info-background-color: #ffffff;
/* general provision */
--provision-background-color: #EAEEF1;
--provision-text-color: #333;
/* portables */
--portable-loading-overlay-color: #fff;
/* angucomplete */
--angucomplete-dropdown-background-color: #fff !important;
--angucomplete-dropdown-border-color: #ccc !important;
--angucomplete-dropdown-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
--angucomplete-row-color: #333 !important;
--angucomplete-selected-row-background-color: #fff !important;
--angucomplete-selected-row-color: #333 !important;
/*breadcrums */
--breadcrumb-background-color: #f5f5f5;
--breadcrumb-border: 1px solid #ffffff1a;
--breadcrumb-li-a-color: var(--anchors-color);
--breadcrumb-li-active-color: #777;
/*dragable-columns*/
--draggable-column-item-background-color: #f1f1f1;
--draggable-column-item-border-color: #dcdcdc;
--draggable-column-item-border-left-color: #367ea9;
--draggable-column-item-box-shadow: 0 1px 3px #e2e2e2, 0 1px 2px #e2e2e2;
--draggable-column-item-color: #333;
--draggable-column-item-hover-box-shadow: #b7b7b7;
--draggable-column-item-accessor-color: #555555;
--draggable-column-item-drag-handle-span-color: #3b76ab;
--draggable-column-item-header-input-background-color: #ffffff;
--draggable-column-item-header-input-box-shadow: #e2e2e2;
--draggable-column-item-header-input-border: 1px solid #CCC;
--draggable-column-item-options-input-checkbox-label-color: #b1b1b1;
--draggable-column-item-options-btn-link-border-color: transparent;
--draggable-column-item-not-visible-background-color: #f7ebeb;
--draggable-column-item-not-visible-border-left-color: #d9534f;
--draggable-column-item-not-visible-drag-handle-span-color: #d9534f;
--draggable-column-item-not-visible-accessor-input-color: #555555;
--draggable-column-item-dragging-background-color: #f1f1f1;
--draggable-column-item-dragging-border-left-color: #5cb85c;
--draggable-column-item-dragging-drag-handle-span-color: #5cb85c;
--draggable-column-dragging-background-color: #f6fbff;
--draggable-column-dragging-border-color: #dddddd;
/* alerts*/
--alerts-border-color: transparent;
--alerts-primary-color: #093271;
--alerts-primary-background-color: #90caf9;
--alerts-primary-border-color: #3a5164;
--alerts-primary-anchor-color: var(--anchors-color);
--alerts-warning-color: #8a6d3b;
--alerts-warning-background-color: #fcf8e3;
--alerts-warning-border-color: #faebcc;
--alerts-warning-anchor-color: var(--anchors-color);
--alerts-danger-color: #a94442;
--alerts-danger-background-color: #f2dede;
--alerts-danger-border-color: #ebccd1;
--alerts-danger-anchor-color: var(--anchors-color);
--alerts-success-color: #3c763d;
--alerts-success-background-color: #dff0d8;
--alerts-success-border-color: #d6e9c6;
--alerts-success-anchor-color: var(--anchors-color);
--alerts-info-color: #31708f;
--alerts-info-background-color: #d9edf7;
--alerts-info-border-color: #bce8f1;
--alerts-info-anchor-color: var(--anchors-color);
/* anchors (aka links)*/
--anchors-color: #337ab7;
--anchors-hover-color: #23527c;
/* text */
--paragraphs-text-muted: #777;
--paragraphs-text-primary: #337ab7;
--paragraphs-text-success: #3c763d;
--paragraphs-text-info: #31708f;
--paragraphs-text-warning: #8a6d3b;
--paragraphs-text-danger: #a94442;
/* buttons */
--buttons-default-color: #333;
--buttons-default-background-color: #fff;
--buttons-default-border-color: #ccc;
--buttons-default-hover-color: #333;
--buttons-default-hover-background-color: #e6e6e6;
--buttons-default-hover-border-color: #adadad;
--buttons-default-active-color: #333;
--buttons-default-active-background-color: #e6e6e6;
--buttons-default-active-border-color: #adadad;
--buttons-default-focus-color: #333;
--buttons-default-focus-background-color: #e6e6e6;
--buttons-default-focus-border-color: #8c8c8c;
--buttons-default-active-focus-color: #333;
--buttons-default-active-focus-background-color: #d4d4d4;
--buttons-default-active-focus-border-color: #8c8c8c;
--buttons-primary-color: #fff;
--buttons-primary-background-color: #337ab7;
--buttons-primary-border-color: #2e6da4;
--buttons-primary-hover-color: #fff;
--buttons-primary-hover-background-color: #286090;
--buttons-primary-hover-border-color: #204d74;
--buttons-primary-active-color: #fff;
--buttons-primary-active-background-color: #286090;
--buttons-primary-active-border-color: #204d74;
--buttons-primary-focus-color: #fff;
--buttons-primary-focus-background-color: #286090;
--buttons-primary-focus-border-color: #122b40;
--buttons-primary-active-focus-color: #fff;
--buttons-primary-active-focus-background-color: #204d74;
--buttons-primary-active-focus-border-color: #122b40;
--buttons-success-color: #fff;
--buttons-success-background-color: #5cb85c;
--buttons-success-border-color: #4cae4c;
--buttons-success-hover-color: #fff;
--buttons-success-hover-background-color: #449d44;
--buttons-success-hover-border-color: #398439;
--buttons-success-active-color: #fff;
--buttons-success-active-background-color: #449d44;
--buttons-success-active-border-color: #398439;
--buttons-success-focus-color: #fff;
--buttons-success-focus-background-color: #449d44;
--buttons-success-focus-border-color: #255625;
--buttons-success-active-focus-color: #fff;
--buttons-success-active-focus-background-color: #398439;
--buttons-success-active-focus-border-color: #255625;
--buttons-danger-color: #fff;
--buttons-danger-background-color: #d9534f;
--buttons-danger-border-color: #d43f3a;
--buttons-danger-hover-color: #fff;
--buttons-danger-hover-background-color: #c9302c;
--buttons-danger-hover-border-color: #ac2925;
--buttons-danger-active-color: #fff;
--buttons-danger-active-background-color: #c9302c;
--buttons-danger-active-border-color: #ac2925;
--buttons-danger-focus-color: #fff;
--buttons-danger-focus-background-color: #c9302c;
--buttons-danger-focus-border-color: #761c19;
--buttons-danger-active-focus-color: #fff;
--buttons-danger-active-focus-background-color: #ac2925;
--buttons-danger-active-focus-border-color: #761c19;
--buttons-warning-color: #fff;
--buttons-warning-background-color: #f0ad4e;
--buttons-warning-border-color: #eea236;
--buttons-warning-hover-color: #fff;
--buttons-warning-hover-background-color: #ec971f;
--buttons-warning-hover-border-color: #d58512;
--buttons-warning-active-color: #fff;
--buttons-warning-active-background-color: #ec971f;
--buttons-warning-active-border-color: #d58512;
--buttons-warning-focus-color: #fff;
--buttons-warning-focus-background-color: #ec971f;
--buttons-warning-focus-border-color: #985f0d;
--buttons-warning-active-focus-color: #fff;
--buttons-warning-active-focus-background-color: #d58512;
--buttons-warning-active-focus-border-color: #985f0d;
--buttons-info-color: #fff;
--buttons-info-background-color: #5bc0de;
--buttons-info-border-color: #46b8da;
--buttons-info-hover-color: #fff;
--buttons-info-hover-background-color: #31b0d5;
--buttons-info-hover-border-color: #269abc;
--buttons-info-active-color: #fff;
--buttons-info-active-background-color: #31b0d5;
--buttons-info-active-border-color: #269abc;
--buttons-info-focus-color: #fff;
--buttons-info-focus-background-color: #31b0d5;
--buttons-info-focus-border-color: #1b6d85;
--buttons-info-active-focus-color: #fff;
--buttons-info-active-focus-background-color: #269abc;
--buttons-info-active-focus-border-color: #1b6d85;
/* labels */
--labels-color: #fff;
--labels-info-background-color: #5bc0de;
--labels-danger-background-color: #d9534f;
--labels-success-background-color: #5cb85c;
--labels-warning-background-color: #f0ad4e;
--labels-primary-background-color: #337ab7;
/* legend */
--legend-border-bottom-color: #e5e5e5;
/* badges */
--badges-color: #fff;
--badges-background-color: #777;
/* label backgrounds */
--backgrounds-color: inherit;
--backgrounds-danger-background-color: #f2dede;
--backgrounds-warning-background-color: #f57c00;
--backgrounds-success-background-color:#4CAF50;
--backgrounds-info-background-color: #00bcd4;
--backgrounds-default-background-color: #ddd;
--backgrounds-row-danger-background-color: #d9534f;
--backgrounds-row-warning-background-color: #f0ad4e;
--backgrounds-row-success-background-color:#5cb85c;
--backgrounds-row-info-background-color: #5bc0de;
/* jumbotron */
--jumbotron-background-color: #eee;
/* panels */
--panels-background-color: #fff;
--panels-heading-title-color: inherit;
--panels-heading-title-hover-color: inherit;
--panels-primary-border-color: #337ab7;
--panels-primary-heading-color: #fff;
--panels-primary-heading-background-color: #337ab7;
--panels-primary-heading-border-color: #337ab7;
--panels-primary-badge-color: #337ab7;
--panels-primary-badge-background-color: #fff;
--panels-primary-footer-background-color: #f5f5f5;
--panels-primary-footer-border-color: 1px solid #ddd;
--panels-default-border-color: #ddd;
--panels-default-heading-color: #333;
--panels-default-heading-background-color: #f5f5f5;
--panels-default-heading-border-color: #ddd;
--panels-default-badge-color: #fff;
--panels-default-badge-background-color: #777;
--panels-default-badge-border: none;
--panels-default-footer-background-color: #f5f5f5;
--panels-default-footer-border-color: 1px solid #ddd;
--panels-warning-border-color: #fcf8e3;
--panels-warning-heading-color: #8a6d3b;
--panels-warning-heading-background-color: #fcf8e3;
--panels-warning-heading-border-color: #faebcc;
--panels-warning-badge-color: #fcf8e3;
--panels-warning-badge-background-color: #8a6d3b;
--panels-warning-footer-background-color: #f5f5f5;
--panels-warning-footer-border-color: 1px solid #ddd;
--panels-navbar-default-background-color: #f8f8f8;
--panels-navbar-default-box-shadow: none;
--panels-internal-border-color: #ddd;
--panels-internal-heading-color: #333;
--panels-internal-heading-background-color: #f5f5f5;
--panels-internal-body-background-color: transparent;
/* forms */
--forms-form-control-color: #555;
--forms-form-control-background-color: #fff;
--forms-form-control-border-color: #ccc;
--forms-form-control-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
--forms-form-control-placeholder-color: #999;
--forms-form-control-disabled-background-color: #eee;
--forms-help-block-color: #737373;
--forms-select-option-background-color: #fff;
--forms-autocomplete-background-color: #ffffff;
--forms-autocomplete-color: var(--provision-text-color);
--forms-autocomplete-border: 1px solid var(--forms-form-control-border-color);
/* TODO: This does not affect the "new" switch controls */
--forms-onoffswitch-label-color: #333;
--forms-onoffswitch-border-color: #999999;
--forms-onoffswitch-active-background-color: #3289C7;
--forms-onoffswitch-active-label-color: #FFFFFF;
--forms-onoffswitch-disabled-background-color: #fff;
--forms-onoffswitch-disabled-label-color: #ccc;
--forms-onoffswitch-active-switch: #fff;
--forms-onoffswitch-disabled-switch: #ccc;
--react-select-container-control-border-color: #ccc;
--react-select-container-control-background-color: #fff;
--react-select-container-singleValue-color: #333;
--react-select-container-multiValue-close-color: #333333;
--react-select-container-multiValue-hover-background-color: #ffbdad;
--react-select-container-menu-background-color: #fff;
--react-select-container-menu-color: #333;
--react-select-container-menu-option-color: #4E5053 !important;
--react-select-container-menu-option-background-color: transparent !important;
--react-select-container-menu-option-background-color-focus-hover-background-color: #DEEBFF !important;
--react-select-container-menu-option-background-color-focus-hover-color: #4E5053 !important;
--v-select-vs-dropdown-menu-background-color: #fff;
--v-select-container-placeholder-color: #eee;
--v-select-vs-dropdown-menu-opacity: 1;
--v-select-vs-dropdown-menu-li-padding: .5rem;
--v-select-vs-dropdown-menu-li-focus-hover-background-color: #DEEBFF !important;
--v-select-vs-dropdown-menu-li-focus-hover-color: #4E5053 !important;
/* ng-tags */
--tags-input-tags-background-color: #fff;
--tags-input-tags-border-color: #ccc;
--tags-input-tags-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
--tags-input-tags-input-background-color: #fff;
--tags-input-tags-input-placeholder-color: #ccc;
--tags-input-tags-input-placeholder-opacity: 1;
--tags-input-autocomplete-background-color: #fff !important;
--tags-input-autocomplete-border-color: #ccc !important;
--mui-mui-form-control-root-background-color: #fff;
--mui-datetime-picker-font-color: #000000de;
--mui-button-base-root-svg-color: #0000008a;
--mui-button-base-root-svg-background-color: transparent;
--mui-button-base-root-background-color: transparent;
--mui-button-base-root-hover-background-color: #0000000a;
--mui-button-base-root-selected-background-color: #1976d2;
--mui-button-base-root-selected-hover-background-color: #1976d2;
--mui-pickers-popper-root-background-color: #fff;
--mui-pickers-popper-clock-background-color: #00000012;
/* react-calendar */
--react-datetime-picker-wrapper-color: #656565;
--react-datetime-picker-wrapper-background-color: #fff;
--react-datetime-picker-wrapper-border-color: #ccc;
--react-datetime-picker-wrapper-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
--react-datetime-picker-wrapper-clear-button-svg-stroke: #656565;
--react-datetime-picker-inputGroup-input-invalid-background: #ddd;
--react-datepicker-year-header-color: black;
--react-datepicker__time-name-color: black;
--react-datepicker__time-color: black;
--react-datepicker__time-background-color: white;
--li-react-datepicker__time-list-item-hover-background-color: #f0f0f0;
--react-datepicker__year-text-hover-background-color: #f0f0f0;
--react-datepicker__day--selected-color: #fff;
--react-calendar-background: #fff;
--react-calendar-border-color: #ccc;
--react-calendar-box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
--react-calendar-tile-now-background: #FFFC76;
--react-calendar-tile-now-outline: 1px solid #ffffff1a;
--react-calendar-tile-now-enabled-background-focus: transparent;
--react-calendar-tile-enabled-focus-background-color: #ffffff1a;
--react-calendar-month-view-days-day--weekend-color: #D72122;
--react-calendar-tile-active-background-color: #2196f3;
--react-calendar-tile-active-color: white;
--react-calendar-button-enabled-focus-background-color: #ffffff1a;
/* pagination */
--pagination-item-color: #337ab7;
--pagination-item-background-color: #ffffff;
--pagination-item-border-color: #dddddd;
--pagination-item-hover-focus-active-color: #23527c;
--pagination-item-hover-focus-active-background-color: #eeeeee;
--pagination-item-hover-focus-active-border-color: #dddddd;
--pagination-item-hover-focus-active-outline: none;
--pagination-item-active-color: #ffffff;
--pagination-item-active-background-color: #337ab7;
--pagination-item-active-border-color: #337ab7;
--pagination-item-active-hover-focus-active-color: #ffffff;
--pagination-item-active-hover-focus-active-background-color: #337ab7;
--pagination-item-active-hover-focus-active-border-color: #337ab7;
--pagination-item-disabled-color: #777777;
--pagination-item-disabled-background-color: #ffffff;
--pagination-item-disabled-border-color: #dddddd;
--pagination-item-disabled-outline: none;
--pagination-item-disabled-hover-focus-active-color: #777777;
--pagination-item-disabled-hover-focus-active-background-color: #ffffff;
--pagination-item-disabled-hover-focus-active-border-color: #dddddd;
--pagination-item-disabled-hover-focus-active-outline: none;
/* modals */
--modals-background-color: #ffffff;
--modals-border-color: #999999;
--modals-header-border-bottom-color: #e5e5e5;
--modals-header-close-color: initial;
--modals-footer-border-top-color: #e5e5e5;
/* navs */
--navbars-default-background-color: #f8f8f8;
--navbars-default-border-color: #e7e7e7;
--navbars-default-box-shadow: none;
--navbars-default-brand-color: #777;
--navbars-default-nav-item-color: #777;
--navbars-default-nav-item-hover-focus-color: #333;
--navbars-default-nav-item-open-background-color: #ffffff;
--navbars-default-nav-text-color: #777;
--navbars-nav-item-background-color: transparent;
--navbars-nav-item-active-background-color: #337ab7;
--navbars-nav-item-active-color: #ffffff;
--navbars-default-internal-background-color: #f8f8f8;
--navbars-default-internal-border-color: #e7e7e7;
--navbars-default-internal-brand-color: #777;
/* lists */
--lists-group-item-color: #333;
--lists-group-item-background-color: #fff;
--lists-group-striped-odd-item-background-color: #f9f9f9;
--lists-group-item-active-focus-background-color: #f5f5f5;
--lists-group-item-border-color: #ccc;
--lists-group-item-success-background-color: #66bb6a;
--lists-group-item-success-color: #fff;
--lists-group-item-info-background-color: #64b5f6;
--lists-group-item-info-color: #fff;
--lists-group-item-danger-background-color: #e57373;
--lists-group-item-danger-color: #fff;
--lists-group-item-warning-background-color: #ff8a65;
--lists-group-item-warning-color: #fff;
/* dropdowns */
--dropdowns-color: #333333;
--dropdowns-background-color: #ffffff;
--dropdowns-border-color: #00000026;
--dropdowns-box-shadow: 0 6px 12px #0000002e;
--dropdowns-divider-color: #e5e5e5;
--dropdowns-item-color: #333;
--dropdowns-item-hover-color: #262626;
--dropdowns-item-hover-background-color: #f5f5f5;
--dropdowns-item-disabled-color: #777;
--dropdowns-item-disabled-background-color: #transparent;
/* tables */
--tables-color: inherit;
--tables-thead-header-color: inherit;
--tables-tbody-row-border-color: #ddd;
--tables-striped-tbody-odd-row-background-color: #f9f9f9;
--tables-hover-tbody-row-hover-background-color: #f5f5f5;
--tables-selected-row-background-color: #d9edf7;
--tables-success-row-background-color: #dff0d8;
--tables-danger-row-background-color: #f2dede;
--tables-warning-row-background-color: #fcf8e3;
--tables-selected-row-hover-background-color: #c4e3f3;
--tables-hover-tbody-tr-active-hover: #e8e8e8;
/* tables inside other tables */
--tables-table-table-background-color: transparent;
/* tabs */
--tabs-navtabs-navlink-color: var(--anchors-color);
--tabs-navtabs-link-color: #ffffffb3;
--tabs-navtabs-link-border-color: transparent;
--tabs-navtabs-link-background-color: #ffffff;
--tabs-navtabs-link-hover-color: var(--anchors-hover-color);
--tabs-navtabs-link-hover-border-color: #eee #eee #ddd;
--tabs-navtabs-link-hover-background-color: #eeeeee;
--tabs-navtabs-link-active-color: #555;
--tabs-navtabs-link-active-border-color: #ddd;
--tabs-navtabs-link-active-background-color: #fff;
--tabs-internal-border-color: #ddd;
--tabs-internal-border-null-color: #fff;
--tabs-internal-heading-background-color: #fff;
--tabs-internal-heading-color: #555;
--tabs-internal-inactive-heading-color: #337ab7;
--tabs-internal-disabled-border-color: #ddd;
--tabs-internal-disabled-heading-background-color: #fff;
--tabs-internal-disabled-heading-background-hover-color: #eee;
--tabs-internal-disabled-heading-color: #bbb;
/* pre */
--preformatteds-color: #333;
--preformatteds-background-color: #f5f5f5;
/* ui-select */
--ui-select-choices-row-hover-background-color: #428bca;
--ui-select-bootstrap-choices-row-a-color: #555;
--ui-select-choices-row-hover-color: #fff;
/* select2 */
--select2-container-selection-single-background-color: #ffffff;
--select2-container-selection-single-border-color: #cccccc;
--select2-container-selection-single-box-shadow: none;
--select2-container-default-search-dropdown-search-background-color: #ffffff;
--select2-container-default-search-dropdown-search-border-color: #aaa;
--select2-container-default-search-dropdown-search-box-shadow: none;
--select2-container-default-search-dropdown-search-color: var(--provision-text-color);
--select2-container--default-selection-choice-background-color: #428bca;
--select2-container--default-selection-choice-color: #ffffff;
--select2-dropdown-background-color: #ffffff;
--select2-dropdown-border-color: #cccccc;
--select2-container-default-aria-selected-background-color: #f5f5f5;
--select2-container-default-aria-selected-color: #000000;
--select2-container-default-hover-background-color: #428bca;
--select2-container-default-hover-color: #fff;
--select2-selection-rendered-color: #444 !important;
/* wells */
--wells-background-color: #f5f5f5;
--wells-border-color: #e3e3e3;
--wells-color: var(--provision-text-color);
/* Others */
--hr-line-color: #eee;
/* debug panel */
--profiler-background-color: #FFFFFF;
--profiler-border-top-color: #333333;
--profiler-border-bottom-color: #07416B;
--profiler-color: #000;
--profiler-data-background-color: #ddd;
--debug-script-color: #900;
--debug-getdata-color: #cd6e00;
--debug-cookie-color: #009900;
--debug-session-color: #009900;
--debug-server-color: #900;
--debug-other-color: #5a0099;
--debug-custom-color: #c792ea;
--debug-pdo-color: #0000FF;
--debug-pdo-query-color: #333;
--debug-pdo-time-color: #900;
--debug-pdo-line-color: #5a0099;
--debug-pdo-file-color: #009900;
--debug-pdo-file-line-color: #900;
/* Right Filter Panel */
--sc-right-panel-filters-background-color: var(--provision-background-color);
--sc-right-panel-filters-box-shadow-color: #00000054;
--sc-right-panel-filters-border-color: #c3c3c3;
--sc-right-panel-filters-controls-border-color: transparent;
--sc-right-panel-filters-controls-box-shadow: -1px 9px 9px -8px #c3c3c3;
/* */
/* Pages */
/* */
/* dashboard */
--dashboard-header-color: var(--provision-text-color);
--dashboard-widget-heading-background-color: #10639f;
--dashboard-widget-shadow: 0 1px 2px #00000033;
--dashboard-actions-color: #707070;
--dashboard-actions-hover-color: #333;
--dashboard-actions-hover-background-color: #fff;
--dashboard-actions-hover-border-color: #ccc;
--dashboard-activity-history-background-color: #ffffff;
--dashboard-activity-chart-type-selector-border-color: #cccccc;
--dashboard-activity-chart-type-border-color: transparent;
--dashboard-activity-chart-x-axis-text-color: black;
--dashboard-activity-chart-x-axis-line-color: black;
--dashboard-activity-chart-delimiter-color: black;
--dashboard-activity-chart-path-color: black;
--dashboard-activity-chart-path-name-color: black;
--dashboard-ipcharts-background-color: #ffffff;
--dashboard-ipcharts-donut-header-color: #ffffff;
--dashboard-ipcharts-donut-label-color: black;
--dashboard-ipcharts-donut-info-color: black;
/* dns-zones */
--tabs-current-a-after-background-color: #fff;
/* dhcp */
--dhcp-table-separator-color: #f9f9f9;
--dhcp-error-textarea-color: var(--forms-form-control-color);
--dhcp-config-suggestion-background-color: #fff;
--dhcp-config-suggestion-border-color: gray;
--dhcp-config-suggestion-hover-background-color: #337ab7;
/* reporting */
--customer-stats-report-filter-wrapper-background-color: white;
--customer-stats-report-filter-wrapper-border-color: transparent;
--customer-stats-report-filter-children-background-color: #c7c7c7;
--customer-stats-report-filter-gray-background-color: darkgray;
/* ipam */
--sc-ipam-aggregate-list-selected-background-color: #f2f8fb;
--sc-ipam-aggregate-map-references-background-color: #ffffff;
--aggregate-mgmt-table-table-tbody-tr-importantBlock-td-background-color: #eee8a978;
--aggregate-mgmt-table-table-tbody-tr-info-importantBlock-td-background-color: #c1bc8078;
--aggregate-mgmt-table-table-tbody-tr-info-highlight-td-background-color: #fffa66;
--aggregate-mgmt-table-table-tbody-tr-info-highlight-td-color: var(--provision-text-color);
--aggregate-mgmt-navbar-options-selected-color: #00000008;
--sc-ipam-aggregate-listing-list-group-item-aggregate-notes-color: #666;
--sc-ipam-aggregate-color: #000;
--sc-ipam-aggregate-utilization-header-color: #808080;
--sc-ipam-aggregate-dashboard-ba-text-fill: black;
--sc-ipam-aggregate-utilization-bar-chart-svg-dashboard-bar-rect-fill:grey;
--sc-ipam-aggregate-utilization-dendrogram-chart-svg-dedrogram-link-stroke: #ccc;
--modal-dialog-edit-ipam-modal-body-background-color: #ffffff;
--modal-dialog-assign-resource-list-group-item-span-color: #ffffff;
/* peering */
--peering-small-sidelist-md-list-item-selected-hover-background-color: #eaeaea;
--peering-three-bounce-spinner-div-background-color: #333333;
--peering-ixlist-md-list-header-background-color: #65a4d3;
--peering-field_view-tr-td-first-child: #eaeef1;
--peering-panel-field-table-td-first-child: #eaeef1;
--peering-panel-field-table-td-first-child-2: white;
--peering-table-list: transparent;
--peering-ixlist-md-list: transparent;
--peering-small-sidelist-border-top: 30px solid #337ab7;
--peering-detail-field-view-tr-td-subheader-div-border-top: 10px solid white;
--peering-email-header-background-color: #dadada;
/* search */
--search-results-search-result-highlight-background-color: #FFFF007F;
--search-results-search-result-highlight-color: var(--anchors-color);
/* resources */
--resource-list-input-color: #286090;
--resource-list-settings-header-background-color: #337ab7;
--filters-collapsable-container-filters-container-background-color: #f5f5f5;
--filters-collapsable-container-filters-container-border-color: #e7e7e7;
--ui-sortable-helper-border: 1px dotted #ccc;
--ui-sortable-helper-background-color: #ffffff;
--ui-sortable-helper-box-shadow: 0 0 30px #999;
--fields-ui-state-highlight-border-color: #444444;
/* resource importer */
--resource-importer-navbar-default-background-color: #235695;
--resource-importer-content-grid-border-left-color: lightgrey;
--resource-importer-content-slick-header-menuitem-color: #333;
--resource-importer-navbars-default-brand-color: #FFFFFF;
--resource-importer-navbars-default-nav-item-color: #DDE6EF;
/* section fields */
--section-field-edit-background-color: #ffffff;
--section-field-edit-border: 1px solid #ccc;
--section-field-edit-box-shadow: 0 0 30px #999;
--section-field-list-assigned-background-color: #ededed;
/* gadgets */
--document-manager-body-background-color: #ffffff;
--ipam-gadget-body-background-color: #ffffff;
--resource-tree-gadget-body-chart_container-background-color: #fff;
--resource-tree-gadget-body-chart_container-nodes-node-text-fill: var(--provision-text-color);
/* peering-comunication */
--folder-list-background: #ffffff;
--folder-list-border: 1px solid #337ab7;
--folder-list-h4-color: white;
--folder-list-h4-background-color: #337ab7;
--list-group-item-focus-color: #555;
/* dns-autogenerator */
--new-records-ul-li-record-background-color: #9bfdd0;
/* resource tree */
--resource-tree-background-color: #ffffff;
--resource-tree-node-text-color: var(--provision-text-color);
--resource-tree-link-color: #cccccc;
/* users */
--users-groups-resource-permission-background-color: #f1f1f1;
}
body {
background-color: var(--provision-background-color);
color: var(--provision-text-color);
}
.sc-application .sc-application-body {
padding: 35px 0px 35px 0px;
}
.sc-application.sc-application--fullscreen .sc-application-body {
padding: 0;
}
/**
* Main header
*
*
* @since 1.0.0
* @author diegosm
*/
.sc-navbar {
display: flex;
flex-direction: row;
align-items: center;
padding: 0 0 0 5px;
font-family: var(--header-font-family);
border: 1px solid var(--header-border-color);
box-shadow: var(--header-border-shadow);
border-radius: var(--header-border-radius);
min-height: var(--header-height);
background: var(--header-background);
}
/*-----------------------------------------------------
Brand
------------------------------------------------------*/
.sc-navbar .sc-navbar__brand {
flex-grow: 0;
flex-shrink: 0;
margin-right: var(--brand-margin-right);
margin-left: var(--brand-margin-left);
}
.sc-navbar .sc-navbar__brandlogo {
display: var(--brandlogo-display);
}
.sc-navbar .sc-navbar__brandlogo:hover,
.sc-navbar .sc-navbar__brandlogo:focus,
.sc-navbar .sc-navbar__brandlogo:active {
text-decoration: none;
cursor: pointer;
}
.sc-navbar .sc-navbar__brandlogo > img {
width: var(--brand-image-width);
}
.sc-navbar .sc-navbar__brandname {
vertical-align: middle;
font-size: var(--brandname-text-size);
font-weight: var(--brandname-text-weight);
color: var(--brandname-text-color);
padding: var(--brandname-text-padding);
display: var(--brandname-display);
}
.sc-navbar .sc-navbar__brandname:hover,
.sc-navbar .sc-navbar__brandname:focus,
.sc-navbar .sc-navbar__brandname:active {
color: var(--brandname-hover-text-color);
text-decoration: none;
cursor: pointer;
}
/*-----------------------------------------------------
Menu options
------------------------------------------------------*/
.sc-navbar .sc-navbar__menu {
flex-grow: 1;
}
.sc-navbar .sc-navbar__menu.sc-navbar__menu--small {
display: none;
}
.sc-navbar .nav.navbar-nav {
margin: 0;
}
.sc-navbar .nav.navbar-nav > li {
float: left;
}
.sc-navbar .nav.navbar-nav > li.active {
height: inherit;
background-color: var(--menu-item-active-background-color) !important;
}
.sc-navbar .nav.navbar-nav > li.active > a {
color: var(--menu-item-text-active-color) !important;
}
.sc-navbar .nav.navbar-nav > li.active > a .caret {
color: inherit;
}
.sc-navbar .nav.navbar-nav > li.active > a:hover {
background-color: inherit;
}
.sc-navbar .nav.navbar-nav > li.active > a:hover .caret {
color: inherit;
}
.sc-navbar .nav.navbar-nav > li:hover {
height: inherit;
background-color: var(--menu-item-hover-background-color);
}
.sc-navbar .nav.navbar-nav > li:hover > a {
color: var(--menu-item-text-hover-color);
}
.sc-navbar .nav.navbar-nav > li:hover > a .caret {
color: inherit;
}
.sc-navbar .nav.navbar-nav > li:hover > a:hover {
background-color: inherit;
}
.sc-navbar .nav.navbar-nav > li:hover > a:hover .caret {
color: inherit;
}
.sc-navbar .nav.navbar-nav > li.disabled:hover {
background-color: var(--menu-item-disabled-background-color);
}
.sc-navbar .nav.navbar-nav > li.disabled:hover > a {
color: var(--menu-item-disabled-text-color);
}
.sc-navbar .nav.navbar-nav > li.disabled > a {
cursor: pointer;
color: var(--menu-item-disabled-text-color) !important;
}
.sc-navbar .nav.navbar-nav > li.disabled > a:after {
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
content: "\e033";
font-size: 9px;
margin-left: 2px;
}
.sc-navbar .nav.navbar-nav > li.disabled > a .caret {
display: none;
color: var(--menu-item-disabled-caret-color);
}
.sc-navbar .nav.navbar-nav > li > a {
color: var(--menu-item-text-color);
font-size: var(--menu-item-text-size);
font-weight: var(--menu-item-text-weight);
padding: 0px var(--menu-item-padding);
margin: 0;
height: var(--header-height);
display: table-cell;
vertical-align: middle;
}
.sc-navbar .nav.navbar-nav > li.navbar-nav__item-nohover:hover,
.sc-navbar .nav.navbar-nav > li.navbar-nav__item-nohover > a:hover {
background-color: transparent !important;
color: inherit;
}
.sc-navbar .nav.navbar-nav > li.navbar-nav__item-nohover:hover > a {
color: var(--menu-item-text-color) !important;
}
.sc-navbar .nav.navbar-nav > li > a:hover {
color: var(--menu-item-text-hover-color);
background-color: inherit;
}
.sc-navbar .nav.navbar-nav > li > a:focus {
background-color: inherit;
color: var(--menu-item-text-hover-color);
}
.sc-navbar .nav.navbar-nav > li > a > .caret {
vertical-align: middle;
color: var(--menu-item-caret-color);
}
/*-----------------------------------------------------
Options
------------------------------------------------------*/
.sc-navbar .sc-navbar__options {
flex-grow: 0;
flex-shrink: 0;
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.sc-navbar .sc-navbar__options > form {
margin-right: 10px;
position: relative;
}
.sc-navbar .sc-navbar__options .form-control {
border-radius: var(--search-border-radius) 0 0 var(--search-border-radius);
}
.sc-navbar .sc-navbar__options .input-group-btn:last-child > .btn {
border-radius: 0 var(--search-border-radius) var(--search-border-radius) 0;
color: var(--search-input-icon-color);
background-color: var(--search-input-icon-background-color);
}
.sc-navbar .sc-navbar__options .navbar-nav > li:hover {
height: inherit;
background-color: var(--option-item-hover-background-color);
}
/*-----------------------------------------------------
Dropdown
------------------------------------------------------*/
.sc-navbar .dropdown:not(.disabled):hover > .dropdown-toggle ~ .dropdown-menu {
display: block; /* make it visible on hover */
}
.sc-navbar .dropdown-menu {
margin: 0;
padding: 0;
background-color: var(--dropdown-background-color);
}
.sc-navbar .dropdown.dropdown--left .dropdown-menu {
left: auto;
right: 0;
}
.sc-navbar .dropdown-menu > li {
position: relative;
border-bottom: 1px solid var(--dropdown-separator-border-color);
}
.sc-navbar .dropdown-menu > li:last-child {
border-bottom: 0;
}
.sc-navbar .dropdown-menu > li.disabled {
cursor: pointer;
}
.sc-navbar .dropdown-menu > li.disabled:hover {
background-color: var(--dropdown-disabled-background-color);
}
.sc-navbar .dropdown-menu > li.disabled:hover > a {
color: var(--dropdown-disabled-text-color);
}
.sc-navbar .dropdown-menu > li.disabled > a {
color: var(--dropdown-disabled-text-color) !important;
cursor: pointer;
}
.sc-navbar .dropdown-menu > li.disabled > a:after {
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
content: "\e033";
font-size: 9px;
margin-left: 2px;
float: right;
}
.sc-navbar .dropdown-menu > li > a {
padding: var(--dropdown-text-padding);
color: var(--dropdown-text-color);
font-size: var(--dropdown-text-size);
}
.sc-navbar .dropdown-menu > li > a:focus,
.sc-navbar .dropdown-menu > li > a:hover {
text-decoration: none;
color: var(--dropdown-text-hover-color);
background-color: var(--dropdown-text-background-color);
}
.sc-navbar .dropdown-submenu {
position: relative;
}
.sc-navbar .dropdown-submenu.active > a {
background-color: var(--menu-item-active-background-color);
color: var(--menu-item-text-active-color);
}
.sc-navbar .dropdown-submenu.active > a:hover {
background-color: var(--menu-item-active-background-color);
color: var(--menu-item-text-active-color);
}
.sc-navbar .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin: 0;
}
.sc-navbar .dropdown-submenu:not(.disabled):hover > .dropdown-menu {
display: block;
}
.sc-navbar .dropdown-submenu.dropdown > 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-caret-color);
margin-top: 5px;
margin-right: -10px;
}
.sc-navbar .dropdown-submenu.disabled > a:after {
border-left-color: var(--menu-item-disabled-caret-color);
}
.sc-navbar .dropdown-submenu.active > a:after {
border-left-color: var(--dropdown-caret-active-color);
}
.sc-navbar .dropdown-submenu:not(.active):hover > a:after {
border-left-color: var(--dropdown-caret-hover-color);
}
.sc-navbar .sc-account-info {
white-space: nowrap;
font-size: var(--dropdown-text-size);
cursor: pointer;
display: grid;
grid-template-columns: 48px 1fr 48px;
}
.sc-navbar .sc-account-info__picture {
grid-column: 1;
grid-row: 1/span 2;
font-size: 32px;
display: inline-block;
margin-top: 18px;
text-align: center;
color: var(--login-picture-color);
}
.sc-navbar .sc-account-info__name {
grid-column: 2/2;
grid-row: 1;
margin: 0;
font-weight: bold;
padding: 15px 20px 0px 5px;
color: var(--login-name-text-color);
font-size: 1.1em;
}
.sc-navbar .sc-account-info__username {
grid-column: 2/2;
grid-row: 2;
font-weight: 400;
margin: 0;
padding: 2px 20px 15px 5px;
font-size: 0.9em;
white-space: break-spaces;
color: var(--login-username-text-color);
}
.sc-navbar .sc-account-info__logout {
grid-column: 3;
grid-row: 1/span 2;
font-size: 32px;
display: inline-block;
margin-top: 18px;
text-align: center;
color: var(--login-picture-color);
}
.sc-navbar .sc-account-info__logout a {
cursor: pointer;
}
.sc-navbar .sc-about-info {
font-size: 11px;
padding: 8px 10px 8px 10px;
text-align: center;
min-width: 327px;
color: var(--header-about-color);
}
/*-----------------------------------------------------
Search form
------------------------------------------------------*/
.sc-navbar .sc-navbar__searchform {
position: relative;
font-family: var(--search-font-family);
}
.sc-navbar .sc-navbar__searchform .sc-navbar__input--text {
color: var(--search-input-text-color);
}
.sc-navbar .sc-navbar__searchform .sc-navbar__searchresults {
position: absolute;
background-color: var(--search-resultlist-background-color);
border: var(--search-resultlist-border);
padding: 0;
width: 400px;
top: var(--search-top-position);
right: 0px;
box-shadow: var(--search-resultlist-shadow);
border-radius: 5px 5px;
overflow: hidden;
z-index: 999;
}
.sc-navbar .sc-navbar__searchform .sc-navbar__searchresults > h5 {
color: var(--search-header-text-color);
text-transform: capitalize;
font-size: 12px;
margin: 0;
padding: 8px 15px;
background: var(--search-header-background-color);
}
.sc-navbar .sc-navbar__searchform .sc-navbar__searchresults > h5 button.close {
font-size: 1em;
line-height: 1em;
margin: 0 !important;
}
.sc-navbar .sc-navbar__searchform .sc-navbar__searchresults > h5 button.close:focus {
outline: none;
}
.sc-navbar .sc-navbar__searchform .sc-navbar__searchresults .sc-navbar__filters {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 4px;
row-gap: 4px;
padding: 4px 4px 8px 4px;
}
.sc-navbar .sc-navbar__searchform .sc-navbar__searchresults .sc-navbar__filters > button {
justify-self: stretch;
}
.sc-navbar .sc-navbar__searchform .sc-navbar__searchresults .sc-navbar__filters > button.btn-success {
color: var(--search-filter-button-color);
background-color: var(--search-filter-button-background-color);
border-color: var(--search-filter-button-border-color);
}
.sc-navbar .sc-navbar__searchform .sc-navbar__searchresults .sc-navbar__filters > button:focus {
outline: none;
}
.sc-navbar .sc-navbar__searchform .sc-navbar__searchresults .sc-navbar__results-list {
max-height: 300px;
overflow-y: auto;
background-color: var(--search-resultlist-background-color);
padding: 0px 0px 10px 0px;
}
.sc-navbar__results-row--empty,
.sc-navbar__results-row--searching {
text-align: center;
font-size: 12px;
padding: 8px 0px;
}
.sc-navbar__results-row--section {
margin: 6px 0px 0px 0px;
padding: 0px 15px;
text-transform: capitalize;
font-size: 1em;
border-top: 1px solid #eee;
}
.sc-navbar__results-row--section:first-child {
margin: 0;
border: 0;
}
.sc-navbar__results-row--section > h6 {
font-size: 1.1em;
color: var(--search-resultlist-category-color);
}
.sc-navbar__results-row--section > h6 > span:before {
/*content: "\2022";*/
padding-right: 10px;
}
.sc-navbar__results-row--item {
display: flex;
flex-direction: row;
align-items: center;
font-size: 0.95em;
padding: 5px 15px 5px 15px;
}
.sc-navbar__results-row--item:hover {
background-color: var(--search-item-hover-color);
}
.sc-navbar__results-row--item:hover {
text-decoration: none;
}
.sc-navbar__results-row--item .icon {
flex-basis: 36px;
flex-grow: 0;
text-align: center;
}
.sc-navbar__results-row--item .content {
flex-grow: 1;
padding-left: 15px;
font-weight: 400;
overflow: hidden;
}
.sc-navbar__results-row--item .title {
margin: 0;
padding: 0;
font-size: 1em;
color: var(--search-item-title-color);
/* truncate */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sc-navbar__results-row--item .subtitle {
margin: 0;
padding: 0;
font-size: 0.9em;
color: var(--search-item-subtitle-color);
}
/*-----------------------------------------------------
Debug
------------------------------------------------------*/
.sc-debug-bar {
position: relative;
z-index: 1;
}
.sc-debug-bar .sc-debug-item__host {
position: absolute;
top: 0;
left: 0;
padding: 1px 5px;
font-size: 0.92em;
background-color: #2de22d;
border-bottom: 1px solid #26ca26;
border-right: 1px solid #26ca26;
border-bottom-right-radius: 3px;
}
.sc-debug-bar .sc-debug-item__host label {
color: #333;
font-weight: normal;
margin: 0;
}
/*-----------------------------------------------------
Group information
------------------------------------------------------*/
.sc-account-info__picture ~ #group_information_list {
display: none;
z-index: 2;
width: 100%;
left: -100%;
top: 0;
font-size: 0.9em;
position: absolute;
color: var(--header-group-info-color);
background: var(--header-group-info-background-color);
padding: 10px;
border-radius: 10px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
border: 1px solid #CCC;
line-height: 1.5em;
}
.sc-account-info__picture:hover ~ #group_information_list {
display: block;
}
/*-----------------------------------------------------
Media queries
------------------------------------------------------*/
@media (max-width: 1120px) {
.sc-navbar .sc-navbar__menu .sc-navbar__brandlogo > img {
width: 36px;
}
.sc-navbar .navbar-nav > li > a {
padding: 0px 5px;
font-size: 12px;
}
.sc-navbar .sc-navbar__menu .dropdown-menu > li > a {
padding: 8px 16px;
font-size: 12px;
}
}
@media (max-width: 990px) {
.sc-navbar .sc-navbar__brandname {
display: none;
}
.sc-navbar .sc-navbar__menu {
display: none;
}
.sc-navbar .sc-navbar__menu.sc-navbar__menu--small {
display: block;
flex-grow: 1;
}
}
/* override default browser styles */
select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 16px;
background-size: 8px;
background-position: calc(100% - 5px) center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;utf8,");
}
/* small selects */
.form-group-sm select.form-control,
select.form-control.input-sm {
padding-right: 16px;
line-height: inherit;
}
/* large selects */
.form-group-lg select.form-control,
select.form-control.input-lg {
padding-right: 16px;
line-height: inherit;
}
/* remove autoresize from textarea */
textarea.form-control {
resize: none;
}
.list-group.list-group-striped > *:nth-of-type(odd) {
background-color: var(--lists-group-striped-odd-item-background-color);
}
.bg-danger {
background-color: var(--backgrounds-danger-background-color) !important;
}
.bg-warning {
background-color: var(--backgrounds-warning-background-color) !important;
}
.bg-success {
background-color: var(--backgrounds-success-background-color) !important;
}
.bg-info {
background-color: var(--backgrounds-info-background-color) !important;
}
.bg-default {
background-color: var(--backgrounds-default-background-color) !important;
}
.onoffswitch {
position: relative;
width: 70px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #999999;
border-radius: 20px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 22px;
padding: 0;
line-height: 22px;
font-size: 14px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "ON";
padding-left: 10px;
background-color: #34A7C1;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "OFF";
padding-right: 10px;
background-color: #EEEEEE;
color: #999999;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 16px;
margin: 3px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 44px;
border: 2px solid #999999;
border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
body.ngdialog-open {
overflow: hidden;
}
.ngdialog {
box-sizing: border-box;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0 auto;
padding: 120px 20px 120px 20px;
}
.ngdialog .ngdialog-overlay {
position: fixed;
background: rgba(0, 0, 0, 0.4);
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-backface-visibility: hidden;
-webkit-animation: ngdialog-fadein 0.5s;
animation: ngdialog-fadein 0.5s;
}
.ui-widget.ui-widget-content {
background-color: var(--modals-background-color);
border: none;
border-radius: 2px;
z-index: 2;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5019607843);
}
.ui-dialog-title {
font-size: 18px;
color: var(--provision-text-color);
font-weight: normal;
}
.ui-dialog-content {
padding: 15px;
border: none;
}
.ui-dialog-titlebar-close {
display: none;
}
.ui-dialog-buttonset button {
margin-left: 5px;
}
.ui-fixed-dialog-position {
position: fixed;
top: 100px !important;
}
.ui-widget-header {
padding: 15px;
border-bottom: 1px solid var(--modals-header-border-bottom-color);
background-color: transparent;
border-radius: 0;
}
.ui-dialog-buttonpane {
padding: 15px;
border: none;
border-top: 1px solid var(--modals-footer-border-top-color);
}
.ui-dialog-buttonset {
text-align: right;
}
.ui-widget-overlay {
position: fixed;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
-webkit-backface-visibility: hidden;
-webkit-animation: ngdialog-fadein 0.5s;
animation: ngdialog-fadein 0.5s;
width: 100%;
height: 100%;
}
#debug {
text-align: left;
font-size: 13px;
padding: 0 0 20px 0;
background-color: var(--profiler-background-color);
border-top: 5px solid var(--profiler-border-top-color);
border-bottom: 25px solid var(--profiler-border-bottom-color);
}
#debug > div {
margin: 0 auto;
max-width: 1500px;
overflow: hidden;
padding: 0 10px;
}
@media (min-width: 768px) {
#debug > div {
width: 90%;
}
}
#debug .pdo-file {
color: #009900;
}
#debug .pdo-file-line {
color: #900;
}
#debug .pdo-line {
color: #5a0099;
}
#debug fieldset legend {
border: 0;
margin: 0;
width: auto;
font-size: 13px;
}
#debug fieldset.debug-section {
padding: 6px 10px 10px 10px;
margin: 20px 0 20px 0;
background-color: #eee;
border: 1px solid;
/* color decorator by type */
}
#debug fieldset.debug-section.debug-query {
border-color: #0000FF;
}
#debug fieldset.debug-section.debug-query legend {
color: #0000FF;
}
#debug fieldset.debug-section.custom-debug-log {
border-color: #B800FF;
}
#debug fieldset.debug-section.custom-debug-log legend {
color: #B800FF;
}
#debug fieldset.debug-section.post-data {
border-color: #cd6e00;
}
#debug fieldset.debug-section.post-data legend {
color: #cd6e00;
}
#debug fieldset.debug-section.get-data {
border-color: #cd6e00;
}
#debug fieldset.debug-section.get-data legend {
color: #cd6e00;
}
#debug fieldset.debug-section.script-data {
border-color: #900;
}
#debug fieldset.debug-section.script-data legend {
color: #900;
}
#debug fieldset.debug-section.server-data {
border-color: #900;
}
#debug fieldset.debug-section.server-data legend {
color: #900;
}
#debug fieldset.debug-section.cookie-data {
border-color: #009900;
}
#debug fieldset.debug-section.cookie-data legend {
color: #009900;
}
#debug fieldset.debug-section.session-data {
border-color: #009900;
}
#debug fieldset.debug-section.session-data legend {
color: #009900;
}
#debug fieldset.debug-section.other-data {
border-color: #5a0099;
}
#debug fieldset.debug-section.other-data legend {
color: #5a0099;
}
#debug fieldset.debug-section table {
width: 100%;
border: none;
}
#debug fieldset.debug-section table td {
width: 50%;
color: #000;
background-color: #ddd;
padding: 5px;
line-height: 20px;
font-weight: normal;
word-break: break-all;
/* color decorator by type */
}
#debug fieldset.debug-section table td.debug-query {
color: #0000FF;
}
#debug fieldset.debug-section table td.custom-debug-log {
color: #B800FF;
}
#debug fieldset.debug-section table td.post-data {
color: #cd6e00;
}
#debug fieldset.debug-section table td.get-data {
color: #cd6e00;
}
#debug fieldset.debug-section table td.script-data {
color: #900;
}
#debug fieldset.debug-section table td.server-data {
color: #900;
}
#debug fieldset.debug-section table td.cookie-data {
color: #009900;
}
#debug fieldset.debug-section table td.session-data {
color: #009900;
}
#debug fieldset.debug-section table td.other-data {
color: #5a0099;
}
#debug_queries {
padding: 6px 10px 10px 10px;
margin: 20px 0 20px 0;
background-color: #eee;
border: 1px solid;
}
#debug_queries.debug-query {
border-color: #0000FF;
}
#debug_queries.debug-query legend {
color: #0000FF;
}
#debug_queries table {
width: 100%;
border: none;
}
#debug_queries table tr td:first-child {
width: 10%;
padding: 5px;
color: #900;
background-color: var(--profiler-data-background-color);
line-height: 20px;
}
#debug_queries table tr td:nth-child(2) {
width: 80%;
padding: 5px;
color: #0000FF;
background-color: var(--profiler-data-background-color);
line-height: 20px;
word-break: break-word;
}
#debug_queries table tr td:last-child {
width: 10%;
font-size: 10px;
}
#login-main {
position: fixed;
top: 50%;
left: 50%;
width: 650px;
height: 290px;
margin-top: -145px;
margin-left: -325px;
}
#login-main h1 {
padding: 25px 0 5px 0;
font-size: 1.5em;
color: #666666;
letter-spacing: 1px;
margin: 0 0 0.5em 0;
font-weight: normal;
}
#login-main td, #login-main th {
padding: 1px;
color: #333333;
}
#login-main sup {
font-size: 6px;
top: -0.5em;
line-height: 0;
position: relative;
vertical-align: baseline;
}
#login-main #login td:first-child {
text-align: right;
}
#login-main #logo {
position: absolute;
bottom: 0;
right: 0;
}
#login-main .content-section-login {
font: 13px Helvetica, Arial, sans-serif;
text-align: left;
padding: 10px;
margin-top: 15px;
border: 1px solid #CCCCCC;
background: #FFF url("../../../images/login.jpg") no-repeat;
position: relative;
height: 250px;
}
#login-main .content-section-login input[type=submit] {
min-width: 50px;
}
#login-main .msg-error-login {
color: #CC0000;
font-size: 10px;
font-weight: bold;
text-align: center;
height: 10px;
}
#login-main .login-box {
float: right;
position: relative;
width: 260px;
height: 250px;
}
#login-main .login-box input[type=text]:not(.form-control),
#login-main .login-box input[type=password]:not(.form-control) {
border: 1px solid #CCC;
padding: 3px;
}
.help-content {
padding: 15px 0;
}
.help-content > h4 {
margin-top: 18px;
}
.help-content > p {
font-size: 14px;
}
#DocAndSupport ul {
float: left;
width: 50%;
margin: 0px;
padding: 0px;
}
#DocAndSupport ul li {
list-style: none;
text-align: left;
margin-left: 50px;
padding-bottom: 5px;
}
#DocAndSupport ul li label {
display: block;
float: left;
width: 200px;
}
.gadgets-grid-layout {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
}
.gadgets-grid-layout .full {
grid-column: 1/3;
}
.gadgets-grid-layout .resource-widget .panel .panel-heading {
padding: 10px 15px;
}
.gadgets-grid-layout .resource-widget .panel .panel-body {
min-height: 150px;
}
.gadgets-grid-layout .resource-widget.borderless .panel .panel-body {
padding: 0;
}
#DNSmain {
min-height: 570px;
}
#DNSmain #mainContent {
border: 0;
padding: 15px;
}
.admin-ipam-container {
width: 925px;
margin: auto;
margin-bottom: 25px;
margin-top: 25px;
text-align: left;
}
.admin-ipam-container .panel-body ul {
width: 50%;
float: left;
margin: 0px 0px 15px 0px;
padding: 0px;
}
.admin-ipam-container .panel-body ul li {
list-style: none;
margin: 0px 0px 5px 15px;
}
.admin-ipam-container .panel-body ul li.title {
margin-left: 0px;
font-weight: bold;
font-size: 1.2em;
}
.admin-ipam-container .panel-body .description {
margin-bottom: 25px;
text-align: center;
}
.dashboard-ipcharts {
background-color: #FFFFFF;
}
.document-manager-body {
background-color: #FFFFFF;
}
.ipam-gadget-body {
background-color: #FFFFFF;
}
:root {
color-scheme: light;
}
html[data-theme] {
/* add anchor support */
/* Change the white to any color */
}
html[data-theme] angucomplete-alt .angucomplete-holder .angucomplete-dropdown {
background-color: var(--angucomplete-dropdown-background-color);
border-color: var(--angucomplete-dropdown-border-color);
box-shadow: var(--angucomplete-dropdown-box-shadow);
}
html[data-theme] angucomplete-alt .angucomplete-holder .angucomplete-dropdown .angucomplete-row {
color: var(--angucomplete-row-color);
}
html[data-theme] angucomplete-alt .angucomplete-holder .angucomplete-dropdown .angucomplete-row.angucomplete-selected-row {
background-color: var(--angucomplete-selected-row-background-color);
color: var(--angucomplete-selected-row-color);
}
html[data-theme] .alert {
border: 0 solid var(--alerts-border-color);
}
html[data-theme] .alert-primary {
color: var(--alerts-primary-color);
background-color: var(--alerts-primary-background-color);
border-color: var(--alerts-primary-border-color);
}
html[data-theme] .alert-warning {
color: var(--alerts-warning-color);
background-color: var(--alerts-warning-background-color);
border-color: var(--alerts-warning-border-color);
}
html[data-theme] .alert-danger {
color: var(--alerts-danger-color);
background-color: var(--alerts-danger-background-color);
border-color: var(--alerts-danger-border-color);
}
html[data-theme] .alert-success {
color: var(--alerts-success-color);
background-color: var(--alerts-success-background-color);
border-color: var(--alerts-success-border-color);
}
html[data-theme] .alert-info {
color: var(--alerts-info-color);
background-color: var(--alerts-info-background-color);
border-color: var(--alerts-info-border-color);
}
html[data-theme] .alert-primary a {
color: var(--alerts-primary-anchor-color);
}
html[data-theme] .alert-primary a:hover {
color: var(--alerts-primary-anchor-color);
}
html[data-theme] .alert-warning a {
color: var(--alerts-warning-anchor-color);
}
html[data-theme] .alert-warning a:hover {
color: var(--alerts-warning-anchor-color);
}
html[data-theme] .alert-danger a {
color: var(--alerts-danger-anchor-color);
}
html[data-theme] .alert-danger a:hover {
color: var(--alerts-danger-anchor-color);
}
html[data-theme] .alert-success a {
color: var(--alerts-info-anchor-color);
}
html[data-theme] .alert-success a:hover {
color: var(--alerts-info-anchor-color);
}
html[data-theme] .alert-info a {
color: var(--alerts-info-anchor-color);
}
html[data-theme] .alert-info a:hover {
color: var(--alerts-info-anchor-color);
}
html[data-theme] a {
color: var(--anchors-color);
}
html[data-theme] a:hover, html[data-theme] a:focus {
color: var(--anchors-hover-color);
outline: none;
}
html[data-theme] .breadcrumb {
background-color: var(--breadcrumb-background-color);
border: var(--breadcrumb-border);
}
html[data-theme] .breadcrumb > li > a {
color: var(--breadcrumb-li-a-color);
}
html[data-theme] .breadcrumb > li.active {
color: var(--breadcrumb-li-active-color);
}
html[data-theme] .btn,
html[data-theme] .btn-default {
color: var(--buttons-default-color);
background-color: var(--buttons-default-background-color);
border-color: var(--buttons-default-border-color);
}
html[data-theme] .btn:hover,
html[data-theme] .btn-default:hover {
color: var(--buttons-default-hover-color);
background-color: var(--buttons-default-hover-background-color);
border-color: var(--buttons-default-hover-border-color);
}
html[data-theme] .btn.active,
html[data-theme] .btn-default.active,
html[data-theme] .btn:active,
html[data-theme] .btn-default:active {
color: var(--buttons-default-active-color);
background-color: var(--buttons-default-active-background-color);
border-color: var(--buttons-default-active-border-color);
}
html[data-theme] .btn.focus,
html[data-theme] .btn-default.focus,
html[data-theme] .btn:focus,
html[data-theme] .btn-default:focus {
color: var(--buttons-default-focus-color);
background-color: var(--buttons-default-focus-background-color);
border-color: var(--buttons-default-focus-border-color);
outline: none;
}
html[data-theme] .btn:active:focus,
html[data-theme] .btn-default:active:focus,
html[data-theme] .btn:active:hover,
html[data-theme] .btn-default:active:hover {
color: var(--buttons-default-active-focus-color);
background-color: var(--buttons-default-active-focus-background-color);
border-color: var(--buttons-default-active-focus-border-color);
}
html[data-theme] .btn-primary {
color: var(--buttons-primary-color);
background-color: var(--buttons-primary-background-color);
border-color: var(--buttons-primary-border-color);
}
html[data-theme] .btn-primary:hover {
color: var(--buttons-primary-hover-color);
background-color: var(--buttons-primary-hover-background-color);
border-color: var(--buttons-primary-hover-border-color);
}
html[data-theme] .btn-primary.active,
html[data-theme] .btn-primary:active {
color: var(--buttons-primary-active-color);
background-color: var(--buttons-primary-active-background-color);
border-color: var(--buttons-primary-active-border-color);
}
html[data-theme] .btn-primary.focus,
html[data-theme] .btn-primary:focus {
color: var(--buttons-primary-focus-color);
background-color: var(--buttons-primary-focus-background-color);
border-color: var(--buttons-primary-focus-border-color);
outline: none;
}
html[data-theme] .btn-primary:active:focus,
html[data-theme] .btn-primary:active:hover {
color: var(--buttons-primary-active-focus-color);
background-color: var(--buttons-primary-active-focus-background-color);
border-color: var(--buttons-primary-active-focus-border-color);
}
html[data-theme] .btn-success {
color: var(--buttons-success-color);
background-color: var(--buttons-success-background-color);
border-color: var(--buttons-success-border-color);
}
html[data-theme] .btn-success:hover {
color: var(--buttons-success-hover-color);
background-color: var(--buttons-success-hover-background-color);
border-color: var(--buttons-success-hover-border-color);
}
html[data-theme] .btn-success.active,
html[data-theme] .btn-success:active {
color: var(--buttons-success-active-color);
background-color: var(--buttons-success-active-background-color);
border-color: var(--buttons-success-active-border-color);
}
html[data-theme] .btn-success.focus,
html[data-theme] .btn-success:focus {
color: var(--buttons-success-focus-color);
background-color: var(--buttons-success-focus-background-color);
border-color: var(--buttons-success-focus-border-color);
outline: none;
}
html[data-theme] .btn-success:active:focus,
html[data-theme] .btn-success:active:hover {
color: var(--buttons-success-active-focus-color);
background-color: var(--buttons-success-active-focus-background-color);
border-color: var(--buttons-success-active-focus-border-color);
}
html[data-theme] .btn-danger {
color: var(--buttons-danger-color);
background-color: var(--buttons-danger-background-color);
border-color: var(--buttons-danger-border-color);
}
html[data-theme] .btn-danger:hover {
color: var(--buttons-danger-hover-color);
background-color: var(--buttons-danger-hover-background-color);
border-color: var(--buttons-danger-hover-border-color);
}
html[data-theme] .btn-danger.active,
html[data-theme] .btn-danger:active {
color: var(--buttons-danger-active-color);
background-color: var(--buttons-danger-active-background-color);
border-color: var(--buttons-danger-active-border-color);
}
html[data-theme] .btn-danger.focus,
html[data-theme] .btn-danger:focus {
color: var(--buttons-danger-focus-color);
background-color: var(--buttons-danger-focus-background-color);
border-color: var(--buttons-danger-focus-border-color);
outline: none;
}
html[data-theme] .btn-danger:active:focus,
html[data-theme] .btn-danger:active:hover {
color: var(--buttons-danger-active-focus-color);
background-color: var(--buttons-danger-focus-background-color);
border-color: var(--buttons-danger-active-focus-border-color);
}
html[data-theme] .btn-warning {
color: var(--buttons-warning-color);
background-color: var(--buttons-warning-background-color);
border-color: var(--buttons-warning-border-color);
}
html[data-theme] .btn-warning:hover {
color: var(--buttons-warning-hover-color);
background-color: var(--buttons-warning-hover-background-color);
border-color: var(--buttons-warning-hover-border-color);
}
html[data-theme] .btn-warning.active,
html[data-theme] .btn-warning:active {
color: var(--buttons-warning-active-color);
background-color: var(--buttons-warning-active-background-color);
border-color: var(--buttons-warning-active-border-color);
}
html[data-theme] .btn-warning.focus,
html[data-theme] .btn-warning:focus {
color: var(--buttons-warning-focus-color);
background-color: var(--buttons-warning-focus-background-color);
border-color: var(--buttons-warning-focus-border-color);
outline: none;
}
html[data-theme] .btn-warning:active:focus,
html[data-theme] .btn-warning:active:hover {
color: var(--buttons-warning-active-focus-color);
background-color: var(--buttons-warning-active-focus-background-color);
border-color: var(--buttons-warning-active-focus-border-color);
}
html[data-theme] .btn-info {
color: var(--buttons-info-color);
background-color: var(--buttons-info-background-color);
border-color: var(--buttons-info-border-color);
}
html[data-theme] .btn-info:hover {
color: var(--buttons-info-hover-color);
background-color: var(--buttons-info-hover-background-color);
border-color: var(--buttons-info-hover-border-color);
}
html[data-theme] .btn-info.active,
html[data-theme] .btn-info:active {
color: var(--buttons-info-active-color);
background-color: var(--buttons-info-active-background-color);
border-color: var(--buttons-info-active-border-color);
}
html[data-theme] .btn-info.focus,
html[data-theme] .btn-info:focus {
color: var(--buttons-info-focus-color);
background-color: var(--buttons-info-focus-background-color);
border-color: var(--buttons-info-focus-border-color);
outline: none;
}
html[data-theme] .btn-info:active:focus,
html[data-theme] .btn-info:active:hover {
color: var(--buttons-info-active-focus-color);
background-color: var(--buttons-info-active-focus-background-color);
border-color: var(--buttons-info-active-focus-border-color);
}
html[data-theme] #debug {
background-color: var(--profiler-background-color);
}
html[data-theme] #debug_queries {
background-color: transparent;
}
html[data-theme] #debug fieldset.debug-section {
background-color: transparent;
}
html[data-theme] #debug .pdo-line {
color: var(--debug-pdo-line-color);
}
html[data-theme] #debug .pdo-file {
color: var(--debug-pdo-file-color);
}
html[data-theme] #debug .pdo-file-line {
color: var(--debug-pdo-file-line-color);
}
html[data-theme] #debug fieldset.debug-section.custom-debug-log {
border-color: var(--debug-custom-color);
}
html[data-theme] #debug fieldset.debug-section.custom-debug-log legend {
color: var(--debug-custom-color);
}
html[data-theme] #debug fieldset.debug-section table td.custom-debug-log {
color: var(--debug-custom-color);
}
html[data-theme] #debug_queries.debug-query {
border-color: var(--debug-pdo-color);
}
html[data-theme] #debug_queries.debug-query legend {
color: var(--debug-pdo-color);
}
html[data-theme] #debug_queries table tr td:first-child {
color: var(--debug-pdo-time-color);
background-color: var(--profiler-data-background-color);
}
html[data-theme] #debug_queries table tr td:last-child {
color: var(--debug-pdo-query-color);
}
html[data-theme] #debug_queries table tr td:nth-child(2) {
color: var(--debug-pdo-color);
background-color: var(--profiler-data-background-color);
}
html[data-theme] #debug fieldset.debug-section table td {
color: var(--profiler-color);
}
html[data-theme] #debug fieldset.debug-section.get-data {
border-color: var(--debug-getdata-color);
}
html[data-theme] #debug fieldset.debug-section.get-data legend {
color: var(--debug-getdata-color);
}
html[data-theme] #debug fieldset.debug-section table td.get-data {
color: var(--debug-getdata-color);
}
html[data-theme] #debug fieldset.debug-section.script-data {
border-color: var(--debug-script-color);
}
html[data-theme] #debug fieldset.debug-section.script-data legend {
color: var(--debug-script-color);
}
html[data-theme] #debug fieldset.debug-section table td.script-data {
color: var(--debug-script-color);
}
html[data-theme] #debug fieldset.debug-section.server-data {
border-color: var(--debug-server-color);
}
html[data-theme] #debug fieldset.debug-section.server-data legend {
color: var(--debug-server-color);
}
html[data-theme] #debug fieldset.debug-section table td.server-data {
color: var(--debug-server-color);
}
html[data-theme] #debug fieldset.debug-section.cookie-data {
border-color: var(--debug-cookie-color);
}
html[data-theme] #debug fieldset.debug-section.cookie-data legend {
color: var(--debug-cookie-color);
}
html[data-theme] #debug fieldset.debug-section table td.cookie-data {
color: var(--debug-cookie-color);
}
html[data-theme] #debug fieldset.debug-section.session-data {
border-color: var(--debug-session-color);
}
html[data-theme] #debug fieldset.debug-section.session-data legend {
color: var(--debug-session-color);
}
html[data-theme] #debug fieldset.debug-section table td.session-data {
color: var(--debug-session-color);
}
html[data-theme] #debug fieldset.debug-section.other-data {
border-color: var(--debug-other-color);
}
html[data-theme] #debug fieldset.debug-section.other-data legend {
color: var(--debug-other-color);
}
html[data-theme] #debug fieldset.debug-section table td.other-data {
color: var(--debug-other-color);
}
html[data-theme] #debug fieldset.debug-section table td {
background-color: var(--profiler-data-background-color);
}
html[data-theme] .column-list.draggable-columns .column-item {
background-color: var(--draggable-column-item-background-color);
border-color: var(--draggable-column-item-border-color);
border-left-color: var(--draggable-column-item-border-left-color);
box-shadow: var(--draggable-column-item-box-shadow);
color: var(--draggable-column-item-color);
}
html[data-theme] .column-list.draggable-columns .column-item:hover {
box-shadow: var(--draggable-column-item-hover-box-shadow);
}
html[data-theme] .column-list.draggable-columns .column-item .drag-handle span {
color: var(--draggable-column-item-drag-handle-span-color);
}
html[data-theme] .column-list.draggable-columns .column-item .accessor h4 {
color: var(--draggable-column-item-accessor-color);
}
html[data-theme] .column-list.draggable-columns .column-item .accessor input {
color: var(--draggable-column-item-input-color);
}
html[data-theme] .column-list.draggable-columns .column-item .header input {
color: var(--draggable-column-item-input-color);
background-color: var(--draggable-column-item-header-input-background-color);
box-shadow: var(--draggable-column-item-header-input-box-shadow);
border: var(--draggable-column-item-header-input-border);
border-width: 2px;
border-radius: 2.7px;
}
html[data-theme] .column-list.draggable-columns .column-item .options input[type=checkbox] + label:before,
html[data-theme] .column-list.draggable-columns .column-item .options input[type=checkbox] + label:after {
color: var(--draggable-column-item-options-input-checkbox-label-color);
}
html[data-theme] .column-list.draggable-columns .column-item .option .btn-link {
border-color: var(--draggable-column-item-options-btn-link-border-color);
}
html[data-theme] .column-list.draggable-columns .column-item.not-visible {
background-color: var(--draggable-column-item-not-visible-background-color);
border-left-color: var(--draggable-column-item-not-visible-border-left-color);
}
html[data-theme] .column-list.draggable-columns .column-item.not-visible .drag-handle span {
color: var(--draggable-column-item-not-visible-drag-handle-span-color);
}
html[data-theme] .column-list.draggable-columns .column-item.not-visible .accessor input {
color: var(--draggable-column-item-not-visible-accessor-input-color);
}
html[data-theme] .column-list.draggable-columns .column-item.dragging {
background-color: var(--draggable-column-item-dragging-background-color);
border-left-color: var(--draggable-column-item-dragging-border-left-color);
}
html[data-theme] .column-list.draggable-columns .column-item.dragging .drag-handle span {
color: var(--draggable-column-item-dragging-drag-handle-span-color);
}
html[data-theme] .column-list.draggable-columns.dragging {
background-color: var(--draggable-column-dragging-background-color);
border-color: var(--draggable-column-dragging-border-color);
}
html[data-theme] .dropdown-menu {
color: var(--dropdowns-color);
background-color: var(--dropdowns-background-color);
border-color: var(--dropdowns-border-color);
box-shadow: var(--dropdowns-box-shadow);
}
html[data-theme] .dropdown-menu .dropdown-item {
color: var(--dropdowns-item-color);
}
html[data-theme] .dropdown-menu > li > a {
color: var(--dropdowns-item-color);
}
html[data-theme] .dropdown-menu > li > a:focus, html[data-theme] .dropdown-menu > li > a:hover {
color: var(--dropdowns-item-hover-color);
background-color: var(--dropdowns-item-hover-background-color);
}
html[data-theme] .dropdown-menu > .disabled > a {
color: var(--dropdowns-item-disabled-color);
background-color: var(--dropdowns-item-disabled-background-color);
}
html[data-theme] .dropdown-menu > .disabled > a:focus, html[data-theme] .dropdown-menu > .disabled > a:hover {
color: var(--dropdowns-item-disabled-color);
background-color: var(--dropdowns-item-disabled-background-color);
}
html[data-theme] .dropdown-menu .divider {
background-color: var(--dropdowns-divider-color);
}
html[data-theme] .dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid var(--dropdowns-divider-color);
}
html[data-theme] .form-control {
color: var(--forms-form-control-color);
background-color: var(--forms-form-control-background-color);
border-color: var(--forms-form-control-border-color);
box-shadow: var(--forms-form-control-box-shadow);
}
html[data-theme] .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: var(--forms-form-control-placeholder-color);
opacity: 1; /* Firefox */
}
html[data-theme] .form-control::-ms-input-placeholder { /* Microsoft Edge */
color: var(--forms-form-control-placeholder-color);
}
html[data-theme] .form-control:disabled {
color: var(--forms-form-control-placeholder-color);
}
html[data-theme] .form-control[disabled],
html[data-theme] .form-control[readonly],
html[data-theme] fieldset[disabled] .form-control {
background-color: var(--forms-form-control-disabled-background-color);
opacity: 1;
}
html[data-theme] select.form-control {
background-image: url("data:image/svg+xml;utf8,");
}
html[data-theme] option {
background-color: var(--forms-select-option-background-color);
}
html[data-theme] .help-block {
color: var(--forms-help-block-color);
}
html[data-theme] .has-error .checkbox,
html[data-theme] .has-error .checkbox-inline,
html[data-theme] .has-error .control-label,
html[data-theme] .has-error .help-block,
html[data-theme] .has-error .radio,
html[data-theme] .has-error .radio-inline,
html[data-theme] .has-error.checkbox label,
html[data-theme] .has-error.checkbox-inline label,
html[data-theme] .has-error.radio label,
html[data-theme] .has-error.radio-inline label {
color: var(--paragraphs-text-danger);
}
html[data-theme] .has-success .checkbox,
html[data-theme] .has-success .checkbox-inline,
html[data-theme] .has-success .control-label,
html[data-theme] .has-success .help-block,
html[data-theme] .has-success .radio,
html[data-theme] .has-success .radio-inline,
html[data-theme] .has-success.checkbox label,
html[data-theme] .has-success.checkbox-inline label,
html[data-theme] .has-success.radio label,
html[data-theme] .has-success.radio-inline label {
color: var(--paragraphs-text-success);
}
html[data-theme] .has-warning .checkbox,
html[data-theme] .has-warning .checkbox-inline,
html[data-theme] .has-warning .control-label,
html[data-theme] .has-warning .help-block,
html[data-theme] .has-warning .radio,
html[data-theme] .has-warning .radio-inline,
html[data-theme] .has-warning.checkbox label,
html[data-theme] .has-warning.checkbox-inline label,
html[data-theme] .has-warning.radio label,
html[data-theme] .has-warning.radio-inline label {
color: var(--paragraphs-text-warning);
}
html[data-theme] input:-webkit-autofill,
html[data-theme] input:-webkit-autofill:hover,
html[data-theme] input:-webkit-autofill:focus,
html[data-theme] input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px var(--forms-autocomplete-background-color) inset !important;
-webkit-text-fill-color: var(--forms-autocomplete-color) !important;
border: var(--forms-autocomplete-border) !important;
}
html[data-theme] .onoffswitch-label {
border-color: var(--forms-onoffswitch-border-color);
}
html[data-theme] .onoffswitch-inner:before {
background-color: var(--forms-onoffswitch-active-background-color);
color: var(--forms-onoffswitch-active-label-color);
}
html[data-theme] .onoffswitch-inner:after {
background-color: var(--forms-onoffswitch-disabled-background-color);
color: var(--forms-onoffswitch-disabled-label-color);
}
html[data-theme] .onoffswitch-switch {
background-color: var(--forms-onoffswitch-disabled-switch);
}
html[data-theme] .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
background-color: var(--forms-onoffswitch-active-switch);
}
html[data-theme] tags-input .tags {
background-color: var(--tags-input-tags-background-color);
border-color: var(--tags-input-tags-border-color);
box-shadow: var(--tags-input-tags-box-shadow);
}
html[data-theme] tags-input .tags .input {
background-color: var(--tags-input-tags-input-background-color);
}
html[data-theme] tags-input .tags .input::placeholder {
color: var(--tags-input-tags-input-placeholder-color);
opacity: var(--tags-input-tags-input-placeholder-opacity);
}
html[data-theme] tags-input .autocomplete {
background-color: var(--tags-input-autocomplete-background-color);
border-color: var(--tags-input-autocomplete-border-color);
}
html[data-theme] ul.tagit.ui-widget.ui-widget-content {
background-image: none;
border-width: 1px;
border-style: solid;
background-color: var(--forms-form-control-background-color);
border-color: var(--forms-form-control-border-color);
box-shadow: var(--forms-form-control-box-shadow);
}
html[data-theme] ul.tagit.ui-widget.ui-widget-content > li.tagit-choice {
background-image: none;
color: var(--buttons-default-hover-color);
background-color: var(--buttons-default-hover-background-color);
border-color: var(--buttons-default-hover-border-color);
}
html[data-theme] ul.tagit.ui-widget.ui-widget-content > li > input.ui-widget-content {
background-image: none;
background-color: none;
color: var(--forms-form-control-color);
}
html[data-theme] .jumbotron {
background-color: var(--jumbotron-background-color);
}
html[data-theme] .modal-content {
background-color: var(--modals-background-color);
border-color: var(--modals-border-color);
outline: 0;
}
html[data-theme] .modal-header {
border-bottom-color: var(--modals-header-border-bottom-color);
}
html[data-theme] .modal-header .close {
color: var(--modals-header-close-color);
}
html[data-theme] .modal-header .badge {
color: var(--panels-default-badge-color);
background-color: var(--panels-default-badge-background-color);
}
html[data-theme] .modal-footer {
border-top-color: var(--modals-footer-border-top-color);
}
html[data-theme] .jconfirm.jconfirm-bootstrap .jconfirm-box {
background-color: var(--modals-background-color);
border-color: var(--modals-border-color);
outline: 0;
}
html[data-theme] .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c {
border-bottom-color: var(--modals-header-border-bottom-color);
}
html[data-theme] .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-title {
font-size: 1.5rem;
color: var(--provision-text-color);
}
html[data-theme] .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-content {
color: var(--provision-text-color);
}
html[data-theme] .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button.btn-default {
color: var(--buttons-default-color);
background-color: var(--buttons-default-background-color);
border-color: var(--buttons-default-border-color);
}
html[data-theme] .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button.btn-default:hover {
color: var(--buttons-default-hover-color);
background-color: var(--buttons-default-hover-background-color);
border-color: var(--buttons-default-hover-border-color);
}
html[data-theme] .label-info {
background-color: var(--labels-info-background-color);
}
html[data-theme] .label-danger {
background-color: var(--labels-danger-background-color);
}
html[data-theme] .label-success {
background-color: var(--labels-success-background-color);
}
html[data-theme] .label-warning {
background-color: var(--labels-warning-background-color);
}
html[data-theme] .label-primary {
background-color: var(--labels-primary-background-color);
}
html[data-theme] .badge {
color: var(--badges-color);
background-color: var(--badges-background-color);
}
html[data-theme] table tr.bg-danger {
background-color: var(--backgrounds-row-danger-background-color) !important;
}
html[data-theme] table tr.bg-warning {
background-color: var(--backgrounds-row-warning-background-color) !important;
}
html[data-theme] table tr.bg-success {
background-color: var(--backgrounds-row-success-background-color) !important;
}
html[data-theme] table tr.bg-info {
background-color: var(--backgrounds-row-info-background-color) !important;
}
html[data-theme] legend {
color: var(--provision-text-color);
border-bottom: 1px solid var(--legend-border-bottom-color);
}
html[data-theme] .list-group-item {
color: var(--lists-group-item-color);
background-color: var(--lists-group-item-background-color);
border-color: var(--lists-group-item-border-color);
}
html[data-theme] .list-group-item.active, html[data-theme] .list-group-item:focus, html[data-theme] .list-group-item:hover {
background-color: var(--lists-group-item-active-focus-background-color) !important;
color: var(--list-group-item-focus-color);
}
html[data-theme] .list-group-item-success {
background-color: var(--lists-group-item-success-background-color);
color: var(--lists-group-item-success-color);
}
html[data-theme] .list-group-item-info {
background-color: var(--lists-group-item-info-background-color);
color: var(--lists-group-item-info-color);
}
html[data-theme] .list-group-item-warning {
background-color: var(--lists-group-item-danger-background-color);
color: var(--lists-group-item-danger-color);
}
html[data-theme] .list-group-item-danger {
background-color: var(--lists-group-item-warning-background-color);
color: var(--lists-group-item-warning-color);
}
html[data-theme] .list-group-item.bg-danger {
background-color: var(--backgrounds-row-danger-background-color) !important;
}
html[data-theme] .list-group-item.bg-warning {
background-color: var(--backgrounds-row-warning-background-color) !important;
}
html[data-theme] .list-group-item.bg-success {
background-color: var(--backgrounds-row-success-background-color) !important;
}
html[data-theme] .list-group-item.bg-info {
background-color: var(--backgrounds-row-info-background-color) !important;
}
html[data-theme] .list-group-item.bg-primary {
background-color: var(--backgrounds-row-primary-background-color) !important;
}
html[data-theme] .list-group-item.bg-default {
background-color: var(--backgrounds-row-default-background-color) !important;
}
html[data-theme] a.list-group-item:focus, html[data-theme] a.list-group-item:hover, html[data-theme] button.list-group-item:focus, html[data-theme] button.list-group-item:hover {
background-color: var(--lists-group-item-active-focus-background-color) !important;
}
html[data-theme] .working-overlay {
background-color: var(--portable-loading-overlay-color);
}
html[data-theme] .table-container .spinner {
background-color: var(--portable-loading-overlay-color);
}
html[data-theme] .table-responsive .table-overlay {
background-color: var(--portable-loading-overlay-color);
}
html[data-theme] .constraint-table .table-overlay {
background-color: var(--portable-loading-overlay-color);
}
html[data-theme] .table-overlay {
background-color: var(--portable-loading-overlay-color);
}
html[data-theme] .panel {
background-color: var(--panels-background-color);
}
html[data-theme] .panel-primary {
border-color: var(--panels-primary-border-color);
}
html[data-theme] .panel-primary > .panel-heading {
color: var(--panels-primary-heading-color);
background-color: var(--panels-primary-heading-background-color);
border-color: var(--panels-primary-heading-border-color);
}
html[data-theme] .panel-primary > .panel-heading .panel-title > a {
color: var(--panels-heading-title-color);
}
html[data-theme] .panel-primary > .panel-heading .panel-title > a:hover, html[data-theme] .panel-primary > .panel-heading .panel-title > a:focus {
color: var(--panels-heading-title-hover-color);
text-decoration: none;
}
html[data-theme] .panel-primary > .panel-heading .badge {
color: var(--panels-primary-badge-color);
background-color: var(--panels-primary-badge-background-color);
}
html[data-theme] .panel-primary > .panel-footer {
background-color: var(--panels-primary-footer-background-color);
border-top: var(--panels-primary-footer-border-color);
}
html[data-theme] .panel-default {
border-color: var(--panels-default-border-color);
}
html[data-theme] .panel-default > .panel-heading {
color: var(--panels-default-heading-color);
background-color: var(--panels-default-heading-background-color);
border-color: var(--panels-default-heading-border-color);
}
html[data-theme] .panel-default > .panel-heading .panel-title > a {
color: var(--panels-heading-title-color);
}
html[data-theme] .panel-default > .panel-heading .panel-title > a:hover, html[data-theme] .panel-default > .panel-heading .panel-title > a:focus {
color: var(--panels-heading-title-hover-color);
text-decoration: none;
}
html[data-theme] .panel-default > .panel-heading .badge {
color: var(--panels-default-badge-color);
background-color: var(--panels-default-badge-background-color);
}
html[data-theme] .panel-default > .panel-body {
border: var(--panels-default-heading-border-color);
}
html[data-theme] .panel-default > .panel-footer {
background-color: var(--panels-default-footer-background-color);
border-top: var(--panels-default-footer-border-color);
}
html[data-theme] .panel-default.panel-internal {
border-color: var(--panels-internal-border-color) !important;
}
html[data-theme] .panel-default.panel-internal > .panel-body {
background-color: var(--panels-internal-body-background-color);
}
html[data-theme] .panel-default.panel-internal > .panel-heading {
color: var(--panels-internal-heading-color);
background-color: var(--panels-internal-heading-background-color);
border-color: var(--panels-internal-border-color);
}
html[data-theme] .panel-default.panel-internal > .panel-heading .panel-title > a {
color: var(--panels-heading-title-color);
}
html[data-theme] .panel-default.panel-internal > .panel-heading .panel-title > a:hover, html[data-theme] .panel-default.panel-internal > .panel-heading .panel-title > a:focus {
color: var(--panels-heading-title-hover-color);
text-decoration: none;
}
html[data-theme] .panel-default.panel-internal > .panel-heading .badge {
color: var(--panels-primary-badge-color);
background-color: var(--panels-primary-badge-background-color);
}
html[data-theme] .panel-default.panel-internal > .panel-footer {
background-color: var(--panels-internal-body-background-color);
border-top: var(--panels-internal-border-color);
}
html[data-theme] .panel-warning {
border-color: var(--panels-warning-border-color);
}
html[data-theme] .panel-warning > .panel-heading {
color: var(--panels-warning-heading-color);
background-color: var(--panels-warning-heading-background-color);
border-color: var(--panels-warning-heading-border-color);
}
html[data-theme] .panel-warning > .panel-heading .panel-title > a {
color: var(--panels-heading-title-color);
}
html[data-theme] .panel-warning > .panel-heading .panel-title > a:hover, html[data-theme] .panel-warning > .panel-heading .panel-title > a:focus {
color: var(--panels-heading-title-hover-color);
text-decoration: none;
}
html[data-theme] .panel-warning > .panel-heading .badge {
color: var(--panels-warning-badge-color);
background-color: var(--panels-warning-badge-background-color);
}
html[data-theme] .panel-warning > .panel-footer {
background-color: var(--panels-warning-footer-background-color);
border-top: var(--panels-warning-footer-border-color);
}
html[data-theme] .panel .navbar-default {
background-color: var(--panels-navbar-default-background-color);
box-shadow: var(--panels-navbar-default-box-shadow);
}
html[data-theme] .pagination > li > a,
html[data-theme] .pagination > li > span,
html[data-theme] .pager li > a,
html[data-theme] .pager li > span {
color: var(--pagination-item-color);
background-color: var(--pagination-item-background-color);
border-color: var(--pagination-item-border-color);
}
html[data-theme] .pagination > .disabled > a {
color: var(--pagination-item-disabled-color);
background-color: var(--pagination-item-disabled-background-color);
border-color: var(--pagination-item-disabled-border-color);
outline: var(--pagination-item-disabled-outline);
}
html[data-theme] .pagination > .disabled > a:focus,
html[data-theme] .pagination > .disabled > a:hover,
html[data-theme] .pagination > .disabled > a:active,
html[data-theme] .pager li > a.disabled,
html[data-theme] .pager li > a.disabled:focus,
html[data-theme] .pager li > a.disabled:hover,
html[data-theme] .pager li > a.disabled:active {
color: var(--pagination-item-disabled-hover-focus-active-color);
background-color: var(--pagination-item-disabled-hover-focus-active-background-color);
border-color: var(--pagination-item-disabled-hover-focus-active-border-color);
outline: var(--pagination-item-disabled-hover-focus-active-outline);
}
html[data-theme] .pagination > .active > a {
color: var(--pagination-item-active-color);
background-color: var(--pagination-item-active-background-color);
border-color: var(--pagination-item-active-border-color);
}
html[data-theme] .pagination > .active > a:focus,
html[data-theme] .pagination > .active > a:hover,
html[data-theme] .pagination > .active > a:active,
html[data-theme] .pager li > a.active,
html[data-theme] .pager li > a.active:focus,
html[data-theme] .pager li > a.active:hover,
html[data-theme] .pager li > a.active:active {
color: var(--pagination-item-active-hover-focus-active-color);
background-color: var(--pagination-item-active-hover-focus-active-background-color);
border-color: var(--pagination-item-active-hover-focus-active-border-color);
}
html[data-theme] .pagination > li > a:hover,
html[data-theme] .pagination > li > a:focus,
html[data-theme] .pagination > li > a:active,
html[data-theme] .pager li > a:hover,
html[data-theme] .pager li > a:focus,
html[data-theme] .pager li > a:active {
color: var(--pagination-item-hover-focus-active-color);
background-color: var(--pagination-item-hover-focus-active-background-color);
border-color: var(--pagination-item-hover-focus-active-border-color);
outline: var(--pagination-item-hover-focus-active-outline);
}
html[data-theme] .table {
color: var(--tables-color);
}
html[data-theme] .table .table {
background-color: var(--tables-table-table-background-color);
}
html[data-theme] table > thead > tr th {
color: var(--tables-thead-header-color);
}
html[data-theme] .table > tbody > tr > td {
border-color: var(--tables-tbody-row-border-color);
}
html[data-theme] .table-striped > tbody > tr:nth-of-type(odd) {
background-color: var(--tables-striped-tbody-odd-row-background-color);
}
html[data-theme] .table-hover > tbody > tr:hover {
background-color: var(--tables-hover-tbody-row-hover-background-color);
}
html[data-theme] .table > tbody > tr.info > td,
html[data-theme] .table > tbody > tr.info > th,
html[data-theme] .table > tbody > tr > td.info,
html[data-theme] .table > tbody > tr > th.info,
html[data-theme] .table > tfoot > tr.info > td,
html[data-theme] .table > tfoot > tr.info > th,
html[data-theme] .table > tfoot > tr > td.info,
html[data-theme] .table > tfoot > tr > th.info,
html[data-theme] .table > thead > tr.info > td,
html[data-theme] .table > thead > tr.info > th,
html[data-theme] .table > thead > tr > td.info,
html[data-theme] .table > thead > tr > th.info {
background-color: var(--tables-selected-row-background-color);
}
html[data-theme] .table > tbody > tr.success > td,
html[data-theme] .table > tbody > tr.success > th,
html[data-theme] .table > tbody > tr > td.success,
html[data-theme] .table > tbody > tr > th.success,
html[data-theme] .table > tfoot > tr.success > td,
html[data-theme] .table > tfoot > tr.success > th,
html[data-theme] .table > tfoot > tr > td.success,
html[data-theme] .table > tfoot > tr > th.success,
html[data-theme] .table > thead > tr.success > td,
html[data-theme] .table > thead > tr.success > th,
html[data-theme] .table > thead > tr > td.success,
html[data-theme] .table > thead > tr > th.success {
background-color: var(--tables-success-row-background-color);
}
html[data-theme] .table > tbody > tr.danger > td,
html[data-theme] .table > tbody > tr.danger > th,
html[data-theme] .table > tbody > tr > td.danger,
html[data-theme] .table > tbody > tr > th.danger,
html[data-theme] .table > tfoot > tr.danger > td,
html[data-theme] .table > tfoot > tr.danger > th,
html[data-theme] .table > tfoot > tr > td.danger,
html[data-theme] .table > tfoot > tr > th.danger,
html[data-theme] .table > thead > tr.danger > td,
html[data-theme] .table > thead > tr.danger > th,
html[data-theme] .table > thead > tr > td.danger,
html[data-theme] .table > thead > tr > th.danger {
background-color: var(--tables-danger-row-background-color);
}
html[data-theme] .table > tbody > tr.warning > td,
html[data-theme] .table > tbody > tr.warning > th,
html[data-theme] .table > tbody > tr > td.warning,
html[data-theme] .table > tbody > tr > th.warning,
html[data-theme] .table > tfoot > tr.warning > td,
html[data-theme] .table > tfoot > tr.warning > th,
html[data-theme] .table > tfoot > tr > td.warning,
html[data-theme] .table > tfoot > tr > th.warning,
html[data-theme] .table > thead > tr.warning > td,
html[data-theme] .table > thead > tr.warning > th,
html[data-theme] .table > thead > tr > td.warning,
html[data-theme] .table > thead > tr > th.warning {
background-color: var(--tables-warning-row-background-color);
}
html[data-theme] .table-hover > tbody > tr.info:hover > td,
html[data-theme] .table-hover > tbody > tr.info:hover > th,
html[data-theme] .table-hover > tbody > tr:hover > .info,
html[data-theme] .table-hover > tbody > tr > td.info:hover,
html[data-theme] .table-hover > tbody > tr > th.info:hover {
background-color: var(--tables-selected-row-hover-background-color);
}
html[data-theme] table > tbody > tr.active > td,
html[data-theme] .table > tbody > tr.active > th,
html[data-theme] .table > tbody > tr > td.active,
html[data-theme] .table > tbody > tr > th.active,
html[data-theme] .table > tfoot > tr.active > td,
html[data-theme] .table > tfoot > tr.active > th,
html[data-theme] .table > tfoot > tr > td.active,
html[data-theme] .table > tfoot > tr > th.active,
html[data-theme] .table > thead > tr.active > td,
html[data-theme] .table > thead > tr.active > th,
html[data-theme] .table > thead > tr > td.active,
html[data-theme] .table > thead > tr > th.active {
background-color: var(--tables-hover-tbody-row-hover-background-color);
}
html[data-theme] .table-hover > tbody > tr.active:hover > td,
html[data-theme] .table-hover > tbody > tr.active:hover > th,
html[data-theme] .table-hover > tbody > tr:hover > .active,
html[data-theme] .table-hover > tbody > tr > td.active:hover,
html[data-theme] .table-hover > tbody > tr > th.active:hover {
background-color: var(--tables-hover-tbody-tr-active-hover);
}
html[data-theme] .table-list {
background-color: var(--tables-table-table-background-color);
border-color: transparent;
}
html[data-theme] .table-list tbody tr:hover {
background-color: var(--tables-selected-row-hover-background-color);
}
html[data-theme] .table-list tbody tr td {
border-top-color: var(--tables-tbody-row-border-color);
}
html[data-theme] .table-list tbody tr.selected td {
background-color: var(--tables-selected-row-background-color);
}
html[data-theme] .navbar-default {
background-color: var(--navbars-default-background-color);
border-color: var(--navbars-default-border-color);
box-shadow: var(--navbars-default-box-shadow);
}
html[data-theme] .navbar-default.navbar-internal {
background-color: var(--navbars-default-internal-background-color);
border-color: var(--navbars-default-internal-border-color);
box-shadow: none;
}
html[data-theme] .navbar-default.navbar-internal .navbar-brand {
color: var(--navbars-default-internal-brand-color);
}
html[data-theme] .navbar-default .navbar-brand {
color: var(--navbars-default-brand-color);
}
html[data-theme] .navbar-default .navbar-nav > li > a {
color: var(--navbars-default-nav-item-color);
}
html[data-theme] .navbar-default .navbar-nav > li > a:focus,
html[data-theme] .navbar-default .navbar-nav > li > a:hover {
color: var(--navbars-default-nav-item-hover-focus-color);
}
html[data-theme] .navbar-default .navbar-nav > .open > a,
html[data-theme] .navbar-default .navbar-nav > .open > a:focus,
html[data-theme] .navbar-default .navbar-nav > .open > a:hover {
background-color: var(--navbars-default-nav-item-open-background-color);
}
html[data-theme] .navbar-default .navbar-text {
color: var(--navbars-default-nav-text-color);
}
html[data-theme] .main-data-container .navbar-default .navbar-text {
color: var(--navbars-default-nav-text-color);
}
html[data-theme] .nav > li > a:focus,
html[data-theme] .nav > li > a:hover {
background-color: var(--navbars-nav-item-background-color);
}
html[data-theme] .nav > li.active > a:focus,
html[data-theme] .nav > li.active > a:hover {
background-color: var(--navbars-nav-item-active-background-color);
color: var(--navbars-nav-item-active-color);
cursor: default;
}
html[data-theme] pre {
color: var(--preformatteds-color);
background-color: var(--preformatteds-background-color);
}
html[data-theme] .custom-datepicker .react-datetime-picker__wrapper {
color: var(--react-datetime-picker-wrapper-color);
background-color: var(--react-datetime-picker-wrapper-background-color);
border-color: var(--react-datetime-picker-wrapper-border-color);
box-shadow: var(--react-datetime-picker-wrapper-box-shadow);
}
html[data-theme] .custom-datepicker .react-datetime-picker__wrapper .react-datetime-picker__clear-button.react-datetime-picker__button > svg {
stroke: var(--react-datetime-picker-wrapper-clear-button-svg-stroke);
}
html[data-theme] .react-datetime-picker__inputGroup__input:invalid {
background: var(--react-datetime-picker-inputGroup-input-invalid-background);
}
html[data-theme] .react-calendar {
background: var(--react-calendar-background);
border-color: var(--react-calendar-border-color);
box-shadow: var(--react-calendar-box-shadow);
}
html[data-theme] .react-calendar__tile--now {
background: var(--react-calendar-tile-now-background);
outline: var(--react-calendar-tile-now-outline);
}
html[data-theme] .react-calendar__tile--now:enabled:hover, html[data-theme] .react-calendar__tile--now:enabled:focus {
background: var(--react-calendar-tile-now-enabled-background-focus);
}
html[data-theme] .react-calendar__tile:enabled:hover, html[data-theme] .react-calendar__tile:enabled:focus {
background-color: var(--react-calendar-tile-enabled-focus-background-color);
}
html[data-theme] .react-calendar__month-view__days__day--weekend {
color: var(--react-calendar-month-view-days-day--weekend-color);
}
html[data-theme] .react-calendar__tile--active {
background-color: var(--react-calendar-tile-active-background-color);
color: var(--react-calendar-tile-active-color);
}
html[data-theme] .react-calendar__navigation button:enabled:hover, html[data-theme] .react-calendar__navigation button:enabled:focus {
background-color: var(--react-calendar-button-enabled-focus-background-color);
}
html[data-theme] .react-calendar__navigation button:enabled:hover, html[data-theme] .react-calendar__navigation button:enabled:focus {
background-color: var(--react-calendar-button-enabled-focus-background-color);
}
html[data-theme] .react-datepicker__current-month, html[data-theme] .react-datepicker .react-datepicker-time__header, html[data-theme] .react-datepicker .react-datepicker-year-header {
color: var(--react-datepicker-year-header-color);
}
html[data-theme] .react-datepicker__day-name, html[data-theme] .react-datepicker .react-datepicker__day, html[data-theme] .react-datepicker .react-datepicker__time-name {
color: var(--react-datepicker__time-name-color);
}
html[data-theme] .react-datepicker__time-container .react-datepicker__time {
color: var(--react-datepicker__time-color);
background-color: var(--react-datepicker__time-background-color);
}
html[data-theme] .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
background-color: var(--li-react-datepicker__time-list-item-hover-background-color);
}
html[data-theme] .react-datepicker__day:hover, html[data-theme] .react-datepicker .react-datepicker__month-text:hover, html[data-theme] .react-datepicker .react-datepicker__quarter-text:hover, html[data-theme] .react-datepicker .react-datepicker__year-text:hover {
background-color: var(--react-datepicker__year-text-hover-background-color);
}
html[data-theme] .react-datepicker__month-container {
background-color: var(--react-datepicker__time-background-color);
}
html[data-theme] .react-datepicker__header {
background-color: var(--react-datepicker__time-background-color);
}
html[data-theme] .react-datepicker .react-datepicker__day--selected {
color: var(--react-datepicker__day--selected-color);
}
html[data-theme] .select2-container .select2-selection--single {
background-color: var(--select2-container-selection-single-background-color);
border-color: var(--select2-container-selection-single-border-color);
box-shadow: var(--select2-container-selection-single-box-shadow);
}
html[data-theme] .select2-container--default .select2-search--dropdown .select2-search__field {
background-color: var(--select2-container-default-search-dropdown-search-background-color);
border-color: var(--select2-container-default-search-dropdown-search-border-color);
box-shadow: var(--select2-container-default-search-dropdown-search-box-shadow);
color: var(--select2-container-default-search-dropdown-search-color);
}
html[data-theme] .select2-container--default .select2-selection--multiple {
background-color: var(--select2-container-selection-single-background-color);
border-color: var(--select2-container-selection-single-border-color);
box-shadow: var(--select2-container-selection-single-box-shadow);
}
html[data-theme] .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: var(--select2-container--default-selection-choice-background-color);
color: var(--select2-container--default-selection-choice-color);
border-color: var(--select2-container-selection-single-border-color);
}
html[data-theme] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: var(--select2-container--default-selection-choice-color);
}
html[data-theme] .select2-dropdown {
background-color: var(--select2-dropdown-background-color);
border-color: var(--select2-dropdown-border-color);
}
html[data-theme] .select2-container .select2-results__option[aria-selected],
html[data-theme] .select2-container .select2-results__option--highlighted[aria-selected],
html[data-theme] .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--select2-container-default-aria-selected-background-color);
color: var(--select2-container-default-aria-selected-color);
}
html[data-theme] .select2-container .select2-results__option.select2-results__option--highlighted[aria-selected] {
background-color: var(--select2-container--default-selection-choice-background-color);
color: var(--select2-container-default-hover-color);
}
html[data-theme] .select2-container .select2-results__option[aria-selected]:hover {
background-color: var(--select2-container-default-hover-background-color);
color: var(--select2-container-default-hover-color);
}
html[data-theme] .select2-container--empty .select2-selection--single .select2-selection__rendered,
html[data-theme] .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--forms-form-control-color);
}
html[data-theme] .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
color: var(--forms-form-control-color);
}
html[data-theme] .select2-container--bootstrap .select2-search--dropdown .select2-search__field,
html[data-theme] .select2-container--bootstrap .select2-selection,
html[data-theme] .select2-container .select2-search--dropdown .select2-search__field {
color: var(--forms-form-control-color);
background-color: var(--forms-form-control-background-color);
border-color: var(--forms-form-control-border-color);
}
html[data-theme] .select2-container--bootstrap.select2-container--disabled .select2-selection {
background-color: var(--forms-form-control-disabled-background-color);
opacity: 1;
}
html[data-theme] .select2-container--bootstrap.select2-container--disabled .select2-selection {
border-color: var(--forms-form-control-border-color);
}
html[data-theme] .select2-container--bootstrap.select2-container--disabled .select2-selection--single .select2-selection__rendered {
color: var(--dropdowns-item-disabled-color);
}
html[data-theme] .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--forms-form-control-placeholder-color);
}
html[data-theme] .select2-container .select2-search--inline .select2-search__field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: var(--forms-form-control-placeholder-color);
opacity: 1; /* Firefox */
}
html[data-theme] .select2-container .select2-search--inline .select2-search__field::-ms-input-placeholder { /* Microsoft Edge */
color: var(--forms-form-control-placeholder-color);
}
html[data-theme] .stepper a {
color: var(--provision-text-color) !important;
}
html[data-theme] .btn-default-focus {
outline: none;
background-color: transparent;
box-shadow: none;
}
html[data-theme] .ui-select-choices-row:hover {
background-color: var(--ui-select-choices-row-hover-background-color);
}
html[data-theme] .ui-select-bootstrap .ui-select-choices-row > a {
color: var(--ui-select-bootstrap-choices-row-a-color);
}
html[data-theme] .ui-select-bootstrap .ui-select-choices-row > a:focus, html[data-theme] .ui-select-bootstrap .ui-select-choices-row > a:hover {
background-color: var(--ui-select-choices-row-hover-background-color);
color: var(--ui-select-choices-row-hover-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] > [class$=-control],
html[data-theme] .react-select-container > [class$=-control] {
border-color: var(--react-select-container-control-border-color);
background-color: var(--react-select-container-control-background-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] > [class$=-control] [class$=-singleValue],
html[data-theme] .react-select-container > [class$=-control] [class$=-singleValue] {
color: var(--react-select-container-singleValue-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] > [class$=-control] [class$=-multiValue],
html[data-theme] .react-select-container > [class$=-control] [class$=-multiValue] {
background-color: var(--select2-container--default-selection-choice-background-color);
border-color: var(--select2-container-selection-single-border-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] > [class$=-control] [class$=-multiValue] > div:first-child,
html[data-theme] .react-select-container > [class$=-control] [class$=-multiValue] > div:first-child {
color: var(--select2-container--default-selection-choice-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] > [class$=-control] [class$=-multiValue] > div[role=button]:hover,
html[data-theme] .react-select-container > [class$=-control] [class$=-multiValue] > div[role=button]:hover {
background-color: var(--react-select-container-multiValue-hover-background-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] > [class$=-control] [class$=-multiValue] > div[role=button] > svg path,
html[data-theme] .react-select-container > [class$=-control] [class$=-multiValue] > div[role=button] > svg path {
fill: var(--react-select-container-multiValue-close-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] > [class$=-control] [class$=-placeholder],
html[data-theme] .react-select-container > [class$=-control] [class$=-placeholder] {
color: var(--forms-form-control-placeholder-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] > [class$=-control] input[type=text],
html[data-theme] .react-select-container > [class$=-control] input[type=text] {
color: var(--forms-form-control-color) !important;
}
html[data-theme] [class*=css-][class$=MenuPortal] [class$=-menu],
html[data-theme] .react-select-container [class$=-menu] {
background-color: var(--react-select-container-menu-background-color);
color: var(--react-select-container-menu-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] [class$=-menu] [class$=-option],
html[data-theme] .react-select-container [class$=-menu] [class$=-option] {
color: var(--react-select-container-menu-option-color);
background-color: var(--react-select-container-menu-option-background-color);
}
html[data-theme] [class*=css-][class$=MenuPortal] [class$=-menu] [class$=-option]:focus,
html[data-theme] [class*=css-][class$=MenuPortal] [class$=-menu] [class$=-option]:hover,
html[data-theme] .react-select-container [class$=-menu] [class$=-option]:focus,
html[data-theme] .react-select-container [class$=-menu] [class$=-option]:hover {
background-color: var(--react-select-container-menu-option-background-color-focus-hover-background-color);
color: var(--react-select-container-menu-option-background-color-focus-hover-color);
}
html[data-theme] .v-select .vs__dropdown-toggle {
background-color: var(--forms-select-option-background-color);
}
html[data-theme] .v-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
background-color: var(--v-select-container-placeholder-color);
}
html[data-theme] .v-select .vs__dropdown-toggle .vs__actions svg, html[data-theme] .v-select .vs__dropdown-toggle .vs__clear svg {
fill: var(--provision-text-color);
}
html[data-theme] .v-select .vs__dropdown-menu {
background-color: var(--v-select-vs-dropdown-menu-background-color);
opacity: var(--v-select-vs-dropdown-menu-opacity);
}
html[data-theme] .v-select .vs__dropdown-menu li {
color: var(--provision-text-color);
background-color: var(--v-select-vs-dropdown-menu-li-background-color);
padding-top: var(--v-select-vs-dropdown-menu-li-padding);
padding-bottom: var(--v-select-vs-dropdown-menu-li-padding);
}
html[data-theme] .v-select .vs__dropdown-menu li:focus, html[data-theme] .v-select .vs__dropdown-menu li:hover {
background-color: var(--v-select-vs-dropdown-menu-li-focus-hover-background-color);
color: var(--v-select-vs-dropdown-menu-li-focus-hover-color);
}
html[data-theme] .nav-tabs .nav-link {
color: var(--tabs-navtabs-navlink-color);
}
html[data-theme] .nav-tabs > li > a:hover {
color: var(--tabs-navtabs-link-hover-color);
border-color: var(--tabs-navtabs-link-hover-border-color);
background-color: var(--tabs-navtabs-link-hover-background-color);
}
html[data-theme] .nav-tabs > li.active > a,
html[data-theme] .nav-tabs > li.active > a:focus,
html[data-theme] .nav-tabs > li.active > a:hover {
color: var(--tabs-navtabs-link-active-color);
border-color: var(--tabs-navtabs-link-active-border-color);
background-color: var(--tabs-navtabs-link-active-background-color);
}
html[data-theme] .nav-link.active:before {
background-color: var(--tabs-navtabs-link-active-before-background-color);
}
html[data-theme] .nav-link:before {
height: 2px;
}
html[data-theme] .nav-link:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
transition: background-color ease-in-out 0.15s;
}
html[data-theme] .nav-tabs.tabs-internal > li:not(.active) > a {
border: none;
color: var(--tabs-internal-inactive-heading-color);
}
html[data-theme] .nav-tabs.tabs-internal > li:not(.active) > a:hover {
background-color: var(--tabs-internal-disabled-heading-background-hover-color);
}
html[data-theme] .nav-tabs.tabs-internal > li a {
border-color: var(--tabs-internal-border-color);
background-color: var(--tabs-internal-heading-background-color);
color: var(--tabs-internal-heading-color);
}
html[data-theme] .nav-tabs.tabs-internal > li a.disabled {
background-color: var(--tabs-internal-disabled-heading-background-color);
color: var(--tabs-internal-disabled-heading-color);
}
html[data-theme] .nav-tabs.tabs-internal > li a.disabled.main {
border-bottom: solid 1px var(--tabs-internal-border-null-color);
}
html[data-theme] .nav-tabs.tabs-internal > li a.disabled.text-muted {
color: var(--tabs-internal-disabled-heading-color);
}
html[data-theme] .nav-tabs.tabs-internal > li.active > a {
border-bottom: solid 1px var(--tabs-internal-border-null-color);
}
html[data-theme] .nav-tabs.tabs-internal > li.active > a:hover {
border-color: var(--tabs-internal-border-color);
border-bottom-color: var(--tabs-internal-border-null-color) !important;
}
html[data-theme] .well {
background-color: var(--wells-background-color);
border-color: var(--wells-border-color);
color: var(--wells-color);
}
html[data-theme] .text-muted {
color: var(--paragraphs-text-muted);
}
html[data-theme] .text-primary {
color: var(--paragraphs-text-primary);
}
html[data-theme] .text-success {
color: var(--paragraphs-text-success);
}
html[data-theme] .text-info {
color: var(--paragraphs-text-info);
}
html[data-theme] .text-warning {
color: var(--paragraphs-text-warning);
}
html[data-theme] .text-danger {
color: var(--paragraphs-text-danger);
}
html[data-theme] .sc-navbar .nav.navbar-nav > li.active {
background-color: var(--menu-item-active-background-color);
}
html[data-theme] .sc-navbar .nav.navbar-nav > li.active > a {
color: var(--menu-item-text-active-color);
}
html[data-theme] .sc-navbar .nav.navbar-nav > li.active > a .caret {
color: inherit;
}
html[data-theme] .sc-navbar .nav.navbar-nav > li:hover {
background-color: var(--menu-item-hover-background-color);
}
html[data-theme] .sc-navbar .nav.navbar-nav > li:hover > a {
color: var(--menu-item-text-active-color);
}
html[data-theme] .sc-navbar .nav.navbar-nav > li:hover > a .caret {
color: inherit;
}
html[data-theme] .sc-navbar .nav.navbar-nav > li > a {
color: var(--menu-item-text-color);
}
html[data-theme] .sc-navbar .nav.navbar-nav > li > a:hover {
color: var(--menu-item-text-hover-color);
}
html[data-theme] .sc-navbar .nav.navbar-nav > li > a > .caret {
color: var(--menu-item-caret-color);
}
html[data-theme] .sc-navbar .dropdown-menu {
background-color: var(--dropdown-background-color);
}
html[data-theme] .sc-navbar .dropdown-menu > li {
border-bottom: 1px solid var(--dropdown-separator-border-color);
}
html[data-theme] .sc-navbar .dropdown-menu > li > a {
padding: var(--dropdown-text-padding);
color: var(--dropdown-text-color);
font-size: var(--dropdown-text-size);
}
html[data-theme] .sc-navbar .dropdown-menu > li > a:focus,
html[data-theme] .sc-navbar .dropdown-menu > li > a:hover {
color: var(--dropdown-text-hover-color);
background-color: var(--dropdown-text-background-color);
}
html[data-theme] .sc-navbar .dropdown-submenu.active > a {
background-color: var(--menu-item-active-background-color);
color: var(--menu-item-text-active-color);
}
html[data-theme] .sc-navbar .dropdown-submenu.active > a:hover {
background-color: var(--menu-item-active-background-color);
color: var(--menu-item-text-active-color);
}
html[data-theme] .sc-navbar .dropdown-submenu.dropdown > a:after {
border-left-color: var(--dropdown-caret-color);
}
html[data-theme] .sc-navbar .dropdown-submenu.active > a {
background-color: var(--menu-item-active-background-color);
}
html[data-theme] .sc-navbar .dropdown-submenu.active > a:after {
border-left-color: var(--dropdown-caret-active-color);
}
html[data-theme] .sc-navbar .dropdown-submenu:not(.active):hover > a:after {
border-left-color: var(--dropdown-caret-hover-color);
}
html[data-theme] hr {
border-top: 1px solid var(--hr-line-color);
}
html[data-theme] .MuiFormControl-root {
background-color: var(--mui-mui-form-control-root-background-color);
}
html[data-theme] .MuiFormControl-root .MuiInputBase-root {
color: var(--mui-datetime-picker-font-color);
}
html[data-theme] .MuiFormControl-root .MuiSvgIcon-root {
color: var(--mui-button-base-root-svg-color);
}
html[data-theme] .MuiFormControl-root .MuiButtonBase-root {
background-color: var(--mui-button-base-root-svg-background-color);
}
html[data-theme] .MuiPickersPopper-root .MuiPaper-root {
background-color: var(--mui-pickers-popper-root-background-color);
color: var(--mui-datetime-picker-font-color);
}
html[data-theme] .MuiPickersPopper-root .MuiTypography-root {
color: var(--mui-datetime-picker-font-color);
}
html[data-theme] .MuiPickersPopper-root .MuiButtonBase-root {
background-color: var(--mui-button-base-root-background-color);
color: var(--mui-datetime-picker-font-color);
}
html[data-theme] .MuiPickersPopper-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected {
background-color: var(--mui-button-base-root-selected-background-color) !important;
}
html[data-theme] .MuiPickersPopper-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected:hover {
background-color: var(--mui-button-base-root-selected-hover-background-color) !important;
}
html[data-theme] .MuiPickersPopper-root .MuiButtonBase-root:hover {
background-color: var(--mui-button-base-root-hover-background-color) !important;
}
html[data-theme] .MuiPickersPopper-root .MuiPickersDay-today {
border: 1px solid var(--buttons-default-hover-color);
}
html[data-theme] .MuiPickersPopper-root .MuiClock-clock {
background-color: var(--mui-pickers-popper-clock-background-color);
}
html[data-theme] .MuiPickersPopper-root .MuiClockNumber-root {
color: var(--mui-datetime-picker-font-color);
}
html[data-theme] .sc-right-panel__filters {
box-shadow: 0px 0px 5px 1px var(--sc-right-panel-filters-box-shadow-color);
background-color: var(--sc-right-panel-filters-background-color);
border-color: var(--sc-right-panel-filters-border-color);
}
html[data-theme] .sc-right-panel__filters__container__controls {
border-color: var(--sc-right-panel-filters-controls-border-color);
box-shadow: var(--sc-right-panel-filters-controls-box-shadow);
}
html[data-theme] .react-contexify, html[data-theme] .contexify {
color: var(--dropdowns-color);
background-color: var(--dropdowns-background-color);
border-color: var(--dropdowns-border-color);
box-shadow: var(--dropdowns-box-shadow);
}
html[data-theme] .react-contexify__item__content, html[data-theme] .react-contexify .contexify_item .contexify_itemContent, html[data-theme] .contexify__item__content, html[data-theme] .contexify .contexify_item .contexify_itemContent {
color: var(--dropdowns-item-color);
}
html[data-theme] .react-contexify .react-contexify__separator, html[data-theme] .contexify .react-contexify__separator {
background-color: var(--dropdowns-divider-color);
}
html[data-theme] .react-contexify .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content,
html[data-theme] .react-contexify .contexify_item:not(.contexify_item-disabled):hover > .contexify_itemContent, html[data-theme] .contexify .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content,
html[data-theme] .contexify .contexify_item:not(.contexify_item-disabled):hover > .contexify_itemContent {
color: var(--dropdowns-item-hover-color);
background-color: var(--dropdowns-item-hover-background-color);
}
html[data-theme] a#dashboard-selector:hover,
html[data-theme] a#dashboard-selector:focus,
html[data-theme] a#dashboard-selector:hover:active,
html[data-theme] a#dashboard-selector:hover {
color: var(--dashboard-header-color);
}
html[data-theme] .dashboard-header h1 {
color: var(--dashboard-header-color);
}
html[data-theme] .panel-default.widget {
box-shadow: var(--dashboard-widget-shadow);
}
html[data-theme] .panel-default.widget > .panel-heading {
background-color: var(--dashboard-widget-heading-background-color);
}
html[data-theme] .dashboard-actions a {
color: var(--dashboard-actions-color);
}
html[data-theme] .dashboard-actions a:hover {
color: var(--dashboard-actions-hover-color);
background-color: var(--dashboard-actions-hover-background-color);
border-color: var(--dashboard-actions-hover-border-color);
}
html[data-theme] .dashboard-activity-history {
background-color: var(--dashboard-activity-history-background-color);
}
html[data-theme] .dashboard-activity-history #chart_form {
border-color: var(--dashboard-activity-chart-type-selector-border-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .x-axis .tick text {
fill: var(--dashboard-activity-chart-x-axis-text-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .x-axis .tick line {
stroke: var(--dashboard-activity-chart-x-axis-line-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .delimiter text.start,
html[data-theme] .dashboard-activity-history #chart_placeholder .delimiter text.end {
fill: var(--dashboard-activity-chart-delimiter-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .y-axis path,
html[data-theme] .dashboard-activity-history #chart_placeholder .x-axis path {
stroke: var(--dashboard-activity-chart-path-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .graph-body > .line > text {
fill: var(--dashboard-activity-chart-path-name-color) !important;
}
html[data-theme] .dashboard-ipcharts {
background-color: var(--dashboard-ipcharts-background-color);
}
html[data-theme] .dashboard-ipcharts h5 {
color: var(--dashboard-ipcharts-donut-header-color);
}
html[data-theme] .dashboard-ipcharts donut-chart-component .labelName {
fill: var(--dashboard-ipcharts-donut-label-color);
}
html[data-theme] .dashboard-ipcharts donut-chart-component .toolCircle {
fill: var(--dashboard-ipcharts-donut-info-color);
}
html[data-theme] .tabs .current a,
html[data-theme] .tabs .current a::after {
background-color: var(--tabs-current-a-after-background-color);
}
html[data-theme] .tabs a {
background-color: var(--tabs-current-a-after-background-color);
background-image: none;
text-shadow: none;
border-style: solid;
border-color: var(--tabs-current-a-after-background-color);
}
html[data-theme] .tabs a:hover,
html[data-theme] .tabs a:hover::after,
html[data-theme] .tabs a:focus,
html[data-theme] .tabs a:focus::after {
background-color: var(--tabs-current-a-after-background-color);
}
html[data-theme] .tabs a::after {
content: "";
background-color: var(--tabs-current-a-after-background-color);
background-image: none;
}
html[data-theme] .tabsContent {
background-color: var(--tabs-current-a-after-background-color);
}
html[data-theme] #DNSmain .pending {
background-color: var(--buttons-default-background-color) !important;
}
html[data-theme] .table-separator {
background-color: var(--dhcp-table-separator-color);
}
html[data-theme] .table > tbody > tr.danger > td > textarea {
color: var(--dhcp-error-textarea-color);
}
html[data-theme] .dhcp_customer .tabs li {
color: var(--panels-warning-heading-color);
border: 1px solid var(--panels-warning-heading-border-color);
}
html[data-theme] .dhcp_customer .tabs li:hover {
border-color: var(--panels-warning-heading-border-color);
background-color: var(--panels-warning-heading-background-color);
color: var(--panels-warning-heading-color);
}
html[data-theme] .dhcp_customer .tabs li.active, html[data-theme] .tabs li.active:hover {
border: 1px solid var(--panels-warning-heading-border-color);
color: var(--tabs-navtabs-link-active-color);
background-color: var(--tabs-navtabs-link-active-background-color);
}
html[data-theme] .config_suggestion {
background-color: var(--dhcp-config-suggestion-background-color);
border: 1px solid var(--dhcp-config-suggestion-border-color);
}
html[data-theme] .config_suggestion > li:hover {
background-color: var(--dhcp-config-suggestion-hover-background-color);
}
html[data-theme] resource-list .section-settings-content .right-panel .settings-columns-container .section-name .section-name-title .view-name-icon,
html[data-theme] resource-list .section-settings-content .right-panel .settings-columns-container .section-name .section-name-title .section-name-title-temp input[type=text] {
color: var(--resource-list-input-color);
}
html[data-theme] resource-list .section-settings-content .right-panel .settings-columns-container .subsection > h3 {
background-color: var(--resource-list-settings-header-background-color);
}
html[data-theme] resource-list .section-settings-content .filters-container .filters .form-group label {
color: var(--resource-list-input-color) !important;
}
html[data-theme] resource-list .column-header {
color: var(--resource-list-input-color);
}
html[data-theme] resource-list .column-list-add {
background-color: var(--filters-collapsable-container-filters-container-background-color);
}
html[data-theme] .filters-collapsable-container .filters-container {
background-color: var(--filters-collapsable-container-filters-container-background-color) !important;
border-color: var(--filters-collapsable-container-filters-container-border-color);
}
html[data-theme] .filters-collapsable-container .filters-container .filters .form-group label {
color: var(--resource-list-input-color);
}
html[data-theme] .ui-sortable-helper {
border: 1px dotted var(--ui-sortable-helper-border);
background-color: var(--ui-sortable-helper-background-color);
box-shadow: var(--ui-sortable-helper-box-shadow);
}
html[data-theme] #fields .ui-state-highlight,
html[data-theme] #new_fields .ui-state-highlight {
border-color: var(--fields-ui-state-highlight-border-color);
}
html[data-theme] .edit-section .section-field .fields-to-add .internal-field-pannel .field-list .group-list .is-assigned {
background-color: var(--section-field-list-assigned-background-color);
}
html[data-theme] #active_gadgets .panel-primary {
border-color: var(--panels-primary-heading-background-color);
}
html[data-theme] #fieldoptions {
background-color: var(--section-field-edit-background-color);
border: var(--section-field-edit-border);
box-shadow: var(--section-field-edit-box-shadow);
}
html[data-theme] .help-icon {
color: var(--resource-list-input-color);
}
html[data-theme] .panel-default {
border-color: var(--panels-default-heading-border-color);
}
html[data-theme] .aggregate-mgmt-table table > tbody > tr.importantBlock > td {
background-color: var(--aggregate-mgmt-table-table-tbody-tr-importantBlock-td-background-color);
}
html[data-theme] .aggregate-mgmt-table table > tbody > tr.info.importantBlock > td {
background-color: var(--aggregate-mgmt-table-table-tbody-tr-info-importantBlock-td-background-color) !important;
}
html[data-theme] .sc-ipam-aggregate-mgmt .aggregate-mgmt-table table > tbody > tr.highlight > td {
background-color: var(--aggregate-mgmt-table-table-tbody-tr-info-highlight-td-background-color) !important;
color: var(--aggregate-mgmt-table-table-tbody-tr-info-highlight-td-color);
}
html[data-theme] .modal-tree-ipam .modal-body .blocks-tree span[class^=block-].highlight {
background-color: var(--aggregate-mgmt-table-table-tbody-tr-info-highlight-td-background-color) !important;
color: var(--aggregate-mgmt-table-table-tbody-tr-info-highlight-td-color);
}
html[data-theme] .aggregate-mgmt-table table > tbody > tr.loadMore > td,
html[data-theme] .aggregate-mgmt-table table > tbody > tr.eofBlock > td {
background-color: transparent !important;
}
html[data-theme] .sc-ipam-aggregate-mgmt .ipam-aggregate-mgmt-navbar ul.navbar-nav > li > a.selected {
background-color: var(--aggregate-mgmt-navbar-options-selected-color);
}
html[data-theme] .sc-ipam-aggregate-map .gm-style .gm-style-iw-c {
background-color: var(--sc-ipam-aggregate-map-infowindow-background-color);
}
html[data-theme] .sc-ipam-aggregate-map .gm-style .gm-style-iw-c > button {
color: var(--anchors-color);
}
html[data-theme] .sc-ipam-aggregate-map .gm-style .gm-style-iw-t::after {
background: var(--sc-ipam-aggregate-map-infowindow-background-color);
box-shadow: none;
}
html[data-theme] .sc-ipam-aggregate-map .gm-style-iw-d {
overflow: hidden !important;
}
html[data-theme] .sc-ipam-aggregate-map .tooltip-loading,
html[data-theme] .sc-ipam-aggregate-map .tooltip-region {
padding: 0px 20px 10px 5px;
}
html[data-theme] .sc-ipam-aggregate-map .references {
background-color: var(--sc-ipam-aggregate-map-references-background-color);
}
html[data-theme] .sc-ipam-aggregate-listing .list-group-item .aggregate-notes {
color: var(--sc-ipam-aggregate-listing-list-group-item-aggregate-notes-color);
}
html[data-theme] .sc-table-wrapper .sc-table-overlay {
background-color: var(--portable-loading-overlay-color);
}
html[data-theme] .sc-ipam-aggregate-listing .list-group .list-group-item.selected {
background-color: var(--sc-ipam-aggregate-list-selected-background-color);
}
html[data-theme] .utilization-overlay,
html[data-theme] .utilization-container .utilization-list-overlay {
background-color: var(--portable-loading-overlay-color);
}
html[data-theme] .sc-ipam-aggregate-utilization .sc-ipam-aggregate-utilization-header h3 > a:hover {
color: var(--sc-ipam-aggregate-color) !important;
}
html[data-theme] .sc-ipam-aggregate-utilization .sc-ipam-aggregate-utilization-header .graph-buttons > a {
color: var(--sc-ipam-aggregate-utilization-header-color) !important;
}
html[data-theme] .sc-ipam-aggregate-utilization .sc-ipam-aggregate-utilization-header .graph-buttons > a.active {
color: var(--sc-ipam-aggregate-color) !important;
}
html[data-theme] .sc-ipam-aggregate-utilization .sc-ipam-aggregate-utilization-manage {
color: var(--sc-ipam-aggregate-utilization-header-color) !important;
}
html[data-theme] .sc-ipam-aggregate-utilization .utilization-table-wrapper .utilization-table .res-cidr,
html[data-theme] .sc-ipam-aggregate-utilization .utilization-table-wrapper .utilization-table .res-perc {
color: var(--sc-ipam-aggregate-color) !important;
}
html[data-theme] .sc-ipam-aggregate-utilization .pie-legend text.utilization-type-text {
fill: var(--sc-ipam-aggregate-color) !important;
}
html[data-theme] .sc-ipam-aggregate-utilization bar-chart svg .dashboard-bar > text {
fill: var(--sc-ipam-aggregate-dashboard-ba-text-fill);
}
html[data-theme] .sc-ipam-aggregate-utilization bar-chart svg .dashboard-bar > rect:hover:focus {
fill: var(--sc-ipam-aggregate-color);
}
html[data-theme] .sc-ipam-aggregate-utilization dendrogram-chart svg .dedrogram-link {
stroke: var(--sc-ipam-aggregate-utilization-dendrogram-chart-svg-dedrogram-link-stroke);
}
html[data-theme] .sc-ipam-aggregate-utilization dendrogram-chart svg .dedrogram-node > text {
fill: var(--sc-ipam-aggregate-dashboard-ba-text-fill);
}
html[data-theme] .sc-ipam-aggregate-utilization bar-chart svg .axis.dashboard-x .tick > text {
fill: var(--sc-ipam-aggregate-dashboard-ba-text-fill);
}
html[data-theme] .modal-dialog-edit-ipam .modal-body .disabled-overlay,
html[data-theme] .sc-ipam-aggregate-mgmt .ipam-aggregate-mgmt-options .action-panel .disabled-overlay,
html[data-theme] .sc-ipam-gadget .panel-body .assign-overlay.assign-overlay-visible {
background-color: var(--portable-loading-overlay-color);
}
html[data-theme] .modal-dialog-edit-ipam .modal-body .edit-body .create-resource-container {
background-color: var(--modal-dialog-edit-ipam-modal-body-background-color) !important;
}
html[data-theme] .modal-dialog-assign-resource .modal-body .infinite-scroll-container .resource-holder-list .list-group-item {
color: inherit;
}
html[data-theme] .modal-dialog-assign-resource .modal-body .infinite-scroll-container .resource-holder-list .list-group-item > span {
color: var(--modal-dialog-assign-resource-list-group-item-span-color);
}
html[data-theme] .modal-dialog-assign-resource .modal-body .createResourceContainer {
background-color: var(--modal-dialog-edit-ipam-modal-body-background-color);
}
html[data-theme] a#dashboard-selector:hover,
html[data-theme] a#dashboard-selector:focus,
html[data-theme] a#dashboard-selector:hover:active,
html[data-theme] a#dashboard-selector:hover {
color: var(--dashboard-header-color);
}
html[data-theme] .dashboard-header h1 {
color: var(--dashboard-header-color);
}
html[data-theme] .panel-default.widget {
box-shadow: var(--dashboard-widget-shadow);
}
html[data-theme] .panel-default.widget > .panel-heading {
background-color: var(--dashboard-widget-heading-background-color);
}
html[data-theme] .dashboard-actions a {
color: var(--dashboard-actions-color);
}
html[data-theme] .dashboard-actions a:hover {
color: var(--dashboard-actions-hover-color);
background-color: var(--dashboard-actions-hover-background-color);
border-color: var(--dashboard-actions-hover-border-color);
}
html[data-theme] .dashboard-activity-history {
background-color: var(--dashboard-activity-history-background-color);
}
html[data-theme] .dashboard-activity-history #chart_form {
border-color: var(--dashboard-activity-chart-type-selector-border-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .x-axis .tick text {
fill: var(--dashboard-activity-chart-x-axis-text-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .x-axis .tick line {
stroke: var(--dashboard-activity-chart-x-axis-line-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .delimiter text.start,
html[data-theme] .dashboard-activity-history #chart_placeholder .delimiter text.end {
fill: var(--dashboard-activity-chart-delimiter-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .y-axis path,
html[data-theme] .dashboard-activity-history #chart_placeholder .x-axis path {
stroke: var(--dashboard-activity-chart-path-color);
}
html[data-theme] .dashboard-activity-history #chart_placeholder .graph-body > .line > text {
fill: var(--dashboard-activity-chart-path-name-color) !important;
}
html[data-theme] .dashboard-ipcharts {
background-color: var(--dashboard-ipcharts-background-color);
}
html[data-theme] .dashboard-ipcharts h5 {
color: var(--dashboard-ipcharts-donut-header-color);
}
html[data-theme] .dashboard-ipcharts donut-chart-component .labelName {
fill: var(--dashboard-ipcharts-donut-label-color);
}
html[data-theme] .dashboard-ipcharts donut-chart-component .toolCircle {
fill: var(--dashboard-ipcharts-donut-info-color);
}
html[data-theme] #tree-container-wrap.fullscreen .navbar {
background-color: var(--provision-background-color);
}
html[data-theme] .user-management-root-container .group-ui-container .group-permissions-container .panel-body .permission-list .permission-row .permission-set .permission-block {
background-color: var(--users-groups-resource-permission-background-color);
}
html[data-theme] .user-management-root-container .group-ui-container .group-permissions-container .panel-body .permission-list .permission-row .permission-set .permission-block .block-label {
color: var(--provision-text-color);
}
html[data-theme] #peering .field_view tr td:first-child {
background-color: var(--peering-field_view-tr-td-first-child);
}
html[data-theme] #peering .panel-field-table td:first-child {
background-color: var(--peering-panel-field-table-td-first-child);
}
html[data-theme] #peering .detail-fields table table td,
html[data-theme] #peering .detail-fields table table td:first-child,
html[data-theme] #peering .detail-fields table table td:nth-child(2) {
background-color: var(--peering-panel-field-table-td-first-child-2);
}
html[data-theme] #peering .table-list {
background-color: var(--peering-table-list);
}
html[data-theme] #peering .ixlist.md-list {
background-color: var(--peering-ixlist-md-list);
}
html[data-theme] #peering .detail-fields .field_view tr td.subheader {
background-color: var(--peering-ixlist-md-list-header-background-color);
}
html[data-theme] #peering .small-sidelist {
background-color: var(--lists-group-item-background-color);
border-color: var(--lists-group-item-border-color);
border-top: var(--peering-small-sidelist-border-top);
}
html[data-theme] #peering .small-sidelist .md-list-item {
color: var(--lists-group-item-color);
}
html[data-theme] #peering .small-sidelist .md-list-item p {
color: var(--lists-group-item-color);
}
html[data-theme] #peering .small-sidelist .md-list-item.selected, html[data-theme] #peering .small-sidelist .md-list-item:hover {
background-color: var(--peering-small-sidelist-md-list-item-selected-hover-background-color);
}
html[data-theme] #peering .three-bounce-spinner > div {
background-color: var(--peering-three-bounce-spinner-div-background-color);
}
html[data-theme] #peering .detail-fields .field_view tr td.subheader > div {
border-top: var(--peering-detail-field-view-tr-td-subheader-div-border-top);
}
html[data-theme] #peering .folder-list {
background-color: var(--folder-list-background) !important;
border: var(--folder-list-border) !important;
color: var(--folder-list-h4-color) !important;
}
html[data-theme] #peering .folder-list h4 {
color: var(--folder-list-h4-color) !important;
background-color: var(--folder-list-h4-background-color) !important;
}
html[data-theme] #peering .peering-config {
background-color: var(--forms-select-option-background-color);
}
html[data-theme] #peering .panel-default {
border-color: var(--panels-default-heading-background-color);
}
html[data-theme] #peering .email-header {
background-color: var(--peering-email-header-background-color);
}
html[data-theme] #reportContainer .form-control, html[data-theme] .ipam-aggregate-mgmt-navbar .form-control {
color: var(--provision-text-color);
}
html[data-theme] #reportContainer .customer-stats .report-filter-wrapper, html[data-theme] .ipam-aggregate-mgmt-navbar .customer-stats .report-filter-wrapper {
box-shadow: 0 0px 7px 0px rgba(0, 0, 0, 0.3294117647), 0px 0px 3px 0px rgba(0, 0, 0, 0.5490196078) !important;
background-color: var(--customer-stats-report-filter-wrapper-background-color);
border-color: var(--customer-stats-report-filter-wrapper-border-color);
}
html[data-theme] #reportContainer svg text.label, html[data-theme] .ipam-aggregate-mgmt-navbar svg text.label {
fill: var(--provision-text-color);
}
html[data-theme] #reportContainer .chartHolder svg text, html[data-theme] .ipam-aggregate-mgmt-navbar .chartHolder svg text {
fill: var(--provision-text-color);
}
html[data-theme] #reportContainer input[type=date], html[data-theme] .ipam-aggregate-mgmt-navbar input[type=date] {
background: var(--forms-form-control-background-color);
border-color: transparent;
}
html[data-theme] #reportContainer input[type=date]::-webkit-calendar-picker-indicator, html[data-theme] .ipam-aggregate-mgmt-navbar input[type=date]::-webkit-calendar-picker-indicator {
background-color: var(--buttons-default-background-color);
border-radius: 5px;
cursor: pointer;
}
html[data-theme] #reportContainer input[type=date]:focus, html[data-theme] .ipam-aggregate-mgmt-navbar input[type=date]:focus {
outline: none;
}
html[data-theme] #reportContainer #resource_report .parent, html[data-theme] .ipam-aggregate-mgmt-navbar #resource_report .parent {
background-color: var(--customer-stats-report-filter-children-background-color) !important;
}
html[data-theme] #reportContainer #resource_report .gray, html[data-theme] .ipam-aggregate-mgmt-navbar #resource_report .gray {
background-color: var(--customer-stats-report-filter-gray-background-color) !important;
}
html[data-theme] #search_results .search-result-highlight {
background-color: var(--search-results-search-result-highlight-background-color);
color: var(--search-results-search-result-highlight-color);
}
html[data-theme] #tree-container {
background-color: var(--resource-tree-background-color);
}
html[data-theme] #tree-container .node .nodeText {
fill: var(--resource-tree-node-text-color);
}
html[data-theme] #tree-container .link {
stroke: var(--resource-tree-link-color);
}
html[data-theme] .user-permission-tree .panel .tree-topbar {
padding: 1rem;
border-bottom: solid 1px rgba(200, 200, 200, 0.3);
background-color: var(--breadcrumb-background-color);
}
html[data-theme] .user-permission-tree #chart_container {
background-color: var(--provision-background-color);
}
html[data-theme] .user-permission-tree #chart_container .link.default {
stroke: var(--provision-text-color);
}
html[data-theme] .user-permission-tree #chart_container .link.success {
stroke: var(--paragraphs-text-success);
}
html[data-theme] .user-permission-tree #chart_container .link.warning {
stroke: var(--paragraphs-text-warning);
}
html[data-theme] .user-permission-tree #chart_container .link.danger {
stroke: var(--paragraphs-text-danger);
}
html[data-theme] .user-permission-tree #chart_container .link.muted {
stroke: var(--paragraphs-text-muted);
}
html[data-theme] .user-permission-tree #chart_container .node text.default {
fill: var(--provision-text-color);
}
html[data-theme] .user-permission-tree #chart_container .node text.success {
fill: var(--paragraphs-text-success);
}
html[data-theme] .user-permission-tree #chart_container .node text.warning {
fill: var(--paragraphs-text-warning);
}
html[data-theme] .user-permission-tree #chart_container .node text.danger {
fill: var(--paragraphs-text-danger);
}
html[data-theme] .user-permission-tree #chart_container .node text.muted {
fill: var(--paragraphs-text-muted);
}
html[data-theme] .user-permission-tree #chart_container .node circle {
fill: #fff;
stroke: steelblue;
}
html[data-theme] .user-permission-tree #chart_container .link {
stroke: var(--paragraphs-text-muted);
}
html[data-theme] .resource-importer .navbar-default {
background-color: var(--resource-importer-navbar-default-background-color);
box-shadow: 0 1px 5px #888;
}
html[data-theme] .resource-importer .navbar-default .navbar-brand {
color: var(--resource-importer-navbars-default-brand-color);
}
html[data-theme] .resource-importer .navbar-default .navbar-nav > li > a {
color: var(--resource-importer-navbars-default-nav-item-color);
}
html[data-theme] .resource-importer #content .grid {
border-left: 1px solid var(----resource-importer-content-grid-border-left-color);
background-color: var(--panels-background-color);
}
html[data-theme] .resource-importer #content .grid .slick-header-menuitem {
color: var(--resource-importer-content-slick-header-menuitem-color);
}
html[data-theme] .resource-importer #content .pane {
background: var(--panels-background-color);
}
html[data-theme] .ng-joyride .popover-inner .popover-title {
color: var(--panels-primary-heading-color);
background-color: var(--panels-primary-heading-background-color);
}
html[data-theme] .ng-joyride .popover-inner .popover-content {
background-color: var(--modals-background-color);
color: var(--provision-text-color);
}
html[data-theme] #resource_browser_detail {
background-color: var(--modals-background-color);
border: 1px solid var(--modals-footer-border-top-color);
}
html[data-theme] .jqplot-target {
color: var(--provision-text-color);
}
html[data-theme] .container .task-details .dropdown-menu table .btn-info .text-info, html[data-theme] .container .task-details .dropdown-menu table .active .text-info, html[data-theme] .scheduler .task-details .dropdown-menu table .btn-info .text-info, html[data-theme] .scheduler .task-details .dropdown-menu table .active .text-info {
color: var(--buttons-default-color);
}
html[data-theme] .section-container .section-items .section-item .section-item-title {
border: var(--breadcrumb-border);
}
html[data-theme] .section-container .ip-bubble .ip-row .ip-row__header__info {
background-color: var(--draggable-column-item-background-color);
border-color: var(--draggable-column-item-border-color);
border-left-color: var(--draggable-column-item-border-left-color);
box-shadow: var(--draggable-column-item-box-shadow);
color: var(--draggable-column-item-color);
}
html[data-theme] .document-manager-body {
background-color: var(--document-manager-body-background-color);
}
html[data-theme] .ipam-gadget-body {
background-color: var(--ipam-gadget-body-background-color);
}
html[data-theme] .resource-tree-gadget-body #chart_container {
background-color: var(--resource-tree-gadget-body-chart_container-background-color);
}
html[data-theme] .resource-tree-gadget-body #chart_container .nodes .node > text {
fill: var(--resource-tree-gadget-body-chart_container-nodes-node-text-fill);
}
html[data-theme] .resource-tree-gadget-body .popover .popover-title {
color: var(--panels-primary-heading-color);
background-color: var(--panels-primary-heading-background-color);
}
html[data-theme] .resource-tree-gadget-body .popover .popover-content {
background-color: var(--modals-background-color);
color: var(--provision-text-color);
border-radius: 0 0 5px 5px;
}
html[data-theme] .dns_autogenerator .new_records ul li.record {
background-color: var(--new-records-ul-li-record-background-color);
}
html[data-theme] .dns_autogenerator .new_records ul li.inactive {
background-color: var(--new-records-ul-li-inactive);
}
html[data-theme=dark] {
--provision-background-color: #262d3c;
--provision-text-color: #e1e1e1;
--header-background: #353f53;
--header-border-color: #353f53;
--header-border-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
--menu-item-hover-background-color: #ffffff1a;
--menu-item-active-background-color: #ffffff1a;
--menu-item-hover-active-color: #337ab7;
--menu-item-text-color: #ffffffe6;
--menu-item-caret-color: #ffffffe6;
--dropdown-text-color: #ffffffe6;
--dropdown-text-hover-color: #ffffff;
--dropdown-text-background-color: #ffffff1a;
--dropdown-background-color: #353f53;
--dropdown-text-size: 13px;
--dropdown-separator-border-color: #ffffff1a;
--dropdown-disabled-background-color: #ffffff1a;
--dropdown-disabled-hover-color: #ffffffe6;
--dropdown-caret-color: #ffffffe6;
--dropdown-caret-hover-color: #ffffffe6;
--login-picture-color: #9e9e9e;
--login-name-text-color: #fff;
--login-username-text-color: #9e9e9e;
--header-group-info-color: var(--provision-text-color);
--header-group-info-background-color: #353f53;
--search-input-text-color: #fff;
/* about */
--header-about-color: var(--provision-text-color);
--search-input-icon-color: #ffffff;
--search-input-icon-background-color: #4a5364;
--search-header-background-color: #353f53;
--search-resultlist-background-color: #353f53;
--search-resultlist-border: 2px solid #353f53;
--search-resultlist-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
--search-resultlist-category-color: #ffffff;
--search-item-hover-color: #ffffff0d;
--search-item-title-color: #ffffff;
--search-item-subtitle-color: #e1e1e1;
--portable-loading-overlay-color: #3a445b;
--angucomplete-dropdown-background-color: #2b3241 !important;
--angucomplete-dropdown-border-color: transparent !important;
--angucomplete-dropdown-box-shadow: none !important;
--angucomplete-row-color: #ffffff !important;
--angucomplete-selected-row-background-color: #ffffff0d !important;
--angucomplete-selected-row-color: white !important;
--breadcrumb-background-color: #353f53;
--breadcrumb-border: 1px solid #ffffff1a;
--breadcrumb-li-a-color: #ffffffe6;
--breadcrumb-li-active-color: #ffffff66;
--draggable-column-item-background-color: #f9f9f917 !important;
--draggable-column-item-border-color: transparent !important;
--draggable-column-item-border-left-color: #e1e1e1 !important;
--draggable-column-item-box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d !important;
--draggable-column-item-color: #ffffffe6 !important;
--draggable-column-item-hover-box-shadow: none !important;
--draggable-column-item-accessor-color: #e1e1e1 !important;
--draggable-column-item-drag-handle-span-color: #eeeeee;
--draggable-column-item-header-input-background-color: #ffffff1a !important;
--draggable-column-item-header-input-box-shadow: none !important;
--draggable-column-item-header-input-border: none !important;
--draggable-column-item-options-input-checkbox-label-color: #e1e1e1 !important;
--draggable-column-item-options-btn-link-border-color: transparent;
--draggable-column-item-not-visible-background-color: #8037374a !important;
--draggable-column-item-not-visible-border-left-color: #E57373 !important;
--draggable-column-item-not-visible-drag-handle-span-color: #E57373 !important;
--draggable-column-item-not-visible-accessor-input-color: #e1e1e1;
--draggable-column-item-dragging-background-color: #f9f9f917 !important;
--draggable-column-item-dragging-border-left-color: #81C784 !important;
--draggable-column-item-dragging-drag-handle-span-color: #81C784 !important;
--draggable-column-dragging-background-color: transparent !important;
--draggable-column-dragging-border-color: #9575CD !important;
--alerts-border-color: transparent;
--alerts-primary-color: #093271;
--alerts-primary-background-color: #90caf9;
--alerts-primary-border-color: #3a5164;
--alerts-primary-anchor-color: #2b3131;
--alerts-warning-color: #5c2000;
--alerts-warning-background-color: #ffe0b2;
--alerts-warning-border-color: #b84100;
--alerts-warning-anchor-color: #332d29;
--alerts-danger-color: #801414;
--alerts-danger-background-color: #ffcdd2;
--alerts-danger-border-color: #d05653;
--alerts-danger-anchor-color: #332d29;
--alerts-success-color: #134216;
--alerts-success-background-color: #c8e6c9;
--alerts-success-border-color: #52ae7b;
--alerts-success-anchor-color: #2b3131;
--alerts-info-color: #006064;
--alerts-info-background-color: #b2ebf2;
--alerts-info-border-color: #006978;
--alerts-info-anchor-color: #2b3131;
--anchors-color: #8dccff;
--anchors-hover-color: #74c1ff;
--paragraphs-text-muted: #ffffff80;
--paragraphs-text-primary: #2196f3;
--paragraphs-text-success: #75c27a;
--paragraphs-text-info: #00bcd4;
--paragraphs-text-warning: #f57c00;
--paragraphs-text-danger: #ef5350;
--buttons-default-color: #fff;
--buttons-default-background-color: #4a5364;
--buttons-default-border-color: #4a5364;
--buttons-default-hover-color: #fafafa;
--buttons-default-hover-background-color: #5d6575;
--buttons-default-hover-border-color: #5d6575;
--buttons-default-active-color: #fff;
--buttons-default-active-background-color: #5d6575;
--buttons-default-active-border-color: #5d6575;
--buttons-default-focus-color: #fff;
--buttons-default-focus-background-color: #5d6575;
--buttons-default-focus-border-color: #5d6575;
--buttons-default-active-focus-color: #fff;
--buttons-default-active-focus-background-color: #5d6575;
--buttons-default-active-focus-border-color: #5d6575;
--buttons-primary-color: #fff;
--buttons-primary-background-color: #2196f3;
--buttons-primary-border-color: #2196f3;
--buttons-primary-hover-color: #fafafa;
--buttons-primary-hover-background-color: #37a1f4;
--buttons-primary-hover-border-color: #37a1f4;
--buttons-primary-active-color: #fff;
--buttons-primary-active-background-color: #37a1f4;
--buttons-primary-active-border-color: #37a1f4;
--buttons-primary-focus-color: #fff;
--buttons-primary-focus-background-color: #37a1f4;
--buttons-primary-focus-border-color: #37a1f4;
--buttons-primary-active-focus-color: #fff;
--buttons-primary-active-focus-background-color: #37a1f4;
--buttons-primary-active-focus-border-color: #37a1f4;
--buttons-success-color: #fff;
--buttons-success-background-color: #4caf50;
--buttons-success-border-color: #4caf50;
--buttons-success-hover-color: #fafafa;
--buttons-success-hover-background-color: #5eb762;
--buttons-success-hover-border-color: #5eb762;
--buttons-success-active-color: #fff;
--buttons-success-active-background-color: #5eb762;
--buttons-success-active-border-color: #5eb762;
--buttons-success-focus-color: #fff;
--buttons-success-focus-background-color: #5eb762;
--buttons-success-focus-border-color: #5eb762;
--buttons-success-active-focus-color: #fff;
--buttons-success-active-focus-background-color: #5eb762;
--buttons-success-active-focus-border-color: #5eb762;
--buttons-danger-color: #fff;
--buttons-danger-background-color: #ef5350;
--buttons-danger-border-color: #ef5350;
--buttons-danger-hover-color: #fafafa;
--buttons-danger-hover-background-color: #f16462;
--buttons-danger-hover-border-color: #f16462;
--buttons-danger-active-color: #fff;
--buttons-danger-active-background-color: #f16462;
--buttons-danger-active-border-color: #f16462;
--buttons-danger-focus-color: #fff;
--buttons-danger-focus-background-color: #f16462;
--buttons-danger-focus-border-color: #f16462;
--buttons-danger-active-focus-color: #fff;
--buttons-danger-active-focus-background-color: #f16462;
--buttons-danger-active-focus-border-color: #f16462;
--buttons-warning-color: #fff;
--buttons-warning-background-color: #f57c00;
--buttons-warning-border-color: #f57c00;
--buttons-warning-hover-color: #fafafa;
--buttons-warning-hover-background-color: #f6891a;
--buttons-warning-hover-border-color: #f6891a;
--buttons-warning-active-color: #fff;
--buttons-warning-active-background-color: #f6891a;
--buttons-warning-active-border-color: #f6891a;
--buttons-warning-focus-color: #fff;
--buttons-warning-focus-background-color: #f6891a;
--buttons-warning-focus-border-color: #f6891a;
--buttons-warning-active-focus-color: #fff;
--buttons-warning-active-focus-background-color: #f6891a;
--buttons-warning-active-focus-border-color: #f6891a;
--buttons-info-color: #fff;
--buttons-info-background-color: #00bcd4;
--buttons-info-border-color: #00bcd4;
--buttons-info-hover-color: #fafafa;
--buttons-info-hover-background-color: #25c3d9;
--buttons-info-hover-border-color: #25c3d9;
--buttons-info-active-color: #fff;
--buttons-info-active-background-color: #25c3d9;
--buttons-info-active-border-color: #25c3d9;
--buttons-info-focus-color: #fff;
--buttons-info-focus-background-color: #25c3d9;
--buttons-info-focus-border-color: #25c3d9;
--buttons-info-active-focus-color: #fff;
--buttons-info-active-focus-background-color: #25c3d9;
--buttons-info-active-focus-border-color: #25c3d9;
--labels-color: #ffffff;
--labels-info-background-color: #00bcd4;
--labels-danger-background-color: #ef5350;
--labels-success-background-color: #4CAF50;
--labels-warning-background-color: #f57c00;
--labels-primary-background-color: #2196f3;
--legend-border-bottom-color: #747a87;
--badges-color: #2196f3;
--badges-background-color: #FFFFFF;
--backgrounds-color: #ffffff;
--backgrounds-danger-background-color: #EF5350;
--backgrounds-warning-background-color: #f57c00;
--backgrounds-success-background-color:#4CAF50;
--backgrounds-info-background-color: #00bcd4;
--backgrounds-default-background-color: #4a5364;
--backgrounds-row-danger-background-color: #EF535060;
--backgrounds-row-warning-background-color: #f57c0060;
--backgrounds-row-success-background-color:#4CAF5060;
--backgrounds-row-info-background-color: #00bcd460;
--backgrounds-row-primary-background-color: #2e4d74;
--backgrounds-row-default-background-color: #4a5364;
--jumbotron-background-color: #00000033;
--panels-background-color: #353f53;
--panels-heading-title-color: #fff;
--panels-heading-title-hover-color: #fff;
--panels-primary-border-color: transparent;
--panels-primary-heading-color: #fff;
--panels-primary-heading-background-color: #2e4d74;
--panels-primary-heading-border-color: #2e4d74;
--panels-primary-badge-color: #2e4d74;
--panels-primary-badge-background-color: #FFFFFF;
--panels-primary-footer-background-color: #353f53;
--panels-primary-footer-border-color: 1px solid #747a87;
--panels-default-border-color: transparent;
--panels-default-heading-color: #fff;
--panels-default-heading-background-color: #434b5a;
--panels-default-heading-border-color: #434b5a;
--panels-default-badge-color: #434b5a;
--panels-default-badge-background-color: #FFFFFF;
--panels-default-badge-border: 1px solid #4a5364;
--panels-default-footer-background-color: #353f53;
--panels-default-footer-border-color: 1px solid #747a87;
--panels-warning-border-color: transparent;
--panels-warning-heading-color: #fff;
--panels-warning-heading-background-color: #7a808e;
--panels-warning-heading-border-color: #7a808e;
--panels-warning-badge-color: #7a808e;
--panels-warning-badge-background-color: #FFFFFF;
--panels-warning-footer-background-color: #353f53;
--panels-warning-footer-border-color: 1px solid #747a87;
--panels-navbar-default-background-color: #262d3c70;
--panels-navbar-default-box-shadow: #262d3c30;
--panels-internal-border-color: #616d88;
--panels-internal-heading-color: #fff;
--panels-internal-heading-background-color: #616d88;
--panels-internal-body-background-color: #transparent;
--forms-form-control-color: #f0f0f0 !important;
--forms-form-control-background-color: #00000033 !important;
--forms-form-control-border-color: transparent !important;
--forms-form-control-box-shadow: none !important;
--forms-form-control-placeholder-color: #ffffff80;
--forms-form-control-disabled-background-color: #0000001a;
--forms-help-block-color: #ffffff70;
--forms-select-option-background-color: #2a3242;
--forms-autocomplete-background-color: #2a3242;
--forms-autocomplete-color: #ffffff;
--forms-autocomplete-border: none;
--forms-onoffswitch-label-color: #ffffff40;
--forms-onoffswitch-border-color:#ffffff40;
--forms-onoffswitch-active-background-color: #375a7f;
--forms-onoffswitch-active-label-color: #FFFFFF;
--forms-onoffswitch-disabled-background-color: #3b3b3b;
--forms-onoffswitch-disabled-label-color: #999999;
--forms-onoffswitch-active-switch: #FFFFFF;
--forms-onoffswitch-disabled-switch: #999999;
--react-select-container-control-border-color: transparent !important;
--react-select-container-control-background-color: #00000033 !important;
--react-select-container-singleValue-color: #ffffff !important;
--react-select-container-multiValue-close-color: #ffffff !important;
--react-select-container-multiValue-hover-background-color: #ffffff15;
--react-select-container-menu-background-color: #2b3241 !important;
--react-select-container-menu-color: white !important;
--react-select-container-menu-option-color: #b1b1b1 !important;
--react-select-container-menu-option-background-color: transparent !important;
--react-select-container-menu-option-background-color-focus-hover-background-color: #ffffff0d !important;
--react-select-container-menu-option-background-color-focus-hover-color: white !important;
--v-select-vs-dropdown-menu-background-color: #2b3241;
--v-select-container-placeholder-color: #ccc;
--v-select-vs-dropdown-menu-opacity: 1;
--v-select-vs-dropdown-menu-li-padding: .5rem;
--v-select-vs-dropdown-menu-li-focus-hover-background-color: #ffffff0d !important;
--v-select-vs-dropdown-menu-li-focus-hover-color: white !important;
--tags-input-tags-background-color: #00000033 !important;
--tags-input-tags-border-color: transparent !important;
--tags-input-tags-box-shadow: none !important;
--tags-input-tags-input-background-color: transparent;
--tags-input-tags-input-placeholder-color: #ffffff80;
--tags-input-tags-input-placeholder-opacity: 1;
--tags-input-autocomplete-background-color: #2b3241 !important;
--tags-input-autocomplete-border-color: #555555 !important;
--mui-mui-form-control-root-background-color: #2a3242;
--mui-datetime-picker-font-color: #f0f0f0;
--mui-button-base-root-svg-color: #f0f0f0;
--mui-button-base-root-svg-background-color: #5d6575;
--mui-button-base-root-background-color: #2a3242;
--mui-button-base-root-hover-background-color: #5d6575;
--mui-button-base-root-selected-background-color: #2e4d74;
--mui-button-base-root-selected-hover-background-color: #1976d2;
--mui-pickers-popper-root-background-color: #353f53;
--mui-pickers-popper-clock-background-color: #00000033;
--react-datetime-picker-wrapper-color: #b1b1b1 !important;
--react-datetime-picker-wrapper-background-color: #00000033 !important;
--react-datetime-picker-wrapper-border-color: transparent !important;
--react-datetime-picker-wrapper-box-shadow: none !important;
--react-datetime-picker-wrapper-clear-button-svg-stroke: #FFFFFF;
--react-datepicker-year-header-color: #e1e1e1;
--react-datepicker__time-name-color: #e1e1e1;
--react-datepicker__time-color: #e1e1e1;
--react-datepicker__time-background-color: #3a445b;
--li-react-datepicker__time-list-item-hover-background-color: #2e364996;
--react-datepicker__year-text-hover-background-color: #2e364996;
--react-datepicker__day--selected-color: #fff;
--react-datetime-picker-inputGroup-input-invalid-background: #dddddd0d;
--react-calendar-background: #262d3c;
--react-calendar-border-color: transparent;
--react-calendar-box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
--react-calendar-tile-now-background: transparent;
--react-calendar-tile-now-outline: 1px solid #ffffff1a;
--react-calendar-tile-now-enabled-background-focus: transparent;
--react-calendar-tile-enabled-focus-background-color: #ffffff1a;
--react-calendar-month-view-days-day--weekend-color: #d07f66;
--react-calendar-tile-active-background-color: #2196f3;
--react-calendar-tile-active-color: white;
--react-calendar-button-enabled-focus-background-color: #ffffff1a;
--pagination-item-color: #ffffff;
--pagination-item-background-color: #ffffff1a;
--pagination-item-border-color: transparent;
--pagination-item-hover-focus-active-color: #FFFFFF;
--pagination-item-hover-focus-active-background-color: #ffffff33;
--pagination-item-hover-focus-active-border-color: transparent;
--pagination-item-hover-focus-active-outline: none;
--pagination-item-active-color: #ffffff;
--pagination-item-active-background-color: #2196f3;
--pagination-item-active-border-color: #2196f3;
--pagination-item-active-hover-focus-active-color: #ffffff;
--pagination-item-active-hover-focus-active-background-color: #2196f3;
--pagination-item-active-hover-focus-active-border-color: #2196f3;
--pagination-item-disabled-color: #ffffff80;
--pagination-item-disabled-background-color: #ffffff1a;
--pagination-item-disabled-border-color: transparent;
--pagination-item-disabled-outline: none;
--pagination-item-disabled-hover-focus-active-color: #ffffff80;
--pagination-item-disabled-hover-focus-active-background-color: #ffffff1a;
--pagination-item-disabled-hover-focus-active-border-color: transparent;
--pagination-item-disabled-hover-focus-active-outline: none;
--modals-background-color: #3a445b;
--modals-border-color: transparent;
--modals-header-border-bottom-color: #ffffff1a;
--modals-header-close-color: initial;
--modals-footer-border-top-color: #ffffff1a;
--navbars-default-background-color: #353f53;
--navbars-default-border-color: transparent;
--navbars-default-box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
--navbars-default-brand-color: #ffffffa6;
--navbars-default-nav-item-color: #ffffffa6;
--navbars-default-nav-item-hover-focus-color: #ffffff;
--navbars-default-nav-item-open-background-color: transparent;
--navbars-default-nav-text-color: #ffffffe6;
--navbars-nav-item-background-color: #ffffff1a;
--navbars-nav-item-active-background-color: #337ab7;
--navbars-nav-item-active-color: #ffffff;
--navbars-default-internal-background-color: #3e4a61;
--navbars-default-internal-border-color: #616d88;
--navbars-default-internal-brand-color: #ffffff;
--lists-group-item-color: #e1e1e1;
--lists-group-item-background-color: #262d3c;
--lists-group-striped-odd-item-background-color: #2b3242;
--lists-group-item-active-focus-background-color: #4a5364;
--lists-group-item-border-color: #fafafa20;
--lists-group-item-success-background-color: #66bb6a;
--lists-group-item-success-color: #fff;
--lists-group-item-info-background-color: #64b5f6;
--lists-group-item-info-color: #fff;
--lists-group-item-danger-background-color: #e57373;
--lists-group-item-danger-color: #fff;
--lists-group-item-warning-background-color: #ff8a65;
--lists-group-item-warning-color: #fff;
--dropdowns-color: #fff;
--dropdowns-background-color: #424d65;
--dropdowns-border-color: transparent;
--dropdowns-box-shadow: 0px 0px 1px 0px #00000030, 0 1px 2px #00000036;
--dropdowns-divider-color: #ffffff1a;
--dropdowns-item-color: #fff;
--dropdowns-item-hover-color: #fff;
--dropdowns-item-hover-background-color: #ffffff1a;
--dropdowns-item-disabled-color: #ffffff66;
--dropdowns-item-disabled-background-color: #transparent;
--tables-color: #e1e1e1;
--tables-thead-header-color: #FFFFFF;
--tables-tbody-row-border-color: #ffffff1a;
--tables-striped-tbody-odd-row-background-color: #ffffff04;
--tables-hover-tbody-row-hover-background-color: #ffffff0d;
--tables-selected-row-background-color: #0277bdC4;
--tables-success-row-background-color: #43A76FC6;
--tables-danger-row-background-color: #cc4744C6;
--tables-warning-row-background-color: #f57c00C6;
--tables-selected-row-hover-background-color: #0277bd42;
--tables-hover-tbody-tr-active-hover: #4a5364;
--tables-table-table-background-color: transparent;
--tabs-navtabs-navlink-color: #ffffffb3;
--tabs-navtabs-link-color: #ffffffb3;
--tabs-navtabs-link-border-color: #ffffffb3;
--tabs-navtabs-link-background-color: transparent;
--tabs-navtabs-link-hover-color: var(--tabs-navtabs-link-color);
--tabs-navtabs-link-hover-border-color: var(--tabs-navtabs-link-border-color);
--tabs-navtabs-link-hover-background-color: var(--tabs-navtabs-link-background-color);
--tabs-navtabs-link-active-color: #fff;
--tabs-navtabs-link-active-border-color: #dddddd #dddddd #353f53 #dddddd;
--tabs-navtabs-link-active-background-color: transparent;
--tabs-internal-border-color: #616d88;
--tabs-internal-border-null-color: #353f53;
--tabs-internal-heading-background-color: #353f53;
--tabs-internal-heading-color: #fff;
--tabs-internal-inactive-heading-color: #ffffff99;
--tabs-internal-disabled-border-color: transparent;
--tabs-internal-disabled-heading-background-color: #3e4a61;
--tabs-internal-disabled-heading-background-hover-color: #45526b;
--tabs-internal-disabled-heading-color: #ffffff99;
--preformatteds-color: #e1e1e1;
--preformatteds-background-color: transparent;
--ui-select-choices-row-hover-background-color: #ffffff33;
--ui-select-bootstrap-choices-row-a-color: #FFFFFF;
--ui-select-choices-row-hover-color: #fff;
--select2-container-selection-single-background-color: #00000033 !important;
--select2-container-selection-single-border-color: transparent !important;
--select2-container-selection-single-box-shadow: none;
--select2-container-default-search-dropdown-search-background-color: #00000033 !important;
--select2-container-default-search-dropdown-search-border-color: transparent !important;
--select2-container-default-search-dropdown-search-box-shadow: none;
--select2-container-default-search-dropdown-search-color: #FFFFFF !important;
--select2-container--default-selection-choice-background-color: #ffffff33 !important;
--select2-container--default-selection-choice-color: #FFFFFF !important;
--select2-dropdown-background-color: #2b3241 !important;
--select2-dropdown-border-color: #555555 !important;
--select2-container-default-aria-selected-background-color: #ffffff0d !important;
--select2-container-default-aria-selected-color: white !important;
--select2-container-default-hover-background-color: #ffffff27;
--select2-container-default-hover-color: white;
--select2-selection-rendered-color: #b1b1b1 !important;
--wells-background-color: #353f53;
--wells-border-color: #ffffff26;
--wells-color: #ffffff;
--hr-line-color: #616d88;
--profiler-background-color: #222435;
--profiler-color: #fff;
--profiler-data-background-color: transparent;
--debug-background-color: #222435;
--debug-script-color: #F07178;
--debug-getdata-color: #FFCB6B;
--debug-cookie-color: #c3e88d;
--debug-session-color: #c3e88d;
--debug-server-color: #F07178;
--debug-other-color: #c792ea;
--debug-custom-color: #c792ea;
--debug-pdo-color: #82AAFF;
--debug-pdo-query-color: #ccc;
--debug-pdo-time-color: #546e7a;
--debug-pdo-line-color: #C792EA;
--debug-pdo-file-color: #C3E88D;
--debug-pdo-file-line-color: #F07178;
/* Right Filter Panel */
--sc-right-panel-filters-background-color: var(--provision-background-color);
--sc-right-panel-filters-box-shadow-color: #000000b5;
--sc-right-panel-filters-border-color: transparent;
--sc-right-panel-filters-controls-border-color: transparent;
--sc-right-panel-filters-controls-box-shadow: none;
--dashboard-header-color: #e1e1e1;
--dashboard-widget-heading-background-color: var(--panels-default-heading-background-color);
--dashboard-widget-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
--dashboard-actions-color: #e1e1e1;
--dashboard-actions-hover-color: #fff;
--dashboard-actions-hover-background-color: #FFFFFF33;
--dashboard-actions-hover-border-color: transparent;
--dashboard-activity-history-background-color: #353f53;
--dashboard-activity-chart-type-selector-border-color: transparent;
--dashboard-activity-chart-type-border-color: transparent;
--dashboard-activity-chart-x-axis-text-color: #ffffff;
--dashboard-activity-chart-x-axis-line-color: #ffffff;
--dashboard-activity-chart-delimiter-color: #ffffff;
--dashboard-activity-chart-path-color: #ffffff;
--dashboard-activity-chart-path-name-color: #ffffff;
--dashboard-ipcharts-background-color: #353f53;
--dashboard-ipcharts-donut-header-color: #ffffff;
--dashboard-ipcharts-donut-label-color: #ffffff;
--dashboard-ipcharts-donut-info-color: #ffffff;
--tabs-current-a-after-background-color: #353f53;
--dhcp-table-separator-color: #ffffff1a;
--dhcp-error-textarea-color: #ffffff;
--dhcp-config-suggestion-background-color: #2a3242;
--dhcp-config-suggestion-border-color: #434b5a;
--dhcp-config-suggestion-hover-background-color: #ffffff1a;
--customer-stats-report-filter-wrapper-background-color: #353f53;
--customer-stats-report-filter-wrapper-border-color: transparent;
--customer-stats-report-filter-children-background-color: #4a5364;
--customer-stats-report-filter-gray-background-color: #262d3c;
--sc-ipam-aggregate-list-selected-background-color: #ffffff1a;
--sc-ipam-aggregate-map-references-background-color: transparent;
--sc-ipam-aggregate-map-infowindow-background-color: #414b61;
--aggregate-mgmt-table-table-tbody-tr-importantBlock-td-background-color: #ffff722e;
--aggregate-mgmt-table-table-tbody-tr-info-importantBlock-td-background-color: var(--tables-selected-row-background-color);
--aggregate-mgmt-table-table-tbody-tr-info-highlight-td-background-color: #fffa66;
--aggregate-mgmt-table-table-tbody-tr-info-highlight-td-color: #000000;
--aggregate-mgmt-navbar-options-selected-color: var(--navbars-nav-item-background-color);
--sc-ipam-aggregate-listing-list-group-item-aggregate-notes-color: #ffffffa1;
--sc-ipam-aggregate-color: #ffffff;
--sc-ipam-aggregate-utilization-header-color: #ffffff2e;
--sc-ipam-aggregate-dashboard-ba-text-fill: #FFFFFF;
--sc-ipam-aggregate-utilization-bar-chart-svg-dashboard-bar-rect-fill: #ffffffb5;
--sc-ipam-aggregate-utilization-dendrogram-chart-svg-dedrogram-link-stroke: #337ab7;
--modal-dialog-edit-ipam-modal-body-background-color: #3a445b;
--modal-dialog-assign-resource-list-group-item-span-color: #ffffff82;
--peering-small-sidelist-md-list-item-selected-hover-background-color: #ffffff0d;
--peering-three-bounce-spinner-div-background-color: #f0f0f0;
--peering-ixlist-md-list-header-background-color: #ffffff0d;
--peering-field_view-tr-td-first-child: transparent;
--peering-panel-field-table-td-first-child: transparent;
--peering-panel-field-table-td-first-child-2: transparent;
--peering-table-list: transparent;
--peering-ixlist-md-list: transparent;
--peering-small-sidelist-border-top: 30px solid #2e4d74;
--peering-detail-field-view-tr-td-subheader-div-border-top: 10px solid #353f53;
--peering-email-header-background-color: #4a5364;
--search-results-search-result-highlight-background-color: #ffff00db;
--search-results-search-result-highlight-color: #333;
--resource-list-input-color: #ffffff;
--resource-list-settings-header-background-color: var(--panels-default-heading-background-color);
--filters-collapsable-container-filters-container-background-color: transparent;
--filters-collapsable-container-filters-container-border-color: #ffffff1c;
--ui-sortable-helper-border: 1px dotted #339ef4;
--ui-sortable-helper-background-color: #339ef45e;
--ui-sortable-helper-box-shadow: none;
--fields-ui-state-highlight-border-color: #339ef475;
--resource-importer-navbar-default-background-color: #353f53;
--resource-importer-content-grid-border-left-color: #d5d6d8;
--resource-importer-content-slick-header-menuitem-color: #434b5a;
--resource-importer-navbars-default-brand-color: #fff;
--resource-importer-navbars-default-nav-item-color: #ffffffd6;
--section-field-edit-background-color: #353f53;
--section-field-edit-border: 1px solid #908e8e;
--section-field-edit-box-shadow: 0 0 30px #1b1b1b;
--section-field-list-assigned-background-color: #444444;
--document-manager-body-background-color: #353f53;
--ipam-gadget-body-background-color: #353f53;
--resource-tree-gadget-body-chart_container-background-color: #353f53;
--resource-tree-gadget-body-chart_container-nodes-node-text-fill: #FFFFFF;
--folder-list-background: #353f53;
--folder-list-border: 1px solid #353f53;
--folder-list-h4-color: #f4f6f8;
--folder-list-h4-background-color: #2e4d74;
--list-group-item-focus-color: #e1e1e1;
--new-records-ul-li-record-background-color: #1f716a63;
--new-records-ul-li-inactive: #8037374a;
--resource-tree-background-color: #1d1e21;
--resource-tree-node-text-color: #FFFFFF;
--resource-tree-link-color: #555;
--users-groups-resource-permission-background-color: #4a5364;
}
/*# sourceMappingURL=styles.css.map */