.galleryContainer .files-upload-input,
.galleryContainer .show_used.f-show-used, .galleryContainer .drop-area,
.galleryContainerPdf .files-upload-input,
.galleryContainerPdf .show_used.f-show-used, .galleryContainerPdf .drop-area {
    display : none;
}

.galleryContainer .galleryImages li.galleryItem,
.galleryContainerPdf .galleryImages li.galleryItem {
    display  : block;
    width    : 50%;
    height   : 116px;
    position : relative;
    float    : left;
    padding  : 5px;
}

.galleryContainer .galleryImages li.galleryItem.backButton {
    border : 1px solid #6CBFE8;
}

#imageBarFacebookInstagramPlaceholder, #imageBarPlaceholderFacebook, #backImageBarPlaceholder, #imageBarPlaceholderMobile {
    display : none;
}

body.side-gallery-open .galleryContainer,
body.load_project_frame_expanded .galleryContainer,
body.save_project_frame_expanded .galleryContainer,
body.side-gallery-unsplash-open .galleryContainer {
    padding-left : 262px;
}


body.expand.side-gallery-open .galleryContainer,
body.expand.load_project_frame_expanded .galleryContainer,
body.expand.save_project_frame_expanded .galleryContainer,
body.expand.side-gallery-unsplash-open .galleryContainer {
    padding-left : 400px;
}


body.expand.side-gallery-open .galleryContainer {
    width        : 100%;
    position     : absolute;
    bottom       : 0px;
    margin       : 0px;
    padding-left : 400px;
}

body.preview_area .galleryContainer {
    display : none;
}

.galleryContainer .galleryImages,
.galleryContainerPdf .galleryImages {
    padding-left : 0px;
    width        : 100%;
    display      : block;
    position     : relative;
    list-style   : none;
    padding      : 0;
    margin       : 0;
}

.imagesWrapper {
    width    : 100%;
    overflow : hidden;
}

