* {
    box-sizing : border-box;
}

body {
    padding          : 0px;
    margin           : 0px;
    background-color : #F3F4F6;
}

aside.sidebar {
    position           : absolute;
    display            : block;
    background-color   : #FFFFFF;
    height             : 100%;
    -webkit-transition : width 0.2s ease;
    -moz-transition    : width 0.2s ease;
    -ms-transition     : width 0.2s ease;
    -o-transition      : width 0.2s ease;
    transition         : width 0.2s ease;
    float              : left;
    box-shadow         : 1px 0 33px 0 rgba(0, 0, 0, 0.1);
    z-index            : 53;
    width              : 120px;
}

.gallerySidebar {
    overflow-y : auto;
}

.gallerySidebar {
    width    : 100%;
    height   : auto;
    display  : inline-block;
    float    : left;
    overflow : hidden;
}


aside.sidebar ul.mainMenu {
    list-style       : none;
    text-align       : left;
    margin           : 0;
    padding          : 0;
    /* padding: 0; */
    width            : 100%;
    height           : 100%;
    background-color : #FFFFFF;
    height           : auto;
    float            : left;
}

aside.sidebar ul.mainMenu li.mainItem.inMore {
    display : block;
}

aside.sidebar ul.mainMenu li.mainItem {
    width      : 100%;
    height     : 70px;
}

aside.sidebar ul.mainMenu li.mainItem a.mainTrigger {
    display         : block;
    width           : 100%;
    height          : 100%;
    position        : relative;
    overflow        : hidden;
    z-index         : 1;
    text-align      : center;
    padding         : 0px;
    display         : flex;
    align-items     : center;
    text-decoration : none;
}

aside.sidebar ul.mainMenu li#showHelperManual.active a.mainTrigger, aside.sidebar ul.mainMenu li.mainItem.active a.mainTrigger {
    background-color : #2B3542;
}

aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon, aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon, aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon {
    text-decoration : none;
    height          : 100%;
    font-size       : 23px;
    margin          : 0 auto;
    width           : auto;
    display         : inline-block;
    padding         : 0px;
    width           : 100%;
    height          : auto;
    color           : #5E6A7A;
}


aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.inactive,
aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon.inactive,
aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon.inactive {
    color            : #6CBFE8;
    background-color : #213246;
}

aside.sidebar ul.mainMenu li.mainItem a.mainTrigger:hover div.icon.inactive,
aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer:hover div.icon.inactive,
aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer:hover div.icon.inactive {
    color : #99D122;
}

aside.sidebar ul.mainMenu li.mainItem.active a.mainTrigger div.icon.inactive {
    left : -100%;
}


aside.sidebar ul.mainMenu li.mainItem.active a.mainTrigger div.icon.active {
    left : 0%;
}

aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon span.title,
aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon span.title,
aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon span.title {
    font-size       : 12px;
    font-family     : 'Lato', sans-serif;
    height          : auto;
    padding         : 0;
    display         : none;
    width           : 100%;
    display         : flex;
    align-items     : center;
    text-align      : center;
    padding-top     : 6px;
    justify-content : center;
}

body.expand aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon span.title,
body.expand aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon span.title,
body.expand aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon span.title {
    display : block;
}

aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon span.more {
    display     : block;
    float       : right;
    font-size   : 8px;
    height      : auto;
    line-height : 26px;
    width       : auto;
    position    : absolute;
    right       : 7px;
}

aside.sidebar .submenu {
        position: absolute;
    left: -340px;
    top: -60px;
    overflow: hidden;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    width: 240px;
    z-index: -7;

    padding-top: 1px;
}
aside.sidebar ul.mainMenu li.mainItem.active .submenu {
    left: 100%;
}


aside.sidebar div.submenu > ul {
    padding    : 0px;
    margin     : 0px;
    width      : 240px;
    list-style : none;
    display    : block;
}

aside.sidebar div.submenu > ul li.subItem {
    display : block;
    float   : left;
}

aside.sidebar div.submenu > ul li.subItem a.subTrigger {
        display: block;
    color: #5e6a7a;
    font-size: 24px;
    text-decoration: none;
    padding: 18px;
    height: 70px;
    background-color: #fff;
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    -moz-transition: background 0.2s ease, color 0.2s ease;
    -ms-transition: background 0.2s ease, color 0.2s ease;
    -o-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
    overflow: hidden;
    position: relative;
    line-height: 35px;
}

aside.sidebar div.submenu > ul li.subItem.active a.subTrigger {
    /*color: #99d122;*/
    color            : #5e6a7a;
    background-color : #fff;
}
aside.sidebar div.submenu > ul li.subItem a.subTrigger span.icon {
    font-size  : 8px;
    display    : block;
    padding    : 4px 0 0 0;
    text-align : center;
    display    : none;
}

