/* custom font */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

h1, h2, h3, h4, h5, h6, p, a, span, pre, td, tr, div, button, input{
    font-family: 'Noto Sans KR', sans-serif;
}

.webix_chart .webix_chart_legend_item, .webix_chart .webix_canvas_text, .webix_chart .webix_axis_title_x, .webix_chart .webix_axis_title_y {
    font-family: 'Noto Sans KR', sans-serif;   
}

.webix_control input, .webix_control button, .webix_control textarea, .webix_el_label, .webix_inp_label, .webix_inp_top_label, .webix_inp_bottom_label {
    font-family: 'Noto Sans KR', sans-serif;   
}

/*Full Screen CSS */

body.webix_full_screen {
    overflow-y: auto;
    padding-right: 10px;
} 

/* custom helper CSS */
.empty {
    height: 100%;
}
.background_none {
    background: none !important;
}

/* Grid Basic CSS */
.webix_el_tabbar + .webix_multiview {
    padding: 0;
}

.webix_cell:nth-child(even) {
	/*
    background-color: #f2f2f2;
    */
}

.webix_dtable div.webix_ss_vscroll_header {
    background-color: #dedede;
    border-bottom: none;
}

.webix_cell, .webix_hcell {
    font-size: 13px;
}


/* Scroll Bar CSS */
/* width */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #595959;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #595959;
}

/* logo area Css */

.bic_logo {
    padding-left: 15px;
}


/* basic info View Css */

.bic_info_view{
    width: 300px;
    margin-bottom: 5px;
}
.bic_info_view .bic_info_tview  {
    display: inline-block;
    width: 294px;
    height: auto;
    border-radius: 2px;
    padding: 5px 0;
    font-size: 16px;
}

.bic_info_view .bic_info_aview, .bic_info_view .bic_info_bview, .bic_info_view .bic_info_cview   {
    display: inline-block;
    width: 94.5px;
    margin: 5px 3px 0 0;
    height: auto;
    border-radius: 2px;
}

.bic_info_aview > h3, .bic_info_bview > h3, .bic_info_cview > h3{
    font-size: 18px;
    line-height: 18px;
    margin: 10px 0 5px 0;
    font-weight: normal;
}

.bic_info_aview > h6, .bic_info_bview > h6, .bic_info_cview > h6{
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 10px 0;
}

.bic_info_tview {
    border: 1px solid #35436e;
    text-align: center;
    color: #35436e;
}

.bic_info_aview {
    border: 1px solid #35436e;
    text-align: center;
    color: #35436e;
}

.bic_info_bview {
    border: 1px solid #35436e;
    text-align: center;
    color: #35436e;
}

.bic_info_cview {
    border: 1px solid #35436e;
    text-align: center;
    color: #35436e;
}


/* Login CSS*/

.bic_login {
   /* background: #fefefe;*/
   background: url("../assets/webix/imgs/bic-background.jpg");
   background-size: cover;
   background-position: center;
}

.bic_login_form {
   border-radius: 5px;
   background-color: rgba(255,255,255,0.95) !important;
}

/* Top Menu CSS*/

.webix_menu-x.bic_topmenu .webix_list_item {
    border-right: 1.5px solid #5a6996;
    border-left: 0px;
    background: none;
    color: #fff;
    font-size: 17px;
    line-height: 17px;
    padding-top: 11px;
    margin-right: 0;
    text-align: center;
}

.webix_menu-x.bic_topmenu .webix_list_item:first-child {
    border-left: 1.5px solid #5a6996;
}

.webix_menu-x.bic_topmenu .webix_list_item .webix_icon {
    vertical-align: top;
}

.webix_menu .webix_list_item {
    display: block;
    font-size: 15px;
    padding: 0 15px;
    border-bottom: 1px solid #dedede;
    color: #475466;
}

.webix_menu .webix_list_item:hover {
    color: #ffffff;
    background-color: #60b2dd !important;

}

.webix_list_item.webix_selected {
    box-shadow: none;
}

/* Custom Grid*/
.bic_bpanel .webix_view .webix_template{
    overflow: auto;
}

.bic_fpanel .webix_view .webix_template{
    overflow: auto;
}

.webix_dtable .webix_ss_header td.webix_last_row {
    border-bottom: none;
}

.webix_dtable .webix_ss_body .webix_column > div, .webix_dtable .webix_ss_body .webix_table_cell {
    border-right-color: #f8f8f8;
    border-left-color: #f8f8f8;
}

/* Custom Search*/

.webix_input_icon.wxi-search {
    font-size: 28px;
    width: 32px !important;
    padding-top: 5px !important;
}

/* Custom Modal & Window */

.webix_window {
    border-radius: 2px;
}

.webix_modal_box {
    border-radius: 2px;
}

.webix_alert .webix_popup_title, .webix_confirm .webix_popup_title, .webix_alert .webix_popup_text, .webix_confirm .webix_popup_text {
    box-shadow: none;
}

.webix_alert-warning .webix_popup_title, .webix_confirm-warning .webix_popup_title, .webix_alert-warning .webix_popup_text, .webix_confirm-warning .webix_popup_text {
    box-shadow: none;
}

.webix_alert-error .webix_popup_title, .webix_confirm-error .webix_popup_title, .webix_alert-error .webix_popup_text, .webix_confirm-error .webix_popup_text {
    box-shadow: none;
}

/* Custom Accordion */
.bic_layout_accordion_left .webix_accordionitem_header{
    font-size: 15px;
    line-height: 33px;
}

.bic_layout_accordion_center .webix_accordionitem_header{
    font-size: 15px;
    line-height: 33px;
}

.bic_layout_accordion_right .bic_info_panel{
    background-color: #ffffff;
}

.bic_layout_accordion_right .bic_info_form {
    padding: 2px 10px 0 18px;
    margin-top: 0px !important;
}

.bic_layout_accordion_right .bic_info_btn {
    display: inline-block;
    width: 185px !important;
    padding-left: 5px;
}

.bic_layout_accordion_right .bic_info_btn .webix_button {
    font-size: 15px;
}

.bic_layout_accordion_right .webix_accordionitem_header{
    font-size: 15px;
    line-height: 33px;
}

.bic_layout_accordion_left.collapsed .webix_accordionitem_header.collapsed{
    font-size: 15px;
    line-height: 33px;
}

.bic_layout_accordion_right.collapsed .webix_accordionitem_header.collapsed{
    font-size: 15px;
    line-height: 33px;
}

.bic_layout_accordion_center .webix_template {
    padding: 0;
    overflow: auto;
}

/* Sky CSS*/


/* Sky Header CSS*/

.webix_toolbar.bic_header_sky  {
    background: #60b2dd;
    border-color: #60b2dd;
}

.webix_toolbar.bic_header_sky .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0px;
}


.webix_toolbar.bic_header_sky  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_header_sky .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

.webix_toolbar.bic_header_sky .webix_badge {
    background-color: #e55;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 9px;
    height: 20px;
    min-width: 20px;
    width: 20px;
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

/* Sky Footer CSS*/

.webix_toolbar.bic_footer_sky  {
    background: rgba(96,178,221,0.8);
    border-color: #60b2dd;
}


.webix_toolbar.bic_footer_sky .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_footer_sky  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_footer_sky .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

/* Sky Tabs CSS*/

.bic_tabs_sky {
    margin-top: 3px !important;
    padding: 0 10px;
}

.bic_tabs_sky .webix_all_tabs .webix_item_tab {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #60b2dd;
    letter-spacing: 0px;
    border: none;
}

.bic_tabs_sky .webix_all_tabs .webix_item_tab.webix_selected {
    box-shadow: inset 0 -3px #60b2dd;
    padding-bottom: 0;
}

.bic_tabs_sky .webix_all_tabs .webix_item_tab.webix_selected:focus {
    color: #60b2dd;
}

.bic_tabs_sky .webix_view.webix_control.webix_el_tabbar {
    height: 35px !important;
}

/* Sky Accordion CSS*/

.bic_accordion_sky .webix_accordionitem_header {
    background: rgba(96,178,221,0.9) !important;
}

.bic_accordion_sky .webix_accordionitem_header.collapsed {
    background: rgba(96,178,221,0.8) !important;
}

.bic_accordion_sky .webix_accordionitem_label {
    color: #ffffff;
}

.bic_accordion_sky .webix_accordionitem_label:hover {
    opacity: 0.8;
}

.bic_accordion_sky .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff !important;
}

/* Sky Button CSS*/

.bic_button_sky .webix_button {
    background: #60b2dd;
    color: #ffffff;
}

.bic_button_sky .webix_button .webix_icon_btn {
    color: #ffffff;
}

/* Sky Calendar CSS*/
.bic_calendar_sky .webix_cal_body .webix_cal_event{
    color: #60b2dd;
}

.bic_calendar_sky .webix_cal_body .webix_cal_select .webix_cal_day_inner, .bic_calendar_sky .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
    background-color: #60b2dd;
}

.bic_calendar_sky .webix_cal_body .webix_cal_today .webix_cal_day_inner {
    box-shadow: inset 0 0 0 2px #60b2dd;
}

.bic_calendar_sky .webix_cal_time {
    font-size: 12px;
}    

.bic_calendar_sky .webix_cal_time:hover {
    color: #60b2dd;
} 

