/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.125;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
    width: device-width
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125;
    color: #3f4040;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #004b8d;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #002241;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

/* [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
} */

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}
.console {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0px;
  /* отступ сверху */
  vertical-align: middle;
  /* right: 0; */
  left: 0;
  z-index: 205;
  color: #3f4040;
  background-color: #ffffff;
  transition: margin .2s ease-out;
  -webkit-transition: margin .2s ease-out;
  display: flex;
  flex-direction: column;
}

.stockFileOpen {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0px;
  /* отступ сверху */
  vertical-align: middle;
  /* right: 0; */
  left: 0;
  z-index: 205;
  color: #3f4040;
  background-color: #ffffff;
  transition: margin .2s ease-out;
  -webkit-transition: margin .2s ease-out;
  display: flex;
  flex-direction: column;
  /* сначала невидим */
  margin-left: -100%;
}

.optimization-settings-panel {
  width: 30%;
  height: calc(100% - 60px);
  overflow: hidden;
  position: absolute;
  top: 60px;
  /* отступ сверху */
  right: 0;
  display: block;
  z-index: 9998;
  background-color: #ffffff;
  border-left: 1px solid #f2f2f2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  /* сначала невидим */
  margin-right: -30%;
  transition: margin .2s ease-out;
  -webkit-transition: margin .2s ease-out;
}

/* header */
.headerOuterOpnDlg {
  width: 100%;
  background-color: #004b8d;
  color: #ffffff;
  padding: 0 20px;
  overflow: hidden;
  line-height: 60px;
  flex-shrink: 0;
}

.headerInnerOpnDlg {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.textHeaderOpnDlg {
  font-size: 1.25rem;
  text-align: center;

  text-transform: uppercase; /*text-uppercase*/
}

@media screen and (max-width: 767px) {
  .textHeaderOpnDlg {
    text-align: right;
  }
}

.backDivHeaderOpnDlg {
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
}

.backBtnHeaderOpnDlg {
  padding: 0.375rem 0.75rem;
  border: 1px solid #ffffff;
}

.closeHeaderOpnDlg {
  cursor: pointer;
  font-size: 2rem;
  position: absolute;
  top: 0;
  right: 0;
}

/* file tree */
.model_img {
  /* size is important for SVG images*/
  height: 18px;  /*  see // sizeTreeIcon = 18;//24;*/
  width: 18px;
}
.doc_img {
  /* size is important for SVG images*/
  height: 38px;  /*  see // sizeToolbarIcon=38 */
  width: 38px;

  position: relative;
  bottom: -5px;
  left: -12px
}

.dlgModelBackToolbar {
  width: 100%;
  color: #3f4040;
  background-color: #f2f2f2;
  font-size: 1.5rem;
  line-height: 40px;
  overflow: hidden;
  padding: 0 20px;
}

.dlgModelBackToolbarElement {
  display: inline-block;
  cursor: pointer;
}

.dlgModelBackBreadcrumbs {
  display: inline;
  margin-left: 20px;
}

/* content */
.dlgModelBrowserContent {
  position: relative;
  top: 0;
  left: 0;
  flex: 1 1 auto;
  /* height: calc(100% - 60px); */ /* 100% - top-toolbar-height */
}

.dlgModelInfoColumn {
  overflow: auto;
  height: 100%;
  padding: 0 10px;
}

.dlgModelActionsColumn {
  overflow: auto;
  height: 100%;
  padding: 0 5px;
}

.dlgModelInfo.dlgModelInfoField {
  margin-top: 10px;
}

.dlgModelInfo p,
.dlgModelInfo ul,
.dlgModelInfo ul li p {
  margin: 0;
}

.dlgModelInfoField a {
  color: #004b8d;
  text-decoration: underline;
}

.dlgModelInfo.dlgModelInfoButtons button,
.dlgModelInfo.dlgModelInfoButtons a {
  margin: 0 10px 10px 10px;
}

.dlgModelInfo > .section-content:not(.collapsed) {
  padding-left: 0;
  padding-bottom: 0;
}

.dlgModelInfoBottomBar {
  overflow: hidden;
  position: relative;
  bottom: 0;
  right: 0;
}

.dlgModelInfoBottomBar button,
.dlgModelInfoBottomBar a {
  margin: 10px;
}

.dlgModelSectionHeader {
  /*background-color: #f2f2f2;
  color: #004b8d;*/ /*go to .theme-section-background */
  min-height: 2rem;
  padding: 0.25rem;
  font-size: 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dlgModelSectionHeader.sub-section {
  color: inherit;
}

/* tablets */
@media screen and (max-width: 991px) {
  .dlgModelBrowserContent {
    overflow: scroll;
  }
  .dlgModelBrowserContent .left-column,
  .dlgModelBrowserContent .content-column,
  .dlgModelBrowserContent .right-column {
    position: relative;
    top: 0 !important;
    width: 100%;
    height: auto;
    max-height: none;
    border-left: none;
    box-shadow: none;
  }
  .dlgModelBrowserContent .left-column {
    left: 0 !important;
    height: auto !important;
    border: none;
  }
  /* left column should collapse when I select a model */
  .dlgModelBrowserContent .content-column {
    left: 0 !important;
  }
  .dlgModelBrowserContent .right-column {
    right: 0 !important;
    height: auto !important;
  }
  .dlgModelSectionHeader {
    white-space: normal;
    text-overflow: clip;
  }
}

/* smaller tablets, larger phones */
/* @media screen and (max-width: 767px) {} */

/* smaller phones */
/* @media screen and (max-width: 479px) {} */

.dlgModelInfoField .accordion-content {
  padding: 0;
}

.dlgModelInfoTableDiv {
  padding: 5px;
  border: 1px solid #f2f2f2;
}

.dlgModelInfoTable {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}

.dlgModelInfoTable .dlgModelInfoHeader {
  font-weight: bold;
}

.dlgModelInfoFileTable .dlgModelInfoHeader {
  margin-top: 15px;
  font-weight: bold;
}

.dlgModelInfoTable .dlgModelInfoAdd {
  color: #959797;
  text-align: right;
  width: 4em;
}

.dlgModelInfoTable .dlgModelInfoPlain {
  color: #004b8d !important;
  text-align: right;
  padding: 0em 0.5em 0em 0.5em;
}

.dlgModelInfoTable .dlgModelInfoContent {
  color: #004b8d !important;
  font-size: 1.25em;
}

.dlgModelInfoTable .dlgModelInfoContent.editable {
  border: 1px solid #959597;
}

.dlgModelInfoTable .dlgModelInfoContent.editable.multiline {
  min-height: 5em;
}

.dlgModelInfoFileTableDiv {
  padding: 5px;
  margin-top: 5px;
  border: 1px solid #f2f2f2;
}

.dlgModelInfoFileTable {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}

.dlgModelInfoFileTable th {
  font-weight: normal;
  text-align: left;
  color: #959797;
}

.dlgModelInfoFileTable a {
  text-decoration: none;
}

.dlgModelInfoFileTable td {
  color: #004b8d;
}

.dlgModelInfoFileTable tbody tr:hover {
  background-color: #f2f2f2;
}

.dlgModelInfoFileAction {
  padding-right: 0.5em;
  text-decoration: underline;
  cursor: pointer;
}

.dlgModelInfoFileAction:hover {
  color: #959797;
}

.dlgModelInfoFileDescriptionCell {
  padding: 0.25em 0 0.25em 2em;
}

.dlgModelInfoFileDescription {
  padding: 0.25em;
}

.dlgModelInfoFileDescription.editable {
  border: 1px solid #959597;
}

.dlgModelInfoRow {
  margin-top: 15px;
}

.dlgModelActionOuter {
  width: 100%;
  display: inline-block;
  padding: 5px;
  position: relative;
}
/* W.K.
@media screen and (max-width: 767px) {
  .dlgModelActionOuter {
    width: 50%;
  }
}*/

@media screen and (min-width: 1400px) {
  .dlgModelActionOuter {
    width: 50%;
  }
}

.full-width > .dlgModelActionOuter, .full-width.dlgModelActionOuter {
  width: 100%;
}

.plain-action .dlgModelActionOuter {
    width: 100%;
}

.plain-action .dlgModelActionInner  {
  height: 4rem;
}

.dlgModelActionInner {
  display: block;
  cursor: pointer;
  background-color: #004b8d;
  padding: 5px;
  height: 6rem;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
  overflow: hidden;
  position: relative;
  transition: 0.2s;
}

.dlgModelActionInner:hover {
  background-color: #003767;
}

.active > .dlgModelActionInner {
  background-color: #2c8ce1;
}

.active > .dlgModelActionInner:hover {
  background-color: #2067a5;
}

.dlgModelActionText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  color: #ffffff;
}

.dlgModelActionsContainer {
  margin: 10px 0;
}

.dlgModelActionsContainer .dlgModelSectionHeader {
  margin-left: 5px;
  margin-right: 5px;
}

.dlgModelActionsContainer .accordion-content {
  padding: 0 0 0 12px;
}

.dlgModelActionsContainer.small-buttons .dlgModelActionInner {
  height: 3rem;
}

.dlgModelImportList {
  /*width: 100%;*/
  border: 0;
  border-collapse: collapse;
  line-height: 1.4;
}
.dlgModelImportList tbody  {
 cursor :pointer;
}

.dlgModelImportList td,
.dlgModelImportList th {
 /*width: 2rem;*/
}

.border-none {
  border: none;
}

/* hide column tails for Open Model Dialog */
.dlgModelBrowserContent .left-column-tail, .dlgModelBrowserContent .content-column-tail, .dlgModelBrowserContent .right-column-tail {
  display: none;
}

.dlgModelBrowserContent.multicalc-dialog .content-column {
  left: 0;
  width: 100vw;
  overflow: auto;
}

/* OptimizationStatusDialog styles */
.dlgModelBrowserContent.optimization-status-dialog .content-column {
  left: 0;
  width: 70vw;
  overflow: auto;
}

@media screen and (max-width: 991px) {
  .dlgModelBrowserContent.optimization-status-dialog .content-column {
    width: 100vw;
  }
}

.dlgModelBrowserContent.well-info-dialog .content-column {
  left: 15vw;
  width: 70vw;
  overflow: auto;
}

@media screen and (max-width: 991px) {
  .dlgModelBrowserContent.well-info-dialog .content-column {
    width: 100vw;
  }
}

.dlgMulticalcContent {
  position: relative;
  top: 0;
  left: 0;
  flex: auto;
}

.dlgMulticalcContent .right-column-tail {
  display: none;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto-Light'), url(roboto_300.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto-Regular'), url(roboto_400.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto-Medium'), url(roboto_500.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto-Bold'), url(roboto_700.woff) format('woff');
}

@font-face {
  font-family: 'rv-web-icons';
  src: url(rv_web_icons.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'rv_well_symbols';
  src: url(rv_well_symbols.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

html {
  width: 100%;
  height: 100%;
  transition: 0.2s;
}

.LightTheme
.theme-background
{
  background-color: #ffffff;
}
.DarkTheme
.theme-background
{
  background-color: #424242;
}

.LightTheme
.theme-section-background
{
  background-color: #f2f2f2;
  color: #004b8d;
}
.DarkTheme
.theme-section-background
{
  background-color: #626262;
  color: #ffffff;
}

input[type=checkbox] {
  transform: scale(1.1);
  /* Double-sized Checkboxes
-ms-transform: scale(2); // IE
-moz-transform: scale(2); // FF
-webkit-transform: scale(2); // Safari and Chrome
-o-transform: scale(2); // Opera
padding: 10px;
*/
}

input[type=button] {
  transform: scale(1.1);
  /* Double-sized Checkboxes
-ms-transform: scale(2); // IE
-moz-transform: scale(2); // FF
-webkit-transform: scale(2); // Safari and Chrome
-o-transform: scale(2); // Opera
padding: 10px;
*/
}

input[type=radio] {
  transform: scale(1.0);
  /* Double-sized Checkboxes
-ms-transform: scale(2); // IE
-moz-transform: scale(2); // FF
-webkit-transform: scale(2); // Safari and Chrome
-o-transform: scale(2); // Opera
padding: 10px;
*/
}

input[type=range] {
  padding: 0;
}

/*!
 * Parts from Materialize v1.0.0 (http://materializecss.com)
 * Copyright 2014-2017 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */

/* Buttons */
.btn {
    height: 2.25rem;
    line-height: 2.25rem;
    padding: 0 1rem;
    font-size: .875rem;
}

.btn,
.btn-large,
.btn-small {
    border: 1px solid;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
}

.btn-small {
    padding: 0 1rem;
}

.btn-large:disabled,
.btn-small:disabled,
.btn:disabled {
    pointer-events: none;
    box-shadow: none;
    cursor: default;
    color: #9f9f9f !important;
    background-color: #dfdfdf !important;
    border-color: #dfdfdf !important;
}

.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn:disabled:hover {
    color: #9f9f9f !important;
    background-color: #dfdfdf !important;
    border-color: #dfdfdf !important;
}

.btn i {
    font-size: 1.3rem;
}

.btn i,
.btn-large i,
.btn-small i {
    line-height: inherit;
}

.btn-large:focus,
.btn-small:focus,
.btn:focus {
    background-color: #00305a;
}

.btn,
.btn-large,
.btn-small {
    text-decoration: none;
    color: #ffffff;
    background-color: #004b8d;
    border-color: #004b8d;
    text-align: center;
    letter-spacing: .5px;
    transition: background-color .2s ease-out, border-color .2s ease-out;
    cursor: pointer;
}

.btn-large:hover,
.btn-small:hover,
.btn:hover {
    color: #ffffff;
    background-color: #0059a7;
    border-color: #0059a7;
    text-decoration: none;
}

.btn-large {
    height: 3.375rem;
    line-height: 3.375rem;
    font-size: 1rem;
    padding: 0 1.75rem;
}

.btn-large i {
    font-size: 1.6rem;
}

.btn-small {
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem;
}

.btn-small i {
    font-size: 1.2rem;
}

.btn-block {
    display: block;
}

.btn-outline-primary {
  color: #004b8d;
  background-color: transparent;
  border-color: #004b8d;
}

.btn-outline-primary:focus {
  color: #ffffff;
  border-color: #00305a;
}

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #004b8d;
  border-color: #004b8d;
}

.btn-outline-primary:disabled {
  color: #dfdfdf !important;
  background-color: transparent !important;
  border-color: #dfdfdf !important;
}

.btn-outline-primary:not(:disabled):active {
  color: #ffffff;
  background-color: #004b8d;
  border-color: #004b8d;
}

/* Checkbox (switch) */
.switch,
.switch * {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.switch label {
  cursor: pointer;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.LightTheme
.switch input[type=checkbox]:checked + .lever {
  background-color: #2c8ce1;
}
.DarkTheme
.switch input[type=checkbox]:checked + .lever {
  background-color: #9499a0;
}

.LightTheme
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #004b8d;
}
.DarkTheme
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #e6f1ff;
}

.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
  left: 18px;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 14px;
  border-radius: 15px;
  transition: background 0.2s ease;
  vertical-align: middle;
  margin: 0 8px; /* was 16px */
}
.LightTheme
.switch label .lever {
  background-color: rgba(0, 0, 0, 0.38);
}
.DarkTheme
.switch label .lever {
  background-color: #7a7a7a;
}

.switch label .lever:before, .switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: -3px;
  transition: left 0.2s ease, background .2s ease, box-shadow 0.1s ease, -webkit-transform .1s ease;
  transition: left 0.2s ease, background .2s ease, box-shadow 0.1s ease, transform .1s ease;
  transition: left 0.2s ease, background .2s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-transform .1s ease;
}

.switch label .lever:before {
  background-color: rgba(0, 75, 141, 0.15);
}

.switch label .lever:after {
  background-color: #f2f2f2;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.switch input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before {
  -webkit-transform: scale(2.4);
          transform: scale(2.4);
  background-color: rgba(0, 75, 141, 0.15);
}

.switch input[type=checkbox]:not(:disabled) ~ .lever:active:before {
  -webkit-transform: scale(2.4);
          transform: scale(2.4);
  background-color: rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.12);
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #959797;
}