aside.sidebar div.submenu > ul li.subItem.active a.subTrigger span.icon {
    color : #99D122;
}

aside.sidebar div.submenu > ul li.subItem.active a.subTrigger span.icon {
    display : block;
}

aside.sidebar .layoutsGallery,
aside.sidebar .shapesGallery,
aside.sidebar .unsplashGallery,
aside.sidebar .textGallery,
aside.sidebar .galleryContainer,
aside.sidebar .galleryContainerPdf,
aside.sidebar .backgroundsGallery,
aside.sidebar .backgroundsGallery {
    position           : absolute;
    right              : 0;
    top                : 0;
    overflow           : hidden;
    -webkit-transition : all 200ms ease;
    -moz-transition    : all 200ms ease;
    -ms-transition     : all 200ms ease;
    -o-transition      : all 200ms ease;
    transition         : all 200ms ease;
    width              : 370px;
    height             : 100%;
    z-index            : 0;
    background-color   : #FFFFFF;
    padding            : 5px 0 5px 0px;
    padding-bottom     : 70px;
}

aside.sidebar ul.mainMenu li.mainItem .submenu-sidebar, aside.sidebar #moreItems {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    width: 300px;
    height: 100%;
    z-index: 0;
    background-color: #fff;
    padding: 10px;
}
aside.sidebar .galleryContainer,
aside.sidebar .galleryContainerPdf {
    padding    : 5px 0px 180px 0px !important;

    text-align : center;
}

aside.sidebar .galleryContainer .galleryMenu,
aside.sidebar .galleryContainerPdf .galleryMenu {
    height      : 50px;
    padding-top : 10px;
}

aside.sidebar .galleryContainer .galleryMenu .uploadImagesContainer.uploadLocalContainer,
aside.sidebar .galleryContainerPdf .galleryMenu .uploadImagesContainer.uploadPdfContainer {
    width            : 250px;
    height           : 40px;
    background-color : #2040AA;
    margin-left      : 10px;
}

aside.sidebar .galleryContainerPdf .galleryMenu .uploadImagesContainer.uploadPdfContainer {
    width  : 333px;
    margin : 0px;
}

aside.sidebar ul.mainMenu li.mainItem.active .layoutsGallery,
aside.sidebar ul.mainMenu li.mainItem.active .shapesGallery,
aside.sidebar ul.mainMenu li.mainItem.active .unsplashGallery,
aside.sidebar ul.mainMenu li.mainItem.active .galleryContainer,
aside.sidebar ul.mainMenu li.mainItem.active .galleryContainerPdf,
aside.sidebar ul.mainMenu li.mainItem.active .textGallery,
aside.sidebar ul.mainMenu li.mainItem.active .backgroundsGallery {
    right      : -371px;
    border-top : 1px solid rgba(188, 192, 197, 0.5);
    box-shadow : 1px 0 33px 0 rgba(0, 0, 0, 0.1);
}

/*unsplash area*/
.searchContainer label {
    color   : #FFFFFF;
    padding : 0 0 5px 0;
    display : inline-block;
}

.searchContainer .actionsContainer {
    margin : 0;
}


#searchUnsplash {
    width         : 290px;
    font-family   : 'Lato', sans-serif;
    font-size     : 16px;
    border-radius : 0px;
    border        : none;
    position      : relative;
    height        : 30px;
    margin        : 0px 0px;
    border        : 1px solid #CCCCCC;
}

.searchContainer .button {
    list-style     : none;
    margin         : 0;
    color          : #FFFFFF;
    padding-bottom : 0px;
    font-size      : 13px;
    text-align     : left;
    display        : inline-block;
    height         : 30px;
    padding        : 0px;
    width          : 93px;
    text-align     : center;
    line-height    : 31px;
}

aside.sidebar .unsplashGallery ul.unsplashGalleryList li.listItem.imageContent.hasPhoto.ui-draggable {
    display       : block;
    width         : 131px;
    height        : 82px;
    margin-bottom : 10px;
    position      : relative;
    float         : left;
    margin-left   : 10px;
}

aside.sidebar .unsplashGallery .container .icon {
    top               : 50%;
    left              : 50%;
    transform         : translate(-50%, -50%);
    -webkit-transform : translate(-50%, -50%);
    -moz-transform    : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    -o-transform      : translate(-50%, -50%);
}

aside.sidebar .unsplashGallery .container:hover .icon {
    visibility : visible;
    opacity    : 1;
}