.bic_calendar_sky .webix_cal_time .webix_icon{
    font-size: 14px;
    width: 12px;
}  


/* Sky Grid CSS*/
.bic_grid_sky {
    border: 1px solid #f8f8f8;
}

.bic_grid_sky .webix_ss_header {
    color: #ffffff;
}

.bic_grid_sky .webix_ss_header td {
    border-right: 1px solid #838383;
}

.bic_gridheader_sky{
    color: #ffffff;
    background: #60b2dd;
}

.bic_grid_sky .webix_hcell.webix_ss_filter {
    padding: 0px 4px;
    background: #60b2dd;
}

.bic_grid_sky .webix_column > div.webix_cell_select, .bic_grid_sky .webix_column > div.webix_column_select, .bic_grid_sky .webix_column > div.webix_row_select {
    color: #ffffff;
    background: #60b2dd;
}

.webix_view.bic_grid_sky .webix_dt_editor input, .webix_view.bic_grid_sky .webix_dt_editor select {
    border-color: #60b2dd;
    border-radius: 2px;
}

/* Sky Pager CSS */

.bic_pager_sky {
    margin: 10px 0;
}

.bic_pager_sky .webix_view .webix_pager_item {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #60b2dd;
    min-width: 25px;
}

.bic_pager_sky .webix_view .webix_pager_item_selected {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    background-color: #60b2dd;
    min-width: 25px;
} 

/* Sky Form Focus CSS */

.bic_form_text_sky input:focus, .bic_form_richselect_sky .webix_inp_static:focus, .bic_form_textarea_sky textarea:focus, .bic_form_search_sky input:focus, .bic_datepicker_sky .webix_el_datepicker .webix_inp_static:focus {
    border: 1px solid rgba(96,178,221,0.8);
}

/* Sky Form Switch CSS */

.bic_form_switch_sky .webix_switch_box.webix_switch_on {
    background-color: #60b2dd;
}

/* Sky Form Counter CSS */

.bic_form_counter_sky .webix_inp_counter_prev, .bic_form_counter_sky .webix_inp_counter_next {
    background: #60b2dd;
    width: 30px;
    border: 1px solid #60b2dd;
    color: #fff;
}

.bic_form_counter_sky .webix_inp_counter_prev:hover, .bic_form_counter_sky .webix_inp_counter_next:hover {
    opacity: 0.8;
}

/* Sky Form Radio CSS */

.bic_form_radio_sky .webix_radio_1 .webix_custom_radio {
    color: #60b2dd;
}

/* Sky Form Checkbox CSS */

.bic_form_checkbox_sky .webix_checkbox_1 .webix_custom_checkbox {
    color: #60b2dd;
}

/* Sky Alert CSS */

.bic_alert_sky .webix_popup_button {
    border-color: #60b2dd !important;
    background: #60b2dd !important;
}

.bic_confirm_sky .webix_popup_button {
    color: #60b2dd;
}

.bic_confirm_sky .webix_popup_title {
    padding: 8px 12px 8px 12px;
    border-bottom: 3px solid #60b2dd;
    margin-bottom: 5px;
}

.bic_confirm_sky {
    padding-bottom: 40px;
}

.bic_confirm_sky .webix_popup_button:first-child {
    position: absolute;
    right: 15px;
}

.bic_confirm_sky .webix_popup_button:last-child {
    position: absolute;
    left: 15px;
}

.bic_confirm_sky .webix_popup_button.confirm {
    border-color: #60b2dd !important;
    background: #60b2dd !important;
    color: #ffffff;
}


/* Sky Gage CSS */
.bic_gage_sky .webix_gage_label {
    font-size: 0.5em;
    color: #60b2dd;
}

.bic_gage_sky .webix_gage_info {
    font-size: 0.6em;
}

.bic_gage_sky .webix_gage_max_range,.bic_gage_sky .webix_gage_min_range {
    color: #60b2dd;
}

.bic_gage_sky .webix_gage_value {
    font-size: 1.2em;
    color: #60b2dd;
}
.bic_gage_sky .webix_gage_range_info  {
    font-size: 0.8em;
    color: #60b2dd;
}

/* Sky Dashboard Section CSS */
.dash-section-sky .webix_template{
    padding: 0;
}

.dash-section-sky .dash-section-head h3{
    background: #60b2dd;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dash-section-sky .dash-section-body {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #efefef;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dash-section-sky .dash-section-body h4 span {
    font-size: 1.4em;
    color: #60b2dd;
}

/* Sky Monitiring CSS */

img.biztruck {
    width: 33px;
    height: 15px;
}

img.biztruck_now {
    width: 33px;
    height: 15px;
}
/*
.completed {
    opacity: 0.7;
}
*/
.bic_monitoring_sky {
    background-color: #ffffff;
}

.monitoring_btn_info_sky .monitoring_meta_before .monitoring_meta {
    width: 20%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_end_sky .monitoring_meta_before .monitoring_meta {
    width: 33.33%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_move_sky .monitoring_meta_before .monitoring_meta {
    width: 50%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_info_sky .monitoring_meta_after .monitoring_meta {
    width: 20%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_end_sky .monitoring_meta_after .monitoring_meta {
    width: 33.33%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_move_sky .monitoring_meta_after .monitoring_meta {
    width: 50%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_info_sky .monitoring_meta_before{
    padding: 0 0 0 10px;
    background-color: #60b2dd;
}

.monitoring_btn_end_sky .monitoring_meta_before{
    padding: 0 0 0 10px;
    background-color: #60b2dd;
}

.monitoring_btn_move_sky .monitoring_meta_before{
    padding: 0 0 0 10px;
    background-color: #60b2dd;
}

.monitoring_btn_info_sky .monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #35436e;
}

.monitoring_btn_end_sky .monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #35436e;
}

.monitoring_btn_move_sky .monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #35436e;
}

.monitoring_btn_end_sky #lated.monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #ee5555;
}

.monitoring_btn_move_sky #lated.monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #ee5555;
}

.monitoring_btn_end_sky #fast.monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #58b65a;
}

.monitoring_btn_move_sky #fast.monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #58b65a;
}

.monitoring_btn_info_sky .webix_button {
    background: #ffffff;
    color: #35436e;
    border: 1px solid #35436e;
    border-radius: 0;
    padding: 0;
}

.monitoring_btn_end_sky .webix_button {
    background: #ffffff;
    color: #60b2dd;
    border: 1px solid #60b2dd;
    border-radius: 0;
    padding: 0;
}

.monitoring_btn_move_sky .webix_button {
    background: #ffffff;
    color: #60b2dd;
    border: 1px solid #60b2dd;
    border-radius: 0;
    padding: 0;
}

.bic_monitoring_sky .moniteringNow .webix_button {
    color: #35436e;
    border: 3px solid #35436e;
    border-radius: 0;
    padding: 0;
}

.bic_monitoring_sky .monitoring_btn_now_sky .monitoring_title{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

.bic_monitoring_sky .monitoring_title{
    padding: 0 0 0 10px;
    min-height: 18px;
}

.bic_monitoring_sky .monitoring_title_text{
    font-size: 12px;
    margin: 0 0 5px 0;
    text-align: center;
}

.bic_monitoring_sky .monitoring_location{
    padding: 0 0 0 10px;
    height: 15px;
}

.bic_monitoring_sky .monitoring_location_text{
    font-size: 11px;
    margin: 5px 0 0 0;
    text-align: center;
}

.bic_monitoring_sky .monitoring_meta_text{
    font-size: 14px;
    margin: 2px 0 2px 0;
    text-align: center;
}

/* Sky Kanban CSS */

.bic_kanban_sky .webix_kanban_list_content {
    border-left: 3px solid #60b2dd;
}

.bic_kanban_sky .webix_accordionitem_label {
    color: #fff;
    background: #60b2dd;
}

.bic_kanban_sky .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff;
}

.bic_kanban_sky .webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button::before {
    color: #ffffff;
}



/* Blue CSS*/


/* Blue Header CSS*/

.webix_toolbar.bic_header_blue  {
    background: #35436e;
    border-color: #35436e;
}

.webix_toolbar.bic_header_blue .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_header_blue  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_header_blue .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

.webix_toolbar.bic_header_blue .webix_badge {
    background-color: #e55;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 9px;
    height: 20px;
    min-width: 20px;
    width: 20px;
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

/* Blue Footer CSS*/

.webix_toolbar.bic_footer_blue  {
    background: rgba(53,67,110,0.8);
    border-color: #35436e;
}


.webix_toolbar.bic_footer_blue .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_footer_blue  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_footer_blue .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

/* Blue Tabs CSS*/

.bic_tabs_blue {
    margin-top: 3px !important;
    padding: 0 10px;
}

.bic_tabs_blue .webix_all_tabs .webix_item_tab {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #35436e;
    letter-spacing: 0px;
    border: none;
}

.bic_tabs_blue .webix_all_tabs .webix_item_tab.webix_selected {
    box-shadow: inset 0 -3px #35436e;
    padding-bottom: 0;
}

.bic_tabs_blue .webix_all_tabs .webix_item_tab.webix_selected:focus {
    color: #35436e;
}

.bic_tabs_blue .webix_view.webix_control.webix_el_tabbar {
    height: 35px !important;
}

/* Blue Accordion CSS*/

.bic_accordion_blue .webix_accordionitem_header {
    background: rgba(53,67,110,0.9) !important;
}

.bic_accordion_blue .webix_accordionitem_header.collapsed {
    background: rgba(53,67,110,0.8) !important;
}

.bic_accordion_blue .webix_accordionitem_label {
    color: #ffffff;
}

.bic_accordion_blue .webix_accordionitem_label:hover {
    opacity: 0.8;
}

.bic_accordion_blue .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff !important;
}

