/**/
/* font */
/**/
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');
@font-face {
    font-family: Inter;
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fnt/Inter-Regular.woff2?v=3.11') format('woff2'),
         url('../fnt/Inter-Regular.woff?v=3.11') format('woff');
}
@font-face {
    font-family: Inter;
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fnt/Inter-Medium.woff2?v=3.11') format('woff2'),
         url('../fnt/Inter-Medium.woff?v=3.11') format('woff');
}
@font-face {
    font-family: Inter;
    font-style:  normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fnt/Inter-SemiBold.woff2?v=3.11') format('woff2'),
         url('../fnt/Inter-SemiBold.woff?v=3.11') format('woff');
}
@font-face {
    font-family: Inter;
    font-style:  normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fnt/Inter-Bold.woff2?v=3.11') format('woff2'),
         url('../fnt/Inter-Bold.woff?v=3.11') format('woff');
}


/**/
/* reset */
/**/
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    box-shadow: none;
    box-sizing: border-box;
    font: inherit;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    margin: 0; 
    -webkit-appearance: none; 
}


/**/
/* defaults */
/**/
html, body {
    background: #F9F9FB;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #374C68;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
    margin-bottom: 0;
}
a {
    text-decoration: underline;
    color: inherit;
}
a:hover {
    text-decoration: none;
}
a, button {
    outline: none !important;
    cursor: pointer;
}
label {
    margin-bottom: 0;
}
ol, ul {
  padding-left: 2rem;
}
ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

/**/
/* grid */
/**/

.dmiux_centered {
    margin: 0 auto;
}
.dmiux_grid-cont {
    max-width: 1148px;
    margin: 0 auto;
    padding: 0 24px;
}
.dmiux_grid-cont_fw {
    max-width: none;
}
.dmiux_grid-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.dmiux_grid-row_sm {
    margin: 0 -6px;
}
.dmiux_grid-row_aic {
    align-items: center;
}
.dmiux_grid-row_aib {
    align-items: flex-end;
}
.dmiux_grid-row_jcc {
    justify-content: center;
}
.dmiux_grid-row_jce {
    justify-content: flex-end;
}
.dmiux_grid-row_jca {
    justify-content: space-around;
}
.dmiux_grid-row_jcb {
    justify-content: space-between;
}
.dmiux_grid-row_now {
    flex-wrap: nowrap;
}
.dmiux_grid-row_nog {
    margin: 0;
}
.dmiux_grid-row_sm > .dmiux_grid-col {
    padding-right: 6px;
    padding-left: 6px;
}
.dmiux_grid-row_nog > .dmiux_grid-col {
    padding: 0;
}
.dmiux_grid-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 12px;
}
.dmiux_grid-col_05 {
    flex: 0 0 4.166667%;
    max-width: 4.166667%;
}
.dmiux_grid-col_1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.dmiux_grid-col_15 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
.dmiux_grid-col_2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.dmiux_grid-col_25 {
    flex: 0 0 20.8333333%;
    max-width: 20.8333333%;
}
.dmiux_grid-col_3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.dmiux_grid-col_35 {
    flex: 0 0 29.1666666%;
    max-width: 29.1666666%;
}
.dmiux_grid-col_4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.dmiux_grid-col_45 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
}
.dmiux_grid-col_5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.dmiux_grid-col_55 {
    flex: 0 0 45.833333%;
    max-width: 45.833333%;
}
.dmiux_grid-col_6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.dmiux_grid-col_65 {
    flex: 0 0 54.166667%;
    max-width: 54.166667%;
}
.dmiux_grid-col_7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.dmiux_grid-col_75 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
}
.dmiux_grid-col_8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.dmiux_grid-col_85 {
    flex: 0 0 70.833333%;
    max-width: 70.833333%;
}
.dmiux_grid-col_9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.dmiux_grid-col_95 {
    flex: 0 0 79.166667%;
    max-width: 79.166667%;
}
.dmiux_grid-col_10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.dmiux_grid-col_105 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
}
.dmiux_grid-col_11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.dmiux_grid-col_115 {
    flex: 0 0 95.833333%;
    max-width: 95.833333%;
}
.dmiux_grid-col_12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.dmiux_grid-col_auto {
    flex: 0 0 auto;
    width: auto;
}
@media screen and (max-width: 1365.98px) {
    .dmiux_grid-col_xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 1279.98px) {
    .dmiux_grid-row {
        margin: 0 -10px;
    }
    .dmiux_grid-row_sm {
        margin: 0 -5px;
    }
    .dmiux_grid-row_nog {
        margin: 0;
    }
    .dmiux_grid-col {
        padding: 0 10px;
    }
    .dmiux_grid-row_sm > .dmiux_grid-col {
        padding-right: 5px;
        padding-left: 5px;
    }
    .dmiux_grid-col_lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .dmiux_grid-col_lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .dmiux_grid-col_lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .dmiux_grid-col_lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .dmiux_grid-col_lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .dmiux_grid-col_lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .dmiux_grid-col_lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .dmiux_grid-col_lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .dmiux_grid-col_lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .dmiux_grid-col_lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .dmiux_grid-col_lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .dmiux_grid-col_lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .dmiux_grid-col_lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 1023.98px) {
    .dmiux_grid-col_md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .dmiux_grid-col_md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .dmiux_grid-col_md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .dmiux_grid-col_md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .dmiux_grid-col_md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .dmiux_grid-col_md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .dmiux_grid-col_md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .dmiux_grid-col_md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .dmiux_grid-col_md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .dmiux_grid-col_md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .dmiux_grid-col_md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .dmiux_grid-col_md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_grid-cont {
        padding: 0 16px;
    }
    .dmiux_grid-row {
        margin: 0 -8px;
    }
    .dmiux_grid-row_sm {
        margin: 0 -4px;
    }
    .dmiux_grid-row_nog {
        margin: 0;
    }
    .dmiux_grid-col {
        padding: 0 8px;
    }
    .dmiux_grid-row_sm > .dmiux_grid-col {
        padding-right: 4px;
        padding-left: 4px;
    }
    .dmiux_grid-col_sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .dmiux_grid-col_sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .dmiux_grid-col_sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .dmiux_grid-col_sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .dmiux_grid-col_sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .dmiux_grid-col_sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .dmiux_grid-col_sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .dmiux_grid-col_sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .dmiux_grid-col_sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .dmiux_grid-col_sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .dmiux_grid-col_sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .dmiux_grid-col_sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }    
}
@media screen and (max-width: 575.98px) {
    .dmiux_grid-col_xs {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .dmiux_grid-col_xs-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .dmiux_grid-col_xs-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/**/
/* floats */
/**/
.dmiux_float-left {
    float: left !important;
}
.dmiux_float-right {
    float: right !important;
}
.dmiux_float-none {
    float: none !important;
}

/**/
/* weights */
/**/
.dmiux_fw400 {
    font-weight: 400;
}
.dmiux_fw500 {
    font-weight: 500;
}
.dmiux_fw600 {
    font-weight: 600;
}
.dmiux_fw700 {
    font-weight: 700;
}


/**/
/* colors */
/**/
.dmiux_color_valid {
    color: #32AB4D;
}
.dmiux_color_invalid {
    color: #FF343C;
}


/**/
/* margins */
/**/
.dmiux_mt100 {
    margin-top: 16px;
}
.dmiux_mt200 {
    margin-top: 32px;
}
.dmiux_mt250 {
    margin-top: 40px;
}
.dmiux_mb100 {
    margin-bottom: 16px;
}
.dmiux_mb200 {
    margin-bottom: 32px;
}
.dmiux_mb250 {
    margin-bottom: 40px;
}
.dmiux_ml100 {
    margin-left: 8px;
}
.dmiux_ml200 {
    margin-left: 16px;
}
.dmiux_ml250 {
    margin-left: 20px;
}

/**/
/* widths */
/**/
.dmiux_w100 {
    width:100% !important;
}

/**/
/* helpers */
/**/
.dmiux_removed {
    display: none !important;
}
.dmiux_blocked {
    display: block !important;
}
.dmiux_inlined {
    display: inline !important;
}
.dmiux_iblocked {
    display: inline-block !important;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_removed_lg {
        display: none !important;
    }
    .dmiux_blocked_lg {
        display: block !important;
    }
    .dmiux_inlined_lg {
        display: inline !important;
    }
    .dmiux_iblocked_lg {
        display: inline-block !important;
    }
}
@media screen and (max-width: 1023.98px) {
    .dmiux_removed_md {
        display: none !important;
    }
    .dmiux_blocked_md {
        display: block !important;
    }
    .dmiux_inlined_md {
        display: inline !important;
    }
    .dmiux_iblocked_md {
        display: inline-block !important;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_removed_sm {
        display: none !important;
    }
    .dmiux_blocked_sm {
        display: block !important;
    }
    .dmiux_inlined_sm {
        display: inline !important;
    }
    .dmiux_iblocked_sm {
        display: inline-block !important;
    }
}
@media screen and (max-width: 575.98px) {
    .dmiux_removed_xs {
        display: none !important;
    }
    .dmiux_blocked_xs {
        display: block !important;
    }
    .dmiux_inlined_xs {
        display: inline !important;
    }
    .dmiux_iblocked_xs {
        display: inline-block !important;
    }
}


/**/
/* inputs */
/**/
.dmiux_input,
.dmiux_select,
.dmiux_textselect,
.dmiux_multiselect {
    position: relative;
}
.dmiux_input_size1 { /* 1 digit =  9.1578px */
    width: 34px;
}
.dmiux_input_size2 {
    width: 44px;
}
.dmiux_input_size3 {
    width: 52px;
}
.dmiux_input_size4 {
    width: 60px;
}
.dmiux_input_size5 {
    width: 70px;
}
.dmiux_input_size6 {
    width: 80px;
}
.dmiux_input_size7 {
    width: 88px;
}
.dmiux_input_size8 {
    width: 96px;
}
.dmiux_input_size9 {
    width: 108px;
}
.dmiux_input_size10 {
    width: 116px;
}
.dmiux_input_size15 {
    width: 162px;
}
.dmiux_input__icon {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    pointer-events: none;
    color: #BEC7D3;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_input__icon svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.dmiux_input__prefix {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    margin-top: -10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    color: #A2ADBE;
}
.dmiux_input__input,
.dmiux_select__select,
.dmiux_multiselect__input {
    width: 100%;
    padding: 5px 11px;
    border-radius: 4px;
    border: 1px solid #BEC7D3;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 4%);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #1C2028;
    transition-duration: 0.125s;
    transition-property: border-color;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.dmiux_input__prefix ~ .dmiux_input__input {
    padding-left: 23px;
}
.dmiux_select__select,
.dmiux_multiselect__input {
    padding-right: 31px;
    cursor: pointer;
}
.dmiux_input__input_lg {
    padding: 8px 15px;
    font-size: 16px;
    line-height: 24px;
}
.dmiux_select__select_pholder {
    color: #A2ADBE;
}
.dmiux_input__input:hover,
.dmiux_select__select:hover,
.dmiux_multiselect__input:hover {
    border-color: #5A6984;
}
.dmiux_input__input:focus,
.dmiux_select__select:focus,
.dmiux_multiselect__input:focus {
    border-color: #006AE4;
}
.dmiux_input__input:focus ~ .dmiux_input__icon {
    color: #006AE4;
}
.dmiux_input__input[disabled],
.dmiux_select__select[disabled],
.dmiux_multiselect__input[disabled] {
    background-color: #F9F9FB;
    color: #A2ADBE;
    cursor: default;
}
.dmiux_input__input[disabled]:hover,
.dmiux_select__select[disabled]:hover,
.dmiux_multiselect__input[disabled]:hover {
    border-color: #BEC7D3;
}
.dmiux_input__input.changed,
.dmiux_select__select.changed {
    border-color: #F49739;
    background-color: rgba(255,165,75,0.10);
    box-shadow: 0 1px 3px 0 rgba(244,151,57,0.20);
    color: #CF6F0E;
}
.dmiux_input__input::placeholder,
.dmiux_multiselect__input::placeholder {
    color: #A2ADBE;
}
.dmiux_input__input:focus::placeholder,
.dmiux_multiselect__input:focus::placeholder {
    color: transparent;
}
.dmiux_select__arrow,
.dmiux_multiselect__arrow {
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -2px;
    border-top: 5px solid #BEC7D3;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    pointer-events: none;
    transition-duration: 0.125s;
    transition-property: border-color;
}
.dmiux_select__select:focus ~ .dmiux_select__arrow,
.dmiux_multiselect__select:focus ~ .dmiux_multiselect__arrow {
    border-top-color: #006AE4;
}
.dmiux_select__select.changed ~ .dmiux_select__arrow {
    border-top-color: #F49739;
}
.dmiux_multiselect__dropdown {
    position: absolute;
    z-index: 10;
    top: -16px;
    right: 1px;
    left: 1px;
    padding: 12px;
    border-radius: 4px;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_multiselect__dropdown_visible {
    z-index: 11;
    pointer-events: auto;
    opacity: 1;
}
.dmiux_multiselect__search {
    margin-bottom: 25px;
}
.dmiux_multiselect__search::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: 12px -12px 0;
    border-top: 1px solid #EEF1F4;
}
.dmiux_multiselect__overflow {
    max-height: 360px;
    overflow: auto;
}
.dmiux_multiselect__overflow::-webkit-scrollbar {
    width: 6px;
    border-radius: 3px;
    background-color: transparent;
}
.dmiux_multiselect__overflow::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0,0,0,0.1);
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_multiselect__overflow::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.2);
}
.dmiux_multiselect__checkbox {
    margin-bottom: 6px;
}
.dmiux_multiselect__checkbox_hidden {
    display: none !important;
}
.dmiux_multiselect__checkbox:last-child {
    margin-bottom: 0;
}
.dmiux_textselect {
    position: relative;
}
.dmiux_textselect div {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #006AE4;
}
.dmiux_textselect svg {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin: 4px 8px 0 0;
}
.dmiux_textselect select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 13px;
    cursor: pointer;
    opacity: 0;
}


