/* Product Name: dhtmlxSuite Version: 5.2.0 Edition: Professional License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com Copyright UAB Dinamenta http://www.dhtmlx.com */ /* skin detected: material include extra file: skins/material.less */ @keyframes dhx_loader_rotate { 100% { transform: rotate(360deg); } } @keyframes dhx_loader_dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } .dhxtreeview_material { position: relative; overflow: hidden; background-color: white; } .dhxtreeview_material div.dhxtreeview_cont { position: absolute; overflow: auto; background-color: white; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area { position: relative; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_kids_cont { position: relative; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item { position: relative; white-space: nowrap; cursor: default; font-size: 14px; font-family: Roboto, Arial, Helvetica; color: #404040; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text { position: relative; padding: 0px; margin: 0px; height: 32px; line-height: 31px; color: inherit; vertical-align: middle; border-left: 3px solid white; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_label { position: absolute; top: 0px; padding: 0px 10px 0px 4px; height: 32px; line-height: inherit; font: inherit; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected, .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover { background-color: #ebebeb; border-color: #3399cc; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label, .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label { background-color: #ebebeb; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover { background-color: #f5f5f5; border-color: #f5f5f5; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label { background-color: #f5f5f5; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon { position: absolute; width: 22px; top: 0px; height: 32px; line-height: 30px; text-align: center; font-size: 16px; color: #737373; overflow: hidden; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon { position: absolute; left: 0px; top: 0px; width: 22px; height: 32px; background-repeat: no-repeat; background-position: center center; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_plus { background-image: url(../imgs/dhxtreeview_material/icon_plus.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_minus { background-image: url(../imgs/dhxtreeview_material/icon_minus.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_file { background-image: url(../imgs/dhxtreeview_material/icon_file.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_closed { background-image: url(../imgs/dhxtreeview_material/icon_folder_closed.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_opened { background-image: url(../imgs/dhxtreeview_material/icon_folder_opened.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_loading { background-image: url(../imgs/dhxtreeview_material/loading.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_0 { background-image: url(../imgs/dhxtreeview_material/icon_chbx_0.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_1 { background-image: url(../imgs/dhxtreeview_material/icon_chbx_1.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_0 { background-image: url(../imgs/dhxtreeview_material/icon_chbx_dis_0.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_1 { background-image: url(../imgs/dhxtreeview_material/icon_chbx_dis_1.gif); } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa { position: absolute; line-height: 32px; left: 4px; width: 10px; text-align: left; overflow: visible; } .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-square-o.dhx-disabled, .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-check-square-o.dhx-disabled { color: #b3b3b3; } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview { display: none; position: absolute; height: 0px; width: 40px; border-bottom: 2px dotted #3399cc; z-index: 1; } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_0 { display: block; top: -1px; } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_2 { display: block; top: 31px; } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item.dhxtreeview_item_dragged { opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1, .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover { background-color: #ebebeb; border-color: #ebebeb; } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1 div.dhxtreeview_item_label, .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover div.dhxtreeview_item_label { background-color: #ebebeb; } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected, .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover { border-color: #ebebeb; background-color: #ebebeb; } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label, .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label { background-color: #ebebeb; } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover { background-color: white; border-color: white; } .dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label { background-color: white; } .dhxtreeview_material.dhxtreeview_with_border { border: 1px solid white; } .dhxtreeview_material.dhxtreeview_icon_width { position: absolute; left: 0px; top: -100px; width: 22px; height: 1px; font-size: 1px; margin: 0px; padding: 0px; overflow: hidden; } .dhxtreeview_dragged_obj_material { position: absolute; color: #3f3f3f; font-family: Roboto, Arial, Helvetica; font-size: 14px; white-space: nowrap; cursor: default; background-color: #fafafa; border-radius: 1px; box-shadow: 0px 0px 10px rgba(90,90,90,0.2); padding: 6px 14px; border: 1px solid #e0e0e0; } html.dhxtreeview_dnd_mode, html.dhxtreeview_dnd_mode *, body.dhxtreeview_dnd_mode, body.dhxtreeview_dnd_mode * { cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td div.dhxtreeview_material div.dhxtreeview_item div.dhxtreeview_item_label { white-space: nowrap; } .dhxtreeview_skin_detect { position: absolute; left: 0px; top: -100px; margin: 0; padding: 0; border: 0px solid white; width: 40px; height: 10px; overflow: hidden; }