.switch label span.switch-title {
  padding-left: 8px;
}

/* Radio Buttons (with gaps) */
input.material-radio[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

input.material-radio[type="radio"] + span {
  position: relative;
  padding-left: 1.25em; /* was 2em */
  cursor: pointer;
  display: inline-block;
  line-height: 1.125em;
  font-size: 1em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

input.material-radio[type="radio"] + span:before,
input.material-radio[type="radio"] + span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.0625em; /* 1px for font-size 16px */
  width: 1em;
  height: 1em;
  z-index: 0;
  border-radius: 50%;
  border: 0.125em solid currentColor;
}

input.material-radio[type="radio"]:not(:checked) + span:after {
  -webkit-transform: scale(0);
          transform: scale(0);
}

input.material-radio[type="radio"]:checked + span:after {
  background-color: currentColor;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

input.material-radio[type="radio"]:disabled:checked + span:before {
  border: 0.125em solid rgba(0,0,0,0.42);
}

input.material-radio[type="radio"]:disabled:checked + span:after {
  border: none;
  background-color: rgba(0,0,0,0.42);
}

input.material-radio[type="radio"]:disabled + span {
  color: rgba(0,0,0,0.42);
}

input.material-radio[type="radio"]:disabled + span:before {
  background-color: transparent;
  border-color: rgba(0,0,0,0.42);
}

input.material-radio[type="radio"]:disabled:not(:checked) + span:before {
  border-color: rgba(0,0,0,0.42);
}

input.material-radio[type="radio"]:disabled:checked + span:after {
  background-color: rgba(0,0,0,0.42);
  border-color: #959597;
}

/* </Materialize> */

.LightTheme
input {
}
.DarkTheme
input {
  color: #ffffff;
  background-color: #626262;
}

.message {
  color: #ffffff;
  font-size: 0.8rem;
}

.column {
  height: 100%;
  vertical-align: top;
  font-size: 1rem;
  overflow: auto;
  display: inline-block;
}
.LightTheme
.column
{
  background-color: #ffffff;
}
.DarkTheme
.column
{
  background-color: #424242;
}

.hormapColumn {
  width: 60%;
}

.accordion-header {
  cursor: pointer;
  width: auto;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.2s;
}

.accordion-header::before,
.accordion-header.arrow-after::after {
  font-family: 'rv-web-icons' !important;
  display: inline-block;
  /* content: '\25BC';
  transform: rotateZ(-90deg); */
  content: '\e902';
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  transition: 0.2s;
  font-size: 0.8rem;
  vertical-align: middle;
}

.cell-filters-low-priority.accordion-header::before,
.cell-filters-low-priority.accordion-header.arrow-after::after {
  margin-left: 0;
  margin-right: 5px;
}

.accordion-header.active::before,
.accordion-header.active.arrow-after::after {
  /* content: '\25BC';
  transform: none; */
  content: '\e902';
  transform: rotateZ(45deg);
}

.accordion-header.arrow-after::before {
  content: '';
  margin-left: 0;
  margin-right: 0;
}

.accordion-header-new:not(.root-folder) > .accordion_label.active {
  background-color: #959597;
}

.accordion-header-new-items {
  display: inline-block !important;
  min-width: 2rem;
  padding: 0.25rem;
  line-height: 1.125;
  vertical-align: bottom;
}

.tree .accordion-header-new-items {
  min-height: 2rem;
  line-height: 1.5;
  vertical-align: middle; /* W.K. changed for long horprop name. override: bottom; */
}

.accordion-header-new.active {
  background-color: #f2f2f2;
  color: #004b8d;
}

.accordion-header-new {
  cursor: pointer;
  width: 100%;
  text-align: left;
  outline: none;
  line-height: 1.5;
}

.accordion-header-new-items:hover {
  background-color: #004b8d;
  color: #ffffff;
}

.accordion-header-settings {
  cursor: pointer;
  width: auto;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.2s;
}

.accordion-header-settings::before {
  content: "\e905";
  font-family: 'rv-web-icons' !important;
  display: inline-block;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  transition: 0.2s;
  font-size: 0.8rem;
  vertical-align: middle;
}

.accordion-header-settings.active::before {
  /* content: '\25BC';
  transform: none; */
  content: "\e905";
  transform: rotateZ(45deg);
}

/*
.accordion_arrow,
.accordion_checkbox,
.accordion_addButton,
.accordion_contextMenu {
  width: 32px;
}
*/

.ac_btn0 {
  width: 100%;
}

.ac_btn1 {
  width: calc(100% - 2rem); /* 100% - 2rem*1 */
}

.ac_btn2 {
  width: calc(100% - 4rem); /* 100% - 2rem*2 */
}

.ac_btn3 {
  width: calc(100% - 6rem); /* 100% - 2rem*3 */
}

.ac_btn4 {
  width: calc(100% - 8rem); /* 100% - 2rem*4 */
}

.accordion_arrow::before,
.accordion_arrow.arrow-after::after {
  font-family: 'rv-web-icons' !important;
  display: inline-block;
  content: '\e902';
  font-weight: bold;
/*  margin-left: 5px; */
/*  margin-right: 5px; */
  transition: 0.2s;
  font-size: 0.8rem;
  vertical-align: middle;
}

.accordion_arrow.active::before,
.accordion_arrow.active.arrow-after::after,
.accordion-header-new.active > .accordion_arrow::before,
.accordion-header-new.active > .accordion_arrow.arrow-after::after {
  content: '\e902';
  transform: rotateZ(45deg);
}

.accordion_arrow.arrow-after::before {
  content: '';
  margin-left: 0;
  margin-right: 0;
}

.accordion-header-new-items:not(.accordion_label) {
  text-align: center;
}

.accordion-low-priority + .accordion-content {
  padding: 0.3rem 0 0 1.8rem;
}

.accordion-content {
  padding: 0 0 0 12px;
  overflow: hidden;
  transition: height 0.2s ease-out;
}

.accordion-content.collapsed {
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.accordion-content ul {
  margin: 0;
  padding-left: 20px;
}

.accordion-search {
  margin: 0px 16px 0px 24px;
}

.accordion-search input {
  width: 100%
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.ios-clickable {
  cursor: pointer;
}

.no-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/*
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@keyframes chartjs-render-animation {
	from { opacity: 0.99; }
	to { opacity: 1; }
}

.chartjs-render-monitor {
	animation: chartjs-render-animation 0.001s;
}

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
	position: absolute;
	direction: ltr;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
	z-index: -1;
}

.chartjs-size-monitor-expand > div {
	position: absolute;
	width: 1000000px;
	height: 1000000px;
	left: 0;
	top: 0;
}

.chartjs-size-monitor-shrink > div {
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
}

/* Split.js */
.gutter {
    background-color: #eee;

    background-repeat: no-repeat;
    background-position: 50%;
}

.gutter.gutter-horizontal {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
    cursor: col-resize;
    height: 100%;
    display: inline-block;
}

.gutter.gutter-vertical {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: row-resize;
    width: 100%;
    display: block;
}

/* datepicker.js */
.qs-datepicker-container {
	font-size:1rem;
	font-family:sans-serif;
	color:#000;
	position:absolute;
	width:15.625em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	z-index:9001;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border:1px solid grey;
	border-radius:.26392em;
	overflow:hidden;
	background:#fff;
	-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);
	box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)
}
.qs-datepicker-container * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.qs-datepicker-container.qs-centered {
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.qs-datepicker-container.qs-hidden {
	display:none
}
.qs-datepicker .qs-overlay {
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,.75);
	color:#fff;
	width:100%;
	height:100%;
	padding:.5em;
	z-index:1;
	opacity:1;
	-webkit-transition:opacity .3s;
	transition:opacity .3s;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.qs-datepicker .qs-overlay.qs-hidden {
	opacity:0;
	z-index:-1
}
.qs-datepicker .qs-overlay .qs-overlay-year {
	background:rgba(0,0,0,0);
	border:none;
	border-bottom:1px solid #fff;
	border-radius:0;
	color:#fff;
	font-size:.875em;
	padding:.25em 0;
	width:80%;
	text-align:center;
	margin:0 auto;
	display:block
}
.qs-datepicker .qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
	-webkit-appearance:none
}
.qs-datepicker .qs-overlay .qs-close{
    padding:.5em;cursor:pointer;position:absolute;top:0;right:0
}
.qs-datepicker .qs-overlay .qs-submit{
    border:1px solid #fff;border-radius:.26392em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)
}
.qs-datepicker .qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}
.qs-datepicker .qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.qs-datepicker .qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:33.33333%;cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}
.qs-datepicker .qs-overlay .qs-overlay-month.active,.qs-datepicker .qs-overlay .qs-overlay-month:hover{opacity:1}
.qs-datepicker .qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}
.qs-datepicker .qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}
.qs-datepicker .qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.26392em;-webkit-transition:background .15s;transition:background .15s}
.qs-datepicker .qs-arrow:hover{background:rgba(0,0,0,.1)}
.qs-datepicker .qs-arrow:hover.qs-left:after{border-right-color:#000}
.qs-datepicker .qs-arrow:hover.qs-right:after{border-left-color:#000}
.qs-datepicker .qs-arrow:after{content:"";border:.39062em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}
.qs-datepicker .qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}
.qs-datepicker .qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}
.qs-datepicker .qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer}
.qs-datepicker .qs-month-year:hover{border-bottom:1px solid grey}
.qs-datepicker .qs-month-year:active:focus,.qs-datepicker .qs-month-year:focus{outline:none}
.qs-datepicker .qs-month{padding-right:.5ex}
.qs-datepicker .qs-year{padding-left:.5ex}
.qs-datepicker .qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}
.qs-datepicker .qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}
.qs-datepicker .qs-square{width:14.28571%;height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.26392em}
.qs-datepicker .qs-square.qs-current{font-weight:700}
.qs-datepicker .qs-square.qs-current span{text-decoration:underline}
.qs-datepicker .qs-square.qs-active{background:#add8e6}
.qs-datepicker .qs-square.qs-range-date-start:not(.qs-range-date-6){border-top-right-radius:0;border-bottom-right-radius:0}
.qs-datepicker .qs-square.qs-range-date-middle{background:#d4ebf2}
.qs-datepicker .qs-square.qs-range-date-middle:not(.qs-range-date-0):not(.qs-range-date-6){border-radius:0}
.qs-datepicker .qs-square.qs-range-date-middle.qs-range-date-0{border-top-right-radius:0;border-bottom-right-radius:0}
.qs-datepicker .qs-square.qs-range-date-end:not(.qs-range-date-0),.qs-datepicker .qs-square.qs-range-date-middle.qs-range-date-6{border-top-left-radius:0;border-bottom-left-radius:0}
.qs-datepicker .qs-square.qs-disabled span{opacity:.2}
.qs-datepicker .qs-square.qs-empty{cursor:default}
.qs-datepicker .qs-square.qs-disabled{cursor:not-allowed}
.qs-datepicker .qs-square.qs-day{cursor:default;font-weight:700;color:grey}
.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:#2c8ce1}
.qs-datepicker .qs-event{position:relative}
.qs-datepicker .qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#2c8ce1;bottom:0;right:0}
.qs-datepicker .qs-event.qs-disabled:after,.qs-datepicker .qs-event.qs-empty:after{background:#cce4ff}

.section-header /*.dlgModelSectionHeader*/ {
  /*background-color: #f2f2f2;
  color: #004b8d;*/ /*go to .theme-section-background*/
  font-size: 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  width: 100%;
  text-align: left;
  outline: none;
  margin-top: 0.5rem;
}

.section-header-item {
  display: inline-block;
  min-width: 2rem;
  padding: 0.25rem;
  line-height: 1.125;
  vertical-align: bottom;
  overflow: hidden; /* to avoid ... printing on FF for very long text */
}

.section-header-item:not(.label) {
  text-align: right;/*was: center;*/
}

.LightTheme
.section-header-item.arrow:hover,
.LightTheme
.section-header-item.button:hover {
  background-color: #004b8d;
  color: #ffffff;
}
.DarkTheme
.section-header-item.arrow:hover,
.DarkTheme
.section-header-item.button:hover {
  background-color: #525252;
  /*color: #ffffff;*/
}

.section-header-btn0 {
  width: 100%;
}

.section-header-btn1 {
  width: calc(100% - 2rem); /* 100% - 2rem*1 */
}

.section-header-btn2 {
  width: calc(100% - 4rem); /* 100% - 2rem*2 */
}

.section-header-btn3 {
  width: calc(100% - 6rem); /* 100% - 2rem*3 */
}

.section-header-btn4 {
  width: calc(100% - 8rem); /* 100% - 2rem*4 */
}

.section-header-btn-title {
  max-width: 50%;
}

.section-header-btn-addinfo { /* Additional info option */
  width: 40%;
  color: #959597;
  font-size: 0.9rem;
  padding-top: 6px;
  text-transform: capitalize;
  float: right;
}

.section-header-multicalc {
  width: calc(100% - 15rem);
}

.section-header > .section-header-item.arrow::before {
  font-family: 'rv-web-icons' !important;
  display: inline-block;
  content: '\e902';
  font-weight: bold;
  transition: 0.2s;
  font-size: 0.75rem;
  vertical-align: middle;
}

.section-header:not(.collapsed) > .section-header-item.arrow::before {
  content: '\e902';
  transform: rotateZ(45deg);
}

.dense > .section-header-btn1 {
  width: 100%
}

.dense > .section-header-btn2 {
  width: calc(100% - 2rem); /* 100% - 2rem*2 */
}

.dense > .section-header-btn3 {
  width: calc(100% - 4rem); /* 100% - 2rem*3 */
}

.dense > .section-header-btn4 {
  width: calc(100% - 6rem); /* 100% - 2rem*4 */
}

.dense > .section-header-item.empty {
  display: none;
}

.section-content {
  padding: 0.25rem 0 0.25rem 2.0rem;
  overflow: hidden;
  transition: height 0.2s ease-out;
}

.section-content-full-width {
  padding: 0.5rem 0 0.5rem 5px;
}

.section-content.collapsed {
  padding: 0;
  margin-bottom: 0.5rem;
  height: 0 !important;
  overflow: hidden !important;
}

.macroEditor {
  height: 100%;
  display: grid;
  grid-template-columns: 40px auto;
  grid-template-rows: 40px auto;
  width: 100%;
}

.macroEditor textarea {
  width: 100%;
  border: none;
  resize: none;
  font-size: 1.25em;
  outline: none;
}

.nothing_found_title {
  margin: 8px 0px 0px 4px;
  color: rgb(133, 133, 133);
}

/* .accordion-search {
  transition: 0.3s;
} */

/* .palette-general-settings-tabs button {
  padding: 0px 4px;
}

.palette-general-settings-tabs div:first-child {
  justify-content: space-around;
} */

#alert-dialog-title {
  padding-top: 8px;
}

#alert-dialog-buttons {
  padding-bottom: 0px;
}


/** Shepherd.js custom styles, adapted for v5.0.1 */
.shepherd-element{border-radius:0 !important}
.shepherd-content{border-radius:0 !important}
.shepherd-header{border-radius:0 !important;padding:0.5em !important;font-size:1rem !important}
.shepherd-has-title .shepherd-content .shepherd-header{background:#f2f2f2 !important;padding:0.25em 0.75em !important}
.shepherd-text{color:#3f4040 !important;text-align:left !important}
.shepherd-text p{margin-bottom:0.5em !important}
.shepherd-button{background:#004b8d !important;border-radius:0 !important;color:#ffffff !important;font-size: 1em !important}
.shepherd-button.shepherd-button-secondary{background:#f2f2f2 !important;color:#3f4040 !important}
.shepherd-title{color:#3f4040 !important}
.shepherd-active.shepherd-modal-is-visible .shepherd-target * {pointer-events: none !important}


.body-custom {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.display-canvas {
    background-color: #ffffff;
    display: block;
}

/*!
 * Parts from Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.875rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.125;
  vertical-align: middle;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.multicalc-params-container input,
.multicalc-params-container select {
    width: 160px;
    background-color: #ffffff !important;
    margin: 0 5px;
    padding: 0 5px;
    border: 1px solid #ced4da !important;
}

.LightTheme
.custom-select {
    color: #495057;
    background-color: #f2f2f2;
    border-color: #ced4da;
}
.DarkTheme
.custom-select {
    color: #e2e2e2; /*??*/
    background-color: #626262; /*??*/
    border-color: #222222; /*??*/
}

.custom-select:focus {
    outline: 0;
}
.LightTheme
.custom-select:focus {
  border-color: #0e8eff;
  box-shadow: 0 0 0 0.1rem rgba(14, 142, 255, 0.5);
}
.DarkTheme
.custom-select:focus {
  border-color: #222222; /*??*/
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

/* </Boostrap> */

.axis path,
.axis line {
    fill: none;
    stroke: black;
}

.axis .grid-line {
    stroke: white;
    stroke-opacity: 0.5;
}

.axis text {}

#svg_container {
    padding: 10px;
    margin: 10px;
}

.burger {
    width: auto;
    height: auto;
    overflow: hidden;
    position: fixed;
    top: 65px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    right: 5px;
    display: inline-block;
    z-index: 116;
    border: 2px solid #EEEEEE;
    background-color: #ffffff;
}

.context_menu_shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 10001;
    /* background: #46484E; */
    /* opacity: 0.5; */
}

.context_menu {
    position: fixed;
    z-index: 10002;
    overflow: hidden;
    background-color: #ffffff;
    border: 2px solid #f2f2f2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

   min-width: 16px; min-height: 8px; /* some minimal size for empty menu */
}

.context_menu ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.context_menu li a,
.context_menu li span,
.context_menu li div,
.context_menu li label {
    padding: 0.5rem 0.75rem;
    display: block;
    cursor: pointer;
    margin-bottom: 0;
}

.context_menu li.separator {
    border-bottom: 1px solid #f2f2f2;
    height: 1px;
    padding: 0;
}

.context_menu li:hover {
    background-color: #f2f2f2;
}

.canvas { /* Tab with 3d, 2d, map, ... */
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wellDiag { /* Tab with Well diagram */
    background-color: #f3f3f3 /*#f2f2f2*/;
}

.clientStock {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: scroll;
    background-color: #ffffff;
}

@media screen and (max-width: 1024px) {
    .clientStock {
        padding: 2px;
        font-size: 0.8rem;
    }
}

.clientStat, .wellsStat {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #ffffff;
}

@media screen and (max-width: 1024px) {
    .clientStat {
        padding: 2px;
        font-size: 0.8rem;
    }
}

.clientStat table {
    border-collapse: collapse;
    /*border: 1px solid #3f4040;*/
    width: inherit;
    border: 1px solid #f2f2f2;
}

.clientStat th {
    padding: 8px 2px;
    background-color: #f2f2f2;
    color: #004b8d !important;
    /*font-weight: bold;*/
    font-weight: 400;
    line-height: 1.125;
    text-transform: uppercase !important;
}

.clientStat td {
    padding: 8px 2px;
    color: #3f4040 !important;
}

div.clientStat > table > td {
    padding: 0;
}

.statcurrent {
    text-align: center;
    background-color: #959797 !important;
}

.stat_default {
    background-color: #ffffff;
    transition: 0.3s;
}

.clientGPD {
    width: 100%;
    padding: 15px;
    overflow: scroll;
    font-size: 1.25rem;
    background-color: #ffffff;
}

.clientGPD table {
    border-collapse: collapse;
    /*убираем пустые промежутки между ячейками*/
    border: 1px solid #3f4040;
    /*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*/
    overflow-x: visible;
    overflow-y: visible;
}

.clientGPD th {
    position: relative;
    font-weight: bold;
    border: 1px solid #959797;
    background-color: #f2f2f2;
    padding: 2px;
    padding-left: 14px;
}

.clientGPD td {
    border: 1px solid #959797;
    padding: 2px 14px;
}

.paletteSelect {
    color: white;
}

.paletteContainer {
    color: #888;
    margin: 0.25rem 0;
}

.paletteContainer table {
    width: 100%;
}

.paletteContainer td {
    border: 1px solid #aaa;
    text-align: center;
}

.paletteHeader {
    background: #F5F5F5;
    font-weight: bold;
    color: #3f4040;
    margin: 0.5rem;
}

.tree {
    width: 100%;
    overflow: hidden;
    transition: width 0.9s ease;

    /*
overflow-x: hidden;
overflow-y: visible;
display: inline;
*/
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

/* не надо делать глобально
td,
th {
    padding: 0;
}*/

.horizontalBarChart {
    width: 50%;
    height: 40%;
}

.tornadoBarChart {
    width: 100%;
 /*   height: 85%;*/
}

.horizontalBarCharts {
	padding: 15px;
    width: 100%;
    height: 100%;
}

.horizontalBarChartEmpty {
	padding: 15px;
    width: 100%;
    height: 50vh;
}

.treeWellStockGroups ul {
    list-style-type: none;
}

.verticalAlignment {
    vertical-align: top;
    padding: 2px 2px !important;
}

.dynamic_cells {
}

.tabStatMin_container {
    margin: -1px;
}

#table_stat_min {
    width: inherit;
}

#table_stat_min td {
    border: 1px solid black;
    text-align: center;
    height: auto;
    width: auto;
}

input.folderCheckbox {
    margin: 0;
    transform: scale(1.1);
    /* Double-sized Checkboxes
-ms-transform: scale(2); // IE
-moz-transform: scale(2); // FF
-webkit-transform: scale(2); // Safari and Chrome
-o-transform: scale(2); // Opera
padding: 10px;
*/
}

input.folderItemCheckbox {
    margin: 0 10px 0 2px;
    transform: scale(1.1);
    /* Double-sized Checkboxes
-ms-transform: scale(2); // IE
-moz-transform: scale(2); // FF
-webkit-transform: scale(2); // Safari and Chrome
-o-transform: scale(2); // Opera
padding: 10px;
*/
}

input.material-radio.folderItemRadio + span {
    padding-left: 0.875em;
}

.folder-item-label-editable {
  color: #3f4040;
  background: #fff;
}

.statTableColumn {
    width: 40%;
}

.statTableColumnFullWidth {
    width: 100%;
}

.statChartColumn, .wellStatChartColumn {
    width: 100%;
}

.chart_container {
    width: 100%;
    height: 100%;
    padding: 2rem;
}

.chart_container .warning-container {
    margin: 20% 20%;
}

.chart_container_accordion {
    /* border: 1px groove; */
    padding: 8px;
    padding-top: 24px;
    padding-right: 22px;
    width: 85%;
    margin: 0 auto;
    color: green;
}

#shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    /* поверх всех  кроме окна*/
    background: #46484E;
    _opacity: 0.9;
    /*прозрачность*/
    opacity: 0.2;
    /*прозрачность*/
    left: 0;
    top: 0;
}

#shadow2 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    /* поверх всех  кроме окна*/
    background: #46484E;
    /*прозрачность*/
    opacity: 0.4;
    /*прозрачность*/
    left: 0;
    top: 0;
}

#shadow3 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 115;
    /* поверх всех  кроме окна*/
    background: #46484E;
    opacity: 0.01;
    /*прозрачность*/
    left: 0;
    top: 0;
}

.shadow5 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 111;
    /* поверх всех  кроме окна*/
    background: #46484E;
    opacity: 0.3;
    /*прозрачность*/
    left: 0;
    top: 0;
    transition: opacity 0.8s;
}

.shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: #46484E;
    opacity: 0.01;
    left: 0;
    top: 0;
}