.loading-mask-unsplash, .loading-mask-backgrounds {
    position         : absolute;
    top              : 0px;
    width            : 100%;
    text-align       : center;
    height           : 100%;
    display          : none;
    background-color : rgba(29, 44, 63, 0.7);
}

.loading-mask-unsplash > div,
.loading-mask-backgrounds > div {
    width             : 18px;
    height            : 18px;
    background-color  : #FFFFFF;
    border-radius     : 100%;
    display           : inline-block;
    -webkit-animation : sk-bouncedelay 1.4s infinite ease-in-out both;
    animation         : sk-bouncedelay 1.4s infinite ease-in-out both;
    position          : relative;
    top               : 50%;
}

.loading-mask-backgrounds .bounce1,
.loading-mask-unsplash .bounce1 {
    -webkit-animation-delay : -0.32s;
    animation-delay         : -0.32s;
}

.loading-mask-backgrounds .bounce2,
.loading-mask-unsplash .bounce2 {
    -webkit-animation-delay : -0.16s;
    animation-delay         : -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform : scale(0) }
    40% { -webkit-transform : scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform : scale(0);
        transform         : scale(0);
    }
    40% {
        -webkit-transform : scale(1.0);
        transform         : scale(1.0);
    }
}

aside.sidebar ul.mainMenu li.mainItem span.searchUnsplashIcon {
    position : absolute;
    right    : 2px;
    top      : 8px;
    cursor   : pointer;
    display  : block;
    color    : #000000;
}

/*end unsplash area*/

aside.sidebar .layoutsGalleryMask,
aside.sidebar .unsplashGalleryMask,
aside.sidebar .textGalleryMask,
aside.sidebar .shapesGalleryMask, aside.sidebar .backgroundsGalleryMask {
    position         : absolute;
    left             : 0;
    top              : 0;
    overflow         : hidden;
    width            : 100%;
    height           : 100%;
    z-index          : 0;
    background-color : #FFFFFF;
}

aside.sidebar .layoutsGallery ul.layoutsGalleryList,
aside.sidebar .unsplashGallery ul.unsplashGalleryList,
aside.sidebar .textGallery ul.textGalleryList,
aside.sidebar .shapesGallery ul.shapesGalleryList,
aside.sidebar .backgroundsGallery ul.backgroundsGalleryList {
    width      : 100%;
    display    : block;
    position   : relative;
    list-style : none;
    padding    : 0;
    margin     : 0;
}

aside.sidebar .layoutsGallery ul.layoutsGalleryList li.listItem,
aside.sidebar .backgroundsGallery ul.backgroundsGalleryList li.listItem {
    display  : block;
    width    : 50%;
    height   : 115px;
    position : relative;
    float    : left;
    padding  : 5px;
}

aside.sidebar .textGallery ul.textGalleryList li.listItem {
    list-style : none;
    width      : 100%;
    display    : block;
    margin     : 5px 0 5px 0;
}

aside.sidebar .shapesGallery ul.shapesGalleryList li.listItem {
        display: block;
    width: 50%;
    height: 115px;
    position: relative;
    float: left;
    padding: 5px;
}

aside.sidebar .textGallery ul.textGalleryList li.listItem a.container {
    text-decoration : none;
    text-align      : center;
    height          : initial;
    padding         : 12px;
    cursor          : pointer;
    color           : rgb(255, 255, 255);
    outline         : none;
}

aside.sidebar .layoutsGallery ul.layoutsGalleryList li.listItem a.container,
aside.sidebar .backgroundsGallery ul.backgroundsGalleryList li.listItem a.container {
    display             : block;
    width               : 100%;
    height              : 100%;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : center center;
    text-decoration     : none;
    position            : relative;
    padding             : 0px;
}

aside.sidebar .shapesGallery ul.shapesGalleryList li.listItem a.container {
    display             : block;
    width               : 100%;
    height              : 100%;
    background-color    : none;
    background-repeat   : no-repeat;
    background-position : center center;
    text-decoration     : none;
    position            : relative;
    padding             : 0px;
}

aside.sidebar .layoutsGallery ul.layoutsGalleryList li.listItem a.container, aside.sidebar .backgroundsGallery ul.backgroundsGalleryList li.listItem a.container {
    background-size : contain;
}

aside.sidebar .shapesGallery ul.shapesGalleryList li.listItem a.container {
    background-size : contain;
}

aside.sidebar .layoutsGallery a.container u,
aside.sidebar .unsplashGallery a.container u,
aside.sidebar .shapesGallery a.container u,
aside.sidebar .backgroundsGallery a.container u {
    opacity      : 0;
    border-style : solid;
    border-width : 2px;
    display      : block;
    width        : 100%;
    height       : 100%;
    visibility   : hidden;
    border       : 2px solid #2040AA;
}

