/* presenter toolbar layout */
.presenter-toolbar {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.presenter-toolbar-center {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
}

.presenter-toolbar-right {
    right: 0;
    position: absolute;
}

.presenter-toolbar-button {
    width: 50px;
    height: 50px;
    padding: 13px 13px 13px 13px;
    display: inline-block;
}

.presenter-toolbar-button-icon {
    height: 100%;
    width: 100%;
}

.presenter-toolbar-button-previous-slide {
    padding: 13px 0 13px 26px;
    margin-left: 20px;
}

.presenter-toolbar-button-current-slide {
    padding: 0;
    width: 40px;
    transform: translate(1px, -1px);
}

.presenter-toolbar-button-current-slide-text {
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    position: relative;
}

/* TODO: Find a way to align this text that works across all browsers */
@-moz-document url-prefix() {
    .presenter-toolbar-button-current-slide-text {
        top: -5px;
        left: 2px;
        transform: none;
        position: absolute;
    }
}

.presenter-toolbar-button-next-slide {
    padding: 13px 26px 13px 0;
    margin-right: 20px;
}

/* presenter toolbar layout */
.presenter-toolbar {
    opacity: 0.0;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5 ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.presenter-toolbar-open {
    opacity: 1.0;
}

.presenter-toolbar-button {
    opacity: 0.7;
    color: #f4f4f4;
    background-color: transparent;
    border: none;
}

.presenter-toolbar-button-active {
    opacity: 1.0;
    -webkit-filter: drop-shadow(0px 0px 3px #fff);
    filter: drop-shadow( 0px 0px 3px #fff );
}

.presenter-toolbar-button:hover {
    opacity: 1.0;
    -webkit-filter: drop-shadow(0px 0px 3px #fff);
    filter: drop-shadow( 0px 0px 3px #fff );
}

.presenter-toolbar-button.disabled {
    opacity: 0.3;
    -webkit-filter: none;
    filter: none;
    cursor: default;
}
.presenter-toolbar-button.disabled:hover {
    opacity: 0.3;
    -webkit-filter: none;
    filter: none;
    cursor: default;
}

.presenter-toolbar-button-current-slide {
    opacity: 1.0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 300;
}

.presenter-toolbar-button-current-slide:hover {
    -webkit-filter: drop-shadow(0px 0px 0px #fff);
    filter: drop-shadow( 0px 0px 0px #fff );
}

.presenter-toolbar-button-show-slides-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iZmluYWxzXzI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8dGl0bGU+aWNvbi1zbGlkZXM8L3RpdGxlPg0KICA8Zz4NCiAgICA8cmVjdCB4PSI0IiB5PSI1LjIiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIHJ5PSIxLjUiIGZpbGw9IiNmZmZmZmYiLz4NCiAgICA8cmVjdCB4PSI5IiB5PSI1LjIiIHdpZHRoPSIxMSIgaGVpZ2h0PSIzIiByeD0iMS41IiByeT0iMS41IiBmaWxsPSIjZmZmZmZmIi8+DQogICAgPHJlY3QgeD0iNCIgeT0iMTAuNiIgd2lkdGg9IjMiIGhlaWdodD0iMyIgcng9IjEuNSIgcnk9IjEuNSIgZmlsbD0iI2ZmZmZmZiIvPg0KICAgIDxyZWN0IHg9IjkiIHk9IjEwLjYiIHdpZHRoPSIxMSIgaGVpZ2h0PSIzIiByeD0iMS41IiByeT0iMS41IiBmaWxsPSIjZmZmZmZmIi8+DQogICAgPHJlY3QgeD0iNCIgeT0iMTYiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIHJ5PSIxLjUiIGZpbGw9IiNmZmZmZmYiLz4NCiAgICA8cmVjdCB4PSI5IiB5PSIxNiIgd2lkdGg9IjExIiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIHJ5PSIxLjUiIGZpbGw9IiNmZmZmZmYiLz4NCiAgPC9nPg0KPC9zdmc+');
}

.presenter-toolbar-button-previous-slide-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iZmluYWxzXzI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8dGl0bGU+aWNvbnM8L3RpdGxlPg0KICA8cGF0aCBkPSJNMTcuOSw5SDEyLjRWN2EwLjUsMC41LDAsMCwwLS44LTAuNGwtNS44LDVhMC41LDAuNSwwLDAsMCwwLC44bDUuOCw1aDAuNWEwLjUsMC41LDAsMCwwLC4zLTAuNVYxNWg1LjVhMC41LDAuNSwwLDAsMCwuNS0wLjV2LTVBMC41LDAuNSwwLDAsMCwxNy45LDlaIiBmaWxsPSIjZmZmZmZmIi8+DQo8L3N2Zz4=');
    transform: translate(5px,0);
}

.presenter-toolbar-button-next-slide-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iZmluYWxzXzI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8dGl0bGU+aWNvbjwvdGl0bGU+DQogIDxwYXRoIGQ9Ik02LjEsMTVoNS41djJhMC41LDAuNSwwLDAsMCwuOC40bDUuOC01YTAuNSwwLjUsMCwwLDAsMC0uOGwtNS44LTVIMTEuOWEwLjUsMC41LDAsMCwwLS4zLjVWOUg2LjFhMC41LDAuNSwwLDAsMC0uNS41djVBMC41LDAuNSwwLDAsMCw2LjEsMTVaIiAgZmlsbD0iI2ZmZmZmZiIvPg0KPC9zdmc+');
    transform: translate(-5px,0);
}

.presenter-toolbar-button-play-presentation-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iZmluYWxzXzI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8dGl0bGU+aWNvbnMtcGxheTwvdGl0bGU+DQogIDxnPg0KICAgIDxwb2x5Z29uIHBvaW50cz0iMTYuMyAxMiA3LjcgMTcgNy43IDcgMTYuMyAxMiIgZmlsbD0iI2ZmZmZmZiIvPg0KICAgIDxwYXRoIGQ9Ik03LjcsMTcuNUg3LjRBMC41LDAuNSwwLDAsMSw3LjIsMTdWN2EwLjUsMC41LDAsMCwxLC4zLTAuNEg3LjlsOC43LDVhMC41LDAuNSwwLDAsMSwwLC45bC04LjcsNUg3LjdaTTguMiw3Ljl2OC4zTDE1LjMsMTJaIiBmaWxsPSIjZmZmZmZmIi8+DQogIDwvZz4NCjwvc3ZnPg==');
}

.presenter-toolbar-button-pause-presentation-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iZmluYWxzXzI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8dGl0bGU+aWNvbnMtYTM2MC12aWV3ZXI8L3RpdGxlPg0KICA8cmVjdCB4PSI4LjQiIHk9IjciIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIiByeD0iMSIgcnk9IjEiIGZpbGw9IiNmZmZmZmYiLz4NCiAgPHJlY3QgeD0iMTMuNCIgeT0iNyIgd2lkdGg9IjIiIGhlaWdodD0iMTAiIHJ4PSIxIiByeT0iMSIgZmlsbD0iI2ZmZmZmZiIvPg0KPC9zdmc+');
}

.presenter-toolbar-button-help-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iZmluYWxzXzI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8dGl0bGU+aWNvbjwvdGl0bGU+DQogIDxwYXRoIGQ9Ik04LjQsOGE0LjEsNC4xLDAsMCwxLC44LTEuNCwzLjUsMy41LDAsMCwxLDEuMy0uOSw0LjIsNC4yLDAsMCwxLDEuNy0uM2wxLjUsMC4yYTMuNCwzLjQsMCwwLDEsMS4yLjcsMy4xLDMuMSwwLDAsMSwuOCwxLjFBNCw0LDAsMCwxLDE1LjksOWEzLjQsMy40LDAsMCwxLS4xLDFsLTAuMy44LTAuNS43LTAuNi42LTAuNi41LTAuNS42LTAuNC43YTIuNCwyLjQsMCwwLDAtLjEuOHYwLjdIMTEuM1YxNC42YTMuNSwzLjUsMCwwLDEsLjMtMS4zbDAuNi0uOSwwLjctLjgsMC43LS43LDAuNS0uOWEyLjYsMi42LDAsMCwwLC4yLTEuMSwyLjMsMi4zLDAsMCwwLS42LTEuNSwyLjEsMi4xLDAsMCwwLTEuNS0uNkwxMSw3bC0wLjguNmEyLjUsMi41LDAsMCwwLS41LjksNC41LDQuNSwwLDAsMC0uMSwxLjJIOC4xQTQuOCw0LjgsMCwwLDEsOC40LDhaTTEzLDE2LjZ2MkgxMXYtMmgyWiIgZmlsbD0iI2ZmZmZmZiIvPg0KPC9zdmc+');
}