/* Profil popup */
#photo-box-overlay-table-container {
    float: left;
    position: relative;
    left: 50%;
    height: 100%;
}

#photo-box-table {
    float: left;
    position: relative;
    left: -50%;
    height: 100%;
}

#photo-box-photo-container {
    position: absolute;
    font-size: 13px;
    left: 0;
    bottom: 0;
    top: 0;
    right: 350px;
    text-align: center;
    overflow: hidden;
}

#photo-box-votes-count {
    opacity: 1;
    cursor: pointer;
    position: relative;
    display: none;
    height: 32px;
    line-height: 32px;
}

#photo-box-container #photo-box-close {
    position: absolute;
    top: 21px;
    right: 21px;
    width: 18px;
    cursor: pointer;
}

#photo-box-container #photo-box-close .active {
    display: none;
}

#photo-box-container #photo-box-close:hover .active {
    display: block;
}

#photo-box-container #photo-box-close:hover .non-active {
    display: none;
}

#photo-box-votes-count:hover > span {
    opacity: .8;
}

#photo-box-profile-header {
    text-decoration: none;
    font-family: 'Roboto Medium', sans-serif;
    font-size: 14px;
    color: #000;
}

#photo-box-profile-header .star-border__32 {
    display: inline-block;
}

#photo-box-comments-list-container .star-border__32 {
    float: left;
}

#photo-box-profile-header #photo-box-profile-login {
    position: relative;
    top: -5px;
    left: 5px;
}

#photo-box-photo {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    max-height: 800px;
    max-width: 800px;
}

#photo-box-photo.photo-radius {
    border-radius: 20px 0 0 20px;
}

#photo-box-container {
    border-radius: 20px 0 0 20px;
}

#photo-box-photo-container-photo-blur {
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

#photo-box-photo-container-photo-opacity {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.05;
}

#photo-box-photo-holder {
    display: inline-block;
    height: 100%;
    white-space: nowrap;
    font-size: 0;
    position: relative;
}

#photo-box-photo-holder:before {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#photo-box-photos-counter {
    color: #fff;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
    font-size: 13px;
}

#photo-box-options-menu .menu-box-item {
    display: block;
    text-decoration: none;
    color: #666;
    line-height: 20px;
    font-size: 14px;
    height: 38px;
    margin-top: 0px;
    padding: 8px 22px 0;
}

#photo-box-options-menu .menu-box-item:hover {
    background-color: rgb(242, 243, 244);
    text-decoration: none;
    color: #0085c2;
}

#photo-box-options-menu .menu-box-item:first-child {
    margin-top: 0;
}

#photo-box-options-change-order .sprites {
    background-position: -522px -237px;
    height: 17px;
    width: 22px;
}

#photo-box-options-make-avatar .sprites {
    background-position: -545px -237px;
    height: 19px;
    width: 19px;
}

#photo-box-options-delete-comments .sprites {
    background-position: -565px -237px;
    height: 23px;
    width: 23px;
}

#photo-box-options-delete .sprites {
    background-position: -589px -237px;
    height: 23px;
    width: 23px;
}

#photo-box-options-info {
    cursor: pointer;
    height: 24px;
    width: 24px;
    margin-right: 24px;
    display: inline-block;
    top: 26px;
    position: absolute;
    right: 0;
    z-index: 100;
}

#photo-box-right {
    position: absolute;
    right: 0;
    width: 350px;
    border-left: 1px solid #e5e6e7;
    height: 100%;
}

#photo-box-profile {
    text-align: left;
    padding: 12px 24px 12px 24px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid rgba(112, 112, 112, .2);
}

#photo-box-profile-avatar {
    display: inline-block;
    vertical-align: middle;
}

#photo-box-profile-avatar .gTlo {
    right: -16px;
}

#photo-box-profile-info {
    display: inline-block;
    margin-left: 9px;
    text-align: left;
    vertical-align: middle;
}

#photo-box-profile-basic {
    color: #888;
}

#photo-box-comments {
    position: absolute;
    bottom: 16px;
    top: 57px;
    left: 24px;
    right: 0;
}

#photo-box-comments .comments-separator-shadow {
    display: none;
    position: absolute;
    bottom: 69px;
    height: 30px;
    right: 20px;
    left: 0;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

#photo-box-comments .cloud {
    width: auto;
}

#photo-box-comments-list .cloud {
    padding: 15px 0 0 0;
    margin: 0;
}

#photo-box-comments .avatar-container {
    z-index: 1;
}

.cloud-container-arrow {
    background-position: -79px -137px;
    height: 13px;
    left: 36px;
    position: absolute;
    width: 8px;
    z-index: 1;
}

#photo-box-container #comments-add textarea {
    height: 23px;
    width: 239px;
}