/* Blue Button CSS*/

.bic_button_blue .webix_button {
    background: #35436e;
    color: #ffffff;
}

.bic_button_blue .webix_button .webix_icon_btn {
    color: #ffffff;
}

/* Blue Calendar CSS*/
.bic_calendar_blue .webix_cal_body .webix_cal_event{
    color: #35436e;
}

.bic_calendar_blue .webix_cal_body .webix_cal_select .webix_cal_day_inner, .bic_calendar_blue .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
    background-color: #35436e;
}

.bic_calendar_blue .webix_cal_body .webix_cal_today .webix_cal_day_inner {
    box-shadow: inset 0 0 0 2px #35436e;
}

.bic_calendar_blue .webix_cal_time {
    font-size: 12px;
}    

.bic_calendar_blue .webix_cal_time:hover {
    color: #35436e;
} 

.bic_calendar_blue .webix_cal_time .webix_icon{
    font-size: 14px;
    width: 12px;
}   

/* Blue Grid CSS*/
.bic_grid_blue {
    border: 1px solid #f8f8f8;
}

.bic_grid_blue .webix_ss_header {
    color: #ffffff;
}

.bic_grid_blue .webix_ss_header td {
    border-right: 1px solid #838383;
}

.bic_gridheader_blue{
    color: #ffffff;
    background: #35436e;
}

.bic_grid_blue .webix_hcell.webix_ss_filter {
    padding: 0px 4px;
    background: #35436e;
}

.bic_grid_blue .webix_column > div.webix_cell_select, .bic_grid_blue .webix_column > div.webix_column_select, .bic_grid_blue .webix_column > div.webix_row_select {
    color: #ffffff;
    background: #35436e;
}

.webix_view.bic_grid_blue .webix_dt_editor input, .webix_view.bic_grid_blue .webix_dt_editor select {
    border-color: #35436e;
    border-radius: 2px;
}

/* Blue Pager CSS */

.bic_pager_blue {
    margin: 10px 0;
}

.bic_pager_blue .webix_view .webix_pager_item {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #35436e;
    min-width: 25px;
}

.bic_pager_blue .webix_view .webix_pager_item_selected {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    background-color: #35436e;
    min-width: 25px;
}    

/* Blue Form Focus CSS */

.bic_form_text_blue input:focus, .bic_form_richselect_blue .webix_inp_static:focus, .bic_form_textarea_blue textarea:focus, .bic_form_search_blue input:focus, .bic_datepicker_blue .webix_el_datepicker .webix_inp_static:focus  {
    border: 1px solid rgba(53,67,110,0.8);
}

/* Blue Form Switch CSS */

.bic_form_switch_blue .webix_switch_box.webix_switch_on {
    background-color: #35436e;
}

/* Blue Form Counter CSS */

.bic_form_counter_blue .webix_inp_counter_prev, .bic_form_counter_blue .webix_inp_counter_next {
    background: #35436e;
    width: 30px;
    border: 1px solid #35436e;
    color: #fff;
}

.bic_form_counter_blue .webix_inp_counter_prev:hover, .bic_form_counter_blue .webix_inp_counter_next:hover {
    opacity: 0.8;
}

/* Blue Form Radio CSS */

.bic_form_radio_blue .webix_radio_1 .webix_custom_radio {
    color: #35436e;
}

/* Blue Form Checkbox CSS */

.bic_form_checkbox_blue .webix_checkbox_1 .webix_custom_checkbox {
    color: #35436e;
}

/* Blue Alert CSS */

.bic_alert_blue .webix_popup_button {
    border-color: #35436e !important;
    background: #35436e !important;
}

.bic_confirm_blue .webix_popup_button {
    color: #35436e;
}

.bic_confirm_blue .webix_popup_title {
    padding: 8px 12px 8px 12px;
    border-bottom: 3px solid #35436e;
    margin-bottom: 5px;
}

.bic_confirm_blue {
    padding-bottom: 40px;
}

.bic_confirm_blue .webix_popup_button:first-child {
    position: absolute;
    right: 15px;
}

.bic_confirm_blue .webix_popup_button:last-child {
    position: absolute;
    left: 15px;
}

.bic_confirm_blue .webix_popup_button.confirm {
    border-color: #35436e !important;
    background: #35436e !important;
    color: #ffffff;
}

/* Blue Gage CSS */
.bic_gage_blue .webix_gage_label {
    font-size: 0.5em;
    color: #35436e;
}

.bic_gage_blue .webix_gage_info {
    font-size: 0.6em;
}

.bic_gage_blue .webix_gage_max_range,.bic_gage_blue .webix_gage_min_range {
    color: #35436e;
}

.bic_gage_blue .webix_gage_value {
    font-size: 1.2em;
    color: #35436e;
}
.bic_gage_blue .webix_gage_range_info  {
    font-size: 0.8em;
    color: #35436e;
}

/* Blue Dashboard Section CSS */
.dash-section-blue .webix_template{
    padding: 0;
}

.dash-section-blue .dash-section-head h3{
    background: #35436e;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dash-section-blue .dash-section-body {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #efefef;
    padding-top: 0;
    padding-bottom: 0;
}

.dash-section-blue .dash-section-body h4 span {
    font-size: 1.4em;
    color: #35436e;
}

/* Blue Monitiring CSS */

img.biztruck {
    width: 33px;
    height: 15px;
}

img.biztruck_now {
    width: 33px;
    height: 15px;
}
/*
.completed {
    opacity: 0.7;
}
*/
.bic_monitoring_blue {
    background-color: #ffffff;
}

.monitoring_btn_info_blue .monitoring_meta_before .monitoring_meta {
    width: 20%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_end_blue .monitoring_meta_before .monitoring_meta {
    width: 33.33%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_move_blue .monitoring_meta_before .monitoring_meta {
    width: 50%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_info_blue .monitoring_meta_after .monitoring_meta {
    width: 20%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_end_blue .monitoring_meta_after .monitoring_meta {
    width: 33.33%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_move_blue .monitoring_meta_after .monitoring_meta {
    width: 50%;
    display: inline-block;
    color: #ffffff;
}

.monitoring_btn_info_blue .monitoring_meta_before{
    padding: 0 0 0 10px;
    background-color: #35436e;
}

.monitoring_btn_end_blue .monitoring_meta_before{
    padding: 0 0 0 10px;
    background-color: #35436e;
}

.monitoring_btn_move_blue .monitoring_meta_before{
    padding: 0 0 0 10px;
    background-color: #35436e;
}

.monitoring_btn_info_blue .monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: rgba(53,67,110,0.7);
}

.monitoring_btn_end_blue .monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: rgba(53,67,110,0.7);
}

.monitoring_btn_move_blue .monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: rgba(53,67,110,0.7);
}

.monitoring_btn_end_blue #lated.monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #ee5555;
}

.monitoring_btn_move_blue #lated.monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #ee5555;
}

.monitoring_btn_end_blue #fast.monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #58b65a;
}

.monitoring_btn_move_blue #fast.monitoring_meta_after{
    padding: 0 0 0 10px;
    background-color: #58b65a;
}

.monitoring_btn_info_blue .webix_button {
    background: #ffffff;
    color: #35436e;
    border: 2px solid #35436e;
    border-radius: 0;
    padding: 0;
}

.monitoring_btn_end_blue .webix_button {
    background: #ffffff;
    color: #35436e;
    border: 1px solid #35436e;
    border-radius: 0;
    padding: 0;
}

.monitoring_btn_move_blue .webix_button {
    background: #ffffff;
    color: #35436e;
    border: 1px solid #35436e;
    border-radius: 0;
    padding: 0;
}

.moniteringNow .webix_button {
    color: #ee5555;
    border: 3px solid #ee5555;
    border-radius: 0;
    padding: 0;
}

.bic_monitoring_blue .monitoring_btn_now_blue .monitoring_title{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

.bic_monitoring_blue .monitoring_title{
    padding: 0 0 0 10px;
    min-height: 18px;
}

.bic_monitoring_blue .monitoring_title_text{
    font-size: 12px;
    margin: 0 0 5px 0;
    text-align: center;
}

.bic_monitoring_blue .monitoring_location{
    padding: 0 0 0 10px;
    height: 15px;
}

.bic_monitoring_blue .monitoring_location_text{
    font-size: 11px;
    margin: 5px 0 0 0;
    text-align: center;
}

.bic_monitoring_blue .monitoring_meta_text{
    font-size: 14px;
    margin: 2px 0 2px 0;
    text-align: center;
}

/* Blue Kanban CSS */

.bic_kanban_blue .webix_kanban_list_content {
    border-left: 3px solid #35436e;
}

.bic_kanban_blue .webix_accordionitem_label {
    color: #fff;
    background: #35436e;
}

.bic_kanban_blue .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff;
}

