STY - Flickr WideScreen - NEW Photo Page v.1

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document /* domain("flickr.com") */  url-prefix(https://www.flickr.com/photos/) {


/* STYLE1 ============================================================================= */
/* ==================================================================================== */
/* ==================================================================================== */
/* ==== FLICKR - 0-NEW1a - Flickr WideScreen - NEW Photo Page (avr2015) - CLEAN 02 - ==== */
/* ==================================================================================== */
/* ==================================================================================== */
/* ==================================================================================== */

/* (avr2015) - FOOTER - A VOIR - GENERAL - HIDDEN -
FAV: https://www.flickr.com/photos/7540081@N08/favorites/page3/
=== */
.fluid.html-favorites-page-view .view.footer-full-view  {
display: none !important;
}

/* (avr2015) - FOOTER -PHOTO PAGE - HIDDEN / VISBLE HOVER -  - === */
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view {
    position: absolute !important;
display: inline-block !important;
    width: 100%;
    bottom: -125px !important;
    left: 0;
/* max-height: 20px !important; */
/* overflow: hidden !important; */
border-top: 1px dashed gray !important;
transition: all ease 0.8s !important;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view:hover {
    position: absolute !important;
display: inline-block !important;
    width: 100%;
    bottom: 0px !important;
    left: 0;
border-top: 1px dashed gray !important;
background: black !important;
z-index: 50000 !important;
transition: all ease 0.1s !important;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view footer.foot .foot-container:before {
content: "Flickr About" !important;
position: absolute !important;
display: inline-block !important;
right: 90px !important;
margin-top: -55px !important;
padding: 4px 3px !important;
border-radius: 5px 5px 0 0 !important;
color: gray !important;
background: #333 !important;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view:hover footer.foot .foot-container:before {
margin-top: -39px !important;
color: gold !important;
background: black !important;
}

/* END ===  TEST - FOOTER ======= */
/* (avr2015)TEST PHOTO - NOTES TXT - EXPAND PHOTO - ADD ICON EXPAND IMAGE - with HOVER - === */
.photo-notes-scrappy-view.box-hovered:after ,
.photo-notes-scrappy-view:after {
    content: "." !important;
    position: fixed!important;
    display: inline-block !important;
    float:left !important;
    clear: left !important;
    height: 20px !important;
    line-height: 16px !important;
    width: 20px !important;
    top: 232px !important;
    left: 1417px !important;
    border-radius: 3px !important;
    color: transparent !important;
    text-align: center !important;
    visibility: visible !important;
    opacity: 0.2 !important;
    background-image: url(https://icons.duckduckgo.com/ip2/markmail.org.ico) !important;
    background-size: cover !important;
    transition: opacity ease 0.2s , transform ease 0.5s !important;
    background-color: black !important;
}
.photo-notes-scrappy-view.box-hovered:hover:after ,
.photo-notes-scrappy-view:hover:after {
    cursor: move !important;
    opacity: 1 !important;
    background-image: url(https://icons.duckduckgo.com/ip2/markmail.org.ico) !important;
    background-size: cover !important;
    transform: scale(1.2) !important;
    transition: opacity ease 0.7s , transform ease 0.2s !important;
    background-color: peru !important;
}

/* (avr2015) - NOTES INDICATOR - === */
.photo-notes-scrappy-view.box-hovered span:after ,
.photo-notes-scrappy-view:not(.box-hovered) span:after {
    content: "notes..." !important;
    position: fixed !important;
    display: inline-block !important;
    -moz-user-select: none;
    height: 15px !important;
    line-height: 14px !important;
    width: 65px !important;
    top: 127px !important;
    right: 520px !important;
    font-size: 14px !important;
    text-indent: 15px !important;
    text-align: left !important;
    color: #fff;
    cursor: context-menu !important;
    z-index: 10 !important;
    opacity: 1 !important;
    visibility: visible !important;
/* background: rgba(210, 179, 140, 0.24)!important; */
}
.photo-notes-scrappy-view.box-hovered span:hover:after ,
.photo-notes-scrappy-view:not(.box-hovered) span:hover:after {
    color: white !important;
}

/* (avr2015)TEST - PHOTO - NOTES COUNTER - === */
.photo-notes-scrappy-view.box-hovered ,
.photo-notes-scrappy-view {
    content: counter(myIndex, decimal);
    counter-increment: myIndex  0 !important;
}
/* .photo-notes-scrappy-view.box-hovered span:hover:before , */
.photo-notes-scrappy-view.box-hovered span:before ,
.photo-notes-scrappy-view:not(.box-hovered) span:before {
    counter-increment: myIndex ! important;
    content: counter(myIndex, decimal);
    position: fixed !important;
    display: inline-block !important;
    min-width: 15px !important;
    max-width: 65px !important;
    height: 14px !important;
    line-height: 14px !important;
    top: 127px !important;
    left: 1334px !important;
    font-size: 10px !important;
    text-align: left!important;
    text-indent: 3px !important;
/* color: black !important; */
    cursor: context-menu !important;
    opacity: 1 !important;
    z-index: 0 !important;
    background: rgba(210, 179, 140, 0.7)!important;
}
.photo-notes-scrappy-view.box-hovered span:last-of-type:before ,
.photo-notes-scrappy-view:not(.box-hovered) span:last-of-type:before {
    color: red !important;
    cursor: context-menu !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 10 !important;
/* background: rgba(210, 179, 140, 0.7)!important; */
}


/* (avr2015) PHOTO - TEST FOR NOTES */

.fluid.html-photo-page-scrappy-view.scrolling-layout {
    min-height: 100%;
    min-width: 1060px;
    position: relative;
    overflow: hidden !important;
}
.photo-notes-scrappy-view:not(.box-hovered) span {
    opacity: 1 !important;
    visibility: hidden !important;
}

.photo-notes-scrappy-view .note {
    background: rgba(255, 0, 0, 0.06) !important;
}
.photo-notes-scrappy-view.box-hovered:hover .note:not(:hover) {
    opacity: 1 !important;
    background: rgba(210, 179, 140, 0.24) !important;
}

.view.photo-well-scrappy-view ,
.view.photo-well-scrappy-view.requiredToShowOnServer {
    display: inline-block !important;
    height: 100% !important;
    max-height: 800px !important;
    min-height: 800px !important;
    width: 100% !important;
    min-width: 1300px !important;
    max-width: 1300px !important;
}
.photo-well-scrappy-view .height-controller {
    height: 891px !important;
    width: 1300px !important;
}
.view.sub-photo-view ,
.view.sub-photo-view.requiredToShowOnServer {
    float: right !important;
    width: 584px !important;
    margin-right: 0 !important;
    margin-top: -745px !important;
}
.view.sub-photo-view .sub-photo-container.centered-content ,
.view.sub-photo-view.requiredToShowOnServer .sub-photo-container.centered-content {
    width: 579px !important;
    margin-left: -900px !important;
}
.photo-notes-scrappy-view .note-text .text-alignment-fix {
    max-height: 155px;
    max-width: 210px;
    padding: 3px 5px !important;
    color: tomato !important;
    border-radius: 0px 0px 3px 3px !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 3px 20px 0 rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.6) !important;
}

.photo-notes-scrappy-view .note-text a.author {
display: inline-block !important;
height: 15px !important;
    line-height: 15px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    font-size: 14px;
    font-weight: 400 !important;
color: white !important;
padding: 0 3px !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
background-color: #fcf1d1 !important;
    background: rgba(0, 0, 0, 0.2) !important;
}


/* (avr2015) PHOT - NOTE - EDIT - === */
.photo-notes-scrappy-view .note-text.adding .text-alignment-fix, .photo-notes-scrappy-view .note-text.editing .text-alignment-fix {
    min-width: 317px !important;
    max-height: none;
padding: 20px !important;
    border-radius: 3px;
background-color: #333 !important;
}
.photo-notes-scrappy-view .note-text .note-text-buttons {
    min-width: 307px !important;
    margin-top: 5px;
}


/* (avr2015) PHOTO - KEEP RATIO - CONTAINER - for VERY LARGE IMAGE
TEST LINK:
https://www.flickr.com/photos/nathanarrington/8710520420/in/pool-the_cream_of_portraitfaces_
PB TEST LINK (HEIGHT) :
https://www.flickr.com/photos/dsd2203/3363562487/in/pool-ohmyeros|dsd2203
- ===  */
html.scrolling-layout #content .centered-content {
    width: 0 !important;
    height: 0 !important;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view img {
    max-height: 820px !important;
    width: 100% !important;
    max-width: 1300px !important;
    z-index: 0 !important;
}
.low-res-photo ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view .main-photo img {
    max-height: 820px !important;
    max-width: 1300px !important;
    width: 100% !important;
    z-index: 0 !important;
}

/* (avr2015) A VOIR - ZOOM PHOTO -
=== */
.zoom-modal {
    z-index: 550000 !important;
    background: rgba(0, 0, 0, 0.8) !important;

}
.zoom-modal .zoom-photo-container {
    transform-origin: 900px 500px 0 !important;
}
.zoom-modal .zoom-photo-container img {
    opacity: 1 !important;
}

/* ==== (avr2015) PHOTO PAGE - TOOLTIP / POPUP / MENU ETC  === */
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-modal-view.flickr-view-root-view  ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-modal-view.flickr-view-root-view .modal.html-modal.scrappy-dialog   {
     z-index: 50000 !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-modal-view  .album-selection input.album-selection-search {
    box-shadow: 0 0 0 1px gray inset !important;
    color: white !important;
    background-color: rgba(0, 0, 0, 0.09) !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout.view.fluid-modal-view  .album-selection input.album-selection-search::-moz-placeholder  {
    color: gray !important;
}

/* (avr2015) MENU POPUP - BOX SHADOW - LEFT / BOTTOM - BLACK - ALL */

.ui-dialog-cta.scrappy-dialog,
.ui-dialog-cta .scrappy-dialog,
.ui-dialog-modal.scrappy-dialog,
.ui-dialog-modal .scrappy-dialog,
.ui-dialog-alert.scrappy-dialog,
.ui-dialog-alert .scrappy-dialog,

.fluid-modal-view.scrappy-dialog,
.fluid-modal-view .scrappy-dialog ,

.yui3-popover-content ,
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown ,
.fluid .droparound .body .content.menu {
          border: 1px solid rgba(0, 0, 0, 0.4) !important;
          box-shadow: -10px 10px 3px 1px rgba(0, 0, 0, 0.7) , 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

/* ADD TO GROUP - POPUP INVITATION  + RULE VIOLATION - === */
.add-to-dialog.add-to-group {
          border: 1px solid red !important;
background: rgba(0, 0, 0, 0.70) !important;
}

.add-to-dialog.add-to-group .hd {
background: rgba(0, 0, 0, 0.20) !important;
}
.add-to-dialog.add-to-group .bd {
background: rgba(0, 0, 0, 0.60) !important;
}
.add-to-dialog .add-to-selector li strong.item-name {
          border-top: 1px solid gray !important;
}
.add-to-dialog .add-to-selector li:hover {
background: rgba(36, 36, 37, 0.83) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited {
background: rgba(142, 52, 8, 0.51) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered:hover ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited:hover {
background: rgba(142, 52, 8, 0.91) !important;
}

.rule-violation .bd {
          background: rgba(0, 0, 0, 0.25) !important;
          border: 1px solid rgba(128, 128, 128, 0.25) !important;
}
.rule-violation .msg {
background: rgba(255, 255, 213, 0.16);
}
ul.pool-restrictions {
          border-bottom: 1px solid peru !important;
}

/* RIGHT SIDEBAR - INVIT POOL ICON - FROM THIS POPUP - === */
.yui3-popover-hidden #options-menu ul .option-invite-to-group span {
          border-right: 3px solid gray !important;
          border-bottom: 2px solid gray !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.yui3-popover-hidden #options-menu ul .option-invite-to-group span:hover {
background-color: rgba(0, 0, 0, 0.7) !important;
}

/* (new20) TOOLTIPS - ALL */
#global-dialog-container {
background-color: transparent !important;
}
/* FOR ALL LUNGUAGES) - == */
.invite-content .button-container input.DeleteButt  {
background: #E40600;
}

.ui-dialog-cta.scrappy-dialog,
.ui-dialog-cta .scrappy-dialog,
.ui-dialog-modal.scrappy-dialog,
.ui-dialog-modal .scrappy-dialog,
.ui-dialog-alert.scrappy-dialog,
.ui-dialog-alert .scrappy-dialog,
.fluid-modal-view.scrappy-dialog,
.fluid-modal-view .scrappy-dialog {
    color: peru !important;
background: rgba(34, 34, 34, 0.81) !important;
}



/* (var2015) PHOTO PAGE - POOL INVIT POPUP - === */
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed) {
          background: #222 !important;
}
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper {
          box-shadow: none !important;
background: #222 !important;
}
.album-selection-list-item-title {
          color: peru !important;
}

/* (var2015) PHOTO - DIALOGUE POPUP / TOOLTIP - DELETE PCTURE - === */
.ui-dialog-modal .confirmation-dialog-view {
          color: red !important;
background: #333 !important;
}
.album-selection  {
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body ,
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body .content .album-selection ol {
    border-top: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection  input {
          border: 1px solid rgba(0, 0, 0, 0.5) !important;
          color: rgba(255, 255, 255, 0.9) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection  input::-moz-placeholder {
          border: 1px solid rgba(0, 0, 0, 0.5) !important;
          color: rgba(255, 255, 255, 0.9) !important;
          text-shadow: none !important;
}
.album-selection .album-selection-list-item {
          border: 1px solid gray !important;
}
.album-selection-list-item.belongs-to-album {
          border: 1px solid peru !important;
}
.album-selection-list-item:hover {
          border: 1px solid peru !important;
          color: tomato !important;
background-color: #333 !important;
}
.album-selection-list-item:hover span {
          color: tomato !important;
}

.album-selection-list-item.belongs-to-album:hover {
background-color: black !important;
}
.album-selection-list-item.belongs-to-album:hover span {
          color: gold !important;
}
.album-selection-buttons {
          box-shadow: none !important;
background-color: rgba(0, 0, 0, 0.2) !important;
}

/* (avr2015) ADULT CONTENT - MESSAGE - === */
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial {
    position: relative;
    display: flex;
    -moz-box-align: center;
    margin: 0 !important;
    padding: 20px !important;
    text-align: center !important;
    z-index: 500 !important;
background: #333 !important;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message {
width: 100% !important;
    align-self: center;
    color: #fff;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message p + p button.ui-button {
    position: absolute!important;
    width: 500px !important;
    top: -300px !important;
    left: 0px !important;
    margin: 0 !important;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message p + p + p {
    position: absolute !important;
    width: 500px !important;
    top: -250px !important;
    left: 0px !important;
}

/* (avr2015) USER AVATAR - MORE INFOS (with MY GM) on HOVER - PHOTO - WITH GM "ViewUSERInfoxPool" - USER INFO from BUDY ICON - === */
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view {
    position: fixed !important;
    display: inline-block !important;
    width: 543px !important;
    height: 160px !important;
    right: 1px !important;
    top: 57px !important;
    padding: 20px !important;
    z-index: 0 !important;
    visibility: hidden !important;
background: #222  !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover {
    position: fixed !important;
    display: inline-block !important;
    width: 543px !important;
    height: 160px !important;
    right: 1px !important;
    top: 57px !important;
    padding: 20px !important;
    transition: all ease 0.2s !important;
    z-index: 50000 !important;
    visibility: visible !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:not(:hover):before {
    content: "INFOS   " !important;
    position: fixed !important;
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    right: 520px !important;
    top: 57px !important;
    padding: 20px !important;
    color: gold !important;
    text-align: left !important;
    border: 1px solid gold !important;
    z-index: 100 !important;
    visibility: visible !important;
}

.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound {
    width: 373px !important;
    left: 22px !important;
    right: 0 !important;
    top: 17px !important;
    opacity: 0 !important;
    transition: all ease 1s !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover .droparound.subview-droparound  {
    width: 552px !important;
    left: 22px !important;
    right: 0 !important;
    top: 17px !important;
    opacity: 1 !important;
    box-shadow: -10px 10px 3px 1px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.4) !important;
background-color: #333 !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover .body {
    width: 552px !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview {
    width: 552px !important;

}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view  {
    width: 528px !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view  .attribution.shorter {
    min-width: 425px !important;
    max-width: 425px !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view  .attribution.shorter .fade-out {
    min-width: 425px !important;
    max-width: 425px !important;
    text-overflow: ellipsis !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view  .ui-dialog-wrapper {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    left: 1795px !important;
    border: 1px solid peru !important;
    color: gray !important;
background: #222 !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view  .ui-dialog-wrapper .following-unfollow {
background-color: white !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view  .links.secondary {
    width: 223px !important;
}


/* (avr2015) USER AVATAR - MORE INFOS (with MY GM) on HOVER - FOR ALBUM - === */
.html-album-page-view .view.fluid-droparound-view.flickr-view-root-view {
    position: fixed !important;
    display: inline-block !important;
    width: 543px !important;
    height: 160px !important;
    left: 1px !important;
    top: 7px !important;
    padding: 20px !important;
    z-index: 0 !important;
    visibility: hidden !important;
background: #222  !important;
}
.html-album-page-view .view.fluid-droparound-view.flickr-view-root-view:hover {
    position: fixed !important;
    display: inline-block !important;
    width: 543px !important;
    height: 160px !important;
    left: 1px !important;
    top: 7px !important;
    padding: 20px !important;
    transition: all ease 0.7s !important;
    z-index: 0 !important;
    visibility: visible !important;
    z-index: 50000 !important;
background: black  !important;
}

.html-album-page-view .view.fluid-droparound-view.flickr-view-root-view:not(:hover):before {
content: "INFOS   " !important;
    position: fixed !important;
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    left: 56px !important;
    top: 31px !important;
    padding: 20px !important;
    color: gold !important;
    text-align: left !important;
    border: 1px solid gold !important;
    z-index: 0 !important;
    visibility: visible !important;
}


/* (avr2015) OVERLAY - POINTER EVENTS NONE - === */

.fluid .fluid-chalkboard-overlay,
.fluid .fluid-modal-overlay,
.fluid .fluid-droparound-overlay  ,

.fluid .fluid-chalkboard-overlay.transparent,
.fluid .fluid-modal-overlay.transparent,
.fluid .fluid-droparound-overlay.transparent {
    background-color: transparent;
    pointer-events: none !important;
}
.fluid .fluid-droparound-overlay.under-nav.transparent {
    display: none !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

/* (avr2015) COMMENTS - TOTAL CONTAINER - === */
.sub-photo-comments-view {
/* position: absolute !important; */
    position: fixed !important;
    display: inline-block !important;
    float: none !important;
    clear: both;
    width: 1200px !important;
    min-height: 563px !important;
    max-height: 563px !important;
    margin-left: -420px !important;
    margin-bottom: 20px;
    top: 137px !important;
    margin-bottom: 20px;
    padding: 5px !important;
    padding: 5px 95px 5px 95px !important;
    color: gray !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    opacity: 1 !important;
    visibility: hidden !important;
    z-index: 5000 !important;
    transition: all ease 1.5s !important;
    background: #222 !important;
}



/* COMMENTS CONTAINER - REVERSE ORDER - === */
.comments-holder.order-chronological.photosInComments ul.comments {
    display: flex !important;
    flex-flow: row-reverse wrap-reverse;
    justify-content: space-around;
}

.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments {
/* position: absolute!important; */
    display: flex !important;
    flex-flow: row-reverse wrap-reverse;
    justify-content: space-around;
    height: 100% !important;
    width: 1280px !important;
    margin-left: -78px !important;
    padding: 5px 40px 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
visibility: hidden !important;
transition: all ease 0.7s !important;
transition: all 0.1s linear !important;
background: black !important;
}
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:hover {
/* position: absolute!important; */
    display: flex !important;
    flex-flow: row-reverse wrap-reverse;
    justify-content: space-around;
    width: 1280px !important;
    margin-left: -78px !important;
    padding: 5px 40px 0px !important;
padding-bottom: 500px !important;
padding-top: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
visibility: visible !important;
opacity: 1 !important;
/* transition: all ease 0.7s !important; */
transition: all 0.7s linear !important;
background: rgba(0, 0, 0, 0.58) !important;
z-index: 500000 !important;
}


/* (avr2015)TEST - PHOTO - COMMENTS - CONTAINER - ADD ICON - NEAR TOP RIGHT PANEL - === */


/* .sub-photo-comments-view:not(:hover):before  */
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:before  {
content: "⏫" !important;
    position: fixed !important;
    display: inline-block !important;
    float: none !important;
    float: none !important;
    height: 40px !important;
    line-height: 75px !important;
    width: 41px !important;
    left: 1395px !important;
    top: 171px !important;
    padding: 5px 25px 5px 15px !important;
    border-radius: 3px  !important;
    font-size: 15px !important;
    text-align: center !important;
    transform: rotate(-90deg) !important;
    visibility: visible !important;
opacity: 0.9 !important;
z-index: 500 !important;
background-image: url('http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/comment.png') !important;
background-position: 15px 35px !important;
background-repeat: no-repeat !important;
background-size: 12px 19px !important;
}


/* .sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:hover .comment {
    background-color: rgba(255, 255, 255, 1) !important;
    border-radius: 2px;
} */
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments .comment:hover:before {
    background: red !important;
    border-radius: 2px;
}



/* (avr2015) PHOTO - ADD INDICATOR for - "Comments Disable ..." -
TEST LINK (withe OLD comments):
https://www.flickr.com/photos/patrick-siboni/7565760918/in/faves-104762055@N07/
TEST LINK (with NO comments):
https://www.flickr.com/photos/jung_n_freud/9024913089/in/faves-35670770@N04/
=== */

@keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}

.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:after  {
content: "Comments Disable ..." !important;
    position: fixed !important;
    display: inline-block !important;
    float: none !important;
    height: 50px !important;
    line-height: 25px !important;
    width: 90px !important;
    left: 1470px !important;
    top: 160px !important;
    padding: 5px 25px 5px 15px !important;
/* padding: 5px !important; */
    border-radius: 3px  !important;
    font-size: 15px !important;
color: gold !important;
    text-align: center !important;
    transform: rotate(0deg) !important;
    visibility: visible !important;
/* visibility: hiden !important; */
/* opacity: 0 !important; */
opacity: 0.9 !important;
z-index: 0 !important;
/* background-image: url('http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/comment.png') !important; */
/* background-position: 15px 35px !important; */
/* background-repeat: no-repeat !important; */
/* background-size: 12px 19px !important; */
/* background: #222 !important; */
background: red !important;
}






/* (avr2015) VIEW MORE STATS - === */
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats {
    position: absolute !important;
    width: 90px!important;
    height: 20px !important;
    line-height: 54px !important;
    right: 5px !important;
    margin-top: -7px !important;
    padding: 0 4px !important;
    cursor: pointer;
    font-size: 14px;
    text-indent: -20px !important;
    text-align: center !important;
    text-decoration: none !important;
    color: gray !important;
    white-space: nowrap !important;
    background: -5px center url('https://www.flickr.com/sparklines/t/EyI_ZBdkNyIAACkAwP8lFkouehhTHzY6SUVNEQ--.png') no-repeat !important;
    background-size: contain !important;
    background-color: #222 !important;
    opacity: 0.6 !important;
}


.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats:hover,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats:visited:hover {
    color: #b9d56e !important;
    text-decoration: none !important;
}

.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view {
    position: fixed !important;
    display: inline-block !important;
    float: none !important;;
    height: 100% !important;
    min-height: 25px !important;
    max-height: 25px !important;
    line-height: 15px!important;
    min-width: 20px !important;
    width: 199px !important;
    margin-left: 0px !important;
    right: 60px !important;
    top: 165px !important;
    padding: 1px 4px !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken.editable:hover {
    height: 17px !important;
    margin-top: 3px !important;
    padding-top: 6px !important;
    background-color: #3D3E3E !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken:hover .date-taken-label:before {
content: attr(title) !important;
    position: absolute !important;
    display: inline-block !important;
    height: 15px !important;
    width: 255px !important;
    line-height: 15px !important;
    left: -6px !important;
    margin-top: -15px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
    text-indent: 5px !important;
    color: gold !important;
    background-color: #3D3E3E !important;
}
.ui-dropdown > span {
    background-color: transparent;
    color: grey !important;
}


.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul ,
.photo-license-view .ui-dropdown:not(.ui-dropdown-closed) > ul {
position: absolute !important;
    left: -60px;
    box-shadow: 5px 5px 5px black !important;
    opacity: 1 !important;
/* background-color: #333 !important; */
}
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul > li.ui-dropdown-item-selected {
/* color: tomato !important; */
}
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul > li {
    font-size: 14px;
    line-height: 24px;
    padding: 0 15px;
/* color: gray !important; */
}





/* (new2) PHOTO PAGE - PHOTO - ==== */
.global-nav-old .global-nav-shim {
    height: 1px !important;
}

/* (new2015) AUTHOR INFOS TOOLTIP - === */
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view h3.fade-out {
    width: 420px !important;
    text-overflow: ellipsis !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view .fade-out ,
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view h3.fade-out {
    color: peru !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view h3.fade-out:after ,
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view .fade-out::after {
    width: 0px !important;
    background: none !important;
}
/* (avr2015) PRO BADGE - ==== */
#recent-activity .pro-badge ,
.avatar.person.medium + .pro-badge-inline {
    display: inline-block;
    height: 11px;
    line-height: 5px !important;
    width: 23px;
    top: 35px !important;
    left: 58px !important;
    font-size: 5px;
    text-align: center;
    text-indent: 1px;
    box-sizing: border-box;
/* border: 1px solid red !important; */
    border-radius: 3px;
    background: transparent none repeat scroll 0 0;
    transform: rotate(90deg);
    color: #888A8C !important;
/* color: red !important; */
}

/* (avr2015)TEST - PHOTO - TITLE DESCRIPTION - === */
.sub-photo-title-desc-view {
    position: absolute !important;
display: inline-block !important;
height: 0 !important;
    width: 1298px !important;
    left: -70px !important;
margin: 0 !important;
left: 0 !important;
    bottom: 0px !important;
    padding: 0 !important;
    border-bottom: none !important;
}
.sub-photo-title-desc-view > .title-desc-block.showFull {
    max-height: 100%;
}

.sub-photo-title-desc-view > .title-desc-block.showFull {
    position: relative;
    top: -10px !important;
bottom: 0 !important;
    padding: 0 !important;
    word-wrap: break-word;
    overflow: visible !important;
    z-index: 200 !important;
}


/* TITLE */
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-title {
    position: fixed !important;
    display: inline-block !important;
    width: 1220px !important;
    top: 0px !important;
    left: 50px !important;
    margin-bottom: 10px;
    font-size: 17px !important;
    color: #656c7a !important;
    text-align: center !important;
    word-wrap: break-word;
}

/* TITLE + DESCRIPTION EDITABLES - === */
/* TITLE EDITABLE */
.sub-photo-title-desc-view > .title-desc-block.editable > h1.meta-field.photo-title {
    position: absolute !important;
    display: inline-block !important;
    width: 1200px !important;
    min-height: 18px;
    line-height: 18px;
    top: -905px !important;
    margin-bottom: 10px;
    font-size: 20px !important;
    font-weight: 600;
    text-align: center !important;
    word-wrap: break-word;
    cursor: pointer !important;
}
.sub-photo-title-desc-view > .title-desc-block .title-desc-edit.ui-icon-title-desc-edit {
    margin-top: -904px !important;
margin-right: 50px !important;
}

/* TTILE EDITABLE - ADD EDIT ICON - HOVER */
/* .sub-photo-title-desc-view > .title-desc-block.editable > h1.meta-field.photo-title:hover:after  , */
.sub-photo-title-desc-view > .title-desc-block.editable > h1.meta-field.photo-title:after {
    content: "X" !important;
    display: inline-block !important;
    float: right !important;
    width: 20px !important;
    min-height: 18px;
    line-height: 18px;
    font-size: 20px !important;
    font-weight: 600;
    color: transparent !important;
    text-align: center !important;
    word-wrap: break-word;
        cursor: pointer !important;
}

/* (avr2015) DESCRITION EDITABLE - ADD EDIT ICON - HOVER */
/* .sub-photo-title-desc-view > .title-desc-block.editable > .meta-field.photo-desc:after , */
.sub-photo-title-desc-view > .title-desc-block.editable > .meta-field.photo-desc:hover:after {
    content: "X" !important;
    position: absolute !important;
    display: inline-block !important;
    float: right !important;
    width: 20px !important;
    min-height: 18px;
    line-height: 18px;
    top: 4px !important;
left: 1270px !important;
    font-size: 20px !important;
    font-weight: 600;
    color: transparent !important;
    text-align: center !important;
    word-wrap: break-word;
    cursor: pointer !important;
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -160px -151px !important;
}

/* (var2015) PHOTO TITLE + DESCRIPTION EDITABLES - EDIT FORM - === */
.fluid .editing-shim {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 50;
}
.sub-photo-title-desc-view.editing {
    position: fixed !important;
    display: inline-block !important;
height: auto !important;
max-height: 600px !important;
    width: 1198px !important;
/* border-bottom: medium none !important; */
    margin: 0 0 !important;
    top: 20% !important;
    left: 5px !important;
    padding: 50px !important;
overflow: hidden !important;
    z-index: 50000 !important;
/* background-color: rgba(51, 51, 51, 0.7) !important; */
}
.sub-photo-title-desc-view.editing  .title-desc-block.editable > .meta-field.photo-desc {
    display: none !important;
}

/* (avr2015) PHOTO - DESCRIPTION */
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    clear: both;
    line-height: 0px !important;
    max-height: 13px !important;
    min-height: 13px !important;
    width: 1298px !important;
    margin-bottom: 0;
top: -5px !important;
bottom: 20px !important;
left: 0 !important;
    text-align: center !important;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden !important;
    overflow-y: hidden !important;
    transition: all ease 0.7s !important;
    border-bottom: 1px solid gray !important;
}
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc:hover {
/* position: relative !important; */
    display: inline-block !important;
    width: 1298px !important;
    height: 100% !important;
    min-height: 300px !important;
    max-height: 300px !important;
left: 0px !important;
    top: -100px !important;
    margin-top: -15% !important;
    text-align: center !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    transition: all ease 1s !important;
    border-top: 1px solid gray !important;
    border-bottom: 4px solid peru !important;
/* background: red !important; */
}
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc > p {
    color: white !important;
}

/* (var2015) PHOTO DESCRIPTION - INDICATOR - ⏬ - === */
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc:not(.show-editable):not(:hover):before {
/* position: absolute !important; */
    position: relative !important;
    display: inline-block !important;
    width: 20px !important;
    height: 15px !important;
    line-height: 20px !important;
    content: "⏫" !important;
top: -5px !important;
    border-radius: 20px 20px 0 0 !important;
    text-align: center !important;
    font-size: 15px !important;
    color:red !important;
    visibility: visible !important;
    opacity: 0.6 !important;
}


/* (var2015) PHOTO  - FAVED BY - TOOLTIP - ====*/
.ui-dialog-modal-curtain.ui-dialog-modal-curtain-clear {
    background: transparent none repeat scroll 0 0;
    transition: none 0s ease 0s ;
/* display: none !important; */
}
.sub-photo-left-view > .sub-photo-fave-view.faves-present {
    position: fixed !important;
    display: inline-block !important;
    float: none !important;
    height: 15px !important;
    line-height: 14px !important;
    margin-left: 0 !important;
    margin-top: 10px;
    top: 115px !important;
    right: 5px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
/* color: gray !important; */
    z-index: 50000 !important;
/* background: red !important; */
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by {
/* position: absolute !important; */
    display: inline-block;
    margin-left: 0 !important;
    width: 100% !important;
/* font-size: 14px; */
/* font-size: 0px !important; */
    font-weight: 900;
z-index: 500 !important;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display {
/* font-size: 14px; */
    font-size: 0px !important;
    font-weight: 400;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type) {
    position: relative !important;
    display: inline-block !important;
    height: 15px !important;
    line-height: 20px !important;
    width: 100% !important;
    min-width: 85px !important;
    max-width: 85px !important;
    top: 5px !important;
    padding-bottom: 5px !important;
/* color: peru !important; */
    font-size: 14px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
/* background: red !important; */
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):before {
    content: "+" !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    font-size: 14px !important;
/* color: gray !important; */
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:first-of-type:before {
    content: "♥ by" !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    font-size: 14px !important;
}


.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):hover,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):visited:hover {
    text-decoration: none !important;
}

.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type {
     display: inline-block !important;
     max-width: 135px !important;
     font-size: 14px !important;
     white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:not(:only-of-type):before {
    content: "+" !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    font-size: 14px !important;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:hover,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:visited:hover {
    text-decoration: none !important;
}

.sub-photo-left-view > .sub-photo-fave-view.faves-present .ui-icon-fave-star {
    display: none !important;
}
/* .view.dialog-tooltip.ui-dialog.ui-dialog-tooltip , */
.faved-by + .ui-dialog-tooltip:not(.ui-util-removed) {
    position: fixed !important;
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    min-width: 452px !important;
    height: auto !important;
    left: 1243px !important;
    top: 155px !important;
    padding: 5px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    background: #333  !important;
}
.sub-photo-left-view > .sub-photo-fave-view .ui-dialog-wrapper > .ui-dialog-arrow {
    right: 38px !important;
}
.sub-photo-left-view > .sub-photo-fave-view .ui-dialog-wrapper > .ui-dialog-arrow::after {
    content: "";
    border-bottom: 9px solid red !important;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
/* .view.dialog-tooltip.ui-dialog.ui-dialog-tooltip .ui-dialog-wrapper , */
.sub-photo-left-view > .sub-photo-fave-view .ui-dialog-wrapper {
    display: inline-block !important;
    max-height: 740px !important;
    height: 100% !important;
    width: 100% !important;
    min-width: 650px !important;
    max-width: 650px !important;
    top: 5px !important;
    left: 0px !important;
    overflow-x: hidden;
    overflow-y: auto;
/* opacity: 1 !important; */
/* background: #222  !important; */
/* background: red  !important; */
}
/* .view.dialog-tooltip.ui-dialog.ui-dialog-tooltip .ui-dialog-body ,  */
.sub-photo-left-view > .sub-photo-fave-view .dialog-tooltip .ui-dialog-body  {
/* position: relative !important; */
    display: inline-block !important;
/* z-index: 5000000 !important; */
/* opacity: 1 !important; */
/* outline: 1px solid green !important; */
/* background: green  !important; */
}
.sub-photo-left-view > .sub-photo-fave-view .dialog-tooltip .ui-dialog-body ul li {
    display: inline-block !important;
    width: 207px !important;
    font-size: 14px;
    line-height: 0;
    white-space: nowrap;
/* z-index: 5000000 !important; */
/* opacity: 1 !important; */
/* outline: 1px solid green !important; */
}



/* (var2015) PHOTO - ERROR POPUP - NOT FAVS POSSIBLE -
https://www.flickr.com/photos/aliscarpulla/3711400911/in/faves-56297792@N00/
=== */
.view.dialog-alert.ui-dialog.ui-dialog-alert.scrappy-dialog {
    display: inline-block !important;
    width: auto !important;
    min-width: auto !important;
    height: auto !important;
    margin-top: -333px !important;
    padding: 10px !important;
background: #222 !important;
/* background: red !important; */
}
.view.dialog-alert.ui-dialog.ui-dialog-alert.scrappy-dialog .ui-dialog-wrapper {
    position: relative !important;
/* position: fixed !important; */
/* display: inline-block !important; */
    height: auto !important;
    width: 352px !important;
    left: 4px !important;
color: violet !important;
    background: #333 !important;
/* background: violet !important; */
}

/* (var2015) PHOTO - FROM "ALL IN ONE" - GM - "CROSS-RECOMMENDATION" - PHOTO PAGE - BOTTOM RIGHT SIDEBAR -
GM "Flickr Cross-Recommendations"  : TWEAK for 27 Thumbs change  :
// DECEMBRE TWEAK 6 to 18 or 27 (line44):
    var MAX_IMGS = 27;
=== */
#FCR_main>h3 {
          display: none !important;
}
#FCR_main {
    position: fixed !important;
    display: inline-block !important;
    width: 775px !important;
    height: 50px !important;
    margin-top: 22px !important;
    right: 0px !important;
    top: -100px !important;
    padding: 0px 0 0px 0px  !important;
    border-bottom: 1px solid gray !important;
    text-align: center !important;
    transform: scale(0.34) !important;
    background: #222 !important;
    z-index: 59999 !important;
    transition: background ease 0.7s ,  padding ease 0.1s !important;
/* outline: 1px solid green !important; */
}
#FCR_main:hover {
    width: 490px !important;
    height: auto !important;
    margin-top: 22px !important;
    right: 2px !important;
    top: -48px !important;
    border-radius: 0 0 0 5px !important;
    padding: 50px 10px 90px 10px !important;
    transform: scale(1) !important;
    box-shadow: -5px 5px 5px gray !important;
    text-align: center !important;
    background: black !important;
    z-index: 59999 !important;
    transition: background ease 0.7s ,  padding ease 0.7s !important;
}

#FCR_main:not(:hover):after {
content: "CR" !important;
    position: fixed !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: 22px !important;
    right: 690px !important;
    top: 175px !important;
    padding: 2px  !important;
    border-radius: 5px !important;
    text-align: center !important;
cursor: context-menu !important;
    overflow: hidden !important;
    transform: scale(2) !important;
/* background: #222 !important; */
    background: peru !important;
    z-index: 59999 !important;
    transition: background ease 4s !important;
}
#FCR_main:hover:after {
content: "CRoss Recomendations ..." !important;
    position: fixed !important;
    display: inline-block !important;
    width: 200px !important;
    height: 20px !important;
    margin-top: 22px !important;
    right: 305px !important;
    top: 5px !important;
    padding: 2px  !important;
    border-radius: 0 0 5px 0 !important;
    text-align: center !important;
    color: peru !important;
cursor: context-menu !important;
    overflow: hidden !important;
    transform: scale(1) !important;
/* background: #222 !important; */
    background: #333 !important;
    z-index: 59999 !important;
    opacity: 0.7 !important;
    transition: background ease 0.8s !important;
}

#FCR_photos>a {
    margin-right: 0 !important;
}
#FCR_photos>a>img {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    max-width: 75px !important;
    min-width: 75px !important;
    max-height: 75px !important;
    min-height: 75px !important;
    margin-top: 24px !important;
    margin-bottom: -25px !important;
    outline: 1px solid grey !important;
}


/* (avr2015) PHOTO - TEST - NO BLURRY IMAGE - === */
.low-res-photo {
/* display: none !important; */
    opacity: 0.2 !important;
}


/* (avr2015) PHOTO - TEST - POOL INVIT POPUP - COLOR done - === */
/* (avr 2015) */
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed) {
    display: inline-block !important;
    height: auto !important;
    line-height: 24px;
    min-width: 680px !important;
    max-width: 680px !important;
    margin-left: -245px !important;
    margin-top: -264px !important;
    padding: 5px 5px 12px 5px !important;
    border-radius: 3px;
    font-size: 16px;
    box-shadow: -10px -10px 3px 1px rgba(0, 0, 0, 0.3), 10px -10px 3px 1px rgba(0, 0, 0, 0.3) !important;
    z-index: 50000 !important;
/* background: #222 !important; */
/* background: tan !important; */
}
/* (avr 2015) */
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper {
    position: relative !important;
    display: inline-block !important;
    min-width: 675px !important;
    max-width: 675px !important;
    height: auto !important;
    left: 2px !important;
    top: 4px !important;
    line-height: 24px;
    border-radius: 3px;
    box-shadow: none !important;
    color: #212124;
    font-size: 16px;
    font-weight: 400;
/* background: #222 !important; */
/* background: red !important; */
}
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper  h2 {
/* color: gray !important; */
}
.album-selection-list-item-title {
/* color: peru !important; */
}


/* (avrr2015) PHOTO - DIALOGUE POPUP / TOOLTIP - DELETE PCTURE - === */


.ui-dialog-modal .confirmation-dialog-view {
    position: relative !important;
    display: inline-block !important;
    width: 638px !important;
}

/* (avr2015) */
.modal.subview-modal.fluid-album-modal.scrappy-dialog {
          min-height: 160px !important;
          height: 630px !important;
          overflow-y: hidden !important;
          overflow-x: hidden !important;
}
.modal.subview-modal.fluid-album-modal.scrappy-dialog  .body .content {
          display: inline-block !important;
          min-height: 555px !important;
          max-height: 555px !important;
          width: 705px !important;
          font-size: 14px;
          padding: 0 20px 20px;
          border-radius: 0 0 5px 5px !important;
          overflow-y: hidden !important;
          overflow-x: hidden !important;
}

/* .modal .album-selection-dialog-view, .ui-dialog-modal .album-selection-dialog-view {
          background: rgba(0, 0, 0, 0.20) !important;
} */
.view.group-selection-dialog-view.flickr-view-root-view.album-selection-dialog-view  {
          background: transparent !important;
}
.modal.subview-modal.fluid-album-modal.scrappy-dialog  .body .content .album-selection  {
          position: relative !important;
          display: inline-block !important;
          min-width: 700px !important;
          max-width: 700px !important;
          min-height: 160px !important;
          max-height: 530px !important;
          line-height: 15px !important;
          left: -8px !important;
          top: 0px !important;
          padding: 0 0 30px  20px !important;
          border-radius: 0 0 3px 3px !important;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
          font-size: 16px;
          overflow: hidden !important;
          overflow-y: hidden !important;
          overflow-x: hidden !important;
          background: transparent !important;
}

.modal.subview-modal.fluid-album-modal.scrappy-dialog  .body .content .album-selection ol  {
          position: relative !important;
          display: inline-block !important;
          min-width: 700px !important;
          max-width:400px !important;
          max-height: 410px !important;
          line-height: 15px !important;
          left: -13px !important;
          top: -15px !important;
          border-radius: 3px;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
          font-size: 16px;
          overflow: hidden !important;
          overflow-y: auto !important;
          overflow-x: hidden !important;
}
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper .ui-dialog-body .js-content ,
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper .ui-dialog-body {
          display: inline-block !important;
          height: auto !important;
}
.ui-dialog .ui-dialog-body h2 {
          height: 15px !important;
          line-height: 15px !important;
          margin-top: -10px !important;
          padding: 5px 5px 5px 19px !important;
          text-align: left;
          font-weight: 600 !important;
}
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper .ui-dialog-body .js-content .ui-dialog-button.ui-dialog-button-neutral.ui-dialog-button-close.hide-text {
          margin-top: -22px !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection  input {
          -moz-appearance: none !important;
          height: 11px !important;
          margin-bottom: 4px !important;
          border-radius: 3px !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection  input::-moz-placeholder {
          border: 1px solid rgba(0, 0, 0, 0.5) !important;
          color: rgba(255, 255, 255, 0.9) !important;
          text-shadow: none !important;
}

.ui-dialog-wrapper .ui-dialog-body .album-selection-list {
          height: auto !important;
          max-height: 500px !important;
          padding: 5px !important;
}

.album-selection-list-item-icon-wrapper {
          height: 48px !important;
          width: 305px !important;
          border: 1px solid peru !important;
}

.album-selection-list-item-icon {
          height: 48px !important;
          width: 48px !important;
          border: 1px solid peru !important;
}

.album-selection .album-selection-list-item {
          display: inline-block !important;
          min-width: 310px !important;
          max-width: 310px !important;
          min-height: 65px !important;
          max-height: 65px !important;
          margin-top: 5px !important;
          padding: 5px 0 0 3px !important;
          border: 1px solid gray !important;
}
.album-selection-list-item.belongs-to-album {
          display: inline-block !important;
          min-width: 310px !important;
          max-width: 310px !important;
          min-height: 65px !important;
          max-height: 65px !important;
          padding: 5px 0 0 3px !important;
          border: 1px solid peru !important;
}
.album-selection-list-item:hover {
          display: inline-block !important;
          min-width: 310px !important;
          max-width: 310px !important;
          min-height: 65px !important;
          max-height: 65px !important;
          padding: 5px 0 0 3px !important;
          border: 1px solid peru !important;
          transition: all ease 0.7s !important;
}

.album-selection-list-item.belongs-to-album:hover {
          transition: all ease 0.7s !important;
}
.album-selection-list-item.belongs-to-album:before {
          content: "X" !important;
          position: absolute !important;
          display: inline-block !important;
          min-width: 20px !important;
          max-width: 20px !important;
          min-height: 20px !important;
          max-height: 20px !important;
          line-height: 20px !important;
          right: 3px !important;
          top: 50% !important;
          border-radius: 100% !important;
          padding: 5px !important;
          border: 1px solid peru !important;
          text-align: center !important;
          z-index: 100 !important;
          opacity: 0.8 !important;
          color: gold !important;
background-color: black !important;
}
.album-selection-list-item.belongs-to-album:hover:before {
          opacity: 1 !important;
background-color: red !important;
}

.album-selection .album-selection-list-item .album-selection-list-item-labels {
          position: relative !important;
          display: inline-block !important;
          height: 40px !important;
          line-height: 15px !important;
          min-width: 247px !important;
          left: 55px !important;
          top: -45px !important;
          margin: 0 auto !important;
          padding: 0 !important;
          border-radius: 0 50px 50px 0 !important;
          font-size: 15px !important;
          white-space: nowrap !important;
          overflow: hidden !important;
          text-overflow: ellipsis !important;
}

.album-selection .album-selection-list-item .album-selection-list-item-labels span {
    position: relative !important;
          height: 15px !important;
          line-height: 15px !important;
          width: 100% !important;
          min-width: 247px !important;
          max-width: 247px !important;
          margin: 0 auto !important;
          padding: 0 !important;
          font-size: 15px !important;
          white-space: nowrap !important;
          overflow: hidden !important;
          text-overflow: ellipsis !important;
}
.album-selection .album-selection-list-item .album-selection-list-item-labels span.isPending {
          position: absolute !important;
          height: 10px !important;
          line-height: 10px !important;
          width: 100% !important;
          min-width: 247px !important;
          max-width: 247px !important;
          right: 0px !important;
          top: 30px !important;
          margin: 0 auto !important;
          padding: 0 !important;
          font-size: 10px !important;
          white-space: nowrap !important;
          overflow: hidden !important;
}

.album-selection-buttons {
          position: relative !important;
          display: inline-block !important;
          height: 36px !important;
          min-width: 655px !important;
          max-width: 655px !important;
          left: 2px !important;
          border-top: none !important;
          text-align: center !important;
}
.ui-dialog-button.ui-dialog-button-done.album-selection-done.ui-dialog-button-confirm ,
.ui-dialog-button.ui-dialog-button-neutral.ui-dialog-button-done.album-selection-done {
          height: 24px !important;
          line-height: 20px !important;
          margin-top: 7px !important;
}


/* (avr2015) PHOTO - POLL LIST COUNTER -
.sub-photo-contexts-view .sub-photo-context .context-list li
=== */
.sub-photo-contexts-view .sub-photo-context .context-list  {
          counter-increment: myIndex ! important;
          counter-increment: myIndex  0 !important;
          margin-left: -5px !important;
          border-radius: 5px !important;
          border: 1px solid gray !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li  {
          border: 1px solid gray !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:before {
          counter-increment: myIndex ! important;
          content: counter(myIndex, decimal-leading-zero);
          position: absolute !important;
          min-width: 17px !important;
          margin-left: -20px !important;
          border-radius: 10px !important;
          box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset !important;
          font-size: 10px !important;
          text-align: center !important;
          color: peru !important;
          z-index: 10 !important;
}


/* (avr2015) PHOTO - KEEP RATIO - FACADE PROTECTION - SUPP for ADDON THUMBNAIL ZOOMPLUS - ===  */
.zoom-modal .zoom-photo-container .facade-of-protection-zoom  ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .facade-of-protection-neue {
          display: none !important;
}


/* (var2015) PHOTO - LIGHTBOX - === */
body > #content > .view.photo-page-lightbox-scrappy-view > div {
          display: flex !important;
          float: none !important;
          top: 33px !important;
background: #212124 !important;
}

.photo-page-lightbox-scrappy-view .photo-well-view > .photo-well-media-view,
.photo-page-lightbox-scrappy-view .photo-well-view.dark > .photo-well-media-view {
          position: relative !important;
          display: inline-block !important;
          vertical-align: middle !important;
          height: 849px !important;
          width: 1920px !important;
          text-align: center !important;
}
.photo-page-lightbox-scrappy-view .photo-well-view.enable-zoom .facade-of-protection-neue,
.photo-page-lightbox-scrappy-view .photo-well-view.dark.enable-zoom .facade-of-protection-neue {
          display: none !important;
}

.photo-page-lightbox-scrappy-view .photo-well-view > .photo-well-media-view img,
.photo-page-lightbox-scrappy-view .photo-well-view.dark > .photo-well-media-view .main-photo img {
          vertical-align: middle !important;
}


/* (avr2015) PHOTO NAVIGATION - PREV/NEXT ARROWS */
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev {
          min-width: 20px !important;
          width: 2% !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev > span {
          background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/icons-36c2f8d6.png") no-repeat scroll -419px -53px !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next {
          min-width: 20px !important;
          width: 2% ! important;
          z-index: 0 !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next > span {
          background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/icons-36c2f8d6.png") no-repeat scroll -416px 0 !important;
}


/* (avr2015) ====- PHOTO - PANEL RIGHT ==== */

/* (avr2115) - PHOTO PAGE - for ALL USERS - ACTION BAR - FAV/SHARE/ALL SIZE - === */
.photo-engagement-view {
          position: fixed ! important;
          width: 140px!important;
          width: 170px;
          top: 124px !important;
          right: 345px ! important;
          margin-right: 40px !important;
          z-index: 0 !important;
          transform: scale(0.7) !important;
}

/* (avr2015) - PHOTO PAGE - for ALL USERS - ACTION BAR - ICONs FAV/SHARE/ALL SIZE - === */
.photo-engagement-view > div a {
          padding: 8px 1px !important;
}
.photo-engagement-view .fave-view {
          height: 30px !important;
          width: 21px !important;
          margin-right: 2px !important;
}
.view.fave-view .button {
          height: 30px !important;
          width: 21px !important;
          padding: 0 !important;
}

.fave-view .fave-star {
          height: 10px !important;
          width: 10px !important;
          top: -3px !important;
          left: 21px !important;
          transform: scale(0.5, 0.5);
}
.photo-engagement-view .fave-view .button-overlay {
          height: 30px !important;
}
.photo-engagement-view .fave-view .button-overlay a {
          height: 20px !important;

}
.photo-engagement-view > div.fluid-share-photo-view {
          margin-right: 0px !important;
}


/* (avr2115) - PHOTO PAGE - for MY PHOTO - ACTION BAR + ICONS - === */
.photo-engagement-view.has-wallart {
          width: 186px !important;
          margin-right: 1px !important;
          transform: scale(0.7) !important;
}
.photo-engagement-view > div.wallart {
          margin-right: 7px !important;
}
.photo-engagement-view > .view.photo-well-scrappy-edit-view {
          margin-right: 4px !important;
}
.photo-engagement-view > .view.photo-well-scrappy-edit-view  + .fluid-share-photo-view {
          margin-right: 0px !important;
}

/* (avr2015) USER AVATAR - MORE INFOS (with MY GM) on HOVER - PHOTO - AUTHOR - ==== */
/* .fluid .droparound , */
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound {
          z-index: 50000 !important;
}


/* (avr2015) USER AVATAR - MORE INFOS (with MY GM) on HOVER - IN ALBUM -
https://www.flickr.com/photos/youcancallmekristin/albums/72157635471526233
=== */
html.fluid.html-album-page-view .view.fluid-droparound-view.flickr-view-root-view:not(:hover):before {
          content: "INFOS   " !important;
          top: 57px !important;
          visibility: visible !important;
}
html.fluid.html-album-page-view .view.fluid-droparound-view.flickr-view-root-view  .droparound.subview-droparound {
          top: 24px !important;
          z-index: 50000 !important;
}


/* (avr2015) PHOTO - USER NAME */
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info {
          position: absolute !important;
          display: inline-block !important;
          float: none !important;
          width: 489px !important;
          height: 30px !important;
          margin-left: 14px !important;
          top: -10px !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name span:visited ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name span ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name:visited ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name {
          max-width: 400px !important;
          top: 6px !important;
          color: gray !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a {
          color: gray !important;
}
.sub-photo-comments-view .comments .comment .comment-author span.deleted {
          color: #656c7a !important;
opacity: 0.5 !important;
}

.attribution-view {
          position: fixed !important;
          height: 50px !important;
          line-height: 50px !important;
          width: 505px !important;
          right: 78px !important;
          top: 54px !important;
}
.attribution-view .avatar.person {
          margin-top: 0 !important;
          top: 6px !important;
}


.sub-photo-right-view > .sub-photo-right-row1 {
          border-bottom: medium none !important;
          padding-bottom: 4px !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view {
          line-height: 13px !important;
          margin-right: 30px;
          margin-top: 13px;
          font-size: 14px ! important;
}
.comment-count-label ,
.fave-count-label ,
.view-count-label{
          line-height: 10px ! important;
          font-size: 15px !important;
          color: violet ! important;
}

/* (avr2015) PHOTO - RELATIONSHIP - FOLLOW/UNFOLLOW - CONTAINER -
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .owner-name + a + .view.follow-view
=== */
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .owner-name  + .owner-name-with-by.truncate + .view.follow-view.clear-float.photo-attribution {
          height: 20px !important;
          line-height: 20px !important;
          margin-top: 2px !important;
}

.attribution-view.photo-attribution > .attribution-info .relationship {
          display: inline-block !important;
          height: 25px !important;
          top: 0px !important;
}
.attribution-view.photo-attribution > .attribution-info .relationship button {
          display: inline-block !important;
          margin-top: 0px !important;
          opacity: 0.4 !important;
          transition: opacity 0.7s !important;
}
.attribution-view.photo-attribution > .attribution-info .relationship button:hover {
          opacity: 1 !important;
}
.unfluid.follow.is-following.ui-button.ui-button-icon.ui-button-transparent.ui-button-dropdown {
          height: 26px !important;
}

.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .follow-view > .relationship .follow.ui-button::before,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .follow-view > .relationship .follow.ui-button::after {
background: gold !important;
}



/* (avr2015) PHOTO - FOLLOW / UNFOLLOW */

/* (avr2015) PHOTO - IN ALL PLACEINFOS TOOLTIP TOP RIGHT - TXT FOLLOW / UNFOLLOW */
.unfluid.follow.is-following.ui-button.ui-button-icon.ui-button-transparent.ui-button-dropdown span {
    display: inline-block !important;
    height: 20px !important;
    width: auto !important;
/* font-size: 0 !important; */
    font-size: 12px !important;
    color: gray !important;
/* padding: 0 0 0 0px !important; */
}
/* (avr2015) PHOTO - IN ALL PLACEINFOS TOOLTIP TOP RIGHT - TXT FOLLOW / UNFOLLOW - IN TOP RIGHT PANEL */
.sub-photo-left-view > .attribution-view > .attribution-info .follow-view > .relationship .follow.ui-button > span {
    color: #fff;
    font-size: 0 !important;
    padding: 0 0 0 31px !important;
}
/* (avr2015) PHOTO - IN ALL PLACEINFOS TOOLTIP TOP RIGHT - TXT FOLLOW / UNFOLLOWIN INFOS TOOLTIP TOP RIGHT */
.view.follow-view .relationship.ui-util-selected button span {
    font-size: 0 !important;
    padding: 0 0 0 0px !important;
}


.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip {
    position: fixed !important;
display: inline-block !important;
    top: 130px !important;
    left: 1285px !important;
    box-shadow: -10px 10px 3px 1px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.4) !important;
background: #333 !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .ui-dialog-body ul li {
    color: peru !important;
}

.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li a ,
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li label{
    height: 25px !important;
    line-height: 30px !important;
}
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li {
    margin-top: 0px !important;
    line-height: 25px !important;
}
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li:not(.divider):not(.following-unfollow){
    margin-top: -4px !important;
    margin-bottom: 4px !important;
}

/* (avr2015)TEST - PHOTO - RIGHT PANEL INFOS - NUMBERS of VIEWS / FAVS / COMMENTS - === */
.sub-photo-right-view {
    position: fixed !important;
    display: inline-block !important;
    width: 505px !important;
    height: 39px !important;
    line-height: 14px !important;
    top: 84px !important;
    margin-top: 0 !important;
    right: 0px !important;
z-index: 1 !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    width: 207px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0px !important;
    right: 60px !important;
    top: 104px !important;
    overflow: visible;
    white-space: nowrap;
    text-align: left !important;
}

/* (avr015) PHOTO - PEOPLE + TAG - CONTAINER - === */

.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view:not(:empty)  {
    position: relative !important;
    width: 505px !important;
    max-height: 56px !important;
    min-height: 56px !important;
    margin-top: 25px !important;
    padding: 20px 0 0 1px !important;
/* border: 1px solid peru !important; */
    border: 1px solid gray !important;
    border-radius: 5px !important;
overflow: hidden !important;
overflow-x: hidden !important;
/* overflow-y: auto !important; */
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view:not(.empty) > h3 {
    position: relative !important;
    display: inline-block !important;
height: 15px !important;
    line-height: 15px !important;
    margin-top: 6px !important;
    top: -26px !important;
    font-size: 16px;
text-indent: 5px !important;
    color: gray !important;
/* z-index: 50000 !important; */
}

.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .person-list   {
    position: relative !important;
    width: 500px !important;
    top: -35px !important;
    left: 5px !important;
    max-height: 50px !important;
    min-height: 50px !important;
    padding: 2px 0 2px 1px !important;
    border-radius: 0px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
border-top: 1px solid gray !important;
border-bottom: none !important;
/* border: 1px solid gray !important; */
/* border: 1px solid yellow !important; */
/* background: tan !important; */
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view li {
    position: relative !important;
    display: inline-block !important;
    float: none !important;
    height: 20px !important;
    width: 230px !important;
    margin-top: 7px !important;
    padding: 8px 6px !important;
    border: 1px solid gray !important;
    border-radius: 3px;
    overflow: hidden;
    transition: opacity 300ms ease-out 0s, background-color 0.2s ease-in-out 0s;
}

.sub-photo-right-view > .sub-photo-tags-view {
    position: relative !important;
    display: inline-block !important;
    float: none !important;
    clear: both;
    width: 505px !important;
/* height: 27px !important; */
/* line-height: 18px !important; */
    margin-top: 0px !important;
    margin-left: -3px !important;
    margin-bottom: -7px !important;
    padding-top: 0 !important;
    border-bottom: none !important;
    border-top: none ! important;
/* background: red !important; */
}

/* (avr2015) PHOTO - PEOPLE + PEOPLE EMPTY */
.view.sub-photo-tags-view.people-is-empty {
    position: relative !important;
    display: inline-block !important;
    float: none !important;
    clear: both;
    width: 505px !important;
/* height: 27px !important; */
/* line-height: 18px !important; */
    margin-top: 10px !important;
    margin-left: -3px !important;
    margin-bottom: -7px !important;
    padding-top: 0 !important;
    border-bottom: none !important;
    border-top: none ! important;
/* background: red !important; */
}


.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty {
    position: relative !important;
    display: inline-block !important;
/* width: 220px !important; */
    width: 480px !important;
    max-height: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
    margin-left: 2px !important;
    margin-top: 12px !important;
    padding: 2px 10px !important;
/* border: 1px solid gray !important; */
    border: none !important;
    border-radius: 3px;
    text-align: left !important;
    overflow: hidden !important;
/* background: yellow !important; */
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty h3 {
    position: relative !important;
    display: inline-block !important;
    width: 230px !important;
    line-height: 18px !important;
    height: 18px !important;
    margin-left: -5px !important;
    font-size: 16px;
    text-align: center !important;
/* color: gray !important; */
/* background: aqua !important; */
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .show-add-people {
    position: relative !important;
    display: inline-block !important;
    float: none !important;
    line-height: 18px !important;
    height: 18px !important;
    top: -26px !important;
/* right: -400px !important; */
    right: -300px !important;
    font-size: 14px;
/* color: peru !important; */
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty > .show-add-people {
    position: relative !important;
    display: inline-block !important;
    float: none !important;
    line-height: 18px !important;
    height: 18px !important;
    top: -5px !important;
    right: -180px !important;
    font-size: 14px;
/* color: peru !important; */
}


/* (avr2015) PHOTO - LISCENCE ICONS */
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view > .photo-license-info > .photo-license-url-iconOnly {
    display: inline-block;
    vertical-align: middle;
/* color: peru !important; */
}

.ui-icon-tiny-copyright ,
.ui-icon-tiny-9cc {
    height: 22px;
    width: 22px;
    border: 2px solid rgba(194, 188, 188, 0.67) !important;
    border-radius: 100% !important;
    background-color: rgba(194, 188, 188, 0.67) !important;
    transform: scale(0.6) !important;
}

/* (avr2015) PHOTO - LICENSE - 2/3 ICON*/
.ui-icon-tiny-3cc ,
.ui-icon-tiny-1cc ,
.ui-icon-tiny-2cc ,
.ui-icon-tiny-6cc,
.ui-icon-tiny-5cc,
.ui-icon-tiny-4cc ,
.ui-icon-tiny-10cc {
    height: 22px;
    width: 76px;
    border: 2px solid rgba(194, 188, 188, 0.67) !important;
    background-color: rgba(194, 188, 188, 0.67) !important;
    border-radius: 5px !important;
    transform: scale(0.7) !important;
}

/* (avr2015) A VOIR - PHOTO - EXIF INFOS + MAP - ON HOVER - === */
.sub-photo-right-view > .photo-charm-exif-scrappy-view {
    position: absolute !important;
    width: 260px !important;
    height: 101px !important;
    right: 0px !important;
    visibility: hidden !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view:hover {
    position: absolute !important;
    width: 260px !important;
    height: 101px !important;
    right: 0px !important;
}
.ui-menu.c-charm-list.exif-charm-list {
/* height: 101px !important; */
/* height: auto !important; */
background: peru !important;
}





/* (avr2015) PHOTO - EXIF - CONTAINER - ==== */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 {
position: absolute !important;
display: inline-block !important;
    float: none !important;
    width: 255px;
    margin-right: 0 !important;
right: 2px !important;
margin-top: 5px !important;
padding: 0 5px !important;
border-radius: 5px !important;
color: peru !important;
z-index: 500 !important;
    visibility: hidden !important;
background: #333 !important;
/* background: red !important; */
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1:hover {
position: absolute !important;
display: inline-block !important;
    float: none !important;
    width: 255px;
height: 277px !important;
    margin-right: 0 !important;
right: 2px !important;
margin-top: 5px !important;
padding: 0 5px !important;
border-radius: 5px !important;
color: peru !important;
z-index: 500 !important;
overflow: hidden !important;
overflow-y: auto !important;
    visibility: visible !important;
background: #333 !important;
/* background: red !important; */
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.c-charm-item-camera .ui-illustration-camera {
position: relative !important;
display: inline-block !important;
    min-height: 15px !important;
    max-height: 15px !important;
    width: 100%;
    min-width: 25px !important;
    max-width: 25px !important;
border-radius: 3px !important;
    padding: 1px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate3d(0px, 0px, 0px);
    visibility: visible !important;
background-color: peru !important;
}

.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > .extended-exif-item:nth-child(even)  {
    height: auto;
    line-height: 1.3;
    margin: 0 0 5px;
    min-height: 20px;
    padding: 0;
    position: relative;
    vertical-align: middle;
background-color: #222 !important;
}
/* (new28) PHOTO - EXIF - ICONS - === */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-aperture ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-focal-length ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-exposure-time ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-iso ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-flash-off ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-exif {
    border-radius: 100% !important;
    background-color: peru !important;
}


/* (avr2015) PHOTO - MAP - CONTAINER - ==== */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 {
    float: left;
    width: 245px;
    height: 101px !important;
}
.c-charm-item-location {
/* float: left; */
    width: 245px;
    height: 101px !important;
}

.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover {
position: absolute !important;
display: inline-block !important;
    right: 20px !important;
    z-index: 5000 !important;
visibility: visible !important;
}


/* .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location .location-data-container.editable , */
/* .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location .location-data-container */

.photo-charm-exif-scrappy-view .c-charm-item-location .map-container {
    align-items: center;
    display: flex;
    justify-content: center;
}

.photo-charm-exif-scrappy-view .c-charm-item-location .map-container .static-maps::before {
    position: absolute;
    content: "foo";
    width: 243px;
    height: 98px;
    left: 0;
    top: 0;
    border: 1px solid #cfd6d9;
    border-radius: 3px;
    color: transparent;
    z-index: 4;
}

/* (avr2015) PHOTO - MAP - LOCALISATION DATA - for MAP on HOVER - === */
.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container {
    position: absolute !important;
    float: none !important;
    top: 60px !important;
    margin-bottom: -10px;
    margin-left: -10px;
    padding: 10px;
    transition: background-color 200ms ease-in-out 0s;
    overflow: hidden;
visibility: visible  !important;
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a {
    float: left;
    font-size: 14px;
    font-weight: 400;
color: peru !important;
}


/* (avr015) PHOTO - COMMMENT FORM - COMMENTS APPEAR ON HOVER - VOIR : "COMMENTS REVERSE ORDER" - === */

/* (avr015) PHOTO - SHORT - TEST */
.sub-photo-comments-view .comments-form {
    position: fixed !important;
    width: 100px !important;
    margin: 15px 10px 0 0;
    right: 400px !important;
    top: 141px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all ease 0.7s !important;
    z-index: 0 !important;
}
.sub-photo-comments-view .comments-form:hover {
    position: fixed !important;
    right: -5px !important;
    top: 141px !important;
    width: 505px !important;
    opacity: 1 !important;
    visibility: visible !important;
/* transition: all ease 8s !important; */
    z-index: 0 !important;
}

.comments-form .comment-icon.circle-icon {
    position: absolute !important;
    display: inline-block !important;
    height: 32px !important;
    width: 32px !important;
    top: 35px !important;
    left: -8px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    z-index: 0 !important;
}

/* (avr2015) comment-form-field - NOT HOVER */
.sub-photo-comments-view .comments-form .comment-form-field {
    display: inline-block ! important;
    height: 100% !important;
    min-height: 80px !important;
    max-height: 80px !important;
    left: 55px !important;
    margin-left: 1px !important;
/* transition: all ease 0.1s !important; */
/* border: 1px solid violet !important; */
}
/* (avr2015)comment-form-field - HOVER */
/* .sub-photo-comments-view .comments-form .comment-form-field:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field:focus ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field:active ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:focus ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:active , */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field {
    display: inline-block ! important;
    height: 100% !important;
    min-height: 80px !important;
    max-height: 80px !important;
    margin-left: 1px !important;
/* transition: width ease 8s !important; */
/* border: 1px solid green !important; */
/* background: red !important; */
}


/* (avr2015) PHOTO - COMMENT - textarea NOT HOVER */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea {
    position: relative;
    display: inline-block ! important;
    height: 100% !important;
    min-height: 50px !important;
    max-height: 50px !important;
    width: 120px !important;

    -moz-appearance: none !important;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    border-radius: 3px !important;
    color: gray !important;

    transition: width ease-in 7s !important;
/* transition: width 4s linear !important; */
/* background-color: #333 !important; */
    background-color: rgba(0, 0, 0, 1) !important;
}
/* (avr2015) PHOTO - COMMENT - textarea HOVER */
/* .sub-photo-comments-view .comments-form .comment-form-field textarea:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:focus ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:active ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:focus ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:active , */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea {
    display: inline-block ! important;
    height: 100% !important;
    min-height: 50px !important;
    max-height: 50px !important;
    width: 422px !important;
    transition: width 0.7s linear !important;
}


/* pre:hover,
pre:focus,
textarea:hover,
textarea:focus , */

.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:focus,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:focus {
    -moz-appearance: none !important;
    background-color: rgba(0, 0, 0, 1) !important;
/* background: red !important; */
}

/* (avr2015) PHOTO - COMMENT BUTTON - === */
.sub-photo-comments-view button.comment {
    position: fixed !important;
    display: inline-block ! important;
    width: 140px !important;
    height: 20px ! important;
    padding: 0 3px ! important;
    right: 303px !important;
    top: 215px !important;
    margin: 15px 10px 0 0;
    opacity: 0.4 !important;
    visibility: visible !important;
    z-index: 500 ! important;
transition: all ease 0.7s !important;
}
.sub-photo-comments-view button.comment:hover {
opacity: 1 !important;
}


/* (avr2015) PHOTO - GROUPS :  .view.sub-photo-groups-view */
.sub-photo-right-view > .sub-photo-contexts-view {
    margin-top: 127px !important;
/* margin-bottom: 45px !important; */
}
.sub-photo-contexts-view .sub-photo-context {
    border-top: none !important;
    position: relative;
}

.sub-photo-contexts-view .sub-photo-context h5 {
    position: relative !important;
    display: inline-block !important;
    line-height: 24px;
    top: 20px !important;
    margin-top: 4px !important;
    font-size: 16px;
    font-weight: normal;
/* color: gray !important; */
/* color: red !important; */
    z-index: 50000 !important;
}
/* (var2015) PHOTO - ADD TO - POOL/ALBUM/GALLERY */
.sub-photo-contexts-view .sub-photo-context a.add-to {
    position: absolute;
    right: 5px !important;
    margin-top: 21px !important;
    font-size: 14px;
/* color: peru !important; */
}

/* (var2015) PHOTO - TEST - CONTEXT LIST - ALL - PREVENT OVERFLOW on HOVER to modify the WIDTHh of the container when SCRLLBAR is shown -
TEST:
https://www.flickr.com/photos/bruno-decembre/175070277/?details=1
FROM:
http://stackoverflow.com/questions/21998843/increase-width-on-overflow-to-adjust-scrollbars
=== */
.sub-photo-contexts-view .sub-photo-context ul.context-list {
    position: relative !important;
    margin-top: 10px;
    width: 505px !important;
    max-height: 200px !important;
    padding: 2px 0 0 1px  !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 1 !important;
}

.sub-photo-contexts-view .sub-photo-context ul.context-list:hover {
    margin-top: 10px;
    max-height: 638px !important;
    width: 505px !important;
    padding-right: 7px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: black !important;
/* transition: height ease 2s, background ease 2s  !important; */
    transition: all ease 2.5s !important;
/* z-index: 50000 !important; */
}
.sub-photo-contexts-view .sub-photo-context .context-list li {
    position: relative ;
    display: inline-block !important;
    float: none !important;
    width: 230px !important;
    height: 60px !important;
    margin: 0 0 2px;
    overflow: hidden;
    padding: 6px!important;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: opacity 300ms ease-out 0s, background-color 0.2s ease-in-out 0s;
}

.sub-photo-contexts-view .sub-photo-context .context-list li:hover {
/* background: rgba(13, 13, 13, 0.46); */
     border: 1px solid gray ! important;
}

/* (var2015) PHOTO - POOLS */
.sub-photo-groups-view {
    margin-top: -25px !important;
    margin-bottom: 13px !important;
/* max-height: 200px !important; */
}
.sub-photo-contexts-view .invitation-notice {
    position: absolute !important;
    display: inline-block !important;
    width: 466px !important;
    margin-top: 1px !important;
    padding: 2px 17px !important;
    margin-bottom: 53px !important;
    border-top: medium none !important;
    text-align: right !important;
    font-size: 14px;
/* color: gold !important; */
background-color: #333 !important;
}

/* (var2015) PHOTO - ALBUMS */
.view.sub-photo-albums-view {
    margin-top: -35px !important;
/* max-height: 200px !important; */
}
.sub-photo-contexts-view  .view.sub-photo-albums-view .context-list {
    margin-top: 10px;
    min-height: 76px !important;
    max-height: 76px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* (var2015) PHOTO - GALLERIE */
.view.sub-photo-galleries-view:not(.empty) {
/* max-height: 200px !important; */
    margin-top: -35px !important;
/* margin-bottom: -22px !important; */
}
.view.sub-photo-galleries-view:not(.empty) ul.context-list {
    position: relative !important;
    width: 505px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    margin-top: 10px;
margin-bottom: -22px !important;
    padding: 2px 0 0 1px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.view.sub-photo-galleries-view ul.context-list:hover {
    position: relative !important;
    width: 505px !important;
    min-height: 76px !important;
    max-height: 300px !important;
    margin-top: 10px;
    padding: 2px 0 0 1px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
/* z-index: 5000 !important; */
}


/* (avr2015) PHOTO - POLL LIST - POOL ACCEPT INVIT BUTTON - === */
.sub-photo-contexts-view .sub-photo-context .context-list li button.accept-invite {
    display: inline-block;
    vertical-align: top;
    height: 15px !important;
    line-height: 14px !important;
    min-width: 80px;
    padding: 0 20px !important;
    transition: background-color 150ms ease-in-out 0s;
    opacity: 0.4 !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li button.accept-invite:hover {
    transition: background-color 150ms ease-in-out 0s , opacity ease 0.7s !important;
    opacity: 1 !important;
}

/* (avr2015) PHOTO - DELETE IMAGE - ALL POOLS -
remove
=== */
.sub-photo-contexts-view .sub-photo-context .context-list li .remove ,
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .remove {
    position: absolute !important;
/* display: inline-block !important; */
    height: 10px !important;
    width: 10px !important;
    margin-top: 30px !important;
    margin-right: 8px!important;
/* padding: 1px !important; */
/* border: 4px solid red !important; */
    border: 2px solid red !important;
    border-radius: 10px !important;
    background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -201.3px -67.5px !important;
/* background-size: contain !important; */
    z-index: 100 !important;
    transform: scale(1.2) !important;
/* background-color: rgba(252, 0, 0, 0.92) !important; */
/* background-color: white !important; */
background-color: red !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .remove {
    display: inline-block !important;
    opacity: 0.6 !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .remove {
    opacity: 1 !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .remove:hover:before {
    content: "Delete \A Image" !important;
    position: fixed !important;
    display: inline-block !important;
    width: 100% !important;
    min-width: 40px !important;
    max-width: 40px !important;
    line-height: 8px !important;
    top: -10px !important;
    left: -18px !important;
    padding: 2px !important;
    border-radius: 5px !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
    z-index: 500 !important;
    background: red !important;
}

/* (avr2015) PHOTO - REMOVE INVITE - ALL POOLS -
.cancel-invite
=== */

.sub-photo-contexts-view .sub-photo-context .context-list li .cancel-invite {
/* display: inline-block !important; */
    opacity: 0.6 !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .cancel-invite {
/* display: inline-block !important; */
    opacity: 1 !important;
}
/* .sub-photo-contexts-view .sub-photo-context .context-list li span a.cancel-invite */
/* .sub-photo-contexts-view .sub-photo-context .context-list li span:not(.cancel-invite) .cancel-text */

.sub-photo-contexts-view .sub-photo-context .context-list li .cancel-invite ,
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .cancel-invite {
position: absolute !important;
/* position: relative !important; */
/* display: inline-block !important; */
    height: 10px !important;
    width: 10px !important;
    top: 40px !important;
    right: 18px!important;
/* padding: 1px !important; */
/* border: 4px solid red !important; */
    border: 2px solid yellow !important;
    border-radius: 10px !important;
    font-size: 0px !important;
    background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -201.3px -67.5px !important;
/* background-size: contain !important; */
    z-index: 2500 !important;
cursor: pointer !important;
    transform: scale(1.2) !important;
/* background-color: rgba(252, 0, 0, 0.92) !important; */
/* background-color: white !important; */
background-color: yellow !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .cancel-invite:hover:before {
    content: "Remove \A Invte" !important;
    position: fixed !important;
    display: inline-block !important;
    width: 100% !important;
    min-width: 40px !important;
    max-width: 40px !important;
    line-height: 8px !important;
    top: -10px !important;
    left: -18px !important;
    padding: 2px !important;
    border-radius: 5px !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
z-index: 500 !important;
    background: peru !important;
}


/* (avr2015) PHOTO - VIEW MORE - POOLS */
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type {
    position: fixed !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    line-height: 4px !important;
    top: 258px !important;
/* margin-left: -19px !important; */
    right: 505px !important;
    padding: 3px !important;
    border-radius: 10px !important;
    font-size: 0px !important;
/* color: gold ! important; */
/* color: transparent !important; */
    cursor: pointer !important;
/* background: #333 !important; */
/* text-align: left !important; */
/* visibility: hidden !important; */
    z-index: 5000 !important;
}
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type a:before {
    content: "✚" !important;
    position: relative !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    line-height: 18px !important;
    top: -1px !important;
    left: -1px !important;
/* margin-left: -500px !important; */
    padding: 1px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    text-align: center !important;
    cursor: pointer !important;
/* color: gold ! important; */
/* background: #333 !important; */
    visibility: visible !important;
/* pointer-events: none !important; */
}
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type a:hover:before {
/* width: 10px !important; */
/* height: 8px !important; */
/* line-height: 18px !important; */
/* top: -1px !important; */
/* margin-left: -1px !important; */
/* padding: 1px !important; */
    font-size: 16px !important;
    cursor: pointer !important;
color: tomato ! important;
    background: black !important;
}



/* (var2015) PHOTO - PERSO - MY POOLS INDICATORS  - CF SEPARATE USERSTYLES - ==== */


/* (var2015) PHOTO - POOLS / GALLERIES - EMPTY */

/* ALL EMPTY */
.sub-photo-contexts-view .sub-photo-context.empty p:first-child {
margin-top: -5px !important;
    margin-bottom: -24px !important;
}
.sub-photo-contexts-view .sub-photo-context.empty a.add-to {
    margin-top: 21px !important;
    right: 5px !important;
}

/* (var2015) PHOTO - POOL EMPTY */
.sub-photo-contexts-view .sub-photo-context-groups.empty {
    display: inline-block !important;
    width: 483px !important;
    height: 15px !important;
/* top: -20px !important; */
    margin-bottom: -9px !important;
    margin-left: -2px !important;
margin-top: 25px !important;
margin-bottom: 15px !important;
padding: 1px 10px !important;
    border: none !important;
    text-align: left !important;
border: 1px solid green !important;
}
.sub-photo-contexts-view .sub-photo-context-groups.empty p:last-child {
    display: inline-block !important;
    height: 100% !important;
    line-height: 15px !important;
    margin-top: 4px !important;
    max-height: 15px !important;
    max-width: 200px !important;
    min-height: 15px !important;
    min-width: 200px !important;
    position: absolute !important;
    right: -100px !important;
    visibility: visible !important;
    width: 100% !important;
}
.sub-photo-contexts-view .sub-photo-context-groups.empty a.add-to {
    margin-top: 21px !important;
    right: 5px !important;
}

/* (avr2015) GALLERIES - EMPTY */
.sub-photo-contexts-view .sub-photo-context-galleries.empty {
    display: inline-block !important;
    height: 15px !important;
    width: 483px !important;
/* top: -45px !important; */
    margin-top: 25px !important;
    margin-left: -2px !important;
    margin-bottom: 4px !important;
    padding: 1px 10px !important;
/* border: 1px solid red !important; */
    border: 1px solid gray !important;
    text-align: left !important;
/* visibility: hidden ! important; */
/* background: green !important; */
}

.sub-photo-contexts-view .sub-photo-context-galleries.empty p:last-child  {
    position: absolute !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 15px !important;
    max-height: 15px !important;
    line-height: 15px !important;
    width: 100% !important;
    max-width: 200px !important;
    min-width: 200px !important;
    right: -100px !important;
    margin-top: 4px !important;
    visibility: visible ! important;
/* visibility: hidden ! important; */
}


/* (var2015) PHOTO - ADDITIONAL INFOS - === */
.view.sub-photo-additional-info-view:not(:empty) {
    display: inline-block !important;
    height: auto !important;
    width: 483px !important;
margin-top: 10px !important;
    margin-left: -3px !important;
    padding: 5px 10px !important;
    border: 1px solid gray !important;
    border-radius: 5px !important;
/* color: gray !important; */
}
.view.sub-photo-additional-info-view:empty {
    display: inline-block !important;
    height: auto !important;
    width: 480px !important;
    margin-top: 11px;
    padding: 5px 10px !important;
/* border: 1px solid gray !important; */
    border-radius: 5px !important;
/* color: gray !important */;
}
.additional-info > h3 {
position: relative !important;
    display: inline-block !important;
    width: 480px !important;
    margin-bottom: -2px !important;
    margin-top: 0px !important;
    top: -5px !important;
/* color: gray !important; */
}
.sub-photo-additional-info-view li {
    position: relative !important;
    display: inline-block !important;
    width: 117px !important;
    vertical-align: bottom !important;
    height: 100% !important;
    min-height: 27px !important;
    max-height: 27px !important;
/* line-height: 18px !important; */
    margin-top: -5px !important;
/* background: blue !important; */
}
.sub-photo-additional-info-view li i  {
/* width: 18px !important; */
/* height: 18px !important; */
    line-height: 18px !important;
/* background-color: rgba(194, 188, 188, 0.67) !important; */
    border: 2px solid rgba(194, 188, 188, 0.67) !important;
    border-radius: 100% !important;
    transform: scale(0.8) !important;
}

/* .sub-photo-additional-info-view li > .safety-value,  */
/* .sub-photo-additional-info-view li > .privacy-value , */
.sub-photo-additional-info-view li >  span:last-of-type ,
.feedback-container  {
    position: relative !important;
    display: inline-block !important;
/* font-size: 0 !important; */
    width: 80px !important;
    text-align: left !important;
color: gray !important;
}

/* (var2015) PHOTO - ADDITIONAL INFOS - NORMALS + EDITING - SUPP INFO LABELS - === */
.sub-photo-additional-info-view  .add-meta-permission + li .safety-label ,
.sub-photo-additional-info-view  .add-meta-permission .meta-permissions-label ,
.sub-photo-additional-info-view  .commenting-permission .commenting-label ,
.sub-photo-additional-info-view li > .safety-label ,
.sub-photo-additional-info-view li span.privacy-label {
    display: none !important;
}
/* (var2015) PHOTO - ADDITIONAL INFOS - NORMALS + EDITING - DROPDOWN INFO LABELS - === */
/* .sub-photo-additional-info-view .ui-dropdown */
/* .sub-photo-view .ui-dropdown > .truncate */
.sub-photo-additional-info-view .ui-dropdown > .truncate {
    position: relative !important;
    display: inline-block !important;
    float: right;
    width: 75px !important;
    vertical-align: bottom !important;
    height: 100% !important;
    min-height: 27px !important;
    max-height: 27px !important;
    top: 0px !important;
    left: -2px !important;
    margin-right: 0px !important;
    white-space: normal !important;
    word-wrap: normal !important;
/* background: red !important; */
}


/* (var2015) PHOTO - PRIVACY ICONS -
https://s.yimg.com/uy/build/images/cameraroll/cameraroll-1x-s12605cfbb7.png
*/
.sub-photo-additional-info-view .c-charm-item-privacy  i.ui-icon-tiny-privacypublic {
    height: 21px !important;
    width: 21px !important;
    margin-left: -7px !important;
    margin-top: -5px !important;
    padding: 2px !important;
    border: 2px solid green !important;
    background-image: url(https://s.yimg.com/uy/build/images/cameraroll/cameraroll-1x-s12605cfbb7.png) !important;
    background-position: 1px -173px !important;
/* background-color: green !important; */
    opacity: 0.35 !important;
}
/* PRIVATE */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate {
    background-image: url(https://s.yimg.com/uy/build/images/cameraroll/cameraroll-1x-s12605cfbb7.png) !important;
    background-position: -39px -149px !important;
    height: 17px !important;
    width: 17px !important;
    margin-left: -7px !important;
    margin-top: -5px !important;
    padding: 2px 2px 2.5px 2px !important;
    border: 2px solid red !important;
    opacity: 0.6 !important;
}
/* FRIEND */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriends {
    background-image: url(https://s.yimg.com/uy/build/images/cameraroll/cameraroll-1x-s12605cfbb7.png) !important;
    background-position: -39px -149px !important;
    height: 17px !important;
    width: 17px !important;
    margin-left: -7px !important;
    margin-top: -5px !important;
    padding: 2px 2px 2.5px 2px !important;
    border: 2px solid red !important;
    opacity: 0.6 !important;
}

/* SAFE */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-0 {
/* height: 15px !important; */
/* width: 15px !important; */
    border: 2px solid green !important;
    opacity: 0.6 !important;
}

/* MODERATE */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-1 {
    background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -170.46px -101px !important;
    height: 15px !important;
    width: 15px !important;
    margin-left: -7px !important;
    margin-top: -5px !important;
    padding: 2px 2px 2.5px 2px !important;
    border: 2px solid orange !important;
    opacity: 0.6 !important;
}

/* RESTRICTED */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-2 {
    background-image: url(https://s.yimg.com/uy/build/images/cameraroll/cameraroll-1x-s12605cfbb7.png) !important;
    background-position: -39px -149px !important;
    height: 17px !important;
    width: 17px !important;
    margin-left: -7px !important;
    margin-top: -5px !important;
    padding: 2px 2px 2.5px 2px !important;
    border: 2px solid red !important;
    opacity: 0.6 !important;
}

/* FLAG */
.sub-photo-additional-info-view i.ui-icon-tiny-flag-photo {
    background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll 4px -188px !important;
    height: 15px !important;
    width: 15px !important;
    margin-top: -5px !important;
    margin-right: 15px;
    padding: 2px 2px 2.5px 2px !important;
    opacity: 0.35 !important;
    border: 2px solid yellow !important;
    background-color: white !important;
}
.sub-photo-additional-info-view i.ui-icon-tiny-flag-photo {
/* background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -6px -190px !important; */
/* height: 17px !important; */
/* width: 16px !important; */
/* margin-right: 15px !important; */
/* vertical-align: top !important; */
}
.sub-photo-additional-info-view li .flag-photo {
    color: #006dac;
    font-size: 14px;
}

/* FEEDBACK */
.sub-photo-additional-info-view .feedback-container  {
    position: relative !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 18px !important;
    max-height: 18px !important;
/* line-height: 10px !important; */
    width: 490px !important;
    margin-top: 5px !important;
/* background: red !important; */
}
.feedback-container a.give-feedback  {
    position: relative !important;
    display: inline-block !important;
/* height: 100% !important; */
/* min-height: 18px !important; */
/* max-height: 18px !important; */
    line-height: 15px !important;
    margin-top: -7px !important;
    color: #006dac;
    font-size: 15px !important;
}

/* FEEDBACK - SPRITE -
ACTUAL:
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -75px -171px !important;
TWEAK:
    padding: 2px !important;
    border: 2px solid green !important;
    background-image: url(https://s.yimg.com/uy/build/images/cameraroll/cameraroll-1x-s12605cfbb7.png) !important;
    background-position: 1px -173px !important;

=== */
/* .sub-photo-additional-info-view i.ui-icon-tiny-feedback {
    position: relative !important;
    display: inline-block !important;
    background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -75px -171px !important;
    height: 18px !important;
    line-height: 18px !important;
    width: 18px !important;
    margin-left: -4px;
    margin-right: 16px;
    top: -3px !important;
    opacity: 0.47;
    vertical-align: middle;
    background-color: white !important;
} */
.sub-photo-additional-info-view i.ui-icon-tiny-feedback {
    position: relative !important;
    display: inline-block !important;
    height: 28px !important;
    width: 28px !important;
    margin-left: -10px !important;
    margin-right: 16px;
    top: -3px !important;
    padding: 2px !important;
    opacity: 0.35 !important;
    border: 2px solid gray !important;
    background-image: url(https://s.yimg.com/uy/build/images/cameraroll/cameraroll-1x-s12605cfbb7.png) !important;
    background-position: -24px -172px !important;
    background-color: white !important;
    transform: scale(0.6) !important;
}

/* (var2015) PHOTO - ADDITIONAL INFOS - EDITING - ICONS - === */
/* (avr2015) ADDITIONAL INFOS - EDITING - OK - COMMENTING ICON */
/* .sub-photo-additional-info-view i.ui-icon-tiny-commentPermission3, .sub-photo-additional-info-view i.ui-icon-tiny-metaPermission3 {
    background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -172px -66px !important;
    height: 17px !important;
    width: 17px !important;
    margin-left: -7px !important;
    margin-top: -5px !important;
    padding: 2px 2px 2.5px 2px !important;
    border: 2px solid tomato !important;
    opacity: 0.6 !important;
} */
.sub-photo-additional-info-view i.ui-icon-tiny-commentPermission3, .sub-photo-additional-info-view i.ui-icon-tiny-metaPermission3 {
    background-image: url(https://s.yimg.com/uy/build/images/cameraroll/cameraroll-1x-s12605cfbb7.png) !important;
    background-position: 1px -173px !important;
    height: 21px !important;
    width: 21px !important;
    padding: 2px 2px 2.5px 2px !important;
    border: 2px solid green !important;
    opacity: 0.6 !important;
}
/* (var2015) PHOTO - ADDITIONAL INFOS - EDITING - ADD TAGS/PEOPLE ICON */
/* .sub-photo-additional-info-view i.ui-icon-tiny-commentPermission2, .sub-photo-additional-info-view i.ui-icon-tiny-metaPermission2 {
    background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -202px -18px !important;
    height: 17px !important;
    width: 17px !important;
    margin-left: -7px !important;
    margin-top: -5px !important;
    padding: 2px 2px 2.5px 2px !important;
    border: 2px solid tomato !important;
    opacity: 0.6 !important;
} */
.sub-photo-additional-info-view i.ui-icon-tiny-commentPermission2, .sub-photo-additional-info-view i.ui-icon-tiny-metaPermission2 {
    background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -202px -18px !important;
    border: 2px solid tomato !important;
    height: 17px !important;
    margin-left: -7px !important;
    margin-top: -5px !important;
    opacity: 0.6 !important;
    padding: 2px 2px 2.5px !important;
    width: 17px !important;
}




/* (var2015) PHOTO - TAGS + TAG EMPTY - CONTAINER */
.sub-photo-tags-tag-view.empty {
    visibility: hidden !important;
}
/* .sub-photo-tags-tag-view.empty .tags-list input  */
.sub-photo-tags-tag-view.empty a.show-add-tags{
    display: inline-block !important;
    height: auto !important;
    width: 180px !important;
    height: 45px !important;
    visibility: visible !important;
background: yellow ! important;
}
/* .sub-photo-tags-tag-view.empty .tags-list input  */
.sub-photo-tags-tag-view.empty a.show-add-tags:hover {
    display: inline-block !important;
    height: auto !important;
    width: 180px !important;
/* height: 45px !important; */
/* height: auto !important; */
    background-color: red !important;
    outline: 1px solid violet ! important;
}

/* .sub-photo-right-view > .sub-photo-tags-view  */
.sub-photo-tags-tag-view {
    position: fixed !important;
    display: inline-block !important;
    float: none !important;
    min-width: 490px !important;
    max-width: 490px !important;
    height: 45px !important;
    right: -20px !important;
    bottom: -19px !important;
    padding: 0 5px 0 5px !important;
    border-bottom: none !important;
    border-top: none ! important;
    border-radius: 5px 5px  0 0 !important;
/* z-index: 50000000 !important; */
/* background: #333 !important; */
/* background: peru !important; */
}
/* .sub-photo-right-view > .sub-photo-tags-view:hover */
.sub-photo-tags-tag-view:hover {
    height: auto !important;
    z-index: 50000000 !important;
/* background: #333 !important; */
/* background: red !important; */
}

/* .sub-photo-right-view > .sub-photo-tags-view:hover */
.sub-photo-tags-tag-view:hover  {
    margin-bottom: 18px !important;
}



/* =================== */
/* (var2015) PHOTO - ICON*/
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail:before ,
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail:after {
      background: none repeat scroll 0 0 transparent;
      box-shadow: none !important;
      content: "";
      height: 100%;
      left: -2px;
      padding: 2px;
      position: absolute;
      top: -2px;
      transition: none 0s ease 0s  !important;
      width: 100%;
/* padding: 0 !important; */
/* font-size: 0 !important; */
/* outline: 1px solid violet !important; */
}
.sub-photo-view .circle-icon:after {
      border: medium none !important;
      border-radius: 0 !important;
      bottom: 0;
      content: "";
      display: block;
      left: 0;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
}
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail {
      border-radius: 0 ! important;
}
.sub-photo-view .circle-icon {
      border-radius: 0 !important;
}
.sub-photo-view .circle-icon img {
      border-radius: 0!important;
}


/* (var2015) NEW PHOTO PAGE === END ==== */




/* ==== (avr2015) ==== START ==== NEW PHOTO PAGE -  COLOR ==== */

/* (new28) LINK + VISITED + VISITER HOVER
#73B379 -
SUPP  background-color: transparent;
(ajout : background-color: #333333;)
=== */
a {
    color: peru !important;
    text-decoration: none !important;
/* background-color: #333333 !important; */
/* background-position:-2px -2px !important; */
}
a:hover,
a:visited:hover {
    color: #B9D56E !important;
    text-decoration: none !important;
background-color: transparent !important;
/* background-color: #333333 !important; */
/* background-position:-2px -2px !important; */
}
a:active {
    background-color: transparent !important;
    color: #CC0000 !important;
    text-decoration: none !important;
}

/* LINKS /TXT COLORS */

.additional-info > h3 ,
.view.sub-photo-additional-info-view:empty ,
.view.sub-photo-additional-info-view:not(:empty) ,
.sub-photo-contexts-view .sub-photo-context h5 ,
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty h3 ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:not(:only-of-type):before ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:first-of-type:before ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):before ,
.sub-photo-left-view > .sub-photo-fave-view.faves-present ,
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc ,
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul > li ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view  ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats ,
.sub-photo-comments-view {
/* color: #444444 !important; */
/* color: #999999 !important; */
color: gray !important;
/* color: aqua !important; */
}


/* STYLE1 ============================================================================= */
/* ==================================================================================== */
/* ==================================================================================== */
/* END =====FLICKR - 0-NEW - Flickr WideScreen - NEW Photo Page (avr2015) ============= */
/* ==================================================================================== */
/* ==================================================================================== */
/* ==================================================================================== */

}