:not(:root):fullscreen::backdrop {
    background: white;}
.shortcode_menu ul {list-style: none;}
.image_list_menu{width: 400px;height: 255px;border: 6px solid #ccc;margin: 30px auto 0;overflow: hidden;
}
/*zoomer css*/
.zoom {display:inline-block;position: relative;
}
/* magnifying glass icon */
.zoom:after {content:'';display:block;width:33px;height:33px;position:absolute;top:0;right:0;}
.zoom img {display: block;}
.zoom img::selection { background-color: transparent; }


/*#image_list.cursor-zoom-plus{margin: 0px; padding: 0px; width: 100%; height:100%; text-align: center; cursor: url('../images/mouse_zoomin.png'), auto; }*/
#image_list.cursor-zoom-plus{margin: 0px; padding: 0px; width: 100%; height:100%; text-align: center; cursor: zoom-in }
/*#image_list.cursor-zoom-minus{cursor: url('../images/cursor_zoomout.png'), auto;}*/
#image_list.cursor-zoom-minus{cursor:zoom-out;}
#image_list_li img{max-height:350px;}
.image_list_menu #image_list_li img{max-height:100%;width: auto;}
ul#image_list.rotatelabel:after {
    content: "";width: 109px;height: 46px;background: red;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    background: url('../images/rotate_icon_a.png');
}

ul#image_list.rotatelabel-typeA:after {
    content: "";
    /*width: 25%;*/
    width: 125px;
    height: 25%;
    /*max-width: 109px; max-height: 46px;*/
    /*width: 109px;height: 46px;*/
    background: red;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    background: url('../images/rotate_icon_600.png');
    background-repeat: no-repeat;
    background-size: 125px;
}
ul#image_list.rotatelabel-typeB:after {
    content: "";
    /*width: 51px;height: 51px;*/
    /*width: 25%;*/
    width: 100px;
    height: 25%;
    /*max-width: 51px; max-height: 51px;*/
    background: red;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    background: url('../images/rotate-B.png');
    background-repeat: no-repeat;
    background-size: 100px;
    /*background: url('../images/typeB.png');*/
}
ul#image_list.rotatelabel-typeC:after {
    content: "";
    /*width: 72px;height: 43px;*/
    /*width: 25%;*/ width: 100px; height: 25%;
    /*max-width: 72px; max-height: 43px;*/
    background: red;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    /*background: url('../images/typeC.png');*/
    background: url('../images/rotate-C.png');
    background-repeat: no-repeat;
    background-size: 100px;
}
ul#image_list.rotatelabel-typeD:after {
    content: "";
    /*width: 51px;height: 51px;*/
    /*width: 25%;*/ width: 100px; height: 25%;
    /*max-width: 51px; max-height: 51px;*/
    background: red;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    /*background: url('../images/typeD.png');*/
    background: url('../images/rotate-D.png');
    background-repeat: no-repeat;
    background-size: 100px;
}

.foldio-thumbnail-section ol.flex-control-nav.flex-control-thumbs li{margin: 0rem 0 0 0rem!important; width: 80px; height: 80px; border: solid 1px #efefef; border-radius: 6px;display: inline-flex; flex: 0 0 80px; -ms-flex: 0 0 80px; -webkit-flex: 0 0 80px;
    max-width: 80px; }
.foldio-thumbnail-section{display: flex;  width: 100%; flex-wrap: nowrap; max-width: 100%; align-items: flex-start;display: -ms-flexbox;display: flex;
    -ms-flex-wrap: wrap;flex-wrap: nowrap;overflow-x: auto; overflow-y: hidden;
}
.foldio-360-thumbnail{width: 25%;float: right;display: flex; max-width:80px; height:80px; border: solid 1px #efefef; border-radius: 6px; position:relative; cursor: pointer;-ms-flex: 0 0 80px;flex: 0 0 80px;max-width: 80px;
}




/*Dont touch*/
/*.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width:41.88%; max-width:500px;}*/
/*.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width:56%!important;}*/
.foldio-360-thumbnail img{max-height:78px;}
.single-product .entry-title {margin: 0 0 2.5rem; font-size: 2em; font-weight: 600;}

#foldio360_thumnail_image:after {
    content: "";background-color: rgba(3, 5, 4, .4);width: 100%;position: absolute;height: 23px;left: 0px;bottom: 0px;
    background-image: url('../images/360-white.png');
    background-position: center center;z-index: 10;background-size: 30px;background-repeat: no-repeat;z-index: 10;border-radius: 0px 0px 6px 6px;
}
.woocommerce-product-gallery img{ margin:auto;}
.progress-bar-foldio360-image {width: 100%;background-color: transparent;display: block;width: 100%;height: 10px;bottom: 0;position: absolute;left: 0;right: 0;}
.progress-bar-foldio360-image span {width: 0%;height: 10px;background-color: #dd9933;position: absolute;
    z-index: 9999}