#comments-add #comments-add-cloud {
    padding-left: 0;
    width: 100%;
}

#photo-box-comments .cloud-container {
    padding-left: 0;
    display: inline-block;
    width: auto;
}

#photo-box-comments .cloud-container-body {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
    max-width: 100%;
    width: 100%;
    padding: 0 9px 0 9px;
}

#photo-box-comments .cloud-container-body-reason {
    padding: 8px 10px;
}

#photo-box-comments-list-container .cloud-container-body {
    max-width: 260px;
}

.star-border__32 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 2px;
    vertical-align: bottom;
}
.star-border__32:hover {
    opacity: 0.7;
}

.star-border__32 img {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    position: relative;
    top: 2px;
    left: 2px;
    border: 2px solid white;
}

.star-border__32.no-gradient img {
    width: 32px;
    height: 32px;
    border: 0;
    left: 0;
    bottom: 0;
}

.options-comments {
    display: none;
}

.options-comments.show {
    display: inline-block;
}

.options-comments a {
    text-decoration: none;
    font-family: 'Roboto Medium', sans-serif;
}


#photo-box-comments .comments-container-view {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#photo-box-comments-list {
    overflow-y: auto;
    margin-bottom: 10px;
}

#photo-box-comments-list-notlogged {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 0 12px;
    position: relative;
    vertical-align: middle;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2;
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

#photo-box-comments-list-notlogged-txt {
    overflow: auto;
    position: relative;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    left: 0;
    top: 0;
    right: 0;
    margin-top: 10px;
}

#photo-box-comments-list-container {
    overflow: hidden;
}

#comments-add {
    padding-right: 24px;
}

#comments-add .cloud-container-arrow {
    background-position: -68px -137px;
}

#comments-add .cloud-container-body {
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 2px 4px #00000029;
    border: 2px solid #969DA3;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
}

#comments-add .cloud-container-body.error {
    border: 2px solid #FF575F;
    padding: 8px 10px;
}

#photo-box-comments #comments-add .cloud-container-body i {
    display: block;
    padding: 8px;
}

#comments-add-opacity {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 10px;
    height: 61px;
    background: rgba(255, 255, 255, 0.6);
    display: none;
}

#photo-box-comments .comments-ajax {
    margin: 5px 0;
    display: none;
    text-align: center;
}

.options-arrow-border {
    border-top: 5px solid #C7D1D3;
    border-left-color: transparent !important;
    border-right: 5px solid #C7D1D3;
    border-bottom-color: transparent !important;
    font-size: 0;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.options-arrow-border .options {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #C7D1D3;
    margin: 0;
    position: absolute;
    right: -5px;
    top: -5px;
    line-height: 32px;
    height: 32px;
    padding: 0 10px;
    display: none;
    white-space: nowrap;
}

.options-arrow-border .options .option {
    color: #4996BA;
    text-decoration: underline;
    cursor: pointer;
}

#photo-box-comments #comments-add-ajax {
    display: none;
    position: absolute;
    right: 45px;
    top: 95px;
}

#photo-box-comments #comments-add b {
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
}

#photo-box-comments #comments-add i {
    margin-left: 0;
}

#photo-box-comments-placeholder {
    display: none;
    margin-top: 11px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 150px;
    left: calc(50% - 166px);
}

#photo-box-comments-placeholder.notlogged {
    width: 300px;
    z-index: 1;
    background-color: #ffffff;
    height: 52%;
    margin-top: 0;
    top: 0;
}

#photo-box-comments-placeholder .photo-box-comments-placeholder-svg {
    width: 128px;
    display: inline-block;
    text-align: center;
}

#photo-box-comments-placeholder .photo-box-comments-placeholder-text {
    font-size: 16px;
    color: #222222;
    margin-top: 20px;
    line-height: 26px;
}

#emojiBox {
    border-radius: 12px;
}

.emojiItemArrow_top {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    top: auto !important;
    bottom: -12px;
}

.emojiArrowBorder {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    top: auto !important;
    bottom: -17px;
    right: 13px;
}

.paceholder-block-not-logged {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

#photo-box-comments-placeholder .paceholder-block-comments, #photo-box-comments-placeholder .paceholder-block-not-logged {
    display: none;
}

#photo-box-comments-placeholder .paceholder-block-comments .photo-box-comments-placeholder-svg {
    width: 72px;
}

#photo-box-comments .emojiButton {
    right: 43px;
    background: none;
    width: 28px;
    height: 28px;
    bottom: 6px;
    top: auto;
    z-index: 2;
}

#photo-box-comments .emojiButton img.active {
    display: none;
}

#photo-box-comments .emojiButton:hover img.non-active {
    display: none;
}