.shadow-panel-settings {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 120;
    background: #46484E;
    opacity: 0.1;
    left: 0;
    top: 0;
}

#shadowSettings {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 102;
    /* поверх всех  кроме окна*/
    background: #46484E;
    opacity: 0.01;
    /*прозрачность*/
    left: 0;
    top: 0;
}

#close_chart {
    _border: 2px solid grey;
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 999;
    /* поверх всех  кроме окна*/
    _background: #7E8A96;
    right: 2px;
    top: 2px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 3rem;
}

#close_btn_text {
    width: 100%;
    height: 100%;
    _position: relative;
}

.clientStatContain {
    width: 100%;
    height: inherit;
    overflow: auto;
    cursor: pointer;
}

#clientStatTable {
    width: 100%;
}

.clientStatTable th {
    text-align: center !important;
}

label {
    cursor: pointer;
}

.cursor {
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 40%;
    width: 140px;
    height: 140px;
    z-index: 999999;
    _border: 1px solid red;
}

.cursor_img {
    max-width: 100%;
    max-height: 100%;
}

#time-stamp {
    position: absolute;
    color: #004b8d;
    top: 32px;
    right: 64px;
    z-index: 101;
    font-weight: 700;
    font-size: 1.25rem;
    /* cursor: pointer; */
}

.settingsControl {
    /*text-align: center;*/
    position: fixed;
    /*width: 200px;*/
    width: 300px;
    height: auto;
    left: 0;
    right: 0;
    top: 20%;
    margin: auto;
    /* border: 1px solid black; */
    overflow: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: block;
    z-index: 9999999;
    border: 2px solid #EEEEEE;
    background: white;
}

.statSelect {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    padding-right: 10px;
    font-size: 1rem;
    float: right;
}

.statSelectInner {
    width: auto;
    height: 40px;
}

.toolbar {
    list-style-type: none;
    padding-left: 30px;
    _margin: 0px;
}

.toolbar2 {
    list-style-type: none;
    padding-left: 1.25rem;
    margin: 1.25rem 0;
}

.selectBubbles {
    width: 100%;
    /* height: auto; */
}

.topnav {
    overflow: hidden;
    font-size: 1px;
    /* remove text margins for picture buttons */
    height: 60px; /* top-toolbar-height */
}
.LightTheme
.topnav {
    color: #ffffff;
    background: #004b8d;
}
.DarkTheme
.topnav {
    background-color: #424242; /*??*/
}
.topnav a {
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}

.topnav .topnavTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 10px;
}

/*
.topnavCurrent {
    background: #B0BEC5;
}
*/
/*
.topnav a:hover {
    background-color: #003869;
    color: #ffffff;
}
*/

.topnav-right {
    float: right;
}

.gpdTab {
    width: 100%;
}

