.plot-row {
	margin: 0px !important;
	height: 50%;
}

.plot-holder {
	margin: 15px 0;
	height: 400px;
	background: rgba(255, 255, 255, 0.75);
}

#plot-window-container {
    flex-grow: 1;
    width: 100%;
    /* background-color: lightgrey; */
    min-height: 1px;
}

#plot-content-window {
    flex-grow: 1;
    width: 100%;
    overflow-y: auto;
    min-height: 1px;
}

#filter-container {
    margin: 0px 20px 10px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 1px;
    font-size: 11px;
    min-width: 330px;
    background-color: #dee2e6;
}

#diagramme-container {
    /*width: 80%;*/
    background-color: white;
    margin-bottom: 10px;
    margin-right: 20px;
    flex-grow: 1;
    /*overrride min-width auto to allow flex container to shrink under its contects while resizing*/
    min-width: 1px;
    min-height: 1px;
    text-align: center;
    border-top: 1px solid #dee2e6;
}

/* PLOT CONTROL*/

.plot-control-item {
    margin: 12px;
    cursor: pointer;
    font-size: 11px;
}

#plot-nav {
    /* background-color: lightgray; */
    font-size: 12px;
}

#plot-nav .dropdown-item {
    font-size: 12px;
}

#plot-nav .fa {
    margin-right: 8px;
}

#plot-nav .nav-link {
    color: black;
    padding: 10px;
}

#plot-nav .dropdown-menu {
    margin-top: -3px;
}

/*PLOT FILTER*/

#filter-container .fa {
    padding: 0px 3px 0px 0px;
}

/*make some room for the fa icons in the tab */

#filter-container .nav-link {
    padding: 5px 7px;
    color: grey;
}

#plot-tab-content {
    flex-grow: 1;
    min-width: 330px;
}

.dataTables_scrollHeadInner table {
    margin: 0px !important;
    width: 100% !important;
}

#filter-container .dataTables_wrapper {
    width: 100%;
    padding: 0px !important;
    margin: 0px 0px 20px 0px;
    font-size: 11px;
    cursor: pointer;
}

.dataTables_filter,
.dataTables_scroll {
    padding: 0px !important;
}

#filter-container .dataTables_scroll {
    min-width: 300px;
    max-width: 300px;
}

#filter-container .dataTables_scrollBody {
    min-height: 100px !important;
    max-height: 100px !important;
    background-color: #efefef;
    min-width: 300px;
    max-width: 300px;
}

#plot-edit-line-tab-content .dataTables_scrollBody {
    min-height: 300px !important;
    max-height: 300px !important;
}

#filter-container .dataTables_scrollHeadInner {
    padding-right: 0px;
    width: 100% !important;
}

#filter-container .dataTables_scroll th {
    background-color: #fff;
    padding-left: 0px;
}

#filter-container input[type='search'] {
    max-width: 90px;
}

.liste-table td,
.liste-table th {
    padding: 0.3rem;
}

#filter-container th {
    border: none;
}

#filter-select-existing-line-div,
#filter-select-object-wrapper-div,
#filter-edit-plot-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

#filter-select-aggregation-level-div,
#plot-filter-select-date,
#filter-submit-line-div {
    margin-bottom: 20px;
}

#submit-new-line {
    cursor: pointer;
}

#plot-filter-select-date {
    min-height: 190px;
}

.plot-filter-title {
    padding-bottom: 5px;
    font-weight: 700;
}

#plot-remove-object-dropdown,
#plot-remove-existing-line-dropdown {
    text-align: right;
}

#filter-container .remove-dropdown,
#filter-container .remove-dropdown:hover,
#filter-container .remove-dropdown:visited,
#filter-container .remove-dropdown:active,
#filter-container .remove-dropdown:focus {
    background-color: white !important;
    color: black;
    border: none;
    padding: 10px 15px 2px 0px;
    cursor: pointer;
    outline-color: white;
    box-shadow: none;
}

#filter-container .fa-times {
    color: red !important;
}

#plot-remove-object-dropdown {
    font-size: 10px !important;
}

#filter-container .dropdown-item {
    font-size: 10px !important;
}