aside.sidebar .layoutsGallery a.container:hover u,
aside.sidebar .unsplashGallery a.container:hover u,
aside.sidebar .backgroundsGallery a.container:hover u,
aside.sidebar .shapesGallery a.container:hover u,
aside.sidebar .shapesGallery a.container.selected u,
aside.sidebar .backgroundsGallery a.container.selected u,
aside.sidebar .layoutsGallery a.container.selected u {
    visibility : visible;
    opacity    : 1;
}

aside.sidebar .shapesGallery .container .icon,
aside.sidebar .unsplashGallery .container .icon,
aside.sidebar .backgroundsGallery .container .icon,
aside.sidebar .layoutsGallery .container .icon {
    display            : block;
    width              : 30px;
    height             : 30px;
    position           : absolute;
    bottom             : 0;
    right              : 0;
    background-color   : #2040AA;
    font-size          : 15px;
    color              : #FFFFFF;
    line-height        : 30px;
    text-align         : center;
    -webkit-transition : all 200ms ease;
    -moz-transition    : all 200ms ease;
    -ms-transition     : all 200ms ease;
    -o-transition      : all 200ms ease;
    transition         : all 200ms ease;
    visibility         : hidden;
    opacity            : 0;
}

aside.sidebar .layoutsGallery .container.selected .icon, aside.sidebar .shapesGallery .container.selected .icon, aside.sidebar .backgroundsGallery .container.selected .icon {
    visibility : visible;
    opacity    : 1;
}

aside.sidebar .layoutsGallery .mCSB_inside > .mCSB_container,
aside.sidebar .shapesGallery .mCSB_inside > .mCSB_container, aside.sidebar .backgroundsGallery .mCSB_inside > .mCSB_container {
    margin-right : 5px;
}

aside.sidebar .unsplashGallery .mCSB_inside > .mCSB_container {
    margin-right : 13px;
}

.unsplashGallery ul.unsplashGalleryList li.listItem a.container {
    display             : block;
    width               : 100%;
    height              : 100%;
    background-color    : #213246;
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center center;
    text-decoration     : none;
    position            : relative;
    padding             : 0px;
}

aside.sidebar .layoutsGallery .mCSB_scrollTools, aside.sidebar .shapesGallery .mCSB_scrollTools, aside.sidebar .backgroundsGallery .mCSB_scrollTools {
    right : -3px;
}



aside.sidebar ul.mainMenu li.mainItem.zoom_text_group {
    bottom      : 160px;
    position    : absolute;
    height      : 30px !important;
    line-height : 30px;
    text-align  : center;
    font-size   : 12px;

    padding     : 0;
    color       : #6CBFE8;
}






aside.sidebar ul.mainMenu li.mainItem.zoom_out_group {
    bottom   : 100px;
    position : absolute;
}

aside.sidebar ul.mainMenu li.mainItem.zoom_in_group {
    bottom   : 190px;
    position : absolute;
}





.preview_mask {
    display : none;
}

body.preview_area .preview_mask {
    width      : 100%;
    height     : 100%;
    position   : absolute;
    cursor     : not-allowed;
    display    : block;
    background : transparent;
    z-index    : 9999999;
    left       : 0px;
    top        : 0px;
}

body.preview_area aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.inactive,
body.preview_area aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.active,
body.preview_area aside.sidebar ul.mainMenu li.mainItem span.zoom_percent,
body.preview_area aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon,
body.preview_area aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon {
    color : #C7C7C7;
}

.projectDescription {
    font-weight    : 100;
    font-size      : 14px;
    word-break     : break-word;
    color          : #FFFFFF;
    padding-bottom : 8px;
    text-align     : left;
    margin-left    : 4px;
}


/***sidebar login part ***/


aside.sidebar ul.mainMenu li.mainItem .loginUser {
    z-index : -1;
}

aside.sidebar .loginUser,
aside.sidebar .registerUser {
       position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    width: 300px;
    height: 100%;
    z-index: 0;
    padding: 5px 0 5px 10px;
    background-color: #fff;
}
aside.sidebar ul.mainMenu li.mainItem .loginUser {
    z-index: -7;
}