.wtcursor {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.floatRight {
    float: right;
}

.innerShadow {
    -moz-box-shadow: inset 0 0 5px rgb(63, 64, 64);
    -webkit-box-shadow: inset 0 0 5px rgb(63, 64, 64);
    box-shadow: inset 0 0 5px rgb(63, 64, 64);
}

.separatorHR {
    /* border-top: 1px dotted #8c8b8b; */
    /* border-bottom: 1px dotted #ffffff; */
    border-top: 3px double #8c8b8b;
    /* margin-right: 20px; */
}

.icon {
    width: 38px;
    height: 38px;
}

.panel-icon {
    font-size: 1.5em;
    line-height: 1;
}

.topnavTab > .icon {
    vertical-align: bottom;
}

.menu_table td {
    padding: 0;
    width: 100px;
    /*overflow: hidden;*/
    /*display: inline-block;*/
    /*white-space: nowrap;*/
    text-align: center;
    word-wrap: break-word;
    vertical-align: top;
}

.menu_table td:hover {
    background-color: #f2f2f2;
}

.menu_table_cell {
    display: inline-block;
    cursor: pointer;
}

.menu_table_icon {
    margin: 11px 11px 6px 11px;
}

.fixedCentered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centered {
    text-align: center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wellChartOuter {
    border: 1px solid #003869;
    color: brown;
    width: 80%;
    height: 80%;
}

.wellChartInner {
    width: 80%;
}

.tabSelected {
    background-color: #003869;
}

.chartTR td {
    background-color: #f2f2f2;
}

.transformTR_show {}

.transformTR_hide {
    display: none;
}

.clientWellChart {
    height: 100%;
    padding: 8px;
    overflow: visible;
    font-size: 1.25rem;
    background-color: #ffffff;
    vertical-align: top;
}

.wellChartColumnContainer {
    height: 100%;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.wellChartContainer {
    width: 100%;
    height: 50%;
    position: relative;
    border: 1px solid #003869;
    vertical-align: top;
}

.wellChartContainer.responsive {
    display: inline-block;
}

.indicatorsChartContainer {
	width: 100%;
    height: 100%;
    position: relative;
    padding: 2rem;
    border: 1px solid #003869;
}

.calcForeIndicators {
	width: 100%;
	height: 100%;
}

.column-indicators {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    vertical-align: top;
    font-size: 1rem;
    overflow: auto;
    display: inline-block;
	padding: 8px;
}

@media screen and (max-width: 767px) {
    .clientWellChart {
        overflow-y: auto;
    }
    .wellChartColumnContainer {
        width: 100%;
    }
    .wellChartContainer {
        width: 100%;
     /*height: 40vh;*/
    }
}

.wellChartExpanded {
    width: 100%;
    height: 100%;
}

.legendContainer {
    /*width: 100%;*/
    /*height: 2rem;*/
    display: flex;
}

.legendContainer ul {
    /*margin-top: 10px;*/
}

.wellchartlegend {
    /*margin-bottom: 0.5rem;*/
}

.tooltipContainer {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.customTooltip {
    font-size: 90%;
    /*text-indent: 1rem;*/
    position: fixed;
    z-index: 9999;
    border: 1px solid #46484E;
    /*color: #fff;*/
    background-color: #fff;
    padding: 0.25em 0.75em 0.25em 0.75em;
    margin: 0.75em;
    max-width: 33em; /* 25em; */
    min-width: 20em;
    box-shadow: 4px 6px 8px 4px rgba(127, 127, 127, 0.5);
}

.customTooltip p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.legend-item-container {
	display: inline-block;
	margin-right: 5px;
}

.legendItem {
    display: inline-block;
}

.legendItemMarker {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.horizontal-list {
    display: inline-block;
    margin-right: 1.2rem;
}

.expanderContainer {
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: bold;
    color: #004b8d;
    padding: 10px;
}

.expander-сontainer-outer {
    display: inline-block;
    text-align: center;
    flex: 0;
    vertical-align: top;
}

.expanderContainer .rvi-arrows-in {
	font-size: 40px;
	line-height: 1;
}

.templateContainer {
    cursor: pointer;
    margin-bottom: 0;
    font-size: 0.7rem;
    display: inline-block;
    float: right;
    margin-right: 0.8rem;
}

.stockTimeContainer {
    border: 1px solid #aaa;
    color: #004b8d;
    padding: 0.25rem;
    text-align: center;
    margin-bottom: 1rem;
    font-weight: bold;
}

.legend-markers-container {
	display: inline-block;
    flex: 1;
}

.tornado-delta-switch {
    display: inline-block;
}

.chartContainer {
    width: 100%;
    height: calc(100% - 60px);
    margin: auto;
}

.line-chart-container-ppd {
	height: calc(100% - 40px);
	width: 100%;
    overflow: hidden;
}

.bar-chart-container-ppd {
	height: calc(100% - 40px);
	width: 100%;
    overflow: hidden;
}

.legend-line-chart-ppd {
    width: 900px;
	height: 40px;
    padding: 10px;
}

.topnavHeader {
    font-size: 1.25rem;
    vertical-align: middle;
    text-align: center;
    line-height: 38px;
    padding: 11px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    text-transform: uppercase !important;/*text-uppercase*/
}

@media screen and (max-width: 767px) {
    .topnavHeader {
        display: none;
    }
}

.clientStat .head_stat_table {
    border: none;
}

.workspace {
    position: relative;
    top: 0;
    left: 0;
    flex: auto;
    /* height: calc(100% - 60px); */ /* 100% - top-toolbar-height */
    background: inherit;
}

.workspace .icon-toolbar {
    display: inline-block;
    position: absolute;
    z-index: 102;
    border: 1px solid #959797;
}
.LightTheme
.workspace .icon-toolbar {
  background: rgba(242, 242, 242, 0.75);
}
.DarkTheme
.workspace .icon-toolbar {
  background: rgba(128, 128, 128, 0.075);
}

.workspace .icon-toolbar-btn-outer {
	display: inline-block;
	/* margin: 0 5px; */
	/* background-color: #ffffff; */
	/* border: 1px solid #f2f2f2; */
	/* box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); */
}

.workspace .icon-toolbar-btn-outer-hor {
    display: inline-block;
    padding: 0.25rem;
    /* margin: 0 5px; */
    /* background-color: #ffffff; */
    /* border: 1px solid #f2f2f2; */
    /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); */
}


.workspace .icon-toolbar-btn-outer:hover {
	/* background-color: #f2f2f2; */
}

.workspace > .icon-toolbar.vertical .icon-toolbar-btn-outer {
	display: block;
	padding: 0.25rem;
}

.workspace .icon-toolbar-btn-inner {
	/* padding: 2px; */
	/* border: 1px solid rgba(255,255,255,0); */
	cursor: pointer;
}

.workspace .icon-toolbar-btn-outer.active > .icon-toolbar-btn-inner {
	color: #2c8ce1;
	/* border: 1px solid #004b8d; */
}
.workspace .icon-toolbar-btn-outer-hor.active > .icon-toolbar-btn-inner {
    color: #2c8ce1;
    /* border: 1px solid #004b8d; */
}

.workspace .icon-toolbar-btn-img {
	width: 40px;
	height: 40px;
}

.rvi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'rv-web-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  display: inline-block;
}

.rvi-flipx {
  transform: scaleX(-1);
}

.rvi-2d:before {
  content: "\e913";
}
.rvi-fence:before {
  content: "\e90d";
}
.rvi-split-horizontal:before {
  content: "\e90e";
}
.rvi-split-vertical:before {
  content: "\e90f";
}
.rvi-minus:before {
  content: "\e910";
}
.rvi-plus:before {
  content: "\e911";
}
.rvi-check:before {
  content: "\e914";
}
.rvi-clear:before {
  content: "\e912";
}
.rvi-redo:before {
  content: "\e90a";
}
.rvi-undo:before {
  content: "\e90b";
}

.rvi-sect:before {
  content: "2D"; 
  font-size: 24px;
  font-family: Arial, sans-serif !important;
  margin-left: 8px;
  position: relative;
  top: -5px;
}
.rvi-well3d:before {
  content: "3D"; 
  font-size: 24px/*26px*/;
  font-family: Arial, sans-serif !important;
  margin-left: 8px;
  position: relative;
  top: -5px;
}
.rvi-diag:before {
    /* bmp\diag.svg 
    content: "Diag";
    font-size: 16px;
    font-family: Arial, sans-serif !important;
    margin-left: 7px;
    position: relative;
    top: -8px;
    */
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8cmVjdCB4PSI3IiB5PSIxLjUiIHdpZHRoPSIzNiIgaGVpZ2h0PSI0NyIgc3R5bGU9ImZpbGw6IG5vbmU7IHN0cm9rZTogYmxhY2s7Ij48L3JlY3Q+CiAgPHJlY3QgeD0iMTIiIHk9IjEuNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjQ3IiBzdHlsZT0iZmlsbDogbm9uZTsgc3Ryb2tlOiBibGFjazsiPjwvcmVjdD4KICA8cmVjdCB4PSI3IiB5PSI2IiB3aWR0aD0iNSIgaGVpZ2h0PSI3IiBzdHlsZT0iZmlsbDogbGlnaHRncmF5OyBzdHJva2U6IGJsYWNrOyI+PC9yZWN0PgogIDxyZWN0IHg9IjciIHk9IjIxIiB3aWR0aD0iNSIgaGVpZ2h0PSI3IiBzdHlsZT0iZmlsbDogbGlnaHRncmF5OyBzdHJva2U6IGJsYWNrOyI+PC9yZWN0PgogIDxyZWN0IHg9IjciIHk9IjM5LjYiIHdpZHRoPSI1IiBoZWlnaHQ9IjkiIHN0eWxlPSJmaWxsOiBsaWdodGdyYXk7IHN0cm9rZTogYmxhY2s7Ij48L3JlY3Q+CiAgPHBhdGggc3R5bGU9ImZpbGw6IG5vbmU7IHN0cm9rZTogYmxhY2s7IiBkPSJNIDMxLjggMS42IEwgNDAuOCA4LjggTCAzNS4wIDE0LjAgTCAzNy41IDE2LjEgTCAzMC45IDIxLjEgTCA0MC45IDI1LjYgTCAzNy4xIDI5LjYgTCA0MC4zIDMyLjkgTCAzMS41IDM4LjAgTCAzNS4yIDQ4LjEiPjwvcGF0aD4KICA8cGF0aCBzdHlsZT0iZmlsbDogbm9uZTsgc3Ryb2tlOiBibGFjazsiIGQ9Ik0gMjQuMiAxLjcgQyAyNC43IDMuNyAyMy4xIDQuMCAyMy4yIDQuMiBDIDIzLjUgNC45IDI1LjMgNS40IDI1LjkgNS42IEMgMjYuMSA1LjcgMjYuMyA2LjIgMjYuMyA2LjIgQyAyMS41IDYuMiAyMC40IDYuMyAyMC44IDYuOSBDIDIxLjYgOC42IDI1LjIgOC4yIDI2LjUgOS4xIEMgMjcuMCA5LjQyMyAyNC4wMSAxMC4xIDIzLjcgMTAuMSBDIDIzLjIgMTAuNiAyMy41IDEwLjcgMjMuOCAxMC44IEMgMjQuOCAxMS4wIDI3LjggMTEuOCAyNy40IDEyLjEgQyAyMi45IDEyLjQgMTkuNCAxMS42IDE3LjYgMTIuNSBDIDE3LjQgMTIuNiAxNi43IDEzLjQgMTYuOCAxMy42IEMgMTcuOCAxNC40IDE4LjMgMTQuOSAxOC4xIDE0LjUgQyAxNy40IDE0LjkgMTUuNSAxNC41IDE0LjkgMTUuMSBDIDE0LjUgMTUuNSAxNS45IDE2LjEgMTUuNiAxNi40IEMgMTUuNSAxNi45IDEzLjUgMTYuOSAxNC4zIDE3LjcgQyAxNy4yIDIwLjUgMTYuMyAyMC44IDE2LjEgMjAuOSBDIDE1LjggMjEuMyAxNi4xIDIyIDE1LjggMjIuMyBDIDE1LjggMjIuOCAxNS4yIDIyLjQgMTUuMiAyMi40IEMgMTcuOSAyMy4wIDE5LjUgMjIuOSAyMS4wIDIyLjkgQyAyMS44IDIyLjk3NyAyNS40IDIzLjAgMjUuOSAyMy43IEMgMjUuNCAyNC44IDI3LjYgMjUuMiAyNy41IDI1LjUgQyAyNy4zIDI1LjkgMjUuOCAyNS41IDI1LjUgMjUuOCBDIDI1LjIgMjYuMSAyNi44IDI2LjMgMjYuNCAyNi40IEMgMjUuOCAyNi44IDI0LjAgMjYuNCAyMy4zIDI2LjQgQyAyMS4yIDI2LjQgMTcuNyAyNi40IDE1LjkgMjcuMyBDIDE1LjkgMjguOCAxNi42IDI4LjkgMTYuOCAyOC45IEMgMTcuMCAyOC45IDE3LjUgMjguOSAxNy40IDI5LjAgQyAxNy4zIDI5LjEgMTUuMCAyOS40IDE1LjIgMjkuNyBDIDE1LjQgMzAuMSAxNy42IDMwLjQgMTcuNiAzMC43IDE1LjIgMzAuOCAxNi40IDMxLjIgMTYuMiAzMS40IEMgMTUuOSAzMS44IDE1LjAgMzEuOCAxNC44IDMyLjIgQyAxNC42IDMyLjUgMTYuMCAzMi45IDE2LjIgMzMuMSBDIDE2LjUgMzMuNCAxNS44IDMzLjggMTYuMDEgMzQuMCBDIDE3LjYgMzUuMCAxNS4xIDM2LjMgMTQuOSAzNi41IEMgMTQuNyAzNi43IDE3LjAgMzcuMSAxNy4yIDM3LjMgQyAxNS42IDM3LjggMTcuMiAzOC40IDE3LjMgMzguNSBDIDE3LjUgMzguNyAxNi40IDM5LjIgMTYuNCAzOS4zIEMgMTYuNCAzOS44IDE4LjUgMzkuOSAxOC44IDQwLjAgQyAyNy4yIDQxLjcgMjQuMyA0Mi42IDI0LjAgNDIuNiBDIDIzLjkgNDIuNiAyMi45IDQyLjkgMjMuMiA0My4wIEMgMjQuMCA0My40IDI1LjIgNDMuNyAyNi4wIDQzLjkgQyAyNi4xIDQzLjkgMjcuMSA0My45IDI3LjEgNDQuMSBDIDI3LjEgNDQuMiAyNC40IDQ0LjUgMjQuMCA0NC42IEMgMjMuNyA0NC43IDIyLjUgNDQuOSAyMi45IDQ0LjkgQyAyMy4zIDQ0LjkgMjMuNyA0NC44IDI0LjAgNDQuOSBDIDI0LjMgNDUuMCAyNS4xIDQ0LjkgMjUuMiA0NS4xIEMgMjUuNSA0NS4zIDIzLjggNDYuNCAyNC4wIDQ2LjYgQyAyNC4yIDQ2LjcgMjUuNCA0Ny4wIDI1LjMgNDcuMCBDIDI1LjEgNDcuMiAyNC4xIDQ3LjEgMjMuOCA0Ny4xIEMgMjIuOSA0Ny4xIDIyLjEgNDguMCAyMS4yIDQ4LjAiPjwvcGF0aD4KPC9zdmc+Cg==');
    position: relative;
    top: 3px;
    left: 5px;
    margin-right: 8px;
}

.dropleft {
    position: absolute;
    top: 19px;
    left: 0px;
    font-size: 10px;
    overflow: hidden;
    border: none;
    box-shadow: none;
    cursor: pointer;
}
.dropleft:before {
    display: inline-block;
    content: '\25BC';
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    transition: 0.2s;
}
.LightTheme
.workspace .dropleft {
    background: rgba(242, 242, 242, 0.75);
}

.DarkTheme
.workspace .dropleft {
    background: rgba(128, 128, 128, 0.075);
}


.rvi-sync-selection,
.rvi-sync-flatting {
    transform: translateX(10px);
}
.rvi-sync-domain {
    transform: translateX(14px);
}

.rvi-sync-selection:before {
    content: "=";
    /*?? font-weight: bold;*/
}
.rvi-sync-domain:before {
    content: "I";
}
.rvi-sync-flatting:before {
    content: "~"; /* \2013 n-dash; \2014 m-dash*/
}


.rvi-section_mode:before {
    content: "3D";
    font-size: 26px;
    font-family: Arial, sans-serif !important;
    margin-left: 4px;
    vertical-align: middle;
}
.rvi_separator {
    padding: 0; /* not work: see .workspace > .icon-toolbar.vertical .icon-toolbar-btn-outer */
    border-top: solid gray 1px;
    cursor: default;
}

.rvi-arrows-in:before {
    content: "\e90c";
}
.rvi-arrows-out:before {
  content: "\e915";
}
.rvi-zoom:before {
  content: "\e906";
}
.rvi-zoom-minus:before {
  content: "\e907";
}
.rvi-zoom-plus:before {
  content: "\e908";
}
.rvi-zoom-x:before {
  content: "\e919";
}
.rvi-zoom-z:before {
  content: "\e909";
}
.rvi-zoom-xy:before {
  content: "\e919";
}
.rvi-cogwheel:before {
  content: "\e905";
}
.rvi-actions-menu:before {
  content: "\e900";
}
.rvi-data-tree:before {
  content: "\e903";
}
.rvi-dots-vertical:before {
  content: "\e904";
}
.rvi-arrow-right-outline:before {
  content: "\e901";
}
.rvi-arrow-right-solid:before {
  content: "\e902";
}
.rvi-home-round:before {
  content: "\e916";
}
.rvi-circle:before {
  content: "\e917";
}
.rvi-horizon:before { /* Horizon on a section */
    content: "~";
    font-weight: 800;
    /*margin-right: 0.25rem;*/
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    display: inline-block;
    transform: scaleX(1.5);
}
.rvi-horline:before { /* Just thick line */
    content: "\2014"; /* \2013 n-dash; \2014 m-dash*/
    font-weight: 800;
    margin-right: 0.25rem;
}
.rvi-verline:before { /* Just thick line */
    content: "|"; 
    font-weight: 800;
    margin-right: 0.25rem;
    /*font-size: 85px;*/
    /*line-height: 10px; /* some small value */
    /*vertical-align: sub;*/
}
.rvi-crossplot:before {
    content: "\e918";
}

.topnavTab .rvi, .icon-toolbar .rvi {
  line-height: 1;
  font-size: 40px;
}

.wellsymbol {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'rv_well_symbols' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  display: inline-block;
}

.left-column {
    position: absolute;
    width: 20vw; /* left-column-width */
    max-height: 100%;
    z-index: 104;
    top: 0;
    left: 0;
    /*background-color: #ffffff;*/ /*go to .theme-background */
    border-right: 1px solid #004b8d;
    border-bottom: 1px solid #004b8d;
    box-shadow: none;
    -webkit-transform: none;
            transform: none;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    will-change: transform;
}

.left-column.floating {
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.left-column.unrolled {
    border-bottom: none;
}

.left-column.outside {
    box-shadow: none;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}

.left-column-content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    /* padding: 0 5px; */
    min-height: 85px;
}

.left-column-tail {
    vertical-align: top;
    padding: 1rem 0.5rem;
    margin-top: 1rem;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    z-index: 109;
    -webkit-transform: translateX(+100%);
            transform: translateX(+100%);
    border-top: 1px solid #004b8d;
    border-right: 1px solid #004b8d;
    border-bottom: 1px solid #004b8d;
    box-shadow: none;
    cursor: pointer;
}

.left-column.floating > .left-column-tail {
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);
}

.left-column.outside > .left-column-tail {
    color: #959797;
}

.right-column {
    position: absolute;
    width: 30vw; /* right-column-width */
    max-height: 100%;
    top: 0;
    right: 0;
    z-index: 108;
    /*background-color: #ffffff;*/ /*go to .theme-background*/
    border-left: 1px solid;
    border-bottom: 1px solid;
    box-shadow: none;
    -webkit-transform: none;
            transform: none;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    will-change: transform;
}
.LightTheme
.right-column {
    border-color: #004b8d;
}
.DarkTheme
.right-column {
    border-color: rgba(255, 255, 255, 0.12);
}

.right-column.floating {
    border-left: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.right-column.unrolled {
    border-bottom: none;
}

.right-column.outside {
    box-shadow: none;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}

.right-column-content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding: 0 5px;
    min-height: 85px;
}

.right-column-tail {
    vertical-align: top;
    padding: 1rem 0.5rem;
    margin-top: 1rem;
    /*background-color: #ffffff;*/ /*go to .theme-background*/
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 109;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    box-shadow: none;
    cursor: pointer;
}

.LightTheme
.right-column-tail {
    border-color: #004b8d;
}
.DarkTheme
.right-column-tail {
    border-color: rgba(255, 255, 255, 0.12);
}

.right-column.floating > .right-column-tail {
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.5);
}

.right-column-tail:before {
    display: inline-block;
    content: '\25BC';
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
    transition: 0.2s;
}

.right-column.outside > .right-column-tail:before {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
}

.left-column-roller,
.right-column-roller {
    display: none;
    width: 100%;
    position: relative;
    bottom: 0;
    right: 0;
    padding: 5px 0;
    text-align: center;
    z-index: 109;
    background-color: #f2f2f2;
    color: #959597;
    height: calc(1.125rem + 10px); /* roller-height */
    cursor: pointer;
}

.right-column.unrolled,
.left-column.unrolled {
    height: 100%;
}

.left-column.roller-show > .left-column-content,
.right-column.roller-show > .right-column-content {
    height: calc(100% - 1.125rem - 10px); /* 100% - roller-height */
}

.left-column,
.right-column {
    border-bottom: 1px solid #004b8d;
}

.left-column.floating:not(.unrolled),
.right-column.floating:not(.unrolled) {
    border-bottom: 1px solid #f2f2f2;
}

.left-column.unrolled > .left-column-roller,
.right-column.unrolled  > .right-column-roller {
    position: absolute;
    bottom: 0;
}

.roller-show > .left-column-roller,
.roller-show > .right-column-roller {
    display: block;
}

.left-column-content > .rollable-panel:not(.unrolled-panel):not(.temporary-panel),
.right-column-content > .rollable-panel:not(.unrolled-panel):not(.temporary-panel) {
    display: none;
}

.actions-column {
    /*background-color: #ffffff;*/ /*go to .theme-background*/
    position: absolute;
    width: 20vw; /* actions-column-width */
    height: 100%;
    overflow: hidden;
    z-index: 112;
    top: 0;
    right: 0;
    border-left: 1px solid;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -webkit-transform: none;
            transform: none;
    transition: left 0.2s, -webkit-transform 0.2s;
    transition: left 0.2s, transform 0.2s;
    transition: left 0.2s, transform 0.2s, -webkit-transform 0.2s;
    will-change: transform;
}
.LightTheme
.actions-column
{
    border-color: #f2f2f2;
}
.DarkTheme
.actions-column
{
    border-color: rgba(255, 255, 255, 0.12);
}

.actions-column.outside {
    box-shadow: none;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}

.actions-column-content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding: 0 5px;
    min-height: 85px;
}

