HTML {
    /*overflow: -moz-scrollbars-vertical; */
    overflow-y: scroll;
}

BODY {
    font-family: Arial;
}
A:link, A:visited {
    text-decoration: inherit;
    color: inherit;
}
A:hover {
    text-decoration: underline;
    opacity: 0.7;
}
.Buttons {
    list-style: none;
    padding: 0px;
    margin-bottom: 15px;
}

H1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}
.strong {
    font-weight: bold;
}
.F16 {
    font-size: 15px;    
}
.F14 {
    font-size: 14px;    
}
.F12, .s12, .s12b {
    font-size: 12px;    
}
.F11 {
    font-size: 11px;
}
.s12b, .s11b {
    font-weight: bold;
}
.s11b {
    font-size: 11px;
}
.F10 {
    font-size: 10px;
}
.White {
    color: #fff;
}
.Main {
    margin-left:auto;
    margin-right:auto;
    border-spacing: 0px;
}
.Main TD {
    padding: 0px;
}
TD.RightColumn {
    /*padding-left: 10px;*/
}
.Avatar2 {
    width: 40px;
    height: 40px;
    background-size: cover;
}
#foto {
    position: relative;
    top: -1px;
    left: -1px;
}

.magnifier {
    cursor: url('/gfxn/zdjecie/magnify.png') 4 4, move;
}

/*canvas {
    cursor: url('/gfxn/zdjecie/magnify.png') 4 4, move;
}*/
.Author {
    font-size: 14px;
    color: #965CAD;
}

TABLE.NoPadding {
    border-spacing: 0px;
}
TABLE.NoPadding TD {
    padding: 0px;
}
#foto-temporary {
    margin-left: auto;
    margin-right: auto;
}
#FotoLoader {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

DIV.FotoBox {
}

DIV.FotoBox.Empty, A.FotoBox.Empty {
    background-image: url('/gfxn/zdjecie/box_b.gif');
    background-size:auto;
}

DIV.FotoBox.First, A.FotoBox.First {
    background-image: url('/gfxn/zdjecie/najstarsze.png'), url('/gfxn/zdjecie/box_b.gif');
    background-repeat: no-repeat, repeat;
    background-position: center;
    background-size:auto;
}

DIV.Last, A.Last {
    /*background-color: yellow;
    color: pink;
    font-weight:bold;*/
}

A.FotoBox.Last {
    background-image: url('/gfxn/zdjecie/najnowsze.png'), url('/gfxn/zdjecie/box_b.gif');
    background-repeat: no-repeat, repeat;
    background-position: center;
    background-size:auto;
}
/*DIV.FotoBox A {
    display: block;
    width: 56px;
    height: 56px;
}*/
DIV.FotoContainer {
    /*border: 1px solid red;*/
    position: relative;
    left: 0px;
    top: 2px;
}
DIV.FotoMarked {
    border: 1px solid #aaa;
    position: relative;
    top: -2px;
    left: -2px;
    width: 58px;
    height: 58px;    
}
.mcol {
    width: 23px;
}

/* Menu */

ul.memu {
    list-style: none outside none; 
}

.memu ul li:first-child {
    /*border-radius: 5px 5px 0px 0px;*/
}

.memu ul li:first-child a {
    /*border-radius: 5px 5px 0px 0px;*/
}

.memu ul li:last-child a {
    /*border-radius: 0px 0px 5px 5px;*/
    /*border-radius: 0px 0px 5px 5px;*/
    /*border-bottom: 1px solid #555;*/
}

.memu ul li:last-child {
    /*border-radius: 0px 0px 5px 5px;*/
}

