.body{--bs-primary: #6d1721;--bs-primary-rgb: 109,23,33;--bs-dark: #6d1721;--bs-dark-rgb: 109,23,33}.xixo-main-layout{display:grid;grid:"xixo-main-sidebar" 1fr / 240px 1fr;grid-gap:8px;background-color:#fff;width:100vw;height:100vh}.xixo-main-sidebar{background:linear-gradient(180deg,#e6e6e6 62%,#959595);display:flex}.xixo-main-body{display:grid}.xixo-body-layout{display:grid;grid:"xixo-body-header" 70px "xixo-body-content" 1fr "xixo-body-footer" 40px / 1fr;width:100%;height:100%;gap:8px}.xixo-body-content{display:grid;grid:"container-toolbar" 255px "container-body" 1fr}#idWellName{font-size:x-large}.xixo-content-footer{background-color:var(--bs-secondary-bg-subtle);height:40px;display:flex}.xixo-content-header{height:70px;background:var(--bs-secondary-bg-subtle);display:flex;padding:6px}.xixo-content-header-button{margin-left:auto;margin-top:9px}.xixo-content-footer-derechos{margin-left:auto;display:block;margin-top:6px;margin-right:6px}.xixo-content-footer-author{color:var(--bs-gray-700);margin-top:4px;margin-left:6px}.xixo-content{display:flex;flex-direction:column}.xixo-work-area{flex-grow:1;flex-direction:column;display:flex}.xixo-work-toolbar{border-bottom:1px solid var(--bs-primary);display:flex}.xixo-work-toolbar-data-general{margin-left:auto}.chart-section{display:flex;flex-grow:1;flex-direction:column}.chart-section-toolbar{text-align:center}.horizontal-chart{flex-grow:1;flex-direction:row}#idChartSection{height:100%;display:flex;flex-direction:column}.chart-section-charts{flex-grow:1;display:flex}.chart-section-chart-guide{width:70px;border-right:1px solid var(--bs-primary)}.chart-section-charts-content{flex-grow:1;overflow:auto;width:100px}.chart-section-charts-content-time,.chart-section-charts-content-depth{flex-grow:1;overflow:auto;width:100%}.chart-section-chart-guide-time{height:80px;border-bottom:1px solid var(--bs-primary)}.datetime-component{width:145px}#idChartsArea{display:flex}.chart-area-depth{flex-direction:row;width:600px}.chart-area-time{flex-direction:column;height:500px}.chart-component{height:150px;display:grid;grid:"chart-buttons chart-area" 1fr / 50px 1fr;width:99%}.chart-area{width:100%}