/* Block options */

.block{
    position: relative;
}
.block.small-block:before{
    content: '';
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    border: 2px dashed var(--nb-dd-spec-color);
    z-index: 1;
}
.small-block .dd-edit-block-wrapper{
    top: -55px;
    bottom: -20px;
}
.small-block .dd-edit-block-wrapper.bottom{
    top: -20px;
    bottom: -55px;
}
.dd-edit-block-wrapper{
    min-width: 500px;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    top: -35px;
    bottom: 0;
    z-index: 1;
    border: 2px solid var(--nb-dd-spec-color);
    display: none;
}

/*.block.dragbox:hover .dd-edit-block-wrapper,*/
/*.layout.dragbox:hover .dd-edit-block-wrapper{*/
/*    display: flex;*/
/*}*/

.block.dragbox.hover > .dd-edit-block-wrapper,
.layout.dragbox.hover > .dd-edit-block-wrapper{
    display: flex;
}

/* Fix za blok header*/
.block.dragbox.hover > .wsmenucontainer > .dd-edit-block-wrapper{
    display: flex;
}

.dd-edit-block-wrapper.to-right{
    left: 0;
    transform: none;
}
.dd-edit-block-wrapper.to-left{
    left: unset;
    right: 0;
    transform: none;
}
.dd-edit-block-wrapper.bottom{
    top: 0;
    bottom: -35px;
    flex-direction: column-reverse;
}
.dd-edit-block{
    background: var(--nb-dd-spec-color);
    color: var(--nb-color-white);
    height: 35px;
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
    width: 100%;
    cursor: initial;
}

.dd-edit-block > *{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.dd-edit-block > * > *{
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.dd-edit-block > * > *:first-of-type{
    padding-left: 0;
}
.dd-edit-block > * > *:last-of-type{
    padding-right: 0;
}
.dd-edit-block .dd-replace,
.dd-edit-block .dd-edit,
.dd-edit-block .dd-delete{
    padding: 3px 10px;
    border-radius: var(--nb-dd-border-radius);
    transition: all .3s ease-in-out;
}
.dd-edit-block .dd-replace:hover,
.dd-edit-block .dd-edit:hover,
.dd-edit-block .dd-delete:hover{
    background: #0E5599;
}

.dd-edit-block .dd-replace .nb-icon:before{
    content: url("../../../static/images/drag-and-drop/dd-replace.svg");
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.dd-edit-block .dd-edit .nb-icon:before{
    content: url("../../../static/images/drag-and-drop/dd-edit_2.svg");
    margin-right: 10px;
}
.dd-edit-block .dd-delete .nb-icon:before{
    content: url("../../../static/images/drag-and-drop/dd-delete.svg");
    margin-right: 10px;
}
.dd-edit-block .dd-options .nb-icon:before{
    content: url("../../../static/images/drag-and-drop/dd-options.svg");
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.dd-edit-block .dd-options .nb-dropdown-menu{
    padding: 0;
    border-radius: var(--nb-dd-border-radius);
    box-shadow: 0px 0px 6px #55555529;
    border: none;
}
.dd-edit-block .dd-options .nb-dropdown-menu li{
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 20px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
}
.dd-edit-block .dd-options .nb-dropdown-menu li:hover{
    color: var(--nb-dd-spec-color);
}
.dd-edit-block .dd-options .nb-dropdown-menu li:before{
    content: url("../../../static/images/drag-and-drop/dd-icon-option.svg");
    display: inline-block;
    margin-right: 10px;
}
.dd-edit-block .dd-options .nb-dropdown-menu li:last-of-type{
    border-bottom: 0;
}
.dd-edit-block .nb-form-switch .nb-switch{
    width: var(--nb-switch-2-width);
    height: var(--nb-switch-2-height);
    border-radius: var(--nb-switch-2-border-radius);
    background-color: var(--nb-switch-2-bg);
    border-color: var(--nb-color-white);
}

.dd-edit-block .nb-form-switch .nb-switch:before{
    width: calc(var(--nb-switch-2-height) - 5px);
    height: calc(var(--nb-switch-2-height) - 5px);
    background: var(--nb-switch-2-bg-disabled);
}

.dd-edit-block .nb-form-switch .nb-switch:checked{
    background-color: var(--nb-switch-2-bg);
}

.dd-edit-block .nb-form-switch .nb-switch:checked:before{
    background:  var(--nb-switch-2-bg-active);
}
.dd-edit-block .nb-form-switch .nb-label{
    color: #ffffff;
    font-size: 15px;
    top: 2px;
}
.dd-edit-block .nb-form-switch{
    margin-bottom: 5px;
}

/* test */
/*.dd-options-dropdown{*/
/*    position: absolute;*/
/*    width: 150px;*/
/*    height: 300px;*/
/*    background: #ffffff;*/
/*    z-index: 9999999;*/
/*}*/