/*! JointJS+ v4.0.0 - HTML5 Diagramming Framework

Copyright (c) 2024 client IO

 2024-02-03 


This Source Code Form is subject to the terms of the JointJS+ License
, v. 2.0. If a copy of the JointJS+ License was not distributed with this
file, You can obtain one at https://www.jointjs.com/license
 or from the JointJS+ archive as was distributed by client IO. See the LICENSE file.*/



/* labrza */
.joint-theme-picker.joint-theme-labrza {
    border: 1px solid var(--blue-50);
}

.joint-app.joint-theme-labrza .app-title {
    /* background: #30d0c6; */
    background: var(--white-1000);
}

.joint-app.joint-theme-labrza .inspector-container {
    background: var(--blue-500);
}

.joint-widget.joint-theme-labrza[data-name="clear"]:after,
.joint-widget.joint-theme-labrza[data-name="layout"]:after,
.joint-widget.joint-theme-labrza[data-name="print"]:after {
    display: block;
    width: 31px;
    height: 31px;
    content: ' ';
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(./img/toolbar-icons-labrza.png);
}

.joint-widget.joint-theme-labrza[data-name="clear"]:after {
    background-position: 0 -62px;
}

.joint-widget.joint-theme-labrza[data-name="clear"]:hover:after {
    background-position: -31px -62px;
}

.joint-widget.joint-theme-labrza[data-name="layout"]:after {
    background-position: 0 -124px;
}

.joint-widget.joint-theme-labrza[data-name="layout"]:hover:after {
    background-position: -31px -124px;
}

.joint-widget.joint-theme-labrza[data-name="print"]:after {
    background-position: 0 -248px;
}

.joint-widget.joint-theme-labrza[data-name="print"]:hover:after {
    background-position: -31px -248px;
}

.joint-widget.joint-theme-labrza[data-name="clear"],
.joint-widget.joint-theme-labrza[data-name="layout"],
.joint-widget.joint-theme-labrza[data-name="print"] {
    position: relative;
    top: -1px;
    border: none;
    padding: 0;
}

@media screen and (max-width: 1230px) and (min-width: 1170px) {
    .joint-toolbar.joint-theme-labrza div[data-name="zoom-slider"] input,
    .joint-toolbar.joint-theme-labrza label[data-name="zoom-slider-label"] {
        display: none;
    }

    .joint-app.joint-theme-labrza .toolbar-container button[data-type="zoomIn"],
    .joint-app.joint-theme-labrza .toolbar-container button[data-type="zoomOut"] {
        display: block;
    }
}

@media screen and (max-width: 1170px) {
    .joint-app.joint-theme-labrza .toolbar-container {
        overflow-y: auto;
    }

    .joint-toolbar.joint-theme-labrza {
        /* flex-wrap: wrap; */
    }

    .joint-app.joint-theme-labrza .app-title h1 {
        /* line-height: 92px; */
    }

    .joint-app.joint-theme-labrza .app-body {
        /* height: -moz-calc(100% - 92px);
        height: -webkit-calc(100% - 92px);
        height: calc(100% - 92px); */
    }
}

/*  IE  */
@media screen and (max-width: 1490px) and (min-width: 0\0
) {
    .joint-toolbar.joint-theme-labrza div[data-name="zoom-slider"] input,
    .joint-toolbar.joint-theme-labrza label[data-name="zoom-slider-label"] {
        display: none;
    }

    .joint-app.joint-theme-labrza .toolbar-container button[data-type="zoomIn"],
    .joint-app.joint-theme-labrza .toolbar-container button[data-type="zoomOut"] {
        display: block;
    }
}

@media screen and (max-width: 1380px) and (min-width: 0\0
) {
    .joint-toolbar.joint-theme-labrza div[data-name="zoom-slider"] input,
    .joint-toolbar.joint-theme-labrza label[data-name="zoom-slider-label"] {
        display: inline-block;
    }

    .joint-app.joint-theme-labrza .toolbar-container button[data-type="zoomIn"],
    .joint-app.joint-theme-labrza .toolbar-container button[data-type="zoomOut"] {
        display: none;
    }

    .joint-app.joint-theme-labrza .toolbar-container {
        overflow-y: auto;
    }

    .joint-toolbar.joint-theme-labrza {
        /* flex-wrap: wrap; */
    }

    .joint-app.joint-theme-labrza .app-title h1 {
        /* line-height: 92px; */
    }

    .joint-app.joint-theme-labrza .app-body {
        /* height: -moz-calc(100% - 92px);
        height: -webkit-calc(100% - 92px);
        height: calc(100% - 92px); */
    }
}