.allImagesGallery,
.allPdfGallery,
.allFacebookAlbums,
.allFacebookAlbumsImages, .allInstagramAlbumsImages {
    overflow   : hidden;
    width      : 100%;
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.galleryContainer .allImagesGallery,
.galleryContainer .allPdfGallery,
.galleryContainer .allFacebookAlbums,
.galleryContainer .allFacebookAlbumsImages,
.galleryContainer .allInstagramAlbumsImages {
    margin-top : 20px;
}

.galleryContainer .galleryImages li.galleryItem > div:first-child,
.galleryContainerPdf .galleryImages li.galleryItem > div:first-child {
    position            : relative;
    overflow            : hidden;
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center center;
    text-decoration     : none;
    position            : relative;
    width               : 100%;
    height              : 100%;
}

.remove {
    cursor : pointer;
}

.drag {
    cursor : move;
}

.galleryContainer .galleryImages li.galleryItem div.placeholder div.loader-animation {
    position : relative;
    top      : 28px;
}

.galleryContainer .galleryImages li.galleryItem.image div:first-child,
.galleryContainerPdf .galleryImages li.galleryItem.image div:first-child {
    border : none;
}

.galleryContainer .galleryImages li.galleryItem div.actions,
.galleryContainerPdf .galleryImages li.galleryItem div.actions {
    width              : 100%;
    height             : 100%;
    background-color   : none;
    -webkit-transition : background-color 0.3s ease;
    -moz-transition    : background-color 0.3s ease;
    -ms-transition     : background-color 0.3s ease;
    -o-transition      : background-color 0.3s ease;
    transition         : background-color 0.3s ease;
    text-align         : center;
    position           : absolute;
    top                : 0px;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder div.animation-container,
.galleryContainerPdf .galleryImages li.galleryItem.image div.placeholder div.animation-container,
.galleryImageContainer .imageGallery li.galleryItem.image div.placeholder div.animation-container,
.galleryImageContainer .imageGallery li.galleryItem.empty div.placeholder div.animation-container,
.galleryContainer .galleryImages li.galleryItem.empty div.placeholder div.animation-container,
.galleryContainerPdf .galleryImages li.galleryItem.empty div.placeholder div.animation-container {
    display : none;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder div.animation-container .loader-animation > div,
.galleryContainer .galleryImages li.galleryItem.empty div.placeholder div.animation-container .loader-animation > div {
    -webkit-animation : none;
    animation         : none;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder .actions .itemTitle {
    font-size         : 13px;
    color             : #FFFFFF;
    visibility        : hidden;
    white-space       : pre-wrap; /* CSS3 */
    white-space       : -moz-pre-wrap; /* Firefox */
    white-space       : -pre-wrap; /* Opera <7 */
    white-space       : -o-pre-wrap; /* Opera 7 */
    word-wrap         : break-word; /* IE */
    vertical-align    : middle;
    top               : 50%;
    position          : relative;
    opacity           : 0;
    transform         : translateY(-50%);
    -webkit-transform : opacity 0.3s liniar;
    -moz-transform    : opacity 0.3s liniar;
    -ms-transform     : opacity 0.3s liniar;
    -o-transform      : opacity 0.3s liniar;
    transform         : opacity 0.3s liniar;
}

.galleryContainer .allImagesGallery,
.galleryContainerPdf .allPdfGallery,
.galleryContainer .allFacebookAlbums,
.galleryContainer .allInstagramAlbumsImages,
.galleryContainer .allFacebookAlbumsImages {
    position : relative;
    display  : none;
}

.galleryContainer.localImagesFrame .allImagesGallery,
.galleryContainer.facebookAlbumsFrame .allFacebookAlbums,
.galleryContainer.instagramImagesFrame .allInstagramAlbumsImages,
.galleryContainer.facebookImagesFrame .allFacebookAlbumsImages,
.galleryContainerPdf.localPdfFrame .allPdfGallery {
    display : block;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder:hover .actions,
.galleryContainerPdf .galleryImages li.galleryItem.image div.placeholder:hover .actions,
.galleryContainer .galleryImages li.galleryItem.backButton div.placeholder:hover .actions {
    background-color : rgba(29, 44, 63, 0.7);
}

.galleryContainer .galleryImages li.galleryItem div.placeholder:hover .actions .text_actions {
    display : block;
}

.galleryContainer .galleryImages .galleryItem .actions .text_actions {
    position  : relative;
    color     : #FFFFFF;
    font-size : 12px;
    top       : 50%;
    transform : translateY(-50%);
    display   : none;
    cursor    : pointer;
}

.galleryContainer .galleryImages .galleryItem.backButton .actions .text_actions span {
    padding : 0px 6px;
}

.allFacebookAlbums .galleryImages li.galleryItem.image div.placeholder {
    cursor : pointer;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder:hover .actions .itemTitle {
    visibility : visible;
    opacity    : 1;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder:hover .pic.drag,
.galleryContainerPdf .galleryImages li.galleryItem.image div.placeholder:hover .pic.drag {
    left : 30px;
}

.galleryContainer .mCSB_inside > .mCSB_container {
    margin-right : 5px !important;
}

.galleryContainerPdf .mCSB_inside > .mCSB_container {
    margin-right : 15px !important;
}

.galleryContainer .titleSection,
.galleryContainerPdf .titleSection {
    font-size    : 20px;
    padding-left : 10px;
    color        : #FFFFFF;
    font-weight  : 300;
    height       : 35px;
}

.galleryContainer .allFacebookAlbumsImages .galleryImages li.galleryItem.image div.placeholder .pic.drag,
.galleryContainer .allInstagramAlbumsImages .galleryImages li.galleryItem.image div.placeholder .pic.drag {
    opacity            : 0;
    -webkit-transition : opacity 0.3 ease;
    -moz-transition    : opacity 0.3 ease;
    -ms-transition     : opacity 0.3 ease;
    -o-transition      : opacity 0.3 ease;
    transition         : opacity 0.3 ease;
    left               : 70px;
}

.galleryContainer .allFacebookAlbumsImages .galleryImages li.galleryItem.image div.placeholder:hover .pic.drag,
.galleryContainer .allInstagramAlbumsImages .galleryImages li.galleryItem.image div.placeholder:hover .pic.drag {
    opacity : 1;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder:hover .pic.remove,
.galleryContainerPdf .galleryImages li.galleryItem.image div.placeholder:hover .pic.remove {
    right : 30px;
}

.galleryContainer .galleryImages li.galleryItem div.placeholder .actions .pic,
.galleryContainerPdf .galleryImages li.galleryItem div.placeholder .actions .pic {
    position    : absolute;
    width       : 30px;
    height      : 30px;
    display     : inline-block;
    line-height : 30px;
    text-align  : center;
    top         : 37px;
}

.galleryContainer .galleryImages li.galleryItem div.placeholder .actions .pic.drag,
.galleryContainerPdf .galleryImages li.galleryItem div.placeholder .actions .pic.drag {
    background-color   : #2040aa;
    color              : #FFFFFF;
    left               : -50px;
    -webkit-transition : left 0.3s ease;
    -moz-transition    : left 0.3s ease;
    -ms-transition     : left 0.3s ease;
    -o-transition      : left 0.3s ease;
    transition         : left 0.3s ease;
}

.galleryContainer .galleryImages li.galleryItem div.placeholder .actions .pic.remove,
.galleryContainerPdf .galleryImages li.galleryItem div.placeholder .actions .pic.remove {
    background-color   : rgba(255, 255, 255, 0.2);
    color              : #FFFFFF;
    right              : -50px;
    -webkit-transition : right 0.3s ease;
    -moz-transition    : right 0.3s ease;
    -ms-transition     : right 0.3s ease;
    -o-transition      : right 0.3s ease;
    transition         : right 0.3s ease;
    font-size          : 20px;
}

.galleryContainer .uploadImagesContainer,
.galleryContainerPdf .uploadImagesContainer {
    text-align     : center;
    z-index        : 99;
    display        : inline-block;
    position       : relative;
    vertical-align : top;
    margin-left    : 5px;
    line-height    : 40px;
}

.galleryContainer .uploadImagesContainer .uploadImages span, .galleryContainer .galleryImages .galleryItem.backButton div.placeholder span:first-child,
.galleryContainerPdf .uploadImagesContainer .uploadImages span,
.galleryContainerPdf .galleryImages .galleryItem.backButton div.placeholder span:first-child {
    position       : relative;
    color          : #FFFFFF;
    line-height    : 40px;
    vertical-align : bottom;
}

.galleryContainer .uploadImagesContainer.uploadFacebookContainer,
.galleryContainer .uploadImagesContainer.uploadInstagramContainer {
    width            : 40px;
    height           : 40px;
    background-color : #6CBFE8;
}

.galleryContainer .uploadImagesContainer .uploadImages span.text,
.galleryContainerPdf .uploadImagesContainer .uploadImages span.text {
    font-size : 14px;
}

.galleryContainer .galleryImages .galleryItem.backButton div.placeholder {
    cursor     : pointer;
    text-align : center;
}

.galleryContainer .uploadImagesContainer .uploadImages,
.galleryContainerPdf .uploadImagesContainer .uploadImages {
    text-decoration : none;
    height          : 100%;
    width           : 100%;
    display         : block;
    display         : block;
}

.upload_helper {
    font-size : 14px;
    position  : absolute;
    bottom    : 88px;
    float     : left;
    right     : 32px;
    color     : #AAACB1;
}

.upload_helper p {
    float : left;
}

.upload_helper span {
    background          : url('../../../personalization/designer_assets/upload_helper.png');
    background-repeat   : no-repeat;
    width               : 100px;
    height              : 68px;
    float               : left;
    background-position : 12px 16px;
}

#imageBarPlaceholder {
    display : none;
}

#imageBarFacebookInstagramPlaceholder, #imageBarPlaceholderFacebook, #backImageBarPlaceholder, #imageBarPlaceholderMobile {
    display : none;
}

#imageBarFacebookInstagramPlaceholder, #imageBarPlaceholderFacebook, #backImageBarPlaceholder, #imageBarPlaceholderMobile {
    display : none;
}

#imageBarFacebookInstagramPlaceholder, #imageBarPlaceholderFacebook, #backImageBarPlaceholder, #imageBarPlaceholderMobile {
    display : none;
}

#imageBarFacebookInstagramPlaceholder, #imageBarPlaceholderFacebook, #backImageBarPlaceholder, #imageBarPlaceholderMobile {
    display : none;
}
.galleryContainer .mCSB_scrollTools {
    width: 8px !important;
}
.uploadImagesContainer.uploadPdfContainer span.upload_text span.printqicon-upload{
    display: inline-block;
    position: relative;
    width: fit-content;
    margin-right: 4px;
    vertical-align: bottom;
    line-height: 40px;
}
.uploadImagesContainer.uploadPdfContainer span.upload_text span.txt{
          position: relative;
    width: fit-content;
    font-size: 14px;
    display: inline-block;
}