html, body {height: 100%; background-color: #fff;}
#main {padding: 10px 0 0 0; position: absolute; top: 50px; left: 0; right: 0; bottom: 0;}
#main > .container {height: 100%;}
#tabs {height: 100%;}
#tabs .tabs-navbar {height: 34px; border-bottom: 1px solid #ddd; position: relative; padding-right: 140px;}
#tabs .tab-nav-item {width: 100px;}
#tabs .tab-nav-item:hover {min-width: 10px;}
#tabs .tab-nav-link:hover > .title {right: 5px}
#tabs .tab-nav-item > a > span {left: 25px; font-size: 13px}
#tabs .is-compact > .tab-nav-item:first-child > a > span {left: 20px}
#tabs .tab-nav-item.loading .tab-nav-link>.icon:before {content: '\e982'}
#tabs .tabs-nav-actions {display: inline-block; vertical-align: top; position: relative; top: 0; left: -4px}
#tabs .tabs-nav-actions > .btn {padding: 4px 8px;}
#tabs .nav-tabs {border-bottom: none; display: inline-block;}
#tabs .nav-tabs > li > a {border-radius: 4px 4px 0 0!important; border: 1px solid #ddd!important;}
#tabs .nav-tabs > li.active > a:before {display: none;}
#tabs .nav-tabs > li.active > a {border-bottom-color: transparent!important;}
#tabs .analysis-actions-btn {position: absolute; top: 1px; right: 2px; padding: 0; width: 15px; height: 28px; opacity: 0; border-radius: 0 4px 4px 0}
#tabs .nav-tabs > li.active .analysis-actions-btn {background: #fff}
#tabs .tab-nav-item:hover .analysis-actions-btn {opacity: 1;}

#analysisMenuBtn {position: absolute; top: -4px; right: 0;}

.analysis-report {height: 100%; padding: 0;}
.analysis-report > .col {height: 100%; overflow: visible; padding: 0; }
.analysis-report > .col + .col {padding-left: 0;}
.analysis-report .dataframe-panel {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin-bottom: 0; box-shadow: none;}
.analysis-report .dataframe {position: absolute; left: 10px; right: 10px; top: 36px; bottom: 10px; border-radius: 4px; overflow: hidden;}
.analysis-report .dataframe:after {content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; border: 1px solid #F0F0F5; z-index: 20; pointer-events: none;}

.analysis-methods {height: 100%; overflow: auto; padding: 0;}
.analysis-methods .hide {display: none;}
.analysis-method-panel > .panel-heading {border: none}
.analysis-method-panel > .panel-heading > .title {overflow: hidden; white-space: nowrap; width: calc(100% - 150px);}
.analysis-methods .panel-heading a {padding-left: 1px; padding-right: 1px;}
.analysis-methods .panel-heading a i {color: #8f8fa0;}
.analysis-methods .panel-heading span.vertical-divider, .analysis-method-result .block-actions span.vertical-divider {display: inline-block; margin-left: 1px; margin-right: 1px; border-left: 1px solid #F0F0F5; width: 1px; height: 8px;}
.analysis-methods .panel-actions {right: 13px;}

.analysis-method-panel + .analysis-method-panel {margin-top: 15px; }
.analysis-method-panel.is-deleting {border-color: #ff2a2a; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ffc3c3;}
.analysis-method-result {margin-right: 15px; padding: 5px 0; border: 1px solid #fff; position: relative;}
.analysis-method-result:hover, .analysis-method-result.active {border: 1px solid #A2C7C2;background: #FAFAFA;}
.analysis-method-result .block-actions {position: absolute; right: 11px; top: 0;}
.analysis-method-result .chart-actions {display: none; position: absolute; right: 11px; top: 0; z-index: 1;}
.analysis-method-title>span {display: none; height: 20px; margin-top: -2px;}
.analysis-method-title > div.title {display: inline-block; overflow: hidden; white-space: nowrap; max-width: calc(100% - 60px);}
.analysis-method-title > span.method-title-edit {vertical-align: top;}
.analysis-method-result:hover .analysis-method-title>span, .analysis-method-result.active .analysis-method-title>span {display: inline-block;}
.analysis-method-result a {padding: 0 3px; font-size: 12px;}
.analysis-method-result a i {color: #8f8fa0;}
.analysis-method-title {padding: 5px 15px; position: relative; z-index: 10;}
.analysis-method-desc {padding: 5px 15px;}
.analysis-method-table {padding: 5px 15px; overflow-x: scroll;}
.analysis-method-table .table {margin: 0;}
.analysis-method-table .table tr:hover {background-color: rgba(0,0,0,.05);}
.analysis-method-table td,
.analysis-method-table th {padding: 4px 8px;}
.analysis-method-table td {text-align: right;}
.analysis-method-table th {text-align: center;}
.analysis-method-table .table-bordered th {background-color: #f5f7fa;color: #1f529d; font-weight: 400; font-size: 13px;}
.analysis-method-table .table-simple td,
.analysis-method-table .table-simple th {padding: 0 4px;}
.analysis-method-table .table-simple th {border-color: #808080;}
.analysis-method-table .table-simple td {border: none}
.analysis-method-table td.col-type-text {text-align: center;}
.analysis-method-table td.col-type-number {text-align: right;}
.analysis-method-action .dropdown-menu {right: 0; left: unset;}
.analysis-method-text {padding: 5px 15px;}
.analysis-method-title {font-weight: bold; color: #1F529D;}
.active > .analysis-method-title {color: #327BE8;}
.analysis-method-result:hover > .analysis-method-title {color: #327BE8;}
.analysis-method-chart {margin-top: -60px}
.analysis-method-chart .modebar-container {top: 22px!important;}
.analysis-plot {overflow: hidden;}
.analysis-method-error {padding: 15px; text-align: center;}
.modebar-container {margin-top: 30px!important}
.compact-chart {overflow: hidden; height: 400px;margin: 5px; border: 1px solid #fff; border-radius: 3px;}
.with-range {height: 440px !important;}
.compact-chart:hover {border: 1px solid #cbd0db;}
.compact-chart:hover .chart-actions {display: inline-block;}
.analysis-method-result pre {border: none}
.analysis-method-result u {text-decoration: none; text-decoration-style: wavy; text-decoration-line: underline; text-decoration-color: #bbb; text-underline-offset: 2px}
.analysis-method-heading {display: inline-block;}

.analysis-right-menu {padding: 10px; border-radius: 4px; margin: 0 auto; width: 840px;}
.analysis-right-menu > .title {font-weight: bold; margin-bottom: 10px; text-align: center;}

.no-analysis-method .analysis-methods {display: flex; align-items: center; justify-content: center; background: #fff;}

#analysisMenu {width: 810px;}
.analysis-create-menu .table-col + .table-col {border-left: 1px solid #f1f1f1;}
.analysis-create-menu .nav > .heading {font-weight: bold; opacity: .6; padding: 8px 15px;}
.analysis-create-menu .nav > li {padding: 4px 8px; text-align: center;}
.analysis-create-menu .nav > li > a, .analysis-create-menu .nav > li > .btn-group > button {padding: 4px; border-radius: 4px; background-color: #f5f5f5;}
.analysis-create-menu .nav > li > a:hover, .analysis-create-menu .nav > li > .btn-group > button:hover {background-color: #3248aa; background-color: var(--color-secondary); color: #fff}
/*
.analysis-create-menu .nav[data-type="graphic"] > li {float: left; width: 50%}
.analysis-create-menu .nav[data-type="graphic"] > li.heading {width: 100%}
*/

#dataframeBox .panel-heading {position: relative; z-index: 99;}
#dataframeBox .panel-heading .panel-actions {padding-right: 10px;}
.refresh-all-results{position: absolute; top: -4px; right: 150px;}
.panel-heading {background: white; }
.method-title-edit {padding: 0 2px;}
.input-border-none {border-top:none; border-right:none;border-left:none;outline: none; border-bottom: 1px solid black; padding-left: 0; margin-left:15px}
.tabs-navbar > .btn-group {display:inline-flex; position: absolute; height:17px; right: 100px; gap:5px; align-items:center;}

#tabs .row.split-row { display: flex; flex: 1; margin:0 0;}
#tabs .row.split-row .col-spliter {width: 20px; position: relative; z-index: 10; cursor: col-resize;}
#tabs .row.split-row .col-spliter:before,
#tabs .row.split-row .col-spliter:after {content: ''; display: block; position: absolute; left: 50%; width: 10px; margin-left: -5px; top: 0; bottom: 0; background: rgba(0,0,0,.075); opacity: 0; transition: opacity .2s;}
#tabs .row.split-row .col-spliter:before {border-radius: 5px;}
#tabs .row.split-row .col-spliter:after {background: transparent; top: 50%; bottom: auto; height: 20px; opacity: 1; width: 4px; border-left: 1px solid rgba(0,0,0,.2); border-right: rgba(0,0,0,.2) 1px solid; margin-left: -2px; margin-top: -10px;}
#tabs .row.split-row .col-spliter:hover:after {border-color: rgba(0,0,0,.3);}
#tabs .row.split-row .col-spliter:hover:before,
#tabs .row.split-row .col-spliter:hover:after,
#tabs .row.split-row.row-spliting .col-spliter:after,
#tabs .row.split-row.row-spliting .col-spliter:before,
#tabs .row.split-row.row-spliting .col-spliter:after {opacity: 1;}
#tabs .row.split-row > .col > .analysis-methods > .analysis-right-menu{min-width: 700px;}
.pl-0 {padding-left:0px;}

.side-bar-view {height: 28px; border: 1px solid #D3D4DC; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 13px; background-color: #FAFAFA;}
.side-bar-view i {line-height: 26px; font-size: 14px; color: #696978;}
.white-space {white-space: pre-wrap;}

#sidebar { display: inline-block;  overflow-y:auto;border: 1px solid #F0F0F5; border-top: unset; border-bottom: unset; flex: 0 0 302px}
#sidebar .results-notes {height: 100%;}
#sidebar #notes {padding-top: 0px; height: 100%; -webkit-box-shadow: none; box-shadow: none;}
#sidebar #notes .detail {padding: 0;}
#sidebar #notes .detail-title {padding-top: 8px; font-size: 13px;}
#sidebar #notes .card-head {margin-bottom: 30px;}
#sidebar #notes .card-head .avatar {height: 20px; width: 20px; font-size: 12px;}
#sidebar #notes .card-head .user-name {font-size: 12px; float: left; padding-left: 4px; padding-top: 2px;}
#sidebar #notes .card-head .btn-toolbar {width: unset; padding-top: 2px;}
#sidebar #notes .card-head .btn-toolbar .btn {color: #8F8FA0; height: 24px; width: 24px;}
#sidebar #notes .card-head .btn-toolbar .btn > i {font-size: 14px; top: 0; left: 0;}
#sidebar #notes .card-head .btn-toolbar .btn:hover {background-color: transparent; color: #2A6ACA;}
.border-circle::after {content: ''; padding: 8px 8px; position: absolute; top: -2px; left: -2px; bottom: 0; right: 0; border: 1px solid #D3D4DC; border-radius: 50%}
#sidebar #notes .detail-content .note-card {background: #FAFAFA; border: 1px solid #F0F0F5; padding: 10px; width: 100%;}
#sidebar #notes .detail-content .note-card.active {border: 1px solid #A2C7C2;}
#sidebar #notes .detail-content .card-content {min-height: 24px; word-break: break-all; overflow: hidden;}
#sidebar #notes .detail-content .note-card textarea#comment {min-height: 24px; resize: none; border: 1px solid #F0F0F5; box-shadow: none; outline: none; width: 100%; height: auto;}
#sidebar #notes .detail-content .note-card .edit-date {padding-top: 5px; font-size: 12px; color: #AAAAB8;}
#sidebar #notes .detail-content .note-card .expand:hover {color: #2A6ACA;}
#sidebar #notes .detail-content .note-card .expand i {font-size: 18px; color: #8F8FA0}
#sidebar #notes .note-card + .note-card {margin-top: 10px;}
#dropMenu .input-control-icon-left{top: 0; left: 0; margin-top: 10px;}
#dropMenu .input-control-icon-left > i {position: absolute; top: 50%; transform: translateY(-50%);}
.flex-none {flex: none;}
.flex-auto {flex: auto; }
.col-methods {min-width: 400px;}
.ellipsis {max-width: 100%; text-overflow: ellipsis; overflow: hidden;}
.highlight-points {vertical-align: top; padding: 0 2px; margin: -3px;}
.highlight-test {background-color: #FAD7D7;}
.highlight-active {background-color: #FAD7D7;}
