template { display: none; }
html { font-family: sans-serif; text-size-adjust: 100%; }
svg:not(:root) { overflow: hidden; }
button, input, select, textarea { margin: 0px; font-family: inherit; font-size: 100%; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="search"] { box-sizing: content-box; appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; }
textarea { overflow: auto; vertical-align: top; }
table { border-spacing: 0px; border-collapse: collapse; }
*, ::after, ::before { box-sizing: border-box; }
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a.disabled, a.disabled:focus, a.disabled:hover, a[disabled], a[disabled]:focus, a[disabled]:hover { color: rgb(170, 170, 170); text-decoration: none; cursor: default; }
audio, canvas, img, video { max-width: 100%; vertical-align: middle; }
textarea { resize: vertical; }
.btn { display: inline-block; padding: 5px 12px; margin-bottom: 0px; font-size: 13px; font-weight: 400; height: 40px; line-height: 1.53846; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid transparent; border-radius: 4px; transition: background 0.4s cubic-bezier(0.175, 0.885, 0.32, 1), border, box-shadow, outline, opacity; }
.btn:focus, .btn:hover { color: rgb(53, 53, 53); text-decoration: none; }
.btn.active, .btn:active { background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; box-shadow: none; opacity: 0.65; }
.btn { color: rgb(53, 53, 53); background-color: rgb(242, 242, 242); border-color: rgb(191, 191, 191); }
.btn.active, .btn:active, .btn:focus, .btn:hover, .open .dropdown-toggle.btn { color: rgb(53, 53, 53); opacity: 0.8; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 1px; }
.btn.active, .btn:active, .open .dropdown-toggle.btn { background-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px inset; }
.btn.disabled, .btn.disabled.active, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover { background-color: rgb(242, 242, 242); border-color: rgb(191, 191, 191); }
.btn-primary { color: rgb(255, 255, 255); background-color: var(--dx-primary-color); border-color: var(--dx-primary-color); }
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { color: rgb(255, 255, 255); background-color: var(--dx-primary-color); border-color: var(--dx-primary-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 1px; }
.btn-primary:hover { opacity: 0.8; }
.btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary { background-color: var(--dx-primary-color); background-image: none; border-color: var(--dx-primary-color); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px inset; }
.btn-warning { color: rgb(255, 255, 255); background-color: rgb(241, 163, 37); border-color: rgb(237, 152, 15); }
.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); background-color: rgb(223, 143, 14); border-color: rgb(180, 115, 12); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 1px; }
.btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning { background-color: rgb(189, 122, 12); background-image: none; border-color: rgb(189, 122, 12); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px inset; }
.btn-danger { color: rgb(255, 255, 255); background-color: rgb(234, 100, 74); border-color: rgb(231, 80, 51); }
.btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger { background-color: rgb(207, 54, 24); background-image: none; border-color: rgb(207, 54, 24); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px inset; }
.btn-success { color: rgb(255, 255, 255); background-color: rgb(56, 176, 63); border-color: rgb(50, 157, 56); }
.btn-info { color: rgb(255, 255, 255); background-color: var(--dx-blue-color); border-color: var(--dx-blue-color); }
.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info { color: rgb(255, 255, 255); opacity: 0.8; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 1px; }
.btn-info.active, .btn-info:active, .open .dropdown-toggle.btn-info { opacity: 0.8; background-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px inset; }
.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover { opacity: 0.8; }
.btn-link { font-weight: 400; color: rgb(20, 92, 205); text-shadow: none; cursor: pointer; background: 0px 0px; box-shadow: none; }
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover, .btn-link[disabled], fieldset[disabled] .btn-link { border-color: transparent; box-shadow: none; }
.btn-link:focus, .btn-link:hover { color: rgb(13, 61, 136); }
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: rgb(221, 221, 221); text-decoration: none; }
.btn-lg { padding: 10px 16px; font-size: 16px; line-height: 1.25; border-radius: 4px; }
.btn-mini, .btn-sm, .btn-xs { padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 4px; }
.btn-mini, .btn-xs { padding: 1px 5px; }
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 5px; }
input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; }
.btn .caret { margin-left: 0px; }
.btn-lg .caret { border-width: 5px 5px 0px; }
.dropup .btn-lg .caret { border-width: 0px 5px 5px; }
[data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn input[type="radio"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; }
label { display: inline-block; margin-bottom: 5px; font-weight: 700; }
input[type="search"] { box-sizing: border-box; }
input[type="checkbox"], input[type="radio"] { margin: 5px 0px 0px; line-height: normal; }
select[multiple], select[size] { height: auto; }
select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; }
.os-mac select.form-control { appearance: none; padding-right: 18px; background-image: url("./image-c6111087e20299dd0826.gif"); background-repeat: no-repeat; background-position: right 5px top 14px; }
.input-sm .os-mac select.form-control { background-position: right 5px top 9px; }
.input-lg .os-mac select.form-control { background-position: right 5px top 19px; }
input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
.form-control::placeholder { color: grey; }
.form-control { display: block; width: 100%; height: 40px; padding: 5px 8px; font-size: 13px; line-height: 1.53846; color: rgb(255, 255, 255); background-color: var(--dx-base2-color); border: 1px solid rgb(50, 50, 60); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.form-control.focus, .form-control:focus { border-color: var(--dx-primary-color); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(38, 43, 52, 0.6) 0px 0px 8px; }
.form-control.focus, .form-control:focus::placeholder { color: rgb(255, 255, 255); }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: rgb(229, 229, 229); }
.form-control[readonly] { cursor: default; }
textarea.form-control { height: auto; min-height: 32px; }
.form-group { margin-bottom: 15px; }
.checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0px; font-weight: 400; cursor: pointer; }
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: absolute; margin-top: 3px; margin-left: -20px; }
.os-android .checkbox input[type="checkbox"], .os-android .checkbox-inline input[type="checkbox"], .os-android .radio input[type="radio"], .os-android .radio-inline input[type="radio"] { margin-top: 0px; }
.checkbox + .checkbox, .radio + .radio { margin-top: -5px; }
.checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0px; font-weight: 400; vertical-align: middle; cursor: pointer; }
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0px; margin-left: 10px; }
fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="radio"], input[type="checkbox"].disabled, input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="radio"][disabled] { cursor: not-allowed; }
.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed; }
.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed; }
.input-sm { height: 24px; padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
select.input-sm { height: 24px; line-height: 24px; }
textarea.input-sm { height: auto; }
.input-lg { height: 42px; padding: 10px 16px; font-size: 16px; line-height: 1.25; border-radius: 6px; }
select.input-lg { height: 42px; line-height: 42px; }
textarea.input-lg { height: auto; }
.has-warning .help-block, .has-warning > label { color: rgb(241, 163, 37); }
.has-warning .form-control { border-color: rgb(241, 163, 37); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.has-warning .form-control:focus { border-color: rgb(213, 137, 14); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(247, 203, 133) 0px 0px 6px; }
.has-warning .input-group-addon { color: rgb(241, 163, 37); background-color: rgb(255, 240, 213); border-color: rgb(241, 163, 37); }
.has-error .help-block, .has-error > label { color: rgb(234, 100, 74); }
.has-error .form-control { border-color: rgb(234, 100, 74); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.has-error .form-control:focus { border-color: rgb(229, 61, 28); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(245, 178, 165) 0px 0px 6px; }
.has-error .input-group-addon { color: rgb(234, 100, 74); background-color: rgb(255, 229, 224); border-color: rgb(234, 100, 74); }
.has-success .help-block, .has-success > label { color: rgb(56, 176, 63); }
.has-success .form-control { border-color: rgb(56, 176, 63); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.has-success .form-control:focus { border-color: rgb(44, 137, 49); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(121, 213, 127) 0px 0px 6px; }
.has-success .input-group-addon { color: rgb(56, 176, 63); background-color: rgb(221, 244, 223); border-color: rgb(56, 176, 63); }
.form-control-static { min-height: 33px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 0px; }
.help-block { display: block; margin: 5px 0px; color: rgb(117, 117, 117); }
@media (min-width: 768px) {
  .form-inline .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .checkbox, .form-inline .radio { display: inline-block; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; }
  .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { float: none; margin-left: 0px; }
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .form-group > label, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 6px; margin-top: 0px; margin-bottom: 0px; }
.form-horizontal .form-group { margin-right: -10px; margin-left: -10px; }
@media (min-width: 768px) {
  .form-horizontal .form-group > label { text-align: right; }
}
.required { position: relative; }
.required::after { position: absolute; top: 0px; right: -10px; display: inline-block; font-size: 16px; color: rgb(234, 100, 74); content: "*"; }
.form-horizontal .required::after { top: 5px; right: -1px; }
.switch { position: relative; }
.switch > input { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; margin: 0px; opacity: 0; }
.switch > label { display: block; padding: 5px 0px 5px 35px; margin: 0px; font-weight: 400; line-height: 20px; }
.switch > label::after, .switch > label::before { position: absolute; top: 5px; left: 0px; display: block; width: 30px; height: 20px; pointer-events: none; content: " "; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 10px; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1); }
.switch > label::after { top: 6px; width: 18px; height: 18px; border-color: rgb(204, 204, 204); border-radius: 9px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px, rgba(0, 0, 0, 0.12) 0px 1px 2px; }
.switch > input:checked + label::before { background-color: rgb(50, 128, 252); border-color: rgb(50, 128, 252); }
.switch > input:checked + label::after { left: 11px; border-color: rgb(255, 255, 255); }
.switch.text-left > label { padding: 5px 35px 5px 0px; }
.switch.text-left > label::after, .switch.text-left > label::before { right: 0px; left: auto; }
.switch.text-left > label::after { right: 12px; }
.switch.text-left > input:checked + label::after { right: 1px; left: auto; }
.switch.disabled { pointer-events: none; }
.switch.disabled > label, .switch > input[disabled] + label { color: rgb(221, 221, 221); pointer-events: none; }
.switch.disabled > label::before, .switch > input[disabled] + label::before { background-color: rgb(250, 250, 250); }
.switch.disabled > label::after, .switch > input[disabled] + label::after { opacity: 0.7; }
.switch.disabled > input:checked + label::before, .switch > input[disabled]:checked + label::before { background-color: rgb(204, 204, 204); border-color: rgb(204, 204, 204); }
.switch input:focus + label::before { border-color: rgb(50, 128, 252); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(50, 128, 252) 0px 0px 8px; }
.switch-inline { display: inline-block; }
.checkbox-primary, .radio-primary { position: relative; display: block; }
.checkbox-primary > input, .radio-primary > input { position: absolute; top: 0px; left: 0px; z-index: 3; width: 20px; height: 100%; margin: 0px; opacity: 0; }
.checkbox-primary > label, .radio-primary > label { padding-left: 25px; font-weight: 400; cursor: pointer; }
.checkbox-primary > label::after, .checkbox-primary > label::before, .radio-primary > label::after, .radio-primary > label::before { position: absolute; top: 2px; right: 0px; left: 0px; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; content: " "; border-radius: 2px; }
.checkbox-primary > label::after, .radio-primary > label::after { z-index: 1; background: rgb(255, 255, 255); border: 1px solid grey; transition: border 0.4s cubic-bezier(0.175, 0.885, 0.32, 1), background-color; }
.checkbox-primary > label::before, .radio-primary > label::before { top: 3px; z-index: 2; font-size: 14px; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; text-transform: none; content: ""; opacity: 0; transition: opacity 0.2s cubic-bezier(0.175, 0.885, 0.32, 1), transform; transform: scale(0); speak: none; -webkit-font-smoothing: antialiased; }
.checkbox-primary.checked > label::after, .checkbox-primary > input:checked + label::after, .radio-primary.checked > label::after, .radio-primary > input:checked + label::after { background-color: rgb(50, 128, 252); border-color: rgb(50, 128, 252); border-width: 4px; }
.checkbox-primary.checked > label::before, .checkbox-primary > input:checked + label::before, .radio-primary.checked > label::before, .radio-primary > input:checked + label::before { color: rgb(255, 255, 255); opacity: 1; transform: scale(1); }
.checkbox-primary.focus > label::after, .checkbox-primary > input:focus + label::after, .radio-primary.focus > label::after, .radio-primary > input:focus + label::after { border-color: rgb(50, 128, 252); box-shadow: rgb(50, 128, 252) 0px 0px 8px; }
.checkbox-primary input:disabled + label::after, .checkbox-primary.disabled > label::after, .radio-primary input:disabled + label::after, .radio-primary.disabled > label::after { background-color: rgb(229, 229, 229); border-color: rgb(187, 187, 187); }
.checkbox-primary input:disabled:checked + label::after, .checkbox-primary.checked.disabled > label::after, .radio-primary input:disabled:checked + label::after, .radio-primary.checked.disabled > label::after { background-color: rgb(187, 187, 187); }
.radio-primary > label::after { border-radius: 50%; }
.radio-primary > label::before { top: 7px; left: 5px; width: 6px; height: 6px; content: " "; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; }
.radio-primary.checked > label::after, .radio-primary > input:checked + label::after { background-color: rgb(255, 255, 255); border-color: rgb(50, 128, 252); border-width: 2px; }
.radio-primary.checked > label::before, .radio-primary > input:checked + label::before { background-color: rgb(50, 128, 252); }
.radio-primary input:disabled:checked + label::after, .radio-primary.checked.disabled > label::after { background-color: rgb(255, 255, 255); border-color: rgb(187, 187, 187); }
.radio-primary input:disabled:checked + label::before, .radio-primary.checked.disabled > label::before { background-color: rgb(187, 187, 187); }
.close { float: right; font-size: 32px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 255) 0px 1px 0px; }
.close:focus, .close:hover { text-decoration: none; cursor: pointer; opacity: 0.8; }
button.close { appearance: none; padding: 0px; cursor: pointer; background: 0px 0px; border: 0px; }
.scrollbar-hover::-webkit-scrollbar, .scrollbar-hover::-webkit-scrollbar-button, .scrollbar-hover::-webkit-scrollbar-thumb, .scrollbar-hover::-webkit-scrollbar-track { visibility: hidden; }
.scrollbar-hover:hover::-webkit-scrollbar, .scrollbar-hover:hover::-webkit-scrollbar-button, .scrollbar-hover:hover::-webkit-scrollbar-thumb, .scrollbar-hover:hover::-webkit-scrollbar-track { visibility: visible; }
@media (min-width: 768px) {
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-button { width: 0px; height: 0px; }
  ::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement { display: block; }
  ::-webkit-scrollbar-button:vertical:end:decrement, ::-webkit-scrollbar-button:vertical:start:increment { display: none; }
  ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-track:vertical { border-color: transparent; border-style: solid; }
  ::-webkit-scrollbar-thumb { min-height: 28px; background-color: rgba(0, 0, 0, 0.2); background-clip: padding-box; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0px inset, rgba(0, 0, 0, 0.07) 0px -1px 0px inset; }
  ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.4); box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px inset; }
  ::-webkit-scrollbar-thumb:active { background-color: rgba(0, 0, 0, 0.5); box-shadow: rgba(0, 0, 0, 0.35) 1px 1px 3px inset; }
  ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-track:vertical { border-width: 0px; }
  ::-webkit-scrollbar-track:hover { background-color: rgba(0, 0, 0, 0.05); box-shadow: rgba(0, 0, 0, 0.1) 1px 0px 0px inset; }
  ::-webkit-scrollbar-track:active { background-color: rgba(0, 0, 0, 0.05); box-shadow: rgba(0, 0, 0, 0.14) 1px 0px 0px inset, rgba(0, 0, 0, 0.07) -1px -1px 0px inset; }
}
.input-control-icon-left, .input-control-icon-right, .input-control-label-left, .input-control-label-right { position: absolute; top: 1px; z-index: 5; height: 30px; line-height: 30px; opacity: 0.5; }
.input-control-icon-left, .input-control-icon-right { width: 30px; text-align: center; }
.input-control-icon-left, .input-control-label-left { left: 1px; }
.input-control-icon-right, .input-control-label-right { right: 1px; }
.input-control-label-left, .input-control-label-right { width: 70px; padding: 0px 8px; overflow: hidden; text-overflow: ellipsis; }
.has-label-left-sm > .input-control-label-left, .has-label-left-sm > .input-control-label-right { width: 55px; }
.has-label-left-lg > .input-control-label-left, .has-label-left-lg > .input-control-label-right { width: 95px; }
.input-control { position: relative; }
.input-control.has-icon-left > .form-control { padding-left: 30px; }
.input-control.has-icon-right > .form-control { padding-right: 30px; }
.input-control.has-label-left > .form-control { padding-left: 70px; }
.input-control.has-label-right > .form-control { padding-right: 70px; }
.input-control.has-label-left-sm > .form-control { padding-left: 55px; }
.input-control.has-label-right-sm > .form-control { padding-right: 55px; }
.input-control.has-label-left-lg > .form-control { padding-left: 95px; }
.input-control.has-label-right-lg > .form-control { padding-right: 95px; }
.input-control > a:hover { background-color: rgb(241, 241, 241); opacity: 1; }
.form-control:focus + [class^="input-control-"], .form-control:focus + [class^="input-control-"] + [class^="input-control-"] { opacity: 1; }
.form-control:focus + .input-control-label-left { color: rgb(20, 92, 205); }
.empty + .search-clear-btn, .empty + .search-icon + .search-clear-btn { opacity: 0 !important; }
input:placeholder-shown + .search-clear-btn, input:placeholder-shown + .search-icon + .search-clear-btn { opacity: 0 !important; }
.pager { display: flex; padding-left: 0px; margin: 12px 0px; gap: 8px; list-style: none; overflow-x: auto; }
.pager > li { display: flex; }
.pager > li > a, .pager > li > span { position: relative; float: left; padding: 4px 12px; margin-left: -1px; line-height: 1.53846; text-decoration: none; background-color: transparent; border: 1px solid transparent; }
.pager .pager-item-left .pager-item, .pager .pager-item-right .pager-item { padding-top: 6px; padding-bottom: 6px; flex-shrink: 0; }
.pager .pager-item-left { left: 0px; }
.pager .pager-item-right { right: 0px; }
.pager .pager-item-left.disabled .pager-item, .pager .pager-item-right.disabled .pager-item { opacity: 0.5; }
.pager .pager-item-left img, .pager .pager-item-right img { width: 10px; object-fit: contain; }
.pager > li:first-child > a, .pager > li:first-child > span { margin-left: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pager > li:last-child > a, .pager > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pager > li > a:focus, .pager > li > a:hover, .pager > li > span:focus, .pager > li > span:hover { z-index: 2; opacity: 0.8; }
.pager > li.active > a, .pager > li.active > a:hover, .pager > li.active > span, .pager > li.active > span:hover { z-index: 3; color: rgb(255, 255, 255); cursor: default; background-color: var(--dx-primary-color) !important; border-color: var(--dx-primary-color) !important; }
.pager > li.disabled > a, .pager > li.disabled > a:focus, .pager > li.disabled > a:hover, .pager > li.disabled > span, .pager > li.disabled > span:focus, .pager > li.disabled > span:hover { color: rgb(255, 255, 255); pointer-events: none; cursor: not-allowed; background-color: var(--dx-base2-color); border-color: var(--dx-base2-color); }
.pager-justify { display: block; }
.pager-justify .next > a, .pager-justify .next > span { float: right; border-radius: 4px; }
.pager-justify .previous > a, .pager-justify .previous > span { float: left; border-radius: 4px; }
.pager-goto { width: 100px; text-align: center; display: flex; align-items: center; }
.pager-goto .btn, .pager-goto .form-control { height: 32px; }
.pager > li > div { float: left; }
.pager > li .pager-goto, .pager > li .pager-size-menu, .pager > li.space { margin: 0px 5px; }
.pager-label { position: relative; float: left; padding: 5px 4px; margin-left: -1px; line-height: 1.53846; text-decoration: none; border: 1px solid transparent; }
.pager-item-left > a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pager-item-right > a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.fade { opacity: 0; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.scale { transition: 0.15s; transform: scale(0.8); }
.scale.in { transform: scale(1); }
.modal-open { overflow: hidden; }
.modal { position: fixed; inset: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -25%); }
.modal.in .modal-dialog { transform: translate(0px, 0px); }
.modal-open .modal { overflow: hidden auto; }
.modal-dialog { position: relative; width: auto; margin: 0px auto; pointer-events: initial; background-color: var(--dx-base1-color); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; }
.modal-dialog.modal-moveable { position: absolute; margin: 0px; }
.modal-dialog.modal-moveable .modal-header { cursor: move; }
.modal-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.in { opacity: 0.5; }
.modal-header { min-height: 16.54px; padding: 15px; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0px; line-height: 1.53846; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid rgb(229, 229, 229); }
.modal-footer .btn + .btn { margin-bottom: 0px; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group-vertical .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0px; }
@media (min-width: 768px) {
  .modal-dialog { width: 600px; box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; }
  .modal-sm { width: 300px; }
}
@media (min-width: 992px) {
  .modal-lg { width: 900px; }
}
.modal-fullscreen { position: relative; margin: 0px; border-radius: 0px; width: 100% !important; height: 100% !important; }
.modal-fullscreen .modal-body { position: absolute; inset: 52px 0px 0px; overflow-y: auto; }
.modal-scroll-inside { overflow: hidden !important; }
.body-modal-scroll-inside { overflow: auto; }
.popover { position: absolute; top: 0px; left: 0px; z-index: 1010; display: none; max-width: 300px; text-align: left; white-space: normal; background-color: var(--dx-base3-color); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; }
.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }
.popover.no-arrow.top { margin-top: 0px; }
.popover.no-arrow.right { margin-left: 0px; }
.popover.no-arrow.bottom { margin-top: 0px; }
.popover.no-arrow.left { margin-left: 0px; }
.modal .popover, .popover-in-modal { z-index: 1050; }
.popover-title { padding: 8px 14px; margin: 0px; font-size: 13px; font-weight: 400; line-height: 18px; background-color: var(--dx-base3-color); border-bottom: 1px solid var(--dx-base2-color); border-radius: 4px 4px 0px 0px; }
.popover-content { padding: 9px 14px; }
.popover .arrow, .popover .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
.popover .arrow { border-width: 11px; }
.popover .arrow::after { content: ""; border-width: 10px; }
.popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0px; }
.popover.top .arrow::after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: rgb(255, 255, 255); border-bottom-width: 0px; }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0px; }
.popover.right .arrow::after { bottom: -10px; left: 1px; content: " "; border-right-color: rgb(255, 255, 255); border-left-width: 0px; }
.popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); }
.popover.bottom .arrow::after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0px; border-bottom-color: var(--dx-base3-color); }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0px; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left .arrow::after { right: 1px; bottom: -10px; content: " "; border-right-width: 0px; border-left-color: rgb(255, 255, 255); }
.caret { display: inline-block; width: 0px; height: 0px; margin-bottom: 2px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; opacity: 0.5; }
.messager { display: table; margin: 10px; overflow: hidden; color: rgb(255, 255, 255); pointer-events: auto; background-color: rgba(0, 0, 0, 0.8); border-radius: 20px; transition-property: opacity, transform !important; }
.messager-icon { display: table-cell; padding: 10px 0px 10px 15px; line-height: 20px; text-align: center; vertical-align: top; }
.messager-content { display: table-cell; padding: 10px 15px; vertical-align: top; }
.messager-content a { font-weight: 700; color: inherit; }
.messager-title { font-size: 16px; font-weight: 700; }
.messager-title + .messager-text { margin-top: 10px; }
.messager-actions { display: table-cell; vertical-align: top; }
.messager-actions > .action { min-width: 40px; height: 40px; padding: 0px 12px; color: rgba(255, 255, 255, 0.6); text-align: center; text-shadow: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.messager-actions > .action.close { padding-bottom: 5px; font-size: 20px; font-weight: 400; opacity: 1; }
.messager-actions > .action:hover { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.1); }
.messager-actions .action-icon + .action-text { margin-left: 8px; }
.messagers-holder { position: fixed; z-index: 99999; padding: 10px; pointer-events: none; }
.messagers-holder.top { top: 0px; }
.messagers-holder.top-left { top: 0px; left: 0px; }
.messagers-holder.top-right { top: 0px; right: 0px; }
.messagers-holder.bottom { bottom: 0px; }
.messagers-holder.bottom-left { bottom: 0px; left: 0px; }
.messagers-holder.bottom-right { right: 0px; bottom: 0px; }
.messagers-holder.bottom-right .messager, .messagers-holder.top-right .messager { margin-left: auto; }
.messagers-holder.center { top: 0px; }
.messagers-holder.bottom, .messagers-holder.center, .messagers-holder.top { right: 0px; left: 0px; }
.messagers-holder.bottom .messager, .messagers-holder.center .messager, .messagers-holder.top .messager { margin: 10px auto; }
.messager-notification { min-width: 250px; max-width: 400px; border-radius: 4px; }
.messager-notification .messager-icon { width: 42px; vertical-align: middle; }
.messager-notification .messager-content { vertical-align: middle; }
.messager-text > p:last-child { margin: 0px; }
.messager-primary { background-color: rgb(50, 128, 252); }
.messager-success { background-color: rgb(56, 176, 63); }
.messager-warning { background-color: rgb(241, 163, 37); }
.messager-danger { background-color: rgb(234, 100, 74); }