.bic_kanban_blue .webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button::before {
    color: #ffffff;
}


/* Yellow CSS*/


/* Yellow Header CSS*/

.webix_toolbar.bic_header_yellow {
    background: #ecd06e;
    border-color: #ecd06e;
}

.webix_toolbar.bic_header_yellow .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_header_yellow  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_header_yellow .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

.webix_toolbar.bic_header_yellow .webix_badge {
    background-color: #e55;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 9px;
    height: 20px;
    min-width: 20px;
    width: 20px;
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

/* Yellow Footer CSS*/

.webix_toolbar.bic_footer_yellow  {
    background: rgba(246,208,110,0.8);
    border-color: #ecd06e;
}


.webix_toolbar.bic_footer_yellow .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_footer_yellow  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_footer_yellow .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

/* Yellow Tabs CSS*/

.bic_tabs_yellow {
    margin-top: 3px !important;
    padding: 0 10px;
}

.bic_tabs_yellow .webix_all_tabs .webix_item_tab {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #ecd06e;
    letter-spacing: 0px;
    border: none;
}

.bic_tabs_yellow .webix_all_tabs .webix_item_tab.webix_selected {
    box-shadow: inset 0 -3px #ecd06e;
    padding-bottom: 0;
}

.bic_tabs_yellow .webix_all_tabs .webix_item_tab.webix_selected:focus {
    color: #ecd06e;
}

.bic_tabs_yellow .webix_view.webix_control.webix_el_tabbar {
    height: 35px !important;
}

/* Yellow Accordion CSS*/

.bic_accordion_yellow .webix_accordionitem_header {
    background: rgba(246,208,110,0.9) !important;
}

.bic_accordion_yellow .webix_accordionitem_header.collapsed {
    background: rgba(246,208,110,0.8) !important;
}

.bic_accordion_yellow .webix_accordionitem_label {
    color: #ffffff;
}

.bic_accordion_yellow .webix_accordionitem_label:hover {
    opacity: 0.8;
}

.bic_accordion_yellow .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff !important;
}

/* Yellow Button CSS*/

.bic_button_yellow .webix_button {
    background: #ecd06e;
    color: #ffffff;
}

.bic_button_yellow .webix_button .webix_icon_btn {
    color: #ffffff;
}

/* Yellow Calendar CSS*/
.bic_calendar_yellow .webix_cal_body .webix_cal_event{
    color: #ecd06e;
}

.bic_calendar_yellow .webix_cal_body .webix_cal_select .webix_cal_day_inner, .bic_calendar_yellow .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
    background-color: #ecd06e;
}

.bic_calendar_yellow .webix_cal_body .webix_cal_today .webix_cal_day_inner {
    box-shadow: inset 0 0 0 2px #ecd06e;
}

.bic_calendar_yellow .webix_cal_time {
    font-size: 12px;
}    

.bic_calendar_yellow .webix_cal_time:hover {
    color: #ecd06e;
} 

.bic_calendar_yellow .webix_cal_time .webix_icon{
    font-size: 14px;
    width: 12px;
} 

/* Yellow Grid CSS*/
.bic_grid_yellow {
    border: 1px solid #f8f8f8;
}

.bic_grid_yellow .webix_ss_header {
    color: #ffffff;
}

.bic_grid_yellow .webix_ss_header td {
    border-right: 1px solid #838383;
}

.bic_gridheader_yellow{
    color: #ffffff;
    background: #ecd06e;
}

.bic_grid_yellow .webix_hcell.webix_ss_filter {
    padding: 0px 4px;
    background: #ecd06e;
}

.bic_grid_yellow .webix_column > div.webix_cell_select, .bic_grid_yellow .webix_column > div.webix_column_select, .bic_grid_yellow .webix_column > div.webix_row_select {
    color: #ffffff;
    background: #ecd06e;
}

.webix_view.bic_grid_yellow .webix_dt_editor input, .webix_view.bic_grid_yellow .webix_dt_editor select {
    border-color: #ecd06e;
    border-radius: 2px;
}

/* Yellow Pager CSS */

.bic_pager_yellow {
    margin: 10px 0;
}

.bic_pager_yellow .webix_view .webix_pager_item {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ecd06e;
    min-width: 25px;
}

.bic_pager_yellow .webix_view .webix_pager_item_selected {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    background-color: #ecd06e;
    min-width: 25px;
} 

/* Yellow Form Focus CSS */

.bic_form_text_yellow input:focus, .bic_form_richselect_yellow .webix_inp_static:focus, .bic_form_textarea_yellow textarea:focus, .bic_form_search_yellow input:focus, .bic_datepicker_yellow .webix_el_datepicker .webix_inp_static:focus  {
    border: 1px solid rgba(236,208,110,0.8);
}


/* Yellow Form Switch CSS */

.bic_form_switch_yellow .webix_switch_box.webix_switch_on {
    background-color: #ecd06e;
}


/* Yellow Form Counter CSS */

.bic_form_counter_yellow .webix_inp_counter_prev, .bic_form_counter_yellow .webix_inp_counter_next {
    background: #ecd06e;
    width: 30px;
    border: 1px solid #ecd06e;
    color: #fff;
}

.bic_form_counter_yellow .webix_inp_counter_prev:hover, .bic_form_counter_yellow .webix_inp_counter_next:hover {
    opacity: 0.8;
}

/* Yellow Form Radio CSS */

.bic_form_radio_yellow .webix_radio_1 .webix_custom_radio {
    color: #ecd06e;
}

/* Yellow Form Checkbox CSS */

.bic_form_checkbox_yellow .webix_checkbox_1 .webix_custom_checkbox {
    color: #ecd06e;
}

/* Yellow Alert CSS */

.bic_alert_yellow .webix_popup_button {
    border-color: #ecd06e !important;
    background: #ecd06e !important;
}

.bic_confirm_yellow .webix_popup_button {
    color: #ecd06e;
}

.bic_confirm_yellow .webix_popup_title {
    padding: 8px 12px 8px 12px;
    border-bottom: 3px solid #ecd06e;
    margin-bottom: 5px;
}

.bic_confirm_yellow {
    padding-bottom: 40px;
}

.bic_confirm_yellow .webix_popup_button:first-child {
    position: absolute;
    right: 15px;
}

.bic_confirm_yellow .webix_popup_button:last-child {
    position: absolute;
    left: 15px;
}

.bic_confirm_yellow .webix_popup_button.confirm {
    border-color: #ecd06e !important;
    background: #ecd06e !important;
    color: #ffffff;
}

/* Yellow Gage CSS */
.bic_gage_yellow .webix_gage_label {
    font-size: 0.5em;
    color: #ecd06e;
}

.bic_gage_yellow .webix_gage_info {
    font-size: 0.6em;
}

.bic_gage_yellow .webix_gage_max_range,.bic_gage_yellow .webix_gage_min_range {
    color: #ecd06e;
}

.bic_gage_yellow .webix_gage_value {
    font-size: 1.2em;
    color: #ecd06e;
}
.bic_gage_yellow .webix_gage_range_info  {
    font-size: 0.8em;
    color: #ecd06e;
}

/* Yellow Dashboard Section CSS */
.dash-section-yellow .webix_template{
    padding: 0;
}

.dash-section-yellow .dash-section-head h3{
    background: #ecd06e;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dash-section-yellow .dash-section-body {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #efefef;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dash-section-yellow .dash-section-body h4 span {
    font-size: 1.4em;
    color: #ecd06e;
}

/* Yellow Monitiring CSS */

.bic_monitoring_yellow {
    background-color: #ffffff;
}

#now-icon{
    margin: 0;
    font-size: 25px;
}

#move-icon{
    margin: 0 0 -20px 0;
    font-size: 24px;
}

.monitoring_btn_info_yellow .webix_button {
    background: #ecd06e;
    color: #ffffff;
    border: 2px solid #ecd06e;
    border-radius: 5px;
}

.monitoring_btn_end_yellow .webix_button {
    background: #fff;
    color: #ecd06e;
    border: 2px solid #ecd06e;
    border-radius: 5px;
}

.monitoring_btn_move_yellow .webix_button {
    background: #fff;
    color: #ecd06e;
    border: 2px dotted #ecd06e;
    border-radius: 5px;
}

.monitoring_btn_now_yellow .webix_button {
    background: #ee5555;
    color: #ffffff;
    border: 2px solid #ee5555;
    border-radius: 5px;
}

.bic_monitoring_yellow .monitoring_btn_now_yellow .monitoring_title{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

.bic_monitoring_yellow .monitoring_title{
    font-size: 15px;
}

.bic_monitoring_yellow .monitoring_meta{
    font-size: 10px;
    margin-top: 0;
}

/* Yellow Kanban CSS */

.bic_kanban_yellow .webix_kanban_list_content {
    border-left: 3px solid #ecd06e;
}

.bic_kanban_yellow .webix_accordionitem_label {
    color: #fff;
    background: #ecd06e;
}

.bic_kanban_yellow .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff;
}

.bic_kanban_yellow .webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button::before {
    color: #ffffff;
}



/* Orange CSS*/


/* Orange Header CSS*/

.webix_toolbar.bic_header_orange {
    background: #ee9546;
    border-color: #ee9546;
}

