/* save panel layout */
.update-slide-panel {
    left: calc(50% - 83px);
    top: 20px;
    width: 166px;
    height: 34px;
    position: absolute;
    z-index: 1;
}

.update-slide-panel-icon {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.update-slide-panel-text {
    padding-top: 9px;
    width: 100%;
    height: 100%;
    position: absolute;
}

/* slides panel style */
.update-slide-panel {
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden;
    opacity: 0.0;
    pointer-events: none;
    cursor: pointer;

    -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;
}

.update-slide-panel-open {
    opacity: 1.0;
    pointer-events: all;
}

.update-slide-panel:hover {
    background-color: #222222;
}

.update-slide-panel-icon {
    background-position: 13px 6px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPGc+DQogICAgPHBvbHlsaW5lIHBvaW50cz0iMjIuNDUgOS42IDE5Ljc3IDEyLjQgMTcuMDkgOS42IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+DQogICAgPHBvbHlsaW5lIHBvaW50cz0iMS41NSAxMi40IDQuMjMgOS42IDYuOTEgMTIuNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KICAgIDxnPg0KICAgICAgPHBhdGggZD0iTTYuNDUsNS4xYTgsOCwwLDAsMSwxMy40MSw2LjI1IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+DQogICAgICA8cGF0aCBkPSJNMTcuNTUsMTYuOUE4LDgsMCwwLDEsNC4xMywxMC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=');
    pointer-events: none;
}

.update-slide-panel-icon-hover {
    background-color: transparent;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPGc+DQogICAgPHBvbHlsaW5lIHBvaW50cz0iMjIuNDUgOS42IDE5Ljc3IDEyLjQgMTcuMDkgOS42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+DQogICAgPHBvbHlsaW5lIHBvaW50cz0iMS41NSAxMi40IDQuMjMgOS42IDYuOTEgMTIuNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KICAgIDxnPg0KICAgICAgPHBhdGggZD0iTTYuNDUsNS4xYTgsOCwwLDAsMSwxMy40MSw2LjI1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+DQogICAgICA8cGF0aCBkPSJNMTcuNTUsMTYuOUE4LDgsMCwwLDEsNC4xMywxMC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=');
}

.update-slide-panel-text {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #222222;
    pointer-events: none;
}

.update-slide-panel-text-hover {
    color: #ffffff;
}