.content-column {
    position: absolute;
    height: 100%;
    width: 50vw; /* 100vw - left-column-width - right-column-width */
    left: 20vw; /* left-column-width */
    top: 0;
    vertical-align: top;
    z-index: 100;
}

.content-column-multicalc {
    position: absolute;
    height: 100%;
    width: 70vw;
    top: 0;
    vertical-align: top;
    z-index: 100;
    overflow: auto;
}

.right-toolbar {
    top: 50%;
    right: 12px; /* padding */
    -webkit-transform: none;
            transform: none;
    will-change: transform;
}

.right-toolbar-hor {
    position: absolute;
    top: -1px; /* ?? */
    right: calc(100% /*+ 16px*/); /* padding */
    width: max-content;
    -webkit-transform: none;
    transform: none;
    will-change: transform;
}


.settings-box {
    cursor: pointer;
    bottom: 16px;
    display: block;
    height: 40px;
    width: 40px;
    right: 16px;
    position: fixed;
    z-index: 101;
    -webkit-transform: none;
            transform: none;
    will-change: transform;
}

.topnavTab .settings-box {
    position:initial;
}

.settings-box .rvi, .chart-settings-box .rvi {
    font-size: 40px;
    line-height: 1;
}

.chart-settings-box {
    position: relative;
}

.settings-box-content {
    /*background-color: #ffffff;*/ /*go to .theme-background*/
    border: none;
    border-width: thin;
    bottom: 54px;
    box-shadow: 0 8px 17px 0 rgba(60, 64, 67, 0.4);
    left: auto;
    width: 310px; /* was 250; 275, 310 for Russian RV_HOME*/
    right: 16px;
    position: fixed;
    text-align: left;
    z-index: 9999;
    max-height: 90vh;
    overflow-y: auto;
    -webkit-transform: none;
            transform: none;
    will-change: transform;
}
.settings-box-content-top { /*for Plugin and Right menu*/
    top: 58px;
    bottom: unset;
}
.topnavTab .settings-box-content { /* Right menu */
    right: 60px;
    /* restore <body> attributes */
    font-size: 1rem;
    color: #3f4040;
}

.show-add-fab > .settings-box, .show-add-fab > .settings-box-content {
    right: calc(72px + 16px); /* fab-button-width + padding */
}

.right-column-unrolled:not(.right-column-outside) > .settings-box,
.right-column-unrolled:not(.right-column-outside) > .settings-box-content {
    right: calc(30vw + 16px); /* right-column-width + padding */
}

.show-add-fab.right-column-unrolled:not(.right-column-outside) > .settings-box,
.show-add-fab.right-column-unrolled:not(.right-column-outside) > .settings-box-content {
    right: calc(30vw + 72px + 16px); /* right-column-width + fab-button-width + padding */
}

.settings-panel .settingsList {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.settings-panel .settingsList label {
    width: 100%;
    margin: 0.5rem 0;
}

.settings-panel .settingsList .lever {
    float: right;
    margin-top: 2px;
}

/* action button (currently only add well/branch for well editor) */
.main-fab-container {
    position: fixed;
    z-index: 101;
    right: 16px;
    bottom: 64px;
    width: 100%; /* allows well notifications to stretch */
}

.legend {
    z-index: 101;
    padding: 10px 40px 0 40px;
    -webkit-transform: none;
            transform: none;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    will-change: transform;
    pointer-events: none;
}
.legend-horizontal { /* appendum to .legend */
    position: absolute;
    left: 16px;
    bottom: 16px;
    width: 40vw;
    height: calc(45px + 1.125em + 0.5rem); /* 45px + label line height + label margin*/
}
.legend-vertical { /* appendum to .legend */
    position: absolute;
    left: 16px;
    top: 10px;
    width: 450px;
    bottom: 70px;
}

.legend-label {
    margin-bottom: 0.5rem;
    color: #959597;
}

.legend-button {
    pointer-events: all;
    cursor: pointer;

    font-size:xx-large;
    font-style:oblique;
    width:min-content;

    margin-left: 0.05rem;
    margin-right: 0.5rem;
    padding-bottom: 0.5rem;
}

.legend-slider {
    pointer-events: all;
    cursor: pointer;
}

.legend-slider .noUi-pips {
    pointer-events: none;
}

/* Custom noUiSlider styles for the Legend */
.legend-slider.noUi-horizontal {
    height: 10px;
}
.legend-slider.noUi-vertical {
    height: 100%; /*W.K.*/
    width: 28px;  /*W.K.*/
}

.legend-slider .noUi-handle {
    display: none;
}

.legend-slider .noUi-pips-horizontal {
    /* padding: 5px 0; */
    /* height: 80px; */
    height: 32px;
    top: 100%;
    left: 0;
    width: 100%;
    padding-top: 0;
}
.legend-slider .noUi-pips-vertical {
    /* padding: 5px 0; */
    /* height: 80px; */
    /* width: 32px; */  
    top: 100%;
    left: 0;
    width: 100%;
    padding-top: 0;
}

.legend-slider .noUi-marker-horizontal.noUi-marker-large {
    height: 5px;
}
.legend-slider .noUi-marker-vertical.noUi-marker-large {
    width: 5px;
    left: -8px
}

.legend-slider .noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-size: 0.75rem;
}
.legend-slider .noUi-value-vertical {
    right: 40px; /*W.K.*/
    font-size: 0.65rem; /*W.K.*/
}

/* tablets */
/* @media screen and (max-width: 991px) {} */

/* smaller tablets, larger phones */
/* @media screen and (max-width: 767px) {} */

/* smaller phones */
@media screen and (max-width: 479px) {
    .left-column {
        left: 0;
        width: 85vw;
        border-right: 1px solid #f2f2f2;
        border-bottom: none;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
        z-index: 108;
    }
    .right-column {
        width: 100vw;
        height: 90vh;
        top: 10vh;
        left: 0;
        border-left: none;
        border-top: 1px solid #f2f2f2;
        border-bottom: none;
        z-index: 104;
        -webkit-transform: none;
                transform: none;
        transition: 0.2s;
    }
    .right-column.outside {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        box-shadow: none;
        top: 0;
    }
    .right-column-tail {
        text-align: right;
        vertical-align: top;
        padding: 0.5rem 1rem;
        margin-top: 0;
        margin-left: 1rem;
        top: 0;
        right: 0;
        z-index: 105;
        width: 3rem;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
        border-top: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2;
        border-right: 1px solid #f2f2f2;
        border-bottom: none;
        box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.5);
    }
    .right-column-tail:before {
        display: inline-block;
        content: '\25BC';
        -webkit-transform: none;
                transform: none;
        transition: 0.2s;
    }
    .right-column.outside > .right-column-tail:before {
        -webkit-transform: rotateZ(180deg);
                transform: rotateZ(180deg);
    }
    /* manually unroll the column */
    .right-column-content > .rollable-panel:not(.hidden) {
        display: block !important;
    }
    .right-column-roller {
        display: none;
    }
    .right-column.unrolled,
    .right-column.unrolled > .right-column-content {
        height: 100%;
    }
    .actions-column {
        width: 100vw;
        border-left: none;
    }
    .actions-column.outside {
        right: 0;
    }
    .content-column {
        width: 100vw;
        left: 0;
    }
    #time-stamp {
        top: 16px;
        right: 16px;
    }
    .legend {
        left: 64px;
        width: calc(100vw - 118px);
    }
}

.editorAction {
    width: 50%;
    margin: 5px;
    cursor: pointer;
    overflow: hidden;
}

.editorAction .index {
}

.well-stock-groups li {
	margin: 1px 0;
}

.stock-container {
	width: 50vw;
}

.stock-legend {
	display: inline-block;
	list-style-type: none;
	font-size: 1rem;
}

.tornado-legend {
	display: inline-block;
	list-style-type: none;
	font-size: 1rem;
	margin-top: 0.5rem;
}

.optimization-chart {
	height: 100%;
	width: 100%;
}

.perm-chart {
    height: 200px;
    width: 100%;
}

.perm-chart input,
.perm-chart select
{
    width: 160px;
    margin: 0 5px;
}

.multicalc-chart-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.multicalc-chart-container-inner {
    display: inline-block;
    vertical-align: top;
    margin: 12px 6px;
}

.multicalc-params-container {
    display: inline-block;
    vertical-align: top;
    margin: 12px 6px 12px 50px;
}

.multicalc-chart-container-inner img {
    width: 140px;
}

.multicalc-control-container {
    margin: 5px 0;
    max-width: 600px;
}

.multicalc-bottom-chart-column .section-content,
.multicalc-top-chart-column .section-content {
    padding: 0 0 0 12px;
    overflow: hidden;
    transition: height 0.2s ease-out;
    border: 1px solid #f2f2f2;
    margin-top: 5px;
    overflow-x:auto
}

.multicalc-bottom-chart-column .section-content.collapsed,
.multicalc-top-chart-column .section-content.collapsed {
    border: 0;
}

.left-chart-column, .right-chart-column {
    display: inline-block;
    width: 30%;
    height: 80%;
    margin: 50px 50px;
}

.multicalc-top-chart-column, .multicalc-bottom-chart-column {
    max-width: 850px;
    margin: 0.25rem 1.25rem; /* See .section-content */
    margin-bottom: 2.25rem;
}

.multicalc-accordion-header>accordion-header.active::before,
.multicalc-accordion-header>accordion-header::before {
    color: #3f4040;
}

.chart-settings {
	cursor: pointer;
    font-size: 40px;
    line-height: 1;
	/*position: absolute;*/
	/*right: 0;*/
	float: right;
}

.optimization-settings-column {
	position: absolute;
    width: 30vw;
    height: 100%;
    top: 0;
    z-index: 100008;
    background-color: #ffffff;
    border-left: 1px solid #004b8d;
    border-bottom: 1px solid #004b8d;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    will-change: transform;
}

.variant-chart-column {
	position: absolute;
    width: 50vw;
    height: 80vh;
    top: 0;
    z-index: 108;
    background-color: #ffffff;
    border-left: 1px solid #004b8d;
    border-bottom: 1px solid #004b8d;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    will-change: transform;
}

.charted {
	width: 50vw;
}

.right-align {
	right: 0;
}

.left-align {
	left: 0;
}

.variants-table-container {
    width: 100%;
    height: 100%;
	overflow: visible;
}

.variants-table {
	width: 100%;
	cursor: pointer;
}

.variants-table td {
    text-align: center;
    border: 1px solid #f2f2f2;
    transition: border .4s ease-out;
	-webkit-transition: border .4s ease-out;
}

.variants-table-header td,
.variants-table-header th {
    text-align: center;
    font-weight: bold;
    color: #3f4040;
    padding: 0.5rem;
    border: 1px solid #ced4da;
}

.selected-variant {
    border-color: #fff;
    color: #fff;
    background-color: #2c8ce1;
}

.variants-table td > div {
    padding: 0.25em;
    margin: 0.25em;
}

.variants-table tr {
	/*opacity: 1;*/
    transition: transform .4s ease-out, opacity .4s ease-out;
	-webkit-transition: transform .4s ease-out, opacity .4s ease-out;
}

.chart-tr > td > div {
	padding: 0;
	margin: 0;
}

.chart-tr.visible {
	opacity: 1;
}

.chart-container-outer {
	height: 0;
	padding: 0;
	margin: 0;
	background: #ffffff;
	transition: transform .4s ease-out, opacity .4s ease-out, height .4s ease-out;
	-webkit-transition: transform .4s ease-out, opacity .4s ease-out, height .4s ease-out;
}

.ncertainty-container-outer {
	padding: 0;
	margin: 0;
	transition: transform .4s ease-out, opacity .4s ease-out, height .4s ease-out;
	-webkit-transition: transform .4s ease-out, opacity .4s ease-out, height .4s ease-out;
	height: 100%;
}

.container-line-chart {
	position: relative;
	width: 100%;
	height: 95%;
}

.chart-container-tornado {
	position: relative;
	width: 100%;
	height: 100%;
}

.scrolled {
	overflow-y: auto;
}

.separated-bottom {
	transform: translateY(100vh);
	opacity: 0;
}

.chart-tr, .separated-top {
	opacity: 0;
}

.optimization-left-column {
    display: flex;
    flex-direction: column;
    width: 50%;
    vertical-align: top;
}

.optimization-right-column {
    display: flex;
    flex-direction: column;
    width: 50%;
    vertical-align: top;
    line-height: 0;
    white-space: pre;
    overflow: hidden;
}

.optimization-block {
    height: 50%;
    flex: 0 0 auto;
	padding: 0.5rem;
    border: 1px solid #003869;
	white-space: pre-wrap;
    overflow: hidden;
}

.optimization-block-left {
    height: 50%;
    flex: 0 0 auto;
	padding: 0;
    overflow: auto;
    border: 1px solid #003869;
}

th > span.sort-indicator.ascending:before {
    content: '\2191'; /* up arrow */
}

th > span.sort-indicator.descending:before {
    content: '\2193'; /* down arrow */
}

.disabled-button {
    color: rgba(242, 242, 242, 0.8);
    background-color: #959597;
}

.uncertainties-title {
    margin-top: 1.25rem;
    margin-left: 0.25rem;
    color: #004b8b;
    text-align: center;
    text-transform: uppercase !important;
    max-width: 850px;
    font-size: 1.36rem;
    font-weight: 400;
}


/* tree panel */
.tree-panel ul {
    list-style-type: none;
}

.tree-panel a {
    text-decoration: none;
    color: #3f4040;
    display: block;
    transition: 0.3s;
}

.tree-panel label {
    text-decoration: none;
    display: block;
    transition: 0.3s;
}

.tree-panel a:hover {
    color: #3f4040;
}

/*????
@media screen and (max-height: 450px) {
    .tree-panel {
        padding-top: 15px;
    }
}
*/

.wellplace-form input,
.inclinometry-form input,
.productivity-form input {
	height: calc(1.875rem + 2px);
}

/* geo search panel */
.geo-search-container {
    height: 100px;
    width: 100%;
    margin: 5px;
}

.geo-search-container input[type="text"], input[type="button"] {
  /*  width: 90%;*/
    /*height: 30px;*/
}

.geo-search-results {
    height: calc(100% - 100px);
    width: 100%;
    overflow-y: auto;
}

.search-results-list {
    list-style-type: none;
    padding-inline-start: 0;
    margin-block-end: 0;
}

.search-results-list li {
    border-bottom: 1px solid #ced4da;
}

.search-results-list div {
    width: auto;
    cursor: pointer;
    margin: 1rem;
    padding: 0.25rem;
    word-wrap: break-word;
    font-size: 0.85rem;
}

.search-results-list .link-chunk {
    color: #004b8d;
}

