/*
@license
dhtmlxSuite v.6.4.1 GPL
This software is covered by GPL license.
To use it in non-GPL project, you need obtain Commercial or Enterprise license
Please contact sales@dhtmlx.com. Usage without proper license is prohibited.
(c) XB Software.
*/
.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
}
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, .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, .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: .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;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out
}
.dhx_drag-ghost .dhx_tree-list-item__icon {
position: relative;
display: inline;
vertical-align: middle;
color: rgba(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, .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,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) 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-help-circle-outline:before {
content: "\F134"
}
.dxi.dxi-information-outline:before {
content: "\F135"
}
.dxi.dxi-key:before {
content: "\F136"
}
.dxi.dxi-link-variant-off:before {
content: "\F137"
}
.dxi.dxi-link-variant:before {
content: "\F138"
}
.dxi.dxi-loading:before {
content: "\F139"
}
.dxi.dxi-magnify:before {
content: "\F13A"
}
.dxi.dxi-menu-down:before {
content: "\F13B"
}
.dxi.dxi-menu-left:before {
content: "\F13C"
}
.dxi.dxi-menu-right:before {
content: "\F13D"
}
.dxi.dxi-menu-up:before {
content: "\F13E"
}
.dxi.dxi-minus-box:before {
content: "\F13F"
}
.dxi.dxi-minus:before {
content: "\F140"
}
.dxi.dxi-numeric:before {
content: "\F141"
}
.dxi.dxi-pencil:before {
content: "\F142"
}
.dxi.dxi-plus-circle:before {
content: "\F143"
}
.dxi.dxi-plus:before {
content: "\F144"
}
.dxi.dxi-printer:before {
content: "\F145"
}
.dxi.dxi-redo:before {
content: "\F146"
}
.dxi.dxi-rotate-right:before {
content: "\F147"
}
.dxi.dxi-select-all:before {
content: "\F148"
}
.dxi.dxi-sort-variant:before {
content: "\F149"
}
.dxi.dxi-table-column-plus-before:before {
content: "\F14A"
}
.dxi.dxi-table-column-remove:before {
content: "\F14B"
}
.dxi.dxi-table-column:before {
content: "\F14C"
}
.dxi.dxi-table-row-plus-before:before {
content: "\F14D"
}
.dxi.dxi-table-row-remove:before {
content: "\F14E"
}
.dxi.dxi-table-row:before {
content: "\F14F"
}
.dxi.dxi-undo:before {
content: "\F150"
}
.dxi.dxi-unfold-more-horizontal:before {
content: "\F151"
}
.dxi.dxi-vault:before {
content: "\F152"
}
.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% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: center center;
transform-origin: center center
}
to {
-webkit-transform: rotate(1439deg);
transform: rotate(1439deg);
-webkit-transform-origin: center center;
transform-origin: center center
}
}
@keyframes button-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: center center;
transform-origin: center center
}
to {
-webkit-transform: rotate(1439deg);
transform: rotate(1439deg);
-webkit-transform-origin: center center;
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;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center
}
.dhx_button__loading-icon {
-webkit-animation: button-loading .9s linear infinite;
animation: button-loading .9s linear infinite
}
.dhx_button--width_full {
width: 100%
}
.dhx_button--justify_between {
-webkit-box-pack: justify;
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: -webkit-box;
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: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: 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;
-webkit-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in;
transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in
}
.dhx_button--view_flat:focus,
.dhx_button--view_flat:hover {
-webkit-transition: background-color .2s ease-out, color .2s ease-out, box-shadow .2s ease-out;
transition: background-color .2s ease-out, color .2s ease-out, box-shadow .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: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: 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;
-webkit-transition: background-color .2s ease-in, box-shadow .2s ease-in;
transition: background-color .2s ease-in, box-shadow .2s ease-in
}
.dhx_button--view_link:focus,
.dhx_button--view_link:hover {
-webkit-transition: background-color .2s ease-out, box-shadow .2s ease-out;
transition: background-color .2s ease-out, box-shadow .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: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
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: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
width: 100%;
-webkit-box-align: center;
align-items: center;
position: relative
}
.dhx_form-group--inline .dhx_label {
position: relative;
-webkit-box-flex: 0;
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 {
-webkit-box-flex: 0;
flex: 0 1 auto;
width: 300%;
height: 100%
}
.dhx_form-group--inline .dhx_label--with-help {
-webkit-box-pack: end;
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, .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, .3)
}
.dhx_form-group--no-message-holder {
padding-bottom: 0
}
.dhx_form-group--disabled {
opacity: .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, .7);
background-color: #f6f6f6;
background-clip: padding-box;
box-shadow: inset 0 0 0 1px #dfdfdf;
border: 0;
border-radius: 2px;
outline: 0;
-webkit-transition: border-color .2s ease-in, box-shadow .2s ease-in;
transition: border-color .2s ease-in, box-shadow .2s ease-in
}
.dhx_input::-webkit-input-placeholder {
color: rgba(0, 0, 0, .5)
}
.dhx_input::-moz-placeholder {
color: rgba(0, 0, 0, .5)
}
.dhx_input:-ms-input-placeholder {
color: rgba(0, 0, 0, .5)
}
.dhx_input::-ms-input-placeholder {
color: rgba(0, 0, 0, .5)
}
.dhx_input::placeholder {
color: rgba(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: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
position: relative
}
.dhx_input__wrapper:before {
color: rgba(0, 0, 0, .5);
pointer-events: none;
position: absolute;
right: 4px;
top: 50%;
-webkit-transform: translateY(-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, .5);
white-space: wrap;
overflow-x: hidden;
text-overflow: ellipsis;
cursor: default
}
.dhx_input__icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 4px;
z-index: 1;
color: rgba(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;
-webkit-box-flex: 0;
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, .7);
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
cursor: pointer;
-webkit-transition: color .2s ease-in, opacity .2s ease-in;
transition: color .2s ease-in, opacity .2s ease-in
}
.dhx_label:hover {
opacity: .8;
-webkit-transition: color .2s ease-out, opacity .2s ease-out;
transition: color .2s ease-out, opacity .2s ease-out
}
.dhx_label__holder {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.dhx_label--with-help {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
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, .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;
-webkit-transform: none;
transform: none
}
.dhx_checkbox.dhx_form-group--inline {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
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: .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+);
-webkit-transition: background-color .2s ease-out;
transition: background-color .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, .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: -webkit-box;
display: flex;
-webkit-box-align: center;
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: .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;
-webkit-transition: background-color .2s ease-out;
transition: background-color .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%;
-webkit-transform: translateY(-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, .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: 5px;
font-size: 14px;
font-weight: 400;
text-align: center;
overflow: hidden;
position: relative
}
.dhx_simplevault__drop-area {
background-color: #f6f6f6;
border: 1px solid #dfdfdf;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
display: -webkit-box;
display: flex;
height: 70px;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding: 0 20px
}
.dhx_simplevault__drop-area--on-drag {
border-style: dashed;
-webkit-transition: border .2s ease-out;
transition: border .2s ease-out
}
.dhx_simplevault__icon:before {
font-size: 40px;
color: rgba(0, 0, 0, .3);
-webkit-transition: color .2s ease-in;
transition: color .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;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .2s ease-in, -webkit-transform .2s ease-in;
transition: opacity .2s ease-in, -webkit-transform .2s ease-in;
transition: opacity .2s ease-in, transform .2s ease-in;
transition: opacity .2s ease-in, transform .2s ease-in, -webkit-transform .2s ease-in
}
.dhx_simplevault-files {
background-color: #f6f6f6;
border: 1px solid #dfdfdf;
border-top: none;
-webkit-transition: all .2s ease-in;
transition: all .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;
min-height: 37px;
}
.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, .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%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.dhx_simplevault-loader {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
position: absolute;
left: 1px;
right: 1px;
top: 1px;
bottom: 1px;
background-color: #ededed;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
will-change: transform;
-webkit-transition: 0ms;
transition: 0ms;
z-index: 1
}
.dhx_simplevault-loader .dhx_simplevault__icon:before {
color: #0288d1
}
.dhx_slider {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
padding-bottom: 16px
}
.dhx_slider--label-inline {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center
}
.dhx_slider--label-inline .dhx_slider__label {
text-align: right;
-webkit-box-flex: 0;
flex: 0 1 auto;
margin-right: 16px;
margin-bottom: 0;
width: 100%
}
.dhx_slider--label-inline .dhx_label--with-help {
-webkit-box-pack: end;
justify-content: flex-end
}
.dhx_slider--label-inline .dhx_slider__track-holder {
width: 300%;
-webkit-box-flex: 0;
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: -webkit-inline-box;
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: -webkit-box;
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%;
-webkit-transform: translate(-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) {
-webkit-transform: translateY(-.5px);
transform: translateY(-.5px)
}
.dhx_slider--mode_vertical .dhx_slider__tick--major {
width: 8px
}
.dhx_slider--mode_vertical .dhx_slider__tick-label {
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 2px
}
.dhx_slider--disabled {
opacity: .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;
-webkit-box-flex: 1;
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%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #0288d1;
-webkit-transition: border-color .2s ease-out, background-color .2s ease-out, -webkit-transform .1s ease-out;
transition: border-color .2s ease-out, background-color .2s ease-out, -webkit-transform .1s ease-out;
transition: transform .1s ease-out, border-color .2s ease-out, background-color .2s ease-out;
transition: transform .1s ease-out, border-color .2s ease-out, background-color .2s ease-out, -webkit-transform .1s ease-out;
will-change: transform;
cursor: pointer
}
.dhx_slider__thumb:after,
.dhx_slider__thumb:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
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, .15)
}
.dhx_slider__thumb:after,
.dhx_slider__thumb:before {
-webkit-transition: background-color .2s ease-out, -webkit-transform .2s ease-out;
transition: background-color .2s ease-out, -webkit-transform .2s ease-out;
transition: transform .2s ease-out, background-color .2s ease-out;
transition: transform .2s ease-out, background-color .2s ease-out, -webkit-transform .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 {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
-webkit-transition: background-color .2s ease-in, -webkit-transform .2s ease-in;
transition: background-color .2s ease-in, -webkit-transform .2s ease-in;
transition: transform .2s ease-in, background-color .2s ease-in;
transition: transform .2s ease-in, background-color .2s ease-in, -webkit-transform .2s ease-in
}
.dhx_slider__thumb--active,
.dhx_slider__thumb:active {
z-index: 1
}
.dhx_slider__thumb--active:after,
.dhx_slider__thumb:active:after {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
-webkit-transition: background-color .2s ease-in, -webkit-transform .2s ease-in;
transition: background-color .2s ease-in, -webkit-transform .2s ease-in;
transition: transform .2s ease-in, background-color .2s ease-in;
transition: transform .2s ease-in, background-color .2s ease-in, -webkit-transform .2s ease-in
}
.dhx_slider__thumb--nullable {
background-color: #b3b3b3
}
.dhx_slider__thumb--nullable:after {
width: 8px;
height: 8px;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
background: #fff
}
.dhx_slider__thumb--nullable:before {
background-color: rgba(77, 77, 77, .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;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
background-color: #333;
box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #fff;
-webkit-transition: opacity transform .01s ease-in;
transition: opacity transform .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%;
-webkit-transform: translateY(-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) {
-webkit-transform: translateX(-.5px);
transform: translateX(-.5px)
}
.dhx_slider__tick--major {
height: 8px
}
.dhx_slider__tick-label {
position: absolute;
top: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
font-size: 10px;
color: rgba(0, 0, 0, .7);
line-height: 1
}
.dhx_message-container {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: end;
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 {
-webkit-box-align: start;
align-items: flex-start;
bottom: 0;
left: 0
}
.dhx_message-container--bottom-right {
-webkit-box-align: start;
align-items: flex-start;
bottom: 0;
right: 0
}
.dhx_message-container--in-body {
position: fixed
}
.dhx_message {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
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, .1), 0 10px 20px rgba(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, .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, .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: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 600px;
padding: 24px;
background: #fff;
border-radius: 2px;
box-shadow: 0 2px 5px rgba(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, .5);
z-index: 2147483646
}
.dhx_alert__header {
position: relative;
margin-bottom: 20px;
font-weight: 500;
line-height: 20px;
color: rgba(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, .5);
line-height: 1.3;
overflow-y: auto;
overflow-wrap: break-word;
word-wrap: break-word
}
.dhx_alert__footer {
margin-top: 20px;
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start
}
.dhx_alert__footer--center {
-webkit-box-pack: center;
justify-content: center
}
.dhx_alert__footer--right {
-webkit-box-pack: end;
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, .3);
padding: 6px 12px;
-webkit-transition: opacity .01s ease, -webkit-transform .01s ease;
transition: opacity .01s ease, -webkit-transform .01s ease;
transition: opacity .01s ease, transform .01s ease;
transition: opacity .01s ease, transform .01s ease, -webkit-transform .01s ease;
opacity: 0;
z-index: 999;
font-family: Roboto, Arial, Tahoma, Verdana, sans-serif
}
.dhx_tooltip--animate {
opacity: 1;
-webkit-transition: opacity .15s ease-out;
transition: opacity .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, .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: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
overflow: hidden
}
.dhx_layout-columns>.dhx_layout-cell:not(.dhx_layout-rows):not(.dhx_layout-columns):not(.dhx_layout-cell--gravity) {
-webkit-box-flex: 0;
flex: 0 1 auto
}
.dhx_layout-columns>.dhx_layout-cell--resizeble {
overflow-x: hidden
}
.dhx_layout-rows {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
overflow: hidden
}
.dhx_layout-rows>.dhx_layout-cell:not(.dhx_layout-rows):not(.dhx_layout-columns):not(.dhx_layout-cell--gravity) {
-webkit-box-flex: 0;
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 {
-webkit-box-pack: start;
justify-content: flex-start
}
.dhx_layout-cell--center,
.dhx_layout-columns--center,
.dhx_layout-rows--center {
-webkit-box-pack: center;
justify-content: center
}
.dhx_layout-cell--end,
.dhx_layout-columns--end,
.dhx_layout-rows--end {
-webkit-box-pack: end;
justify-content: flex-end
}
.dhx_layout-cell--between,
.dhx_layout-columns--between,
.dhx_layout-rows--between {
-webkit-box-pack: justify;
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 {
-webkit-box-pack: space-evenly;
justify-content: space-evenly
}
.dhx_layout-cell {
flex-basis: auto;
-webkit-box-flex: 0;
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, .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 {
-webkit-box-flex: 1;
flex: 1 1 auto
}
.dhx_layout-cell--flex {
display: -webkit-box;
display: flex
}
.dhx_layout-cell--accordion>.dhx_layout-cell--collapsed {
border-bottom: 0
}
.dhx_layout-cell--collapsed {
overflow: hidden;
-webkit-box-flex: 0;
flex: 0 1 auto
}
.dhx_layout-cell-content {
height: 100%
}
.dhx_layout-cell-header {
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
border-bottom: 1px solid #e4e4e4;
padding: 8px 12px
}
.dhx_layout-cell-header__title {
margin: 0;
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: rgba(0, 0, 0, .7);
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
-webkit-transition: color .2s ease-in;
transition: color .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%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%
}
.dhx_layout-cell-header__collapse-icon {
margin-left: auto;
color: #4d4d4d;
-webkit-transition: color .2s ease-in, -webkit-transform .2s ease-in;
transition: color .2s ease-in, -webkit-transform .2s ease-in;
transition: transform .2s ease-in, color .2s ease-in;
transition: transform .2s ease-in, color .2s ease-in, -webkit-transform .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;
-webkit-transition: color .2s ease-out;
transition: color .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;
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
bottom: -12px;
left: 50%
}
.dhx_layout-cell-header+.dhx_layout-cell-content {
overflow: auto;
height: calc(100% - 37px)
}
.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: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
color: rgba(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: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
color: rgba(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: -webkit-box;
display: flex;
flex-wrap: nowrap;
margin: 0;
padding: 0;
width: 100%;
list-style: none
}
.dhx_navbar:focus {
outline: none
}
.dhx_navbar--horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center
}
.dhx_navbar--vertical {
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
overflow: auto
}
.dhx_navbar .dhx_button--color_secondary.dhx_button--view_link .dhx_button__icon {
color: rgba(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, .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: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
margin-bottom: 6px
}
.dhx_timepicker__button-close {
text-transform: uppercase;
-webkit-transform: translateX(16px);
transform: translateX(16px)
}
.dhx_timepicker__save {
padding-top: 12px;
min-height: 76px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: 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, .7);
line-height: 30px;
text-align: center;
outline: none;
border: none;
border-bottom: 1px solid #ededed;
-webkit-transition: border-color .2s ease-in;
transition: border-color .2s ease-in;
background-color: transparent
}
.dhx_timepicker-input:focus {
border-bottom: 1px solid #81c4e8;
-webkit-transition-timing-function: ease-out;
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, .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, .7);
line-height: 30px;
font-size: 30px
}
.dhx_calendar {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
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: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between
}
.dhx_calendar__dates-wrapper {
position: relative;
padding-left: 40px
}
.dhx_calendar__navigation {
display: -webkit-box;
display: flex;
align-self: stretch;
-webkit-box-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-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: -webkit-box;
display: flex;
-webkit-box-pack: center;
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, .5);
text-align: center
}
.dhx_calendar__weekdays {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 0 0 8px
}
.dhx_calendar__days,
.dhx_calendar__months {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between
}
.dhx_calendar__months,
.dhx_calendar__years {
margin-top: auto;
margin-bottom: auto
}
.dhx_calendar__years {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between
}
.dhx_calendar-weekday {
-webkit-box-flex: 1;
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, .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;
-webkit-box-flex: 1;
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, .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;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: rgba(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;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
.dhx_calendar-day--weekend {
color: #0288d1
}
.dhx_calendar-day--hidden {
opacity: 0;
pointer-events: none
}
.dhx_calendar-day--muffled {
opacity: .6
}
.dhx_calendar-day--disabled {
color: rgba(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;
-webkit-box-flex: 1;
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, .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%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, .07);
border-radius: 50%;
opacity: 0;
-webkit-transition: opacity .2s ease-in, background-color .2s ease-in;
transition: opacity .2s ease-in, background-color .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-month:hover:before,
.dhx_calendar-year:active:before,
.dhx_calendar-year:focus:before,
.dhx_calendar-year:hover:before {
opacity: 1;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
.dhx_calendar-month:hover:before,
.dhx_calendar-year:hover:before {
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;
-webkit-transition: opacity .2s ease-in, background-color .2s ease-in;
transition: opacity .2s ease-in, background-color .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 {
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.dhx_chart .chart.donut,
.dhx_chart .chart.pie,
.dhx_chart .chart.pie3d {
-webkit-transition-property: none;
transition-property: none
}
.dhx_chart .chart.dhx_pie-transform-delay {
-webkit-transition-property: all;
transition-property: all
}
.dhx_chart.not-animate .chart,
.dhx_chart.not-animate .tooltip-form,
.dhx_chart.not-animate .tooltip-text {
-webkit-transition: none;
transition: none
}
.dhx_chart .figure {
-webkit-transition: fill, stroke .3s ease;
transition: fill, stroke .3s ease
}
.dhx_chart .active-figure {
visibility: visible;
-webkit-transition: all .2s ease;
transition: all .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);
-webkit-transition: all .3s ease;
transition: all .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: .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;
box-sizing: border-box;
-webkit-animation: appear .2s ease-in-out forwards;
animation: appear .2s ease-in-out forwards;
background: #fff;
will-change: transform;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: rgba(0, 0, 0, .7)
}
.dhx_popup,
.dhx_popup--window,
.dhx_popup--window_modal {
z-index: 2147483645
}
.dhx_popup--window_active {
z-index: 2147483646
}
.dhx_popup.hide {
-webkit-animation: disappear .2s ease-in-out forwards;
animation: disappear .2s ease-in-out forwards
}
.dhx_popup:focus {
outline: none
}
.dhx_widget--fullscreen .dhx_popup {
z-index: 2147483647
}
@-webkit-keyframes appear {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes appear {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes disappear {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
}
@keyframes disappear {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(20px);
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, .3);
border: none
}
.dhx_palette {
overflow: hidden;
width: 100%;
height: 100%;
margin: 0;
white-space: nowrap
}
.dhx_palette--custom {
display: -webkit-box;
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
}
.dhx_palette__cell,
.dhx_palette__cell:after {
-webkit-transition: border .2s ease-in;
transition: border .2s ease-in
}
.dhx_palette__cell:after {
content: "";
display: block;
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border: 1px solid transparent
}
.dhx_palette__cell:last-child {
margin-bottom: 0
}
.dhx_palette__cell--selected,
.dhx_palette__cell:hover {
border: 2px solid hsla(0, 0%, 100%, .6);
-webkit-transition: border .2s ease-out;
transition: border .2s ease-out
}
.dhx_palette__cell--selected:after,
.dhx_palette__cell:hover:after {
border: 1px solid rgba(0, 0, 0, .6);
-webkit-transition: border .2s ease-out;
transition: border .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: -.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: -webkit-gradient(linear, left bottom, left top, from(#000), to(hsla(0, 0%, 100%, 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: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204, 154, 129, 0)));
background-image: linear-gradient(90deg, #fff, rgba(204, 154, 129, 0));
z-index: 1
}
.dhx_colorpicker-picker__buttons {
display: -webkit-box;
display: flex;
padding: 12px 0 0;
-webkit-box-pack: end;
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: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
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, .3)
}
.dhx_palette_grip {
width: 10px;
height: 10px;
border-radius: 50%;
z-index: 10
}
.dhx_colorpicker-value {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
height: 32px;
-webkit-box-pack: justify;
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, .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;
-webkit-transition: background-color .2s ease-in, box-shadow .2s ease-in;
transition: background-color .2s ease-in, box-shadow .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;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out
}
.dhx_list-item--drophere:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: #f7f7f7;
opacity: .6
}
.dhx_list-item--dragtarget {
opacity: .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, .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, .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: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
position: relative
}
.dhx_combobox--label-inline .dhx_combobox__label {
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: right;
margin-right: 16px;
width: 100%
}
.dhx_combobox--label-inline .dhx_combobox-input-box {
-webkit-box-flex: 0;
flex: 0 1 auto;
width: 300%
}
.dhx_combobox--disabled {
opacity: .6;
pointer-events: none;
cursor: default
}
.dhx_combobox-input-box {
position: relative;
-webkit-box-flex: 1;
flex: 1;
background-color: #f7f7f7;
background-clip: padding-box;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #dfdfdf;
-webkit-transition: border-color .2s ease-out, box-shadow .2s ease-out;
transition: border-color .2s ease-out, box-shadow .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, .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: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
cursor: pointer;
-webkit-box-flex: 0;
flex: 0;
position: absolute;
top: 50%;
right: 4px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 16px;
z-index: 1;
color: rgba(0, 0, 0, .5)
}
.dhx_combobox-input-list-wrapper {
height: 100%;
width: 100%;
overflow: hidden
}
.dhx_combobox-input-list {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
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 {
-webkit-box-flex: 0;
flex: 0 1 auto
}
.dhx_combobox-input-list__item--input {
position: relative;
-webkit-box-flex: 1;
flex: 1 0 auto
}
.dhx_combobox-tag {
display: -webkit-box;
display: flex;
flex-wrap: nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
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, .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, .5);
padding: 0;
background-color: transparent;
-webkit-transition: color .2s ease-in;
transition: color .2s ease-in
}
.dhx_combobox-tag__action:hover {
color: rgba(0, 0, 0, .7);
-webkit-transition: color .2s ease-out;
transition: color .2s ease-out
}
.dhx_combobox-options {
background-color: #fff;
border-radius: 2px;
box-shadow: 0 2px 5px rgba(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: -webkit-box;
display: flex;
-webkit-box-align: center;
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: -webkit-box;
display: flex;
flex-wrap: nowrap;
-webkit-box-pack: start;
justify-content: flex-start
}
.dhx_dataview-row .dhx_dataview-item:not(.dhx_dataview-item--with-gap) {
border-top: 0
}
.dhx_dataview-item {
position: relative;
-webkit-box-flex: 0;
flex: 0 1 auto;
border: 1px solid #e4e4e4;
padding: 8px;
-webkit-transition: box-shadow .2s ease-in;
transition: box-shadow .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;
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
pointer-events: none
}
.dhx_dataview-item--focus {
box-shadow: inset 0 0 0 1px #a6a6a6
}
.dhx_dataview-item--focus,
.dhx_dataview-item--selected {
-webkit-transition: box-shadow .2s ease-out;
transition: box-shadow .2s ease-out
}
.dhx_dataview-item--selected {
box-shadow: inset 0 0 0 1px #0288d1
}
.dhx_dataview-item--drophere:after {
background-color: #f7f7f7;
opacity: .6
}
.dhx_dataview-item--dragtarget {
opacity: .6
}
.dhx_dataview-item--drag {
cursor: -webkit-grab;
cursor: grab
}
.dhx_dataview-input {
padding-left: 5px
}
.dhx_footer-wrapper,
.dhx_header-wrapper {
position: relative;
font-size: 14px;
font-weight: 500;
color: rgba(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: .8
}
.dhx_grid-header-cell--align_right {
text-align: right
}
.dhx_grid-header-cell--align_right .dhx_grid-header-cell-text {}
.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%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
color: rgba(0, 0, 0, .5);
z-index: 1;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
cursor: pointer
}
.dhx_grid-sort-icon:before {
font-size: 16px;
display: inline-block;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out
}
.dhx_grid-sort-icon--asc,
.dhx_grid-sort-icon--desc {
opacity: 1;
color: #0288d1;
-webkit-transition: color .2s ease-out;
transition: color .2s ease-out
}
.dhx_grid-sort-icon--asc:before {
-webkit-transform: scaleY(-1);
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: -webkit-box;
display: flex;
width: 9px;
height: 100%;
cursor: col-resize;
-webkit-box-pack: center;
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%;
-webkit-transition: all .2s;
transition: all .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, .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: .6
}
.dhx_grid-cell--dragtarget {
opacity: .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, .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:not(.dhx_grid-expand-cell) .dhx_cell-editor {
margin: 0 -8px
}
.dhx_tree-cell.dhx_grid-expand-cell {
display: -webkit-inline-box;
display: inline-flex;
padding-left: 0
}
.dhx_tree-cell .dhx_grid-expand-cell-icon {
display: -webkit-inline-box;
display: inline-flex;
width: auto;
height: 100%;
font-size: 14px;
cursor: pointer
}
.dhx_tree-cell .dhx_grid-expand-cell-icon:before {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.dhx_tree-cell .dhx_tree-cell {
display: inline-block;
padding: 0 8px
}
.dhx_grid-fixed-cols-wrap {
position: absolute;
top: 0;
left: 0;
background: #fff;
overflow: hidden
}
.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, .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, .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: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
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, .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, .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, .5);
pointer-events: none;
position: absolute;
right: 4px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10
}
.dhx_grid-filter {
height: 100%;
padding: 0 25px 0 4px;
color: rgba(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, .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: -webkit-box;
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;
-webkit-box-flex: 1;
flex: 1 0 auto
}
.dhx_nav-menu-button {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: 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, .7);
background-color: transparent;
-webkit-transition: background-color .2s ease-in;
transition: background-color .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, .07);
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out
}
.dhx_nav-menu-button--disabled,
.dhx_nav-menu-button:disabled {
opacity: .8;
pointer-events: auto;
cursor: default
}
.dhx_nav-menu-button--disabled *,
.dhx_nav-menu-button:disabled * {
color: rgba(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, .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: -webkit-box;
display: flex;
width: 100%;
-webkit-box-pack: justify;
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, .7);
background-color: transparent;
-webkit-transition: background-color .2s ease-in;
transition: background-color .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;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out
}
.dhx_menu-button--disabled,
.dhx_menu-button:disabled {
opacity: .8;
pointer-events: auto;
cursor: default
}
.dhx_menu-button--disabled *,
.dhx_menu-button:disabled * {
color: rgba(0, 0, 0, .3)
}
.dhx_menu-button__icon {
color: rgba(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: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.dhx_menu-button__block--left {
-webkit-box-pack: start;
justify-content: flex-start
}
.dhx_menu-button__block--right {
-webkit-box-pack: end;
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, .3)
}
.dhx_menu-button__caret {
margin-left: 8px;
color: rgba(0, 0, 0, .5)
}
.dhx_widget--fullscreen .dhx_menu {
z-index: 2147483647
}
.dhx_ribbon {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
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 {
-webkit-box-flex: 1;
flex: 1 0 auto;
min-width: 68px;
min-height: 68px
}
.dhx_ribbon__item--icon,
.dhx_ribbon__item--spacer {
-webkit-box-flex: 1;
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: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: start;
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, .7);
background-color: transparent;
border-radius: 2px;
-webkit-transition: background-color .2s ease-in, box-shadow .2s ease-in;
transition: background-color .2s ease-in, box-shadow .2s ease-in
}
.dhx_ribbon-button-image__icon,
.dhx_ribbon-button__icon {
color: rgba(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 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: 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 {
-webkit-box-flex: 1;
flex: 1 0 auto;
-webkit-box-pack: center;
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, .07);
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out
}
.dhx_ribbon-button--active,
.dhx_ribbon-button-image--active,
.dhx_ribbon-button-image:active,
.dhx_ribbon-button:active {
background-color: #f2f9fd;
-webkit-transition: background-color .2s ease-out, box-shadow .2s ease-out;
transition: background-color .2s ease-out, box-shadow .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: .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, .3)
}
.dhx_ribbon-button-image__text+.dhx_ribbon-button-image__image {
margin-right: 4px
}
.dhx_ribbon-button-image {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-flow: row-reverse;
-webkit-box-pack: end;
justify-content: flex-end
}
.dhx_ribbon-button-image__count {
-webkit-box-ordinal-group: 0;
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 {
-webkit-box-pack: center;
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 {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-flow: column-reverse;
-webkit-box-pack: center;
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, .5);
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.dhx_ribbon-block {
display: -webkit-box;
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 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.dhx_ribbon-block--row>.dhx_ribbon-content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row
}
.dhx_ribbon-block--row .dhx_ribbon-button--auto,
.dhx_ribbon-block--row .dhx_ribbon-button-image--auto {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center
}
.dhx_ribbon-content {
-webkit-box-flex: 1;
flex: 1 0 auto;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
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, .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, .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 {
-webkit-box-flex: 1;
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: -webkit-box;
display: flex;
width: 100%;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
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, .7);
background-color: transparent;
-webkit-transition: background-color .2s ease-in;
transition: background-color .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, .07)
}
.dhx_sidebar-button--active,
.dhx_sidebar-button:active,
.dhx_sidebar-button:hover {
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out
}
.dhx_sidebar-button--active,
.dhx_sidebar-button:active {
background-color: rgba(0, 0, 0, .15)
}
.dhx_sidebar-button--active {
box-shadow: inset 2px 0 0 0 #0288d1
}
.dhx_sidebar-button--disabled,
.dhx_sidebar-button:disabled {
opacity: .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, .3)
}
.dhx_sidebar-button__icon {
color: rgba(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;
-webkit-box-flex: 1;
flex: 1 0 auto;
width: auto;
margin: -4px 0 -4px auto
}
.dhx_sidebar-button__caret {
margin-right: 0;
margin-left: auto
}
.dhx_toolbar {
display: -webkit-box;
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 {
-webkit-box-flex: 1;
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 {
-webkit-transform: rotate(90deg);
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: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: 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, .7);
background-color: transparent;
border-radius: 2px;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in
}
.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, .07)
}
.dhx_toolbar-button--active,
.dhx_toolbar-button:active,
.dhx_toolbar-button:hover {
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out
}
.dhx_toolbar-button--active,
.dhx_toolbar-button:active {
background-color: rgba(0, 0, 0, .15)
}
.dhx_toolbar-button--disabled,
.dhx_toolbar-button:disabled {
opacity: .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, .3)
}
.dhx_toolbar-button__icon {
color: rgba(0, 0, 0, .5)
}
.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, .5);
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.dhx_toolbar-button-image {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: 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, .7);
border-radius: 50%;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in
}
.dhx_toolbar-button-image:hover {
opacity: .8;
-webkit-transition: opacity .2s ease-out;
transition: opacity .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: -webkit-box;
display: flex;
max-height: 100%;
height: 100%;
max-width: 100%;
background-color: #fff
}
.dhx_tabbar--top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
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: auto;
-webkit-box-flex: 1;
flex: 1 1 auto
}
.dhx_tabbar--top .dhx_tabbar-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row
}
.dhx_tabbar--top .dhx_tabbar-header-active {
bottom: 0
}
.dhx_tabbar--top .dhx_tabbar-tab {
-webkit-box-flex: 0;
flex: 0 0 auto
}
.dhx_tabbar--top .dhx_tabbar-tab-button {
text-align: center
}
.dhx_tabbar--bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
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: auto;
-webkit-box-flex: 1;
flex: 1 1 auto
}
.dhx_tabbar--bottom .dhx_tabbar-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row
}
.dhx_tabbar--bottom .dhx_tabbar-header-active {
top: 0
}
.dhx_tabbar--bottom .dhx_tabbar-tab {
-webkit-box-flex: 0;
flex: 0 0 auto
}
.dhx_tabbar--bottom .dhx_tabbar-tab-button {
text-align: center
}
.dhx_tabbar--left {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
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: auto;
-webkit-box-flex: 1;
flex: 1 1 auto
}
.dhx_tabbar--left .dhx_tabbar-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.dhx_tabbar--left .dhx_tabbar-header-active {
right: 0
}
.dhx_tabbar--left .dhx_tabbar-tab {
-webkit-box-flex: 1;
flex: 1 1 auto
}
.dhx_tabbar--left .dhx_tabbar-tab-button {
text-align: right
}
.dhx_tabbar--right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
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: auto;
-webkit-box-flex: 1;
flex: 1 1 auto
}
.dhx_tabbar--right .dhx_tabbar-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.dhx_tabbar--right .dhx_tabbar-header-active {
left: 0
}
.dhx_tabbar--right .dhx_tabbar-tab {
-webkit-box-flex: 1;
flex: 1 1 auto
}
.dhx_tabbar--right .dhx_tabbar-tab-button {
text-align: left
}
.dhx_tabbar .dhx_layout-cell--content {
-webkit-box-flex: 1;
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: .7
}
.dhx_tabbar-header {
display: -webkit-box;
display: flex;
margin: 0;
padding: 0;
list-style: none
}
.dhx_tabbar-header__wrapper {
position: relative;
overflow: auto;
-webkit-box-flex: 0;
flex: 0 0 auto
}
.dhx_tabbar-header__wrapper:after {
content: "";
display: block;
position: absolute;
background: #e4e4e4
}
.dhx_tabbar-header-active {
position: absolute;
-webkit-transition: -webkit-transform .1s ease-in-out;
transition: -webkit-transform .1s ease-in-out;
transition: transform .1s ease-in-out;
transition: transform .1s ease-in-out, -webkit-transform .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;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
opacity: .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;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in
}
.dhx_tabbar-tab-button .dhx_button__text {
opacity: .7
}
.dhx_tabbar-tab-button:active,
.dhx_tabbar-tab-button:hover,
.dhx_tabbar-tab-button:hover:active {
background-color: #ededed;
-webkit-transition: background-color .2s ease-out;
transition: background-color .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, .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 {
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
background-color: transparent
}
.dhx_tree-list {
list-style: none;
margin: 0;
padding: 0 0 0 20px
}
.dhx_tree-folder {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
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 {
cursor: pointer;
padding-top: 2px;
padding-bottom: 2px;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out
}
.dhx_tree-list-item,
.dhx_tree-list-item__content {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.dhx_tree-list-item__content {
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;
-webkit-transition: background-color .2s ease-in;
transition: background-color .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, .7)
}
.dhx_tree-list-item__icon {
color: rgba(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;
-webkit-transition: background-color .2s ease-in;
transition: background-color .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 {
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
background-color: #ededed
}
.dhx_tree-folder--selected:before,
.dhx_tree-list-item--selected:before {
-webkit-transition: background-color .2s ease-out;
transition: background-color .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, .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, .5)
}
.dhx_tree-input {
font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
font-size: 14px;
line-height: 20px;
color: rgba(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, .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, .5);
z-index: 2147483645
}
.dhx_window-header {
margin-bottom: 20px
}
.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;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.dhx_window-header .dhx_navbar-title {
margin-left: 0!important;
font-size: 18px
}
.dhx_window-content {
padding-left: 28px;
padding-right: 28px;
}
.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, .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-footer {
margin-top: 20px
}
.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
}
.dhx_window .dhx_window-footer .dhx_toolbar {
padding: 0 28px 28px
}
.dhx_window .dhx_cell_content {
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
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
}