
/* ===================== */
/* Custom DHTMLX Styling */
/* ===================== */

/* Material, Windows */
/* ================= */
.dhxwin_fr_cover_dnd{
    display:block !important;
}

.dhxwins_vp_material div.dhxwins_mcover
{
    background-color: #000000 !important;
    opacity: 0.4 !important;
}
.dhxwins_vp_material div.dhxwin_brd
{
    /* This set the border background color of a window */
    /* See" dhtmlx_CSS.aspx */
    /*border-color: #2c4f67 !important;*/
}
.dhxwins_vp_material div.dhxwin_active
{
    background-color: #8ca6cc !important;
    border-radius: 10px 10px 0px 0px !important;
}
.dhxwins_vp_material div.dhxwin_hdr
{
    /* This set the Title background color of a window */
    /* See" dhtmlx_CSS.aspx */
    /*background-color: #2c4f67 !important;*/
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns {
    height: 26px !important;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button, .dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis {
    border: 1px solid transparent !important;
    margin-top: 0px !important;
}
.dhxwins_vp_material div.dhxwin_active div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover {
    background-color: #b1181a !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 3px !important;
}

/* Application Windows */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_tab {
	background-image: url(https://dt46w9nqlye04.cloudfront.net/Libraries/dhtmlx-5.1.0/imgs/dhxwins_material/dhxwins_buttons.png) !important;
	background-position: -96px 0px !important;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_tab_dis {
	background-image: url(https://dt46w9nqlye04.cloudfront.net/Libraries/dhtmlx-5.1.0/imgs/dhxwins_material/dhxwins_buttons.png) !important;
	background-position: -96px -24px !important;
}
/* Window Buttons */
.dhxwins_vp_material div.dhxwin_active div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover {

}


/* Material, Layout */
/* ================ */
.dhxlayout_base_material div.dhx_cell_layout
{
    box-shadow: none !important;
}
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cont_layout
{
    border: none !important;
}
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden
{
    border: none !important;
}
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr
{
    /* Sets the background color for the Left Nav Header */
    /* See" dhtmlx_CSS.aspx */
    /* background-color: #2c4f67 !important; */
}
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va
{
    background-position: 0 0 !important;
}
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va
{
    background-position: 0 0 !important;
}
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow
{
    filter: brightness(5) opacity(0.8) !important;
    background-image: url("https://dt46w9nqlye04.cloudfront.net/Template/menu.svg") !important;
    background-size: 16px 16px !important;
}

/* Material, Tabs */
/* ============== */
.dhxtabbar_base_material {
    box-shadow: none !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv
{
    color: #1C478E !important;
    background-color: #8ca6cc !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar 
{
    border-width: 0 0 0 1px !important;
    -webkit-overflow-scrolling:touch !important;
    overflow: auto !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar IFRAME
{
    float: left !important;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_close {
    top: 4px !important;
    right: 0px !important;
    width: 32px !important;
    height: 32px !important;
    background-image: url(https://dt46w9nqlye04.cloudfront.net/Template/close.svg) !important;
    background-position: center center !important;
    /* background-color: red; */
    background-size: 8px !important;
    border-radius: 50px !important;
    filter: opacity(0.8) !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_close:hover {
    background-color: #E6E6E6 !important;
}

/* Material, Accordian */
/* =================== */
.dhxacc_base_material div.dhxacc_cont 
{
    /* Sets the background color for the Left Nav */
    /* See" dhtmlx_CSS.aspx */
    /*background-color: #2c4f67 !important;*/ 
    overflow: auto !important;
}
.dhxacc_base_material div.dhxacc_cont::-webkit-scrollbar
{
    width:5px !important;
}
.dhxacc_base_material div.dhxacc_cont::-webkit-scrollbar-button
{
	display: none !important;
}
.dhxacc_base_material div.dhxacc_cont::-webkit-scrollbar-track 
{
	background: #b6c6d0 !important;
	border: 1px solid #87aabf !important;
	width: 7px !important;
}
.dhxacc_base_material div.dhxacc_cont::-webkit-scrollbar-thumb 
{
	background: #E6E6E6 !important;
	border: 1px solid #87aabf !important;
	width: 7px !important;
}

.dhxacc_base_material div.dhx_cell_acc
{
    margin-top: 0px !important;
    background-color: transparent !important;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25) !important;
}
.dhxacc_base_material div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr 
{
    /* height: 30px !important; */
    /*line-height: 30px !important;*/
}
.dhxacc_base_material div.dhx_cell_acc dhx_cell_closed{
    margin-top: 0px !important;
}
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon 
{
    margin-left: 36px !important;
    margin-right: 0px !important;
    cursor: pointer !important;
}
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon 
{
    filter: grayscale() opacity(0.8) !important;
    left: 10px !important;
}
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow 
{
    right: 10px !important;
    filter: brightness(1.5) !important;
    display: none !important;
}
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr
{
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    opacity: 0.9 !important;
}
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cont_acc
{
    border-color: transparent !important;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr i {
    /*line-height: 38px !important;*/
    cursor: pointer !important;
}

/* Material, SideBar */
/* ================= */
.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side
{
    background-color: transparent !important;
}
.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item
{
    background-color: transparent !important;
    color: #ffffff !important;
    opacity: 0.7 !important;
}
.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover
{
    background-color: rgba(255, 255, 255, 0.1) !important;
}
.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected
{
    background-color: transparent !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text
{
    text-transform: none !important;
}

/* Material, Popup */
/* =============== */
div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td:first-child
{
    padding-left: 0px !important;
}
div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td:last-child
{
    padding-right: 0px !important;
}
div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td
{
    padding: 0px !important;
}

/* Material, Lists */
/* =============== */
.dhx_list .dhx_list_default_item:hover {
    background-color: #F3F3F3;
}