@charset "UTF-8"; .carbon-box .carbon-Hidden { display: none !important; visibility: hidden !important; } .carbon-box .carbon-Number input, .carbon-box .carbon-Number .tagsinput, .carbon-box .carbon-Tags input, .carbon-box .carbon-Tags .tagsinput, .carbon-box .carbon-Password input, .carbon-box .carbon-Password .tagsinput { width: 100%; margin: 1px; padding: 3px 5px; } .carbon-box .carbon-Tags .tagsinput { box-sizing: border-box; } .carbon-box .carbon-Tags .tagsinput .tag { padding-top: 2px; padding-bottom: 2px; } .carbon-box .carbon-Tags .tagsinput input { width: 80px !important; } .carbon-preview .carbon-image-remove, .carbon-field .icon-button:before { font: normal normal normal 22px/26px 'dashicons'; speak: none; text-transform: none; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; } .carbon-preview .carbon-image-remove { font-size: 20px; } .icon-button, .carbon-ImageGallery .icon-button { padding-right: 10px; font-size: 13px; line-height: 26px; } .carbon-Image .c2_open_media { padding-top: 0 !important; } .carbon-Image .c2_open_media:before { margin-left: 5px !important; } .carbon-ImageGallery .c2_open_media:before { content: "\f128"; line-height: 18px !important; margin-left: -5px !important; } .carbon-attachment-preview { width: 150px; position: relative; float: left; margin: 0; color: #464646; list-style: none; text-align: center; } .carbon-preview .carbon-image-remove { visibility: hidden; display: inline; position: absolute; top: -10px; right: -10px; cursor: pointer; box-sizing: border-box; } .carbon-preview:hover .carbon-image-remove { visibility: visible; } .carbon-preview .carbon-image-remove:before { content: "\f153"; background: #fff; border-radius: 50%; color: #C00; } .carbon-ImageGallery .input-with-button { padding-right: 0; padding-top: 5px; } .carbon-ImageGallery .input-with-button .carbon-file-field { margin-bottom: 5px; } .carbon-ImageGallery .input-with-button .button { position: relative; margin: 0 0 6px; padding-top: 4px; padding-left: 10px; padding-right: 10px; } .carbon-ImageGallery .carbon-image-gallery { display: flex; flex-wrap: wrap; align-items: flex-start; } .carbon-ImageGallery .carbon-image, .carbon-ImageGallery .carbon-sortable-placeholder { width: 150px; height: 150px; float: left; cursor: move; margin: 0 10px 10px 0; position: relative; box-sizing: border-box; } .carbon-ImageGallery .carbon-sortable-placeholder { background: #f7f7f7; border: 3px dashed #dddddd; } #side-sortables .carbon-ImageGallery .carbon-attachment-preview, #side-sortables .carbon-ImageGallery .carbon-image, #side-sortables .carbon-ImageGallery .carbon-sortable-placeholder { width: 75px; height: 75px; } .carbon-ImageGallery .input-with-button .button { position: relative !important; } .carbon-ImageGallery .icon-button { font-size: inherit !important; line-height: inherit !important; width: auto !important; } .add_product_images { padding: 0 12px 12px; } #product_images_container { padding: 0 0 0 9px; } #product_images_container .product_images { display: block; width: 100%; clear: both; float: left; margin-bottom: 10px; } #product_images_container ul { margin: 0; padding: 0; } #product_images_container ul li.image, #product_images_container ul li.add, #product_images_container ul li.wc-metabox-sortable-placeholder { width: 80px; height: 80px; float: left; cursor: move; border: 1px solid #d5d5d5; margin: 9px 9px 0 0; background: #f7f7f7; border-radius: 2px; position: relative; box-sizing: border-box; } #product_images_container ul li.image img, #product_images_container ul li.add img, #product_images_container ul li.wc-metabox-sortable-placeholder img { width: 100%; margin: 0 auto; height: auto; display: block; } #product_images_container ul li.wc-metabox-sortable-placeholder { border: 3px dashed #dddddd; position: relative; } #product_images_container ul li.wc-metabox-sortable-placeholder:after { font-family: 'Dashicons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin: 0; text-indent: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; content: ""; font-size: 2.618em; line-height: 72px; color: #ddd; } #product_images_container ul ul.actions { position: absolute; top: -8px; right: -8px; padding: 2px; display: none; } #product_images_container ul ul.actions li { float: right; margin: 0 0 0 2px; } #product_images_container ul ul.actions li a { width: 1em; height: 1em; margin: 0; display: block; overflow: hidden; } #product_images_container ul ul.actions li a.tips { cursor: pointer; } #product_images_container ul ul.actions li a.delete { display: block; text-indent: -9999px; position: relative; height: 1em; width: 1em; font-size: 1.4em; } #product_images_container ul ul.actions li a.delete:before { font-family: 'Dashicons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin: 0; text-indent: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; content: ""; color: #999; } #product_images_container ul ul.actions li a.delete:hover:before { color: grey; } #product_images_container ul li:hover ul.actions { display: block; } .selectize-input { border: 1px solid #ddd; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); border-radius: 0 !important; } .selectize-input.has-items { padding: 4px 5px 0 5px !important; } .selectize-input:not(.has-items) { padding: 5px !important; } .selectize-input .item { margin: 0 5px 4px 0 !important; }