.memu ul {
    list-style: none outside none;
    margin: 6px 0px 0px -24px;
    padding: 0;
    position: absolute;
    /*padding-top: 1px;*/
    /*margin-top: 13px;*/
    width: 180px;
    display: none;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    z-index: 1005;
    /*border-radius: 5px;*/
    /*border-radius: 5px;*/
}
.memu ul ul {
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
}
.memu a {
    /*background-color: #eee;*/
    
    
    /*color: #fff;*/
    display: block;
    /*font-size: 11px;
    font-weight: bold;*/
    line-height: 22px;
    margin: 0 -1px -1px 0;
    /*padding-left: 10px;*/
    text-decoration: none;
    width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*.memu a:hover {
    opacity: 1;
    background-color: #fc0;
}*/

.memu .memu-icon {
    position: relative;
    width: 22px; 
    height: 22px !important; 
    margin: 0px 10px 0px 0px;
    float: left;
}

.memu li.memu-root A.MainMenu {
    /*font-size: 14px;
    font-weight: bold;*/
    /*color: white;*/
    /*padding-top:7px;
    padding-left:10px;*/
    background-color: transparent !important;
    display: inline-block;
    width: auto;
    border: 0px;
    padding: 0px;
    line-height: 1em;
    /*width: 100%;
    height: 100%;
    height: 33px;
    border: 0px;*/
}

.memu li.memu-root {
    /*width: 100%;
    height: 100%;*/
}

 > a {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    background: transparent !important;
}

.memu li:hover {
    /*background-color:red;*/
    /*float: left;*/
}
.memu li.has-children > a {
    background: url("/gfxn/arp.png") no-repeat scroll/* #fff*/;
    background-position: 166px center;
    /*background-color: #ddd;*/
}


/*.memu li:hover > a {
    background-color: #444;
    color: #965cad;
}*/

.memu-current {
    background-color: blue;
}

.memu-root:hover {
    /*background-color: #fff;*/
}

/*.spr {
    display: inline-block;
    background-image: url("/gfxn/_sprite.png");
} */

DIV.Avatar {
    left: 3px;
    top: 3px;
    width: 40px;
    height: 40px;
    background-color: #CCC;
    border: 1px solid #FFF;
    position: absolute;
}

DIV.comment {
    padding: 5px 0px 10px 49px;
    text-align: justify;
}

DIV.comment SPAN.hv {
    margin:0px 5px;
}

SPAN.hv:hover, DIV.hv:hover {
    cursor: pointer;
    text-decoration: underline;
}

.spr {
    display: inline-block;
    background-image: url("/gfxn/_sprite.png");
}

.spr[rel="rank_1"] { background-position: -1237px -231px;width:14px;height:8px }
.spr[rel="rank_2"] { background-position: -1251px -231px;width:14px;height:8px }
.spr[rel="rank_3"] { background-position: -1265px -231px;width:14px;height:8px }
.spr[rel="rank_4"] { background-position: -1237px -239px;width:14px;height:8px }
.spr[rel="rank_5"] { background-position: -1251px -239px;width:14px;height:8px }
.spr[rel="rank_6"] { background-position: -1265px -239px;width:14px;height:8px }
.spr[rel="rank_7"] { background-position: -1237px -247px;width:14px;height:8px }
.spr[rel="rank_8"] { background-position: -1251px -247px;width:14px;height:8px }
.spr[rel="rank_9"] { background-position: -1265px -247px;width:14px;height:8px }
.spr[rel="rank_10"] { background-position: -1237px -255px;width:14px;height:8px }
.spr[rel="rank_11"] { background-position: -1251px -255px;width:14px;height:8px }
.spr[rel="rank_12"] { background-position: -1265px -255px;width:14px;height:8px }
.spr[rel="rank_13"] { background-position: -1237px -263px;width:14px;height:8px }
.spr[rel="rank_14"] { background-position: -1251px -263px;width:14px;height:8px }
.spr[rel="rank_15"] { background-position: -1265px -263px;width:14px;height:8px }
.spr[rel="rank_16"] { background-position: -1237px -271px;width:14px;height:8px }
.spr[rel="rank_17"] { background-position: -1251px -271px;width:14px;height:8px }
.spr[rel="rank_18"] { background-position: -1265px -271px;width:14px;height:8px }

/* Menu END */

TEXTAREA.t1 {
    box-sizing: border-box;
    padding: 0px;
}

INPUT.b1 {
    border: 1px solid #666;
    padding: 2px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-color: #666;
    margin: 0px;
}

DIV#tipDiv2 {
    font-family: Arial;
    position: absolute;
    display: none;
    z-index: 10005;
    text-align: center;
    color: #FFF;
    font-size: 11px;
    line-height: 1.2;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.23);
}