.webix_toolbar.bic_header_orange .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_header_orange  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_header_orange .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

.webix_toolbar.bic_header_orange .webix_badge {
    background-color: #e55;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 9px;
    height: 20px;
    min-width: 20px;
    width: 20px;
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

/* Orange Footer CSS*/

.webix_toolbar.bic_footer_orange  {
    background: rgba(238,149,70,0.8);
    border-color: #ee9546;
}


.webix_toolbar.bic_footer_orange .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_footer_orange  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_footer_orange .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

/* Orange Tabs CSS*/

.bic_tabs_orange {
    margin-top: 3px !important;
    padding: 0 10px;
}

.bic_tabs_orange .webix_all_tabs .webix_item_tab {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #ee9546;
    letter-spacing: 0px;
    border: none;
}

.bic_tabs_orange .webix_all_tabs .webix_item_tab.webix_selected {
    box-shadow: inset 0 -3px #ee9546;
    padding-bottom: 0;
}

.bic_tabs_orange .webix_all_tabs .webix_item_tab.webix_selected:focus {
    color: #ee9546;
}

.bic_tabs_orange .webix_view.webix_control.webix_el_tabbar {
    height: 35px !important;
}

/* Orange Accordion CSS*/

.bic_accordion_orange .webix_accordionitem_header {
    background: rgba(238,149,70,0.9) !important;
}

.bic_accordion_orange .webix_accordionitem_header.collapsed {
    background: rgba(238,149,70,0.8) !important;
}

.bic_accordion_orange .webix_accordionitem_label {
    color: #ffffff;
}

.bic_accordion_orange .webix_accordionitem_label:hover {
    opacity: 0.8;
}

.bic_accordion_orange .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff !important;
}

/* Orange Button CSS*/

.bic_button_orange .webix_button {
    background: #ee9546;
    color: #ffffff;
}

.bic_button_orange .webix_button .webix_icon_btn {
    color: #ffffff;
}

/* Orange Calendar CSS*/
.bic_calendar_orange .webix_cal_body .webix_cal_event{
    color: #ee9546;
}

.bic_calendar_orange .webix_cal_body .webix_cal_select .webix_cal_day_inner, .bic_calendar_orange .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
    background-color: #ee9546;
}

.bic_calendar_orange .webix_cal_body .webix_cal_today .webix_cal_day_inner {
    box-shadow: inset 0 0 0 2px #ee9546;
}

.bic_calendar_orange .webix_cal_time {
    font-size: 12px;
}    

.bic_calendar_orange .webix_cal_time:hover {
    color: #ee9546;
} 

.bic_calendar_orange .webix_cal_time .webix_icon{
    font-size: 14px;
    width: 12px;
} 


/* Orange Grid CSS*/
.bic_grid_orange {
    border: 1px solid #f8f8f8;
}

.bic_grid_orange .webix_ss_header {
    color: #ffffff;
}

.bic_grid_orange .webix_ss_header td {
    border-right: 1px solid #838383;
}

.bic_gridheader_orange{
    color: #ffffff;
    background: #ee9546;
}

.bic_grid_orange .webix_hcell.webix_ss_filter {
    padding: 0px 4px;
    background: #ee9546;
}

.bic_grid_orange .webix_column > div.webix_cell_select, .bic_grid_orange .webix_column > div.webix_column_select, .bic_grid_orange .webix_column > div.webix_row_select {
    color: #ffffff;
    background: #ee9546;
}

.webix_view.bic_grid_orange .webix_dt_editor input, .webix_view.bic_grid_orange .webix_dt_editor select {
    border-color: #ee9546;
    border-radius: 2px;
}


/* Orange Pager CSS */

.bic_pager_orange {
    margin: 10px 0;
}

.bic_pager_orange .webix_view .webix_pager_item {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ee9546;
    min-width: 25px;
}

.bic_pager_orange .webix_view .webix_pager_item_selected {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    background-color: #ee9546;
    min-width: 25px;
} 

/* Orange Form Focus CSS */

.bic_form_text_orange input:focus, .bic_form_richselect_orange .webix_inp_static:focus, .bic_form_textarea_orange textarea:focus, .bic_form_search_orange input:focus, .bic_datepicker_orange .webix_el_datepicker .webix_inp_static:focus  {
    border: 1px solid rgba(238,149,70,0.8);
}


/* Orange Form Switch CSS */

.bic_form_switch_orange .webix_switch_box.webix_switch_on {
    background-color: #ee9546;
}


/* Orange Form Counter CSS */

.bic_form_counter_orange .webix_inp_counter_prev, .bic_form_counter_orange .webix_inp_counter_next {
    background: #ee9546;
    width: 30px;
    border: 1px solid #ee9546;
    color: #fff;
}

.bic_form_counter_orange .webix_inp_counter_prev:hover, .bic_form_counter_orange .webix_inp_counter_next:hover {
    opacity: 0.8;
}

/* Orange Form Radio CSS */

.bic_form_radio_orange .webix_radio_1 .webix_custom_radio {
    color: #ee9546;
}

/* Orange Form Checkbox CSS */

.bic_form_checkbox_orange .webix_checkbox_1 .webix_custom_checkbox {
    color: #ee9546;
}

/* Orange Alert CSS */

.bic_alert_orange .webix_popup_button {
    border-color: #ee9546 !important;
    background: #ee9546 !important;
}

.bic_confirm_orange .webix_popup_button {
    color: #ee9546;
}

.bic_confirm_orange .webix_popup_title {
    padding: 8px 12px 8px 12px;
    border-bottom: 3px solid #ee9546;
    margin-bottom: 5px;
}

.bic_confirm_orange {
    padding-bottom: 40px;
}

.bic_confirm_orange .webix_popup_button:first-child {
    position: absolute;
    right: 15px;
}

.bic_confirm_orange .webix_popup_button:last-child {
    position: absolute;
    left: 15px;
}

.bic_confirm_orange .webix_popup_button.confirm {
    border-color: #ee9546 !important;
    background: #ee9546 !important;
    color: #ffffff;
}

/* Orange Gage CSS */
.bic_gage_orange .webix_gage_label {
    font-size: 0.5em;
    color: #ee9546;
}

.bic_gage_orange .webix_gage_info {
    font-size: 0.6em;
}

.bic_gage_orange .webix_gage_max_range,.bic_gage_orange .webix_gage_min_range {
    color: #ee9546;
}

.bic_gage_orange .webix_gage_value {
    font-size: 1.2em;
    color: #ee9546;
}
.bic_gage_orange .webix_gage_range_info  {
    font-size: 0.8em;
    color: #ee9546;
}

/* Orange Dashboard Section CSS */
.dash-section-orange .webix_template{
    padding: 0;
}

.dash-section-orange .dash-section-head h3{
    background: #ee9546;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dash-section-orange .dash-section-body {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #efefef;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dash-section-orange .dash-section-body h4 span {
    font-size: 1.4em;
    color: #ee9546;
}

/* Orange Monitiring CSS */

.bic_monitoring_orange {
    background-color: #ffffff;
}

#now-icon{
    margin: 0;
    font-size: 25px;
}

#move-icon{
    margin: 0 0 -20px 0;
    font-size: 24px;
}

.monitoring_btn_info_orange .webix_button {
    background: #ee9546;
    color: #ffffff;
    border: 2px solid #ee9546;
    border-radius: 5px;
}

.monitoring_btn_end_orange .webix_button {
    background: #fff;
    color: #ee9546;
    border: 2px solid #ee9546;
    border-radius: 5px;
}

.monitoring_btn_move_orange .webix_button {
    background: #fff;
    color: #ee9546;
    border: 2px dotted #ee9546;
    border-radius: 5px;
}

.monitoring_btn_now_orange .webix_button {
    background: #ee5555;
    color: #ffffff;
    border: 2px solid #ee5555;
    border-radius: 5px;
}

.bic_monitoring_orange .monitoring_btn_now_orange .monitoring_title{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

.bic_monitoring_orange .monitoring_title{
    font-size: 15px;
}

.bic_monitoring_orange .monitoring_meta{
    font-size: 10px;
    margin-top: 0;
}

/* Orange Kanban CSS */

.bic_kanban_orange .webix_kanban_list_content {
    border-left: 3px solid #ee9546;
}

.bic_kanban_orange .webix_accordionitem_label {
    color: #fff;
    background: #ee9546;
}

.bic_kanban_orange .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff;
}

.bic_kanban_orange .webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button::before {
    color: #ffffff;
}



/* Green CSS*/


/* Green Header CSS*/

.webix_toolbar.bic_header_green {
    background: #81b256;
    border-color: #81b256;
}

.webix_toolbar.bic_header_green .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_header_green  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_header_green .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

