.dhx_checkbox__input,
.dhx_radiobutton__input,
.dhx_simplevault__input,
.dhx_visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.dhx_no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -webkit-grab;
    cursor: grab;
}
.dhx_no-select:not(.dhx_no-select--resize):not(.dhx_no-select--pointer) * {
    cursor: -webkit-grab !important;
    cursor: grab !important;
}
.dhx_no-select--pointer {
    cursor: pointer;
}
.dhx_no-select--pointer,
.dhx_no-select--resize {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dhx-resize-observer {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    margin: 1px 0 0;
    border: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.dhx_widget,
.dhx_widget * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}
.dhx_widget,
.dhx_widget *,
.dhx_widget:after,
.dhx_widget :after,
.dhx_widget:before,
.dhx_widget :before {
    box-sizing: border-box;
}
.dhx_widget * :not(output):-moz-ui-invalid,
.dhx_widget :not(output):-moz-ui-invalid {
    box-shadow: none;
}
body {
    margin: 0;
}
.dhx_widget {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.dhx_widget--bordered {
    border: 1px solid #e4e4e4;
}
.dhx_widget--border_top {
    border-top: 1px solid #e4e4e4;
}
.dhx_widget--border_bottom {
    border-bottom: 1px solid #e4e4e4;
}
.dhx_widget--border_left {
    border-left: 1px solid #e4e4e4;
}
.dhx_widget--border_right {
    border-right: 1px solid #e4e4e4;
}
.dhx_widget--border-shadow {
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.dhx_widget--no-border {
    border: 0;
}
.dhx_widget--no-border_top {
    border-top: 0;
}
.dhx_widget--no-border_bottom {
    border-bottom: 0;
}
.dhx_widget--no-border_left {
    border-left: 0;
}
.dhx_widget--no-border_right {
    border-right: 0;
}
.dhx_widget.dhx_widget--bg_white {
    background-color: #fff;
}
.dhx_widget.dhx_widget--bg_gray {
    background-color: #f7f7f7;
}
.dhx_drag-ghost {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 999;
    opacity: 0.6;
}
.dhx_drag-ghost * {
    box-sizing: border-box;
}
.dhx_drag-ghost .dhx_list-item {
    list-style-type: none;
}
.dhx_drag-ghost .dhx_list-item--selected {
    background-color: #fff;
    box-shadow: inset 0 0 0 0 #0288d1;
}
.dhx_drag-ghost .dhx_list-item--focus,
.dhx_drag-ghost .dhx_list-item--selected:hover,
.dhx_drag-ghost .dhx_list-item:hover {
    background-color: #fff;
    transition: background-color 0.2s ease-out;
}
.dhx_drag-ghost .dhx_tree-list-item__icon {
    position: relative;
    display: inline;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.3);
    font-size: 20px;
    top: 2px;
}
.dhx_drag-ghost .dhx_tree-list-item__text {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    vertical-align: middle;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.dhx_drag-ghost .dhx_dataview-item,
.dhx_drag-ghost .dhx_grid-cell,
.dhx_drag-ghost .dhx_list-item {
    background-color: #fff;
    border: 1px solid #e4e4e4 !important;
}
@font-face {
    font-family: Roboto;
    src: url(./fonts/roboto-regular-webfont.woff2) format("woff2"), url(./fonts/roboto-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: Roboto;
    src: url(./fonts/roboto-medium-webfont.woff2) format("woff2"), url(./fonts/roboto-medium-webfont.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: Roboto;
    src: url(./fonts/roboto-bold-webfont.woff2) format("woff2"), url(./fonts/roboto-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: dhxicons;
    src: url(data:font/woff2;base64,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)
            format("woff2"),
        url(data:font/woff;base64,d09GRgABAAAAABWYAAsAAAAALoAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFY7OUfkY21hcAAAAYQAAAGtAAAGCPoAN8VnbHlmAAADNAAADUAAAB00dzqKy2hlYWQAABB0AAAALAAAADYUut8JaGhlYQAAEKAAAAAWAAAAJADBALdobXR4AAAQuAAAABAAAAFYH+AAAGxvY2EAABDIAAAArgAAAK5R8UpMbWF4cAAAEXgAAAAfAAAAIAF4AORuYW1lAAARmAAAASoAAAIWkIbJG3Bvc3QAABLEAAAC1AAABT/9cCMAeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGSIZ5zAwMrAwMDP4AwkeaG0HgMLgwQDAxMDKzMDVhCQ5prC4PCR8WMoQwKQywEmGRgYQQQA9PwGnAAAAHic7dRXThxBAAbhApa8YHJOBgwmmJyTyZhk4l7at9kXP1nCU/v7GB7p69K0JkndGqARaCgsF0pQ94c6PH4Xs3W1+QbaavMlftWuKTlfrXx8FGOdY3Feqo31xbWl4olNNNNCa3FfO2U66OQTXXTTQy999DPAIEMMM8IoY4wzwSRTfGaaGWb5whzzfGWBRZaK939jhVXWWGeDTbbYZodd9tjngEOOOOaE75xyxjkXXHLFNTf84JY77nngkZ888cwLr7zxTqX41Cb+H2WHUvnfWcXVjNr61ge2Idwn1VK44tXGcA9VmwLbHNiWwLYGti3cW9X2wJbDr6t2BLYzsJ8C2xXY7sD2BLY3sH2B7Q/sQGAHAzsU2OHAjgR2NLBjgR0P7ERgJwM7FdjPgZ0O7ExgZwP7JbBzgZ0P7NfALgR2MbBLgV0O/wfVb4FdCexqYNcCux7YjcBuBnYrsNuB3QnsbmD3Arsf2IPAHgb2KLDHgT0J7PfAngb2LLDngb0I7GVgrwJ7HdibwP4I7G1g7wJ7H9iHwD4G9mdgnwL7HNiXwL4G9i2w74GtBJW/x/DkFQAAAHicjVm/c+S4lQYI4gd/NtViNzk7vZp2t1bss2RNr/rn7ow1Wltly7sql7ynvdJU7V65nDhwcsElDpxccMkFl1xwiQMnF1xoh3bq1On9O/c9gGyyJe2W2SRIgMDD48PD9z6gmWB0POAnmGY5Y5vpajHAVU1Snh/xi0u+POdLg8OP+lHUH1JyVs7Msn5GAgmelXOPn2EHkKJX08FiNd3owUIXGzz+vG9Gaf867au+ue+nI9OfGDyno6dt0ayi9u84iYCAmW11biXErtXMimCsb9v+E37U9gM2ZWdsxS7ZP7Nfs39hv2X/xv6D/Rf7Pfsf9kf2Z8ieqHx4sV6eFE8eqm9/pXd1iql7/CGvX646JZtq12JDCWWKJw/Vt5csmodB/fQhz4c7UTHn3OM88jzP97zU5T7cK/zU5X7gcuMetw+RJ3zfj1ymJz/7B1er52p5e7cjdzt3VU7d7cDduAcxvhCuyvepyOMpPftQx+bO9gq9vdzrnu2HRyQEStkM1PmRq7V2tbK923hP+sjd3DkmZdCD6Ls6jJXf4gs/ZXfsPfsV+w37V/Y79u/sP9l/sz+w/2V/Yn9hf2V/Y//X8Qv9dMy/3VM2T0q+o3n70Axo6yRPJX+H/zzp4qnyuzpbO2RkHzr6zVDbXNqMqi38wOWS55yivk0aYa6wbr7nh6d7Mo9c7s2ex0bPib60kv3Mr/W0IzpxuflzjjZ5zk3qnFPTH+41uN5zodlzMusGfZfznhPNHF5+xb62ePkKngO0LICXqymgyl5u2r7hhAnLk1Gez7db34yNL6QUWyTbPDvLCVFdlhLGawz8nElCz2pTbO7nQ5V9/xrpwekOI79iPXZIKL3fi0bXt40wJPetaLPd7vCZcF4SZm6og2IP42e5So/UqAX5Ua56r1S5B/MdPSQbNHJWj7RxonbqOEF552tZ/b03mJ30vZChq6N+X5Xl5eEh0vr9JWpI20ulC/fG1arfX7n37zjU0JOn729Qw74HNmv3xtVibdyL2Qs7js4KziKbiyOep3yCyHfJiwGUW82DNAjSPiVBa6OkLwZZXYzkpjVWPohkUnbsHlu7dy1eVAi1xbyVpgaq/9CK+CQpB21sfW9llKRpVzkNyyDC4gM3HUkv0lQ1Z0di3iluxuAWv4hs3Eq6VcNhc/6k84zaom5zzwKM/4do1wz7tLDDSApVGJCpJgJQSjEWch7KwCjjztzP/XSbkyvM86YQ58z3jam/leRrywWmTpDe9XKb2vZLJ/gOjZZW1E63X7BPavxnm+X6YpiryUn15OFKKomz3LvNBaVS7N0auZ9AciPXyViunz48K2L8XGes862ChYQkID4WQYp8u91mZTbKzHFZjtp592Dn/5BmzDDvcTV5zU+W7/j6QhfDCxj9s9zzPpKJTD3v1NPnqae99PDLHLePpKTcqXeRCpEeMt/K+wZ9Ex68Yq9J5mp5MtXFgGxdKPKv6hVX+ogvLsgrCvI7Xaw353w6wf11omVfaSmUDEKZB14oZdkLgkT+dCpDyaPQR96YQLxNuNRCCamVJ8PgZeCZODkQqJghK2ITIWesOzpbf81+DlsP2HgvMluHd86PAAe9LkiXudQ61FqiSxmGlMheCU2OKHlLr0I9rt8guThIkgO6Gpt+hZ+wNiUsq04mPU4TYbCwc2q9HAG6i5ALnmiljg+PpTIJz1E4CBEujZIoU0onXLT632GkEuDK6DFS62mlwW4XxWahwRi3Y+u7Qh5oY3QU2XT4IMWVLZ+nab+P64Ph8LHsjBXWNq1oKD3ViwFm36aspZb+cJiNTBxFO5GlGiYjE0Xx3ycP1B3qduXFsUH7rrwgQkm881HiWsnTGKVpXbHYfbCZj/L2O6/y9vvugdoUWyM3IyqgiMa9nM/jm7MsOzMInXPDdjHkG8zLge3tBLFnDdddXAwH0wEsnPLbt9RBaUZCXgfXAfcz17sUs/FEiEbGA7Q+eBpVT/nMfrrVcnxnm6IlBTC5W7M4XV1UJi6AS3fu8c1NNptlTXpvmuM7ZAweXZAxn7vr72r/jA4wX9mkXRmijpO/gISexXOME4FZZdNTXlzyFVnCLUnWKSiTn8VIvHgo/EC/GKlATmLwrWNc0lNCB9sg0p3x/CXQLbFzQQGz7Gx+zWl2YZqp/BUn6Fovbzn3PeCi/+bwUB/LAFBGhGzoXXCufAnIVNHhoX+sggGXKMa5w9DP0YtHGIpIX+nFZlEsqpMwSIaB/0IGw/mLF8fbON52eMed9S8EFrdMXaxmQRqNcd3F4xgn1fJr3/iytu/AeSQ1IL6nF5U18mY6m9sjC9M0pOsM6DAzJk1nFGZ3OH/NFOwAGRu7qnW3bWzKeEbJKCvLDNeT+tTLCu5sbzMTl+aMkuu6ftadO3d4Ik9w0QTOs1i5+QMfMHmWH2fZzOAL4/htzNh+DBrWrcBOEGgHFNDsHYi73Y50pEITm1BFMcJ1pMdjCtvjMco7c/8eOofWiyiOAUVXV7GJs/HVGdzfelyLO1/b7zuwPgs1q06jMTXKXMs8g864bOvH/diWr3nTZHy1RD+Z66eJmfdsws4tug3IhoCF6TkY4xG/5O84hnJziQg3LDQxspYEXfgIYVhzh9pXnuJKCs7jBHnla+ThiFHUnF/4CGK5Nlz4Svjw2tzE2vjIiEmnGrQJa50eOnO2YC8RgadsYT2SYHKlm6teVGzqqyBEhLJAKcxNh3iwa0ZHubtn5VUDW3dNSZZl7WOZjWtUQ7Lzc9IpAwasaj/octXH0XewsEyqx1PYHhTEosTZ3iZR1GHMOjCY2twXvvF8IYLSbFtWetMS6G2goZX0iDgJ1JRAkyf6fc/pV+yr1FUWb0mXZyk7GMlbs3yWs79t5t7X7GfgH8T0iNMREG6apQE4h5tUI8ftchH3IkBTLxYHmZk5bpfpQEVppAINk9f+TvsSR+xj9kOLUvCzlJ9763c8JxC07A2cvjrnK7jjkQekXBL7sHSkWF8UR1xXy+pkaeSP5WHkh6ERcDZgpg79UHFPcCHy/eJEZqAtvvC08L6gZiFMb8LQh47ch19TOy6M//JReaI0JEQS3I5YTcOT7mGRNWxCVLdyvJM8YKenyjdQ1BFTeq2aL1uT4qdQkCuVyoNISc/DwPqJn3q7MuhSF/r81BMeV5lKVHRAIcFDoBGpCDH9nikVnqhx/WP4SEA7iBPrlpeclkQmSO+Mc8fmW77E1wwwGnYtNQCpXdASr1LTelHVcM4THWvFRa5yDhYZazqjqBeG93gKNSZhDv11nGK2hz160/KSa7al3gAlozzf5nlTvsUbKtcFCq/b8reuHH4wy/NRW17Lgc+g8JjK2zW4cDwLEPaIuVzPZma3/kY4embtfcuW5JnU+na7PdtxgffoUcI2C7sTCzTaENSs6qC3qsFnCo5Fmw5EuNpS0ASA0JUUBMFZJiRtmoyxCLQZ3EYUGMG/3O6HIhqhTEYFeIlbh5MHDLFzQ1SBfMsS8uofAb9wadN71zvrXeMJFFz3Jsh08f4BuErrZAudKwuoe/BwTUBpsryzn0357Liz1bG/Nu5Iui1NifOMkrLlCBQ/Y6DTka29KBrc0LvBcaixPAGN8+sNsfE43kqdzTN9n+Vug2mUl1oSQku946bX1hK06lIadOyiAL59rlKTDv1QZMMgPV5LmSUijE16vOMtFF8ltD9A9IMXrjdTpQfrTaU2J5UeFoiZqQeTFCu4/HozuJaKG34YaCULG+zCvkm0TkwQRQE6DmTPYKr6L6mGHPZjHqRZGnDjJf3Esxykvxu7bmwbYRV3zGbsDLNzzT5ll+xH7CfsC8dUtSNfDQmzLja4WDcEC8HOMiWA/WqaDxEdHRW1JTYU2poThWWymc3G5FbEE5yL2awpra+9MfKlIVKWuRpCvi0pe2NrbGmNMDNXWFiUeHVD7TOzRaY08vl1yapel8TEysuyWZbIeszew3+J2wxstGom54qmTEE0Dpe2dMdRNLuHcWxGdBDtwelWR3djG7DnWTaiQsvZZB2jHnbsoequf9xUrBrGgKuymzJur+6e4pZwCR0fhCpsTtOSgl234877nW/9rNM3rLHPR4qau9DKbWzXey6h4+GZHnY2e4C1Xtj4/gPau8FI23ljCVF9VfAZ8huyX7Vodl0HCycXY0a/Gyt5luXWjvHMfqtb8IxiezgTt7Z8j9GNahZWub0wZy2Qwdak9IErmt1VfX0atsbZtl9209CsZef9kF7GNrHHzpbv2WcdW7ZmpF4HjaPT9fBMD/bbLLQ6evcIMzBvMQoVkKgAfnxsEpVO02BwIAJ/eCVlepyaOBRJ1mDnj+1+kNsNLDav7bZpMU9kvy8TmxaJ6vfVRzat23yD+T6znNFuhAGfhgWQL+UUNBBEz+mB/rrQ9p+yN5i+Uzua9CejXpRhGAUi6fc8HWJdnsaS+LYPUuUhNNitHZBHWg1EZXoYcQ2NozhQRoUAKRMZZRK8x9rGYpBfz9V2TbxbsxX1rI3JEWe4luMb98T210/1HN9bf9NxZ92L/T9jLFFYeJxjYGRgYADiaWdaHeL5bb4ycDMkAEUYbs0LWIZMA0VB4hwMTCAOADG4Cdp4nGNgZGBgSGBgQCIZGVBBGAAczgF5AAB4nGNgAIKEUUxtDABNMx/hAAAAAAAkAEIAYAFmApgCxALUAvQDGAM8A0wDXANsA3wDsAPSA/4EGARIBGYEkgS+BNQE1AT8BUgFfgWoBdYF/gYmBkYGXgaABpwGvgbeBwAHLgdgB3gHjgeyB8oH5AgACCQIOghYCG4IuAkCCVIJiAmyChIKZAp4CqoKtgrCCs4K2gr6CwYLSAtmC4wLoAvOC+oMJgySDKgM2g0YDUINgA2+DegOBA4eDmgOhA6aAAB4nGNgZGBgCGO4wSDBAAJMQMwFhAwM/8F8BgAonAJdAHicZY1LbsIwFEVv+LUFqUWq1A7rUQdUCp8hC4A5A2YdhMSBoCSOHINg1hV0CV1CV1F1BV0QN+ljArbkd97xtR+APn7hoVoebuuzWg3csPvnJulBuEV+Fm6jhxfhDv1AuIs3TIR7eMQ7f/BadzR9FMIN3ONDuEn/Kdwifwm38YRv4Q79j3AXS/wJ9/DqDaLNIQlNXi70epcG9tye61LbMjG5Gvujs5rrXNvA6UitjqrcryfOxSq2JlMzkzudpkYV1mx16PyNc8V0OIzF+6HJEGGDAxKEMMhRYgGNNXZIEcBe3V72S6Yta1L3CmP4GF2l5kzldTKAY42YXOHIs8Se0ya0DjH7mBmDjDSr31bplNvQFPXdliak9zmjelVgiiF3fJH36+nZCT2VXqgAAHicfVNpdxtFEFTFOixrJctWYhIIkAPCOdwQEu7cISEJV/g82m1J8zQ7s5mdlS1+fXr2sC0eoPckVdVsT3dX97bOtP7/8xxnsIU2Ouiih230sYMBIgwxwi7G2MM+JjiLczjAKziPC3gVr+EiXscbeBOXcBlXcBVv4W1cwzt4F+/hfXyADyHwET7GJ/gUn+FzfIEv8RWu42vcwE18g2/xHb7HD/gRP+EWbuMO7uIe7uMBHuJnPMJj/IIneIpn+BW/4Xf8gT/xHH+1IqnJeRErF2saSefsoYit1jLLKaooHWXSJNtTXThhZ7N2AKOY40winfA2ketOvKB4eVD+Tu2RmGpplsIWXitDJ3Iq3ZKSOtnuP+SI+cpZIxJ7aI6JppkfNsSp+cLvNKzIhrG28XGeTski/s2pztEpySghTZ7EzDpaketWdDexPhcL69Tf1niphyXnc6+4ue1QhbYy6VCa+XWXnMzJ9WhNwYMt/t/nb+JslpETK+mUNH5npjSxXzHpQQ0z63yFVRpwVOK64hETfxI+mFmdMLUZmW6FJ1xzKr2QWs2NiMnw43sbWjBof0MpXRrU0pSvaQJ4rtYJzqk3FU9Hflgrip1QcZM2FCnyTMbKzJskLwrLXpbG7m1IoeyztZJ7p5bkF84W88W4FgvDHYUrL9ZCY3Zd+NR6b9P/OKx6v/Dvh95m41lhYq94L2o3+3OnEi6EssmCdFZvRGP9RJnqqhBRa1tLWo8ZLJsrwqij00IvbAR70Uvl3KjZup+SKcqFrVAYxk6JyiH0Slhk/VSZIuf+jjol6pkiJafiLjsWKz3INJ9W9bUD7mVOhW7bjhIbOesl21stf867G4dJ6yjndWoKO+/llJvjeRapEeV9Uwr7Ptk4cJTaFUWntXMVCS/6qbDxiVrF9I+FNo/RHhQmLKhI+dlT71BnJQvt+ytFhyLYv1uinF4UPD0ldav1EhAft1M=)
            format("woff");
}
.dxi:before {
    font-family: dhxicons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.dxi.dxi-alert-circle:before {
    content: "\F101";
}
.dxi.dxi-arrow-collapse:before {
    content: "\F102";
}
.dxi.dxi-arrow-expand:before {
    content: "\F103";
}
.dxi.dxi-blur-off:before {
    content: "\F104";
}
.dxi.dxi-blur:before {
    content: "\F105";
}
.dxi.dxi-calendar-today:before {
    content: "\F106";
}
.dxi.dxi-check:before {
    content: "\F107";
}
.dxi.dxi-checkbox-blank-outline:before {
    content: "\F108";
}
.dxi.dxi-checkbox-marked-circle:before {
    content: "\F109";
}
.dxi.dxi-checkbox-marked:before {
    content: "\F10A";
}
.dxi.dxi-chevron-down:before {
    content: "\F10B";
}
.dxi.dxi-chevron-left:before {
    content: "\F10C";
}
.dxi.dxi-chevron-right:before {
    content: "\F10D";
}
.dxi.dxi-chevron-up:before {
    content: "\F10E";
}
.dxi.dxi-clock-outline:before {
    content: "\F10F";
}
.dxi.dxi-clock:before {
    content: "\F110";
}
.dxi.dxi-close-circle:before {
    content: "\F111";
}
.dxi.dxi-close:before {
    content: "\F112";
}
.dxi.dxi-delete-forever:before {
    content: "\F113";
}
.dxi.dxi-delete:before {
    content: "\F114";
}
.dxi.dxi-dots-horizontal:before {
    content: "\F115";
}
.dxi.dxi-dots-vertical:before {
    content: "\F116";
}
.dxi.dxi-download:before {
    content: "\F117";
}
.dxi.dxi-empty:before {
    content: "\F118";
}
.dxi.dxi-eraser:before {
    content: "\F119";
}
.dxi.dxi-eye-off:before {
    content: "\F11A";
}
.dxi.dxi-eye:before {
    content: "\F11B";
}
.dxi.dxi-eyedropper-variant:before {
    content: "\F11C";
}
.dxi.dxi-file-excel:before {
    content: "\F11D";
}
.dxi.dxi-file-export:before {
    content: "\F11E";
}
.dxi.dxi-file-import:before {
    content: "\F11F";
}
.dxi.dxi-file-outline:before {
    content: "\F120";
}
.dxi.dxi-filter-variant:before {
    content: "\F121";
}
.dxi.dxi-folder-open:before {
    content: "\F122";
}
.dxi.dxi-folder:before {
    content: "\F123";
}
.dxi.dxi-format-align-center:before {
    content: "\F124";
}
.dxi.dxi-format-align-left:before {
    content: "\F125";
}
.dxi.dxi-format-align-right:before {
    content: "\F126";
}
.dxi.dxi-format-bold:before {
    content: "\F127";
}
.dxi.dxi-format-color-fill:before {
    content: "\F128";
}
.dxi.dxi-format-color-text:before {
    content: "\F129";
}
.dxi.dxi-format-italic:before {
    content: "\F12A";
}
.dxi.dxi-format-line-spacing:before {
    content: "\F12B";
}
.dxi.dxi-format-quote-close:before {
    content: "\F12C";
}
.dxi.dxi-format-quote-open:before {
    content: "\F12D";
}
.dxi.dxi-format-strikethrough:before {
    content: "\F12E";
}
.dxi.dxi-format-underline:before {
    content: "\F12F";
}
.dxi.dxi-format-vertical-align-bottom:before {
    content: "\F130";
}
.dxi.dxi-format-vertical-align-center:before {
    content: "\F131";
}
.dxi.dxi-format-vertical-align-top:before {
    content: "\F132";
}
.dxi.dxi-function-variant:before {
    content: "\F133";
}
.dxi.dxi-grid-step:before {
    content: "\F134";
}
.dxi.dxi-help-circle-outline:before {
    content: "\F135";
}
.dxi.dxi-information-outline:before {
    content: "\F136";
}
.dxi.dxi-key:before {
    content: "\F137";
}
.dxi.dxi-link-variant-off:before {
    content: "\F138";
}
.dxi.dxi-link-variant:before {
    content: "\F139";
}
.dxi.dxi-loading:before {
    content: "\F13A";
}
.dxi.dxi-magnify:before {
    content: "\F13B";
}
.dxi.dxi-menu-down:before {
    content: "\F13C";
}
.dxi.dxi-menu-left:before {
    content: "\F13D";
}
.dxi.dxi-menu-right:before {
    content: "\F13E";
}
.dxi.dxi-menu-up:before {
    content: "\F13F";
}
.dxi.dxi-minus-box:before {
    content: "\F140";
}
.dxi.dxi-minus:before {
    content: "\F141";
}
.dxi.dxi-numeric:before {
    content: "\F142";
}
.dxi.dxi-pencil:before {
    content: "\F143";
}
.dxi.dxi-plus-circle:before {
    content: "\F144";
}
.dxi.dxi-plus:before {
    content: "\F145";
}
.dxi.dxi-printer:before {
    content: "\F146";
}
.dxi.dxi-redo:before {
    content: "\F147";
}
.dxi.dxi-rotate-right:before {
    content: "\F148";
}
.dxi.dxi-select-all:before {
    content: "\F149";
}
.dxi.dxi-sort-variant:before {
    content: "\F14A";
}
.dxi.dxi-table-column-plus-before:before {
    content: "\F14B";
}
.dxi.dxi-table-column-remove:before {
    content: "\F14C";
}
.dxi.dxi-table-column:before {
    content: "\F14D";
}
.dxi.dxi-table-row-plus-before:before {
    content: "\F14E";
}
.dxi.dxi-table-row-remove:before {
    content: "\F14F";
}
.dxi.dxi-table-row:before {
    content: "\F150";
}
.dxi.dxi-undo:before {
    content: "\F151";
}
.dxi.dxi-unfold-more-horizontal:before {
    content: "\F152";
}
.dxi.dxi-vault:before {
    content: "\F153";
}
.dxi.dxi-view-grid:before {
    content: "\F154";
}
.dxi.dxi-view-sequential:before {
    content: "\F155";
}
.dxi {
    display: inline-block;
    text-rendering: auto;
    line-height: 0;
    font-size: 0;
}
.dxi:before {
    font-size: 20px;
}
.dxi--small:before {
    font-size: 16px;
}
.dxi--medium:before {
    font-size: 20px;
}
.dxi--large:before {
    font-size: 24px;
}
@-webkit-keyframes button-loading {
    0% {
        transform: rotate(0deg);
        transform-origin: center center;
    }
    to {
        transform: rotate(1439deg);
        transform-origin: center center;
    }
}
@keyframes button-loading {
    0% {
        transform: rotate(0deg);
        transform-origin: center center;
    }
    to {
        transform: rotate(1439deg);
        transform-origin: center center;
    }
}
.dhx_button {
    overflow: visible;
    position: relative;
    text-decoration: none;
    background-image: none;
    border: 0;
    touch-action: manipulation;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
}
.dhx_button:active,
.dhx_button:focus {
    outline: none;
}
.dhx_button__icon,
.dhx_button__text {
    pointer-events: none;
}
.dhx_button__icon {
    line-height: 0;
}
.dhx_button__icon:before {
    display: inline-block;
}
.dhx_button__icon + .dhx_button__text {
    margin-left: 4px;
}
.dhx_button__loading {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
}
.dhx_button__loading-icon {
    -webkit-animation: button-loading 0.9s linear infinite;
    animation: button-loading 0.9s linear infinite;
}
.dhx_button--width_full {
    width: 100%;
}
.dhx_button--justify_between {
    justify-content: space-between;
}
.dhx_button--circle.dhx_button--size_small {
    border-radius: 28px;
}
.dhx_button--circle.dhx_button--size_medium {
    border-radius: 32px;
}
.dhx_button--disabled,
.dhx_button:disabled {
    pointer-events: none;
}
.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full) {
    border-radius: 50%;
}
.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_medium {
    padding-left: 6px;
    padding-right: 6px;
}
.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_small {
    padding-left: 4px;
    padding-right: 4px;
}
.dhx_button--loading {
    position: relative;
}
.dhx_button--loading .dhx_button__loading {
    display: flex;
}
.dhx_button--loading .dhx_button__icon,
.dhx_button--loading .dhx_button__text {
    visibility: hidden;
}
.dhx_button--size_small {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
}
.dhx_button--size_small .dhx_button__icon:before {
    font-size: 16px;
    line-height: 16px;
}
.dhx_button--size_small.dhx_button--loading-icon:before {
    font-size: 16px;
    margin-top: -8px;
    margin-left: -8px;
}
.dhx_button--size_medium {
    padding: 6px 16px;
    text-transform: uppercase;
    line-height: 20px;
}
.dhx_button--size_medium .dhx_button__icon:before {
    font-size: 20px;
    line-height: 20px;
}
.dhx_button--size_medium.dhx_button--loading-icon:before {
    font-size: 20px;
    margin-top: -10px;
    margin-left: -10px;
}
.dhx_button--view_flat {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    color: #fff;
    transition: background-color 0.2s ease-in, color 0.2s ease-in, box-shadow 0.2s ease-in;
}
.dhx_button--view_flat:focus,
.dhx_button--view_flat:hover {
    transition: background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
}
.dhx_button--view_flat.dhx_button--color_primary {
    background-color: #0288d1;
    outline-width: 0;
}
.dhx_button--view_flat.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_primary:focus,
.dhx_button--view_flat.dhx_button--color_primary:hover {
    background-color: #35a0da;
}
.dhx_button--view_flat.dhx_button--color_primary:active {
    background-color: #0288d1;
    box-shadow: none;
}
.dhx_button--view_flat.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_primary:disabled {
    background-color: #81c4e8;
}
.dhx_button--view_flat.dhx_button--color_secondary {
    background-color: #4d4d4d;
    outline-width: 0;
}
.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_secondary:focus,
.dhx_button--view_flat.dhx_button--color_secondary:hover {
    background-color: #717171;
}
.dhx_button--view_flat.dhx_button--color_secondary:active {
    background-color: #4d4d4d;
    box-shadow: none;
}
.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_secondary:disabled {
    background-color: #a6a6a6;
}
.dhx_button--view_flat.dhx_button--color_danger {
    background-color: #ff5252;
    outline-width: 0;
}
.dhx_button--view_flat.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_danger:focus,
.dhx_button--view_flat.dhx_button--color_danger:hover {
    background-color: #ff7575;
}
.dhx_button--view_flat.dhx_button--color_danger:active {
    background-color: #ff5252;
    box-shadow: none;
}
.dhx_button--view_flat.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_danger:disabled {
    background-color: #ffa9a9;
}
.dhx_button--view_flat.dhx_button--color_success {
    background-color: #0ab169;
    outline-width: 0;
}
.dhx_button--view_flat.dhx_button--color_success.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_success:focus,
.dhx_button--view_flat.dhx_button--color_success:hover {
    background-color: #3bc187;
}
.dhx_button--view_flat.dhx_button--color_success:active {
    background-color: #0ab169;
    box-shadow: none;
}
.dhx_button--view_flat.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_success:disabled {
    background-color: #85d8b4;
}
.dhx_button--view_link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    background: transparent;
    transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
}
.dhx_button--view_link:focus,
.dhx_button--view_link:hover {
    transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}
.dhx_button--view_link.dhx_button--color_primary {
    color: #0288d1;
    outline-width: 0;
}
.dhx_button--view_link.dhx_button--color_primary:focus,
.dhx_button--view_link.dhx_button--color_primary:hover {
    background-color: #d9edf8;
}
.dhx_button--view_link.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_primary:active {
    background-color: #b8def2;
}
.dhx_button--view_link.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_primary:disabled {
    color: #81c4e8;
}
.dhx_button--view_link.dhx_button--color_secondary {
    color: #4d4d4d;
    outline-width: 0;
}
.dhx_button--view_link.dhx_button--color_secondary:focus,
.dhx_button--view_link.dhx_button--color_secondary:hover {
    background-color: #e4e4e4;
}
.dhx_button--view_link.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_secondary:active {
    background-color: #cdcdcd;
}
.dhx_button--view_link.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_secondary:disabled {
    color: #a6a6a6;
}
.dhx_button--view_link.dhx_button--color_danger {
    color: #ff5252;
    outline-width: 0;
}
.dhx_button--view_link.dhx_button--color_danger:focus,
.dhx_button--view_link.dhx_button--color_danger:hover {
    background-color: #ffe5e5;
}
.dhx_button--view_link.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_link.dhx_button--color_danger:active {
    background-color: #ffcfcf;
}
.dhx_button--view_link.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_danger:disabled {
    color: #ffa9a9;
}
.dhx_button--view_link.dhx_button--color_success {
    color: #0ab169;
    outline-width: 0;
}
.dhx_button--view_link.dhx_button--color_success:focus,
.dhx_button--view_link.dhx_button--color_success:hover {
    background-color: #daf3e9;
}
.dhx_button--view_link.dhx_button--color_success.dhx_button--active,
.dhx_button--view_link.dhx_button--color_success:active {
    background-color: #bae9d5;
}
.dhx_button--view_link.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_success:disabled {
    color: #85d8b4;
}
.dhx_button--sidebar .dhx_button__icon + .dhx_button__text {
    margin-left: 8px;
    margin-right: auto;
}
.dhx_widget .dhx_button__icon {
    line-height: 0;
}
.dhx_widget .dhx_button__icon:before {
    font-size: 20px;
    line-height: 20px;
}
.dhx_widget .dhx_button--size_small .dhx_button__icon:before {
    font-size: 16px;
    line-height: 16px;
}
.dhx_form-group {
    position: relative;
    display: block;
    text-align: left;
    padding-bottom: 16px;
}
.dhx_form-group--simplevault {
    line-height: 0;
    height: 100%;
}
.dhx_form-group--simplevault .dhx_label {
    margin-bottom: 4px;
}
.dhx_form-group--textarea {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.dhx_form-group--textarea .dhx_input--textarea,
.dhx_form-group--textarea .dhx_input__wrapper {
    height: 100%;
}
.dhx_form-group--textarea .dhx_label {
    min-height: 20px;
    line-height: 20px;
    margin-bottom: 4px;
}
.dhx_form-group--inline {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    position: relative;
}
.dhx_form-group--inline .dhx_label {
    position: relative;
    flex: 0 1 auto;
    max-height: 40px;
    margin-right: 16px;
    margin-bottom: 0;
    text-align: right;
    width: 100%;
    margin-top: 6px;
    align-self: flex-start;
}
.dhx_form-group--inline .dhx_input__wrapper {
    flex: 0 1 auto;
    width: 300%;
    height: 100%;
}
.dhx_form-group--inline .dhx_label--with-help {
    justify-content: flex-end;
}
.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help) {
    position: relative;
    margin-bottom: 0;
}
.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help):after {
    content: "*";
    display: inline-block;
    padding-left: 4px;
    color: rgba(0, 0, 0, 0.3);
}
.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder:after {
    content: "*";
    display: inline-block;
    padding-left: 4px;
    color: rgba(0, 0, 0, 0.3);
}
.dhx_form-group--no-message-holder {
    padding-bottom: 0;
}
.dhx_form-group--disabled {
    opacity: 0.6;
    pointer-events: none;
    cursor: default;
}
.dhx_form-group--hidden {
    display: none;
}
.dhx_form-group--state_error .dhx_input__caption,
.dhx_form-group--state_error .dhx_label {
    color: #ff5252;
}
.dhx_form-group--state_error .dhx_combobox-input-box,
.dhx_form-group--state_error .dhx_combobox-input-box:focus,
.dhx_form-group--state_error .dhx_input,
.dhx_form-group--state_error .dhx_input:focus {
    box-shadow: inset 0 0 0 1px #ffbaba;
}
.dhx_form-group--state_error .dhx_simplevault-files,
.dhx_form-group--state_error .dhx_simplevault-files:focus,
.dhx_form-group--state_error .dhx_simplevault__drop-area,
.dhx_form-group--state_error .dhx_simplevault__drop-area:focus {
    border-color: #ffbaba;
}
.dhx_form-group--state_success .dhx_input__caption,
.dhx_form-group--state_success .dhx_label {
    color: #0ab169;
}
.dhx_form-group--state_success .dhx_combobox-input-box,
.dhx_form-group--state_success .dhx_combobox-input-box:focus,
.dhx_form-group--state_success .dhx_input,
.dhx_form-group--state_success .dhx_input:focus {
    box-shadow: inset 0 0 0 1px #9de0c3;
}
.dhx_form-group--state_success .dhx_simplevault__drop-area,
.dhx_form-group--state_success .dhx_simplevault__drop-area:focus {
    border-top-color: #9de0c3;
    border-left-color: #9de0c3;
    border-right-color: #9de0c3;
}
.dhx_form-group--state_success .dhx_simplevault-files,
.dhx_form-group--state_success .dhx_simplevault-files:focus {
    border-right-color: #9de0c3;
    border-left-color: #9de0c3;
    border-bottom-color: #9de0c3;
}
.dhx_form-group--label_sr .dhx_label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.dhx_form-group .dhx_combobox {
    margin: 0;
}
.dhx_form-group .dhx_slider {
    padding-bottom: 0;
}
.dhx_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 8px;
    margin: 0;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    background-color: #f6f6f6;
    background-clip: padding-box;
    box-shadow: inset 0 0 0 1px #dfdfdf;
    border: 0;
    border-radius: 2px;
    outline: 0;
    transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in;
}
.dhx_input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
}
.dhx_input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}
.dhx_input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}
.dhx_input::placeholder {
    color: rgba(0, 0, 0, 0.5);
}
.dhx_input:focus {
    box-shadow: inset 0 0 0 1px #67b8e3;
}
.dhx_input--icon-padding {
    padding-right: 24px;
}
.dhx_input--textarea {
    max-width: 100%;
}
.dhx_input--textinput {
    box-shadow: none;
    background: none;
    padding-left: 0;
}
.dhx_input--textinput:focus {
    box-shadow: none;
}
.dhx_input__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.dhx_input__wrapper:before {
    color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}
.dhx_input__container {
    width: 100%;
    display: inline-block;
    position: relative;
}
.dhx_input__caption {
    left: 0;
    bottom: 0;
    max-width: 100%;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    white-space: wrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    cursor: default;
}
.dhx_input__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    z-index: 1;
    color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}
