/*  Zinken & Zapfen styles                                  */
/*  for produktLogika Configurator Client                   */
/*                                                          */
/*  (c) nanoLogika GmbH, 2023                               */
/*                                                          */
/************************************************************/

@import "variables.css";
@import "main-window-styles.css";
@import "main-window-3D.css";
@import "pm-layout.css";
@import "pm-styles.css";
@import "pm-checkboxradio.css";
@import "icomoon.css";
@import "orbitcontrols.css";

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../../../assets/fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

button.pm-inactive {
    background-color: var(--button-background-color-inactive);
}

/*body {
	line-height: 16px
}*/

body, input, select {
    font-family: 'Roboto';
}

select option {
    font-family: 'Roboto';
}

#renderer-container {
    background-image: url("../images/Logo.png");
    background-size: 100px;
    background-position: left 20px bottom 20px;
    background-repeat: no-repeat;
}

.debug {
    visibility: hidden;
}

.pm-full-width .pm-btn,
.pm-full-width .pm-btn-selected {
    color: var(--text-color);
    font: 13px Roboto;
    margin-top: 0;
    margin-right: 0;
    width: 100%;
    min-height: 34px;
    height: auto;
}

.pm-filter-group .pm-btn,
.pm-filter-group .pm-btn-selected {
    color: var(--text-color);
    font: 13px Roboto;
    width: max-content;
	height: 34px;
}

.pm-full-width .pm-btn,
.pm-filter-group .pm-btn {
    border-color: var(--lightgray);
}
.pm-full-width .pm-btn:hover,
.pm-filter-group .pm-btn:hover {
    border-color: var(--green-light);
    border-width: 2px;
}
.pm-full-width .pm-btn-selected,
.pm-filter-group .pm-btn-selected {
    background-color: var(--green-light);
    border-color: var(--green-light);
}
.pm-full-width .pm-btn-selected:focus,
.pm-filter-group .pm-btn-selected:focus {
    background-color: var(--green-light);
}
.pm-full-width .pm-btn-selected:hover,
.pm-filter-group .pm-btn-selected:hover {
    background-color: var(--green-light);
    border-color: var(--gray);
}

/* ******************************************************************************** */
/* Overide pm-layout.css */
/* original settings commented */
/*
.pm-group-frame {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
} 
*/
.pm-group-frame {
    padding-left: 8px;
    padding-right: 8px;
}

/* .pm-element-frame {
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
} */
.pm-element-frame {
    margin-right: 8px;
}

/*.pm-content-cell {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 1em;
    line-height: normal;
} */
.pm-content-cell {
    padding-bottom: 2px;
}

/* .pm-level-2 > .pm-content-cell {
    margin-left: 30px;
}
.pm-level-3 > .pm-content-cell {
    margin-left: 20px;
}
.pm-level-4 > .pm-content-cell {
    margin-left: 10px;
}
.pm-level-5 > .pm-content-cell {
    margin-left: 0px;
} */
.pm-level-2 > .pm-content-cell {
    margin-left: 15px;
}
.pm-level-3 > .pm-content-cell {
    margin-left: 10px;
}
.pm-level-4 > .pm-content-cell {
    margin-left: 5px;
}
.pm-level-5 > .pm-content-cell {
    margin-left: 0px;
}

/* .pm-element-row-2 {
    margin-left: 30px;
}
.pm-element-row-3 {
    margin-left: 20px;
}
.pm-element-row-4 {
    margin-left: 10px;
}
.pm-element-row-5 {
    margin-left: 0px;
} */
.pm-element-row-2 {
    margin-left: 15px;
}
.pm-element-row-3 {
    margin-left: 10px;
}
.pm-element-row-4 {
    margin-left: 5px;
}
.pm-element-row-5 {
    margin-left: 0px;
}

.pm-caption-unwrapped {
	white-space: pre-line;
}

/* .pm-readonly-cell .pm-content-cell,
.pm-readonly-cell .pm-description-cell,
.pm-editor-cell .pm-content-cell,
.pm-editor-cell .pm-description-cell {
    padding-left: 30px;
} */
.pm-readonly-cell .pm-content-cell,
.pm-readonly-cell .pm-description-cell,
.pm-editor-cell .pm-content-cell,
.pm-editor-cell .pm-description-cell {
    padding-left: 15px;
}

.pm-tabbed-page {
    overflow-y: inherit;
}
/* ******************************************************************************** */

.pm-create-button {
    font-size: 16px;
    border-radius: 0px;
}

.pm-issue > .pm-text-value,
.pm-issue > .pm-message,
.pm-issue > .pm-content {
    color: crimson; /* red */
}

.pm-message {
    border-top: 1px solid var(--green-light);
    border-left: 4px solid var(--green-light);
    margin-bottom: 4px;
}

/* where is it used */
.pm-group-issues .pm-issue {
    margin-bottom: 5px;
}

.pm-issue {
    border-top: 1px solid var(--red-light);
    border-left: 4px solid var(--red-light);
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 4px;
}

/* padding & margin not specified in pm-layout/pm-styles */
.pm-tooltip-issue {
    border-left: 4px solid var(--red-light);
    padding-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Push-Button */
.pm-button-cell {
    width: 80%;
    height: 50px;
}

/* Parameter Editor */
.pm-ped-section-headline {
    color: var(--green-full); /*Standard: --caption-text-color*/
}

.pm-ped-table-caption-cell {
    width: 30px;
}

/* Number Picker Buttons */
.pm-picker-btn {
    border-width: 2px;
}

.pm-picker-btn:hover {
    border-width: 2px;
}

.pm-picker-btn-selected {
    border-width: 2px;
}

/* main-window-styles Message Section */
.section-heading {
    background-color: var(--green-light);
    color: var(--text-color);
}

.toolbar button {
    font-size: 25px;
}

/* Spin controls */
/* ???? strange color ????  */
.modelNavigationIcon {
    color: #097738;
    -webkit-text-stroke: unset;
}

/* SVG styles */
.svg-title {
    color: var(--green-full);
}

.svg-drawing {
    background-color: aliceblue;
}

.svg-outline {
    stroke: black;
    stroke-width: 2;
    fill: white
}

.svg-auxline {
    stroke: black;
    stroke-width: 1
}