DIV#tipDiv3 {
    padding: 2px;
    font-family: Arial;
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    z-index: 10005;
    text-align: center;
    color: #FFF;
    font-size: 11px;
    line-height: 1.2;
}

.ram {
    border: 1px solid #999999;
}

DIV.FotoBoxBlack A.FotoBox {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

DIV.FotoBoxBlack A.FotoBox.Marked {
    /*border: 1px solid white;
    margin: 1px 0px;*/
    border: 3px solid #FFF;
    margin: -2px -2px;
}

DIV.FotoBoxBlack A.FotoBox DIV.FotoMarked {
    /*border-color: #3080BE;*/
}

/*DIV.FotoBoxBlack A.Marked {
    border: 2px solid white;
}*/

DIV.votes_info {
    border-radius: 0px 0px 16px 16px;
}

DIV.votes_info_single {
    border-radius: 10px;
}

.pokaz_glosy, .pokaz_pobrania {
    cursor: pointer;
}

.pokaz_glosy:hover, .pokaz_pobrania:hover {
    color: #965cad;
}

.pobrania_pasek DIV {
    width: 300px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

DIV.votes_info, DIV.votes_info_single {
    font-weight:bold;
    background-color:rgba(0,0,0,0.7);
    text-shadow: 0px 0px 2px #000;
    padding:4px;
    position: relative;
    left: -37px;
    width: 370px;
}

DIV.votes_top_info {
    color:white;
    font-weight:bold;
    font-size:10px;
    line-height:12px;
    padding-bottom:3px;
}

DIV.votes {
    background-color:rgba(0,0,0,0.5);
    border-radius: 16px 16px 0px 0px;
    padding:4px;
    position: relative;
    line-height: 16px;
    left: -37px;
    width: 370px;
}

DIV.votes DIV.v {
    width:16px;
    height:16px;
    margin-left:2px;
    margin-right:2px;
}

DIV.votes DIV.vd {
    padding:0px 5px;
    margin:0px 5px;
}

DIV.votes DIV.v, DIV.votes DIV.vd {
    border-radius:9px;
    display:inline-block;
    border:1px solid #fff;    
    font-size:11px;
    color:#fff;
    text-align: center;
    cursor: pointer;
    /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);*/
}

DIV.votes DIV.v:hover {
    color: white;
}

DIV.votes DIV.v.a {
    /*background-color: rgba(255,0,0,0.5);*/
}

DIV.votes DIV.v.a:hover, DIV.votes DIV.vd.a:hover {
    background-color:#9B0000;;
}

/*DIV.votes DIV.v.b {
    
}                             
*/

DIV.votes DIV.v.b:hover {
    background-color:#9B5D00;;
}

DIV.votes DIV.v.c:hover {
    background-color:#889B00;
}

DIV.votes DIV.v.d:hover, DIV.votes DIV.vd.d:hover {
    background-color:#389B00;
}

DIV.votes DIV.v.e:hover {
    background-color:#009B57;
}

DIV.votes DIV.v.f:hover {
    background-color:#00959B;
}

DIV.votes DIV.s {
    display: inline-block;
    width: 2px;
}

DIV.more_photos {
    font-size: 10px;
    cursor: pointer;
    margin-bottom: 3px;
}

DIV.more_photos_container {
    margin: 10px 0px;
}

DIV.more_photos_container IMG {
    
}

#RightColumn_L2 {
    width: 300px;
}

#RightColumn_L2 A {
    text-decoration: underline;
}

DIV.CloseButton {
    cursor: pointer;
    position:absolute;
    left:5px;
    top:5px;
    width:20px;
    height:20px;
    background-image:url('/gfxn/close_1.png');
}