aside.sidebar ul.mainMenu li.mainItem.active .loginUser ul,
aside.sidebar ul.mainMenu li.mainItem.active .registerUser ul {
    padding    : 0;
    text-align : center;
    margin     : 0;
    padding-right: 10px;
}
aside.sidebar ul.mainMenu li.mainItem.active .loginUser, aside.sidebar ul.mainMenu li.mainItem.active .registerUser {
    right: -301px;
    background-color: #fff;
    color: #5e6a7a;
    border-right: 1px solid #ddd;
    border-top: 1px solid rgba(188, 192, 197, 0.5);
    box-shadow: 1px 0 33px 0 rgba(0, 0, 0, 0.1);
}

aside.sidebar ul.mainMenu li.mainItem .loginUser li,
aside.sidebar ul.mainMenu li.mainItem .registerUser li {
    list-style     : none;
    display        : block;
    margin         : 5px 0 5px 0;
    color          : #FFFFFF;
    padding-bottom : 12px;
    font-size      : 14px;
    text-align     : left;
}

aside.sidebar ul.mainMenu li.mainItem .loginUser label,
aside.sidebar ul.mainMenu li.mainItem .registerUser label {
    color: #5e6a7a;
    padding: 0 0 5px 0;
    display: inline-block;
}

aside.sidebar ul.mainMenu li.mainItem .loginUser input,
aside.sidebar ul.mainMenu li.mainItem .registerUser input {
      height: 29px;
    width: 100%;
    font-size: 16px;
    border: 1px solid #ccc;
}

aside.sidebar ul.mainMenu li.mainItem .loginUser li.buttonsContainer,
aside.sidebar ul.mainMenu li.mainItem .registerUser li.buttonsContainer {
    text-align : center;
}

#imageGalleryUnsplashImageTemplate {
    display : none;
}

aside.sidebar ul.mainMenu li.mainItem .registerUser {
    z-index : -1;
}

ul.backgroundsGalleryTemplate {
    display : none;
}

.uploadImagesContainer.uploadPdfContainer .upload_ico {
    width            : 100% !important;
    height           : 100% !important;
    padding          : 0px 0 !important;
    background-color : rgba(33, 64, 170, 1) !important;
}

.uploadImagesContainer.uploadPdfContainer .upload_text {
    display        : block;
    text-align     : center;
    left           : 0px;
    z-index        : 22;
    color          : #FFFFFF;
    pointer-events : none !important;
    font-size:14px;
}

.uploadImagesContainer.uploadPdfContainer .qq-upload-button {
    border : none !important;
}

.galleryTitle {
    width      : 100%;
    /* height: 100%; */
    display    : inline-block;
    padding    : 15px 0px 5px 0px;
    text-align : center;
    color      : #5E6A7A;
    opacity    : .5;
    font-size  : 14px;
}


.justified-gallery > .entry-visible {
    overflow : initial !important;
}

.justified-gallery a.unsplashGalleryListJustItem {
    width  : 100%;
    height : 100%;
}

.justified-gallery a.unsplashGalleryListJustItem img {
    padding : 2px;
}

.unsplashGalleryListJustItemContainer:hover .draggableIconContainer,
.shapesGalleryItemContainer:hover .draggableIconContainer {
    display : flex;
}

.draggableIconContainer {
    position        : absolute;
    top             : 0;
    width           : 100%;
    height          : 100%;
    justify-content : center;
    align-items     : center;
    color           : #1567E0;
    display         : none;
    border          : 2px solid #1567E0;
}


.unsplashGalleryListJustItemContainer:hover .draggableIconContainer,
.shapesGalleryItemContainer:hover .draggableIconContainer {
    display : flex;
}

.shapesGalleryItemContainer .draggableIconContainer {
    z-index : 100
}

aside.sidebar .unsplashGallery .unsplashGalleryListJustItemContainer:hover u {
    display : none;
}

.unsplashGalleryListJustItemContainer .drag.icon {
    background-color : #1567E0;
    color            : white;
    padding          : 5px;
}

.AllUnsplashImages.mCustomScrollbar {
    width      : 363px;
    margin-top : 10px;
}

.unsplashGalleryContainer {
    padding : 5px;
}


aside.sidebar ul.mainMenu li.mainItem span.searchUnsplashIcon {
    top       : unset;
    right     : unset;
    font-size : 18px;
}

aside.sidebar ul.mainMenu li.mainItem span.searchUnsplashIcon {
    position : absolute;
    right    : 2px;
    top      : 8px;
    cursor   : pointer;
    display  : block;
    color    : #000000;
}

#searchUnsplash {
    padding-left     : 40px;
    width            : 100%;
    height           : 40px;
    border           : 1px solid #CCCCCC;
    background-color : #FFFFFF;
    box-shadow       : 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    padding-top      : 10px;
    padding-bottom   : 10px;
}

.AllUnsplashImages .mCustomScrollBox {
    padding-bottom : 75px;
}

