#poststuff #woo-sirv-gallery .inside{
    margin: 0;
    padding: 0;
}

.sirv-gallery-wrapper {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.sirv-woo-gallery-toolbar {
    text-align: center;
    margin: 10px 0 10px;
}
.sirv-woo-gallery-toolbar-main{

}

.sirv-add-online-videos-container{
    display: none;
    margin: 5px 9px 5px 0;
}

.sirv-online-video-links{
    width: 100%;
    height: 200px;
}

.sirv-woo-gallery-container {
    /* padding: 0 0 0 9px; */
}
.sirv-woo-gallery-container ul {
    margin: 0;
    padding: 0;
}
.sirv-woo-gallery-container ul::after, .sirv-woo-gallery-container ul::before {
    content: " ";
    display: table;
}
.sirv-woo-gallery-container ul::after {
    clear: both;
}
.sirv-woo-gallery-container ul li.sirv-woo-gallery-item,
.sirv-woo-gallery-container ul li.sirv-sortable-placeholder {
    background: #f7f7f7 none repeat scroll 0 0;
    /* border: 1px solid #d5d5d5; */
    border-radius: 2px;
    box-sizing: border-box;
    cursor: move;
    float: left;
    margin: 10px 2px;
    position: relative;
    width: 78px;
    height: 110px;
}
.sirv-woo-gallery-container ul li.sirv-woo-gallery-item img,
.sirv-woo-gallery-container ul li.sirv-sortable-placeholder img{
    display: block;
    width: 78px;
    height: 78px;
    object-fit: cover;
    position: relative;
}

.sirv-woo-gallery-container ul li.sirv-sortable-placeholder{
    border: 3px dashed #ddd;
    position: relative
}

.sirv-woo-gallery-container ul li.sirv-sortable-placeholder::after{
    font-family: Dashicons;
    font-weight: 400;
    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
}

.sirv-woo-gallery-container .sirv-woo-gallery-toolbar-main .button-large {
    padding: 0 12px;
}

.sirv-woo-gallery-container ul ul.actions li a.delete::before, .sirv-woo-gallery-container ul ul.actions li a.view::before {
    background-color: #000;
    color: #fff;
    font-family: WooCommerce;
    font-variant: normal;
    font-weight: 400;
    left: 0;
    line-height: 1;
    text-align: center;
    text-transform: none;
}
.sirv-woo-gallery-container ul ul.actions {
    display: none;
    padding: 2px;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 2;
}
.sirv-woo-gallery-container ul ul.actions li {
    float: right;
    margin: 0 0 0 2px;
}
.sirv-woo-gallery-container ul ul.actions li a {
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    width: 1em;
}
.sirv-woo-gallery-container ul ul.actions li a.tips {
    cursor: pointer;
}
.sirv-woo-gallery-container ul ul.actions li a.view {
    display: block;
    font-size: 1.4em;
    height: 1em;
    position: relative;
    text-indent: -9999px;
    width: 1em;
}
.sirv-woo-gallery-container ul ul.actions li a.view::before {
    content: "";
    height: 100%;
    margin: 0;
    position: absolute;
    text-indent: 0;
    top: 0;
    width: 100%;
}
.sirv-woo-gallery-container ul ul.actions li a.delete {
    display: block;
    font-size: 1.4em;
    height: 1em;
    width: 1em;
    position: relative;
    text-indent: -9999px;
}
.sirv-woo-gallery-container ul ul.actions li a.delete::before {
    font-family: Dashicons;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    content: "";
    color: #999;
    background: #fff;
    border-radius: 50%;
    height: 1em;
    width: 1em;
    line-height: 1em;
}
.sirv-woo-gallery-container ul ul.actions li a.delete:hover::before {
    color: #a00;
}
.sirv-woo-gallery-container ul li:hover ul.actions {
    display: block;
}

.sirv-delete-all-images-container {
    display: none;
    text-align: center;
    margin-top: 10px;
}

.sirv-woo-delete-all{
 }

.sirv-woo-delete-all:hover {
    background: #008ec2 none repeat scroll 0 0;
    border-color: #006799;
    color: #fff;
}

.sirv-woo-gallery-container .sirv-woo-delete-all {
    margin-top: 10px;
}

.sirv-online-video-placeholder {
    font-size: 79px;
    color: #2e9eb7;
}

.sirv-woo-gallery-container ul li.sirv-woo-gallery-item[data-type=online-video] div::before,
.sirv-woo-gallery-container ul li.sirv-woo-gallery-item[data-type=video] div::before,
.sirv-woo-gallery-container ul li.sirv-woo-gallery-item[data-type=spin] div::before,
.sirv-view-gallery ul li.sirv-view-gallery-item[data-type=spin] div::before,
.sirv-view-gallery ul li.sirv-view-gallery-item[data-type=video] div::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 32px;
    left: 0px;
    z-index: 1;
    margin: auto;
    border-radius: 0;
    background: no-repeat center/auto 85% rgba(70,70,70,.60);
}

