#cbbox{text-align:center;margin-top:10px}.raroption{margin-left:5px!important}.ranoption{margin-left:5px!important}.search-box{display:inline-block}.result{position:absolute;z-index:999;top:100%;left:0}.search-box input[type=text],.result{width:100%;box-sizing:border-box}.result p{margin:0;padding:7px 10px;border:1px solid #111;border-top:none;cursor:pointer;background-color:#222}.result p:hover{background:#111}.nb-center{text-align:center;font-size:14px;color:#fff;margin:0 0 10px}.tabletitle{color:#0a8dde;font-size:14px;text-align:center;padding:5px;background-color:#2c2c2c;border:solid 1px #111;text-shadow:1px 1px 0 #111;font-weight:700;margin:0}.topstats-row{display:flex;flex-wrap:wrap;margin-bottom:20px}.topstats-table{flex:1;margin:0 0 0 0;box-sizing:border-box}.table-header{color:#0a8dde;font-size:14px;text-align:center;padding:5px;background-color:#2c2c2c;border:1px solid #111;text-shadow:1px 1px 0 #111;width:33%}.small-column{width:30px!important}.normal-column{width:auto!important}.table-prop{empty-cells:show;margin:auto;width:100%;text-align:center}.small-cell{padding:2px;width:30px}.normal-cell{padding:5px}#overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:4;cursor:pointer}#imgpos{max-width:75%;max-height:75%;top:0;left:0;right:0;bottom:0;margin:auto;border:5px solid #111;position:absolute;cursor:zoom-out}.smallimg{cursor:zoom-in}#status{font-weight:700;color:red;text-align:center}.status{font-weight:700;color:red;text-align:center}.commentinfo{font-weight:700;color:#157dec;text-align:center}input:-webkit-autofill{-webkit-text-fill-color:#baf3ff!important;-webkit-box-shadow:0 0 0 1000px #2c3539 inset!important}textarea{max-width:100%;max-height:100%;border-radius:12px}textarea:focus.noborder{outline:none!important;padding:5px}.signature{margin-top:20px}#statstitle{font-size:160%;color:#a72840;font-weight:700;margin-top:20px;border-bottom:1px solid #000}#statsrow{display:block;color:beige}#statsrowinfo{color:#f63b5d;display:inline-block;font-weight:700;float:right}#statsgroup{border-bottom:1px solid #000;padding:2px 0}#statsarea{width:100%}#skillarea{width:100%}.graypb{background-color:#222!important;margin-bottom:0!important}#skillname{display:inline-block;width:16%;margin-right:10px;color:beige}#skillbar{display:inline-block;width:65%}#skillrow{display:block}#statsinfo1{color:#a72840;display:inline-block;padding:0;margin:0;font-size:13px;padding-right:3px;font-weight:700}#statsinfo{color:#f63b5d;display:inline-block;padding:0;margin:0;font-size:13px}#separator{display:block;margin-top:15px;margin-bottom:15px;margin-left:auto;margin-right:auto;border-style:dotted;border-width:2px;color:#111}#search input.ucp_search_input{position:absolute;top:5px;background:#2c3539 url(../images/theme/hladaj.png) no-repeat right;border:1px solid #101010;outline:none;width:260px;height:30px;padding:4px 8px;border-radius:1px;font-size:12px;color:#baf3ff;text-align:left}#lgninfo{font-weight:700;margin-bottom:10px;color:#b00}.pinicon{margin-top:-25px;margin-right:-1px;float:right}.dltstatus{margin-top:-5px;margin-right:3px;float:right;font-size:21px;font-weight:700;line-height:1;color:red!important;text-shadow:0 1px 0 #2c3539;filter:alpha(opacity=30%);opacity:.3}.dltstatus:hover,.dltstatus:focus{color:red;text-decoration:none;cursor:pointer;filter:alpha(opacity=70%);opacity:.7}button.dltstatus{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.statusfooter{width:100%}.statusdate{display:inline-block;margin-right:0;font-size:80%;line-height:1.42857143;color:#777;text-align:right;width:50%}.likedislike{display:inline-block;font-size:80%;line-height:1.42857143;color:#777;text-align:left;width:49%}.dltstatusbtn{text-align:right}.hidecomments{margin-top:10px;display:none}.showcomments{margin-top:10px;display:block}.friend .dltstatus{color:#000!important;margin-right:-10px}.friend .dltstatus:hover{color:#fff!important}.friend{width:250px;padding:10px 20px;margin:5px;font-size:17.5px;border:3px solid #111;display:inline-block;position:relative;background-color:#222;border-radius:10px}.friend:hover{border:3px solid #800;cursor:pointer}.friendimg{height:50px;width:50px;overflow:hidden;position:relative;border:2px solid #111;display:inline-block;background-color:#334;border-radius:10px}.cropimg{position:absolute;top:-6px;left:-36px;width:40%;height:40%}.friendname{position:absolute;display:inline-block;padding-left:10px;color:#0a8dde!important}.friendinfo{position:absolute;display:inline-block;padding-left:10px;bottom:10px;font-size:80%;color:#baf3ff!important}.postername{font-weight:700;margin-left:0;margin-bottom:5px;font-size:80%;line-height:1.42857143;color:#0a8dde;text-align:left;width:50%}#notification{position:absolute;background:#222;border:3px solid #000;display:none;height:500px;width:290px;margin-top:5px!important;opacity:.92;border-radius:10px}#notarea{height:458px;overflow:auto;text-align:left;line-height:135%}#notheader{border-bottom:3px solid #000;color:#baf3ff;font-weight:700;font-size:100%;padding:5px;letter-spacing:1px;background:#0a8dde;border-radius:10px 10px 0 0;margin-bottom:0}#notdlike{border-bottom:1px solid #000;color:#d43f3a;font-weight:400;font-size:90%;padding:10px 10px 16px 5px}#notlike{border-bottom:1px solid #000;color:#337ab7;font-weight:400;font-size:90%;padding:10px 10px 16px 5px}#notcom{border-bottom:1px solid #000;color:#f0ad4e;font-weight:400;font-size:90%;padding:10px 10px 16px 5px}#notfriend{border-bottom:1px solid #000;color:#5bc0de;font-weight:400;font-size:90%;padding:10px 10px 16px 5px}#notdate{display:inline-block;left:132px;font-size:70%;color:#777;text-align:right;width:100%;font-weight:400;margin-bottom:-17px}#nonewnot{text-align:center;padding:10px}#ytvideo{text-align:center}#ucpformbg{background:#1a1e1e;border:3px solid #1f1f1f;width:350px;padding:20px 10px;margin:auto;text-align:center}#ucpform{width:230px;clear:both;margin:auto;text-align:center!important}#ucpform input{clear:both}#loginbtn{width:100px;margin:auto;margin-top:10px}#centarprofil{float:left}#statusbtn{margin-top:13px;width:200px;border-radius:30px}.arrowbutton{font-size:10px;width:25px}#arrows{float:left;margin-left:34%;margin-right:-40%}.commentbtn{text-align:right}.statustext{width:600px;height:70px;text-align:left}.commenttext{width:814px;height:70px;text-align:left;margin-top:-15px;margin-bottom:5px;display:block;font-size:14px;padding:10px}#statusform{text-align:center}#staylogged{margin:5px}input{text-align:center}#errormsg{color:red;font-size:15px;font-weight:700;margin:10px;padding:10px;background:#1a1e1e;border:3px solid #2f1f1f;text-align:center;display:none}#mainprofile{//margin:auto;//text-align:center}#statusesarea{margin:auto;text-align:left}#n_statusesarea{margin:auto;text-align:left}#postmenubtn{margin:1px;font-size:8pt;width:55px}#postmenubtn:hover{border:2px solid #444}#smilebtn{margin:1px}#postmenu{text-align:center}#smilebox{margin-top:7px}#smiley{vertical-align:text-bottom}.youtube{position:relative;cursor:pointer;background:#000 no-repeat center center/cover;clear:both;width:550px;height:315px;margin:auto}.youtube::after{content:'';height:80px;width:80px;display:block;margin:-40px 0 0 -40px;position:absolute;top:50%;left:50%;background:url(../images/yt-play.webp) no-repeat;z-index:1}.youtube iframe{width:550px;height:315px;position:absolute;top:0;left:0;z-index:3}

.pinned {
    border-bottom: 3px solid #0073ff !important;
}

.pinstatus{
    margin-top:-5px;
    margin-right:3px;
    float:right;
    font-size:21px;
    font-weight:700;
    line-height:1;
    color:red!important;
    text-shadow:0 1px 0 #2c3539;
}

/* Stil za fullscreen sliku */
#fullscreen-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

#fullscreen-img img {
    max-width: 100%;
    max-height: 100%;
}

#fullscreen-img-src{
    border: 5px solid rgb(26, 26, 26);
}

#fullscreen-img {
    cursor: zoom-out;
}

.img-click {
    max-width:720px; 
    max-height:320px;
    cursor: zoom-in;
}