/* Common */ .dx-hc { display: none; } .dxbs-spacer::before { content: ' '; display: inline-block; width: 1em; } .dxbs-defc { cursor: default; } .dxbs-lp { z-index: 30000; } .dxbs-lp.card { margin: 0; } .dxbs-lp span.image { animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; } .dxbs-lp span.image:not(:last-child) { margin-right: 0.4em; } .dxbs-lp span.image:not(:first-child) { margin-left: 0.4em; } .dxbs-lp.dxbs-lp-inline { border: none; display: block; text-align: center; -webkit-box-shadow: none; box-shadow: none; } .dxbs-lp.dx-hc, .dxbs-lp.dxbs-lp-inline.dx-hc { display: none; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .dxbs-ld { position: absolute !important; z-index: 29999; opacity: 0.01; } .dxbs-position-static { position: static; } .dxbs-position-relative { position: relative; } .dxbs-position-absolute { position: absolute; } .dxbs-position-fixed { position: fixed; } .dxbs-position-sticky { position: -webkit-sticky; position: sticky; } .dxbs-rounded-0 { border-radius: 0 !important; } .dxbs-border-top-0 { border-top: 0 !important; } /* Ripple common*/ .dxRippleContainer { overflow: hidden !important; position: absolute; z-index: 2; top: 0; left: 0; background-color: transparent; pointer-events: none; direction: ltr; } .dxRipple { position: relative; z-index: 3; background-color: rgba(0,0,0,0.085); width: 0%; height: 0%; -webkit-border-radius: 50% !important; border-radius: 50% !important; pointer-events: none; } .dxAndroidMobilePlatform .dxRipple, .dxMacOSMobilePlatform .dxRipple { background-color: rgba(0,0,0,0.15); } /* Accessibility */ .dxAIFE, .dxAIFME { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: polygon(0 0); /* clip-path: polygon(0 0); */ } .dxAIFE { height: 1px; overflow: hidden; position: absolute !important; } .dxAIFME { position: fixed; left: 0; top: 0; } /* Mobile */ .dxTouchVScrollHandle, .dxTouchHScrollHandle { background-color: Black; position: absolute; opacity: 0; border-radius: 5px; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease-out; -webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; } .dxTouchVScrollHandle { width: 5px; height: 50%; margin-bottom: 3px; } .dxTouchHScrollHandle { width: 50%; height: 5px; margin-right: 3px; } .dxTouchScrollHandleVisible { transition-duration: 0s; -webkit-transition-duration: 0s; opacity: 0.4 !important; } .dxTouchNativeScrollHandle::-webkit-scrollbar { width: 5px; height: 5px; } .dxTouchNativeScrollHandle::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.3); } .dxTouchNativeScrollHandle::-webkit-scrollbar-corner { background: transparent; } .dxbs-hl { position: absolute !important; visibility: hidden !important; top: -10000px !important; left: -10000px !important; } /* CardView */ .dxbs-cardview { display: table; width: 100%; } .dxbs-cardview > .dxbs-toolbar:first-of-type { margin-bottom: 1em; } .dxbs-cardview > .dxbs-toolbar:last-of-type { margin-top: 1em; } .dxbs-cardview > .card > .card { border-radius: 0; border-left: 0; border-right: 0; margin: 0; box-shadow: none; } .dxbs-cardview > .card > .card:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .dxbs-cardview > .card > .card:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .dxbs-cardview > .card > .card:first-child, .dxbs-cardview > .card > .card-header + .card { border-top: 0; } .dxbs-cardview > .card > .card:last-child { border-bottom: 0; } .dxbs-cardview > .card > .card-body > .card-body { padding: 0; } .dxbs-cardview > .card > .card-body:first-of-type > .card-body:not(:first-child) { padding-top: inherit; } .dxbs-cardview > .card > .card-body:not(:first-of-type) > .card-body:not(:last-child) { padding-bottom: inherit; } .dxbs-cardview > .card > .card-body .dxbs-search-panel > div > .dxbs-button-edit { width: 100%; } .dxbs-cardview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit { display: block; width: auto; } .dxbs-cardview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit > div { display: block; } .dxbs-cardview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit:not(:last-child) > div > .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dxbs-cardview .dxbs-content { padding: 1em 0.5em 0; margin-left: 0; margin-right: 0; } .dxbs-cardview .dxbs-content > div { padding-left: 0.5em; padding-right: 0.5em; } .dxbs-cardview .dxbs-summary-panel > div { display: inline-block; margin: 0 0.5em 0.4em 0; white-space: nowrap; } .dxbs-cardview .dxbs-pager > .form-group > .form-control { padding-left: 0; } .dxbs-cardview .dxbs-card { margin-bottom: 1em; position: relative; padding: 0; } .dxbs-cardview > .card > .card-body:first-child, .dxbs-cardview > .card > .card-body:last-child { padding: 1rem; } .dxbs-cardview .dxbs-card:not(.dxbs-edit-card) > .card-body { overflow: hidden; } .dxbs-cardview .dxbs-card > .dxcvECEC { position: absolute; left: 0; right: 0; z-index: 1; } .dxbs-cardview .dxbs-card > .dxcvECEC > div { padding: 0.4em 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxbs-cardview .dxbs-card .dxbs-cmd-item .btn.btn-link { border: 0; padding-top: 0; padding-bottom: 0; } .dxbs-cardview .dxbs-card .dxbs-cmd-item .form-check.form-check-inline > label, .dxbs-cardview .dxbs-card .dxbs-fl-ctrl:not(.dxbs-batch-editing) .form-check.form-check-inline > label { padding-left: 0; padding-top: 0; } .dxbs-cardview .dxbs-card .dxbs-cmd-item .form-check.form-check-inline { margin-left: 1em; margin-right: 1em; padding-bottom: 4px; } .dxbs-cardview .dxbs-card .dxbs-cmd-item .dxbs-button:not(.btn-link) { margin-right: 0.4em; } .dxbs-cardview .dxbs-card .dxbs-fl-ctrl .form-check.form-check-inline { padding-bottom: 4px; } .dxbs-cardview .dxbs-card .dxbs-fl-ctrl.dxbs-batch-editing .form-check.form-check-inline > label { padding-left: 0; } .dxbs-cardview .dxbs-card .form-check.form-check-inline input { position: relative; margin-left: 0; margin-top: 0; vertical-align: middle; } .dxbs-cardview .dxbs-card .dxcvFLECW { text-align: center; margin: 5em 0; } .dxbs-cardview .dxbs-card:not(.dxbs-edit-card) .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing) { padding-left: 0.9em; padding-right: 0.9em; } .dxbs-3 .dxbs-cardview .dxbs-card .dxbs-fl-ctrl:not(.form-control-plaintext).form-check, .dxbs-cardview .dxbs-card .dxbs-fl-ctrl:not(.form-control-plaintext).dxbs-batch-editing > div[data-dxci] > .form-check.form-check-inline { padding-left: 0.9em; padding-right: 0.9em; } .dxbs-cardview .dxbs-card .dxbs-fl:not(.form-horizontal) .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing):not(.bg-success) { padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .dxbs-cardview .dxbs-card .dxbs-fl.form-horizontal .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing):not(.bg-success) { padding-left: 0; padding-right: 0; } } .dxbs-cardview > .card > .card-footer { text-align: right; } .dxbs-cardview .dxbs-memo .form-control { resize: none; } /* Conditional formating*/ .dxbs-cardview .dxFCRule { position: relative; } .dxbs-cardview .dxFCRule:before { content: ""; position: absolute; top: 50%; bottom: 50%; width: 16px; height: 16px; margin-top: -8px; } .dxbs-cardview .dxFCRule:before { right: 2px; left: auto; } /* Endless Paging*/ .dxbs-cardview .dxcvEMBC { text-align: center; padding: 0.5em; margin-top: -1em; } /* DevExtreme widgets */ .dxbs-widget-container { height: 100%; width: 100%; } /* Charts */ .dxc-chart text, .dxc-tooltip text { font-size: 12px; fill: #767676; cursor: default; } .dxc-chart .dxc-title > text { fill: #232323; } .dxc-chart .dxc-title > text:first-of-type { font-size: 28px; } .dxc-chart .dxc-title > text:nth-of-type(2) { font-size: 16px; } .dxc-chart .dxc-val-title > text, .dxc-chart .dxc-arg-title > text { font-size: 16px; } .dxc-chart .dxc-labels text, .dxc-chart .dxc-crosshair-cursor text { fill: #ffffff; } .dxbs-widget-container.dxbs-widget-export-notitle { padding-bottom: 35px; } .dxbs-chart { position: relative; } .dxbs-chart .dxbs-export-btn { position: absolute; margin-top: 1px; margin-right: 1px; right: 0px; z-index: 2; } .dxbs-chart .dxbs-export-btn + .dxbs-popup-menu.dropdown-menu + .dxbs-widget-container { z-index: 1; } .dxbs-chart .dxbs-export-btn .dxbs-icon { position: relative; top: 0.13em; padding-right: 0.4em; padding-left: 0.4em; } .btn.dxbs-export-btn.dxbs-export-btn-title { margin-bottom: -100%; } .dxbs-chart.disabled { cursor: not-allowed; opacity: 0.5; } .dxbs-chart.disabled .dxc-chart { pointer-events: none; } .dxbs-empty-piechart { cursor: default; display: block; margin: auto; user-select: none; -moz-user-select: none; -ms-user-select: none; } .dxbs-empty-piechart > path { stroke: #838383; stroke-width: 2px; } .dxbs-empty-piechart > path:first-of-type { fill: #c0c0c0; } .dxbs-empty-piechart > path:nth-of-type(2) { fill: #a0a0a0; } .dxbs-empty-piechart > text { fill: #000000; font-size: 28px; text-anchor: middle; } /* Range Selector */ .dxbs-range-selector .dxbs-export-btn { position: relative; margin-top: 1px; margin-right: 1px; float: right; z-index: 2; } .dxbs-range-selector .dxbs-export-btn + .dxbs-popup-menu.dropdown-menu + .dxbs-widget-container { z-index: 1; } .dxbs-range-selector .slider-marker > text, .dxrs-view .dxc-labels text { font-size: 12px; fill: #ffffff; cursor: default; } .dxrs-range-selector-elements > text { font-size: 12px; fill: #767676; cursor: default; } /* Edit */ .input-group .dxbs-textbox, .input-group .dxbs-memo, .input-group .dxbs-button-edit, .input-group .dxbs-spin-edit, .input-group .dxbs-dropdown-edit { display: table; width: 100%; } .form-inline .input-group .dxbs-textbox, .form-inline .input-group .dxbs-memo, .form-inline .input-group .dxbs-button-edit, .form-inline .input-group .dxbs-spin-edit, .form-inline .input-group .dxbs-dropdown-edit { display: inline-table; } .input-group .dxbs-textbox > div, .input-group .dxbs-memo > div, .input-group .dxbs-button-edit > div:not(.input-group), .input-group .dxbs-spin-edit > div:not(.dxbs-out-of-range-warn):not(.input-group), .input-group .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(.input-group) { display: table-row; } .dxbs-3 .input-group .input-group-addon + .dxbs-textbox .form-control, .input-group .input-group-prepend + .dxbs-textbox .form-control, .dxbs-3 .input-group .input-group-addon + .dxbs-memo .form-control, .input-group .input-group-prepend + .dxbs-memo .form-control, .dxbs-3 .input-group .input-group-addon + .dxbs-button-edit .form-control, .input-group .input-group-prepend + .dxbs-button-edit .form-control, .dxbs-3 .input-group .input-group-addon + .dxbs-spin-edit .form-control, .input-group .input-group-prepend + .dxbs-spin-edit .form-control, .dxbs-3 .input-group .input-group-addon + .dxbs-dropdown-edit .form-control, .input-group .input-group-prepend + .dxbs-dropdown-edit .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dxbs-3 .input-group .dxbs-textbox + .input-group-addon:not(:first-child), .dxbs-3 .input-group .dxbs-memo + .input-group-addon:not(:first-child), .dxbs-3 .input-group .dxbs-button-edit + .input-group-addon:not(:first-child), .dxbs-3 .input-group .dxbs-spin-edit + .input-group-addon:not(:first-child), .dxbs-3 .input-group .dxbs-dropdown-edit + .input-group-addon:not(:first-child) { border-left: 0; } .form-inline .dxbs-textbox, .form-inline .dxbs-memo, .form-inline .dxbs-button-edit, .form-inline .dxbs-spin-edit, .form-inline .dxbs-dropdown-edit, .form-inline .dxbs-combobox, .form-inline .dxbs-tagbox { display: inline-block; } .dxbs-textbox > div, .dxbs-memo > div, .dxbs-button-edit, .dxbs-button-edit > div, .dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend), .dxbs-dropdown-edit, .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp), .dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp), .dxbs-spin-edit, .dxbs-spin-edit > div:not(.dxbs-out-of-range-warn), .dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) { position: relative; } .form-inline .dxbs-textbox .col-form-label, .form-inline .dxbs-memo .col-form-label, .form-inline .dxbs-button-edit .col-form-label, .form-inline .dxbs-spin-edit .col-form-label, .form-inline .dxbs-dropdown-edit .col-form-label { width: auto; margin-right: 0.3em; } .dxbs-textbox.form-group-lg .col-form-label, .dxbs-memo.form-group-lg .col-form-label, .dxbs-button-edit.form-group-lg .col-form-label, .dxbs-spin-edit.form-group-lg .col-form-label, .dxbs-dropdown-edit.form-group-lg .col-form-label { font-size: 18px; } .dxbs-textbox.form-group-sm .col-form-label, .dxbs-memo.form-group-sm .col-form-label, .dxbs-button-edit.form-group-sm .col-form-label, .dxbs-spin-edit.form-group-sm .col-form-label, .dxbs-dropdown-edit.form-group-sm .col-form-label { font-size: 12px; } .dxbs-textbox .form-control::-ms-clear, .dxbs-memo .form-control::-ms-clear, .dxbs-button-edit .form-control::-ms-clear, .dxbs-spin-edit .form-control::-ms-clear, .dxbs-dropdown-edit .form-control::-ms-clear, .dxbs-tagbox-input::-ms-clear { display: none; } .dxbs-textbox .form-control, .dxbs-memo .form-control, .dxbs-button-edit .form-control, .dxbs-button-edit .input-group .form-control, .dxbs-spin-edit .form-control, .dxbs-spin-edit .input-group .form-control, .dxbs-dropdown-edit .input-group .form-control, .dxbs-textbox .col-form-label, .dxbs-memo .col-form-label, .dxbs-button-edit .col-form-label, .dxbs-spin-edit .col-form-label, .dxbs-dropdown-edit .col-form-label { vertical-align: middle; } .dxbs-textbox .form-control, .dxbs-memo .form-control, .dxbs-button-edit .form-control, .dxbs-button-edit .input-group .form-control, .dxbs-spin-edit .form-control, .dxbs-spin-edit .input-group .form-control, .dxbs-dropdown-edit .input-group .form-control { display: inline-block; margin-bottom: 0px; } .dxbs-memo .form-control { resize: vertical; } .dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus, .dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus, .dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus, .dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus { z-index: 4; } .dxbs-3 .dxbs-button-edit .input-group-btn:last-child > .btn:hover + .btn, .dxbs-3 .dxbs-spin-edit .input-group-btn:last-child > .btn:hover + .btn, .dxbs-3 .dxbs-dropdown-edit .input-group-btn:last-child > .btn:hover + .btn { margin-left: 0px; border-left: 0; } .dxbs-3 .dxbs-button-edit .input-group div:not(.input-group-btn) + .input-group-btn:last-child > .btn:not(:hover):not(:active):not(:focus), .dxbs-3 .dxbs-spin-edit .input-group div:not(.input-group-btn) + .input-group-btn:last-child > .btn:not(:hover):not(:active):not(:focus), .dxbs-3 .dxbs-dropdown-edit .input-group div:not(.input-group-btn) + .input-group-btn:last-child > .btn:not(:hover):not(:active):not(:focus) { z-index: auto; } .dxbs-3 .dxbs-button-edit > .input-group > .input-group-btn.input-group-addon, .dxbs-3 .dxbs-dropdown-edit > .input-group > .input-group-btn.input-group-addon, .dxbs-3 .dxbs-spin-edit > .input-group > .input-group-btn.input-group-addon { padding: 0; } .dxbs-3 .dxbs-button-edit:not(.has-error) > .input-group > .input-group-btn.input-group-addon, .dxbs-3 .dxbs-dropdown-edit:not(.has-error) > .input-group > .input-group-btn.input-group-addon, .dxbs-3 .dxbs-spin-edit:not(.has-error) > .input-group > .input-group-btn.input-group-addon { background: none; border: none; border-radius: 0; } .dxbs-3 .dxbs-button-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn, .dxbs-3 .dxbs-dropdown-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn, .dxbs-3 .dxbs-spin-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn { border: none; } .dxbs-3 .dxbs-button-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn:not(:hover):not(:active):not(:focus), .dxbs-3 .dxbs-dropdown-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn:not(:hover):not(:active):not(:focus), .dxbs-3 .dxbs-spin-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn:not(:hover):not(:active):not(:focus) { background: none; } .dxbs-3 .dxbs-button-edit:not(.has-error) .input-group-btn:not(:last-child), .dxbs-3 .dxbs-button-edit.has-error .input-group-btn:not(:nth-last-child(2)):not(:last-child), .dxbs-3 .dxbs-button-edit.has-error .input-group-btn:last-of-type:nth-last-child(2), .dxbs-3 .dxbs-button-edit.has-error .input-group-btn:last-child > .btn, .dxbs-3 .dxbs-dropdown-edit:not(.has-error) .input-group-btn:not(:last-child), .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:not(:nth-last-child(2)):not(:last-child), .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:last-of-type:nth-last-child(2), .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:last-child > .btn, .dxbs-3 .dxbs-spin-edit:not(.has-error) .input-group-btn:not(:last-child), .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:not(:nth-last-child(2)):not(:last-child), .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:last-of-type:nth-last-child(2), .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:last-child > .btn { border-right: 0; } .dxbs-3 .dxbs-button-edit.has-error .input-group-btn:first-child > .btn, .dxbs-3 .dxbs-button-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn, .dxbs-3 .dxbs-button-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn > .btn:not(:hover):not(:active):not(:focus), .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:first-child > .btn, .dxbs-3 .dxbs-dropdown-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn, .dxbs-3 .dxbs-dropdown-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn > .btn:not(:hover):not(:active):not(:focus), .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:first-child > .btn, .dxbs-3 .dxbs-spin-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn, .dxbs-3 .dxbs-spin-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn > .btn:not(:hover):not(:active):not(:focus) { border-left: 0; } .dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child):not(:last-child), .dxbs-button-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:first-child):not(:last-child) .form-control, .dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child):not(:last-child), .dxbs-dropdown-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(:first-child):not(:last-child) .form-control, .dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child):not(:last-child), .dxbs-spin-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:first-child):not(:last-child) .form-control { border-radius: 0; } .dxbs-button-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:last-child) .form-control, .dxbs-dropdown-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(:last-child) .form-control, .dxbs-spin-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:last-child) .form-control, .dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) .form-control, .dxbs-3 .dxbs-button-edit .input-group-btn:not(:last-child), .dxbs-3 .dxbs-button-edit .input-group-btn:not(:last-child) > .btn, .dxbs-3 .dxbs-button-edit .input-group-btn:not(:last-child) > .dropdown-toggle, .dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:last-child), .dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:last-child) > .btn, .dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:last-child) > .dropdown-toggle, .dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .dxbs-3 .dxbs-spin-edit .input-group-btn:not(:last-child), .dxbs-3 .dxbs-spin-edit .input-group-btn:not(:last-child) > .btn, .dxbs-3 .dxbs-spin-edit .input-group-btn:not(:last-child) > .dropdown-toggle, .dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .dxbs-button-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:first-child) .form-control, .dxbs-dropdown-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(:first-child) .form-control, .dxbs-spin-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:first-child) .form-control, .dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child), .dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child) > .btn, .dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child) > .dropdown-toggle, .dxbs-3 .dxbs-button-edit .input-group-btn:not(:last-child) > .btn:not(:first-child), .dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child), .dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child) > .btn, .dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child) > .dropdown-toggle, .dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:last-child) > .btn:not(:first-child), .dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child), .dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child) > .btn, .dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child) > .dropdown-toggle, .dxbs-3 .dxbs-spin-edit .input-group-btn:not(:last-child) > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .dxbs-3 .dxbs-button-edit .input-group-btn > .btn:focus, .dxbs-3 .dxbs-button-edit .input-group-btn > .btn:active, .dxbs-3 .dxbs-button-edit .input-group-btn > .btn:hover, .dxbs-3 .dxbs-dropdown-edit .input-group-btn > .btn:focus, .dxbs-3 .dxbs-dropdown-edit .input-group-btn > .btn:active, .dxbs-3 .dxbs-dropdown-edit .input-group-btn > .btn:hover, .dxbs-3 .dxbs-spin-edit .input-group-btn > .btn:focus, .dxbs-3 .dxbs-spin-edit .input-group-btn > .btn:active, .dxbs-3 .dxbs-spin-edit .input-group-btn > .btn:hover { z-index: 3; } .dxbs-3 .dxbs-button-edit.has-error .input-group-btn > .btn:focus, .dxbs-3 .dxbs-button-edit.has-error .input-group-btn > .btn:active, .dxbs-3 .dxbs-button-edit.has-error .input-group-btn > .btn:hover, .dxbs-3 .dxbs-button-edit.has-error .input-group-btn:last-child > .btn, .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn > .btn:focus, .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn > .btn:active, .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn > .btn:hover, .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:last-child > .btn .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn > .btn:focus, .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn > .btn:active, .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn > .btn:hover, .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:last-child > .btn { z-index: auto; } .dxbs-3 .dxbs-button-edit.has-error .input-group-btn:first-child > .btn, .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:first-child > .btn, .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:first-child > .btn { margin-right: 0; } .dxbs-3 .dxbs-button-edit.has-error .input-group-btn:last-child > .btn, .dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:last-child > .btn, .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:last-child > .btn { margin-left: 0; } .dxbs-3 .dxbs-button-edit:not(.has-error) .input-group-btn:not(:last-child) > .btn, .dxbs-3 .dxbs-dropdown-edit:not(.has-error) .input-group-btn:not(:last-child) > .btn, .dxbs-3 .dxbs-spin-edit:not(.has-error) .input-group-btn:not(:last-child) > .btn { margin-right: -1px; } .dxbs-3 .dxbs-button-edit:not(.has-error) .input-group-btn:not(:first-child) > .btn, .dxbs-3 .dxbs-dropdown-edit:not(.has-error) .input-group-btn:not(:first-child) > .btn, .dxbs-3 .dxbs-spin-edit:not(.has-error) .input-group-btn:not(:first-child) > .btn { margin-left: -1px; } .form-inline .dxbs-textbox > div, .form-inline .dxbs-memo > div, .form-inline .dxbs-button-edit > div, .form-inline .dxbs-spin-edit > div:not(.dxbs-out-of-range-warn), .form-inline .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp), .dxbs-button-edit .input-group, .dxbs-spin-edit .input-group, .dxbs-dropdown-edit .input-group { display: inline-table; vertical-align: middle; } .form-inline .dxbs-button-edit .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control, .form-inline .dxbs-dropdown-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control, .form-inline .dxbs-spin-edit .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control { width: 100%; } .form-horizontal .dxbs-textbox input.form-control + .dxbs-feedback, .form-horizontal .dxbs-textbox .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-memo textarea.form-control + .dxbs-feedback, .form-horizontal .dxbs-memo .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-button-edit input.form-control + .dxbs-feedback, .form-horizontal .dxbs-button-edit .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-button-edit .input-group input.form-control + .dxbs-feedback, .form-horizontal .dxbs-button-edit .input-group .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-dropdown-edit input.form-control + .dxbs-feedback, .form-horizontal .dxbs-dropdown-edit .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-dropdown-edit .input-group input.form-control + .dxbs-feedback, .form-horizontal .dxbs-dropdown-edit .input-group .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-spin-edit input.form-control + .dxbs-feedback, .form-horizontal .dxbs-spin-edit .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-spin-edit .input-group input.form-control + .dxbs-feedback, .form-horizontal .dxbs-spin-edit .input-group .dxbs-null-text + .dxbs-feedback, .dxbs-textbox input.form-control + .dxbs-feedback, .dxbs-textbox .dxbs-null-text + .dxbs-feedback, .dxbs-memo textarea.form-control + .dxbs-feedback, .dxbs-memo .dxbs-null-text + .dxbs-feedback, .dxbs-button-edit input.form-control + .dxbs-feedback, .dxbs-button-edit .dxbs-null-text + .dxbs-feedback, .dxbs-button-edit .input-group input.form-control + .dxbs-feedback, .dxbs-button-edit .input-group .dxbs-null-text + .dxbs-feedback, .dxbs-dropdown-edit input.form-control + .dxbs-feedback, .dxbs-dropdown-edit .dxbs-null-text + .dxbs-feedback, .dxbs-dropdown-edit .input-group input.form-control + .dxbs-feedback, .dxbs-dropdown-edit .input-group .dxbs-null-text + .dxbs-feedback, .dxbs-spin-edit input.form-control + .dxbs-feedback, .dxbs-spin-edit .dxbs-null-text + .dxbs-feedback, .dxbs-spin-edit .input-group input.form-control + .dxbs-feedback, .dxbs-spin-edit .input-group .dxbs-null-text + .dxbs-feedback, .dxbs-tagbox .form-control .dxbs-feedback, .dxbs-tagbox .input-group .form-control .dxbs-feedback { right: 0px; pointer-events: auto; z-index: 3; width: auto; } .dxbs-button-edit > .input-group ~ .dxbs-feedback, .dxbs-dropdown-edit > .input-group ~ .dxbs-feedback, .dxbs-spin-edit > .input-group ~ .dxbs-feedback { top: auto; bottom: 0; z-index: 3; } .form-horizontal .dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus ~ .dxbs-feedback, .form-horizontal .dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus ~ .dxbs-feedback, .form-horizontal .dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus ~ .dxbs-feedback, .dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus ~ .dxbs-feedback, .dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus ~ .dxbs-feedback, .dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus ~ .dxbs-feedback, .dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus + .dxbs-null-text, .dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus + .dxbs-null-text, .dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus + .dxbs-null-text { z-index: 4; } .dxbs-edit-error-text, .dxbs-edit-error-text.form-text { display: block; } .form-inline .dxbs-edit-error-text, .form-inline .dxbs-edit-error-text.form-text { width: auto; } .dxbs-edit-error-text [data-error-image] { margin-right: 0.4em; } .form-inline .dxbs-edit-error-text [data-error-image] { margin-left: 0.4em; } .dxbs-textbox .dxbs-feedback [data-error-image], .dxbs-memo .dxbs-feedback [data-error-image], .dxbs-button-edit .dxbs-feedback .dxbs-clear-btn, .dxbs-button-edit .dxbs-feedback [data-error-image], .dxbs-dropdown-edit .dxbs-feedback .dxbs-clear-btn, .dxbs-dropdown-edit .dxbs-feedback [data-error-image], .dxbs-spin-edit .dxbs-feedback .dxbs-clear-btn, .dxbs-spin-edit .dxbs-feedback [data-error-image], .dxbs-uc .input-group .dxbs-feedback .dxbs-clear-btn { padding-left: 0.6em; padding-right: 0.6em; display: inline-block; height: 100%; } .dxbs-edit-error-frame .dxbs-feedback [data-error-image] { padding-left: 0.6em; } .form-inline .dxbs-edit-error-frame.dxbs-cbl .dxbs-feedback [data-error-image] { padding-right: 0.6em; } .dxbs-textbox .dxbs-feedback [data-error-image], .dxbs-memo .dxbs-feedback [data-error-image], .dxbs-button-edit .dxbs-feedback [data-error-image], .dxbs-dropdown-edit .dxbs-feedback [data-error-image], .dxbs-spin-edit .dxbs-feedback [data-error-image], .dxbs-clear-btn > span { top: 0; } .dxbs-textbox .form-control-feedback [data-error-image], .dxbs-memo .form-control-feedback [data-error-image], .dxbs-button-edit .form-control-feedback [data-error-image], .dxbs-dropdown-edit .form-control-feedback [data-error-image], .dxbs-spin-edit .form-control-feedback [data-error-image], .form-control-feedback > .dxbs-clear-btn > span { line-height: inherit; } .dxbs-spin-edit .dxbs-feedback > .dxbs-clear-btn { display: flex; display: -ms-flexbox; white-space: nowrap; align-items: center; -ms-flex-align: center; } .dxbs-edit-btn.disabled, .dxbs-listbox > li.disabled, .dxbs-listbox > ul > li.disabled, .dxbs-listbox > li > .disabled, .dxbs-listbox > ul > li > .disabled, .dxbs-calendar .btn.disabled, .dxbs-textbox input.form-control[disabled] + .dxbs-feedback, .dxbs-memo textarea.form-control[disabled] + .dxbs-feedback, .dxbs-button-edit input.form-control[disabled] + .dxbs-feedback, .dxbs-button-edit .input-group-append.disabled, .dxbs-button-edit .input-group-prepend.disabled, .dxbs-button-edit .input-group-append .btn.disabled, .dxbs-button-edit .input-group-prepend .btn.disabled, .dxbs-dropdown-edit input.form-control[disabled] + .dxbs-feedback, .dxbs-dropdown-edit .input-group-append.disabled, .dxbs-dropdown-edit .input-group-prepend.disabled, .dxbs-dropdown-edit .input-group-append .btn.disabled, .dxbs-dropdown-edit .input-group-prepend .btn.disabled, .dxbs-spin-edit input.form-control[disabled] + .dxbs-feedback, .dxbs-spin-edit .input-group-append.disabled, .dxbs-spin-edit .input-group-prepend.disabled, .dxbs-spin-edit .input-group-append .btn.disabled, .dxbs-spin-edit .input-group-prepend .btn.disabled { pointer-events: none; } .dxbs-edit-btn.dxbs-clear-btn { color: gray; } .dxbs-edit-btn.dxbs-clear-btn > .glyphicon, .dxbs-edit-btn.dxbs-clear-btn > .dxbs-icon { font-size: 0.75em; } .dxbs-edit-btn.dxbs-clear-btn:hover, .dxbs-edit-btn.dxbs-clear-btn:focus, .dxbs-edit-btn.inc:hover, .dxbs-edit-btn.inc:focus, .dxbs-edit-btn.dec:hover, .dxbs-edit-btn.dec:focus { opacity: .8; } .dxbs-edit-btn:hover { cursor: pointer; } .dxbs-edit-btn.text-icon .image { margin-right: .4em; } .dxbs-spin-edit .dxbs-feedback, .dxbs-spin-edit .dxbs-feedback:not(.dxbs-spin-btn-group) > span { display: flex; display: -ms-flexbox; } .dxbs-spin-edit .dxbs-feedback:not(.dxbs-spin-btn-group) { flex-flow: row nowrap; -ms-flex-flow: row nowrap; align-items: center; -ms-flex-align: center; } .dxbs-spin-btn-group { display: flex; display: -ms-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; height: 100%; padding-right: 0.25em; } .dxbs-spin-btn-group .dxbs-edit-btn.disabled { opacity: .65; } .dxbs-spin-btn-group .increment, .dxbs-spin-btn-group .increment-lg { display: flex; display: -ms-flexbox; flex: 1 1 auto; -ms-flex: 1 1 auto; flex-flow: column nowrap; -ms-flex-flow: column nowrap; } .dxbs-spin-btn-group .increment { align-items: center; -ms-flex-align: center; } .dxbs-spin-btn-group .increment-lg > .dxbs-edit-btn, .dxbs-spin-btn-group .increment > .dxbs-edit-btn { display: flex; display: -ms-flexbox; flex: 1 100%; -ms-flex: 1 1 100%; white-space: nowrap; } .dxbs-spin-btn-group .dxbs-edit-btn > * { top: 0; } .dxbs-spin-btn-group .dxbs-edit-btn, .dxbs-spin-btn-group .dxbs-edit-btn > * { width: 100%; } .dxbs-spin-btn-group .dxbs-edit-btn { align-items: center; -ms-flex-align: center; padding-left: 0.5em; padding-right: 0.5em; } .dxbs-spin-btn-group .increment .inc .caret, .dxbs-spin-btn-group .increment .inc .dropdown-toggle { transform: rotate(180deg); } .dxbs-spin-btn-group .increment-lg .inc .caret, .dxbs-spin-btn-group .increment-lg .inc .dropdown-toggle { transform: rotate(-90deg); } .dxbs-spin-btn-group .increment-lg .dec .caret, .dxbs-spin-btn-group .increment-lg .dec .dropdown-toggle { transform: rotate(90deg); } .dxbs-spin-btn-group .increment .inc .caret, .dxbs-spin-btn-group .increment .inc .dropdown-toggle { margin-bottom: -4px; } .dxbs-spin-btn-group .increment .dec .caret, .dxbs-spin-btn-group .increment .dec .dropdown-toggle { margin-top: -4px; } .dxbs-dropdown-edit.dxbs-combobox .dxbs-listbox.dropdown-menu, .dxbs-dropdown-edit.dxbs-tagbox .dxbs-listbox.dropdown-menu { padding-top: 0px; padding-bottom: 0px; overflow-x: hidden; overflow-y: auto; } .dxbs-listbox > li > a mark, .dxbs-listbox > li > .form-check mark, .dxbs-listbox > ul > li > a mark, .dxbs-listbox > ul > li > .form-check mark, .dxbs-combobox .dxbs-listbox > li > a mark, .dxbs-tagbox .dxbs-listbox > li > a mark { padding: 0; } .dxbs-tagbox .form-control { height: auto; } .dxbs-tagbox .dxbs-tag { /*font-size: inherit;*/ /*font-weight: inherit;*/ line-height: inherit; display: inline-block; height: 100%; } .dxbs-tagbox .dxbs-tag.dxbs-tag-disabled { opacity: .65; pointer-events: none; } .dxbs-tagbox .dxbs-tag > span { display: inline-block; vertical-align: middle; } .dxbs-tagbox .dxbs-tag:not(:only-child) { margin-right: 0.4em; } .dxbs-tagbox .dxbs-tagbox-input, .dxbs-tagbox .dxbs-tagbox-input:focus, .dxbs-tagbox.has-error .dxbs-tagbox-input, .dxbs-tagbox.has-error .dxbs-tagbox-input:focus { font-size: inherit; background: none; font-weight: inherit; height: 100%; border: none; box-shadow: none; display: inline-block; outline: none; width: 1em; } .dxbs-tagbox .dxbs-tag-remove-btn { cursor: pointer; font-weight: inherit; display: inline-block; height: 100%; margin-left: 0.8em; top: 0; } .dxbs-listbox .dxbs-hidden-row { display: none !important; } .dxbs-listbox > li, .dxbs-listbox > ul > li { display: block; } .dxbs-listbox > li > a, .dxbs-listbox > ul > li > a, .dxbs-listbox > li > .form-check, .dxbs-listbox > ul > li > .form-check { cursor: pointer; } .dxbs-listbox > li > .form-check > .badge:not(:first-child), .dxbs-listbox > ul > li > .form-check > .badge:not(:first-child) { margin-left: 0.4em; } .dxbs-listbox.dx-dropdown-menu > li > .dropdown-item > .badge { float: right; } .dxbs-listbox.form-control li:not(.active):not(.disabled):not(:hover):not(:focus):not(:active), .dxbs-listbox.form-control div.list-group-item:not(.active):not(.disabled):not(:hover):not(:focus):not(:active), .dxbs-listbox.form-control div.list-group-item > label, .dxbs-listbox.form-control a.list-group-item:not(.active):not(.disabled):not(:hover):not(:focus):not(:active) { color: inherit; text-shadow: none; } .dxbs-listbox.form-control > li:not(.active):not(.disabled) > a:not(.active):not(.disabled):not(:hover):not(:focus):not(:active), .dxbs-listbox.form-control > ul > li:not(.active):not(.disabled) > a:not(.active):not(.disabled):not(:hover):not(:focus):not(:active) { text-shadow: none; } .dxbs-listbox > li > .form-check, .dxbs-listbox > ul > li > .form-check, .dxbs-listbox .dxbs-list-selectall > .form-check { position: relative; display: block; } .dxbs-listbox > li > .form-check > label, .dxbs-listbox > ul > li > .form-check > label { min-height: 0; } .dxbs-listbox > li > .checkbox > label, .dxbs-listbox > ul > li > .checkbox > label, .dxbs-listbox .dxbs-list-selectall > .checkbox > label { padding-left: 20px; } .dxbs-listbox > li > .checkbox > label > input[type="checkbox"], .dxbs-listbox > ul > li > .checkbox > label > input[type="checkbox"], .dxbs-listbox .dxbs-list-selectall > .checkbox > label > input[type="checkbox"] { position: absolute; } .dxbs-listbox.form-control > li > .form-check > label, .dxbs-listbox.form-control > ul > li > .form-check > label { font-size: inherit; } .dxbs-listbox.form-control > li > .form-check.disabled.active > label, .dxbs-listbox.form-control > ul > li > .form-check.disabled.active > label { color: inherit; } .dxbs-listbox > li > a > span:not(:last-child), .dxbs-listbox > ul > li > a > span:not(:last-child), .dxbs-listbox > li > .form-check > label > span:not(:last-child), .dxbs-listbox > ul > li > .form-check > label > span:not(:last-child) { margin-right: 0.4em; } .dxbs-listbox > li > a > span[class="image"]:first-child::before, .dxbs-listbox > ul > li > a > span[class="image"]:first-child::before, .dxbs-listbox > li > .form-check > label > input + span[class="image"]::before, .dxbs-listbox > ul > li > .form-check > label > input + span[class="image"]::before { content: " "; display: inline-block; width: 1em; } .dxbs-listbox.card, .dxbs-listbox.list-group, .dxbs-listbox > .list-group { margin-bottom: 0; } .dxbs-listbox > li.list-group-item, .dxbs-listbox > .list-group > li.list-group-item, .dxbs-listbox > li > .list-group-item, .dxbs-listbox > .list-group > li > .list-group-item { border: none; border-radius: 0; margin-bottom: 0; } .dxbs-listbox.form-control .form-check:not(.active):not(.disabled):not(:active):not(:hover):not(:focus), .dxbs-listbox.form-control a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus), .dxbs-listbox ul.form-control a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus), .dxbs-popup[id*="_DXHFP"].hf-list .dxbs-listbox.card ul.list-group { background: none; } .dxbs-listbox > li > .form-check, .dxbs-listbox > ul > li > .form-check { margin-top: 0; } ul.dxbs-listbox { min-height: 2em; } .has-feedback .dxbs-listbox.form-control, .dxbs-listbox.form-control, .dxbs-listbox > ul.form-control, .dxbs-popup[id*="_DXHFP"].hf-list .dxbs-listbox.card > ul { height: auto; padding: 0px; } .dxbs-listbox > ul.form-control, .dxbs-popup[id*="_DXHFP"].hf-list .dxbs-listbox.card > ul { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .dxbs-listbox.form-control > ul.form-control { border: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .has-feedback ul.dxbs-listbox.form-control, ul.dxbs-listbox.form-control, .dxbs-listbox > ul.form-control, .dxbs-popup[id*="_DXHFP"].hf-list .dxbs-listbox.card > ul { overflow-y: auto; } .dxbs-listbox.form-control > li > a, .dxbs-listbox.form-control > ul > li > a, .dxbs-listbox.form-control > li > a:hover, .dxbs-listbox.form-control > ul > li > a:hover, .dxbs-listbox.form-control > li > a:focus, .dxbs-listbox.form-control > ul > li > a:focus, .dxbs-listbox.form-control > li > a:active, .dxbs-listbox.form-control > ul > li > a:active, .dxbs-listbox.form-control > li.active > a, .dxbs-listbox.form-control > ul > li.active > a, .dxbs-listbox.form-control > li.active > a:hover, .dxbs-listbox.form-control > ul > li.active > a:hover, .dxbs-listbox.form-control > li.active > a:focus, .dxbs-listbox.form-control > ul > li.active > a:focus, .dxbs-listbox.form-control > li.active > a:active, .dxbs-listbox.form-control > ul > li.active > a:active { border-radius: 0; border: none; } .dxbs-listbox.card.form-control { color: inherit; } .dxbs-listbox .dxbs-list-filter, .dxbs-listbox .dxbs-list-selectall { max-height: 100%; } .dxbs-listbox.card > .dxbs-list-filter.card-header { position: relative; } .dxbs-listbox.card > .dxbs-list-filter.card-header .input-group-text, .dxbs-listbox.card > .dxbs-list-filter.card-header .input-group-prepend ~ .dxbs-list-filter-edit .form-control, .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-edit .input-group-prepend + .form-control { background: none; border: none; box-shadow: none; color: inherit; } .dxbs-listbox.card > .dxbs-list-filter.card-header .input-group-text, .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-edit .input-group-prepend .btn { padding: 0; } .dxbs-listbox.card > .dxbs-list-filter.card-header .input-group-prepend ~ .dxbs-list-filter-edit .form-control, .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-edit .input-group-prepend + .form-control { padding-top: 0; padding-bottom: 0; height: auto; } /*.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-edit .dxbs-clear-btn { padding-right: 0; }*/ .dxbs-listbox.card > .dxbs-list-selectall.card-header > .form-check { margin-top: 0; margin-bottom: 0; } .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-show, .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-hide { text-decoration: none; } .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-show:not(:hover):not(:focus), .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-hide:not(:hover):not(:focus) { color: inherit; } .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-show { position: absolute; right: 0; } .dxbs-3 .dxbs-listbox.card > .dxbs-list-selectall.card-header > .form-check { display: inline-block; } .dxbs-3 .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-show { display: inline-table; vertical-align: middle; } .dxbs-listbox.card > .card-header.collapsed:not(.calculating) { max-height: 0; padding: 0 !important; border: none; } .dxbs-listbox.card > .card-header.collapsed.animated { transition: max-height 0.5s, opacity 0.5s, padding-top 0.5s, padding-bottom 0.5s; } .dxbs-listbox.card > .card-header.collapsed:not(.calculating) .dxbs-list-filter-edit { max-height: 0; opacity: 0; visibility: hidden; } .dxbs-listbox.card > .card-header.animated:not(.collapsed) .dxbs-list-filter-edit { transition: max-height 1.5s, opacity 1.5s, visibility 0.5s; } .dxbs-listbox.card > .card-header.collapsed.animated + .dxbs-list-selectall + .list-group { transition: max-height 0.5s; } .dxbs-kbs-input { width: 0; height: 0; position: absolute; background-color: transparent; display: block; margin: 0; padding: 0; border-width: 0; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .dxbs-out-of-range-warn, .dxbs-popup-help-text { position: absolute; } .dxbs-out-of-range-warn { display: none; z-index: 1050; } .dxbs-popup-help-text.form-text { margin-top: 0; margin-bottom: 0; } .dxbs-popup-help-text { opacity: 0; z-index: 990; } .dxbs-null-text { position: absolute; background-color: transparent; pointer-events: none; border-color: transparent; } input:-webkit-autofill + .dxbs-null-text { display: none !important; } .form-control + .dxbs-null-text { z-index: 4; } /*Error controls*/ .dxbs-edit-error-frame .dxbs-calendar.card:first-child, .dxbs-edit-error-frame .dxbs-listbox.form-control:first-child { margin-top: 20px; } .dxbs-calendar > .dxbs-feedback, .dxbs-edit-error-frame .dxbs-listbox.form-control ~ .dxbs-feedback, .dxbs-cbl .dxbs-feedback { width: auto; height: auto; pointer-events: auto; line-height: inherit; padding-bottom: 0.1em; } .dxbs-cbl .dxbs-feedback { position: inherit; text-align: right; } .dxbs-calendar > .dxbs-feedback { top: auto !important; bottom: 100%; } .dxbs-calendar > .dxbs-feedback [data-error-image] { top: 0; } .dxbs-edit-error-frame .dxbs-edit-caption + .dxbs-listbox.form-control ~ .dxbs-feedback { top: 0; } .dxbs-edit-error-frame .dxbs-listbox.form-control:first-child ~ .dxbs-feedback { top: -20px; } .dxbs-edit-error-frame.form-check label > [data-error-image], .dxbs-edit-error-frame.form-check label > [data-error-image], .dxbs-edit-error-frame.form-check.form-check-inline > [data-error-image], .dxbs-edit-error-frame.form-check.form-check-inline > [data-error-image] { padding-left: 0.6em; padding-right: 0.6em; cursor: default; } .dxbs-edit-error-frame.form-check label > [data-error-image]:active:after, .dxbs-edit-error-frame.form-check label > [data-error-image]:active:after, .dxbs-edit-error-frame.form-check.form-check-inline > [data-error-image]:active:after, .dxbs-edit-error-frame.form-check.form-check-inline > [data-error-image]:active:after, .form-inline .dxbs-cbl div:not(.column-element):first-child .dxbs-feedback:only-child > [data-error-image]:active:after { right: auto; left: 100%; padding-right: 0.6em; padding-left: 0.6em; } [data-error-image]:active:after { content: attr(data-error-tooltip); position: absolute; z-index: 1070; right: 100%; white-space: pre; font: normal 0.75em/2 "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 0.6em; background-color: #fdf7f7; top: calc(50% - 1em); pointer-events: none; } /* Button */ .dxbs-button.btn-link { /*padding: 0;*/ } .dxbs-button:not(.icon-only) > .image, .dxbs-hyperlink:not(.icon-only) > .image, .dxbs-button .badge > .image:not(:only-child), .dxbs-hyperlink .badge > .image:not(:only-child), .form-check > label > .image, .form-check > label > .image { margin-right: 0.4em; } .dxbs-button[type="submit"] .image, .dxbs-button[type="submit"] .badge { pointer-events: none; display: inline-block; } .dxbs-button .badge, .dxbs-hyperlink .badge { margin-left: 0.4em; } .dxbs-hyperlink { display: inline-block; } .btn-group > .btn.dxbs-button:last-of-type:not(:first-child):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group-vertical > .btn.dxbs-button:last-of-type:not(:first-child):not(:last-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-lg > .btn.dxbs-button:last-of-type:not(:first-child):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .btn-group-vertical.btn-group-lg > .btn.dxbs-button:last-of-type:not(:first-child):not(:last-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .btn-group-sm > .btn.dxbs-button:last-of-type:not(:first-child):not(:last-child), .btn-group-xs > .btn.dxbs-button:last-of-type:not(:first-child):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .btn-group-vertical.btn-group-sm > .btn.dxbs-button:last-of-type:not(:first-child):not(:last-child), .btn-group-vertical.btn-group-xs > .btn.dxbs-button:last-of-type:not(:first-child):not(:last-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /* Calendar */ .dxbs-calendar { position: relative; white-space: normal; } .dxbs-calendar, .dxbs-calendar.card { display: inline-block; } .dxbs-calendar .calendar-row { display: flex; display: -ms-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; width: 100%; } .dxbs-calendar .calendar-row .calendar-view { display: flex; display: -ms-flexbox; flex: 1 1 auto; -ms-flex: 1 1 auto; flex-direction: column; -ms-flex-direction: column; justify-content: center; -ms-flex-pack: center; } .dxbs-calendar .calendar-row .calendar-view:first-of-type:not(:last-of-type) [id*=_NMC_] > *, .dxbs-calendar .calendar-row .calendar-view:first-of-type:not(:last-of-type) [id*=_NYC_] > *, .dxbs-calendar .calendar-row .calendar-view:first-of-type:not(:last-of-type) [id*=_NTPC_] > *, .dxbs-calendar .calendar-row .calendar-view:last-of-type:not(:first-of-type) [id*=_PMC_] > *, .dxbs-calendar .calendar-row .calendar-view:last-of-type:not(:first-of-type) [id*=_PYC_] > *, .dxbs-calendar .calendar-row .calendar-view:last-of-type:not(:first-of-type) [id*=_PTPC_] > * { visibility: hidden; } @media (max-width: 767px) { .dxbs-calendar .calendar-row { flex-wrap: wrap; -ms-flex-wrap: wrap; } } .dxbs-3 .col-form-label + .dxbs-calendar, .dxbs-3 .col-form-label + * + .dxbs-calendar, .dxbs-3 .dxbs-calendar + .col-form-label { display: table; } .form-inline .col-form-label + .dxbs-calendar, .form-inline .col-form-label + * + .dxbs-calendar, .form-inline .dxbs-calendar + .col-form-label { display: inline-block; } .form-inline .col-form-label + .dxbs-calendar.card, .form-inline .col-form-label + * + .dxbs-calendar.card, .form-inline .dxbs-calendar.card + .col-form-label, .form-inline .col-form-label + .dxbs-listbox.form-control, .form-inline .col-form-label + * + .dxbs-listbox.form-control, .form-inline .dxbs-listbox.form-control + .col-form-label, .form-inline .dxbs-cbl > label:not(:first-child), .form-inline .dxbs-cbl > div > div:not(:first-child) { margin-left: 0.3em; } .table .dxbs-calendar .dxbs-month-table, .dxbs-calendar .dxbs-month-table, .dxbs-calendar .dxbs-fast-nav .year-table, .dxbs-calendar .btn-group .btn, .dxbs-calendar .btn-group .btn + .btn, .dxbs-calendar .btn-group .btn:hover { border: 0; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .dxbs-calendar .calendar-view { margin-bottom: 0px; border: 0; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .dxbs-calendar .calendar-view:only-child { width: 100%; max-width: 100%; } .dxbs-calendar .calendar-view > .card-header { padding: 0px; border: 0; } .dxbs-calendar .calendar-row .calendar-view:not(:first-child), .dxbs-calendar .calendar-row .calendar-view:not(:first-child) .card-header { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dxbs-calendar .calendar-row .calendar-view:not(:last-child), .dxbs-calendar .calendar-row .calendar-view:not(:last-child) .card-header { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dxbs-calendar .calendar-row + .calendar-row .calendar-view, .dxbs-calendar .calendar-row + .calendar-row .calendar-view .card-header { border-radius: 0; } .dxbs-calendar > .calendar-row > .calendar-view:not(:first-child) > .card-body { padding-left: 0px; } .table .dxbs-calendar .dxbs-month-table, .dxbs-calendar .dxbs-month-table { background: none; font-size: inherit; margin: 0; } .dxbs-calendar .dxbs-month-table > tbody > tr, .dxbs-calendar .dxbs-fast-nav .table { float: none; margin: 0; } .dxbs-calendar .dxbs-month-table.navbar-default > tbody > tr > td, .dxbs-calendar .dxbs-month-table.navbar-default > tbody > tr > th, .dxbs-calendar .dxbs-fast-nav .table:not(.table-bordered) > tbody > tr > td { border: none; border-radius: 0; } .dxbs-calendar .dxbs-month-table > tbody > tr > td, .dxbs-calendar .dxbs-month-table > tbody > tr > th { cursor: default; } .dxbs-calendar .dxbs-month-table.navbar-default > tbody > tr > td.dxbs-day { padding: 0; } .dxbs-calendar .dxbs-month-table .dxbs-day:not(.disabled):not(.dxbs-out-of-range), .dxbs-calendar .dxbs-fast-nav .table > tbody > tr > td { cursor: pointer; } .dxbs-calendar .dxbs-month-table [class="dxbs-day"], .dxbs-calendar .dxbs-month-table td small { color: inherit; } .dxbs-calendar .dxbs-month-table td:not(.dxbs-day):first-child small { opacity: .6; } .dxbs-calendar .dxbs-month-table.navbar-default .dxbs-day a { display: block; padding: 5px; } .dxbs-calendar .dxbs-month-table .dxbs-day a { color: inherit; } .dxbs-calendar .dxbs-month-table .dxbs-day a:not([href]), .dxbs-calendar .dxbs-month-table .dxbs-day a:not([href]):hover, .dxbs-calendar .dxbs-month-table .dxbs-day a:not([href]):focus { text-decoration: none; } .dxbs-calendar .dxbs-month-table.navbar-default .dxbs-today a { border: solid 1px currentColor; padding: 4px; } .dxbs-calendar .dxbs-month-table .dxbs-day.dxbs-in-range a { background-color: transparent; background-image: none; } .dxbs-calendar .dxbs-month-title { width: 100%; -ms-flex: 1 1 100%; } .dxbs-calendar .fa { font-size: 1.33em; font-weight: bold; } .dxbs-calendar .btn-toolbar, .dxbs-calendar .btn-group { display: -ms-flexbox; display: flex; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; } .dxbs-calendar .btn-group .btn, .dxbs-calendar .btn-group .btn + .btn, .dxbs-calendar .btn-group .btn:hover { color: inherit; background-color: transparent; background-image: none; margin-top: 0px; margin-bottom: 0px; } .dxbs-calendar .btn-toolbar.card-footer { margin: 0; } .dxbs-calendar .btn-toolbar > .btn:first-child { margin-left: 0px; } .dxbs-calendar .dxbs-fast-nav { margin: 0; padding: 0; } .dxbs-calendar .dxbs-fast-nav .table { text-align: center; background-color: transparent; background-image: none; } .dxbs-calendar .dxbs-fast-nav .year-table .prev-year, .dxbs-calendar .dxbs-fast-nav .year-table .next-year { vertical-align: middle; } .dxbs-calendar .calendar-view .dxbs-fast-nav { border: none; border-radius: 0; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .dxbs-calendar .calendar-view .dxbs-fast-nav { display: flex; display: -ms-flexbox; flex-flow: column nowrap; -ms-flex-flow: column nowrap; } .dxbs-calendar .calendar-view .dxbs-fast-nav .card-header, .dxbs-calendar .calendar-view .dxbs-fast-nav .card-body { display: flex; display: -ms-flexbox; } .dxbs-calendar .calendar-view .dxbs-fast-nav .card-header { border-bottom: none; border-radius: 0; padding: 0; flex: 1 1 auto; -ms-flex: 1 1 auto; } .dxbs-calendar .calendar-view .dxbs-fast-nav .card-body { padding: 0.5em; flex: 1 100%; -ms-flex: 1 100%; } .dxbs-calendar .calendar-view .dxbs-fast-nav, .dxbs-calendar .calendar-view .dxbs-fast-nav .card-body > table { height: 100%; } .dxbs-calendar .calendar-view .dxbs-fast-nav .card-body > table > tbody > tr > td { vertical-align: middle; } .dxbs-calendar .calendar-view .dxbs-fast-nav .card-body > table > tbody > tr > td:empty { pointer-events: none; } .dxbs-calendar .calendar-view .dxbs-fast-nav .card-header .btn, .dxbs-calendar .calendar-view .dxbs-fast-nav .card-header .btn:hover { color: inherit; background-color: transparent; background-image: none; margin-top: 0px; margin-bottom: 0px; border: none; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .dxbs-calendar .calendar-view .dxbs-fast-nav .card-header .btn:only-child, .dxbs-calendar .calendar-view .dxbs-fast-nav .card-header .btn:not(:first-child):not(:last-child) { width: 100%; } .dxbs-date-edit .dropdown-menu.card { margin-bottom: 0px; padding: 0px; position: absolute; width: auto; } .dxbs-calendar .dxbs-time-section { margin: 0; border-left: none; border-bottom: none; border-right: none; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* CheckBoxList */ .dxbs-cbl > div { display: flex; display: -ms-flexbox; flex-flow: row wrap; -ms-flex-flow: row wrap; } .dxbs-cbl.hor .column-element { flex: 0 1 auto; -ms-flex: 0 1 auto; } .dxbs-cbl.hor .column-element:not(:last-child) { padding-right: 1rem; } /*.dxbs-cbl.dxbs-edit-error-frame > div:not(.column-element) { display: flex; display: -ms-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; }*/ .dxbs-cbl .dxbs-feedback:only-child [data-error-image] { padding-left: 0; margin-right: 0.4em; } .dxbs-cbl .dxbs-feedback [data-error-image] { top: 0; } .dxbs-cbl > div > .column-element > div { overflow: hidden; white-space: normal; min-width: 0; } .dxbs-cbl > div > .column-element, .dxbs-cbl.dxbs-edit-error-frame > div > div:not(.column-element) > * { white-space: nowrap; flex: 1 1 auto; -ms-flex: 1 1 auto; } .dxbs-cbl > div > label, .dxbs-cbl.dxbs-edit-error-frame > div > label, .dxbs-cbl.dxbs-edit-error-frame > div:not(.column-element) > div:not(.column-element) { white-space: nowrap; flex: 1 100%; -ms-flex: 1 1 100%; } .form-inline .dxbs-cbl > div > label, .form-inline .dxbs-cbl.dxbs-edit-error-frame > div:not(.column-element) { flex: 1 1 auto; -ms-flex: 1 1 auto; } .dxbs-cbl > div > .column-element > div:first-child, .dxbs-cbl > div > .column-element > .form-check + .form-check, .dxbs-cbl > div > .column-element > .form-check + .form-check { margin-top: auto; } .dxbs-preventsel { -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } /* ProgressBar */ .dxbs-progress.disabled > .progress > .progress-bar { animation: none; -webkit-animation: none; } /* UploadControl */ .dxbs-uc input[type='file']:not([disabled]) { cursor: pointer; } .dxbs-uc .dxbs-clear-btn { color: gray; pointer-events: auto; } .dxbs-uc .dxbs-clear-btn:hover, .dxbs-uc .dxbs-clear-btn:focus { opacity: .8; } .dxbs-uc .dxbs-clear-btn:hover { cursor: pointer; } .dxbs-uc .input-group > div:not(.input-group-append):not(.input-group-prepend) { position: relative; } .dxbs-uc .input-group .dxbs-feedback { z-index: 10; } .dxbs-uc .input-group-append .image { margin-right: 0.4em; } .dxbs-drop-zone { text-align: center; vertical-align: middle; position: fixed; box-sizing: border-box; z-index: 19999; background-color: rgba(0,0,0,0.5); } .dxbs-drop-zone > div { height: 100%; width: 100%; display: table; } .dxbs-drop-zone > div > div { display: table-cell; vertical-align: middle; } .dxbs-uc .dxbs-file-list { list-style-type: none; padding-left: 0px; display: table; } .dxbs-uc .dxbs-file-list > li { display: table-row; } .dxbs-uc .dxbs-file-list > li > div { display: table-cell; } .dxbs-uc .dxbs-file-list li > button { display: table-cell; } .dxbs-uc .dxbs-file-name { white-space: nowrap; padding-top: 0.4em; } .dxbs-uc .dxbs-bar-div { width: 100%; padding-left: 0.4em; } .dxbs-uc .dxbs-file-list button { padding-top: 0px; padding-bottom: 0px; } .dxbs-uc .dxbs-file-list > li { border: none; } .dxbs-uc .dxbs-file-list .progress { margin-bottom: 0px; } .dxbs-uc .dxbs-input { position: absolute; filter: alpha(opacity=0); opacity: 0; top: -5000px; z-index: 5; } .dxbs-uc-hidden { position: fixed; left: -9999px; } .dxucFFIHolder, .dxucFFIHolder .dxucFFI { position: relative; width: 0; height: 0; border-width: 0; } .dxucFFIHolder { line-height: 0; font-size: 0; } .dxucFFIHolder .dxucFFI { top: 0; padding: 0; margin: 0; background-color: transparent; } /* Binary Image */ .dxbs-binary-image { height: 200px; } .dxbs-binary-image > div { display: table; width: 100%; height: inherit; } .dxbs-binary-image > div > div { height: inherit; width: 100%; position: relative; vertical-align: middle; display: table-cell; border-style: dashed; padding: 0px; } .dxbs-binary-image .bin-img-content { position: relative; height: inherit; width: 100%; } .dxbs-binary-image .bin-img-preview-container { margin-left: auto; margin-right: auto; height: 100%; width: 100%; } .dxbs-binary-image .bin-img-preview-container img { vertical-align: middle; max-height: 100%; max-width: 100%; display: block; margin-left: auto; margin-right: auto; } .dxbs-binary-image .bin-img-text-panel, .dxbs-binary-image .bin-img-drope-zone { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; } .dxbs-binary-image .bin-img-tbl { height: 100%; width: 100%; } .dxbs-binary-image .bin-img-text-panel .bin-img-tbl > div { font-size: 200%; text-align: center; vertical-align: middle; display: table-cell; } .dxbs-binary-image .bin-img-tbl { display: table; } .dxbs-binary-image .bin-img-text-panel > .bin-img-tbl > div { opacity: 0.5; } .dxbs-binary-image .bin-img-panel { height: 2.5em; text-align: center; width: 100%; bottom: 0; position: absolute; } .dxbs-binary-image .bin-img-panel .bin-img-fill-parent:first-child { background: currentColor; } .dxbs-binary-image .bin-img-panel .btn { line-height: 1em; } .dxbs-binary-image .top { top: 0; } .dxbs-binary-image .bin-img-panel > .bin-img-tbl > div { vertical-align: middle; display: table-cell; white-space: nowrap; } .dxbs-binary-image .bin-img-panel > .bin-img-tbl button { background-color: transparent; border-color: transparent; opacity: 0.6; background-image: none; box-shadow: none; -webkit-box-shadow: none; } .dxbs-binary-image .bin-img-panel > .bin-img-tbl button:hover { opacity: 1 !important; } .dxbs-binary-image .bin-img-progress-panel { position: absolute; overflow: hidden; height: 100%; left: 0; top: 0; width: 100%; } .dxbs-binary-image .bin-img-progress-panel > .bin-img-tbl > div { vertical-align: middle; display: table-cell; } .dxbs-binary-image .bin-img-tbl div > img { max-width: 100%; max-height: 100%; } .dxbs-binary-image .bin-img-fill-parent { height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; } .dxbs-binary-image .bin-img-fill-parent.contentLeft { justify-content: flex-start; -ms-flex-pack: start; } .dxbs-binary-image .bin-img-fill-parent.contentRight { justify-content: flex-end; -ms-flex-pack: end; } .dxbs-binary-image .bin-img-progress-panel { position: absolute; overflow: hidden; } .dxbs-binary-image .bin-img-progress-panel .bin-img-tbl { height: 100%; width: 100%; } .dxbs-binary-image .bin-img-progress-bar-container { text-align: center; margin-left: 1em; margin-right: 1em; } .dxbs-binary-image .bin-img-progress-bar-container > span, .dxbs-binary-image .bin-img-progress-bar-container > div { margin-top: 1em; } .dxbs-binary-image .bin-img-disabled-cover { opacity: 0.2; background-color: currentColor; cursor: not-allowed; } /*coloredit*/ [data-color=""], [data-item-color=""]:before { background-color: transparent; border: 1px solid black; opacity: 0.6; } .dxbs-3 .dxbs-coloredit .input-group > div:first-child { display: flex; } .dxbs-3 .dxbs-coloredit .dxbs-coloredit-ci.form-control { display: inline-block; height: 2em; width: 2em; margin-left: 0.25rem; margin-right: calc(-2em - 0.25rem); background-color: transparent; border-color: transparent; box-shadow: none; z-index: 5; align-self: center; padding: 0; } .dxbs-coloredit .dxbs-coloredit-ci + .form-control { padding-left: calc(2em + 2 * 0.25rem); } .dxbs-ce-btn-custom { width: 100%; } .dxbs-coloredit .dxbs-ce-btn:not(:first-child) { margin-left: 0.25rem; } .dxbs-ce-md, .dxbs-ce-selector { padding: 0.5em; } .dxbs-ce-md, .dxbs-ct-table, .dxbs-cct-table { display: flex; flex-direction: column; } .dxbs-ce-md [role=row] { display: flex; } .dxbs-ce-md [role=gridcell], .dxbs-ce-auto-cd { width: 1.5em; height: 1.5em; cursor: pointer; } .dxbs-ce-md [role=gridcell]:not(:last-child), .dxbs-ce-auto-cell { margin-right: 0.25rem; } .dxbs-3 .dxbs-ce-md, .dxbs-3 .dxbs-ce-md > div, .dxbs-3 .dxbs-ce-md > div > div, .dxbs-3 .dxbs-ce-md > div > div > .dxbs-border { border: inherit; border-style: none; } .dxbs-3 .dxbs-ce-md > div > div > .dxbs-border { border-style: solid; border-width: 1px; box-sizing: border-box; } .dxbs-3 .dxbs-ce-md > div > div > .dxbs-border.border-primary { border-color: currentColor; border-width: 2px; } .dxbs-ct-table [role=row] { padding-bottom: 0.25rem; } .dxbs-cct-table [role=row] { padding-top: 0.25rem; } .dxbs-ce-bp { padding-top: inherit; display: flex; justify-content: flex-end; } .dxbs-ce-selector .dxbs-ce-bp .btn:not(:first-child) { margin-left: 0.25rem; } .dxbs-cp-rgb, .dxbs-ce-auto-i { margin-bottom: 0.25rem; } .dxbs-cp-wrapper, .dxbs-ce-auto-i { display: flex; flex-wrap: wrap; } .dxbs-cp-tw, .dxbs-cp-wrapper { flex-direction: column; } .dxbs-cp-tw { padding-top: 0.25rem; } .dxbs-cp-wrapper > div { display: inline-flex; flex-wrap: nowrap; } .dxbs-cp-wrapper > div:first-child { width: 100%; } .dxbs-cp-scv { width: 1em; } .dxbs-cp-hue-area { margin-left: 0.5rem; } .dxbs-cp-wrapper .dxbs-canvas-holder:not(.dxbs-cp-hue-area) { cursor: crosshair; } .dxbs-canvas-holder { position: relative; overflow: hidden; } .dxbs-canvas-selection { position: absolute; width: 10px; height: 10px; border: 1px solid white; border-radius: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; } .dxbs-canvas-selection:before { content: " "; position: absolute; width: 8px; height: 8px; border: 1px solid black; border-radius: 50%; top: 0; left: 0; } .dxbs-canvas-overlay { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .dxbs-canvas-selection-rect { position: absolute; width: 100%; left: 0 !important; height: 0.5rem; border: 1px solid white; transform: translateY(-50%); z-index: 1; } .dxbs-canvas-selection-rect:before { content: " "; position: absolute; width: 100%; height: calc(0.5rem - 2px); border: 1px solid black; top: 0; left: 0; } /* GridView */ .dxbs-gridview { display: table; width: 100%; } .dxbs-gridview > .dxbs-toolbar:first-of-type { margin-bottom: 1em; } .dxbs-gridview > .dxbs-toolbar:last-of-type { margin-top: 1em; } .dxbs-gridview .dxbs-arrow-drag { position: absolute; visibility: hidden; top: -10000px; left: -10000px; } .dxbs-gridview .dxbs-arrow-drag > span.rotated { transform: rotate(90deg); } .dxbs-gridview > .card .dxbs-table { margin-bottom: 0; } .dxbs-gridview > .card > .dxbs-nohor-borders > tbody > tr > td { border-bottom: 0; } .dxbs-gridview > .card > .dxbs-nohor-borders > tbody > tr:not(:first-child) > td { border-top: 0; } .dxbs-gridview > .card > .card-body > .card-body { padding: 0; } .dxbs-gridview > .card > .card-body:first-of-type > .card-body:not(:first-child) { padding-top: inherit; } .dxbs-gridview > .card > .card-body:not(:first-of-type) > .card-body:not(:last-child) { padding-bottom: inherit; } .dxbs-gridview .dxbs-sg-wrapped { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; align-items: center; -ms-flex-align: center; margin: -0.5em 0; } .dxbs-gridview > .card > .card-body .dxbs-sg-wrapped .dxbs-search-panel { flex-grow: 1; flex-basis: 25%; min-width: 250px; margin: 0.5em 0; } .dxbs-gridview > .card > .card-body .dxbs-sg-wrapped .dxbs-group-panel { flex-grow: 1; flex-basis: 75%; margin: 0.5em 0; } .dxbs-gridview .dxbs-editform { padding: 1em 0.5em; } .dxbs-gridview .dxbs-editform .dxbs-fl-ctrl > .btn:not(.btn-link):not(:last-child) { margin-right: 0.4em; } .dxbs-gridview .dxbs-fixed .dxbs-editform .dxbs-fl .row > div, .dxbs-gridview .dxbs-fixed .dxbs-editform .dxbs-fl .dxbs-fl-gd > .card { position: static; } .dxbs-gridview > .card > .card-body .dxbs-search-panel { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .dxbs-gridview > .card > .card-body .dxbs-search-panel > div:first-of-type { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; width: 1%; } .dxIE.dxBrowserVersion-9 .dxbs-gridview > .card > .card-body .dxbs-search-panel { display: table; } .dxIE.dxBrowserVersion-9 .dxbs-gridview > .card > .card-body .dxbs-search-panel > :not(script) { display: table-cell; width: 100%; } .dxIE.dxBrowserVersion-9 .dxbs-gridview > .card > .card-body .dxbs-search-panel > button { width: 1%; } .dxbs-gridview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit { display: block; width: auto; } .dxbs-gridview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit > div { display: block; } .dxbs-gridview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit:not(:last-child) > div > .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dxbs-gridview > .card .card-body .dxbs-search-panel > .input-group > .input-group-append > .btn:not(:last-child):hover, .dxbs-gridview > .card .card-body .dxbs-search-panel > .input-group > .input-group-append > .btn:not(:last-child):focus, .dxbs-gridview > .card .card-body .dxbs-search-panel > .input-group > .input-group-append > .btn:not(:last-child):active { z-index: 3; } .dxbs-gridview .dxbs-editform > .form-horizontal .row { margin-right: 0; margin-left: 0; } @-moz-document url-prefix() { .dxbs-gridview [tabindex]:focus:not(:-moz-focusring) { outline: 1px dotted black; } } .dxbs-gridview > .card .dxbs-table > tbody > tr > td, .dxbs-gridview > .card .dxbs-table > thead > tr > th { vertical-align: middle; } .dxbs-gridview > .card .dxbs-table > tbody > tr.bg-primary .btn-link { color: white; } .dxbs-gridview .dxbs-table:not(.dxbs-fixed) .dxbs-header-indent, .dxbs-gridview .dxbs-table:not(.dxbs-fixed) .dxbs-empty-header, .dxbs-gridview .dxbs-table:not(.dxbs-fixed) .dxbs-group-btn-cell { width: 0.1%; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-indent-cell { border-top-width: 0px; border-bottom-width: 0px; text-align: center; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-footer-row > td { border-right-width: 0px; border-left-width: 0px; } .dxbs-gridview > .card > .dxbs-popup > .modal-content > .modal-header > .dxbs-calendar { margin-bottom: 0; } .dxbs-gridview .progress { margin-bottom: 0; } .dxbs-gridview > .card .dxbs-table > thead > tr.dxbs-filter-row > td { border-bottom-width: 0px; padding: 2px; vertical-align: middle; } .dxbs-gridview > .card .dxbs-table > thead > tr.dxbs-filter-row > td .btn-link { padding: 0 0.4em; } .dxbs-gridview > .card .dxbs-table > thead > tr > .dx-ac { white-space: nowrap; } .dxbs-gridview > .card .dxbs-table > thead > .dxbs-filter-row > td > div { display: flex; display: -ms-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .dxbs-gridview > .card .dxbs-table > thead > .dxbs-filter-row > td > div > div { flex: 0 1 100%; -ms-flex: 0 1 100%; } .dxbs-gridview > .card .dxbs-table > tbody > .dxbs-preview-row > td { white-space: normal; padding: 0.5em 1em; } .dxbs-gridview > .card .dxbs-table > tbody > .dxbs-empty-data-row > td { padding: 1em; text-align: center; } /* empty cells before group button */ .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td.dxbs-indent-cell { border-top: 0; border-bottom: 0; width: 0; } /* cell with master-detail button */ .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-md-btn-cell { border-bottom: 0; width: 1px; } /* group button and master-detail button */ .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td > .btn-link, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-md-btn-cell > .btn-link, .dxbs-gridview > .card .dxbs-table > thead > tr > th > .btn-link { padding: 0 0.4em; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td:first-child:not(.dxbs-indent-cell), .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td.dxbs-indent-cell + td:not(.dxbs-indent-cell) { border-right-width: 0px; border-bottom-width: 0px; width: 0.1%; } /* next cell after group button */ .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td:first-child:not(.dxbs-indent-cell) + td, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td.dxbs-indent-cell + td:not(.dxbs-indent-cell) + td { border-left-width: 0px; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-groupf > td:not(.dxbs-indent-cell) { border-right-width: 0px; border-left-width: 0px; } .dxbs-gridview > .card .dxbs-table > tbody > tr.active > td.dxbs-indent-cell { background: none; } /* non-data-header */ .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-noclick, .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell, .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-header-indent { cursor: default; } .dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-cmd-cb { padding-left: 0; } .dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-cmd-cb input { position: relative; margin-left: 0; } /* command cell buttons */ .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .btn.btn-link, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .btn.btn-link, .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .btn.btn-link { border: 0; padding-top: 0; padding-bottom: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .btn:not(.btn-link):not(:last-child), .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .btn:not(.btn-link):not(:last-child), .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .btn:not(.btn-link):not(:last-child) { margin-right: 0.4em; } .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .btn + .dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .btn + .dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgbBCTC > .btn + .dxbs-cmd-cb { margin-left: 0.4em; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-cmd-cb { margin-left: 1em; margin-right: 1em; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .dxbs-cmd-cb { cursor: auto; padding-left: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb:active, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .dxbs-cmd-cb:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb input, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .dxbs-cmd-cb input { position: relative; margin-left: 0; } /* data cell checkbox */ .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline > label, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline > label, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline > label, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .form-check.form-check-inline > label, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .dxgBCTC > .form-check.form-check-inline > label, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline > label, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .form-check.form-check-inline > label, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .dxgBCTC > .form-check.form-check-inline > label { padding-left: 0; cursor: default; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR:not(.dxbs-edit-row) .form-horizontal .dxgvADDC > .form-check.form-check-inline > label, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .form-horizontal .dxgvADDC > .dxgBCTC > .form-check.form-check-inline > label { padding-top: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline > label { padding-left: 0; cursor: default; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .check-adaptive, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .check-adaptive { display: none; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline input, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline input, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline input, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .form-check.form-check-inline input, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline input { position: relative; margin-left: 0; } .dxbs-gridview .dxbs-pager { display: block; } .dxbs-gridview .dxbs-pager > .form-group > .form-control { padding-left: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-edit-row > td { vertical-align: middle; padding: 2px; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-edit-row > td > .form-check.form-check-inline > label { padding-left: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td mark { padding: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-details-row > td > .dxbs-gridview { margin-bottom: 0; } .dxbs-gridview .dxbs-cmd-cell { text-align: center; white-space: nowrap; } .dxbs-gridview .dxbs-parent-rows-list { margin-bottom: 0; } .dxbs-gridview .deleted { text-decoration: line-through; } .dxbs-gridview > .card > .card-footer { text-align: right; } .dxbs-gridview .dxbs-loading { display: inline-block; } .dxbs-gridview .dxbs-loading .dxbs-lp { border: none; display: inline-block; background: transparent; box-shadow: none; margin-left: 1em; opacity: 0; transition: opacity .5s ease-in-out; } .dxbs-gridview .dxbs-loading .dxbs-lp .card-body { padding: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr td.dxbs-batch-editing:not(.dxbs-batch-editing-checkbox-cell) { padding: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR td.dxbs-batch-editing-checkbox-cell { padding-top: 0; padding-bottom: 0; } /* Conditional formating*/ .dxbs-gridview .dxFCRule { position: relative; } .dxbs-gridview .dxFCRule:before { content: ""; position: absolute; top: 50%; bottom: 50%; width: 16px; height: 16px; margin-top: -8px; } .dxbs-gridview td.dxFCRule:before, .dxbs-gridview td.dx-al.dxFCRule:before, .dxbs-gridview td.dxFCRule:before { right: 2px; left: auto; } .dxbs-gridview td.dx-ar.dxFCRule:before, .dxbs-gridview td.text-right.dxFCRule:before { left: 2px; right: auto; } /* Adaptivity */ .dxgvAH, .dxgvAIC, .dxgvAIC .dxgvADHB { display: none; } .dxgvAE .dxgvAIC, .dxgvALE .dxgvAIC, .dxgvAdD .dxgvAE .dxgvAIC, .dxgvAdD .dxgvALE .dxgvAIC { display: table-cell; } .dxgvAE .dxgvAdD .dxgvAIC, .dxgvALE .dxgvAdD .dxgvAIC { display: none; } .dxgvADR .dxgvAIC { vertical-align: top; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR > td:not(.dxbs-md-btn-cell) { padding: 0.8em 0.5em; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR table.dxgvADT { background-color: transparent; width: auto; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR table.dxgvADT > tbody > tr > td { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > .form-check.form-check-inline:not(.check-adaptive), .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > div[data-dxci] > .form-check.form-check-inline { padding-left: 0.9em; padding-right: 0.9em; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > div[data-dxci] { margin-left: -0.9em; margin-right: -0.9em; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR.dxbs-edit-row table.dxgvADT > tbody > tr > td.dxgvADDC { padding: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR.dxbs-edit-row table.dxgvADT > tbody > tr > td, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR table.dxgvADT > tbody > tr > td.dxbs-batch-editing { vertical-align: middle; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCC { font-weight: bold; white-space: nowrap; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .check-icon, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .dxgBCTC > .check-icon { display: none; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC .form-check.form-check-inline input, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-cmd-cb input { position: relative; margin-left: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing) { padding-left: 0.9em; padding-right: 0.9em; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl-ctrl:not(.form-control-plaintext) > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl-ctrl:not(.form-control-plaintext).dxbs-batch-editing > div[data-dxci] > .form-check.form-check-inline { padding-left: 0.9em; padding-right: 0.9em; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl:not(.form-horizontal) .dxbs-fl-ctrl:not(.form-control-plaintext) > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl:not(.form-horizontal) .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing):not(.bg-success) { padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl.form-horizontal .dxbs-fl-ctrl:not(.form-control-plaintext) > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl.form-horizontal .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing):not(.bg-success) { padding-left: 0; padding-right: 0; } } .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxgvAIC .dxgvADSB, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxgvAIC .dxgvADHB { vertical-align: middle; padding: 0 0.5em; } .dxbs-gridview .dxgvADFSD, .dxbs-gridview .dxgvADH { display: inline-block; vertical-align: top; margin: 0; } .dxbs-gridview.dxgvAdD > .card > .card-body.dxbs-ap + .table { border-top: 0; } /* Batch Edit */ .dxbs-gridview td .dxbs-textbox { min-width: 40px; } .dxbs-gridview td .dxbs-date-edit { min-width: 120px; } .dxbs-gridview .error-text + .error-icon { margin-left: 0.4em; } /* header filter popup */ .dxbs-popup[id*="_DXHFP"].modal-dialog .modal-body { padding-left: 0px; padding-right: 0px; } .dxbs-popup[id*="_DXHFP"].modal-dialog .modal-footer .btn-toolbar { margin-left: 0px; } .dxbs-popup[id*="_DXHFP"].modal-dialog .modal-footer .btn-toolbar .btn { float: none; } .dxbs-popup[id*="_DXHFP"].hf-list > .modal-content, .dxbs-popup[id*="_DXCDWindow"] > .modal-content { overflow: hidden; } .dxbs-popup[id*="_DXHFP"].hf-list .modal-body { padding: 0; } .dxbs-popup[id*="_DXCDWindow"] > .modal-content > .modal-body { overflow-y: auto; overflow-x: hidden; } .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.card, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card { border-radius: 0; border: none; box-shadow: none; height: 100%; } .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.panel, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.panel { display: flex; display: -ms-flexbox; flex-flow: column nowrap; -ms-flex-flow: column nowrap; } .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.card .form-check:not(.disabled):not(:focus), .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.card a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus), .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-list-selectall.card-header, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .form-check:not(.disabled):not(:focus), .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus), .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-list-selectall.card-header { background: inherit; color: inherit; font: inherit; } .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.card .list-group-item, .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.card .dxbs-list-selectall, .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.card .dxbs-list-filter, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .list-group-item, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .dxbs-list-selectall, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .dxbs-list-filter { padding-top: 0.5rem; padding-bottom: 0.5rem; } .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.card a.list-group-item, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card a.list-group-item { padding-top: 0.25rem; padding-bottom: 0.25rem; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card > ul { padding: 0px; border-top-left-radius: 0; border-top-right-radius: 0; overflow-y: auto; } .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.card > ul, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card > ul { border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; outline: none; } .dxbs-popup[id*="_DXHFP"].hf-list .modal-body .dxbs-listbox.card > ul:not(:focus):not(:active) a.list-group-item.active, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card > ul:not(:focus):not(:active) a.list-group-item.active { opacity: .8; } .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-listbox.dropdown-menu { position: static; border: none; box-shadow: none; display: inherit; float: none; width: 100%; overflow-y: auto; height: 100%; margin: 0; padding: 0; border-radius: 0; } .dxbs-popup[id*="_DXHFP"].modal-dialog .form-check ~ .dxbs-listbox.dropdown-menu { margin-top: 0px; background-color: transparent; border-radius: 0; } .dxbs-3 .dxbs-popup[id*="_DXHFP"].modal-dialog:not(.hf-list) .form-check { padding-left: 1em; } .dxbs-popup[id*="_DXHFP"].hf-list .form-check { margin-bottom: 0px; } .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-listbox.dropdown-menu > li:not(.dropdown-divider) > a { padding-left: 1em; padding-right: 1em; } .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-listbox.dropdown-menu .list-group-item:not(.active) { background-color: transparent; } .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-listbox.dropdown-menu .list-group-item { padding: 0.5rem 1em; } /* Cust dialog */ .dxbs-gridview .dxbs-cd-header > div { display: table-cell; vertical-align: middle; } .dxbs-gridview .dxbs-cd-header > div.dxgvCD_TSC { width: 100%; } .dxbs-gridview .dxbs-cd-header .dxgvCD_TS { overflow: hidden; position: relative; padding: 0; margin: 0; text-align: center; } .dxbs-gridview .dxbs-cd-header .dxgvCD_TS .dxgvCD_TSLS, .dxbs-gridview .dxbs-cd-header .dxgvCD_TS .dxgvCD_TSRS { position: absolute; top: 0; width: 0; height: 100%; z-index: 1; box-shadow: 0 0 0.5em 0.5em transparent; } .dxbs-gridview .dxbs-cd-header .dxgvCD_TS .dxgvCD_TSLS { left: 0; } .dxbs-gridview .dxbs-cd-header .dxgvCD_TS .dxgvCD_TSRS { right: 0; } .dxbs-gridview .dxbs-cd-header .dxgvCD_TSBW { overflow: hidden; padding: 0 0.8em; } .dxbs-gridview .dxbs-cd-header > div:not(.dxgvCD_TSC) .btn-link { height: 2.5em; width: 2.5em; padding: 0; margin: 0.2em 0 0; } .dxbs-gridview .dxbs-cd-header > div:not(.dxgvCD_TSC) .btn-link[data-toggle='gridview-custdialog-apply'] > span.dxbs-icon { font-size: 1.5em; line-height: 0.9em; } .dxbs-gridview .dxbs-cd-content { padding-top: 1em; } .dxbs-gridview .dxbs-cd-content .dxgvCD_DAW { position: relative; } .dxbs-gridview .dxbs-cd-content .dxgvCD_DAEB { position: absolute; bottom: 0; width: 100%; padding: 0.4em; margin: 0; min-height: 0; cursor: pointer; text-align: center; } .dxbs-gridview .dxbs-cd-content .dxgvCD_DAEB .dxgvCD_DAEI { vertical-align: middle; } .dxbs-gridview .dxbs-cd-content .dxgvCD_CAWP { overflow: hidden; margin-top: -39px; padding-top: 39px; } .dxbs-gridview .dxbs-cd-content .dxgvCD_CAPC { position: relative; } .dxbs-gridview .dxbs-cd-content .dxgvCD_CAPC > div { top: 0; position: absolute; } .dxbs-gridview .dxgvCD_DAETC { margin-top: 2em; text-align: center; } .dxbs-gridview .dxgvCD_LAC { font-weight: bold; padding-bottom: 0.5em; margin: 2em 0 0.5em; } .dxbs-gridview .dxbs-cd-drag-area { padding-bottom: 0.5em; } .dxbs-gridview .dxbs-cd-column-item.card, .dxbs-gridview .dxbs-cd-filter-item.card { margin-bottom: 0.4em; } .dxbs-gridview .dxbs-cd-column-item.card div:not([class]) { width: 100%; } .dxbs-gridview .dxbs-cd-list-area .dxbs-cd-column-item.card { border: 0; box-shadow: none; margin-bottom: 0; } .dxbs-gridview .dxbs-cd-column-item.card.card-body { padding: 0.8em; } .dxbs-gridview .dxbs-cd-list-area .dxbs-cd-column-item.card.card-body { padding: 0.8em 0; } .dxbs-gridview .dxbs-cd-column-item { transition: all 0.2s; } .dxbs-gridview .dxbs-cd-column-item.DXCDDraggingItem { transition: none; position: relative; z-index: 1; } .dxbs-gridview .dxbs-cd-column-item.card.card-body > div { display: table-cell; vertical-align: middle; } .dxbs-gridview .dxbs-cd-column-item .dxgvCD_CIPA:not(.text-muted) > span { cursor: pointer; } .dxbs-gridview .dxbs-cd-column-item .dxgvCD_CIPA + div:not(.dxgvCD_CIPA) { padding-left: 1em; } .dxbs-gridview .dxbs-cd-column-item .dxgvCD_CIPA > span.dxbs-icon { margin-top: 0.2em; } .dxbs-gridview .dxbs-cd-column-item .dxgvCD_CIPA > .form-check.form-check-inline > input { position: static; } .dxbs-gridview .dxbs-cd-column-item.dxgvCD_EFCI { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } .dxbs-gridview .dxbs-cd-column-item + .dxbs-cd-filter-item { display: none; border-top-left-radius: 0; border-top-right-radius: 0; } .dxbs-gridview .dxbs-cd-column-item.dxgvCD_EFCI + .dxbs-cd-filter-item { display: block; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_FR > a, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_FR > span { margin-bottom: 0.2em; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_FR > div > .btn.btn-link[data-toggle='gridview-filterrow-menu'] { display: none; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF { text-align: center; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF > a { display: inline-block; margin-bottom: 1em; text-transform: uppercase; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF:first-child > a { margin-top: 1em; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF.dxgvCD_UFLBV > a, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UFSC { display: none; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxgvCD_UFSC { border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0; box-shadow: none; margin: 0; text-align: left; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF:first-child .dxgvCD_UFSC { border-top: 0; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF.dxgvCD_UFLBV .dxgvCD_UFSC { display: block; width: 100%; height: 200px; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF.dxgvCD_UFLBV .dxgvCD_UFSC.dxgvCD_UDFSC { overflow-x: visible; overflow-y: visible; height: auto; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.dropdown-menu { border: 0; margin: 0; padding: 0; border-radius: 0; box-shadow: none; display: block; float: none; position: static; overflow-y: auto; height: 100%; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .form-check ~ .dxbs-listbox.dropdown-menu { margin-top: 0px; background-color: transparent; border-radius: 0; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.dropdown-menu > li:not(.dropdown-divider) > a { padding-left: 1em; padding-right: 1em; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.dropdown-menu .list-group-item { padding: 0.5rem 1em; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.dropdown-menu .list-group-item:not(.active) { background-color: transparent; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxgvCD_UFSC:not(.dxgvCD_UDFSC) > .form-check, .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxgvCD_UFSC:not(.dxgvCD_UDFSC) > .form-check ~ .dxbs-listbox.dropdown-menu .form-check { padding-left: 1em; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxgvCD_UFSC:not(.dxgvCD_UDFSC) .form-check { margin-bottom: 0px; } .dxbs-gridview .dxbs-cd-btn { line-height: 1em; margin: 0; padding: 0.2em 0.5em; } .dxbs-gridview .dxbs-cd-btn:hover { text-decoration: none; } .dxbs-gridview .dxbs-cd-toggle > span:not(:first-child) { display: none; } .dxbs-gridview .dxbs-cd-toggle.checked > span:first-child { display: none; } .dxbs-gridview .dxbs-cd-toggle.checked > span:not(:first-child) { display: inline-block; } /* Fixed layout */ .dxbs-gridview .dxbs-fixed .dxgvArm > th { padding: 0; border-top: 0; border-bottom: 0; } .dxbs-gridview .dxbs-fixed .dxgvArm + tr > th { border-top: 0; border-bottom: 0; } .dxbs-gridview .dxbs-fixed { table-layout: fixed; } .dxbs-gridview .dxbs-fixed > thead > tr > th, .dxbs-gridview .dxbs-fixed > tbody > tr > td, .dxbs-gridview .dxbs-fixed > tfoot > tr > td { overflow: hidden; white-space: nowrap; } .dxbs-gridview .dxbs-fixed > thead > tr > th, .dxbs-gridview .dxbs-fixed > tfoot > tr > td { text-overflow: ellipsis; } .dxbs-gridview .dxbs-fixed .dxbs-textbox > div, .dxbs-gridview .dxbs-fixed .dxbs-memo > div, .dxbs-gridview .dxbs-fixed .dxbs-button-edit, .dxbs-gridview .dxbs-fixed .dxbs-button-edit > div.input-group, .dxbs-gridview .dxbs-fixed .dxbs-dropdown-edit, .dxbs-gridview .dxbs-fixed .dxbs-dropdown-edit > div.input-group, .dxbs-gridview .dxbs-fixed .dxbs-spin-edit, .dxbs-gridview .dxbs-fixed .dxbs-spin-edit > div.input-group { position: static !important; } .dxbs-gridview .dx-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxbs-gridview .dx-ellipsis .dxgBCTC table[id*='DXCErrorTable'], .dxbs-gridview .dx-ellipsis .dxeCI { table-layout: fixed; } .dxbs-gridview .dx-ellipsis .dxeCI { width: 100%; } .dxbs-gridview .dx-ellipsis .dxeCIT { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxFirefox .dxbs-gridview .dx-ellipsis { -moz-text-overflow: ellipsis; } /* Scrolling */ .dxbs-gridview > .card > .dxgvHSDC, .dxbs-gridview > .card > .dxgvCSD, .dxbs-gridview > .card > .dxgvFSDC { border-radius: 0; border-left: 0; border-right: 0; margin-bottom: 0; box-shadow: none; box-sizing: content-box; display: block; position: static; } .dxbs-gridview > .card > .dxgvHSDC > div, .dxbs-gridview > .card > .dxgvFSDC > div { overflow: hidden; } .dxbs-gridview > .card > .dxgvHSDC:first-child, .dxbs-gridview > .card > .dxgvHSDC + .dxgvCSD, .dxbs-gridview > .card > .dxgvCSD:first-child, .dxbs-gridview > .card > .dxgvCSD + .dxgvFSDC { border-top: 0; } .dxbs-gridview > .card > .dxgvFSDC { border-bottom: 0; } .dxbs-3 .dxbs-gridview > .card > .dxgvCSD > .table-bordered > tbody > tr > td:last-child { border-right: 1px solid transparent; } /* Fixed Columns */ .dxbs-gridview .dxgvHFC { display: none; } /* Borders */ .dxbs-gridview > .card .dxbs-table > thead > tr:first-child > th, .dxbs-gridview > .card .dxbs-table > thead > tr:first-child > td { border-top: 0; } .dxbs-gridview .dxbs-nlb, .dxbs-gridview > .card .dxbs-table > thead > tr > th:first-child, .dxbs-gridview > .card .dxbs-table > thead > tr > td:first-child, .dxbs-gridview > .card .dxbs-table > tbody > tr > td:first-child, .dxbs-gridview > .card .dxbs-table > tfoot > tr > td:first-child { border-left: 0; } .dxbs-gridview .dxbs-nrb, .dxbs-gridview td.RRB, .dxbs-gridview table.dxgvHHEC td.dxgvPHEC, .dxbs-gridview > .card > table > thead > tr > th:last-child, .dxbs-gridview > .card > table > thead > tr > td:last-child, .dxbs-gridview > .card > table > tbody > tr > td:last-child, .dxbs-gridview > .card > table > tfoot > tr > td:last-child { border-right: 0; } .dxbs-gridview .dxbs-nbb, .dxbs-gridview > .card .dxbs-table > thead > tr > th, .dxbs-gridview > .card .dxbs-table > thead > tr > td { border-bottom: 0; } .dxbs-gridview > .card > .dxgvHSDC > div > table, .dxbs-gridview > .card > .dxgvCSD > table, .dxbs-gridview > .card > .dxgvFSDC > div > table { border: 0; } .dxbs-gridview > .card > .dxgvHSDC > div > table > thead > tr > th, .dxbs-gridview > .card > .dxgvFSDC > div > table > tfoot > tr > td { border-top: 0; border-bottom: 0; } .dxbs-gridview > .card > .dxgvHSDC + .dxgvCSD > table > tbody > tr:first-child > td { border-top: 0; } .dxbs-gridview:not(.dxbs-fm-details) > .card > .dxgvCSD > table > tbody > tr:last-child > td, .dxbs-gridview:not(.dxbs-fm-details) > .card > .dxgvCSD > table > tfoot > tr:last-child > td { border-bottom: 0; } /* GridView and CardView headers (cells and blocks) */ .dxbs-th.card { margin: 0 0.5em 0.4em 0; display: inline-block; vertical-align: middle; } .dxbs-th.card > .card-body { padding: 0.4em; } .dxbs-gridview > .card .dxbs-table > thead > tr > th, .dxbs-th.card > .card-body { cursor: pointer; vertical-align: middle; } .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-noclick, .dxbs-th.card > .card-body.dxbs-noclick { cursor: default; } .dxbs-gridview > .card .dxbs-table > thead > tr > th > a, .dxbs-gridview > .card .dxbs-table > thead > tr > th > span, .dxbs-th.card > .card-body > a, .dxbs-th.card > .card-body > span { font-weight: bold; } .dxbs-gridview > .card .dxbs-table > thead > tr > th > a:not(:last-child), .dxbs-gridview > .card .dxbs-table > thead > tr > th > span:not(:last-child), .dxbs-th.card > .card-body > a:not(:last-child), .dxbs-th.card > .card-body > span:not(:last-child) { display: table-cell; width: 99.9%; vertical-align: middle; } .dxbs-gridview > .card .dxbs-table > thead > tr > th > .h-icons, .dxbs-th.card > .card-body > .h-icons { display: table-cell; text-align: right; width: 1%; white-space: nowrap; vertical-align: middle; padding-left: .2rem; } .dxbs-gridview > .card .dxbs-table > thead > tr > th > .h-icons button[data-toggle$='-filterpopup']:not(.active), .dxbs-th.card > .card-body > .h-icons button[data-toggle$='-filterpopup']:not(.active) { opacity: .6; } .dxbs-gridview > .card .dxbs-table > thead > tr > th > .h-icons > button, .dxbs-gridview > .card .dxbs-table > thead > tr > th > button, .dxbs-th.card > .card-body > .h-icons > button, .dxbs-th.card > .card-body > button { padding: 0 .2rem; border-top: none; border-bottom: none; } .dxbs-fixed-header-content { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .dxbs-fixed-header-content > a, .dxbs-fixed-header-content > span:only-child { flex-grow: 1; } .dxbs-fixed-header-content > a, .dxbs-fixed-header-content > span { font-weight: bold; } .dxbs-fixed-header-content > .h-icons { white-space: nowrap; vertical-align: middle; padding-left: .2rem; } .dxbs-fixed-header-content > .h-icons button[data-toggle$='-filterpopup']:not(.active) { opacity: .6; } .dxbs-fixed-header-content > .h-icons > button, .dxbs-fixed-header-content > button { padding: 0 .2rem; text-decoration: none; border-top: none; border-bottom: none; } .dxbs-gridview .dxbs-fixed .dxbs-fixed-header-content > a, .dxbs-gridview .dxbs-fixed .dxbs-fixed-header-content > span:only-child { overflow: hidden; text-overflow: ellipsis; } body > div > .dxbs-th .card-body { /* header while dragging */ width: 1px; display: table-cell !important; white-space: nowrap; } .dxbs-gridview > .card .dxbs-table > thead > tr > th > span:first-child:last-child { display: inline; } /* PopupControl */ .dxbs-popup-wrapper, .dxbs-popup-wrapper-scroll { top: 0px; left: 0px; width: 0px; height: 0px; box-sizing: border-box; -webkit-overflow-scrolling: touch; } :not(.modal) > .dxbs-popup { visibility: hidden; margin: 0 !important; position: absolute; } .modal > .dxbs-popup { position: relative; left: auto; top: auto; box-sizing: border-box; } .dxbs-modal.modal { overflow: auto; } .dxbs-modal.modal .drag { cursor: default; } .dxbs-modal-back { visibility: hidden; } .dxFixedHeader, .dxFixedFooter { background-color: inherit; box-sizing: content-box; position: fixed; } .dxWebKitTouchUI .dxFixedHeader, .dxWebKitTouchUI .dxFixedFooter { position: -webkit-sticky; } .dxFixedHeader { top: 0; z-index: 1; } .dxFixedFooter { bottom: 0; } .dxbs-popup.modal-dialog { padding: 0; } .dxbs-popup .drag { cursor: move; } .dxbs-popup .modal-header .close-btn { float: right; margin: 0.2em 0 0 0.4em; cursor: pointer; } .dxbs-popup .modal-header .close-btn:hover { text-decoration: none; } .dxbs-popup .modal-body { width: 100%; z-index: 0; } .dxChrome .dxbs-popup a:not(.close-btn):focus, .dxFirefox .dxbs-popup a:not(.close-btn):focus { outline: none; position: relative; } .dxChrome .dxbs-popup a:not(.close-btn):focus:after, .dxFirefox .dxbs-popup a:not(.close-btn):focus:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; } .dxChrome .dxbs-popup a:not(.close-btn):focus:after { outline: 5px auto -webkit-focus-ring-color; } .dxFirefox .dxbs-popup a:not(.close-btn):focus:after { outline: 1px dotted highlight; } /* FormLayout */ .dxbs-fl .row { margin-left: 0; margin-right: 0; } .dxbs-fl .dxbs-fl-g { padding-left: 0; padding-right: 0; } .dxbs-fl .dxbs-fl-gd, .dxbs-fl .dxbs-fl-gt { margin-top: 1em; } .dxbs-fl .dxbs-fl-gd { margin-bottom: 1em; } .dxbs-fl .dxbs-fl-gt .dxbs-tabs .tab-content { padding-bottom: 0; } .dxbs-fl .dxbs-fl-g > .row, .dxbs-fl .dxbs-fl-gd > .card > .row, .dxbs-fl .dxbs-fl-gr + .row:not(.dxbs-fl-gr) { padding-top: 1em; } .dxbs-fl .dxbs-fl-g > .row > .dxbs-fl-g > .row { padding-top: 0; } .dxbs-fl.form-horizontal .form-group { margin-left: 0; margin-right: 0; } .dxbs-fl.form-horizontal .form-group > .dxbs-fl-cpt { margin-bottom: 5px; } .dxbs-fl.form-horizontal .form-group > .dxbs-fl-cpt:not(:first-child):not(:last-child) { padding-right: 0.6em; padding-left: 0.6em; } .dxbs-fl.form-horizontal .form-group > .dxbs-fl-cpt:first-child { padding-right: 0.6em; } .dxbs-fl.form-horizontal .form-group > .dxbs-fl-cpt:last-child { padding-right: 0; padding-left: 0.6em; text-align: left; } .dxbs-fl.form-horizontal .row > div > .form-text { margin-top: calc(-1em + 5px); } @media (min-width: 992px) { .dxbs-3 .dxbs-fl.form-horizontal .form-group { display: table; width: 100%; } .dxbs-3 .dxbs-fl.form-horizontal .form-group > .col-form-label, .dxbs-3 .dxbs-fl.form-horizontal .form-group > .dxbs-fl-ctrl { display: table-cell; vertical-align: top; } .dxbs-fl.form-horizontal .form-group > .col-form-label { white-space: nowrap; } .dxbs-fl.form-horizontal:not(.dxbs-fl-calc) .form-group > .col-form-label { overflow: hidden; text-overflow: ellipsis; } .dxbs-fl.form-horizontal .form-group > .dxbs-fl-ctrl:not(img) { width: 100%; } .dxbs-fl.form-horizontal .row > div > .form-text { white-space: nowrap; } } .dxbs-fl .form-group label em { margin: 0 0.4em; font-weight: normal; font-style: normal; } .dxbs-fl-calc .form-group > .dxbs-fl-cpt { width: auto !important; flex: none !important; -ms-flex: none !important; } .dxbs-fl-calc .form-group > .dxbs-fl-ctrl:not(img):not(.dxbs-fl-ctrl-nc) { width: 100% !important; } /*round panel*/ .dxbs-roundpanel-groupbox { margin-top: 0.75rem; } .dxbs-roundpanel-groupbox > .card-body, .dxbs-roundpanel-groupbox > .card-body > .card-title { background-color: inherit; border-radius: inherit; } .dxbs-roundpanel-groupbox > .card-body { padding-top: 0; } .dxbs-roundpanel-groupbox > .card-body > .card-title { display: inline-flex; transform: translateY(-50%); padding: 0 0.5em; margin-bottom: 0; } /* Pager */ .dxbs-pager:before, .dxbs-pager:after { display: table; content: " "; } .dxbs-pager:after { clear: both; } .dxbs-pager .pagination { margin: 0; float: left; } .dxbs-3 .dxbs-pager .pagination { display: block; } .dxbs-pager .pagination > li.active > a { cursor: default !important; } .dxbs-pager .pagination > li > a .image:not(:last-child) { margin: 0 0.4em 0 0; } .dxbs-pager .pagination.left { float: right; } .dxbs-pager .summary.form-group, .dxbs-pager .page-size.form-group { width: initial !important; } .dxbs-pager .summary.form-inline { float: left; margin: 0; } .dxbs-pager .summary.form-inline:not(:last-child) { margin-right: 0.5em; } .dxbs-pager .summary.form-inline:not(:first-child) { margin-left: 0.5em; } .dxbs-pager .summary.form-inline.left { float: right; } .dxbs-pager .summary.form-inline .form-control { background: inherit; color: inherit; border: 0; box-shadow: none; width: auto; } .dxbs-pager .page-size.form-inline .input-group { display: inline-table; vertical-align: middle; width: auto; } .dxbs-pager .page-size.form-inline .input-group .form-control { width: 4em; box-sizing: border-box; } .dxbs-pager .page-size.form-inline { float: right; margin: 0 0.5em; } .dxbs-pager .page-size.form-inline.left { float: left; } .dxbs-pager .page-size.form-inline .col-form-label { margin: 0 0.3em 0 0.5em; font-weight: normal; } .dxbs-pager .page-size.form-inline.left .col-form-label { margin-left: 0; } .dxbs-pager .page-size .input-group-append { cursor: pointer; width: auto; } .dxbs-pager .page-size .input-group-append .dropdown-menu { min-width: 6em; } .dxbs-pager .ellipsis > span { cursor: default !important; } /* Menu */ .dxbs-menu .nav:before, .dxbs-menu .nav:after { display: none; } .dxbs-menu ul.nav.nav-justified { border-spacing: 0; } .dxbs-menu ul.nav.nav-justified > li > a { white-space: nowrap; } .dxbs-menu ul.nav.navbar-nav > .separator { display: none; } .dxbs-toolbar > .btn-group > .btn-group > div.btn, .dxbs-toolbar > .btn-group > div.btn { padding: 0; border: 0; } .dxbs-toolbar > .btn-group > .btn-group > div.btn, .dxbs-toolbar > .btn-group > .btn-group > div.btn.active, .dxbs-toolbar > .btn-group > .btn-group > div.btn:active, .dxbs-toolbar > .btn-group > .btn-group > div.btn:hover, .dxbs-toolbar > .btn-group > .btn-group > div.btn:focus, .dxbs-toolbar > .btn-group > div.btn.active, .dxbs-toolbar > .btn-group > div.btn:active, .dxbs-toolbar > .btn-group > div.btn:hover, .dxbs-toolbar > .btn-group > div.btn:focus { z-index: auto; } .dxbs-menu .dropdown-menu, .dxbs-popup-menu.dropdown-menu, .dxbs-popup-menu .dropdown-menu, .dxbs-toolbar .dropdown-menu { overflow: visible; } .dxbs-menu span.image, .dxbs-popup-menu span.image, .dxbs-toolbar span.image { display: inline-flex; position: relative; top: 1px; line-height: 1; } .dxbs-menu ul.flex-column > li > a, .dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item, .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item, .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item, .dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item { position: relative; } .dxbs-menu ul.flex-column > li > a > span:not(.image):not(.badge):not(.popout):not(:last-child), .dxbs-menu .dx-dropdown-menu > li > .dropdown-item > span:not(.image):not(.badge):not(.popout):not(:last-child), .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span:not(.image):not(.badge):not(.popout):not(:last-child), .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span:not(.image):not(.badge):not(.popout):not(:last-child), .dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span:not(.image):not(.badge):not(.popout):not(:last-child) { padding-right: 1em; } .dxbs-menu ul.nav > li > a > span.image:not(:last-child), .dxbs-menu ul > li > a > .badge:not(:last-child), .dxbs-menu ul > li > a > .badge > span.image:not(:last-child), .dxbs-menu .dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child), .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child), .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child), .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > .badge:not(:last-child), .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > .badge:not(:last-child), .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > .badge > span.image:not(:last-child), .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > .badge > span.image:not(:last-child), .dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child), .dxbs-toolbar > .btn-group > .btn-group > .btn > span.image:not(:last-child), .dxbs-toolbar > .btn-group-vertical > .btn-group > .btn > span.image:not(:last-child), .dxbs-toolbar > .btn-group > .btn > span.image:not(:last-child), .dxbs-toolbar > .btn-group-vertical > .btn > span.image:not(:last-child), .dxbs-toolbar > .btn-group-vertical > .btn-group-vertical > .btn > span.image:not(:last-child), .dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item ul > li > a > .badge > span.image:not(:last-child), .dxbs-r-toolbar > .dxbs-r-btn-group > .dxbs-r-btn-group > .btn > span.image:not(:last-child), .dxbs-r-toolbar > .dxbs-r-btn-group-vertical > .dxbs-r-btn-group > .btn > span.image:not(:last-child), .dxbs-r-toolbar > .dxbs-r-btn-group-vertical > .btn-group > .btn > span.image:not(:last-child), .dxbs-r-toolbar > .dxbs-r-btn-group > .btn > span.image:not(:last-child), .dxbs-r-toolbar > .dxbs-r-btn-group-vertical > .btn > span.image:not(:last-child), .dxbs-r-toolbar .dx-dropdown-menu > li > .dropdown-item ul > li > a > .badge > span.image:not(:last-child), .dxbs-r-toolbar .dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child) { margin-right: 0.4em; } .dxbs-menu ul.nav > li > a > span.popout:not(:first-child), .dxbs-toolbar .btn > span.popout:not(:first-child), .dxbs-toolbar .btn > .badge:not(:first-child) { margin-left: 0.4em; } .dxbs-menu ul.flex-column > li > a > span.popout, .dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span.popout { transform: rotate(-90deg); position: absolute; top: calc(50% - 2px); right: 0.4em; } .dxbs-menu ul.nav > li.separator { border: 0; background: none; } .dxbs-menu ul.nav.nav-justified > li.separator { width: 0.01%; } .dxbs-menu ul.nav > li.separator > a { padding-left: 0; padding-right: 0; width: 1px; overflow: hidden; margin: auto 0.1em; color: transparent; } .dxbs-menu ul.flex-column > li.separator > a { padding-left: inherit; padding-right: inherit; padding-top: 0; padding-bottom: 0; width: auto; height: 1px; margin: 0.5em auto; } .dxbs-menu .dropdown-menu li.checkable > a > span.image:not(.custom-check), .dxbs-menu .dxbs-navbar li.checkable > a > span.image:not(.custom-check), .dxbs-popup-menu.dropdown-menu li.checkable > a > span.image:not(.custom-check), .dxbs-popup-menu .dropdown-menu li.checkable > a > span.image:not(.custom-check), .dxbs-toolbar .dropdown-menu li.checkable > a > span.image:not(.custom-check), .dxbs-r-toolbar .dropdown-menu li.checkable > a > span.image:not(.custom-check), .dxbs-menu li > a > span.empty-image, .dxbs-menu .dropdown-menu li > a > span.empty-image, .dxbs-menu .dxbs-navbar li > a > span.empty-image, .dxbs-popup-menu.dropdown-menu li > a > span.empty-image, .dxbs-popup-menu .dropdown-menu li > a > span.empty-image, .dxbs-toolbar .dropdown-menu li > a > span.empty-image, .dxbs-r-toolbar .dropdown-menu li > a > span.empty-image { visibility: hidden; } .dxbs-menu .dropdown-menu li.checkable.checked > a > span.image:not(.custom-check), .dxbs-menu .dxbs-navbar li.checkable.checked > a > span.image:not(.custom-check), .dxbs-popup-menu.dropdown-menu li.checkable.checked > a > span.image:not(.custom-check), .dxbs-popup-menu .dropdown-menu li.checkable.checked > a > span.image:not(.custom-check), .dxbs-toolbar .dropdown-menu li.checkable.checked > a > span.image:not(.custom-check), .dxbs-r-toolbar .dropdown-menu li.checkable.checked > a > span.image:not(.custom-check) { visibility: visible; } .dxbs-menu .dropdown-menu li.checkable.checked > a > span.image.custom-check, .dxbs-menu .dxbs-navbar li.checkable.checked > a > span.image.custom-check, .dxbs-popup-menu.dropdown-menu li.checkable.checked > a > span.image.custom-check, .dxbs-popup-menu .dropdown-menu li.checkable.checked > a > span.image.custom-check, .dxbs-toolbar .dropdown-menu li.checkable.checked > a > span.image.custom-check, .dxbs-r-toolbar .dropdown-menu li.checkable.checked > a > span.image.custom-check { padding: 2px; margin: -3px; border: 1px solid currentColor !important; margin-right: calc(-3px + 0.4em); } .dxbs-menu .dxbs-navbar { padding: 0 2em; } .dxbs-toolbar .dxbs-toolbar-ait { display: none; } .dxbs-toolbar .dropdown-menu .dxbs-toolbar-ait { display: inline-block; margin-left: 0.4em; } /* Accordion */ .dxbs-acc .nav:before, .dxbs-acc .nav:after, .dxbs-acc .card-body:before, .dxbs-acc .card-body:after { display: none; } .dxbs-acc span.image { display: inline-block; position: relative; top: 1px; line-height: 1; } .dxbs-acc > .card > .card-header.dx-hc, .dxbs-acc .card-body.dx-hc { display: none; } .dxbs-acc.panel-group .card + .card { margin-top: 0.5em; } .dxbs-acc .card-header { cursor: pointer; } .dxbs-acc .card-header .expand-btn.dxbs-icon { font-weight: bold; } .dxbs-acc .card-header .expand-btn:hover, .dxbs-acc .card-header .expand-btn:active { text-decoration: none; } .dxbs-acc .card-header .expand-btn:last-child { float: right; margin: 0 0 0 0.4em; } .dxbs-acc .card-header .expand-btn:first-child { margin: 0 0.4em 0 0; } .dxbs-acc .card-header .image:not(:last-child) { margin: 0 0.4em 0 0; } .dxbs-acc .card-header > .badge:not(:first-child), .dxbs-acc ul.nav > li > a > .badge:not(:first-child) { margin-left: 0.4em; } .dxbs-acc .card:not(.dxbs-lp) > .card-body { padding: 0; } .dxbs-acc .card.dxbs-lp { border: 0; } .dxbs-acc .card-body.tmpl { padding: 0.4em; } .dxbs-acc .card-body > ul.nav { margin: 0.4em; } .dxbs-acc ul.nav > li > a > span.image:not(:last-child), .dxbs-acc ul.nav > li > a > .badge > span.image:not(:last-child), .dxbs-acc .card-header > .badge > span.image:not(:last-child) { margin-right: 0.4em; } /* TabControl */ .dxbs-tabs .nav:before, .dxbs-tabs .nav:after { display: block; } .dxbs-tabs span.image { display: inline-block; position: relative; top: 1px; line-height: 1; } .dxbs-tabs .card-body:before, .dxbs-tabs .card-body:after { display: none; } .dxbs-tabs .dxbs-right > li { float: right; } .dxbs-tabs ul.nav.nav-justified { border-spacing: 0; } .dxbs-tabs ul.nav > li > a > span.image:not(:last-child), .dxbs-tabs ul.nav > li > a > .badge > span.image:not(:last-child) { margin-right: 0.4em; } .dxbs-tabs ul.nav > li > a > .badge:not(:first-child) { margin-left: 0.4em; } .dxbs-tabs .tab-content { padding: 1em 0; } .dxbs-tabs .tab-content > .tab-pane { display: block; } .dxbs-tabs-scrollable { display: flex; flex-flow: row wrap; overflow: hidden; } .dxbs-tabs-scrollable .dxbs-tabs-scroll-btn { flex: 0 3rem; width: 3rem; margin-left: calc(-2 * 3rem); border-color: transparent; box-shadow: none; display: none; visibility: hidden; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .dxbs-tabs-scrollable .dxbs-tabs-scroll-btn.prev { border-top-right-radius: 0; } .dxbs-tabs-scrollable .dxbs-tabs-scroll-btn.next { border-top-left-radius: 0; } .dxbs-tabs-scrollable .dxbs-tabs-scroll-btn, .dxbs-tabs-scrollable .dxbs-tabs-scroll-btn.btn:disabled { opacity: 0.3; } .dxbs-tabs-scrollable.can-scroll-left .dxbs-tabs-scroll-btn.prev, .dxbs-tabs-scrollable.can-scroll-right .dxbs-tabs-scroll-btn.next { opacity: 1; } .dxbs-tabs-scrollable.has-overflow .dxbs-tabs-scroll-btn { visibility: visible; } .dxbs-tabs-scroll-btn + .dxbs-tabs-scroll-btn { margin-left: 0; } html:not(.dxMobileUI) .dxbs-tabs-scrollable.has-overflow .dxbs-tabs-scroll-btn { display: inline-flex; } .dxbs-tabs-scrollable > .tab-content { flex: 1 100%; } .dxbs-tabs-scrollable .nav { flex: 1 calc(100% - 2 * 3rem); flex-wrap: nowrap; overflow: hidden; touch-action: pan-x; -webkit-overflow-scrolling: touch; white-space: nowrap; } .dxbs-tabs-scrollable.has-overflow .nav { padding-left: 4rem; } html:not(.dxMobileUI) .dxbs-tabs-scrollable.has-overflow .nav, .dxbs-tabs-scrollable:not(.dxbs-loaded) .nav { margin-right: calc(2 * 3rem); } .dxMobileUI .dxbs-tabs-scrollable .nav { flex: 1 100%; margin-right: 0; padding-right: 1rem; } .dxbs-tabs-scrollable .nav:after { content: " "; display: block; width: 0; border: inherit; height: calc(100% + 1px); } .dxbs-tabs-scrollable .nav:before { content: " "; width: 100%; position: absolute; border: inherit; border-radius: inherit; box-shadow: inherit; bottom: 0; left: 0; z-index: 1; opacity: 0; } .dxbs-tabs-scrollable > .nav > .nav-item > .nav-link { position: relative; } .dxbs-tabs-scrollable > .nav > .nav-item > .nav-link:after { content: ' '; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; z-index: -1; } .dxChrome .dxbs-popup .dxbs-tabs-scrollable > .nav > .nav-item > .nav-link:focus:after, .dxFirefox .dxbs-popup .dxbs-tabs-scrollable > .nav > .nav-item > .nav-link:focus:after { z-index: auto; } .dxbs-tabs-scrollable.dxbs-loaded .nav:before { opacity: 1; } .dxbs-tabs-scrollable.card-header .nav.card-header-tabs:before { height: 0px; } .dxbs-tabs-scrollable > .nav > .nav-item { position: relative; z-index: 2; } /*compact tab control*/ .dxbs-tabs-scrollable.compact { overflow: visible; } .dxbs-tabs-scrollable.compact > .nav-tabs { overflow: hidden; z-index: 4; flex-direction: column; flex: 0 1 100%; display: inline-flex; padding-right: 0; } .dxbs-tabs-scrollable.compact .nav-item { order: 3; width: 100%; } .dxbs-tabs-scrollable.compact .dxbs-tab-current { order: 0; } .dxbs-tabs-scrollable.compact .nav-tabs > .nav-item > .nav-link { box-sizing: content-box; text-align: center; } .dxbs-tabs-scrollable.compact .nav-tabs > .nav-item:not(.dxbs-tab-current) { display: none; } .dxbs-tabs-scrollable.compact .nav-tabs:before { display: none; } /* TreeView */ .dxbs-tree .nav:before, .dxbs-tree .nav:after { display: none; } .dxbs-tree ul.nav.dx-hc { display: none; } .dxbs-tree > ul.nav ul.nav { margin: 0.2em 2em; overflow-y: hidden; } .dxbs-tree span.image { display: inline-block; position: relative; top: 1px; line-height: 1; } .dxbs-tree ul.nav > li > a > span.image:not(:last-child), .dxbs-tree ul.nav > li > a > .badge > span.image:not(:last-child), .dxbs-tree ul.nav > li > a > span.expand-btn:not(:last-child), .dxbs-tree ul.nav > li > a > span.node-lp:not(:last-child) { padding: 0.4em; margin: -0.4em; margin-right: 0; } .dxbs-tree > ul.nav > li > a > span.expand-btn.invisible { color: transparent; } .dxbs-tree .node-lp.dx-hc, .dxbs-tree .expand-btn.dx-hc { display: none; } .dxbs-tree .card-body:before, .dxbs-tree .card-body:after { display: none; } .dxbs-tree .node-lp { animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; } .dxbs-tree.checkable li { position: relative; } .dxbs-tree.checkable .form-check, .dxbs-tree.checkable .form-check:hover { position: absolute; background: none; border: 0; pointer-events: none; } .dxbs-tree.checkable .form-check.e, .dxbs-tree.checkable .form-check.i { margin-left: 1.4em; } .dxbs-tree.checkable .form-check.i.e { margin-left: 2.8em; } .dxbs-tree.checkable .form-check > input { margin-left: 0; margin-right: 0; margin-top: -1px; vertical-align: middle; pointer-events: initial; } .dxbs-tree.checkable ul.nav > li > a > span:not(.expand-btn):not(.image):not(.badge) { margin-left: 1.4em; } /* Scheduler */ .dxbs-scheduler { user-select: none; outline: 0; } .dxbs-scheduler.dxsc-NoDrop, .dxbs-scheduler .dxsc-appNoDrop, .dxbs-scheduler .dxsc-appNoDrop *, .dxbs-scheduler .dxsc_appNoDropCoverDiv { cursor: no-drop !important; } .dxbs-scheduler .table .table { background-color: transparent; } .dxbs-scheduler .dxbs-sc-viewcontainer, .dxbs-scheduler .dxbs-sc-dvcscontent, .dxbs-scheduler .dxbs-sc-dvhc, .dxbs-scheduler .dxbs-sc-dvcsc { position: relative; } .dxbs-scheduler .table.dxbs-sc-viewcontainer, .dxbs-scheduler .table.dxbs-sc-dvht, .dxbs-scheduler .table.dxbs-sc-dvst { margin: 0; } .dxbs-scheduler .table.dxbs-sc-viewcontainer > tbody > tr > td { padding: 0; border: 0; } .dxbs-scheduler .dxbs-sc-dvadasc { position: absolute; } .dxbs-scheduler .table.dxbs-sc-dvht, .dxbs-scheduler .table.dxbs-sc-dvst, .dxbs-scheduler tr.dxbs-sc-hc > td { border: 0; } .dxbs-scheduler .dxbs-sc-dvst > tr:first-child > td, .dxbs-scheduler .dxbs-sc-dvht .dxbs-sc-hc + tr > td { border-top: 0px; } .dxbs-scheduler .dxbs-sc-dvst > tr > td:first-child, .dxbs-scheduler .dxbs-sc-dvht > tr > td:first-child { border-left: 0px; } .dxbs-scheduler .table tr > td.dxsc-date-hr:nth-last-child(-2n+2), .dxbs-scheduler .table tr > td.dxsc-horizontal-rh:nth-last-child(-2n+2), .dxbs-scheduler .dxbs-sc-dvst > tr > td:last-child, .dxbs-scheduler .dxbs-sc-dvht > tr > td:last-child { border-right: 0px; } .dxbs-scheduler .dxbs-sc-dvht, .dxbs-scheduler .dxbs-sc-dvst { table-layout: fixed; } .dxbs-scheduler .dxbs-sc-dvht > tr > td { border-top: 0px; } .dxbs-scheduler .table tr > td.dxsc-leftCornerSys { width: 6.13em; } .dxbs-scheduler .table tr > td.dxsc-tr-minuteItem { border-left: 0px; width: 3.5em; text-align: center; vertical-align: middle; font-size: 0.75em; } .dxbs-scheduler tr.dxbs-sc-hc > td.dxsc-tr-hourItem, .dxbs-scheduler .dxbs-sc-dvst tr > td.dxsc-tr-hourItem { border-right: 0px; width: 3.5em; text-align: right; } .dxbs-scheduler tr.dxbs-sc-hc > td { padding-top: 0; padding-bottom: 0; } .dxbs-scheduler .dxsc-horizontal-rh div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxbs-scheduler .dxsc-date-hr { overflow: hidden; white-space: nowrap; } .dxbs-scheduler .dxbs-scroll-a { overflow-y: auto; overflow-x: hidden; } .dxbs-scheduler .dxbs-scroll-v { overflow-y: visible; overflow-x: hidden; } .dxbs-scheduler .dxbs-scroll-h { overflow-y: hidden; overflow-x: hidden; } .dxbs-scheduler .dxbs-sc-dvcscontent, .dxbs-scheduler .dxbs-sc-dvhc { overflow: hidden; } /* Buttons */ .dxbs-scheduler .dxbs-sc-navbtn { position: absolute; top: -100px; } .dxbs-scheduler .dxsc-more-btn { cursor: pointer; position: absolute; white-space: nowrap; overflow: hidden; border: 0; padding: 0 0.4em; font-size: 0.8em; } /* layouts configuration */ .dxbs-sc-layout-config-desktop { min-width: 769px; } .dxbs-sc-layout-config-landscape-tablet { min-width: 641px; max-width: 768px; } .dxbs-sc-layout-config-tablet { min-width: 421px; max-width: 640px; } .dxbs-sc-layout-config-phone { max-width: 420px; } /* common parts*/ .dxbs-scheduler td.dxsc-vertical-rh, .dxbs-scheduler td.dxsc-horizontal-rh { vertical-align: middle; } .dxbs-scheduler.card > .card, .dxbs-scheduler.card > .alert { border-top: 0; border-left: 0; border-right: 0; margin: 0; box-shadow: none; } .dxbs-scheduler.card > .card:not(:first-child), .dxbs-scheduler.card > .alert:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .dxbs-scheduler.card > .card:not(:last-child), .dxbs-scheduler.card > .alert:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* tooltips */ .dxbs-sc-tooltips { width: 100%; height: 0px; } .dxbs-sc-tooltips > div { display: block; position: absolute; visibility: hidden; top: 0; left: 0; } .dxbs-sc-tooltips > .tooltip { opacity: 1; } .dxbs-sc-tooltips > .tooltip > div:not(.tooltip-inner) { margin: 0 0.5rem; } .dxbs-sc-tooltips > .tooltip > .tooltip-inner { max-width: 100%; } .dxbs-sc-tooltips .dxbs-sc-tooltip-resource:not(:last-child) { margin-bottom: 0.4em; } .dxbs-sc-tooltips .dxbs-button:not(:first-of-type) { margin-left: 0.4em; } .dxbs-sc-tooltips .popover .popover-header { display: flex; } .dxbs-sc-tooltips .popover .popover-header .dxbs-sc-tooltip-subject { width: 100%; padding-right: 0.5em; overflow: hidden; text-overflow: ellipsis; } .dxbs-sc-tooltip-subject, .dxbs-sc-tooltip-resource, .dxbs-sc-tooltip-interval { white-space: nowrap; } .dxbs-sc-tooltip-images { display: flex; align-items: center; } .dxbs-sc-tooltip-images > img { margin-left: 0.25rem; } /* Appointment */ .dxbs-scheduler .dxbs-apt { display: inherit; padding: 2px; background: none; margin: 0; height: 100%; } .dxbs-scheduler .dxbs-apt.label { display: inherit; font-size: inherit; font-weight: inherit; text-align: inherit; vertical-align: inherit; line-height: inherit; border: none; white-space: normal; } .dxbs-scheduler .dxbs-apt .dxsc-apt-bg { opacity: 0.7; padding: 0; margin: 0; } .dxbs-scheduler .dxsc-selected .dxbs-apt .dxsc-apt-bg { opacity: 1; } .dxbs-3 .dxbs-scheduler .dxsc-apt-bg.bg-white { background-color: #fff; } .dxbs-3 .dxbs-scheduler .dxsc-apt-bg.bg-light.text-muted { background-color: currentColor; } .dxbs-3 .dxbs-scheduler .dxsc-apt-bg.text-muted { border: 1px solid currentColor; } .dxbs-scheduler .dxbs-apt .dxsc-apt-content-layer { padding: 4px; } .dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-apt-content-layer { padding: 2px; } .dxbs-scheduler .dxbs-apt.dxsc-vertical-apt .dxsc-apt-status-container, .dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-apt-status-container, .dxbs-scheduler .dxbs-apt.dxsc-horizontal-apt .dxsc-apt-status-container, .dxbs-scheduler .dxbs-apt.dxsc-horizontal-same-day-apt .dxsc-apt-status-container { position: relative; border-width: 0; } .dxbs-scheduler .dxbs-apt.dxsc-vertical-apt .dxsc-apt-status-container:after, .dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-apt-status-container:after, .dxbs-scheduler .dxbs-apt.dxsc-horizontal-apt .dxsc-apt-status-container:after, .dxbs-scheduler .dxbs-apt.dxsc-horizontal-same-day-apt .dxsc-apt-status-container:after { content: " "; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); box-sizing: border-box; background-color: transparent; border: 1px solid white; opacity: 0.4; border-radius: inherit; } .dxbs-scheduler .dxbs-apt.dxsc-vertical-apt .dxsc-apt-status-container { width: 0.4em; margin-right: -0.4em; height: 100%; } .dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-apt-status-container, .dxbs-scheduler .dxbs-apt.dxsc-horizontal-apt .dxsc-apt-status-container, .dxbs-scheduler .dxbs-apt.dxsc-horizontal-same-day-apt .dxsc-apt-status-container { height: 0.4em; width: 100%; } .dxbs-scheduler .dxbs-apt .dxsc-content-wrapper { padding: 0.2em 0.5em; } .dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-content-wrapper { padding: 0.2em 0.2em; } .dxbs-scheduler .dxbs-apt.dxsc-vertical-apt .dxsc-content-wrapper { padding-left: 0.9em; } .dxbs-scheduler .dxsc-appointment-layer > .dxscApt { display: none; position: absolute; } .dxbs-scheduler .dxscSel { position: absolute; } .dxbs-scheduler .dxscAptSelDiv { position: absolute; display: none; padding: 0px; margin: 0px; -moz-box-sizing: content-box !important; box-sizing: content-box !important; pointer-events: none; } .dxbs-scheduler .dxscApt:not(tr) { display: none; position: absolute; overflow: hidden; -moz-box-sizing: content-box; box-sizing: content-box; user-select: none; -webkit-user-select: none; margin: auto; } .dxbs-scheduler .dxscApt.dxsc-edit-appointment { -ms-touch-action: none; touch-action: none; } .dxbs-scheduler .dxscApt .dxsc-apt-wrapper { position: relative; height: 100%; background: none !important; } .dxbs-scheduler .dxscApt .dxsc-apt-intermediate-bg, .dxbs-scheduler .dxscApt .dxsc-apt-bg, .dxbs-scheduler .dxscApt .dxsc-apt-gradient, .dxbs-scheduler .dxsc-apt-custom-background { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .dxbs-scheduler .dxsc-apt-custom-background { border: none !important; background-color: unset !important; } .dxChrome.dxWindowsPlatform .dxbs-scheduler .dxscApt .dxsc-apt-intermediate-bg, .dxChrome.dxWindowsPlatform .dxbs-scheduler .dxscApt .dxsc-apt-bg, .dxChrome.dxWindowsPlatform .dxbs-scheduler .dxscSel, .dxOpera.dxWebKitFamily.dxWindowsPlatform .dxbs-scheduler .dxscApt .dxsc-apt-intermediate-bg, .dxOpera.dxWebKitFamily.dxWindowsPlatform .dxbs-scheduler .dxscApt .dxsc-apt-bg, .dxOpera.dxWebKitFamily.dxWindowsPlatform .dxbs-scheduler .dxscSel { will-change: opacity; } .dxbs-scheduler .dxscApt .dxsc-apt-intermediate-bg { background-color: white; opacity: .6; } .dxbs-scheduler .dxscApt > div:not(.dxbs-apt) .dxsc-apt-bg { opacity: .2; } .dxbs-scheduler .dxscApt .dxsc-apt-container { height: 100%; position: relative; overflow: hidden; } .dxbs-scheduler .dxscApt .dxsc-apt-content-layer { position: relative; } .dxbs-scheduler .dxsc-vertical-apt .dxsc-apt-content-layer { position: absolute; overflow: hidden; width: 100%; height: 100%; } .dxbs-scheduler .dxsc-vertical-apt:not(.dxbs-apt) .dxsc-apt-content-layer { padding: 0.25rem 0.75rem; } .dxbs-scheduler .dxsc-compact-month-apt:not(.dxbs-apt) .dxsc-apt-content-layer, .dxbs-scheduler .dxsc-horizontal-apt:not(.dxbs-apt) .dxsc-apt-content-layer, .dxbs-scheduler .dxsc-horizontal-same-day-apt:not(.dxbs-apt) .dxsc-apt-content-layer { margin: 0.25rem 0.75rem; } .dxbs-scheduler .dxsc-vertical-apt .dxsc-content-single-row-layout .dxsc-apt-images-container { height: 100%; margin-bottom: 0; } .dxbs-scheduler .dxsc-vertical-apt .dxsc-single-row-text-layout .dxsc-apt-time-container { float: left; margin-right: 0.25rem; } .dxbs-scheduler .dxsc-selected .dxsc-positioning-wrapper { box-sizing: border-box; } .dxbs-scheduler .dxsc-vertical-apt .dxsc-content-single-row-layout .dxsc-apt-images-container:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; } .dxbs-scheduler .dxsc-vertical-apt .dxsc-apt-images-container { text-align: right; display: inline-block; position: absolute; bottom: 0; right: 0; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper, .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper { text-align: center; overflow: hidden; text-overflow: ellipsis; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper > .dxeBase, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper > .dxeBase, .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > .dxeBase, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper > .dxsc-apt-time-container > .dxeBase, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper > .dxsc-apt-time-container > .dxeBase, .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > .dxsc-apt-time-container > .dxeBase, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper > .dxsc-apt-center-container, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper > .dxsc-apt-center-container, .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > .dxsc-apt-center-container { white-space: nowrap; } .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper { text-align: left; overflow: hidden; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container { float: left; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container, .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-images-container { float: right; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-center-container, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-center-container { float: none; overflow: hidden; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container > *, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container > *, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-center-container > *, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-images-container > img, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container > *, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container > *, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-center-container > *, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-images-container > img, .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-images-container > img, .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > .dxsc-apt-images-container { vertical-align: middle; } .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-images-container, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-images-container, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-images-container { display: inline-block; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-images-container, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-images-container { margin-right: 0.5rem; } .dxbs-scheduler .dxsc-apt-images-container > img { margin-left: 0.25rem; } .dxbs-scheduler .dxscApt .dxsc-apt-clock-container { display: inline-block; position: relative; width: 1em; height: 1em; } .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-clock-container { vertical-align: bottom; margin-right: 0.5rem; } .dxbs-scheduler .dxscApt .dxsc-content-wrapper { overflow: hidden; } .dxbs-scheduler .dxsc-apt-clock-container img { left: 0; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper { width: 100%; } .dxbs-scheduler .dxscApt .dxsc-apt-content-layer span { font-size: 0.9em; } .dxbs-scheduler .dxscApt .dxsc-compact-month-apt .dxsc-apt-content-layer span { font-size: 0.7em; } .dxbs-scheduler .dxscApt .dxsc-apt-time-container span, .dxbs-scheduler .dxscApt .dxsc-apt-description-container span, .dxbs-scheduler .dxscApt .dxsc-apt-description-container span > *, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container > span, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container > span, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container > span, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container > span { font-size: 0.8em; opacity: .65; } .dxbs-scheduler .dxscApt .dxsc-apt-time-container span:not(:last-child), .dxbs-scheduler .dxscApt .dxsc-apt-description-container span:not(:last-child), .dxbs-scheduler .dxscApt .dxsc-apt-description-container span > *:not(:last-child), .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container > span:not(:last-child), .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container > span:not(:last-child), .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container > span:not(:last-child), .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container > span:not(:last-child) { margin-right: 0.5em; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container > span:not(:first-child), .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container > span:not(:first-child), .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container > span:not(:first-child), .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container > span:not(:first-child) { margin-left: 0.5em; } .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-time-container { display: inline-block; margin-right: 0.5rem; } .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-time-container span, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-time-container span, .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-time-container span { vertical-align: middle; font-size: 0.7em; } .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-time-container span { vertical-align: baseline; } .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > span { display: inline-block; } .dxbs-scheduler .dxscApt .dxsc-apt-status-container { background-color: white; box-sizing: border-box; } .dxbs-scheduler .dxsc-vertical-apt .dxsc-apt-status-container { width: 0.5rem; height: 100%; float: left; } .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-status-container, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-status-container, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-status-container { width: 100%; height: 0.5rem; } .dxbs-scheduler .dxscApt .dxsc-apt-status-container .dxsc-apt-status { display: block; position: relative; padding: 0; margin: 0; } .dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-status-container .dxsc-apt-status, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-status-container .dxsc-apt-status, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-status-container .dxsc-apt-status { height: 100%; } .dxbs-scheduler .dxscApt.dxsc-selected > div:not(.dxbs-apt) .dxsc-apt-bg { opacity: 0.7; } .dxbs-scheduler .dxscApt.dxsc-selected .dxsc-apt-gradient { background: none; } .dxbs-scheduler .dxscNSR, .dxbs-scheduler .dxscEWR { opacity: 0.01; position: absolute; } .dxbs-scheduler .dxscNSR { cursor: n-resize; } .dxbs-scheduler .dxscEWR { cursor: e-resize; } .dxbs-scheduler .dxscApt .dxscNSR { height: 0.5em; } .dxbs-scheduler .dxscApt .dxscEWR { width: 0.5em; } .dxsc-enable-appointment-css-animation .dxsc-apt-main-content-cell { transition: padding 0.4s; } .dxsc-enable-appointment-css-animation .dxsc-apt-icon-cell, .dxsc-enable-appointment-css-animation .dxsc-apt-start-arrow-cell, .dxsc-enable-appointment-css-animation .dxsc-apt-end-arrow-cell { transition: width 0.4s; } /* misc */ .dxbs-scheduler .apt-clock { display: inline-block; width: 1em; height: 1em; border-radius: 50%; box-sizing: border-box; position: relative; border: 1px solid; } .dxbs-scheduler .apt-clock > span { content: " "; position: absolute; box-sizing: border-box; height: 100%; width: 1px; left: calc(50% - 1px); } .dxbs-scheduler .apt-clock > span:before { content: " "; position: absolute; display: block; border-left: 1px solid; height: 50%; } .dxbs-scheduler .apt-clock > span.ac-h:before { height: 30%; top: 20%; } .dxbs-scheduler .apt-clock > span.ac-m:before { height: 45%; top: 5%; } .dxbs-scheduler .apt-clock > span { overflow: hidden; } .dxbs-scheduler .dxsc-apt-right-container .dxsc-apt-clock-container { margin-left: 0.25em; } .dxbs-scheduler .dxsc-apt-left-container .dxsc-apt-clock-container { margin-right: 0.25em; } .dxbs-scheduler .dxsc-apt-clock-container > div { display: inline-block; } .dxbs-scheduler .ac-h5 .ac-h, .dxbs-scheduler .ac-m5 .ac-m { transform: rotateZ(30deg); } .dxbs-scheduler .ac-h10 .ac-h, .dxbs-scheduler .ac-m10 .ac-m { transform: rotateZ(60deg); } .dxbs-scheduler .ac-h15 .ac-h, .dxbs-scheduler .ac-m15 .ac-m { transform: rotateZ(90deg); } .dxbs-scheduler .ac-h20 .ac-h, .dxbs-scheduler .ac-m20 .ac-m { transform: rotateZ(120deg); } .dxbs-scheduler .ac-h25 .ac-h, .dxbs-scheduler .ac-m25 .ac-m { transform: rotateZ(150deg); } .dxbs-scheduler .ac-h30 .ac-h, .dxbs-scheduler .ac-m30 .ac-m { transform: rotateZ(180deg); } .dxbs-scheduler .ac-h35 .ac-h, .dxbs-scheduler .ac-m35 .ac-m { transform: rotateZ(210deg); } .dxbs-scheduler .ac-h40 .ac-h, .dxbs-scheduler .ac-m40 .ac-m { transform: rotateZ(240deg); } .dxbs-scheduler .ac-h45 .ac-h, .dxbs-scheduler .ac-m45 .ac-m { transform: rotateZ(270deg); } .dxbs-scheduler .ac-h50 .ac-h, .dxbs-scheduler .ac-m50 .ac-m { transform: rotateZ(300deg); } .dxbs-scheduler .ac-h55 .ac-h, .dxbs-scheduler .ac-m55 .ac-m { transform: rotateZ(330deg); } .dxbs-scheduler .dxbs-sc-as, .dxbs-scheduler .dxbs-sc-ae { transform: rotate(90deg); } .dxbs-scheduler .dxbs-sc-anr { overflow: hidden; } .dxbs-scheduler .dxbs-sc-anr:after { content: " "; display: inline-block; border-bottom: 1px solid; transform: rotate(45deg); position: absolute; top: calc(50% - 1px); width: 200%; left: -50%; box-sizing: border-box; } .dxbs-scheduler .dxsc-rightTopCornerSys { display: none; } /* Toolbar */ .dxbs-scheduler .dxbs-sc-toolbar { display: flex; flex-direction: row; justify-content: space-between; } .dxbs-scheduler .dxbs-sc-toolbar > div { margin-bottom: 0.2em; } .dxbs-scheduler .dxbs-sc-toolbar > div:not(:last-child) { margin-right: 1em; } .dxbs-scheduler .dxbs-sc-toolbar > div:nth-child(2) { display: flex; align-items: center; flex-grow: 1; } .dxbs-scheduler .dxbs-sc-toolbar .btn { padding-right: 0.55em; padding-left: 0.55em; } /* ViewInternal */ .dxbs-sc-vi { white-space: nowrap; padding: 0.4em 0; } .dxbs-sc-vi.wrap { white-space: normal; } /* ViewNavigator */ .dxbs-sc-vn .dropdown-menu { padding: 0; } .dxbs-sc-vn .dropdown-menu { padding: 0; } .dxbs-sc-vn .dropdown-menu > .dxbs-calendar { border: 0; } /* ViewSelector */ .dxbs-sc-vs .dxbs-toolbar > .btn-group:last-child:not(:only-child) { display: none; margin-left: 0; } .dxbs-sc-vs.transformed .dxbs-toolbar > .btn-group:last-child { display: inherit; } .dxbs-sc-vs.transformed .dxbs-toolbar > .btn-group:first-child { display: none; } .dxbs-sc-vs.transformed .dxbs-toolbar .dxbs-sc-vs-ai { min-width: 8em; } .dxbs-sc-vs.transformed.minimized .dxbs-toolbar .dxbs-sc-vs-ai { min-width: 0; } .dxbs-sc-vs.transformed.minimized .dxbs-toolbar .dxbs-sc-vs-ai > span:not(.popout) { display: none; } .dxbs-sc-vs.transformed.minimized .dxbs-toolbar .dxbs-sc-vs-ai:after, .dxbs-sc-vs.transformed.minimized .dxbs-toolbar .dxbs-sc-vs-ai > span.popout { margin-left: 0; } .dxbs-sc-vs .btn-group-vertical { width: 100%; } /* DateNavigator */ .dxbs-sc-dn .dxe-day-has-appointments { font-weight: bold; } .dxbs-sc-dn .dxbs-calendar { width: 100%; } /* ResourceNavigator */ .dxbs-sc-rnp { display: flex; justify-content: flex-start; flex-wrap: wrap; } .dxbs-sc-rnp > div { margin-bottom: 0.2em; } .dxbs-sc-rnp > .btn-group { padding-right: 1em; } .dxbs-sc-rnp > .btn-group > .btn { padding-right: 0.55em; padding-left: 0.55em; } .dxbs-sc-rnp > .dxbs-combobox { flex-grow: 1; min-width: 5em; } .dxbs-3 .dxbs-sc-rnp > .dxbs-combobox { width: 1%; } .dxbs-sc-rnp .fa-angle-double-left, .dxbs-sc-rnp .fa-angle-double-right, .dxbs-sc-rnp .fa-angle-left, .dxbs-sc-rnp .fa-angle-right { font-size: 1.33em; font-weight: bold; } /* ResourceNavigator Selector */ .dxbs-sc-rns { display: flex; align-items: flex-start; } .dxbs-sc-rns .dxbs-sc-tokens { width: 100%; height: 100%; overflow: hidden; padding-left: 1em; } .dxbs-sc-rns .dxbs-sc-tokens-exp { height: auto !important; } .dxbs-sc-rns .badge { font-weight: normal; font-size: 1em; line-height: inherit; padding-left: 0.5em; padding-right: 0.5em; margin-right: 0.5em; } .dxbs-sc-rns .dxbs-sc-tokens-exp > div { margin-top: -0.4em; } .dxbs-sc-rns .dxbs-sc-tokens-exp .badge { margin-top: 0.4em; } .dxbs-sc-rns .dxbs-sc-popup .modal-body { padding: 0; } .dxbs-sc-rns .dxbs-sc-popup .dxbs-listbox { border: 0; } .dxbs-sc-rns .dxbs-sc-tokens .dxbs-icon-remove { cursor: pointer; } .dxbs-sc-rns .dxbs-sc-tokens .badge .dxbs-sc-rh-sys { border-radius: inherit; } .dxbs-sc-rns .dxbs-sc-tokens .badge > span:not(:last-child) { margin-right: 0.4em; } .dxbs-sc-rns .badge { position: relative; } .dxbs-sc-rns .badge .dxbs-sc-rh-sys { position: absolute; top: 4px; left: 4px; bottom: 4px; } .dxbs-sc-rns .badge .dxbs-sc-rh-sys ~ .dxbs-sc-token-text { margin-left: 0.4em; } .dxbs-dialog-cw { box-sizing: border-box; display: inline-block; } :not(.dxbs-cc1) > .dxbs-dialog-cw:not(:last-child) { padding-right: 0.25rem; } :not(.dxbs-cc1) > .dxbs-dialog-cw:not(:first-child) { padding-left: 0.25rem; } .dxbs-cc1:not(.buttons) > .dxbs-dialog-cw { width: 100%; } .dxbs-cc2:not(.buttons) > .dxbs-dialog-cw { width: 50%; } .dxbs-cc3:not(.buttons) > .dxbs-dialog-cw { width: 33%; } .dxbs-scheduler .dxbs-fl.form-horizontal .form-group > .dxbs-fl-ctrl.dxbs-dialog-btn-group, .dxbs-dialog-btn-group { display: flex; justify-content: flex-end; } .dxbs-sc-ccblock { position: relative; } .dxbs-dialog-appointment > .dxbs-fl > .dxbs-fl-gr > .dxbs-fl-g:last-child > .row { padding: 0; } .dxbs-dialog-appointment > .dxbs-fl > .dxbs-fl-gr > .dxbs-fl-g:last-child > .row .form-group { margin: 0; } .dxbs-dialog .dxbs-sc-error { width: 100%; } /* Inplace apt dialog */ .dxbs-scheduler .dialog-apt-inplace .dxbs-fl > .row > div { padding: 0; } .dxbs-scheduler .dialog-apt-inplace .modal-body { padding: 0.5em; padding-bottom: 0; } .dxbs-scheduler .dialog-apt-inplace .dxbs-fl > .row > div > .form-group { margin-bottom: 0.5em; } .dxbs-scheduler .dialog-apt-inplace .dxbs-dialog-btn-group { justify-content: flex-start; } .dxbs-scheduler .dialog-apt-inplace .dxbs-dialog-btn-group .dxbs-dialog-cw:first-child { flex-grow: 1; } .dxbs-scheduler .dxbs-sc-tm, .dxbs-scheduler .dxbs-sc-tm-line { height: 2px; width: 2px; display: none; } .dxbs-scheduler .dxbs-sc-tm { width: 3em; } .dxbs-scheduler .dxsc-timeline-mainTable .dxbs-sc-tm, .dxbs-scheduler .dxbs-sc-viewcontainer .dxbs-sc-tm, .dxbs-scheduler .dxsc-timeline-mainTable .dxbs-sc-tm-line, .dxbs-scheduler .dxbs-sc-viewcontainer .dxbs-sc-tm-line { display: block; } .dxbs-scheduler .dxsc-vertical-rh { position: relative !important; display: table-cell !important; z-index: 4; } .dxbs-scheduler tr > td.dxsc-gr-sep-vertical { width: 1px; padding: 0; box-sizing: content-box; } .dxbs-scheduler .dxsc-rh-center-wrap { display: inline-flex; display: -webkit-inline-flex; height: 100%; width: 100%; justify-content: center; align-items: center; } .dxbs-scheduler .dxIE.dxBrowserVersion-9 .dxsc-rh-center-wrap { width: auto; height: auto; } .dxbs-scheduler .dxsc-rh-text-wrapper { vertical-align: middle; overflow: hidden; text-overflow: ellipsis; } .dxbs-scheduler .dxsc-rh-text-wrapper span { white-space: nowrap; } .dxbs-scheduler .dxsc-rh-align-bottom .dxsc-rh-text-wrapper, .dxbs-scheduler .dxsc-rh-align-top .dxsc-rh-text-wrapper { display: block; } .dxFirefox .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-align-top .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption, .dxFirefox .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-align-bottom .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption { width: 100%; } .dxFirefox .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption, .dxSafari .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption, .dxMacOSMobilePlatform.dxChrome .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption { min-width: 15px; } .dxSafari.dxBrowserVersion-9 .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption, .dxSafari.dxBrowserVersion-10 .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption, .dxMacOSMobilePlatform.dxChrome .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption { max-width: 15px; } .dxIE.dxBrowserVersion-9 .dxbs-scheduler .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption { -ms-transform: rotate(180deg); } .dxIE.dxBrowserVersion-9 .dxbs-scheduler .dxsc-rh-align-bottom .dxsc-rh-text-wrapper, .dxIE.dxBrowserVersion-9 .dxbs-scheduler .dxsc-rh-align-top .dxsc-rh-text-wrapper { width: 100%; } .dxbs-scheduler .dxsc-day-hr, .dxbs-scheduler .dxsc-date-hr, .dxbs-scheduler .dxsc-horizontal-rh { font-weight: 600; overflow: hidden; } .dxbs-scheduler .dxsc-vertical-apt .dxsc-apt-images-container { padding-right: 0.2em; padding-bottom: 0.2em; } /* Agenda View */ .dxbs-scheduler .dxbs-agenda-view table, .dxbs-scheduler .dxsc-agenda-header-row table td, .dxbs-scheduler .dxsc-agenda-header-row table th { border: 0; } .dxbs-scheduler .dxbs-agenda-view { border-right: 0; border-left: 0; border-top: 0; } .dxbs-scheduler .dxsc-content-overflow .dxbs-agenda-view { border-bottom: 0; } .dxbs-scheduler table.dxbs-agenda-view > tr > td { padding: 0.5em; } .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-date-cell { border-bottom: 0; border-left: 0; } .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-appointment-cell { border-right: 0; } .dxbs-scheduler .dxsc-apt-end-arrow-cell, .dxbs-scheduler .dxsc-apt-time-cell, .dxbs-scheduler .dxsc-agenda-no-standard-images .dxsc-apt-main-content-cell, .dxbs-scheduler .dxsc-agenda-appointment-cell td:first-child { border-left: 0; } .dxbs-scheduler .dxsc-apt-start-arrow-cell, .dxbs-scheduler .dxsc-apt-time-cell, .dxbs-scheduler .dxsc-agenda-appointment-cell td:last-child { border-right: 0; } .dxbs-scheduler .dxsc-agenda-appointment-cell tr:first-child td { border-top: 0; } .dxbs-scheduler .dxsc-agenda-appointment-cell tr:last-child td { border-bottom: 0; } .dxbs-scheduler .dxsc-apt-time-cell { white-space: nowrap; } .dxbs-scheduler * > *:not(.dxsc-agenda-apt) > .dxbs-apt-back.dxsc-apt-time-table-wrapper, .dxbs-scheduler * > *:not(.dxsc-agenda-apt) > .dxbs-apt-back.dxsc-apt-start-arrow-cell, .dxbs-scheduler * > *:not(.dxsc-agenda-apt) > .dxbs-apt-back.dxsc-apt-time-cell, .dxbs-scheduler * > *:not(.dxsc-agenda-apt) > .dxbs-apt-back.dxsc-apt-end-arrow-cell { opacity: 0.7; } .dxbs-scheduler .dxsc-selected .dxbs-apt-back.dxsc-apt-time-table-wrapper, .dxbs-scheduler .dxsc-selected .dxbs-apt-back.dxsc-apt-start-arrow-cell, .dxbs-scheduler .dxsc-selected .dxbs-apt-back.dxsc-apt-time-cell, .dxbs-scheduler .dxsc-selected .dxbs-apt-back.dxsc-apt-end-arrow-cell { opacity: 1; } .dxbs-scheduler .dxbs-apt-back.dxsc-apt-time-table-wrapper .dxsc-apt-start-arrow-cell, .dxbs-scheduler .dxbs-apt-back.dxsc-apt-time-table-wrapper .dxsc-apt-time-cell, .dxbs-scheduler .dxbs-apt-back.dxsc-apt-time-table-wrapper .dxsc-apt-end-arrow-cell { background-color: transparent !important; opacity: 1 !important; } .dxbs-scheduler .dxbs-sc-viewcontainer.dxbs-agenda-view { position: static; } .dxbs-scheduler .dxsc-agenda-appointment-cell { position: relative; } .dxbs-scheduler .dxsc-agenda-empty-cell { text-align: center; border: 0; } .dxbs-scheduler .dxsc-agenda-day-cell { vertical-align: bottom; } .dxbs-scheduler .dxsc-agenda-date-cell, .dxbs-scheduler .dxsc-agenda-month-of-year-cell { vertical-align: top; } .dxbs-scheduler .dxbs-agenda-view.dxsc-agenda-horizontal-layout .dxsc-agenda-date-cell { width: 100%; } .dxbs-scheduler .dxsc-horizontal-header-cell { width: 100%; background-color: inherit; } .dxbs-scheduler td > .dxsc-agenda-fixed-header { position: relative; z-index: 1; } .dxbs-scheduler td:not(.dxsc-last-cell) > .dxsc-agenda-fixed-header { position: absolute; } .dxbs-scheduler .dxsc-agenda-appointment-cell { width: 100%; } .dxbs-scheduler .dxsc-agenda-float-header .dxsc-agenda-horizontal-header { position: relative; } .dxbs-scheduler .dxsc-agenda-vertical-layout .dxsc-agenda-float-header.dxsc-agenda-date-cell { vertical-align: bottom; } .dxbs-scheduler .dxsc-agenda-horizontal-header { padding-top: 1em; padding-left: 1em; padding-bottom: 1em; font-size: 1.1em; font-weight: 500; z-index: 2; } .dxbs-scheduler .dxbs-agenda-sc .dxsc-agenda-horizontal-header, .dxbs-scheduler .dxsc-agenda-horizontal-header.dxsc-agenda-fixed-header { border-top: 0; border-right: 0; z-index: 2; padding: 0.75rem; } .dxbs-scheduler .dxbs-agenda-sc .dxsc-agenda-horizontal-header.dxsc-agenda-fixed-header, .dxbs-scheduler .dxbs-agenda-sc .dxsc-agenda-float-header .dxsc-agenda-horizontal-header { background: white; } .dxbs-scheduler .dxbs-agenda-sc tr:not(:first-of-type) > td > .dxsc-agenda-horizontal-header.dxsc-agenda-fixed-header, .dxbs-scheduler .dxbs-agenda-sc tr:not(:first-of-type) > td.dxsc-agenda-float-header > .dxsc-agenda-horizontal-header { border-bottom: inherit; } .dxbs-scheduler .dxsc-agenda-horizontal-header-day { vertical-align: baseline; } .dxAndroidMobilePlatform .dxbs-scheduler .dxscApt.dxsc-agenda-apt, .dxEdge.dxTouchUI .dxbs-scheduler .dxscApt.dxsc-agenda-apt { touch-action: auto; -ms-touch-action: auto; } .dxbs-scheduler .dxsc-agenda-apt > table { width: 100%; height: inherit; border-collapse: collapse; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-status-cell { width: 0.5em; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-start-arrow-cell, .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-end-arrow-cell { width: 2em; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-start-arrow-cell { text-align: left; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-end-arrow-cell { text-align: right; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-icon-cell .dxsc-apt-images-container { padding-left: 1em; padding-right: 1em; } .dxbs-scheduler .dxsc-agenda-compact-time-cell .dxsc-agenda-apt .dxsc-apt-icon-cell .dxsc-apt-images-container { padding-left: 0; padding-right: 0; } .dxbs-scheduler .dxbs-agenda-view .dxsc-horizontal-header-cell, .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-appointment-cell { padding: 0; } .dxbs-scheduler .dxsc-agenda-apt .dxbs-apt-s { padding: 0 0.5em 0 0; } .dxbs-scheduler .dxsc-agenda-apt:not(.dxsc-agenda-no-standard-images) .dxsc-apt-icon-cell { border-right: 0; } .dxbs-scheduler .dxsc-agenda-apt:not(.dxsc-agenda-no-standard-images) .dxsc-apt-main-content-cell { border-left: 0; } .dxbs-scheduler .dxsc-agenda-no-standard-images .dxsc-apt-icon-cell, .dxbs-scheduler .dxsc-agenda-no-start-arrows.dxsc-agenda-no-time .dxsc-apt-start-arrow-cell, .dxbs-scheduler .dxsc-agenda-no-start-arrows.dxsc-agenda-no-time .dxsc-apt-end-arrow-cell { border-right: 0; border-left: 0; visibility: hidden; width: 0 !important; padding: 0 !important; } .dxbs-scheduler .dxsc-apt-main-content-cell { width: 100%; } .dxbs-scheduler .dxsc-apt-resource-cell { min-width: 10em; } .dxbs-scheduler .dxsc-positioning-wrapper { position: absolute; top: 0; left: 0; bottom: 0; } .dxbs-scheduler .dxbs-agenda-view .dxsc-apt-time-container span { font-size: 1em; } .dxbs-scheduler .dxsc-agenda-header-row .dxsc-agenda-date-cell { white-space: nowrap; padding: 0; } .dxbs-scheduler div > table.dxsc-agenda-fixed-header, .dxbs-scheduler div > .table.dxsc-agenda-fixed-header { position: absolute; } .dxbs-scheduler div > .table.dxsc-agenda-fixed-header { width: auto; margin-bottom: 0; } .dxbs-scheduler div > .table.dxsc-agenda-fixed-header td { border: 0; } .dxbs-scheduler .dxsc-agenda-date-cell .dxsc-agenda-month-of-year-cell, .dxbs-scheduler .table.dxsc-agenda-fixed-header .dxsc-agenda-month-of-year-cell, .dxbs-scheduler div > .table.dxsc-agenda-fixed-header .dxsc-agenda-date-cell { padding-top: 0; font-size: 0.8em; } .dxbs-scheduler .dxsc-agenda-date-cell .dxsc-agenda-day-of-week-cell, .dxbs-scheduler .table.dxsc-agenda-fixed-header .dxsc-agenda-day-of-week-cell, .dxbs-scheduler div > .table.dxsc-agenda-fixed-header .dxsc-agenda-day-of-week-cell { padding-bottom: 0; font-size: 1.2em; } .dxbs-scheduler .dxsc-agenda-date-cell .dxsc-agenda-day-cell, .dxbs-scheduler div > .table.dxsc-agenda-fixed-header .dxsc-agenda-day-cell { font-size: 3em; padding-right: 0; padding-top: 0; padding-bottom: 0; } .dxbs-scheduler tr.dxsc-agenda-apt > td { white-space: nowrap; } .dxbs-scheduler .dxsc-agenda-apt td.dxsc-apt-resource-cell { border-left: 0; border-right: 0; font-size: 0.8em; } .dxbs-scheduler .dxsc-agenda-apt td.dxsc-apt-main-content-cell { border-right: 0; } .dxbs-scheduler .dxsc-apt-time-cell { text-align: center; } .dxbs-scheduler .dxsc-agenda-horizontal-header { display: flex; justify-content: flex-start; white-space: nowrap; } .dxbs-scheduler .dxsc-agenda-horizontal-header .dxsc-agenda-horizontal-header-year { width: 100%; text-align: right; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-table-wrapper { padding: 0; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-table-wrapper table > tr > td { padding: 0.4em; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-table-wrapper table > tr > td.dxsc-apt-end-arrow-cell, .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-table-wrapper table > tr > td.dxsc-apt-start-arrow-cell { padding: 0.4em 0.4em 0; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-time-part-div td { border: 0; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-time-part-div td.dxsc-apt-time-cell { padding-top: 0; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-time-part-div .dxsc-apt-time-cell { font-size: 0.8em; } .dxbs-scheduler .dxsc-time-part-div > table { width: 100%; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-cell .dxsc-apt-time-container span { opacity: 1; font-size: 1em; } .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-header-row > td { border-left: 0; } .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-header-row:first-child > td, .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-header-row:first-child + tr > td { border-top: 0; } .dxbs-scheduler .dxbs-agenda-view > tr:last-child > td { border-bottom: 0; } .dxbs-scheduler .dxbs-agenda-view .dxsc-appointments-fixed-height .dxsc-agenda-apt .dxsc-height-wrapper { position: absolute; width: inherit; } .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-apt .dxsc-apt-subject-container, .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-apt .dxsc-apt-description-container, .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-apt .dxsc-apt-resource-cell .dxsc-height-wrapper { overflow: hidden; text-overflow: ellipsis; } .dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-subject-container, .dxbs-scheduler:not(.dxbs-sc-desktop) .dxsc-agenda-apt .dxsc-apt-resource-cell .dxsc-height-wrapper { word-wrap: break-word; white-space: normal; } .dxbs-scheduler .dxbs-agenda-view .dxsc-adaptivity-desktop .dxsc-appointments-fixed-height.dxsc-agenda-show-time .dxsc-apt-resource-cell .dxsc-height-wrapper { right: 0; padding-right: inherit; } .dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-resource-at-bottom .dxsc-apt-resource-cell .dxsc-height-wrapper { display: inline-flex; justify-content: space-between; width: 100%; white-space: nowrap; } .dxbs-scheduler .dxbs-agenda-view.dxsc-agenda-resource-at-bottom .dxbs-sc-res-bottom { font-size: 0.8em; margin-top: 0.4em; } /* Timeline view */ .dxbs-scheduler .dxbs-timeline-view { position: relative; overflow: hidden; margin-bottom: 0; } .dxbs-scheduler .dxsc-timeline-mainTable, .dxbs-scheduler .dxsc-timeline-mainTable table { table-layout: fixed; border-collapse: separate; border-spacing: 0; overflow: hidden; white-space: nowrap; margin: 0; } .dxbs-scheduler .dxsc-timeline-mainTable > thead > tr > td, .dxbs-scheduler .dxsc-timeline-mainTable > tbody > tr > td, .dxbs-scheduler .dxsc-timeline-mainTable .dxsc-gr-sep-horizontal { padding: 0; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } .dxbs-scheduler .dxsc-timeLine-scaleSubTable td { box-sizing: border-box; } .dxbs-scheduler .dxsc-timeLine-scaleSubTable th { overflow: hidden; text-overflow: ellipsis; } .dxbs-scheduler .dxsc-timeline-scrollLimiter { position: absolute; display: block; overflow-x: hidden; overflow-y: auto; } .dxsc-timeline-mainTable > tbody { position: relative; display: block; overflow: hidden; } .dxbs-scheduler .dxsc-timeline-scalesContainer .dxsc-tl-date-head { font-weight: 500; } .dxbs-scheduler .dxbs-timeline-view td, .dxbs-scheduler .dxsc-timeline-mainTable td { box-sizing: border-box; } .dxbs-scheduler .dxsc-timeline-horizontalContainer { border-collapse: separate; } .dxbs-scheduler .dxsc-timeline-horizontalContainer { table-layout: fixed; } .dxbs-scheduler .dxsc-timeline-horizontalContainer.notCulc { width: 100%; } .dxbs-scheduler .dxsc-timeline-mainTable { overflow: hidden; } .dxbs-scheduler .dxsc-timeline-scalesContainer, .dxbs-scheduler .dxsc-timeline-mainTable > thead { position: relative; display: block; z-index: 4; } .dxbs-scheduler .dxsc-timeline-resourcesContainer { position: relative; z-index: 1; } .dxbs-scheduler .dxsc-timeline-resourcesTable { table-layout: fixed; } .dxbs-scheduler .dxsc-timeline-mainTable .dxsc-leftCornerSys { position: relative; z-index: 3; padding: 0px; box-sizing: content-box; } .dxbs-scheduler .dxsc-timeline-commonContainer > * { display: inline-block; } .dxbs-scheduler .dxsc-rh-content .dxsc-rh-rotated-caption span { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; text-overflow: ellipsis; overflow: hidden; } .dxbs-scheduler .dxsc-timeline-mainTable { border: 0; } .dxbs-scheduler .dxsc-timeLine-scaleSubTable td, .dxbs-scheduler .dxsc-timeLine-scaleSubTable th { border-bottom: 0; } .dxbs-scheduler .dxsc-timeLine-scaleSubTable td:not(:last-child), .dxbs-scheduler .dxsc-timeLine-scaleSubTable th:not(:last-child) { border-right: 0; } .dxbs-scheduler .dxscFirstScale .dxsc-timeLine-scaleSubTable td, .dxbs-scheduler .dxscFirstScale .dxsc-timeLine-scaleSubTable th { border-top: 0; } .dxbs-scheduler .dxsc-timeLine-scaleSubTable th, .dxbs-scheduler .dxsc-timeLine-scaleSubTable td { text-align: center; font-weight: normal; } .dxbs-scheduler .dxsc-timeline-resourcesTable td { border-right: 0; } .dxbs-scheduler .dxsc-timeline-horizontalContainer td { border-right: 0; } .dxbs-scheduler .dxsc-timeline-mainTable .dxsc-gr-sep-horizontal { padding-top: 1px; } .dxbs-scheduler .dxsc-timeline-resourcesTable { border-collapse: separate; } .dxbs-scheduler .dxsc-timeline-commonContainer table tr:last-child td { border-bottom: 0; } .dxbs-scheduler .dxsc-timeline-resourcesTable .dxsc-vertical-rh { padding: 0.5em 0.25em; } .dxbs-scheduler .dxbs-sc-rh-norotate .dxsc-timeline-resourcesTable .dxsc-vertical-rh { padding: 1em 0.5em; } .dxbs-scheduler .dxsc-timeline-resourcesTable .dxsc-vertical-rh { border-left-width: 0px; } /* Month/Week View */ .dxbs-scheduler .dxbs-week-view { position: relative; width: 100%; border-collapse: separate; border-spacing: 0; border-width: 0px; table-layout: fixed; outline: none; margin-bottom: 0; } .dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head { background-color: rgba(0,0,0,0.05); } .dxbs-scheduler .dxbs-week-view .dxsc-horizontal-rh, .dxbs-scheduler .dxbs-week-view .dxsc-day-hr, .dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head { text-align: center; white-space: nowrap; padding-left: 0.1em; padding-right: 0.1em; } .dxbs-scheduler .dxbs-week-view .dxsc-horizontal-rh { border: 0px; } .dxbs-scheduler .dxbs-week-view .dxsc-vertical-rh { border-left-width: 0px; border-bottom-width: 0px; } .dxbs-scheduler .dxbs-week-view .dxsc-day-hr { border-left-width: 0px; border-bottom-width: 0px; } .dxbs-scheduler .dxbs-week-view tr:first-child > .dxsc-day-hr { border-top-width: 0px; } .dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head { border-left-width: 0px; } .dxbs-scheduler .dxbs-week-view .dxsc-date-cell-body { height: 120px; border-left-width: 0px; border-bottom-width: 0px; border-top-width: 0px; } .dxbs-scheduler .dxbs-week-view .dxsc-day-hr.dxscLastCell, .dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head.dxscLastCell, .dxbs-scheduler .dxbs-week-view .dxsc-date-cell-body.dxscLastCell { border-right-width: 0px; } .dxbs-scheduler .dxbs-week-view .dxsc-leftCornerSys { border-left-width: 0px; border-top-width: 0px; border-bottom-width: 0px; } .dxbs-scheduler .dxbs-week-view .dxsc-gr-sep-horizontal { border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; padding: 0; height: 2px; } .dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head { overflow: hidden; } .dxbs-scheduler .dxbs-sc-dvst .dxsc-time-cell-body:before { content: "."; color: transparent !important; opacity: 0 !important; } .dxbs-scheduler .dxsc-cell-touch-handle { position: absolute; z-index: 1; touch-action: pinch-zoom; box-sizing: border-box; } .dxbs-scheduler .dxsc-cell-touch-handle.dxsc-vertical-handle { height: 0.5em; margin-top: 0.5em; } .dxbs-scheduler .dxsc-cell-touch-handle.dxsc-horizontal-handle { width: 0.5em; margin-left: 0.25em; padding-left: 0; padding-right: 0; } .dxbs-scheduler .dxsc-cell-touch-handle:before { content: " "; border-style: solid; border-width: 1px; height: calc(100% + 2px); width: calc(100% + 2px); position: absolute; left: -1px; top: -1px; border-radius: inherit; } .dxbs-ribbon { outline: 0; } .dxbs-ribbon .card { margin-bottom: 0; } .dxbs-ribbon-default, .dxbs-ribbon-oneline .card-header-tabs { font-size: 0.9em; } .dxbs-ribbon .card-header-tabs.nav-pills { padding-bottom: 0.25rem; } .dxbs-r-qa .dxbs-r-btn-group { flex-shrink: 0; } .dxbs-ribbon .card-header { padding-top: 0.25em; } .dxbs-ribbon .dxbs-toolbar-custom { display: inline-flex; } .nav-link.dxbs-r-context:not(.active) { transform: scale(0.95) translateY(2.5%); position: relative; } .nav-link.dxbs-r-context:not(.active):before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: white; opacity: 0.6; z-index: -1; } .nav-link.dxbs-r-context:not(.active) > span { transform: scale(1.05); display: inline-flex; } [data-item-type="color"] .dxbs-submenu { padding: 0; } .dxbs-ribbon button.btn:not(:hover):not(.checked):not(.active):not(.dxbs-ce-btn-custom):not(.dxbs-r-preview-btn):not(.dxbs-ce-btn), .dxbs-ribbon button.btn:disabled:not(.dxbs-ce-btn-custom):not(.dxbs-r-preview-btn):not(.dxbs-ce-btn), .dxbs-ribbon button.btn.disabled:not(.dxbs-ce-btn-custom):not(.dxbs-r-preview-btn):not(.dxbs-ce-btn) { background-color: inherit; color: inherit; background-image: none; -webkit-box-shadow: none; box-shadow: none; } .dxIE .dxbs-ribbon button.btn:not(:hover):not(.checked):not(.active):not(.dxbs-ce-btn-custom):not(.dxbs-r-preview-btn):not(.dxbs-ce-btn) { background-color: transparent; } .dxbs-ribbon .btn-group, .dxbs-ribbon .btn-group-vertical, .dxbs-ribbon .card, .dxbs-ribbon .input-group-btn { position: static; } .dxbs-ribbon .dxbs-r-card-group .dxbs-dropdown-edit, .dxbs-ribbon .dxbs-r-card-group .dxbs-toolbar-editor.dxbs-dropdown-edit > div.input-group { position: static !important; } .dxbs-ribbon .dxbs-textbox.dxbs-toolbar-editor { flex-wrap: nowrap; } .dxbs-ribbon .dxbs-textbox.dxbs-toolbar-editor > .dxbs-edit-caption { white-space: nowrap; } /* page control */ .dxbs-ribbon > .card > .card-body { display: flex; background-color: inherit; padding: 0; } .dxbs-r-card-group { display: flex; flex-shrink: 0; flex-basis: 100%; background-color: inherit; } .dxbs-ribbon .dxbs-r-collapse, .dxbs-r-loading, .dxbs-ribbon .card:not(.modal-body) > .dxbs-r-gc, .dxbs-ribbon-oneline > .card > .card-body { overflow: hidden; } .dxbs-r-card-group > .card { background-color: inherit; display: flex; flex-flow: column nowrap; } /* change content */ .dxbs-ribbon-default .dxbs-r-card-group:not(.active) > .card { box-shadow: none; } .dxbs-ribbon-default .dxbs-r-card-group:not(.active) { transform: scaleX(0); } .dxbs-ribbon-default .dxbs-r-card-group { order: 1; } .dxbs-ribbon-default .dxbs-r-card-group.active { order: 0; } @keyframes tabchanging { 0% { overflow: hidden; } 100% { overflow: hidden; } } .dxbs-r-tabchanging:not(.dxbs-r-pin) { animation-duration: 0s; animation-name: tabchanging; } .dxbs-r-tabchanging .shift-to-left, .dxbs-r-tabchanging .shift-to-right, .dxbs-r-tabchanging .shift-from-left, .dxbs-r-tabchanging .shift-from-right { animation-duration: 0s; } @keyframes shift-to-left { from { transform: translateX(0%); } to { transform: translateX(-100%); } } @keyframes shift-to-right { from { transform: translateX(0%); } to { transform: translateX(100%); } } @keyframes shift-from-left { from { transform: translateX(-100%); } to { transform: translateX(0%); } } @keyframes shift-from-right { from { transform: translateX(100%); } to { transform: translateX(0%); } } .dxbs-r-tabchanging .shift-to-left { animation-name: shift-to-left; } .dxbs-r-tabchanging .shift-to-right { animation-name: shift-to-right; } .dxbs-r-tabchanging .shift-from-left { animation-name: shift-from-left; } .dxbs-r-tabchanging .shift-from-right { animation-name: shift-from-right; } /* hidden measurement elements*/ .dxbs-ribbon .dxbs-r-card-group > .dxbs-r-hidden { height: auto !important; max-height: none !important; display: inline-block; } .dxbs-ribbon .dxbs-r-hidden { position: absolute; top: -10000px; left: -10000px; width: 0px; height: 0px; border-width: 0px; } .dxbs-ribbon .dxbs-r-card-group > .dxbs-r-hidden { height: 100%; } .dxbs-ribbon .dxbs-r-hidden .dxbs-r-gc { display: flex; flex-direction: column; height: auto !important; max-height: none !important; } .dxbs-ribbon .dxbs-r-hidden .btn:before, .dxbs-ribbon .dxbs-r-hidden .card-footer:before { content: "R"; } .dxbs-ribbon .dxbs-r-hidden .tooltip { will-change: opacity; transition: opacity 0.5s ease 0s; } /*gallery*/ .dxbs-ribbon-default .dxbs-r-gc > .gallery-toolbar > div > .btn.gallery-collapse:not(:first-child) { margin: 0; padding: 0; overflow: hidden; max-width: 0; min-width: 0; } .dxbs-ribbon-default .dxbs-r-gc > .gallery-toolbar > div > .btn.gallery-item { margin: 0; } .dxbs-ribbon-default .gallery-toolbar .buttons .btn { flex-grow: 1; } .dxbs-3 .dxbs-ribbon-default .gallery-toolbar .buttons { display: flex; flex-direction: column; } .dxbs-3 .gallery-popup-control .gallery-item:not(.active):focus { background-color: inherit; border-color: inherit; } .dxbs-ribbon-default .dxbs-r-card-group .card.gallery-collapse { flex-shrink: 0; } .dxbs-ribbon .dxbs-r-b-sep, .dxbs-ribbon .dxbs-r-b-sep > .dxbs-r-btn-group, .dxbs-ribbon .dxbs-r-b-sep > .dxbs-r-btn-group > .dxbs-toolbar-custom { height: 100%; } .gallery-toolbar-item + .dropdown-menu { padding: 0; } .gallery-toolbar-item + .dropdown-menu .gallery-control { border-radius: 0.25em; } .dxbs-ribbon .gallery-item, .gallery .gallery-item { background-color: inherit; color: inherit; background-image: none; -webkit-box-shadow: none; box-shadow: none; border: none; max-width: 125px; min-width: 125px; } .dxbs-ribbon .btn.gallery-item.btn-secondary:not(:disabled):not(.disabled):focus, .gallery .btn.gallery-item.btn-secondary:not(:disabled):not(.disabled):focus { -webkit-box-shadow: none; box-shadow: none; } .dxbs-ribbon .gallery-item.btn span, .gallery-popup-control .gallery-item.btn span { width: 100%; text-overflow: ellipsis; overflow: hidden; display: inline-block; } .dxbs-ribbon-default .gallery-toolbar > .dxbs-r-btn-group { display: flex; } .gallery .gallery-item { margin-bottom: 10px; } .dxbs-ribbon-default .gallery-item { height: 100%; } .gallery .groupSeparator { flex: 1 100%; } .gallery .gallery-control { display: flex; flex-wrap: wrap; background-color: white; overflow-y: auto; } .gallery-popup-control .modal-body { padding: 0; } .gallery-popup-control .modal-content { overflow: hidden; } .gallery-control.border { border: none !important; } /*quick actions*/ .dxbs-r-qa > .dxbs-r-btn-group > .btn { margin-bottom: 0; } .dxbs-r-qa.no-btn-text .btn > span:not(.image) { display: none; } .dxbs-r-qa { align-self: baseline; } /*for more compact appearance*/ .dxbs-ribbon-gp .modal-body { padding: 0; } .dxbs-ribbon-default > .card .card .card-footer, .dxbs-ribbon-gp .card-footer { padding: 0.1rem 0.25rem; } .dxbs-ribbon > .card .card .card-body, .dxbs-ribbon-gp .card-body { padding: 0.25rem; } .dxbs-ribbon-default [data-item-type="color"] .dropdown-toggle { padding-left: 0.5rem; padding-right: 0.5rem; } .dxbs-ribbon-default .dxbs-r-gc > .dxbs-r-toolbar > div > .btn, .dxbs-ribbon-default .dxbs-r-gc > .dxbs-r-toolbar .dropdown-toggle:first-child { padding-left: 0.5rem; padding-right: 0.5rem; } .dxMobileUI .dxbs-ribbon > .card > .card-body { overflow-x: scroll; } /*IE*/ .dxIE .dxbs-toolbar-editor, .dxIE .dxbs-btn-group-oneline > * { display: inline-flex; } /*submenus*/ .dropdown-menu > ul.dx-dropdown-menu { list-style: inherit; margin: 0; padding: 0; } :not(.modal) > .dxbs-popup.dxbs-popup-lite, .dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area) { display: inline-flex; visibility: hidden; left: auto; top: auto; will-change: opacity; max-width: none; z-index: 1060; opacity: 0; transition: opacity ease 200ms; transform: translateX(-10000px) translateY(-10000px); } .dxbs-ribbon ul.dxbs-dm.dropdown-menu:not(.dxbs-dropdown-area) { display: block; } .dxbs-popup.dxbs-popup-lite.show, .dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area).show { visibility: visible; opacity: 1; } .dxbs-3 .dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area).show > .dropdown-menu { visibility: visible; opacity: 1; position: static; display: block; } .dxbs-3 .dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area) { position: absolute; } .dxbs-popup.dxbs-scrollable .modal-body, .dxbs-ribbon .dxbs-scrollable > ul.dx-dropdown-menu { overflow-y: auto; overflow-x: hidden; } .dxbs-ribbon .dxbs-scrollable > ul.dx-dropdown-menu { width: 100%; } /*tabcontrol parts*/ .dxbs-ribbon .dxbs-tabs-scrollable { flex-flow: row nowrap; align-items: flex-end; } .dxbs-ribbon .dxbs-tabs-scrollable .nav { flex: 1 auto; } .dxbs-ribbon .dxbs-tabs-scrollable.has-overflow .nav { padding: 0; } .dxbs-ribbon .dxbs-tabs-scrollable .card-header-tabs.dxbs-r-toolbar { margin-right: 0.25rem; } .dxbs-ribbon .dxbs-tabs-scrollable .card-header-tabs { margin-left: 0; } /* default element appearance overrides */ .dxbs-ribbon ul.dx-dropdown-menu > li > .dropdown-item { display: flex; align-items: center; } .dxbs-ribbon ul.dx-dropdown-menu > li > .dropdown-item > .popout.dropdown-toggle { margin-left: auto; transform: rotate(-90deg); } .dxbs-ribbon .btn { white-space: nowrap; } /*IE*/ .dxEdge *:not(.modal) > .dxbs-popup.dxbs-popup-lite, .dxEdge .dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area), .dxIE *:not(.modal) > .dxbs-popup.dxbs-popup-lite, .dxIE .dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area) { left: -10000px; top: -10000px; } /*after loaded*/ .dxbs-r-loaded .dxbs-hl { display: none; } .dxbs-ribbon-default span.image { display: inline-flex; position: relative; line-height: 1; } .dxbs-ribbon-default .card { transition: max-width 0.5s ease, min-width 0.5s ease, overflow 0.5s ease; } .dxbs-ribbon-default > .card .card .card-footer, .dxbs-ribbon-gp .card-footer { text-align: center; position: relative; } .dxbs-ribbon-default > .card > .card-body .card { border-left: 0; border-bottom: 0; border-top: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dxbs-ribbon .dxbs-r-gc, .dxbs-ribbon .dxbs-r-gc .dxbs-r-toolbar { display: inline-flex; } .dxbs-r-gc, .dxbs-r-card-group > .card > .card-footer, .dxbs-r-card-group > .card > .card-body { flex-shrink: 0; } .dxbs-r-card-group > .card { max-height: 100%; height: 100%; } .dxbs-r-b-hor:not(:last-child), .dxbs-r-b-large:not(:last-child) { margin-right: 0.5rem; } .dxbs-ribbon .dxbs-r-b-hor > *:not(:last-child) { margin-bottom: 0.25em; } .dxbs-ribbon .dxbs-r-b-hor { display: flex; flex-direction: column; } .dxbs-ribbon .dxbs-r-dl { position: absolute; right: 0; top: 100%; transform: translateY(-100%) rotate(-45deg); } .dxbs-ribbon .dxbs-r-toolbar > div:not(:first-child):not(:last-child) { margin-left: 0.25rem; } .dxbs-ribbon .dxbs-r-toolbar > div:not(:first-child):not(:last-child):before { content: " "; border-left-style: solid; border-left-width: 1px; display: inline-flex; margin-right: 0.25rem; vertical-align: middle; height: 1.5em; } .dxbs-r-toolbar > .dxbs-r-btn-group > .btn, .dxbs-r-toolbar > .dxbs-r-btn-group > .btn-group, .dxbs-r-toolbar > .dxbs-r-btn-group > .dxbs-toolbar-custom, .dxbs-r-hidden > .dxbs-r-gc > .btn { margin-right: 0.25rem; margin-bottom: 0.25rem; } .dxbs-ribbon-default .dxbs-r-qa .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom), .dxbs-ribbon-default .dxbs-r-b-hor .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom), .dxbs-ribbon-default .dxbs-r-b-regular .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom), .dxbs-ribbon-default .dxbs-r-b-large .dxbs-r-btn-group > .btn-group:not(:hover) > .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom), .dxbs-ribbon-default .dxbs-r-card-group .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom) { border-color: transparent; } .dxbs-r-dl { cursor: pointer; } .dxbs-r-toolbar { display: inline-flex; align-content: flex-start; align-items: flex-start; margin-bottom: 0.1em; } .dxbs-r-toolbar > .dxbs-r-btn-group-vertical { display: inline-flex; vertical-align: middle; flex-direction: column; align-items: flex-start; justify-content: center; } .dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-large .btn[data-item-color], .dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-regular .btn[data-item-color] { display: flex; flex-direction: column-reverse; } .dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-large .btn[data-item-color]:before, .dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-regular .btn[data-item-color]:before { content: " "; width: 100%; height: 0.3em; display: inline-block; border-width: 1px; border-style: solid; } .dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-hor .btn[data-item-color] { position: relative; } .dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-hor .btn[data-item-color]:before { content: "W"; color: transparent; position: absolute; overflow: hidden; height: 0.25rem; bottom: 0; transform: translateY(-100%); } .dxbs-ribbon .card-footer > div { display: inline-block; white-space: nowrap; } .dxbs-r-collapse, .dxbs-r-collapse .dxbs-r-gc, .dxbs-r-collapse .card-footer, .dxbs-ribbon-default .dxbs-r-card-group { transition: height 0.3s ease, max-height 0.3s ease; } .dxbs-r-collapse { height: 12em; max-height: 12em; } .dxbs-r-collapse .card:not(.dxbs-r-hidden) > .dxbs-r-gc { height: 10em; } .dxbs-r-collapse .card:not(.dxbs-r-hidden) > .card-footer { height: 2em; } .dxbs-r-collapse .dxbs-r-card-group { max-height: 100%; height: 100%; width: 100%; } .dxbs-r-collapse.dxbs-r-pin:not(.dxbs-r-h) { overflow: visible; z-index: 3; } .dxbs-r-pin:not(.dxbs-r-h), .dxbs-r-pin:not(.dxbs-r-h) .dxbs-r-card-group { border-bottom: inherit; } /*collapse*/ @keyframes ribbon-expand { 0% { position: relative; } 100% { position: relative; } } @keyframes ribbon-pin-expand { 0% { overflow: hidden; max-height: 0; } 100% { overflow: hidden; } } @keyframes ribbon-pin-collapse { 0% { position: static; } 100% { position: static; max-height: 0; } } @keyframes ribbon-pin-collapse-content { 0% { overflow: hidden; } 100% { overflow: hidden; max-height: 0; } } .dxbs-r-collapse.dxbs-r-h, .dxbs-r-collapse.dxbs-r-pin { max-height: 0 !important; } .dxbs-r-collapse:not(.dxbs-r-h):not(.dxbs-r-pin), .dxbs-r-collapse.dxbs-r-pin .dxbs-r-card-group, .dxbs-r-collapse.dxbs-r-pin.dxbs-r-h, .dxbs-r-collapse.dxbs-r-pin.dxbs-r-h .dxbs-r-card-group { animation-duration: 0.3s; } .dxbs-r-collapse:not(.dxbs-r-h):not(.dxbs-r-pin) { animation-name: ribbon-expand; } .dxbs-r-collapse.dxbs-r-pin .dxbs-r-card-group { animation-name: ribbon-pin-expand; } .dxbs-r-collapse.dxbs-r-pin.dxbs-r-h { animation-name: ribbon-pin-collapse; } .dxbs-r-collapse.dxbs-r-pin.dxbs-r-h .dxbs-r-card-group { animation-name: ribbon-pin-collapse-content; } /*minimized state*/ .card.dxbs-r-minimize-card { border-right: 0; flex-direction: column; justify-content: flex-end; flex-grow: 1; flex-shrink: 0; } .dxbs-ribbon > .card .card .card-body.dxbs-r-minimize-wrapper { padding: 0; flex-grow: 0; align-self: flex-end; } .dxbs-r-minimize.btn { border: 0; } /*regular*/ .dxbs-r-b-regular, .dxbs-r-b-regular > .dxbs-r-btn-group { display: inline-flex; flex-wrap: wrap; height: 100%; max-height: 100%; align-items: flex-start; align-content: flex-start; } /*horizontal items*/ .dxbs-r-collapse .dxbs-r-gc .dxbs-r-b-hor.compact .dxbs-r-btn-group-vertical .btn > .image { margin: 0; } .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn, .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group { width: 100%; } .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn, .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group, .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group > .btn:first-child { text-align: left; display: inline-flex; align-items: center; } .dxbs-r-b-hor > .dxbs-r-btn-group-vertical:not(:last-child), .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > *:not(:last-child) { margin-bottom: 0.25rem; } /*large items*/ .dxbs-r-b-large > .dxbs-r-btn-group, .dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical, .dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn:first-child { height: 100%; max-height: 100%; } .dxbs-r-b-large > .dxbs-r-btn-group { display: flex; } .dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical, .dxbs-r-b-large > .dxbs-r-btn-group > .btn, .dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn:first-child { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .dxbs-r-b-large > .dxbs-r-btn-group > .btn { display: inline-flex; justify-content: center; margin-bottom: 0; border-color: transparent; } .dxbs-ribbon .dxbs-r-toolbar.dxbs-r-b-large > .dxbs-r-btn-group > .btn > span.image, .dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn:first-child > .image { margin: 0; font-size: 2rem; } .dxbs-r-b-large .btn[data-item-color] .image { order: 1; } .dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-large .btn[data-item-color]:before { order: 2; margin-top: 0.25rem; width: 3rem; } .dxbs-r-b-large .btn[data-item-color] span:last-child { order: 3; } .dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn.dropdown-toggle { justify-content: center; } .dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn.dropdown-toggle:after { margin-bottom: -0.3em; } .dxbs-r-toolbar.dxbs-r-b-large > .dxbs-r-btn-group > .btn { margin-right: 0; } /*group header*/ .dxbs-r-card-group > .card > .card-header { background-color: transparent; border-bottom: none; padding: 0; } .dxbs-r-card-group > .card > .card-header .btn { display: inline-flex; flex-direction: column; align-items: center; border-color: transparent; margin: 0.5em; } .dxbs-r-card-group > .card > .card-header .btn span { margin: 0; color: inherit; background-color: inherit; border-color: transparent; } .dxbs-r-card-group > .card > .card-header .btn > span.image { font-size: 250%; margin: 0.25em 0; } .dxbs-r-card-group > .card:not(.preview) > .card-header { height: 0; overflow: hidden; border: 0; } .dxbs-r-card-group.active > .card.preview > .card-header { min-height: 100%; } /*adaptivity*/ .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn > span:not(.image), .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group > .btn > span:not(.image) { display: inline-flex; overflow: hidden; } .dxbs-r-loading .dxbs-r-b-regular > .dxbs-r-btn-group > .dxbs-toolbar-custom, .dxbs-r-loading .dxbs-r-b-hor { flex-shrink: 0; } .dxbs-r-collapse .compact .dxbs-r-btn-group-vertical > .btn > span:not(.image):not(:only-child), .dxbs-r-collapse .compact .dxbs-r-btn-group-vertical > .btn-group > .btn > span:not(.image):not(:only-child) { max-width: 0; } .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn > span:not(.image), .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group > .btn > span:not(.image) { transition: max-width ease 0.5s; } .dxbs-ribbon-gp .modal-body { border: 0; } /*pre-init state*/ .dxbs-ribbon-default.dxbs-r-loading .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn > span:not(.image), .dxbs-ribbon-default.dxbs-r-loading .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group > .btn > span:not(.image), .dxbs-ribbon-default.dxbs-r-loading .card { transition: none !important; } /*BS3*/ .dxbs-3 .dxbs-ribbon-default > .card { display: flex; flex-flow: column nowrap; } .dxbs-3 .dxbs-ribbon-default .dxbs-tabs-scrollable .nav:before { display: none; } .dxbs-ribbon-oneline .dxbs-r-qa .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom), .dxbs-ribbon-oneline .dxbs-r-grp > .btn, .dxbs-ribbon-oneline .dxbs-r-grp > .btn-group > .btn, .dxbs-ribbon-oneline .dxbs-r-grp-gallery .btn.dropdown-toggle, .dxbs-ribbon-oneline .dxbs-dropdown-toolbar .block-i.btn, .dxbs-ribbon-oneline .dxbs-dropdown-toolbar .block-i > .btn { border-color: transparent; } .dxbs-ribbon-oneline .dxbs-toolbar span.image { top: 0; } .dxbs-r-at { display: none; } .dxbs-r-ab > .btn, .dxbs-r-grp > .btn, .dxbs-r-grp > .btn-group > .btn, .dxbs-dropdown-toolbar .block-i.btn, .dxbs-dropdown-toolbar .block-i > .btn { display: inline-flex; align-items: center; } .dxbs-r-grp .btn.disabled { opacity: 0.3; } .dxbs-toolbar > .dxbs-r-grp, .dxbs-toolbar > .dxbs-r-grp-gallery { padding: 0.25rem 0.5rem; border-right-style: solid; border-right-width: 1px; } .dxbs-r-grp > .dxbs-toolbar-custom:not(:first-child), .dxbs-r-grp > .dxbs-toolbar-custom.dxbs-toolbar-checkbox-item:first-child { margin-left: 0.25rem; } .dxbs-r-grp .input-group, .dxbs-r-grp .dxbs-dropdown-edit.dxbs-toolbar-editor > .input-group, .dxbs-ribbon-oneline .dxbs-r-card-group .dxbs-toolbar { flex-wrap: nowrap; align-items: center; } .dxbs-r-grp .dxbs-dropdown-edit.dxbs-toolbar-editor > .input-group { align-items: stretch; } .dxbs-ribbon-oneline .card-body, .dxbs-ribbon-oneline .dxbs-r-card-group, .dxbs-ribbon-oneline .dxbs-r-card-group .dxbs-toolbar, .dxbs-r-grp, .dxbs-r-grp-gallery { border-color: inherit; background-color: inherit; } .dxbs-r-grp > .dxbs-toolbar-custom.dxbs-toolbar-checkbox-item:not(:last-child) { margin-right: calc(4 * 0.25rem); } .dxbs-ribbon-oneline .btn-group > .btn { border-radius: 0; } /*dropdown-toolbar*/ .dxbs-dropdown-toolbar .dxbs-r-at { display: inline-flex; } .dxbs-dropdown-toolbar > div > .btn { text-align: left; } .dxbs-dropdown-toolbar, .dxbs-dropdown-toolbar > .btn-group-vertical { display: flex; flex: 1 1; } .dxbs-dropdown-toolbar > .btn-group-vertical > .dxbs-toolbar-custom { padding: 0.25rem 0.5rem; max-width: none; } .dxbs-dropdown-toolbar > .btn-group-vertical > .btn-group > .dropdown-toggle::after, .dxbs-dropdown-toolbar > .btn-group-vertical > .btn-group > .btn { display: inline-flex; } .dxbs-dropdown-toolbar > .btn-group-vertical > .btn-group > .dropdown-toggle::after { transform: rotate(-90deg); } .dxbs-dropdown-toolbar > .btn-group-vertical > .btn-group > .btn { align-items: center; justify-content: space-between; border-radius: 0; flex: 1 1; } .dxbs-dropdown-toolbar > .btn-group-vertical > [data-toggle="toolbar-dropdownmode"] > .dropdown-toggle { flex: 0 1; } .dxbs-ribbon-oneline .dxbs-toolbar-checkbox { display: inline-flex; align-items: center; } .dxbs-ribbon-oneline .dxbs-toolbar-checkbox .form-check-input { margin-top: 0; } .dxbs-r-grp-gallery > .btn > span:not(.image) { display: inline; } .dxbs-r-grp > div > .btn[data-item-color], .dxbs-dropdown-toolbar > div > div > .btn[data-item-color] { position: relative; } .dxbs-r-grp > div > .btn[data-item-color]:before, .dxbs-dropdown-toolbar > div > div > .btn[data-item-color]:before { content: "W"; color: transparent; position: absolute; overflow: hidden; height: 0.25rem; bottom: 0; transform: translateY(-100%); } .dxbs-r-grp-gallery > .gallery-item { max-width: 125px; min-width: 125px; overflow: hidden; text-overflow: ellipsis; } /*adaptive submenu template*/ .dxbs-ribbon-oneline .modal-header { padding-top: 0.5rem; padding-bottom: 0.5rem; flex: 0 0 auto; white-space: nowrap; } .dxbs-ribbon-oneline .modal-content, .dxbs-ribbon-oneline .modal-body { position: static; } .dxbs-ribbon-oneline .modal-body { padding: 0.1rem; flex: 0 1 auto; overflow: auto; } .dxbs-ribbon-oneline .modal-title { white-space: nowrap; font-weight: 600; } .dxbs-r-ab > .dxbs-submenu { padding: 0; border: 0; } .dxbs-r-grp-gallery .modal-content { flex-wrap: nowrap; flex: 1 1 auto; } .dxbs-r-grp-gallery .modal-body { min-width: calc(375px + 2rem); display: flex; flex-flow: row wrap; padding: 0.5rem; justify-content: flex-start; align-items: flex-start; box-sizing: content-box; } .dxbs-r-atb .gallery-item { display: inline-flex; flex: 0 0 33%; max-width: 125px; text-align: left; margin-right: 0.25rem; } .dxbs-ribbon-oneline .dxbs-r-card-group, .dxbs-ribbon-oneline:not(.dxbs-r-loaded) .dxbs-dm, .dxbs-ribbon-oneline:not(.dxbs-r-loaded) > .dxbs-r-hidden { display: none; } .dxbs-ribbon-oneline .dxbs-r-card-group.active, .dxbs-ribbon-oneline.dxbs-lb-process .dxbs-r-card-group { display: inline-flex; } /*during loading - can move but leave same size*/ .dxbs-r-loading .dxbs-r-grp { overflow: hidden; z-index: 1; } .dxbs-r-loading .dxbs-r-grp .dxbs-r-ab, .dxbs-r-loading.dxbs-lb-process .dxbs-r-card-group:not(.active) { position: absolute; top: -10000px; left: -10000px; opacity: 0; } /*IE*/ .dxbs-r-grp > .dxbs-toolbar-custom { display: inline-flex; flex: 1 0 auto; } .dxbs-ribbon-oneline .btn span { flex: 1 0 auto; text-align: left; } .dxbs-r-grp, .dxbs-r-grp-gallery, .dxbs-ribbon-oneline .btn span.image, .dxbs-ribbon-oneline .btn span.popout { flex: 0 0 auto; } /*overrides*/ .dxbs-ribbon-oneline .dxbs-r-card-group > .dxbs-toolbar > .btn-group { margin: 0; } /*layout states*/ .dxbs-r-loaded .block-g { flex: 0 0 auto; align-self: stretch; } .dxbs-r-loaded .block-i.dxbs-r-ab:not(:only-child):not(.dxbs-r-atb), .dxbs-r-loaded .block-g > .block-i.item-h ~ .dxbs-r-ab > .dropdown-toggle span:not(.image), .dxbs-r-loaded .block-g > .block-i.item-h ~ .dxbs-r-ab > .dropdown-toggle:after, .dxbs-r-loaded .block-g > .block-i.item-h:not(:only-child), .dxbs-r-loaded .block-g > .block-i.item-h ~ .block-i:not(:only-child), .dxbs-r-loaded .block-g.item-h > .dxbs-r-ab:not(:only-child) > .dropdown-toggle span:not(.image), .dxbs-r-loaded .block-g.item-h > .dxbs-r-ab:not(:only-child) > .dropdown-toggle:after, .dxbs-r-loaded .block-g.item-h ~ .block-g > .block-i:not(:only-child):not(.dxbs-r-ab), .dxbs-r-loaded .block-g > .block-i.item-text-h > span:not(.image), .dxbs-r-loaded .block-g > .block-i.item-text-h > .btn > span:not(.image), .dxbs-r-loaded .block-g > .block-i.item-text-h ~ .block-i:not(.dxbs-r-ab) > span:not(.image), .dxbs-r-loaded .block-g > .block-i.item-text-h ~ .block-i:not(.dxbs-r-ab) > .btn > span:not(.image), .dxbs-r-loaded .block-g.item-text-h ~ .block-g > .block-i:not(.dxbs-r-ab) > span:not(.image), .dxbs-r-loaded .block-g.item-text-h ~ .block-g > .block-i:not(.dxbs-r-ab) > .btn > span:not(.image), .dxbs-r-loaded .dxbs-toolbar.item .dxbs-r-atb > .dropdown-toggle span:not(.image), .dxbs-r-loaded .dxbs-toolbar.item .dxbs-r-atb > .dropdown-toggle:after, .dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-atb > .dropdown-toggle span:not(.image), .dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-atb > .dropdown-toggle:after, .dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child) > span:not(.image):not(.popout), .dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child) > .btn > span:not(.image):not(.popout), .dxbs-r-loaded .dxbs-toolbar.item-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child), .dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a > .block-i > span:not(.image):not(.popout), .dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a > .block-i > .btn > span:not(.image):not(.popout), .dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a ~ .block-g > .block-i > span:not(.image):not(.popout), .dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a ~ .block-g > .block-i > .btn > span:not(.image):not(.popout) { display: none; } .dxbs-r-loaded .block-g > .block-i.item-text-h > span.image, .dxbs-r-loaded .block-g > .block-i.item-text-h > .btn > span.image, .dxbs-r-loaded .block-g > .block-i.item-text-h ~ .block-i:not(.dxbs-r-ab) > span.image, .dxbs-r-loaded .block-g > .block-i.item-text-h ~ .block-i:not(.dxbs-r-ab) > .btn > span.image, .dxbs-r-loaded .block-g.item-text-h ~ .block-g > .block-i:not(.dxbs-r-ab) > span.image, .dxbs-r-loaded .block-g.item-text-h ~ .block-g > .block-i:not(.dxbs-r-ab) > .btn > span.image, .dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child) > span.image, .dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child) > .btn > span.image, .dxbs-r-loaded .block-g.item-h > .dxbs-r-ab:not(:only-child) > .btn > span.image, .dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a > .block-i > span.image, .dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a > .block-i > .btn > span.image, .dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a ~ .block-g > .block-i > span.image, .dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a ~ .block-g > .block-i > .btn > span.image { margin: 0; } .dxbs-r-loaded .block-g > .block-i.item-h.dxbs-r-ab, .dxbs-r-loaded .block-g > .block-i.item-h ~ .block-i.dxbs-r-ab, .dxbs-r-loaded .block-g.item-h > .block-i.dxbs-r-ab, .dxbs-r-loaded .block-g.item-h ~ .block-g > .block-i.dxbs-r-ab, .dxbs-r-loaded .dxbs-toolbar.item-h > .block-g > .block-i.dxbs-r-ab, .dxbs-r-loaded .dxbs-toolbar.item-h > .block-g > .block-i:only-child { display: inline-flex; } .dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-atb > .dropdown-toggle:after, .dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-atb > .dropdown-toggle span:not(.image), .dxbs-r-loaded .dxbs-toolbar > .block-g.dxbs-r-grp-gallery > .block-i.gallery-item > span.gallery-item-text, .dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g.dxbs-r-grp-gallery > .block-i:not(.dxbs-r-atb):not(.dxbs-r-ab):not(:only-child) > span:not(.image):not(.popout) { display: inline; } /*BS3*/ .dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar { display: flex; } .dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar > .dxbs-r-grp, .dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar > .dxbs-r-grp > div, .dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar > .dxbs-r-grp > button { display: inline-flex; } .dxbs-3 .dxbs-ribbon-oneline .dxbs-r-card-group span.image, .dxbs-3 .dxbs-ribbon-oneline .dxbs-r-card-group span.image:before { font-size: 16px; } .dxbs-3 .dxbs-ribbon-oneline .dxbs-tabs-scrollable .nav:before { display: none; } .dxbs-3 .dxbs-ribbon-oneline .dxbs-dropdown-toolbar, .dxbs-3 .dxbs-ribbon-oneline .dxbs-dropdown-toolbar > .btn-group-vertical { flex-direction: column; } .dxbs-3 .dxbs-ribbon-oneline .dxbs-dropdown-toolbar::before, .dxbs-3 .dxbs-ribbon-oneline .dxbs-dropdown-toolbar::after { display: none !important; } .dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar { align-items: stretch; } .dxbs-3 .dxbs-ribbon-oneline .block-i { display: inline-flex; } .dxbs-file-manager:focus { outline: none; } .dxbs-file-manager.card, .dxbs-file-manager > .card-body > .row > .card { display: flex; display: -ms-flexbox; flex-flow: column nowrap; -ms-flex-flow: column nowrap; margin-bottom: 0; } .dxbs-file-manager > .card-body, .dxbs-file-manager > .card-body > .row { display: flex; display: -ms-flexbox; flex: 1 1 auto; -ms-flex: 1 1 auto; } .dxbs-file-manager > .card-body { min-height: 0px; } .dxbs-file-manager > .card-body > .row { max-width: 100%; } .dxbs-file-manager > .card-body > .row > .dxbs-folder-container { flex: 0 0 auto; -ms-flex: 0 0 auto; } .dxbs-file-manager > .card-body > .row > .card { flex: 1 1 0px; -ms-flex: 1 1 0px; } .dxbs-file-manager > .card-body > .row > .card > .card-body { flex: 1 1 100%; -ms-flex: 1 1 100%; } .dxbs-file-manager > .card-body > .row > .card > .card-header, .dxbs-file-manager > .card-body > .row > .card > .card-footer { flex: 1 0 auto; -ms-flex: 1 0 auto; } .dxbs-file-manager > .card-header { background: none; } .dxbs-file-manager > .card-body { padding: 0; overflow: hidden; } .dxbs-file-manager > .card-body > .row { margin: 0; position: relative; } .dxbs-file-manager .dxbs-fm-toolbar { position: relative; } .dxbs-file-manager .dxbs-fm-toolbar > .btn-group, .dxbs-file-manager .dxbs-fm-toolbar > .input-group { margin-bottom: 0; } .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label, .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox > div, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox .col-form-label, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox > div { display: table-cell; } .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox .col-form-label { padding-right: 0.5rem; } .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-filterbox { margin-left: 0; float: right; } .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-filterbox + .btn-group { margin-right: 0.5rem; } .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter > div:not(.dxbs-fm-filterbox) { visibility: hidden; } .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox .dxbs-textbox { display: table-cell; } .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox .dxbs-textbox > div { display: block; } .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox .dxbs-fm-filterbox-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox .dxbs-textbox .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox .dxbs-textbox .form-control:not(:focus) { border-right: none; } .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox .dxbs-fm-filterbox-toggle:focus, .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox .dxbs-textbox .form-control:focus { z-index: 2; } .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox { position: absolute; width: 100%; max-width: none !important; right: 0; z-index: 2; } .dxbs-file-manager .dxbs-fm-toolbar:not(.dxbs-fm-expanded-filter) .dxbs-fm-filterbox .dxbs-fm-filterbox-toggle > .image:not(:first-child), .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox .dxbs-fm-filterbox-toggle > .image:first-child { display: none; } .dxbs-file-manager .dxbs-fm-toolbar > .btn-group > .btn > span.image.mr-0 { margin-right: 0; } .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-toolbar-am { margin-bottom: 0; padding: 0; } .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-toolbar-am .disabled { pointer-events: none; } .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-toolbar-am button { border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; width: 100%; border-radius: 0; text-align: left; margin: 0; } .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-toolbar-am button:not(.disabled):not(:hover):not(:focus) { background: none; color: inherit; } .dxbs-file-manager.dxbs-loaded .dxbs-fm-toolbar .dxbs-fm-toolbar-ai:not(.fm-collapsed-operators), .dxbs-file-manager .dxbs-fm-toolbar .btn-group > .btn:not(.dxbs-fm-toolbar-ai).fm-collapsed-operators, .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-pathbox.fm-hidden-path, .dxbs-file-manager .dxbs-fm-toolbar:not(.dxbs-fm-expanded-filter) .dxbs-fm-filterbox.fm-collapsible-filter .dxbs-textbox, .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-filterbox:not(.fm-collapsible-filter) .dxbs-fm-filterbox-toggle { display: none; } .dxbs-file-manager:not(.dxbs-loaded) > .card-header { overflow: hidden; } .dxbs-file-manager:not(.dxbs-loaded) .dxbs-fm-toolbar .dxbs-fm-filterbox { position: relative; } .dxbs-file-manager:not(.dxbs-loaded) .dxbs-fm-toolbar .dxbs-fm-toolbar-ai:not(.fm-collapsed-operators) { visibility: hidden; } .dxbs-file-manager:not(.dxbs-loaded) .dxbs-fm-toolbar .dxbs-fm-filterbox .dxbs-fm-filterbox-toggle { display: block; visibility: hidden; position: absolute; right: 0; } .dxbs-file-manager .dxbs-folder-container { padding: 0.75rem 0; overflow: auto; max-height: 100%; } .dxbs-file-manager .dxbs-folder-container:not(.dxbs-folder-container-max) { max-width: 50%; display: flex; display: -ms-flexbox; } .dxbs-file-manager .dxbs-folder-container .dxbs-tree { white-space: nowrap; } .dxbs-file-manager .dxbs-tree > ul.nav { margin-left: 1.25rem; margin-right: 1.25rem; } .dxbs-file-manager .dxbs-tree ul.nav ul.nav { margin-right: 0; } .dxbs-file-manager .dxbs-tree ul.nav > li:not(.active) > a:not(.active):not(.disabled) { color: inherit; } .dxbs-file-manager .dxbs-folder-container.dxbs-folder-container-max { position: absolute; width: 100%; height: 100%; overflow-y: auto; overflow-x: auto; z-index: 1; } .dxbs-file-manager .dxbs-folder-container.dxbs-folder-container-max ~ div { visibility: hidden; } .dxbs-file-manager > .card-body > .row > .card { padding: 0; border-radius: 0; border-top: none; border-right: none; border-bottom: none; max-height: 100%; overflow: hidden; } .dxbs-file-manager > .card-body > .row > .d-none + .card { border-left: none; } .dxbs-file-manager > .card-body > .row > .card > .card-header, .dxbs-file-manager > .card-body > .row > .card > .card-footer { background: none; } .dxbs-file-manager > .card-body > .row > .card > .card-body > .row { margin: 0; position: relative; } .dxbs-file-manager .dxbs-details-container { padding: 0; } .dxbs-file-manager .dxbs-details-container .dxbs-gridview, .dxbs-file-manager .dxbs-details-container .dxbs-gridview:focus { outline: none; } .dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card { background: none; border: none; border-radius: 0; margin: 0; } .dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card > .dxgvCSD { border-bottom: none; } .dxbs-file-manager .dxbs-details-container .dxbs-gridview .dxgvArm > th:last-child { border-right: 0; } .dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-cmd-cb, .dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb { margin-left: auto; margin-right: auto; } .dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card .dxbs-table > tbody > tr > td:not(.dxfm-fileThumb) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxbs-file-manager .dxbs-details-container .dxbs-gridview .dxfm-fileName > .mark, .dxbs-file-manager .dxbs-file-container .dxbs-fm-item-title > .mark { padding-left: 0; padding-right: 0; } .dxbs-file-manager .dxbs-file-container:not(.dxbs-details-container) { overflow-y: auto; overflow-x: hidden; } .dxbs-file-manager .dxbs-file-container.dxbs-details-container { /*overflow-y: auto; overflow-x: auto;*/ } .dxbs-file-manager .dxbs-file-container .row > div:not(.dxbs-fm-page-indent) { padding: 0 0.25rem 0.5rem; position: relative; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-item { padding: 0.25rem 0; text-align: center; cursor: pointer; position: relative; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-item:not(.dxbs-fm-focus) { border-color: transparent !important; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-item .form-check { visibility: hidden; margin: 0; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-item:not(.dxfm-filterViewRow) .form-check { text-align: left; position: absolute; top: 0; left: 0.25rem; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-item .form-check input, .dxbs-file-manager .dxbs-file-container .dxbs-fm-item .form-check input:before, .dxbs-file-manager .dxbs-file-container .dxbs-fm-item .form-check input:after, .dxbs-file-manager .dxbs-file-container .dxbs-fm-details .dxbs-cmd-cb.form-check input, .dxbs-file-manager .dxbs-file-container .dxbs-fm-details .dxbs-cmd-cb.form-check input:before, .dxbs-file-manager .dxbs-file-container .dxbs-fm-details .dxbs-cmd-cb.form-check input:after { color: inherit; border-color: currentColor; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxfm-filterViewRow .form-check, .dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxbs-fm-select-active .form-check, .dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxbs-fm-select-inactive .form-check, .dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxbs-fm-hover .form-check, .dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxbs-fm-focus .form-check { visibility: visible; } .dxbs-file-manager .dxbs-folder-container .dxbs-fm-select-inactive:not(:hover), .dxbs-file-manager .dxbs-file-container tr.dxbs-fm-select-inactive > td { position: relative; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive:not(.dxfm-filterViewRow):not(tr):not(.dxbs-fm-hover), .dxbs-file-manager .dxbs-file-container .dxbs-fm-hover:not(.dxfm-filterViewRow):not(.dxbs-fm-select-active):not(.dxbs-fm-select-inactive) { position: static; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive:not(.dxfm-filterViewRow):not(tr):not(.dxbs-fm-hover) .form-check, .dxbs-file-manager .dxbs-file-container .dxbs-fm-hover:not(.dxfm-filterViewRow):not(.dxbs-fm-select-active):not(.dxbs-fm-select-inactive) .form-check { left: 0.5rem; border: inherit; border-color: transparent; border-image: none; } .dxbs-file-manager .dxbs-folder-container .dxbs-fm-select-inactive:not(:hover):before, .dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive:not(tr):not(.dxbs-fm-hover):before, .dxbs-file-manager .dxbs-file-container tr.dxbs-fm-select-inactive > td:before, .dxbs-file-manager .dxbs-file-container .dxbs-fm-hover:not(.dxbs-fm-select-active):not(.dxbs-fm-select-inactive):before { content: ' '; position: absolute; background-color: #fff; border-radius: inherit; opacity: .2; } .dxbs-file-manager .dxbs-folder-container .dxbs-fm-select-inactive:not(:hover):before, .dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive.dxfm-filterViewRow:before, .dxbs-file-manager .dxbs-file-container tr.dxbs-fm-select-inactive > td:before { left: 0; top: 0; width: 100%; height: 100%; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive:not(.dxfm-filterViewRow):not(tr):not(.dxbs-fm-hover):before, .dxbs-file-manager .dxbs-file-container .dxbs-fm-hover:not(.dxfm-filterViewRow):not(.dxbs-fm-select-active):not(.dxbs-fm-select-inactive):before { left: 0.25rem; top: 0; width: calc(100% - 0.5rem); height: calc(100% - 0.5rem); } .dxbs-file-manager .dxbs-file-container .dxbs-fm-item > .dxbs-fm-item-thumbnail { font-size: 3rem; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-item > .dxbs-fm-item-title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxbs-file-manager .dxbs-file-container .dxbs-fm-item > img { vertical-align: baseline; } .dxbs-file-manager .dxbs-fm-breadcrumb { padding: 0; margin: 0; } .dxbs-file-manager .dxbs-fm-breadcrumb .breadcrumb { margin: 0; background: none; border-radius: 0; } .dxbs-file-manager .dxbs-fm-breadcrumb li { white-space: nowrap; } .dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn:not(.active) { cursor: pointer; } .dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn:not(.dropdown) { border-right: 1px solid currentColor; padding-right: 0.5rem; } .dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn:not(.dropdown) + li, .dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn.d-none.dropdown + li { padding-left: 0; } .dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn:before, .dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn.d-none + li:not(.dxbs-fm-breadcrumb-btn):before { content: ""; padding-left: 0; } .dxbs-file-manager .dxbs-fm-breadcrumb .dropdown-menu { display: none; position: absolute; padding: 0; margin: 0; width: auto; min-width: 0; } .dxbs-file-manager .dxbs-fm-upload-panel { display: flex; display: -ms-flexbox; flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; -ms-flex-align: start; } .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc { align-self: center; -ms-flex-item-align: center; } .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc .dxbs-inputs, .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*="_ProgressPanel"] { display: inline-table; } .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*="_ProgressPanel"] .progress { margin: 0; } .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc .dxbs-inputs > div, .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*="_ProgressPanel"] > div { display: table-cell; vertical-align: middle; } .dxbs-file-manager .dxbs-fm-page-indent { height: 0px; padding: 0; margin: 0; border: 0px none; clear: both; } .dxbs-file-manager .dxbs-fm-renamebox.form-control, .dxbs-file-manager .dxbs-fm-createbox.form-control { display: inline-block; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .dxbs-file-manager .dxbs-fm-modal-uploading .modal-body { text-align: right; } .dxbs-file-manager .dxbs-fm-modal-uploading .modal-body .form-control-plaintext { display: block; } .dxbs-file-manager .dxbs-fm-modal-uploading .modal-body .form-control-plaintext, .dxbs-file-manager .dxbs-fm-modal-uploading .modal-body .dxbs-progress { text-align: left; } .dxbs-file-manager .dxbs-fm-modal-uploading .dxbs-fm-modal-btn[data-toggle="cancel"] { padding-left: 0; padding-right: 0; } .dxbs-file-manager .dxfm-filterViewRow { display: flex; display: -ms-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; width: 100%; border: none !important; } .dxbs-file-manager .dxbs-file-container .row > div.dxbs-fm-item.dxfm-filterViewRow { padding: 0.5rem; } .dxbs-file-manager .dxfm-filterViewRow:not(:last-of-type) { margin-bottom: 0.5rem; } .dxbs-file-manager .dxfm-filterViewRow > div { display: block; flex: 1 1 auto; -ms-flex: 1 1 auto; width: auto; } .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewImageCell { flex: 1 0 auto; -ms-flex: 1 0 auto; } .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewCheckBoxCell { align-self: center; -ms-flex-item-align: center; } @media (max-width: 991.98px) { .dxbs-file-manager .dxfm-filterViewRow span.dxfm-fvtt { display: block; } } @media (min-width: 576px) { .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewFileNameCell { flex: 1 0 40%; -ms-flex: 1 0 40%; } .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewDateCell { flex: 1 0 30%; -ms-flex: 1 0 30%; } } @media (max-width: 575.98px) { .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewDateCell, .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewSizeCell { display: none; } .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewFileNameCell { flex: 1 1 100%; -ms-flex: 1 1 100%; } } .dxbs-file-manager .dxfm-filterViewRow .mark { padding-left: 0; padding-right: 0; } .dxbs-cardview > .card { display: block; } .dxbs-cardview .dxbs-card .form-check.form-check-inline { margin-bottom: 0; } .dxbs-cardview .dxbs-card .form-check.form-check-inline input { margin-right: 0; } .dxbs-cardview .dxbs-popup[id*="_DXHFP"] > .modal-content > .modal-header { display: block; } .dxbs-chart .dxbs-export-btn, .dxbs-range-selector .dxbs-export-btn { float: none; position: absolute; right: 0; } .btn.dxbs-export-btn.dxbs-export-btn-title { margin-bottom: 0; } .dxbs-button:not([disabled]) { cursor: pointer; } .form-inline .dxbs-button-edit > div.input-group, .form-inline .dxbs-spin-edit > div.input-group, .form-inline .dxbs-dropdown-edit > div.input-group, .form-inline .dxbs-spin-edit > div:not(.dxbs-out-of-range-warn), .form-inline .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp), .dxbs-button-edit > div.input-group, .dxbs-spin-edit > div.input-group, .dxbs-dropdown-edit > div.input-group { display: flex; display: -ms-flexbox; } .dxbs-uc div.input-group { display: flex; display: -ms-flexbox; } .dxbs-button-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend), .dxbs-spin-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-out-of-range-warn), .dxbs-dropdown-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp), .dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) { width: 1%; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; justify-content: center; -ms-flex-pack: center; } .dxbs-button-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend), .dxbs-spin-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-out-of-range-warn), .dxbs-dropdown-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp), .dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend), .dxbs-button-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control, .dxbs-spin-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-out-of-range-warn) > .form-control, .dxbs-dropdown-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control, .dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control { flex: 1 1 auto; -ms-flex: 1 1 auto; } .dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus, .dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus, .dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus, .dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus { z-index: 3; } .form-inline .dxbs-textbox, .form-inline .input-group .dxbs-textbox, .form-inline .dxbs-memo, .form-inline .input-group .dxbs-memo, .form-inline .dxbs-button-edit, .form-inline .input-group .dxbs-button-edit, .form-inline .dxbs-spin-edit, .form-inline .input-group .dxbs-spin-edit, .form-inline .dxbs-dropdown-edit, .form-inline .input-group .dxbs-dropdown-edit, .form-inline .dxbs-combobox, .form-inline .dxbs-tagbox, .form-inline .dxbs-edit-error-frame { display: flex; display: -ms-flexbox; flex-flow: row wrap; -ms-flex-flow: row wrap; align-items: center; -ms-flex-align: center; } .input-group .dxbs-textbox, .input-group .dxbs-memo, .input-group .dxbs-button-edit, .input-group .dxbs-spin-edit, .input-group .dxbs-dropdown-edit { display: block; width: auto; flex: 1 1 auto; -ms-flex: 1 1 auto; } .input-group .dxbs-textbox > div, .input-group .dxbs-memo > div, .input-group .dxbs-button-edit > div:not(.input-group), .input-group .dxbs-spin-edit > div:not(.dxbs-out-of-range-warn):not(.input-group), .input-group .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(.input-group) { display: block; } @media (max-width: 576px) { .form-inline .dxbs-textbox, .form-inline .dxbs-memo, .form-inline .dxbs-button-edit, .form-inline .dxbs-spin-edit, .form-inline .dxbs-dropdown-edit, .form-inline .dxbs-combobox, .form-inline .dxbs-tagbox { width: 100%; } .form-inline .dxbs-textbox > div, .form-inline .dxbs-memo > div, .form-inline .dxbs-button-edit > div:not(.input-group), .form-inline .dxbs-spin-edit > div:not(.input-group):not(.dxbs-out-of-range-warn), .form-inline .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(.input-group) { display: block; width: 100%; } } .dxbs-textbox > div > input.form-control, .dxbs-memo > div > input.form-control, .dxbs-button-edit > div:not(.input-group) > input.form-control, .dxbs-spin-edit > div:not(.input-group) > input.form-control, .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(.input-group) > input.form-control, .dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > input.form-control, .dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > input.form-control, .dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > input.form-control { width: 100%; } .form-inline .dxbs-textbox .dxbs-feedback, .form-inline .dxbs-memo .dxbs-feedback, .form-inline .dxbs-button-edit .dxbs-feedback, .form-inline .dxbs-button-edit .input-group .dxbs-feedback, .form-inline .dxbs-dropdown-edit .dxbs-feedback, .form-inline .dxbs-dropdown-edit .input-group .dxbs-feedback, .form-inline .dxbs-spin-edit .dxbs-feedback, .form-inline .dxbs-spin-edit .input-group .dxbs-feedback, .form-inline .dxbs-uc .input-group .dxbs-feedback, .dxbs-textbox .dxbs-feedback, .dxbs-memo .dxbs-feedback, .dxbs-button-edit .dxbs-feedback, .dxbs-button-edit .input-group .dxbs-feedback, .dxbs-dropdown-edit .dxbs-feedback, .dxbs-dropdown-edit .input-group .dxbs-feedback, .dxbs-spin-edit .dxbs-feedback, .dxbs-spin-edit .input-group .dxbs-feedback, .dxbs-uc .input-group .dxbs-feedback { position: absolute; text-align: center; } .form-inline .dxbs-button-edit .input-group .dxbs-feedback, .form-inline .dxbs-dropdown-edit .input-group .dxbs-feedback, .form-inline .dxbs-spin-edit .dxbs-feedback, .form-inline .dxbs-spin-edit .input-group .dxbs-feedback, .form-inline .dxbs-uc .input-group .dxbs-feedback, .dxbs-button-edit .input-group .dxbs-feedback, .dxbs-dropdown-edit .input-group .dxbs-feedback, .dxbs-spin-edit .dxbs-feedback, .dxbs-spin-edit .input-group .dxbs-feedback .dxbs-uc .input-group .dxbs-feedback { margin-top: 0; } .form-inline .dxbs-textbox .dxbs-feedback, .form-inline .dxbs-memo .dxbs-feedback, .form-inline .dxbs-button-edit .dxbs-feedback, .form-inline .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) .dxbs-feedback, .form-inline .dxbs-uc .input-group .dxbs-feedback, .dxbs-textbox .dxbs-feedback, .dxbs-textbox .form-control.is-invalid ~ .dxbs-feedback, .dxbs-memo .dxbs-feedback, .dxbs-memo .form-control.is-invalid ~ .dxbs-feedback, .dxbs-button-edit .dxbs-feedback, .dxbs-button-edit .form-control.is-invalid ~ .dxbs-feedback, .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) .dxbs-feedback, .dxbs-dropdown-edit .form-control.is-invalid ~ .dxbs-feedback, .dxbs-uc .input-group .dxbs-feedback { display: flex; display: -ms-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; align-items: center; -ms-flex-align: center; top: 0; margin-top: 0; height: 100%; } .dxbs-textbox .form-control.is-invalid, .dxbs-memo .form-control.is-invalid, .dxbs-button-edit .form-control.is-invalid, .dxbs-dropdown-edit .form-control.is-invalid { background-image: none; } .dxbs-textbox .dxbs-feedback > .dxbs-clear-btn, .dxbs-textbox .dxbs-feedback > [data-error-image], .dxbs-memo .dxbs-feedback > .dxbs-clear-btn, .dxbs-memo .dxbs-feedback > [data-error-image], .dxbs-button-edit .dxbs-feedback > .dxbs-clear-btn, .dxbs-button-edit .dxbs-feedback > [data-error-image], .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) .dxbs-feedback > .dxbs-clear-btn, .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) .dxbs-feedback > [data-error-image], .dxbs-uc .input-group .dxbs-feedback > .dxbs-clear-btn { display: flex; display: -ms-flexbox; white-space: nowrap; align-items: center; -ms-flex-align: center; } .dxbs-edit-error-frame .dxbs-feedback.invalid-feedback, .dxbs-edit-error-text.invalid-feedback { display: block; } .form-inline .dxbs-edit-error-text.invalid-feedback { width: auto; } .dxbs-edit-error-frame [data-error-image].invalid-feedback, .dxbs-cbl .dxbs-feedback.invalid-feedback { display: inline-block; width: auto; margin-top: 0; } .form-inline .dxbs-button-edit > .input-group ~ .dxbs-feedback, .form-inline .dxbs-dropdown-edit > .input-group ~ .dxbs-feedback { top: auto; } .dxbs-button-edit > .input-group ~ .dxbs-feedback, .dxbs-dropdown-edit > .input-group ~ .dxbs-feedback { top: 0; bottom: 0.5rem; right: 0; } .dxbs-button-edit > .input-group ~ .dxbs-feedback.invalid-feedback, .dxbs-dropdown-edit > .input-group ~ .dxbs-feedback.invalid-feedback, .dxbs-spin-edit > .input-group ~ .dxbs-feedback.invalid-feedback { width: auto; } .form-inline .dxbs-spin-edit > .input-group ~ .dxbs-feedback, .dxbs-spin-edit > .input-group ~ .dxbs-feedback { height: auto; top: calc(100% - 2.5em); right: 0; } .form-inline .dxbs-spin-edit .dxbs-feedback, .form-inline .dxbs-spin-edit .input-group .dxbs-feedback, .dxbs-spin-edit .dxbs-feedback, .dxbs-spin-edit .input-group .dxbs-feedback { height: 100%; } .dxbs-spin-edit .form-control.is-invalid ~ .dxbs-feedback.invalid-feedback, .dxbs-spin-edit .dxbs-feedback.invalid-feedback { display: flex; display: -ms-flexbox; } .dxbs-spin-btn-group .increment .inc, .dxbs-spin-btn-group .increment .dec { align-items: center; -ms-flex-align: center; } .dxbs-spin-btn-group .dxbs-edit-btn .dropdown-toggle:after { margin: 0; } .dxbs-spin-btn-group .increment .dec .dropdown-toggle { transform: rotate(360deg); } .dxbs-clear-btn, .dxbs-spin-btn-group .dxbs-edit-btn { font-size: 1rem; } .dxbs-spin-btn-group .dxbs-edit-btn > * { line-height: 1; } .form-inline .dxbs-spin-edit div .dxbs-feedback, .form-inline .dxbs-spin-edit .input-group div .dxbs-feedback, .dxbs-spin-edit div .dxbs-feedback, .dxbs-spin-edit .input-group div .dxbs-feedback { top: 0; } .dxbs-listbox.list-group > li, .dxbs-listbox > .list-group > li, .dxbs-listbox.list-group .list-group-item, .dxbs-listbox > .list-group .list-group-item { display: block; } .dxbs-listbox.list-group > li, .dxbs-listbox > .list-group > li { flex: 0 1 auto; -ms-flex: 0 0 auto; } .dxbs-listbox.list-group > li[data-type="spacer"], .dxbs-listbox > .list-group > li[data-type="spacer"] { -ms-flex: 1 0 auto; flex: 1 0 auto; } .dxbs-listbox > li span.image, .dxbs-listbox > ul > li span.image { min-width: 1em; } .dxbs-listbox > li > .form-check.form-check-inline, .dxbs-listbox > ul > li > .form-check.form-check-inline { margin-right: 0; } .dxbs-listbox > li > .form-check > label, .dxbs-listbox > ul > li > .form-check > label { display: inline-block; position: relative; } .dxbs-listbox.card > .dxbs-list-filter > .input-group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .dxbs-listbox.card > .card-header .dxbs-list-filter-show { display: flex; display: -ms-flexbox; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .dxbs-popup[id*="_DXHFP"]:not(.hf-list) > .modal-content > .modal-header { -ms-flex-direction: column; flex-direction: column; } .dxbs-tagbox .dxbs-tag { display: inline-flex; display: -ms-inline-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; align-items: center; -ms-flex-align: center; max-width: 100%; } .dxbs-tagbox .dxbs-tag > span { -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .dxbs-tagbox .dxbs-tag > span.dxbs-tag-remove-btn { -ms-flex: 1 0 auto; flex: 1 0 auto; } .dxbs-calendar, .dxbs-calendar.card { display: inline-flex; display: -ms-inline-flexbox; flex-direction: column; -ms-flex-direction: column; } .dxbs-calendar .dxbs-month-table > tbody > tr > td:not(.table-active):not(.dxbs-today), .dxbs-calendar .dxbs-month-table > tbody > tr > th, .dxbs-calendar .dxbs-fast-nav .table > tbody > tr > td:not(.table-active) { border-color: transparent; border-image: none; border-radius: 0; } .dxbs-calendar .table-sm th, .dxbs-calendar .table-sm td { padding: 0.3rem; } .dxbs-calendar .dxbs-month-table.table-bordered, .dxbs-calendar .dxbs-fast-nav .table-bordered { border: none; border-collapse: separate; border-spacing: 0; border-radius: 0; } .dxbs-calendar .dxbs-month-table > tbody > tr > td.dxbs-today { border-color: currentColor; } .dxbs-calendar .btn-toolbar > .btn + .btn { margin-left: 0.4em; } .dxbs-fast-nav.dropdown-menu, .dxbs-dropdown-area.dropdown-menu { display: none; position: absolute; margin-bottom: 0px; padding: 0px; } .dxbs-calendar .btn:not(.disabled) { cursor: pointer; } .dxbs-edit-error-frame { position: relative; } .dxbs-edit-error-frame:not(.dxbs-cbl) .dxbs-feedback { position: absolute; right: 0; } .dxbs-uc .input-group input.form-control { width: 100%; } .dxbs-uc .input-group .dxbs-feedback { position: absolute; right: 0; } .dxbs-listbox.dx-dropdown-menu > li > .dropdown-item > .badge { float: none; } .dxbs-uc .dxbs-file-list, .dxbs-uc .dxbs-file-list > li > div, .dxbs-uc .dxbs-file-list li > button { display: block; } .dxbs-uc .dxbs-file-list > li { display: flex; display: -ms-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; align-items: baseline; -ms-flex-align: baseline; } .dxbs-drop-zone > div, .dxbs-binary-image > div, .dxbs-binary-image .bin-img-tbl { display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; justify-content: center; -ms-flex-pack: center; } .dxbs-drop-zone > div > div, .dxbs-binary-image > div > div, .dxbs-binary-image .bin-img-text-panel .bin-img-tbl > div, .dxbs-binary-image .bin-img-panel > .bin-img-tbl > div, .dxbs-binary-image .bin-img-progress-panel > .bin-img-tbl > div { display: block; } .dxbs-coloredit .input-group > div:first-child { flex-direction: row !important; } .dxbs-coloredit .dxbs-coloredit-ci { display: inline-flex; max-height: calc(100% - 2 * 0.25rem); align-self: center; width: 2em; height: 100%; margin-left: 0.25rem; margin-right: calc(-2em - 0.25rem); background-color: transparent; z-index: 5; padding: 0; border-color: transparent; } .dxbs-gridview > .card { display: block; } .dxbs-gridview > .card > .dxbs-table.table-bordered { border-left: 0; border-right: 0; } .dxbs-gridview > .card > .table-bordered:first-child, .dxbs-gridview > .card > .table-bordered:first-child > thead > tr > th, .dxbs-gridview > .card > .table-bordered:first-child > tbody:first-child > tr:first-child > td { border-top: 0; } .dxbs-gridview > .card > .table-bordered:last-child { border-bottom: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr.bg-primary.text-white > td a { color: inherit; } .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-cmd-cb label, .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb label { padding-left: 0; } .dxbs-gridview > .card .dxbs-table > thead > tr > th:not(.dxbs-cmd-cell) > button, .dxbs-gridview > .card .dxbs-table > thead > tr > th:not(.dxbs-cmd-cell) > button > * { line-height: inherit; } .dxbs-gridview > .card .card-body .dxbs-search-panel > .input-group, .dxbs-cardview > .card .card-body .dxbs-search-panel > .input-group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .dxbs-gridview .dxbs-popup[id*="_DXHFP"] > .modal-content > .modal-header { display: block; } .dxbs-gridview .dxbs-cd-column-item .btn.btn-link, .dxbs-gridview .dxbs-cd-filter-item .btn.btn-link { cursor: pointer; } .dxbs-gridview .dxbs-cd-column-item.card { flex-flow: row; -ms-flex-flow: row; align-items: center; -ms-flex-align: center; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UFSC .modal-header { display: block; } .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UFSC > .form-check { margin-top: 1em; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .dxgBCTC > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .dxgBCTC > .form-check.form-check-inline { margin-bottom: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline, .dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-cmd-cb input, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline input, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline input, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline input, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .form-check.form-check-inline input, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline input { margin-right: 0; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline.dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline.dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline.dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .form-check.form-check-inline.dxbs-cmd-cb { margin-left: 1em; margin-right: 1em; } .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .btn + .form-check.form-check-inline.dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .btn + .form-check.form-check-inline.dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .btn + .form-check.form-check-inline.dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .btn + .form-check.form-check-inline.dxbs-cmd-cb, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .dxgBCTC > .btn + .form-check.form-check-inline.dxbs-cmd-cb { margin-left: 0.5em; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADCC, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADCMDC, .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > .form-check.form-check-inline:not(.check-adaptive), .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > div[data-dxci] > .form-check.form-check-inline { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > div[data-dxci] { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; margin-bottom: -0.75rem; } .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-cbl > div > .column-element > div { padding-left: 1rem; } .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-listbox.dx-dropdown-menu > li > .dropdown-item.form-check { padding: 0.5rem 1rem; } .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-listbox.dx-dropdown-menu > li > .dropdown-item:not(.active):not(.disabled):not(:hover):not(:focus):not(:active), .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-listbox.dx-dropdown-menu > li > .dropdown-item label, .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-listbox.card .form-check:not(.active):not(.disabled):not(:active):not(:hover):not(:focus), .dxbs-popup[id*="_DXHFP"].modal-dialog .dxbs-listbox.card a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus), .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .form-check:not(.active):not(.disabled):not(:active):not(:hover):not(:focus), .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus) { color: inherit; } .dxbs-gridview .dxbs-cd-header { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .dxbs-gridview .dxbs-cd-header > div { display: block; flex: 1 1 auto; -ms-flex: 1 1 auto; } .dxbs-gridview .dxbs-cd-column-item.card.card-body > div { display: block; } .dxbs-gridview .dxbs-th.card > .card-body, .dxbs-cardview .dxbs-th.card > .card-body { display: flex; display: -ms-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; align-items: center; -ms-flex-align: center; } .dxbs-gridview .dxbs-th.card > .card-body > a:not(:last-child), .dxbs-gridview .dxbs-th.card > .card-body > span:not(:last-child), .dxbs-cardview .dxbs-th.card > .card-body > a:not(:last-child), .dxbs-cardview .dxbs-th.card > .card-body > span:not(:last-child) { display: inline-block; } .dxbs-gridview .dxbs-th.card > .card-body > .h-icons, .dxbs-cardview .dxbs-th.card > .card-body > .h-icons { display: block; width: auto; } .dxbs-fl .dxbs-fl-cpt { font-weight: bold; } .dxbs-fl.form-horizontal .row > div > .form-text { margin-bottom: 0.6em; } @media (min-width: 992px) { .dxbs-fl.form-horizontal .form-group > .dxbs-fl-ctrl { align-self: center; -ms-flex-item-align: center; } } .dxbs-fl.form-horizontal .form-group { display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; width: 100%; } @media (min-width: 992px) { .dxbs-fl.form-horizontal .form-group { flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .dxbs-fl.form-horizontal .form-group > .col-form-label { flex: 1 0 auto; -ms-flex: 1 0 auto; } } .dxbs-fl.form-horizontal .form-group > .col-form-label { margin-bottom: 0; } .dxbs-fl .dxbs-fl-gd, .dxbs-fl .dxbs-fl-gt { margin-top: 1rem; } .dxbs-fl .dxbs-fl-gd { margin-bottom: 1rem; } .dxbs-fl .dxbs-fl-g > .row, .dxbs-fl .dxbs-fl-gd > .card > .row, .dxbs-fl .dxbs-fl-gr + .row:not(.dxbs-fl-gr) { padding-top: 1rem; } .dxbs-popup .modal-header .close-btn { float: none; } .dxbs-popup .modal-content { display: block; } .dxbs-popup .btn-toolbar > .btn:not(:first-child) { margin-left: 0.4em; } :not(.modal) > .dxbs-popup-fixed-width { max-width: none; min-width: 0; } .dxbs-acc ul.nav > li > a:not(.disabled) { cursor: pointer; } .dxbs-menu ul.nav > li > a:not(.disabled), .dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item:not(.disabled), .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item:not(.disabled), .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item:not(.disabled) { cursor: pointer; } .dxbs-menu ul.nav.nav-justified > li.separator { flex: 0 0; -ms-flex: 0 0; padding: 0 0.4em; } .dxbs-menu ul.flex-column > li > a > span.popout, .dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span.popout { top: 0; bottom: 0; } .dxbs-menu ul > li > a > .badge { margin-left: 0.4em; } .dxbs-menu .dxbs-navbar { padding: 0 1em; } .dxbs-toolbar > .btn-group > .btn-group[data-toggle='toolbar-dropdownmode'] > .dropdown-toggle::after { margin-left: 0; } .dxbs-toolbar > .btn-group { margin-bottom: 0.1rem; } .dxbs-toolbar > .btn-group:not(:last-child) { margin-right: 0.5rem; } .dxbs-pager .pagination > li > a:not(.disabled) { cursor: pointer; } .dxbs-pager .page-size.form-inline .input-group { display: flex; display: -ms-flexbox; } .dxbs-pager .page-size.form-inline .input-group .form-control { padding-left: 0.75rem; padding-right: 0.75rem; } .dxbs-tabs ul.nav > li > a:not(.disabled) { cursor: pointer; } .dxbs-tree ul.nav > li > a:not(.disabled) { cursor: pointer; } .dxbs-tree ul.flex-column { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .dxbs-tree ul.nav > li > a > span + .badge { margin-left: 0.3em; } .dxbs-pager:before, .dxbs-pager:after { display: none; content: ""; } .dxbs-pager, .dxbs-gridview .dxbs-pager { display: flex; display: -ms-flexbox; flex-flow: row wrap; -ms-flex-flow: row wrap; align-items: center; -ms-flex-align: center; } .dxbs-pager .summary.form-inline, .dxbs-pager .pagination, .dxbs-pager .summary.form-inline.left, .dxbs-pager .pagination.left, .dxbs-pager .page-size.form-inline, .dxbs-pager .page-size.form-inline.left { float: none; } .dxbs-pager .page-size.form-inline { margin-left: 0; margin-right: 0; } .dxbs-acc > .card > .card-header { display: flex; display: -ms-flexbox; flex-flow: row wrap; -ms-flex-flow: row wrap; align-items: center; -ms-flex-align: center; } .dxbs-acc .card-header .expand-btn:last-child { float: none; } .dxbs-acc .card-header .card-title { margin-bottom: 0; } .dxbs-tabs .dxbs-right { justify-content: flex-end; -ms-flex-pack: end; } .dxbs-tabs .dxbs-right > li { float: none; } .dxbs-r-b-large > .dxbs-r-btn-group > .btn > span:not(.image), .dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn > span:not(.image) { white-space: normal; min-width: 3em; } .dxbs-ribbon-oneline .dxbs-r-card-group span.image, .dxbs-ribbon-oneline .dxbs-r-card-group span.image:before { font-size: 1rem; } /*Toolbar*/ .dxbs-file-manager .dxbs-fm-toolbar { flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox { display: inline-flex; display: -ms-inline-flexbox; } .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label, .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox > div, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox .col-form-label, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox > div { display: block; } .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox .col-form-label { flex: 1 1 auto; -ms-flex: 1 1 auto; white-space: nowrap; } .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox > div, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox > div { flex: 1 1 100%; -ms-flex: 1 1 100%; } .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .form-control, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox .form-control { text-overflow: ellipsis; } .dxbs-file-manager .dxbs-fm-pathbox:not(:only-child), .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox .col-form-label { margin-right: 0.5rem; } .dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label, .dxbs-file-manager .dxbs-fm-filterbox .dxbs-textbox .col-form-label { padding-right: 0; } .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-filterbox:not(:only-child) { margin-left: auto; order: 1; } .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-toolbar-ai.dropdown-toggle::after { content: ""; border: none; margin: 0; } @media (min-width: 992px) { .dxbs-file-manager .dxbs-file-container .row > div:not(.dxbs-fm-page-indent) { min-width: 6.5rem; } } .dxbs-file-manager .dxbs-fm-pathbox { min-width: 20rem; } .dxbs-file-manager .dxbs-folder-container, .dxbs-file-manager .dxbs-folder-container .dxbs-tree { display: flex; display: -ms-flexbox; min-height: 0px; } .dxbs-file-manager .dxbs-folder-container .dxbs-tree, .dxbs-file-manager .dxbs-folder-container .dxbs-tree > ul.nav { flex: 1 0 auto; -ms-flex: 1 0 auto; } .dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-filterbox { float: none; flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .dxbs-file-manager .dxbs-fm-toolbar:not(.dxbs-fm-expanded-filter) .dxbs-fm-filterbox .dxbs-textbox { min-width: 10rem; } .dxbs-file-manager .dxbs-fm-toolbar.dxbs-fm-expanded-filter .dxbs-fm-filterbox .dxbs-textbox { display: block; } .dxbs-file-manager .dxbs-fm-page-indent { flex: 1 0 100%; -ms-flex: 1 0 100%; } .dxbs-file-manager .dxbs-fm-breadcrumb .breadcrumb { flex-wrap: nowrap; -ms-flex-wrap: nowrap; } .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc .dxbs-inputs, .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*="_ProgressPanel"] { display: inline-flex; display: -ms-inline-flexbox; } .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*="_ProgressPanel"] { flex-flow: column nowrap; -ms-flex-flow: column nowrap; justify-content: center; -ms-flex-pack: center; } .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc .dxbs-inputs > div, .dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*="_ProgressPanel"] > div { display: block; } .dxbs-file-manager .dxbs-fm-modal .modal-content { display: flex; display: -ms-flexbox; } @font-face { font-family: dxbs-icons; src: url('/DXR.axd?r=23_83-FA2nm'); src: url('/DXR.axd?r=23_83-FA2nm?#iefix') format('eot'), url('/DXR.axd?r=23_87-FA2nm') format('woff2'), url('/DXR.axd?r=23_86-FA2nm') format('woff'), url('/DXR.axd?r=23_85-FA2nm') format('truetype'), url('/DXR.axd?r=23_84-FA2nm') format('svg'); } .dxbs-icon { position: relative; top: 2px; display: inline-block; text-rendering: auto; font-family: "dxbs-icons" !important; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .dxbs-icon::before { vertical-align: top; } .dxbs-icon-angle-down::before { content: "\e001"; } .dxbs-icon-angle-left::before { content: "\e002"; } .dxbs-icon-angle-right::before { content: "\e003"; } .dxbs-icon-angle-up::before { content: "\e004"; } .dxbs-icon-arrow-down::before { content: "\e005"; } .dxbs-icon-arrow-level-up::before { content: "\e006"; } .dxbs-icon-arrow-rounded-left::before { content: "\e007"; } .dxbs-icon-arrow-rounded-right::before { content: "\e008"; } .dxbs-icon-arrow-up::before { content: "\e009"; } .dxbs-icon-arrows::before { content: "\e00a"; } .dxbs-icon-backward::before { content: "\e00b"; } .dxbs-icon-bell::before { content: "\e00c"; } .dxbs-icon-check::before { content: "\e00d"; } .dxbs-icon-checked::before { content: "\e00e"; } .dxbs-icon-collapse::before { content: "\e00f"; } .dxbs-icon-copy::before { content: "\e010"; } .dxbs-icon-create-folder::before { content: "\e011"; } .dxbs-icon-download::before { content: "\e012"; } .dxbs-icon-edit::before { content: "\e013"; } .dxbs-icon-ellipsis::before { content: "\e014"; } .dxbs-icon-error::before { content: "\e015"; } .dxbs-icon-exp::before { content: "\e016"; } .dxbs-icon-fast-backward::before { content: "\e017"; } .dxbs-icon-fast-forward::before { content: "\e018"; } .dxbs-icon-file-excel::before { content: "\e019"; } .dxbs-icon-file-image::before { content: "\e01a"; } .dxbs-icon-file-pdf::before { content: "\e01b"; } .dxbs-icon-file-powerpoint::before { content: "\e01c"; } .dxbs-icon-file-text::before { content: "\e01d"; } .dxbs-icon-file-word::before { content: "\e01e"; } .dxbs-icon-file::before { content: "\e01f"; } .dxbs-icon-filter::before { content: "\e020"; } .dxbs-icon-folder-locked-rounded::before { content: "\e021"; } .dxbs-icon-folder-locked::before { content: "\e022"; } .dxbs-icon-folder-open::before { content: "\e023"; } .dxbs-icon-folder-rounded::before { content: "\e024"; } .dxbs-icon-folder-up::before { content: "\e025"; } .dxbs-icon-folder::before { content: "\e026"; } .dxbs-icon-forward::before { content: "\e027"; } .dxbs-icon-gear::before { content: "\e028"; } .dxbs-icon-hamburger::before { content: "\e029"; } .dxbs-icon-indeterminate::before { content: "\e02a"; } .dxbs-icon-list::before { content: "\e02b"; } .dxbs-icon-minus::before { content: "\e02c"; } .dxbs-icon-plus::before { content: "\e02d"; } .dxbs-icon-refresh::before { content: "\e02e"; } .dxbs-icon-remove::before { content: "\e02f"; } .dxbs-icon-rename-file::before { content: "\e030"; } .dxbs-icon-search::before { content: "\e031"; } .dxbs-icon-unchecked::before { content: "\e032"; } .dxbs-icon-upload::before { content: "\e033"; }