#panel_container{

    /*border: 1px solid #000;
    width:100%;
    background-color: white;
    left: -15px;*/

}
#panel_container{
    overflow:auto;
    margin-bottom: 130px;
}
.panel-border-bottom{
    border-bottom-width: var(--bs-border-width);
    border-bottom-style: solid;
    border-bottom-color: var(--bs-btn-border-color);
}
.bi-arrows-collapse-vertical svg {
    transform: rotate(90deg);
}
.large-icon{
    font-size: 24px;
}
#zones .zone_thumb{
    border: 1px solid #ccc;

}
#zones .selected{
    border: 1px solid black;
}
.debug-border{
    border: 1px solid red;
}
.debug-hide{
    display: none !important;
}

#messages_log {
    overflow: auto;
    height: 200px;
    border: 1px solid #ccc;
    padding: 10px;
    font-family: Arial, sans-serif;
}
.hasicon{
    width:23px;
    height:23px;
    background-repeat: no-repeat;
    display: block;


}
.icon-text-interline{
    background-image: url('../../designer/assets/icons/tools/text-interline.svg');
    background-size: cover;
}
.icon-layout-center {
    background-image: url('../../designer/assets/icons/positions/center.svg');
}
.icon-layout-left {
    background-image: url('../../designer/assets/icons/positions/left.svg');
}
.icon-layout-right {
    background-image: url('../../designer/assets/icons/positions/right.svg');
}
.icon-layout-top {
    background-image: url('../../designer/assets/icons/positions/top.svg');
}
.icon-layout-middle {
    background-image: url('../../designer/assets/icons/positions/middle.svg');
}
.icon-layout-bottom {
    background-image: url('../../designer/assets/icons/positions/bottom.svg');
}
.icon-group-left {
    background-image: url('../../designer/assets/icons/positions/group-left.svg');
}
.icon-group-center {
    background-image: url('../../designer/assets/icons/positions/group-center.svg');
}
.icon-group-right {
    background-image: url('../../designer/assets/icons/positions/group-right.svg');
}



.icon-layer-front{
    background-image: url('../../designer/assets/icons/layers/front.svg');
    background-size: contain;
    opacity:0.4
}
.icon-layer-back{
    background-image: url('../../designer/assets/icons/layers/back.svg');
    background-size: contain;
    opacity:0.4
}
.icon-layer-toback{
    background-image: url('../../designer/assets/icons/layers/toback.svg');
    background-size: contain;
    rotate: 180;
    opacity:0.4
}
.icon-layer-tofront{
    background-image: url('../../designer/assets/icons/layers/tofront.svg');
    background-size: contain;
    opacity:0.4
}

[d-key]:disabled,[d-group]:disabled,[object-place]:disabled{
    background-color:var(--bs-gray-200);
}
[d-key="fill"]:disabled:not(.active) span,[d-key="stroke"]:disabled:not(.active) span {
    opacity: 0.2 !important;
}