@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

@import "../contrib/material-symbols.css";

@import "../../contrib/pdf.js/5.4.149/pdf_viewer.min.css";

@import "variables.css";
@import "layout.css";
@import "layout-form.css";

@import "form-controls-default.css";

@import "table.css";
@import "table-temp.css";
@import "table-compact.css";
@import "chip.css";
@import "form.css";
@import "tabs.css";
@import "header.css";
@import "input.css";
@import "sidebar.css";
@import "message.css";
@import "button.css";
@import "badge.css";
@import "dropdown.css";
@import "checkbox.css";
@import "dialog.css";
@import "engi-history.css";
@import "engi-compare.css";
@import "sceleton_loading.css";
@import "dashboard.css";
@import "switch.css";
@import "switch-three-way.css";
@import "epid-switch.css";
@import "tooltip.css";

@import "autocomplete.css";

@import "autocomplete-dropdown.css";

@import "typography.css";

@import "status.css";

body {
    margin: 0px;
    font-size: 16px;
    font-family: Barlow;
}

div[hidden] {
    display: none;
}


/* TODO: Wykorzystywane w formularzu "SYNC" na karcie EPIDa */
input.error {
    background: var(--color-error--light);
}


.visible-if-previous-hover {
    div {
        height: 0px;
        transition-delay: 0.1s;
        transition-duration: 0.5s;
        /*height: 200px;*/
    }
}

tr:hover + tr.visible-if-previous-hover div:has(canvas),
tr.visible-if-previous-hover:hover div:has(canvas) {
    height: 640px;
    display: flex;
    a {
        max-width: 400px;
        /*width: 100%;*/
        height: 100%;
    }

    transition-duration: 0.1s;

}