.webix_toolbar.bic_header_green .webix_badge {
    background-color: #e55;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 9px;
    height: 20px;
    min-width: 20px;
    width: 20px;
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

/* Green Footer CSS*/

.webix_toolbar.bic_footer_green  {
    background: rgba(129,178,86,0.8);
    border-color: #81b256;
}


.webix_toolbar.bic_footer_green .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_footer_green  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_footer_green .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

/* Green Tabs CSS*/

.bic_tabs_green {
    margin-top: 3px !important;
    padding: 0 10px;
}

.bic_tabs_green .webix_all_tabs .webix_item_tab {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #81b256;
    letter-spacing: 0px;
    border: none;
}

.bic_tabs_green .webix_all_tabs .webix_item_tab.webix_selected {
    box-shadow: inset 0 -3px #81b256;
    padding-bottom: 0;
}

.bic_tabs_green .webix_all_tabs .webix_item_tab.webix_selected:focus {
    color: #81b256;
}

.bic_tabs_green .webix_view.webix_control.webix_el_tabbar {
    height: 35px !important;
}

/* Green Accordion CSS*/

.bic_accordion_green .webix_accordionitem_header {
    background: rgba(129,178,86,0.9) !important;
}

.bic_accordion_green .webix_accordionitem_header.collapsed {
    background: rgba(129,178,86,0.8) !important;
}

.bic_accordion_green .webix_accordionitem_label {
    color: #ffffff;
}

.bic_accordion_green .webix_accordionitem_label:hover {
    opacity: 0.8;
}

.bic_accordion_green .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff !important;
}

/* Green Button CSS*/

.bic_button_green .webix_button {
    background: #81b256;
    color: #ffffff;
}

.bic_button_green .webix_button .webix_icon_btn {
    color: #ffffff;
}

/* Green Calendar CSS*/
.bic_calendar_green .webix_cal_body .webix_cal_event{
    color: #81b256;
}

.bic_calendar_green .webix_cal_body .webix_cal_select .webix_cal_day_inner, .bic_calendar_green .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
    background-color: #81b256;
}

.bic_calendar_green .webix_cal_body .webix_cal_today .webix_cal_day_inner {
    box-shadow: inset 0 0 0 2px #81b256;
}

.bic_calendar_green .webix_cal_time {
    font-size: 12px;
}    

.bic_calendar_green .webix_cal_time:hover {
    color: #81b256;
} 

.bic_calendar_green .webix_cal_time .webix_icon{
    font-size: 14px;
    width: 12px;
}


/* Green Grid CSS*/
.bic_grid_green {
    border: 1px solid #f8f8f8;
}

.bic_grid_green .webix_ss_header {
    color: #ffffff;
}

.bic_grid_green .webix_ss_header td {
    border-right: 1px solid #838383;
}

.bic_gridheader_green{
    color: #ffffff;
    background: #81b256;
}

.bic_grid_green .webix_hcell.webix_ss_filter {
    padding: 0px 4px;
    background: #81b256;
}

.bic_grid_green .webix_column > div.webix_cell_select, .bic_grid_green .webix_column > div.webix_column_select, .bic_grid_green .webix_column > div.webix_row_select {
    color: #ffffff;
    background: #81b256;
}

.webix_view.bic_grid_green .webix_dt_editor input, .webix_view.bic_grid_green .webix_dt_editor select {
    border-color: #81b256;
    border-radius: 2px;
}

/* Green Pager CSS */

.bic_pager_green {
    margin: 10px 0;
}

.bic_pager_green .webix_view .webix_pager_item {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #81b256;
    min-width: 25px;
}

.bic_pager_green .webix_view .webix_pager_item_selected {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    background-color: #81b256;
    min-width: 25px;
} 

/* Green Form Focus CSS */

.bic_form_text_green input:focus, .bic_form_richselect_green .webix_inp_static:focus, .bic_form_textarea_green textarea:focus, .bic_form_search_green input:focus, .bic_datepicker_green .webix_el_datepicker .webix_inp_static:focus  {
    border: 1px solid rgba(129,178,86,0.8);
}

/* Green Form Switch CSS */

.bic_form_switch_green .webix_switch_box.webix_switch_on {
    background-color: #81b256;
}

/* Green Form Counter CSS */

.bic_form_counter_green .webix_inp_counter_prev, .bic_form_counter_green .webix_inp_counter_next {
    background: #81b256;
    width: 30px;
    border: 1px solid #81b256;
    color: #fff;
}

.bic_form_counter_green .webix_inp_counter_prev:hover, .bic_form_counter_green .webix_inp_counter_next:hover {
    opacity: 0.8;
}

/* Green Form Radio CSS */

.bic_form_radio_green .webix_radio_1 .webix_custom_radio {
    color: #81b256;
}

/* Green Form Checkbox CSS */

.bic_form_checkbox_green .webix_checkbox_1 .webix_custom_checkbox {
    color: #81b256;
}

/* Green Alert CSS */

.bic_alert_green .webix_popup_button {
    border-color: #81b256 !important;
    background: #81b256 !important;
}

.bic_confirm_green .webix_popup_button {
    color: #81b256;
}

.bic_confirm_green .webix_popup_title {
    padding: 8px 12px 8px 12px;
    border-bottom: 3px solid #81b256;
    margin-bottom: 5px;
}

.bic_confirm_green {
    padding-bottom: 40px;
}

.bic_confirm_green .webix_popup_button:first-child {
    position: absolute;
    right: 15px;
}

.bic_confirm_green .webix_popup_button:last-child {
    position: absolute;
    left: 15px;
}

.bic_confirm_green .webix_popup_button.confirm {
    border-color: #81b256 !important;
    background: #81b256 !important;
    color: #ffffff;
}

/* Green Gage CSS */
.bic_gage_green .webix_gage_label {
    font-size: 0.5em;
    color: #81b256;
}

.bic_gage_green .webix_gage_info {
    font-size: 0.6em;
}

.bic_gage_green .webix_gage_max_range,.bic_gage_green .webix_gage_min_range {
    color: #81b256;
}

.bic_gage_green .webix_gage_value {
    font-size: 1.2em;
    color: #81b256;
}
.bic_gage_green .webix_gage_range_info  {
    font-size: 0.8em;
    color: #81b256;
}

/* Green Dashboard Section CSS */
.dash-section-green .webix_template{
    padding: 0;
}

.dash-section-green .dash-section-head h3{
    background: #81b256;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dash-section-green .dash-section-body {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #efefef;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dash-section-green .dash-section-body h4 span {
    font-size: 1.4em;
    color: #81b256;
}

/* Green Monitiring CSS */

.bic_monitoring_green {
    background-color: #ffffff;
}

#now-icon{
    margin: 0;
    font-size: 25px;
}

#move-icon{
    margin: 0 0 -20px 0;
    font-size: 24px;
}

.monitoring_btn_info_green .webix_button {
    background: #81b256;
    color: #ffffff;
    border: 2px solid #81b256;
    border-radius: 5px;
}

.monitoring_btn_end_green .webix_button {
    background: #fff;
    color: #81b256;
    border: 2px solid #81b256;
    border-radius: 5px;
}

.monitoring_btn_move_green .webix_button {
    background: #fff;
    color: #81b256;
    border: 2px dotted #81b256;
    border-radius: 5px;
}

.monitoring_btn_now_green .webix_button {
    background: #ee5555;
    color: #ffffff;
    border: 2px solid #ee5555;
    border-radius: 5px;
}

.bic_monitoring_green .monitoring_btn_now_green .monitoring_title{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

.bic_monitoring_green .monitoring_title{
    font-size: 15px;
}

.bic_monitoring_green .monitoring_meta{
    font-size: 10px;
    margin-top: 0;
}

/* Green Kanban CSS */

.bic_kanban_green .webix_kanban_list_content {
    border-left: 3px solid #81b256;
}

.bic_kanban_green .webix_accordionitem_label {
    color: #fff;
    background: #81b256;
}

.bic_kanban_green .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff;
}

.bic_kanban_green .webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button::before {
    color: #ffffff;
}


/* Purple CSS*/


/* Purple Header CSS*/

.webix_toolbar.bic_header_purple {
    background: #5c3e6e;
    border-color: #5c3e6e;
}

.webix_toolbar.bic_header_purple .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_header_purple  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_header_purple .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

.webix_toolbar.bic_header_purple .webix_badge {
    background-color: #e55;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 9px;
    height: 20px;
    min-width: 20px;
    width: 20px;
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

/* Purple Footer CSS*/

.webix_toolbar.bic_footer_purple  {
    background: rgba(92,62,110,0.8);
    border-color: #5c3e6e;
}


.webix_toolbar.bic_footer_purple .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_footer_purple  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_footer_purple .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

/* Purple Tabs CSS*/

.bic_tabs_purple {
    margin-top: 3px !important;
    padding: 0 10px;
}

.bic_tabs_purple .webix_all_tabs .webix_item_tab {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5c3e6e;
    letter-spacing: 0px;
    border: none;
}

.bic_tabs_purple .webix_all_tabs .webix_item_tab.webix_selected {
    box-shadow: inset 0 -3px #5c3e6e;
    padding-bottom: 0;
}

.bic_tabs_purple .webix_all_tabs .webix_item_tab.webix_selected:focus {
    color: #5c3e6e;
}

.bic_tabs_purple .webix_view.webix_control.webix_el_tabbar {
    height: 35px !important;
}

/* Purple Accordion CSS*/

.bic_accordion_purple .webix_accordionitem_header {
    background: rgba(92,62,110,0.9) !important;
}

.bic_accordion_purple .webix_accordionitem_header.collapsed {
    background: rgba(92,62,110,0.8) !important;
}

.bic_accordion_purple .webix_accordionitem_label {
    color: #ffffff;
}

.bic_accordion_purple .webix_accordionitem_label:hover {
    opacity: 0.8;
}

.bic_accordion_purple .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff !important;
}