DIV.CloseButton:hover {
    background-image:url('/gfxn/close_1h.png');
}

DIV.fitPages {
    text-align: center;
    margin-bottom: 5px;
}

DIV.fitPages SPAN:hover, TD.Lne DIV:hover {
    background-color: #FFAD00;
}

TABLE.Panele {
    background-color:#ddd;
    width:100%;
    border-spacing:0px;
}
TABLE.Panele TD {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    text-align: center;
}

DIV.listaOcen TABLE IMG {
    margin:2px 0px;
    border:0px;
}

DIV.listaOcen TABLE TD.col_1 {
    width:25px;
    text-align:center;
    font-weight:bold;
}

DIV.listaOcen TABLE TD:nth-child(2){
    width:35px;
}

DIV.listaOcen TABLE TD:nth-child(4){
    width:92px;
    text-align:right;
    padding-right:7px;
    font-size:9px;
}

DIV.listaOcen TD.opinia {
    text-align:center;
}

TD.kolor_szeregowy {
    color: #66b400;
}

TD.kolor_regionalny {
    color: #ef7c00;
}

TD.kolor_naczelny {
    color: #be0303;
}

DIV.do_usuniecia {
    text-align:center;
    font-size:12px;
    border:1px dashed #3080BE;
    color:#3080BE;
    padding:5px;
    margin-top:5px;
}

DIV.ramka, DIV.ramka_czerwona {
    padding:1px;
    display:inline-block;
}

DIV.ramka_czerwona {
    border:1px solid red;
}

DIV.ramka {
    border:1px solid #666;
}

.nico {
    display:inline-block;
    width:10px;
    height:10px;
}

.mico {
    display:inline;
    width:10px;
    height:10px;
    position: absolute;
    top: 7px;
    left: 7px;
}

DIV.fitGallery A IMG {
    border: 0px;
}

A.fotoBox {
    display: inline-block;
    width: 80px;
    height: 53px;
    background-size: cover;
}

#searchResults {
    clear: both;
}

#searchResults TABLE {
    margin-left:auto;
    margin-right:auto;
}

#searchResults > TABLE {
    width:800px;
}

.s10 {
    font-size: 10px;
}

#searchResults TABLE .s12b {
    color: #333;
}

#searchResults A.resultURL {
    font-size: 12px;
    /*color: #3080BE;*/
    color: #444;
    text-decoration: underline;
}

.obiekt_1, .obiekt_2, .obiekt_3, .obiekt_4 {
    padding: 2px 4px;
    border-radius: 3px;
    color:white;
    font-size:9px; 
}

.obiekt_1 {
    background-color:#ABDA9C;
}

.obiekt_2 {
    background-color:#9CD8DA;
}

.obiekt_3 {
    background-color:#DA9C9C;
}

.obiekt_4 {
    background-color:#9CA6DA;
}

TD.wyniki {
    text-align:center;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
}

TABLE TD.sInp {
    padding:3px 10px;
    cursor: pointer;
}

DIV.sciezka {
    color: green;
}

TABLE.SearchBar {
    margin-left:auto;margin-right:auto;
    white-space:nowrap;
}

#SearchBar {
    display:none;
}


#searchWhere {
    font-size:12px;
    width:100%;
}

#szukaj.default {
    background-image:url('/gfxn/ico-search.png');
    background-repeat:no-repeat;
    background-position:150px;
}

#szukaj {
    font-size:12px;
    vertical-align:middle;
    font-family:Arial;
}

.Ico IMG {
    position: relative;
    left: -3px;
}

.ico-atrakcja, .ico-architekt, .ico-biuro, .ico-dawniej, .ico-inwestor, .ico-wykonawca, .ico-zabytek, .ico-zbudowano, .ico-zlikwidowano {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align:middle;
    margin-bottom:1px;
}