.sirv-view-gallery ul li.sirv-view-gallery-item[data-type=spin] div::before,
.sirv-view-gallery ul li.sirv-view-gallery-item[data-type=video] div::before {
    bottom: 0;
}

.sirv-woo-gallery-container ul li.sirv-woo-gallery-item[data-type=online-video] div::before,
.sirv-woo-gallery-container ul li.sirv-woo-gallery-item[data-type=video] div::before,
.sirv-view-gallery ul li.sirv-view-gallery-item[data-type=video] div::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMyLjI1LDIzLjU3YS41LjUsMCwwLDEsMCwuODdsLTEyLDYuOTNhLjUuNSwwLDAsMS0uNzUtLjQzVjE3LjA3YS41LjUsMCwwLDEsLjc1LS40M1oiLz48Y2lyY2xlIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSIgY3g9IjI0IiBjeT0iMjQiIHI9IjE0LjUiLz48L3N2Zz4=);
}

.sirv-woo-gallery-container ul li.sirv-woo-gallery-item[data-type=spin] div::before,
.sirv-view-gallery ul li.sirv-view-gallery-item[data-type=spin] div::before{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNS42MTcyIDMuMjEyNTJDMjQuOTExNiAyLjExODI5IDI0LjM0MjMgMS44NTE0NCAyNC4wMDAyIDEuODUxNDRDMjMuNjU4MiAxLjg1MTQ0IDIzLjA4ODkgMi4xMTgyOSAyMi4zODMzIDMuMjEyNTJDMjEuNzA2NSA0LjI2MTk2IDIxLjA1OTMgNS44NDY4IDIwLjUwMSA3Ljg5NDUzQzIwLjE4NDYgOS4wNTQ0NCAxOS45MDE2IDEwLjM0NDYgMTkuNjU4NCAxMS43NDI3QzE5LjI4NzYgMTEuODc0IDE4LjkyNDYgMTIuMDIxNiAxOC41NzAxIDEyLjE4NDhDMTkuNjcwNyA1LjM5ODggMjEuNjkwNCAwLjg1MTQ0IDI0LjAwMDIgMC44NTE0NEMyNi4zMDk4IDAuODUxNDQgMjguMzI5OCA1LjM5ODkzIDI5LjQzMDQgMTIuMTg1MUMyOS4wNzU5IDEyLjAyMTkgMjguNzEyOSAxMS44NzQxIDI4LjM0MiAxMS43NDI4QzI4LjA5ODkgMTAuMzQ0NyAyNy44MTU5IDkuMDU0NDQgMjcuNDk5NSA3Ljg5NDUzQzI2Ljk0MTIgNS44NDY4IDI2LjI5MzkgNC4yNjE5NiAyNS42MTcyIDMuMjEyNTJaTTM1LjgxNDkgMTguNTY5N0MzNS45NzggMTguOTI0MiAzNi4xMjYgMTkuMjg3MiAzNi4yNTczIDE5LjY1OEMzNy42NTU1IDE5LjkwMTEgMzguOTQ1NiAyMC4xODQyIDQwLjEwNTUgMjAuNTAwNUM0Mi4xNTMzIDIxLjA1OSA0My43MzgzIDIxLjcwNjIgNDQuNzg3NiAyMi4zODI5QzQ1Ljg4MTggMjMuMDg4NSA0Ni4xNDg3IDIzLjY1NzggNDYuMTQ4NyAyMy45OTk5QzQ2LjE0ODcgMjQuMzQyIDQ1Ljg4MTggMjQuOTExMyA0NC43ODc2IDI1LjYxNjhDNDMuNzM4MyAyNi4yOTM2IDQyLjE1MzMgMjYuOTQwOCA0MC4xMDU1IDI3LjQ5OTNDMzguOTQ1NiAyNy44MTU2IDM3LjY1NTUgMjguMDk4NiAzNi4yNTczIDI4LjM0MThDMzYuMTI2IDI4LjcxMjUgMzUuOTc4MyAyOS4wNzU0IDM1LjgxNTIgMjkuNDI5OUM0Mi42MDEzIDI4LjMyOTMgNDcuMTQ4NyAyNi4zMDk0IDQ3LjE0ODcgMjMuOTk5OUM0Ny4xNDg3IDIxLjY5MDMgNDIuNjAxMSAxOS42NzAzIDM1LjgxNDkgMTguNTY5N1pNMjkuNDMwMiAzNS44MTQ5QzI5LjA3NTcgMzUuOTc4MSAyOC43MTI5IDM2LjEyNTkgMjguMzQyIDM2LjI1NzJDMjguMDk4OSAzNy42NTUzIDI3LjgxNTkgMzguOTQ1MyAyNy40OTk1IDQwLjEwNTJDMjYuOTQxMiA0Mi4xNTMxIDI2LjI5MzkgNDMuNzM3OSAyNS42MTcyIDQ0Ljc4NzRDMjQuOTExNiA0NS44ODE2IDI0LjM0MjMgNDYuMTQ4NCAyNC4wMDAyIDQ2LjE0ODRDMjMuNjU4MiA0Ni4xNDg0IDIzLjA4ODkgNDUuODgxNiAyMi4zODMzIDQ0Ljc4NzRDMjEuNzA2NSA0My43Mzc5IDIxLjA1OTMgNDIuMTUzMSAyMC41MDEgNDAuMTA1MkMyMC4xODQ2IDM4Ljk0NTQgMTkuOTAxNiAzNy42NTU0IDE5LjY1ODQgMzYuMjU3NEMxOS4yODc2IDM2LjEyNjEgMTguOTI0NiAzNS45Nzg0IDE4LjU3MDEgMzUuODE1MkMxOS42NzA3IDQyLjYwMTIgMjEuNjkwNCA0Ny4xNDg0IDI0LjAwMDIgNDcuMTQ4NEMyNi4zMDk4IDQ3LjE0ODQgMjguMzI5NiA0Mi42MDExIDI5LjQzMDIgMzUuODE0OVpNMTIuMTg0OCAyOS40Mjk5QzEyLjAyMTcgMjkuMDc1NCAxMS44NzQgMjguNzEyNCAxMS43NDI3IDI4LjM0MTdDMTAuMzQ0NyAyOC4wOTg2IDkuMDU0NjkgMjcuODE1NiA3Ljg5NDc4IDI3LjQ5OTNDNS44NDcxNyAyNi45NDA4IDQuMjYyMjEgMjYuMjkzNiAzLjIxMjY1IDI1LjYxNjhDMi4xMTg0MSAyNC45MTEzIDEuODUxNTYgMjQuMzQyIDEuODUxNTYgMjMuOTk5OUMxLjg1MTU2IDIzLjY1NzggMi4xMTg0MSAyMy4wODg1IDMuMjEyNjUgMjIuMzgyOUM0LjI2MjIxIDIxLjcwNjIgNS44NDcxNyAyMS4wNTkgNy44OTQ3OCAyMC41MDA1QzkuMDU0NjkgMjAuMTg0MiAxMC4zNDQ3IDE5LjkwMTEgMTEuNzQyNyAxOS42NTgxQzExLjg3NCAxOS4yODc0IDEyLjAyMiAxOC45MjQzIDEyLjE4NTEgMTguNTY5OEM1LjM5ODkzIDE5LjY3MDQgMC44NTE1NjIgMjEuNjkwMyAwLjg1MTU2MiAyMy45OTk5QzAuODUxNTYyIDI2LjMwOTQgNS4zOTg2OCAyOC4zMjkzIDEyLjE4NDggMjkuNDI5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yOSAxMy41TDMwLjUgMTAuNUgyNy41TDI5IDEzLjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzAuNSAxMC41TDMwLjk0NzIgMTAuNzIzNkMzMS4wMjQ3IDEwLjU2ODYgMzEuMDE2NCAxMC4zODQ1IDMwLjkyNTMgMTAuMjM3MUMzMC44MzQyIDEwLjA4OTcgMzAuNjczMyAxMCAzMC41IDEwVjEwLjVaTTI5IDEzLjVMMjguNTUyOCAxMy43MjM2QzI4LjYzNzUgMTMuODkzIDI4LjgxMDYgMTQgMjkgMTRDMjkuMTg5NCAxNCAyOS4zNjI1IDEzLjg5MyAyOS40NDcyIDEzLjcyMzZMMjkgMTMuNVpNMjcuNSAxMC41VjEwQzI3LjMyNjcgMTAgMjcuMTY1OCAxMC4wODk3IDI3LjA3NDcgMTAuMjM3MUMyNi45ODM2IDEwLjM4NDUgMjYuOTc1MyAxMC41Njg2IDI3LjA1MjggMTAuNzIzNkwyNy41IDEwLjVaTTMwLjA1MjggMTAuMjc2NEwyOC41NTI4IDEzLjI3NjRMMjkuNDQ3MiAxMy43MjM2TDMwLjk0NzIgMTAuNzIzNkwzMC4wNTI4IDEwLjI3NjRaTTI5LjQ0NzIgMTMuMjc2NEwyNy45NDcyIDEwLjI3NjRMMjcuMDUyOCAxMC43MjM2TDI4LjU1MjggMTMuNzIzNkwyOS40NDcyIDEzLjI3NjRaTTMwLjUgMTBIMjcuNVYxMUgzMC41VjEwWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMS42NTA1IDI4LjQxMjJMMjQuMTMzNiAzMy4wOTA4TDE2LjI0MzkgMjcuNjYwMkwxNi4yNDM5IDE5Ljg5MjRMMjQuMTQ4NCAxNS4xNTYxTDMxLjc2ODggMTkuODk3OUwzMS42NTA1IDI4LjQxMjJaTTMwLjg5OTUgMjguMDMwOUwzMS4wMDAzIDIwLjc3NTlMMjQuNTIyNiAyNS4wNzUxTDI0LjUyMjYgMzJMMzAuODk5NSAyOC4wMzA5Wk0yMy43NjY0IDMxLjk2MDdMMjMuNzY2NCAyNS4wNzkxTDE3LjAwMDEgMjAuNzU0OUwxNy4wMDAxIDI3LjMwMzRMMjMuNzY2NCAzMS45NjA3Wk0xNy4zMDYzIDIwLjA5NDhMMjQuMTQwNCAyNC40NjI0TDMwLjcyMTIgMjAuMDk0N0wyNC4xNDA2IDE1Ljk5OTlMMTcuMzA2MyAyMC4wOTQ4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEzIDE5LjVMMTAgMThMMTAgMjFMMTMgMTkuNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMCAxOEwxMC4yMjM2IDE3LjU1MjhDMTAuMDY4NiAxNy40NzUzIDkuODg0NTQgMTcuNDgzNiA5LjczNzEzIDE3LjU3NDdDOS41ODk3MyAxNy42NjU4IDkuNSAxNy44MjY3IDkuNSAxOEwxMCAxOFpNMTMgMTkuNUwxMy4yMjM2IDE5Ljk0NzJDMTMuMzkzIDE5Ljg2MjUgMTMuNSAxOS42ODk0IDEzLjUgMTkuNUMxMy41IDE5LjMxMDYgMTMuMzkzIDE5LjEzNzUgMTMuMjIzNiAxOS4wNTI4TDEzIDE5LjVaTTEwIDIxTDkuNSAyMUM5LjUgMjEuMTczMyA5LjU4OTczIDIxLjMzNDIgOS43MzcxMyAyMS40MjUzQzkuODg0NTQgMjEuNTE2NCAxMC4wNjg2IDIxLjUyNDcgMTAuMjIzNiAyMS40NDcyTDEwIDIxWk05Ljc3NjM5IDE4LjQ0NzJMMTIuNzc2NCAxOS45NDcyTDEzLjIyMzYgMTkuMDUyOEwxMC4yMjM2IDE3LjU1MjhMOS43NzYzOSAxOC40NDcyWk0xMi43NzY0IDE5LjA1MjhMOS43NzYzOSAyMC41NTI4TDEwLjIyMzYgMjEuNDQ3MkwxMy4yMjM2IDE5Ljk0NzJMMTIuNzc2NCAxOS4wNTI4Wk05LjUgMThMOS41IDIxTDEwLjUgMjFMMTAuNSAxOEw5LjUgMThaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}