.progress-bar-foldio360-image-des {width: 100%;background-color: transparent;display: block;width: 100%;height: 10px;bottom: 0;position: absolute;left: 0;right: 0;}
.progress-bar-foldio360-image-des span {width: 0%;height: 10px;background-color: #dd9933;position: absolute;
    z-index: 9999}

.foldio-thumbnail-section.ensure-fit img{ max-width:95%;}

.watermark{position: absolute; width:100px; height:100px; background-color:red}
.center-watermark{top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}
.left-top-watermark{left: 15px; top: 15px;}
.right-top-watermark{right: 15px; top: 15px;}
.left-bottom-watermark{left: 15px; bottom: 15px;}
.right-bottom-watermark{right: 15px; bottom: 15px;}

.foldio-thumbnail-section.ensure-fit img{     /* max-width: 95%; */
    height: 100%;
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    /* box-sizing: border-box; */
    width: 100%;
    object-fit: fill;}
.image-full-view-icon:hover{opacity: 1.0;}
.image-full-view-icon{opacity: 0.5;}
/*#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }*/

/*ABHILASH COMMENTED CODE 10/06/2020*/

/*li#image_list_li {position: absolute; margin:0px; padding:0px; display: contents;}*/
 /*.flex-viewport{border: solid 1px #efefef; border-radius: 6px;  margin-bottom:0px!important; padding-bottom: 15px; min-height:320px!important; height:auto!important}
 .image-full-view-icon{position: absolute; right: 15px; top:15px;}*/



