Current Path : /var/www/www-root/data/www/info.monolith-realty.ru/bitrix/js/main/core/css/ |
Current File : /var/www/www-root/data/www/info.monolith-realty.ru/bitrix/js/main/core/css/core_fileinput.css |
.adm-fileinput-drag-area .bx-bxu-thumb-thumb { display : inline-block; } .adm-fileinput-popup { padding : 13px; border-collapse: separate; } .adm-fileinput-popup-input-container { overflow: hidden; padding-right: 12px; margin-right: 83px; } .adm-fileinput-popup-button-container { float: right; padding-left: 12px; } .adm-workarea.adm-fileinput-popup input[type="text"] { width: 100%; height: 32px; line-height: 32px; } .adm-workarea.adm-fileinput-popup input[type="button"] { height: 32px; line-height: 32px; } .adm-fileinput-setting { width: 800px; border: 1px solid #e0eaed; border-top: 0; background: #f5f9f9; padding: 0 20px 20px; margin-top: 30px; } .adm-fileinput-setting-title { background: #e0e8e9; font-size: 15px; color: #4b6266; text-shadow: 0 1px 0 #fff; font-weight: var(--ui-font-weight-bold); line-height: 36px; padding: 0 16px; margin: 0 -20px 25px; } .adm-fileinput-setting-table-td { padding-bottom: 17px; } .adm-fileinput-setting-table td:first-child { text-align: right; padding-right: 5px; } .adm-fileinput-setting-table textarea { height: 15px; width: 100%; max-width: 100%; } .adm-fileinput-setting-textarea-container { display: block; overflow: hidden; padding-right: 14px; margin-top: 1px; } .adm-fileinput-setting-table input[type="text"] { margin-right: 5px; } .adm-fileinput-setting-table input[type="button"] { float: right; margin-left: 15px; } .adm-fileinput-setting-table .adm-designed-checkbox-container { margin: 11px 0 5px; } .adm-fileinput-setting-table .adm-designed-checkbox-container input { width: 14px; height: 24px; } .adm-fileinput-setting-table .adm-designed-checkbox-container span { vertical-align: middle; display: inline-block; } .adm-fileinput-setting-table .adm-fileinput-setting-table-hint { font-weight: var(--ui-font-weight-bold); } .adm-detail-content-table tr .adm-fileinput-table-td-title { vertical-align: top; text-align: right; padding-right: 20px; font-size: 14px; font-weight: var(--ui-font-weight-bold); } .adm-fileinput-btn-panel .adm-fileinput-mode { white-space: nowrap; margin: 10px 0 0 10px; color: rgba(0,0,0,0.5); font-weight: normal; font-size: 12px; width: 45px; } .adm-fileinput-btn-panel .adm-fileinput-mode a { position: relative; display: block; vertical-align: middle; width: 29px; height: 25px; border: 1px solid transparent; border-radius: 3px; margin: 0 auto 3px; } .adm-fileinput-btn-panel .adm-fileinput-mode a:before { content: ''; position: absolute; background: url(../images/fileinput/fileinput-sprite.png) no-repeat -61px -17px; width: 16px; height: 14px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .adm-fileinput-btn-panel .adm-fileinput-mode a.mode-file:before { width: 11px; height: 14px; background-position: -79px -17px; } .adm-fileinput-btn-panel .adm-fileinput-mode a:active:before, .adm-fileinput-btn-panel .adm-fileinput-mode.mode-file a.mode-file:before, .adm-fileinput-btn-panel .adm-fileinput-mode.mode-pict a.mode-pict:before{ background-position: -61px -35px; } .adm-fileinput-btn-panel .adm-fileinput-mode a.mode-file:active:before, .adm-fileinput-btn-panel .adm-fileinput-mode.mode-file a.mode-file:before{ background-position: -79px -35px; } .adm-fileinput-btn-panel .adm-fileinput-mode a:hover { background-image: -webkit-linear-gradient(bottom, #c4d0d5, #ebeef1); background-image: -moz-linear-gradient(bottom, #c4d0d5, #ebeef1); background-image: -ms-linear-gradient(bottom, #c4d0d5, #ebeef1); background-image: -o-linear-gradient(bottom, #c4d0d5, #ebeef1); background-image: linear-gradient(bottom, #c4d0d5, #ebeef1); border: 1px solid #8e9a9e; } .adm-fileinput-btn-panel .adm-fileinput-mode a:active, .adm-fileinput-btn-panel .adm-fileinput-mode.mode-file a.mode-file, .adm-fileinput-btn-panel .adm-fileinput-mode.mode-pict a.mode-pict{ background-image: -webkit-linear-gradient(bottom, #b2bbbf, #6d767b); background-image: -moz-linear-gradient(bottom, #b2bbbf, #6d767b); background-image: -ms-linear-gradient(bottom, #b2bbbf, #6d767b); background-image: -o-linear-gradient(bottom, #b2bbbf, #6d767b); background-image: linear-gradient(bottom, #b2bbbf, #6d767b); border: 1px solid #5f676b; width: 27px; height: 23px; margin: 0 auto 5px; } .adm-fileinput-btn-panel { float: right; } span.adm-btn.add-file-popup-btn { box-sizing: content-box!important; -moz-box-sizing: content-box!important; -webkit-box-sizing: content-box!important; } .adm-fileinput-list, .adm-fileinput-list li, .adm-fileinput-drag-area ol, .adm-fileinput-drag-area ol li { list-style-type: none; padding: 0; margin: 0; display: block; } .adm-fileinput-area { position: relative; border: 2px dashed transparent; border-radius: 4px; padding: 5px 5px 20px; font-size: 0; min-height: 65px; overflow: hidden; } .adm-fileinput-area-container { display: inline-block; } .bxu-popup { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .adm-photoeditor-popup-frame-wait span{ display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: url("../images/wait-big.gif") no-repeat center center #fff !important; } .adm-fileinput-drag-area { border: 2px dashed #d3d2d2; } .adm-fileinput-wrapper-single { display: inline-block; } .adm-fileinput-wrapper-single .adm-fileinput-area { display: inline-block; width: 198px; min-height: 223px; padding: 5px 5px 6px; } .adm-fileinput-wrapper-single .adm-fileinput-area.mode-with-description { min-height: 263px; } .adm-fileinput-wrapper-single .adm-fileinput-drag-notification-count .adm-fileinput-drag-area-hint, .adm-fileinput-wrapper-single .adm-fileinput-drag-notification-count .adm-fileinput-drag-area-input { display: none; } .adm-fileinput-wrapper-single input.adm-fileinput-drag-area-input { bottom : inherit; top : 29px; } .adm-fileinput-drag-area-error, .adm-fileinput-drag-area.adm-fileinput-drag-area-error:hover { border: 2px dashed #f54740; } .adm-fileinput-drag-area:hover { border: 2px dashed #929ba1; } .adm-fileinput-area.adm-fileinput-non-delete .adm-btn-del { display : none; } .adm-fileinput-area.adm-fileinput-non-edit .adm-btn-setting, .adm-fileinput-item-wrapper.adm-fileinput-item-file .adm-btn-setting { display : none; } .adm-fileinput-area .adm-fileinput-drag-area-hint { display: none; font-size: 14px; font-weight: var(--ui-font-weight-bold); color: #aebac3; text-align: center; margin-top: 29px; position: relative; } .adm-fileinput-drag-area .adm-fileinput-drag-area-hint, .adm-fileinput-drag-area-error .adm-fileinput-drag-area-hint { display : block; } input.adm-fileinput-area-input { filter: alpha(opacity=0) !important; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer !important; } .adm-fileinput-drag-area-error .adm-fileinput-drag-area-hint, .adm-fileinput-drag-area.adm-fileinput-drag-area-error:hover .adm-fileinput-drag-area-hint { color: #d85452; } .adm-fileinput-drag-area:hover .adm-fileinput-drag-area-hint { color: #929ba1; } input.adm-fileinput-drag-area-input { filter: alpha(opacity=0) !important; bottom: 15px !important; left: 0 !important; opacity: 0 !important; position: absolute !important; display: block; width: 100%; height: 40px; cursor: pointer !important; } .adm-fileinput .adm-btn.adm-btn-grey, .adm-fileinput .adm-btn.adm-btn-grey:active { padding-right: 15px!important; } .adm-fileinput .adm-btn.adm-btn-grey:after { display: none; } /***** URLS ******/ ol.adm-fileinput-urls li { background: #f3f3f5; padding: 11px 17px; margin-bottom: 10px; border-radius: 5px; } .adm-fileinput-urls .adm-fileinput-item-panel { float: right; margin-left: 4px; height: 37px; } .adm-fileinput-urls-item { overflow: hidden; margin-right: 26px; } .adm-fileinput-urls input[type="text"] { width: 308px; height: 32px; border-radius: 4px; display: inline-block; } .adm-fileinput-urls label { margin-right: 10px; display: inline-block; } /***** Presets ******/ ol.adm-fileinput-presets li { background: #f3f3f5; padding: 11px 17px; margin-bottom: 10px; border-radius: 5px; } .adm-fileinput-presets .adm-fileinput-item-panel { float: right; margin-left: 4px; height: 37px; } .adm-fileinput-presets-item { overflow: hidden; margin-right: 26px; } .adm-fileinput-presets input[type="text"] { width: 50px; height: 32px; border-radius: 4px; display: inline-block; text-align: center; } .adm-fileinput-presets input.adm-fileinput-presets-title { width: 100px; text-align: left; } .adm-fileinput-item-add { float: right; font-size: 13px; font-weight: var(--ui-font-weight-bold); color: #2b7bbc; text-decoration: none; margin-bottom: 10px; } .adm-fileinput-item-add.disabled{ opacity: 0.3; } .adm-fileinput-item-link { background: #f3f3f5; padding: 11px 17px; margin-bottom: 10px; border-radius: 5px; } .adm-fileinput-link-container { clear: both; } .adm-fileinput-item-divider { width: 100%; height: 1px; background: #e7e9ee; margin: 10px 0; overflow: hidden; } /**** Item *****/ div.adm-fileinput-item { width: 164px; padding: 12px 12px 0; overflow: hidden; position: relative; background: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.4); border-radius: 3px; display: inline-block; margin: 5px; } .adm-fileinput-area-container div.adm-fileinput-item-wrapper { display: inline-block; vertical-align: top; opacity: 1; width: 198px; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); -webkit-transition: opacity 0.3s linear, width 0.3s linear 0.3s, transform 0.3s linear; transition: opacity 0.3s linear, width 0.3s linear 0.3s, transform 0.3s linear; } .adm-fileinput-area-container div.adm-fileinput-item-remove { opacity: 0; width: 0; -webkit-transform: scale(0.6,0.6); -moz-transform: scale(0.6,0.6); -o-transform: scale(0.6,0.6); transform: scale(0.6,0.6); } div.adm-fileinput-item input.adm-fileinput-item-description { display: none; border: 1px solid #d7d9db; border-radius: 0; padding: 0 8px; box-shadow: 0 0 0 1px #d7d9db; height: 30px; margin-top: 8px; width: 146px; } div.adm-fileinput-item input.adm-fileinput-item-description:focus { box-shadow: 0 0 0 1px #3ca2f1; border: 1px solid #3ca2f1; } div.adm-fileinput-item div.adm-fileinput-item-preview-img { display : none; } div.adm-fileinput-item div.adm-fileinput-item-preview { position: relative; background: #f5f9f9; width: 164px; height: 164px; text-align: center; box-shadow: 0 0 0 1px #e6e7e9; vertical-align: middle; font-size: 0; } div.adm-fileinput-item div.adm-fileinput-item-preview:before { content: ""; display: inline-block; height: 164px; width: 1px; margin-left: -1px; vertical-align: middle; } div.adm-fileinput-item div.adm-fileinput-item-preview .bx-file-icon-container-big { margin: auto; width: 110px; height: 135px; display: inline-block; vertical-align: middle; } div.adm-fileinput-item div.adm-fileinput-item-preview .bx-file-icon-label { width: 65%; height: 26%; -webkit-background-size: auto 58%; -moz-background-size: auto 58%; -o-background-size: auto 58%; background-size: auto 58%; } div.adm-fileinput-item div.adm-fileinput-item-preview .bx-file-icon-corner-fix { background: #f5f9f9; } div.adm-fileinput-item div.adm-fileinput-item-preview-icon { display: inline-block; vertical-align: middle; text-align: center; width: 100%; } div.adm-fileinput-item div.adm-fileinput-item-preview-icon .bx-file-icon-container-medium { width: 33px; height: 37px; margin: auto; } div.adm-fileinput-item span.container-doc-title { position: relative; display: block; padding: 0 10px; font-size: 12px; font-weight: var(--ui-font-weight-bold); color: #333434; line-height: 15px; margin: 10px 0 7px; word-wrap: break-word; word-break: keep-all; max-height: 60px; max-width: 144px; overflow: hidden; text-align: center; } div.adm-fileinput-item span.container-doc-title:after { content: ''; position: absolute; right: 10px; bottom: 0; height: 15px; width: 40px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#f5f9f9), color-stop(50%, #f5f9f9)); background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9); background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9); background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9); background: linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9); } div.adm-fileinput-item span.container-doc-error { position: relative; color: #e0302b; padding: 1px 10px 0 32px; text-align: left; font-size: 11px; display: inline-block; max-height: 26px; line-height: 13px; overflow: hidden; } div.adm-fileinput-item span.container-doc-error:before { content: ''; width: 16px; height: 14px; position: absolute; left: 10px; top: 0; background: url(../images/fileinput/fileinput-sprite.png) no-repeat -58px 0; } div.adm-fileinput-item span.container-doc-error:after { content: ''; position: absolute; right: 0; bottom: 0; height: 13px; width: 35px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#f5f9f9), color-stop(50%, #f5f9f9)); background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9); background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9); background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9); background: linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9); } div.adm-fileinput-item span.adm-fileinput-item-loading { display: none; } div.adm-fileinput-item-uploading div.adm-fileinput-item .adm-fileinput-item-loading { text-align: center; display: inline-block; vertical-align: middle; line-height: normal; } div.adm-fileinput-item-uploading div.adm-fileinput-item .adm-fileinput-item-preview-icon, div.adm-fileinput-item-uploading div.adm-fileinput-item .adm-fileinput-item-preview-img { display: none; } div.adm-fileinput-item span.container-loading-title { color: #90969a; font-size: 13px; } div.adm-fileinput-item span.container-loading-bg { position: relative; overflow: hidden; display: block; margin: 12px auto; width: 105px; height: 9px; border-radius: 9px; background: url(../images/fileinput/fileinput-loading.gif) repeat-x 0 0; } div.adm-fileinput-item span.container-loading-bg-progress { position: absolute; top: 0; left: 0; bottom: 0; background: #1580c3; border-radius: 9px; width: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; } div.adm-fileinput-item span.container-loading-bg:hover .container-loading-bg-progress { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); width: 100%; } .adm-fileinput-item-preview img, .adm-fileinput-item-preview canvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .adm-fileinput-item-preview img { height: auto!important; width: auto!important; } /**** Item in various modes *****/ div.adm-fileinput-item-image div.adm-fileinput-item-preview-img { display : block; } div.adm-fileinput-item-image div.adm-fileinput-item-preview-icon { display : none; } div.adm-fileinput-item-saved { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.4), inset 0 0 0 3px #ffe667; } div.adm-fileinput-item-error div.adm-fileinput-item-preview { box-shadow: 0 0 0 1px #eb9da0; } .adm-fileinput-area.mode-with-description div.adm-fileinput-item input.adm-fileinput-item-description { display : block; } .mode-file div.adm-fileinput-item-image div.adm-fileinput-item-preview-img, .mode-file.adm-fileinput-item-image div.adm-fileinput-item-preview-img { display : none; } .mode-file div.adm-fileinput-item-image div.adm-fileinput-item-preview-icon, .mode-file.adm-fileinput-item-image div.adm-fileinput-item-preview-icon { display : inline-block; } /*** Dragged item ***/ div.bx-drag-over.adm-fileinput-item-wrapper { width: 276px; } div.bx-drag-over div.adm-fileinput-item { position: relative; margin-left: 83px; overflow: visible; background: rgba(255,255,255,0.6); } div.bx-drag-over div.adm-fileinput-item:before { content: ''; position: absolute; top: 2px; bottom: 0; left: -76px; margin: auto; width: 62px; background-color: #e2f5fc; border: 2px dashed #a7b0b5; border-radius: 3px; } /** /Item **/ .adm-fileinput-drag-area-popup { background: rgba(244,249,250,0.9); border-radius: 3px; padding: 14px; border: 1px solid #d7e1e5; box-shadow: 0 18px 20px 0 rgba(72,93,99,0.3); display: inline-block; font-size: 13px; } .adm-fileinput-drag-area-popup-title { display: block; font-weight: var(--ui-font-weight-bold); font-size: 15px; margin-bottom: 15px; } .adm-fileinput-drag-area-popup-param { display: block; color: rgba(0,0,0,0.6); margin-bottom: 10px; } .adm-fileinput-drag-area-popup-param span { color: #000; word-wrap: break-word; word-break: keep-all; } .adm-fileinput-drag-area-popup-param span a { text-decoration: none; color: #000; } .adm-fileinput-item-panel { height: 37px; } .adm-fileinput-item-panel-btn { width: 14px; height: 37px; cursor: pointer; opacity: 0.5; position: relative; } .adm-fileinput-item-panel-btn:before { position: absolute; content: ''; top: 0; bottom: 0; left: 12px; margin: auto; width: 13px; height: 14px; background: url(../images/fileinput/fileinput-sprite.png) no-repeat -42px -119px; } .adm-fileinput-item-panel-btn:hover { opacity: 1; } .adm-fileinput-item-panel-btn.adm-btn-setting { float: left; margin-left: -12px; width: 38px; text-align: center; } .adm-fileinput-item-panel-btn.adm-btn-del { float: right; width: 34px; margin-right: -12px; } .adm-fileinput-item-panel-btn.adm-btn-del:before { width: 10px; height: 11px; right: 12px; background-position: -29px -26px; } .adm-photoeditor-container { position: relative; background: #fff; min-width: 1000px; min-height: 700px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .adm-photoeditor-buttons-panel { box-sizing: content-box!important; -moz-box-sizing: content-box!important; -webkit-box-sizing: content-box!important; border-bottom: 1px solid #e4e5e7; height: 27px; margin-bottom: 17px; padding: 13px 0; } .adm-photoeditor-buttons-panel .disabled span { opacity: 0.3; } .adm-photoeditor-buttons-panel .disabled span:hover { text-decoration: none; } .adm-photoeditor-buttons-panel-save { float: right; font-size: 13px; font-weight: var(--ui-font-weight-bold); line-height: 27px; color: #2b7bbc; padding: 0 17px 0 14px; cursor: pointer; } .adm-photoeditor-buttons-panel-cancel { float: left; position: relative; height: 27px; color: #31363f; font-size: 11px; line-height: 13px; padding: 0 12px 0 20px; cursor: pointer; } .adm-photoeditor-buttons-panel span:hover { text-decoration: underline; } .adm-photoeditor-buttons-panel-cancel:before, .adm-photoeditor-btn-wrap:before { content: ''; position: absolute; width: 1px; height: 27px; top: 0; bottom: 0; right: 0; background: #ebeced; margin: auto; } .adm-photoeditor-btn-wrap { position: relative; margin-top: -2px; padding: 0 15px; float: left; font-size: 0; } .adm-photoeditor-btn { border-radius: 3px; cursor: pointer; display: inline-block; vertical-align: top; text-align: center; height: 30px; margin: 0 2px; width: 30px; } .adm-photoeditor-btn.adm-photoeditor-btn-ph { margin: -2px 0 0 10px; transition: opacity 100ms ease-in-out; -webkit-transition: opacity 100ms ease-in-out; } .adm-photoeditor-btn:hover { background-color: #edf2f4; background-image: -webkit-linear-gradient(top, #f9fafa, #dee9ec); background-image: -moz-linear-gradient(top, #f9fafa, #dee9ec); background-image: -ms-linear-gradient(top, #f9fafa, #dee9ec); background-image: -o-linear-gradient(top, #f9fafa, #dee9ec); background-image: linear-gradient(to bottom, #f9fafa, #dee9ec); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, .1), 0 1px 0 rgba(0, 0, 0, .075), inset 0 1px 0 #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, .1), 0 1px 0 rgba(0, 0, 0, .075), inset 0 1px 0 #fff; } .adm-photoeditor-btn:active, .adm-photoeditor-btn-active { background: #c5e6ff; -webkit-box-shadow: inset 0 1px 2px rgba(122, 128, 141, .55); box-shadow: inset 0 1px 2px rgba(122, 128, 141, .55); } .adm-photoeditor-btn-icon { background: url(../images/fileinput/fileinput-sprite.png) no-repeat -67px -115px; display: inline-block; margin-top: 5px; height: 19px; width: 19px; } .adm-photoeditor-btn-turn-l .adm-photoeditor-btn-icon { background-position: -67px -115px; } .adm-photoeditor-btn-turn-r .adm-photoeditor-btn-icon { background-position: -67px -147px; } .adm-photoeditor-btn-flip-v .adm-photoeditor-btn-icon { background-position: -67px -179px; } .adm-photoeditor-btn-flip-h .adm-photoeditor-btn-icon { background-position: -67px -210px; } .adm-photoeditor-btn-crop .adm-photoeditor-btn-icon { background-position: -67px -246px; } .adm-photoeditor-btn-grayscale .adm-photoeditor-btn-icon { background-position: -67px -276px; } .adm-photoeditor-btn-sign .adm-photoeditor-btn-icon { background-position: -68px -308px; } .adm-photoeditor-btn-cut .adm-photoeditor-btn-icon { background-position: -69px -386px; } .adm-photoeditor-btn-edit .adm-photoeditor-btn-icon { background-position: -67px -366px; } .adm-photoeditor-btn-ins .adm-photoeditor-btn-icon { background: deepskyblue; } .adm-photoeditor-btn-ph .adm-photoeditor-btn-icon { background-position: -73px -477px; } .adm-photoeditor-buttons-panel-cropping-too-big { padding : 10px; } .adm-photoeditor-buttons-panel-cropping { float: left; padding: 0 0 0 15px; overflow: hidden; line-height: 27px; margin-top: -2px; width: 31%; } .adm-photoeditor-buttons-panel-cropping span.crop { line-height: 27px; float: left; margin: 2px 5px 0 0; } .adm-photoeditor-buttons-panel-cropping span.crop:hover { text-decoration: none; } .adm-photoeditor-buttons-panel-cropping .adm-select-wrap { overflow: hidden; display: block; } .bx-chrome .adm-select { width: 100%; } .adm-photoeditor-buttons-panel-cropping select.adm-select { background: none; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #3f4b54; display: inline-block; font-size: 13px; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); line-height: 23px; text-shadow: 0 1px #fff; outline: none; overflow: hidden; padding: 6px 4px 6px 5px; padding-right: 14px; min-width: 44px; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; text-indent: 0.01px; text-overflow: ''; position: relative; z-index: 1; zoom: 1; height: 31px; margin-top: -3px; } select::-ms-expand { display: none; } .adm-photoeditor { overflow: hidden; position: absolute; top: 72px; bottom: 18px; margin: auto; right: 145px; left: 0; } .adm-photoeditor-preview-panel { position: relative; width: 20%; float: left; padding: 43px 0; height: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .adm-photoeditor-preview-panel-arrow-top, .adm-photoeditor-preview-panel-arrow-bottom { position: absolute; height: 43px; display: block; cursor: pointer; margin: auto; left: 0; right: 0; top: 0; opacity: 0.5; } .adm-photoeditor-preview-panel-arrow-top:before, .adm-photoeditor-preview-panel-arrow-bottom:before { content: ''; position: absolute; background: url(../images/fileinput/fileinput-sprite.png) no-repeat -15px 0; width: 24px; height: 11px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .adm-photoeditor-preview-panel-arrow-bottom { top: auto; bottom: 0; } .adm-photoeditor-preview-panel-arrow-bottom:before { background-position: -15px -13px; } .adm-photoeditor-preview-panel-arrow-top:hover, .adm-photoeditor-preview-panel-arrow-bottom:hover { opacity: 1; } .adm-photoeditor-preview-panel-previews { font-size: 0; padding: 0 7px; height: 100%; overflow: hidden; position: relative; } .adm-photoeditor-preview-panel-previews-inner { position: absolute; top : 0; width : 94%; } .adm-photoeditor-preview-panel-container { position: relative; width: 50%; display: inline-block; vertical-align: top; cursor: pointer; opacity: 0.9; border: 3px solid transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .adm-photoeditor-preview-panel-container-sub { background: #dce2e3; position: relative; border: 2px solid #fff; text-align: center; height: 100%; } .adm-photoeditor-preview-panel-container-loading{ display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 28px; height: 28px; } .adm-photoeditor-preview-panel-container-sub.adm-photoeditor-preview-panel-container-wait .adm-photoeditor-preview-panel-container-loading { display: block; } .adm-photoeditor-preview-panel-container:active .adm-photoeditor-preview-panel-container-sub, .adm-photoeditor-preview-panel-container.active .adm-photoeditor-preview-panel-container-sub { border: 2px solid #2d8ef2; border-radius: 2px; } .adm-photoeditor-preview-panel-container .adm-photoeditor-preview-panel-container-close { position: absolute; top: -7px; right: -7px; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 9px; background: #99a0a7; display: block; box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25), 0 1px 1px 0 rgba(0,0,0,0.21); } .adm-photoeditor-preview-panel-container .adm-photoeditor-preview-panel-container-close:hover { background: #6e7782; } .adm-photoeditor-preview-panel-container .adm-photoeditor-preview-panel-container-close:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 8px; height: 8px; background: url(../images/fileinput/fileinput-sprite.png) no-repeat -16px -26px; } .adm-photoeditor-preview-panel-container-space { border: none; display: block; width: 100%; } .adm-photoeditor-preview-panel-container-img { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .adm-photoeditor-preview-panel-container-img:before { display: inline-block; content: ''; height: 100%; margin-left: -1px; vertical-align: middle; width: 1px; } .adm-photoeditor-preview-panel-container-img img{ border: none; display: inline-block; max-height: 100%; max-width: 100%; height: auto !important; width: auto !important; vertical-align: middle; } .adm-photoeditor-active-block { overflow : hidden; position: relative; background: #e4eaeb; width: 80%; height: 100%; } .adm-photoeditor-active-wrapper { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: relative; } .adm-photoeditor-active-container1 { position: absolute; overflow: hidden; display: inline-block; top: 0; bottom: 0; left: 0; right: 0; } .adm-photoeditor-active-container-loading { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 2; } .adm-photoeditor-active-container-loading:after { display: inline-block; height: 100%; width: 0; vertical-align: middle; zoom: 1; content: ''; } .adm-photoeditor-active-container-loading span { display: inline-block; vertical-align: middle; zoom: 1; background: url("../images/fileinput/step-by-step.png") 0 0 no-repeat; width: 82px; height: 82px; -webkit-animation: loader 0.7s steps(12) infinite; -moz-animation: loader 0.7s steps(12) infinite; -ms-animation: loader 0.7s steps(12) infinite; animation: loader 0.7s steps(12) infinite; } @-moz-keyframes loader { 0% { background-position: 0 0; } 100% { background-position: -984px 0; } } @-ms-keyframes loader { 0% { background-position: 0 0; } 100% { background-position: -984px 0; } } @-webkit-keyframes loader { 0% { background-position: 0 0; } 100% { background-position: -984px 0; } } @keyframes loader { 0% { background-position: 0 0; } 100% { background-position: -984px 0; } } .adm-photoeditor-active-container1.adm-photoeditor-active-loading .adm-photoeditor-active-container-loading, .adm-photoeditor-active-container1.adm-photoeditor-active-error { display: block; } .adm-photoeditor-active-container1.adm-photoeditor-active-error .adm-photoeditor-active-container2{ display: none; } .adm-photoeditor-active-container-error { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .adm-photoeditor-active-container-error:after { display: inline-block; height: 100%; width: 0; vertical-align: middle; zoom: 1; content: ''; } .adm-photoeditor-active-container-error span { display: inline-block; vertical-align: middle; zoom: 1; color: #9da6aa; font-size: 14px; text-align: center; padding: 80px 80px 0; background: url(../images/fileinput/photoeditor-error.png) no-repeat center top; } .adm-photoeditor-active-container2 { position: relative; overflow: hidden; display: inline-block; transform: matrix(1, 0, 0, 1, 0, 0); backface-visibility: hidden; transform-origin: 50% 50% 0; transition: transform 200ms ease-in-out; -webkit-transition: transform 200ms ease-in-out; } .adm-photoeditor-scale-area { position: absolute; display: none; top : 0; left : 0; right : 0; bottom : 0; z-index: 1002; /* background-color: goldenrod;*/ opacity: 0.4; cursor : default; } .adm-photoeditor-crop-area { position: absolute; display: none; top : 0; left : 0; right : 0; bottom : 0; z-index: 1002; /* background-color: palevioletred;*/ opacity: 0.4; cursor : default; } .adm-photoeditor-crop-overlay-top, .adm-photoeditor-crop-overlay-right, .adm-photoeditor-crop-overlay-bottom, .adm-photoeditor-crop-overlay-left { position: absolute; box-sizing: border-box; background-color: black; opacity: 0.3; } .adm-photoeditor-crop-overlay-top { top : 0; left : 0; } .adm-photoeditor-crop-overlay-right { top : 0; right : 0; } .adm-photoeditor-crop-overlay-bottom { right : 0; bottom : 0; } .adm-photoeditor-crop-overlay-left { bottom : 0; left : 0; } .adm-photoeditor-crop { top: 0; bottom: 0; left: 0; right : 0; display: none; position: absolute; z-index: 1000; cursor: move; box-sizing: border-box; background-color: gray; opacity: 0.3; } .adm-photoeditor-crop-apply { width : 18px; height: 18px; position: absolute; top : -25px; left : 42px; background: rgba(0,0,0,0.5); } .adm-photoeditor-crop-apply:before { content: ''; position: absolute; width: 10px; height: 8px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url(../images/fileinput/fileinput-sprite.png) no-repeat -80px -426px; } .adm-photoeditor-crop-cancel { width : 18px; height: 18px; position: absolute; top : -25px; left : 0; background: rgba(0,0,0,0.5); } .adm-photoeditor-crop-cancel:before { content: ''; position: absolute; width: 8px; height: 8px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url(../images/fileinput/fileinput-sprite.png) no-repeat -82px -450px; } .adm-photoeditor-crop-proportion { width : 18px; height: 18px; position: absolute; top : -25px; left : 21px; background: rgba(0,0,0,0.5); } .adm-photoeditor-crop-proportion:before { content: ''; position: absolute; width: 12px; height: 12px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url(../images/fileinput/fileinput-sprite.png) no-repeat -78px -462px; } .adm-photoeditor-crop-proportion.active:before { width: 10px; height: 10px; background-position: -80px -437px; } .adm-photoeditor-crop-apply:hover, .adm-photoeditor-crop-cancel:hover, .adm-photoeditor-crop-proportion:hover { -webkit-transition: background 0.2s linear; transition: background 0.2s linear; } .adm-photoeditor-crop-apply:hover, .adm-photoeditor-crop-cancel:hover, .adm-photoeditor-crop-proportion:hover { background: #000; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; } .adm-photoeditor-crop-pointer { border: 1px solid #b3b3b3; z-index: 1; } .adm-photoeditor-crop-pointer:before{ content: ''; display: block; position: absolute; border: 1px dashed; box-sizing: border-box; top : -1px; left : -1px; bottom : -1px; right : -1px; z-index: 1; } .adm-photoeditor-crop-right, .adm-photoeditor-crop-left, .adm-photoeditor-crop-top, .adm-photoeditor-crop-bottom { position: absolute; z-index: 2; } .adm-photoeditor-crop-right:before, .adm-photoeditor-crop-left:before, .adm-photoeditor-crop-top:before, .adm-photoeditor-crop-bottom:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 3px; height: 3px; background: #fff; z-index: 2; } .adm-photoeditor-crop-right:before { right: -1px; left: auto; height: 20%; max-height: 22px; min-height: 10px; } .adm-photoeditor-crop-left:before { left: -1px; right: auto; height: 20%; max-height: 22px; min-height: 10px; } .adm-photoeditor-crop-top:before { width: 20%; max-width: 22px; min-width: 10px; height: 3px; top: -1px; bottom: auto; } .adm-photoeditor-crop-bottom:before { width: 20%; max-width: 22px; min-width: 10px; height: 3px; bottom: -1px; top: auto; } .adm-photoeditor-crop-left { top : 0; bottom : 0; left : -1px; width : 1px; height : 100%; cursor: w-resize; } .adm-photoeditor-crop-right { top : 0; bottom : 0; right : -1px; width : 1px; height : 100%; cursor: e-resize; } .adm-photoeditor-crop-top { left : 0; right : 0; top : -1px; height : 1px; width : 100%; cursor: n-resize; } .adm-photoeditor-crop-bottom { left : 0; right : 0; bottom : -1px; height : 1px; width : 100%; cursor: s-resize; } .adm-photoeditor-crop-left-bottom, .adm-photoeditor-crop-left-top, .adm-photoeditor-crop-right-top, .adm-photoeditor-crop-right-bottom { width : 3px; height : 3px; display : block; background : #fff; box-sizing : border-box; position : absolute; z-index : 2; } .adm-photoeditor-crop-left-bottom { left : -2px; bottom : -2px; cursor : sw-resize; } .adm-photoeditor-crop-left-top { left : -2px; top : -2px; cursor: nw-resize; } .adm-photoeditor-crop-right-top { right : -2px; top : -2px; cursor: ne-resize; } .adm-photoeditor-crop-right-bottom { right : -2px; bottom : -2px; cursor: se-resize; } .adm-photoeditor-crop-left-bottom:before, .adm-photoeditor-crop-left-bottom:after, .adm-photoeditor-crop-left-top:before, .adm-photoeditor-crop-left-top:after, .adm-photoeditor-crop-right-top:before, .adm-photoeditor-crop-right-top:after, .adm-photoeditor-crop-right-bottom:before, .adm-photoeditor-crop-right-bottom:after { content: ''; position: absolute; width: 3px; height: 12px; bottom: 3px; left: 0; display: block; background: #fff; } .adm-photoeditor-crop-left-bottom:after { width: 12px; height: 3px; left: 3px; bottom: 0; } .adm-photoeditor-crop-left-top:before { top: 3px; } .adm-photoeditor-crop-left-top:after { width: 12px; height: 3px; left: 3px; bottom: 0; } .adm-photoeditor-crop-right-top:before { top: 3px; } .adm-photoeditor-crop-right-top:after { width: 12px; height: 3px; left: auto; right: 3px; top: 0; } .adm-photoeditor-crop-right-bottom:after { width: 12px; height: 3px; left: auto; right: 3px; top: 0; } .adm-photoeditor-crop-measures { display: inline-block; padding: 0 3px; font-size: 10px; line-height: 18px; position: absolute; width : 0; height : 0; bottom: -3px; right : -6px; overflow: visible; color: #fff; text-transform: uppercase; white-space: nowrap; } .adm-photoeditor-crop-width, .adm-photoeditor-crop-height { background: rgba(0,0,0,0.5); font-size: 10px; height: 18px; line-height: 18px; padding: 0 5px; display: inline-block; } .adm-photoeditor-crop-width:before { content: "w:"; } .adm-photoeditor-crop-height:before { content: "h:"; } .adm-photoeditor-active-block-outer { overflow : hidden; position: relative; background: #fff; width: 80%; height: 100%; box-sizing: border-box; padding-bottom: 47px; } .adm-photoeditor-active-block { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: relative; display: inline-block; overflow: hidden; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; backface-visibility: visible; -webkit-backface-visibility: visible; -webkit-user-select: none; transform: translate3d(0, 0, 0); z-index: 0; background-color: rgb(255, 255, 255); } .bxu-popup .adm-photoeditor-desc { margin-top: 13px; } .bxu-popup .adm-photoeditor-desc input { border: 2px solid #d7d9db; line-height: 30px; padding: 0 14px; box-shadow: none; border-radius: var(--ui-field-border-radius); height: 30px; width: 100%; box-sizing: border-box; font-size: 15px; } .bxu-popup.bxu-popup-nondescription .adm-photoeditor-desc{ opacity : 0; } .adm-photoeditor-active-image-block { position: absolute; display: inline-block; overflow: hidden; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 100%; height: 100%; background-color: rgb(255, 255, 255); } .adm-photoeditor-active-image{ position: absolute; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; transform-origin: 0% 0% 0; -webkit-transition: opacity 0.3s linear, width 0.3s linear 0.3s, transform 0.3s linear; transition: opacity 0.3s linear, width 0.3s linear 0.3s, transform 0.3s linear; background-color: transparent; } .adm-photoeditor-active-image-ascetic { -webkit-transition-duration: 0; transition-duration: 0; } .adm-photoeditor-active-image img, .adm-photoeditor-active-image canvas { position: relative; display: block; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; } .adm-photoeditor-active-cursor { display: none; position: absolute; overflow: hidden; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; cursor: default; width: 100%; height: 100%; background-color: transparent; } .adm-photoeditor-active-move-cursor { position: absolute; overflow: hidden; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; cursor: default; opacity: 0.5; width: 0; background-color: rgb(0, 0, 0); } .adm-photoeditor-active-map-root { position: absolute; display: none; overflow: hidden; width: 0; height: 0; } .adm-photoeditor-active-map-root.collapse{ transform-origin: 50% 0% 0; -webkit-transition: transform 0.6s linear, opacity 0.6s linear 0.3s, top 0.4s linear 0.6s; transition: transform 0.4s linear, opacity 0.6s linear 0.2s, top 0.4s linear 0.4s; } .adm-photoeditor-active-map-root.collapse2{ transform-origin: 50% 0% 0; -webkit-transition: opacity 1s linear; } .adm-photoeditor-active-map-handle { position : absolute; bottom : 0; left : 0; width : 13px; height : 10px; cursor: sw-resize; z-index: 2; background: linear-gradient(to top right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(20% - 1px), rgba(255,255,255,1) 20%, rgba(0,0,0,0) calc(20% + 1px), rgba(0,0,0,0) calc(35% - 1px), rgba(255,255,255,1) 35%, rgba(0,0,0,0) calc(35% + 1px), rgba(0,0,0,0) calc(50% - 1px), rgba(255,255,255,1) 50%, rgba(0,0,0,0) calc(50% + 1px), rgba(0,0,0,0) 100%); } .adm-photoeditor-active-map-block { position: absolute; overflow: visible; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-user-select: none; transform: translate3d(0, 0, 0); background-color: transparent; z-index: 1; } .adm-photoeditor-active-map { position: absolute; display: inline-block; overflow: visible; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 230px; height: 134px; transform: translate3d(0, 0, 0); background-color: transparent; box-sizing: border-box; } .adm-photoeditor-active-map-image { position: absolute; display: inline-block; overflow: visible; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; background-color: transparent; } .adm-photoeditor-active-map-image img, .adm-photoeditor-active-map-image canvas { position: absolute; overflow: hidden; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: none; line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-user-select: none; background-color: transparent; } .adm-photoeditor-active-map-area { position: absolute; overflow: hidden; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: 1px solid rgb(255, 255, 255); line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 100%; height: 100%; background-color: transparent; box-sizing: border-box; } .adm-photoeditor-active-map-pointer { position: absolute; overflow: hidden; left: 0; top: 0; margin: 0; padding: 0; max-width: none; max-height: none; border: 1px solid rgb(255, 0, 0); line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 0; height: 0; background-color: transparent; box-sizing: border-box; } .adm-photoeditor-active-map-pointer-draggable { cursor : move; } .adm-photoeditor-sidebar { width: 155px; float: right; padding: 14px 0; text-align: center; color: #7f7f7f; } .adm-photoeditor-sidebar-options { font-size: 12px; margin-bottom: 30px; } .sidebar-options-checkbox-container { position: relative; display: inline-block; } .sidebar-options-checkbox-container label { width: 64px; height: 27px; background: #f1f1f1; display: block; } .sidebar-options-checkbox-container input { position: absolute; top: 0; bottom: 0; left: 10px; margin: auto; } .sidebar-options-checkbox-container input:checked + label:before, .sidebar-options-checkbox-container input:checked + label:after { display: block; } .sidebar-options-checkbox-container label .label-icon { display: block; position: absolute; top: 0; bottom: 0; right: 12px; margin: auto; width: 17px; height: 8px; background: url(../images/fileinput/fileinput-sprite.png) no-repeat -70px -413px; } .sidebar-options-checkbox-container label:before, .sidebar-options-checkbox-container label:after { content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 2px; height: 14px; background: #e3e6e7; top: -21px; display: none; } .sidebar-options-checkbox-container label:after { top: auto; bottom: -21px; } .adm-photoeditor-sidebar-options-title { display: block; margin-bottom: 3px; } .adm-photoeditor-plus, .adm-photoeditor-minus { position: relative; width: 21px; height: 21px; display: inline-block; vertical-align: middle; margin: 0 3px; cursor: pointer; border: 1px solid transparent; background: transparent; border-radius: 12px; } .adm-photoeditor-plus:before, .adm-photoeditor-minus:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 11px; height: 12px; margin: auto; background: url(../images/fileinput/fileinput-sprite.png) no-repeat 0 0; } .adm-photoeditor-plus:before { background-position: 0 -13px; } .adm-photoeditor-plus:hover, .adm-photoeditor-minus:hover { border: 1px solid #a9bac1; background-image: -webkit-linear-gradient(top, #f4f7f9, #d7e4ea); background-image: -moz-linear-gradient(top, #f4f7f9, #d7e4ea); background-image: -ms-linear-gradient(top, #f4f7f9, #d7e4ea); background-image: -o-linear-gradient(top, #f4f7f9, #d7e4ea); background-image: linear-gradient(to bottom, #f4f7f9, #d7e4ea); } .adm-photoeditor-minus:hover:before { background: url(../images/fileinput/fileinput-sprite.png) no-repeat -42px 0; } .adm-photoeditor-plus:hover:before { background: url(../images/fileinput/fileinput-sprite.png) no-repeat -42px -13px; } .adm-photoeditor-plus:active, .adm-photoeditor-minus:active { width: 23px; height: 23px; border: none; background-image: -webkit-linear-gradient(top, #b5c5ca, #cad7dc); background-image: -moz-linear-gradient(top, #b5c5ca, #cad7dc); background-image: -ms-linear-gradient(top, #b5c5ca, #cad7dc); background-image: -o-linear-gradient(top, #b5c5ca, #cad7dc); background-image: linear-gradient(to bottom, #b5c5ca, #cad7dc); box-shadow: inset 0 1px 2px 1px rgba(103,109,123,0.78); } .adm-photoeditor-sidebar input[type="number"] { -moz-appearance: textfield; width: 60px; height: 29px; border-radius: 3px; text-align: center; font-size: 17px; line-height: 31px; outline: none; border: 1px solid #d1d8dc; box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.15); font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); display: inline-block; vertical-align: middle; } .adm-photoeditor-sidebar input[type=number]::-webkit-inner-spin-button, .adm-photoeditor-sidebar input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .adm-photoeditor-sidebar-scale { position: relative; width: 13px; height: 358px; background: url(../images/fileinput/fileinput-sprite.png) no-repeat 0 -26px; margin: 0 auto; margin-left: 65px; } .adm-photoeditor-sidebar-scale-value { position: absolute; width: 35px; left: -40px; text-align: right; font-size: 10px; color: #7f7f7f; line-height: 16px; color: rgba(0,0,0,0.5); margin-top: -8px; } .adm-photoeditor-scale-indicator { position: absolute; left: 9px; width: 54px; height: 33px; background: url(../images/fileinput/fileinput-sprite.png) no-repeat 0 -405px; font-size: 14px; font-weight: var(--ui-font-weight-bold); text-align: center; line-height: 27px; color: #000; margin-top: -14px; padding-right: 15px; cursor: move; } .adm-photoeditor-scale-indicator:before { content: ''; position: absolute; top: 8px; left: -12px; width: 11px; height: 11px; background: url(../images/fileinput/fileinput-sprite.png) no-repeat 0 -389px; cursor: default; } /*FileIcon*/ .bx-file-icon-container-medium{ position:relative; overflow:hidden; width:42px; height:48px; display:block; float:none; margin:20px auto 10px; } .bx-file-icon-cover{ position:absolute; top:0; right:12.5%; bottom:0; left:0; overflow:hidden; background:#e5e8eb; } .bx-file-icon-corner{ position:absolute; top:0; right:0; overflow:hidden; background:#b9bec4; } .bx-file-icon-container-medium .bx-file-icon-corner{ width:12px; height:12px; } .bx-file-icon-container-medium .bx-file-icon-corner-fix{ top:-8px; right:-8px; width:16px; height:16px; } .bx-file-icon-corner-fix{ position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background:#fff; } .bx-disk-file-block.selected .bx-file-icon-corner-fix{ background:#f5fcde !important; } .bx-file-icon-label{ position:absolute; right:0; bottom:24%; display:none; width:66%; height:27%; background-repeat:no-repeat; background-position:center; -webkit-background-size:auto 60%; background-size:auto 60%; } .bx-firefox .bx-file-icon-label{ background-image:none !important; } .bx-firefox .bx-file-icon-label:after{ line-height:normal; position:absolute; top:0; right:0; bottom:0; left:0; display:block; width:100%; text-align:center; color:#fff; } .bx-firefox .bx-file-icon-container-medium .bx-file-icon-label:after{ font-size:10px; line-height:14px; } .bx-file-icon-images{ position:absolute; top:50%; left:50%; display:none; width:50%; height:50%; margin-top:-25%; margin-left:-25%; background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; } /*--- DOC */ .icon-doc .bx-file-icon-label{ display:block; background-color:#2c77b1; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNS40ODhweCIgaGVpZ2h0PSI4Ljk0M3B4IiB2aWV3Qm94PSIwIDAgMjUuNDg4IDguOTQzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNS40ODggOC45NDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLjA0Miw4Ljc1OGgyLjM1NGMzLjAxNywwLDQuNzQ2LTEuNzk0LDQuNzQ2LTQuMzQzYzAtMi40OTYtMS42LTQuMjI2LTQuNjQyLTQuMjI2SDAuMDQyVjguNzU4eiBNMS40MDcsNy42MDFWMS4zNDdoMC45NzVjMi4yMjQsMCwzLjMwMywxLjIzNSwzLjMwMywzLjA4MmMwLDEuNzE2LTAuODcxLDMuMTcyLTMuMjc3LDMuMTcySDEuNDA3eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMi43MDQsOC44ODljMi40NDQsMCw0LjI2NS0xLjcyOSw0LjI2NS00LjM4MmMwLTIuNTc1LTEuNzU1LTQuMzk1LTQuMjY1LTQuMzk1Yy0yLjQ5NywwLTQuMjc4LDEuNzk0LTQuMjc4LDQuMzk1QzguNDI2LDcuMTQ2LDEwLjIyMSw4Ljg4OSwxMi43MDQsOC44ODl6IE0xMi43MDQsNy43M2MtMS42OSwwLTIuODIyLTEuMjIyLTIuODIyLTMuMjI0czEuMTMxLTMuMjM4LDIuODIyLTMuMjM4YzEuNzU1LDAsMi44MjEsMS4zLDIuODIxLDMuMjM4QzE1LjUyNSw2LjUwOSwxNC4zOTUsNy43MywxMi43MDQsNy43M3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjUuMDE2LDcuMTU5Yy0wLjU5OSwwLjMzOC0xLjI0OCwwLjU3MS0yLjA4MSwwLjU3MWMtMS44MiwwLTIuOTUxLTEuMzEyLTIuOTUxLTMuMTk4YzAtMS43ODEsMS4wOTItMy4yNjQsMy4wMTctMy4yNjRjMC44NDYsMCwxLjUzNCwwLjIwOCwyLjE3MiwwLjU0NlYwLjU0MWMtMC40OTQtMC4yMzQtMS4yNzQtMC40MjktMi4xOTctMC40MjljLTIuNjc5LDAtNC40NDcsMS45NzctNC40NDcsNC40NmMwLDIuNTEsMS41MzQsNC4zMTcsNC4yNTIsNC4zMTdjMC44MzIsMCwxLjcxNy0wLjE1NiwyLjYxMy0wLjY1TDI1LjAxNiw3LjE1OXoiLz48L3N2Zz4=); } .bx-firefox .icon-doc .bx-file-icon-label:after{ content:'DOC'; } /*--- PDF */ .icon-pdf .bx-file-icon-label{ display:block; background-color:#d73b41; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwLjU1NnB4IiBoZWlnaHQ9IjguNjNweCIgdmlld0JveD0iMCAwIDIwLjU1NiA4LjYzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMC41NTYgOC42MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAuMDU0LDguNjE5aDEuMzY1VjUuNjAzaDAuNDI5YzAuNzY3LDAsMS4zMzktMC4xMTcsMS43OTQtMC4zMTJDNC43ODcsNC44MSw1LjIxNiwzLjgyMSw1LjIxNiwyLjgyYzAtMS4xMzEtMC40OTQtMS45NTEtMS4zMzktMi4zOTNjLTAuNDk0LTAuMjYtMS4wOTItMC4zNzctMS45MTEtMC4zNzdIMC4wNTRWOC42MTl6IE0xLjQxOSw0LjQ4NVYxLjE2OWgwLjUwN2MwLjUwNywwLDAuODcxLDAuMDkxLDEuMTQ0LDAuMjQ3QzMuNTUxLDEuNzAyLDMuNzg2LDIuMjA5LDMuNzg2LDIuODJjMCwwLjY4OS0wLjI0NywxLjE5Ni0wLjc2NywxLjQ0M2MtMC4yNiwwLjE0My0wLjYxMSwwLjIyMS0xLjA4LDAuMjIxSDEuNDE5eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03LjE1MSw4LjYxOWgyLjM1NGMzLjAxNywwLDQuNzQ2LTEuNzk0LDQuNzQ2LTQuMzQzYzAtMi40OTYtMS41OTktNC4yMjYtNC42NDItNC4yMjZINy4xNTFWOC42MTl6IE04LjUxNyw3LjQ2MlYxLjIwOGgwLjk3NmMyLjIyNCwwLDMuMzAzLDEuMjM1LDMuMzAzLDMuMDgyYzAsMS43MTYtMC44NzEsMy4xNzItMy4yNzcsMy4xNzJIOC41MTd6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjkyNiw4LjYxOWgxLjM2NlY0LjgzNWgyLjc1N1YzLjY3OGgtMi43NTd2LTIuNDdoMi44MDlsMC4zOS0xLjE1N2gtNC41NjRWOC42MTl6Ii8+PC9nPjwvc3ZnPg==); } .bx-firefox .icon-pdf .bx-file-icon-label:after{ content:'PDF'; } /*--- PPT */ .icon-ppt .bx-file-icon-label{ display:block; background-color:#e89e00; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE5LjY3OXB4IiBoZWlnaHQ9IjguNjM2cHgiIHZpZXdCb3g9IjAgMCAxOS42NzkgOC42MzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5LjY3OSA4LjYzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsOC42MzZoMS4zNjVWNS42MTloMC40MjljMC43NjgsMCwxLjMzOS0wLjExNywxLjc5NC0wLjMxMmMxLjE0NS0wLjQ4MSwxLjU3NC0xLjQ2OSwxLjU3NC0yLjQ3YzAtMS4xMzEtMC40OTQtMS45NTEtMS4zMzktMi4zOTNDMy4zMjksMC4xODQsMi43MywwLjA2NywxLjkxMSwwLjA2N0gwVjguNjM2eiBNMS4zNjUsNC41MDFWMS4xODVoMC41MDdjMC41MDcsMCwwLjg3MSwwLjA5MSwxLjE0NSwwLjI0N2MwLjQ4MSwwLjI4NiwwLjcxNSwwLjc5MywwLjcxNSwxLjQwNWMwLDAuNjg5LTAuMjQ3LDEuMTk2LTAuNzY3LDEuNDQzYy0wLjI2LDAuMTQzLTAuNjExLDAuMjIxLTEuMDc5LDAuMjIxSDEuMzY1eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02LjgzNyw4LjYzNmgxLjM2NlY1LjYxOWgwLjQyOWMwLjc2OCwwLDEuMzM5LTAuMTE3LDEuNzk0LTAuMzEyQzExLjU3MSw0LjgyNiwxMiwzLjgzOCwxMiwyLjgzN2MwLTEuMTMxLTAuNDk0LTEuOTUxLTEuMzM5LTIuMzkzYy0wLjQ5NC0wLjI2LTEuMDkyLTAuMzc3LTEuOTEyLTAuMzc3SDYuODM3VjguNjM2eiBNOC4yMDMsNC41MDFWMS4xODVIOC43MWMwLjUwNywwLDAuODcxLDAuMDkxLDEuMTQ1LDAuMjQ3YzAuNDgxLDAuMjg2LDAuNzE1LDAuNzkzLDAuNzE1LDEuNDA1YzAsMC42ODktMC4yNDcsMS4xOTYtMC43NjcsMS40NDNjLTAuMjYsMC4xNDMtMC42MTEsMC4yMjEtMS4wNzksMC4yMjFIOC4yMDN6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjU2MSw4LjYzNmgxLjM2NVYxLjIyNGgyLjMyOGwwLjM5LTEuMTU3aC02LjU2NnYxLjE1N2gyLjQ4NFY4LjYzNnoiLz48L2c+PC9zdmc+); } .bx-firefox .icon-ppt .bx-file-icon-label:after{ content:'PPT'; } /*--- XLS */ .icon-xls .bx-file-icon-label{ display:block; background-color:#54b51e; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAjCAMAAADmKXeoAAACAVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+AOC1HAAAAqnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRsdHh8gIiQlKCssLS4vMDM0NTY5PD4/QEFCQ0RGSU1OT1FUVldYWlxdXmJmZ2hpbG9wcnN1dnh5e36ChIeJio2QlJWXmJmcnp+goaKjpaeqq6yur7Gys7S1trm6u72+wsPEx8rLzM3Q0dLT1NfY2drc3d7g4eLj5OXm5+nq6+zt7u/w8fLz9PX29/j5+vz9/rVeTIwAAALbSURBVHgBlZb5VxNXGIZfSJuSAg1QGqBQutCllKWyyL6IiuAOCNGAsiAKKAou4i6okQUVQVlkkSgGGO5fqffNuXPIMGdInh8y3/fej4cMlzNzAXe/pBgGKhkfkmURy++xG1fd1XGfWJt93HX0N5B92+IrcwkI4lefTGeZ1guJE0bi2/yCkJFShm1sLmMntocy2y6EhS1zVgRxg2nMKzYl2EEjo1ZY2P5aFWY2FPFe38ZD598NmXijLGzfPBdk7W7/9fsLyibpZN4NRZRX9v6/YWGrZfjxyHfs0mpva8rmnOGSvq8etqdgZRtlWASd9BpVFXNpxgmSr8nuXqSVLX6b+whTuoWkk7XztaxXUmFly1Z/HDMS5vgfwS/ew8EDsLTlMhuCOeVcnY4FKlj1wtqWwWz5B5jTx+V2pLyX1zdxe9i+XWXYGQFTEud5r/tvyYuWD0sbfzu56IAJ6g59/DyHPW3/aIKM5cGUAaF4Zre2EbeavpYBE5KXRIDPfyIEm61X6bSeNOymRgQ4hlBsiGjRlG+92QEjtndc2vw5BBvJGxeKyf9goEkEGAzVBvvJRaXzVyKIrE21UhOSjcQ1+0SArTLsIHpCKJaSQ7MRV7smyOovIKSD0Qg/B0K1kZyXgnRBp5TBkGOM1+pwbPhplBP+GBUk82G8kIScLVksusKxIW2FI6UAibiptx5WV8Ky4SxHGoN+oEOWjknWFWHZKjniBvnjk2wmotnkco/mE8OxlXGkibWdO7mZBZBWLvWFY2vhSBVrt24m0VPsyy1t2aft0HFxD7UUnkS4jQ9sUKijiZXtjphuSFLzE+otod5RH9JBjEcT3bayTMhxFPBJ/fTCmfoT572CbPBBdon1QSgMRxPaDDTgkTCiHQaAKtb9CKJQP5qY2358YYzW+XVSl9VBLYh29fY1t8FeNxWUDP8OSdOwpAAGYgeZc6Zk2Eg1gMj/PU82aNryejJBvgCGD479rWlvWgAAAABJRU5ErkJggg==); } .bx-firefox .icon-xls .bx-file-icon-label:after{ content:'XLS'; } /*--- PHP */ .icon-php .bx-file-icon-label{ display:block; background-color:#746781; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIyLjQ2M3B4IiBoZWlnaHQ9IjguNjY2cHgiIHZpZXdCb3g9IjAgMCAyMi40NjMgOC42NjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyLjQ2MyA4LjY2NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAuMDQyLDguNjI5aDEuMzY1VjUuNjEyaDAuNDI5YzAuNzY3LDAsMS4zMzktMC4xMTcsMS43OTQtMC4zMTJjMS4xNDUtMC40ODEsMS41NzQtMS40NjksMS41NzQtMi40N2MwLTEuMTMxLTAuNDk0LTEuOTUxLTEuMzM5LTIuMzkzYy0wLjQ5NC0wLjI2LTEuMDkyLTAuMzc3LTEuOTEyLTAuMzc3SDAuMDQyVjguNjI5eiBNMS40MDgsNC40OTRWMS4xNzloMC41MDdjMC41MDcsMCwwLjg3MSwwLjA5MSwxLjE0NSwwLjI0N0MzLjU0LDEuNzExLDMuNzc0LDIuMjE5LDMuNzc0LDIuODNjMCwwLjY4OS0wLjI0NywxLjE5Ni0wLjc2NywxLjQ0M2MtMC4yNiwwLjE0My0wLjYxMSwwLjIyMS0xLjA3OSwwLjIyMUgxLjQwOHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNy42Niw4LjYyOWgxLjM2NVY0LjgzM2g0LjI5MXYzLjc5N2gxLjM2NVYwLjA2MWgtMS4zNjV2My42MTVIOS4wMjVWMC4wNjFINy42NlY4LjYyOXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuMjY3LDguNjI5aDEuMzY1VjUuNjEyaDAuNDI5YzAuNzY3LDAsMS4zMzktMC4xMTcsMS43OTQtMC4zMTJDMjIsNC44MTksMjIuNDI5LDMuODMxLDIyLjQyOSwyLjgzYzAtMS4xMzEtMC40OTQtMS45NTEtMS4zMzktMi4zOTNjLTAuNDk0LTAuMjYtMS4wOTItMC4zNzctMS45MTEtMC4zNzdoLTEuOTEyVjguNjI5eiBNMTguNjMyLDQuNDk0VjEuMTc5aDAuNTA3YzAuNTA3LDAsMC44NzEsMC4wOTEsMS4xNDQsMC4yNDdjMC40ODEsMC4yODYsMC43MTUsMC43OTMsMC43MTUsMS40MDRjMCwwLjY4OS0wLjI0NywxLjE5Ni0wLjc2NywxLjQ0M2MtMC4yNiwwLjE0My0wLjYxMSwwLjIyMS0xLjA4LDAuMjIxSDE4LjYzMnoiLz48L2c+PC9zdmc+); } .bx-firefox .icon-php .bx-file-icon-label:after{ content:'PHP'; } /*--- TXT */ .icon-txt .bx-file-icon-label{ display:block; background-color:#9ba4ae; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIyLjAzMXB4IiBoZWlnaHQ9IjguNjAzcHgiIHZpZXdCb3g9IjAgMCAyMi4wMzEgOC42MDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyLjAzMSA4LjYwMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIuNTk5LDguNjI0aDEuMzY1VjEuMjEyaDIuMzI4bDAuMzktMS4xNTdIMC4xMTV2MS4xNTdoMi40ODNWOC42MjR6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuODM2LDguNjI0aDEuNDk2bDIuMzI4LTMuMzAzbDIuMTg1LDMuMzAzaDEuNTQ3TDExLjUxNyw0LjI4bDIuOTY1LTQuMjI2aC0xLjUwOGwtMi4yMzcsMy4yMjVMOC42MDQsMC4wNTVINy4wNTdsMi44MDksNC4yNjVMNi44MzYsOC42MjR6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE3LjgyMiw4LjYyNGgxLjM2NVYxLjIxMmgyLjMyOGwwLjM5LTEuMTU3aC02LjU2NnYxLjE1N2gyLjQ4NFY4LjYyNHoiLz48L2c+PC9zdmc+); } .bx-firefox .icon-txt .bx-file-icon-label:after{ content:'TXT'; } /*--- ZIP */ .icon-zip .bx-file-icon-label{ display:block; background-color:#ac5fbd; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2LjEwOXB4IiBoZWlnaHQ9IjguNTk0cHgiIHZpZXdCb3g9IjAgMCAxNi4xMDkgOC41OTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2LjEwOSA4LjU5NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAuMTMsOC41OTNoNi41MjhWNy40MzVIMi4zNTRsNC4yLTcuNDExSDAuMjYxbDAuMzY0LDEuMTU3aDMuNzcxTDAuMTMsOC41OTN6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNzM1LDguNTkzaDEuMzY2VjAuMDIzSDcuNzM1VjguNTkzeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMC45MDgsOC41OTNoMS4zNjVWNS41NzVoMC40MjljMC43NjcsMCwxLjMzOS0wLjExNywxLjc5NC0wLjMxMmMxLjE0NC0wLjQ4MSwxLjU3My0xLjQ3LDEuNTczLTIuNDcxYzAtMS4xMzEtMC40OTQtMS45NS0xLjMzOS0yLjM5M2MtMC40OTQtMC4yNjEtMS4wOTItMC4zNzctMS45MTItMC4zNzdoLTEuOTExVjguNTkzeiBNMTIuMjczLDQuNDU3VjEuMTQyaDAuNTA3YzAuNTA3LDAsMC44NzIsMC4wOTEsMS4xNDUsMC4yNDdjMC40ODEsMC4yODUsMC43MTUsMC43OTMsMC43MTUsMS40MDRjMCwwLjY4OC0wLjI0NywxLjE5Ni0wLjc2OCwxLjQ0M2MtMC4yNiwwLjE0My0wLjYxMSwwLjIyMS0xLjA3OSwwLjIyMUgxMi4yNzN6Ii8+PC9nPjwvc3ZnPg==); } .bx-firefox .icon-zip .bx-file-icon-label:after{ content:'ZIP'; } /*--- RAR */ .icon-rar .bx-file-icon-label{ display:block; background-color:#7eab34; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwLjk1M3B4IiBoZWlnaHQ9IjguNjQxcHgiIHZpZXdCb3g9IjAgMCAyMC45NTMgOC42NDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwLjk1MyA4LjY0MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAuMDUyLDguNjRoMS4zNjVWNS4yMDZoMC44MDZjMC4yMzQsMC4wNTIsMC41NDYsMC40MTYsMC45NjIsMS4xNTdMNC40OTksOC42NGgxLjU3M0w0LjYwMyw2LjExNkM0LjE0Nyw1LjM0OSwzLjgxLDQuODgxLDMuNTQ5LDQuNzM4VjQuNzEyYzEuMDI3LTAuMzI1LDEuNjktMS4wNzksMS42OS0yLjIzNmMwLTAuODMyLTAuMzM4LTEuNTg2LTEuMTgzLTIuMDE2QzMuNjE0LDAuMjEzLDMuMDI5LDAuMDcsMi4xOTcsMC4wN0gwLjA1MlY4LjY0eiBNMS40MTcsNC4wNzVWMS4xODhoMC43NDFjMC41MzMsMCwwLjg3MSwwLjExNiwxLjEwNSwwLjI5OWMwLjM3NywwLjIzMywwLjU1OSwwLjY1LDAuNTU5LDEuMTMyYzAsMC41NzEtMC4yNiwwLjk4OC0wLjY1LDEuMjIyQzIuODg2LDMuOTk3LDIuNTc0LDQuMDc1LDIuMTQ1LDQuMDc1SDEuNDE3eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02LjI1Miw4LjY0aDEuNDNsMC44MTktMi4xOThoMy4xNzNMMTIuNTIsOC42NGgxLjQ3bC0zLjM5NC04LjYwOEg5LjU0Mkw2LjI1Miw4LjY0eiBNOC45MDUsNS4zMjNsMC43MDItMS45NWMwLjI2LTAuNjg5LDAuMzktMS4wNzksMC40NjgtMS4zNzhoMC4wMjZjMC4wOTEsMC4yODYsMC4yMjEsMC42NzYsMC40NTUsMS4zNzhsMC43MDIsMS45NUg4LjkwNXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTQuODcyLDguNjRoMS4zNjVWNS4yMDZoMC44MDZjMC4yMzQsMC4wNTIsMC41NDYsMC40MTYsMC45NjIsMS4xNTdsMS4zMTMsMi4yNzZoMS41NzNsLTEuNDY5LTIuNTIzYy0wLjQ1NS0wLjc2OC0wLjc5My0xLjIzNS0xLjA1My0xLjM3OFY0LjcxMmMxLjAyNy0wLjMyNSwxLjY5LTEuMDc5LDEuNjktMi4yMzZjMC0wLjgzMi0wLjMzOC0xLjU4Ni0xLjE4My0yLjAxNmMtMC40NDItMC4yNDctMS4wMjctMC4zOS0xLjg1OS0wLjM5aC0yLjE0NlY4LjY0eiBNMTYuMjM3LDQuMDc1VjEuMTg4aDAuNzQxYzAuNTMzLDAsMC44NzEsMC4xMTYsMS4xMDUsMC4yOTljMC4zNzcsMC4yMzMsMC41NTksMC42NSwwLjU1OSwxLjEzMmMwLDAuNTcxLTAuMjYsMC45ODgtMC42NSwxLjIyMmMtMC4yODYsMC4xNTYtMC41OTgsMC4yMzQtMS4wMjcsMC4yMzRIMTYuMjM3eiIvPjwvZz48L3N2Zz4=); } .bx-firefox .icon-rar .bx-file-icon-label:after{ content:'RAR'; } .icon-rar .bx-file-icon-images, .icon-zip .bx-file-icon-images{ top:0; display:block; margin-top:0; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA9AQMAAACN2Ds+AAAABlBMVEUAAACvtbrFRaP9AAAAAXRSTlMAQObYZgAAABNJREFUCFtj+H/4PwM6RgbDUB4AgxBuKftThygAAAAASUVORK5CIIA=') top center no-repeat; } /*--- NON */ .icon-non .bx-file-icon-images{ display:block; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAEw0lEQVR42u1cvUscQRQ/UAQLoxZWdmrlXyB4JCRGDEZMrNSAio1I/IJEsbjDVohp04jGjyjoNUpIk6BikZxpNEUsUghGUENUSBS/OvMGnrA5583O7O3O7p6z8Ktm5r3f/G5vdubNzItEfHg+rnwuBzwFxAHzgE+AdcAJB+tYPo/1WbvySKY+0LkiwDPAJGALcOUCttAes1uUCSLVAeYA5y4JROEc/dSFUaQOwHePBaLA/HaEQaR2wA+fREoF49EeRJEqAF8cduoMsA1IAmY4SGL5mUP7jFdFUIQaUST/C79sfYBK2cEZPxKV2G4e7aj4HfFTpDLAhiTRY8AooBaQ45L/HMATtHssyYPxLdMtFCN5KUFuG9+EQo/5FKKfbQlOjHe9LqF6JQgdIPkszT9iFvo9kODY6zWZYQkSbwB5Po+jecjDjuuwX0LtA6oD9pWuRl76BAOD3TYOPwAKAjr3K0B+Iv7dbjl7bONoNCSrinGbftSm66DYxsHLkC3DBmz6U5yOcdHS5UVIF/f9oiWSU6OvBUbHQx4NmRT07bWT4BxlbDlDYmzLgj6WqxjaJIz8BeRmiFi52B9ePzdljTQJFI9mWAQ3Kuhro4wBajU/pkCiBrAAeA9o0dTxFvTH/NYotBujJtl2DVsFUYMsBaFS28c8FirG8Vkj2TZLELVoFTWkVu2dCsRXCRsxjUIxrCrY6KSiJlSDKiqCoEh+TTAOxDQJxbCmaIuKVFTxKi8SlbscjB1XXgtmI9SV6ljJ+knYWeR9Ri+JQFm2Bx2JpylU3O0fhPUTcEFokGut2Ew4nfTwl48FyS7afkfYbLZWmiUqVXr8V4n7/Ual2H9A2J21VtrlVDjSNLbEgyCUxc8Rx/budWEJ4Xzexa9WWh31egxM8TVH+CgRLW+6Ii4+Tjus642y+KM2ZJpY4ZAX45Ubg7OXg7mA4z3C1xArTHAK/gDyNc+4rzEgGdX0akVwB/uf6i/BClc4BTs+rOX+i5n5IZSF3w7H50qE2IJPaogSxBwe9Ihp4Jbkbf2zglNOwYSmsEpcUai4Jl4THN+nlFjTGgNwgxInA1n5oEZO05RYJ5yCGc0RyyUbsZY085nhcDgxbxaf05TK3/C2j1nk39B8DW9y+0p9Dc086ya/n9Q8y8zgFWbwZm2osDakog7PTdThZtSh1MSzpOJZpSZSqhIptYnB3zUx+JsxeGp3Z+qW7e5My+zuUPuGF2bfMGXfECubHWm+nQVe5dt+1uGQsHOfamBO0cicosFGbbfwfFaO4HxWm13jfRdO/j3y+eTfQ4V2bx2d/MPGjYJxoDKSQQ9e9nR+phSNmNPKCobMOXhFY6IbFpMhF8q9GxYWo6K7O/0hFcr9uztouFgmqhkioby7FYYO6mwcjIdEKG/vG1oc9UjcZM0PqEj5EjdZe9x2andHei+gd6T3gnqpPCi37wt8vX1vIdInQeK3T3kdstHvoQTHPl2k6gOaMWQnUBlDLARZLppvirlo6l3ORVMf+Fw0CjN9uyxHUcUsR9E0shy9CspXp4I4WiiDU8n8WacO7ScDkz8rRTSTmc2BaCbnn8Olks5skrWRsD8mT2l64rHgYgNuliYww+0GkQF3A8sTWL/Brwy4/wDk7sxPqCIHPQAAAABJRU5ErkJggg==') top center no-repeat; background-size:contain; } /*--- img */ /*.icon-img .bx-file-icon-images{ display:block; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAABuElEQVR42u3bL0/DQBzG8S5AwCwLAhQOVzIPCQaLIFgEQYHCM48Ds3cAAvQUWdI3gMGB5A1AMEhCwnga1qxpsvbXuxu73u8RX3lJ+zHt/YsGD8mIJaOICIQohRiiCyUNyyB6KFJSjxCEIAQhCEEIQhCCEJNW0Bpa0AqxgxL0PX7+T3SDNjRBHOUAir2hrgaITfRVMaN8QYuhQ/SF0+vD0CEehRCXoUM8CSGuQ4e4FUIchw6xK0B4R20Nn8+rEoT0s3qg6YfqHH0U3uEZ7Wn8xV5C22gfbXHSxUkXIQhBCEI0E+IExdohTtHPeGEk1gqRIeRXiWJtEEWEJmA4h5iG4DuGU4gqBJ8xnEFIEXzFcAJRF8FHDGsIUwTfMKwgbBF8wjCGcIVgi5Hub67PC+LMMYIpRopwh16F+5tOIWaFUBcjQ8jG2WLUgpg1ghSjiOACQwzR/ieEKowU4b5knCmGGKIzhzPRRYwqBBsMryHyGFIEUwzvITKMgcG4OhiNgLBJihE8hBRDBYQEQw1EFYYqiDIMdRDTMFRCZBjLhPirQwhC2EO00GpgtbgbzmMBZhC8Es1L8kQgRL5fERoZ1OOxRiUAAAAASUVORK5CIIA='); }*/ /*--- vid */ .icon-vid .bx-file-icon-images{ display:block; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA1CAYAAAD8mJ3rAAABN0lEQVRo3u3bywqCQBSAYYluFBhEECS0iNoVGLQKoiCi7PL+r9OZXaBjRaOdGf7FvwvDr9LjpNH6cH1QvggEYGqBWUoTT1rWCZNIkSclwAADDDDaYTLpYikUGNv+ZWUw45I3CAXG9roxMMAAAwwwymBSaW7JNUxLav4BxrZ/qZYBL5b2Uo/JNw9jtnWWRsDkYUx3aQZMHub1GNcApnjbO6kLTHEnaagJxvzOB5bqhDHdpGkFMLb9m2kZ8OIPP73Vj8cd7ybf+Iuv9lZqA1PcUeoA4+54EyzMr2coJzCazkquZhonZyUtc4zLKTiYAc/1dVMQMFVcaXsPU9XajNcwmwpX87yEMceThQ8reHWu+fbfzE2q1nz5lwAYYIABBhg9MNxRxT143JwIDDDA+AfD0yc8r0TAfNITJNBto873iJsAAAAASUVORK5CIIA='); } /*--- exe */ .icon-exe .bx-file-icon-images{ display:block; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAACxUlEQVRo3u1b20rDQBCt1la8FU0RL1itmnrro4oUWxWL0Wp98tUf8P9/wBmYQlhq9zbb7LoJHAolmTknm92ZzE4qlTkdX98/O4DPGdip/LejFB2CaCC0FIJoDp4TQ3uAF8Cmz6KRH/HcsxXcALwTKfzd9VE08hJ4NkwN1QFDgdgYcOyTaORDvPK2kHdd19ACoDeDYBfPKVI0cezOsNfT4igxNsEtoCqxswHoEIGRxN6IzsPzNyR2q+RfxrGrKrilYGyCPmBZuH4RcAh41LAzDXj9EdoT7C+TX1U7LemSD3jTJIfzZ50eNySZWYoVkZHdBfLzrHn9mzSUwQkJ4NXA8COz2GkjrzsgqCNRfcTXDO6ob0D+ayYh6z5QwffaIUtYlG4CE3wjLn4mwnEBuQpE8JVu/iAT356S+fgC5NV29baVeir61JVgnN9Pnop+sp7Hjkb5gVLMJmAFUKPfJv3/YGk/ZS8iGCQs+fCRKPpJLMIkJi41TtGnhotLarKa0nXjwkabQtbQgMCBpd8DA+FDlpBFj1whd9xwHUk4HF/qzmHm9UR3jl9yOO3P/U7bPWl9FaP7EnxoOBw4yhF0Xls/ZJoqzElCx5Hoc06e3KKbjkRv+yx61ZHodZ9F1xyJrpcjXc7p4kW7Wr073KJlcXrkQZwesMZpBYe9wDKyAYfTsxhz70Z0b1kGue+kgBDu+3Su/GtUObEY4XGhdTLaD84samRbin62vKmREaEThmpo+kc1NPWuGhpt3duiKhr0Dkdce1kh7VpyzePrwPanr43nd3SdCNH1nFCCYNJd5DqcuekuYugjO7bY3ZzVR9bO9ZHp7quNVPrIdDoGB1M6Bqsk/plhZP/qGNQpKrTm3RuKPdgXtLC8K0yRu0J6Q6PtAo6y31uomsTT2S/samaBfMORWX/DkQ9lDDbC+VqH8aWl/BitFD1n0b9+tOeiFjjLzwAAAABJRU5ErkJggg=='); } /** Unknown **/ .adm-fileinput-links { padding: 12px; position: relative; margin-bottom: 10px; background: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.4); border-radius: 3px; display: inline-block; }