.roka {
    font-family:Tahoma;
    position:absolute;
    font-size:8px;
    padding:1px 3px;
    border-radius:3px;
    bottom:3px;
    left:3px;
    line-height:normal;
    font-weight:bold;
}

sup {
    font-size: 10px;
}

DIV.OpisZdjecia, H1.OpisZdjecia, DIV.OpisZdjecia > H1 {
    font-size:13px;
}

.ButtonRight.ButtonRightFoto {
    display:block;position:absolute;right:0px;z-index:4;top:auto;bottom:0px;background-repeat:no-repeat;cursor:pointer;
    height: 100%;
    background-position:calc(100% - 5px) center;
    background-image:url('/gfxn/moveRightWhite1off.png');
    width:100px;
}

.ButtonLeft.ButtonLeftFoto {
    display:block;position:absolute;left:0px;z-index:4;top:auto;bottom:0px;background-repeat:no-repeat;cursor:pointer;
    height: 100%;
    background-position:5px center;
    background-image:url('/gfxn/moveLeftWhite1off.png');
    width:100px;
}

.message {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    display: none;
    z-index: 100;
}

.message-info {
    background-color: rgba(30,30,30,0.9);
}

.message-close {
    position: absolute;
    right: 0;
    top: -10px;
    padding: 20px;
    font-size: 30px;
    cursor: pointer;
}
.message-close:hover {
    color: #ccc;
}

.prevnext_bar {
    padding-left:24px;position:relative;margin-left:auto;margin-right:auto;width:320px;bottom:0px;text-align:center;z-index:10000;display:none;
}

.mapaMini {
    position:absolute;width:296px;height:200px;cursor:pointer;
}

#mapa {
    width: 296px; height: 200px; margin: 0px;
}

.lh13 {
     line-height:13px;
}

.lh18 {
    line-height:18px;
}

.OpisObiektu {
    width:296px;margin:10px 0px 1px 0px;
}

.OpisObiektu2 {
    width:292px;margin-left:2px;text-align:justify;
}

.w300 {
    width: 300px;
}

.margin_0_15 {
    margin:0px 15px;
}


/*DIV.Indent .F12 {
    margin-left: 17px;
}

DIV.Indent .F10 {
    margin-left: 15px;
}

DIV.Indent .F12 {
    text-indent: -17px
}*/
@media (max-width:1799px){
    .min1800 {
        display: none;
    }
}

@media (min-width:1800px){
    .max1799 {
        display: none;
    }
    #RightColumn_L2 {
        width: 400px;
    }
    DIV.votes, DIV.votes_info {
        width: 465px;
    }
    DIV.votes {
        line-height: 21px;
    }
    DIV.votes DIV.v {
        width: 20px;
        height: 20px;
    }
    DIV.votes DIV.v, DIV.votes DIV.vd {
        font-size: 13px;
        border-radius: 12px;
    }
    .mapaMini {
        position:absolute;width:396px;height:250px;cursor:pointer;
    }
    #mapa {
        width: 396px; height: 250px; margin: 0px;
    }
    .F10 {
        font-size: 12px;
    }
    .F14 {
        font-size: 16px;
    }
    .F16 {
        font-size: 17px;    
    }
    .F12, .s12, .s12b {
        font-size: 14px;    
    }
    .F11 {
        font-size: 13px;
    }
    .s11b {
        font-size: 13px;
    }
    .Avatar2 {
        width: 55px;
        height: 55px;
    }
    .lh13 {
        line-height:16px;
    }
    .lh18 {
        line-height:20px;
    }
    DIV.more_photos {
        font-size: 12px;
    }
    .OpisObiektu {
        width:296px
    }
    .OpisObiektu2 {
        width:392px;
    }
    H1 {
        font-size: 21px;
    }

    DIV.OpisZdjecia {
        font-size: 15px;
    }

    DIV.OpisZdjecia H1 {
        font-size: inherit;
        margin: 0;
    }

    DIV.OpisZdjecia H1 > strong {
        font-weight: bold;
    }
    .roka {
        font-size: 10px;
    }
    .w300 {
        width: 400px;
    }
    DIV.votes_info, DIV.votes_info_single {
        width: 465px;
        padding: 7px;
    }
    .memu a {
        width: 230px;
    }
    .margin_0_15 {
       margin:0px 28px;
    }
    TEXTAREA.t1 {
        font-size: 14px;
        padding: 5px;
    }
    INPUT.b1 {
        font-size: 13px;
        padding: 4px;
    }
}