#plot-select-object-table_wrapper {
    margin-top: 0px;
}

#filter-container .form-check-input {
    margin-top: 0;
}

.disabled-edit-lines-label {
    color: #6c757d !important;
}

#filter-container .custom-select {
    height: inherit !important;
    width: 300px;
}

#colorpicker-div {
    margin: 3px 0px;
}

#colorpicker-div p,
.icon-text p,
#line-weight-button {
    margin-bottom: 0 !important;
}

#line-color-icon-div {
    display: inline-block;
}

#line-colorpicker {
    visibility: hidden;
}

.edit-lines-label-div {
    min-width: 40px;
}

#filter-select-existing-line-div fieldset {
    border-top: 1px solid grey;
}

#filter-select-existing-line-div legend {
    width: auto;
    font-size: 11px;
    font-weight: 700;
}

#filter-container .xdsoft_datetimepicker .xdsoft_calendar td,
#filter-container .xdsoft_datetimepicker .xdsoft_calendar th {
    font-size: 11px;
    height: 20px;
}

#filter-container .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 282px;
}

#filter-container .xdsoft_datetimepicker .xdsoft_label {
    font-size: 11px;
}

#filter-container .xdsoft_datetimepicker .xdsoft_month {
    width: auto;
}

#filter-container .xdsoft_monthpicker {
    display: flex;
    justify-content: center;
}

#filter-container .dataTables_scrollHead table.table-bordered {
    border: none;
}

/*style edit plot tab */

#plot-subtitle {
    font-size: 12px;
}

#filter-container .edit-plot-input {
    margin-left: 20px;
}

#filter-container .edit-plot-input-label {
    min-width: 45px;
    margin-bottom: 0px;
}

.edit-plot-header {
    font-weight: 700;
    margin-top: 20px;
}

#filter-container .edit-plot-input-div {
    margin: 10px 0px;
}

#filter-container .edit-plot-indent {
    margin-left: 15px;
}

#filter-container .edit-plot-input-label-indent {
    min-width: 30px;
    margin-bottom: 0px;
}

#filter-container .plot-number-input {
    width: 60px;
}

/*PLOT*/

.line-click-path {
    stroke-dasharray: 0 !important;
    stroke-width: 7 !important;
    pointer-events: stroke !important;
    cursor: crosshair;
}

.line,
.line-icon-line {
    stroke: black;
    fill: none;
    stroke-width: 2px;
    pointer-events: none;
}

.smooth-curve {
    stroke-dasharray: 0 !important;
}

.dot,
.line-icon-circle {
    fill: none;
    cursor: pointer;
    stroke-width: 0.5px;
}

.line-legend-item {
    font-size: 9px;
}

.large-legend-text {
    font-size: 11px !important;
}

.tooltip-dot {
    position: absolute;
    text-align: center;
    /*     width: 50px; */
    /*     height: 20px; */
    padding: 2px 5px;
    font: 11px sans-serif;
    color: white;
    border: 0px;
    border-radius: 4px;
    pointer-events: none;
}

.zoom {
    cursor: move;
    fill: none;
    pointer-events: all;
}

.zoom-rect {
    cursor: move;
    fill: none;
    pointer-events: all;
}

.axis-label {
    font-size: 12px;
    color: #78909c; 
  
}

.vertical-line,
.zero-line {
    stroke: lightgrey;
    stroke-width: 1;
}

.lineLegend {
    font-size: 11px;
}

/*fullscreen mode*/

.fullscreen-plot {
    margin-left: 20px;
}

.plot-titles {
    font-size: 16px;
    font-weight: bold;
    color: #78909c;
}

.tooltip-bar {
    background-color: #296da3; 
    position: absolute;
    text-align: center;
    /*     width: 50px; */
    /*     height: 20px; */
    padding: 2px 5px;
    font: 11px sans-serif;
    color: white;
    border: 0px;
    border-radius: 4px;
}

.outer-bar{
    cursor: pointer;
}

.legend-rect, .legend-line {
    fill: black;
    stroke: none;
    stroke-width: 1;
}

.line-label {
    font-size: 11px;
}