#photo-box-comments .emojiButton:hover img.active {
    display: block;
}

#photo-box-comments .emojiButton.active img.non-active {
    display: none;
}

#photo-box-comments .emojiButton.active img.active {
    display: block;
}


#photo-box-comments .sendButton {
    top: auto;
    bottom: 5px;
    right: 9px;
    background: none;
    width: 29px;
    height: 29px;
    position: absolute;
    cursor: pointer;
}

#comment-inputEmoji.max-height {
    max-height: 86px;
    overflow: auto;
}

#comment-inputEmoji {
    padding: 10px 2px 10px 12px;
    min-height: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #bdc2c7;
    width: 225px;
}

#comment-inputEmoji:focus {
    color: #222222;
}

.emojiArrowBorder.bottom {
    border-bottom-color: #C7CED3 !important;
    border-top-color: transparent !important;
    top: -16px;
}

.emojiItemArrow.bottom {
    border-bottom-color: white !important;
    border-top-color: transparent !important;
    top: -12px;
}

#photo-box-previous,
#photo-box-next {
    background-repeat: no-repeat;
    cursor: pointer;
    height: 57px;
    margin-top: -28px;
    position: absolute;
    top: 50%;
    width: 33px;
    z-index: 2;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;

}

#photo-box-previous {
    background-position: -2px -297px;
    left: 20px;
}

#photo-box-next {
    background-position: -37px -297px;
    right: 20px;
}

#photo-box-photo-container:hover #photo-box-next,
#photo-box-photo-container:hover #photo-box-previous,
#photo-box-previous.ads,
#photo-box-next.ads {
    display: block;
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

@media (hover: none) {
    #photo-box-photo-container #photo-box-next,
    #photo-box-photo-container #photo-box-previous,
    #photo-box-previous.ads,
    #photo-box-next.ads {
        display: block;
        visibility: visible;
        opacity: 1;
        transition: initial;
    }
}

#photo-box-photo-description {
    white-space: nowrap;
    font-size: 14px;
    color: white;
    font-family: 'Roboto Medium', serif;
    position: absolute;
    z-index: 98;
    left: 24px;
    top: 30px;
}

#photo-box-photo-exif {
    position: absolute;
    z-index: 98;
    right: 24px;
    top: 27px;
    width: 24px;
    height: 24px;
    background: url("/img/nowafotka/ico-svg/ic_photo_exif.svg") no-repeat;
}

#photo-box-photo-holder-exif {
     position: absolute;
     top: 10%;
     z-index: 100;
     color: white;
     display:none;
 }

.photoDateAdd {
     display: flex;
     justify-content: center;
     justify-items: center;
 }

#photo-box-photo-description-form {
    display: none;
}

#photo-box-photo-description-form-input {
    height: 26px;
}

#photo-box-photo-description-form-ajax {
    display: none;
    vertical-align: middle;
}

#photo-box-photo-description-edit {
    display: inline-block;
    vertical-align: middle;
}

#photo-box-options-menu {
    bottom: 60px;
    right: 55px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 16px;
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(198, 203, 207);
    border-image: initial;
    border-radius: 12px;
    position: absolute;
    text-align: left;
    padding: 10px 0;
    z-index: 97;
}

#photo-box-options-menu .menu-box-arrow {
    background-position: -392px -148px;
    bottom: -11px;
    margin-left: 44px;
    top: auto;
}

#photo-box-votes-info {
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(198, 203, 207);
    border-image: initial;
    border-radius: 12px;
    width: 232px;
    min-height: 85px;
    left: 75px;
    padding: 8px 5px 5px 15px;
    top: 36px;
    z-index: 4;
}

#photo-box-votes-info .menu-box-arrow {
    left: initial;
    margin-left: 15px;
}

#photo-box-photo-vote {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 65px;
    width: 60px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
}

#photo-box-photo-vote.voted {
    cursor: default;
}

#photo-box-photo-vote svg {
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.16));
}

#photo-box-photo-vote div {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
}

#photo-box-photo-vote .photo-box-photo-vote-svg {
    opacity: 1;
    transition: height 400ms, width 400ms, margin 400ms, opacity 400ms;
    transition-timing-function: ease-in;
}

#photo-box-photo-vote .photo-box-photo-voted-svg {
    opacity: 0;
    transition: height 400ms, width 400ms, margin 400ms, opacity 400ms;
}

#photo-box-photo-vote.voted .photo-box-photo-vote-svg {
    opacity: 0;
}

#photo-box-photo-vote.voted .photo-box-photo-voted-svg  {
    opacity: 1;
}

#photo-box-no-votes {
    display: none;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    padding: 15px;
}

#photo-box-votes-list a {
    float: left;
    width: 32px;
    height: 32px;
    display: inline-block;
}

