.block-palette-overlay {

    position: fixed;

    top: 0px;

    left: 0px;

    height: 100%;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: rgba(255, 255, 255, 0.5);

    z-index: 9;

}



.list-group-item.active{

    z-index: initial;

}



.block-palette-overlay .card-body {

    max-height: 70vh;

    overflow-y: auto;

}



.block-palette {

    width: auto;

    margin: 0px;

    padding: 0px;

}



.block-palette-icon {

    display: flex;

    height: 85px;

    align-content: center;

    align-items: center;

    font-size: 21px;

    border-radius: 5px;

    margin: 5px;

    width: 85px;

    flex-direction: column;

    position: relative;

    color: white;

    padding: 20px 15px;

}



.block-palette-icon svg{

    fill: white;

}



.block-palette-icon .icon-label{

    display: block;

    font-size: 11px;

}



.block-editor {

    padding-top: 37px !important;

}



.block-palette-icon svg {

    max-width: 60%;

}



.block-palette-icon .icon-label {

    position: absolute;

    bottom: 10px;

    text-align: center;

}



.block-editor.editor-enabled .block-editor-block.active {

    padding: 20px 10px;

    background: white !important;

}



.block-popup-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: rgba(255,255,255,0.5);

    z-index: 99;

}



.block-editor.editor-enabled .block-editor-block{

    position: relative;

}



.block-editor-block:not(.hovered):not(.active) .sortable-handle,

.block-editor-block:not(.hovered):not(.active) .block-toolbar,{

    display: none;

}



.block-editor.editor-enabled .block-editor-block.active .sortable-handle {

    display: inline-block;

    float: left;

    position: absolute;

    top: 0px;

    left: 0px;

    opacity: 1;

    border-radius: 15px;

    padding: 0 5px;

    /*z-index: 999;*/

}



.block-editor.editor-enabled .block-editor-block.active {

    border: 1px solid black;

    border-radius: 2px;

    z-index: 9;

    margin: -1px -11px !important;

    padding-left: 10px !important;

    padding-right: 10px !important;

}



.block-editor .block-editor-block.active .sortable-handle,

.block-editor .block-editor-block.active .block-toolbar>.btn{

    display: inline-block;

    /*z-index: 999;*/

}

.block-editor .block-editor-block .block-toolbar>.btn{

    background-color: white;

    padding: 2px 5px;

}

.block-editor-block .block-toolbar {

    display: block;

    z-index: 1;

    position: absolute;

    top: 0px;

    left: 0;

    width: 100%;

    height: 100%;

}



.block-editor-cursor{

    border: 5px solid rgba(150,133,224, 0.5);

    position: absolute;

}

.tab-pane{

    display: none;

}

.tab-pane.show{

    display: block;

}

.block-editor-block .prepend-block, .block-editor-block .apend-block{

    display: none;

    position: absolute;

    left: calc(50% - 0.8em);

    border: 1px solid rgb(227, 230, 240);

    padding: 0px 5px;

    border-radius: 12px;

    background-color: white;

    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));

    /*z-index: 999;*/

    cursor: pointer;

    font-size: 0.8rem;

}

.block-editor-block .prepend-block {

    top: -15px;

}



.block-editor-block .apend-block {

    bottom: -15px;

}



.block-editor-block.hovered {

    background-color: rgba(227, 230, 240, 0.3);

    margin: 0px -10px !important;

    padding: 15px 10px !important;

}



.block-editor-append-trigger {

    position: absolute;

    border-top: 1px dashed black;

    /*transition: top 200ms;*/

    z-index: 9;

}



.block-editor-append-trigger > span {

    position: absolute;

    top: -16px;

    background-color: rgb(227, 230, 240);

    left: calc(50% - 16px);

    color: #999;

}

.block-editor-block .sortable-handle {

    top: 0;

    left: 0;

    opacity: 1;

    cursor: grab;

    z-index: 1;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 5px;

}

.block-editor-block .rounded-product .sortable-handle {

    top: 0;

    left: 15px;

    opacity: 1;

    cursor: grab;

    z-index: 1;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 5px;

}

.append-card {

    background-color: rgb(227, 230, 240);

    border-radius: 50px;

    height: 52px;

    width: 54px;

    padding-top: 3px;

    font-size: 2rem;

    color: white;

    margin-top: 20px;

}



.card-toolbar .dropdown {

    position: absolute;

    top: 0;

    right: 0;

}



.block-toolbar-label {

    color: #999;

    font-style: italic;

    font-weight: 200;

    padding: 1px 10px;

}



.block-toolbar .dropdown-toggle {

    padding: 1px 4px 1px 4px !important;

    border-radius: 0px;

}



.block-popup .card-body {

    overflow: auto;

    max-height: 70vh;

}



.block-toolbar-content .dropdown {

    display: inline-block;

}



.block-editor-block .block-toolbar-content{

    display: none;

}



.block-editor-block.active .block-toolbar-content {

    position: relative;

    top: -32px;

    display: inline-block;

}



.block-editor-block.active .block-toolbar-content {

    position: relative;

    top: -32px;

    display: inline-block;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    left: 20px;

    color: white;

    background: black;

}



.toolbar-item.btn {

    color: white;

}



.block-toolbar-content .dropdown > .btn {

    color: white;

}



.block-toolbar-content .sortable-handle {

    float: none !important;

    position: initial !important;

    background-color: transparent;

}

.block-editor-block .block-label {

    display: none;

}

.block-editor-block.hovered .block-label {

    display: inline-block;

    position: absolute;

    left: 10px;

    bottom: 0px;

    color: darkgray;

}



.rounded-product .thumb-icon {

    display: inline-block;

    height: 150px;

    width: 150px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    border-radius: 125px;

}



.rounded-product{

    text-align: center;

}



.block-editor-append-card-trigger {

    padding: 25px 0px;

}