.ug-gallery-wrapper .ug-theme-panel{
    position:absolute;
    xbackground-color:red;
    z-index:11;
}

.ug-theme-panel .ug-strip-panel{
    z-index:6;
}


/* --- fullscreen button -- */

.ug-theme-default .ug-default-button-fullscreen{
    position:absolute;
    /* background-image:url('images/button_fullscreen.png'); */
    width:53px;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    /* background-position:0px 0px; */
    z-index:3;
}

.ug-theme-default .ug-default-button-fullscreen{
    opacity: .5;
}

.ug-theme-default .ug-default-button-fullscreen.ug-button-hover{
    opacity: 1;
}

.ug-theme-default .ug-default-button-fullscreen.ug-fullscreenmode.ug-button-hover{
    opacity: 1;
}


/* --- fullscreen button single mode-- */

.ug-theme-default .ug-default-button-fullscreen-single{
    position:absolute;
    width:52px;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    z-index:3;
}

.ug-theme-default .ug-default-button-fullscreen-single{
    opacity: .5;
}

.ug-theme-default .ug-default-button-fullscreen-single.ug-button-hover{
    opacity: 1;
}

.ug-theme-default .ug-default-button-fullscreen-single.ug-fullscreenmode{
    opacity: .5;
}

.ug-theme-default .ug-default-button-fullscreen-single.ug-fullscreenmode.ug-button-hover{
    opacity: .5;
}


/* --- play button -- */

.ug-theme-default .ug-default-button-play{
    position:absolute;
    width:50px;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    z-index:4;
    opacity: .5;
}

.ug-theme-default .ug-default-button-play.ug-button-hover{
    opacity: 1;
}

.ug-theme-default .ug-default-button-play.ug-stop-mode{
}

.ug-theme-default .ug-default-button-play.ug-stop-mode.ug-button-hover{
    opacity: 1;
}

/* --- play button single mode-- */

.ug-theme-default .ug-default-button-play-single{
    position:absolute;
    width:50px;
    height:50px;
    cursor:pointer;
    opacity: .5;
    z-index:4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ug-theme-default .ug-default-button-play-single.ug-button-hover{
    opacity: 1;
}

.ug-theme-default .ug-default-button-play-single.ug-stop-mode.ug-button-hover{
    opacity: 1;
}


/* --- hide panel button -- */

.ug-default-button-hidepanel{
    position:absolute;
    width:36px;
    height:26px;
    z-index:5;
    cursor:pointer;
}

.ug-default-button-hidepanel .ug-default-button-hidepanel-bg{
    background-color:#000000;
    width:36px;
    height:26px;
    position:absolute;
    top:0px;
    left:0px;
    opacity:0.4;
    filter: alpha(opacity = 40);
    z-index:1;
}

.ug-default-button-hidepanel .ug-default-button-hidepanel-tip{
    position:absolute;
    opacity: .5;
    z-index:2;
}

.ug-default-button-hidepanel.ug-button-hover .ug-default-button-hidepanel-tip{
    opacity: 1;
}

.ug-default-button-hidepanel.ug-button-hidden-mode .ug-default-button-hidepanel-tip svg{
    transform: rotate(180deg);
}

.ug-default-button-hidepanel.ug-button-hidden-mode.ug-button-hover .ug-default-button-hidepanel-tip{
    opacity: 1;
}