.gjs-pn-panel {
    display: flex!important;
    position: inherit!important;
    overflow: auto;
}

#blocks {
    background-color: #212529;
}

/* Reset some default styling */
.gjs-cv-canvas {
    top: 0!important;
    width: 100%!important;
    height: 1000px!important;
}

.gjs-block {
    min-height: auto;
    height: 85px;
    width: 85px;
    background: #c3d6ff!important;
    display: inline!important;
    border-radius: 5px;
    border: none!important;
    box-shadow: none!important;
}

.panel__top {
    padding: 0;
    width: 100%;
    display: flex;
    position: initial;
    justify-content: center;
    justify-content: space-between;
}

.panel__basic-actions {
    position: initial;
}

.editor-row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    height: 1000px;
    background-color: #ffffff;
}

.editor-canvas {
    flex-grow: 1;
}

.panel__right {
    flex-basis: 230px!important;
    height:700px;
    position: relative!important;
    overflow-y: auto!important;
    background-color: #fff!important;
}

.panel__switcher {
    position: initial;
}

.panel__devices {
    position: initial;
}

/* We can remove the border we've set at the beginnig */
#gjs {
    border: none;
}
/* Theming */

/* Primary color for the background */
.gjs-one-bg {
    background-color: #fff!important;
}

/* Secondary color for the text color */
.gjs-two-color {
    color: #464646!important;
}

/* Tertiary color for the background */
.gjs-three-bg {
    background-color: #568eff;
    color: white;
}

/* Quaternary color for the text color */
.gjs-four-color,
.gjs-four-color-h:hover {
    color: #568eff!important;
}

.gjs-blocks-c {
    display: flex;
    padding: 15px;
    width: 220px;
}

.gjs-block__media {
    margin: 10px 0px 10px 0px;
    pointer-events: none;
    font-size: 26px;
    width: 35px;
    position: relative;
    left: 14px;
}

.gjs-block__media > svg {
    width: 30px;
    height: 30px;
}

.gjs-pn-btn.gjs-pn-active {
    background-color: rgb(159 159 159 / 15%) !important;
    box-shadow: snow!important;
}