.search-results-list .link-chunk:hover {
    text-decoration: underline;
}

/* actions panel */
.actions-panel .section-content:not(.collapsed) {
    padding: 0.25rem 0 0 0;
}

/* styles here are for compatibility with old structure (container > accordion) only*/
/* new structure is (accordion > container) and these should not be used */
.actions-panel .panel-button-container {
    margin: 10px 0;
}

.actions-panel .panel-button-container .dlgModelSectionHeader {
    margin-left: 5px;
    margin-right: 5px;
}

.actions-panel .panel-button-container .accordion-content {
    padding: 0px;
}

/* time control panel */
.timeControl {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin: 5px;
}

.timeControl.large {
    margin: 0.75rem 0;
}

.timeCtrlBtn {
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem;
    color: #495057;
    background-color: #f2f2f2;
    text-decoration: none;
    text-align: center;
    letter-spacing: .5px;
    transition: background-color .2s ease-out, border-color .2s ease-out;
    padding: 0 1rem;
    border: 1px solid #ced4da;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    -webkit-appearance: button;
    overflow: visible;
    margin: 0;
    font-family: inherit;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
}

.timeCtrlBtn:hover {
    background-color: rgb(217, 217, 217);
    border: 1px solid rgb(0, 75, 141);
    color: rgb(0, 75, 141);
}

.timeSelect {
    width: 150px;
    vertical-align: middle;
}

.timeSelect.large {
    height: 3rem;
    font-size: 1.125em;
    width: 100%;
    background-color: #ffffff; /* серый вариант - #f2f2f2;*/
}

.wellTypeSelect {
    width: auto;
    vertical-align: middle;
}

.timeSliderContainer {
    margin-top: 10px;
    vertical-align: middle;
    padding-bottom: 14px;
}

/* time control noUiSlider mod: only show tooltips wlie dragging a handle:
 * https://refreshless.com/nouislider/examples/#section-hiding-tooltips
 */
.timeControl .noUi-tooltip {
    display: none;
}
.timeControl .noUi-active .noUi-tooltip {
    display: block;
}

.perfFilterSlider .cell-filter-slider {
    background: #f2f2f2;
    padding-bottom: 25px;
}

.noGoZoneSlider .noUi-connect {
    background: #f2f2f2;
    padding-left: 0px;
    padding-right: 0px;
}

.noGoZoneSlider .noUi-base::before {
    display: none;
}

/* cell filter panel */
.cell-filter-holder {
    /*margin: 10px;*/
    margin-top: 10px;
    /*margin-left: 10px; Perf filter*/
    margin-right: 10px;
}

.cell-filter-entry {
    padding: 5px 10px 0px 10px;
}

.cell-filter-span {
    padding-left: 10px;
}

.cell-filter-expansion {
    padding: 5px 10px 10px 10px;
}

.cell-filter-slider-holder {
    padding-bottom: 25px;
}
.cell-filter-slider-number {
    width: 6em;
}

.cell-filters-low-priority.accordion-header {
/*    padding: 0 0.25rem;*/
    color: #004b8d;
}

.accordion-low-priority.accordion-header {
    color: #004b8d;
    margin-top: 0.5rem;

    margin-bottom: 0.25rem;
}

.accordion-low-priority.accordion-header.wells-filter-accordion-low-priority {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

.chart-container-outer {
    padding: 5px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.chart-container-inner {
	width: 100%;
	height: 40vh;
}

.crossplot-container-inner {
	width: 100%;
	height: 80vh;
}

.chart-container-saturation {
	width: 100%;
    height: calc(100% - 20px);
}

/* region reserves chart panel */
.containerPieChart {
    padding: 5px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* border: 1px solid #ced4da; */
}

.header-outer-perf-dialog {
    width: 100%;
    background-color: #004b8d;
    color: #ffffff;
    overflow: hidden;
    line-height: 60px;
}

.chart-title-container {
	padding-left: 1em;
}

.title-line-chart {
    text-align: center;
    font-weight: bold;
    padding: 10px !important;
    height: 40px;
    margin: 0 !important;
    background: rgb(242,242,242);
    line-height: 18px !important;
	color: #004b8d;
}

.tornado-tables {
    margin: 6px !important;
    padding: 0px !important;
}

.tornado-tables caption {
    text-align: center;
    font-weight: bold;
}

.title-tornado-chart {
    margin: 6px !important;
    padding: 0px !important;
}

.tornado-export-button {
}

.tornado-title-text {
    flex-grow: 1;
}

.stockTableDiv {
    margin: 10px 20px;
}

.stockTable {
    width: 100%;
}

.stockTable .hdrColumn {
    color: #3f4040;
    padding: 0.4rem;
}

.stockTable .dataColumn {
    color: #004b8d;
    font-size: 0.9rem;
    text-align: right;
}

.stock-legend {
    display: inline-block;
    list-style-type: none;
    font-size: 1rem;
	width: calc(100% - 100px);
}

.horizontalBarChartsMini {
    width: 100%;
    height: 55vh;
}

.reserves-chart-container {
	padding: 0 5px !important;
}

.reserves-empty-hover  {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fffc;
    z-index: 999;
    opacity: 1.0;
    pointer-events: none;
}

.warning-container {
    z-index: 999999;
    border-style: solid;
    border-width: 2px 2px 2px 10px;
    border-color: #f79428;
    background: #f2f2f2;
    padding: 5px;
    margin: 10px 5px;
    font-size:larger; /* 1.2 times greater */
}

.reserves-empty-hover > .warning-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    opacity: 1.0;
}

.warning-color {
    color: #f79428;
    white-space: pre-line;
}

/* notations panel */
.notations-map {
    padding: 0px 0px; /* was: 0px 7px; was 0px 10px */
    text-align: left;
    /* center content
    position: relative;
    transform: translate(-50%, 0%);
    left: 50%;
    width: max-content;
    */
}

.notations-map caption {
    caption-side: top;
    font-weight: bold;
    text-align: center;
}

.pcr-app.bubble-picker {
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    line-height: 18px;
    height: auto;
    width: 444px;
    padding: 0;
    box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 30%), 0px 24px 38px 3px rgb(0 0 0 / 30%), 0px 9px 46px 8px rgb(0 0 0 / 30%);
}

.pcr-app.bubble-picker .bubble-picker-prop-name {
    text-align: left;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    border-bottom: 1px solid #ced4da;
}

.bubble-picker .bubble-picker-prop-name,
.bubble-picker .pcr-swatches,
.bubble-picker .pcr-interaction
{
    padding: 8px 24px;
}

.bubble-picker .pcr-selection {
    padding: 16px 24px 8px 24px;
}

.bubble-picker .pcr-swatches {
    display: flex;
    justify-content: center;
}

.bubble-picker .pcr-interaction .pcr-save {
    background: #fff;
   /* border: 1px solid #f2f2f2;*/
    border-radius: 4px;
    color: #004b8d;
    font-weight: bold;
    text-transform: uppercase !important;
    order: 2;
}

.bubble-picker .pcr-interaction .pcr-cancel,
.bubble-picker .pcr-interaction .pcr-clear {
    background: #fff;
  /*  border: 1px solid #f2f2f2;*/
    border-radius: 4px;
    color: #959797;
    font-weight: bold;
    text-transform: uppercase !important;
}

.bubble-picker .pcr-interaction .pcr-result {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    color: #3f4040;
    text-transform: uppercase !important;
    flex: 2;
    min-width: max-content;
}

.bubble-picker .pcr-interaction .pcr-type {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    color: #3f4040;
    text-transform: uppercase !important;
    flex: 1;
}

.bubble-picker .pcr-interaction .pcr-type.active {
    background: #2c8ce1;
    color: #fff;
}

.notations-horizons,
.notations-bubbles,
.notations-welltypes {
    vertical-align: top;
    display: inline-block;
    margin: 0 0.4rem 1rem 0.4rem;
}

.notations-horizons div,
.notations-bubbles div,
.notations-welltypes div {
    vertical-align: middle;
}

.notations-bubbles .pickr .pcr-button:after,
.notations-bubbles .pickr .pcr-button:before {
    border-radius: 50%;
}

.notations-horizons-text {
    width: 138px;
    /* ZLP: TODO: hyphenate! Insert hyphs 
    word-wrap: anywhere;
    */
}
.notations-bubbles-text,
.notations-welltypes-text {
    width: 138px;
    word-wrap: anywhere; /* ZLP: TODO: hyphenate! Insert hyphs  */
}
.notations-horizons-symbol,
.notations-bubbles-symbol,
.notations-welltypes-symbol {
    font-size: 36px;
    width: 40px;
}

.notations-map td {
    padding: 2px; /* was: 3px; was 5px */
}

/* viewer control panel */
.viewer-control-panel {
    margin: 10px 0;
}

.viewer-control-panel .panel-mini-button-outer {
    position: relative;
    display: inline-block;
    width: 25%;
    padding: 5px;
}

.viewer-control-panel .panel-mini-button-inner {
    position: relative;
    display: block;
    cursor: pointer;
    font-size: 40px;
    line-height: 1;
    color: #004b8d;
    background-color: #ffffff;
    border: 1px solid #004b8d;
    padding: 5px;
    height: 52px;
    text-align: center;
    text-transform: uppercase;
    word-wrap: break-word;
    overflow: hidden;
    transition: 0.2s;
}

.viewer-control-panel .panel-mini-button-inner.active {
    color: #ffffff;
    background-color: #004b8d;
    border: 1px solid #ffffff;
}

.viewer-control-panel .panel-mini-button-inner:hover {
    color: #ffffff;
    background-color: #004b8d;
    border: 1px solid #004b8d;
}

.viewer-control-panel .panel-mini-button-inner > .rvi {
    vertical-align: top;
}

/* inclinometry panel */
.inclinometry, .perf {
    padding: 0.25rem 0;
    color: #3f4040;
    overflow-x: auto;
}

.variants-table-container.inclinometry {
    padding: 8px;
}

.LightTheme
.editable_cell,
.LightTheme
.dots-vertical-container {
  color: #004b8d;
}
.DarkTheme
.editable_cell,
.DarkTheme
.dots-vertical-container {
  color: #8080ff;
}

.inclinometry div:not(.MuiBox-root, .MuiTabs-root, .MuiTabs-scroller, .MuiTabs-flexContainer, .symbol-cell, .inclinometry-form, .warning-container, .warning-container div),
.perf div {
    padding: 0.25em;
    margin: 0.25em 0;
}

.inclinometry table, table.inclinometry,
.perf table {
    width: 100%;
    cursor: pointer;
    line-height: 18px;
}

.inclinometry .wellplace-hist-analisys-table {
    width: 50%;
}

.inclinometry table caption, table.inclinometry caption {
    text-align: center;
    caption-side: top;
}

.inclinometry table td, table.inclinometry td,
.perf table td {
    text-align: center;
    border: 1px solid #ced4da;
}

.inclinometry tfoot,
.perf tfoot {
	border-top: 3px double #959797;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.multicalc-prob {
    background-color: #f2f2f2;
    font-weight: bold !important;
}

.inclinometry-table-header-small {
    font-size: smaller
}


.inclinometry-table-header th,
.perf-table-header th {
    font-weight: bold;
    max-width: 7rem;
}

.inclinometry-table-header td,
.inclinometry-table-header th,
.perf-table-header td,
.perf-table-header th {
    cursor: pointer;
    text-align: center;
    color: #3f4040;
    padding: 0.5rem;
    border: 1px solid #ced4da;
}

.pattern-params table.inclinometry td,
.pattern-params th {
  border: 0px;
}
.spearman-table td {
    text-align: center;
    color: #3f4040;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    font-weight: normal;
    width: 33% !important;
}

.converted-settings-control {
    margin-left: 1.8rem;
}

.inj-well-coeff {
    margin: auto;
}

.short-prod-table {
    width: 100%;
    margin-bottom: 1rem;
}

.middle-prod-table th,
.short-prod-table th {
    width: 15%;
}

.perf-table-header .rvi-clear,
.inclinometry-table-header .rvi-clear {
    color: #004b8d;
}

.inclinometry-form {
    padding: 5px 10em 5px 5px;
	margin-bottom: 5px;
    overflow-x: auto;
	color: #3f4040;
}

.inclinometry-form .well-bound {
    margin: 0 5px 0 0;
    float: right;
    width: 70px;
    font-weight: bold;
    text-align: center;
}

.inclinometry-label {
    margin-top: 0.5rem;
}

.switchPerfMode {
    background-color: #2c8ce1;
    width: auto;
    /*margin: 0.3rem 6rem !important;*/
    text-align: center;
    font-size: 1.25rem;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mode-perf {
	cursor: pointer;
	margin: 0 !important;
	padding: 0.3rem !important;
}

.i-left-arrow {
	float: left;
}

.i-left-arrow::before {
  font-family: 'rv-web-icons' !important;
  display: inline-block;
  transform: rotateZ(180deg);
  content: '\e902';
  font-weight: bold;
  font-style: normal;
  margin-left: 5px;
  margin-right: 5px;
  transition: 0.2s;
  font-size: 0.8rem;
  vertical-align: middle;
}

.i-right-arrow {
	float: right;
}

.i-right-arrow::before {
  font-family: 'rv-web-icons' !important;
  display: inline-block;
  content: '\e902';
  font-weight: bold;
  font-style: normal;
  margin-left: 5px;
  margin-right: 5px;
  transition: 0.2s;
  font-size: 0.8rem;
  vertical-align: middle;
}

/* perforation panel */

.apply-suggested-perf {
    color: #ffffff;
    background-color: #004b8d;
    border: 1px solid #ffffff;
    height: 92px;
    text-align: center;
}

/* productivity panels */
.productivity-form {
    padding: 0.5em 0.5em 0.5em 0.5em;
    margin: 0.25em;
    overflow-x: auto;
	position: relative;
}

.productivity-value-container {
    margin: 5px;
    color: #3f4040;
    overflow-x: auto;
}

.productivity-form.uncertainty-params {
    padding-right: 1rem;
}

@media screen and (max-width: 1025px ) {
    .productivity-form {
        padding: 0.5em 0.5em 0.5em 0.5em;
    }
}

.productivity-form .well-bound {
    margin: 0 5px 0 0;
    width: 70px;
    font-weight: bold;
	height: calc(1.875rem + 2px);
	text-align: center
}

.productivity-form .uncertainty-param {
    margin: 0 5px 0 0;
    width: 60px;
    font-weight: bold;
}

.uncertainty-form {
	margin-bottom: 1rem;
}

.wellplace-form {
	padding: 5px 5px 5px 30px;
    margin: 5px;
    overflow-x: auto;
}

.settings-box-content ul {
	list-style-type: none;
}

.settings-box-content label {
	width: 100%;
    margin: 0.5rem 0;
}

.settings-box-content .lever {
	float: right;
}

.pressure-container {
    margin: 0.5rem 0;
}

.pressure-plast {
    font-weight: bold;
	margin: 0.5rem 1rem;
}

.form-container-inner {
	margin-top: 5px;
}

.form-container {
    margin-left: 10px;
}

.general-form {
    text-align: center;
    border: 1px solid #f2f2f2;
	margin: 0 20%;
}

.form-param-container {
}

.form-param-container span {
    padding: 5px 5px;
    color: #3f4040;
    font-weight: bold;
}

.form-param-container label {
    padding: 5px 5px;
}

.param-container {
	width: 350px;
	height: 50px;
}

.param-container span {
	float: left;
    padding: 5px 5px;
    color: #3f4040;
    font-weight: bold;
}

.param-container label {
    padding: 5px 5px;
	margin: 0px;
    color: #004b8d;
	float: right;
}

.caption-info {
	padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: #f2f2f2;
    color: #004b8d;
    caption-side: top;
    text-align: center;
    word-wrap: break-word;
}

div > .caption-info {
    margin: 0 20%;
}

.full-table-button {
	width: 100%;
}

.scroll-y {
	overflow-y: scroll;
}

.general-info-parameter {
	float: left;
    font-weight: bold;
}

.prod-table-container {
    color: #3f4040;
    overflow-x: auto;
    margin: 5px;
}

.prod-table-container .rvi-dots-vertical {
	color: #004b8d;
}

.prod-table-container caption {
	caption-side: top;
	margin-bottom: 5px;
}

.bordered-caption {
    border: 1px solid #ced4da;
	font-weight: bold;
	text-transform: uppercase !important;
}

.bordered-caption-multicalc
{
    border: 1px solid #f2f2f2;
    font-weight: bold;
    text-transform: uppercase !important;
    background-color: #f2f2f2;
    color: #004b8d;
}

.prod-table-container table {
	cursor: pointer;
	width: 100%;
}

.prod-table-container thead td,
.prod-table-container tbody td {
    text-align: center;
    border: 1px solid #ced4da;
}

.prod-table-container tbody div,
.prod-table-container tfoot div {
    padding: 0.25em;
    margin: 0.25em;
}

.prod-table-container .prop-name {
	font-weight: bold;
}

.perf-event-caption {
	padding-top: .75rem;
    padding-bottom: 4px;
    background-color: #fff;
    color: #004b8d;
    caption-side: top;
    text-align: left;
    word-wrap: break-word;
}

.perf-event-caption-well-name {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 1px solid #ced4da;
    font-weight: bold;
    float: left;
}

.perf-event-caption label {
	float: left;
	margin-right: 1.2rem;
    font-weight: bold;
}

.prod-table-container button.timeCtrlBtn {
    font-size: 1em;
    text-transform: none;
}

.footer-row-total {
    font-weight: bold;
}

.footer-row-total tr {
	/* border-top: 2px solid #004b8d; */
}

.footer-row-total td {
	text-align: center;
    border-top: 3px solid #ced4da;
}

.marked-background {
     background: #f2f2f2;
}

.total {
	color: #3f4040;
}

.expand-perf-table {
    float: right;
    font-size: 1.3rem;
    margin: 0;
}

.full-table-perf {
	margin: 25px 20%;
    margin-bottom: 2.5rem;
}

.arrows-in-perf-events {
    font-size: 40px;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
	padding: 10px;
}

.headerInnerPerfTabDlg {
    width: 100%;
    overflow: hidden;
    position: relative;
	text-align: center;
}

.variants-legend {
	display: inline-block;
    list-style-type: none;
    font-size: 1rem;
    margin-top: 0.5rem;
	float: right;
	margin-right: 15px;
}

.vertical-param {
	margin-left: 0.5rem;
    margin-right: 2.5rem;
}

.vertical-param-container {
    height: 40px;
    vertical-align: top;
}

.vertical-params {
    text-align: right;
    margin-right: 3rem;
}

.vertical-params input[type=text] {
    margin: 0 5px 0 0;
    width: 60px;
	float: right;
    /* font-weight: bold; */
	text-align: center;
}

.vertical-params input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
}

