@font-face {
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI.eot');
    src: url('../fonts/SegoeUI.eot') format('embedded-opentype'),
    url('../fonts/SegoeUI.woff2') format('woff2'),
    url('../fonts/SegoeUI.woff') format('woff'),
    url('../fonts/SegoeUI.ttf') format('truetype'),
    url('../fonts/SegoeUI.svg#SegoeUI') format('svg');
}

@font-face {
    font-family: 'SegoeUI_Medium';
    src: url('../fonts/SegoeUI_Medium.eot');
    src: url('../fonts/SegoeUI_Medium.eot') format('embedded-opentype'),
    url('../fonts/SegoeUI_Medium.woff2') format('woff2'),
    url('../fonts/SegoeUI_Medium.woff') format('woff'),
    url('../fonts/SegoeUI_Medium.ttf') format('truetype'),
    url('../fonts/SegoeUI_Medium.svg#SegoeUI_Medium') format('svg');
}

@font-face {
    font-family: 'SegoeUIBold';
    src: url('../fonts/SegoeUIBold.eot');
    src: url('../fonts/SegoeUIBold.eot') format('embedded-opentype'),
    url('../fonts/SegoeUIBold.woff2') format('woff2'),
    url('../fonts/SegoeUIBold.woff') format('woff'),
    url('../fonts/SegoeUIBold.ttf') format('truetype'),
    url('../fonts/SegoeUIBold.svg#SegoeUIBold') format('svg');
}

