/* fcid */

/*****************************************************************************************************/
/******************************************************************************************* app.css */
html body {
    background-image: linear-gradient(#27777F, #408F8A);
}



.dashgraphicsresultcontainer {
    overflow: hidden;
    padding: 15px !important;
    height: 100%;
    display: inline-block;
    align-items: center;
    width: 100%;
}

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

.dashgraphicsresulttext {
    width: 100%;
    height: 70%;
    text-align: center !important;
    /*color: rgb(255, 153, 51);*/
    /* padding-bottom: 20px !important; */
    /*font-family: verdana !important;*/
    /*font-size: 36pt !important;*/
    vertical-align: top !important;
    float: right;
    display: block;
    /*position: relative;*/
    /*overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    font: normal normal normal 73px Verdana;
    letter-spacing: 0.73px;
    color: #FBBF47;
    opacity: 1;
}

.dashgraphicsresulttitle {
    width: 100%;
    height: 30%;
    /*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;
    font: normal normal normal 24px Verdana;
    letter-spacing: 0.24px;
    color: #FFFFFF;
    opacity: 1;
}


/*****************************************************************************************************/
/***************************************************************************************** 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;*/
    /*font-size: 14px;*/
    /*font-weight: 500;*/
    color: #FFFFFF;
    letter-spacing: 0.2px;
    background: #3B3B3B 0% 0% no-repeat padding-box;
    font: normal normal 600 12px/20px Segoe UI;
    padding-left: 5px;
}

.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: 0px !important;
}

.transparent .webix_dtable div.webix_ss_vscroll_header {
    border-bottom: 0px !important;
    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;
    font: normal normal 600 12px/20px Segoe UI;
    letter-spacing: 0.12px;
    color: #FFFFFF;
    opacity: 1;
}

.panel_fontstyle2 {
    /*color: white;*/
    /* padding: 13px; */
    /*font-size: 10px;*/
    text-align: left;
	font: normal normal 600 12px/20px Segoe UI;
	letter-spacing: 0.12px;
	color: #FFFFFF;
	opacity: 1;
}

.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;
    font: normal normal 600 24px/32px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.panel_roundcorners > .webix_ss_body {
    margin: 12px;
}

.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: #156067 0% 0% no-repeat padding-box;
}

.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);
}

.hover.spacerrow {
    background: rgba(255, 255, 255, 0) !important;
}

.panel_roundcorners .webix_cell {
    cursor: pointer;
}

.panel_roundcorners .webix_cell.spacerrow {
    cursor: auto;
}

.panel_roundcorners .webix_inp_label {
    color: white;
}

/*****************************************************************************************************/
/************************************************ https://github.com/webix-hub/demo-webix-dashboard/ */
/* dashboard and panels */
.webix_header > div {

}

.webix_abslayout {

}

.panel_drag_view {

}

.webix_view.webix_abslayout .webix_view.webix_layout_line .webix_header > div {

}

.panel_icon {
    color: white;
}

.panel_target {

}

/* toolbar */
.webix_toolbar.webix_layout_toolbar {

}

    .webix_toolbar.webix_layout_toolbar .webix_el_label .webix_el_box > a {

    }

        .webix_toolbar.webix_layout_toolbar .webix_el_label .webix_el_box > a:hover {

        }

        .webix_toolbar.webix_layout_toolbar .webix_el_label .webix_el_box > a:active {

        }

    .webix_toolbar.webix_layout_toolbar .webix_segment_0.webix_selected, .webix_toolbar.webix_layout_toolbar .webix_segment_N.webix_selected {

    }

        .webix_toolbar.webix_layout_toolbar .webix_segment_0.webix_selected:hover, .webix_toolbar.webix_layout_toolbar .webix_segment_N.webix_selected:hover {

        }

        .webix_toolbar.webix_layout_toolbar .webix_segment_0.webix_selected:focus, .webix_toolbar.webix_layout_toolbar .webix_segment_N.webix_selected:focus {

        }

        .webix_toolbar.webix_layout_toolbar .webix_segment_0.webix_selected:active, .webix_toolbar.webix_layout_toolbar .webix_segment_N.webix_selected:active {

        }

/* reset button */
.webix_el_button button {

}

    .webix_el_button button:hover {

    }

    .webix_el_button button:focus {

    }

/* other */
.draft .webix_template .title {

}
/*****************************************************************************************************/
/**************************************************** 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"] {
    font: normal normal 600 12px/20px Segoe UI;
    letter-spacing: 0.12px;
    color: #FFFFFF;
    background: #156067 0% 0% no-repeat padding-box;
    border-radius: 0px 10px 10px 0px;
    opacity: 1;
    border: 0px;
}
/* the label */.transparent .webix_inp_label {
    font: normal normal 600 12px/20px Segoe UI;
    letter-spacing: 0.12px;
    color: #FFFFFF;
    background: #3B3B3B 0% 0% no-repeat padding-box;
    border-radius: 10px 0px 0px 10px;
    opacity: 0.75;
    padding-left: 10px;
    padding-top: 0px;
    border: 0px;
}
/* the icon for expanding the drop-down list */.transparent .webix_input_icon.wxi-menu-down {
}
/* the drop-down list */.transparent .webix_list {
    background: #124A50 0% 0% no-repeat padding-box;
    font: normal normal 600 12px/20px Segoe UI;
    letter-spacing: 0.12px;
    color: #FFFFFF;
    border: 0px;
    /*width: 10px;*/
    width: 100% !important;
    height: 100% !important;
}
/* an item of the list */.transparent .webix_list_item {
    border: 0px;
}
    /* an item of the list */
    .transparent .webix_list_item:hover {
        background: #38B6CC 0% 0% no-repeat padding-box !important;
        font: normal normal 600 12px/30px Segoe UI;
        letter-spacing: 0.12px;
        color: #FFFFFF;
        opacity: 0.9;
        border: 0px;
        border-bottom: 0px !important;
    }
/* a selected item of the list */.transparent .webix_list_item.webix_selected {
    background: #38B6CC 0% 0% no-repeat padding-box;
    font: normal normal 600 12px/30px Segoe UI;
    letter-spacing: 0.12px;
    color: #FFFFFF;
    opacity: 1;
    border: 0px;
    border-bottom: 0px !important;
}

/* chart area (including Y-axis, X-axis items, titles, image and legend) */
.webix_chart {
    background: #156067 0% 0% no-repeat padding-box !important;
}
/* 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;
}