/* Purple Button CSS*/

.bic_button_purple .webix_button {
    background: #5c3e6e;
    color: #ffffff;
}

.bic_button_purple .webix_button .webix_icon_btn {
    color: #ffffff;
}

/* Purple Calendar CSS*/
.bic_calendar_purple .webix_cal_body .webix_cal_event{
    color: #5c3e6e;
}

.bic_calendar_purple .webix_cal_body .webix_cal_select .webix_cal_day_inner, .bic_calendar_purple .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
    background-color: #5c3e6e;
}

.bic_calendar_purple .webix_cal_body .webix_cal_today .webix_cal_day_inner {
    box-shadow: inset 0 0 0 2px #5c3e6e;
}

.bic_calendar_purple .webix_cal_time {
    font-size: 12px;
}    

.bic_calendar_purple .webix_cal_time:hover {
    color: #5c3e6e;
} 

.bic_calendar_purple .webix_cal_time .webix_icon{
    font-size: 14px;
    width: 12px;
}

/* Purple Grid CSS*/
.bic_grid_purple {
    border: 1px solid #f8f8f8;
}

.bic_grid_purple .webix_ss_header {
    color: #ffffff;
}

.bic_grid_purple .webix_ss_header td {
    border-right: 1px solid #838383;
}

.bic_gridheader_purple{
    color: #ffffff;
    background: #5c3e6e;
}

.bic_grid_purple .webix_hcell.webix_ss_filter {
    padding: 0px 4px;
    background: #5c3e6e;
}

.bic_grid_purple .webix_column > div.webix_cell_select, .bic_grid_purple .webix_column > div.webix_column_select, .bic_grid_purple .webix_column > div.webix_row_select {
    color: #ffffff;
    background: #5c3e6e;
}

.webix_view.bic_grid_purple .webix_dt_editor input, .webix_view.bic_grid_purple .webix_dt_editor select {
    border-color: #5c3e6e;
    border-radius: 2px;
}

/* Purple Pager CSS */

.bic_pager_purple {
    margin: 10px 0;
}

.bic_pager_purple .webix_view .webix_pager_item {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #5c3e6e;
    min-width: 25px;
}

.bic_pager_purple .webix_view .webix_pager_item_selected {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    background-color: #5c3e6e;
    min-width: 25px;
} 

/* Purple Form Focus CSS */

.bic_form_text_purple input:focus, .bic_form_richselect_purple .webix_inp_static:focus, .bic_form_textarea_purple textarea:focus, .bic_form_search_purple input:focus, .bic_datepicker_purple .webix_el_datepicker .webix_inp_static:focus  {
    border: 1px solid rgba(92,62,110,0.8);
}

/* Purple Form Switch CSS */

.bic_form_switch_purple .webix_switch_box.webix_switch_on {
    background-color: #5c3e6e;
}

/* Purple Form Counter CSS */

.bic_form_counter_purple .webix_inp_counter_prev, .bic_form_counter_purple .webix_inp_counter_next {
    background: #5c3e6e;
    width: 30px;
    border: 1px solid #5c3e6e;
    color: #fff;
}

.bic_form_counter_purple .webix_inp_counter_prev:hover, .bic_form_counter_purple .webix_inp_counter_next:hover {
    opacity: 0.8;
}

/* Purple Form Radio CSS */

.bic_form_radio_purple .webix_radio_1 .webix_custom_radio {
    color: #5c3e6e;
}

/* Purple Form Checkbox CSS */

.bic_form_checkbox_purple .webix_checkbox_1 .webix_custom_checkbox {
    color: #5c3e6e;
}

/* Purple Alert CSS */

.bic_alert_purple .webix_popup_button {
    border-color: #5c3e6e !important;
    background: #5c3e6e !important;
}

.bic_confirm_purple .webix_popup_button {
    color: #5c3e6e;
}

.bic_confirm_purple .webix_popup_title {
    padding: 8px 12px 8px 12px;
    border-bottom: 3px solid #5c3e6e;
    margin-bottom: 5px;
}

.bic_confirm_purple {
    padding-bottom: 40px;
}

.bic_confirm_purple .webix_popup_button:first-child {
    position: absolute;
    right: 15px;
}

.bic_confirm_purple .webix_popup_button:last-child {
    position: absolute;
    left: 15px;
}

.bic_confirm_purple .webix_popup_button.confirm {
    border-color: #5c3e6e !important;
    background: #5c3e6e !important;
    color: #ffffff;
}

/* Purple Gage CSS */
.bic_gage_purple .webix_gage_label {
    font-size: 0.5em;
    color: #5c3e6e;
}

.bic_gage_purple .webix_gage_info {
    font-size: 0.6em;
}

.bic_gage_purple .webix_gage_max_range,.bic_gage_purple .webix_gage_min_range {
    color: #5c3e6e;
}

.bic_gage_purple .webix_gage_value {
    font-size: 1.2em;
    color: #5c3e6e;
}
.bic_gage_purple .webix_gage_range_info  {
    font-size: 0.8em;
    color: #5c3e6e;
}

/* Purple Dashboard Section CSS */
.dash-section-purple .webix_template{
    padding: 0;
}

.dash-section-purple .dash-section-head h3{
    background: #5c3e6e;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dash-section-purple .dash-section-body {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #efefef;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dash-section-purple .dash-section-body h4 span {
    font-size: 1.4em;
    color: #5c3e6e;
}

/* Purple Monitiring CSS */

.bic_monitoring_purple {
    background-color: #ffffff;
}

#now-icon{
    margin: 0;
    font-size: 25px;
}

#move-icon{
    margin: 0 0 -20px 0;
    font-size: 24px;
}

.monitoring_btn_info_purple .webix_button {
    background: #5c3e6e;
    color: #ffffff;
    border: 2px solid #5c3e6e;
    border-radius: 5px;
}

.monitoring_btn_end_purple .webix_button {
    background: #fff;
    color: #5c3e6e;
    border: 2px solid #5c3e6e;
    border-radius: 5px;
}

.monitoring_btn_move_purple .webix_button {
    background: #fff;
    color: #5c3e6e;
    border: 2px dotted #5c3e6e;
    border-radius: 5px;
}

.monitoring_btn_now_purple .webix_button {
    background: #ee5555;
    color: #ffffff;
    border: 2px solid #ee5555;
    border-radius: 5px;
}

.bic_monitoring_purple .monitoring_btn_now_purple .monitoring_title{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

.bic_monitoring_purple .monitoring_title{
    font-size: 15px;
}

.bic_monitoring_purple .monitoring_meta{
    font-size: 10px;
    margin-top: 0;
}

/* Purple Kanban CSS */

.bic_kanban_purple .webix_kanban_list_content {
    border-left: 3px solid #5c3e6e;
}

.bic_kanban_purple .webix_accordionitem_label {
    color: #fff;
    background: #5c3e6e;
}

.bic_kanban_purple .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff;
}

.bic_kanban_purple .webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button::before {
    color: #ffffff;
}



/* Black CSS*/


/* Black Header CSS*/

.webix_toolbar.bic_header_black {
    background: #222222;
    border-color: #222222;
}

.webix_toolbar.bic_header_black .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_header_black  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_header_black .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

.webix_toolbar.bic_header_black .webix_badge {
    background-color: #e55;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 9px;
    height: 20px;
    min-width: 20px;
    width: 20px;
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

/* Black Footer CSS*/

.webix_toolbar.bic_footer_black  {
    background: rgba(34,34,34,0.8);
    border-color: #222222;
}


.webix_toolbar.bic_footer_black .webix_el_label .webix_el_box {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0px;
}

.webix_toolbar.bic_footer_black  .webix_secondary .webix_button {
    background: none;
    color: #fff;
    font-size: 14px;
}

.webix_toolbar.bic_footer_black .webix_secondary .webix_button .webix_icon_btn {
    color: #fff;
    font-size: 20px;
}

/* Black Tabs CSS*/

.bic_tabs_black {
    margin-top: 3px !important;
    padding: 0 10px;
}

.bic_tabs_black .webix_all_tabs .webix_item_tab {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #222222;
    letter-spacing: 0px;
    border: none;
}

.bic_tabs_black .webix_all_tabs .webix_item_tab.webix_selected {
    box-shadow: inset 0 -3px #222222;
    padding-bottom: 0;
}

.bic_tabs_black .webix_all_tabs .webix_item_tab.webix_selected:focus {
    color: #222222;
}

.bic_tabs_black .webix_view.webix_control.webix_el_tabbar {
    height: 35px !important;
}

/* Black Accordion CSS*/

.bic_accordion_black .webix_accordionitem_header {
    background: rgba(34,34,34,0.9) !important;
}

.bic_accordion_black .webix_accordionitem_header.collapsed {
    background: rgba(34,34,34,0.8) !important;
}

.bic_accordion_black .webix_accordionitem_label {
    color: #ffffff;
}

.bic_accordion_black .webix_accordionitem_label:hover {
    opacity: 0.8;
}

.bic_accordion_black .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff !important;
}

/* Black Button CSS*/

.bic_button_black .webix_button {
    background: #222222;
    color: #ffffff;
}

.bic_button_black .webix_button .webix_icon_btn {
    color: #ffffff;
}