body{ font-family: "SegoeUI", sans-serif, Arial, Helvetica, sans-serif; color: #32373c; overflow-x: hidden}
input[type=checkbox], input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=radio], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{ border:solid 1px #e7e7e7}
.ui-dialog { z-index: 180000 !important ;}


.ui-dialog { z-index: 180000 !important ;}
.foldio-product-data h2.heading{ display: block; align-items: center; padding: 10px;
    border-bottom: 1px solid #ccd0d4;}

.on-off-toggle{  width: 100px; display: inline-block; margin-left: 30px;}
.switch-toggle.switch-candy, .switch-light.switch-candy > span{ background-color: #f7f7f7!important;}
.foldio-product-data .woocommerce_options_panel{ position: relative}
.foldio-product-data .uploader-inline-content{ position: relative; top: auto; left: auto; text-align:center}
.foldio-product-data .uploader-inline .drop-instructions{ display: block}
.foldio-product-data .uploader-inline h2{ justify-content: center; font-size: 14px!important; color: #cbcbcb; font-family: "SegoeUI"; margin-bottom: 10px!important }
.foldio-product-data .woocommerce_options_panel p{ margin: .5em 0!important; padding: 0px;}
.foldio-product-data .product_data{ min-height: 300px; position: relative}
.foldio-product-data .image_list_icon a:before{ font-family: Dashicons!important; content: "\f128"!important;}
.d-flex{ display: flex}
.align-items-center{ align-items: center}

.foldio-product-data .toggle-indicator:before{content: "\f142";
    display: inline-block;
    font: normal 20px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;}

.foldio-product-data.closed .toggle-indicator:before{content: "\f140"}

.selected-360 {position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, .5);
    /*height: 40px;*/
    height: 34px;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}
.selected-360 img { max-width: 100%;
    width: 44px;}

.m-0{ margin: 0px!important;}
.p-0{ padding: 0px!important;}
.image-list{ padding: 16px;}
.image-list li{ width: 15%!important;}
.image-list li .image-name{ padding-top: 5px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 12px; color: #32373c}

.switch-candy a{ background: #ea701d!important; color: white!important; border-color: #c65409!important; border-radius: 0px!important;}
.switch-candy a:hover{ background: #cc5e16!important;}

.switch-light input:checked ~ span a{ background: #929292!important; border-color: #333333!important}
.switch-light.switch-candy span span, .switch-light.switch-candy input:checked ~ span span:first-child, .switch-toggle.switch-candy label{ color: #888888!important; text-shadow: none!important;}

.wp-core-ui .foldio-media-panel ul.attachments{ z-index: 1;}
.modal-open .foldio-media-panel ul.attachments{ padding: 16px; padding-left: 0px; padding-right: 0px;}
.wp-core-ui .foldio-media-panel .attachment{left: 8px; top: 8px; margin-bottom: 15px; margin-right: 15px;}
/*.wp-core-ui .foldio-media-panel li.attachment.save-ready.foldio-selected-image:before, .wp-core-ui .foldio-media-panel .media-sidebar .attachment-details .thumbnail.thumbnail-image.foldio-selected-image:before {content: ""; width: 90%; height: 90%; background: rgba(0, 0, 0, .1); position: absolute; left: 0px; top: 0px;}
.wp-core-ui .foldio-media-panel li.attachment.save-ready.foldio-selected-image:after, .wp-core-ui .foldio-media-panel .media-sidebar .attachment-details .thumbnail.thumbnail-image.foldio-selected-image:after { content: ""; width: 90%; height: 90%; background: rgba(0, 0, 0, .2); position: absolute; left: -8px; top: -8px; z-index: -3; box-shadow: none;}*/
.wp-core-ui .foldio-media-panel .media-sidebar .attachment-details .thumbnail.thumbnail-image.foldio-selected-image:before{z-index: -2}
.media-sidebar .attachment-info, .media-sidebar .attachment-info .thumbnail{padding-left: 7px; padding-top: 7px;}
.foldio-media-panel .media-sidebar .attachment-info .selected-360{ width: 100%!important;}
.foldio-media-panel .media-sidebar input[type="text"], .foldio-media-panel .media-sidebar textarea, .foldio-media-panel input.search{ border-radius: 2px; border: solid 1px #e7e7e7; background-color: #ffffff;}
.foldio-media-panel .media-sidebar input[type="text"]:focus, .foldio-media-panel .media-sidebar input[type="text"]:hover, .foldio-media-panel .media-sidebar textarea:focus, .foldio-media-panel .media-sidebar textarea:hover, .foldio-media-panel input.search:focus, .foldio-media-panel input.search:hover{ border:solid 1px #b7b7b7; box-shadow: none;}
/*.foldio-media-panel .attachment-details .setting, .media-sidebar .setting{ margin-bottom: 5px;}*/

.wp-core-ui .foldio-media-panel .attachment{width: 150px; height: 150px; margin-right: 5px; transition: all ease-In .2s}
/*.wp-core-ui .foldio-media-panel .selected.details .attachment-preview, */
.wp-core-ui .foldio-media-panel .image-360-bundle .attachment-preview {width: 118px!important; height: 118px!important; border: 1px solid #e6e6e6;}

.wp-core-ui .foldio-media-panel .selected.details.full-thumbnail-view .attachment-preview{ width: auto!important; height: auto!important;}

.wp-core-ui .foldio-media-panel li.attachment.save-ready.foldio-selected-image:before, .wp-core-ui .foldio-media-panel .media-sidebar .attachment-details .thumbnail.thumbnail-image.foldio-selected-image:before,
.wp-core-ui .foldio-media-panel li.attachment.foldio-selected-image.image-360-panel:before
{content: "";
    width: 118px;
    height: 118px;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    right: 16px;
    bottom: 16px;}
.wp-core-ui .foldio-media-panel li.attachment.save-ready.foldio-selected-image:after, .wp-core-ui .foldio-media-panel .media-sidebar .attachment-details .thumbnail.thumbnail-image.foldio-selected-image:after { content: "";
    width: 118px;
    height: 118px;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: -3;
    box-shadow: none;}

.wp-core-ui .foldio-media-panel li.attachment.save-ready.foldio-selected-image .selected-360{ margin-bottom: 8px; width: calc(100% - 16px)}

.foldio-media-panel .attachment-info{ display: flex; padding-left: 0px; padding-right: 0px; padding-bottom: 20px;}
.foldio-media-panel .attachment-info .thumbnail{ max-width: 150px; max-height: 150px; /*height: 150px; width: 150px;*/ padding: 0px!important; background: white}
.foldio-media-panel .attachment-info .thumbnail img{ height: 116px;object-fit: cover;}
.attachment-info .thumbnail img{ max-width: 100%; max-height:none}
.wp-core-ui .foldio-media-panel .media-sidebar .attachment-details .thumbnail.thumbnail-image.foldio-selected-image:before{right: -6px;
    bottom: -6px;
    left: auto; width: 100%; height: 100%;}
.wp-core-ui .foldio-media-panel .media-sidebar .attachment-details .thumbnail.thumbnail-image.foldio-selected-image:after{right: -12px;
    bottom: -12px;
    z-index: -3;
    box-shadow: none; width: 100%; height: 100%; top: auto; left: auto;}
.foldio-media-panel .media-sidebar .attachment-info .thumbnail img{max-width: 118px; max-height: 118px; /*border:solid 1px #e6e6e6;*/}
.foldio-media-panel .media-sidebar .attachment-info .thumbnail.foldio-selected-image{ margin-right: 20px;}
.foldio-media-panel .media-sidebar .attachment-info .thumbnail.foldio-selected-image img{ height: auto;object-fit: contain;}
.tag-360-image{    content: "";
    background-color: rgba(3, 5, 4, .4);
    width: 98%;
    position: absolute;
    height: 34px;
    left: 0px;
    bottom: 0px;
    /* background-image: url(../images/360-white.png);*/
    background-position: center center;
    /*  background-size: 45px;*/
    background-repeat: no-repeat;
    z-index: 10;
    display: flex;
    margin-left: 1%;
    align-items: center;}
.tag-360-image img{ border:none!important; width: 45px;}

/*.foldio-selected-image .attachment-preview:after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    position: absolute;
    height: 50px;
    left: 0px;
    bottom: 0px;
    background-image: url(../img/360-white.png);
    background-position: center center;
    background-size: 30px;
    background-repeat: no-repeat;
    z-index: 10;
}*/

.foldio-selected-image .attachment-preview:after{content: "";
    background-color: rgba(3, 5, 4, .4);
    width: 100%;
    position: absolute;
    height: 34px;
    left: 0px;
    bottom: 0px;
    background-image: url(../images/360-white.png);
    background-position: center center;
    background-size: 45px;
    background-repeat: no-repeat;
    z-index: 10;}

.sidebar-image-list .row {width: 100%; display: flex; align-items: flex-start; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px; max-height: 500px; overflow-x: hidden; overflow-y: auto;}
.sidebar-image-list .row:last-child{ border-bottom: none;}
.sidebar-image-list .image-details h5{ margin: 0px;}
.sidebar-image-list .thumbnail{width: 60px; float: left; overflow: hidden; margin-right: 10px; position: relative}
.sidebar-image-list .thumbnail img{display: block; max-width: 50px; max-height: 50px; margin: 0 auto;}
.sidebar-image-list .thumbnail:after{    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
    overflow: hidden;}
.media-sidebar .sidebar-image-list .filename{ position: relative}
.media-sidebar .sidebar-image-list .filename p{font-weight: 600!important; color: #444!important; word-wrap: break-word; padding-top: 0px; margin: 0px; padding-right: 60px;}
.media-sidebar .sidebar-image-list .filename .icons a{ text-decoration: none}
.media-sidebar .sidebar-image-list .filename .icons{position: absolute; top: 0px; right: 0px; display: flex;}
.media-sidebar .sidebar-image-list .filename .icons .dashicons{font-size: 20px; margin-right: 6px; padding-right: 0px; color: #82878c; padding-top:0px;}
.sidebar-image-list .setting.has-description label{width: auto; min-width: 40px; text-align: left; margin-right: 0px;}
.sidebar-image-list .setting.has-description label + input{ width: 75%!important; background: #f3f3f3; border-color: #ccc;}
.text-danger{color:#dc3232 !important }

.afterbullet{padding-right: 64px;}
.afterbullet:after{content: ""; /*padding-left: 15px; padding-right: 15px;*/ position: absolute; height: 45px; top: 0px; width: 1px; background: #eeeeee; margin-left: 32px;}
.shortcode_image_width input{width: 53px; margin-left: 10px;  margin-right: 5px; /*text-align: right;*/ height: 29px; min-height: 29px;}
.shortcode_image_width input:focus, .shortcode_image_width input:hover, .load-360-modal .foldio-360-modal-content input#foldio360_upload_img_input:hover, .load-360-modal .foldio-360-modal-content input#foldio360_upload_img_input:focus { border-color: #b7b7b7; box-shadow: none; outline: none;}
#foldio360-shortcode-newImg-model-editor{ background: #ffffff; overflow-x: hidden}

/*#foldio360-shortcode-newImg-model-editor .foldio-360-modal-content{height: 100%; min-height: 420px;}*/
#foldio360-shortcode-newImg-model-editor .foldio-360-modal-content{height: calc(100% - 48px);}
/*mazid code*/
/*#foldio360-shortcode-newImg-model-editor .foldio-360-modal-content{height: 100%;}
.wp-core-ui .attachments{display: inline-block}*/
#foldio360-shortcode-newImg-model-editor .foldio-product-data,
#foldio360-shortcode-newImg-model-editor .inside, #foldio360-shortcode-newImg-model-editor .foldio360_box_cls{height: 100%;}
#foldio360-shortcode-newImg-model-editor #imagelist-shortcodes{height: 100%; display: flex; align-items: center; justify-content: center; max-height: 100%; overflow-x: auto;}
#foldio360-shortcode-newImg-model-editor .specific-setting-shortcode{ max-height: 100%; overflow-x: auto;}
.watermark-width-height {width: 100%; display: flex; align-items: center; margin-bottom: 10px;}
.watermark-width-height span {font-weight: 500; float: left; width: 56px;}
.watermark-width-height input {width: 80px!important; margin-left: 10px; margin-right: 5px!important;}

.foldio-360-modal-content h2.heading .heading-buttons{margin-left: auto; padding-right: 45px; display: flex;}
.foldio-360-modal-content h2.heading .heading-buttons .components-panel__row button{display: inline-flex; align-items: center; /*line-height: 0px;*/}
.insert-360-image-button{right: 0px; position: absolute; bottom: -60px; width: 100%; display: flex; align-items: center; justify-content: flex-end; border-top: 1px solid #ddd;
    background: #fcfcfc; padding: 16px; z-index: 10;}

.wp-core-ui .attachments {
    display: inline-block;   margin-bottom: 45px;
}
div#foldio_image_list_div_shortcode, div.image-list{
    text-align: left;
}
/*CUSTOM UPLOAD BUTTON*/

.media-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    background: 0 0;
    color: #666;
    z-index: 1000;
    cursor: pointer;
    outline: 0;
    transition: color .1s ease-in-out,background .1s ease-in-out;
}

.specific-setting .media-modal-close, .custom-setting-form .media-modal-close{position: relative;left: 0px;right: auto;text-align: left;}
.media-modal-close .media-modal-icon:before {
    content: "\f158";
    font: normal 20px/1 dashicons;
    speak: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.media-modal-close:active, .media-modal-close:hover {
    color: #00a0d2;
}


.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    /*   font-size: 1.25rem;*/

    /* font-weight: 700;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;

}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {

}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;

}



.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #d3394c;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #722040;
}


/*.inputfile-6 + label {
    color: #00a0d2;
}*/

.inputfile-6 + label {
    padding: 0;
    display: flex;
    flex-direction: row-reverse;
    outline: none!important;
    justify-content: flex-end;
    position: relative;
}

.inputfile-6 + label .media-modal-close span{ width: auto; padding-top: 0px; margin-top: -2px;}
.inputfile-6 + label .media-modal-close { height: auto}
.inputfile-6 + label .media-modal-close:focus{ outline: none; box-shadow: none; border-color: transparent;}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #722040;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1rem;
}

.inputfile-6 + label span {
    width: 200px;
    /* min-height: 2em;*/
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    height: 29px;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 27px;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #ffffff;
    background-color: #4d4d4d;
    display: inline-block;
    float: left;
    width: 107px;
    box-sizing: border-box;
    height: 29px;
    line-height: 8px;
    text-shadow: none;
    font-family: "SegoeUI";
    font-weight: normal; border-radius: 2px; font-size: 12px; text-align: center;
    min-width: 107px; min-height: 29px;
}
.inputfile-6 + label strong:hover{ background: #333333;}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #535353;
}

.button-black{background: #4d4d4d!important;border: none!important;box-shadow: none!important;;
    text-shadow: none!important; min-height: 29px!important; height: 29px!important;
}
.button-black:hover, .button-black:focus, .button-black:active{ background: #454545!important;}
.button-grey {color: #888888 !important;border: none !important;background-color: #f7f7f7 !important; font-family: "SegoeUI"; font-weight: normal; font-size: 12px!important; border-radius: 2px; cursor: pointer;
}
.button-grey:hover{ background: #dedede!important;}
.button-grey:focus, .button-grey:visited, .button-grey:active{ box-shadow: none!important; border:none!important; outline: none!important;}

.custom-page-heading{ margin-bottom: 30px; font-family: "SegoeUI"}
.page-sub-heading{font-size: 16px!important; font-family: "SegoeUI_Medium"!important;}

#foldio_media_img_add_prod_page.add_media, #foldio_media-btn.add_media, #foldio_media-btn-shortCode.add_media, .foldio-media-panel ~ .media-frame-toolbar .button-primary, .insert-360-image-button button.button-primary{background: #4d4d4d; border: none; height: 29px; color: #ffffff; border-radius: 2px; font-family: "SegoeUI"; font-weight: normal; min-height: 29px; display: flex;
    align-items: center; font-size: 12px; min-width: 107px; box-shadow: none;  text-shadow: none;}
.foldio-media-panel ~ .media-frame-toolbar .button-primary{ min-width: auto}

.foldio-media-panel ~ .media-frame-toolbar .button-primary-disabled, .foldio-media-panel ~ .media-frame-toolbar .button-primary.disabled,
.foldio-media-panel ~ .media-frame-toolbar .button-primary:disabled, .foldio-media-panel ~ .media-frame-toolbar .button-primary[disabled],
.insert-360-image-button button.button-primary-disabled, .insert-360-image-button button.button-primary.disabled
{background: #4d4d4d!important; color: #ffffff!important; pointer-events: none; cursor: default;     box-shadow: none!important;
    text-shadow: none!important; opacity: .3}


#foldio_media-btn.add_media:hover,#foldio_media_img_add_prod_page.add_media:hover, #foldio_media-btn-shortCode.add_media:hover, .foldio-media-panel ~ .media-frame-toolbar .button-primary:hover, .insert-360-image-button button.button-primary:hover{ background: #333333;}
#foldio_media-btn.add_media:active, #foldio_media_img_add_prod_page.add_media:active { top: auto; margin-top: 0px; margin-bottom: 0px; position: relative; margin-bottom: 1px;}
#foldio_media-btn.add_media:focus, #foldio_media_img_add_prod_page.add_media:focus, #foldio_media-btn-shortCode.add_media:hover, .foldio-media-panel ~ .media-frame-toolbar .button-primary, .insert-360-image-button button.button-primary:focus{ box-shadow: none;}

#foldio_media-btn.add_media[disabled], #foldio_media_img_add_prod_page.add_media[disabled], #foldio_media-btn.add_media:disabled, #foldio_media-btn.add_media:disabled,
#foldio_media-btn.add_media[disabled], #foldio_media-btn.add_media:disabled, #foldio_media_img_add_prod_page.add_media:disabled, #foldio_media-btn.add_media:disabled
{opacity: .3; text-shadow: none!important; color: #ffffff!important; border-color: transparent !important; background: #4d4d4d!important;}
.foldio-product-data .components-button.is-default:disabled, .foldio-product-data .components-button.is-default[aria-disabled=true]{ background: #f7f7f7!important; opacity: .3!important; color: #888888!important;}

#foldio_media-btn.add_media span.wp-media-buttons-icon:before, #foldio_media_img_add_prod_page.add_media span.wp-media-buttons-icon:before, #foldio_media-btn-shortCode.add_media span.wp-media-buttons-icon:before{content: "+"!important;
    font-size: 20px!important;
    line-height: 17px!important;
    font-family: "SegoeUI_Medium"!important;}

#foldio_media-btn, #foldio_media-shortcode-btn{background: #f7f7f7; border: none; height: 37px; border-radius: 2px; color: #888888; font-size: 14px; font-family: "SegoeUIBold";}
#foldio_media-btn:hover, #foldio_media-shortcode-btn:hover{ background: #dedede}
.foldio_media-btn .is-default:disabled, .foldio_media-btn .is-default[aria-disabled=true], #foldio_media-shortcode-btn .is-default:disabled, #foldio_media-shortcode-btn .is-default[aria-disabled=true]{ opacity: .3}

#imagelist {min-height: 300px;}
#imagelist .image-upload-section, #imagelist-shortcodes .image-upload-section{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); margin-top: .8em;}
#imagelist-shortcodes .uploader-inline-content .upload-ui{ margin: 0px;}
#imagelist-shortcodes .image-upload-section{ margin-top: -5px;}

.mb-0{ margin-bottom: 0px!important;}

.specific-setting input[type="checkbox"]{ border:solid 1px #bbbbbb; box-shadow: none; border-radius: 0px;}
.specific-setting input[type=checkbox]:checked::before{ content: ""; /*background-image: url(../images/checked.svg);*/ background-repeat: no-repeat; width: 20px; height: 20px; margin: -3px;background-image: url(../images/checked.png);
    background-size: 13px;
    background-position: center;}
.foldio360_box_cls .product_data_tabs li.active a:before{ color:#737373}
.image_list_icon a:before, .advanced_options a:before{ font-size: 17px;}
.image_list_icon a, .advanced_options a{ display: flex!important; align-items: center; padding: 11px 10px;}
.notification {
    background-color: #f6f78b;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(50, 55, 60, .6); position: relative; margin-bottom: 15px;
}
.notification .media-modal-close{ display: block!important; height: 30px; border: none; margin-top: -1px;position:absolute;right: 0px;left: auto;text-align: center;}
.notification .media-modal-close:focus, .notification .media-modal-close:active, .notification .media-modal-close:visited{ box-shadow: none; outline: none; border:none;}
.notification  .media-modal-close .media-modal-icon:before{ font-size: 16px;}
.notification  .media-modal-close .media-modal-icon{ color: rgba(0, 0, 0, .4)}
.notification  .media-modal-close .media-modal-icon:hover{ color: #333333}
.components-button.is-large{ height: 29px!important;}

/* Image List and Specific Setting  */

#Foldio360-imagelist-setting-section ul.wc-tabs, #Foldio360-imagelist-setting-section ul.wc-tabs, .woocommerce ul.wc-tabs {
    margin: 0;
    width: 20%;
    float: left;
    line-height: 1em;
    padding: 0 0 10px;
    position: relative;
    background-color: #fafafa;
    border-right: 1px solid #eee;
    box-sizing: border-box;
}
#Foldio360-imagelist-setting-section ul.wc-tabs li, #Foldio360-imagelist-setting-section ul.wc-tabs li, .woocommerce ul.wc-tabs li {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
#Foldio360-imagelist-setting-section ul.wc-tabs li a, #Foldio360-imagelist-setting-section ul.wc-tabs li a, .woocommerce ul.wc-tabs li a {
    margin: 0;
    padding: 10px;
    display: block;
    box-shadow: none;
    text-decoration: none;
    line-height: 20px!important;
    border-bottom: 1px solid #eee;
}
#Foldio360-imagelist-setting-section ul.wc-tabs li.active a {
    color: #555;
    position: relative;
    background-color: #eee;
}
#Foldio360-imagelist-setting-section .wc-metaboxes-wrapper, #Foldio360-imagelist-setting-section .woocommerce_options_panel {
    float: left;
    width: 80%;
}


#Foldio360-imagelist-setting-section .inside{
    margin: 0;
    padding: 0;
}
#Foldio360-imagelist-setting-section ul.wc-tabs li.advanced_options a::before {
    font-family: Dashicons;
    content: "\f111";
}
#Foldio360-imagelist-setting-section .panel-wrap {
    overflow: hidden; background: #ffffff;
}
#Foldio360-imagelist-setting-section ul.wc-tabs::after{
    content: "";
    display: block;
    width: 100%;
    height: 9999em;
    position: absolute;
    bottom: -9999em;
    left: 0;
    background-color: #fafafa;
    border-right: 1px solid #eee;
}
#Foldio360-imagelist-setting-section ul.wc-tabs li a span{
    margin-left: .618em;
    margin-right: .618em;
}

/* Image List and Specific Setting  */
.image-list ul li div div.thumbnail div.centered img{
   /* width: 100%;height: 100%;*/
}
/*----------------------------------------Licence page css--------------------------------------------*/
.active-btn{background-color: black;color: white;border-color: black;padding: 3px 20px;}
ul.list_of_functions{margin:0px!important;}
ul.list_of_functions li{margin-bottom: 0px!important;}
.font-weight-bold{font-weight: bold;}
.purchase_license {text-shadow: none !important;background-color: #fd9a1e !important;
    border-color: rgba(235, 148, 18, 0.5);border: none !important;}

/*----------------------------------------Licence page css--------------------------------------------*/
/*@media screen and (min-width:320px) and (max-width:1400px){
    .notification{ padding: 10px; height: auto;}
    .notification span {padding-right: 35px; }
    .notification .media-modal-close{ height: 38px;}
}*/
@media screen and (max-width:1400px){
    .notification{ padding: 10px; height: auto;}
    .notification span {padding-right: 35px; }
    .notification .media-modal-close{ height: 38px;}
    .specific-setting td[class*="content-td"] {line-height: normal; }
    .specific-setting input[type=checkbox], .specific-setting input[type=radio]{ width: 16px; height: 16px;}
    .content-td2{ width: 100%;!important;}
    .inputfile-6 + label span{ width: 150px;}
    .specific-setting td label[for="foldio360_specfic_setting_Watermark_file_name"]{ width: 400px!important;}
}

@media screen and (max-width: 50em) {
    .inputfile-6 + label strong {
        display: block;
    }
}
#dialog-confirm-parent .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
    display: none;
}
#dialog-confirm-parent .ui-widget-header{
    background: none !important;border: none !important;
}
#dialog-confirm-parent .ui-dialog-buttonpane{
    border: none !important;
    margin-top: 16px;
}
#dialog-confirm-parent{
    width: 550px !important;height: 225px !important;border-radius: 5px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #9c9c9c;background-color: #ffffff;
    min-width: 550px !important;
    padding-bottom:20px;
}
#dialog-confirm-parent .ui-dialog .ui-dialog-title{
    font-family: SegoeUI;font-size: 18px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: normal;
    text-align: left;color: #32373c;
}
#dialog-confirm-parent .ui-widget-header .ui-state-default{
    background: transparent;border: none;font-size: 2rem;
}

#dialog-confirm + .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child{/*background: #4d4d4d;color: #ffffff;box-shadow: none;
    font-size: 12px;border: none;border-radius: 2px;min-height: 30px;min-width: 81px;*/
    background: #4d4d4d;border-radius: 2px;box-shadow: none;border: none;font-family: SegoeUI;font-size: 14px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.36;letter-spacing: normal;text-align: center;color: #ffffff;min-width: 87px;height: 37px;
}

#dialog-confirm + .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child{/*background: #dedede!important;color: #888888;border: none;
    box-shadow: none;font-size: 12px;min-height: 30px;border-radius: 2px;min-width: 81px;
    border-top: none*/
    background: #4d4d4d;border-radius: 2px;box-shadow: none;border: none;font-family: SegoeUI;font-size: 14px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.36;letter-spacing: normal;text-align: center;color: #ffffff;min-width: 87px;height: 37px;
    background-color: #b7b7b7;
}

.specific-setting i.fa.fa-question-circle:before, .custom-setting-form i.fa.fa-question-circle:before{display: none}
.specific-setting i.fa.fa-question-circle, .custom-setting-form i.fa.fa-question-circle {
    width: 14px;
    height: 14px;
    /* border: 1px solid red; */
    background: url(../images/question-mark.png);
    background-repeat: no-repeat;
    background-position: center top;
    /* display: flex; */
    /* height: 17px; */
    position: relative;
    top: 2px;
    margin-bottom: 5px;
}
.loading-medialib{
    position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;display: flex;align-items: center;justify-content: center;flex-direction: column;
    background: rgba(255, 255, 255, .9);z-index: 10000;
}

.rotatelabel-type-360: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');
}

@media screen and (max-width: 990px) {
    .content-td1 {
        width: 150px;
        display: block;
    }

    td[class*="content-td"] {
        line-height: 18px;
    }
}

@media screen and (max-width: 782px) {

    .wp-responsive-open #wpbody {
        overflow: auto;
        width: calc(100% - 16em);
    }
    div.sett-foll-content {
        width: 100%;
    }

}
div#dialog-confirm-parent button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    text-indent: -99px;
}
.copytooltiptext{
    display: inline-block;
    background: #000;
    color: #fff !important;
    line-height: 10px !important;
    border-radius: 4px;
    position: relative;
    top: 5px;
    left: 51px;
    padding-left: 0px !important;
    padding-right: 15px !important;
    min-height: 17px !important;
}
div#foldio-upoad30image-modal button#foldio_media-btn-shortCode {
    display: none !important;
}