.dhx_input__icon--color-selected {
    border-radius: 2px;
}
.dhx_input__icon--color-selected:after,
.dhx_input__icon--color-selected:before {
    opacity: 0;
}
.dhx_widget .dhx_input__icon {
    line-height: 0;
}
.dhx_widget .dhx_input__icon:before {
    font-size: 20px;
    line-height: 20px;
}
.dhx_label {
    display: inline-block;
    width: auto;
    flex: 0 1 auto;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: color 0.2s ease-in, opacity 0.2s ease-in;
}
.dhx_label:hover {
    opacity: 0.8;
    transition: color 0.2s ease-out, opacity 0.2s ease-out;
}
.dhx_label__holder {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dhx_label--with-help {
    display: flex;
    align-items: center;
}
.dhx_label-help {
    margin-left: 4px;
    color: #0288d1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.dhx_label-help:focus {
    outline: none;
}
.dhx_checkbox {
    position: relative;
    display: inline-block;
    width: auto;
    padding-top: 0;
    cursor: pointer;
}
.dhx_checkbox__visual-input {
    display: block;
    border: 2px solid rgba(0, 0, 0, 0.5);
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    background-color: #fff;
    border-radius: 2px;
    cursor: pointer;
}
.dhx_checkbox .dhx_label {
    margin-top: 4px;
    margin-bottom: 0;
    width: auto;
}
.dhx_checkbox .dhx_label:after {
    display: none;
}
.dhx_checkbox .dhx_input__caption {
    position: static;
    display: block;
    transform: none;
}
.dhx_checkbox.dhx_form-group--inline {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.dhx_checkbox.dhx_form-group--inline .dhx_label {
    padding-left: 6px;
    margin-top: 0;
}
.dhx_checkbox.dhx_form-group--hidden {
    display: none;
}
.dhx_checkbox__input:disabled + * + .dhx_label,
.dhx_checkbox__input:disabled + .dhx_checkbox__visual-input {
    opacity: 0.6;
}
.dhx_checkbox__input:focus + .dhx_checkbox__visual-input {
    border-color: #0288d1;
}
.dhx_checkbox__input:checked + .dhx_checkbox__visual-input {
    background-color: #0288d1;
    background-position: 50%;
    background-size: cover;
    border-color: #0288d1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNSAxLjQxLTEuNDFMOSAxNi4xNyAxOS41OSA1LjU5IDIxIDd6Ii8+PC9zdmc+);
    transition: background-color 0.2s ease-out;
}
.dhx_radiobutton {
    position: relative;
    display: inline-block;
    width: auto;
    padding-top: 0;
    cursor: pointer;
}
.dhx_radiobutton__visual-input {
    display: block;
    border: 2px solid rgba(0, 0, 0, 0.5);
    bottom: 4px;
    left: 0;
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    background-color: #fff;
    border-radius: 50%;
}
.dhx_radiobutton .dhx_label {
    margin-top: 4px;
    margin-bottom: 0;
    width: auto;
    cursor: pointer;
}
.dhx_radiobutton .dhx_input__caption {
    position: static;
    display: block;
}
.dhx_radiobutton.dhx_form-group--inline {
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.dhx_radiobutton.dhx_form-group--inline .dhx_label {
    padding-left: 6px;
    margin-top: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}
.dhx_radiobutton__input:disabled + * + .dhx_label,
.dhx_radiobutton__input:disabled + .dhx_radiobutton__visual-input {
    opacity: 0.6;
}
.dhx_radiobutton__input:focus + .dhx_radiobutton__visual-input {
    border-color: #0288d1;
}
.dhx_radiobutton__input:checked + .dhx_radiobutton__visual-input {
    background-color: #0288d1;
    border-color: #0288d1;
    box-shadow: inset 0 0 0 4px #fff;
    transition: background-color 0.2s ease-out;
}
.dhx_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.dhx_select::-ms-expand {
    display: none;
}
.dhx_select__placeholder {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.dhx_select:focus + .dhx_select__placeholder {
    opacity: 0;
}
.dhx_simplevault {
    border: none;
    border-radius: 2px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.dhx_simplevault__drop-area {
    background-color: #f6f6f6;
    border: 1px solid #dfdfdf;
    transition: all 0.2s ease-in;
    display: flex;
    height: 115px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}
.dhx_simplevault__drop-area--on-drag {
    border-style: dashed;
    transition: border 0.2s ease-out;
}
.dhx_simplevault__icon:before {
    font-size: 40px;
    color: rgba(0, 0, 0, 0.3);
    transition: color 0.2s ease-in;
}
.dhx_simplevault__title {
    max-width: 100%;
}
.dhx_simplevault__label {
    color: #0288d1;
    cursor: pointer;
}
.dhx_simplevault--on-drag .dhx_simplevault-loader {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.2s ease-in, transform 0.2s ease-in;
}
.dhx_simplevault-files {
    background-color: #f6f6f6;
    border: 1px solid #dfdfdf;
    border-top: none;
    transition: all 0.2s ease-in;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: calc(100% - 115px);
    height: calc(100% - 115px);
    overflow-y: auto;
}
.dhx_simplevault-files__fixed {
    max-height: 276px;
}
.dhx_simplevault-files__item {
    position: relative;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    color: rgba(0, 0, 0, 0.7);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 40px 8px 8px;
}
.dhx_simplevault-files__item:not(:last-child) {
    border-bottom: 1px solid #e4e4e4;
}
.dhx_simplevault-files__item-name {
    word-break: break-word;
}
.dhx_simplevault-files__delete {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}
.dhx_simplevault-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background-color: #ededed;
    transform: translateY(100%);
    opacity: 0;
    will-change: transform;
    transition: 0ms;
    z-index: 1;
}
.dhx_simplevault-loader .dhx_simplevault__icon:before {
    color: #0288d1;
}
.dhx_slider {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 16px;
}
.dhx_slider--label-inline {
    flex-direction: row;
    align-items: center;
}
.dhx_slider--label-inline .dhx_slider__label {
    text-align: right;
    flex: 0 1 auto;
    margin-right: 16px;
    margin-bottom: 0;
    width: 100%;
}
.dhx_slider--label-inline .dhx_label--with-help {
    justify-content: flex-end;
}
.dhx_slider--label-inline .dhx_slider__track-holder {
    width: 300%;
    flex: 0 1 auto;
}
.dhx_slider--label_sr .dhx_label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.dhx_slider--mode_vertical {
    height: 100%;
    display: inline-flex;
}
.dhx_slider--mode_vertical .dhx_slider__label {
    align-self: flex-start;
}
.dhx_slider--mode_vertical .dhx_slider__track-holder {
    height: 100%;
    display: flex;
    padding: 8px 0;
}
.dhx_slider--mode_vertical .dhx_slider__track {
    align-self: stretch;
    padding: 0 8px;
}
.dhx_slider--mode_vertical .dhx_slider__track:before {
    width: 2px;
    height: 100%;
}
.dhx_slider--mode_vertical .dhx_slider__range {
    width: 2px;
    left: 50%;
    transform: translate(-50%);
}
.dhx_slider--mode_vertical .dhx_slider__thumb {
    left: 50%;
}
.dhx_slider--mode_vertical .dhx_slider__tick {
    height: 1px;
    width: 4px;
}
.dhx_slider--mode_vertical .dhx_slider__tick:not(:first-child) {
    transform: translateY(-0.5px);
}
.dhx_slider--mode_vertical .dhx_slider__tick--major {
    width: 8px;
}
.dhx_slider--mode_vertical .dhx_slider__tick-label {
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    padding-left: 2px;
}
.dhx_slider--disabled {
    opacity: 0.6;
    pointer-events: none;
    cursor: default;
}
.dhx_slider--ticks .dhx_slider__ticks-holder {
    height: 4px;
}
.dhx_slider--ticks.dhx_slider--mode_vertical .dhx_slider__ticks-holder {
    height: 100%;
    width: 4px;
}
.dhx_slider__track-holder {
    position: relative;
    flex: 1;
}
.dhx_slider__track {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    z-index: 1;
}
.dhx_slider__track:before {
    content: "";
    display: block;
    height: 2px;
    background-color: #b3b3b3;
}
.dhx_slider__thumb {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #0288d1;
    transition: transform 0.1s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
    will-change: transform;
    cursor: pointer;
}
.dhx_slider__thumb:after,
.dhx_slider__thumb:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    will-change: transform;
}
.dhx_slider__thumb:before {
    width: 28px;
    height: 28px;
    background-color: rgba(2, 136, 209, 0.15);
}
.dhx_slider__thumb:after,
.dhx_slider__thumb:before {
    transition: transform 0.2s ease-out, background-color 0.2s ease-out;
}
.dhx_slider__thumb:after {
    width: 16px;
    height: 16px;
    background-color: #0288d1;
}
.dhx_slider__thumb:focus,
.dhx_slider__thumb:hover {
    outline: none;
}
.dhx_slider__thumb:focus:before,
.dhx_slider__thumb:hover:before {
    transform: translate(-50%, -50%) scale(1);
    transition: transform 0.2s ease-in, background-color 0.2s ease-in;
}
.dhx_slider__thumb--active,
.dhx_slider__thumb:active {
    z-index: 1;
}
.dhx_slider__thumb--active:after,
.dhx_slider__thumb:active:after {
    transform: translate(-50%, -50%) scale(1);
    transition: transform 0.2s ease-in, background-color 0.2s ease-in;
}
.dhx_slider__thumb--nullable {
    background-color: #b3b3b3;
}
.dhx_slider__thumb--nullable:after {
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%) scale(1);
    background: #fff;
}
.dhx_slider__thumb--nullable:before {
    background-color: rgba(77, 77, 77, 0.15);
}
.dhx_slider__thumb--disabled {
    background-color: #b3b3b3;
    border: 2px solid #fff;
}
.dhx_slider__thumb--disabled:after,
.dhx_slider__thumb--disabled:before {
    display: none;
}
.dhx_slider__thumb-label {
    position: absolute;
    padding: 6px 12px;
    transform: translate(-50%, -50%);
    border-radius: 2px;
    background-color: #333;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    transition: opacity transform 0.01s ease-in;
    pointer-events: none;
    z-index: 1;
}
.dhx_slider__thumb-label--vertical {
    left: 50px;
}
.dhx_slider__thumb-label--horizontal {
    top: -30px;
}
.dhx_slider__thumb-label--active {
    z-index: 10;
}
.dhx_slider__range {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background-color: #0288d1;
    pointer-events: none;
}
.dhx_slider__ticks-holder {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dhx_slider__tick {
    position: absolute;
    top: 0;
    width: 1px;
    height: 4px;
    background-color: #b3b3b3;
}
.dhx_slider__tick:not(:first-child) {
    transform: translateX(-0.5px);
}
.dhx_slider__tick--major {
    height: 8px;
}
.dhx_slider__tick-label {
    position: absolute;
    top: 10px;
    transform: translateX(-50%);
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1;
}
.dhx_message-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    padding: 20px;
    max-height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    width: auto;
    overflow: hidden;
    border: 2px solid transparent;
    z-index: 2147483647;
}
.dhx_message-container * {
    box-sizing: border-box;
}
.dhx_message-container--top-left {
    top: 0;
    left: 0;
}
.dhx_message-container--top-right {
    top: 0;
    right: 0;
}
.dhx_message-container--bottom-left {
    align-items: flex-start;
    bottom: 0;
    left: 0;
}
.dhx_message-container--bottom-right {
    align-items: flex-start;
    bottom: 0;
    right: 0;
}
.dhx_message-container--in-body {
    position: fixed;
}
.dhx_message {
    display: flex;
    justify-content: space-between;
    width: 240px;
    flex-shrink: 0;
    padding: 12px;
    margin-bottom: 4px;
    margin-top: 4px;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dhx_message,
.dhx_message__text {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
}
.dhx_message__text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
}
.dhx_message__icon {
    align-self: center;
    padding-left: 8px;
    color: rgba(0, 0, 0, 0.5);
}
.dhx_message--error .dhx_message__icon,
.dhx_message--error .dhx_message__text,
.dhx_message--success .dhx_message__icon,
.dhx_message--success .dhx_message__text {
    color: #fff;
}
.dhx_message--error {
    background-color: #ff5252;
}
.dhx_message--success {
    background-color: #0ab169;
}
.dhx_alert {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    padding: 24px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    will-change: transform;
    z-index: 2147483647;
}
.dhx_alert__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2147483646;
}
.dhx_alert__header {
    position: relative;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.dhx_alert__content,
.dhx_alert__header {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
}
.dhx_alert__content {
    height: 100%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3;
    overflow-y: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.dhx_alert__footer {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
}
.dhx_alert__footer--center {
    justify-content: center;
}
.dhx_alert__footer--right {
    justify-content: flex-end;
}
.dhx_alert__footer .dhx_button:not(:last-child) {
    margin-right: 16px;
}
.dhx_tooltip {
    pointer-events: none;
    border-radius: 2px;
    background-color: #333;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    padding: 6px 12px;
    transition: opacity 0.01s ease, transform 0.01s ease;
    opacity: 0;
    z-index: 999;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}
.dhx_tooltip--animate {
    opacity: 1;
    transition: opacity 0.15s ease-out;
}
.dhx_tooltip--forced {
    opacity: 1;
}
.dhx_tooltip--bottom {
    margin: 8px 0 0;
}
.dhx_tooltip--top {
    margin: -8px 0 0;
}
.dhx_tooltip--left {
    margin: 0 0 -8px;
}
.dhx_tooltip--right {
    margin: 0 0 0 8px;
}
.dhx_tooltip--light {
    background-color: #fff;
}
.dhx_tooltip--light .dhx_tooltip__text {
    color: rgba(0, 0, 0, 0.7);
}
.dhx_widget--fullscreen .dhx_tooltip {
    z-index: 2147483647;
}
.dhx_tooltip__text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.dhx_layout {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}
.dhx_layout-columns {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}
.dhx_layout-columns > .dhx_layout-cell:not(.dhx_layout-rows):not(.dhx_layout-columns):not(.dhx_layout-cell--gravity) {
    flex: 0 1 auto;
}
.dhx_layout-columns > .dhx_layout-cell--resizeble {
    overflow-x: hidden;
}
.dhx_layout-rows {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.dhx_layout-rows > .dhx_layout-cell:not(.dhx_layout-rows):not(.dhx_layout-columns):not(.dhx_layout-cell--gravity) {
    flex: 0 1 auto;
}
.dhx_layout-rows > .dhx_layout-cell--resizeble {
    overflow-y: hidden;
}
.dhx_layout-cell--start,
.dhx_layout-columns--start,
.dhx_layout-rows--start {
    justify-content: flex-start;
}
.dhx_layout-cell--center,
.dhx_layout-columns--center,
.dhx_layout-rows--center {
    justify-content: center;
}
.dhx_layout-cell--end,
.dhx_layout-columns--end,
.dhx_layout-rows--end {
    justify-content: flex-end;
}
.dhx_layout-cell--between,
.dhx_layout-columns--between,
.dhx_layout-rows--between {
    justify-content: space-between;
}
.dhx_layout-cell--around,
.dhx_layout-columns--around,
.dhx_layout-rows--around {
    justify-content: space-around;
}
.dhx_layout-cell--evenly,
.dhx_layout-columns--evenly,
.dhx_layout-rows--evenly {
    justify-content: space-evenly;
}
.dhx_layout-cell {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
}
.dhx_layout-cell--bordered {
    border: 1px solid #e4e4e4;
}
.dhx_layout-cell--border_top {
    border-top: 1px solid #e4e4e4;
}
.dhx_layout-cell--border_bottom {
    border-bottom: 1px solid #e4e4e4;
}
.dhx_layout-cell--border_left {
    border-left: 1px solid #e4e4e4;
}
.dhx_layout-cell--border_right {
    border-right: 1px solid #e4e4e4;
}
.dhx_layout-cell--border-shadow {
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.dhx_layout-cell--no-border {
    border: 0;
}
.dhx_layout-cell--no-border_top {
    border-top: 0;
}
.dhx_layout-cell--no-border_bottom {
    border-bottom: 0;
}
.dhx_layout-cell--no-border_left {
    border-left: 0;
}
.dhx_layout-cell--no-border_right {
    border-right: 0;
}
.dhx_layout-cell--gravity {
    flex: 1 1 auto;
}
.dhx_layout-cell--flex {
    display: flex;
}
.dhx_layout-cell--accordion > .dhx_layout-cell--collapsed {
    border-bottom: 0;
}
.dhx_layout-cell--collapsed {
    overflow: hidden;
    flex: 0 1 auto;
}
.dhx_layout-cell-content {
    height: 100%;
}
.dhx_layout-cell-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
    padding: 8px 12px;
    border:1px solid green
}
.dhx_layout-cell-header__title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    transition: color 0.2s ease-in;
}
.dhx_layout-cell-header__icon {
    margin-right: 16px;
}
.dhx_layout-cell-header__image-wrapper {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.dhx_layout-cell-header__image {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.dhx_layout-cell-header__collapse-icon {
    margin-left: auto;
    color: #4d4d4d;
    transition: transform 0.2s ease-in, color 0.2s ease-in;
}
.dhx_layout-cell-header--collapseble {
    cursor: pointer;
}
.dhx_layout-cell-header--collapseble:focus .dhx_layout-cell-header__collapse-icon,
.dhx_layout-cell-header--collapseble:focus .dhx_layout-cell-header__title,
.dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__collapse-icon,
.dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__title {
    color: #0288d1;
    transition: color 0.2s ease-out;
}
.dhx_layout-cell-header--collapseble:focus,
.dhx_layout-cell-header:focus {
    outline-width: 0;
}
.dhx_layout-cell-header--collapsed.dhx_layout-cell-header--col {
    border-bottom: 0;
    position: relative;
}
.dhx_layout-cell-header--collapsed.dhx_layout-cell-header--col .dhx_layout-cell-header__title {
    position: absolute;
    transform-origin: left;
    transform: rotate(90deg);
    bottom: -12px;
    left: 50%;
}
.dhx_layout-resizer {
    position: relative;
    overflow: visible;
    text-align: center;
}
.dhx_layout-resizer .dhx_layout-resizer__icon {
    position: relative;
    z-index: 1;
}
.dhx_layout-resizer--x {
    width: 0;
}
.dhx_layout-resizer--x .dhx_layout-resizer__icon {
    width: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: rgba(0, 0, 0, 0.5);
    cursor: ew-resize;
}
.dhx_layout-resizer--x .dhx_layout-resizer__icon:before {
    font-size: 16px;
}
.dhx_layout-resizer--y {
    height: 0;
}
.dhx_layout-resizer--y .dhx_layout-resizer__icon {
    width: 100%;
    height: 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    color: rgba(0, 0, 0, 0.5);
    cursor: ns-resize;
}
.dhx_layout-resizer--y .dhx_layout-resizer__icon:before {
    font-size: 16px;
}
.dhx_navbar-count {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    z-index: 1;
}
.dhx_navbar-count--absolute {
    margin-left: 0;
    position: absolute;
    top: -4px;
    top: -10px;
    right: -10px;
}
.dhx_navbar-count--button-inline {
    margin-top: -4px;
    margin-bottom: -4px;
    margin-left: 12px;
}
.dhx_navbar-count--overlimit {
    width: auto;
    border-radius: 22px;
    padding: 0 8px;
}
.dhx_navbar-count--color_success {
    background-color: #0ab169;
}
.dhx_navbar-count--color_danger {
    background-color: #ff5252;
}
.dhx_navbar-count--color_primary {
    background-color: #0288d1;
}
.dhx_navbar-count--color_secondary {
    background-color: #4d4d4d;
}
.dhx_navbar {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}
.dhx_navbar:focus {
    outline: none;
}
.dhx_navbar--horizontal {
    flex-direction: row;
    align-items: center;
}
.dhx_navbar--vertical {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}
.dhx_navbar .dhx_button--color_secondary.dhx_button--view_link .dhx_button__icon {
    color: rgba(0, 0, 0, 0.5);
}
.dhx_navbar-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
}
.dhx_navbar-title--sidebar {
    display: block;
    padding: 12px;
}
.dhx_timepicker {
    width: 100%;
    padding: 50px 20px;
    min-width: 248px;
    background-color: #fff;
}
.dhx_timepicker--with-controls {
    padding: 4px 20px 0;
}
.dhx_timepicker__inputs {
    text-align: center;
    margin-bottom: 28px;
    margin-top: 16px;
}
.dhx_timepicker__close {
    min-height: 32px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 6px;
}
.dhx_timepicker__button-close {
    text-transform: uppercase;
    transform: translateX(16px);
}
.dhx_timepicker__save {
    padding-top: 12px;
    min-height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dhx_timepicker-inputs {
    position: relative;
    display: inline-block;
}
.dhx_timepicker-input {
    width: 48px;
    height: 38px;
    font-size: 30px;
    padding-bottom: 4px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 30px;
    text-align: center;
    outline: none;
    border: none;
    border-bottom: 1px solid #ededed;
    transition: border-color 0.2s ease-in;
    background-color: transparent;
}
.dhx_timepicker-input:focus {
    border-bottom: 1px solid #81c4e8;
    transition-timing-function: ease-out;
}
.dhx_timepicker-ampm {
    position: absolute;
    right: -32px;
    bottom: 4px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    color: rgba(0, 0, 0, 0.3);
    font-size: 16px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dhx_timepicker-delimer {
    position: relative;
    top: -2px;
    height: 30px;
    width: 8px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 30px;
    font-size: 30px;
}
.dhx_calendar {
    display: flex;
    justify-content: flex-end;
    min-height: 258px;
    padding: 12px;
    background-color: #fff;
}
.dhx_calendar--with_timepicker {
    min-height: 310px;
}
.dhx_calendar__wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dhx_calendar__dates-wrapper {
    position: relative;
    padding-left: 40px;
}
.dhx_calendar__navigation {
    display: flex;
    align-self: stretch;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    margin: -4px 2px 4px;
}
.dhx_calendar__navigation .dhx_button--color_secondary:focus,
.dhx_calendar__navigation .dhx_button--view_link:focus {
    background: inherit;
}
.dhx_calendar__navigation .dhx_button--color_secondary:hover,
.dhx_calendar__navigation .dhx_button--view_link:hover {
    background: #e4e4e4;
}
.dhx_calendar__timepicker-button {
    margin-top: 8px;
}
.dhx_calendar__actions {
    display: flex;
    justify-content: center;
}
.dhx_calendar__week-numbers {
    position: absolute;
    left: 0;
    top: -4px;
    width: 32px;
    padding: 4px 0;
    background-color: #f7f7f7;
}
.dhx_calendar__week-numbers:before {
    content: "#";
    display: block;
    margin-bottom: 8px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
}
.dhx_calendar__weekdays {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 8px;
}
.dhx_calendar__days,
.dhx_calendar__months {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dhx_calendar__months,
.dhx_calendar__years {
    margin-top: auto;
    margin-bottom: auto;
}
.dhx_calendar__years {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dhx_calendar-weekday {
    flex: 1 0 14%;
    font-size: 12px;
    line-height: 16px;
}
.dhx_calendar-week-number,
.dhx_calendar-weekday {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
}
.dhx_calendar-week-number {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
}
.dhx_calendar-week-number:last-child {
    margin-bottom: 0;
}
.dhx_calendar-week-number--hidden {
    opacity: 0;
    pointer-events: none;
}
.dhx_calendar-day {
    position: relative;
    flex: 1 0 14%;
    margin-bottom: 12px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    cursor: pointer;
}
.dhx_calendar-day:nth-last-child(-n + 7) {
    margin-bottom: 0;
}
.dhx_calendar-day:after,
.dhx_calendar-day:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 28px;
    height: 28px;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 50%;
    opacity: 0;
    z-index: -1;
}
.dhx_calendar-day:active,
.dhx_calendar-day:focus {
    outline: none;
}
.dhx_calendar-day:active:before,
.dhx_calendar-day:focus:before,
.dhx_calendar-day:hover:before {
    opacity: 1;
    transition: opacity 0.2s ease-out;
}
.dhx_calendar-day--weekend {
    color: #0288d1;
}
.dhx_calendar-day--hidden {
    opacity: 0;
    pointer-events: none;
}
.dhx_calendar-day--muffled {
    opacity: 0.6;
}
.dhx_calendar-day--disabled {
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}
.dhx_calendar-day--weekend-disabled {
    pointer-events: none;
    color: #6ecbfe;
}
.dhx_calendar-day--in-range:after {
    opacity: 1;
    background-color: #d3efff;
    border-radius: 0;
    width: 100%;
    z-index: -3;
}
.dhx_calendar-day--selected {
    color: #fff;
    position: relative;
    z-index: 1;
}
.dhx_calendar-day--selected:before {
    opacity: 1;
    background-color: #0288d1;
}
.dhx_calendar-day--selected-first:after {
    border-radius: 50% 0 0 50%;
}
.dhx_calendar-day--selected-last:after {
    border-radius: 0 50% 50% 0;
}
.dhx_calendar-day--first-date:after {
    width: 100%;
    background-color: #d3efff;
    opacity: 1;
    right: calc(-50% - 2px);
    left: auto;
    border-radius: 0;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}
.dhx_calendar-day--last-date:after {
    width: 100%;
    background-color: #d3efff;
    opacity: 1;
    right: calc(-50% + 2px);
    left: auto;
    border-radius: 0;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}
.dhx_calendar-day:nth-child(7n).dhx_calendar-day--first-date:after {
    width: 30px;
    right: calc(-50% + 1px);
}
.dhx_calendar-day:nth-child(7n + 1).dhx_calendar-day--last-date:after {
    width: 30px;
    right: calc(-50% + 3px);
}
.dhx_calendar-month,
.dhx_calendar-year {
    position: relative;
    flex: 1 0 25%;
    margin-bottom: 8px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 50px;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    cursor: pointer;
}
.dhx_calendar-month:nth-last-child(-n + 4),
.dhx_calendar-year:nth-last-child(-n + 4) {
    margin-bottom: 0;
}
.dhx_calendar-month:before,
.dhx_calendar-year:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s ease-in, background-color 0.2s ease-in;
    z-index: -1;
}
.dhx_calendar-month:active,
.dhx_calendar-month:focus,
.dhx_calendar-year:active,
.dhx_calendar-year:focus {
    outline: none;
}
.dhx_calendar-month:active:before,
.dhx_calendar-month:focus:before,
.dhx_calendar-year:active:before,
.dhx_calendar-year:focus:before {
    opacity: 1;
    transition: opacity 0.2s ease-out;
}
.dhx_calendar-month:hover:before,
.dhx_calendar-year:hover:before {
    opacity: 1;
    transition: opacity 0.2s ease-out;
    z-index: -2;
}
.dhx_calendar-month--selected,
.dhx_calendar-year--selected {
    color: #fff;
}
.dhx_calendar-month--selected:before,
.dhx_calendar-year--selected:before {
    opacity: 1;
    transition: opacity 0.2s ease-in, background-color 0.2s ease-in;
    background-color: #0288d1;
}
.dhx_chart {
    stroke-linecap: square;
    position: relative;
    height: 100%;
}
.dhx_chart svg {
    vertical-align: top;
    overflow: visible;
}
.dhx_chart .chart {
    transition: all 0.4s ease;
}
.dhx_chart .chart.donut,
.dhx_chart .chart.pie,
.dhx_chart .chart.pie3d {
    transition-property: none;
}
.dhx_chart .chart.dhx_pie-transform-delay {
    transition-property: all;
}
.dhx_chart.not-animate .chart,
.dhx_chart.not-animate .tooltip-form,
.dhx_chart.not-animate .tooltip-text {
    transition: none;
}
.dhx_chart .figure {
    transition: fill, stroke 0.3s ease;
}
.dhx_chart .active-figure {
    visibility: visible;
    transition: all 0.2s ease;
}
.dhx_chart .active-figure.point-circle,
.dhx_chart .active-figure.point-rect,
.dhx_chart .active-figure.point-rhombus,
.dhx_chart .active-figure.point-triangle {
    -webkit-filter: url(#dropshadow);
    filter: url(#dropshadow);
    transition: all 0.3s ease;
}
.dhx_chart .area {
    stroke-linecap: round;
}
.dhx_chart .dash-line {
    stroke-dasharray: 4, 6;
    stroke-linecap: round;
}
.dhx_chart .legend-text,
.dhx_chart .scale-text,
.dhx_chart .scale-title {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
    fill: #898f97;
}
.dhx_chart text {
    text-anchor: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.dhx_chart .start-text {
    text-anchor: start;
}
.dhx_chart .end-text {
    text-anchor: end;
}
.dhx_chart .legend-text {
    line-height: 18px;
}
.dhx_chart .scale-title {
    fill: #aeb7c2;
    line-height: 16px;
}
.dhx_chart .grid-line {
    stroke: #e3e9f1;
}
.dhx_chart .main-scale {
    stroke: #c8d4e4;
    stroke-width: 2px;
}
.dhx_chart .radar-grid {
    stroke-dasharray: 4, 6;
    stroke: #d8e1ec;
    stroke-linecap: round;
}
.dhx_chart .zebra {
    fill-rule: evenodd;
    fill: #f3f6fa;
}
.dhx_chart .radar-scale {
    stroke: #c4d5e6;
}
.dhx_chart .spec-grid-line {
    stroke: #898f97;
    stroke-linecap: round;
    stroke-dasharray: 4, 6;
}
.dhx_chart .bar-text {
    fill: #fff;
    line-height: 14px;
    font-weight: 500;
    font-size: 12px;
}
.dhx_chart .bar-text,
.dhx_chart .radar-axis-text {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}
.dhx_chart .radar-axis-text {
    font-size: 14px;
    fill: #666;
}
.dhx_chart .legend-item {
    cursor: pointer;
}
.dhx_chart .legend-item.not-active .figure {
    fill: #c8d4e4;
    fill-opacity: 1;
    stroke: #c8d4e4;
}
.dhx_chart .legend-item.not-active .figure.legend-circle,
.dhx_chart .legend-item.not-active .figure.legend-rect {
    stroke: none;
}
.dhx_chart .legend-item.not-active .figure.legend-circle.with-stroke,
.dhx_chart .legend-item.not-active .figure.legend-rect.with-stroke {
    stroke: #c8d4e4;
}
.dhx_chart .legend-item.not-active .legend-text {
    fill: #c8d4e4;
}
.dhx_chart.tooltip-container {
    z-index: 2147483647;
}
.dhx_chart.tooltip-container svg {
    width: 4px;
    height: 4px;
}
.dhx_chart .tooltip-form {
    fill: #555;
    fill-opacity: 0.9;
}
.dhx_chart .tooltip-text {
    font-size: 12px;
    line-height: 12px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    fill: #fff;
    font-weight: 500;
}
.dhx_chart .active-tooltip {
    visibility: visible;
}
.dhx_chart .pie-value {
    font-weight: 400;
    font-size: 14px;
    fill: #898f97;
}
.dhx_chart .pie-inner-value,
.dhx_chart .pie-value {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}
.dhx_chart .pie-inner-value {
    fill: #fff;
    pointer-events: none;
    font-weight: 500;
    line-height: 14px;
    font-size: 12px;
}
.dhx_chart .pie-value-connector {
    stroke: #c6c6c6;
    fill: none;
}
.dhx_chart .donut-value-title {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    fill: #898f97;
    font-size: 14px;
    line-height: 18px;
}
.dhx_chart .donut-value {
    fill: #555;
    font-size: 12px;
    line-height: 14px;
}
.dhx_chart .donut-value,
.dhx_popup {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}
.dhx_popup {
    position: fixed;
    z-index: 2147483645;
    box-sizing: border-box;
    -webkit-animation: appear 0.2s ease-in-out forwards;
    animation: appear 0.2s ease-in-out forwards;
    background: #fff;
    will-change: transform;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
/* modifica Marco */    
    -webkit-overflow-scrolling: touch;
}
.dhx_popup--window_modal {
    z-index: 2147483647;
}
.dhx_popup--window {
    z-index: 2147483645;
/* modifica Marco */    
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}
.dhx_popup--window_active {
    z-index: 2147483646;
/* modifica Marco */    
    z-index: 2;
    -webkit-overflow-scrolling: touch;
}
.dhx_popup.hide {
    -webkit-animation: disappear 0.2s ease-in-out forwards;
    animation: disappear 0.2s ease-in-out forwards;
}
.dhx_popup:focus {
    outline: none;
}
.dhx_widget--fullscreen .dhx_popup {
    z-index: 2147483647;
}
@-webkit-keyframes appear {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes appear {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes disappear {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(20px);
        opacity: 0;
    }
}
@keyframes disappear {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(20px);
        opacity: 0;
    }
}
.dhx_colorpicker {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    overflow: hidden;
    padding: 8px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    border-radius: 2px;
}
.dhx_colorpicker,
.dhx_colorpicker * {
    box-sizing: border-box;
}
.dhx_popup .dhx_colorpicker {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border: none;
}
.dhx_palette {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    white-space: nowrap;
}
.dhx_palette--custom {
    display: flex;
    flex-wrap: wrap;
    max-width: 236px;
}
.dhx_palette--custom.dhx_palette__row .dhx_palette__cell {
    margin-bottom: 0;
}
.dhx_palette__col {
    display: inline-block;
}
.dhx_palette__col:last-child .dhx_palette_cell {
    margin-right: 0;
}
.dhx_palette__row .dhx_palette__cell {
    display: inline-block;
    margin-bottom: 6px;
}
.dhx_palette__row .dhx_palette__cell:last-child {
    margin-right: 0;
}
.dhx_palette__row--last {
    margin-bottom: 0;
}
.dhx_palette__cell {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 2px 2px 0;
    vertical-align: top;
    border: 2px solid transparent;
    transition: border 0.2s ease-in;
}
.dhx_palette__cell:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 1px solid transparent;
    transition: border 0.2s ease-in;
}
.dhx_palette__cell:last-child {
    margin-bottom: 0;
}
.dhx_palette__cell--selected,
.dhx_palette__cell:hover {
    border: 2px solid hsla(0, 0%, 100%, 0.6);
    transition: border 0.2s ease-out;
}
.dhx_palette__cell--selected:after,
.dhx_palette__cell:hover:after {
    border: 1px solid rgba(0, 0, 0, 0.6);
    transition: border 0.2s ease-out;
}
.dhx_colorpicker-custom-colors {
    font-size: 14px;
    color: #909cad;
}
.dhx_colorpicker-custom-colors__header {
    font-size: 14px;
    padding: 9px 0 4px;
    letter-spacing: -0.2px;
    position: relative;
}
.dhx_colorpicker-custom-colors__picker {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #909cad;
    box-shadow: inset 0 0 0 1px #909cad;
}
.dhx_colorpicker-picker__palette {
    position: relative;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
}
.dhx_colorpicker-picker__palette:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0));
    z-index: 2;
}
.dhx_colorpicker-picker__palette:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(90deg, #fff, rgba(204, 154, 129, 0));
    z-index: 1;
}
.dhx_colorpicker-picker__buttons {
    display: flex;
    padding: 12px 0 0;
    justify-content: flex-end;
}
.dhx_colorpicker-picker__buttons .dhx_button:first-child {
    margin-right: 4px;
}
.dhx_colorpicker-hue-range {
    position: relative;
    width: 100%;
    margin: 4px 0 8px;
    border-radius: 2px;
    background-image: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}
.dhx_colorpicker-hue-range__grip {
    width: 6px;
    height: 100%;
}
.dhx_colorpicker-hue-range__grip,
.dhx_palette_grip {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    background: transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.dhx_palette_grip {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 10;
}
.dhx_colorpicker-value {
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: space-between;
}
.dhx_colorpicker-value__color {
    width: 100px;
    border: 1px solid transparent;
    border-radius: 2px;
    margin-right: 8px;
}
.dhx_colorpicker-value__input__wrapper {
    position: relative;
    border: 1px solid #d4dde7;
}
.dhx_colorpicker-value__input__wrapper:before {
    content: "#";
    position: absolute;
    height: 100%;
    line-height: 30px;
    left: 8px;
    color: #909cad;
    font-size: 15px;
}
.dhx_colorpicker-value__input {
    width: 100px;
    height: 100%;
    padding: 0 0 0 24px;
    line-height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 2px;
    outline: none;
}
.dhx_list {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
    overflow: auto;
    max-height: 100%;
    background-color: #fff;
}
.dhx_list--virtual {
    overflow: visible;
    max-height: unset;
    border: none;
}
.dhx_list-item {
    overflow: hidden;
    position: relative;
    padding: 8px 12px;
    border-bottom: 1px solid #e4e4e4;
}
.dhx_list-item,
.dhx_list-item--text {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}
.dhx_list-item--text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
}
.dhx_list-item--selected {
    background-color: #f7f7f7;
    box-shadow: inset 2px 0 0 0 #0288d1;
}
.dhx_list-item--focus,
.dhx_list-item--selected:hover,
.dhx_list-item:hover {
    background-color: #ededed;
    transition: background-color 0.2s ease-out;
}
.dhx_list-item--drophere:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #f7f7f7;
    opacity: 0.6;
}
.dhx_list-item--dragtarget {
    opacity: 0.6;
}
.dhx_list-item--drag {
    cursor: -webkit-grab;
    cursor: grab;
}
.dhx_list-input {
    width: 100%;
    padding-left: 5px;
}
.dhx_virtual-list-wrapper {
    overflow: auto;
    max-height: 100%;
    border: 1px solid #e4e4e4;
}
.dhx_combobox {
    margin-bottom: 16px;
}
.dhx_combobox__options {
    margin-top: 2px;
    width: 100%;
}
.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label:not(.dhx_label--with-help) {
    position: relative;
}
.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label:not(.dhx_label--with-help):after {
    content: "*";
    display: inline-block;
    padding-left: 4px;
    color: rgba(0, 0, 0, 0.3);
}
.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label__holder {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label__holder:after {
    content: "*";
    display: inline-block;
    padding-left: 4px;
    color: rgba(0, 0, 0, 0.3);
}
.dhx_combobox--label_sr .dhx_label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.dhx_combobox--label-inline {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}
.dhx_combobox--label-inline .dhx_combobox__label {
    flex: 0 1 auto;
    justify-content: flex-end;
    text-align: right;
    margin-right: 16px;
    width: 100%;
}
.dhx_combobox--label-inline .dhx_combobox-input-box {
    flex: 0 1 auto;
    width: 300%;
}
.dhx_combobox--disabled {
    opacity: 0.6;
    pointer-events: none;
    cursor: default;
}
.dhx_combobox-input-box {
    position: relative;
    flex: 1;
    background-color: #f7f7f7;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px #dfdfdf;
    transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
}
.dhx_combobox-input-box--readonly,
.dhx_combobox-input-box--readonly * {
    cursor: pointer;
}
.dhx_combobox-input-box--disabled {
    cursor: not-allowed;
}
.dhx_combobox-input-box--disabled * {
    cursor: not-allowed;
    pointer-events: none;
}
.dhx_combobox-input-box--active,
.dhx_combobox-input-box:focus-within {
    box-shadow: inset 0 0 0 1px #67b8e3;
}
.dhx_combobox-input-box--state_success {
    box-shadow: inset 0 0 0 1px #6cd0a5;
}
.dhx_combobox-input-box--state_error {
    box-shadow: inset 0 0 0 1px #ff9797;
}
.dhx_combobox-input {
    min-height: 30px;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}
.dhx_combobox-input:active,
.dhx_combobox-input:focus {
    outline: none;
}
.dhx_combobox-input__wrapper {
    position: static;
    padding-bottom: 0;
}
.dhx_combobox-input__icon {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex: 0;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    font-size: 16px;
    z-index: 1;
    color: rgba(0, 0, 0, 0.5);
}
.dhx_combobox-input-list-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.dhx_combobox-input-list {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    list-style: none;
    margin: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    min-height: 30px;
    max-height: 96px;
    width: calc(100% - 32px);
    overflow-y: scroll;
    padding: 0 41px 0 8px;
    box-sizing: content-box !important;
}
.dhx_combobox-input-list__item {
    flex: 0 1 auto;
}
.dhx_combobox-input-list__item--input {
    position: relative;
    flex: 1 0 auto;
}
.dhx_combobox-tag {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #e4e4e4;
    border-radius: 16px;
    background-color: #fff;
    margin-right: 8px;
}
.dhx_combobox-tag__value {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    white-space: nowrap;
}
.dhx_combobox-tag__icon,
.dhx_combobox-tag__image {
    margin-right: 4px;
}
.dhx_combobox-tag__image {
    width: 16px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.dhx_combobox-tag__action {
    height: 20px;
    margin-left: 4px;
    margin-right: -6px;
    color: rgba(0, 0, 0, 0.5);
    padding: 0;
    background-color: transparent;
    transition: color 0.2s ease-in;
}
.dhx_combobox-tag__action:hover {
    color: rgba(0, 0, 0, 0.7);
    transition: color 0.2s ease-out;
}
.dhx_combobox-options {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.dhx_combobox-options__icon {
    padding-right: 4px;
}
.dhx_combobox-options__image {
    padding-right: 4px;
    width: 16px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.dhx_combobox-options__item {
    display: flex;
    align-items: center;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.dhx_combobox-options__item--select-all {
    color: #0288d1;
    line-height: 20px;
    border-bottom: 1px solid #e4e4e4;
}
.dhx_dataview {
    position: relative;
    overflow-y: auto;
    height: 100%;
    max-height: 100%;
    background-color: #fff;
}
.dhx_dataview--has-scroll .dhx_dataview-row:last-child .dhx_dataview-item:not(.dhx_dataview-item--with-gap) {
    border-bottom: 0;
}
.dhx_dataview-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.dhx_dataview-row .dhx_dataview-item:not(.dhx_dataview-item--with-gap) {
    border-top: 0;
}
.dhx_dataview-item {
    position: relative;
    flex: 0 1 auto;
    border: 1px solid #e4e4e4;
    padding: 8px;
    transition: box-shadow 0.2s ease-in;
}
.dhx_dataview-item:not(.dhx_dataview-item--with-gap) {
    border-left: 0;
}
.dhx_dataview-item--last-item-in-row:not(.dhx_dataview-item--with-gap) {
    border-right: 0;
}
.dhx_dataview-item:focus {
    outline: none;
}
.dhx_dataview-item:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    border: 1px solid transparent;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    pointer-events: none;
}
.dhx_dataview-item--focus {
    box-shadow: inset 0 0 0 1px #a6a6a6;
    transition: box-shadow 0.2s ease-out;
}
.dhx_dataview-item--selected {
    box-shadow: inset 0 0 0 1px #0288d1;
    transition: box-shadow 0.2s ease-out;
}
.dhx_dataview-item--drophere:after {
    background-color: #f7f7f7;
    opacity: 0.6;
}
.dhx_dataview-item--dragtarget {
    opacity: 0.6;
}
.dhx_dataview-item--drag {
    cursor: -webkit-grab;
    cursor: grab;
}
.dhx_dataview-input {
    padding-left: 5px;
}
.dhx_widget.dhx_form {
    overflow-y: auto;
}
.dhx_widget.dhx_form .dhx_layout-cell {
    overflow-y: initial;
}
.dhx_footer-wrapper,
.dhx_header-wrapper {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    z-index: 11;
}
.dhx_footer-wrapper.dhx_compatible-header,
.dhx_header-wrapper.dhx_compatible-header {
    border-right: none;
}
.dhx_footer-wrapper:last-child,
.dhx_header-wrapper:last-child {
    border-bottom: none;
}
.dhx_footer-wrapper {
    overflow: hidden;
}
.dhx_grid-header {
    position: relative;
    height: 100%;
    white-space: nowrap;
    z-index: 10;
}
.dhx_grid-footer-cell,
.dhx_grid-header-cell {
    display: inline-block;
    height: 100%;
    padding: 0 8px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 400;
    vertical-align: top;
    white-space: nowrap;
    position: relative;
    font-weight: 500;
    background-color: #f7f7f7;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-left: none;
    text-overflow: ellipsis;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dhx_grid-footer-cell:not(.dhx_cell_first),
.dhx_grid-header-cell:not(.dhx_cell_first) {
    border-left: 1px solid #e4e4e4;
}
.dhx_grid-footer-cell:first-child,
.dhx_grid-header-cell:first-child {
    border-left: none;
}
.dhx_grid-header-cell--sortable:hover .dhx_grid-sort-icon {
    opacity: 1;
}
.dhx_grid-header-cell--sortable:hover:after,
.dhx_grid-header-cell--sorted:after {
    content: "";
    display: block;
    width: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #f7f7f7;
    opacity: 0.8;
}
.dhx_grid-header-cell--align_right {
    text-align: right;
}
.dhx_grid-header-cell--align_right .dhx_grid-header-cell-text {
    padding-left: 24px;
}
.dhx_grid-header-cell--align_right .dhx_grid-sort-icon {
    left: 4px;
}
.dhx_grid-header-cell--align_right:after {
    left: 0;
}
.dhx_grid-header-cell--align_left {
    text-align: left;
}
.dhx_grid-header-cell--align_left .dhx_grid-sort-icon {
    right: 4px;
}
.dhx_grid-header-cell--align_left:after {
    right: 0;
}
.dhx_grid-footer-cell:last-child,
.dhx_grid-header-cell:last-child {
    overflow: hidden;
}
.dhx_grid-sort-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: all 0.2s ease-in;
    cursor: pointer;
}
.dhx_grid-sort-icon:before {
    font-size: 16px;
    display: inline-block;
    transition: all 0.2s ease-out;
}
.dhx_grid-sort-icon--asc,
.dhx_grid-sort-icon--desc {
    opacity: 1;
    color: #0288d1;
    transition: color 0.2s ease-out;
}
.dhx_grid-sort-icon--asc:before {
    transform: scaleY(-1);
}
.dhx_cell_empty {
    border-top: none;
}
.dhx_header-row {
    white-space: nowrap;
    background: #f7f7f7;
}
.dhx_header-row:last-child .dhx_cell-first {
    border-bottom: 1px solid #f7f7f7;
}
.dhx_header-row:first-child .dhx_grid-footer-cell,
.dhx_header-row:first-child .dhx_grid-header-cell {
    border-top: none;
}
.dhx_header-row:not(:last-child) .dhx_grid-footer-cell,
.dhx_header-row:not(:last-child) .dhx_grid-header-cell {
    border-bottom: none;
}
.dhx_grid-custom-content-cell {
    padding: 5px;
}
.dhx_header-spans {
    position: absolute;
    top: 0;
}
.dhx_header-spans .dhx_span-cell {
    background: #f7f7f7;
    font-weight: 500;
}
.dhx_header-fixed-cols {
    background: #f7f7f7;
    z-index: 999;
}
.dhx_header-fixed-cols .dhx_last-column-cell {
    border-right: 1px solid #e4e4e4;
}
.dhx_resizer_grip {
    position: absolute;
    z-index: 100;
    top: 0;
    right: -5px;
    display: flex;
    width: 9px;
    height: 100%;
    cursor: col-resize;
    justify-content: center;
}
.dhx_resizer_grip:hover .dhx_resizer_grip_line {
    opacity: 1;
}
.dhx_resizer_grip:active {
    right: -100.5px;
    width: 200px;
}
.dhx_resizer_grip .dhx_resizer_grip_line {
    z-index: 100;
    background-color: #a6a6a6;
    width: 1px;
    height: 100%;
    transition: all 0.2s;
    pointer-events: none;
    opacity: 0;
}
.dhx_resizer_grip .dhx_header_fixed_cols .dhx_header_row {
    border: none;
}
.dhx_footer-wrapper {
    box-shadow: 0 1px 0 0 #f7f7f7;
}
.dhx_grid-footer {
    position: relative;
    background-color: #f7f7f7;
}
.dhx_grid-footer-cell {
    border-top: 1px solid #e4e4e4;
    overflow: hidden;
}
.dhx_grid-footer-cell:after {
    display: none;
}
.dhx_grid-footer-cell.dhx_number-cell {
    text-align: right;
}
.dhx_grid-footer-cell.dhx_string-cell {
    text-align: left;
}
.dhx_footer-row {
    white-space: nowrap;
    background: #f7f7f7;
}
.dhx_footer-row:last-child .dhx_cell-first {
    border-bottom: 1px solid #f7f7f7;
}
.dhx_footer-row .dhx_grid-footer-cell {
    border-bottom: none;
}
.dhx_footer-spans .dhx_span-cell {
    background-color: #f7f7f7;
}
.dhx_footer-spans .dhx_span-row .dhx_span-cell {
    border-top: 1px solid #e4e4e4;
}
.dhx_footer-fixed-cols {
    background: #f7f7f7;
    z-index: 999;
}
.dhx_footer-fixed-cols .dhx_last-column-cell {
    border-right: 1px solid #e4e4e4;
}
.dhx_grid_data {
    position: relative;
    top: -1px;
}
.dhx_grid-row {
    width: 100%;
}
.dhx_grid-cell,
.dhx_grid-row {
    white-space: nowrap;
    overflow: hidden;
}
.dhx_grid-cell {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    text-align: right;
    position: relative;
    display: inline-block;
    height: 100%;
    padding: 0 8px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 400;
    vertical-align: top;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}
.dhx_grid-cell--drophere:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #f7f7f7;
    opacity: 0.6;
}
.dhx_grid-cell--dragtarget {
    opacity: 0.6;
}
.dhx_grid-cell--drag {
    cursor: -webkit-grab;
    cursor: grab;
}
.dhx_grid-cell .dhx_cell-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.dhx_grid-cell:first-child {
    border-left: none;
}
.dhx_grid-cell--first {
    border-top: none;
}
.dhx_grid-cell--title {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    border-bottom: none;
}
.dhx_grid-cell--after-title,
.dhx_grid-cell--title {
    border-top: 1px solid #e4e4e4;
}
.dhx_grid-cell__editable {
    padding-right: 0;
    padding-left: 0;
}
.dhx_number-cell {
    text-align: right;
}
.dhx_string-cell,
.dhx_tree-cell {
    text-align: left;
}
.dhx_tree-cell_group-title .dhx_tree-cell {
    font-weight: 700;
}
.dhx_tree-cell:not(.dhx_grid-expand-cell) .dhx_cell-editor {
    margin: 0 -8px;
}
.dhx_tree-cell.dhx_grid-expand-cell {
    display: inline-flex;
    padding-left: 0;
}
.dhx_tree-cell .dhx_grid-expand-cell-icon {
    display: inline-flex;
    width: auto;
    height: 100%;
    font-size: 14px;
    cursor: pointer;
}
.dhx_tree-cell .dhx_grid-expand-cell-icon:before {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.dhx_tree-cell .dhx_tree-cell {
    display: inline-block;
    padding: 0 8px;
}
.dhx_align-left {
    text-align: left;
}
.dhx_align-center {
    text-align: center;
}
.dhx_align-right {
    text-align: right;
}
.dhx_grid-fixed-cols-wrap {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    overflow: hidden;
    z-index: 11;
}
.dhx_frozen-cols-border {
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #e4e4e4;
    z-index: 999999;
}
.dhx_grid-fixed-cols {
    position: absolute;
    top: 0;
}
.dhx_grid-fixed-cols .dhx_grid-cell__editable:last-child {
    padding-right: 1px;
}
.dhx_grid-selection {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.dhx_grid-selected-row {
    border-left: 2px solid #0288d1;
    background: rgba(77, 77, 77, 0.08);
    pointer-events: none;
}
.dhx_grid-selected-cell {
    border: 2px solid #0288d1;
    background-color: transparent;
    pointer-events: none;
}
.dhx_grid-resize-line {
    position: absolute;
    width: 1px;
    background: #a6a6a6;
    z-index: 10;
}
.dhx_cell-editor {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    height: 100%;
    text-align: inherit;
    color: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: inset 0 0 0 1px #0288d1;
    outline: none;
}
.dhx_cell-editor__combobox .dhx_combobox-input-box {
    padding: 0 25px 0 8px;
    box-shadow: inset 0 0 0 1px #0288d1;
}
.dhx_cell-editor__input {
    padding: 0 8px;
}
.dhx_cell-editor__select {
    padding: 0 4px;
}
.dhx_cell-editor__checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.dhx_span-cell {
    position: relative;
    display: inline-block;
    height: 100%;
    padding: 0 8px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 400;
    vertical-align: top;
    white-space: nowrap;
    border-left: 1px solid #e4e4e4;
    overflow: hidden;
    position: absolute;
    display: block;
    height: auto;
    font-weight: 500;
    border-top: 1px solid #e4e4e4;
    border-bottom: none;
    z-index: 10;
}
.dhx_span-cell--title {
    color: rgba(0, 0, 0, 0.5);
}
.dhx_span-row .dhx_first-column-cell {
    border-left: none;
}
.dhx_span-row .dhx_last-column-cell {
    border-right: 1px solid #e4e4e4;
}
.dhx_span-row:first-child .dhx_span-cell {
    border-top: none;
}
.dhx_span-spans {
    position: absolute;
    top: 0;
    left: 0;
}
.dhx_span-spans .dhx_span-cell {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    line-height: normal;
    text-align: left;
    white-space: normal;
    border-right: none;
    background: #fff;
}
.dhx_span-spans .dhx_span-cell.dhx_span-first-row {
    border-top: none;
}
.dhx_span-spans .dhx_span-cell.dhx_span-first-col {
    border-left: none;
}
.dhx_span-spans .dhx_span-string-cell {
    text-align: left;
}
.dhx_span-spans .dhx_span-number-cell {
    text-align: right;
}
.dhx_grid {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    background: #fff;
    overflow: hidden;
}
.dhx_grid_border {
    border-bottom: 1px solid #e4e4e4 !important;
}
.dhx_grid-content {
    position: relative;
    border: 1px solid #dfdfdf;
    background: #fff;
}
.dhx_grid-less-width .dhx_grid-cell:last-child,
.dhx_grid-less-width .dhx_grid-footer-cell:last-child,
.dhx_grid-less-width .dhx_grid-header-cell:last-child,
.dhx_grid-less-width .dhx_grid_footer_cell:last-child,
.dhx_grid-less-width .dhx_last-column-cell,
.dhx_grid-less-width .dhx_span-last-col,
.dhx_grid_border .dhx_grid-cell:last-child,
.dhx_grid_border .dhx_grid-footer-cell:last-child,
.dhx_grid_border .dhx_grid-header-cell:last-child,
.dhx_grid_border .dhx_grid_footer_cell:last-child,
.dhx_grid_border .dhx_last-column-cell,
.dhx_grid_border .dhx_span-last-col {
    border-right: 1px solid #e4e4e4;
}
.dhx_grid-less-height .dhx_footer-row:last-child .dhx_grid-footer-cell,
.dhx_grid-less-height .dhx_grid-row:last-child {
    border-bottom: 1px solid #e4e4e4;
}
.dhx_grid-less-height .dhx_footer-row:first-child .dhx_grid-footer-cell {
    border-top: none;
}
.dhx_grid-less-height .dhx_span-row:last-child .dhx_span-cell {
    border-bottom: 1px solid #e4e4e4;
}
.dhx_grid-less-height .dhx_span-row:first-child .dhx_span-cell {
    border-top: none;
}
.dhx_grid-body {
    overflow: auto;
}
.dhx_data-wrap,
.dhx_grid-body {
    position: relative;
    width: 100%;
    height: 100%;
}
.dhx_data-wrap {
    overflow: hidden;
}
.dhx_grid-filter__label {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.dhx_grid-filter__label:before {
    color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.dhx_grid-filter {
    height: 100%;
    padding: 0 25px 0 4px;
    color: rgba(0, 0, 0, 0.7);
    background: #fff;
    border-radius: 2px;
    outline: none;
    position: relative;
}
.dhx_grid-filter::-ms-expand {
    display: none;
}
.dhx_grid-cell .dhx_combobox-input-box,
.dhx_grid-footer-cell .dhx_combobox-input-box,
.dhx_grid-header-cell .dhx_combobox-input-box {
    height: 100%;
    padding: 0 8px;
    color: rgba(0, 0, 0, 0.7);
    background: #fff;
    border-radius: 2px;
    outline: none;
    position: relative;
}
.dhx_grid-cell .dhx_combobox-input-box::-ms-expand,
.dhx_grid-footer-cell .dhx_combobox-input-box::-ms-expand,
.dhx_grid-header-cell .dhx_combobox-input-box::-ms-expand {
    display: none;
}
.dhx_grid-cell .dhx_combobox,
.dhx_grid-footer-cell .dhx_combobox,
.dhx_grid-header-cell .dhx_combobox {
    margin: 0;
    height: 100%;
}
.dhx_grid-cell .dhx_combobox .dhx_combobox-input-list,
.dhx_grid-footer-cell .dhx_combobox .dhx_combobox-input-list,
.dhx_grid-header-cell .dhx_combobox .dhx_combobox-input-list {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    padding-left: 0;
    padding-right: 24px;
    border: none;
    width: 100%;
}
.dhx_grid-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input,
.dhx_grid-footer-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input,
.dhx_grid-header-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input {
    height: 100%;
    min-height: 100%;
}
.dhx_grid-cell .dhx_list-item,
.dhx_grid-footer-cell .dhx_list-item,
.dhx_grid-header-cell .dhx_list-item {
    padding: 7px 12px;
}
.dhx_menu-nav {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    overflow-x: auto;
    background-color: #ededed;
}
.dhx_menu-nav__item--separator {
    pointer-events: none;
    width: 1px;
    min-width: 1px;
    background-color: #dfdfdf;
    margin-top: 8px;
    margin-bottom: 8px;
}
.dhx_menu-nav__item--spacer {
    pointer-events: none;
    flex: 1 0 auto;
}
.dhx_nav-menu-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    font-weight: 500;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    transition: background-color 0.2s ease-in;
}
.dhx_nav-menu-button--active:not(:disabled),
.dhx_nav-menu-button:active:not(:disabled),
.dhx_nav-menu-button:hover:not(:disabled) {
    background-color: rgba(0, 0, 0, 0.07);
    transition: background-color 0.2s ease-out;
}
.dhx_nav-menu-button--disabled,
.dhx_nav-menu-button:disabled {
    opacity: 0.8;
    pointer-events: auto;
    cursor: default;
}
.dhx_nav-menu-button--disabled *,
.dhx_nav-menu-button:disabled * {
    color: rgba(0, 0, 0, 0.3);
}
.dhx_menu {
    padding: 0;
    margin: 0;
    background: #fff;
    list-style: none;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    z-index: 999;
}
.dhx_menu-item {
    min-width: 180px;
}
.dhx_menu-item--separator {
    pointer-events: none;
    align-self: stretch;
    height: 1px;
    min-height: 1px;
    margin: 2px 8px;
    background-color: #e4e4e4;
}
.dhx_menu-item--spacer {
    pointer-events: none;
    height: 16px;
}
.dhx_menu-item--left-gap .dhx_menu-button {
    padding-left: 38px;
}
.dhx_menu-button {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 8px;
    text-align: left;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    transition: background-color 0.2s ease-in;
}
.dhx_menu-button--active:not(:disabled),
.dhx_menu-button:active:not(:disabled),
.dhx_menu-button:focus:not(:disabled),
.dhx_menu-button:hover:not(:disabled) {
    background-color: #ededed;
    transition: background-color 0.2s ease-out;
}
.dhx_menu-button--disabled,
.dhx_menu-button:disabled {
    opacity: 0.8;
    pointer-events: auto;
    cursor: default;
}
.dhx_menu-button--disabled *,
.dhx_menu-button:disabled * {
    color: rgba(0, 0, 0, 0.3);
}
.dhx_menu-button__icon {
    color: rgba(0, 0, 0, 0.5);
}
.dhx_widget .dhx_menu-button__icon {
    line-height: 0;
}
.dhx_widget .dhx_menu-button__icon:before {
    font-size: 20px;
    line-height: 20px;
}
.dhx_menu-button__icon + .dhx_menu-button__text {
    margin-left: 8px;
}
.dhx_menu-button__block {
    display: flex;
    align-items: center;
}
.dhx_menu-button__block--left {
    justify-content: flex-start;
}
.dhx_menu-button__block--right {
    justify-content: flex-end;
}
.dhx_menu-button__count {
    margin-left: 8px;
    margin-top: -2px;
    margin-bottom: -2px;
}
.dhx_menu-button__hotkey {
    margin-left: 8px;
    color: rgba(0, 0, 0, 0.3);
}
.dhx_menu-button__caret {
    margin-left: 8px;
    color: rgba(0, 0, 0, 0.5);
}
.dhx_widget--fullscreen .dhx_menu {
    z-index: 2147483647;
}
.dhx_ribbon {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 10px;
    list-style: none;
}
.dhx_ribbon:focus {
    outline: none;
}
.dhx_ribbon__item {
    margin: 2px;
}
.dhx_ribbon__item--auto,
.dhx_ribbon__item--medium {
    flex: 1 0 auto;
    min-width: 68px;
    min-height: 68px;
}
.dhx_ribbon__item--icon,
.dhx_ribbon__item--spacer {
    flex: 1 0 auto;
}
.dhx_ribbon__item--separator {
    align-self: stretch;
    width: 1px;
    min-width: 1px;
    margin: 8px 4px;
    background-color: #dfdfdf;
}
.dhx_ribbon-button__icon + .dhx_ribbon-button__text {
    margin-left: 4px;
}
.dhx_widget .dhx_ribbon-button__icon {
    line-height: 0;
}
.dhx_widget .dhx_ribbon-button__icon:before {
    font-size: 20px;
    line-height: 20px;
}
.dhx_ribbon-button,
.dhx_ribbon-button-image {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 6px 12px;
    box-shadow: inset 0 0 0 1px #dfdfdf;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    border-radius: 2px;
    transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
}
.dhx_ribbon-button-image__icon,
.dhx_ribbon-button__icon {
    color: rgba(0, 0, 0, 0.5);
    line-height: 0;
}
.dhx_ribbon-button-image__count,
.dhx_ribbon-button__count {
    margin-left: 8px;
    margin-top: -10px;
    margin-bottom: -10px;
}
.dhx_ribbon-button--auto,
.dhx_ribbon-button--medium,
.dhx_ribbon-button-image--auto,
.dhx_ribbon-button-image--medium {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 68px;
    min-height: 68px;
    height: 100%;
}
.dhx_ribbon-button--auto .dhx_ribbon-button-image__count,
.dhx_ribbon-button--auto .dhx_ribbon-button__count,
.dhx_ribbon-button--medium .dhx_ribbon-button-image__count,
.dhx_ribbon-button--medium .dhx_ribbon-button__count,
.dhx_ribbon-button-image--auto .dhx_ribbon-button-image__count,
.dhx_ribbon-button-image--auto .dhx_ribbon-button__count,
.dhx_ribbon-button-image--medium .dhx_ribbon-button-image__count,
.dhx_ribbon-button-image--medium .dhx_ribbon-button__count {
    margin-left: 0;
    position: absolute;
    top: 4px;
    right: 4px;
}
.dhx_ribbon-button--auto .dhx_ribbon-button__icon + .dhx_ribbon-button__text,
.dhx_ribbon-button--medium .dhx_ribbon-button__icon + .dhx_ribbon-button__text,
.dhx_ribbon-button-image--auto .dhx_ribbon-button__icon + .dhx_ribbon-button__text,
.dhx_ribbon-button-image--medium .dhx_ribbon-button__icon + .dhx_ribbon-button__text {
    margin-left: 0;
    margin-top: 2px;
}
.dhx_ribbon-button--icon,
.dhx_ribbon-button-image--icon {
    flex: 1 0 auto;
    justify-content: center;
}
.dhx_ribbon-button--select,
.dhx_ribbon-button-image--select {
    padding-right: 8px;
}
.dhx_ribbon-button--select .dhx_ribbon-button__text,
.dhx_ribbon-button-image--select .dhx_ribbon-button__text {
    margin-right: 8px;
}
.dhx_ribbon-button-image:hover,
.dhx_ribbon-button:hover {
    background-color: rgba(0, 0, 0, 0.07);
    transition: background-color 0.2s ease-out;
}
.dhx_ribbon-button--active,
.dhx_ribbon-button-image--active,
.dhx_ribbon-button-image:active,
.dhx_ribbon-button:active {
    background-color: #f2f9fd;
    transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
    box-shadow: inset 0 0 0 1px #b3dbf1;
}
.dhx_ribbon-button--disabled,
.dhx_ribbon-button-image--disabled,
.dhx_ribbon-button-image:disabled,
.dhx_ribbon-button:disabled {
    opacity: 0.8;
    pointer-events: auto;
    cursor: default;
}
.dhx_ribbon-button--disabled:hover,
.dhx_ribbon-button-image--disabled:hover,
.dhx_ribbon-button-image:disabled:hover,
.dhx_ribbon-button:disabled:hover {
    background-color: transparent;
}
.dhx_ribbon-button--disabled *,
.dhx_ribbon-button-image--disabled *,
.dhx_ribbon-button-image:disabled *,
.dhx_ribbon-button:disabled * {
    color: rgba(0, 0, 0, 0.3);
}
.dhx_ribbon-button-image__text + .dhx_ribbon-button-image__image {
    margin-right: 4px;
}
.dhx_ribbon-button-image {
    flex-flow: row-reverse;
    justify-content: flex-end;
}
.dhx_ribbon-button-image__count {
    order: -1;
}
.dhx_ribbon-button-image__image {
    width: 20px;
    height: 20px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.dhx_ribbon-button-image--icon {
    justify-content: center;
}
.dhx_ribbon-button-image__count {
    margin-left: 8px;
}
.dhx_ribbon-button-image--auto .dhx_ribbon-button__count,
.dhx_ribbon-button-image--medium .dhx_ribbon-button__count {
    margin-left: 0;
    position: absolute;
    top: 4px;
    right: 4px;
}
.dhx_ribbon-button-image--auto,
.dhx_ribbon-button-image--medium {
    flex-flow: column-reverse;
    justify-content: center;
    min-width: 68px;
    min-height: 68px;
    height: 100%;
}
.dhx_ribbon-button-image--auto .dhx_ribbon-button-image__image,
.dhx_ribbon-button-image--medium .dhx_ribbon-button-image__image {
    margin-right: 0;
    width: 32px;
    height: 32px;
}
.dhx_ribbon-button-image__caret,
.dhx_ribbon-button__caret {
    margin-left: auto;
    color: rgba(0, 0, 0, 0.5);
    transform: rotate(90deg);
}
.dhx_ribbon-block {
    display: flex;
    text-align: center;
}
.dhx_ribbon-block--root {
    width: 100%;
}
.dhx_ribbon-block--title {
    position: relative;
    padding-bottom: 20px;
}
.dhx_ribbon-block--indented {
    margin-right: 4px;
    margin-left: 4px;
}
.dhx_ribbon-block--indented:first-child {
    margin-left: 0;
}
.dhx_ribbon-block--indented:last-child {
    margin-right: 0;
}
.dhx_ribbon-block--col > .dhx_ribbon-content {
    flex-direction: column;
}
.dhx_ribbon-block--row > .dhx_ribbon-content {
    flex-direction: row;
}
.dhx_ribbon-block--row .dhx_ribbon-button--auto,
.dhx_ribbon-block--row .dhx_ribbon-button-image--auto {
    flex-direction: column;
    justify-content: center;
}
.dhx_ribbon-content {
    flex: 1 0 auto;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.dhx_ribbon-content-label-wrapper {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    overflow: hidden;
}
.dhx_ribbon-content-label {
    position: relative;
    display: inline;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: rgba(0, 0, 0, 0.38);
}
.dhx_ribbon-content-label:after,
.dhx_ribbon-content-label:before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    height: 1px;
    background: rgba(0, 0, 0, 0.07);
    width: 1000%;
}
.dhx_ribbon-content-label:before {
    left: calc(100% + 4px);
}
.dhx_ribbon-content-label:after {
    right: calc(100% + 4px);
}
.dhx_sidebar {
    height: 100%;
    position: relative;
    background-color: #fff;
    z-index: 1;
}
.dhx_sidebar:focus {
    outline: none;
}
.dhx_sidebar__item .dhx_custom-button {
    overflow: hidden;
}
.dhx_sidebar__item--spacer {
    flex: 1 0 auto;
}
.dhx_sidebar__item--separator {
    height: 1px;
    min-height: 1px;
    width: 100%;
    background-color: #dfdfdf;
    margin: 2px 0;
}
.dhx_sidebar--minimized .dhx_navbar-title {
    opacity: 0;
    pointer-events: none;
}
.dhx_sidebar--minimized .dhx_sidebar-button__icon {
    margin-left: auto;
    margin-right: auto;
}
.dhx_sidebar--minimized .dhx_sidebar-button--select {
    padding-right: 12px;
}
.dhx_sidebar--minimized .dhx_sidebar-button__count {
    position: absolute;
    max-width: 24px;
    overflow: hidden;
    top: -4px;
    right: 4px;
}
.dhx_sidebar--minimized .dhx_sidebar-button--select .dhx_sidebar-button__count {
    margin-right: 0;
}
.dhx_sidebar--minimized .dhx_sidebar-button__caret,
.dhx_sidebar--minimized .dhx_sidebar-button__text {
    display: none;
}
.dhx_sidebar-button__icon + .dhx_sidebar-button__text {
    margin-left: 12px;
}
.dhx_sidebar-button {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    transition: background-color 0.2s ease-in;
}
.dhx_sidebar-button--select {
    padding-right: 8px;
}
.dhx_sidebar-button--select .dhx_sidebar-button__count {
    margin-right: 8px;
}
.dhx_sidebar-button--icon {
    padding-right: 12px;
}
.dhx_sidebar-button:hover {
    background-color: rgba(0, 0, 0, 0.07);
    transition: background-color 0.2s ease-out;
}
.dhx_sidebar-button--active,
.dhx_sidebar-button:active {
    background-color: rgba(0, 0, 0, 0.15);
    transition: background-color 0.2s ease-out;
}
.dhx_sidebar-button--active {
    box-shadow: inset 2px 0 0 0 #0288d1;
}
.dhx_sidebar-button--disabled,
.dhx_sidebar-button:disabled {
    opacity: 0.8;
    pointer-events: auto;
    cursor: default;
}
.dhx_sidebar-button--disabled:hover,
.dhx_sidebar-button:disabled:hover {
    background-color: transparent;
}
.dhx_sidebar-button--disabled *,
.dhx_sidebar-button:disabled * {
    color: rgba(0, 0, 0, 0.3);
}
.dhx_sidebar-button__icon {
    color: rgba(0, 0, 0, 0.5);
}
.dhx_widget .dhx_sidebar-button__icon {
    line-height: 0;
}
.dhx_widget .dhx_sidebar-button__icon:before {
    font-size: 20px;
    line-height: 20px;
}
.dhx_sidebar-button__html,
.dhx_sidebar-button__text {
    width: 100%;
    text-align: left;
}
.dhx_sidebar-button__count + .dhx_sidebar-button__caret {
    margin-left: 0;
}
.dhx_sidebar-button__count {
    min-width: 24px;
    flex: 1 0 auto;
    width: auto;
    margin: -4px 0 -4px auto;
}
.dhx_sidebar-button__caret {
    margin-right: 0;
    margin-left: auto;
}
.dhx_toolbar {
    display: flex;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 0;
    background-color: #fff;

}
.dhx_toolbar__item--spacer {
    flex: 1 0 auto;
}
.dhx_toolbar__item--separator {
    width: 1px;
    min-width: 1px;
    height: 100%;
    background-color: #dfdfdf;
    margin: 0 2px;
    height: 28px;
}
.dhx_toolbar__item:first-child .dhx_form-group,
.dhx_toolbar__item:first-child .dhx_navbar-title,
.dhx_toolbar__item:first-child button:not(.dhx_toolbar-button) {
    margin-left: 12px;
}
.dhx_toolbar__item:first-child button.dhx_button--view_link,
.dhx_toolbar__item:not(:first-child) .dhx_form-group,
.dhx_toolbar__item:not(:first-child) .dhx_navbar-title,
.dhx_toolbar__item:not(:first-child) button:not(.dhx_toolbar-button) {
    margin-left: 4px;
}
.dhx_toolbar__item:last-child .dhx_form-group,
.dhx_toolbar__item:last-child .dhx_navbar-title,
.dhx_toolbar__item:last-child button:not(.dhx_toolbar-button) {
    margin-right: 12px;
}
.dhx_toolbar__item:last-child button.dhx_button--view_link,
.dhx_toolbar__item:not(:last-child) .dhx_form-group,
.dhx_toolbar__item:not(:last-child) .dhx_navbar-title,
.dhx_toolbar__item:not(:last-child) button:not(.dhx_toolbar-button) {
    margin-right: 4px;
}
.dhx_toolbar .dhx_button__icon--menu {
    transform: rotate(90deg);
}
.dhx_toolbar__input {
    height: 32px;
}
@supports (display: block) {
    .dhx_toolbar__input {
        height: unset;
    }
}
.dhx_toolbar__input .dhx_input {
    height: 32px;
}
@supports (display: block) {
    .dhx_toolbar__input .dhx_input {
        height: unset;
    }
}
.dhx_toolbar-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    border-radius: 2px;
    transition: background-color 0.2s ease-in;
/* modifica Marco */
    color: #ffffff;
}
.dhx_toolbar-button--select {
    padding-right: 8px;
}
.dhx_toolbar-button--icon {
    padding-right: 12px;
}
.dhx_toolbar-button--circle {
    border-radius: 32px;
}
.dhx_toolbar-button--circle.dhx_toolbar-button--icon {
    padding-left: 6px;
    padding-right: 6px;
}
.dhx_toolbar-button:hover {
//    background-color: rgba(0, 0, 0, 0.07);
   transition: background-color 0.2s ease-out;
/* modifica Marco */
    color: rgba(0, 0, 0, 0.7);
    background-color:#F5F7FA;
}
.dhx_toolbar-button--active,
.dhx_toolbar-button:active {
    background-color: rgba(0, 0, 0, 0.15);
    transition: background-color 0.2s ease-out;
}
.dhx_toolbar-button--disabled,
.dhx_toolbar-button:disabled {
    opacity: 0.8;
    pointer-events: auto;
    cursor: default;
}
.dhx_toolbar-button--disabled:hover,
.dhx_toolbar-button:disabled:hover {
    background-color: transparent;
}
.dhx_toolbar-button--disabled *,
.dhx_toolbar-button:disabled * {
    color: rgba(0, 0, 0, 0.3);
}
/* modifica Marco 
.dhx_toolbar-button__icon {
    color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
}
.dhx_toolbar-button__icon:hover {
    color: rgba(0, 0, 0, 0.7);
}
*/
.dhx_widget .dhx_toolbar-button__icon {
    line-height: 0;
}
.dhx_widget .dhx_toolbar-button__icon:before {
    font-size: 20px;
    line-height: 20px;
}
.dhx_toolbar-button__icon + .dhx_toolbar-button__text {
    margin-left: 8px;
}
.dhx_toolbar-button__count {
    position: absolute;
    top: -10px;
    right: -10px;
}
.dhx_toolbar-button__caret {
    margin-left: 8px;
    color: rgba(0, 0, 0, 0.5);
    transform: rotate(90deg);
}
.dhx_toolbar-button-image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 44px;
    height: 44px;
    padding: 0;
    margin-top: -8px;
    margin-bottom: -8px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    transition: opacity 0.2s ease-in;
}
.dhx_toolbar-button-image:hover {
    opacity: 0.8;
    transition: opacity 0.2s ease-out;
}
.dhx_toolbar-button-image__image {
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 1;
}
.dhx_toolbar-button-image__text {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dhx_toolbar-button-image__count {
    position: absolute;
    top: -4px;
    right: -4px;
}
.dhx_tabbar {
    display: flex;
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    background-color: #fff;
}
.dhx_tabbar--top {
    flex-direction: column;
}
.dhx_tabbar--top .dhx_tabbar-header__wrapper:after {
    left: 0;
    height: 1px;
    width: 100%;
    bottom: 0;
}
.dhx_tabbar--top .dhx_layout-cell {
    height: 100%;
    overflow: hidden;
    flex: 1 1 auto;
}
.dhx_tabbar--top .dhx_tabbar-header {
    flex-direction: row;
}
.dhx_tabbar--top .dhx_tabbar-header-active {
    bottom: 0;
}
.dhx_tabbar--top .dhx_tabbar-tab {
    flex: 0 0 auto;
}
.dhx_tabbar--top .dhx_tabbar-tab-button {
    text-align: center;
}
.dhx_tabbar--bottom {
    flex-direction: column-reverse;
}
.dhx_tabbar--bottom .dhx_tabbar-header__wrapper:after {
    left: 0;
    height: 1px;
    width: 100%;
    top: 0;
}
.dhx_tabbar--bottom .dhx_layout-cell {
    height: 100%;
    overflow: hidden;
    flex: 1 1 auto;
}
.dhx_tabbar--bottom .dhx_tabbar-header {
    flex-direction: row;
}
.dhx_tabbar--bottom .dhx_tabbar-header-active {
    top: 0;
}
.dhx_tabbar--bottom .dhx_tabbar-tab {
    flex: 0 0 auto;
}
.dhx_tabbar--bottom .dhx_tabbar-tab-button {
    text-align: center;
}
.dhx_tabbar--left {
    flex-direction: row;
}
.dhx_tabbar--left .dhx_tabbar-header__wrapper:after {
    right: 0;
    height: 100%;
    width: 1px;
    bottom: 0;
}
.dhx_tabbar--left .dhx_layout-cell {
    height: 100%;
    overflow: hidden;
    flex: 1 1 auto;
}
.dhx_tabbar--left .dhx_tabbar-header {
    flex-direction: column;
}
.dhx_tabbar--left .dhx_tabbar-header-active {
    right: 0;
}
.dhx_tabbar--left .dhx_tabbar-tab {
    flex: 1 1 auto;
}
.dhx_tabbar--left .dhx_tabbar-tab-button {
    text-align: right;
}
.dhx_tabbar--right {
    flex-direction: row-reverse;
}
.dhx_tabbar--right .dhx_tabbar-header__wrapper:after {
    left: 0;
    height: 100%;
    width: 1px;
    bottom: 0;
}
.dhx_tabbar--right .dhx_layout-cell {
    height: 100%;
    overflow: hidden;
    flex: 1 1 auto;
}
.dhx_tabbar--right .dhx_tabbar-header {
    flex-direction: column;
}
.dhx_tabbar--right .dhx_tabbar-header-active {
    left: 0;
}
.dhx_tabbar--right .dhx_tabbar-tab {
    flex: 1 1 auto;
}
.dhx_tabbar--right .dhx_tabbar-tab-button {
    text-align: left;
}
.dhx_tabbar .dhx_layout-cell--content {
    flex: 1 0 auto;
    overflow: auto;
}
.dhx_tabbar-content--disabled {
    cursor: not-allowed;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.7;
}
.dhx_tabbar-header {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dhx_tabbar-header__wrapper {
    position: relative;
    overflow: auto;
    flex: 0 0 auto;
}
.dhx_tabbar-header__wrapper:after {
    content: "";
    display: block;
    position: absolute;
    background: #e4e4e4;
}
.dhx_tabbar-header-active {
    position: absolute;
    transition: transform 0.1s ease-in-out;
    background-color: #0288d1;
    z-index: 1;
}
.dhx_tabbar-tab {
    position: relative;
}
.dhx_tabbar-tab__close {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0.7;
    color: #0288d1;
    cursor: pointer;
}
.dhx_tabbar-tab__close:hover {
    opacity: 1;
}
.dhx_tabbar-tab__close:focus {
    outline: none;
}
.dhx_tabbar-tab-button {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    padding: 12px 24px;
    border-radius: 0;
    color: #0288d1;
    text-transform: uppercase;
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color 0.2s ease-in;
}
.dhx_tabbar-tab-button .dhx_button__text {
    opacity: 0.7;
}
.dhx_tabbar-tab-button:active,
.dhx_tabbar-tab-button:hover,
.dhx_tabbar-tab-button:hover:active {
    background-color: #ededed;
    transition: background-color 0.2s ease-out;
}
.dhx_tabbar-tab-button--active .dhx_button__text {
    opacity: 1;
}
.dhx_tabbar-tab-button--disabled {
    cursor: not-allowed;
}
.dhx_tabbar-tab-button--disabled * {
    cursor: not-allowed;
    pointer-events: none;
}
.dhx_tabbar-tab-button--disabled .dhx_button__text {
    color: rgba(0, 0, 0, 0.3);
}
.dhx_tree {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.dhx_tree--no-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dhx_tree--no-selection .dhx_tree-folder:hover:before,
.dhx_tree--no-selection .dhx_tree-list-item:hover:before {
    transition: background-color 0.2s ease-out;
    background-color: transparent;
}
.dhx_tree-list {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
}
.dhx_tree-folder {
    display: flex;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
.dhx_tree-folder .dhx_tree-list-item__content {
    padding-left: 20px;
}
.dhx_tree-folder .dhx_tree-toggle-button + .dhx_tree-list-item__content {
    padding-left: 0;
}
.dhx_tree-list-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    transition: background-color 0.2s ease-out;
}
.dhx_tree-list-item__content {
    display: flex;
    align-items: center;
    padding-left: 20px;
    position: relative;
}
.dhx_tree-list-item__content:before {
    content: "";
    display: block;
    position: absolute;
    top: -1.5px;
    bottom: -1.5px;
    right: inherit;
    left: inherit;
    transition: background-color 0.2s ease-in;
    z-index: -1;
}
.dhx_tree-list-item__text {
    padding-left: 4px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: normal;
    color: rgba(0, 0, 0, 0.7);
}
.dhx_tree-list-item__icon {
    color: rgba(0, 0, 0, 0.3);
    line-height: 1;
    font-size: 0;
}
.dhx_tree-list-item__icon:before {
    font-size: 20px;
    line-height: 1;
}
.dhx_tree-list-item--parent {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}
.dhx_tree-list-item .dhx_widget .dhx_tree-list-item__icon {
    line-height: 0;
}
.dhx_tree-list-item .dhx_widget .dhx_tree-list-item__icon:before {
    font-size: 20px;
    line-height: 20px;
}
.dhx_tree-folder,
.dhx_tree-list-item {
    position: relative;
}
.dhx_tree-folder:before,
.dhx_tree-list-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: inherit;
    left: inherit;
    transition: background-color 0.2s ease-in;
    z-index: -1;
}
.dhx_tree-folder--focused:before,
.dhx_tree-folder:hover:before,
.dhx_tree-list-item--focused:before,
.dhx_tree-list-item:hover:before {
    transition: background-color 0.2s ease-out;
    background-color: #ededed;
}
.dhx_tree-folder--selected:before,
.dhx_tree-list-item--selected:before {
    transition: background-color 0.2s ease-out;
    box-shadow: inset 2px 0 0 0 #0288d1;
    background-color: #f7f7f7;
}
.dhx_tree-toggle-button {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.5);
}
.dhx_tree-toggle-button + .dhx_tree-list-item__content {
    margin-left: 0;
}
.dhx_tree-checkbox {
    padding-right: 4px;
    color: #0288d1;
}
.dhx_tree-checkbox.dxi-checkbox-blank-outline {
    color: rgba(0, 0, 0, 0.5);
}
.dhx_tree-input {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    padding-left: 4px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    background-color: #f7f7f7;
    border: none;
}
.dhx_tree-input:focus {
    outline: none;
}
.dhx_tree-folder.dhx_tree-drop--top .dhx_tree-list-item__content:before {
    left: -20px;
    right: 0;
    box-shadow: 0 -1px 0 0 #81c4e8;
}
.dhx_tree-folder.dhx_tree-drop--top:hover:before {
    background-color: transparent;
}
.dhx_tree-folder.dhx_tree-drop--bottom .dhx_tree-list-item__content:before {
    left: -20px;
    right: 0;
    box-shadow: 0 1px 0 0 #81c4e8;
}
.dhx_tree-folder.dhx_tree-drop--bottom:hover:before {
    background-color: transparent;
}
.dhx_tree-folder.dhx_tree-drop--in-folder .dhx_tree-list-item__content:before {
    left: -20px;
    right: 0;
    box-shadow: 0 1px 0 0 #81c4e8, 0 -1px 0 0 #81c4e8;
}
.dhx_tree-folder.dhx_tree-drop--in-folder:hover:before {
    background-color: transparent;
}
.dhx_tree-list-item.dhx_tree-drop--top .dhx_tree-list-item__content:before {
    left: 20px;
    right: 0;
    box-shadow: 0 -1px 0 0 #81c4e8;
}
.dhx_tree-list-item.dhx_tree-drop--top:hover:before {
    background-color: transparent;
}
.dhx_tree-list-item.dhx_tree-drop--bottom .dhx_tree-list-item__content:before {
    left: 20px;
    right: 0;
    box-shadow: 0 1px 0 0 #81c4e8;
}
.dhx_tree-list-item.dhx_tree-drop--bottom:hover:before {
    background-color: transparent;
}
.dhx_tree-list-item.dhx_tree-drop--in-folder .dhx_tree-list-item__content:before {
    left: 20px;
    right: 0;
    box-shadow: 0 1px 0 0 #81c4e8, 0 -1px 0 0 #81c4e8;
}
.dhx_tree-list-item.dhx_tree-drop--in-folder:hover:before {
    background-color: transparent;
}
.dhx_window {
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    will-change: transform;
    overflow: visible;
}
.dhx_window--stop_selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dhx_window__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2147483645;
}
.dhx_window-header {
    margin-bottom: 20px;
/* modifica Marco */
    margin-bottom: 0;
}
.dhx_window-header--movable {
    cursor: all-scroll;
}
.dhx_window-header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 16px;
    transform: translateY(-100%);
}
.dhx_window-header .dhx_navbar-title {
    margin-left: 0 !important;
    font-size: 18px;
    color:#ffffff;
}
.dhx_window-content {
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 28px;
/* modifica Marco */
    padding:0;
}
.dhx_window-content,
.dhx_window-content-without-header {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3;
    overflow-y: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.dhx_window-content-without-header {
    padding: 28px;
}
.dhx_window-content-without-header .dhx_layout-cell,
.dhx_window-content .dhx_layout-cell {
    overflow-y: auto;
}
.dhx_window-footer {
    margin-top: 20px;
}
.dhx_window__inner-html-content {
    position: relative;
/* modifica Marco */
    height:100%;
}
.dhx_window__inner-html-content :first-child {
    margin-top: 0;
}
body.dhx_window--no-scroll {
    width: 100vw;
    height: 100vh;
}
.dhx_window--no-scroll {
    overflow: hidden;
}
.dhx_window .dhx_cell_content,
.dhx_window .dhx_toolbar {
    width: 100%;
}
.dhx_window .dhx_toolbar__list {
    min-height: auto;
}
.dhx_window .dhx_window-header .dhx_toolbar {
    padding: 28px 28px 0;
/* modifica Marco */    
    padding: 0 15px 0 15px;
}

.dhx_window .dhx_window-footer .dhx_toolbar {
    padding: 0 28px 28px;
}
.dhx_window .dhx_cell_content {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.dhx_window-resizer {
    position: absolute;
    background: transparent;
}
.dhx_window-resizer--left {
    left: -6px;
    top: 0;
    height: 100%;
    width: 12px;
}
.dhx_window-resizer--left:hover {
    cursor: ew-resize;
}
.dhx_window-resizer--right {
    right: -6px;
    top: 0;
    height: 100%;
    width: 12px;
}
.dhx_window-resizer--right:hover {
    cursor: ew-resize;
}
.dhx_window-resizer--top {
    left: 0;
    top: -6px;
    height: 12px;
    width: 100%;
}
.dhx_window-resizer--top:hover {
    cursor: ns-resize;
}
.dhx_window-resizer--bottom {
    left: 0;
    bottom: -6px;
    height: 12px;
    width: 100%;
}
.dhx_window-resizer--bottom:hover {
    cursor: ns-resize;
}
.dhx_window-resizer--top_right {
    right: -6px;
    top: -6px;
    width: 12px;
    height: 12px;
}
.dhx_window-resizer--top_right:hover {
    cursor: nesw-resize;
}
.dhx_window-resizer--top_left {
    left: -6px;
    top: -6px;
    width: 12px;
    height: 12px;
}
.dhx_window-resizer--top_left:hover {
    cursor: nwse-resize;
}
.dhx_window-resizer--bottom_right {
    right: -6px;
    bottom: -6px;
    width: 12px;
    height: 12px;
}
.dhx_window-resizer--bottom_right:hover {
    cursor: nwse-resize;
}
.dhx_window-resizer--bottom_left {
    left: -6px;
    bottom: -6px;
    width: 12px;
    height: 12px;
}
.dhx_window-resizer--bottom_left:hover {
    cursor: nesw-resize;
}
.dhx_window-body-pointer--left,
.dhx_window-body-pointer--right {
    cursor: ew-resize;
}
.dhx_window-body-pointer--bottom,
.dhx_window-body-pointer--top {
    cursor: ns-resize;
}
.dhx_window-body-pointer--top_right {
    cursor: nesw-resize;
}
.dhx_window-body-pointer--bottom_right,
.dhx_window-body-pointer--top_left {
    cursor: nwse-resize;
}
.dhx_window-body-pointer--bottom_left {
    cursor: nesw-resize;
}