/**/
/* radios */
/**/
.dmiux_radio,
.dmiux_checkbox {
    position: relative;
    display: flex;
}
.dmiux_radio_inline,
.dmiux_checkbox_inline {
    display: inline-flex;
}
.dmiux_radio__input,
.dmiux_checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.dmiux_radio__label,
.dmiux_checkbox__label {
    font-size: 13px;
    line-height: 18px;
    color: #5A6984;
    color: #1C2028;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_radio__check {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #BEC7D3;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04), 0 0 0 3px #FFF inset;
    transition-duration: 0.125s;
    transition-property: border, background-color;
}
.dmiux_checkbox__check {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 12px;
    border-radius: 3px;
    border: 1px solid #BEC7D3;
    background: #FFF url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9"><path fill="%23FFF" d="M10.3140981.2811025L4.0081836 6.582856 1.7104779 4.2866665c-.3931841-.3794994-1.01817-.374072-1.4046954.0121983-.3865254.3862704-.3919564 1.0108438-.0122064 1.4037685l3.0061566 3.004173c.3913012.3909249 1.0256006.3909249 1.4169018 0l7.0143654-7.009737c.3797499-.3929246.374319-1.0174981-.0122064-1.4037684-.3865254-.3862704-1.0115113-.3916978-1.4046954-.0121984z"/></svg>') 50% 50%/12px 10px no-repeat;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
    transition-duration: 0.125s;
    transition-property: border-color, background-color;
}
.dmiux_radio__check:last-child,
.dmiux_checkbox__check:last-child {
    margin-right: 0;
    margin-left: 12px;
}
.dmiux_radio__input:hover ~ .dmiux_radio__check,
.dmiux_checkbox__input:hover ~ .dmiux_checkbox__check {
    border-color: #5A6984;
}
.dmiux_radio__input:checked ~ .dmiux_radio__check,
.dmiux_checkbox__input:checked ~ .dmiux_checkbox__check {
    border-color: #006AE4;
    background-color: #006AE4;
}
.dmiux_radio__input:checked ~ .dmiux_radio__check {
    border-width: 2px;
}
.dmiux_radio__input:checked ~ .dmiux_radio__label,
.dmiux_checkbox__input:checked ~ .dmiux_checkbox__label {
    color: #006AE4;
}
.dmiux_radio[data-tooltip-content] .dmiux_checkbox__label,
.dmiux_checkbox[data-tooltip-content] .dmiux_checkbox__label {
    text-decoration: underline;
}
.dmiux_checkbox-group {
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #E7EAEE;
    background-color: #FFF;
}
.dmiux_checkbox-group__toggle {
    position: relative;
    display: block;
    width: 100%;
    height: 13px;
    background: #E7EAEE;
}
.dmiux_checkbox-group__toggle::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 50%;
    width: 32px;
    height: 2px;
    margin-left: -16px;
    border-radius: 1px;
    background-color: #BEC7D3;
    box-shadow: 0 4px 0 0 #BEC7D3;
    transition-duration: 0.125s;
    transition-property: background-color, box-shadow;
}
.dmiux_checkbox-group__toggle:hover::after {
    background-color: #5A6984;
    box-shadow: 0 4px 0 0 #5A6984;
}
.dmiux_checkbox-group__checkbox {
    margin-top: 6px;
}
.dmiux_checkbox-group__overflow {
    max-height: 116px;
    overflow: auto;
    padding: 5px 11px 11px 11px;
    transition-property: max-height;
}
.dmiux_checkbox-group__overflow::-webkit-scrollbar {
    width: 18px;
    border-radius: 9px;
    background-color: transparent;
}
.dmiux_checkbox-group__overflow::-webkit-scrollbar-thumb {
    border-radius: 9px;
    border: 6px solid #FFF;
    background-color: rgba(28,32,40,0.1);
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_checkbox-group__overflow::-webkit-scrollbar-thumb:hover {
    background-color: rgba(28,32,40,0.2);
}


/**/
/* flagbox */
/**/
.dmiux_flagbox {
    position: relative;
    display: flex;
}
.dmiux_flagbox__label {
    font-size: 13px;
    line-height: 18px;
}
.dmiux_flagbox__icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 3px;
    border: 1px solid #BEC7D3;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
    transition-duration: 0.125s;
    transition-property: border-color;
}
.dmiux_flagbox__icon i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dmiux_flagbox__icon i::after,
.dmiux_flagbox__icon i::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    margin: -1px 0 0 -5px;
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_flagbox__icon_plus:hover {
    border-color: #006AE4;
}
.dmiux_flagbox__icon_plus i::after,
.dmiux_flagbox__icon_plus i::before {
    background-color: #006AE4;
}
.dmiux_flagbox__icon_plus i::before {
    transform: rotate(90deg);
}
.dmiux_flagbox__icon_minus:hover {
    border-color: #FF343C;
}
.dmiux_flagbox__icon_minus i::after,
.dmiux_flagbox__icon_minus i::before {
    background-color: #FF343C;
}
.dmiux_flagbox__icon_remove:hover {
    border-color: #5A6984;
}
.dmiux_flagbox__icon_remove i::after {
    background-color: #A2ADBE;
    transform: rotate(45deg);
}
.dmiux_flagbox__icon_remove i::before {
    background-color: #A2ADBE;
    transform: rotate(-45deg);
}
.dmiux_flagbox__icon_remove i:hover::after,
.dmiux_flagbox__icon_remove i:hover::before {
    background-color: #5A6984;
}
.dmiux_flagbox__icon + .dmiux_flagbox__icon {
    margin-left: -4px;
}
.dmiux_flagbox_included .dmiux_flagbox__label {
    font-weight: 600;
    color: #006AE4;
}
.dmiux_flagbox_excluded .dmiux_flagbox__label {
    font-weight: 600;
    color: #FF343C;
}


/**/
/* buttons */
/**/
.dmiux_button {
    position: relative;
    display: block;
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #397FCF;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
    color: #FFF;
    transition-duration: 0.125s;
    transition-property: background-color, color;
}
.dmiux_button svg {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 20px;
    margin-left: 12px;
}
.dmiux_button svg[viewBox="0 0 7 11"],
.dmiux_button svg[viewBox="0 0 7 12"] {
    width: 7px;
}
.dmiux_button svg[viewBox="0 0 14 16"] {
    width: 14px;
}
.dmiux_button svg[viewBox="0 0 12 12"],
.dmiux_button svg[viewBox="0 0 12 16"] {
    width: 12px;
}
.dmiux_button svg.dmiux_left {
    margin-right: 12px;
    margin-left: 0;
}
.dmiux_button input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.dmiux_button__counter {
    display: inline-block;
    vertical-align: top;
    min-width: 20px;
    margin: 0 -6px 0 8px;
    border-radius: 2px;
    background-color: #FFF;
    line-height: 20px;
    text-align: center;
    color: #374C68;
}
.dmiux_button:hover {
    background-color: #2567B1;
}
.dmiux_button[disabled] {
    background-color: #79ADFF;
    pointer-events: none;
}
.dmiux_button_lg {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
}
.dmiux_button_clean {
    padding: 0;
    background: none;
    font-size: 13px;
    font-weight: 500;
    color: #374C68;
}
.dmiux_button_clean svg {
    margin-left: 8px;
    pointer-events: none;
    color: #BCC7D4;
}
.dmiux_button_clean:hover {
    background: none;
    color: #006AE4;
}
.dmiux_button_clean.dmiux_button_edit,
.dmiux_button_clean.dmiux_button_edit svg {
    color: #006AE4;
}
.dmiux_button_clean.dmiux_button_save,
.dmiux_button_clean.dmiux_button_save svg {
    color: #32AB4D;
}
.dmiux_button_clean.dmiux_button_cancel,
.dmiux_button_clean.dmiux_button_cancel svg {
    color: #FF343C;
}
.dmiux_button_iconic svg {
    margin-left: 0;
}
.dmiux_button_primary-outline {
    background-color: transparent;
    color: #397FCF;
    border: 1px solid #397FCF;
}
.dmiux_button_primary-outline:hover {
    background-color: #397FCF;
    color: #FFF;
}
.dmiux_button_primary-outline[disabled] {
    background-color: transparent;
    color: #79ADFF;
    border: 1px solid #79ADFF;
    pointer-events: none;
}
.dmiux_button_secondary {
    background-color: #E8E9EE;
    color: #5A6984;
}
.dmiux_button_secondary svg {
    color: #BEC7D3;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_button_secondary:hover {
    background-color: #BEC7D3;
    color: #374C68;
}
.dmiux_button_secondary[disabled] {
    background-color: #E8E9EE;
    color: #A2ADBE;
    pointer-events: none;
}
.dmiux_button_secondary:hover svg {
    color: #7F8FA5;
}

.dmiux_button_warning {
    background-color: #F9C108;
    color: #5A6984;
}
.dmiux_button_warning svg {
    color: #323126;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_button_warning:hover {
    background-color: #C69906;
    color: #323126;
}
.dmiux_button_warning:hover svg {
    color: #7F8FA5;
}

/**/
/* input-groups */
/**/
.dmiux_input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.dmiux_input-group-prepend, .input-group-append {
    display:flex;
}

.dmiux_input-group-prepend {
    margin-right:-1px;
}

.dmiux_input-group-append {
    margin-left:-1px;
}

