/*=============================================
=                DASHBOARD BAR                =
=============================================*/

/* The following.arDashboardBar colors are currently being overridden by JS */
.ar-dashboard-bar {
    background-color: #fff;
    border-color: #ddd;
    color: #000;
}

/* Layout buttons */
.arDashboardBarButton {
    color: #333;
}

/* Selected layout buttons */
.arDashboardBarButtonSelected {
    background-color: #eee;
}

/*=============================================
=                   GRIDS                     =
=============================================*/

/* Column sort icon */
.ar-grid-column-sort-icon {
    color: #000;
}

/* Column sort icon - unsorted*/
.ar-grid-column-sort-icon.ibx-glyph-arrows-v {
    color: #bbb;
}

/* Column sort icon - ascending */
.ar-grid-column-sort-icon.ibx-glyph-sort-asc {}

/* Column sort icon - descending */
.ar-grid-column-sort-icon.ibx-glyph-sort-desc {}

/* Filter icon shown when a column filter is applied via the column menu */
.ar-grid-column-filter-icon {}

/* The 'x' portion of the filter icon */
.ar-grid-column-filter-icon:after {}

/* Filter icon shown when a column highlight filter is applied via the column menu */
.ar-grid-column-highlight-icon {}

/* The 'x' portion of the highlight filter icon */
.ar-grid-column-highlight-icon:after {}

/* Grid cell with comment */
.ar-grid-comment {
    background-color: #51d7eb;
}

/* Grid cell comment icon */
.ar-grid-comment .comment-icon {}

/* The container which contains the frozen columns when column freeze is applied on a grid */
.slideA {
    box-sizing: border-box;
}

.slideA.table-has-no-border {
    border-right: 1px solid #ccc !important;
}

/* The column heading cell on a grid when that column's menu is expanded */
.arGridColumnHeading > td.menu-expanded {
    background-color: #f1f1f1;
    color: #14abeb;
}

.arGrid td:focus,
.ar-grid td:focus {
    outline: none;
    border: 1px solid #142772!important;
    background-color: #f1f1f1!important;
}

/* Grid data cell with opened cell menu */
.arGrid [data-row-type="data"] > td[aria-expanded="true"] {
    outline: none;
    border: 1px solid #142772!important;
    background-color: #f1f1f1!important;
}

/* Grid paging buttons */
.ar-grid-status-paging-display .paging-icon {
    color: #3455DB;
}

.ar-grid-status-paging-display .paging-icon:hover:not(.disabled) {
    color: #142772;
}

.ar-grid-status-paging-display .paging-icon:focus:not(.disabled) {
    color: #142772;
    border: 1px solid #142772;
}

.ar-grid-status-paging-display .paging-icon.disabled {
    color: #cccccc;
}

/* Grid records information */
.ar-grid-records-template:focus {
    color: #142772;
    border: 1px solid #142772;
    outline: none;    
}

/* Grid paging information */
.ar-grid-paging-template:focus {
    color: #142772;
    border: 1px solid #142772;
    outline: none;    
}

.ar-grid-status-paging-display .editable-paging-value:focus {
    outline: none;
    border: 1px solid #142772;
}

/* Editable (Goto Page) paging value */
.ar-grid-status-paging-display .editable-paging-value {
    color: #3455DB;
}

.ar-grid-status-paging-display .editable-paging-value:hover {
    color: #142772;
}

/*=============================================
=               GRID VISUALS TOOL             =
=============================================*/
/* Grid visuals tool container */
.ar-grid-visuals-tool {}

/* Grid visuals tool tabs when not selected */
.ar-grid-visuals-tool .tabs-wrapper .ar-tab {}

/* Grid visuals tool selected tab */
.ar-grid-visuals-tool .tabs-wrapper .ar-tab.selected {
    background-color: #d3d5d7;
}

/* Grid visuals tool tab content wrapper */
.ar-grid-visuals-tool .targets-wrapper {
    background-color: #d3d5d7;
}

/* Grid visuals tool currently selected column name */
.ar-grid-visuals-tool .grid-selected-column-name {}

/**
 * Grid visuals tool chart type selection control
 */

 /* Create chart type buttons */
.ar-grid-visuals-tool [data-tab-target="chart"] .ar-tab {
    background-color: #fff;
    border-color: #ddd;
    color: #3455DB;
}

 /* Create chart type selected button */
.ar-grid-visuals-tool [data-tab-target="chart"] .ar-tab.selected {
    color: #fff;
    background-color: #000042;
}

 /* Create chart type buttons when hovered */