.wellplace-radio {
    display: inline !important;
    margin: 0 5px 0 0;
}

.wellplace-param-label {
	color: #3f4040;
}

.wellplace-param-caption {
	font-weight: bold;
	color: #3f4040;
}

.productivity-container {
    text-align: left;
    margin: 0 12px;
	padding-right: 1em;
}

.productivity-container > div {
    display: inline-block;
}

.productivity-container label {
	margin-top: 0.5rem;
}

.pressure-label,
.productivity-label {
	width: 70%;
}

/* saturation panel */
.calc-fore-panel {
    margin: 0.25em;
    padding: 0.5em 15em 0.5em 0.5em;
}

.calc-fore-panel label {
	width: 100%;
	margin: 0;
}

.calc-fore-panel input {
	float: right;
	width: 50px;
}

.panel-element {
	margin: 0.5rem;
}

.satur-table {
    margin: 5px;
    overflow-x: auto;
}

.satur-table table {
    width: 100%;
    cursor: pointer;
}

.satur-table table td {
    text-align: center;
    border: 1px solid #f2f2f2;
    padding: 5px 0;
    height: 3rem;
}

.satur-table .value-field {
    /*margin: 0 3rem;*/
    font-weight: bold;
}

.satur-table .well-type {
    width: 70%;
}

.satur-table .well-control-value {
    width: 20%;
    margin: 0 5px 0 0;
}

.satur-table .well-control {
    width: 50%;
}

.satur-table .well-bound {
    margin: 0 5px 0 0;
    width: 100px;
    font-weight: bold;
}

.welltype-select {
	margin: 0 5px 0 0;
    width: 150px;
}

.uncertainty-container-outer .settings-box {
	position: relative;
	font-size: 20px !important;
}

.settingsList li {
    padding: 0 16px;
}

.settingsList li:first-child {
    padding-top: 16px;
}

.settingsList li:last-child {
    padding-bottom: 16px;
}

.settingsList input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
}

.settingsList .settings-item-input {
	vertical-align: middle;
}

.settingsList .container-radio {
	float: right;
}

.settingsList li.show-more {
    padding: 16px 0 0 0;
}

.settingsList .show-more > div {
    width: 100%;
    position: relative;
    bottom: 0;
    right: 0;
    padding: 5px 0;
    text-align: center;
    z-index: 109;
    height: calc(1.125rem + 10px); /* roller-height */
    cursor: pointer;
}
.LightTheme
.settingsList .show-more > div {
  background-color: #f2f2f2;
  color: #959597;
}
.DarkTheme
.settingsList .show-more > div {
  background-color: #00000020;
  color: #959597; /*???*/
}

