/*
******************************************
CPS v5 Customized/Modified CSS Overrides for DHX Components
Author: Neil Dempster, PhD 
******************************************
*/

/*********** Colorpicker */


/*********** Combobox */


/*********** Form */
.dhx_label-help { padding-top: 1px; }
.dhx_button--view_link.dhx_button--color_primary { color: #2c2047; }
.dhx_button--view_link.dhx_button--color_primary:hover { color: #fff; background-color: rgba(44,32,71,0.5); }
.btn_darkmode.gray .dhx_button--view_link.dhx_button--color_primary { color: #8f9899; }
.btn_darkmode.gray .dhx_button--view_link.dhx_button--color_primary:hover { color: #fff; background-color: rgba(232,106,99,0.5); }
.btn_darkmode .dhx_button--view_link.dhx_button--color_primary { color: #e86a63; }
.btn_darkmode .dhx_button--view_link.dhx_button--color_primary:hover { color: #fff; background-color: rgba(232,106,99,0.5); }
.btn_primary_v5_ui .dhx_button--view_link.dhx_button--color_primary { color: #e86a63; background-color: rgba(232,106,99,1.0); }
.btn_primary_v5_ui .dhx_button--view_link.dhx_button--color_primary:hover { color: #fff; background-color: rgba(232,106,99,0.5); }
.dhx_button--view_link.dhx_button--color_success { color: #6c8426; }
.dhx_button--view_link.dhx_button--color_success:hover { color: #fff; background-color: rgba(108,132,38,0.5); }
.dhx_button--view_link.dhx_button--color_success:disabled { color: rgba(108,132,38,0.5); }
.dhx_button--view_link.dhx_button--color_success:disabled:hover { color: rgba(255,255,255,0.6); cursor: not-allowed; }
.btn_danger_v5_ui .dhx_button--view_link.dhx_button--color_danger { color: #b01e2d; background-color: rgba(44,32,71,0.5);  }
.btn_danger_v5_ui .dhx_button--view_link.dhx_button--color_danger:hover { color: #fff; background-color: rgba(44,32,71,1.0); }
.btn_danger_v5_ui .dhx_button--view_link.dhx_button--color_danger:disabled { color: rgba(108,132,38,0.5); }
.btn_danger_v5_ui .dhx_button--view_link.dhx_button--color_danger:disabled:hover { color: rgba(255,255,255,0.6); cursor: not-allowed; }
.btn_labeltext_noupper .dhx_button--size_medium { text-transform: none; }

.dhx_button--view_link.dhx_button:disabled { pointer-events: auto; }
.dhx_form-group--state_success .dhx_label { color: #6c8426;}
.dhx_form-group--state_success .dhx_text { color: rgba(0,0,0,0.7);}
.dhx_form-group--state_error .dhx_label { color: #671516;}
.dhx_form-group--state_error .dhx_text { color: rgba(0,0,0,0.7);}

/*	|| +++ Form: Common: Input Box */
.form_label_admin .dhx_label { color: rgba(0,0,0,0.7); font-size: 90%; font-weight: 300; padding-left: 0; padding-right: 0; padding-top:0; }
.form_label_12 .dhx_label { color: rgba(0,0,0,0.7); font-size: 12px; font-weight: 300; padding-left: 0; padding-right: 0; padding-top:0; }
.form_label_12.left5 .dhx_label { padding-left: 5px; }
.form_label_12.right5 .dhx_label { padding-right: 5px; }
.form_label_12.help_message_spacing .dhx_label { padding-right: 30px; }
.form_label_12.label_error .dhx_label { color: #b01e2d; font-weight: 500; }
.form_input_float_rounded .dhx_input__container { padding-left: 5px; padding-right: 5px; }
.form_input_float_rounded .dhx_input { padding-left: 10px; border-radius: 20px; box-shadow: 0px 5px 5px 0px rgba(58,73,89,0.5); }
.form_input_float_rounded.counter .dhx_input { padding-left: 0; padding-right: 0; padding-top: 7px; text-align: center; border-radius: 15px; }
.form_input_icon_rounded .dhx_input__icon { color: rgba(44,32,71,0.5); right: 14px; }
.form_input_fs90 .dhx_input { font-size: 90%; background-color: #fff; }
.form_input_fs90.eggplant .dhx_input { color: rgba(44,32,71,1.0); }
.form_input_container_instructions90 .dhx_layout-cell-content { color: rgba(0,0,0,0.7); font-size: 90%; }
.common_input_title_90 .dhx_form-group--inline .dhx_label { font-size: 90%; font-weight: 500; padding-left: 10px; margin-right: 5px; }
.common_input_title_90 .dhx_input { font-size: 90%; }
.common_input_margin_top10 .dhx_form-group { margin-top: 10px;}
.common_input_margin_top20 .dhx_form-group { margin-top: 20px;}
.common_input_margin_bottom10 .dhx_form-group { margin-bottom: 10px;}
.common_input_margin_bottom20 .dhx_form-group { margin-bottom: 20px;}
.common_input_padding_right10 .dhx_form-group--inline { padding-right: 10px;}
.common_input_disable_no_opacity .dhx_form-group--disabled { opacity: 1.0 !important; }
.common_input_center_text .dhx_input { text-align: center; }
.common_input_text12 .dhx_input { font-size: 12px; }
.common_input_text11 .dhx_input { font-size: 11px; }
.common_input_text10 .dhx_input { font-size: 10px; }
.common_input_text12.reducedheight .dhx_input { padding-top: 2px; padding-bottom: 2px; }
.common_input_text12.reducedheight .dhx_label { margin-top: 2px; }
.input_cursor_notallowed .dhx_form-group--disabled { opacity: 1.0 !important; }
.input_cursor_notallowed .dhx_input { pointer-events: all; cursor: not-allowed; opacity: 0.6; }
.input_cursor_notallowed .dhx_label { font-weight: 400; }
.form_container_text100 .dhx_layout-cell-content { font-size: 100%; }
.form_container_text12 .dhx_layout-cell-content { font-size: 12px; }
.form_container_text90 .dhx_layout-cell-content { font-size: 90%; }
.form_container_text80 .dhx_layout-cell-content { font-size: 80%; }
.form_container_text_margin0 .dhx_form-group { margin-bottom: 0; }
.form_container_margin_bottom0 .dhx_form-group { margin-bottom: 0; }
.common_form_container_link.wine a { color: #981755;  font-size: 80%; }
.common_form_container_link.eggplant a { color: rgba(0,0,0,0.7);  font-size: 80%; }
.common_form_container_link.eggplant a:hover { color: #981755;  font-size: 80%; }
.help_icon_12 .dhx_label-help .dhx::before { font-size: 10px; }

.form_scroll .dhx_input { overflow-y: scroll; cursor: default; }
.form_scroll.noscroll .dhx_input { overflow-y: hidden; }
.form_scroll .dhx_input::-webkit-scrollbar { width: 10px; } /* Custom VerticalScrollbar */
.form_scroll .dhx_input::-webkit-scrollbar-track { background: #b7c6cc; }
.form_scroll .dhx_input::-webkit-scrollbar-thumb { background: #2b0733; }
.form_scroll .dhx_input::-webkit-scrollbar-thumb:hover { background: #a3195b; }

.form_scroll .dhx_layout-cell-content::-webkit-scrollbar-track { background: #b7c6cc; }


.password_view a { color: #999; font-size: 100%; }
.password_view a:hover { color: rgba(58,73,89,0.8); }

/*	|| +++ Form: Common: Radio Buttons */
.common_rb .dhx_text { font-weight: normal; font-size: 0.6rem; color: rgba(0,0,0,.7); padding-top: 3px; }
.common_rb.txt_drkblue_384e6a .dhx_text { color: #384e6a; }
.common_rb.label_error .dhx_text { color: #b01e2d; font-weight: 500; }
.common_rb .dhx_text:hover { color: #c33953; }
/*.common_rb .dhx_radiobutton { width: 26px; }*/
.common_rb.indent { padding-left: 10px; }
.common_rb.border { border: 1px solid #699; }

/*.common_rb .dhx_label { font-weight: bold; font-size: 0.6rem; color: #542b3d; }*/
/*.common_rb .dhx_label:hover { color: #c33953; }*/

.common_rb.ui_bold10 .dhx_label { font-weight: bold; font-size: 10px; color: #542b3d; }
.common_rb.ui_bold10 .dhx_label:hover { color: #c33953; }
.common_rb.ui_fs9 .dhx_text { font-weight: normal; font-size: 9px; color: rgba(0,0,0,.7); padding-top: 3px; }
.common_rb.ui_fs10 .dhx_text { font-weight: normal; font-size: 10px; color: rgba(0,0,0,.7); padding-top: 3px; }
.common_rb.ui_fs11 .dhx_text { font-weight: normal; font-size: 11px; color: rgba(0,0,0,.7); padding-top: 3px; }
.common_rb .dhx_form-group { padding-bottom: 0; }
.common_rb.nobottommargin .dhx_form-group { margin-bottom: 1px; }
.common_rb.vertical .dhx_form-group { padding-bottom: 0; margin-bottom: 0; }
.common_rb .dhx_form-group--inline { margin-left: 0; align-items: flex-start; }
.common_rb .dhx_radiobutton__input:checked+.dhx_radiobutton__visual-input { border: 1px solid #699; background-color: #c33953; }
.common_rb .dhx_radiobutton__visual-input { border: 2px solid #699; min-width: 16px; min-height: 16px; }
.common_rb .dhx_form-group--inline .dhx_label { margin-right: 0;  padding-top: 0; }

/*	|| +++ Form: Common: Checkbox */
.common_frmcontrol_title .dhx_form-group--checkbox-group .dhx_label { padding-left: 10px; padding-top: 5px; }
.common_frmcontrol .dhx_form-group { padding-left: 20px; margin-bottom: 0; }
.common_frmcontrol.chkbox_small .dhx_checkbox__visual-input { background-color: #f6f6f6; border-color: #2c2047; min-width: 16px; min-height: 16px; border-width: 1px; border-radius: 4px; }
.common_frmcontrol.chkbox_small.red .dhx_checkbox__input:checked+.dhx_checkbox__visual-input { background-color: #b01e2d; }
.common_frmcontrol.chkbox_small.green .dhx_checkbox__input:checked+.dhx_checkbox__visual-input { background-color: #6c8426; }
.common_frmcontrol.chkbox_small .dhx_text { font-size: 90%; }

.v5_checkbox .dhx_checkbox__visual-input { background-color: #f6f6f6; border-color: rgba(0,0,0,0.5); border-width: 1px; border-radius: 4px; }
.v5_checkbox.reducedsize .dhx_checkbox__visual-input { min-width: 16px; min-height: 16px; }
.v5_checkbox .dhx_checkbox__input:checked+.dhx_checkbox__visual-input { background-color: #0287ca; }

/*	|| +++ Form: Common: Combobox */
.v5_grid_comboboxD1 .dhx_list { font-size: 11px; background-color: #d3d1d8  }


/*	|| +++ Form: Common: Slider */

.slider_password_progress { padding-left: 15px; padding-right: 15px; padding-top: 8px; }
.slider_password_progress .dhx_label { font-size: 90%; font-weight: 500; }
.slider_password_progress .dhx_slider--disabled { opacity = 1.0; }
.slider_password_progress .dhx_slider__tick { background-color: #000; }
.slider_password_progress .dhx_slider__thumb::before { background-color: rgb(10,177,105); }
.slider_password_progress.red { padding-left: 0; padding-right: 0; padding-top:0; }
.slider_password_progress.red .dhx_slider__thumb,
.slider_password_progress.red .dhx_slider__track,
.slider_password_progress.red .dhx_label { color: #a90b0e; font-size: 90%; font-weight: 500; cursor:default; }
.slider_password_progress.orange { padding-left: 0; padding-right: 0; padding-top:0; }
.slider_password_progress.orange .dhx_slider__thumb,
.slider_password_progress.orange .dhx_slider__track,
.slider_password_progress.orange .dhx_label { color: #f09300; font-size: 90%; font-weight: 500; cursor:default; }
.slider_password_progress.green { padding-left: 0; padding-right: 0; padding-top:0; }
.slider_password_progress.green .dhx_slider__thumb,
.slider_password_progress.green .dhx_slider__track,
.slider_password_progress.green .dhx_label { color: #304f30; font-size: 90%; font-weight: 500; cursor:default; }

.slider_password_progress.red .dhx_slider__thumb,
.slider_password_progress.red .dhx_slider__thumb:active,
.slider_password_progress.red .dhx_slider__thumb:after,
.slider_password_progress.red .dhx_slider__thumb:hover,
.slider_password_progress.red .dhx_slider__range { background-color: #a90b0e; }
.slider_password_progress.red .dhx_slider__thumb::before { background-color: rgba(169,11,14,0.15); }
.slider_password_progress.orange .dhx_slider__thumb,
.slider_password_progress.orange .dhx_slider__thumb:active,
.slider_password_progress.orange .dhx_slider__thumb:after,
.slider_password_progress.orange .dhx_slider__thumb:hover,
.slider_password_progress.orange .dhx_slider__range { background-color: #f09300; }
.slider_password_progress.orange .dhx_slider__thumb::before { background-color: rgba(240,147,0,0.15); }
.slider_password_progress.green .dhx_slider__thumb,
.slider_password_progress.green .dhx_slider__thumb:active,
.slider_password_progress.green .dhx_slider__thumb:after,
.slider_password_progress.green .dhx_slider__thumb:hover,
.slider_password_progress.green .dhx_slider__range { background-color: #304f30; }
.slider_password_progress.green .dhx_slider__thumb::before { background-color: rgba(108,132,38,0.15); }

/*********** Grid */
.grid-checkbox-blue .dhx_checkbox__visual-input { background-color: #5f6f85; border-color: #5d6d84; min-width: 16px; min-height: 16px; border-width: 1px; border-radius: 3px; }
.grid-checkbox-blue .dhx_checkbox__input:checked+.dhx_checkbox__visual-input { background-color: #5d6d84; border-color: #3d506b; }
.grid-checkbox-blue .dhx_checkbox__visual-input{ background-color: #fff; border-color: #3d506b; }

.cursor_pointer .dhx_grid-cell { cursor: pointer; }
.cursor_dblclick .dhx_grid-cell__content { cursor: zoom-in; }
.cursor_dblclick .dhx_grid-cell__content:hover { background-color: #b7c6cc; opacity: 1.0; transition: background-color 0.6s ease-in; }
.cursor_notallowed .dhx_grid-cell__content { cursor: not-allowed; }
.cursor_notallowed.bold .dhx_grid-cell__content { font-weight: bold; }
.cursor_notallowed.wine .dhx_grid-cell__content { color: #981755; }
.cursor_notallowed.mute .dhx_grid-cell__content:hover { background-color: #fff; transition: none; }
.no_pointerevent .dhx_grid-cell__content { pointer-events: none; }
.no_pointerevent.bold .dhx_grid-cell__content { font-weight: bold; }
.no_pointerevent.wine .dhx_grid-cell__content { color: #981755; }

.common_grid.rounded .dhx_grid-header-cell { font-size: 0.6rem; font-weight: bold; background-image: linear-gradient(to bottom, rgb(197,197,197), rgb(217,217,217), rgb(237,237,237), rgb(217,217,217), rgb(197,197,197)); }

.grid_header_vertical_gridline .dhx_grid-header-cell:not(.dhx_cell_first) { border-left: 1px solid #e4e4e4; }
.grid_grab .dhx_grid-row:hover { background-color: #f8f6b9; }
.grid_grab .dhx_grid-cell { cursor: grab; }

.grid-column-border-left.dhx_grid-cell { border-left: 2px solid #3d506b; }
.grid-column-border-right.dhx_grid-cell { border-right: 2px solid #3d506b; }
.grid-header-border-left.dhx_grid-header-cell { border-left: 2px solid #3d506b; }
.grid-header-border-right.dhx_grid-header-cell { border-right: 2px solid #3d506b; }

/*********** Layout */

/*	|| +++ Layout: Common */

/*.layoutD1 { background-color: #e8edf5; padding: 0; margin-bottom: 0; }*/
.layoutD1 .dhx_layout { background-color: #e8edf5; padding: 0; margin-bottom: 0; }
.layoutD1 .dhx_layout-cell { background-color: #e8edf5; overflow: hidden; margin-bottom: 0; }
.layoutD1.bg_darkmode2 .dhx_layout-cell { background-color: #082b33; }
.layoutD1.darkmode .dhx_layout-cell-content { color: #af8500; }
.layoutD1.v5_ap { background-color: #d3d1d8; }
.layoutD1.v5_ap .dhx_layout-cell { background-color: #d3d1d8; }
.layoutD1.white .dhx_layout-cell { background-color: #fff; }
.layoutD1.border { border: 1px solid #2c2047; }
.layoutD1.border.offwhite { border: 1px solid #f6f6f6; }
.layoutD1.border.gray { border: 1px solid #dfdfdf; }
.layoutD1.border.eggplant { border: 1px solid #2c2047; }
.layoutD1.border.red { border: 1px solid #efcfc3; }
.layoutD1.border.green { border: 1px solid #e0e9c9; }
.layoutD1.border.darkmode { border: 1px solid #007a99; }
.layoutD1.border.rounded5 { border-radius: 5px; }
.layoutD1.shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.layout-center { margin-left: auto; margin-right: auto; }
.layout-margin_left10 { margin-left: 10px; }
.layout-margin_right10 { margin-right: 10px; }
.layout-margin_left10 { margin-left: 10px; }
.layout-margin_top10 { margin-top: 10px; }
.layout-content-paragraph .dhx_layout-cell-content { padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 10px; }
.layout-img-vertical-center.dhx_layout-cell { margin-top: auto; margin-bottom: auto; }
.layout-img-vertical-center .dhx_layout-cell-content { padding-left: 10px; padding-right: 10px; }
.layout-img-vertical-center.nopad .dhx_layout-cell-content { padding-left: 0px; padding-right: 0px; }
.layout-html-text_center .dhx_layout-cell-content { text-align: center; }
.layout-html-text100 .dhx_layout-cell-content { font-size: 100%; }
.layout-html-text90 .dhx_layout-cell-content { font-size: 90%; }
.layout-html-text80 .dhx_layout-cell-content { font-size: 80%; }
.layout-html-text70 .dhx_layout-cell-content { font-size: 70%; }

.layout_collapsable .dhx_input { background-color: #fff; }
.layout_collapsable.reduced_topbottom .dhx_layout-cell-header { padding-top: 5px; padding-bottom: 5px; }
.layout_collapsable .dhx_layout-cell-header__title { font-weight: 600; }
.layout_collapsable.fs12 .dhx_layout-cell-header__title { font-size: 12px; }
.layout_collapsable.fs13 .dhx_layout-cell-header__title { font-size: 13px; }
.layout_collapsable.center .dhx_layout-cell-header__title { margin-left: auto; margin-right: auto; }

.layout_collapsable.red .dhx_layout-cell-header__title { font-weight: 800; color: rgba(176,30,45,0.6); }
.layout_collapsable.red .dhx_layout-cell-header__title:hover { color: rgba(176,30,45,1.0); }
.layout_collapsable.red .dhx_layout-cell-header { background-color: rgba(176,30,45,0.05); }
.layout_collapsable.red .dhx_layout-cell-header--collapsed { background-color: #fff; }
.layout_collapsable.red .dhx_layout-cell:hover { color: rgba(176,30,45,1.0); }

.layout_collapsable.blue .dhx_layout-cell-header__title { font-weight: 800; color: rgba(39,109,148,0.6); }
.layout_collapsable.blue .dhx_layout-cell-header__title:hover { color: rgba(39,109,148,1.0); }
.layout_collapsable.blue .dhx_layout-cell-header { background-color: rgba(39,109,148,0.05); }
.layout_collapsable.blue .dhx_layout-cell-header--collapsed { background-color: #fff; }
.layout_collapsable.blue .dhx_layout-cell:hover { color: rgba(39,109,148,1.0); }

.layout_collapsable.green .dhx_layout-cell-header__title { font-weight: 800; color: rgba(58,69,28,0.6); }
.layout_collapsable.green .dhx_layout-cell-header__title:hover { color: rgba(58,69,28,1.0); }
.layout_collapsable.green .dhx_layout-cell-header { background-color: rgba(58,69,28,0.05); }
.layout_collapsable.green .dhx_layout-cell-header--collapsed { background-color: #fff; }
.layout_collapsable.green .dhx_layout-cell:hover { color: rgba(58,69,28,1.0); }

.layout_collapsable.orange .dhx_layout-cell-header__title { font-weight: 800; color: rgba(119,52,8,0.6); }
.layout_collapsable.orange .dhx_layout-cell-header__title:hover { color: rgba(119,52,8,1.0); }
.layout_collapsable.orange .dhx_layout-cell-header { background-color: rgba(119,52,8,0.05); }
.layout_collapsable.orange .dhx_layout-cell-header--collapsed { background-color: #fff; }
.layout_collapsable.orange .dhx_layout-cell:hover { color: rgba(119,52,8,1.0); }

.fade-in-1 { animation: fadeIn ease 1s; -webkit-animation: fadeIn ease 1s; -moz-animation: fadeIn ease 1s; -o-animation: fadeIn ease 1s; -ms-animation: fadeIn ease 1s; }
.fade-in-2 { animation: fadeIn ease 2s; -webkit-animation: fadeIn ease 2s; -moz-animation: fadeIn ease 2s; -o-animation: fadeIn ease 2s; -ms-animation: fadeIn ease 2s; }
.fade-in-3 { animation: fadeIn ease 3s; -webkit-animation: fadeIn ease 3s; -moz-animation: fadeIn ease 3s; -o-animation: fadeIn ease 3s; -ms-animation: fadeIn ease 3s; }
.fade-in-4 { animation: fadeIn ease 4s; -webkit-animation: fadeIn ease 4s; -moz-animation: fadeIn ease 4s; -o-animation: fadeIn ease 4s; -ms-animation: fadeIn ease 4s; }

.layout_text_errors .dhx_layout-cell-content { color: #b01e2d; font-weight: 700; }
.layout_text_errors.center .dhx_layout-cell-content { text-align: center; }

/*********** Menu */
.v5_menu.border_bottom.dhx_menu-nav { border-bottom: 1px solid rgba(0,0,0,0.1); }
.v5_menu.bg_orange.dhx_menu-nav { background-color: #fad2b7; } /* Note: Colors are from v5 Palette for Focus/Active and Hover */
.v5_menu.bg_orange .dhx_nav-menu-button:hover { background-color: #f7b488; }
.v5_menu.bg_orange .dhx_nav-menu-button--disabled:hover { background-color: #fad2b7; }
.v5_menu.bg_blue.dhx_menu-nav { background-color: #cdd7e5; } /* Note: Colors are from v5 Palette for Focus/Active and Hover */
.v5_menu.bg_blue .dhx_nav-menu-button:hover { background-color: #abbdd3; }
.v5_menu.bg_blue .dhx_nav-menu-button--disabled:hover { background-color: #cdd7e5; }
.v5_menu.bg_rose.dhx_menu-nav { background-color: #e6cccc; } /* Note: Colors are from v5 Palette for Focus/Active and Hover */
.v5_menu.bg_rose .dhx_nav-menu-button:hover { background-color: #d5a9a9; }
.v5_menu.bg_rose .dhx_nav-menu-button--disabled:hover { background-color: #cdd7e5; } /* Not done */
.v5_menu.fontsize_12 .dhx_nav-menu-button { font-size: 12px; }
.v5_menu.fontweight_400 .dhx_nav-menu-button { font-weight: 400; }
.v5_menu.icon_spacing_3 .dhx_menu-button__icon { padding-right: 3px; }
.v5_menu.separator_color_white.dhx_menu-nav__item--separator { background-color: #fff; }

/*********** Message */
.msg_confirm { background: #000; opacity: 0.8; }
.msg_confirm.opaque { background: #000; opacity: 1.0; }
.msg_confirm .dhx_alert__header { font-size: 150%; text-align: center; color: #0288d1; }
.msg_confirm .dhx_alert__content { color: #fff; font-size: 100%; padding: 20px; line-height: 1.5; }
.msg_confirm.center .dhx_alert__content { text-align: center; }
.msg_fail { background: #000; opacity: 0.8; }
.msg_fail.opaque { background: #000; opacity: 1.0; }
.msg_fail .dhx_alert__header { font-size: 150%; text-align: center; color: #e86a63; }
.msg_fail .dhx_alert__content { color: #fff; font-size: 100%; padding: 20px; line-height: 1.5; }
.msg_fail.center .dhx_alert__content { text-align: center; }

/*********** Popup (used for native calendar and timepicker) */
/*.dhx_popup { border: 1px solid #007a99; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); animation: fadeIn ease 1s; -webkit-animation: fadeIn ease 1s; -moz-animation: fadeIn ease 1s; -o-animation: fadeIn ease 1s; -ms-animation: fadeIn ease 1s; }*/
/*.popup_v5_ui.border--rounded5.dhx_popup { border-radius: 5px; }*/
/*.popup_v5_ui.border--rounded10.dhx_popup { border-radius: 10px; }*/
/*.popup_v5_ui.bg_mauve.dhx_popup .dhx_calendar { background-color: #c6b7c7; }*/

/*********** Slider */


/*********** Tabbar */


/*********** Window */

/*	|| +++ Window: Common */
.window_fadein.dhx_popup { animation: appear 1.0s ease-in-out forwards; }
.windowD1 .dhx_window-header { margin-left: 0; margin-right: 0; padding-bottom: 15px; }
.windowD1 .dhx_window-content { margin-left: 0; margin-right: 0; padding-top: 10px; padding-bottom: 0; }
.windowD1 .dhx_window-header { padding-bottom: 15px; }
.windowD1 .dhx_navbar-title { font-family: 'Raleway', Verdana, Geneva, sans-serif; font-weight: 700; }
.windowD1.title_color_password .dhx_navbar-title { color: rgba(58,73,89,0.8); }
.windowD1.bottom10 .dhx_window-header { padding-bottom: 10px; }
.windowD1.bottom5 .dhx_window-header { padding-bottom: 5px; }
.windowD1 .dhx_window-content { margin-left: 18px; margin-right: 18px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 0; }
.windowD1 .dhx_window, .dhx_toolbar, .dhx_window-footer { padding-bottom: 0; }
.windowD1.shadow .dhx_window { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4); }
.windowD1.bg-gray .dhx_layout, .windowD1.bg-gray .dhx_layout-cell, .windowD1.bg-gray .dhx_toolbar { background: #efefef; }
.windowD1.bg-yellow .dhx_layout, .windowD1.bg-yellow .dhx_layout-cell, .windowD1.bg-yellow .dhx_toolbar { background: #d2cc00; }
.windowD1.bg-drab .dhx_layout, .windowD1.bg-drab .dhx_layout-cell, .windowD1.bg-drab .dhx_toolbar { background: #a4a71e; }
.windowD1.bg-green .dhx_layout, .windowD1.bg-green .dhx_layout-cell, .windowD1.bg-green .dhx_toolbar { background: #9fbb00; }
.windowD1.bg-mauve .dhx_layout, .windowD1.bg-mauve .dhx_layout-cell, .windowD1.bg-mauve .dhx_toolbar { background: #635e87; }
.windowD1.bg-beige .dhx_layout, .windowD1.bg-beige .dhx_layout-cell, .windowD1.bg-beige .dhx_toolbar { background: #cfcaa8; }
.windowD1.bg-drabgreen .dhx_layout, .windowD1.bg-drabgreen .dhx_layout-cell, .windowD1.bg-drabgreen .dhx_toolbar { background: #d1d98a; }
.windowD1.bg-drabblue .dhx_layout, .windowD1.bg-drabblue .dhx_layout-cell, .windowD1.bg-drabblue .dhx_toolbar { background: #cce4e0; }
.windowD1.bg-lightgreen .dhx_layout, .windowD1.bg-lightgreen .dhx_layout-cell, .windowD1.bg-lightgreen .dhx_toolbar { background: #e7ede8; }
.windowD1.bg-lightgreen2 .dhx_layout, .windowD1.bg-lightgreen2 .dhx_layout-cell, .windowD1.bg-lightgreen2 .dhx_toolbar { background: #d2e3b1; }
.windowD1.bg-deepyellow .dhx_layout, .windowD1.bg-deepyellow .dhx_layout-cell, .windowD1.bg-deepyellow .dhx_toolbar { background: #f6de5e; }
.windowD1.bg-dustyrose .dhx_layout, .windowD1.bg-dustyrose .dhx_layout-cell, .windowD1.bg-dustyrose .dhx_toolbar { background: #e9e8ec; }
.windowD1.bg-darkmode .dhx_layout, .windowD1.bg-darkmode .dhx_layout-cell, .windowD1.bg-darkmode .dhx_toolbar { background: #052229; }
.windowD1.bg-ui_blue .dhx_layout, .windowD1.bg-ui_blue .dhx_layout-cell, .windowD1.bg-ui_blue .dhx_toolbar { background: #eef2f6; }
.windowD1.title_color_darkmode .dhx_navbar-title { color: #af8500; }
.primary-button-modal .dhx_button--view_link.dhx_button--color_primary { color: #7458b4; }
.primary-button-modal .dhx_button--view_link.dhx_button--color_primary:hover { color: #fff; background-color: rgba(116,88,180,0.5); }

.alert_window_green { color: #718537; }
.alert_window_orange { color: #f96d11; }
.alert_window_blue { color: #708eb4; }
.alert_window_brightblue { color: #37afff; }
.alert_window_wine { color: #e03486; }
.alert_window_purple { color: #856cbd; }

/*	|| +++ Window: Report Generator */
.rg_colorpicker { background: #efefef; }
.rg_colorpicker .dhx_palette__cell { border-radius: 50%; }
.rg_colorpicker .dhx_palette__cell:after { border-radius: 50%; }
.rg_colorpicker .dhx_colorpicker-custom-colors__picker { border-radius: 50%; }
.rg_colorpicker .dhx_palette__cell--selected { border: 1px solid #000; }
.colorpicker_title { font-weight: normal; font-size: 0.6rem; color: rgba(0,0,0,.7); }
.colorpicker_sample_text { font-weight: normal; font-size: 1.6rem; color: #000; padding-top: 10px; }
.colorpicker_sample_bg { background-color: #f4d679; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; }

/*	|| +++ Window: Page/Component Specific */

/* Moved to bottom because closing } is causing CSS to stop*/
@keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; }