.sirv-variation-container {
    clear: both;
    padding: 0;
}

.sirv-variation-container .sirv-woo-gallery-toolbar {
    text-align: inherit;
}

.sirv-woo-gallery-container .sirv-woo-gallery-toolbar-main a {
    margin: 0;
}

.sirv-woo-gallery-container.sirv-variation-container{
    margin-left: 9px;
}


.sirv-woo-gallery-container .sirv-woo-gallery-item-caption {
    width: 78px;
    margin: 2px 0 !important;
    height: 25px;
    padding-left: 5px;
}

.sirv-woo-product-image-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.sirv-woo-product-image img {
    width: 100%;
    height: auto;
}

.sirv-woo-product-image-toolbar .button span.dashicons{
    margin-top: 4px;
}

#woo-sirv-product-image h2.hndle.ui-sortable-handle {
    position: relative;
}

#woo-sirv-product-image h2.hndle.ui-sortable-handle::after {
    content: 'beta';
    color: orange;
    margin-left: -50px;
    position: absolute;
    right: 13%;
    top: 5px;
    font-size: 12px;
}

a.upload_image_button{
    overflow: hidden;
}

.sirv-view-gallery {
    /* padding: 0 0 0 9px; */
}

.sirv-view-gallery ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 15px;
}

.sirv-view-gallery ul li {
    margin: 10px 2px;
    position: relative;
    width: 78px;
    height: 78px;
}

.sirv-view-gallery ul li img.sirv-view-gallery-item-img {
    display: block;
    width: 78px;
    height: 78px;
    object-fit: cover;
}

.sirv-view-gallery-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sirv-view-gallery-header_title {
    font-size: 16px;
    color: #686a6d;
}

.sirv-view-gallery-header-path {
    margin-top: 5px;
}

.sirv-view-gallery-empty {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
}

.sirv-view-gallery-empty span {
    font-size: 18px;
    text-align: center;
}

.sirv-gallery-wrapper.sirv-variation-wrapper {
    border: 1px solid #C3C4C7;
    margin-top: 10px;
    padding: 0;
}

.sirv-variation-wrapper .sirv-view-gallery {
    padding: 10px;
}

.sirv-gallery-wrapper-title {
    border-bottom: 1px solid #C3C4C7;
    background-color: #e8e8eb;
    padding: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

div.sirv-loading {
    position: relative;
}

.sirv-loading:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid rgb(0, 138, 189, 0.1);
    border-top-color: rgba(0, 138, 189, 0.1);
    border-top-style: solid;
    border-top-width: 4px;
    border-top: 4px solid #008abd;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    animation: spin 2s linear infinite;
    z-index: 101;
}

.sirv-loading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 100;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}