.xintheme-pb-backend-btn {
    display: inline-block;
    padding: 17px 30px;
    border-radius: 3px;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    background: #d4cfcf;
    color: #333;
    font-size: 15px;
    font-weight: 600;
}
.xintheme-pb-backend-btn:hover,
.xintheme-pb-backend-btn:focus {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    outline-offset: 0;
    outline: 0;
}
.xintheme-pb-backend-btn:hover,
.xintheme-pb-backend-btn:focus {
    background: #c0bcbc;
    color: #333; 
}
.xintheme-pb-info-btn {
    background: #08b1ae;
    color:#fff;
}
.xintheme-pb-info-btn:hover,
.xintheme-pb-info-btn:focus {
    background: #0b8783;
    color:#fff;
}
.xintheme-pb-primary-btn {
    background: #297EE1;
    color: #fff;
}
.xintheme-pb-primary-btn:hover,
.xintheme-pb-primary-btn:focus {
    background: rgb(34, 111, 199);
    color: #fff; 
}
.xintheme-pb-edit-button-wrap {
    margin: 30px 0;
    border-radius: 3px;
}
.xintheme-pb-edit-button-default-wrap {
    margin-top: 25px;
    margin-bottom: 20px;
}
.active-xintheme-pb-editor .xinpagebuilder-edit-button {
    margin-bottom: 15px;
}
.xintheme-pb-back-editor,
.xintheme-pb-editor-warper {
    display: inline-block;
    margin-right: 8px;
}
/* intial looks */
.xintheme-pb-edit-button-wrap{
    padding: 40px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
.xinpagebuilder-edit-hide-editor + #postdivrich {
    display: none;
}
.inactive-xintheme-pb-editor #postdivrich {
    display: block;
}
.xintheme-pb-spin {
    -webkit-animation: xintheme-pb-spin 2s infinite linear;
    animation: xintheme-pb-spin 2s infinite linear;
}

/**
Guttenberg
 */
body.currently-activated-editor-xintheme_pagebuilder_activated .editor-block-list__layout{
    display: none;
}
#xintheme-pagebuilder-switch-to-gutenberg {
    background: #f5f5f5;
    text-align: center;
    padding: 100px 0;
    display: none;
    margin-top: 20px;
    border: 1px solid #e2e1e1;
    margin: 20px auto 0;
    border-radius: 4px;
}
body.currently-activated-editor-xintheme_pagebuilder_activated div#xintheme-pagebuilder-switch-to-gutenberg{
    display: block;
    border: none !important;
    color: #fff !important;
    text-decoration: none;
}
#xintheme-pagebuilder-switch-to-gutenberg #xintheme-pagebuilder-switch-to-gutenberg-btn {
    border: none !important;
    color: #fff !important;
    text-decoration: none;
}
.edit-with-xintheme-pb-builder {
    transition: 400ms;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xintheme-pb-editor-warper .edit-with-xintheme-pb-builder.components-button{
    line-height: 33px !important;
    height: 35px !important;
    background: #297EE1 !important;
    box-shadow: none !important;
    border: 1px solid #2371cc !important;
    text-shadow: none !important;
}
.xintheme-pb-editor-warper .xintheme-pb-back-to-gutenberg {
    background: #f2f2f2 !important;
    border: 1px solid #e5e5e5 !important;
    line-height: 33px !important;
    height: 35px !important;
}
.xintheme-pb-editor-warper .xintheme-pb-back-to-gutenberg:hover{
    box-shadow: inset 0 -1px 0 #ccc !important;
}

.xintheme-pb-editor-warper .xintheme-pb-back-to-gutenberg i.dashicons {
    margin-right: 3px;
}

@-webkit-keyframes xintheme-pb-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes xintheme-pb-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}