/*SATISH NEW CODE 30/07/2020*/
/*.foldio-thumbnail-section .flex-control-nav.flex-control-thumbs{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;flex-wrap: nowrap;display: flex;overflow: initial!important;}*/
/*.foldio-thumbnail-section .flex-control-nav.flex-control-thumbs{display: flex;overflow: initial!important;}*/
.foldio-thumbnail-section .flex-control-nav.flex-control-thumbs{display: flex;overflow: initial!important;}
.with-360-thumbnail{
    display: contents !important;
}
/*SATISH NEW CODE 10/06/2020*/
li#image_list_li {width:100%; position: absolute; margin:0px auto; padding:0px;}
.flex-viewport{border: solid 1px #efefef; border-radius: 6px;  margin-bottom:0px!important; min-height:320px!important;}
/*.foldio-thumbnail-section .flex-control-nav.flex-control-thumbs{flex-wrap: nowrap;display: flex;}*/
.trial-pro-version-text{position: absolute; top: 0; left: 0;z-index: 9000;margin: 20px!important;color: orange}
.watermark_PosCenter{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9000;}
.image-full-view-icon{position: absolute; z-index: 99999; right: 15px; top: 15px;}
.image-full-view-icon img{width:26px; height:26px; margin:0px; display:block; cursor:pointer;}
.watermark_PosTopLeft{position: absolute; top: 0; left: 0;z-index: 9000;margin: 20px!important;}
.watermark_PosTopRight{position: absolute; top: 0; right: 0;z-index: 9000;margin: 20px!important;}
.watermark_PosBottomLeft{position: absolute; bottom: 0; left: 0;z-index: 9000;margin: 20px!important;}
.watermark_PosBottomRight{position: absolute; bottom: 0; right: 0;z-index: 9000;margin: 20px!important;}
.ensure-fit li, .ensure-fit #foldio360_thumnail_image {padding-top: 6px;padding-bottom: 6px;box-sizing: border-box;}


/*------------------shortcode viewer css--------------*/
/*.shortcode_img_list.cursor-zoom-plus{!*margin: 0px; padding: 0px; width: 100%; height:100%;*! text-align: center; cursor: url('../images/mouse_zoomin.png'), auto; }*/
.shortcode_img_list.cursor-zoom-plus{/*margin: 0px; padding: 0px; width: 100%; height:100%;*/ text-align: center; cursor: zoom-in }
/*.shortcode_img_list.cursor-zoom-minus{cursor: url('../images/cursor_zoomout.png'), auto;}*/
.shortcode_img_list.cursor-zoom-minus{cursor: zoom-out;}

.shortcode_menu{position: relative;width: 460px!important;max-width: 100%!important;overflow: hidden;max-width: none!important;}
.shortcode_menu ul{margin: 0px!important; padding: 0px!important; width: 100%!important; height: 100%!important;}
.shortcode_menu li{ margin: 0px!important;height: 100%!important;}
/*.shortcode_menu li img{height: 100%!important;}*/

.shortcode_menu .watermark_PosCenter{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9000;}
.shortcode_menu .watermark_PosTopLeft{position: absolute; top: 0; left: 0;z-index: 9000;margin: 20px;}
.shortcode_menu .watermark_PosTopRight{position: absolute; top: 0; right: 0;z-index: 9000;margin: 20px;}
.shortcode_menu .watermark_PosBottomLeft{position: absolute; bottom: 0; left: 0;z-index: 9000;margin: 20px;}
.shortcode_menu .watermark_PosBottomRight{position: absolute; bottom: 0; right: 0;z-index: 9000;margin: 20px;}


ul.shortcode_img_list.rotatelabel-typeA:after, .rotatelabel-type-360:after {
    content: "";
    /*width: 109px;height: 46px;*/
    width: 25%; height: 25%;
    /*max-width: 109px; max-height: 46px;*/
    background: red;
    position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    background: url('../images/rotate_icon_600.png');
    background-repeat: no-repeat;
}
ul.shortcode_img_list.rotatelabel-typeB:after {
    content: "";
    /*width: 51px;height: 51px;*/
    width: 25%; height: 25%;
    /*max-width: 51px; max-height: 51px;*/
    background: red;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    background: url('../images/rotate-B.png');
    background-repeat: no-repeat;
}
ul.shortcode_img_list.rotatelabel-typeC:after {
    content: "";
    /*width: 72px;height: 43px;*/
    width: 25%; height: 25%;
    /*max-width: 72px; max-height: 43px;*/
    background: red;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    background: url('../images/rotate-C.png');
    background-repeat: no-repeat;
}

ul.shortcode_img_list.rotatelabel-typeD:after {
    content: "";
    /*width: 51px;height: 51px;*/
    width: 25%; height: 25%;
    /*max-width: 51px; max-height: 51px;*/
    background: red;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    background: url('../images/rotate-D.png');
    background-repeat: no-repeat;
}

.zoom-image-panel .shortcode_img_list, .zoom-image-panel .image_list {width: 100%!important;height: 100%;background: #ffffff;position: relative;left: 10%;min-width: auto;max-width: 80%!important;/*padding: 15px!important;*/}
.zoom-image-panel .shortcode_img_list li, .zoom-image-panel .image_list li{margin: 0px; padding: 0px;}
/*.zoom-image-panel .shortcode_img_list li img, .zoom-image-panel .image_list li img{width: 100%; height: 100%; object-fit: contain;margin: auto;}*/
.zoom-image-panel .shortcode_img_list li img, .zoom-image-panel .image_list li img{width: 100%; object-fit: contain;margin: auto;}
/*.zoom-image-panel .image_list li{ height:96%; left:0px; top: 2%;}*/
.zoom-image-panel .image_list li{ height:auto; left:0px; top: 2%;}
.flex-viewport.nothumbnails {max-height: 550px;height: auto;padding: 0px!important;border: none!important;}

.without-360-thumbnail{ display: flex; overflow: auto; white-space: nowrap}
.without-360-thumbnail li{margin: 0rem 0 0 0rem!important;
    width: 80px;
    height: 80px;
    border: solid 1px #efefef;
    border-radius: 6px;
    display: inline-flex;
    flex: 0 0 80px;
    -ms-flex: 0 0 80px;
    -webkit-flex: 0 0 80px;
    max-width: 80px;}
/*
#watermark_360viewer{
    margin: 20px;
}*/
div#bitnami-banner {
    display: none!important;
}


#image_list.cursor-hand {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    /*cursor: url(../images/cursor_handle.png), auto;*/
    cursor: pointer;
}
.shortcode_img_list.cursor-hand {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    /*cursor: url(../images/cursor_handle.png), auto;*/
    cursor: pointer;
}
img.zoomImg{background-color: white;}
li#image_list_li .zoomImg.cursor-hand, .shortcode_img_list .zoomImg.cursor-hand {
    /*cursor: pointer;*/
}
div#loading-bar {border: 2px solid #ffA500;background: #ffA500;}
div#loading-bar-des {border: 2px solid #ffA500;background: #ffA500;}
div#wp_360_editor_shortcode_remove {
    width: 100% !important;
    display: inline-block;
    text-align: center;
}


li#image_list_li.product-img-viewer-li{
    height: 100vh;
}
img.product-img-viewer-li-img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}


li.product-img-viewer-li{
    height: 100vh;
}