/******************************************** Default clickables ***********************************************
 ***************************************************************************************************************/

.button {
    height: 70px;
    width: 70px;
    display: inline-block;
    padding: 0px 50px 50px 50px;
}

.clickable-element {
    pointer-events: auto;
}

.clickable-image {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
    transition: transform 0.25s ease-out;
}

.clickable-image:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.clickable-image:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.horizontal-centered {
    position: relative;
    display: table;
    margin: auto;
}


.close-icon {
    z-index: 3004;
    opacity: 1;
    position: fixed;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    content: url(../krpano/Assets/Images/Icons/close.svg);
    margin: 35px;
    padding: 0 !important;
}

/* Hacky fix for mobile intro close button */
.mobile-intro-close-icon {
    z-index: 3004;
    opacity: 1;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    content: url(../krpano/Assets/Images/Icons/close.svg);
    margin: 0;
    padding: 0 !important;
}

.model-viewer-icon {
    content: url(../krpano/Assets/Images/Icons/Infopanel/model_viewer.svg);
}

.hq-viewer-icon {
    content: url(../krpano/Assets/Images/Icons/Help/Light/HQ_viewer.svg);
}

.spin-viewer-icon {
    width: 40px;
    height: 40px;
    content: url(../krpano/Assets/Images/Icons/Help/Light/360_viewer.svg);
    z-index: 3004;
    opacity: 1;
    position: fixed;
    bottom: 0;
    left: 17%;
}

.audio-icon.enabled {
    content: url(../krpano/Assets/Images/Icons/pause.svg);
}

.audio-icon.disabled {
    content: url(../krpano/Assets/Images/Icons/play.svg);
}

.hologram-icon {
    content: url(../krpano/Assets/Images/Icons/hologram.svg);
}

.disabled {
    content: url(../krpano/Assets/Images/Icons/hologram.svg);
}

.playing {
    content: url(../krpano/Assets/Images/Icons/pause.svg);
}

.paused {
    content: url(../krpano/Assets/Images/Icons/play.svg);
}