.projectsListTemplate {
    display : none;
}

.noProjects {
    display : none;
}

.submenu-sidebar.no_projects .noProjects {
    display : block;
}

.projectsListTemplateMobile {
    display : none;
}

#noProjects {
    display : none;
}

#loadProjectFrameMobile.no_projects #noProjects {
    display : block;
}

/*start article load */
.loadArticleToolbar {
    position   : absolute;
    top        : -1500px;
    left       : -1500px;
    width      : 45%;
    height     : 80%;
    background : #FFFFFF;
    box-shadow : 1px 1.732px 5px 0 rgba(0, 0, 0, 0.043);
    border     : 1px solid #C7C7C7;
    transform  : translate(-50%, -50%);
    z-index    : 99;

}

.loadArticleToolbar.open {
    top  : 50%;
    left : 50%;
}

.closeArticleLoad {
    position        : absolute;
    right           : -12px;
    top             : -16px;
    font-size       : 22px;
    text-decoration : none;
    color           : #FFFFFF;
    background: #2040aa;
    border-radius   : 50%;
    width: 25px;
    height: 25px;
    text-align      : center;
    line-height: 21px;
    font-weight     : 300;
}

.loadArticleInputsContainer,
.continueContainer,
.loadArticlesResultsContainer {
    height  : 20%;
    width   : 100%;
    float   : left;
    display : inline-block;
}

.loadArticlesResultsContainer {
    height : 70%;
}

.continueContainer {
    height : 10%;
}

.closeArticleLoad .container {
    padding : 10px;
    width   : 100%;
    height  : 100%;
    float   : left;
    display : inline-block
}

.loadArticleInputsContainer label {
    width      : 100%;
    display    : inline-block;
    font-size  : 17px;
    color: #2040aa;
    text-align : center;
    padding    : 0 10px;
    color: #5e6a7a;
    font-weight: bold;
    padding: 0 10px 10px 10px;
}

.loadArticleInputsContainer input {
    width        : 100%;
    height       : 35px;
    padding-left : 5px;
    border: 1px solid #ddd;
    font-size: 14px;;
}

.loadArticleInputsContainer .inputContainer {
    width   : 100%;
    padding : 10px 0px;

}

.continueContainer .button.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.articleSearchContainer .button,
.continueContainer .button {
    width      : auto;
    display    : inline-block;
    left       : 50%;
    position   : relative;
    transform  : translateX(-50%);
    padding: 9px 21px;
    min-width: 200px;
    margin: 0px 0 10px;
}

.loadArticleToolbar .container {
    padding : 10px;
}

.articleResultFetch {
    width   : 100%;
    display : inline-block;
}

.resultTable {
    width : 100%;
}

.resultTable .resultItem.selected div{
    color: #2040aa;
}
.resultTable .resultItem.selected {
    border: 1px solid #2040aa;
}

.resultTable .resultItem {
    text-align       : center;
    height           : 50px;
    background-color: rgb(251, 251, 253);
    border-radius    : 5px;
    margin           : 10px 0;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    color: #5e6a7a;
}

.resultTable .resultItem div {
    display        : inline-block;
    vertical-align : middle;
    width          : 24%;
    color:  #5e6a7a;
    padding        : 0 2px;
    cursor         : pointer;

}

.tableHead div {
    float       : left;
    display     : inline-block;
    text-align  : center;
    color: #5e6a7a;
    font-weight : bold;
}
.loadArticleToolbar div.button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 8px;
    position: relative;
    text-decoration: none;
    text-align: center;
    padding-top: 0.5625rem;
    padding-right: 1.125rem;
    padding-bottom: 0.625rem;
    padding-left: 1.125rem;
    font-size: 1rem;
    color: white;
    background-color: #2040aa;
}
.loadArticleToolbar div.button a {
    color: #fff;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.continueContainer .button.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
/*end article load*/
.AllUnsplashImages.mCustomScrollbar {
    margin-top : 10px;
}

.justified-gallery a.unsplashGalleryListJustItem {
    width  : 100%;
    height : 100%;
}

.justified-gallery a.unsplashGalleryListJustItem img {
    padding : 2px;
}

.unsplashGalleryListJustItemContainer:hover .draggableIconContainer {
    display : flex;
}

.draggableIconContainer {
    position        : absolute;
    top             : 0;
    width           : 100%;
    height          : 100%;
    justify-content : center;
    align-items     : center;
    color           : #1567E0;
    display         : none;
    border          : 2px solid #1567E0;
}


.unsplashGalleryListJustItemContainer:hover .draggableIconContainer,
.shapesGalleryItemContainer:hover .draggableIconContainer {
    display : flex;
}

.justified-gallery > .entry-visible {
    overflow : initial !important;
}


body.expand aside.sidebar ul.mainmenu li#showHelperManual a.mainTrigger div.icon span.title, body.expand aside.sidebar .zoom_in_group a.mainTrigger div.icon span.title, body.expand aside.sidebar .zoom_out_group a.mainTrigger div.icon span.title, body.expand aside.sidebar ul.mainmenu li.mainitem a.mainTrigger div.icon span.title {
    display : flex;
}

