div.latest-dreams div.dream-hldr {
    width: 22%;
    display: inline-block;
    margin-left: 3px;
    position: relative;
}

div.latest-dreams input.checkbox_last_dreams{
    width: 27px;
    height: 27px;
    float: right;
    margin-top: -27px;
    position: relative;
}

div.latest-dreams-hldr div.select_all_hldr span {
    float: right;
    margin-left: 7px;
}

div.latest-dreams-hldr div.select_all_hldr input#select_all{
    float: right;
    width: 15px;
    height: 15px;
}

div.gallery-selected-dreams {
    width: 100%;
    display: block;
    border: 2px dotted #ccc;
    padding: 7px;
    display: table;
}

div.user-messages {
    color: green;
    font-size: 1em;
    float: right;
    margin-top: -40px;
}

div.sub-dream-img-hldr {
    display: inline-block;
    width: 24%;
    float: left;
    margin-left: 3px;
    position: relative;
    border: 2px solid transparent;
    transition: border 0.3s ease;
    cursor: grab;
}

div.sub-dream-img-hldr box-icon {
    cursor: pointer;
    z-index: 120;
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    float: right;
    right:0;
}

.dragging {
    transform: rotate(3deg);
    z-index: 1000;
}

.original-item {
    opacity: 0.7;
}

/* profile page */

div.ddg-attributes div.album-two img
{
    height: 100%;
    text-align: center;
    width: 48%;
    margin-top: 60px;
    padding-bottom: 60px;
}

div.ddg-attributes div.album-two,
div.ddg-attributes div.album-three,
div.ddg-attributes div.album-more
{
    background:black
}

div.album-three div.two-per-row img {
    width: 49.3%;
    max-height: 103px!important;
}

div.album-three div.one-per-row img {
    width: 96%;
    margin-top: 5px;
    margin-bottom: 1px;
    max-height: 135px!important;
}

div.three-per-row img {
    width: 32.4%;
    margin-top: 3px;
    max-height: 103px!important;
}

div.album-more .second-row img.last {
    opacity:0.3;
}

div.feed-masonry-object  div.album-more div.two-per-row {
    width: 416px;
}

div. light-gallery div.album-more div.two-per-row {
    width: 332px;
}
div. light-gallery  div.feed-object div.image-wrapper div.album-feed a.albums-more {
    top:73%
}

div.album-more div.two-per-row img {
    width: 49.4%;
    float: left;
}

div.album-more div.two-per-row img:nth-of-type(2) {
    margin-left:3px;
}

div.ddg-attributes a.albums-more {
    position: absolute;
    font-size: 33px;
    color: #fff;
    margin-left: 23px;
    margin-top: 25px;
}

div.album-more div.one-per-row {
    width: 100%;
    margin-bottom: 4px;
    text-align: center;
    padding-top: 6px;
}

div.album-more div.one-per-row img {
    width: 96%;
    margin-top: 5px;
    margin-bottom: 1px;
    max-height: 151px!important;
}

div.my-dreams-gallery-hldr div.jconfirm-buttons {
    display:none;
}

/* gallery */

.album-gallery {
    background: black;
    overflow-y: hidden;
    overflow-x: hidden;
    min-height: 1200px;
}

.album-gallery img {
    width: 100%;
}

div.gallery-selected-dreams .sortable-ghost {
    opacity: 0.15;
    background: #CBCCCA00;
}

div.album div.one-per-row {
    height: 164px;
}

/* end profile page */

div.ddg-delete-album {
    right:40px!important;
}

span#loadMorеSubDreams {
    margin-top: 15px;
}

/* back button */

div.back-btn-hldr-albums span.back-btn .back-btn-text {
    background: #fafafa;
    padding: 3px 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #777;
}

.back-btn-hldr-albums {
    margin-top: 15px;
    margin-bottom: 40px;
}

div.back-btn-hldr-albums span.back-btn i.fa-chevron-left{
    margin-right: 5px;
}

div.back-btn-hldr-albums span.back-btn .back-btn-text:hover {
    color: #eba133;
}

div.album-gallery .grid-item {
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
}
div.album-gallery .grid-item img {
    width: 100%;
    display: block;
}
div.album-gallery .my-dreams-gallery-hldr {
    margin: 0 auto;
}

div.add-sub-dream {
    height: 238px;
    border: 1px solid #e2e2e3;
    background: #f5f5f5;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 23.7%;
    float: left;
    position: relative;
    transition: border 0.3s ease;
    margin-left: 5px;
    margin-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

div.add-sub-dream span#add-sub-dreams {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* end back button */
 img.hidden-img {
     display:none!important;
 }

 /* feed pages */
div.image-wrapper div.album-feed div.album-three div.one-per-row {
    height:350px;
}

div.image-wrapper div.album-feed div.album-three div.two-per-row img {
    width: 49.3%;
    float: left;
    max-height:none!important;
}

div.image-wrapper div.album-feed div.album-more div.two-per-row img {
    width: 49.8%;
}

div.image-wrapper div.album-feed div.album-three div.two-per-row img.second,
div.image-wrapper div.album-feed div.album-two img.second
{
    margin-left:3px;
}

div.image-wrapper div.album-feed div.album-two img {
    float: left;
    width: 49.5%;
}

div.image-wrapper div.album-feed div.three-per-row img {
    max-height:none!important;
}

div.image-wrapper div.album-feed div.three-per-row img {
    width:32.98%;
}

div.image-wrapper div.album-feed a.albums-more {
    position: absolute;
    font-size: 35px;
    color: #fff;
    top: 62%;
    right: 11%;
    text-align: center;
}

div.feed div.content div.image-wrapper div.album-feed a.albums-more {
    top:70%;
}
/* end feed pages */

img.broken-image-icon {
    width:17px;
    height:17px;
    margin-left:-2px;
}

span.split-dreams-text {
    margin-left: 9px;
}

div.image-wrapper .album-feed {
    cursor: pointer;
}

div#gallery-selected-dreams div.add-sub-dream span.choose-sub-dream-description {
    display: block;
    margin-top: 53px;
    width: 100%;
    position: absolute;
    font-size: 0.8em;
    font-weight: normal;
}
a.extract-dreams-btn {
    background: #fafafa;
    padding: 3px 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #777;
    margin-left:5px;
}

div.latest-dreams div.latest-dreams-hldr .sub-dreams-gallery {
    overflow-y: auto;
    height: 65vh;
}
span.select-dreams-locker {
    color: #fff;
    background: rgba(50, 50, 50, 0.8);
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: normal;
    font-size: 0.8em;
    padding: 4px 8px;
    border-radius: 5px;
}

/* mobile */

@media (max-width: 767px) {
    .grid-item {
        width: 100%!important;
        padding: 5px!important;
    }
    div.add-sub-dream span#add-sub-dreams {
        font-size:20px;
    }
    div.add-sub-dream {
        height:7.4vh;
    }

    div.image-wrapper div.album-feed div.three-per-row img {
        width: 32.4%;
    }

    div.image-wrapper div.album-feed div.album-more div.two-per-row {
        display:flex;
    }
    div#gallery-selected-dreams div.add-sub-dream span.choose-sub-dream-description {
        margin-top: 38px;
        font-size: 0.5em;
    }
    div.sub-dream-img-hldr {
        width:23.8%;
    }
    div.latest-dreams div.latest-dreams-hldr .sub-dreams-gallery {
        overflow-y: auto;
        height: 500px;
    }
    div.back-btn-hldr-albums a.extract-dreams-btn {
        padding: 3px 3px;
    }
}