/* Black Calendar CSS*/
.bic_calendar_black .webix_cal_body .webix_cal_event{
    color: #222222;
}

.bic_calendar_black .webix_cal_body .webix_cal_select .webix_cal_day_inner, .bic_calendar_black .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
    background-color: #222222;
}

.bic_calendar_black .webix_cal_body .webix_cal_today .webix_cal_day_inner {
    box-shadow: inset 0 0 0 2px #222222;
}

.bic_calendar_black .webix_cal_time {
    font-size: 12px;
}    

.bic_calendar_black .webix_cal_time:hover {
    color: #222222;
} 

.bic_calendar_black .webix_cal_time .webix_icon{
    font-size: 14px;
    width: 12px;
}

/* Black Grid CSS*/
.bic_grid_black {
    border: 1px solid #f8f8f8;
}

.bic_grid_black .webix_ss_header {
    color: #ffffff;
}

.bic_grid_black .webix_ss_header td {
    border-right: 1px solid #838383;
}

.bic_gridheader_black{
    color: #ffffff;
    background: #222222;
}

.bic_grid_black .webix_hcell.webix_ss_filter {
    padding: 0px 4px;
    background: #222222;
}

.bic_grid_black .webix_column > div.webix_cell_select, .bic_grid_black .webix_column > div.webix_column_select, .bic_grid_black .webix_column > div.webix_row_select {
    color: #ffffff;
    background: #222222;
}

.webix_view.bic_grid_black .webix_dt_editor input, .webix_view.bic_grid_black .webix_dt_editor select {
    border-color: #222222;
    border-radius: 2px;
}


/* Black Pager CSS */

.bic_pager_black {
    margin: 10px 0;
}

.bic_pager_black .webix_view .webix_pager_item {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #222222;
    min-width: 25px;
}

.bic_pager_black .webix_view .webix_pager_item_selected {
    border-radius: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    background-color: #222222;
    min-width: 25px;
} 

/* Black Form Focus CSS */

.bic_form_text_black input:focus, .bic_form_richselect_black .webix_inp_static:focus, .bic_form_textarea_black textarea:focus, .bic_form_search_black input:focus, .bic_datepicker_black .webix_el_datepicker .webix_inp_static:focus  {
    border: 1px solid rgba(34,34,34,0.8);
}

/* Black Form Switch CSS */

.bic_form_switch_black .webix_switch_box.webix_switch_on {
    background-color: #222222;
}

/* Black Form Counter CSS */

.bic_form_counter_black .webix_inp_counter_prev, .bic_form_counter_black .webix_inp_counter_next {
    background: #222222;
    width: 30px;
    border: 1px solid #222222;
    color: #fff;
}

.bic_form_counter_black .webix_inp_counter_prev:hover, .bic_form_counter_black .webix_inp_counter_next:hover {
    opacity: 0.8;
}

/* Black Form Radio CSS */

.bic_form_radio_black .webix_radio_1 .webix_custom_radio {
    color: #222222;
}

/* Black Form Checkbox CSS */

.bic_form_checkbox_black .webix_checkbox_1 .webix_custom_checkbox {
    color: #222222;
}

/* Black Alert CSS */

.bic_alert_black .webix_popup_button {
    border-color: #222222 !important;
    background: #222222 !important;
}

.bic_confirm_black .webix_popup_button {
    color: #222222;
}

.bic_confirm_black .webix_popup_title {
    padding: 8px 12px 8px 12px;
    border-bottom: 3px solid #222222;
    margin-bottom: 5px;
}

.bic_confirm_black {
    padding-bottom: 40px;
}

.bic_confirm_black .webix_popup_button:first-child {
    position: absolute;
    right: 15px;
}

.bic_confirm_black .webix_popup_button:last-child {
    position: absolute;
    left: 15px;
}

.bic_confirm_black .webix_popup_button.confirm {
    border-color: #222222 !important;
    background: #222222 !important;
    color: #ffffff;
}

/* Black Gage CSS */
.bic_gage_black .webix_gage_label {
    font-size: 0.5em;
    color: #222222;
}

.bic_gage_black .webix_gage_info {
    font-size: 0.6em;
}

.bic_gage_black .webix_gage_max_range,.bic_gage_black .webix_gage_min_range {
    color: #222222;
}

.bic_gage_black .webix_gage_value {
    font-size: 1.2em;
    color: #222222;
}
.bic_gage_black .webix_gage_range_info  {
    font-size: 0.8em;
    color: #222222;
}

/* Black Dashboard Section CSS */
.dash-section-black .webix_template{
    padding: 0;
}

.dash-section-black .dash-section-head h3{
    background: #222222;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dash-section-black .dash-section-body {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #efefef;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dash-section-black .dash-section-body h4 span {
    font-size: 1.4em;
    color: #222222;
}

/* Black Monitiring CSS */

.bic_monitoring_black {
    background-color: #ffffff;
}

#now-icon{
    margin: 0;
    font-size: 25px;
}

#move-icon{
    margin: 0 0 -20px 0;
    font-size: 24px;
}

.monitoring_btn_info_black .webix_button {
    background: #222222;
    color: #ffffff;
    border: 2px solid #222222;
    border-radius: 5px;
}

.monitoring_btn_end_black .webix_button {
    background: #fff;
    color: #222222;
    border: 2px solid #222222;
    border-radius: 5px;
}

.monitoring_btn_move_black .webix_button {
    background: #fff;
    color: #222222;
    border: 2px dotted #222222;
    border-radius: 5px;
}

.monitoring_btn_now_black .webix_button {
    background: #ee5555;
    color: #ffffff;
    border: 2px solid #ee5555;
    border-radius: 5px;
}

.bic_monitoring_black .monitoring_btn_now_black .monitoring_title{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

.bic_monitoring_black .monitoring_title{
    font-size: 15px;
}

.bic_monitoring_black .monitoring_meta{
    font-size: 10px;
    margin-top: 0;
}

/* Black Kanban CSS */

.bic_kanban_black .webix_kanban_list_content {
    border-left: 3px solid #222222;
}

.bic_kanban_black .webix_accordionitem_label {
    color: #fff;
    background: #222222;
}

.bic_kanban_black .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
    color: #ffffff;
}

.bic_kanban_black .webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button::before {
    color: #ffffff;
}


/* system button CSS */

.bic_system_save .webix_button {
    background-color: #ffffff;
    color: #35436e;
    border: 1px solid #35436e;
}

.bic_system_save .webix_button:hover {
    background-color: #35436e;
    color: #ffffff;
}

.bic_system_save .webix_button .webix_icon_btn {
    color: #35436e;
}

.bic_system_save .webix_button:hover .webix_icon_btn {
    color: #ffffff;
}

.bic_system_delete .webix_button {
    background-color: #ffffff;
    color: #35436e;
    border: 1px solid #35436e;
}

.bic_system_delete .webix_button:hover {
    background-color: #35436e;
    color: #ffffff;
}

.bic_system_delete .webix_button .webix_icon_btn {
    color: #35436e;
}

.bic_system_delete .webix_button:hover .webix_icon_btn {
    color: #ffffff;
}

.bic_system_update .webix_button {
    background-color: #ffffff;
    color: #35436e;
    border: 1px solid #35436e;
}

.bic_system_update .webix_button:hover {
    background-color: #35436e;
    color: #ffffff;
}

.bic_system_update .webix_button .webix_icon_btn {
    color: #35436e;
}

.bic_system_update .webix_button:hover .webix_icon_btn {
    color: #ffffff;
}

.bic_system_search .webix_button {
    background-color: #ffffff;
    color: #35436e;
    border: 1px solid #35436e;
}

.bic_system_search .webix_button:hover {
    background-color: #35436e;
    color: #ffffff;
}

.bic_system_search .webix_button .webix_icon_btn {
    color: #35436e;
}

.bic_system_search .webix_button:hover .webix_icon_btn {
    color: #ffffff;
}

.bic_system_add .webix_button, .bic_system_excel_save .webix_button, .bic_system_init .webix_button {
    line-height: 18px !important;
    font-size: 14px;
    color: #35436e;
    background-color: #fff;
    margin: 0;
    border: 1px solid #35436e;
}

.bic_system_add .webix_button:hover, .bic_system_excel_save .webix_button:hover, .bic_system_init .webix_button:hover {
    color: #ffffff;
    background-color: #35436e;
}

.bic_system_add .webix_button .webix_icon_btn {
    color: #35436e;
}

.bic_system_add .webix_button:hover .webix_icon_btn {
    color: #ffffff;
}

.bic_system_excel_save .webix_button .webix_icon_btn {
    color: #35436e;
}

.bic_system_excel_save .webix_button:hover .webix_icon_btn {
    color: #ffffff;
}

.bic_system_init .webix_button .webix_icon_btn {
    color: #35436e;
}

.bic_system_init .webix_button:hover .webix_icon_btn {
    color: #ffffff;
}

.bic_info_panel .bic_system_save {
    display: inline-block;
    width: 190px !important;
}

.bic_info_panel .bic_system_delete {
    display: inline-block;
    width: 190px !important;
}

.bic_info_panel .bic_system_save .webix_el_box {
    width: 190px !important;
}

.bic_info_panel .bic_system_delete .webix_el_box {
    width: 190px !important;
}