aside.sidebar ul.mainMenu li#showHelperManual a.mainTrigger div.icon:before, aside.sidebar .zoom_in_group a.mainTrigger div.icon:before, aside.sidebar .zoom_out_group a.mainTrigger div.icon:before, aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon:before {
    display    : block;
    text-align : center;
}

aside.sidebar ul.mainMenu li#showHelperManual.active a.mainTrigger div.icon.active, aside.sidebar ul.mainMenu li.mainItem.active a.mainTrigger div.icon.active {
    color : #FFFFFF !important;
}
aside.sidebar .galleryContainerPdf,
aside.sidebar .layoutsGallery, aside.sidebar .unsplashGallery,
aside.sidebar .api123rfGallery, aside.sidebar .galleryContainer,
aside.sidebar .galleryPdfsContainer, aside.sidebar #saveProjectFrame,
aside.sidebar #loadProjectFrame, aside.sidebar .textGallery,
aside.sidebar .clipartsGallery,
aside.sidebar .shapesGallery ,
aside.sidebar .shapesGalleryMask ,
aside.sidebar .layoutsGalleryMask,
aside.sidebar .unsplashGalleryMask, aside.sidebar .api123GalleryMask,
aside.sidebar .textGalleryMask, aside.sidebar .layoutsGalleryMask,
aside.sidebar .galleryContainerMask, aside.sidebar #tableDetails,
aside.sidebar .galleryContainerPdfsMask, aside.sidebar .moreItems,
aside.sidebar .moreGallery, aside.sidebar .clipartsGalleryMask {
    z-index : -1;
}

.actionsContainer {
    text-align : center;
}

.buttonNavig {
    width            : auto;
    display          : inline-block;
    background-color : #2040AA;
    border-radius    : 2px;
    padding          : 10px 30px;
}

#searchUnsplashBtn {
    margin-top    : 10px;
    margin-top    : 10px;
    width         : 100%;
    border-radius : 0px;
}

.buttonNavig a {
    color           : #FFFFFF;
    text-decoration : none;
    width           : 100%;
    height          : auto;
    display         : inline-block;
    font-size       : 14px;
}

.layoutsGallery .mCSB_inside > .mCSB_container,
.unsplashGallery .mCSB_inside > .mCSB_container,
.api123rfGallery .mCSB_inside > .mCSB_container,
.galleryContainer .mCSB_inside > .mCSB_container,
.galleryPdfsContainer .mCSB_inside > .mCSB_container,
.textGallery .mCSB_inside > .mCSB_container,
.cliparts .mCSB_inside > .mCSB_container {
    margin-right : 5px !important;
}

.mCSB_scrollTools {
    width : 2px !important;
}
.moreContainer {
    width: 100%;
    height: 70px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.moreBtn, .lessBtn {
    padding: 5px 15px;
    border-radius: 12px;
}
.moreBtn a, .lessBtn a {
    font-size: 12px;
    width: 100%;
    float: left;
    text-align: center;
    text-decoration: none;
    height: auto;
    color: #5e6a7a;
}
.less .moreBtn, .lessBtn {
    display: none !important;
}
.less .lessBtn {
    display: inline-block !important;
}


aside.sidebar #moreItems {
    z-index: -1;
}
aside.sidebar ul.mainMenu li.mainItem.notInMore {
    display: none !important;
}
aside.sidebar ul.mainMenu li.mainItem.notInMore.active {
    display: block !important;
}
aside.sidebar #moreItems ul.mainMenu li.mainItem {
    border: none;
    width: 100%;
    height: 30px;
    box-shadow: none;
}
aside.sidebar #moreItems ul.mainMenu li.mainItem a.mainTrigger {
    padding: 0 10px;
}
aside.sidebar #moreItems ul.mainMenu li.mainItem a.mainTrigger span {
    font-size: 15px;
    color: #5e6a7a;
}
aside.sidebar #moreItems ul.mainMenu li.mainItem a.mainTrigger span.title {
    padding-left: 10px;
}
aside.sidebar .zoom_in_group {
    height: 55px !important;
}
aside.sidebar .zoom_in_group {
    position: absolute;
    bottom: 56px;
}
aside.sidebar .zoom_out_group, aside.sidebar .zoom_text_group, aside.sidebar .zoom_in_group {
    width: 100%;
    height: 35px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
aside.sidebar .zoom_out_group .zoomOutContainer, aside.sidebar .zoom_in_group .zoomInContainer {
    text-decoration: none !important;
    overflow: hidden;
    width: 100%;
    color: #5e6a7a;
}
aside.sidebar .zoom_text_group a span, aside.sidebar .zoom_in_group a span, aside.sidebar .zoom_out_group a span {
    color: #5e6a7a;
    display: flex;
    font-size: 12px;
    text-align: center;
    width: 100%;
    justify-content: center;
}
aside.sidebar .zoom_in_group a span {
    height: 25px;
}
body .zoomOutContainer .title, body .zoomInContainer .title {
    display: none;
}
aside.sidebar ul.mainMenu li#showHelperManual a div.icon:before,
aside.sidebar .zoom_in_group a div.icon:before,
aside.sidebar .zoom_out_group a div.icon:before,
aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon:before {
    display: block;
    text-align: center;
}
aside.sidebar .mainItem.zoom_text_group {
    height: 20px !important;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    padding: 0;
}
.zoom_percent {
    font-family: 'Lato', sans-serif;
    color: #5e6a7a;
}
aside.sidebar .zoom_text_group {
    position: absolute;
    bottom: 35px;
}
aside.sidebar .zoom_out_group {
    position: absolute;
    bottom: 0px;
}
aside.sidebar.less #moreItems {
    right: -301px;
    border-top: 1px solid rgba(188, 192, 197, 0.5);
    box-shadow: 1px 0 33px 0 rgba(0, 0, 0, 0.1);
}
aside.sidebar ul.mainMenu li#showHelperManual.active a.mainTrigger div.icon.active, aside.sidebar ul.mainMenu li.mainItem.active a.mainTrigger div.icon.active {
    color: #fff !important;
}
.less .moreContainer .lessBtn a {
    color: #fff !important;
}
.moreContainer:hover .moreBtn a {
    color: #fff !important;
}

aside.sidebar .shapesGalleryList .icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding: 0px !important;
}

aside.sidebar .shapesGalleryList .listItem:hover .icon {
    visibility: visible;
    opacity: 1;
}
body aside.sidebar ul.mainMenu li.active .submenu-sidebar#tableDetails,
body.load_project_frame_expanded aside.sidebar ul.mainMenu li.active .submenu-sidebar#loadProjectFrame,
body.save_project_frame_expanded aside.sidebar ul.mainMenu li.active .submenu-sidebar#saveProjectFrame {
    right: -301px;
    border-top: 1px solid rgba(188, 192, 197, 0.5);
    box-shadow: 1px 0 33px 0 rgba(0, 0, 0, 0.1);
}
.submenu-sidebar, .submenu-sidebar .label, .submenu-sidebar .input {
    font-size: 14px;
}
.dropShadow {
    box-shadow: 1px 0 33px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -4;
}
.gallerySidebar {
    overflow-y: auto !important;
}

aside.sidebar .gallerySidebar::-webkit-scrollbar {
    width: 2px;
}

/* Track */
aside.sidebar .gallerySidebar::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
aside.sidebar .gallerySidebar::-webkit-scrollbar-thumb {
    background: #000;
}

/* Handle on hover */
aside.sidebar .gallerySidebar::-webkit-scrollbar-thumb:hover {
    background: #fff;
}
.logoBuilderButton.logoBuilderButtonBack{
    color:#ffffff!important;
}
aside.sidebar .dummyItem{
        position: absolute;
    display: block;
    background-color: #FFFFFF;
    height: 100%;
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -ms-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition: width 0.2s ease;
    float: left;
    box-shadow: 1px 0 33px 0 rgba(0, 0, 0, 0.1);
    z-index: -1;
    width: 120px;
}

aside.sidebar .galleryContainer .galleryMenu .uploadImagesContainer.uploadLocalContainer.no_extra_buttons{
        width: 333px;
         margin-left: 0px;
}

#loginButton,#registerButton{

    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 40px;
    line-height: 40px;
        font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.upload_ico.icon.qq-upload-button.btn-success{

    background-color: transparent;
    box-shadow: none;
}

.imageUploadImageSelection {
	display: flex;
    padding-top: 10px
}

#printqTextImageToolbar .allMyImages.imageFilterPoptext,
#printqTextImageToolbar .allMyImages.imageFilterRadio {
	padding: 20px 0px 65px 0px;
}