#photo-box-votes-ajax {
    position: absolute;
}

#photo-box-votes-info-header {
    line-height: 1.5em;
    margin-bottom: 11px;
    position: relative;
    top: 2px;
    color: #333;
}

#photo-box-votes-info a {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    text-decoration: none;
}

#photo-box-votes-info span {
    float: none;
}

#photo-box-table-td-center-photo {
    padding: 10px;
}

#photo-box-options-arrow,
#photo-box-votes-count-arrow {
    font-size: 11px;
    margin-left: 5px;
}

#photo-box-photo-container-photo-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99;
    display: none;
}

#photo-box-photo-container-photo-info-table {
    margin: 80px auto;
    font-family: 'Roboto Bold', serif;
    width: auto;
}

#photo-box-photo-container-photo-info-table td {
    color: #fff;
    text-align: left;
}

#photo-box-photo-container-photo-info-ajax {
    margin-top: 50px;
}

#photo-box-photo-owner {
    display: inline-block;
    position: relative;
}

#photo-box-profile-avatar .shadowed-avatar {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* placementy profilowe */
#spolecznosci-23, #spolecznosci-24, #spolecznosci-50, #spolecznosci-49 {
    width: 160px;
    max-height: 600px;
    margin: auto;
    overflow: hidden;
}

#spolecznosci-25, #spolecznosci-51 {
    height: 100px;
    max-width: 750px;
    max-height: 100px;
    margin: auto;
    overflow: hidden;
}

#spolecznosci-26, #spolecznosci-52 {
    max-width: 750px;
    max-height: 200px;
    margin: auto;
    overflow: hidden;
}

#spolecznosci-28, #spolecznosci-53 {
    max-width: 300px;
    max-height: 300px;
    margin: auto;
    overflow: hidden;
}

.index-container-item .photo-box-rounded {
    float: none;
    position: absolute;
    top: 25px;
    right: 25px;
}

#ads-box {
    margin: 0 auto;
}

/* wersja mobilna */
@media only screen and (max-width: 1200px) {

}

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

}

@media only screen and (max-width: 768px) {
    .bigwhitetabs .main {
        width: 100%;
        overflow: hidden;
    }

    .options-arrow-border {
        right: 4px;
        top: 9px;
        border-top-right-radius: 3px;
    }

}

@media only screen and (max-width: 480px), only screen and (max-width: 320px) {
    .bigwhitetabs .main {
        width: 100%;
        overflow: hidden;
    }

    #header_android .grey-link:first-child {
        margin-left: 5px;
    }

    #header_android .grey-link:last-child {
        display: none;
    }

    #profile-grid {
        min-width: 100%;
        width: 100%;
        overflow: hidden;
    }

    #profile-leftColumn, #profile-centerColumn {
        width: 100%;
        margin: auto;
        padding: 0 5px;
    }

    .profile-column {
        float: none;
        margin: auto;
        width: 100%;
    }

    #ads-box {
        margin: 0 auto;
    }

    #photo-box-close.ads {
        border: 0;
    }

    #photo-box-previous.ads {
        left: 10px;
    }

    #photo-box-next.ads {
        right: 10px;
    }

}

.mobile {
    -webkit-transform: translate3d(0, 0, 0);
}

#photo-box-comments-list .cloud-container-body-item {
    word-wrap: break-word;
    color: #000;
    font-size: 14px;
}

.cloud-container-footer {
    font-size: 12px;
    color: #969DA3;
}
.box {
    height:10px;
    background:#D7DBDE;
    border-radius: 6px;
}
.blurFirstCommentFirstBox {
    width:112px;

    display: inline-block;
}
.blurFirstCommentSecondBox {
    width:44px;
    padding-top:8px;
}
.blurSecondCommentFirstBox {
    width:44px;
    display: inline-block;
}
.blurSecondCommentSecondBox {
    width:83px;
    display:inline-block;
    margin-left: 8px;
}
.blurSecondCommentThirdBox {
    width:74px;
}
.blurThirdCommentFirstBox {
    width:52px;
}
.blurThirdCommentSecondBox {
    width:90px;
    display: inline-block;
}
.blurThirdCommentThirdBox {
    width:37px;
    display:inline-block;
    margin-left: 8px;
}
.firstCommentBlur {
    opacity: 0.25;
}
.secondCommentBlur {
    opacity: 0.5;
}
.thirdCommentBlur {
    opacity: 1;
}
#photo-box-comments-list .cloud-container-body-item img {
    max-width: 100% !important;
    height: auto !important;
}

.cloud-container-body-item a, .cloud-container-body-item a:visited {
    color: #0085c2;
}

.magnes-pw-heart-popup {
    background-color: white;
    border-color: #f2f3f4;
}