.dmiux_input-group-text {
    display:flex;
    padding: 5px 11px;
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #BEC7D3;
    background-color: #E9ECEF;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 4%);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #1C2028;
    transition-duration: 0.125s;
    transition-property: border-color;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.dmiux_input-group .dmiux_input__input {
    position:relative;
    display:inline-block;
    flex: 1 1 auto;
    width:1%;
    border-radius: 0px 4px 4px 0px !important;
}

/**/
/* clear all */
/**/
.dmiux_clear-all {
    display: flex;
    font-size: 13px;
    line-height: 18px;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_clear-all:hover {
    color: #374C68;
}
.dmiux_clear-all__icon {
    position: relative;
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-left: 8px;
    border-radius: 3px;
    border: 1px solid #BEC7D3;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
    transition-duration: 0.125s;
    transition-property: border-color;
}
.dmiux_clear-all__icon::after,
.dmiux_clear-all__icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    margin: -1px 0 0 -5px;
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_clear-all__icon_plus::after,
.dmiux_clear-all__icon_plus::before {
    background-color: #006AE4;
}
.dmiux_clear-all__icon_plus::before {
    transform: rotate(90deg);
}
.dmiux_clear-all__icon_minus::after,
.dmiux_clear-all__icon_minus::before {
    background-color: #FF343C;
}
.dmiux_clear-all__icon_remove::after {
    background-color: #A2ADBE;
    transform: rotate(45deg);
}
.dmiux_clear-all__icon_remove::before {
    background-color: #A2ADBE;
    transform: rotate(-45deg);
}
.dmiux_clear-all:hover .dmiux_clear-all__icon_plus {
    border-color: #006AE4;
}
.dmiux_clear-all:hover .dmiux_clear-all__icon_minus {
    border-color: #FF343C;
}
.dmiux_clear-all:hover .dmiux_clear-all__icon_remove {
    border-color: #5A6984;
}
.dmiux_clear-all:hover .dmiux_clear-all__icon_remove::after,
.dmiux_clear-all:hover .dmiux_clear-all__icon_remove::before {
    background-color: #5A6984;
}


/**/
/* scrollbar */
/**/
.dmiux_noscrollbar::-webkit-scrollbar {
    display: none;
}
.dmiux_scrollbar::-webkit-scrollbar {
    width: 16px;
    border-radius: 8px;
    background-color: transparent;
}
.dmiux_scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 5px solid #FFF;
    background-color: rgba(28,32,40,0.1);
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(28,32,40,0.2);
}


/**/
/* layout */
/**/
.dmiux_body {
    opacity: 0;
    transition-duration: 0.375s;
    transition-property: opacity;
}
.dmiux_body_loaded {
    opacity: 1;
}
.dmiux_page {
    overflow: hidden;
    min-height: 100vh;
}
.dmiux_overlay {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_overlay_visible {
    pointer-events: auto;
    opacity: 0.5;
}


/**/
/* blocks */
/**/
.dmiux_block {
    margin-bottom: 24px;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #EAEDF3;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
}
.dmiux_block__head {
    margin: 0 -20px 20px;
    padding: 0 20px 20px;
    border-bottom: 1px solid #EEF1F4;
}
.dmiux_block__foot {
    margin: 20px -20px 0;
    padding: 20px 20px 0;
    border-top: 1px solid #EEF1F4;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_block {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_block {
        margin-bottom: 16px;
        padding: 16px;
    }
    .dmiux_block__head {
        margin: 0 -16px 16px;
        padding: 0 16px 16px;
    }
    .dmiux_block__foot {
        margin: 16px -16px 0;
        padding: 16px 16px 0;
    }
}


/**/
/* tabs */
/**/
.dmiux_htabs {
    display: flex;
    overflow: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #EEF1F4;
    white-space: nowrap;
}
.dmiux_htabs__item {
    position: relative;
    margin-right: 28px;
    padding: 12px 0;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_htabs__item::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #006AE4;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_htabs__item:hover {
    color: #006AE4;
}
.dmiux_htabs__item:last-child {
    margin-right: 0;
}
.dmiux_htabs__item.dmiux_active {
    color: #006AE4;
}
.dmiux_htabs__item.dmiux_active::before {
    opacity: 1;
}
.dmiux_vtabs {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.dmiux_vtabs__head {
    position: relative;
    padding: 6px 12px;
    border-radius: 4px 4px 0 0;
    background-color: #5A6984;
    color: #FFF;
}
.dmiux_vtabs__cog {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
}
.dmiux_vtabs__cog svg {
    display: block;
    width: 16px;
    height: 16px;
}
.dmiux_vtabs__cont {
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #F9F9FB;
}
.dmiux_vtabs__item {
    display: block;
    width: 100%;
    padding: 4px 12px;
    border-radius: 2px;
    text-align: left;
    text-decoration: none;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: background-color, color;
}
.dmiux_vtabs__item:hover {
    color: #006AE4;
}
.dmiux_vtabs__item.dmiux_active {
    background-color: #E7EDFF;
    color: #006AE4;
}
.dmiux_vtabs__settings {
    position: absolute;
    z-index: 5;
    top: 4px;
    right: 4px;
    width: 240px;
    max-height: 258px;
    overflow: auto;
    padding: 6px 12px 12px 12px;
    border-radius: 4px;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_vtabs__settings_visible {
    pointer-events: auto;
    opacity: 1;
}
.dmiux_vtabs__settings .dmiux_checkbox {
    margin-top: 6px;
}
@media screen and (max-width: 1023.98px) {
    .dmiux_vtabs__cont {
        overflow: auto;
        white-space: nowrap;
    }
    .dmiux_vtabs__item {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_vtabs {
        margin: -16px -16px 0;
    }
}




/**/
/* HEADER */
/**/


/**/
/* header */
/**/
.dmiux_header {
    position: relative;
    border-bottom: 1px solid #EEF1F4;
    background: #FFF;
}
.dmiux_header__hr {
    border-bottom: 1px solid #EEF1F4;
}


/**/
/* logo */
/**/
.dmiux_logo {
    position: relative;
    display: block;
    width: 164px;
    height: 57px;
    margin-bottom: -1px;
    background-color: #163C74;
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_logo img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: translateY(-1px);
}
.dmiux_logo:hover {
    background-color: #006AE4;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_logo {
        height: 45px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_logo {
        width: 45px;
    }
    .dmiux_logo img {
        margin-left: 10px;
        margin-right: 10px;
    }
}


/**/
/* app nav */
/**/
.dmiux_app-nav {
    position: relative;
}
.dmiux_app-nav__toggle {
    position: relative;
    padding: 0 24px;
    border-right: 1px solid #EEF1F4;
    font-size: 18px;
    line-height: 56px;
    font-weight: 600;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_app-nav__toggle svg {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 56px;
    margin: 0 -4px 0 4px;
    color: #BEC7D3;
    stroke-width: 3px;
    stroke-linecap: round;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_app-nav__toggle span {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dmiux_app-nav__toggle::after {
    content: '';
    position: absolute;
    z-index: 11;
    right: 22px;
    bottom: 2px;
    border-right: 6px solid transparent;
    border-bottom: 4px solid #006AE4;
    border-left: 6px solid transparent;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_app-nav__dropdown {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    width: 288px;
    margin-top: -2px;
    padding: 20px;
    border-radius: 0 0 4px 4px;
    border-top: 3px solid #006AE4;
    background-color: #FFF;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.3);
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_app-nav__search {
    margin-bottom: 16px;
}
.dmiux_app-nav__overflow {
    max-height: 240px;
    overflow: auto;
}
.dmiux_app-nav__overflow::-webkit-scrollbar {
    width: 6px;
    border-radius: 3px;
    background-color: transparent;
}
.dmiux_app-nav__overflow::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0,0,0,0.1);
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_app-nav__overflow::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.2);
}
.dmiux_app-nav__link {
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_app-nav__link:hover {
    color: #006AE4;
}
.dmiux_app-nav__link_active {
    padding-left: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231C2028" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>') -1px 50%/16px 16px no-repeat;
    color: #1C2028;
}
.dmiux_app-nav__link_active:hover {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23006AE4" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
}
.dmiux_app-nav__link_hidden {
    display: none;
}
.dmiux_app-nav:hover .dmiux_app-nav__toggle,
.dmiux_app-nav:hover .dmiux_app-nav__toggle svg {
    color: #006AE4;
}
.dmiux_app-nav:hover .dmiux_app-nav__toggle::after,
.dmiux_app-nav:hover .dmiux_app-nav__dropdown {
    pointer-events: auto;
    opacity: 1;
}

.dmiux_header .dmiux_app-nav:hover .dmiux_app-nav__dropdown {
    display: block;
}

.dmiux_header .dmiux_app-nav .dmiux_app-nav__dropdown {
    display: none;
}

@media screen and (max-width: 1279.98px) {
    .dmiux_app-nav__toggle {
        line-height: 44px;
    }
    .dmiux_app-nav__toggle svg {
        height: 44px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_app-nav__toggle {
        padding: 0 16px;
        border-right: 0;
    }
    .dmiux_app-nav__toggle span {
        max-width: 136px;
        max-width: calc(100vw - 76px - 99px - 48px);
    }
    .dmiux_app-nav__toggle::after {
        right: 14px;
    }
    .dmiux_app-nav__dropdown {
        width: 268px;
    }
}


/**/
/* main nav */
/**/
.dmiux_main-nav {
    display: flex;
    padding: 0 12px;
}
.dmiux_main-nav__item {
    position: relative;
}
.dmiux_main-nav__link {
    display: block;
    padding: 0 12px;
    font-size: 15px;
    line-height: 56px;
    font-weight: 600;
    text-decoration: none;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_main-nav__sublink {
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_main-nav__sublink:hover {
    color: #006AE4;
}
.dmiux_main-nav__hr {
    margin: 4px 0;
    border-top: 1px solid #EEF1F4;
}
.dmiux_main-nav__dropdown {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 12px;
    margin-top: -2px;
    padding: 12px 20px 12px 16px;
    border-radius: 0 0 4px 4px;
    border-top: 3px solid #006AE4;
    background-color: #FFF;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.3);
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_main-nav__item:hover .dmiux_main-nav__link {
    color: #006AE4;
}
.dmiux_main-nav__item:hover .dmiux_main-nav__dropdown {
    pointer-events: auto;
    opacity: 1;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_main-nav__link {
        line-height: 44px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_main-nav {
        display: none;
    }
}


/**/
/* user nav */
/**/
.dmiux_user-nav {
    position: relative;
}
.dmiux_user-nav__toggle {
    position: relative;
    height: 56px;
    padding: 0 24px;
    border-left: 1px solid #EEF1F4;
    font-size: 14px;
    line-height: 58px;
    font-weight: 600;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_user-nav__toggle svg {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 58px;
    margin: 0 -4px 0 4px;
    color: #BEC7D3;
    stroke-width: 3px;
    stroke-linecap: round;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_user-nav__toggle::after {
    content: '';
    position: absolute;
    z-index: 11;
    right: 22px;
    bottom: 2px;
    border-right: 6px solid transparent;
    border-bottom: 4px solid #006AE4;
    border-left: 6px solid transparent;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_user-nav__dropdown {
    position: absolute;
    z-index: 10;
    top: 100%;
    right: 8px;
    left: 0;
    margin-top: -2px;
    padding: 12px 16px;
    border-radius: 0 0 4px 4px;
    border-top: 3px solid #006AE4;
    background-color: #FFF;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.3);
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_user-nav__link {
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_user-nav__link:hover {
    color: #006AE4;
}

.dmiux_user-nav:hover .dmiux_user-nav__toggle,
.dmiux_user-nav:hover .dmiux_user-nav__toggle svg {
    color: #006AE4;
}
.dmiux_user-nav:hover .dmiux_user-nav__toggle::after,
.dmiux_user-nav:hover .dmiux_user-nav__dropdown {
    pointer-events: auto;
    opacity: 1;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_user-nav__toggle {
        height: 44px;
        line-height: 44px;
    }
    .dmiux_user-nav__toggle svg {
        height: 44px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_user-nav {
        display: none;
    }
}


/**/
/* burger */
/**/
.dmiux_burger {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    padding: 0 16px;
    border-left: 1px solid #EEF1F4;
    font-size: 14px;
    line-height: 44px;
    font-weight: 600;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_burger i {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 2px;
    margin: 21px 0 21px 12px;
    border-radius: 1px;
    background-color: #BEC7D3;
    box-shadow: 0 5px 0 0 #BEC7D3, 0 -5px 0 0 #BEC7D3;
    transition-duration: 0.125s;
    transition-property: background-color, box-shadow;
}
.dmiux_burger:hover {
    color: #006AE4;
}
.dmiux_burger:hover i {
    background-color: #006AE4;
    box-shadow: 0 5px 0 0 #006AE4, 0 -5px 0 0 #006AE4;
}
@media screen and (max-width: 767.98px) {
    .dmiux_burger {
        display: block;
    }
}


/**/
/* mobile nav */
/**/
.dmiux_mobile-nav {
    position: fixed;
    z-index: 50;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_mobile-nav_visible {
    pointer-events: auto;
    opacity: 1;
}
.dmiux_mobile-nav__slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 0 16px 16px;
    pointer-events: none;
    opacity: 0;
    transform: translateX(100%);
    transition-duration: 0.25s;
    transition-property: opacity, transform;
}
.dmiux_mobile-nav__slide:first-child {
    transform: translateX(-100%);
}
.dmiux_mobile-nav__slide_visible,
.dmiux_mobile-nav__slide_visible:first-child {
    opacity: 1;
    transform: none;
}
.dmiux_mobile-nav_visible .dmiux_mobile-nav__slide_visible {
    pointer-events: auto;
}
.dmiux_mobile-nav__hr {
    margin: 4px 0;
    border-top: 1px solid #EEF1F4;
}
.dmiux_mobile-nav__hr:first-child {
    margin-top: 44px;
}
.dmiux_mobile-nav__back {
    display: inline-block;
    vertical-align: top;
    margin-bottom: -4px;
    padding-left: 18px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="11"><path d="M0 5.5L5.55882353 0 7 1.42592593 2.8823529 5.5 7 9.57407407 5.55882353 11z" fill="%23BEC7D3" fill-rule="nonzero"/></svg>') 0 50%/7px 11px no-repeat;
    font-size: 15px;
    line-height: 44px;
    font-weight: 500;
    text-decoration: none;
}
.dmiux_mobile-nav__link {
    display: block;
    font-size: 18px;
    line-height: 42px;
    font-weight: 600;
    text-decoration: none;
}
.dmiux_mobile-nav__link_parent::after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 7px;
    height: 11px;
    margin: 16px 0 0 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 7 11"><path d="M7 5.5L1.4411765 11 0 9.574074 4.1176471 5.5 0 1.425926 1.4411765 0z" fill="%23BEC7D3" fill-rule="nonzero"/></svg>') 0 50%/7px 11px no-repeat;
}
.dmiux_mobile-nav__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 44px;
}
.dmiux_mobile-nav__close::after,
.dmiux_mobile-nav__close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    margin: -1px 0 0 -10px;
    border-radius: 1px;
    background-color: #444;
    transform: rotate(45deg);
}
.dmiux_mobile-nav__close::before {
    transform: rotate(-45deg);
}




/**/
/* HEADLINE */
/**/


/**/
/* headline */
/**/
.dmiux_headline {
    position: relative;
    margin-bottom: 24px;
    padding: 20px 24px;
    border-bottom: 1px solid #EEF1F4;
    background: #FFF;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_headline {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_headline {
        padding: 16px;
        margin-bottom: 16px;
    }
}


/**/
/* back */
/**/
.dmiux_back {
    position: relative;
    display: block;
    height: 40px;
    width: 40px;
    margin-right: 20px;
    border-radius: 4px;
    border: 2px solid #C4E0FF;
    background-color: #E3EFFC;
    color: #006AE4 !important;
    transition-duration: 0.125s;
    transition-property: border-color, background-color, color;
}
.dmiux_back i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    margin: -1px 0 0 -7px;
    border-radius: 1px;
    background-color: currentcolor;
}
.dmiux_back i::after,
.dmiux_back i::before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 9px;
    height: 2px;
    border-radius: 1px;
    background-color: currentcolor;
    transform-origin: 1px 1px;
    transform: rotate(45deg);
}
.dmiux_back i::before {
    transform: rotate(-45deg);
}
.dmiux_back:hover {
    border-color: #006AE4;
    background-color: #006AE4;
    color: #fff !important;
}
@media screen and (max-width: 767.98px) {
    .dmiux_back {
        width: 28px;
        height: 28px;
        margin-right: 12px;
    }
}


/**/
/* title */
/**/
.dmiux_title {
    margin-right: 16px;
    margin-bottom: 0;
    font-size: 21px;
    line-height: 28px;
    font-weight: 700;
    color: #1E2125;
}
.dmiux_title__slash {
    margin: 0 4px;
    font-weight: 400;
    color: #BEC7D3;
}
.dmiux_title__badge {
    display: inline-block;
    vertical-align: top;
    margin: 5px 4px;
    padding: 1px 6px 0;
    border-radius: 9px;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase;
    color: #FFF;
}
.dmiux_title__badge_open {
    background-color: #32AB4D;
}
@media screen and (max-width: 767.98px) {
    .dmiux_title {
        max-width: 288px;
        max-width: calc(100vw - 32px - 40px);
        overflow: hidden;
        margin-right: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .dmiux_title_with-editors {
        max-width: calc(100vw - 32px - 40px - 40px);
    }
}


/**/
/* subtitle */
/**/
.dmiux_subtitle {
    margin-top: 2px;
    font-size: 13px;
    line-height: 16px;
    color: #7F8FA5;
}
.dmiux_subtitle a {
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_subtitle a:hover {
    color: #006AE4;
}
.dmiux_subtitle_alt {
    margin-top: 0;
    padding: 0 24px;
}
@media screen and (max-width: 767.98px) {
    .dmiux_subtitle {
        margin-top: 8px;
    }
    .dmiux_subtitle_alt {
        margin-top: 0;
        padding: 8px 16px;
    }
}


/**/
/* actions */
/**/
.dmiux_actions__row {
    flex-wrap: nowrap;
    margin: 0 -6px;
}
.dmiux_actions__col {
    padding: 0 6px;
}
.dmiux_actions__sep {
    width: 1px;
    height: 32px;
    margin: 0 4px;
    background-color: #EEF1F4;
}
.dmiux_actions::-webkit-scrollbar {
    display: none;
}
@media screen and (max-width: 767.98px) {
    .dmiux_actions {
        margin: 0 -16px;
        padding: 0 16px;
        overflow: auto;
    }
}


/**/
/* editors */
/**/
.dmiux_editors__item {
    position: relative;
}
.dmiux_editors__photo {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
}
@media screen and (max-width: 767.98px) {
    .dmiux_editors {
        position: absolute;
        top: 50%;
        right: 16px;
        margin-top: -20px;
    }
}




/**/
/* CONTENT */
/**/


/**/
/* flags */
/**/
.dmiux_flags {
    width: 280px;
}
.dmiux_flags__title {
    margin: -4px 0 12px;
    font-weight: 600;
}
.dmiux_flags .dmiux_checkbox {
    margin-top: 6px;
}
@media screen and (max-width: 1023.98px) {
    .dmiux_flags {
        width: auto;
    }
}


/**/
/* cards */
/**/
.dmiux_cards {
    margin-bottom: 24px;
}
.dmiux_cards__row {
    margin: 0 -10px;
}
.dmiux_cards__col {
    padding: 0 10px;
}
.dmiux_cards__col_lg {
    flex: 0 0 29.166667%;
    max-width: 29.166667%;
}
.dmiux_cards__item {
    height: 100%;
    padding: 15px 19px;
    border-radius: 4px;
    border: 1px solid #EAEDF3;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
}
.dmiux_cards__heading {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
.dmiux_cards__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
}
.dmiux_cards__table td {
    vertical-align: bottom;
    padding: 2px 0 2px 16px;
}
.dmiux_cards__table th {
    padding: 0 0 6px 16px;
    font-weight: 600;
    text-align: right;
    color: #7D95D9;
}
.dmiux_cards__table th:first-child,
.dmiux_cards__table td:first-child {
    padding-left: 0;
    text-align: left;
    color: #7F8FA5;
}
.dmiux_cards__table th:last-child,
.dmiux_cards__table td:last-child {
    color: inherit;
}
.dmiux_cards__dots {
    display: block;
    list-style: none;
    font-size: 0;
    text-align: center;
}
.dmiux_cards__dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
}
.dmiux_cards__dots button {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #BEC7D3;
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_cards__dots button::before {
    content: '';
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
}
.dmiux_cards__dots .slick-active button {
    background-color: #163C74;
}
@media screen and (max-width: 1365.98px) {
    .dmiux_cards__row {
        display: block;
    }
    .dmiux_cards__item {
        margin-bottom: 16px;
    }
    .dmiux_cards__row_flex {
        display: flex;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_cards__row {
        margin: 0 -8px;
    }
    .dmiux_cards__col {
        padding: 0 8px;
    }
}
.dmiux_cards__item_auto_height {
    height:auto;
}


/**/
/* search params */
/**/
.dmiux_search-params {
    margin: -4px 0 8px;
}
.dmiux_search-params__item {
    position: relative;
    margin-bottom: 12px;
    padding-left: 26px;
    font-family: 'Roboto Mono', monospace;
    font-size: 13px;
    line-height: 18px;
}
.dmiux_search-params__clear {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid #BEC7D3;
    transition-duration: 0.125s;
    transition-property: border-color;
}
.dmiux_search-params__clear::after,
.dmiux_search-params__clear::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    margin: -1px 0 0 -5px;
    background-color: #A2ADBE;
    transform: rotate(45deg);
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_search-params__clear::before {
    transform: rotate(-45deg);
}
.dmiux_search-params__clear:hover {
    border-color: #5A6984;
}
.dmiux_search-params__clear:hover::after,
.dmiux_search-params__clear:hover::before {
    background-color: #5A6984;
}
@media screen and (max-width: 767.98px) {
    .dmiux_search-params {
        margin: 0 0 4px;
    }
}


/**/
/* data table */
/**/
.dmiux_data-table {
    position: relative;
    margin-bottom: 24px;
}
.dmiux_data-table__head {
    margin-bottom: 12px;
}
.dmiux_data-table__head ~ .dmiux_data-table__arrow {
    margin-top: -14px;
}
.dmiux_data-table__cont {
    overflow-x: auto;
    margin-bottom: 16px;
}
.dmiux_data-table__cont::-webkit-scrollbar {
    height: 20px;
    border-radius: 0 0 4px 4px;
    background-color: #E7EBED;
}
.dmiux_data-table__cont::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 6px solid #E7EBED;
    background-color: #B5BEC6;
}
.dmiux_data-table__table {
    min-width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    white-space: nowrap;
    color: #1C2028;
}
.dmiux_data-table__table thead th {
    padding: 10px 24px;
    background: #7D95D9;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
}
.dmiux_data-table__table thead th:first-child {
    width: 1%;
    padding-left: 16px;
    border-top-left-radius: 4px;
}
.dmiux_data-table__table thead th:last-child {
    border-top-right-radius: 4px;
}
.dmiux_data-table__table tbody tr {
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_data-table__table tbody tr:nth-child(odd) {
    background-color: #FFF;
}
.dmiux_data-table__table tbody tr:nth-child(even) {
    background-color: #F9F9FB;
}
.dmiux_data-table__table tbody tr:hover {
    background-color: #E9EEFF;
}
.dmiux_data-table__table_2rows tbody tr:nth-child(4n + 1),
.dmiux_data-table__table_2rows tbody tr:nth-child(4n + 2) {
    background-color: #fff;
}
.dmiux_data-table__table_2rows tbody tr:nth-child(4n + 3),
.dmiux_data-table__table_2rows tbody tr:nth-child(4n + 4) {
    background-color: #F9F9FB;
}
.dmiux_data-table__table tbody td {
    padding: 6px 24px;
}
.dmiux_data-table__table tbody td:first-child {
    padding-left: 16px;
}
.dmiux_data-table__table .sorting,
.dmiux_data-table__table .sorting_asc,
.dmiux_data-table__table .sorting_desc {
    cursor: pointer;
}
.dmiux_data-table__table .sorting_asc,
.dmiux_data-table__table .sorting_desc {
    font-weight: 700;
}
.dmiux_data-table__table .sorting::after,
.dmiux_data-table__table .sorting_asc::after,
.dmiux_data-table__table .sorting_desc::after {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: 8px -16px 0 6px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.dmiux_data-table__table .sorting_asc::after {
    border-top: 5px solid #FFF;
}
.dmiux_data-table__table .sorting_desc::after {
    border-bottom: 5px solid #FFF;
}
.dmiux_data-table__details {
    margin-top: -6px;
    border: 1px solid #E7EAEE;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.5;
}
.dmiux_data-table__details tbody tr:nth-child(odd),
.dmiux_data-table__details tbody tr:nth-child(even) {
    background-color: transparent;
}
.dmiux_data-table__details tbody td {
    padding: 0;
}
.dmiux_data-table__details tbody td:first-child {
    padding: 0 48px 0 0;
}
.dmiux_data-table__actions {
    display: flex;
    margin-right: -24px;
    padding: 2px 0;
    pointer-events: none;
    opacity: 0;
}
thead .dmiux_data-table__actions,
tr:hover .dmiux_data-table__actions {
    pointer-events: auto;
    opacity: 1;
}
.dmiux_data-table__actions svg {
    display: block;
    width: 16px;
    height: 16px;
}
.dmiux_data-table__actions button {
    position: relative;
    margin-right: 12px;
    color: #A2ADBE;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_data-table__actions button:hover {
    color: #006AE4;
}
.dmiux_data-table__actions button:last-child {
    margin-right: 0;
}
.dmiux_data-table__actions button[data-tooltip]::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 3px;
    margin-left: -4px;
    border-top: 4px solid #31373D;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_data-table__actions button[data-tooltip]::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 7px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #31373D;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    white-space: nowrap;
    color: #FFF;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-50%);
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_data-table__actions button[data-tooltip]:hover::after,
.dmiux_data-table__actions button[data-tooltip]:hover::before {
    opacity: 1;
}
.dmiux_data-table__arrow {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -36px;
    border-radius: 50%;
    background-color: #1C2028;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_data-table__arrow i {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    margin: -1px 0 0 -12px;
    border-radius: 1px;
    background-color: #FFF;
}
.dmiux_data-table__arrow i::after,
.dmiux_data-table__arrow i::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1px;
    width: 12px;
    height: 2px;
    border-radius: 1px;
    background-color: #FFF;
    transform-origin: 0 1px;
    transform: rotate(45deg);
}
.dmiux_data-table__arrow i::before {
    transform: rotate(-45deg);
}
.dmiux_data-table__arrow_left {
    left: 24px;
}
.dmiux_data-table__arrow_right {
    right: 24px;
    transform: rotate(180deg);
}
.dmiux_data-table__arrow_visible {
    pointer-events: auto;
    opacity: 0.8;
}
.dmiux_data-table__arrow_visible:hover {
    opacity: 1;
}
.dmiux_data-table__settings {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 300px;
    max-height: 258px;
    z-index: 1000;
    overflow: auto;
    padding: 6px 12px 12px 12px;
    border-radius: 4px;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_data-table__settings::-webkit-scrollbar {
    width: 18px;
    border-radius: 9px;
    background-color: transparent;
}
.dmiux_data-table__settings::-webkit-scrollbar-thumb {
    border-radius: 9px;
    border: 6px solid #FFF;
    background-color: rgba(28,32,40,0.1);
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_data-table__settings::-webkit-scrollbar-thumb:hover {
    background-color: rgba(28,32,40,0.2);
}
.dmiux_data-table__settings .dmiux_checkbox {
    margin-top: 6px;
}
.dmiux_data-table__settings_visible {
    pointer-events: auto;
    opacity: 1;
}
.dmiux_data-table tbody pre,
.dmiux_pre-newlines {
  font-family: unset;
  font-size: unset;
  text-align: unset;
  margin: unset;
  white-space: pre-line;
}
.dataTables_paginate {
    float: left;
    margin-right: 12px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
}
.dataTables_paginate a {
    display: inline-block;
    vertical-align: top;
    min-width: 26px;
    margin-right: 8px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #E7EAEE;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: background-color, color;
}
.dataTables_paginate svg {
    display: inline-block;
    vertical-align: top;
    width: 7px;
    height: 12px;
    margin-top: 10px;
    color: #BEC7D3;
    transition-duration: 0.125s;
    transition-property: color;
}
.dataTables_paginate svg:first-child {
    margin-right: 8px;
}
.dataTables_paginate svg:last-child {
    margin-left: 8px;
}
.dataTables_paginate a:hover {
    background-color: #BEC7D3;
    color: #374C68;
}
.dataTables_paginate a:hover svg {
    color: #7F8FA5;
}
.dataTables_paginate a.current {
    background-color: #016CE1;
    color: #FFF;
}
.dataTables_paginate a.disabled {
    pointer-events: none;
    color: #A2ADBE;
}
.dataTables_info {
    font-size: 13px;
    line-height: 32px;
    color: #7F8FA5;
}
.dataTables_length {
    position: absolute;
    right: 0;
    bottom: 0;
}
.dataTables_length::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -2px;
    border-top: 5px solid #BEC7D3;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    pointer-events: none;
    transition-duration: 0.125s;
    transition-property: border-color;
}
.dataTables_length select {
    padding: 5px 31px 5px 11px;
    border-radius: 4px;
    border: 1px solid #BEC7D3;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #1C2028;
    cursor: pointer;
    transition-duration: 0.125s;
    transition-property: border-color;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.dataTables_length select:hover {
    border-color: #5A6984;
}
.dataTables_length select:focus {
    border-color: #006AE4;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_data-table__head {
        overflow: auto;
    }
    .dmiux_data-table__arrow_left {
        left: 20px;
    }
    .dmiux_data-table__arrow_right {
        right: 20px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_data-table__head {
        margin-right: -16px;
        margin-left: -16px;
        padding-left: 16px;
    }
    .dmiux_data-table__head .dmiux_grid-row::after {
        content: '';
        display: block;
        min-width: 10px;
        height: 30px;
    }
    .dmiux_data-table__head ~ .dmiux_data-table__arrow {
        margin-top: -52px;
    }
    .dmiux_data-table__table thead th {
        padding-right: 16px;
        padding-left: 16px;
    }
    .dmiux_data-table__table thead th:first-child {
        border-radius: 0;
    }
    .dmiux_data-table__table thead th:last-child {
        border-radius: 0;
    }
    .dmiux_data-table__table tbody td {
        padding-right: 16px;
        padding-left: 16px;
    }
    .dmiux_data-table__table .sorting::after,
    .dmiux_data-table__table .sorting_asc::after,
    .dmiux_data-table__table .sorting_desc::after {
        margin-right: -12px;
        margin-left: 4px;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }
    .dmiux_data-table__table .sorting_asc::after {
        border-top: 4px solid #FFF;
    }
    .dmiux_data-table__table .sorting_desc::after {
        border-bottom: 4px solid #FFF;
    }
    .dmiux_data-table__actions {
        margin-right: -16px;
    }
    .dmiux_data-table__arrow {
        margin-top: -74px;
    }
    .dmiux_data-table__arrow_left {
        left: 0;
    }
    .dmiux_data-table__arrow_right {
        right: 0;
    }
    .dmiux_data-table__settings {
        left: -13px;
    }
    .dmiux_data-table__foot {
        text-align: center;
    }
    .dataTables_wrapper {
        margin-right: -16px;
        margin-left: -16px;
    }
    .dataTables_paginate {
        float: none;
        margin: 0;
        padding-left: 8px;
    }
    .dataTables_length {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }
    .dataTables_info {
        line-height: 44px;
    }
}


/**/
/* account */
/**/
.dmiux_account__number {
    margin: -4px 0;
    font-size: 12px;
    color: #7F8FA5;
}
.dmiux_account__number span {
    display: block;
    font-size: 20px;
    line-height: 1.25;
    color: #374C68;
}
.dmiux_account__number strong {
    display: block;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
    color: #1C2028;
}
.dmiux_account__controls {
    margin: -4px 0 16px;
}
.dmiux_account__controls .dmiux_grid-col {
    position: relative;
}
.dmiux_account__edit-fields {
    position: absolute;
    z-index: 10;
    top: -9px;
    right: -24px;
    width: 240px;
    max-height: 258px;
    overflow: auto;
    padding: 5px 11px 11px 11px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
}
.dmiux_account__edit-fields .dmiux_checkbox {
    margin-top: 6px;
}
.dmiux_account__meta {
    font-size: 13px;
    line-height: 20px;
    color: #5A6984;
}
.dmiux_account__form {
    background: linear-gradient(#F9F9FB, #F9F9FB 50%, #FFF 50%, #FFF) 0 0/100% 104px;
}
.dmiux_account__item {
    position: relative;
    padding: 10px 16px;
}
.dmiux_account__item::before {
    content: '';
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    background-color: #FFF;
    box-shadow: 0 2px 17px 0 rgba(0,0,0,0.30);
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_account__form_editable .dmiux_account__item:hover::before,
.dmiux_account__form_editable .dmiux_account__item.ui-sortable-helper::before {
    z-index: 1;
    pointer-events: auto;
    opacity: 1;
}
.dmiux_account__form_editable .dmiux_account__item:hover .dmiux_grid-col {
    position: relative;
    z-index: 1;
}
.dmiux_account__item_placeholder {
    position: relative;
    height: 52px;
}
.dmiux_account__item_placeholder::after {
    content: '';
    position: absolute;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    border-radius: 4px;
    border: 2px dashed #006AE4;
    background-color: rgba(0,106,228,0.05);
}
.dmiux_account__button {
    position: relative;
    z-index: 1;
    top: 11px;
    left: 100%;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background-color: #5A6984;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_account__button:hover {
    background-color: #006AE4;
}
.dmiux_account__button_move {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23FFF" d="M15 2c-.552285 0-1 .4477153-1 1v4c0 .2761424-.223858.5-.5.5S13 7.2761424 13 7V1.553c.011347-.5024852-.33928-.9407687-.832-1.04-.290613-.0495271-.588272.0317004-.813444.2219791C11.129383.9252577 10.999642 1.2051973 11 1.5V7c0 .2761424-.223858.5-.5.5S10 7.2761424 10 7V1.053c.010856-.5021117-.339659-.9398339-.832-1.039-.29044-.0494975-.587928.0316035-.813062.2216568C8.129804.42571 7.999937.7053721 8 1v6c0 .2761424-.223858.5-.5.5S7 7.2761424 7 7V1.553c.010856-.5021117-.339659-.9398339-.832-1.039-.29044-.0494975-.587928.0316035-.813062.2216568C5.129804.92571 4.999937 1.2053721 5 1.5v7.793c.000362.2025089-.121463.3852385-.308537.4627843-.187074.0775458-.402449.0345925-.545463-.1087843l-2-2c-.31624-.3384091-.812929-.4377469-1.235-.247-.254695.1255018-.446431.3503966-.530066.6217371C.297299 8.2930775.329154 8.5868894.469 8.834l2.311 4.108C3.842742 14.8309538 5.841613 16 8.009 16H10c3.313708 0 6-2.6862915 6-6V3c0-.5522847-.447715-1-1-1z"/></svg>');
    background-position: 6px 50%;
    cursor: pointer;
}
.dmiux_account__button_remove {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23FFF" d="M14.7 1.3c-.4-.4-1-.4-1.4 0L8 6.6 2.7 1.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4L6.6 8l-5.3 5.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l5.3 5.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l5.3-5.3c.4-.4.4-1 0-1.4z"></path></svg>');
}
.dmiux_account__button_delete {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23FFF" d="M3 6v18h18v-18h-18zm5 14c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm4-18v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.315c0 .901.73 2 1.631 2h5.712z"/></svg>');
}
.dmiux_account__button_edit {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 24"><path fill="%23FFF" d="M7.127 22.562l-7.127 1.438 1.438-7.128 5.689 5.69zm1.414-1.414l11.228-11.225-5.69-5.692-11.227 11.227 5.689 5.69zm9.768-21.148l-2.816 2.817 5.691 5.691 2.816-2.819-5.691-5.689z"/></svg>');
}
.dmiux_account__button_save {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23FFF" d="M3 0v3c0 .6.4 1 1 1h5c.6 0 1-.4 1-1V0h1c.3 0 .5.1.7.3l4 4c.2.2.3.4.3.7v10c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1h2zm9 10H4c-.6 0-1 .4-1 1v3h10v-3c0-.6-.4-1-1-1zM9 0v3H7V0h2z"/></svg>');
}
.dmiux_account__form_editable .dmiux_account__item:hover .dmiux_account__button,
.dmiux_account__form_editable .dmiux_account__item.ui-sortable-helper .dmiux_account__button {
    pointer-events: auto;
    opacity: 1;
}
.dmiux_account__label {
    display: block;
    width: 140px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
}
.dmiux_account__sublabel {
    font-size: 14px;
}
@media screen and (max-width: 1365.98px) {
    .dmiux_account__number {
        margin-bottom: 12px;
    }
    .dmiux_account__meta {
        margin-bottom: 8px;
    }
    .dmiux_account__edit-fields {
        right: auto;
        left: -24px;
    }
}
@media screen and (max-width: 1023.98px) {
    .dmiux_account__item {
        transition-duration: 0.125s;
        transition-property: margin;
    }
    .dmiux_account__form_editable .dmiux_account__item {
        margin-right: 72px;
    }
    .dmiux_account__form_editable .dmiux_account__button {
        pointer-events: auto;
        opacity: 1;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_account__form {
        margin-right: -16px;
        margin-left: -16px;
    }
    .dmiux_account__item::before {
        right: -68px;
        border-radius: 0;
    }
    .dmiux_account__form_editable .dmiux_account__item {
        margin-right: 68px;
    }
}
@media screen and (max-width: 575.98px) {
    .dmiux_account__form {
        background-size: auto 152px;
    }
    .dmiux_account__label {
        margin-top: -8px;
    }
    .dmiux_account__button {
        top: 35px;
    }
}


/**/
/* report */
/**/
.dmiux_report .dmiux_data-table {
    margin-bottom: 0;
}
.dmiux_report__heading {
    margin: 16px 0;
    font-size: 18px;
    line-height: 1.125;
    font-weight: 600;
    color: #1C2028;
}


/**/
/* new search */
/**/
.dmiux_new-search {
    margin-bottom: 24px;
    border-radius: 4px;
    border: 1px solid #EAEDF3;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
}
.dmiux_new-search__head {
    padding: 20px;
    border-bottom: 1px solid #EEF1F4;
}
.dmiux_new-search__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}
.dmiux_new-search__cont {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}
.dmiux_new-search__cont::before {
    content: '';
    position: absolute;
    top: 18px;
    right: 20px;
    bottom: 60px;
    left: 20px;
    background: linear-gradient(#F9F9FB, #F9F9FB 50%, #FFF 50%, #FFF) 0 0/100% 175px;
}
.dmiux_new-search__row {
    position: relative;
    min-width: 100%;
    height: 32px;
    margin: 10px 0;
    overflow: hidden;
    padding: 0 48px 0 16px;
    transition-duration: 0.125s;
    transition-property: height, margin;
}
.dmiux_new-search__row_visible {
    overflow: visible;
}
.dmiux_new-search__row_hidden {
    height: 0;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
}
.dmiux_new-search__add {
    position: relative;
    order: 9999;
    margin: 10px 0;
}
.dmiux_new-search__add div {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #006AE4;
}
.dmiux_new-search__add svg {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin: 4px 8px 0 0;
}
.dmiux_new-search__add select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 13px;
    cursor: pointer;
    opacity: 0;
}
.dmiux_new-search__sep {
    margin: 0 12px;
    font-size: 14px;
}
.dmiux_new-search__label {
    display: block;
    width: 192px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.dmiux_new-search__remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 32px;
    color: #374C68;
    transition-duration: 0.125s;
    transition-property: color, opacity;
}
.dmiux_new-search__remove::after,
.dmiux_new-search__remove::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    margin: -1px 0 0 -10px;
    border-radius: 2px;
    background: currentColor;
    transform: rotate(45deg);
}
.dmiux_new-search__remove::before {
    transform: rotate(-45deg);
}
.dmiux_new-search__remove:hover {
    color: #006AE4;
}
.dmiux_new-search__row_hidden .dmiux_new-search__remove {
    opacity: 0;
}
.dmiux_new-search__tooltip {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    margin-top: 4px;
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #1C2028;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    white-space: nowrap;
    color: #FFF;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_new-search__input:hover .dmiux_new-search__tooltip,
.dmiux_new-search__select:hover .dmiux_new-search__tooltip,
.dmiux_new-search__multiselect:hover .dmiux_new-search__tooltip {
    opacity: 1;
}
.dmiux_new-search__foot {
    padding: 20px;
    border-top: 1px solid #EEF1F4;
}
.dmiux_new-search__foot .dmiux_grid-row {
    margin: 0 -5px;
}
.dmiux_new-search__foot .dmiux_grid-col {
    padding: 0 5px;
}
@media screen and (max-width: 767.98px) {
    .dmiux_new-search__label {
        width: 172px;
    }
}
@media screen and (max-width: 575.98px) {
    .dmiux_new-search__head {
        padding: 12px;
    }
    .dmiux_new-search__load {
        width: 124px;
    }
    .dmiux_new-search__cont {
        padding: 12px;
    }
    .dmiux_new-search__cont::before {
        top: 12px;
        right: 12px;
        left: 12px;
        bottom: 52px;
        background-size: auto 152px;
    }
    .dmiux_new-search__row {
        height: 56px;
        padding-right: 40px;
        padding-left: 12px;
    }
    .dmiux_new-search__row_hidden {
        height: 0;
    }
    .dmiux_new-search__label {
        margin-bottom: 4px;
    }
    .dmiux_new-search__remove {
        top: 24px;
        right: 0;
        width: 40px;
    }
    .dmiux_new-search__tooltip {
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
    }
}


/**/
/* favourite searches */
/**/
.dmiux_favourite-searches {
    width: 400px;
    margin-bottom: 24px;
    padding: 15px 20px;
    border-radius: 4px;
    border: 1px solid #EAEDF3;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
}
.dmiux_favourite-searches__title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #374C68;
}
.dmiux_favourite-searches__item {
    display: flex;
    align-items: center;
    margin: 0 -10px;
    padding: 5px 10px;
    border-radius: 2px;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    white-space: nowrap;
    color: #1C2028;
    transition-duration: 0.125s;
    transition-property: background-color, color;
}
.dmiux_favourite-searches__item_fav {
    font-weight: 600;
}
.dmiux_favourite-searches__item:hover {
    background-color: #E7EDFF;
    color: #006AE4;
}
.dmiux_favourite-searches__name {
    overflow: hidden;
    text-overflow: ellipsis;
}
.dmiux_favourite-searches__date {
    margin-left: auto;
    padding-left: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #7F8FA5;
}
.dmiux_favourite-searches__icon {
    position: relative;
    min-width: 16px;
    height: 16px;
    margin-left: 12px;
    color: #BAC7D5;
}
.dmiux_favourite-searches__icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
}
@media screen and (max-width: 1147.98px) {
    .dmiux_favourite-searches {
        width: 320px;
    }
}
@media screen and (max-width: 1023.98px) {
    .dmiux_favourite-searches {
        width: auto;
    }
}


/**/
/* milestones */
/**/
.dmiux_milestones {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    border-radius: 4px;
    border: 1px solid #EAEDF3;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
}
.dmiux_milestones__link {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    font-size: 16px;
    line-height: 48px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_milestones__link:hover {
    color: #006AE4;
}
.dmiux_milestones__link.dmiux_active {
    font-weight: 600;
    color: #006AE4;
}
.dmiux_milestones__angle {
    width: 13px;
    height: 24px;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_milestones {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_milestones {
        justify-content: space-around;
        margin-bottom: 16px;
        padding: 0 7px;
    }
    .dmiux_milestones__link {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}
@media screen and (max-width: 575.98px) {
    .dmiux_milestones__link {
        font-size: 14px;
    }
}


/**/
/* query parameters */
/**/
.dmiux_query-parameters {
    margin-bottom: 24px;
    padding: 15px 19px 19px;
    border-radius: 4px;
    border: 1px solid #EAEDF3;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
}
.dmiux_query-parameters__head {
    margin: 0 -19px 19px;
    padding: 0 19px 19px;
    border-bottom: 1px solid #EEF1F4;
}
.dmiux_query-parameters__title {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #7E8FA6;
}
.dmiux_query-parameters__foot {
    margin: 19px -19px 0;
    padding: 19px 19px 0;
    border-top: 1px solid #EEF1F4;
}
@media screen and (max-width: 767.98px) {
    .dmiux_query-parameters {
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 575.98px) {
    .dmiux_query-parameters__head .dmiux_input {
        margin-bottom: 12px;
    }
}


/**/
/* query tabs */
/**/
.dmiux_query-tabs {
    display: flex;
    overflow: auto;
    margin: -20px -19px 19px;
    padding: 0 19px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEF1F4;
    white-space: nowrap;
}
.dmiux_query-tabs::after {
    content: '';
    display: block;
    min-width: 19px;
}
.dmiux_query-tabs__item_disabled {
    position: relative;
    margin-right: 28px;
    padding: 12px 0;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: #5A6984 !important;
    transition-duration: 0.125s;
    transition-property: color;
    cursor: auto;
}
.dmiux_query-tabs__item {
    position: relative;
    margin-right: 28px;
    padding: 12px 0;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_query-tabs__item span {
    display: inline-block;
    vertical-align: top;
    min-width: 16px;
    margin: 2px 0 0 8px;
    padding: 0 4px;
    border-radius: 3px;
    background-color: #FF343C;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
    color: #FFF;
}
.dmiux_query-tabs__item::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #006AE4;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_query-tabs__item:hover {
    color: #006AE4;
}
.dmiux_query-tabs__item:last-child {
    margin-right: 0;
}
.dmiux_query-tabs__item.dmiux_active {
    color: #006AE4;
}
.dmiux_query-tabs__item.dmiux_active::after {
    opacity: 1;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_query-tabs__item {
        margin-right: 20px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_query-tabs__item {
        margin-right: 16px;
    }
}

/**/
/* query edit fields */
/**/
.dmiux_query-edit-fields {
    position: relative;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    text-align: right;
}
.dmiux_query-edit-fields__toggle {
    display: inline-block;
    vertical-align: top;
    color: #374C68;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_query-edit-fields__toggle:hover {
    color: #006AE4;
}
.dmiux_query-edit-fields__toggle svg {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    color: #BCC7D4;
}
.dmiux_query-edit-fields__toggle span {
    padding-right: 8px;
}
.dmiux_query-edit-fields__dropdown {
    position: absolute;
    z-index: 10;
    top: -3px;
    right: -5px;
    width: 300px;
    max-height: 258px;
    overflow: auto;
    padding: 5px 11px 11px 11px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_query-edit-fields__dropdown_visible {
    pointer-events: auto;
    opacity: 1;
}
.dmiux_query-edit-fields__dropdown .dmiux_checkbox {
    margin-top: 6px;
}


/**/
/* query form */
/**/
.dmiux_query-form__row {
    padding: 10px 16px;
}
.dmiux_query-form__row:nth-child(odd) {
    background-color: #F9F9FB;
}
.dmiux_query-form__to {
    min-width: 40px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
}
.dmiux_query-form__hint {
    margin-left: 32px;
    font-size: 14px;
    line-height: 20px;
    color: #5A6984;
}
.dmiux_query-form__label {
    display: block;
    width: 200px;
    overflow: hidden;
    margin-right: 24px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dmiux_query-form__input {
    width: 280px;
}
.dmiux_query-form__input_sm {
    width: 120px;
}
.dmiux_query-form__input_xs {
    width: 70px;
}
.dmiux_query-form__input_xxs {
    width: 52px;
}
.dmiux_query-form__radio,
.dmiux_query-form__checkbox {
    margin: 7px 0;
}
.dmiux_query-form__checkbox.dmiux_checkbox_inline ~ .dmiux_query-form__checkbox.dmiux_checkbox_inline {
    margin-top: 0;
}
.dmiux_query-form__checkbox-group {
    width: 280px;
}
.dmiux_query-form__checkbox-group_lg {
    width: 320px;
}
.dmiux_query-form__heading {
    margin-top: 20px;
    padding: 10px 16px;
    border-radius: 4px 4px 0 0;
    background-color: #7D95D9;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #FFF;
}
.dmiux_query__footnote {
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #7F8FA5;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_query-form__to {
        min-width: 20px;
        padding: 0 10px;
    }
    .dmiux_query-form__hint {
        display: none;
    }
    .dmiux_query-form__label {
        width: 184px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_query-form__label {
        width: auto;
        margin-top: -4px;
    }
    .dmiux_query-form__label .dmiux_fw400 {
        display: block;
        margin-top: 8px;
    }
}
@media screen and (max-width: 575.98px) {
    .dmiux_query-form__row {
        position: relative;
        margin-right: -19px;
        margin-left: -19px;
        padding-right: 19px;
        padding-left: 19px;
    }
    .dmiux_query-form__input,
    .dmiux_query-form__checkbox-group {
        width: auto;
    }
    .dmiux_query-form__exclude {
        position: absolute;
        top: 6px;
        right: 19px;
    }
    .dmiux_query-form__heading {
        margin-right: -19px;
        margin-left: -19px;
        border-radius: 0;
    }
    .dmiux_query__footnote {
        margin-bottom: 16px;
    }
}


/**/
/* query flags */
/**/
.dmiux_query-flags {
    margin-top: 8px;
}
.dmiux_query-flags__title {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: #1C2028;
}
.dmiux_query-flags__remove-all,
.dmiux_query-flags__include-all,
.dmiux_query-flags__exclude-all {
    float: right;
    margin-left: 20px;
}
.dmiux_query-flags__overflow {
    height: 570px;
    overflow-y: auto;
    overflow-x: visible;
    padding: 5px 11px 11px 11px;
    border-radius: 4px;
    border: 1px solid #E7EAEE;
}
.dmiux_query-flags__overflow .dmiux_flagbox {
    margin-top: 6px;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_query-flags_included,
    .dmiux_query-flags_excluded {
        margin-top: 20px;
    }
    .dmiux_query-flags__overflow {
        height: 258px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_query-flags_included,
    .dmiux_query-flags_excluded {
        margin-top: 16px;
    }
    .dmiux_query-flags__overflow {
        height: 210px;
    }
}


/**/
/* query summary */
/**/
.dmiux_query-summary {
    position: relative;
    width: 280px;
    margin-bottom: 150px !important;
    padding: 15px 19px 19px;
    border-radius: 4px;
    border: 1px solid #EAEDF3;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04);
}
.dmiux_query-summary__title {
    margin-bottom: -12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #1E2125;
}
.dmiux_query-summary__subtitle {
    margin-top: 24px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1E2125;
}
.dmiux_query-summary__none {
    margin-top: 8px;
    border-radius: 3px;
    background-color: #F9F9FB;
    text-align: center;
    font-size: 12px;
    line-height: 32px;
    font-weight: 600;
    color: #A2ADBE;
}
.dmiux_query-summary__heading {
    margin-top: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #293E7C;
}
.dmiux_query-summary__heading i {
    display: inline-block;
    vertical-align: top;
    min-width: 16px;
    padding: 0 4px;
    margin-left: 8px;
    border-radius: 3px;
    background-color: #E7EAEE;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    color: #5A6984;
}
.dmiux_query-summary__group {
    display: none;
}
.dmiux_query-summary__group_visible {
    display: block;
}
.dmiux_query-summary__group_visible ~ .dmiux_query-summary__none {
    display: none;
}
.dmiux_query-summary__item {
    position: relative;
    margin-top: 8px;
    padding-left: 28px;
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
    line-height: 18px;
}
.dmiux_query-summary__caption {
    position: relative;
    width: auto;
    overflow-wrap: anywhere;
    top: 0;
    text-indent: 48px;
    margin-left: -0.5rem;
    z-index: 0;
}  
.dmiux_query-summary__item > button {
    z-index: 1;
}
.dmiux_query-summary__record-count {
    font-weight: bold; 
    color: #397FCF;
}
.dmiux_query-summary__clear {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid #BEC7D3;
    transition-duration: 0.125s;
    transition-property: border-color;
}
.dmiux_query-summary__clear::after,
.dmiux_query-summary__clear::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    margin: -1px 0 0 -5px;
    background-color: #A2ADBE;
    transform: rotate(45deg);
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_query-summary__clear::before {
    transform: rotate(-45deg);
}
.dmiux_query-summary__clear:hover {
    border-color: #5A6984;
}
.dmiux_query-summary__clear:hover::after,
.dmiux_query-summary__clear:hover::before {
    background-color: #5A6984;
}
.dmiux_query-summary__clear-all {
    position: absolute;
    top: 19px;
    right: 19px;
}
.dmiux_query-summary__filters {
    min-height: 50px;
    overflow: auto;
}
@media screen and (max-width: 1279.98px) {
    .dmiux_query-summary {
        width: 260px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1023.98px) {
    .dmiux_query-summary {
        width: auto;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_query-summary {
        margin-bottom: 16px;
    }
}


/**/
/* popups */
/**/
.dmiux_popup {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none !important;
    align-items: center;
    justify-content: center;
    overflow: auto;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.125s;
    transition-property: opacity;
}
.dmiux_popup_visible {
    pointer-events: auto;
    opacity: 1;
    display: flex !important;
}
.dmiux_popup__window {
    min-width: 300px;
    max-width: 300px;
    border-radius: 4px;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.3);
}
.dmiux_popup__window_grow {
    display: flex;
    flex-direction: column;
    max-height: 90%;
    max-width: 90%;
    width: 90%;
}

.dmiux_popup__window_grow_nav {
    height: 90%;
}

.dmiux_popup__window_xl {
    min-width: 990px;
    max-width: 990px;
}
.dmiux_popup__window_lg {
    min-width: 770px;
    max-width: 770px;
}
.dmiux_popup__window_md {
    min-width: 500px;
    max-width: 500px;
    border-radius: 4px;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.3);
}
.dmiux_popup__head {
    position: relative;
    padding: 0 12px;
    border-radius: 4px 4px 0 0;
    background-color: #5A6984;
    color: #FFF;
}
.dmiux_popup__cont {
    position: relative;
    padding: 0 12px 12px;
    margin-top: -1px;
    border-top: 1px solid #5A6984;
    background-color: #F9F9FB;
}
.dmiux_popup__window_grow div.dmiux_popup__cont {
    flex-grow: 1;
    max-height: unset; /* Remove any max-height set by the inherited class */
}
.dmiux_popup__cont .dmiux_radio,
.dmiux_popup__cont .dmiux_checkbox,
.dmiux_popup__cont .dmiux_button {
    margin-top: 12px;
}
.dmiux_popup__cont .dmiux_button_nom {
    margin-top: 0;
}
.dmiux_popup__cont .dmiux_cards {
    margin: 12px 0 16px;
}
.dmiux_popup__cont .dmiux_cards__row {
    margin: 0 -6px;
}
.dmiux_popup__cont .dmiux_cards__col {
    padding: 0 6px;
}
.dmiux_popup__cont .dmiux_data-table {
    margin: 12px 0 0;
}
.dmiux_popup__cont .dmiux_data-table__cont {
    margin-bottom: 0;
}
.dmiux_popup__cont:last-child {
    border-radius: 0 0 4px 4px;
}
.dmiux_popup__foot {
    padding: 12px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #EEF1F4;
    background-color: #FFF;
}
.dmiux_popup__or {
    position: relative;
    margin: 12px 0 -8px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
}
.dmiux_popup__or span {
    position: relative;
    padding: 0 8px;
    background-color: #F9F9FB;
}
.dmiux_popup__or::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    border-top: 1px solid #EEF1F4;
}
.dmiux_popup__hr {
    margin-top: 12px;
    border-top: 1px solid #EEF1F4;
}
.dmiux_popup__back {
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
    padding-left: 18px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="11"><path d="M0 5.5L5.55882353 0 7 1.42592593 2.8823529 5.5 7 9.57407407 5.55882353 11z" fill="%23BEC7D3" fill-rule="nonzero"/></svg>') 0 50%/7px 11px no-repeat;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    transition-duration: 0.25s;
    transition-property: color;
}
.dmiux_popup__back:hover {
    color: #006AE4;
}
.dmiux_popup__tabs {
    display: flex;
    margin: 0 -12px;
    padding: 12px 0;
    border-bottom: 1px solid #EEF1F4;
    background-color: #FFF;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    overflow: auto;
    white-space: nowrap;
}
.dmiux_popup__tabs a {
    margin: 0 12px;
    text-decoration: none;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_popup__tabs a:hover,
.dmiux_popup__tabs a.active {
    color: #006AE4;
}
.dmiux_popup__tab {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    display: none;
}
.dmiux_popup__tab.visible {
    position: static;
    opacity: 1;
    transition-duration: 0.125s;
    transition-property: opacity;
    display: block;
}
.dmiux_popup_visible .dmiux_popup__tab.visible {
    pointer-events: auto;
}
.dmiux_popup__overflow {
    min-height: 361px;
    margin-top: -1px;
    border-top: 1px solid transparent;
}
.dmiux_popup__overflow::-webkit-scrollbar {
    width: 18px;
    border-radius: 9px;
    background-color: transparent;
}
.dmiux_popup__overflow::-webkit-scrollbar-thumb {
    border-radius: 9px;
    border: 6px solid #F9F9FB;
    background-color: rgba(28,32,40,0.1);
    transition-duration: 0.125s;
    transition-property: background-color;
}
.dmiux_popup__overflow::-webkit-scrollbar-thumb:hover {
    background-color: rgba(28,32,40,0.2);
}
.dmiux_popup__title {
    font-size: 18px;
    line-height: 40px;
    font-weight: 600;
}
.dmiux_popup__label {
    display: block;
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
}
.dmiux_popup__cost {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #1C2028;
}
.dmiux_popup__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    color: #FFF;
    transition-duration: 0.125s;
    transition-property: color;
}
.dmiux_popup__close::after,
.dmiux_popup__close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    margin: -1px 0 0 -10px;
    border-radius: 2px;
    background: currentColor;
    transform: rotate(45deg);
}
.dmiux_popup__close::before {
    transform: rotate(-45deg);
}
@media screen and (max-width: 1365.98px) {
    .dmiux_popup__cont .dmiux_cards__row {
        display: flex;
    }
    .dmiux_popup__cont .dmiux_cards__item {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1023.98px) {
    .dmiux_popup__window_lg {
        min-width: 728px;
        max-width: 728px;
    }
}
@media screen and (max-width: 767.98px) {
    .dmiux_popup {
        padding: 0 16px;
    }
    .dmiux_popup__window_lg {
        min-width: 544px;
        max-width: 544px;
    }
    .dmiux_popup__cont .dmiux_cards__row {
        display: block;
    }
    .dmiux_popup__cont .dmiux_cards__item {
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 575.98px) {
    .dmiux_popup__window_lg {
        min-width: 100%;
        max-width: 100%;
    }
}

/**/
/* Prevent background scrolling for modals */
/**/
.suppress_scrolling {
    overflow: hidden;
}


/**/
/* PLUGINS */
/**/


/**/
/* tooltipster */
/**/
.tooltipster-base {
    position: absolute;
    pointer-events: none;
}
.tooltipster-content {
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #1C2028;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    white-space: nowrap;
    color: #FFF;
}
.tooltipster-fade {
    opacity: 0;
}
.tooltipster-fade.tooltipster-show {
    opacity: 1;
}

/**
/* dmiux_toolbar */
/**/
.dmiux_toolbar {
    padding: 0px 12px;
}

.dmiux_toolbar .dmiux_main-nav__link {
    padding: 0px;
}

.dmiux_toolbar .dmiux_toolbar_item .dmiux_toolbar_item_icon {
    height: 20px;
}

.dmiux_toolbar .dmiux_grid-col_auto {
    border-right: 1px solid #EEF1F4;
}

.dmiux_toolbar .dmiux_grid-col_auto:last-child {
    border-right: none;
}

.dmiux_toolbar .dmiux_grid-col_auto:hover {
    background-color: #e8e8e8;
    cursor: pointer;
}

.dmiux_toolbar .dmiux_grid-col_auto.no_hover_animate:hover {
    background-color: inherit;
}

.dmiux_toolbar_item {
    padding: 5px;
    display: block;
    height: 100%;
    text-align: center;
}

.dmiux_tableauto
{
    display: table;
    min-width: 100%;
}

.dmiux_tag_circle{
    display: inline-block; border-radius: 50%; height: 10px; width: 10px;
}

.dmiux_tag-box {
    color: white; border-radius: 5%; cursor: pointer;
}

.dmiux_table_container .dataTables_wrapper .dataTables_paginate {
    float: right;
}

.dmiux_content {
    margin-top:20px;
    position: relative;
}

.dmiux_app-nav__dropdown_warehouse {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    width: 288px;
    margin-top: -2px;
    padding: 20px;
    border-radius: 0 0 4px 4px;
    border-top: 3px solid #006AE4;
    background-color: #FFF;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.3);
    pointer-events: none;
    transition-duration: 0.125s;
    transition-property: opacity;
}

.dmiux_menu:hover .dmiux_menu__container .counts_menu .counts_container, .dmiux_menu:hover .dmiux_menu__container .map_menu .map_container {
    display: none;
}

.dmiux_btn {
    white-space: nowrap;
}

.dmiux_btn .dmiux_menu__arrow {
    padding-right: 3px;
}

.dmiux_close {
    margin-top: 4px;
}

.dmiux_activity_photo {
    display: inline-block;
    vertical-align: top;
}

.dmiux_activity_remainder {
    display: inline-block;
}

.dmiux_actionswrap {
    cursor: pointer;
}

.dmiux_actionswrap--export {
    background-image: url(../img/icons/export.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--export:hover {
    background-image: url(../img/icons/export_hover.svg);
}

.dmiux_actionswrap--search {
    background-image: url(../img/icons/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--search:hover {
    background-image: url(../img/icons/search_hover.svg);
}

.dmiux_actionswrap--save {
    background-image: url(../img/icons/saveicon2.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--save:hover {
    background-image: url(../img/icons/saveicon2_hover.svg);
}

.dmiux_actionswrap--save {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--save-white {
    background-image: url(../img/icons/saveicon2_white.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--save-white:hover {
    background-image: url(../img/icons/saveicon2_hover.svg);
}

.dmiux_actionswrap--save-white {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--edit {
    background-image: url(../img/icons/edit.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--edit:hover {
    background-image: url(../img/icons/edit_hover.svg);
}

.dmiux_actionswrap--edit {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--edit-white {
    background-image: url(../img/icons/edit_white.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--edit-white:hover {
    background-image: url(../img/icons/edit_hover.svg);
}

.dmiux_actionswrap--edit-white {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--edit-filter {
    background-image: url(../img/icons/pencil.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--edit-filter:hover {
    background-image: url(../img/icons/pencil_hover.svg);
    border: 1px solid #5A6984;
}

.dmiux_actionswrap--edit-filter {
    position: absolute;
    top: 0;
    left: 23px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid #BEC7D3;
    margin: 0;   
}

.dmiux_actionswrap--cancel {
    background-image: url(../img/icons/cancel.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--cancel:hover {
    background-image: url(../img/icons/cancel_hover.svg);
}

.dmiux_actionswrap--cancel {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--cancel-white {
    background-image: url(../img/icons/cancel_white.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--cancel-white:hover {
    background-image: url(../img/icons/cancel_hover.svg);
}

.dmiux_actionswrap--cancel-white {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--bin {
    background-image: url(../img/icons/bin.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--bin:hover {
    background-image: url(../img/icons/bin_hover.svg);
}

.dmiux_actionswrap--bin {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--play {
    background-image: url(../img/icons/play.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--play:hover {
    background-image: url(../img/icons/play_hover.svg);
}

.dmiux_actionswrap--play {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--play-disabled {
    background-image: url(../img/icons/play_disabled.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--play-disabled {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--refresh {
    background-image: url(../img/icons/refresh.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--refresh:hover {
    background-image: url(../img/icons/refresh_hover.svg);
}

.dmiux_actionswrap--refresh {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--info {
    background-image: url(../img/icons/info.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--info:hover {
    background-image: url(../img/icons/info_hover.svg);
}

.dmiux_actionswrap--info {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--file {
    background-image: url(../img/icons/file.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--file:hover {
    background-image: url(../img/icons/file_hover.svg);
}

.dmiux_actionswrap--file {
    position: relative;
    width: 17px;
    height: 17px;
    margin: 0 4px;
}

.dmiux_actionswrap--stop {
    background-image: url(../img/icons/stop.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--stop:hover {
    background-image: url(../img/icons/stop_hover.svg);
}

.dmiux_actionswrap--stop {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_actionswrap--cog {
    background-image: url(../img/icons/cog.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--cog-white {
    background-image: url(../img/icons/cog_white.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--cog:hover, .dmiux_actionswrap--cog-white {
    background-image: url(../img/icons/cog_hover.svg);
}

.dmiux_actionswrap--cog, .dmiux_actionswrap--cog-white {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

/* actionwrap icon - page */

.dmiux_actionswrap--page {
    background-image: url(../img/icons/page.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--page-white {
    background-image: url(../img/icons/page_white.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--page:hover {
    background-image: url(../img/icons/page_hover.svg);
}

.dmiux_actionswrap--page, .dmiux_actionswrap--page-white {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.dmiux_db-card--section {
    max-height:0px;
    overflow:hidden;
    transition: max-height 0.5s ease-in-out;
}

.dmiux_db-card--section-visible {
    height:auto;
}

.dmiux_db-card--header {
    background-color: #5a6984;
    font-family: "Inter" !important;
    padding: 10px;
    color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dmiux_db-card--header-error {
    background-color: #FF343C;
}

.dmiux_db-card--header-warning {
    background-color: #FFC108;
    color:inherit;
}

.dmiux_db-card--header-disabled {
    background-color: rgba(90,105,132,0.5);
}

.dmiux_db-card--container {
    max-width:1280px; 
    padding-bottom: 120px; 
    margin: 0 auto
}

.dmiux_db-card--logo-disabled {
    opacity:0.5;
}

.dmiux_db-card--section-title {
    border-bottom: 1px solid #DFDFDF;
    font-weight:600;
}

.dmiux_db-card--item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: .25rem;
}

.dmiux_db-card--body {
    flex: 1 1 auto;
    padding: 1.25rem;
    min-height: 285px;
}

.dmiux_db-card--title {
    display:inline-block;
    overflow:hidden;
    max-width:88%;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align:middle;
}

.dmiux_badge {
    background-color: #5a6984;
    color: white;
    font-family: "Inter" !important;
    font-size: 12px;
    padding: 3px;
    margin: 0;
    border-radius: 4px;
}

.dmiux_card-with-hdr__container.active {
    border: 2px solid #007bff;
    box-shadow: 0px 15px 20px #bebebe;
}

.dmiux_card-with-hdr__container {
    cursor: pointer;
    width: auto;
    margin-top: 20px;
    min-height: 168px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.04);
    border: 1px solid #eaedf3;
}

.dmiux_btn--primary:disabled {
    background-color: #79A9FF;
    color: white;
    pointer-events: none;
}

.dmiux_popup__cont {
    max-height: 400px; 
    overflow: auto;
    padding-top: 10px;
}

.dmiux_popup_cont_nav
{
    padding-top: 0px !important;
}

.dmiux_button_danger 
{
    background-color: #dc3545 !important
}

.dmiux_query-summary {
    width: auto;
}

.dmiux_main-nav__item:hover .dmiux_main-nav__link.dmiux_button_secondary {
    color: #5A6984;
}

.dmiux_data-table__table tbody td {
    padding: 4px 12px;
}

.dmiux_checkbox__input[disabled]:checked ~ .dmiux_checkbox__check {
    border-color:lightgray;
    background-color:lightgray;
}

.dmiux_data-table__table tbody tr.dmiux__input-deleted {
    color: white !important;
    background-color: #F1333D !important;
    font-weight: 600 !important;
}

.dmiux_data-pivot-table-headings {
    padding: 10px 24px;
    background: #7D95D9;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
}

.dmiux_data-table-headings {
    background-color: white !important; 
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
    min-width: 50px;
}

.dmiux_cog-wheel {
    text-align: center;
    width: 20px; 
    cursor: pointer; 
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.dmiux_column-filtered {
    color: #611d8f;
    font-weight: bold;
}

.dmiux_badge-primary {
    color: white;
    background: #397FCF;
    display: inline-block;
}

/* Database table selection date styling starts */
.dmiux_date_checkbox{
    margin-left: auto;
    margin-right: 15px;
    display:flex;
}
.dmiux_checkbox_wrapper {
    color: #555;
    margin: 0 auto;
    padding: 5px 0px;
    position: relative;
    text-align: center;
    width: 15px;
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.dmiux_checkbox_wrapper .dmiux_checkbox_tooltip {
    background: #006AE4;
    bottom: 50%;
    color: #fff;
    display: block;
    left: -39px;
    margin-bottom: 28px;
    opacity: 0;
    font-size:12px;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.dmiux_checkbox_wrapper .dmiux_checkbox_tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* CSS Triangles - see Trevor's post */
.dmiux_checkbox_wrapper .dmiux_checkbox_tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #006AE4 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 0;
}

.dmiux_checkbox_wrapper:hover .dmiux_checkbox_tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .dmiux_checkbox_wrapper .dmiux_checkbox_tooltip {
    display: none;
}
.lte8 .dmiux_checkbox_wrapper:hover .dmiux_checkbox_tooltip {
    display: block;
}
.dmiux_included_container{
    border-radius: 4px;
    border: 1px solid #E7EAEE;
    padding: 9px 0px 0px 12px;
}
.dmiux_button_style{
    top: 10px;
    left: auto;
}
.dmiux_input__input_checkbox{
    font-size: 12px;
    line-height: 10px;
    font-weight: 400;
    margin-bottom: 8px;
    margin-right: 10px;
}
.dmiux_visible{
    visibility:visible !important;
}
.dmiux_invisible{
    visibility:hidden !important;
}
.dmiux_checkbox_wrapper .dmiux_checkbox__check{
    margin-left: 0px;
}

/* Database table media query starts */
@media screen and (max-width: 320px) {
    .dmiux_flagbox_mobile {
        display: block !important;
    } 
    .dmiux_date_checkbox{
        margin-top: 10px;
    }
}
/* Database table media query ends */

/* Database table selection date styling ends */

.dmiux_actionswrap--bin-white {
    background-image: url(../img/icons/white-bin.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dmiux_actionswrap--bin-white:hover {
    background-image: url(../img/icons/bin_hover.svg);
}

.dmiux_actionswrap--bin-white {
    position: relative;
    width: 16px;
    height: 16px;
}

/* studio switch button style changes */
.dmiux_switch_view_btn{
    color: #397FCF;
    border: 2px solid #397FCF;
    border-radius: 4px;
    line-height: 32px !important;
    font-size: 14px !important;
    text-align: center !important;
}
.dmiux-full-width-btn{
    width: 100%;
    text-align: left;
}
.dmiux-full-width-btn svg {
    float: right;
}
.dmiux-full-width-btn-dropdown{
    width:95%;
}
.svg-custom-style{
    margin-left: 5px;
    margin-top: 5px;
}
/* Studio switch view ends */

/* Text wrap utilities */
.dmiux_text-wrap {
    white-space: normal !important;
}
.dmiux_text-nowrap {
    white-space: nowrap !important;
}

/* Warehouse tables and views style starts  */
.side-nav__link {
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    color: #5A6984;
    transition-duration: 0.125s;
    transition-property: padding, color;
}

.side-nav__dropdown .side-nav__link.active,
.side-nav__dropdown .side-nav__link:focus {
    background-color: #E7EDFF;
    color: #006AE4;
}
.side-nav__dropdown .side-nav__link:hover {
    color: #006AE4;
}
.side-nav__dropdown {
    max-height: 0;
    overflow: hidden;
    padding-left: 20px;
    transition-duration: 0.125s;
    transition-property: max-height;
}

.side-nav__dropdown .side-nav__link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 6px;
}

.side-nav__link.dmiux_active+.side-nav__dropdown {
    max-height: 100%;
}
.side-nav__link {  
    padding-left: 1rem; /* Make all base items padded left so when icon appears, the display isn't jarring to user */
}
.side-nav__link.dmiux_active {
    color: #006AE4; 
    /* Chevron: https://fontawesome.com/icons/angle-right?f=classic&s=solid */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%23006AE4" stroke-width="3"  stroke-linecap="round" stroke-linejoin="round" height="1em" viewBox="0 0 320 512"><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>') 0% 38%/12px 12px no-repeat;
}
.side-nav__link.dmiux_active-sub+.side-nav__dropdown {
    max-height: 100%;
}

.side-nav__link.dmiux_active-sub {
    color: #006AE4; 
    background-color: #E7EDFF;
}
.side-nav__link:hover {
    color: #006AE4; 
}
a.side-nav__link.dmiux_active .openIt,
.side-nav__link .closeIt {
    display: none;
}

a.side-nav__link.dmiux_active .closeIt,
.side-nav__link .openIt {
    display: block;
}
/* Warehouse tables and views style ends  */

/* Import CSV style changes */
.dmiux_grid-cont-width{
    max-width:100% !important;
}
.dmiux_full-width-search__row{
    height: 77px !important;
    margin: 5px 0 !important;
}
@media only screen and (max-width: 769px) {
    .dmiux_grid-cont-width .dmiux_popup__label{
        font-size: 11px;
    }
}
/* Import CSV style changes end */