Created
September 18, 2019 07:44
-
-
Save TerraTech/82fa07cf877c4193087212a7d0f0c570 to your computer and use it in GitHub Desktop.
DHTMLX v6.1.5 CSS unminified (GPL release)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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; | |
-webkit-font-feature-settings: "liga"; | |
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--bg_white { | |
background-color: #fff | |
} | |
.dhx_widget--bg_gray { | |
background-color: #f7f7f7 | |
} | |
.dhx_drag-ghost * { | |
box-sizing: border-box | |
} | |
@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-eraser:before { | |
content: "\F118" | |
} | |
.dxi.dxi-eye-off:before { | |
content: "\F119" | |
} | |
.dxi.dxi-eye:before { | |
content: "\F11A" | |
} | |
.dxi.dxi-eyedropper-variant:before { | |
content: "\F11B" | |
} | |
.dxi.dxi-file-export:before { | |
content: "\F11C" | |
} | |
.dxi.dxi-file-outline:before { | |
content: "\F11D" | |
} | |
.dxi.dxi-filter-variant:before { | |
content: "\F11E" | |
} | |
.dxi.dxi-folder-open:before { | |
content: "\F11F" | |
} | |
.dxi.dxi-folder:before { | |
content: "\F120" | |
} | |
.dxi.dxi-format-align-center:before { | |
content: "\F121" | |
} | |
.dxi.dxi-format-align-left:before { | |
content: "\F122" | |
} | |
.dxi.dxi-format-align-right:before { | |
content: "\F123" | |
} | |
.dxi.dxi-format-bold:before { | |
content: "\F124" | |
} | |
.dxi.dxi-format-color-fill:before { | |
content: "\F125" | |
} | |
.dxi.dxi-format-color-text:before { | |
content: "\F126" | |
} | |
.dxi.dxi-format-italic:before { | |
content: "\F127" | |
} | |
.dxi.dxi-format-line-spacing:before { | |
content: "\F128" | |
} | |
.dxi.dxi-format-quote-close:before { | |
content: "\F129" | |
} | |
.dxi.dxi-format-quote-open:before { | |
content: "\F12A" | |
} | |
.dxi.dxi-format-strikethrough:before { | |
content: "\F12B" | |
} | |
.dxi.dxi-format-underline:before { | |
content: "\F12C" | |
} | |
.dxi.dxi-format-vertical-align-bottom:before { | |
content: "\F12D" | |
} | |
.dxi.dxi-format-vertical-align-center:before { | |
content: "\F12E" | |
} | |
.dxi.dxi-format-vertical-align-top:before { | |
content: "\F12F" | |
} | |
.dxi.dxi-function-variant:before { | |
content: "\F130" | |
} | |
.dxi.dxi-help-circle-outline:before { | |
content: "\F131" | |
} | |
.dxi.dxi-information-outline:before { | |
content: "\F132" | |
} | |
.dxi.dxi-key:before { | |
content: "\F133" | |
} | |
.dxi.dxi-link-variant-off:before { | |
content: "\F134" | |
} | |
.dxi.dxi-link-variant:before { | |
content: "\F135" | |
} | |
.dxi.dxi-loading:before { | |
content: "\F136" | |
} | |
.dxi.dxi-magnify:before { | |
content: "\F137" | |
} | |
.dxi.dxi-menu-down:before { | |
content: "\F138" | |
} | |
.dxi.dxi-menu-left:before { | |
content: "\F139" | |
} | |
.dxi.dxi-menu-right:before { | |
content: "\F13A" | |
} | |
.dxi.dxi-menu-up:before { | |
content: "\F13B" | |
} | |
.dxi.dxi-minus-box:before { | |
content: "\F13C" | |
} | |
.dxi.dxi-minus:before { | |
content: "\F13D" | |
} | |
.dxi.dxi-numeric:before { | |
content: "\F13E" | |
} | |
.dxi.dxi-pencil:before { | |
content: "\F13F" | |
} | |
.dxi.dxi-plus-circle:before { | |
content: "\F140" | |
} | |
.dxi.dxi-plus:before { | |
content: "\F141" | |
} | |
.dxi.dxi-printer:before { | |
content: "\F142" | |
} | |
.dxi.dxi-redo:before { | |
content: "\F143" | |
} | |
.dxi.dxi-rotate-right:before { | |
content: "\F144" | |
} | |
.dxi.dxi-sort-variant:before { | |
content: "\F145" | |
} | |
.dxi.dxi-table-column-plus-before:before { | |
content: "\F146" | |
} | |
.dxi.dxi-table-column-remove:before { | |
content: "\F147" | |
} | |
.dxi.dxi-table-column:before { | |
content: "\F148" | |
} | |
.dxi.dxi-table-row-plus-after:before { | |
content: "\F149" | |
} | |
.dxi.dxi-table-row-remove:before { | |
content: "\F14A" | |
} | |
.dxi.dxi-table-row:before { | |
content: "\F14B" | |
} | |
.dxi.dxi-undo:before { | |
content: "\F14C" | |
} | |
.dxi.dxi-unfold-more-horizontal:before { | |
content: "\F14D" | |
} | |
.dxi.dxi-vault:before { | |
content: "\F14E" | |
} | |
.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 a { | |
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 a { | |
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; | |
-ms-touch-action: manipulation; | |
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 { | |
position: absolute; | |
left: 0; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center | |
} | |
.dhx_button__loading-icon { | |
-webkit-animation: a .9s linear infinite; | |
animation: a .9s linear infinite | |
} | |
.dhx_button--width_full { | |
width: 100% | |
} | |
.dhx_button--justify_between { | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-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__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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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, -webkit-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, -webkit-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: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: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: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:disabled { | |
background-color: #85d8b4 | |
} | |
.dhx_button--view_link { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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, -webkit-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, -webkit-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: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: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: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: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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
width: 100%; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
position: relative | |
} | |
.dhx_form-group--inline .dhx_label { | |
position: relative; | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
max-height: 40px; | |
margin-right: 16px; | |
margin-bottom: 0; | |
text-align: right; | |
width: 100%; | |
margin-top: 6px; | |
-webkit-align-self: flex-start; | |
-ms-flex-item-align: start; | |
align-self: flex-start | |
} | |
.dhx_form-group--inline .dhx_input-wrapper { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
width: 300%; | |
height: 100% | |
} | |
.dhx_form-group--inline .dhx_label--with-help { | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-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_input-wrapper { | |
width: 100%; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
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%); | |
-ms-transform: translateY(-50%); | |
transform: translateY(-50%) | |
} | |
.dhx_input-container { | |
width: 100%; | |
display: inline-block; | |
position: relative | |
} | |
.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, -webkit-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:-ms-input-placeholder, | |
.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 { | |
background: none; | |
padding-left: 0 | |
} | |
.dhx_input--textinput, | |
.dhx_input--textinput:focus { | |
box-shadow: none | |
} | |
.dhx_input__icon { | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
-ms-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_input-caption { | |
left: 0; | |
bottom: 0; | |
max-width: 100%; | |
font-size: 12px; | |
font-weight: 400; | |
line-height: 16px; | |
color: rgba(0, 0, 0, .5); | |
white-space: wrap; | |
cursor: default | |
} | |
.dhx_input-caption, | |
.dhx_label { | |
font-family: Roboto, Arial, Tahoma, Verdana, sans-serif; | |
overflow-x: hidden; | |
text-overflow: ellipsis | |
} | |
.dhx_label { | |
display: inline-block; | |
width: auto; | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
font-weight: 500; | |
font-size: 14px; | |
line-height: 20px; | |
color: rgba(0, 0, 0, .7); | |
white-space: nowrap; | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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); | |
width: 20px; | |
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; | |
-ms-transform: none; | |
transform: none | |
} | |
.dhx_checkbox.dhx_form-group--inline { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
white-space: nowrap | |
} | |
.dhx_checkbox.dhx_form-group--inline .dhx_label { | |
padding-left: 6px; | |
margin-top: 0 | |
} | |
.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; | |
width: 20px; | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center | |
} | |
.dhx_radiobutton.dhx_form-group--inline .dhx_label { | |
padding-left: 6px; | |
margin-top: 0 | |
} | |
.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%); | |
-ms-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: 20px; | |
font-size: 14px; | |
font-weight: 400; | |
text-align: center; | |
overflow: hidden; | |
position: relative | |
} | |
.dhx_simplevault__drop-area { | |
background-color: #f6f6f6; | |
border: 1px solid #dfdfdf; | |
-webkit-transition: all .2s ease-in; | |
transition: all .2s ease-in; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
width: 100%; | |
height: 122px; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
padding: 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); | |
-ms-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% - 122px); | |
overflow-y: auto | |
} | |
.dhx_simplevault-files__fixed { | |
max-height: 276px | |
} | |
.dhx_simplevault-files__item { | |
position: relative; | |
font-family: Roboto, Arial, Tahoma, Verdana, sans-serif; | |
line-height: 20px; | |
font-size: 14px; | |
text-align: left; | |
color: rgba(0, 0, 0, .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%); | |
-ms-transform: translateY(-50%); | |
transform: translateY(-50%) | |
} | |
.dhx_simplevault-loader { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
position: absolute; | |
left: 1px; | |
right: 1px; | |
top: 1px; | |
bottom: 1px; | |
background-color: #ededed; | |
-webkit-transform: translateY(100%); | |
-ms-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
padding-bottom: 16px | |
} | |
.dhx_slider--label-inline { | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center | |
} | |
.dhx_slider--label-inline .dhx_slider__label { | |
text-align: right; | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
margin-right: 16px; | |
margin-bottom: 0; | |
width: 100% | |
} | |
.dhx_slider--label-inline .dhx_label--with-help { | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-pack: end; | |
justify-content: flex-end | |
} | |
.dhx_slider--label-inline .dhx_slider__track-holder { | |
width: 300%; | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
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: -webkit-inline-flex; | |
display: -ms-inline-flexbox; | |
display: inline-flex | |
} | |
.dhx_slider--mode_vertical .dhx_slider__label { | |
-webkit-align-self: flex-start; | |
-ms-flex-item-align: start; | |
align-self: flex-start | |
} | |
.dhx_slider--mode_vertical .dhx_slider__track-holder { | |
height: 100%; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
padding: 8px 0 | |
} | |
.dhx_slider--mode_vertical .dhx_slider__track { | |
-webkit-align-self: stretch; | |
-ms-flex-item-align: stretch; | |
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%); | |
-ms-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); | |
-ms-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%); | |
-ms-transform: translateY(-50%); | |
transform: translateY(-50%); | |
padding-left: 2px | |
} | |
.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; | |
-webkit-flex: 1; | |
-ms-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%); | |
-ms-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); | |
-ms-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); | |
-ms-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); | |
-ms-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); | |
-ms-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%); | |
-ms-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%); | |
-ms-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); | |
-ms-transform: translateX(-.5px); | |
transform: translateX(-.5px) | |
} | |
.dhx_slider__tick--major { | |
height: 8px | |
} | |
.dhx_slider__tick-label { | |
position: absolute; | |
top: 10px; | |
-webkit-transform: translateX(-50%); | |
-ms-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-align: end; | |
-webkit-align-items: flex-end; | |
-ms-flex-align: end; | |
align-items: flex-end; | |
position: absolute; | |
padding: 20px; | |
max-height: 100%; | |
-ms-scroll-chaining: none; | |
overscroll-behavior: contain; | |
width: 240px; | |
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 { | |
left: 0 | |
} | |
.dhx_message-container--bottom-left, | |
.dhx_message-container--bottom-right { | |
-webkit-box-align: start; | |
-webkit-align-items: flex-start; | |
-ms-flex-align: start; | |
align-items: flex-start; | |
bottom: 0 | |
} | |
.dhx_message-container--bottom-right { | |
right: 0 | |
} | |
.dhx_message-container--in-body { | |
position: fixed | |
} | |
.dhx_message { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between; | |
-webkit-flex-shrink: 0; | |
-ms-flex-negative: 0; | |
flex-shrink: 0; | |
width: 100%; | |
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 { | |
-webkit-align-self: center; | |
-ms-flex-item-align: center; | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
position: fixed; | |
top: 50%; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
-ms-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; | |
text-transform: uppercase; | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-pack: start; | |
justify-content: flex-start | |
} | |
.dhx_alert__footer--center { | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center | |
} | |
.dhx_alert__footer--right { | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
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; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto | |
} | |
.dhx_layout-columns>.dhx_layout-cell--resizeble { | |
overflow-x: hidden | |
} | |
.dhx_layout-rows { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
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; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
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; | |
-webkit-justify-content: flex-start; | |
-ms-flex-pack: start; | |
justify-content: flex-start | |
} | |
.dhx_layout-cell--center, | |
.dhx_layout-columns--center, | |
.dhx_layout-rows--center { | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center | |
} | |
.dhx_layout-cell--end, | |
.dhx_layout-columns--end, | |
.dhx_layout-rows--end { | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-pack: end; | |
justify-content: flex-end | |
} | |
.dhx_layout-cell--between, | |
.dhx_layout-columns--between, | |
.dhx_layout-rows--between { | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between | |
} | |
.dhx_layout-cell--around, | |
.dhx_layout-columns--around, | |
.dhx_layout-rows--around { | |
-webkit-justify-content: space-around; | |
-ms-flex-pack: distribute; | |
justify-content: space-around | |
} | |
.dhx_layout-cell--evenly, | |
.dhx_layout-columns--evenly, | |
.dhx_layout-rows--evenly { | |
-webkit-box-pack: space-evenly; | |
-webkit-justify-content: space-evenly; | |
-ms-flex-pack: space-evenly; | |
justify-content: space-evenly | |
} | |
.dhx_layout-cell { | |
-webkit-flex-basis: auto; | |
-ms-flex-preferred-size: auto; | |
flex-basis: auto; | |
-webkit-box-flex: 0; | |
-webkit-flex-grow: 0; | |
-ms-flex-positive: 0; | |
flex-grow: 0; | |
-webkit-flex-shrink: 0; | |
-ms-flex-negative: 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; | |
-webkit-flex: 1 1 auto; | |
-ms-flex: 1 1 auto; | |
flex: 1 1 auto | |
} | |
.dhx_layout-cell--flex { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex | |
} | |
.dhx_layout-cell--accordion>.dhx_layout-cell--collapsed { | |
border-bottom: 0 | |
} | |
.dhx_layout-cell--collapsed { | |
overflow: hidden; | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto | |
} | |
.dhx_layout-cell-content { | |
padding: 12px | |
} | |
.dhx_layout-cell-header { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-pack: start; | |
justify-content: flex-start; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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%); | |
-ms-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; | |
-ms-transform-origin: left; | |
transform-origin: left; | |
-webkit-transform: rotate(90deg); | |
-ms-transform: rotate(90deg); | |
transform: rotate(90deg); | |
bottom: -12px; | |
left: 50% | |
} | |
.dhx_layout-cell-header+.dhx_layout-cell-content { | |
overflow: auto; | |
max-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; | |
height: 100%; | |
-webkit-align-self: center; | |
-ms-flex-item-align: center; | |
align-self: center | |
} | |
.dhx_layout-resizer--x .dhx_layout-resizer__icon { | |
color: rgba(0, 0, 0, .5); | |
top: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
-ms-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
cursor: ew-resize | |
} | |
.dhx_layout-resizer--x .dhx_layout-resizer__icon:before { | |
font-size: 16px | |
} | |
.dhx_layout-resizer--y { | |
height: 0; | |
width: 100% | |
} | |
.dhx_layout-resizer--y .dhx_layout-resizer__icon { | |
color: rgba(0, 0, 0, .5); | |
-webkit-transform: translateY(-50%); | |
-ms-transform: translateY(-50%); | |
transform: translateY(-50%); | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex-wrap: nowrap; | |
-ms-flex-wrap: nowrap; | |
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; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center | |
} | |
.dhx_navbar--vertical { | |
height: 100%; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
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-actions { | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-pack: end; | |
justify-content: flex-end; | |
margin-bottom: 6px | |
} | |
.dhx_timepicker__button-close { | |
text-transform: uppercase; | |
-webkit-transform: translateX(16px); | |
-ms-transform: translateX(16px); | |
transform: translateX(16px) | |
} | |
.dhx_timepicker__save { | |
padding-top: 12px; | |
min-height: 76px; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between | |
} | |
.dhx_calendar__dates-wrapper { | |
position: relative; | |
padding-left: 40px | |
} | |
.dhx_calendar__navigation { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-align-self: stretch; | |
-ms-flex-item-align: stretch; | |
align-self: stretch; | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between; | |
text-align: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-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 { | |
margin: 0 0 8px | |
} | |
.dhx_calendar__days, | |
.dhx_calendar__months, | |
.dhx_calendar__weekdays { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between | |
} | |
.dhx_calendar__days, | |
.dhx_calendar__months { | |
-webkit-flex-wrap: wrap; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap | |
} | |
.dhx_calendar__months, | |
.dhx_calendar__years { | |
margin-top: auto; | |
margin-bottom: auto | |
} | |
.dhx_calendar__years { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
-webkit-flex-wrap: wrap; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between | |
} | |
.dhx_calendar-weekday { | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 0 14%; | |
-ms-flex: 1 0 14%; | |
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; | |
-webkit-flex: 1 0 14%; | |
-ms-flex: 1 0 14%; | |
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%); | |
-ms-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--selected { | |
color: #fff; | |
position: relative; | |
z-index: 1 | |
} | |
.dhx_calendar-day--selected:before { | |
opacity: 1; | |
background-color: #0288d1 | |
} | |
.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--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; | |
-webkit-flex: 1 0 25%; | |
-ms-flex: 1 0 25%; | |
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%); | |
-ms-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 .5s ease; | |
transition: all .5s ease | |
} | |
.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: b .2s ease-in-out forwards; | |
animation: b .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: c .2s ease-in-out forwards; | |
animation: c .2s ease-in-out forwards | |
} | |
.dhx_popup:focus { | |
outline: none | |
} | |
.dhx_widget--fullscreen .dhx_popup { | |
z-index: 2147483647 | |
} | |
@-webkit-keyframes b { | |
0% { | |
-webkit-transform: translateY(20px); | |
transform: translateY(20px); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1 | |
} | |
} | |
@keyframes b { | |
0% { | |
-webkit-transform: translateY(20px); | |
transform: translateY(20px); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1 | |
} | |
} | |
@-webkit-keyframes c { | |
0% { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: translateY(20px); | |
transform: translateY(20px); | |
opacity: 0 | |
} | |
} | |
@keyframes c { | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex-wrap: wrap; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
max-width: 236px | |
} | |
.dhx_palette--custom .dhx_custom-color__cell { | |
margin-bottom: 2px | |
} | |
.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: 12px 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: -webkit-linear-gradient(bottom, #000, 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(hsla(20, 42%, 65%, 0))); | |
background-image: -webkit-linear-gradient(left, #fff, hsla(20, 42%, 65%, 0)); | |
background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0)); | |
z-index: 1 | |
} | |
.dhx_colorpicker-picker__buttons { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
padding: 12px 0 0; | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-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: -webkit-linear-gradient(left, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); | |
background-image: linear-gradient(90deg, red, #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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
height: 32px; | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-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% | |
} | |
.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, -webkit-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 | |
} | |
.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_drag-ghost .dhx_list-item { | |
border: 1px solid #e4e4e4!important; | |
background-color: #fff; | |
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_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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
width: 100%; | |
position: relative | |
} | |
.dhx_combobox--label-inline .dhx_combobox__label { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-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; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
width: 300% | |
} | |
.dhx_combobox-input-box { | |
position: relative; | |
-webkit-box-flex: 1; | |
-webkit-flex: 1; | |
-ms-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, -webkit-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; | |
opacity: .8 | |
} | |
.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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
cursor: pointer; | |
-webkit-box-flex: 0; | |
-webkit-flex: 0; | |
-ms-flex: 0; | |
flex: 0; | |
position: absolute; | |
top: 50%; | |
right: 4px; | |
-webkit-transform: translateY(-50%); | |
-ms-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex-wrap: wrap; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-flow: row wrap; | |
-ms-flex-flow: row wrap; | |
flex-flow: row wrap; | |
list-style: none; | |
margin: 0; | |
border-top: 1px solid transparent; | |
border-bottom: 1px solid transparent; | |
min-height: 30px; | |
max-height: 96px; | |
width: calc(100% - 32px); | |
overflow-y: scroll; | |
padding: 0 41px 0 8px; | |
box-sizing: content-box!important | |
} | |
.dhx_combobox-input-list__item { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto | |
} | |
.dhx_combobox-input-list__item--input { | |
position: relative; | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 0 auto; | |
-ms-flex: 1 0 auto; | |
flex: 1 0 auto | |
} | |
.dhx_combobox-tag { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex-wrap: nowrap; | |
-ms-flex-wrap: nowrap; | |
flex-wrap: nowrap; | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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% | |
} | |
.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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex-wrap: nowrap; | |
-ms-flex-wrap: nowrap; | |
flex-wrap: nowrap; | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-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; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
border: 1px solid #e4e4e4; | |
padding: 8px; | |
-webkit-transition: -webkit-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: -webkit-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 | |
} | |
.dhx_dataview-item--dragtarget { | |
opacity: .6 | |
} | |
.dhx_dataview-item--drag { | |
cursor: -webkit-grab; | |
cursor: grab | |
} | |
.dhx_dataview-input { | |
padding-left: 5px | |
} | |
.dhx_drag-ghost { | |
z-index: 999; | |
opacity: .6 | |
} | |
.dhx_drag-ghost .dhx_dataview-item { | |
border: 1px solid #e4e4e4!important; | |
background-color: #fff | |
} | |
.dhx_footer-wrapper, | |
.dhx_header-wrapper { | |
position: relative; | |
font-size: 14px; | |
font-weight: 500; | |
color: rgba(0, 0, 0, .7); | |
z-index: 10; | |
overflow: hidden | |
} | |
.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_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; | |
overflow: hidden; | |
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; | |
padding-left: 24px | |
} | |
.dhx_grid-header-cell--align_right .dhx_grid-sort-icon { | |
left: 4px | |
} | |
.dhx_grid-header-cell--align_right:after { | |
left: 0 | |
} | |
.dhx_grid-header-cell--align_left { | |
text-align: left | |
} | |
.dhx_grid-header-cell--align_left .dhx_grid-sort-icon { | |
right: 4px | |
} | |
.dhx_grid-header-cell--align_left:after { | |
right: 0 | |
} | |
.dhx_grid-sort-icon { | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
-ms-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); | |
-ms-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_header-row .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_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%); | |
-ms-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_header-fixed-cols { | |
background: #f7f7f7; | |
z-index: 999 | |
} | |
.dhx_header-fixed-cols .dhx_last-column-cell { | |
border-right: 1px solid #e4e4e4 | |
} | |
.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 | |
} | |
.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-row { | |
width: 100%; | |
white-space: nowrap; | |
overflow: hidden | |
} | |
.dhx_grid-row:first-child .dhx_grid-cell { | |
border-top: none | |
} | |
.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; | |
white-space: nowrap; | |
border-top: 1px solid #e4e4e4; | |
border-left: 1px solid #e4e4e4; | |
overflow: hidden | |
} | |
.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 { | |
font-weight: 14px; | |
color: rgba(0, 0, 0, .5) | |
} | |
.dhx_tree-cell .dhx_grid-expand-cell-icon { | |
position: absolute; | |
top: 0; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
width: 20px; | |
height: 100%; | |
padding: 0 0 0 4px; | |
font-size: 14px; | |
cursor: pointer | |
} | |
.dhx_tree-cell .dhx_tree-cell { | |
display: inline-block; | |
padding: 0 8px | |
} | |
.dhx_grid-expand-cell { | |
cursor: pointer | |
} | |
.dhx_grid-expand-cell .dhx_tree-cell { | |
padding: 0 10px 0 30px | |
} | |
.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, | |
.dhx_grid-selection { | |
position: absolute; | |
top: 0 | |
} | |
.dhx_grid-selection { | |
left: 0 | |
} | |
.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_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; | |
background: transparent; | |
box-shadow: inset 0 0 0 1px #0288d1; | |
outline: none | |
} | |
.dhx_cell-editor__input { | |
padding: 0 8px; | |
border-radius: 0 | |
} | |
.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 { | |
width: 100%; | |
height: 100%; | |
font-family: Roboto, Arial, Tahoma, Verdana, sans-serif; | |
font-size: 14px; | |
font-weight: 400; | |
line-height: 20px; | |
overflow: hidden | |
} | |
.dhx_grid, | |
.dhx_grid-content { | |
position: relative; | |
background: #fff | |
} | |
.dhx_grid-content { | |
border: 1px solid #dfdfdf | |
} | |
.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 { | |
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_menu-nav { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex-wrap: nowrap; | |
-ms-flex-wrap: nowrap; | |
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; | |
background-color: #dfdfdf; | |
margin-top: 8px; | |
margin-bottom: 8px | |
} | |
.dhx_menu-nav__item--spacer { | |
pointer-events: none; | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 0 auto; | |
-ms-flex: 1 0 auto; | |
flex: 1 0 auto | |
} | |
.dhx_nav-menu-button { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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; | |
-webkit-align-self: stretch; | |
-ms-flex-item-align: stretch; | |
align-self: stretch; | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
width: 100%; | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center | |
} | |
.dhx_menu-button__block--left { | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-pack: start; | |
justify-content: flex-start | |
} | |
.dhx_menu-button__block--right { | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
-webkit-flex-wrap: wrap; | |
-ms-flex-wrap: wrap; | |
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 { | |
min-width: 68px; | |
min-height: 68px | |
} | |
.dhx_ribbon__item--auto, | |
.dhx_ribbon__item--icon, | |
.dhx_ribbon__item--medium, | |
.dhx_ribbon__item--spacer { | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 0 auto; | |
-ms-flex: 1 0 auto; | |
flex: 1 0 auto | |
} | |
.dhx_ribbon__item--separator { | |
-webkit-align-self: stretch; | |
-ms-flex-item-align: stretch; | |
align-self: stretch; | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-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, -webkit-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; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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; | |
-webkit-flex: 1 0 auto; | |
-ms-flex: 1 0 auto; | |
flex: 1 0 auto; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-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, -webkit-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; | |
-webkit-flex-flow: row-reverse; | |
-ms-flex-flow: row-reverse; | |
flex-flow: row-reverse; | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-pack: end; | |
justify-content: flex-end | |
} | |
.dhx_ribbon-button-image__count { | |
-webkit-box-ordinal-group: 0; | |
-webkit-order: -1; | |
-ms-flex-order: -1; | |
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; | |
-webkit-justify-content: center; | |
-ms-flex-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; | |
-webkit-flex-flow: column-reverse; | |
-ms-flex-flow: column-reverse; | |
flex-flow: column-reverse; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-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); | |
-ms-transform: rotate(90deg); | |
transform: rotate(90deg) | |
} | |
.dhx_ribbon-block { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
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; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column | |
} | |
.dhx_ribbon-block--row>.dhx_ribbon-content { | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
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; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center | |
} | |
.dhx_ribbon-content { | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 0 auto; | |
-ms-flex: 1 0 auto; | |
flex: 1 0 auto; | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
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--spacer { | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 0 auto; | |
-ms-flex: 1 0 auto; | |
flex: 1 0 auto | |
} | |
.dhx_sidebar__item--separator { | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
width: 100%; | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-pack: start; | |
justify-content: flex-start; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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__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; | |
-webkit-flex: 1 0 auto; | |
-ms-flex: 1 0 auto; | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
margin: 0; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
padding: 12px 0 | |
} | |
.dhx_toolbar__item--spacer { | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 0 auto; | |
-ms-flex: 1 0 auto; | |
flex: 1 0 auto | |
} | |
.dhx_toolbar__item--separator { | |
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); | |
-ms-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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); | |
-ms-transform: rotate(90deg); | |
transform: rotate(90deg) | |
} | |
.dhx_toolbar-button-image { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
max-height: 100%; | |
height: 100%; | |
max-width: 100% | |
} | |
.dhx_tabbar--top { | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
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; | |
-webkit-flex: 1 1 auto; | |
-ms-flex: 1 1 auto; | |
flex: 1 1 auto | |
} | |
.dhx_tabbar--top .dhx_tabbar-header { | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row | |
} | |
.dhx_tabbar--top .dhx_tabbar-header-active { | |
bottom: 0 | |
} | |
.dhx_tabbar--top .dhx_tabbar-tab { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 auto; | |
-ms-flex: 0 0 auto; | |
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; | |
-webkit-flex-direction: column-reverse; | |
-ms-flex-direction: column-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; | |
-webkit-flex: 1 1 auto; | |
-ms-flex: 1 1 auto; | |
flex: 1 1 auto | |
} | |
.dhx_tabbar--bottom .dhx_tabbar-header { | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row | |
} | |
.dhx_tabbar--bottom .dhx_tabbar-header-active { | |
top: 0 | |
} | |
.dhx_tabbar--bottom .dhx_tabbar-tab { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 auto; | |
-ms-flex: 0 0 auto; | |
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; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
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; | |
-webkit-flex: 1 1 auto; | |
-ms-flex: 1 1 auto; | |
flex: 1 1 auto | |
} | |
.dhx_tabbar--left .dhx_tabbar-header { | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column | |
} | |
.dhx_tabbar--left .dhx_tabbar-header-active { | |
right: 0 | |
} | |
.dhx_tabbar--left .dhx_tabbar-tab { | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 1 auto; | |
-ms-flex: 1 1 auto; | |
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; | |
-webkit-flex-direction: row-reverse; | |
-ms-flex-direction: row-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; | |
-webkit-flex: 1 1 auto; | |
-ms-flex: 1 1 auto; | |
flex: 1 1 auto | |
} | |
.dhx_tabbar--right .dhx_tabbar-header { | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column | |
} | |
.dhx_tabbar--right .dhx_tabbar-header-active { | |
left: 0 | |
} | |
.dhx_tabbar--right .dhx_tabbar-tab { | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 1 auto; | |
-ms-flex: 1 1 auto; | |
flex: 1 1 auto | |
} | |
.dhx_tabbar--right .dhx_tabbar-tab-button { | |
text-align: left | |
} | |
.dhx_tabbar .dhx_layout-cell--content { | |
-webkit-box-flex: 1; | |
-webkit-flex: 1 0 auto; | |
-ms-flex: 1 0 auto; | |
flex: 1 0 auto; | |
overflow: auto | |
} | |
.dhx_tabbar-header { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
margin: 0; | |
padding: 0; | |
list-style: none | |
} | |
.dhx_tabbar-header__wrapper { | |
position: relative; | |
overflow: auto; | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 auto; | |
-ms-flex: 0 0 auto; | |
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%); | |
-ms-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_drag-ghost { | |
position: absolute; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none | |
} | |
.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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-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_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_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%); | |
-ms-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; | |
padding-bottom: 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 | |
} | |
.dhx_window--no-scroll { | |
width: 100vw; | |
height: 100vh; | |
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: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
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 | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment