span.success-ui-alert {
    color: #007700;
}
.clearfix {
    clear: both;
}
.upload-gallery-image-form {
    padding: 50px 0;
}
.upload-gallery-image-form .upload-field,
.upload-gallery-image-form .description {
    padding: 10px 0;
}
.upload-gallery-image-form .description {
    text-align: center;
}
.upload-gallery-image-form .description input {
    width: 98%;
    /*height: 20px;*/
}
.gallery-image-list {
    padding: 30px 0;
}
.gallery-image-list > .thumb {
    float: left;
    margin: 0 18px 12px 0;
    position: relative;
}
.gallery-image-list > .thumb img {
    -webkit-transition: 250ms outline;
    -moz-transition: 250ms outline;
    -ms-transition: 250ms outline;
    -o-transition: 250ms outline;
    transition: 250ms outline;
    cursor: pointer;
}
.gallery-image-list > .thumb:hover img {
    background: #f15d22;
    outline: 5px solid #f15d22;
}
.gallery-image-list > .thumb > span.loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../img/loader.gif') rgba(255, 255, 255, 0.78) no-repeat center;
    z-index: 10;
}
.gallery-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/overlay-bg.png') rgba(255, 255, 255, .3);
    z-index: 999999;
}
.gallery-overlay .image-container {
    background: #000;
    position: absolute;
    z-index: 9999999;
    opacity: 0;
}
.gallery-overlay .image-container table {
    width: 100%;
    height: 100%;
}
.gallery-overlay .image-container table tr,
.gallery-overlay .image-container table tr td {
    padding: 0;
    margin: 0;
}
.gallery-overlay .image-container .image {
    /*float: left;*/
    text-align: center;
    position: relative;
}
.gallery-overlay .image-container .info > div {
    padding: 20px;
}
.gallery-overlay .image-container .info {
    vertical-align: top;
    width: 360px;
    /*float: left;*/
    background: #fff;
}
.gallery-overlay .image-container .info > div {
    overflow: auto;
    overflow-y: auto;
}
.gallery-overlay span[rel~="close"] {
    width: 20px;
    height: 20px;
    background: url('../img/close-icon.png') no-repeat center;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -ms-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}
.gallery-overlay span[rel~="close"]:hover {
    opacity: 1;
}
.gallery-overlay .image-container .info .author img {
    float: left;
    margin-right: 15px;
}
.gallery-overlay .image-container .info .author .name {
    color: #3b5998;
    font-weight: bold;
    font-size: 13px;
    line-height: 21px;
    text-shadow: none;
}
.gallery-overlay .image-container .info .author .date {
    color: #999;
    font-size: 12px;
    text-shadow: none;
}
.gallery-overlay .image-container .info .description {
    padding: 20px 0;
    color: #333;
    font-size: 13px;
    text-shadow: none;
}
.gallery-overlay .image-container .image {
    overflow: hidden;
}
.gallery-overlay .image-container .image > .actions {
    position: absolute;
    left: 0;
    bottom: -2px;
    opacity: 0;
    display: inline-block;
    text-align: left;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: 400ms all;
    -moz-transition: 400ms all;
    -ms-transition: 400ms all;
    -o-transition: 400ms all;
    transition: 400ms all;
}
.gallery-overlay .image-container .image > .actions a.delete {
    float: right;
    margin-top: -25px;
    margin-right: 10px;
    margin-left: 10px;
}
.gallery-overlay .image-container .image:hover .actions {
    opacity: 1;
}
.gallery-overlay .image-container .image .actions a.zoom {
    background: url("../img/fullscreen.png") rgba(0, 0, 0, 0.8) no-repeat center;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
}

.gallery-page .pages-links {
    text-align: center;
}
.gallery-page .pages-links a {
    margin: 0 10px;
}

/* OmeWoW Gallery redesign */
.omewow-gallery { margin: 34px 0 50px; }
.omewow-gallery .gallery-header {
    display: flex; align-items: center; justify-content: space-between; gap: 24px;
    padding: 22px 24px; margin-bottom: 16px;
    background: linear-gradient(180deg, rgba(30,30,30,.98), rgba(15,15,15,.98));
    border: 1px solid #4a4335; border-top: 2px solid #b68a2d;
    box-shadow: 0 8px 24px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.025);
}
.omewow-gallery .gallery-heading h1 { margin: 3px 0 5px; color: #f3f3f3; font-size: 24px; line-height: 1.2; text-transform: uppercase; }
.omewow-gallery .gallery-heading p { margin: 0; color: #8f8f8f; font-size: 12px; }
.omewow-gallery .gallery-kicker { color: #c99b35; font-size: 10px; font-weight: 700; letter-spacing: 2px; }
.omewow-gallery .gallery-upload-btn,
.omewow-gallery .gallery-back-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px;
    padding: 0 17px; border: 1px solid #9f7929; color: #f1d58e !important;
    background: linear-gradient(#332a19, #17140e); text-decoration: none !important;
    text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: .45px;
    box-shadow: inset 0 1px rgba(255,255,255,.06), 0 3px 10px rgba(0,0,0,.28); cursor: pointer;
    transition: .18s ease;
}
.omewow-gallery .gallery-upload-btn:hover,
.omewow-gallery .gallery-back-btn:hover { border-color: #d4aa4b; color: #fff2c4 !important; background: linear-gradient(#49391e, #211a0e); }
.omewow-gallery .gallery-upload-btn span { font-size: 18px; line-height: 1; }
.omewow-gallery .gallery-panel {
    min-height: 220px; padding: 22px;
    background: rgba(15,15,15,.82); border: 1px solid #302d27;
    box-shadow: inset 0 1px rgba(255,255,255,.018), 0 8px 25px rgba(0,0,0,.2);
}
.omewow-gallery .gallery-image-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 0; }
.omewow-gallery .gallery-image-list > .thumb { float: none; margin: 0; width: auto; height: 170px; overflow: hidden; border: 1px solid #39352c; background: #090909; position: relative; box-shadow: 0 5px 14px rgba(0,0,0,.32); }
.omewow-gallery .gallery-image-list > .thumb > a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.omewow-gallery .gallery-image-list > .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; outline: 0 !important; background: transparent !important; transition: transform .28s ease, filter .28s ease; }
.omewow-gallery .gallery-image-list > .thumb:hover img { transform: scale(1.055); filter: brightness(.72); outline: 0 !important; }
.omewow-gallery .gallery-thumb-overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 13px 11px; background: linear-gradient(transparent, rgba(0,0,0,.94)); opacity: .82; transition: .2s ease; }
.omewow-gallery .thumb:hover .gallery-thumb-overlay { opacity: 1; }
.omewow-gallery .gallery-thumb-overlay strong { display: block; color: #d6aa4c; font-size: 11px; text-transform: uppercase; letter-spacing: .55px; }
.omewow-gallery .gallery-thumb-overlay small { display: block; overflow: hidden; margin-top: 3px; color: #b7b7b7; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }
.omewow-gallery .pages-links { margin-top: 22px; padding-top: 17px; border-top: 1px solid #29261f; text-align: center; }
.omewow-gallery .pages-links a, .omewow-gallery .pages-links strong { display: inline-block; min-width: 28px; padding: 6px 8px; margin: 2px 3px; border: 1px solid #443a27; background: #15130f; color: #c8a85f; text-decoration: none; }
.omewow-gallery .gallery-empty { padding: 50px 20px; text-align: center; }
.omewow-gallery .gallery-empty-icon { color: #b68a2d; font-size: 30px; }
.omewow-gallery .gallery-empty h2 { margin: 8px 0; color: #eee; text-transform: uppercase; font-size: 18px; }
.omewow-gallery .gallery-empty p { margin: 0 0 20px; color: #888; }
.omewow-gallery .gallery-upload-panel { max-width: 650px; padding: 28px; }
.omewow-gallery .gallery-upload-panel form { margin: 0; }
.omewow-gallery .gallery-field-label { display: block; margin: 0 0 7px; color: #cba44d; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .7px; }
.omewow-gallery .upload-field, .omewow-gallery .description { padding: 0 0 20px; text-align: left; }
.omewow-gallery .upload-field input[type=file] { box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid #3b372e; background: #0c0c0c; color: #aaa; }
.omewow-gallery .upload-field small { display: block; margin-top: 7px; color: #666; font-size: 10px; }
.omewow-gallery .description input { box-sizing: border-box; width: 100%; padding: 12px 13px; border: 1px solid #3b372e; outline: none; background: #0c0c0c; color: #ddd; }
.omewow-gallery .description input:focus { border-color: #9d792f; }
.omewow-gallery .gallery-submit-btn { border-radius: 0; font-family: inherit; }
@media (max-width: 900px) { .omewow-gallery .gallery-image-list { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 620px) { .omewow-gallery .gallery-header { align-items: stretch; flex-direction: column; } .omewow-gallery .gallery-image-list { grid-template-columns: 1fr; } .omewow-gallery .gallery-image-list > .thumb { height: 200px; } }

/* OmeWoW native screenshot viewer - no legacy AJAX/lightbox dependency */
.omewow-gallery-viewer { position:fixed; inset:0; z-index:9999999; display:flex; align-items:center; justify-content:center; padding:35px; background:rgba(0,0,0,.92); }
.omewow-gallery-viewer-box { position:relative; max-width:calc(100vw - 70px); max-height:calc(100vh - 70px); padding:10px; background:#0d0d0d; border:1px solid #66501d; box-shadow:0 0 40px rgba(0,0,0,.85),0 0 18px rgba(190,145,35,.14); }
.omewow-gallery-viewer-image { display:block; max-width:calc(100vw - 92px); max-height:calc(100vh - 145px); width:auto; height:auto; margin:auto; object-fit:contain; }
.omewow-gallery-viewer-close { position:absolute; right:-15px; top:-15px; z-index:2; width:34px; height:34px; border:1px solid #b68a2d; border-radius:50%; background:#111; color:#f3c433; font-size:25px; line-height:28px; cursor:pointer; box-shadow:0 3px 12px #000; }
.omewow-gallery-viewer-close:hover { background:#b68a2d; color:#090909; }
.omewow-gallery-viewer-caption { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:10px 4px 2px; color:#ddd; font-size:12px; }
.omewow-gallery-viewer-full { color:#f0bd32 !important; font-size:10px; font-weight:bold; text-transform:uppercase; white-space:nowrap; }
.omewow-gallery-viewer-error { color:#d9534f; }
@media (max-width:700px) { .omewow-gallery-viewer{padding:15px}.omewow-gallery-viewer-box{max-width:calc(100vw - 30px);max-height:calc(100vh - 30px)}.omewow-gallery-viewer-image{max-width:calc(100vw - 50px);max-height:calc(100vh - 105px)} }