.container-productivity-outer {
    padding: 10px 5px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.container-productivity-inner {
    width: 100%;
    height: 80px;
}

.productivity-data {
	color: #3f4040;
}

.perm-std-container {
    margin-bottom: 0.5rem;
    margin-left: 20px;
}

.no-border {
	border: 0;
}

.perm-slider-container-outer {
}

.perm-slider-container {
    margin: 2.5rem 2rem 1rem 2rem;
    height: 10px !important;
    border: 1px solid #3f4040;
    background: #959797;
}

.slider-disabled {
	background: #f2f2f2;
	border: 1px solid #959797;
}

.perm-slider-container .noUi-handle {
	display: none;
}

.perm-slider-container .noUi-pips-horizontal {
	padding: 0;
}

.perm-slider-container .noUi-marker-top {
	height: 10px;
    transform: translateY(-100%) translateY(-8px);
}

.perm-slider-container .noUi-value-top {
	transform: translateY(-100%) translateY(-18px) translateX(-50%);
}

.perm-slider-container .noUi-connect {
	background: rgb(0, 75, 141);
}

.slider-disabled .noUi-connect {
	background: #f2f2f2;
}

.perm-slider-container .noUi-value {
    color: #3f4040;
    font-weight: bold;
}

.slider-disabled .noUi-value {
	color: #959797;
}

.perm-slider-container .noUi-marker {
    background: #3f4040;
}

.slider-disabled .noUi-marker {
	background: #959797;
}

.perm-slider-container .noUi-background {
	height: 10px;
    transform: translateY(-100%) translateY(-8px);
}

.perm-caption-container {
	text-align: center;
}

.uncertainty-container-outer {
	position: relative;
}

.legend-container-outer {
    text-align: left;
    margin-left: 3rem;
    margin-bottom: 0.5rem;
}

/* general panel classes (used only in panels) */
.selectedVertice,
.selected-well,
.selectedPerf {
    border-color: #fff;
    color: #fff;
    background-color: #2c8ce1;
}

.LightTheme
.selectedVertice div,
.selected-well div,
.selectedPerf div {
    color: #fff;
}

.inline-items {
	display: inline-block;
	margin: 5px;
}

.well-info-param {
	margin: 1rem;
	cursor: pointer;
}

.well-info-param label {
	width: 50%;
}

.well-info-container {
	margin: 5px;
	padding: 5px;
}

.well-info-title {
	margin-bottom: 2rem;
    text-decoration: underline;
}

.well-info-title.font-bold {
	font-weight: bold;
}

.well-info-title b {
	 color: #004b8d;
}

/* optimization settings panel */

.optimization-settings {
	color: #3f4040;
}

.optimization-settings  hr {
	width: 40%;
}

.optimization-settings input[type="text"][disabled] {
   background: #f2f2f2;
   color: rgba(149,151,151,0);
}

.optimization-settings input:not([type='checkbox']) {
    width: 75px;
}

.num-variants, .inject-fixed, .formula-coeff, .opt-method {
    margin: 1.3rem 0;
}

.formula-coeff-wellplace {
    margin: 15px 0;
}

.num-variants input {
	text-align: center;
}

.inject-fixed  input {
}

.surface-dialog-select {
    position: relative;
}

.surface-dialog-select-date {
    margin-bottom: 1.25rem; /*was: margin-bottom: 2rem;*/
    position: relative;
}

.surface-dialog-select-date select {
    min-width: 260px;
}

.injfix-input-container {
	display: inline-block;
}

.numvariants-input-container {
	display: inline-block;
}

.numvariants-input-container input[type="number"],
.injfix-input-container input[type="number"],
.method-input-container input[type="number"],
.inject-fixed input[type="number"],
.coeffs-container input[type="number"]
{
    margin: 0 5px 0 0;
    width: 75px;
    /*font-weight: bold;*/
    height: calc(1.875rem + 2px);
    text-align: left;
}

.coeffs-container, .opt-method-container {
	margin: 0.5rem 0;
}

.coeffs {
	margin: 1rem 0;
}

.inject-fixed label {
	margin: 0 0.5rem;
}

.settings-wellplace-contaier {
    color:#2c8ce1;
    cursor: pointer;
}

.formula {
	width: 280px;
}

.formula img {
	width: 100%;
	margin: 0.5rem;
}

.opt-method-container .inline-items {
	margin-right: 3rem;
}

.method-input-container {
	margin-bottom: 0.1rem;
}

.opt-actions-panel {
    margin-top: 5px;
}

/* optimization panel */
.wells-warning-info {
	color: rgb(247,148,40);
    font-size: 1.8rem;
}

.wells-error-info {
    color: rgb(211,18,69);
    font-size: 1.8rem;
}

.region-buttons-header {
    vertical-align: top;
    /* background-color: #f2f2f2; */
    color: #004b8d;
    font-size: 1.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    /* width: 100%; */
    height: 32px;
    text-align: left;
    outline: none;
    display: inline-block;
    margin: 0.4rem 0rem 0.4rem 0.4rem;
}

.region-select {
    display: inline-block;
    vertical-align: top;
    height: 32px;
    margin: 0.4rem 0.1rem 0.4rem 0;
    width: 75%;
}

.region-button {
    display: inline-block;
    min-width: 2rem;
    padding: 4px;
    line-height: 1.125;
    vertical-align: bottom;
    text-align: center;
}

.region-button:hover {
    background-color: #004b8d;
    color: #ffffff;
  }

/* wells conversion and settings panel */
.conv-settings-outer {
    width: 350px;
    position: relative;
}

.perm-param {
    width: 550px;
    padding-left: 20px;
    padding-right: 120px;
}

.perm-settings-inner {
    right: 0;
    top: 2px;
    float: right;
}

.conv-settings-inner {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 2px;
}

.region-info-outer,
.param-table-row {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    max-width: 380px;
    position: relative;
}

.sweet-spot-mindist-outer {
    margin: 0.5rem 0;
    width: 350px;
    position: relative;
}

.sweet-spot-mindist {
    display: inline-block;
    position: absolute;
    right: 45px;
    top: 10px;
}

.sweet-spot-mindist-edit-button {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 5px;
}

.conv-settings {
    margin: 0.5rem 0;
}
 /* time period panel */
.time-period-panel {
    margin: 0.5rem 1rem;
}

.time-period-panel-inner {
	width: 100%;
}

.time-period-container {
    margin: 0.5rem 0;
}

.date-static-panel {
    padding-left: 2.3rem;
}

.time-select-container {
    padding-left: 0rem;
    padding-top: 0rem;
}

.date-select-container {
    margin: 0 5px 0 0;
	text-align: right;
}

.finish-date-input {
    margin: 0 5px 0 0;
    width: 80px;/*was: 75px;*/
    /*font-weight: bold;*/
    height: calc(1.875rem + 2px);
    text-align: left;
}

.period-param-container {
    position: relative;
    margin-bottom: 0.6rem;
}

.period-param-container input[type='checkbox'] {
    margin-right: 0.5rem;
}

.special-control input:disabled {
    /*color: #fff;*/
}

.period-param-container .label-param-container, .static-start-date {
    position: relative;
    top: 5px;
}

.grid-select {
    margin-top: 0.5rem;
}

.period-param-container .date-param-container {
    position: absolute;
    display: inline-block;
    left: 15.5rem; /* was: 15.5rem; was 17.5rem */
    word-wrap: anywhere;
}

.layers-param-container {
    min-width: 200px;
}


.sub-params .date-param-container {
    left: 180px /* !important*/;
}

.sub-params-time-period .date-param-container.edit-param,
.sub-params-ppd .date-param-container.edit-param,
.sub-params-time-period .date-param-container.date-select-container,
.sub-params-ppd .date-param-container.date-select-container
{
    left: 220px /* !important*/;
}

.sub-params-num-vars .date-param-container,
.sub-param-auto-grp .date-param-container
{
    left: 190px /* !important*/;
}

.sub-param-num-vars-ppd .date-param-container {
    left: 305px;
}

.sub-params-time-period-ppd .date-param-container {
    left: 333px;
}

.pattern-param .date-param-container
{
    left: auto;
    right: 0;
}

.unit-param-container {
    font-style: italic;
}

.time-period-panel .start-calc-date, .time-period-panel .end-calc-date {
    margin: 10px 0;
	vertical-align: top;
}

.start-calc-date, .end-calc-date {
    display: inline-block;
}

.link-control {
    width: 18rem;
    text-align: left;
    display: inline-block;
}

.start-calc-date {
    width: 40%;
}

.end-calc-date {
    width: 60%;
}

.start-calc-date label, .end-calc-date label {
	margin-left: 1.5rem;
}

.table-caption {
	text-align: center;
    padding: 0.5rem;
    font-weight: bold;
    color: #3f4040;
    background: rgb(242,242,242);
}

/* well log view tab*/
.middle {
    border: 1px;
    border-style: solid;
}
.welllogspacer {
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    background-color: white;
}

.well-log-body {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.svg-body {
    height: 570px;
	_width: 560px;
	overflow-y: scroll;
    overflow-x: hidden;
}

.tbar_view {
	vertical-align: top;
	padding: 0;
}

.well-log-actions {
	margin: 1px;
}

.tbar_view img {
	width: 30px;
}

.icon-container {
}

.select-templ-container, .select-scale-container, .md-tvd, .md-tvd-radio {
	display: inline-block;
}

.container-radio-checked {
    color: #004b8d;
}

.toolbar-selectbx {
	vertical-align: top;
}

.select-templ-container {
	float: left;
}

.select-scale-container {
	float: right;
}

.sel-label {
    transform: scale(.75);
	margin-bottom: 3px;
}

.tbar_view .md-tvd {
	margin-top: 1.5rem;
	float: right;
}

.tbar_view ul {
	list-style-type: none;
}

.headerStat {
	height: 36px;
    padding: 0 1rem;
}

.bodyStat-container {
}

.selectedVertice div.table-cell-editable {
	color: #000000;
    background: #ffffff;
}

div.table-cell-editable {
	color: #000000;
    background: #ffffff;
}

/* AppSettingsPanel */
.app-settings-panel {
    margin: 10px 0;
}

.app-settings-panel > .accordion-header {
    margin: 0 5px 0 0;
}

.app-settings-panel .accordion-content {
    margin-bottom: 10px;
}

.app-settings-panel .app-setting-container {
    margin: 10px 10px 0 10px;
    position: relative;
    left: 0;
    top: 0;
}

.app-setting-container .app-setting-input-label,
.app-setting-container .app-setting-select-label,
.app-setting-container .app-setting-radio-label {
    width: 100%;
}

.app-setting-container .app-setting-input,
.app-setting-container .app-setting-select {
    float: right;
}

.app-setting-container.integer .app-setting-input, .app-setting-container.string .app-setting-input {
    float: none;
    display: block;
    width: 140px; /* 2x width ".custom.input" */
}

.app-setting-container.integer .app-setting-input {
    width: 140px; /* 2x width ".custom.input" */
}

.app-setting-container.string .app-setting-input {
    width: 100%;
}

.app-setting-container.switch label {
    width: 100%;
}

.app-setting-container .lever {
    float: right;
    margin-top: 2px;
}

.app-setting-container .app-setting-radio-label {
    /* text-align: right; */
}

.app-setting-container .app-setting-radio-inline-label,
.perm-control-radio {
    margin-right: 0.75rem;
}

.app-settings-panel > .show-more {
    padding: 16px 0 0 0;
}

.app-settings-panel > .show-more > div {
    width: 100%;
    position: relative;
    bottom: 0;
    right: 0;
    padding: 5px 0;
    text-align: center;
    z-index: 109;
    height: calc(1.125rem + 10px); /* roller-height */
    cursor: pointer;
}
.LightTheme
.app-settings-panel > .show-more > div {
  background-color: #f2f2f2;
  color: #959597;
}
.DarkTheme
.app-settings-panel > .show-more > div {
  background-color: #00000020;
  /*color: #959597;*/
}

/* Interference Panel */
.tab-caption {
	caption-side: top;
    text-align: center;
    border: 1px solid #ced4da;
}

.tracers-coeffs-container {
	margin: 5px;
}

/* FieldData Panel */
.ppd-param-container {
	margin: 0.5rem;
    display:flex;
    align-items: baseline;
}

/* PaletteSettings Panel */
.palette-settings-panel {
    padding: 0.5rem;
}

.palette-input-label {
    margin-bottom: 0;
}

.palette-type-switch,
.palette-minmax-source-switch {
    margin: 0.75rem 0;
}

.palette-type-switch > .palette-radio-label,
.palette-minmax-source-switch > .palette-radio-label {
    padding: 0.5rem;
    margin-bottom: 0;
    width: 33%;
    text-align: center;
}

.palette-type-switch > .palette-radio-label:first-child,
.palette-minmax-source-switch > .palette-radio-label:first-child {
    text-align: left;
    padding-left: 0;
}

.palette-type-switch > .palette-radio-label:last-child,
.palette-minmax-source-switch > .palette-radio-label:last-child {
    text-align: right;
}

.palette-minmax-container {
    margin: 0.75rem 0;
}

.discrete .palette-minmax-container {
    display: none;
}

.palette-minmax-container > .palette-input-label {
    padding: 0 1rem 0 0;
    width: 50%;
}

.palette-minmax-container input {
    width: 100%;
}

.palette-accuracy-container {
    width: 100%;
    margin: 0.75rem 0;
}

.palette-special-colors-switch {
    margin: 0.5rem 0;
}

.palette-special-colors-switch > label {
    display: inline-flex;
}

.discrete .palette-special-colors-switch {
    display: none;
}

.palette-color-table-container {
    /*width: 50%;*/
    width: max(20%, 100px); /* W.K.*/
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.discrete .palette-color-table-container {
    width: 100%;
}

.LightTheme
.palette-color-table-container > .section-header {
    color: #3f4040;
}
.DarkTheme
.palette-color-table-container > .section-header {
}

.palette-color-table-container > .section-content {
    padding: 0;
}

.palette-color-table {
    margin: 0.5rem 0;
    width: 100%;
}

.palette-color-table th,
.palette-color-table td {
    border: 1px solid #ced4da;
    text-align: center;
}
.palette-color-table th {
    font-weight: bold;
    padding: 0.5rem;
}
.palette-color-table td {
    font-size: smaller;
}

.LightTheme
.palette-color-table tr.selected {
    color: #ffffff;
    background-color: #2c8ce1;
}
.DarkTheme
.palette-color-table tr.selected {
    /*color: #ffffff;*/
    background-color: #9499a0;
}
.palette-color-table tr.selected .editable_cell {
    color: #ffffff;
}

.palette-color-table td > div {
    padding-top: 0;
    padding-bottom: 0.12em;
    margin: 0.15em 0;
}

.palette-color-table td > div.editable_cell[contenteditable] {
    background-color: #ffffff;
    color: #3f4040;
    border: 1px solid #3f4040;
}

.palette-color-table .pickr .pcr-button {
    width: 1em;
    height: 1em;
    padding: .15em;
}

.palette-color-table .pickr .pcr-button:before {
    border-radius: 50%;
    background: none;
    border: 1px solid #959797;
}

.palette-color-table .pickr .pcr-button:after {
    border-radius: 50%;
    border: 1px solid #959797;
}

.palette-settings-slider {
    margin: 0.5rem 0;
}

/* horizontal */
.palette-settings-slider.noUi-horizontal .noUi-handle {
    width: 4px;
    right: -2px; /* width / 2 */
}

.palette-settings-slider.noUi-horizontal .noUi-handle:before,
.palette-settings-slider.noUi-horizontal .noUi-handle:after {
    content: none;
}

.palette-settings-slider.noUi-horizontal.noUi-target {
    padding: 0 1px;
}

.palette-settings-slider.noUi-horizontal .noUi-base:before,
.palette-settings-slider.noUi-horizontal .noUi-base:after {
    width: 1px;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
}

.palette-settings-slider.noUi-horizontal .noUi-base:before {
    left: -1px;
}

.palette-settings-slider.noUi-horizontal .noUi-base:after {
    left: 100%;
}

.palette-settings-slider.noUi-horizontal .noUi-tooltip {
    bottom: -125%;
    padding: 0.25rem;
}

/* vertical */
.palette-settings-slider-container {
    /*width: 50%;*/
    width: max(calc(97% - max(50%, 200px)), 250px); /* W.K.*/ /*Gin E. R.*/
    display: inline-block;
    /* height: 25rem; */
    vertical-align: top;
    padding: 4px 0px 20px 0px;
}

.discrete .palette-settings-slider-container {
    display: none;
}

.palette-settings-slider {
    height: 100%;
}

.palette-settings-slider.noUi-vertical .noUi-handle {
    height: 4px;
    top: -2px; /* width/2 */
}

.palette-settings-slider.noUi-vertical .noUi-handle:before,
.palette-settings-slider.noUi-vertical .noUi-handle:after {
    content: none;
}

.palette-settings-slider.noUi-vertical.noUi-target {
    padding: 0.5rem 0; /* padding of 2% from height of container: 25rem * 0.02 */
}

.palette-settings-slider.noUi-vertical .noUi-base:before,
.palette-settings-slider.noUi-vertical .noUi-base:after {
    width: 1px;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
}

.palette-settings-slider.noUi-vertical .noUi-base:before {
    left: -1px;
}

.palette-settings-slider.noUi-vertical .noUi-base:after {
    left: 100%;
}

.palette-settings-slider.noUi-vertical .noUi-tooltip {
    right: auto;
    left: calc(100% + 5px);
    padding: 0.25rem;
    cursor: pointer;
}

.color-controllers-container {
    display: flex;
}
.color-controllers-action-buttons-box-container {
    display: flex;
    justify-content: space-between;
    margin: 16px 0px 8px 0px;
    align-items: center;
}

.discrete .regular-ticks-btn {
    display: none;
}

.regular-ticks-btn > .panel-button-inner {
    background-color: #fff !important;
    border: 1px solid #004B8D;
}

.regular-ticks-btn > .panel-button-inner > .panel-button-text {
    color: #004B8D;
    width: 100%;
    padding: 4px;
}

/* Panel buttons */
.panel-button-container {
    margin: 10px 0;
}

.panel-button-container.small-buttons .panel-button-inner {
    height: 3rem;
}

.panel-button-outer {
    width: 100%;
    display: inline-block;
    padding: 5px;
    position: relative;
}

@media screen and (min-width: 1400px) {
    .panel-button-outer {
        width: 50%;
    }
    .actions-buttons {
        display: flex;
    }
    .color-controllers-action-buttons-box {
        display: flex;
        flex-direction: row;
    }
}

@media screen and (max-width: 1400px) {
    .color-controllers-action-buttons-box {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 1400px) {
    .actions-buttons {
        display: flex;
    }
}

/* TODO: make some sane single class for all of these: */
.full-width > .panel-button-outer,
.full-width.panel-button-outer {
    width: 100%;
}

/* TODO: make some sane single class for all of these: */
.plain-action .panel-button-outer {
    width: 100%;
}

/* TODO: make some sane single class for all of these: */
.plain-action .panel-button-inner {
    height: 3rem;
}

.small > .panel-button-inner {
    height: 3rem;
}

.panel-button-inner {
    display: block;
    cursor: pointer;
    padding: 5px;
    height: 6rem;
    text-align: center;
    /*text-transform: uppercase;*//*W.K.*/
    word-wrap: break-word;
    overflow: hidden;
    position: relative;
    transition: 0.2s;
}

.LightTheme
.panel-button-inner {
  background-color: #004b8d;
}
.DarkTheme
.panel-button-inner {
  background-color: #525252;
}

.LightTheme
.panel-button-inner:hover {
  background-color: #003767;
}
.DarkTheme
.panel-button-inner:hover {
  background-color: #626262; /* background-color: #373737;*/
}

.active > .panel-button-inner {
    background-color: #2c8ce1;
}

.active > .panel-button-inner:hover {
    background-color: #2067a5;
}

.panel-button-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    overflow: hidden;
    color: #ffffff;
}

.secondary .panel-button-text {
    color: #004b8d;
}

.LightTheme .secondary .panel-button-inner {
    color: #004b8d !important;
    background-color: #ffffff;
    border: 1px solid #004b8d;
}

.LightTheme .secondary .panel-button-inner:hover {
    color: #004b8d !important;
    background-color: #ffffff;
    border: 1px solid #004b8d;
}

/* AveragePressure Panel*/
.average-pressure-panel {
    margin-top: 0.5rem;
}

.average-pressure-panel .accordion-header-new {
    font-size: 1.25em;
}

.average-pressure-panel .accordion-header-new-items {
    margin: 0;
}

.pressure-analys-label {
    margin: 0.5rem 0.75rem 0.5rem 0;
    display: inline-block;
    width: 320px; /* 500px-160px  was:    width: 70%;*/
    height: 100%;
    vertical-align: top;
}

.pressure-analys-label-narrow {
    width: 35%;
    vertical-align: middle;
}

.param-table-row .label-element {
    margin: 0.5rem 0;
    display: inline-block;
    width: 70%;
    height: 100%;
    vertical-align: top;
}

.param-table-row .value-element {
    margin: 0.5rem 0;
    display: inline-block;
    width: 30%;
    height: 100%;
    vertical-align: top;
    text-align: right;
}

.pressure-analys-param {
    margin: 0.5rem 0;
    display: inline-block;
    width: 30%;
    height: 100%;
    vertical-align: top;
    text-align: right;
}

.custom-input {
	height: calc(1.875rem + 2px);
    width: 75px;
    margin: 0 5px 0 0;
}

.radio-input {
    margin: 0 5px 0 0;
}

/* ModelsBrowser Panel */
.models-browser-tree {
    padding: 0 10px 0 10px;
    overflow: auto;
    height: 100%;
}

.models-browser-tree > .accordion-header-new {
    font-size: 1.25em;
    background-color: #f2f2f2;
    color: #004b8d;
    line-height: 1.125;
}

.models-browser-tree > .section-content:not(.collapsed) {
    padding: 0 0 0.5rem 0.75rem;
}

.models-browser-folder,
.models-browser-file
{
    cursor: pointer;
    margin-top: 5px;
    /*padding-left: 25px;*/
}

.models-browser-folder:hover,
.models-browser-file:hover
{
    background-color: #f2f2f2;
}

.models-browser-file {
    cursor: pointer;
    margin-top: 5px;
    /*padding-left: 25px;*/
}

.models-browser-file.active {
    background-color: #959797;
}

.models-browser-folder > .models-browser-image,
.models-browser-file > .models-browser-image
{
    /* size is important for SVG images*/
    height: 18px;
    width: 18px;
}

/* SessionsBrowser Panel */
.sessions-browser-tree {
    padding: 10px 10px 0 10px;
    overflow: auto;
    height: 100%;
}

.sessions-browser-tree > .accordion-header-new {
    font-size: 1.25em;
    background-color: #f2f2f2;
    color: #004b8d;
    line-height: 1.125;
}

.sessions-browser-tree .session-selected {
  cursor: pointer;
  margin-top: 5px;
  /*padding-left: 25px;*/
}

.sessions-browser-tree .session-selected:hover {
  background-color: #f2f2f2;
}

/* Browser Panel */
.browse-panel .folderOpnDlg.folder-up {
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #959797;
}

.browse-panel .folderOpnDlg {
    cursor: pointer;
    margin-top: 5px;
    /*padding-left: 25px;*/
}

.browse-panel .folderOpnDlg.selected {
    background-color: #b5dcff;
}

.browse-panel .folderOpnDlg:hover {
    background-color: #f2f2f2;
}

.dlgModelInfoAdd {
  color: #959797;
}

.dlgModelInfoContent {
  color: #004b8d !important;
  font-size: 1.25em;
}

.param-table-div {
}

.param-table {
    /*width: 100%;*/
}

.param-table .hdrColumn {
    /*color: #3f4040;*/
    padding: 0.5rem 0.5rem 0.5rem 0;
}

.param-table .dataColumn {
    /*color: #3f4040;*/
    padding: 0.5rem;
    /*color: #004b8d;*/
    /*font-size: 0.9rem;*/
    /*text-align: left;*/
    height: calc(1.875rem + 2px);
}

.param-table .inputValue, .inputEditControl {
    margin: 0 5px 0 0;
    width: 75px;
    font-weight: bold;
	height: calc(1.875rem + 2px);
	text-align: left
}

.welltype-select-container {
    margin: 0 5px 0 0;
	text-align: right;
}

.welltypeSelect {
    width: 150px;
    vertical-align: middle;
}

.accordion-low-priority .accordion-header {
    margin: 5px 0;
    /*font-size: 18px;*/
}

.positioned-bottom {
    position: fixed;
    bottom: 30px;
    right: 0px;
}


.welllogview .title {
    border-bottom: solid 1px;
    border-right: solid 1px;
}
.welllogview .view {
    border-right: solid 1px;
}

.welllogview .error {
    visibility: hidden; /* ZLP to suppress JSON schema validation error in WellLogView */
    height: 0px; /* ZLP to suppress JSON schema validation error in WellLogView */
}
.welllogview .line-middle { /* in SVG! */
    visibility: hidden;
}
.welllogview .line-top, .welllogview .line-bottom { /* in SVG! */
    transform: scaleX(2) translateX(-25%);
}

.welllogview .overlay .depth {
    display: none !important; /* do not show anymore */
}

#wellDiag .welllogview .overlay .depth {
    display: none !important; /* do not show anymore */
}


.side-panel .row-name {
    min-width: 110px;
    max-width: 110px;
}

.side-panel .row-info {
    display: none !important;
}

.side-panel hr {
    display: none !important;
}

#wellDiagReadout .side-panel {
    font-size: 1rem;
    max-width: 100%;
}
#wellDiagReadout .scale {
    max-width: 355px;
    /*padding-left: 16px;*/
    /*margin-bottom: 15px;*/
}
#wellDiagReadout .scale-label {
    margin-right: auto;
    padding-top: 12px;
}
#wellDiagReadout .readout {
    max-width: 355px;
    /*margin-top: 10px;*/
    
    line-height: 1.5;
}
#wellDiagReadout .readout legend {
    font-size: 1rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    margin-bottom: -0.5rem;
    width: auto;
}
#wellDiagReadout .readout fieldset{
    padding: revert;
    margin: 0;
    /*border: solid 1px;*/
    border-top: solid 1px;
}

.creategrid3d-label {
    margin: 0.5rem 0.75rem 0.5rem 0;
    display: inline-block;
    width: 200px; 
    height: 100%;
    vertical-align: top;
}

.calculator-cmd, .chat-cmd, .chat-log {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
    width: 100%;
}

.calculator-run, .chat-run {
    width: 20px;
    min-width: 20px;
    height: 40px;
}

/*# sourceMappingURL=app_rvhome.css.map*/