.ar-grid-visuals-tool [data-tab-target="chart"] .ar-tab:hover:not(.selected) {
    color: #142772;
    background-color: #f7f8fe;
}

.ar-grid-visuals-tool [data-tab-target="chart"] .ar-tab:focus {
    color: #fff;
    background-color: #142772;
    outline: none;
}

/*=============================================
=                   MENUS                     =
=        (excluding grid column menu)         =   
=============================================*/

/* Menu container */
.ar-menu {
    background-color: #fff;
    border-color: #ddd;
    color: #333;
}

/* Menu items */
.ar-menu-item {}

/* Menu item when hovered */
.ar-menu-item:hover,
.ar-menu-item:focus,
.ar-menu-item.selected {
    background-color: #eee;
}

/* Menu item label */
.ar-menu-item .label {}

/* Menu item icons */
.ar-menu-item .ibx-icons {
    color: #333;
}

/* Menu section divider line */
.ar-menu-section-break {
    border-bottom-color: #ddd;
}


/*=============================================
=             DASHBOARD COMPONENTS            =
=       (containers for grids and charts)     =
=============================================*/

/* Dashboard component container (certain properties are currently overridden by JS */
.ar-dashboard-component {}

/* Dashboard component title bar */
.ar-dashboard-component > .title-bar {
    background-color: #fff;
    border-color: #ddd;
    color: #333;
}

/* Dashboard component title bar icons */
.ar-dashboard-component > .title-bar .ar-button:not(:focus) {
    border-color: #ddd;
}


/*=============================================
=                 ANALYSIS PANEL              =
=============================================*/

/* Indicator which appears on parent components when spawned components in Analysis Panel are focused */
.analysis-panel-indicated-component {
    border: double #6f6c6c;
}

/* Analysis panel container */
.arLayoutRollupsPanel {
    background-color: #fff;
    border-color: #ddd;
}

/* Analysis panel expand/collapse button */
.arLayoutRollupsPanelToggleButton {
    background-color: #fff;
    border-color: #ddd;
}

/*=============================================
=          ANALYSIS PANEL SEPARATORS          =
=============================================*/

/* ARDashboardRollupsPanel = Component-specific panels containing their spawned content */

/* Analysis Panel separators */
[data-component-name="ARDashboardRollupsPanel"] > .title-bar {
    background-color: rgba(221, 221, 221, 0.4);
}

/* Analysis Panel separator icons */
[data-component-name="ARDashboardRollupsPanel"] > .title-bar .ibx-icons {
    border-color: #ddd;
}

/* Analysis Panel separator button to highlight its parent component */
[data-component-name="ARDashboardRollupsPanel"] .parent-component-highlight-button {}

/* Analysis Panel separator title text */
[data-component-name="ARDashboardRollupsPanel"] .parent-component-title-text {}


/*=====  End of ANALYSIS PANEL SEPARATORS  ======*/

.ar-tab-navigator .ui-widget-content {
    background: none;
}

.ar-tab-navigator .ui-datepicker-inline {
    font-size: 12px;
}

.ar-tab-navigator .ui-datepicker .ui-state-default {
    font-size: 12px;
    padding: 4px 6px;
}

.ui-datepicker .ui-state-default.ui-state-active, .ui-datepicker .ui-state-data-range-from {
    background: #357ebd;
    color: #fff;
    border-radius: 2px;
}

.ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-focus {
    border: 0;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-datepicker .ui-state-data-range-true {
    background: #ebf4f8;
}

/* Dashboard and tools panel title bar icons */
.ar-dashboard-tools-panel .title-bar-right .ibx-icons:not(:focus),
#ARDashboard > .title-bar .ibx-icons:not(:focus) {
    border-color: #ddd;
}


/*=============================================
=                COMMENTS DIALOG              =
=============================================*/
.ar-comments-dialog > .title-bar {
    background-color: #ddd;
}

.ar-comments-dialog .close-button {
    background-color: inherit;
}


/*=============================================
=                   BUTTONS                   =
=============================================*/
.ar-button {
    color: #3455DB;
    background-color: #ffffff;
}

.ar-button:hover {
    color: #142772;
}

.ar-button:focus {
    color: #142772;
    border: 1px solid #142772;
    outline: none;
}

.ar-button.primary {
    background-color: #3455db;
    color: white;
    border-radius: 4px;
}

.ar-button.primary:hover,
.ar-button.primary:focus {
    background-color: #142772;
    outline: none;
    border: none;
}

.ar-button.disabled {
    color: #cccccc;
}