.btnhov:hover {
    opacity: 0.8;
}

/* modal */

.f {
    display: flex;
}

.space-between {
    justify-content: space-between;
}

.lbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    justify-content: center;
    align-items: center;
    font-size: 11px;
}

.modal {
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    width: 900px;
    font-size: 1.4em;
    position: absolute;
    color: #333;
}

.modal-title {
    font-size: 1.4em;
    font-weight: bold;
}

.modal label {
    color: #333;
    clear: none;
    margin-right: 10px
}

.modal label:last-child {
    margin-right: 0;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-light {
    color: #999;
}

.text-normal {
    color: #333;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.fbtn {
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 1.2em;
}

.fbtn-info {
    color: white;
    border: 1px solid #864c9d;
    background-color: #965cad;
}

.fbtn-info:hover {
    background-color: #A66cBd;
}

.fbtn-info-neg {
    color: #864c9d;
    border: 1px solid #864c9d;
    background-color: transparent;
}

.fbtn-trans {
    color: white;
    border: 1px solid #fff;
    background-color: transparent;
}

.fbtn-trans:hover {
    background-color: rgba(255,255,255,0.1);
}

.modal .fbtn-trans {
    color: #333;
    border: 1px solid #333;
}

.modal .fbtn-trans:hover {
    background-color: rgba(125,125,125,0.1);
    border: 1px solid #333;
}

.frow {
    margin-left: -10px;
    margin-right: -10px;
}

.fcol {
    padding: 0 10px;
    box-sizing: border-box
}

.w100 {
    width: 100%;
}

.finput {
    box-sizing: border-box;
    font-size: 1.2em;
    border-radius: 4px;
    padding: 8px;
    width: 100%;
    border: 1px solid #ccc
}

.finput.error {
    border-color: #e00;
    background-color: #fee;
}

.danger {
    color: #e00;
}

DIV.LineBright {
    height: 1px;
    background-color: #ccc;
}

/* modal fix */

.rcrx .fbtn {
    padding: 4px 7px;
    font-size: 10px;
}

.modal .fbtn {
    padding: 6px 9px;
    font-size: 12px;
}

.h1 {
    font-size: 1.6em;
}

.h2 {
    font-size: 1.4em;
}

.h3 {
    font-size: 1.2em;
}

ul.share-buttons{
    list-style: none;
    padding: 0;
}

ul.share-buttons li{
    display: inline;
}

ul.share-buttons .sr-only{
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

DIV.cm.marked {
    background-color: #fff9d2;
}

DIV.cm.marked .comment_bar {
    background-color: #fde58f;
}

DIV.cm.marked .hv.cmnt, DIV.cm.marked .hv.cmnt span {
    color: black;
}

#description ul {
    text-align: left;
}

.pano-panel-left, .pano-panel-right {
    position: absolute;
    top: 20px;
    display: flex;
}

.pano-panel-right {
    right: 20px;
}

.pano-panel-right > .pano-btn {
    margin-left: 10px;
}

.pano-panel-left {
    left: 20px;
}

.pano-panel-left > .pano-btn {
    margin-right: 10px;
}

.pano-panel-bottom-left {
    bottom: 20px;
    left: 20px;
}

.pano-btn {
    background: #ffffff55;
    padding: 5px;
    cursor: pointer;
    transition: background-color .3s;
    z-index: 100;
}

.pano-btn + .pan-btn {
    margin-left: 10px;
}

.pano-btn:hover {
    background: #bbbbbb88;
}

.pano-btn > img {
    width: 20px;
    height: 20px;
    display: block;
}