/* berry blues */

/*****************************************************************************************************/
/******************************************************************************************* app.css */
html body {
    background-color: #283655;
}



.dashgraphicsresultcontainer {
    overflow: hidden;
    height: 100%;
    display: inline-block;
    align-items: center;
    width: 100%;
}

.dashgraphicsresultinner {
    display: block;
    margin: 0 auto;
    height: 100%;
    padding-top: 18px;
    width: 100%;
}

.dashgraphicsresulttext {
    width: 100%;
    height: 50%;
    text-align: center !important;
    color: rgb(255, 153, 51);
    padding-bottom: 20px !important;
    font-family: verdana !important;
    font-size: 36pt !important;
    vertical-align: bottom;
    float: right;
    display: block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dashgraphicsresulttitle {
    width: 100%;
    height: 50%;
    color: white;
    font-family: verdana;
    font-size: 12pt;
    float: left;
    display: block;
    position: relative;
    min-width: 100%;
    text-align: center;
    white-space: pre-line;
    line-height: 20px;
}


/*****************************************************************************************************/
/***************************************************************************************** webix.css */
/*headers and footers*/
.transparent .webix_ss_header,
.transparent .webix_hcolumn,
.transparent .webix_ss_vscroll_header,
.transparent .webix_dd_drag_column,
.transparent .webix_hs_left,
.transparent .webix_hs_center,
.transparent .webix_hs_right {
  font-family: Roboto, sans-serif;/*defaults in webix.css*/
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
  background: #F4F5F9;
}

.transparent .webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row,
.transparent .webix_dtable .webix_ss_header .webix_span.webix_last_row {
    border-bottom: 1px solid #7AB091 !important;/*override in webix-hgoverride.css*/
}

.transparent .webix_dtable div.webix_ss_vscroll_header {
    border-bottom-color: #5ccce7;/*defaults in webix.css*/
    border: 0px;
}

/*****************************************************************************************************/
/****************************************************************************** webix-hgoverride.css */
/* https://docs.webix.com/datatable__styling.html */
/* snippet.webix.com/9dxl41rs */
/* for the dashboard_recent_activity table */
.panel_fontstyle {
    color: white;
    /* padding: 13px; */
    font-size: 12px;
    text-align: left;

}

.panel_fontstyle2 {
    color: white;
    /* padding: 13px; */
    font-size: 10px;
    text-align: left;
}

.panel_roundcorners {
    border-radius: 10px;
}

/* somehow many controls have a fixed background color but we don't want */
/* this is for button */
.webixbutton_transparent {
    background: transparent;
}
/* DataTable CSS */
.webixdatatablerow_borderless,
/*.webixdatatablerow_borderless .webix_window,
.webixdatatablerow_borderless .webix_dtable,*/
.webixdatatablerow_borderless .webix_column > div,
/* List CSS */
.webixdatatablerow_borderless .webix_list_item
/* Dashboard CSS */
/*.webixdatatablerow_borderless .panel_drag_view.webix_layout_space,
.webixdatatablerow_borderless .panel_drag_view.webix_layout_line */ {
    border: 0px;
}

.transparent,
.webix_hcell.transparent {
    background: transparent;
}

.transparent > .webix_header { /*app.css: html body #dashboard-container #dashboard-awaiting-review h2*/
    border-width: 0px 0px 0px !important;
    background: transparent !important;
    font-size: 21px;
    font-family: "Work Sans", Verdana;
    color: white !important;
    font-weight: 500;
}

.tab-content > .webix_ss_body { /*app.css: html body #dashboard-container #dashboard-recent-approvals .tab-content*/
    background: rgba(255, 255, 255, 0.1);
}

.panel_bgcolor {
    background: rgba(255, 255, 255, 0.1);
}

.customiseGridCellReviewCount2 > .webix_cell {
    line-height: unset !important;
    padding: 5px !important;
}

.customiseGridCell2 > .webix_cell {
    padding: 5px !important;
    text-align: center;
}

.hover {
    background: rgba(255, 255, 255, 0.1);
}

.panel_roundcorners .webix_cell {
    cursor: pointer;
}



.panel_roundcorners .webix_inp_label {
    color: white;
}

/*****************************************************************************************************/
/************************************************ https://github.com/webix-hub/demo-webix-dashboard/ */
/* dashboard and panels */
.webix_header > div {
    background-color: #283655;
    color: #d0e1f9;
}

.webix_abslayout {
    /*background-color: #283655;*/
}

.panel_drag_view {
    border-radius: 2px;
    box-shadow: 0px 0px 10px #b9d4fa;
}

.webix_view.webix_abslayout .webix_view.webix_layout_line .webix_header > div {
    background-color: #4d648d;
    color: #d0e1f9;
}

.panel_icon {
    color: #d0e1f9;
}

.panel_target {
    background: #d0e1f9ab;
    box-shadow: 0px 0px 20px 5px #d0e1f9ab;
}

/* toolbar */
.webix_toolbar.webix_layout_toolbar {
    /*background-color: #1e1f26;*/
    /*border-color: #1e1f26;*/
}

    .webix_toolbar.webix_layout_toolbar .webix_el_label .webix_el_box > a {
        color: #d0e1f9;
        text-decoration: none;
    }

        .webix_toolbar.webix_layout_toolbar .webix_el_label .webix_el_box > a:hover {
            text-decoration: none;
            font-weight: bold;
        }

        .webix_toolbar.webix_layout_toolbar .webix_el_label .webix_el_box > a:active {
            color: rgba(250,250,250,0.4);
        }

    .webix_toolbar.webix_layout_toolbar .webix_segment_0.webix_selected, .webix_toolbar.webix_layout_toolbar .webix_segment_N.webix_selected {
        background: #4d648d;
    }

        .webix_toolbar.webix_layout_toolbar .webix_segment_0.webix_selected:hover, .webix_toolbar.webix_layout_toolbar .webix_segment_N.webix_selected:hover {
            background: #4d648d;
        }

        .webix_toolbar.webix_layout_toolbar .webix_segment_0.webix_selected:focus, .webix_toolbar.webix_layout_toolbar .webix_segment_N.webix_selected:focus {
            background: #4d648d;
        }

        .webix_toolbar.webix_layout_toolbar .webix_segment_0.webix_selected:active, .webix_toolbar.webix_layout_toolbar .webix_segment_N.webix_selected:active {
            background: #4d648d;
        }

/* reset button */
.webix_el_button button {
    background-color: #d0e1f9;
    color: #4d648d;
    border: none;
}

    .webix_el_button button:hover {
        background-color: #b9d4fa;
        color: #4a5e92;
    }

    .webix_el_button button:focus {
        background-color: #d0e1f9;
        color: #4d648d;
    }

/* other */
.draft .webix_template .title {
    color: #4d648d;
}
/*****************************************************************************************************/
/**************************************************** https://docs.webix.com/desktop__combo_css.html */
/* the whole "combo" */ .webix_control.webix_el_combo {
}
/* the input with the label */.transparent .webix_el_box input[type="combo"], .transparent .webix_el_text input[type="text"] {
}
/* the label */.transparent .webix_inp_label {
}
/* the icon for expanding the drop-down list */.transparent .webix_input_icon.wxi-menu-down {
}
/* the drop-down list */.transparent .webix_list {
}
/* an item of the list */.transparent .webix_list_item {
}
    /* an item of the list */
    .transparent .webix_list_item:hover {
    }
/* a selected item of the list */.transparent .webix_list_item.webix_selected {
}

/* chart area (including Y-axis, X-axis items, titles, image and legend) */
.webix_chart {
}
/* legend area */.webix_chart_legend {

}
/* the legend item */
.webix_chart_legend_item {
    font: normal normal 600 12px/16px Segoe UI !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
}
/* the Y-axis item label */
.webix_canvas_text.webix_axis_item_y {
    font: normal normal 600 12px/16px Segoe UI !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
}
/* the Y-axis title */
.webix_canvas_text.webix_axis_title_y {
    font: normal normal 600 12px/16px Segoe UI !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
}
/* the X-axis item label */
.webix_canvas_text.webix_axis_item_x {
    font: normal normal 600 12px/16px Segoe UI !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
}
/* the X-axis title */
.webix_canvas_text.webix_axis_title_x {
    font: normal normal 600 12px/16px Segoe UI !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
}
/* light pie inner labels */
.webix_inner_text_light {
    font: normal normal 600 12px/16px Segoe UI !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
}
/* dark pie inner labels */
.webix_inner_text_dark {
    font: normal normal 600 12px/16px Segoe UI !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
}
.webix_chart .webix_canvas_text {
    font: normal normal 600 12px/16px Segoe UI !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
}