body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo{height:32px;background:#fff3;margin:16px}.ant-layout-footer{padding:0}.ant-layout-content{padding:24px}.result-item{justify-content:center}.basic-layout-spinner-container{display:flex;text-align:center;align-items:center;justify-content:center;height:100vh}.site-layout .site-layout-background{background:#e6e6e6}.header-container{display:flex;align-items:center;justify-content:center;border-radius:2px;padding:2px 4px;transition:all .3s}.header-container:hover{cursor:pointer;background:#00000006}.container{background-color:#fff;justify-content:space-between;display:flex;height:auto;line-height:48px;padding:0 25px;flex-wrap:wrap;align-items:center}.right-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.side-menu-logo{display:block;margin:0 auto}.ant-menu-submenu.ant-menu-submenu-inline,.ant-menu-submenu.ant-menu-submenu-vertical{padding:0}.custom-sider{background-color:var(--sideMenuBackground)!important}.custom-menu-item,.custom-menu-submenu-title,.ant-menu-item,.ant-menu-submenu-title{border-radius:0!important}.custom-menu-item:hover,.custom-menu-submenu:hover,.custom-menu-item-active,.custom-menu-submenu-active,.custom-menu-item-open,.custom-menu-submenu-open,.custom-menu-item-selected,.custom-menu-submenu-selected,.custom-sider-trigger:active,.custom-sider-trigger:hover{color:var(--sideMenuActiveText)!important;background-color:var(--sideMenuActiveBackground)!important;border-radius:0!important}.custom-menu-item,.custom-menu-submenu,.custom-menu-item-open,.custom-menu-submenu-open,.custom-sider-trigger{background-color:var(--sideMenuBackground)!important;border-radius:0!important;max-height:800px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sideMenuActiveBackground) var(--sideMenuBackground)}.ant-menu-submenu:hover>.ant-menu-submenu-title,.ant-menu-submenu-open>.ant-menu-submenu-title,.ant-menu-submenu-active>.ant-menu-submenu-title{background-color:var(--sideMenuActiveBackground)!important;color:var(--sideMenuActiveText)!important}.custom-sider-collapsed .ant-menu-submenu:hover>.ant-menu-submenu-title,.custom-sider-collapsed .ant-menu-submenu-open>.ant-menu-submenu-title{background-color:var(--sideMenuActiveBackground)!important;color:var(--sideMenuActiveText)!important}.custom-sider-collapsed .ant-menu-submenu:not(:hover):not(.ant-menu-submenu-open)>.ant-menu-submenu-title{background-color:var(--sideMenuBackground)!important;color:inherit!important}.custom-menu-submenu-inline .custom-menu-submenu-active{background-color:var(--sideMenuBackground)!important}.custom-menu-submenu-selected>.custom-menu-submenu-title{background-color:var(--sideMenuActiveBackground)!important;color:var(--sideMenuActiveText)!important}.ant-menu-submenu-popup .ant-menu,.ant-layout-sider.ant-layout-sider-collapsed .ant-menu-submenu-popup .ant-menu,.ant-menu-sub.ant-menu-inline{background-color:var(--sideMenuBackground)!important}.custom-tooltip-content{color:var(--sideMenuActiveText)!important;background-color:var(--sideMenuActiveBackground)!important;background:var(--sideMenuActiveBackground)!important}.ant-layout-sider-trigger{background-color:var(--sideMenuActiveBackground)!important;color:var(--sideMenuActiveText)!important}.custom-menu-inline{background:var(--sideMenuBackground)!important}.custom-menu-root .custom-menu-inline{background-color:var(--sideMenuBackground)!important}.custom-menu-dark{background:var(--sideMenuBackground)!important}.custom-menu-inline-sub{background-color:var(--sideMenuBackground)!important}.custom-menu-submenu-active{background-color:var(--sideMenuActiveBackground)!important}.custom-menu-vertical{background-color:var(--sideMenuBackground)!important}.basic-header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin:0;padding:0 0 8px}.basic-header-right-side{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;margin:0;padding:0}.flex-container{display:flex}.flex-child{flex:1}.flex-child-arrow{display:flex;flex:1;align-items:center;justify-content:center;text-align:center;margin:10px;font-size:x-large}.rowC{display:flex;flex-direction:row;width:fit-content}.selector{width:100%;height:100%}.Xcentered button.selected{background-color:#00f}.range-selector{height:34px;margin:2px}div.ant-space.Xcentered>div>p{border-radius:5px;border:darkgray 1px solid;padding:.25em;width:150px;text-align:center}div.ant-space.Xcentered p{margin-bottom:0}.depthSelector>svg>line{cursor:ew-resize;stroke:#000;stroke-width:4;height:calc(100% - 20px)}.button-range-selector{size:small!important;border-radius:5px}.timeSelector{height:calc(100% - 38px)}.chart.selector{min-width:150px}.button-range-active-loading{background-color:var(--buttonActiveBackground)!important;color:var(--buttonActiveText)!important;border-radius:5px!important;opacity:.6!important;box-shadow:0 8px 15px #0000001a!important}.button-range-inactive-loading{background-color:var(--buttonInactiveBackground);border-radius:5px!important;opacity:.6!important;box-shadow:0 8px 15px #0000001a!important}.button-range-active-loaded{background-color:var(--buttonActiveBackground)!important;color:var(--buttonActiveText)!important;border-radius:5px!important;box-shadow:0 8px 15px #0000001a!important}.button-range-inactive-loaded{background-color:var(--buttonInactiveBackground)!important;border-radius:5px!important;box-shadow:0 8px 15px #0000001a!important}.button-group{display:flex;flex-direction:column;justify-content:space-between;margin-left:100px;z-index:1000}.button-group button{width:20px;height:100px;margin-bottom:10px}.button-online-offline{border-radius:5px}.button-OnlineOffline-active{background-color:var(--buttonActiveBackground)!important;color:var(--buttonActiveText)!important;border-radius:5px!important;box-shadow:0 8px 15px #0000001a!important}.button-OnlineOffline-inactive{background-color:var(--buttonInactiveBackground)!important;border-radius:5px!important;box-shadow:0 8px 15px #0000001a!important}.spinner{margin:20px 0;padding:30px 50px;text-align:center;background:#0000000d;border-radius:4px}.spinner{background:#ffffff14}.ant-spin-dot-item{background-color:var(--spinner)!important;align-items:center}.currentTempOutsideRange{color:red;font-size:90%}.table-row-text-size{font-size:90%}.historicalAverageTemp{color:#ababab!important;font-size:90%}.centered-header{display:flex;justify-content:center;align-items:center}#table-container .styled-table{border-collapse:collapse;width:100%;font-size:.9em;font-family:sans-serif;min-width:400px;box-shadow:0 0 20px #00000026}#table-container .styled-table th{text-align:center;background-color:var(--tableHeaderBackground);color:var(--tableHeaderText);font-weight:700;padding:8px}#table-container .styled-table tbody tr:nth-child(2n){font-size:90%}#table-container .styled-table tbody tr:nth-child(2n) td{background-color:var(--tableRowA)}#table-container .styled-table tbody tr:nth-child(odd){font-size:90%}#table-container .styled-table tbody tr:nth-child(odd) td{background-color:var(--tableRowB)!important}#table-container .styled-table tbody tr:nth-child(odd) td:first-child,#table-container .styled-table tbody tr:nth-child(odd) td:nth-child(2){background-color:var(--tableRowB)}#table-container .styled-table tbody tr:hover td{background-color:var(--tableRowHover)!important}#table-container .styled-table tbody tr{transition:background-color .3s ease}.lossChart{height:250px;width:100%;--chart-margin-left: 40px;--chart-margin-top: 20px;--chart-margin-right: 60px;--chart-margin-bottom: 60px}.svgCanvasOverlay canvas{position:absolute;z-index:0}.svgCanvasOverlay svg{position:absolute;z-index:10}.chart{height:100%;width:100%}.highlight{animation:pulse 1s}@keyframes pulse{0%{background-color:#fff}to{background-color:#70f84f}}:root{--switchBackground: #9F8B4F;--buttonBackgroundUnclicked: #9F8B4F;--buttonBackgroundClicked: #796a3e;--buttonBorder: 2px solid #9F8B4F;--buttonBackgroundHover: #8f7d48}.ant-switch-checked{background:var(--switchBackground)!important}.ant-btn{background:var(--buttonBackgroundUnclicked);border-radius:5px;box-shadow:0 8px 15px #0003}.ant-btn:hover{background:var(--buttonBackgroundHover);border-radius:5px;box-shadow:0 8px 15px #0003}.ant-btn:active{background:var(--buttonBackgroundClicked);border:var(--buttonBorder);border-radius:5px;box-shadow:0 8px 15px #0003!important;transform:translateY(2px);transition:all .1s}.point-of-interest-btn{border:var(--buttonBorder);background:var(--buttonBackgroundUnclicked)}.point-of-interest-btn:hover{border:var(--buttonBorder)}.latestChart,.zoneChart{height:50vh}.legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.well-legend-item{display:flex;flex-direction:column;padding:4px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.well-legend-header{display:flex;align-items:center}.well-legend-swatch{width:16px;height:16px;border-radius:50%;margin-right:8px;border:1px solid #000;flex-shrink:0}.well-legend-timestamp{margin-left:24px;font-size:12px;color:#888}.chart-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px}.multiWellChart{height:400px;width:100%}:root{--tableHeaderBackground: #2B2B2B;--tableHeaderText: #EADBAF;--tableRowA: #FFFFFF;--tableRowB: #F2F2F2;--tableRowHover: #E0E0E0;--spinner: #624F16;--buttonActiveBackground: #9F8B4F;--buttonActiveText: #FFFFFF;--buttonInactiveBackground: #FFFFFF;--sideMenuBackground: #1B180D;--sideMenuActiveBackground: #9F8B4F;--sideMenuActiveText: #FFFFFF}ant-list-item:hover{box-shadow:0 0 4px #eee}.Xcentered{display:flex;justify-content:center;align-items:center}#petro-container .petro-dropdown .ant-dropdown-menu{background-color:var(--sideMenuBackground)}#petro-container .petro-dropdown .ant-dropdown-menu-item{background-color:var(--sideMenuBackground);color:var(--buttonActiveText);border-radius:0%}#petro-container .petro-dropdown .ant-dropdown-menu-item:hover{background-color:var(--sideMenuActiveBackground)!important}#petro-container .petro-dropdown .ant-dropdown-menu-item:active{background-color:var(--sideMenuActiveBackground)}.header-container{display:flex;align-items:center;gap:3px}.custom-dropdown-menu .ant-dropdown-menu{background-color:var(--sideMenuBackground);color:var(--buttonActiveText)}.custom-dropdown-menu .ant-dropdown-menu-item{color:var(--sideMenuActiveText)}#topBar{background-color:#aaa}#bottomBar{background-color:#333}#TvDTopRow .leftBar,#TvDTopRow .rightBar{background-color:#9f8b4f}#TvDChartRow .leftBar{background-color:#333;color:#fff}#TvDChartRow .rightBar{background-color:#333}#TvDBottomRow .leftBar,#TvDBottomRow .rightBar{background-color:#9f8b4f}.zone-picker{background-color:#333;color:#fff;height:48px}.depth-selector{height:calc(100% - 48px)}.summary{overflow-y:auto;max-height:70%;min-height:300px}.summary-section{border:rgb(46,148,28) dashed 2px}.summary-section p{line-height:1.3em;margin-bottom:0}.summary-line{display:flex;margin:0 - 10px;background-color:#000}.summary-section span{line-height:1.3em;margin-bottom:0;margin-right:0}.summary-title{display:flex}.summary-section .push-right{margin-left:auto;margin-right:5px;color:#2e941c}.trace-selection{overflow-y:auto;max-height:35%}.trace-selection-line{border:rgb(46,148,28) dashed 2px;display:flex;margin:0 - 10px}.trace-selection-section span{line-height:1.3em;margin-bottom:0}.trace-selection-section span{margin-right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.trace-selection-section .anticon{pointer-events:all}.trace-selection-title{text-align:center}.drop-indicator{margin-top:.1em;margin-bottom:.1em;color:#00f}.trace-selection .push-right{color:#00f;margin-left:auto}.DownloadButton{background:#1f9b60!important;color:#fff!important}.DownloadButton:hover{background:#26c177!important}.DownloadButton:active{background:#167447!important}.chartRow{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;-webkit-user-select:none;user-select:none}.waterfallChart{flex:1 0 70%;width:auto}.sliderContainer{flex:1 0 30%;width:auto}.zoneChart,.tfoChart,.modalChart,.brushChart,.chartTightCanvas,.depthChart,.waterfallChart{height:100%;width:100%;--chart-margin-left: 40px;--chart-margin-top: 20px;--chart-margin-right: 60px;--chart-margin-bottom: 60px;margin-left:50px}@media (max-width: 800px){.chartRow{flex-direction:column}}.well-diagram{width:"100%";margin-top:30px}.well-section{position:absolute;height:100%;left:0}.depth-labels{position:absolute;height:100%;top:100%;font-size:12px;width:1500px}.depth-labels span{position:absolute}.customTabs .ant-tabs-nav-wrap{height:64px}.customTabs .ant-tabs-tab-active .ant-tabs-tab-btn{background-color:#f5f5f5}.outer-color-div{display:flex;align-items:center;position:relative}.form-row label{margin-right:10px}.form-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-bottom:10px}.color-preview{border:1px solid #ccc;cursor:pointer;width:48px;height:24px;border-radius:5px;margin-left:5px;margin-right:5px}.color-picker-modal{position:absolute;z-index:1000;top:40px;left:10px}.update-button{margin-top:20px;margin-left:5px;margin-right:5px}.add-button{margin:10px 5px 15px}.hsbar-bar{border-radius:25px!important}.custom-select-dropdown .ant-select-dropdown-menu{overflow-y:scroll!important;scrollbar-width:thin;-ms-overflow-style:-ms-autohiding-scrollbar}.custom-select-dropdown .ant-select-dropdown-menu::-webkit-scrollbar{width:12px}.custom-select-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:10px;border:3px solid white}.login-form{border:1px solid #eee;padding:10px;border-radius:5px;box-shadow:1px 1px 5px #ddd;background:#fff}.login-form-forgot{float:right}.login-form-button{width:100%}.login-logo{width:250px;margin-bottom:8px;border-radius:4px}.login-panel{display:flex;flex-direction:column;padding:16px;align-items:center;height:auto}.spinner{position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;width:50px;height:50px}.footer{flex-grow:1}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{text-align:center}