@charset "UTF-8";
:root {
  --main_color: #f47721;
  --main_color_light: #ffa200;
  --main_color_dark: #de7704;
  --main_color_contrast_light: #0b88de;
  --main_color_contrast_dark: #1d398c;
  --main_color_contrast_ultra_dark: #28646a;
  --nav_background: #282630;
  --sidebar_background: #282630;
  --header_background: #282630;
  --bg1: #e9f0f099;
  --bg2: #dfe4e599;
  --bg3: #f0f4f4;
  --invalid: red;
  --valid: #d7fa96;
  --untouched: #fff;
  --midwhite: #fcfcfc;
  --darkwhite: #f0f0f0;
  --lightgrey: lightgray;
  --midgrey: grey;
  --grey: #545454;
  --darkgrey: #282630;
  --green: #20e620;
  --darkgreen: green;
  --blue: #0b88de;
  --darkblue: #1d398c;
  --red: #ff0202;
  --darkred: #a53f3f;
  --yellow: #f9ff00;
  --darkyellow: #d08d31;
}

/** mixin lib
 * mixins can be included to shorten scss
 * no need of prefixes like "-moz" or "-webkit"
 * examples over each mixin below show the usage in scss
 */
/* stylelint-disable */
/* stylelint-enable */
rf-dialog-about {
  padding: 20px;
}
rf-dialog-about rf-markdown {
  text-align: left;
  padding-left: 20px;
}
rf-dialog-about rf-markdown h1 {
  color: var(--main_color);
}
rf-dialog-about rf-markdown h2 {
  color: var(--midgrey);
}

rf-dialog-confirm button {
  width: 100%;
  height: 35px;
}
rf-dialog-confirm button:focus, rf-dialog-confirm button:hover {
  font-weight: bold;
  font-size: 17px;
}

rf-confirm .grey-layer {
  z-index: 9500 !important;
  position: fixed;
  z-index: 9100;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: grey;
  opacity: 0;
  opacity: 0.8;
}
rf-confirm .box {
  z-index: 9600 !important;
  min-height: 200px;
  height: auto !important;
  position: fixed;
  z-index: 9300;
  display: block;
  text-align: center;
  margin: 0 auto;
  box-shadow: none;
  top: 15vh;
  position: fixed;
  z-index: 9300;
  display: block;
  text-align: center;
  margin: 0 auto;
  box-shadow: none;
  top: 15vh;
}
@media (min-width: 100px) and (max-width: 991px) {
  rf-confirm .box {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}
@media (max-width: 991px) {
  rf-confirm .box {
    width: 90%;
    left: 5%;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  rf-confirm .box {
    width: 60%;
    left: 20%;
  }
}
@media (min-width: 1400px) {
  rf-confirm .box {
    width: 40%;
    left: 30%;
  }
}
rf-confirm .dialog-container {
  overflow-y: auto;
  width: 100%;
  margin: 0;
  padding-bottom: 30px;
  background: white;
  position: absolute;
  left: 0;
  right: 0;
  max-height: 80vh;
}
rf-confirm .header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: var(--midwhite);
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  color: var(--midgrey);
  font-weight: bold;
  font-size: 19px;
  line-height: 40px;
}
rf-confirm .header .actions {
  float: right;
}
rf-confirm .header .actions .rf-btn {
  line-height: 21px;
  font-size: 21px;
}

rf-dialog .rf-dialog .dialog-container {
  overflow-y: auto;
  width: 100%;
  margin: 0;
  padding-bottom: 30px;
  background: white;
  position: absolute;
  left: 0;
  right: 0;
  max-height: 80vh;
}
rf-dialog .rf-dialog .header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: var(--midwhite);
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  color: var(--midgrey);
  font-weight: bold;
  font-size: 19px;
  line-height: 40px;
}
rf-dialog .rf-dialog .header .actions {
  float: right;
}
rf-dialog .rf-dialog .header .actions .rf-btn {
  line-height: 21px;
  font-size: 21px;
}
rf-dialog .rf-dialog .grey-layer {
  position: fixed;
  z-index: 9100;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: grey;
  opacity: 0;
  opacity: 0.8;
}
rf-dialog .rf-dialog .dialog-child .box {
  z-index: 9500;
}
rf-dialog .rf-dialog .dialog-child .grey-layer {
  z-index: 9400;
}
rf-dialog .rf-dialog .box {
  position: fixed;
  z-index: 9300;
  display: block;
  text-align: center;
  margin: 0 auto;
  box-shadow: none;
  top: 15vh;
}
@media (min-width: 768px) and (max-width: 991px) {
  rf-dialog .rf-dialog .box.small {
    width: 60%;
    left: 20%;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  rf-dialog .rf-dialog .box.small {
    width: 40%;
    left: 30%;
  }
}
@media (min-width: 1400px) {
  rf-dialog .rf-dialog .box.small {
    width: 20%;
    left: 40%;
  }
}
@media (max-width: 991px) {
  rf-dialog .rf-dialog .box {
    width: 90%;
    left: 5%;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  rf-dialog .rf-dialog .box {
    width: 60%;
    left: 20%;
  }
}
@media (min-width: 1400px) {
  rf-dialog .rf-dialog .box {
    width: 40%;
    left: 30%;
  }
}
rf-dialog .rf-dialog .box.medium {
  width: 60%;
  left: 20%;
  top: 5vh;
}
rf-dialog .rf-dialog .box.medium .dialog-container {
  max-height: 90vh;
}
@media (max-width: 1399px) {
  rf-dialog .rf-dialog .box.medium {
    width: 90%;
    left: 5%;
  }
}
@media (min-width: 1400px) {
  rf-dialog .rf-dialog .box.medium {
    width: 60%;
    left: 20%;
  }
}
rf-dialog .rf-dialog .box.large {
  width: 90%;
  left: 5%;
  top: 3vh;
}
rf-dialog .rf-dialog .box.large .dialog-container {
  max-height: 90vh;
}
rf-dialog .rf-dialog .box.max {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
rf-dialog .rf-dialog .box.max dialog-body {
  background: white;
  bottom: 0;
  position: fixed;
  top: 34px;
  left: 0;
  padding: 10px;
}
rf-dialog .rf-dialog .box.max.header-hidden dialog-body {
  top: 0;
  padding: 0;
}
rf-dialog .rf-dialog .box.maxheader {
  top: 0;
  bottom: 0;
}
rf-dialog .no-header .header {
  display: none;
}
rf-dialog .no-header .dialog-container {
  border-radius: 10px;
  padding-bottom: 0;
}
@media (min-width: 100px) and (max-width: 768px) {
  rf-dialog .rf-dialog .active .box {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  rf-dialog .rf-dialog .active .box.small, rf-dialog .rf-dialog .active .box.medium, rf-dialog .rf-dialog .active .box.large {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}
rf-dialog .dialog-left-container {
  height: 100%;
  margin-top: 5px;
  padding-left: 30px;
}
rf-dialog .dialog-left-container.scroll {
  overflow-y: auto;
}
rf-dialog .dialog-right-col {
  border-left: 2px solid gray;
  height: 100%;
}
rf-dialog .dialog-right-col .upper-container {
  position: absolute;
  top: 0;
  bottom: 70px;
  overflow-y: auto;
  padding-right: 15px;
  right: 15px;
  left: 15px;
}
rf-dialog .dialog-right-col .lower-container {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 25px;
  height: 60px;
  padding-top: 5px;
  border-top: 1px solid var(--midgrey);
}
rf-dialog .dialog-right-col .lower-container .rf-btn {
  width: 100%;
}

rf-action-select {
  display: block;
  --height: 30px;
  font-size: 12px;
}
rf-action-select.dark .select-row {
  background: var(--main_color_contrast_ultra_dark);
  color: white;
}
rf-action-select.dark .select-row:hover {
  color: var(--main_color);
}
rf-action-select.dark .select-row.first {
  border-color: var(--main_color_contrast_ultra_dark);
}
rf-action-select.dark .select-btn {
  background: white;
  color: var(--main_color);
}
rf-action-select.inverted .select-row {
  background: var(--main_color);
  color: white;
}
rf-action-select.inverted .select-row:hover {
  color: var(--main_color);
}
rf-action-select.inverted .select-btn {
  background: white;
  color: var(--main_color);
}
rf-action-select.minimum-btn .select-row {
  min-height: 20px;
  padding: 1px 5px;
}
rf-action-select.small-btn .select-row {
  min-height: 20px;
  padding: 1px 5px;
}
rf-action-select.round-btn .select-row {
  min-height: 24px;
  padding: 2px 5px;
}
rf-action-select.round-btn .select-row.first {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-color: var(--lightgrey);
}
rf-action-select.round-btn .select-row.first.full {
  border-radius: 10px;
}
rf-action-select.round-btn .select-btn {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-color: var(--lightgrey);
}
rf-action-select.round-btn .lower-select-container {
  width: max-content;
  min-width: min-content;
}
@media (max-width: 768px) {
  rf-action-select.round-btn .lower-select-container {
    top: 0;
  }
}
rf-action-select .action-select-xs-handler.rf-btn.rf-btn-inverted {
  margin: 0;
}
rf-action-select .select-container.hidden {
  display: none;
}
rf-action-select .upper-select-container {
  width: 100%;
  position: relative;
  min-height: var(--height);
  min-width: 50px;
}
rf-action-select .select-row {
  min-height: 20px;
  padding: 5px 5px;
  background: white;
  color: var(--main_color);
  float: right;
  border-radius: 0;
}
rf-action-select .select-row:hover {
  background: var(--darkwhite);
}
rf-action-select .select-row.first {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid var(--main_color);
  display: flex;
  justify-content: start;
  align-items: center;
  position: absolute;
  top: 0;
  left: var(--height);
  right: 0;
  bottom: 0;
  font-size: 100%;
  min-width: max-content;
}
rf-action-select .select-row.first.full {
  border-radius: 5px;
  left: 0;
}
rf-action-select .select-btn {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: var(--height);
  height: 100%;
  margin: 0 0 0 0;
  float: left;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  color: var(--main_color);
  border: 1px solid var(--main_color);
}
rf-action-select .select-btn:hover {
  margin: 0 0 0 0 !important;
  border-color: var(--main_color) !important;
}
rf-action-select .select-btn .rf-bars {
  font-size: 65%;
}
rf-action-select .lower-select-container {
  width: 100%;
  z-index: 99;
  position: absolute;
  right: 0;
  top: var(--height);
  overflow: auto;
  background: white;
  border-radius: 10px;
  border: 1px solid var(--midgrey);
}
rf-action-select .lower-select-container.inverted {
  top: auto;
  bottom: 28px;
}
rf-action-select .lower-select-container .inner-select-container {
  width: 100%;
}
rf-action-select .lower-select-container .bold {
  font-weight: bold;
}
rf-action-select .lower-select-row {
  width: 100%;
  min-height: 20px;
  padding: 5px 15px;
  color: var(--grey);
  float: left;
  cursor: pointer;
}
rf-action-select .lower-select-row:hover {
  background: var(--darkwhite);
  color: var(--main_color);
}
rf-action-select .lower-select-row-icons {
  width: 100%;
  min-height: 20px;
  padding: 10px;
  float: left;
  border-bottom: 1px solid var(--lightgrey);
}
rf-action-select .lower-select-row-icons .rf-btn {
  font-size: 150%;
  width: min-content;
  float: left;
  margin: 0;
}
rf-action-select .lower-select-row-icons .rf-btn:hover {
  margin: 0;
}
rf-action-select .lower-select-row-icons .right {
  float: right;
}
rf-action-select .disabled {
  color: var(--lightgrey);
  cursor: default;
}
rf-action-select .disabled:hover {
  background: white;
}

rf-overlay {
  /* .small .box{ } this is the default */
}
rf-overlay .box {
  position: fixed;
  z-index: 9300;
  width: 40%;
  top: 0;
  display: block;
  text-align: center;
  background: white;
  margin: 0 auto;
  left: 35%;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  padding: 5%;
}
rf-overlay .box.big {
  width: 80%;
  left: 10%;
}
rf-overlay .box.middle {
  width: 60%;
  left: 20%;
}
rf-overlay .box .message {
  font-size: 200%;
}
rf-overlay .grey-layer {
  position: fixed;
  z-index: 9100;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: var(--midgrey);
  opacity: 0;
  transition: all 0.15s ease-in-out;
}
rf-overlay .active .box {
  transition: all 0.15s ease-in-out;
  opacity: 1;
  top: 15%;
}
rf-overlay .active .grey-layer {
  transition: all 0.15s ease-in-out;
  opacity: 0.8;
}

rf-policy-link .privacy-info {
  position: fixed;
  width: 100%;
  color: grey;
  bottom: 35px;
}
rf-policy-link .privacy-info i {
  position: absolute;
  left: 7px;
  top: 1.5px;
  font-size: 10px;
}
rf-policy-link .privacy-info a {
  color: grey;
  position: absolute;
  left: 20px;
  top: 0;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  cursor: pointer;
}

rf-upload-zone {
  display: block;
  position: relative;
  width: 100%;
}
rf-upload-zone input.hidden {
  display: none;
}
rf-upload-zone .hidden-drop-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999999999;
  background: var(--lightgrey);
  opacity: 0.4;
  display: none;
}
rf-upload-zone.default-style {
  border: dashed 2px var(--grey);
  border-radius: 15px;
}
rf-upload-zone.default-style .files-select {
  color: var(--main_color);
  cursor: pointer;
}

rf-login-menu {
  display: block;
  position: relative;
}
rf-login-menu .login-menu-top {
  float: right;
  background: #fff;
  height: 40px;
  display: block;
  color: var(--main_color_light);
  height: 40px;
  line-height: 40px;
}
rf-login-menu .fa.fa-power-off.switch-icon:hover {
  color: var(--main_color);
}
rf-login-menu .dropdown p {
  padding-left: 12.5px;
  padding-right: 12.5px;
  margin: 0;
}
rf-login-menu .dropdown:hover .dropdown-menu, rf-login-menu .dropdown:hover .login-menu-menu {
  display: block;
  left: auto;
  right: 0;
  top: 95%;
  margin-top: 2px;
}
rf-login-menu .dropdown:hover .dropdown-menu > li:hover, rf-login-menu .dropdown:hover .login-menu-menu > li:hover {
  background: #fff;
}
rf-login-menu .dropdown:hover .dropdown-menu > li:hover > a, rf-login-menu .dropdown:hover .login-menu-menu > li:hover > a {
  background: lightgrey;
}
rf-login-menu .dropdown:hover .dropdown-menu > li:hover > a.user-data, rf-login-menu .dropdown:hover .login-menu-menu > li:hover > a.user-data {
  background: #fff;
}
rf-login-menu .login-menu-menu {
  position: absolute;
  right: 0px;
  top: 34px;
  border: 1px solid gray;
  padding: 0;
  display: none;
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 0 !important;
}
rf-login-menu .login-menu-menu > li {
  background: #fff;
  border-bottom: 1px solid #ccc;
}
rf-login-menu .login-menu-menu > li .user_data {
  color: grey;
}
rf-login-menu .login-menu-menu li {
  list-style: none;
  font-size: 14px;
  min-width: 200px;
  background: white;
  line-height: 35px;
  position: relative;
  border-bottom: 1px solid lightgray;
}
rf-login-menu .login-menu-menu li a {
  color: black;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 35px;
}
rf-login-menu .login-menu-menu li:hover {
  background: grey;
}
rf-login-menu .login-menu-menu li .fa {
  line-height: 24px;
  position: absolute;
  font-size: 18px;
  float: none;
  left: 5px;
  width: 24px;
  text-align: center;
  color: black;
  padding: 6px 0;
  margin: 0;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert p,
.alert ul {
  margin-bottom: 0;
}

.alert p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row::after,
.row::before {
  content: " ";
  display: table;
}

.row::after {
  clear: both;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1400px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .hidden-lg {
    display: none !important;
  }
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav::after,
.nav::before {
  content: " ";
  display: table;
}

.nav::after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.rf-btn, .rf-btn.rf-btn-inverted,
.rf-btn:hover {
  color: #fff;
  border: none;
  background: var(--main_color);
  padding: 5px;
  border-color: #fff;
  margin: 5px 0;
  cursor: pointer;
  user-select: none;
  user-select: none;
  text-align: center;
}
.rf-btn:hover {
  background: #fff;
}
.rf-btn.rf-btn-border {
  border-width: 1px;
  border-style: solid;
}
.rf-btn.rf-btn-green {
  color: #fff;
  background: var(--green);
  border-color: #fff;
}
.rf-btn.rf-btn-red {
  color: #fff;
  background: var(--darkred);
  border-color: #fff;
}
.rf-btn.rf-btn-grey {
  background: var(--lightgrey);
}
.rf-btn.rf-btn-disabled {
  color: white;
  background: var(--lightgrey);
  border-color: var(--grey);
  cursor: not-allowed;
}
.rf-btn.rf-btn-transparent {
  background: none;
}
.rf-btn.rf-btn-icon {
  text-align: left;
}
.rf-btn.rf-btn-icon > * {
  margin: 3px;
  float: right;
}

.rf-btn.rf-btn-inverted {
  background: none;
}

.rf-btn.rf-btn-inverted,
.rf-btn:hover {
  color: var(--main_color);
  border-color: var(--main_color);
  margin: 5px 0;
}
.rf-btn.rf-btn-inverted.rf-btn-green,
.rf-btn:hover.rf-btn-green {
  color: var(--darkgreen);
  background: #fff;
  border-color: var(--darkgreen);
}
.rf-btn.rf-btn-inverted.rf-btn-red,
.rf-btn:hover.rf-btn-red {
  color: var(--darkred);
  background: #fff;
  border-color: var(--darkred);
}
.rf-btn.rf-btn-inverted.rf-btn-grey,
.rf-btn:hover.rf-btn-grey {
  color: var(--grey);
  background: #fff;
}
.rf-btn.rf-btn-inverted.rf-btn-disabled,
.rf-btn:hover.rf-btn-disabled {
  color: white;
  background: var(--lightgrey);
  border-color: var(--grey);
}
.rf-btn.rf-btn-inverted.rf-btn-background,
.rf-btn:hover.rf-btn-background {
  background: #fff;
}

.rf-btn.rf-btn-inverted:hover {
  opacity: 0.65;
}

.rf-btn-round {
  border-radius: 20px;
}

.validate input.rf-form.ng-invalid,
.validate select.rf-form.ng-invalid,
.validate textarea.rf-form.ng-invalid {
  border: 1px solid var(--red);
  box-shadow: 0 0 10px 0 var(--red);
}

input:active.rf-form,
input:focus.rf-form,
input:hover.rf-form {
  outline: none;
}

textarea.rf-form {
  min-width: 100%;
  max-width: 100%;
}

input.rf-form,
select.rf-form,
textarea.rf-form {
  width: 100%;
  border: 1px solid var(--darkwhite);
  background: #fff;
  padding: 5px;
  margin: 4px 0;
}

rf-dialog-edit-account {
  display: block;
  text-align: left;
}

rf-dialog-edit-address {
  text-align: left;
}
rf-dialog-edit-address h2 {
  font-size: 20px;
  color: var(--grey);
  margin-top: 0;
  line-height: 34px;
}
rf-dialog-edit-address h2 .rf-btn, rf-dialog-edit-address h2 .rf-btn.rf-btn-inverted,
rf-dialog-edit-address h2 .rf-btn:hover {
  float: right;
  height: 28px;
  width: 28px;
  line-height: 0;
  margin-top: 3px;
}
rf-dialog-edit-address .active-address {
  margin-bottom: 40px;
}
rf-dialog-edit-address .rf-btn-background {
  text-align: center;
}

rf-dialog-edit-article {
  text-align: left;
}

rf-dialog-edit-bank-account {
  position: relative;
  text-align: left;
}
rf-dialog-edit-bank-account h2 {
  font-size: 20px;
  color: var(--grey);
  margin-top: 0;
  line-height: 34px;
}
rf-dialog-edit-bank-account h2 .rf-btn, rf-dialog-edit-bank-account h2 .rf-btn.rf-btn-inverted,
rf-dialog-edit-bank-account h2 .rf-btn:hover {
  float: right;
  height: 28px;
  width: 28px;
  line-height: 0;
  margin-top: 3px;
}
rf-dialog-edit-bank-account .body {
  margin-bottom: 40px;
}
rf-dialog-edit-bank-account .bank-account .bank-details:hover {
  color: var(--main_color);
}
rf-dialog-edit-bank-account .rf-edit {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 35px;
}

rf-dialog-edit-category {
  text-align: left;
}
rf-dialog-edit-category h3 {
  margin: 0;
  font-weight: bold;
}
rf-dialog-edit-category .tag-preview rf-tag {
  margin: 0;
}
rf-dialog-edit-category .archived {
  color: var(--grey) !important;
}
rf-dialog-edit-category .languages {
  display: flex;
  align-items: center;
}
rf-dialog-edit-category .lang-tag {
  background: var(--lightgrey);
  border-radius: 10px;
  padding: 2px 10px;
  width: 300px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
rf-dialog-edit-category .lang-tag input,
rf-dialog-edit-category .lang-tag textarea {
  background: var(--darkwhite);
  border: none;
}
rf-dialog-edit-category .lang-tag.add-btn {
  background: var(--main_color);
  width: 200px;
}
rf-dialog-edit-category .lang-tag textarea {
  height: 30px;
}
rf-dialog-edit-category h3 {
  font-size: 22px;
}
rf-dialog-edit-category rf-hashtag input,
rf-dialog-edit-category rf-hashtag .tag-box,
rf-dialog-edit-category rf-hashtag .rf-btn,
rf-dialog-edit-category rf-hashtag .rf-btn.rf-btn-inverted,
rf-dialog-edit-category rf-hashtag .rf-btn:hover {
  float: left;
}
rf-dialog-edit-category .tag-box {
  cursor: default;
  width: max-content;
}
rf-dialog-edit-category .form-row {
  padding-bottom: 10px;
  padding-top: 10px;
}
rf-dialog-edit-category .form-row.grey {
  background: var(--darkwhite);
}
rf-dialog-edit-category .color-input, rf-dialog-edit-category .color-group {
  width: calc(50% - 30px);
  display: block;
  float: left;
  margin: 0 15px;
}
rf-dialog-edit-category .color-input div {
  padding: 0;
}
rf-dialog-edit-category rf-icon-select {
  margin-top: 25px;
}
rf-dialog-edit-category rf-search-field {
  margin-top: 5px;
}
rf-dialog-edit-category .show-icon-dropdown {
  display: none;
}
rf-dialog-edit-category .icon-dropdown-select i {
  cursor: pointer;
}

rf-dialog-edit-cronjob {
  display: block;
  text-align: left;
}
rf-dialog-edit-cronjob .rf-btn, rf-dialog-edit-cronjob .rf-btn.rf-btn-inverted,
rf-dialog-edit-cronjob .rf-btn:hover {
  font-size: 12px;
}

rf-dialog-date-time .actions .rf-btn {
  width: 100%;
}

rf-dialog-delivery-date h3, rf-dialog-delivery-date h4 {
  text-align: left;
}
rf-dialog-delivery-date .head .fa {
  color: var(--main_color);
}
rf-dialog-edit-destination {
  text-align: left;
}
rf-dialog-edit-destination .click {
  cursor: pointer;
}
rf-dialog-edit-destination .rf-btn-inverted {
  position: absolute;
  right: 0;
}
rf-dialog-edit-destination .bottom-container button {
  width: 100%;
}

rf-dialog-discount {
  display: block;
  text-align: left;
}
rf-dialog-discount .discount-inputs input {
  width: 65%;
}
rf-dialog-discount .selected-discount {
  text-align: center;
  font-size: 20px;
}

rf-dialog-edit-formula {
  display: block;
  text-align: left;
}
rf-dialog-edit-formula .fomula-header {
  background: var(--lightgrey);
}
rf-dialog-edit-formula .fomula-header .rf-btn:hover {
  margin: 0;
}
rf-dialog-edit-formula .fomula-header label {
  margin-left: 3px;
  margin-top: 5px;
}
rf-dialog-edit-formula .formula-row select,
rf-dialog-edit-formula .formula-row input,
rf-dialog-edit-formula .formula-row textarea,
rf-dialog-edit-formula .formula-row .rf-btn {
  height: 64px;
}
rf-dialog-edit-formula .unit {
  height: 64px;
  border: 1px solid var(--lightgrey);
  margin: 4px 0;
}
rf-dialog-edit-formula .alert {
  padding: 3px 20px;
}
rf-dialog-edit-formula .alert span {
  padding-top: 10px;
  display: inline-block;
}
rf-dialog-edit-formula .sample-formula {
  border: 1px solid var(--lightgrey);
}
rf-dialog-edit-formula .sample-formula span {
  padding: 5px 10px;
  display: block;
}

rf-dialog-merge-workpackages .select-capacity {
  font-weight: normal;
  cursor: pointer;
}
rf-dialog-merge-workpackages .following-tasks {
  background-color: var(--darkwhite);
}
rf-dialog-merge-workpackages th {
  font-weight: bold;
}
rf-dialog-merge-workpackages rf-xy-diagram svg {
  max-height: 200px;
  width: 100%;
}
rf-dialog-merge-workpackages .invalid {
  color: var(--red);
  font-weight: bold;
}
rf-dialog-merge-workpackages rf-date-time {
  vertical-align: middle;
}

rf-dialog-new-account {
  height: 100%;
  display: block;
}

rf-dialog-edit-news {
  text-align: left;
}
rf-dialog-edit-news h2 {
  font-size: 20px;
  color: var(--grey);
  margin-top: 0;
  line-height: 34px;
}
rf-dialog-edit-news h2 .rf-btn, rf-dialog-edit-news h2 .rf-btn.rf-btn-inverted,
rf-dialog-edit-news h2 .rf-btn:hover {
  float: right;
  height: 28px;
  width: 28px;
  line-height: 0;
  margin-top: 3px;
}
rf-dialog-edit-news .news-body-editor {
  margin-bottom: 40px;
}
rf-dialog-edit-news .rf-btn-background {
  text-align: center;
}
rf-dialog-edit-news textarea {
  min-height: 300px;
}

rf-dialog-edit-parcel {
  text-align: left;
  color: var(--midgrey);
}
rf-dialog-edit-parcel h2 {
  color: var(--midgrey);
  font-size: 25px;
}
rf-dialog-edit-parcel h4 {
  font-weight: bold;
}
rf-dialog-edit-parcel label {
  font-weight: normal;
  width: 50%;
  color: black;
}
rf-dialog-edit-parcel span {
  width: 50%;
}
rf-dialog-edit-parcel .left-container {
  max-height: 90vh;
  height: 90vh;
  padding-right: 0;
}
rf-dialog-edit-parcel .left-container .left-upper-container {
  overflow-y: auto;
  height: calc(100% - 60px);
  padding-right: 15px;
}
rf-dialog-edit-parcel .left-container .left-bottom-options {
  background-color: white;
  position: absolute;
  height: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
}
rf-dialog-edit-parcel .left-container .filter-select {
  position: relative;
}
rf-dialog-edit-parcel .left-container .filter-select::before {
  z-index: 1;
  display: block;
  content: "\f0d7";
  font-family: FontAwesome;
  position: absolute;
  pointer-events: none;
  color: var(--untouched);
  right: 1px;
  top: 1px;
  background: var(--main_color);
  height: 40px;
  width: 30px;
  padding: 10px 6px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
rf-dialog-edit-parcel .left-container .filter-select select {
  background: var(--untouched);
  border-radius: 30px;
  appearance: none;
  padding: 0 12px;
  height: 42px;
  width: 100%;
  outline: none;
  border: 1px solid var(--lightgrey);
  cursor: pointer;
}
rf-dialog-edit-parcel .left-container .search-params {
  padding: 5px 15px;
  float: left;
  border-radius: 20px;
  font-weight: bold;
  cursor: pointer;
  background: var(--main_color);
  color: white;
  display: flex;
  align-items: end;
}
rf-dialog-edit-parcel .left-container .search-params i {
  font-size: 22px;
  margin-left: 10px;
}
rf-dialog-edit-parcel .left-container .positions table thead td {
  font: 90%;
}
rf-dialog-edit-parcel .left-container .positions table td {
  padding: 5px;
  border-bottom: 1px solid var(--lightgrey);
}
rf-dialog-edit-parcel .left-container rf-search-item input {
  display: none;
}
rf-dialog-edit-parcel .left-container rf-search-item .search-items {
  height: calc(90vh - 250px);
}
rf-dialog-edit-parcel .right-sidebar-container {
  background: var(--bg3);
  color: var(--midgrey);
}
rf-dialog-edit-parcel .right-sidebar-container p {
  color: var(--red);
}
rf-dialog-edit-parcel .right-sidebar-container textarea {
  min-height: 85px;
  margin: 0;
}
rf-dialog-edit-parcel .right-sidebar-container .parcel-header {
  padding-bottom: 5px;
  border-bottom: 1px solid #bdc9cc;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
rf-dialog-edit-parcel .right-sidebar-container .positions-fixed-height {
  height: calc(90vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
}
rf-dialog-edit-parcel .right-sidebar-container .position {
  margin-left: 15px;
  font-size: 90%;
  min-height: 120px;
  width: 100%;
  border-bottom: 8px solid var(--bg3);
  padding: 7px;
  background: white;
}
rf-dialog-edit-parcel .right-sidebar-container .icon-container i {
  cursor: pointer;
  font-size: 16px;
  margin: 7px 0;
}
rf-dialog-edit-parcel .right-sidebar-container .icon-container i:hover {
  color: var(--main_color);
}
rf-dialog-edit-parcel .right-sidebar-container .parcel-dimension-inputs {
  padding-top: 26px;
}
rf-dialog-edit-parcel .right-sidebar-container .parcel-dimension-inputs input {
  width: 50px;
}
rf-dialog-edit-parcel .right-sidebar-container .parcel-footer {
  padding-top: 10px;
  border-top: 1px solid #bdc9cc;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

rf-dialog-edit-pipeline {
  text-align: left;
}
rf-dialog-edit-pipeline h3 {
  margin: 7px 0 0;
}
rf-dialog-edit-pipeline .templates .pipe {
  padding: 7px 0 2px;
  border-top: 1px solid var(--midgrey);
}
rf-dialog-edit-pipeline .templates .pipe:hover {
  cursor: pointer;
  opacity: 0.7;
}
rf-dialog-edit-pipeline .templates .pipe.active {
  background: var(--lightgrey);
}
rf-dialog-edit-pipeline .step-container {
  border: 1px solid var(--lightgrey);
  padding: 10px;
  overflow: auto;
}
rf-dialog-edit-pipeline .check-container input,
rf-dialog-edit-pipeline .check-container label {
  width: calc(100% - 30px);
  float: left;
}
rf-dialog-edit-pipeline .check-container .rf-btn {
  width: 30px;
  float: left;
}
rf-dialog-edit-pipeline .check-container label {
  background: var(--midgrey);
  padding: 5px 8px;
  margin: 5px 0;
  color: white;
}
rf-dialog-edit-pipeline .tag-box {
  border-color: var(--main_color);
  color: var(--main_color);
  padding: 2px 10px;
  border-radius: 15px;
}

rf-dialog-edit-prices {
  text-align: left;
}

rf-dialog-edit-request .price-display {
  display: flex;
  align-content: center;
  flex-direction: row;
  align-items: baseline;
  float: right;
  justify-content: flex-end;
}

rf-dialog-select-offer-positions .main-table {
  overflow-x: auto;
  height: calc(100% - 60px);
}
rf-dialog-select-offer-positions .search-options {
  background-color: #e6eef1;
  height: 60px;
}
rf-dialog-select-offer-positions .search-options tr td {
  width: 100px;
  border: none;
}
rf-dialog-select-offer-positions .search-options .offer-header {
  font-weight: bold;
  font-size: 17px;
  text-align: left;
  padding-left: 10px;
}
rf-dialog-select-offer-positions .search-options .checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 150px;
}
rf-dialog-select-offer-positions .search-options .checkbox-container label {
  font-weight: normal;
  margin-left: 10px;
  margin-bottom: 0px;
}
rf-dialog-select-offer-positions .search-options .search-container {
  width: 300px;
}
rf-dialog-select-offer-positions .search-options .filter-container {
  padding-left: 10px;
}
rf-dialog-select-offer-positions .overflow-table {
  width: 100vw;
  overflow-x: auto;
}
rf-dialog-select-offer-positions thead tr th {
  text-align: left;
  border-right: 1px solid;
  border-color: #d1d9dc;
  font-weight: normal;
}
rf-dialog-select-offer-positions tbody tr td {
  text-align: left;
  border-right: 1px solid;
  border-color: #d1d9dc;
}
rf-dialog-select-offer-positions .head-col {
  width: 50%;
  float: left;
}
rf-dialog-select-offer-positions .head-col-right {
  text-align: right;
  padding-right: 5px;
}
rf-dialog-select-offer-positions .first-col {
  width: 250px;
}
rf-dialog-select-offer-positions .supplier-col {
  width: 120px;
  padding: 5px;
}
rf-dialog-select-offer-positions .calc-col {
  width: 80px;
  padding: 5px;
}
rf-dialog-select-offer-positions .calc-header {
  font-size: 15px;
  font-weight: bold;
}
rf-dialog-select-offer-positions .check-icon {
  font-size: 20px;
  margin-left: 10px;
  cursor: pointer;
}
rf-dialog-select-offer-positions .check-icon-orange {
  color: var(--main_color);
}
rf-dialog-select-offer-positions .check-icon-grey {
  color: var(--grey);
}
rf-dialog-select-offer-positions .col {
  float: left;
}
rf-dialog-select-offer-positions .drawing-col {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 5px;
}
rf-dialog-select-offer-positions .text-right {
  text-align: right;
}
rf-dialog-select-offer-positions .top-table {
  border-bottom: 1px solid;
  border-color: #d1d9dc;
}
rf-dialog-select-offer-positions .bold {
  font-weight: bold;
}
rf-dialog-select-offer-positions .footer-options {
  background-color: #e6eef1;
  height: 60px;
}
rf-dialog-select-offer-positions .footer-options table {
  height: 100%;
}
rf-dialog-select-offer-positions .footer-options table tbody tr td {
  width: 20%;
  border: none;
  padding: 0px 10px;
}
rf-dialog-select-offer-positions .footer-options table tbody tr td button {
  width: 100%;
}
rf-dialog-select-offer-positions .footer-options table tbody tr td label {
  font-weight: normal;
}
rf-dialog-select-offer-positions .footer-options table tbody tr td .infolabel {
  font-size: 12px;
  color: grey;
}

rf-dialog-edit-serial-number {
  text-align: left;
}

rf-dialog-edit-size {
  display: block;
  text-align: left;
}
rf-dialog-edit-size a {
  cursor: pointer;
}
rf-dialog-edit-size i.fa-question {
  cursor: help;
  background: var(--main_color);
  color: white;
  width: 19px;
  height: 19px;
  text-align: center;
  border-radius: 14px;
  line-height: 20px;
  font-size: 19px;
  margin-left: 10px;
}
rf-dialog-edit-size table {
  width: 100%;
}
rf-dialog-edit-size table td {
  padding: 0;
}
rf-dialog-edit-size table .rf-form {
  margin: 0;
  height: 25px;
  border: 1px solid var(--darkwhite);
  background: none;
}
rf-dialog-edit-size table .rf-form:hover, rf-dialog-edit-size table .rf-form:active, rf-dialog-edit-size table .rf-form:focus {
  border: 1px solid var(--midgrey);
}
rf-dialog-edit-size table .rf-btn, rf-dialog-edit-size table .rf-btn.rf-btn-inverted,
rf-dialog-edit-size table .rf-btn:hover {
  height: 25px;
  float: right;
  margin: 0;
}
rf-dialog-edit-size .w20 {
  text-align: right;
  padding-right: 20px;
}
rf-dialog-edit-size .error {
  border-color: var(--red) !important;
}

rf-dialog-edit-stock-quantity {
  text-align: left;
}
rf-dialog-edit-stock-quantity .rf-edit-select-label label {
  color: var(--midgrey);
  margin-top: 0;
}
rf-dialog-edit-stock-quantity .rf-edit-select-label button {
  right: 21px;
}
rf-dialog-edit-stock-quantity .click {
  cursor: pointer;
}
rf-dialog-edit-stock-quantity .rf-btn-inverted {
  position: absolute;
  right: -10px;
}
rf-dialog-edit-stock-quantity .bottom-container button {
  width: 100%;
}
rf-dialog-edit-stock-quantity rf-article-size-input {
  display: inline-block;
  width: 60%;
}
rf-dialog-edit-stock-quantity rf-article-size-input .dropdown {
  position: fixed;
  right: unset;
}

rf-dialog-edit-task {
  text-align: left;
}

rf-dialog-edit-time-tracking-quantity .left {
  float: left;
}
rf-dialog-edit-time-tracking-quantity .header {
  margin-bottom: 10px;
  font-weight: bold;
}

rf-dialog-edit-user {
  text-align: left;
}
rf-dialog-edit-user label {
  font-weight: normal;
  line-height: 17px;
  color: var(--midgrey);
}
rf-dialog-edit-user h2 {
  font-size: 20px;
  color: var(--grey);
  margin-top: 0;
  line-height: 34px;
}
rf-dialog-edit-user h2 .rf-btn, rf-dialog-edit-user h2 .rf-btn.rf-btn-inverted,
rf-dialog-edit-user h2 .rf-btn:hover {
  float: right;
  height: 28px;
  width: 28px;
  line-height: 0;
  margin-top: 3px;
}
rf-dialog-edit-user .active-address {
  margin-bottom: 40px;
}
rf-dialog-edit-user .rf-btn-background {
  text-align: center;
}
rf-dialog-edit-user .toggle-send-activation-mail {
  cursor: pointer;
}

rf-dialog-edit-work-plan-tasks {
  text-align: left;
}
rf-dialog-edit-work-plan-tasks .info {
  border-bottom: 1px solid var(--lightgrey);
}
rf-dialog-edit-work-plan-tasks .space {
  padding: 5px 0;
}
rf-dialog-edit-work-plan-tasks .number {
  text-align: center;
  background: var(--lightgrey);
  color: white;
  font-weight: bold;
  font-size: 22px;
  padding: 5px 2px;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-left: 20px;
  margin-top: 9px;
}
rf-dialog-edit-work-plan-tasks .done {
  background: var(--green);
}
rf-dialog-edit-work-plan-tasks .active {
  background: var(--yellow);
  color: var(--lightgrey);
}
rf-dialog-edit-work-plan-tasks a {
  cursor: pointer;
}

rf-dialog-account-import .customer-message {
  width: 95%;
  margin-left: 5%;
}
rf-dialog-account-import .customer-message label {
  padding-top: 22px;
}
rf-dialog-account-import .customer-message textarea {
  height: 380px;
  box-shadow: none;
  border: 1px solid var(--lightgrey);
  padding: 10px;
}

rf-dialog-active-work-package {
  text-align: left;
}

rf-dialog-annotate-document {
  display: block;
}
rf-dialog-annotate-document .annotate-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
}
rf-dialog-annotate-document .annotate-header .logo {
  background: var(--nav_background);
  width: 100%;
  height: 50px;
  margin-left: -15px;
}
rf-dialog-annotate-document .annotate-header .logo::after {
  width: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-left: 30px solid var(--nav_background);
  border-bottom: 50px solid transparent;
  margin-right: 0;
  z-index: -2;
}
rf-dialog-annotate-document .annotate-header .logo img {
  display: block;
  margin: 0 auto;
  padding-top: 13px;
}
rf-dialog-annotate-document .inner-container {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
}
rf-dialog-annotate-document .col-helper {
  float: left;
  height: 100%;
  overflow-y: auto;
}
rf-dialog-annotate-document .left-col {
  width: calc(100% - 400px);
}
rf-dialog-annotate-document .right-col {
  width: 400px;
}
rf-dialog-annotate-document .header-icon {
  float: right;
  font-size: 2em;
  margin: 7px 14px 0 7px;
  color: var(--main_color);
}
rf-dialog-annotate-document .header-icon:hover {
  color: var(--yellow);
}

annotatec-tab-pdf-edit {
  display: block;
  width: 100%;
  height: 100%;
}
annotatec-tab-pdf-edit .stage {
  height: 100%;
}

rf-dialog-book-stock-quantity .top-distance {
  margin-top: 1vh;
}
rf-dialog-book-stock-quantity .article-list {
  overflow-y: auto;
  height: 33vh;
}
rf-dialog-book-stock-quantity .article-header {
  font-size: large;
}
rf-dialog-book-stock-quantity .rows {
  cursor: pointer;
}
rf-dialog-book-stock-quantity .rows:nth-child(even) {
  background: var(--bg1);
}
rf-dialog-book-stock-quantity .quantity-active {
  background-color: var(--main_color_light);
}
rf-dialog-book-stock-quantity .col-xs-8.pointer {
  cursor: pointer;
}
rf-dialog-book-stock-quantity .rf-label.left {
  text-align: left;
}
rf-dialog-book-stock-quantity .textleft {
  text-align: left;
}
rf-dialog-book-stock-quantity .textright {
  text-align: right;
}
rf-dialog-book-stock-quantity .textcenter {
  text-align: center;
}
rf-dialog-book-stock-quantity .hidden {
  visibility: hidden;
}
rf-dialog-book-stock-quantity .font-large {
  font-size: 2vh;
}
rf-dialog-book-stock-quantity .font-x-large {
  font-size: 2.25vh;
}
rf-dialog-book-stock-quantity .font-medium {
  font-size: 1.7vh;
}
rf-dialog-book-stock-quantity .green {
  color: var(--green);
}
rf-dialog-book-stock-quantity .bottom-diff {
  bottom: -8vh;
}
rf-dialog-book-stock-quantity .bottom-distance {
  margin-bottom: 1vh;
}
rf-dialog-book-stock-quantity .select-btn {
  margin: 0;
  min-height: 2vh;
  border-radius: 5px;
  cursor: pointer;
  background: white;
  color: var(--main_color);
  text-align: center;
}
rf-dialog-book-stock-quantity .center-divs {
  display: flex;
  align-items: center;
}
rf-dialog-book-stock-quantity .description-container {
  border: 1px solid var(--main_color);
  white-space: pre-line;
  overflow-y: auto;
  height: 22vh;
  border-radius: 1vh;
}
rf-dialog-book-stock-quantity .booking-options {
  margin-top: 20px;
  border: 1px solid var(--grey);
  height: 50px;
  font-size: 20px;
  border-radius: 15px;
}
rf-dialog-book-stock-quantity .select-disabled {
  color: var(--grey);
}

rf-dialog-book-stock-quantity-multi .fixed-header-footer thead {
  background: var(--bg1);
}
rf-dialog-book-stock-quantity-multi .fixed-header-footer thead h5 {
  display: inline-block;
}
rf-dialog-book-stock-quantity-multi .fixed-header-footer thead .padding {
  padding-left: 5px;
  padding-right: 5px;
}
rf-dialog-book-stock-quantity-multi .fixed-header-footer tbody {
  width: 100%;
  overflow: auto;
  max-height: 30vh;
  color: var(--grey);
}
rf-dialog-book-stock-quantity-multi .fixed-header-footer tbody tr:nth-child(even) {
  background: var(--bg1);
}
rf-dialog-book-stock-quantity-multi .fixed-header-footer tbody .large {
  width: 50px;
  font-size: 20px;
  text-align: center;
}
rf-dialog-book-stock-quantity-multi .fixed-header-footer td {
  padding: 8px 0;
}
rf-dialog-book-stock-quantity-multi .fixed-header-footer td:first-child {
  padding-left: 15px;
}
rf-dialog-book-stock-quantity-multi .left {
  text-align: left;
}
rf-dialog-book-stock-quantity-multi .header-icon {
  float: right;
}
rf-dialog-book-stock-quantity-multi .font-large {
  font-weight: bold;
  font-size: 20px;
}
rf-dialog-book-stock-quantity-multi .fa-check {
  color: var(--main_color);
  font-size: 30px;
}
rf-dialog-book-stock-quantity-multi .tag {
  background: var(--main_color);
  color: white;
  border-radius: 10px;
  margin: 10px;
}
rf-dialog-book-stock-quantity-multi .tag.blue {
  background: var(--darkblue);
}
rf-dialog-book-stock-quantity-multi .article-box {
  padding: 0 10px;
  color: var(--grey);
  background: var(--bg1);
  height: 80px;
  text-align: left;
}
rf-dialog-book-stock-quantity-multi .article-box .col-xs-12 {
  line-height: 30px;
}
rf-dialog-book-stock-quantity-multi .article-box .large {
  width: 50%;
  font-size: 20px;
  text-align: center;
}
rf-dialog-book-stock-quantity-multi .base-line {
  vertical-align: baseline;
  display: inline;
}
rf-dialog-book-stock-quantity-multi .text-top {
  vertical-align: text-top;
  display: inline;
}
rf-dialog-book-stock-quantity-multi .green {
  color: var(--darkgreen);
}
rf-dialog-book-stock-quantity-multi .red {
  color: var(--darkred);
}

rf-dialog-camera {
  height: 100%;
  display: block;
  text-align: left;
}
rf-dialog-camera .left-container,
rf-dialog-camera .right-container {
  float: left;
  height: 100%;
}
rf-dialog-camera .left-container {
  width: 70%;
  text-align: center;
  background: var(--darkwhite);
}
rf-dialog-camera .right-container {
  width: 30%;
  padding-left: 10px;
  border-left: 4px solid var(--lightgrey);
}
rf-dialog-camera video,
rf-dialog-camera img {
  max-height: 100%;
  max-width: 100%;
  height: calc(100% - 50px);
  margin-top: 25px;
  cursor: pointer;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  rf-dialog-camera .left-container {
    width: 100%;
    height: 40%;
  }
  rf-dialog-camera .right-container {
    width: 100%;
    height: 60%;
  }
}

rf-dialog-change-password {
  text-align: left;
}

rf-dialog-choose-standard-text {
  text-align: left;
}
rf-dialog-choose-standard-text h2 {
  font-size: 20px;
  color: var(--grey);
  margin-top: 0;
  line-height: 34px;
}
rf-dialog-choose-standard-text .all-standard-text {
  border: solid 1px var(--lightgrey);
  overflow-y: auto;
  overflow-x: hidden;
  height: 400px;
  margin-bottom: 50px;
}
rf-dialog-choose-standard-text .all-standard-text .standard-text-box {
  cursor: pointer;
  border-bottom: solid 1px var(--lightgrey);
  position: relative;
  overflow: auto;
  padding: 10px 5px;
}
rf-dialog-choose-standard-text .all-standard-text .standard-text-box.active {
  background-color: var(--lightgrey);
}

rf-dialog-communication {
  /* taken from https://code-boxx.com/responsive-css-speech-bubbles/?utm_content=cmp-true */
  /* (B1) USE ::AFTER TO CREATE THE "TAIL" */
  /* (C2) LEFT */
  /* (C3) RIGHT */
}
rf-dialog-communication .send-disabled {
  color: lightgray;
  cursor: default;
}
rf-dialog-communication .send-enabled {
  color: var(--main_color);
}
rf-dialog-communication .centerelements {
  display: flex;
  align-items: center;
}
rf-dialog-communication .download-cursor {
  cursor: s-resize;
}
rf-dialog-communication .main-container {
  width: 100%;
  padding-bottom: 10px;
  margin: 0px;
  min-height: 50vh;
  max-height: 50vh;
  border-radius: 5px;
  border: 1px solid grey;
  overflow-y: auto;
}
rf-dialog-communication .speech {
  position: relative;
  padding: 20px;
  border-radius: 10px;
  margin: 10px;
  width: 75%;
  text-align: left;
}
rf-dialog-communication .speech::after {
  /* (B1-1) ATTACH TRANSPARENT BORDERS */
  content: "";
  border: 20px solid transparent;
  /* (B1-2) NECESSARY TO POSITION THE "TAIL" */
  position: absolute;
}
rf-dialog-communication .left.speech {
  border: 1px solid black;
}
rf-dialog-communication .left.speech::after {
  /* (C2-1) LEFT TRIANGLE */
  border-right-color: black;
  border-left: 0;
  left: -20px;
  top: 64%;
  margin-top: -20px;
}
rf-dialog-communication .right.speech {
  background-color: lightblue;
  border: 1px solid black;
  float: right;
}
rf-dialog-communication .right.speech::after {
  /* (C3-1) RIGHT TRIANGLE */
  border-left-color: black;
  border-right: 0;
  /* (C3-2) POSITION AT RIGHT */
  right: -20px;
  top: 64%;
  margin-top: -20px;
}

rf-dialog-create-production-order {
  text-align: left;
}
rf-dialog-create-production-order .highlighted {
  font-weight: bold;
}
rf-dialog-create-production-order .red {
  color: var(--red);
}
rf-dialog-create-production-order .production {
  background-color: var(--lightgrey);
}
rf-dialog-create-production-order .rf-edit span {
  text-align: right;
  width: 60%;
  display: inline-block;
}
rf-dialog-create-production-order .rf-edit input {
  padding: 0;
  margin: 0;
}
rf-dialog-create-production-order table {
  margin-top: 20px;
}
rf-dialog-create-production-order table td, rf-dialog-create-production-order table th {
  text-align: center;
}
rf-dialog-create-production-order table td:first-child, rf-dialog-create-production-order table th:first-child {
  text-align: left;
}
rf-dialog-create-production-order table tbody:nth-child(even) {
  background: var(--bg1);
}
rf-dialog-create-production-order table thead tr th {
  color: var(--midgrey);
  cursor: pointer;
}
rf-dialog-create-production-order h4 {
  display: inline-block;
}
rf-dialog-create-production-order .status {
  width: calc(100% - 100px);
  display: inline-block;
}
rf-dialog-create-production-order .status-collapsed {
  background-color: var(--darkwhite);
}

rf-dialog-decline-offer {
  display: block;
  text-align: left;
}
rf-dialog-decline-offer rf-tag-select {
  width: max-content;
  min-width: 300px;
}
rf-dialog-decline-offer rf-tag-select .select-row.first {
  border: 1px solid var(--lightgrey);
}
rf-dialog-decline-offer rf-tag-select .lower-select-container {
  position: fixed;
  width: max-content;
  padding-right: 50px;
  padding-left: 10px;
}

rf-dialog-dummy-workpackage .description-container {
  text-align: right;
  margin-top: 9px;
}
rf-dialog-dummy-workpackage .active {
  border: 1px red solid;
}
rf-dialog-dummy-workpackage .rf-time-input-container input {
  height: 30px;
}

rf-dialog-file-upload rf-upload-zone {
  color: var(--grey);
  padding: 20px;
}

rf-dialog-file-viewer {
  position: absolute;
  left: 0;
  right: 0;
  top: -4px;
  bottom: 0;
}

rf-dialog-select-header-options {
  text-align: left;
}
rf-dialog-select-header-options tbody {
  font: 11px;
}

rf-dialog-iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: -4px;
  bottom: 0;
}
rf-dialog-iframe iframe {
  position: relative;
  width: 100%;
  height: 100%;
}

rf-dialog-internal-login {
  display: block;
  text-align: left;
}
rf-dialog-internal-login .identifier {
  color: var(--grey);
  text-align: right;
  background: var(--darkwhite);
  padding: 10px;
}
rf-dialog-internal-login .identifier .rf-icon {
  color: var(--lightgrey);
  font-size: 40px;
  text-align: center;
  display: block;
  margin: 20px 0;
}
rf-dialog-internal-login .identifier .big-input {
  height: 50px;
}
rf-dialog-internal-login .identifier label {
  font-size: 18px;
  line-height: 50px;
}
rf-dialog-internal-login .identifier .search-result {
  text-align: left;
}
rf-dialog-internal-login .identifier .search-result i {
  float: right;
  color: var(--grey);
  font-size: 20px;
}
rf-dialog-internal-login .identifier .min-height {
  min-height: 90px;
  margin-top: 10px;
}

rf-dialog-inventory-list {
  display: block;
  text-align: left;
}
rf-dialog-inventory-list .rf-btn, rf-dialog-inventory-list .rf-btn.rf-btn-inverted,
rf-dialog-inventory-list .rf-btn:hover {
  text-align: center;
}
rf-dialog-inventory-list .section-list-headline {
  font-weight: bold;
}
rf-dialog-inventory-list .section-list-content input {
  width: 100%;
}
rf-dialog-inventory-list .section-list-content textarea {
  width: 100%;
  height: 26px;
}
rf-dialog-inventory-list .section-list-content .upload-and-data a {
  cursor: pointer;
}

rf-dialog-mail {
  padding: 0 15px;
  display: block;
  background: var(--bg1);
  height: 100vh;
  overflow: auto;
  padding-top: 5px;
}
rf-dialog-mail label,
rf-dialog-mail .rf-btn,
rf-dialog-mail .rf-btn.rf-btn-inverted,
rf-dialog-mail .rf-btn:hover {
  float: left;
}
rf-dialog-mail label.last,
rf-dialog-mail .rf-btn.last {
  float: none;
}
rf-dialog-mail h4 {
  float: right;
  font-size: 16px;
  color: var(--main_color_contrast_ultra_dark);
}
@media (max-width: 720px) {
  rf-dialog-mail h4 {
    font-size: 10px;
  }
}
rf-dialog-mail .rf-form {
  background: white;
}
rf-dialog-mail rf-quill {
  margin-top: 5px;
  background: white;
  height: calc(100% - 5px);
}
rf-dialog-mail rf-quill #editor-container {
  max-height: calc(100% - 45px);
  height: calc(100% - 45px);
  overflow: auto;
}
rf-dialog-mail .close-btn {
  position: absolute;
  right: 6px;
  top: -3px;
  z-index: 999;
}
rf-dialog-mail .label-text {
  text-align: right;
}
rf-dialog-mail .signature-container select {
  width: calc(100% - 35px);
  float: left;
  height: 33px;
}
rf-dialog-mail .signature-container .rf-btn {
  float: right;
}
rf-dialog-mail .attachment {
  word-break: break-all;
  text-align: left;
}
rf-dialog-mail .attachment .fa-trash {
  float: right;
  color: var(--darkred);
}
rf-dialog-mail .pointer {
  cursor: pointer;
}
rf-dialog-mail rf-upload-zone .upload-field {
  text-align: right;
  font-size: 12px;
  border: dashed 4px var(--lightgrey);
  color: var(--midgrey);
}
rf-dialog-mail rf-upload-zone .upload-field .file-select {
  margin-top: 20px;
  color: var(--main_color_contrast_ultra_dark);
}

rf-dialog-new-time-tracking label {
  text-align: right;
  padding-right: 10px;
}
rf-dialog-new-time-tracking .search-items-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0;
  margin: 0;
  width: 100%;
  justify-content: space-between;
}
rf-dialog-new-time-tracking .search-items-wrap > div {
  width: 100%;
}
rf-dialog-new-time-tracking .rf-note {
  text-align: left;
  margin: 10px 0;
}
rf-dialog-new-time-tracking button[disabled].rf-btn {
  background-color: var(--midgrey);
  cursor: not-allowed;
}

rf-dialog-offer-decline .content {
  display: inline-block;
  text-align: left;
  border-bottom: 1px solid var(--lightgrey);
}
rf-dialog-offer-decline ul {
  margin-bottom: 15px;
}

rf-dialog-order-contact {
  text-align: left;
}

rf-dialog-order-history {
  text-align: left;
  padding: 20px;
  padding-bottom: 60px;
  display: block;
  background-color: var(--darkwhite);
  margin: -20px -15px;
  overflow-x: hidden;
}
rf-dialog-order-history label {
  margin-top: 10px;
  margin-bottom: 0;
}
rf-dialog-order-history .history {
  margin: 0;
  font-size: 13px;
}
rf-dialog-order-history .history.head {
  padding-top: 20px;
  background-color: var(--grey);
  cursor: default;
}
rf-dialog-order-history .history.head:hover {
  background-color: var(--grey);
  cursor: default;
}
rf-dialog-order-history .history.head label {
  color: white;
}
rf-dialog-order-history .history:nth-child(even) {
  background-color: white;
}
rf-dialog-order-history .history.selected {
  background-color: var(--main_color_light);
}
rf-dialog-order-history .history:active, rf-dialog-order-history .history:hover {
  background-color: var(--main_color_light);
  cursor: pointer;
}
rf-dialog-order-history .history .icons i {
  float: right;
  line-height: 20px;
}
rf-dialog-order-history .rf-btn, rf-dialog-order-history .rf-btn.rf-btn-inverted,
rf-dialog-order-history .rf-btn:hover {
  text-align: center;
}
rf-dialog-order-history rf-date-time input {
  height: 30px;
  border: 1px solid var(--lightgrey);
  margin: 4px 0;
}
rf-dialog-order-history .tasks {
  padding-top: 20px;
  padding-right: 40px;
  border-left: 12px solid white;
  margin-left: -15px;
}
rf-dialog-order-history .list-h {
  float: right;
}
rf-dialog-order-history .description-text {
  white-space: pre-wrap;
}

rf-dialog-order-release {
  text-align: left;
}
rf-dialog-order-release .note {
  text-align: center;
}
rf-dialog-order-release .fa-upload {
  color: var(--grey);
  font-size: 40px;
}
rf-dialog-order-release .fa-trash {
  font-size: 20px;
  padding-left: 10px;
  cursor: pointer;
  float: right;
}
rf-dialog-order-release .file-table {
  margin-top: 5px;
  width: 100%;
  position: relative;
}

rf-dialog-order-transaction {
  text-align: left;
}
rf-dialog-order-transaction rf-pos-list-order-dialog .positions .content {
  height: calc(75vh - 10px);
}
rf-dialog-order-transaction .loading {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 15%;
  font-size: 110px;
  color: var(--main_color);
}
rf-dialog-order-transaction .pdf-view {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 82.5vh;
}
rf-dialog-order-transaction .order-information {
  font-size: 85%;
  padding-top: 5px;
}
rf-dialog-order-transaction .order-information .info-row {
  margin-bottom: 10px;
  overflow: auto;
}
rf-dialog-order-transaction .order-information .info-row rf-date-time {
  display: inline-block;
}
rf-dialog-order-transaction rf-task-list .task-list {
  margin: 0px 0 10px 5px;
}
rf-dialog-order-transaction rf-task-list .task-list .check {
  padding-top: 0;
}
rf-dialog-order-transaction rf-task-list .task-list .check rf-checkbox {
  position: static;
}
rf-dialog-order-transaction rf-task-list .task-list .check rf-checkbox .checkbox-square {
  left: auto;
}
rf-dialog-order-transaction rf-task-list .task-list .task {
  border: none;
  padding: 10px 0;
}
rf-dialog-order-transaction .alert {
  float: left;
  margin-bottom: 5px;
  margin-left: 15px;
}

rf-dialog-pdfjs {
  position: absolute;
  left: 0;
  right: 0;
  top: -4px;
  bottom: 0;
}
rf-dialog-pdfjs #the-svg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

rf-dialog-position-auto-planning {
  display: block;
  text-align: left;
}

rf-dialog-position-details {
  text-align: left;
}
rf-dialog-position-details .work-pack {
  border-bottom: 1px solid var(--lightgrey);
}
rf-dialog-position-details .work-pack.active {
  background: rgba(255, 165, 0, 0.6784313725);
}
rf-dialog-position-details .work-pack.completed {
  opacity: 0.5;
}
rf-dialog-position-details .work-pack .error {
  color: red;
}
rf-dialog-position-details .work-pack:hover {
  opacity: 0.5;
  cursor: pointer;
}
rf-dialog-position-details .work-pack i {
  opacity: 1;
  float: right;
}
rf-dialog-position-details .work-pack-head {
  font-weight: bold;
}
rf-dialog-position-details .rf-edit.rf-label rf-time-input input.time-input,
rf-dialog-position-details .rf-edit.rf-label rf-time-input select.time-input {
  float: right;
  width: 80px;
  height: 25px;
  margin-top: -4px;
  border: none;
}
rf-dialog-position-details .rf-edit.rf-label rf-time-input input.time-input {
  margin-right: 50px;
}

rf-dialog-position-history {
  text-align: left;
}
rf-dialog-position-history .history-list {
  margin: auto;
}
rf-dialog-position-history .history-element:nth-child(odd) {
  background: var(--lightgrey);
}

rf-dialog-prepare-article {
  text-align: left;
}
rf-dialog-prepare-article .horizontal-line {
  border-bottom: 1px solid var(--lightgrey);
}
rf-dialog-prepare-article .vertical-line {
  border-right: 1px solid var(--lightgrey);
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
}
rf-dialog-prepare-article .table-column {
  text-align: left;
  padding: 0;
}
rf-dialog-prepare-article .header-container .vertical-line {
  min-height: 50px;
}
rf-dialog-prepare-article .body-container .vertical-line {
  min-height: 100px;
}
rf-dialog-prepare-article input,
rf-dialog-prepare-article .input-wrap {
  width: 90%;
  float: right;
  margin-bottom: 15px;
  height: 20px;
}
rf-dialog-prepare-article input.ng-dirty.ng-invalid-rcmax {
  background-color: red;
}
rf-dialog-prepare-article .fa-calendar {
  position: absolute;
  float: left;
  margin-top: 2%;
  margin-left: -5px;
}
rf-dialog-prepare-article .accept-button {
  background-color: var(--darkgreen);
}
rf-dialog-prepare-article .buttom-container .rf-btn {
  width: 100%;
}
rf-dialog-prepare-article .fa-check {
  color: var(--main_color);
  font-size: 35px;
  margin-left: -15px;
}

rf-dialog-print-files {
  display: block;
}
rf-dialog-print-files .visible {
  font-weight: bold;
}
rf-dialog-print-files .dialog-left-container, rf-dialog-print-files .dialog-right-container {
  min-height: 80vh;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
rf-dialog-print-files .dialog-left-container {
  width: 70%;
}
rf-dialog-print-files .dialog-right-container {
  width: 30%;
  text-align: left;
  padding: 15px;
}
rf-dialog-print-files .dialog-right-container .upper-container thead th {
  font-weight: normal;
  font-size: 80%;
}
rf-dialog-print-files .dialog-right-container .upper-container a {
  cursor: pointer;
}
rf-dialog-print-files .select-row.pointer.first {
  border-radius: 0;
}

rf-dialog-property-box {
  text-align: left;
}
rf-dialog-property-box .rf-btn, rf-dialog-property-box .rf-btn.rf-btn-inverted,
rf-dialog-property-box .rf-btn:hover {
  width: 100%;
}
rf-dialog-property-box .tag-label {
  padding: 1px 5px;
  border: 1px solid var(--lightgrey);
  border-radius: 5px;
  background: var(--midwhite);
  margin-left: 10px;
}

rf-dialog-purchase .column {
  padding: 0 20px;
  margin-bottom: 15px;
  margin-top: 30px;
  position: relative;
}
rf-dialog-purchase .title,
rf-dialog-purchase .bottom {
  position: relative;
  color: white;
  background: #545454;
  height: 45px;
}
rf-dialog-purchase .title > h2,
rf-dialog-purchase .bottom > h2 {
  line-height: 45px;
}
rf-dialog-purchase .add {
  position: absolute;
  top: 2px;
  right: 10px;
  font-size: 21px;
  padding: 0 10px;
}
rf-dialog-purchase .content {
  height: 65vh;
  overflow-y: scroll;
}
rf-dialog-purchase .position,
rf-dialog-purchase .supplier {
  display: flex;
  list-style: none;
  color: #545454;
  border-bottom: 3px solid #545454;
  margin-top: 5px;
  min-height: auto;
}
rf-dialog-purchase .position .paragraph,
rf-dialog-purchase .supplier .paragraph {
  font-size: 10px;
  text-align: left;
}
rf-dialog-purchase .position .number,
rf-dialog-purchase .supplier .number {
  font-size: 14px;
  padding-right: 5px;
}
rf-dialog-purchase .positions-list {
  padding: 5px;
}
rf-dialog-purchase .positions-list .image {
  pointer-events: none;
  width: 85px;
  height: 85px;
}
rf-dialog-purchase .positions-list .description {
  padding: 0 5px;
}
rf-dialog-purchase .positions-list .arrow-right,
rf-dialog-purchase .positions-list .trash {
  margin-left: auto;
  font-size: 25px;
  padding: 0 10px;
  height: 40px;
  color: var(--darkgreen);
}
rf-dialog-purchase .positions-list .arrow-right:hover,
rf-dialog-purchase .positions-list .trash:hover {
  color: var(--main_color);
}
rf-dialog-purchase .purchase {
  margin-bottom: 5px;
}
rf-dialog-purchase .purchase .name .trash,
rf-dialog-purchase .purchase .suppliers .trash {
  position: absolute;
  right: 1px;
  font-size: 9px;
  padding: 2px;
  margin: 1px;
  background: #545454;
}
rf-dialog-purchase .purchase .name .trash:hover,
rf-dialog-purchase .purchase .suppliers .trash:hover {
  background: white;
}
rf-dialog-purchase .purchase .name {
  color: white;
  background: #545454;
  position: relative;
}
rf-dialog-purchase .purchase .name .show-hide-icon {
  position: absolute;
  right: 22px;
  color: white;
  cursor: pointer;
}
rf-dialog-purchase .purchase .name .trash {
  padding-bottom: 1px;
}
rf-dialog-purchase .purchase .name.active {
  background: var(--main_color);
}
rf-dialog-purchase .purchase .name.active .trash {
  background: var(--main_color);
}
rf-dialog-purchase .purchase .name.active .trash:hover {
  background: white;
}
rf-dialog-purchase .purchase .suppliers {
  margin-bottom: 3px;
  position: relative;
  background: var(--lightgrey);
}
rf-dialog-purchase .purchase .suppliers .company-name {
  font-size: 11px;
}
rf-dialog-purchase .purchase .positions-list {
  padding: 0;
  margin-top: 5px;
}
rf-dialog-purchase .purchase .positions-list.empty {
  min-height: auto;
}
rf-dialog-purchase .purchase .positions-list.empty .position {
  justify-content: center;
}
rf-dialog-purchase .purchase .positions-list .image {
  padding-right: 0;
}
rf-dialog-purchase .purchase .positions-list .trash {
  color: white;
  margin-top: auto;
}
rf-dialog-purchase .purchase .positions-list .trash:hover {
  color: var(--main_color);
}
rf-dialog-purchase .supplier-search {
  width: calc(100% - 76px);
  position: absolute;
  left: 30px;
  outline: 10px solid white;
}
rf-dialog-purchase .suppliers-list {
  padding: 28px 5px 0;
}
rf-dialog-purchase .suppliers-list .supplier .description {
  margin-left: 10px;
}
rf-dialog-purchase .suppliers-list .supplier .description h3 {
  margin: 5px 5px 5px 0;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
rf-dialog-purchase .suppliers-list .supplier .arrow-left {
  font-size: 25px;
  padding: 0 10px;
  height: 40px;
}
rf-dialog-purchase .bottom .order {
  padding: 5px 40px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 7px;
}
rf-dialog-purchase .bottom span {
  line-height: 45px;
  font-size: 16px;
}
rf-dialog-purchase .bottom .right-arrow {
  position: absolute;
  right: 10px;
  bottom: 3px;
  padding: 2px 15px;
  font-size: 18px;
  color: var(--darkgrey);
}

rf-dialog-purchase-order {
  text-align: left;
}
rf-dialog-purchase-order .loading {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 15%;
  font-size: 110px;
  color: var(--main_color);
}
rf-dialog-purchase-order .pdf-view {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 82vh;
}
rf-dialog-purchase-order .order-information .info-row {
  margin-bottom: 15px;
}
rf-dialog-purchase-order .order-information .info-row rf-date-time {
  display: inline-block;
}
rf-dialog-purchase-order .task-list {
  margin: 15px 15px 5px 5px;
}
rf-dialog-purchase-order .task-list .check {
  padding-top: 0;
}
rf-dialog-purchase-order .task-list .check rf-checkbox {
  position: static;
}
rf-dialog-purchase-order .task-list .check rf-checkbox .checkbox-square {
  left: auto;
}
rf-dialog-purchase-order .task-list .task {
  border: none;
  padding: 10px 0;
}
rf-dialog-purchase-order .alert {
  float: left;
  margin-top: 20px;
  margin-left: 15px;
}

rf-dialog-report-demand {
  text-align: left;
}
rf-dialog-report-demand span {
  float: right;
  margin-right: 40px;
}
rf-dialog-report-demand input {
  text-align: right;
  padding-right: 40px;
  color: var(--main_color);
}

rf-dialog-report-problem {
  text-align: left;
}
rf-dialog-report-problem .tags {
  margin-top: 30px;
}
rf-dialog-report-problem .tags div {
  min-height: 40px;
}
rf-dialog-report-problem .tags div h4 {
  font-size: 16px;
  position: relative;
  margin-left: 25px;
}
rf-dialog-report-problem .tags div h4 rf-checkbox {
  position: absolute;
  top: 0;
  left: -25px;
}
rf-dialog-report-problem .tags div input {
  width: 40px;
  height: 23px;
  margin-top: -5px;
}
rf-dialog-report-problem .rf-edit {
  margin-top: 35px;
  margin-bottom: 25px;
}
rf-dialog-report-problem .rf-edit textarea {
  min-height: 100px;
}
rf-dialog-report-problem .rf-btn, rf-dialog-report-problem .rf-btn.rf-btn-inverted,
rf-dialog-report-problem .rf-btn:hover {
  margin-bottom: 15px;
  text-align: center;
}

rf-dialog-run-script {
  display: block;
  text-align: left;
}
rf-dialog-run-script .rf-btn, rf-dialog-run-script .rf-btn.rf-btn-inverted,
rf-dialog-run-script .rf-btn:hover {
  width: 100%;
  border-radius: 7px;
  margin: 0;
  padding: 8px 0;
  border: none;
}

rf-dialog-select-shipping-cost .all-standard-text {
  border: solid 1px var(--lightgrey);
  overflow-y: auto;
  overflow-x: hidden;
  height: 400px;
  margin-bottom: 50px;
}
rf-dialog-select-shipping-cost .all-standard-text .standard-text-box {
  cursor: pointer;
  border-bottom: solid 1px var(--lightgrey);
  position: relative;
  overflow: auto;
  padding: 10px 5px;
}
rf-dialog-select-shipping-cost .all-standard-text .standard-text-box.active {
  background-color: var(--lightgrey);
}
rf-dialog-select-shipping-cost table {
  width: 100%;
}
rf-dialog-select-shipping-cost table thead {
  border-bottom: 2px solid var(--lightgrey);
}
rf-dialog-select-shipping-cost table tr td input {
  width: 40%;
  text-align: center;
}
rf-dialog-select-shipping-cost table tr td select {
  width: 80%;
}
rf-dialog-select-shipping-cost table tr td:last-child {
  padding-left: 15px;
}

rf-dialog-setup-assistant {
  text-align: left;
}
rf-dialog-setup-assistant .rf-btn, rf-dialog-setup-assistant .rf-btn.rf-btn-inverted,
rf-dialog-setup-assistant .rf-btn:hover {
  text-align: center;
}
rf-dialog-setup-assistant h3,
rf-dialog-setup-assistant p {
  text-align: left;
  margin-bottom: 20px;
}
rf-dialog-setup-assistant h3 {
  border-bottom: 1px solid var(--midgrey);
  position: relative;
}
rf-dialog-setup-assistant h3 .rf-btn, rf-dialog-setup-assistant h3 .rf-btn.rf-btn-inverted,
rf-dialog-setup-assistant h3 .rf-btn:hover {
  font-size: 14px;
  position: absolute;
  text-align: center;
  right: 0;
  bottom: -5px;
  height: 34px;
  padding: 11px 7px;
}
rf-dialog-setup-assistant rf-upload-zone {
  font-size: 24px;
  text-align: center;
  margin-top: 15px;
}
rf-dialog-setup-assistant .logo-file {
  min-height: 90px;
}
rf-dialog-setup-assistant rf-upload-zone.default-style {
  cursor: pointer;
}
rf-dialog-setup-assistant .lower-container label {
  padding-top: 7px;
}
rf-dialog-setup-assistant .lower-container .todo-list i {
  margin-left: 10px;
  font-size: 16px;
  color: var(--main_color);
}
rf-dialog-setup-assistant .input-label {
  margin-bottom: 5px;
  height: 28px;
}
rf-dialog-setup-assistant .input-label span {
  position: relative;
  text-align: right;
  top: 6px;
  display: inline-block;
  width: calc(100% - 16px);
  padding-right: 15px;
}
rf-dialog-setup-assistant .input-label input[type=checkbox] {
  float: right;
  min-width: 16px;
  margin: 6px 0 0;
}
rf-dialog-setup-assistant .rf-edit.password {
  width: calc(100% - 50px);
  float: left;
}
rf-dialog-setup-assistant .icons {
  float: right;
  text-align: right;
  width: 50px;
  padding: 5px 0 0;
  cursor: pointer;
  font-size: 16px;
}
rf-dialog-setup-assistant .icons .fa-key {
  padding: 0 5px;
}
rf-dialog-setup-assistant span.rights {
  display: inline-block;
  padding-top: 5px;
}
rf-dialog-setup-assistant rf-group-rights {
  width: calc(100% - 55px);
  float: right;
}
rf-dialog-setup-assistant rf-group-rights div.row div.col-xs-12 {
  min-height: 26px;
}
rf-dialog-setup-assistant rf-group-rights div.row div.col-xs-10 {
  width: 100%;
}
rf-dialog-setup-assistant rf-group-rights div.row div.col-xs-10 select {
  width: calc(100% - 23px);
}
rf-dialog-setup-assistant rf-group-rights div.row div.col-xs-10 button {
  width: 23px;
}
rf-dialog-setup-assistant .user-container.border-top {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid lightgray;
}
rf-dialog-setup-assistant .user-container.no-user {
  font-size: 25px;
  font-weight: bold;
  color: var(--red);
  text-align: center;
  margin-top: -15px;
}
rf-dialog-setup-assistant .smaller-row .row {
  float: left;
  width: calc(100% - 20px);
}
rf-dialog-setup-assistant .notifications .fa {
  font-size: 40px;
  padding-top: 5px;
}
rf-dialog-setup-assistant .notifications .fa-check {
  color: var(--green);
}
rf-dialog-setup-assistant .notifications .fa-times-circle {
  color: var(--red);
}
rf-dialog-setup-assistant .server-status {
  color: var(--green);
}
rf-dialog-setup-assistant .server-status.error {
  color: var(--red);
}
rf-dialog-setup-assistant .server-status.error pre {
  color: var(--red);
}
rf-dialog-setup-assistant .tab-check .notifications .fa {
  font-size: 20px;
  padding-top: 0;
}

rf-dialog-shipping-status {
  display: block;
  text-align: left;
  padding: 20px;
  padding-bottom: 60px;
}
rf-dialog-shipping-status .position-text {
  color: var(--main_color);
}
rf-dialog-shipping-status hr {
  margin: 0;
  border: 2px solid var(--midgrey);
}
rf-dialog-shipping-status .parcel-table {
  background-color: var(--darkwhite);
  padding-bottom: 15px;
}
rf-dialog-shipping-status .parcel:nth-child(even) {
  background-color: var(--lightgrey);
}

rf-dialog-system-update {
  display: block;
  color: var(--grey);
}
rf-dialog-system-update h1 {
  font-weight: bold;
}
rf-dialog-system-update span {
  color: var(--main_color);
}

rf-dialog-table-columns .arrow-btn {
  height: 10px;
  margin-top: -13px !important;
}

rf-dialog-task-list {
  display: block;
  text-align: left;
}
rf-dialog-task-list .fa {
  font-size: 20px;
}
rf-dialog-task-list .rf-btn, rf-dialog-task-list .rf-btn.rf-btn-inverted,
rf-dialog-task-list .rf-btn:hover {
  text-align: center;
}
rf-dialog-task-list .check {
  padding-top: 12px;
}
rf-dialog-task-list .task-list {
  margin: 15px;
}
rf-dialog-task-list .task {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: -1px;
  border: 1px solid var(--lightgrey);
}
rf-dialog-task-list .task .text {
  white-space: pre-line;
  margin-top: -23px;
}
rf-dialog-task-list .task .fa-exclamation-triangle {
  color: var(--invalid);
}
rf-dialog-task-list .task .fa-check-color {
  color: var(--darkgreen);
}
rf-dialog-task-list .message {
  min-height: 80px;
}

rf-dialog-time-tracking {
  display: block;
  text-align: left;
}
rf-dialog-time-tracking .identifier {
  color: var(--grey);
  text-align: right;
  background: var(--darkwhite);
  padding: 10px;
}
rf-dialog-time-tracking .identifier .rf-icon {
  color: var(--lightgrey);
  font-size: 40px;
  text-align: center;
  display: block;
  margin: 20px 0;
}
rf-dialog-time-tracking .identifier .big-input {
  height: 50px;
}
rf-dialog-time-tracking .identifier label {
  font-size: 18px;
  line-height: 50px;
}
rf-dialog-time-tracking .identifier .search-result {
  text-align: left;
}
rf-dialog-time-tracking .identifier .search-result i {
  float: right;
  color: var(--grey);
  font-size: 20px;
}
rf-dialog-time-tracking .identifier .min-height {
  min-height: 90px;
  margin-top: 10px;
}
rf-dialog-time-tracking .history-container {
  height: 355px;
}
rf-dialog-time-tracking .history-item-container {
  min-height: 177px;
  max-height: 177px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 12px;
}
rf-dialog-time-tracking .tracker-input {
  margin-top: 10px;
}
rf-dialog-time-tracking .tracker-input input,
rf-dialog-time-tracking .tracker-input select {
  height: 40px;
  margin: 0;
}
rf-dialog-time-tracking .percent-bar {
  position: relative;
}
rf-dialog-time-tracking .percent-bar .bar {
  height: 10px;
  position: absolute;
}
rf-dialog-time-tracking .percent-bar .grey-bar {
  background: var(--lightgrey);
  width: 100%;
}
rf-dialog-time-tracking .percent-bar .active-bar {
  background: var(--main_color);
  width: 1%;
}

.rf-dialog.time-tracking .dialog-container {
  padding-bottom: 0;
}

rf-dialog-token-groups {
  text-align: left;
}
rf-dialog-token-groups label {
  font-weight: normal;
  line-height: 17px;
  color: var(--midgrey);
}
rf-dialog-token-groups h2 {
  font-size: 20px;
  color: var(--grey);
  margin-top: 0;
  line-height: 34px;
}
rf-dialog-token-groups h2 .rf-btn, rf-dialog-token-groups h2 .rf-btn.rf-btn-inverted,
rf-dialog-token-groups h2 .rf-btn:hover {
  float: right;
  height: 28px;
  width: 28px;
  line-height: 0;
  margin-top: 3px;
}
rf-dialog-token-groups .active-address {
  margin-bottom: 40px;
}
rf-dialog-token-groups .rf-btn-background {
  text-align: center;
}
rf-dialog-token-groups .toggle-send-activation-mail {
  cursor: pointer;
}

rf-dialog-transfer-account {
  text-align: left;
}
rf-dialog-transfer-account h3,
rf-dialog-transfer-account p {
  text-align: center;
  margin-bottom: 20px;
}
rf-dialog-transfer-account input {
  width: 100%;
}
rf-dialog-transfer-account .accounts {
  height: 128px;
  overflow: auto;
  border-bottom: 1px solid var(--lightgrey);
}
rf-dialog-transfer-account .accounts .account {
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
rf-dialog-transfer-account .accounts .account:hover {
  background: #ccc;
}
rf-dialog-transfer-account .accounts .account b {
  margin-right: 10px;
}
rf-dialog-transfer-account .accounts .account.active {
  background: var(--lightgrey);
}
rf-dialog-transfer-account button {
  width: 100%;
}
rf-dialog-transfer-account button:focus {
  opacity: 0.5;
}
rf-dialog-transfer-account .migrate i {
  margin-left: 10px;
  font-size: 16px;
  color: var(--main_color);
}

rf-dialog-update-article {
  display: block;
  text-align: left;
}
rf-dialog-update-article .rf-btn, rf-dialog-update-article .rf-btn.rf-btn-inverted,
rf-dialog-update-article .rf-btn:hover {
  text-align: center;
}

rf-dialog-welding-calculation {
  display: block;
  text-align: left;
  padding: 20px;
  overflow-y: auto;
  height: 100%;
}
rf-dialog-welding-calculation .meta-header input {
  height: 20px;
  width: 100%;
}
rf-dialog-welding-calculation table {
  width: 100%;
}
rf-dialog-welding-calculation table th {
  padding: 0 10px;
}
rf-dialog-welding-calculation table td {
  padding: 0 10px;
}
rf-dialog-welding-calculation table img {
  width: 40px;
}
rf-dialog-welding-calculation table select.rf-form {
  background: none;
  border: none;
}
rf-dialog-welding-calculation .table-header {
  background: var(--lightgrey);
}
rf-dialog-welding-calculation .upload-container {
  padding: 30px;
  width: 100%;
  text-align: center;
}
rf-dialog-welding-calculation .upload-container h3 {
  text-align: center;
  color: var(--lightgrey);
}
rf-dialog-welding-calculation .upload-container img {
  width: 200px;
  margin: 0 auto;
  display: block;
}
rf-dialog-welding-calculation .upload-container i {
  display: block;
  margin: 0 auto;
  font-size: 80px;
  color: var(--lightgrey);
}
rf-dialog-welding-calculation .header-icon {
  cursor: pointer;
  float: right;
  font-size: 30px;
}

rf-dialog-db-tool {
  display: block;
  text-align: left;
}
rf-dialog-db-tool .inner-field {
  background: var(--grey);
  color: rgb(204, 240, 160);
  padding: 7px 10px;
  border-radius: 7px;
}
rf-dialog-db-tool .inner-field select {
  background: none;
  border: none;
  outline: none;
}
rf-dialog-db-tool .inner-field input {
  background: none;
  border: none;
  width: 350px;
}
rf-dialog-db-tool .inner-field .fa-times-circle {
  font-size: 24px;
  position: absolute;
  margin-left: 8px;
}
rf-dialog-db-tool .right-options .rf-btn {
  width: 100%;
  border-radius: 7px;
  margin: 0;
  padding: 8px 0;
  border: none;
}
rf-dialog-db-tool .right-options rf-upload-zone {
  padding: 20px;
}

rf-dialog-export-csv-article {
  text-align: left;
}
rf-dialog-export-csv-article .name {
  float: left;
  line-height: 38px;
}
rf-dialog-export-csv-article .save-settings a {
  float: right;
  line-height: 35px;
  cursor: pointer;
}
rf-dialog-export-csv-article .md-box {
  white-space: pre;
  min-height: 120px;
}
rf-dialog-export-csv-article .rf-btn, rf-dialog-export-csv-article .rf-btn.rf-btn-inverted,
rf-dialog-export-csv-article .rf-btn:hover {
  width: 100%;
}

rf-dialog-export-db {
  text-align: left;
}
rf-dialog-export-db hr {
  margin: 0;
}
rf-dialog-export-db .db-row {
  margin-bottom: 35px;
}

rf-dialog-export-transactions {
  text-align: left;
}
rf-dialog-export-transactions .name {
  float: left;
  line-height: 38px;
}
rf-dialog-export-transactions .save-settings a {
  float: right;
  line-height: 35px;
  cursor: pointer;
}
rf-dialog-export-transactions .md-box {
  white-space: pre;
  min-height: 120px;
}
rf-dialog-export-transactions .rf-btn, rf-dialog-export-transactions .rf-btn.rf-btn-inverted,
rf-dialog-export-transactions .rf-btn:hover {
  width: 100%;
}

rf-dialog-import-stp-module h4 {
  float: left;
}
rf-dialog-import-stp-module .item-row {
  border-bottom: 1px solid #ccc;
  text-align: left;
}
rf-dialog-import-stp-module .item-row span {
  color: var(--main_color);
}

rf-dialog-upload-multiple-articles {
  display: block;
  text-align: left;
  overflow-y: auto;
  height: 100%;
  padding: 20px;
}
rf-dialog-upload-multiple-articles .rf-btn, rf-dialog-upload-multiple-articles .rf-btn.rf-btn-inverted,
rf-dialog-upload-multiple-articles .rf-btn:hover {
  text-align: center;
  margin: 0 5px;
}
rf-dialog-upload-multiple-articles .rf-form input {
  width: 100%;
  border: 1px solid var(--darkwhite);
  background: #fff;
  padding: 5px;
  margin: 4px 0;
}
rf-dialog-upload-multiple-articles rf-date-time {
  display: flex;
  align-content: center;
  align-items: center;
}
rf-dialog-upload-multiple-articles rf-upload-zone {
  text-align: center;
  color: var(--grey);
}
rf-dialog-upload-multiple-articles .table > tbody > tr td {
  vertical-align: middle;
  text-align: center;
}
rf-dialog-upload-multiple-articles .table > tbody > tr td .article-file {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
rf-dialog-upload-multiple-articles .section-list-content input {
  width: 100%;
}
rf-dialog-upload-multiple-articles .section-list-content textarea {
  width: 100%;
  height: 26px;
}
rf-dialog-upload-multiple-articles .section-list-content .upload-and-data a {
  cursor: pointer;
}
rf-dialog-upload-multiple-articles .pointer {
  cursor: pointer;
}
rf-dialog-upload-multiple-articles .info-assembly {
  text-align: left !important;
}
rf-dialog-upload-multiple-articles .assembly-item {
  padding-left: 15px !important;
}
rf-dialog-upload-multiple-articles .assembly-item input {
  width: 70%;
}

upload-multiple-articles-premium-files {
  text-align: left;
  position: relative;
  display: block;
  height: 100%;
  user-select: none;
}
upload-multiple-articles-premium-files .info-assembly {
  text-align: left !important;
}
upload-multiple-articles-premium-files .fa-trash {
  font-size: 20px;
  padding-left: 10px;
}
upload-multiple-articles-premium-files rf-list-tabs .row {
  margin-left: 0;
  margin-right: 0;
}
upload-multiple-articles-premium-files rf-list-tabs .row .col-xs-12 {
  margin-bottom: 0;
  border: none;
}
upload-multiple-articles-premium-files .file-table {
  cursor: pointer;
  background-color: var(--darkwhite);
}
upload-multiple-articles-premium-files tr {
  position: relative;
}
upload-multiple-articles-premium-files rf-upload-zone {
  padding: 20px;
}
upload-multiple-articles-premium-files h4 {
  white-space: pre;
}
upload-multiple-articles-premium-files .fa-upload {
  font-size: 40px;
}
upload-multiple-articles-premium-files .note {
  color: var(--grey);
  text-align: center;
}
upload-multiple-articles-premium-files .assignable {
  background-color: var(--valid);
}
upload-multiple-articles-premium-files rf-list-tabs {
  display: inline-block;
}
upload-multiple-articles-premium-files .calculating {
  background-color: var(--darkwhite);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 15px;
  opacity: 0.9;
  text-align: center;
  z-index: 999;
}

upload-multiple-articles-premium-list {
  text-align: left;
  width: 100%;
  /* stylelint-disable-next-line */
}
upload-multiple-articles-premium-list .header-actions {
  background-color: var(--bg3);
  user-select: none;
}
upload-multiple-articles-premium-list .header-actions td {
  height: 40px;
  padding: 0 20px;
}
upload-multiple-articles-premium-list .header-actions .header-action-field {
  display: inline;
  border: none;
  color: var(--main_color);
  background-color: transparent;
  width: min-content;
}
upload-multiple-articles-premium-list .rf-btn, upload-multiple-articles-premium-list .rf-btn.rf-btn-inverted,
upload-multiple-articles-premium-list .rf-btn:hover {
  text-align: center;
  margin: 0 5px;
}
upload-multiple-articles-premium-list .article-table {
  padding-left: 0px;
  padding-right: 0px;
  overflow-y: auto;
  height: calc(100% - 40px);
  line-height: 14px;
  font-size: 11px;
}
upload-multiple-articles-premium-list .article-table table thead th {
  height: 30px;
  text-align: center;
  user-select: none;
  padding: 0 5px;
}
upload-multiple-articles-premium-list .article-table table tbody tr td {
  height: 30px;
  min-height: 30px;
  vertical-align: middle;
  text-align: center;
  width: 100px;
  position: relative;
}
upload-multiple-articles-premium-list .article-table table tbody tr td.wide {
  min-width: 200px;
}
upload-multiple-articles-premium-list .article-table table .min-width {
  padding: 0 5px;
  width: min-content;
}
upload-multiple-articles-premium-list .article-table .article-file {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
upload-multiple-articles-premium-list .article-table input[type=text], upload-multiple-articles-premium-list .article-table input[type=number], upload-multiple-articles-premium-list .article-table select, upload-multiple-articles-premium-list .article-table textarea {
  border: 1px solid var(--midwhite);
  background: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
upload-multiple-articles-premium-list .article-table input[type=text]:hover, upload-multiple-articles-premium-list .article-table input[type=number]:hover, upload-multiple-articles-premium-list .article-table select:hover, upload-multiple-articles-premium-list .article-table textarea:hover {
  border: 1px solid var(--midgrey);
}
upload-multiple-articles-premium-list .article-table input[type=checkbox] {
  width: 20px;
  height: 20px;
}
upload-multiple-articles-premium-list .article-table textarea {
  resize: none;
  margin-bottom: -2px;
  outline: none;
  font-size: 10px;
}
upload-multiple-articles-premium-list .article-table rf-date-time {
  width: 110px;
  position: relative;
  height: 100%;
}
upload-multiple-articles-premium-list .article-table rf-date-time .fa-calendar {
  margin-top: 7px;
  float: right;
}
upload-multiple-articles-premium-list .selected-article {
  background-color: var(--lightgrey) !important;
}
upload-multiple-articles-premium-list .selectable {
  width: 50px;
  cursor: pointer;
  border-right: 1px solid var(--lightgrey);
}
upload-multiple-articles-premium-list .selectable:hover {
  color: var(--main_color);
}
upload-multiple-articles-premium-list .pointer {
  cursor: pointer;
}
upload-multiple-articles-premium-list .filename {
  cursor: pointer;
  text-align: right;
}
upload-multiple-articles-premium-list rf-action-select {
  width: 100%;
}
upload-multiple-articles-premium-list .found-articles {
  background-color: var(--midwhite);
}
upload-multiple-articles-premium-list .found-articles h5 {
  font-weight: bold;
  color: var(--main_color);
  margin-top: 5px;
  margin-bottom: 5px;
}
upload-multiple-articles-premium-list .found-articles td {
  text-align: left;
}
upload-multiple-articles-premium-list .left {
  text-align: left;
}
upload-multiple-articles-premium-list .dndPlaceholder {
  display: none;
}

upload-multiple-articles-premium-message {
  display: block;
}

rf-dialog-upload-multiple-articles-premium {
  display: block;
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
rf-dialog-upload-multiple-articles-premium .top-containers {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 55px;
}
rf-dialog-upload-multiple-articles-premium upload-multiple-articles-premium-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
rf-dialog-upload-multiple-articles-premium .optional-containers {
  position: absolute;
  top: 100%;
  left: 20px;
  right: 20px;
  height: 30%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 10px;
}
rf-dialog-upload-multiple-articles-premium .drag-handler {
  width: 100%;
  height: 5px;
  cursor: row-resize;
  position: absolute;
  top: 0;
  background-color: var(--grey);
  z-index: 99;
}
rf-dialog-upload-multiple-articles-premium .mainview {
  top: 0;
  text-align: left;
}
rf-dialog-upload-multiple-articles-premium .primary-view {
  margin-top: 20px;
}
rf-dialog-upload-multiple-articles-premium .mainview-color {
  background-color: white !important;
}
rf-dialog-upload-multiple-articles-premium .bottom-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45px;
  user-select: none;
  padding: 0 10px 10px 10px;
  background: var(--bg3);
}
rf-dialog-upload-multiple-articles-premium .bottom-tabs {
  height: 30px;
  font-size: 20px;
  color: var(--grey);
  cursor: pointer;
}
rf-dialog-upload-multiple-articles-premium .bottom-tabs.selected {
  font-weight: bold;
  background: white;
}

upload-multiple-articles-premium-xls-table {
  overflow: auto;
  position: relative;
  display: block;
  height: 100%;
  padding: 0 15px 0 15px;
  --header-height: 30px;
}
upload-multiple-articles-premium-xls-table a {
  cursor: pointer;
}
upload-multiple-articles-premium-xls-table .files {
  float: left;
  cursor: pointer;
  color: var(--grey);
  margin-right: 10px;
}
upload-multiple-articles-premium-xls-table .files.selected {
  font-weight: bold;
}
upload-multiple-articles-premium-xls-table .head-table {
  margin-top: 10px;
  width: 100%;
  font-size: small;
  color: var(--grey);
}
upload-multiple-articles-premium-xls-table .head-table input, upload-multiple-articles-premium-xls-table .head-table select {
  border: 1px solid var(--darkwhite);
  background: #fff;
  padding: 5px;
  margin: 0;
  font-size: medium;
  height: var(--header-height);
  float: right;
}
upload-multiple-articles-premium-xls-table .head-table input.small, upload-multiple-articles-premium-xls-table .head-table select.small {
  width: 50px;
}
upload-multiple-articles-premium-xls-table .head-table .fa {
  font-size: 20px;
}
upload-multiple-articles-premium-xls-table .head-table .sheet-select {
  border: 1px solid var(--lightgrey);
  border-radius: 5px 5px 0 0;
  padding: 2px 5px 3px 5px;
  color: var(--grey);
  cursor: pointer;
  float: left;
}
upload-multiple-articles-premium-xls-table .head-table .sheet-select.sheet-active {
  font-weight: bold;
  background-color: var(--darkwhite);
}
upload-multiple-articles-premium-xls-table .head-table .table-header-btn {
  height: var(--header-height);
  width: var(--header-height);
  border: 1px solid var(--lightgrey);
  padding-top: 4px;
  float: right;
  cursor: pointer;
}
upload-multiple-articles-premium-xls-table .head-table .header-options div {
  float: right;
  line-height: var(--header-height);
}
upload-multiple-articles-premium-xls-table .head-table .header-options input {
  margin: 0 5px;
}
upload-multiple-articles-premium-xls-table .main-table {
  width: 100%;
}
upload-multiple-articles-premium-xls-table .main-table th {
  text-align: center;
  background-color: var(--midwhite);
  border-right: 1px solid var(--lightgrey);
  border-bottom: 1px solid var(--lightgrey);
  color: var(--grey);
  padding: 3px;
  cursor: pointer;
}
upload-multiple-articles-premium-xls-table .main-table th:hover {
  color: var(--main_color);
}
upload-multiple-articles-premium-xls-table .main-table td {
  text-align: left;
  border-right: 1px solid var(--lightgrey);
  border-bottom: 1px solid var(--lightgrey);
  position: relative;
  vertical-align: top;
  line-height: 14px;
  font-size: 14px;
}
upload-multiple-articles-premium-xls-table .main-table input {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
upload-multiple-articles-premium-xls-table .main-table .first-column {
  background-color: var(--midwhite);
  color: var(--grey);
  width: 50px;
  cursor: pointer;
}
upload-multiple-articles-premium-xls-table .main-table .first-column:hover {
  color: var(--main_color);
}
upload-multiple-articles-premium-xls-table .main-table .selected-row, upload-multiple-articles-premium-xls-table .main-table .selected-column {
  background-color: #ddffa7;
}
upload-multiple-articles-premium-xls-table .main-table .selected-cell {
  background-color: #d4ff7b;
}
upload-multiple-articles-premium-xls-table .main-table .disabled-row {
  color: var(--midgrey);
}
upload-multiple-articles-premium-xls-table .main-table .head-row {
  font-weight: bold;
}
upload-multiple-articles-premium-xls-table .main-table .invisible {
  opacity: 0;
  height: 0;
  display: block;
}
upload-multiple-articles-premium-xls-table .main-table .special-edit-area {
  border: none;
  padding: 0;
  resize: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  bottom: 0;
  width: 100%;
  z-index: 99;
  background: none;
  min-height: 10px;
  line-height: 14px;
  font-size: 14px;
  overflow-y: hidden;
}
upload-multiple-articles-premium-xls-table .main-table .textcontainer {
  white-space: pre;
}

rf-dialog-select-account {
  height: 100%;
  display: block;
}

rf-dialog-select-address {
  text-align: left;
}
rf-dialog-select-address h2 {
  font-size: 20px;
  color: var(--grey);
  margin-top: 0;
  line-height: 34px;
}
rf-dialog-select-address h2 .rf-btn, rf-dialog-select-address h2 .rf-btn.rf-btn-inverted,
rf-dialog-select-address h2 .rf-btn:hover {
  float: right;
  height: 28px;
  width: 28px;
  line-height: 0;
  margin-top: 3px;
}
rf-dialog-select-address .active-address {
  margin-bottom: 40px;
}
rf-dialog-select-address .all-addresses {
  border: solid 1px var(--lightgrey);
  overflow-y: auto;
  overflow-x: hidden;
  height: 400px;
  margin-bottom: 50px;
}
rf-dialog-select-address .all-addresses .addressbox {
  cursor: pointer;
  border-bottom: solid 1px var(--lightgrey);
  position: relative;
  overflow: auto;
  padding: 10px 5px;
}
rf-dialog-select-address .all-addresses .addressbox .right-buttons {
  position: absolute;
  top: -10px;
  right: 0;
}
rf-dialog-select-address .all-addresses .addressbox .rf-btn {
  background: none;
  color: var(--grey);
}
rf-dialog-select-address .all-addresses .addressbox .rf-btn:hover {
  color: var(--main_color);
}
rf-dialog-select-address .all-addresses .addressbox rf-address {
  float: left;
  text-align: left;
  min-height: 100px;
}
rf-dialog-select-address .all-addresses .addressbox:hover {
  background-color: #ededed;
}
rf-dialog-select-address .all-addresses .addressbox.active {
  background-color: var(--lightgrey);
}
rf-dialog-select-address .all-addresses .addressbox .standard-address {
  font-size: 11px;
}
rf-dialog-select-address .all-addresses .address-list-item {
  width: 50%;
  margin: 0;
  padding: 12px;
}
rf-dialog-select-address .all-addresses .address-list-item:hover {
  background-color: var(--darkwhite);
}
rf-dialog-select-address .rf-btn-background {
  text-align: center;
}
rf-dialog-select-address .filter-select {
  position: relative;
}
rf-dialog-select-address .filter-select select {
  background: white;
  border-radius: 30px;
  appearance: none;
  padding: 0 12px;
  height: 42px;
  outline: none;
  width: 100%;
  border: 1px solid var(--lightgrey);
  cursor: pointer;
}
rf-dialog-select-address .filter-select select:hover {
  background: var(--darkwhite);
}
rf-dialog-select-address .filter-select::before {
  z-index: 1;
  display: block;
  content: "\f0d7";
  font-family: FontAwesome;
  position: absolute;
  pointer-events: none;
  color: white;
  right: 1px;
  top: 1px;
  background: var(--main_color);
  height: 40px;
  width: 30px;
  padding: 10px 6px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

rf-dialog-select-article {
  text-align: left;
}
rf-dialog-select-article rf-article-size-input .dropdown {
  position: absolute;
}
rf-dialog-select-article .nav-tabs {
  margin-bottom: 10px;
}
rf-dialog-select-article .nav-tabs .close-btn {
  display: none;
}
rf-dialog-select-article .btn-list-on-top {
  position: absolute;
  right: 55px;
  z-index: 9999;
}
rf-dialog-select-article .close-btn {
  float: right;
  color: var(--main_color);
  font-size: 25px;
  margin-right: 5px;
}
rf-dialog-select-article .close-btn:hover {
  opacity: 0.6;
}
rf-dialog-select-article rf-upload-zone {
  position: initial;
}
rf-dialog-select-article .articles-container {
  position: absolute;
  right: 15px;
  left: 15px;
  bottom: 0;
  top: 170px;
  overflow-y: auto;
  padding-left: 15px;
}
rf-dialog-select-article .articles .article {
  position: relative;
  min-height: 280px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  margin-bottom: 30px;
}
rf-dialog-select-article .articles .article .select-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
rf-dialog-select-article .articles .article .select-layer .text {
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 150%;
  color: black;
  font-weight: bold;
  display: none;
}
rf-dialog-select-article .articles .article:hover {
  box-shadow: 0 0 5px 3px var(--main_color);
}
rf-dialog-select-article .articles .article.withprice {
  min-height: 330px;
}
rf-dialog-select-article .articles .article.selected {
  box-shadow: 0 0 5px 3px var(--main_color);
}
rf-dialog-select-article .articles .article.selected .text.add {
  display: block;
}
rf-dialog-select-article .articles .article.alreadyadded {
  background: rgba(0, 0, 0, 0.5);
}
rf-dialog-select-article .articles .article.alreadyadded .text.inorder {
  display: block;
}
rf-dialog-select-article .articles .article .img {
  min-height: 200px;
}
rf-dialog-select-article .articles .article .img img {
  width: 100%;
  max-height: 200px;
  max-width: 200px;
}
rf-dialog-select-article .articles .article .description {
  padding: 10px;
}
rf-dialog-select-article .added-article {
  border-bottom: 1px solid var(--lightgrey);
}
rf-dialog-select-article .tab-edit {
  width: 100%;
  padding: 20px;
  padding-bottom: 50px;
}
rf-dialog-select-article .tab-edit .header .row {
  margin: 0;
}
rf-dialog-select-article .pointer {
  cursor: pointer !important;
  word-break: break-all;
}
rf-dialog-select-article .archived-checkbox {
  position: absolute;
  right: 20px;
  top: 20px;
}

@media (min-width: 320px) and (max-width: 767px) {
  rf-dialog-article-choose .nav .close-btn {
    display: block;
  }
  rf-dialog-article-choose .added-articles {
    padding-left: 15px;
  }
  rf-dialog-article-choose .added-articles .close-btn {
    display: none;
  }
  rf-dialog-article-choose .added-articles .articles {
    left: 25px;
  }
  rf-dialog-article-choose .top-container {
    overflow: auto;
    margin-right: 0;
  }
  rf-dialog-article-choose .articles-container {
    top: 200px;
  }
}
@media (max-width: 320px) {
  rf-dialog-article-choose .nav .close-btn {
    display: block;
  }
  rf-dialog-article-choose .added-articles {
    padding-left: 15px;
  }
  rf-dialog-article-choose .added-articles .close-btn {
    display: none;
  }
  rf-dialog-article-choose .added-articles .articles {
    left: 25px;
  }
  rf-dialog-article-choose .top-container {
    overflow: auto;
    margin-right: 0;
  }
  rf-dialog-article-choose .articles-container {
    top: 200px;
  }
}
rf-dialog-select-bank-account {
  text-align: left;
}
rf-dialog-select-bank-account h2 {
  font-size: 20px;
  color: var(--grey);
  margin-top: 0;
  line-height: 34px;
}
rf-dialog-select-bank-account h2 .rf-btn, rf-dialog-select-bank-account h2 .rf-btn.rf-btn-inverted,
rf-dialog-select-bank-account h2 .rf-btn:hover {
  float: right;
  height: 28px;
  width: 28px;
  line-height: 0;
  margin-top: 3px;
}
rf-dialog-select-bank-account .active-bank-account {
  margin-bottom: 40px;
}
rf-dialog-select-bank-account .all-bank-accounts {
  border: solid 1px var(--lightgrey);
  overflow-y: auto;
  overflow-x: hidden;
  height: 400px;
  margin-bottom: 50px;
}
rf-dialog-select-bank-account .all-bank-accounts .bank-account {
  width: 50%;
  margin: 0;
  padding: 12px;
}
rf-dialog-select-bank-account .all-bank-accounts .bank-account:hover {
  background-color: var(--darkwhite);
}
rf-dialog-select-bank-account .rf-btn-background {
  text-align: center;
  width: 100%;
}
rf-dialog-select-bank-account .rf-btn-background.disabled {
  background-color: var(--darkwhite);
}

rf-dialog-select-campaign {
  height: 100%;
  display: block;
  text-align: left;
}
rf-dialog-select-campaign .campaign {
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
rf-dialog-select-campaign .campaign:hover {
  background: #ccc;
}
rf-dialog-select-campaign .campaign b {
  margin-right: 10px;
}
rf-dialog-select-campaign .campaign.active {
  background: var(--lightgrey);
}
rf-dialog-select-campaign .save-row .rf-btn {
  width: 100%;
}

rf-dialog-select-category {
  color: var(--darkgrey);
  text-align: left;
}
rf-dialog-select-category .tag-container {
  display: table;
  width: 100%;
  height: 30px;
  cursor: pointer;
}
rf-dialog-select-category .tag-container:hover, rf-dialog-select-category .tag-container .selected {
  background: var(--darkwhite);
}
rf-dialog-select-category .tag-container.already {
  background: var(--lightgrey);
  cursor: disabled;
}
rf-dialog-select-category .tag-container div, rf-dialog-select-category .tag-container span, rf-dialog-select-category .tag-container i {
  display: table-cell;
}
rf-dialog-select-category .tag-container .tag-label {
  margin-top: 2px;
  height: calc(100% - 4px);
  width: 5px;
}
rf-dialog-select-category .tag-container .tag-icon {
  width: 40px;
  min-height: 1px;
  text-align: center;
}
rf-dialog-select-category .tag-container .arrow-icon {
  float: right;
  margin-top: 7px;
  margin-right: 20px;
}
rf-dialog-select-category .tag-container-large {
  width: 100%;
  padding: 20px;
}
rf-dialog-select-category .vertical-line {
  position: absolute;
  height: 100%;
  width: 2px;
  background: var(--lightgrey);
  top: 10px;
  left: 0;
  bottom: -10px;
}

rf-dialog-select-geometry button {
  width: 100%;
}

rf-dialog-select-image {
  display: block;
}
rf-dialog-select-image .image-container {
  padding-top: 20px;
  cursor: pointer;
}
rf-dialog-select-image .image-container img {
  width: 100%;
}
rf-dialog-select-image .image-container:hover {
  box-shadow: 0 0 4px 1px var(--main_color);
}

rf-dialog-item-search {
  display: block;
}

rf-dialog-select-machine {
  color: var(--darkgrey);
  text-align: left;
}
rf-dialog-select-machine .tag {
  min-height: 64px;
  border: 2px solid var(--main_color);
  display: flex;
  width: 100%;
  text-align: left;
  padding: 0 5px;
  margin-top: 15px;
  border-radius: 10px;
  cursor: pointer;
}
rf-dialog-select-machine .tag:hover {
  opacity: 0.7;
}
rf-dialog-select-machine .cost-centre {
  width: 25%;
  font-size: 30px;
  padding: 5px;
  line-height: 60px;
  padding-bottom: 0;
  color: var(--main_color);
  text-align: center;
}
rf-dialog-select-machine rf-drawing-img {
  float: left;
  width: 35%;
}
rf-dialog-select-machine rf-drawing-img .nopreview.disabled,
rf-dialog-select-machine rf-drawing-img img.disabled {
  cursor: pointer;
}
rf-dialog-select-machine .info {
  float: left;
  padding-left: 10px;
  width: 65%;
  margin: auto 0;
}
rf-dialog-select-machine .info span {
  cursor: pointer;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  word-break: break-word;
}
@media (min-width: 100px) and (max-width: 800px) {
  rf-dialog-select-machine .cost-centre {
    font-size: 20px;
  }
  rf-dialog-select-machine .info {
    padding-left: 10px;
  }
  rf-dialog-select-machine .info span {
    font-size: 11px;
    word-break: break-word;
  }
}

@media (min-width: 1400px) {
  rf-dialog-select-material .rf-dialog .box {
    width: 60%;
    left: 20%;
    top: 7vh;
  }
}
rf-dialog-select-material .rf-edit.rf-label label {
  width: 39%;
}
rf-dialog-select-material .rf-edit.rf-label input {
  width: 58%;
}
rf-dialog-select-material .rf-edit.rf-label textarea {
  max-width: 58%;
  min-width: 50%;
}
rf-dialog-select-material .active {
  background-color: var(--lightgrey);
}
rf-dialog-select-material .nav-tabs li {
  cursor: pointer;
}
rf-dialog-select-material .material-box {
  min-height: 400px;
  width: 100%;
}
rf-dialog-select-material .rf-edit label {
  text-align: left;
}
rf-dialog-select-material input {
  width: 50%;
}
rf-dialog-select-material .rf-btn.inactive {
  background-color: var(--lightgrey);
}
rf-dialog-select-material .rf-btn.inactive:hover {
  color: white;
}

rf-dialog-select-order {
  height: 100%;
  display: block;
}
rf-dialog-select-order .content-wrap {
  padding: 10px;
}
rf-dialog-select-order .tab-content {
  padding: 15px 0;
}

rf-dialog-select-price {
  display: block;
  text-align: left;
}
rf-dialog-select-price .head-row {
  border-bottom: 1px solid var(--lightgrey);
}
rf-dialog-select-price .large {
  color: var(--grey);
  font-size: 28px;
}
rf-dialog-select-price small {
  color: var(--grey);
}
rf-dialog-select-price .bottom-box {
  background-color: var(--darkwhite);
}

rf-dialog-select-procurement .fixed-header-footer thead {
  background: var(--bg1);
}
rf-dialog-select-procurement .fixed-header-footer thead h5 {
  display: inline-block;
}
rf-dialog-select-procurement .fixed-header-footer thead .padding {
  padding-left: 5px;
  padding-right: 5px;
}
rf-dialog-select-procurement .fixed-header-footer tbody {
  width: 100%;
  overflow: auto;
  max-height: 30vh;
  color: var(--grey);
}
rf-dialog-select-procurement .fixed-header-footer tbody tr:nth-child(even) {
  background: var(--bg1);
}
rf-dialog-select-procurement .fixed-header-footer tbody .large {
  width: 50px;
  font-size: 20px;
  text-align: center;
}
rf-dialog-select-procurement .fixed-header-footer td {
  padding: 8px 0;
}
rf-dialog-select-procurement .fixed-header-footer td:first-child {
  padding-left: 15px;
}
rf-dialog-select-procurement .left {
  text-align: left;
}
rf-dialog-select-procurement .header-icon {
  float: right;
}
rf-dialog-select-procurement .font-large {
  font-weight: bold;
  font-size: 20px;
}
rf-dialog-select-procurement .fa-check {
  color: var(--main_color);
  font-size: 30px;
}
rf-dialog-select-procurement .tag {
  background: var(--main_color);
  color: white;
  border-radius: 10px;
  margin: 10px;
}
rf-dialog-select-procurement .tag.blue {
  background: var(--darkblue);
}
rf-dialog-select-procurement .article-box {
  padding: 0 10px;
  color: var(--grey);
  background: var(--bg1);
  height: 80px;
  text-align: left;
}
rf-dialog-select-procurement .article-box .col-xs-12 {
  line-height: 30px;
}
rf-dialog-select-procurement .article-box .large {
  width: 50%;
  font-size: 20px;
  text-align: center;
}
rf-dialog-select-procurement .base-line {
  vertical-align: baseline;
  display: inline;
}
rf-dialog-select-procurement .text-top {
  vertical-align: text-top;
  display: inline;
}
rf-dialog-select-procurement .green {
  color: var(--darkgreen);
}
rf-dialog-select-procurement .red {
  color: var(--darkred);
}

rf-dialog-select-workplan {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: left;
}
rf-dialog-select-workplan .workplan {
  padding: 10px 20px;
  min-height: 230px;
  margin-top: 20px;
  cursor: pointer;
  margin-bottom: 30px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
}
rf-dialog-select-workplan .workplan.active {
  background: var(--main_color);
}

rf-abilities {
  position: relative;
  display: block;
}
rf-abilities label {
  color: grey;
}
rf-abilities .tag {
  background: var(--main_color);
  border-radius: 4px;
  float: left;
  padding: 3px 8px;
  margin: 1px 3px;
  color: white;
}

rf-account-create .active {
  background-color: var(--lightgrey);
}
rf-account-create .nav-tabs li {
  cursor: pointer;
}
rf-account-create .address-box {
  min-height: 400px;
}
rf-account-create .rf-edit label {
  text-align: left;
}
rf-account-create input {
  width: 100%;
}
rf-account-create .rf-btn.inactive {
  background-color: var(--lightgrey);
}
rf-account-create .rf-btn.inactive:hover {
  color: white;
}
rf-account-create .btn-group {
  width: 100%;
}
rf-account-create .btn-group button {
  width: 50%;
}
rf-account-create .save-row .rf-btn {
  width: 100%;
}

rf-account-meta-data {
  display: block;
}
rf-account-meta-data a {
  color: var(--grey);
}
rf-account-meta-data a i {
  color: var(--main_color);
}

rf-account-select .active {
  background-color: var(--lightgrey) !important;
}
rf-account-select .nav-tabs li {
  cursor: pointer;
}
rf-account-select .address-box {
  min-height: 400px;
}
rf-account-select .rf-edit label {
  text-align: left;
}
rf-account-select input {
  width: 100%;
}
rf-account-select .accounts {
  width: 100%;
  height: 400px;
  overflow-y: auto;
  display: inline-block;
}
rf-account-select .accounts .account {
  cursor: pointer;
  width: 100%;
  text-align: left;
}
rf-account-select .accounts .account:hover {
  background: #ccc;
}
rf-account-select .rf-btn.inactive {
  background-color: var(--lightgrey);
}
rf-account-select .rf-btn.inactive:hover {
  color: white;
}
rf-account-select h4 {
  margin-top: 28px;
  text-align: left;
}
rf-account-select .save-row .rf-btn {
  width: 100%;
}
rf-account-select .filter-sort {
  float: left;
  margin-right: 20px;
  margin-top: -4px;
}
rf-account-select .table-padding td {
  padding-top: 5px;
  padding-bottom: 5px;
}

rf-address {
  float: left;
  width: 100%;
  padding-right: 15px;
}
rf-address:hover {
  color: var(--main_color);
}
rf-address.contact .phone-and-mail {
  display: block !important;
}
rf-address.only-contact .phone-and-mail {
  display: block !important;
}
rf-address.only-contact .postal-address {
  display: none !important;
}
rf-address .phone-and-mail,
rf-address .fa {
  padding-bottom: 5px;
  display: none;
}
rf-address span {
  font-size: 13px;
  margin: 0;
  padding: 0;
}
rf-address .warning {
  color: var(--invalid);
}

rf-address-input {
  float: left;
  width: 100%;
  display: block;
}

rf-address-list {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
rf-address-list .address-list-item {
  margin-bottom: 25px;
}
rf-address-list .address-list-item.active {
  background-color: var(--lightgrey);
}
rf-address-list .address-field {
  position: relative;
  min-height: 250px;
}
rf-address-list .address-field .address-buttons {
  position: absolute;
  right: 25px;
  top: -11px;
}
rf-address-list .address-field .address-buttons .rf-btn {
  background: none;
}
rf-address-list .standard-address {
  margin-top: 5px;
}
rf-address-list .standard-address input {
  float: left;
}
rf-address-list .standard-address p {
  color: var(--grey);
  font-size: 14px;
  margin-left: 25px;
  margin-bottom: 0;
  line-height: 25px;
}

add-article {
  display: block;
  width: 100%;
  overflow: auto;
  user-select: none;
}
add-article .articles {
  max-height: 350px;
  min-height: 250px;
  overflow-y: auto;
}
add-article .article {
  border-bottom: 2px solid var(--darkwhite);
}
add-article .article:hover {
  background: var(--lightgrey);
}
add-article .article-image {
  float: left;
  min-height: 40px;
}
add-article .article-text {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
add-article .no-price-label {
  color: #952424;
}
add-article .new-article {
  padding-left: 15px;
  padding-right: 15px;
  overflow-x: hidden;
}
add-article .main-actions {
  left: 0;
  transform: translateX(30%);
}

article-demand table {
  width: 100%;
}
article-demand table th {
  text-align: center;
}
article-demand table td {
  padding: 5px;
}
article-demand .center {
  text-align: center;
}
article-demand .right {
  text-align: right;
}
article-demand .demand {
  background: var(--bg1);
}
article-demand .border {
  border-bottom: 1px solid var(--lightgrey);
}
article-demand .table-row {
  color: var(--darkgrey);
  font-size: 85%;
}

rf-article-info {
  display: block;
  padding: 15px 10px;
}

rf-article-infos {
  display: block;
}

rf-article-list {
  display: block;
}
rf-article-list .icon-buttons {
  padding-left: 0;
  padding-right: 0;
}
rf-article-list .icon-buttons i {
  float: left;
  color: var(--main_color);
  margin-left: 8px;
}
rf-article-list .icon-buttons i:hover {
  opacity: 0.6;
}
rf-article-list .pos-spacer {
  width: 12px;
  height: 10px;
  float: left;
}
rf-article-list .bottom-line {
  border-bottom: 1px solid var(--lightgrey);
  width: 100%;
}
rf-article-list input.rf-form {
  height: 20px;
  margin: 0;
  border: none;
  color: var(--main_color);
}
rf-article-list input.rf-form:hover {
  background: var(--lightgrey);
}
rf-article-list .sub-list {
  background: var(--darkwhite);
}
rf-article-list .view-mode {
  font-size: 90%;
}

rf-bank-account {
  display: inline;
}
rf-bank-account b {
  color: var(--midgrey);
  font-size: 100%;
  min-width: 110px;
  display: inline-block;
  text-align: left;
}

rf-bank-account-list {
  position: relative;
}
rf-bank-account-list .bank-account-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: center;
}
rf-bank-account-list .bank-account {
  margin: 10px 0;
}
rf-bank-account-list .bank-account.active {
  background-color: var(--lightgrey);
}
rf-bank-account-list .label {
  color: var(--black);
  font-size: 100%;
  min-width: 110px;
  display: inline-block;
  text-align: left;
}
rf-bank-account-list .rf-btn,
rf-bank-account-list .rf-btn:hover, rf-bank-account-list .rf-btn.rf-btn-inverted {
  background: transparent;
}

rf-drawing-context-menu .menu-box {
  position: absolute;
  z-index: 999999;
  min-width: 170px;
  background: white;
  border: 1px solid var(--lightgrey);
}
rf-drawing-context-menu .menu-box .maincolor {
  color: var(--main_color);
}
rf-drawing-context-menu .menu-box .pointer {
  cursor: pointer;
}
rf-drawing-context-menu .menu-box .list-item {
  text-align: left;
  min-height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid var(--midgrey);
  width: 100%;
  line-height: 30px;
}
rf-drawing-context-menu .menu-box .list-item:hover {
  background: var(--midwhite);
  cursor: pointer;
}
rf-drawing-context-menu .menu-box .list-item i {
  float: left;
  font-size: 15px;
  height: 20px;
  line-height: 35px;
  margin-right: 5px;
}
rf-drawing-context-menu .menu-box .list-item span {
  float: left;
}
rf-drawing-context-menu .grey-layer {
  position: fixed;
  z-index: 9100;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0.3;
  background-color: var(--midgrey);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

calc-footer .rf-pie-chart-calc .arc text {
  font-size: 10px;
  text-anchor: middle;
}
calc-footer .rf-pie-chart-calc .arc path {
  stroke: #fff;
}
calc-footer .rf-pie-chart-calc .title {
  fill: teal;
  font-weight: bold;
}
calc-footer .rf-bar-chart-calc .axis line,
calc-footer .rf-bar-chart-calc .axis path {
  fill: none;
  stroke: grey;
  stroke-width: 1px;
}
calc-footer .calc-statistic h2 {
  text-align: center;
}
calc-footer .calc-statistic svg {
  margin: 0 auto;
  display: block;
}
calc-footer .cost-overview-table {
  padding: 0 25px;
  font-size: 90%;
  margin-top: 70px;
}
calc-footer .cost-overview-table b {
  font-size: 80%;
}
calc-footer .cost-overview-table hr {
  margin: 0;
}
calc-footer .pie-chart-middle-info {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  top: 54%;
  position: absolute;
  left: 39%;
}

calc-header {
  display: block;
  width: 100%;
  padding: 10px 15px 5px;
}
calc-header .disabled {
  cursor: default;
  color: gray;
}
calc-header .arrow-disabled {
  visibility: hidden;
}
calc-header .flex-display {
  display: flex;
  align-items: center;
}
calc-header .flex-display.space-between {
  justify-content: space-between;
}
calc-header .flex-display.as-column {
  flex-direction: column;
  float: right;
}
calc-header .arrow-icon-container {
  width: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
calc-header .arrow-icon-container a {
  font-size: xx-large;
  float: left;
}
calc-header .arrow-icon-container .fa:hover {
  color: var(--main_color);
}
calc-header .dropdown {
  user-select: none;
  position: absolute;
  top: 50px;
  z-index: 999;
  background: var(--grey);
  padding: 25px;
  color: white;
  min-width: 450px;
  margin-left: -200px;
}
calc-header .article-tree-left {
  color: var(--grey);
}
calc-header .info-area-right {
  padding: 0 40px 0 0;
  font-size: 11px;
  text-align: right;
  color: var(--grey);
}
calc-header .info-area-right input {
  color: black;
}
calc-header .info-area-right .fa {
  color: var(--main_color);
}
calc-header .position-item {
  cursor: pointer;
  padding: 4px;
  border-radius: 5px;
  background: var(--midwhite);
  border: 2px solid var(--midwhite);
  margin-right: 10px;
  min-height: 106px;
  position: relative;
}
calc-header .position-item.selected {
  border: 2px solid var(--main_color);
}
calc-header .position-item rf-drawing-img .image img.disabled {
  cursor: pointer;
}
calc-header .position-item .text-labels {
  font-size: 10px;
  line-height: 10px;
  padding-bottom: 5px;
}
calc-header .position-item .margin-left-right-small {
  margin: 0 2px;
}
calc-header .position-item i.fa-save {
  position: absolute;
  animation: blinker03 1s linear infinite;
}
calc-header .position-item .status-box {
  border: 1px;
  border-radius: 10px;
  background: var(--lightgrey);
  color: white;
  padding: 1px;
  width: 42px;
  text-align: center;
  margin-bottom: 2px;
  cursor: pointer;
}
calc-header .position-item .step-finished {
  background: var(--darkgreen);
}
calc-header .position-item .assembly {
  position: absolute;
  bottom: 0;
  left: 0;
}
calc-header .position-item .assembly i {
  color: var(--lightgrey);
  font-size: 30px;
}
calc-header .position-item .assembly span {
  position: absolute;
  display: block;
  bottom: -5px;
  left: -5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--darkwhite);
  border: 1px solid var(--midgrey);
  text-align: center;
}

calc-header-tree-element {
  color: var(--grey);
  cursor: pointer;
}
calc-header-tree-element .selected {
  font-weight: bold;
  cursor: default;
}

calc-pdf-edit {
  display: block;
  width: 100%;
  height: 100%;
}
calc-pdf-edit .stage {
  height: 93% !important;
}

calc-left-side {
  display: block;
  margin: 0 5px;
  padding: 5px 0;
  border-radius: 10px;
  background: var(--midwhite);
  border: dashed 2px var(--lightgrey);
}
calc-left-side .large-heading {
  font-size: 24px;
  margin-left: 10px;
}
calc-left-side .article-tree-heading {
  border-bottom: 1px solid var(--lightgrey);
  display: inline-block;
  width: 100%;
  padding: 15px;
}
calc-left-side .article-tree-heading .fa-angle-double-down, calc-left-side .article-tree-heading .fa-angle-double-up {
  float: right;
  font-size: 30px;
  font-weight: bold;
}
calc-left-side .article-tree-heading .selected {
  font-weight: bold;
}
calc-left-side .rf-btn.rf-btn-inverted.rf-btn-transparent,
calc-left-side .rf-btn.rf-btn-inverted.rf-btn-transparent:hover {
  margin-right: 10px;
  border: none;
  font-size: 18px;
}
calc-left-side .rf-btn.rf-btn-inverted.rf-btn-transparent:hover {
  color: var(--lighgrey);
}
calc-left-side thead {
  color: var(--midgrey);
}
calc-left-side .files tr:nth-child(even) {
  background: var(--bg1);
}
calc-left-side .files td, calc-left-side .files th {
  padding-left: 15px;
}
calc-left-side .files td {
  font-size: 90%;
}
calc-left-side .action-icons {
  color: var(--main_color);
  padding: 0 3px;
  font-size: 15px;
}
calc-left-side .action-icons:hover {
  color: white;
  background: var(--main_color);
}
calc-left-side .action-icons.disabled {
  pointer-events: none;
  color: var(--lightgrey);
}

calc-right-side {
  display: block;
}
calc-right-side .rf-form {
  padding: 0;
  margin: 0;
}
calc-right-side .rf-icon {
  font-size: 25px;
  color: var(--main_color);
  float: left;
}
calc-right-side .large-heading {
  font-size: 24px;
  margin-left: 10px;
}
calc-right-side .files {
  font-size: 90%;
}
calc-right-side .files:nth-child(even) {
  background: var(--bg1);
}
calc-right-side .action-icons {
  color: var(--main_color);
  padding: 0px 3px;
}
calc-right-side .action-icons:hover {
  color: white;
  background: var(--main_color);
}
calc-right-side .header-tasks {
  font-size: 9px;
  min-height: 20px;
  overflow: auto;
  text-align: left;
}
calc-right-side .header-tasks .fa {
  font-size: 24px;
  margin-top: -4px;
}
calc-right-side .rf-btn-blue {
  background: #5b5b96;
}
calc-right-side .rf-btn-large {
  line-height: 20px;
  overflow: auto;
  padding: 11px 5px !important;
}
calc-right-side .rf-btn-light {
  border: 1px solid var(--main_color);
  background: var(--midwhite);
  color: var(--main_color);
  border-radius: 3px;
  padding: 3px;
  margin: 0;
  display: inline;
  float: right;
  white-space: nowrap;
}
calc-right-side .rf-btn-light:hover {
  padding: 3px;
  margin: 0;
}
calc-right-side .icon-grey {
  color: var(--grey);
}
calc-right-side .icon-check {
  color: var(--darkgreen);
  font-size: x-small;
  margin-left: -5px;
}
calc-right-side .icon-invalid {
  color: var(--red);
  font-size: x-small;
  margin-left: -5px;
}
calc-right-side .step-finished {
  color: var(--darkgreen);
  font-size: medium;
}
calc-right-side .nav-tabs {
  border: none;
}
calc-right-side .rf-btn-actions {
  border-radius: 5px;
}
calc-right-side .finish-step {
  display: flex;
  align-items: baseline;
}
calc-right-side .finish-step input {
  cursor: pointer;
}
calc-right-side .finish-step label {
  font-weight: normal;
  margin-left: 5px;
}

tab-article-edit h4 {
  display: inline;
}
tab-article-edit small {
  color: var(--grey);
}
tab-article-edit .variable-input {
  display: inline-block;
  width: 60%;
  float: right;
}
tab-article-edit .variable-input .container {
  display: table;
  width: 100%;
}
tab-article-edit .variable-input .input-container {
  display: table-cell;
  padding-right: 5px;
}
tab-article-edit .variable-input input {
  top: -8px;
}

calc-tab-autocalc {
  display: block;
  width: 100%;
}
calc-tab-autocalc input {
  border: none;
}

cost-centre-article .row-header {
  text-align: right;
}
cost-centre-article .row-header rf-drawing-img .image {
  float: left;
  margin-left: 10px;
  margin-top: -4px;
}
cost-centre-article .task-options {
  position: absolute;
  background: white;
  width: 220px;
  right: 0;
  top: 30px;
  border: 1px solid var(--lightgrey);
  z-index: 999;
  line-height: 2em;
}
cost-centre-article .task-options .item {
  text-align: left;
  border-bottom: 1px solid var(--lightgrey);
  padding: 0 15px;
}
cost-centre-article .task-options .item:hover {
  background: var(--midwhite);
}
cost-centre-article .scale-selected input {
  background-color: rgba(255, 131, 0, 0.6509803922);
}
cost-centre-article .price-table {
  background-color: #f5f5f5;
}

calc-calculation {
  display: block;
  width: 100%;
  user-select: none;
}
calc-calculation .work-process {
  border-bottom: 1px lightgray solid;
}
calc-calculation .tasks .rf-icon {
  font-size: 28px;
  line-height: 28px;
}
calc-calculation .tasks .header-icon {
  float: right;
}

cost-centre-task, cost-centre-article {
  /* --------------------- general style -------------------------- */
  display: block;
  margin: 0;
  position: relative;
  /* --------------------- specific style of each row -------------------------- */
}
cost-centre-task .subtask-container, cost-centre-article .subtask-container {
  border-bottom: 3px solid var(--lightgrey);
}
cost-centre-task input,
cost-centre-task select, cost-centre-article input,
cost-centre-article select {
  padding: 0 5px;
  border: 1px solid var(--darkwhite);
}
cost-centre-task input:hover, cost-centre-task input:active, cost-centre-task input:focus,
cost-centre-task select:hover,
cost-centre-task select:active,
cost-centre-task select:focus, cost-centre-article input:hover, cost-centre-article input:active, cost-centre-article input:focus,
cost-centre-article select:hover,
cost-centre-article select:active,
cost-centre-article select:focus {
  border: 1px solid var(--midgrey);
}
cost-centre-task .sub-task-alternative, cost-centre-article .sub-task-alternative {
  background: var(--lightgrey);
  padding-bottom: 15px;
}
cost-centre-task rf-time-input select, cost-centre-article rf-time-input select {
  height: 22px;
}
cost-centre-task .time-color, cost-centre-article .time-color {
  color: #63729c;
}
cost-centre-task table, cost-centre-article table {
  width: 100%;
}
cost-centre-task table .tr-icons, cost-centre-task table .tr-name, cost-centre-task table .tr-var-cost, cost-centre-task table .tr-fix-cost, cost-centre-task table .tr-var-time, cost-centre-task table .tr-fix-time, cost-centre-task table .tr-actions, cost-centre-article table .tr-icons, cost-centre-article table .tr-name, cost-centre-article table .tr-var-cost, cost-centre-article table .tr-fix-cost, cost-centre-article table .tr-var-time, cost-centre-article table .tr-fix-time, cost-centre-article table .tr-actions {
  vertical-align: top;
}
cost-centre-task table .tr-icons, cost-centre-article table .tr-icons {
  width: 12%;
  padding: 0;
}
cost-centre-task table .tr-name, cost-centre-article table .tr-name {
  width: 28%;
}
cost-centre-task table .tr-var-cost, cost-centre-article table .tr-var-cost {
  width: 10%;
}
cost-centre-task table .tr-fix-cost, cost-centre-article table .tr-fix-cost {
  width: 10%;
}
cost-centre-task table .tr-var-time, cost-centre-article table .tr-var-time {
  width: 14%;
}
cost-centre-task table .tr-fix-time, cost-centre-article table .tr-fix-time {
  width: 14%;
}
cost-centre-task table .tr-actions, cost-centre-article table .tr-actions {
  width: 12%;
  padding: 0;
}
cost-centre-task .row-header, cost-centre-article .row-header {
  background: var(--darkwhite);
  overflow: auto;
}
cost-centre-task .row-header td, cost-centre-article .row-header td {
  padding-top: 4px;
}
cost-centre-task .row-header.active, cost-centre-article .row-header.active {
  background: var(--main_color_light);
}
cost-centre-task .row-header .tr-icons .rf-icon, cost-centre-article .row-header .tr-icons .rf-icon {
  color: var(--grey);
  font-size: 15px;
  margin-left: 10px;
  line-height: 26px;
}
cost-centre-task .row-header .tr-icons .rf-icon:hover, cost-centre-article .row-header .tr-icons .rf-icon:hover {
  color: white;
}
cost-centre-task .row-header rf-color-toggle, cost-centre-article .row-header rf-color-toggle {
  width: 20px;
  float: right;
  margin-top: 4px;
}
cost-centre-task .row-header .header-icon, cost-centre-article .row-header .header-icon {
  margin-top: -3px;
  line-height: 26px;
}
cost-centre-task .row-header .header-icon:hover, cost-centre-article .row-header .header-icon:hover {
  color: var(--main_color);
}
cost-centre-task .row-header .color-label, cost-centre-article .row-header .color-label {
  position: absolute;
  width: 8px;
  left: 0;
  top: 0;
  height: 30px;
}
cost-centre-task .row-second-header, cost-centre-article .row-second-header {
  font-size: 10px;
  text-align: right;
}
cost-centre-task .row-second-header td, cost-centre-article .row-second-header td {
  padding-top: 10px;
}
cost-centre-task .row-subtask, cost-centre-article .row-subtask {
  position: relative;
}
cost-centre-task .row-subtask.disabled, cost-centre-article .row-subtask.disabled {
  opacity: 0.25;
}
cost-centre-task .row-subtask td, cost-centre-article .row-subtask td {
  border-bottom: 1px solid var(--lightgrey);
}
cost-centre-task .row-subtask input,
cost-centre-task .row-subtask select, cost-centre-article .row-subtask input,
cost-centre-article .row-subtask select {
  height: 28px;
  border: 1px solid transparent;
}
cost-centre-task .row-subtask input:hover, cost-centre-task .row-subtask input:active, cost-centre-task .row-subtask input:focus,
cost-centre-task .row-subtask select:hover,
cost-centre-task .row-subtask select:active,
cost-centre-task .row-subtask select:focus, cost-centre-article .row-subtask input:hover, cost-centre-article .row-subtask input:active, cost-centre-article .row-subtask input:focus,
cost-centre-article .row-subtask select:hover,
cost-centre-article .row-subtask select:active,
cost-centre-article .row-subtask select:focus {
  border: 1px solid var(--midgrey);
}
cost-centre-task .row-subtask .tr-icons i, cost-centre-article .row-subtask .tr-icons i {
  font-size: 15px;
  line-height: 15px;
  margin-top: 10px;
}
cost-centre-task .row-subtask .icon-container .fa, cost-centre-article .row-subtask .icon-container .fa {
  float: right;
  color: var(--main_color);
  margin-right: 15px;
  margin-top: 7px;
}
cost-centre-task .row-subtask .icon-container .fa:hover, cost-centre-article .row-subtask .icon-container .fa:hover {
  color: var(--main_color_light);
}
cost-centre-task .row-subtask .subtask-index, cost-centre-article .row-subtask .subtask-index {
  color: white;
  float: left;
  text-align: center;
  border-radius: 11px;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  min-width: 22px;
  margin-right: 15px;
  margin-left: 5px;
  margin-top: 2px;
}
cost-centre-task .row-subtask-sum, cost-centre-article .row-subtask-sum {
  font-weight: bold;
}
cost-centre-task .row-subtask-sum input, cost-centre-task .row-subtask-sum select, cost-centre-article .row-subtask-sum input, cost-centre-article .row-subtask-sum select {
  border: 1px solid transparent;
}
cost-centre-task .row-subtask-sum input:hover, cost-centre-task .row-subtask-sum input:active, cost-centre-task .row-subtask-sum input:focus, cost-centre-task .row-subtask-sum select:hover, cost-centre-task .row-subtask-sum select:active, cost-centre-task .row-subtask-sum select:focus, cost-centre-article .row-subtask-sum input:hover, cost-centre-article .row-subtask-sum input:active, cost-centre-article .row-subtask-sum input:focus, cost-centre-article .row-subtask-sum select:hover, cost-centre-article .row-subtask-sum select:active, cost-centre-article .row-subtask-sum select:focus {
  border: 1px solid var(--midgrey);
}
cost-centre-task .row-subtask-sum td, cost-centre-article .row-subtask-sum td {
  padding-top: 10px;
}
cost-centre-task .row-task-options .edit-row, cost-centre-article .row-task-options .edit-row {
  padding: 0 10px;
}
cost-centre-task .row-task-options .edit-row span, cost-centre-article .row-task-options .edit-row span {
  float: left;
  text-align: left;
  margin-left: -8px;
}
cost-centre-task .row-task-options .add, cost-centre-article .row-task-options .add {
  margin-top: 5px;
}
cost-centre-task .row-subtask,
cost-centre-task .row-task-options, cost-centre-article .row-subtask,
cost-centre-article .row-task-options {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  margin: 0;
  height: 0;
  width: 100%;
}
cost-centre-task .row-subtask .rf-btn,
cost-centre-task .row-task-options .rf-btn, cost-centre-article .row-subtask .rf-btn,
cost-centre-article .row-task-options .rf-btn {
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}
cost-centre-task .row-subtask .rf-btn.btn-wide,
cost-centre-task .row-task-options .rf-btn.btn-wide, cost-centre-article .row-subtask .rf-btn.btn-wide,
cost-centre-article .row-task-options .rf-btn.btn-wide {
  height: 26px;
  width: 100%;
  margin: 5px 0;
}
cost-centre-task .extended .sub-tasks, cost-centre-article .extended .sub-tasks {
  height: 30px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
cost-centre-task .extended .row-task-options, cost-centre-article .extended .row-task-options {
  height: auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
cost-centre-task .task-options-color, cost-centre-article .task-options-color {
  background: #f5f5f5;
}

cost-centre-task {
  text-align: right;
}
cost-centre-task .row-header .tr-actions {
  width: 35%;
}

calc-task-list {
  display: block;
  width: 100%;
  overflow: visible;
}
calc-task-list .rf-edit {
  border-bottom: none;
  overflow: hidden;
  height: 25px;
}
calc-task-list .rf-edit input,
calc-task-list .rf-edit select {
  background: none;
}
calc-task-list .rf-edit::before {
  content: none;
}
calc-task-list rf-time-input {
  margin-right: 30px;
}
calc-task-list input {
  text-align: right;
  padding: 0 5px;
}
calc-task-list .task-menu .background-layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--midgrey);
  opacity: 0.1;
  z-index: 998;
}
calc-task-list .task-menu .task-options {
  position: absolute;
  background: white;
  width: 220px;
  right: 0;
  top: 30px;
  border: 1px solid var(--lightgrey);
  z-index: 999;
  line-height: 2em;
}
calc-task-list .task-menu .task-options .item {
  text-align: left;
  border-bottom: 1px solid var(--lightgrey);
  padding: 0 15px;
}
calc-task-list .task-menu .task-options .item:hover {
  background: var(--midwhite);
}
calc-task-list .tasks a.header-icon {
  padding: 0 8px;
}
calc-task-list .tasks a.header-icon:hover {
  opacity: 0.5;
}

calc-costs {
  display: block;
  width: 100%;
}
calc-costs .btn-profit {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 0;
  padding: 0;
}
calc-costs .btn-profit:hover {
  padding: 0;
}
calc-costs .select-icon {
  cursor: pointer;
  margin-right: 5px;
}
calc-costs .header-expand {
  width: 100%;
  background: var(--lightgrey);
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 33px;
  user-select: none;
}
calc-costs .header-expand.main {
  background: var(--midgrey);
  color: white;
}
calc-costs .header-expand input {
  height: 30px;
}
calc-costs .header-expand .header-btn {
  width: 35px;
  font-size: 14px;
  float: left;
  height: 35px;
  position: absolute;
  margin-top: -1px;
  padding-left: 9px;
}
calc-costs .header-expand .header-btn:hover .fa {
  color: var(--main_color);
}
calc-costs .header-expand .change-padding {
  padding-left: 0;
  padding-right: 30px;
}
calc-costs .requests {
  margin: 0px 5px;
  height: 30px;
  display: flex;
  align-items: center;
}
calc-costs .requests:nth-child(odd) {
  background: var(--bg2);
}
calc-costs .centered {
  text-align: center;
}
calc-costs .right {
  text-align: right;
}
calc-costs input {
  text-align: right;
}
calc-costs .calc-continue-buttons .rf-btn {
  line-height: 20px;
  overflow: auto;
  padding: 11px 0;
}
calc-costs .calc-continue-buttons .rf-btn small {
  width: 80%;
  float: left;
}
calc-costs .calc-continue-buttons .rf-btn i {
  float: left;
  width: 20%;
  margin: 0;
}
calc-costs .color-label {
  position: absolute;
  width: 20px;
  height: 30px;
  left: 7px;
  top: 1px;
}
calc-costs .color-label-2 {
  position: absolute;
  width: 10px;
  height: 30px;
  left: -7px;
  background: var(--grey);
  cursor: pointer;
}
calc-costs .selected-request {
  background: var(--main_color);
}
calc-costs .row-selected-request {
  border: 1px solid var(--main_color);
}
calc-costs .header-add-btn {
  padding: 6px 5px 0;
  margin: 0;
  width: 30px;
  float: left;
}
calc-costs .header-add-btn:hover {
  padding: 6px 5px 0;
  margin: 0;
}
calc-costs .header-add-btn:hover i {
  color: var(--main_color) !important;
}
calc-costs .space-left {
  margin-left: 15px;
}
calc-costs .space-left:hover {
  margin-left: 15px;
}
calc-costs .alternative-quantity-cell {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
calc-costs .action-menus {
  margin: 5px 0;
  text-align: center;
}
calc-costs .action-menus .select-btn {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

calc-tab-calculations .inner-content tbody tr.active {
  background: var(--main_color_light);
}
calc-tab-calculations .inner-content tbody tr {
  cursor: pointer;
  position: relative;
}
calc-tab-calculations .inner-content tbody tr:hover {
  opacity: 0.8;
}
calc-tab-calculations .inner-content tbody .process {
  display: inline-block;
  position: relative;
}
calc-tab-calculations .inner-content tbody .rf-icon {
  margin-right: 8px;
  font-size: 12px;
  color: var(--grey);
  margin-top: 9px;
}
calc-tab-calculations .inner-content tbody .rf-btn,
calc-tab-calculations .inner-content tbody .rf-btn:hover {
  margin: 0;
  float: right;
}
calc-tab-calculations .inner-content tbody .color-label {
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
calc-tab-calculations .inner-content tbody .icon-counter {
  background: gray;
  left: 10px;
  top: 10px;
}

calc-unit-calculator span {
  float: right;
}
calc-unit-calculator input {
  padding: 0;
}

calc-tab-procurement rf-stock-quantity-list {
  display: block;
}
calc-tab-procurement rf-stock-quantity-status-bar {
  display: block;
}

rf-calc {
  display: block;
  background: var(--bg2);
  text-align: left;
  padding: 0;
}
rf-calc a {
  cursor: pointer;
}
rf-calc .no-select {
  user-select: none;
}
rf-calc .rf-panel-box {
  margin-top: 0;
  margin-bottom: 15px;
  padding: 9px;
}
rf-calc .rf-panel-box h4 {
  margin: 0 0 5px;
}
rf-calc .header-expand {
  user-select: none;
  width: 100%;
  background: var(--lightgrey);
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
}
rf-calc .header-expand.main {
  background: var(--midgrey);
  color: white;
}
rf-calc .main-calc-container {
  overflow: auto;
  max-height: 88vh;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 20px;
}
rf-calc #inner-left-calc-container {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
rf-calc .container-right-side-collapse {
  width: 100%;
  writing-mode: tb;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  font-size: large;
  min-height: 500px;
  border-radius: 10px;
  background: var(--midwhite);
}
rf-calc .container-right-side-collapse div {
  cursor: pointer;
  color: var(--main_color);
}
rf-calc .step-finished {
  color: var(--darkgreen);
}
@media (min-width: 900px) {
  rf-calc .padding-md {
    padding: 0 25px;
  }
}
@media (max-width: 767px) {
  rf-calc .main-calc-container.pop-up {
    top: 90px;
  }
}

rf-cargo-board-properties table {
  margin-top: 10px;
  display: table;
  width: 100%;
}
rf-cargo-board-properties table tr td {
  padding: 5px;
}
rf-cargo-board-properties table tr td:nth-child(odd) {
  text-align: left;
}
rf-cargo-board-properties input, rf-cargo-board-properties select, rf-cargo-board-properties rf-date-time {
  width: 100% !important;
}
rf-cargo-board-properties .rf-form {
  padding-top: 0;
  padding-bottom: 0;
}

rf-cargo-board-quotation button {
  width: 100%;
  font-size: 18px;
  border-radius: 4px;
}
rf-cargo-board-quotation .table-container {
  margin-left: auto;
  margin-right: auto;
}
rf-cargo-board-quotation .table-container table {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  display: table;
  width: 100%;
}
rf-cargo-board-quotation .table-container table tr td {
  padding: 2px 15px;
}
rf-cargo-board-quotation .table-container table tr td:nth-child(odd) {
  text-align: left;
}
rf-cargo-board-quotation .table-container table tr td:nth-child(even) {
  text-align: right;
}

rf-change-password {
  min-height: 325px;
}
rf-change-password .small {
  width: calc(99% - 30px);
}
rf-change-password .rf-btn-pw {
  float: right;
  height: 30px;
  position: relative;
}
rf-change-password .rf-btn, rf-change-password .rf-btn.rf-btn-inverted,
rf-change-password .rf-btn:hover {
  font-size: 14px;
  padding: 8px;
}
rf-change-password label {
  color: var(--midgrey);
}
rf-change-password .warnings p {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 15px;
  min-height: 50px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
rf-change-password .warnings p.visible {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
rf-change-password .forgot-password {
  color: var(--midgrey);
  text-decoration: underline;
}
rf-change-password .forgot-password:hover {
  color: var(--main_color);
}
rf-change-password .alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}

rf-communication {
  display: block;
  font-size: 12px;
}
rf-communication thead {
  color: var(--midgrey);
}
rf-communication table thead td:first-child {
  padding-left: 0 !important;
}
rf-communication.inner-space table td:first-child {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
rf-communication.inner-space table td:last-child {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

rf-contacts {
  display: block;
}
rf-contacts tbody {
  margin: 0;
}
rf-contacts .contact-field {
  margin-top: 0;
  height: 17px;
}
rf-contacts .rf-btn.rf-btn-inverted {
  margin-top: -2px;
  height: 17px;
}
rf-contacts .rf-btn.rf-btn-inverted .rf-address {
  transform: scale(0.7);
}
@media print {
  rf-contacts .no-print {
    display: none !important;
  }
}

rf-costcentre-add {
  display: block;
  width: 100%;
  overflow: auto;
  user-select: none;
}
rf-costcentre-add .cost-centre-group {
  float: left;
  width: 100%;
}
rf-costcentre-add .costcentre-add .rf-icon {
  padding-left: 10px;
  padding-right: 10px;
  height: 50px;
  padding-top: 20px;
  cursor: pointer;
}
rf-costcentre-add .costcentre-add .rf-icon:hover {
  opacity: 0.8;
}

rf-csv-import rf-list-tabs {
  text-align: left;
}
rf-csv-import .fa-question {
  cursor: help;
  background: #f47721;
  color: white;
  width: 19px;
  height: 19px;
  text-align: center;
  border-radius: 14px;
  line-height: 20px;
  font-size: 19px;
  margin-left: 10px;
}
rf-csv-import .rf-edit.rf-label label {
  width: 50%;
}
rf-csv-import .rf-edit.rf-label input {
  width: 50%;
}
rf-csv-import .rf-edit.rf-label select {
  width: 50%;
}
rf-csv-import .warnings p {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  margin: 0 15px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
rf-csv-import .warnings p.visible {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

discount-edit {
  display: inline;
}
discount-edit input.rf-form {
  height: 20px;
  width: 100% !important;
  text-align: right;
  margin: 0;
}
discount-edit .rf-btn, discount-edit .rf-btn.rf-btn-inverted,
discount-edit .rf-btn:hover {
  margin-top: 0;
  height: 20px;
}
discount-edit .rf-btn .fa {
  vertical-align: top;
}

rf-discount-show {
  display: inline;
}
rf-discount-show.hide-deadline .payment-deadline {
  display: none;
}

edit-document-files {
  border: 2px dashed var(--lightgrey);
  display: block;
  border-radius: 15px;
  padding: 10px 0;
}
edit-document-files table td {
  padding-left: 15px;
}
edit-document-files table td a {
  cursor: pointer;
}
edit-document-files thead {
  color: var(--midgrey);
}
edit-document-files .files {
  font-size: 90%;
}
edit-document-files .files:nth-child(even) {
  background: var(--bg1);
}
edit-document-files .fa {
  cursor: pointer;
  color: var(--main_color);
}
edit-document-files .fa.disabled {
  opacity: 0.25;
  color: gray;
}

.page-order-edit .center {
  text-align: center;
}
.page-order-edit rf-article-size-input {
  margin-bottom: 5px;
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.page-order-edit rf-article-size-input div {
  width: 100%;
  margin-bottom: 5px;
}
.page-order-edit .settings-box {
  float: left;
  margin-top: 25px;
}
.page-order-edit .request-option {
  text-align: right;
  cursor: pointer;
  float: right;
  padding-right: 5px;
  font-weight: normal;
}
.page-order-edit .request-option:hover {
  background-color: var(--main_color);
  color: white;
}
.page-order-edit rf-action-select .select-btn {
  min-height: 0px;
}
.page-order-edit rf-action-select .select-container {
  width: 100%;
}
.page-order-edit rf-action-select.bottom-select {
  margin-top: 25px;
  float: left;
  width: 257px;
  margin-left: 20px;
}
.page-order-edit rf-action-select.bottom-select .select-row {
  padding: 9px 5px;
}
.page-order-edit .order .position .iconbar {
  margin-top: 5px;
}
.page-order-edit .order .position rf-tag-select {
  float: left;
}
.page-order-edit .order .copy-offer-params-btn {
  display: inline-block;
  width: 15px;
  height: 20px;
  left: -15px;
  top: -1px;
  font-size: 70%;
  margin: 0;
}
.page-order-edit .order .copy-offer-params-btn .fa {
  width: auto !important;
  left: -1px;
  top: -2px;
  position: relative;
}
.page-order-edit .order .copy-offer-params-btn:hover {
  border: 1px solid var(--main_color);
}
.page-order-edit rf-upload-zone {
  height: 100%;
}
.page-order-edit .pos {
  margin-top: 6px;
  font-size: 12px;
  font-weight: bold;
}
.page-order-edit .pos-light {
  margin-top: 6px;
  font-size: 12px;
}
.page-order-edit .row2.tablehead .right {
  text-align: right;
}
.page-order-edit .row2.position {
  border-top: 1px solid var(--grey);
  margin-bottom: 5px;
  page-break-inside: avoid;
  width: 100%;
}
.page-order-edit .row2.position textarea {
  min-height: 100px;
}
.page-order-edit .row2.position .customer-position-number {
  width: 111px;
}
.page-order-edit .row2.position .drawing-img-container {
  margin-top: 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
}
.page-order-edit .row2.position .requests div,
.page-order-edit .row2.position .requests input {
  float: left;
}
.page-order-edit .row2.position .requests div hr,
.page-order-edit .row2.position .requests input hr {
  margin-bottom: 0px;
  border: 0.05vh dotted var(--lightgrey);
}
.page-order-edit .row2.position .requests input {
  text-align: right;
}
.page-order-edit .row2.position .requests .no-margin {
  margin: 0px;
}
.page-order-edit .row2.position .requests .is-selected .edit-inputs label {
  font-weight: bold;
}
.page-order-edit .row2.position .requests .edit-inputs {
  border: 1px solid transparent;
}
.page-order-edit .row2.position .requests .edit-inputs.selected {
  border: 1px solid var(--main_color);
  padding: 0px;
}
.page-order-edit .row2.position .requests .edit-inputs label {
  font-weight: normal;
}
.page-order-edit .align-vertical-center {
  display: flex;
  align-items: center;
}
.page-order-edit .w41 {
  width: 41%;
}
.page-order-edit rf-stock-quantity-list table {
  width: calc(100% - 70px);
}
.page-order-edit .w14 {
  width: 14%;
}
.page-order-edit .request-opts-btn {
  position: absolute;
  right: 2px;
  font-size: 20px;
  color: var(--main_color);
  width: 20px;
  text-align: center;
  cursor: pointer;
}
.page-order-edit .left-w50 {
  float: left;
  width: 50%;
}
.page-order-edit .vat-input {
  vertical-align: middle;
  width: calc(50% - 30px);
}
.page-order-edit .vat-delete {
  margin: 0;
  float: right;
  padding: 3px 10px 3px 5px;
}

rf-email .email-list {
  position: relative;
}
rf-email .list-h {
  margin: 5px;
}
rf-email .list-h button.rf-btn {
  margin: 0;
}

rf-email-transporter label {
  color: var(--midgrey);
}
rf-email-transporter .align-items {
  display: flex;
  align-items: center;
}

rf-formula {
  display: block;
  float: left;
  width: 100%;
}
rf-formula .formula-head {
  color: grey;
}
rf-formula .formula-head .rf-btn-inverted {
  position: absolute;
  top: 0;
  right: 15px;
}
rf-formula .formula-head,
rf-formula .fomula-params {
  float: left;
  width: 100%;
  overflow: auto;
}
rf-formula .formula-head h4,
rf-formula .fomula-params h4 {
  text-align: left;
}
rf-formula.wide-layout .formula-head {
  width: 30%;
}
rf-formula.wide-layout .fomula-params {
  width: 70%;
}
rf-formula.wide-layout hr {
  display: none;
}
rf-formula hr {
  margin: 0;
}
rf-formula b {
  color: var(--grey);
}
rf-formula i.fa-question {
  cursor: help;
  background: var(--main_color);
  color: white;
  width: 19px;
  height: 19px;
  text-align: center;
  border-radius: 14px;
  line-height: 20px;
  font-size: 19px;
}
rf-formula .rf-edit.rf-label label {
  line-height: 23px;
  padding-right: 5px;
}
rf-formula .rf-edit.rf-label select,
rf-formula .rf-edit.rf-label input {
  width: 30%;
  float: left;
  margin-left: 5px;
}
rf-formula .rf-edit.rf-label span {
  min-width: 10%;
  text-align: left;
}
rf-formula .rf-edit.rf-label i {
  float: left;
  margin-left: 5px;
}
rf-formula.show-result .result {
  display: inline-block;
}
rf-formula .result {
  display: none;
  width: 100%;
}
rf-formula .result i {
  float: right;
}
rf-formula.hide-heading .formula-head {
  display: none;
}
rf-formula .param-name {
  float: right;
}

rf-formula-row {
  display: block;
}
rf-formula-row .fomula-header {
  background: var(--lightgrey);
}
rf-formula-row .fomula-header .rf-btn:hover {
  margin: 0;
}
rf-formula-row .fomula-header label {
  margin-left: 3px;
  margin-top: 5px;
}
rf-formula-row .formula-row select,
rf-formula-row .formula-row input,
rf-formula-row .formula-row textarea,
rf-formula-row .formula-row .rf-btn {
  height: 64px;
}
rf-formula-row .unit {
  height: 64px;
  border: 1px solid var(--lightgrey);
  margin: 4px 0;
}

frame-contract-position-overview th {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}
frame-contract-position-overview tr {
  border-bottom: 1px solid var(--darkwhite);
}
frame-contract-position-overview td {
  padding: 5px;
}
frame-contract-position-overview .one-line {
  white-space: nowrap;
}

frame-contract-retrievals {
  display: block;
}
frame-contract-retrievals h3 {
  background-color: var(--lightgrey);
  padding: 5px;
  position: relative;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}
frame-contract-retrievals th {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 100;
}
frame-contract-retrievals tr {
  font-size: 12px;
}
frame-contract-retrievals tbody tr {
  border-bottom: 1px solid var(--darkwhite);
}
frame-contract-retrievals td {
  padding: 5px;
}
frame-contract-retrievals td:first-child {
  padding: 0;
}
frame-contract-retrievals td:last-child {
  padding: 0;
}
frame-contract-retrievals .check {
  position: absolute;
  right: 5px;
  background-color: var(--main_color);
  border-radius: 50%;
  color: var(--lightgrey);
}
frame-contract-retrievals .doctype-header {
  font-size: 20px;
  font-weight: bold;
}

rf-group-rights {
  width: 100%;
  display: block;
}
rf-group-rights select.rf-form {
  width: 80%;
  float: left;
}
rf-group-rights .rf-btn, rf-group-rights .rf-btn.rf-btn-inverted,
rf-group-rights .rf-btn:hover {
  float: left;
  border-right: 1px solid;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 28px;
  line-height: 18px;
}
rf-group-rights .rf-btn:hover {
  border-color: var(--main_color);
}
rf-group-rights .tag {
  display: inline-block;
  background: #7fff00;
  color: white;
  border-radius: 3px;
  padding: 0 10px;
  margin-right: 5px;
  line-height: 26px;
}

rf-history {
  display: block;
  font-size: 12px;
}
rf-history thead {
  color: var(--midgrey);
}
rf-history table thead td:first-child {
  padding-left: 0 !important;
}
rf-history.inner-space table td:first-child {
  padding-left: 15px !important;
}
rf-history.inner-space table td:last-child {
  padding-left: 15px !important;
}

rf-history-extended {
  display: block;
}
rf-history-extended .comment-btn {
  margin: 0;
  border-radius: 5px;
  height: 32px;
}
rf-history-extended .history {
  position: relative;
}
rf-history-extended .min-height {
  min-height: 1px;
  line-height: 40px;
}
rf-history-extended .history-entry {
  padding: 10px 0;
}
rf-history-extended .history-entry:nth-child(even) {
  background-color: var(--midwhite);
}
rf-history-extended .icon-container {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid var(--darkwhite);
  margin-right: 10px;
  float: left;
  background: white;
}
rf-history-extended .icon-container i {
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--main_color);
  margin-left: -2px;
}
rf-history-extended .event-container {
  float: left;
  width: calc(100% - 60px);
}
rf-history-extended .vertical-line {
  position: absolute;
  height: 100%;
  width: 3px;
  background: var(--darkwhite);
  margin-top: 20px;
  left: 18px;
}
rf-history-extended .rf-btn.rf-btn-inverted.edit-btn {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0;
}
rf-history-extended .comment-container {
  color: var(--grey);
  font-size: 12px;
  margin-top: -5px;
}
rf-history-extended .margin-left-container {
  padding-left: 65px;
}
rf-history-extended .file-open-icon {
  cursor: pointer;
  margin-right: 10px;
}
rf-history-extended .file-open-icon:hover {
  color: var(--main_color);
}
rf-history-extended .ql-editor {
  padding: 0;
}
@media (max-width: 720px) {
  rf-history-extended {
    font-size: 85%;
  }
}

rf-list-notification .notification-group-bar {
  width: 80%;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 20px;
}
rf-list-notification .notification-group-bar.customer {
  color: var(--main_color);
  border-bottom: 4px solid;
}
rf-list-notification .notification-group-bar.vendor {
  color: var(--midgrey);
  border-bottom: 4px solid;
}
rf-list-notification .notification-group-bar.partner {
  color: var(--darkblue);
  border-bottom: 4px solid;
}
rf-list-notification .notification-group-bar .rf-btn {
  font-size: 12px;
  float: right;
  line-height: 18px;
  height: 26px;
  margin: 0;
}
rf-list-notification .notification-group-bar .rf-btn.hover {
  padding: 0;
}
rf-list-notification table {
  width: 100%;
}
rf-list-notification table tr {
  width: 100%;
  border-bottom: 1px solid var(--lightgrey);
}
rf-list-notification table tr.no-line {
  border: none;
}
rf-list-notification table tr td {
  position: relative;
  display: inline-block;
  font-size: 10px;
  width: 20%;
}
rf-list-notification table tr td p {
  margin: 0;
  padding: 10px 0;
}
rf-list-notification table tr td .remove {
  position: absolute;
  top: 8px;
  right: 15px;
  color: var(--darkred);
  font-size: 12px;
  cursor: pointer;
}
rf-list-notification table tr td .remove:hover {
  opacity: 0.8;
}
rf-list-notification .icon {
  float: left;
  width: 20px;
}
rf-list-notification .icon i {
  cursor: pointer;
  font-size: 28px;
  color: var(--lightgrey);
}
rf-list-notification .icon i:hover {
  opacity: 0.5;
}
rf-list-notification .icon i.active {
  color: var(--main_color);
}
rf-list-notification .icon i.fa-envelope-o {
  font-size: 18px;
  line-height: 27px;
}

order-info-common-fields rf-currency {
  width: 100%;
  border: 1px solid transparent;
}
order-info-common-fields rf-currency:hover {
  border: 1px solid var(--lightgrey);
}
order-info-common-fields rf-currency .selected-currency {
  border: none;
}
order-info-common-fields rf-currency .selected-currency .selected-item {
  min-height: 0;
  justify-content: left;
}
order-info-common-fields rf-currency .rf-btn-border.select {
  border: none;
  padding: 0px 6px;
}

rf-order-input .w50 {
  float: left;
}

rf-parameter i.fa-question {
  cursor: help;
  background: var(--main_color);
  color: white;
  width: 19px;
  height: 19px;
  text-align: center;
  border-radius: 14px;
  line-height: 20px;
  font-size: 19px;
  margin-left: 10px;
}
rf-parameter table input.rf-form, rf-parameter table select.rf-form {
  text-align: left;
}
rf-parameter .w20 {
  text-align: right;
  padding-right: 20px;
}

rf-planning-settings {
  position: relative;
  display: block;
}
rf-planning-settings .working-days label {
  width: 100%;
  color: var(--midgrey);
}
rf-planning-settings .hour-btn {
  width: 4.16%;
  float: left;
  padding: 0;
  color: white;
  cursor: pointer;
  user-select: none;
  text-align: center;
}
rf-planning-settings .hour-btn small {
  display: inlinie;
}
rf-planning-settings .rf-btn-grey {
  background: var(--darkwhite);
  color: var(--lightgrey);
}
rf-planning-settings .shift-0 {
  background: var(--darkwhite);
  color: var(--lightgrey);
}
rf-planning-settings .shift-1 {
  background: var(--main_color);
}
rf-planning-settings .shift-2 {
  background: var(--main_color_contrast_light);
}
rf-planning-settings .shift-3 {
  background: var(--main_color_light);
}
rf-planning-settings .shift-4 {
  background: var(--main_color_contrast_dark);
}

rf-position-list-preview {
  width: 100%;
  display: block;
  float: left;
}
rf-position-list-preview .inner-tile {
  margin: 5px 10px 5px 0;
  width: max-content;
  float: left;
  border: 1px solid var(--lightgrey);
  border-radius: 10px;
  padding: 5px;
}
rf-position-list-preview rf-drawing-img {
  width: 80px;
  float: left;
}
rf-position-list-preview .preview-info-text {
  float: left;
  width: max-content;
  font-size: 11px;
  padding: 0 5px;
}
rf-position-list-preview .preview-info-text div {
  word-break: break-word;
  width: 200px;
}

rf-pos-list-order-dialog .positions {
  padding: 0;
  border-right: 1px solid var(--lightgrey);
}
rf-pos-list-order-dialog .positions .pos-header {
  padding: 0 10px;
  color: grey;
}
rf-pos-list-order-dialog .positions .bottom {
  font-weight: bold;
  background: var(--darkwhite);
}
rf-pos-list-order-dialog .positions .bottom .red {
  color: var(--red);
}
rf-pos-list-order-dialog .positions .content {
  height: calc(75vh - 111px);
  overflow-y: auto;
  border-top: 1px solid var(--lightgrey);
}
rf-pos-list-order-dialog .positions .content .position {
  margin-top: 0;
  padding: 20px;
  display: flex;
  flex-flow: row wrap;
}
rf-pos-list-order-dialog .positions .content .position .number {
  font-size: 14px;
  padding-right: 15px;
}
rf-pos-list-order-dialog .positions .content .position .image {
  width: 150px;
  margin-bottom: 5px;
}
rf-pos-list-order-dialog .positions .content .position .message {
  padding-left: 24px;
  width: 100%;
}
rf-pos-list-order-dialog .positions .content .quantity {
  padding-left: 40px;
}
rf-pos-list-order-dialog .positions .content .quantity .amount {
  line-height: 30px;
  cursor: pointer;
  display: flex;
  position: relative;
}
rf-pos-list-order-dialog .positions .content .quantity .amount:hover {
  color: var(--main_color);
}
rf-pos-list-order-dialog .positions .content .quantity .selected {
  font-weight: bold;
  color: var(--main_color);
}
rf-pos-list-order-dialog .positions .content .quantity .selected i {
  position: absolute;
  left: -24px;
  top: 6px;
  font-size: 17px;
}
rf-pos-list-order-dialog .border-bottom {
  border-bottom: 1px solid var(--lightgrey);
}

rf-pos-mini-list {
  position: relative;
  display: block;
}

rf-pos-mini-list-single-element {
  position: relative;
  display: block;
  margin-bottom: 3px;
}
rf-pos-mini-list-single-element p {
  margin-bottom: 0;
}
rf-pos-mini-list-single-element .fold-btn {
  position: absolute;
  right: 16px;
  top: 0;
}
rf-pos-mini-list-single-element input[type=checkbox] {
  margin-top: 3px !important;
}
rf-pos-mini-list-single-element img {
  margin-left: 20px;
}
rf-pos-mini-list-single-element .floating {
  float: left;
}
rf-pos-mini-list-single-element .rf-panel-box {
  padding: 5px;
  margin-bottom: 5px;
}

rf-procurement {
  color: var(--grey);
}
rf-procurement th {
  font-weight: normal;
  color: var(--grey);
}
rf-procurement .info {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: center;
}
rf-procurement .fa-check {
  color: var(--darkgreen);
}

rf-ramp {
  display: block;
}
rf-ramp circle,
rf-ramp text {
  display: none;
}
rf-ramp svg {
  width: 100%;
}
rf-ramp svg circle {
  fill: var(--main_color);
}
rf-ramp svg path.ramp {
  fill: var(--grey);
}
rf-ramp svg .axis text {
  font: 10px sans-serif;
}
rf-ramp svg .axis line,
rf-ramp svg .axis path {
  fill: none;
  stroke: black;
}
rf-ramp .editmode svg.active circle,
rf-ramp .editmode svg.active text {
  display: block;
}
rf-ramp .editmode svg:hover circle {
  display: block;
}
rf-ramp .editmode svg:hover text {
  display: block;
}

raw-material-calc {
  display: block;
}
raw-material-calc table {
  background: white;
}
raw-material-calc table tr.bold {
  background-color: var(--darkwhite);
}
raw-material-calc table tr.bold input {
  font-weight: bold;
}
raw-material-calc table td {
  padding: 0 5px;
}
raw-material-calc table td input, raw-material-calc table td select {
  margin: 0;
  padding: 0;
  height: 25px;
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
}
raw-material-calc table td input:focus, raw-material-calc table td input:hover, raw-material-calc table td select:focus, raw-material-calc table td select:hover {
  background-color: var(--lightgrey);
}
raw-material-calc table .left-label-col {
  color: var(--grey);
  border-right: 1px solid var(--grey);
  text-align: right;
  padding-right: 20px;
}
raw-material-calc table .params b {
  font-size: 140%;
}
raw-material-calc input.warning {
  background: red;
  font-weight: bold;
}
raw-material-calc .tag-box.active {
  background-color: var(--main_color);
  color: white;
}

rf-scale-price-large .price-icon-container {
  width: 30px;
}
rf-scale-price-large .price-icon-container .price-icon {
  position: relative;
  width: 10px;
  margin-left: auto;
  margin-right: auto;
}
rf-scale-price-large .header-btn {
  position: absolute;
  right: 31px;
  top: 20px;
}
rf-scale-price-large .upper-search td {
  padding-right: 10px;
}
rf-scale-price-large .upper-search span {
  line-height: 40px;
  margin: 7px;
}
rf-scale-price-large .main-table .subheader {
  color: var(--midgrey);
  font-size: 11px;
}
rf-scale-price-large .main-table span.icon-counter {
  background: var(--midgrey);
  left: 4px;
  top: 8px;
}
rf-scale-price-large .main-table .price-icon {
  position: relative;
}
rf-scale-price-large .main-table .active-buttons {
  padding: 0 3px;
  text-align: right;
  margin-right: 0;
}
rf-scale-price-large .main-table .back-none {
  padding: 0 3px;
  text-align: right;
  margin-right: 0;
  border-color: transparent;
}
rf-scale-price-large .main-table .back-none:hover {
  border-color: var(--lightgrey);
}
rf-scale-price-large .main-table div {
  text-align: left;
  color: var(--grey);
}
rf-scale-price-large .edit-header textarea {
  margin: 0;
  background: none;
  height: 26px;
  border-color: transparent;
}
rf-scale-price-large .edit-header textarea:hover {
  border-color: var(--lightgrey);
}
rf-scale-price-large rf-tag-select {
  width: 100%;
}
rf-scale-price-large rf-date-time input {
  text-align: right;
  background: transparent;
  border-color: transparent;
}
rf-scale-price-large rf-date-time input:hover {
  border-color: var(--lightgrey);
}
rf-scale-price-large rf-article-size input.rf-form {
  background: transparent;
  border-color: transparent;
}
rf-scale-price-large rf-article-size input.rf-form:hover {
  border-color: var(--lightgrey);
}
rf-scale-price-large .bold-input {
  font-weight: bold;
}
rf-scale-price-large .disabled {
  color: var(--lightgrey);
  text-align: right;
}
rf-scale-price-large .back-none {
  background: none;
}
rf-scale-price-large .first-column {
  font-size: 12px;
  text-align: left;
}
rf-scale-price-large .active-buttons {
  pointer-events: all !important;
}
rf-scale-price-large .icon-edit-continer {
  width: 50px;
  float: right;
}
rf-scale-price-large .icon-edit-continer .rf-btn {
  margin: 0;
  height: 30px;
}

rf-scale-price-small table {
  width: 100%;
  text-align: left;
}
rf-scale-price-small .apply-price {
  cursor: pointer;
}
rf-scale-price-small .apply-price:hover {
  background: var(--lightgrey);
}
rf-scale-price-small .rf-label {
  display: inline;
}
rf-scale-price-small .further-prices {
  color: var(--grey);
  font-size: 90%;
}
rf-scale-price-small textarea {
  max-width: 335px;
  width: 100%;
  min-height: 30px !important;
}
rf-scale-price-small .table-head-sticky {
  position: sticky;
  top: 0;
  background: white;
  z-index: 99;
}

rf-search-item {
  display: block;
}
rf-search-item .num-of-docs {
  text-align: left;
  color: var(--grey);
}
rf-search-item .search-items {
  height: 300px;
  overflow-y: auto;
}
rf-search-item .search-item {
  cursor: pointer;
  width: 100%;
  text-align: left;
  overflow: auto;
}
rf-search-item .search-item:nth-child(odd) {
  background: var(--darkwhite);
}
rf-search-item .search-item:hover {
  background: #ccc;
}
rf-search-item .search-item b {
  margin-right: 10px;
}
rf-search-item .search-item.active {
  background: #ccc;
  color: var(--main_color);
}
rf-search-item .search-item .warning {
  color: var(--invalid);
}

standard-text span {
  white-space: pre-line;
}

static-text {
  margin: 5px 0;
  display: block;
}
static-text span {
  white-space: pre-line;
}
static-text textarea.rf-form {
  padding-left: 0;
}
static-text .iconbar.left {
  /* prevent collision with pdf footer below */
  margin-top: -15px;
}

rf-stock-quantity-list .line {
  border-bottom: 1px solid var(--grey);
}
rf-stock-quantity-list .reserved {
  color: var(--midgrey);
  font-size: 12px;
}
rf-stock-quantity-list .stock-quantity {
  border-bottom: 1px solid #eaeaea;
}
rf-stock-quantity-list .amount {
  text-align: right;
}
rf-stock-quantity-list .quantity-actions {
  display: inline;
  width: 70px;
  margin-top: -12px;
  margin-left: 10px;
  z-index: 1;
}
rf-stock-quantity-list .quantity-actions .rf-btn {
  padding: 3px 5px;
  float: left;
}
rf-stock-quantity-list .overall-quantity {
  font-size: 16px;
  width: 100px;
  float: right;
  text-align: right;
  font-weight: bold;
  border-top: 1px solid var(--midgrey);
  margin-top: -6px;
}

rf-stock-quantity-status-bar .amount-borders {
  margin: 8px 0 0;
  float: right;
}

tasklist-templates table {
  margin-top: 10px;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px;
}
tasklist-templates table tr:nth-child(even) {
  background: var(--lightgrey);
}
tasklist-templates .text-centered {
  text-align: center;
}
tasklist-templates .select-btn-2 {
  margin: 0;
  padding: 5px;
  min-height: 2vh;
  border-radius: 15px;
  cursor: pointer;
  background: white;
  color: var(--main_color);
  width: 100%;
  border: 1px solid var(--lightgrey);
}

rf-task-resource-settings {
  display: block;
}
rf-task-resource-settings .pointer {
  cursor: pointer;
}
rf-task-resource-settings i:hover {
  color: var(--main_color);
}

rf-time-light-settings table {
  width: 100%;
}
rf-time-light-settings .on-time {
  color: var(--green);
}
rf-time-light-settings .slight-delay {
  color: yellow;
}
rf-time-light-settings .strong-delay {
  color: red;
}
rf-time-light-settings td {
  padding: 0 5px;
}

rf-work-package-edit {
  display: block;
  text-align: left;
}
rf-work-package-edit .right-side {
  background: var(--bg3);
}
rf-work-package-edit table td {
  height: 60px;
}
rf-work-package-edit table td label {
  color: var(--midgrey);
  line-height: 60px;
  margin: 0;
}
rf-work-package-edit table td rf-date-time {
  width: 100%;
}
rf-work-package-edit table td rf-date-time input {
  height: 30px;
  margin: -3px 0;
}
rf-work-package-edit table td .input-dummy {
  background-color: white;
  width: 100%;
  height: 25px;
  padding: 3px 6px;
  cursor: pointer;
}

rf-crm-statistic .center {
  padding: 30px;
  display: flex;
  justify-content: center;
}
rf-crm-statistic table {
  width: 100%;
}
rf-crm-statistic table th {
  width: 25%;
}
rf-crm-statistic table td {
  width: 25;
  text-align: center;
}
rf-crm-statistic table tr:nth-child(even) {
  background: var(--lightgrey);
}

rf-histogram svg {
  width: 1000px;
  height: 500px;
}
rf-histogram .axis line,
rf-histogram .axis path {
  fill: none;
  stroke: #777;
}
rf-histogram .axis text {
  font-family: Arial, sans-serif;
  font-size: 13px;
}
rf-histogram .bar {
  fill: firebrick;
}
rf-histogram .limit {
  stroke: var(--grey);
}
rf-histogram .area {
  fill: var(--main_color);
}
rf-histogram .selected {
  fill: blue;
}
rf-histogram .label {
  font-size: 100%;
}

.rf-pie-chart {
  overflow: visible !important;
}
.rf-pie-chart .arc text {
  font: 8px sans-serif;
  text-anchor: middle;
}
.rf-pie-chart .arc path {
  stroke: #fff;
}
.rf-pie-chart .title {
  fill: teal;
  font-weight: bold;
}

.rf-pie-chart-simple {
  overflow: visible !important;
}
.rf-pie-chart-simple .arc path {
  stroke: #fff;
}

rf-pie-data-legend span {
  text-transform: capitalize;
  float: left;
  min-width: 80px;
  display: block;
  margin-right: 10px;
}
rf-pie-data-legend span .legend-boxes {
  width: 30px;
  height: 15px;
  border: 1px solid;
  float: left;
  padding-right: 5px;
  margin: 2px;
}
rf-pie-data-legend .vertical {
  display: grid;
}
rf-pie-data-legend .vertical span {
  padding: 5px;
}
rf-pie-data-legend .vertical span div {
  margin-right: 5px;
}
rf-pie-data-legend a {
  color: unset;
}
rf-pie-data-legend a:hover {
  color: var(--main_color);
}

rf-pie-statistic {
  overflow: visible;
}
rf-pie-statistic .arc text {
  font: 8px sans-serif;
  text-anchor: middle;
}
rf-pie-statistic .arc path {
  stroke: #fff;
}
rf-pie-statistic .title {
  fill: teal;
  font-weight: bold;
}
rf-pie-statistic .center {
  text-align: center;
}
rf-pie-statistic .flex {
  display: flex;
}
rf-pie-statistic .flex-center {
  margin-left: auto;
  margin-right: auto;
}

rf-xy-comparison rf-xy-multi-diagram svg {
  width: 100%;
}
rf-xy-comparison .diagram-legend {
  line-height: 40px;
}
rf-xy-comparison .diagram-legend .year1 {
  color: var(--main_color);
}
rf-xy-comparison .diagram-legend .year2 {
  color: var(--darkgrey);
}
rf-xy-comparison .diagram-legend select.rf-form {
  border: none;
  padding: 0;
  margin-left: -4px;
}
rf-xy-comparison td {
  text-align: right;
}
rf-xy-comparison td b {
  text-align: left;
}
rf-xy-comparison .green {
  color: var(--darkgreen);
}
rf-xy-comparison .red {
  color: var(--red);
}

rf-xy-diagram svg {
  width: 1000px;
  height: 500px;
}
rf-xy-diagram .axis line,
rf-xy-diagram .axis path {
  fill: none;
  stroke: #777;
}
rf-xy-diagram .axis text {
  font-family: Arial, sans-serif;
  font-size: 13px;
}
rf-xy-diagram .bar {
  fill: firebrick;
}
rf-xy-diagram .limit {
  stroke: var(--grey);
}
rf-xy-diagram .area {
  fill: var(--main_color);
}
rf-xy-diagram .selected {
  fill: blue;
}
rf-xy-diagram .label {
  font-size: 100%;
}

rf-xy-multi-diagram svg {
  width: 1000px;
  height: 500px;
}
rf-xy-multi-diagram .axis line,
rf-xy-multi-diagram .axis path {
  fill: none;
  stroke: #777;
}
rf-xy-multi-diagram .axis text {
  font-family: Arial, sans-serif;
  font-size: 13px;
}
rf-xy-multi-diagram .bar {
  fill: firebrick;
}
rf-xy-multi-diagram .limit {
  stroke: var(--grey);
}
rf-xy-multi-diagram .area1 {
  fill: var(--main_color);
}
rf-xy-multi-diagram .area2 {
  fill: var(--grey);
}
rf-xy-multi-diagram .selected {
  fill: blue;
}
rf-xy-multi-diagram .label {
  font-size: 100%;
}

rf-xy-multi-diagram-legend span {
  text-transform: capitalize;
  float: left;
  min-width: 80px;
  display: block;
  padding-left: 2px;
}
rf-xy-multi-diagram-legend span .legend-boxes {
  width: 30px;
  height: 15px;
  border: 1px solid;
  float: left;
  padding-right: 5px;
  margin: 2px;
  margin-right: 5px;
}
rf-xy-multi-diagram-legend .vertical {
  display: grid;
}
rf-xy-multi-diagram-legend .vertical span {
  padding: 5px;
}
rf-xy-multi-diagram-legend .vertical span div {
  margin-right: 5px;
}

rf-bottom-actions .scroll-btn-container button.rf-btn {
  float: left;
  width: 60px;
  margin-right: 10px;
}
rf-bottom-actions rf-action-select {
  margin-top: 4px;
}
rf-bottom-actions rf-action-select .select-row.first, rf-bottom-actions rf-action-select .select-row.select-btn {
  border-radius: 0 !important;
}

rf-chat {
  margin: 15px;
  display: block;
}
rf-chat .col-wide {
  position: absolute;
  top: 0;
  right: 50px;
  left: 0;
}
rf-chat .col-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
}
rf-chat .chat-message-window {
  position: relative;
  border-left: 1px solid var(--lightgrey);
  border-top: 1px solid var(--lightgrey);
  height: 200px;
}
rf-chat .chat-message-window .col-wide,
rf-chat .chat-message-window .col-small {
  height: 100%;
}
rf-chat .chat-message-window .chat {
  height: 100%;
  overflow-y: auto;
  padding: 0 5px;
}
rf-chat .chat-message-window .chat .message-day-change {
  width: 100%;
  color: var(--midgrey);
  text-align: center;
  float: left;
  padding: 10px;
}
rf-chat .chat-message-window .chat .message-day-change b {
  padding: 5px 15px;
  border: 1px solid var(--lightgrey);
  border-radius: 15px;
}
rf-chat .chat-message-window .chat .chat-message {
  width: 80%;
  font-size: 12px;
  padding: 4px 8px;
  margin: 2px 0;
  border: 1px solid var(--lightgrey);
  border-radius: 3px;
  background: var(--midwhite);
  float: left;
}
rf-chat .chat-message-window .chat .chat-message.right {
  float: right;
}
rf-chat .chat-message-window .chat .chat-message.right .fa-pencil {
  display: block;
}
rf-chat .chat-message-window .chat .chat-message.right b,
rf-chat .chat-message-window .chat .chat-message.right br {
  display: none;
}
rf-chat .chat-message-window .chat .chat-message .time {
  float: right;
  color: var(--midgrey);
}
rf-chat .chat-message-window .chat .chat-message .fa-pencil {
  margin: 0 4px;
  color: var(--lightgrey);
  cursor: pointer;
  float: right;
  display: none;
}
rf-chat .chat-message-window .chat .chat-message .fa-pencil:hover {
  color: var(--main_color);
}
rf-chat .chat-message-window .chat .chat-message .chat-message-text {
  white-space: pre;
}
rf-chat .chat-message-window .navbar {
  background: var(--darkgrey);
  height: 100%;
  border-radius: 0;
}
rf-chat .chat-message-window .navbar .btn-list {
  padding: 0 5px;
  font-size: 18px;
}
rf-chat .chat-message-window .navbar .btn-list span {
  float: left;
  position: relative;
  margin: 5px 0;
  width: 100%;
  cursor: pointer;
}
rf-chat .chat-message-window .navbar .btn-list span:hover {
  opacity: 0.7;
}
rf-chat .chat-message-window .navbar .btn-list i {
  width: 100%;
  height: 20px;
  color: var(--midwhite);
  text-align: center;
  vertical-align: sub;
}
rf-chat .chat-message-window .navbar .btn-list .icon-counter {
  position: absolute;
  left: 15px;
  top: 16px;
  color: white;
  font-weight: bold;
  font-size: 12px;
  background: var(--main_color);
  width: 16px;
  height: 16px;
  border-radius: 9px;
  padding-left: 4px;
  line-height: 17px;
  opacity: 0.95;
}
rf-chat .edit-field {
  position: relative;
  height: 38px;
  z-index: 99;
}
rf-chat .edit-field .col-wide {
  padding: 0 5px;
  background: var(--lightgrey);
  min-height: 39px;
}
rf-chat .edit-field textarea {
  margin-bottom: 0;
  min-height: 30px;
  height: 30px;
  overflow-y: hidden;
  resize: none;
  background: white;
}
rf-chat .edit-field .rf-btn {
  margin: 0;
  text-align: center;
  width: 100%;
  min-height: 39px;
}
rf-chat .edit-field .edit-icons {
  font-size: 15px;
}
rf-chat .edit-field .edit-icons .fa {
  margin: 6px;
}
rf-chat .edit-field .edit-icons .fa:hover {
  color: var(--main_color);
}
rf-chat .menu-container .menu-expanded {
  position: absolute;
  top: 0;
  right: 50px;
  width: 300px;
  background: var(--midwhite);
  padding: 5px;
  border: 1px solid var(--lightgrey);
}
rf-chat .menu-container .user-menu .user-contact {
  color: var(--grey);
  padding: 7px 5px;
  border-bottom: 1px solid var(--grey);
}

rf-color-label {
  text-align: left;
  display: inline-block;
}
rf-color-label .color-label {
  padding: 3px 5px;
  border-radius: 11px;
}

rf-date-label .small-grey-tag {
  border-radius: 10px;
  background: white;
  color: var(--green);
  border: 1px solid;
  padding: 0 7px;
  margin: 0;
}
rf-date-label .small-grey-tag.alert {
  color: var(--red);
  background: white;
}

rf-delayed-light {
  display: block;
  float: left;
  margin: 0 5px 0 0;
}
rf-delayed-light .state-led {
  color: #0f0;
}
rf-delayed-light .state-led.today {
  color: var(--yellow);
}
rf-delayed-light .state-led.delayed {
  color: var(--red);
}

rf-files-manager.inisde-rf-panel .file-select {
  position: absolute;
  right: 0;
  top: -32px;
}
rf-files-manager ul {
  padding: 0;
}
rf-files-manager li {
  list-style: none;
  line-height: 16px;
}
rf-files-manager.view-mode .rf-btn.file-select,
rf-files-manager.view-mode .fa-trash {
  display: none;
}
rf-files-manager .rf-btn, rf-files-manager .rf-btn.rf-btn-inverted,
rf-files-manager .rf-btn:hover {
  float: right;
}
rf-files-manager .rf-upload-zone {
  display: block;
  overflow: auto;
}
rf-files-manager .pointer {
  cursor: pointer;
}

rf-file-viewer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 150px;
  min-height: 150px;
}
rf-file-viewer #the-svg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
rf-file-viewer .full-screen {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
rf-file-viewer .full-screen-text {
  width: 100%;
  padding: 20px;
}
rf-file-viewer iframe {
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
rf-file-viewer iframe img {
  width: 100%;
}
rf-file-viewer .files {
  position: absolute;
  bottom: 0;
  width: 600px;
  text-align: left;
  background: rgba(0, 0, 0, 0.7019607843);
  color: white;
  padding: 30px;
  font-size: 12px;
  border-top-right-radius: 8px;
  max-height: 80%;
  overflow-y: auto;
  direction: rtl;
  left: -570px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
rf-file-viewer .files .rf-btn {
  height: 25px;
  margin: 10px 0;
}
rf-file-viewer .files.active {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  left: 0;
}
rf-file-viewer .files table {
  direction: ltr;
}
rf-file-viewer .files .sidebar-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  border-top-right-radius: 5px;
  margin: 0;
}
rf-file-viewer .compatibility-link {
  position: absolute;
  right: 10px;
  top: 40px;
}
rf-file-viewer .pdf-js-container {
  overflow: auto;
  width: 100%;
  height: 100%;
}
rf-file-viewer .pdf-nav-actions {
  background: var(--darkwhite);
  padding: 4px 10px;
  position: fixed;
  width: 300px;
  justify-content: space-between;
  align-items: center;
}
rf-file-viewer .pdf-nav-actions .viewer-btn {
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 3%;
  cursor: pointer;
}
rf-file-viewer .pdf-nav-actions .viewer-btn .fa {
  font-size: 130%;
}
rf-file-viewer .pdf-nav-actions .viewer-btn:hover {
  background: var(--lightgrey);
}

rf-fold-btn {
  display: block;
  float: right;
  cursor: pointer;
}

rf-fold-btn-tri {
  display: block;
  float: right;
  cursor: pointer;
}

rf-hashtag {
  width: 100%;
}
rf-hashtag .tag-boxes {
  float: left;
}
rf-hashtag .tag-box {
  font-size: 12px;
  display: inline-block;
  border-left: 9px solid var(--main_color);
  font-weight: bold;
}
rf-hashtag .tag-box div {
  min-width: 150px;
}
rf-hashtag .tag-box i.fa.fa-remove {
  cursor: pointer;
}
rf-hashtag .fa-remove {
  display: none;
}
rf-hashtag.editmode .fa-remove {
  display: inline;
}
rf-hashtag.editmode .tag-edit {
  display: inline-block;
  position: relative;
  height: 100%;
}
rf-hashtag .hash-options-opened {
  z-index: 999;
  position: absolute;
  overflow-y: auto;
  max-height: 200px;
  border-radius: 0;
  transform: translateX(-100%);
}
rf-hashtag .hash-options-opened .hash-option {
  border-radius: 0;
  border-right: 1px solid var(--lightgrey);
}
rf-hashtag .hash-options {
  min-width: 140px;
  cursor: pointer;
  overflow-x: hidden;
}
rf-hashtag .tag-edit {
  float: right;
  display: none;
  height: 34px;
}
rf-hashtag .tag-edit input {
  border: none;
  height: 30px;
  margin-left: 2px;
  width: calc(100% - 5px) !important;
  padding-left: 4px;
  padding-right: 4px;
}
rf-hashtag .tag-edit .input-container {
  margin-bottom: 5px;
  margin-right: -5px;
  float: left;
  border-top: 1px solid var(--lightgrey);
  border-bottom: 1px solid var(--lightgrey);
  border-left: 1px solid var(--lightgrey);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
rf-hashtag .tag-edit .rf-btn {
  margin-top: 0;
  float: left;
  border-right: 1px solid;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
rf-hashtag .tag-edit .rf-btn:hover {
  border-color: var(--main_color);
  margin-top: 0;
}
rf-hashtag .upper-box {
  overflow: auto;
}
rf-hashtag .hash-option-first {
  border-radius: 5px 0 0 5px;
  border-top: 1px solid var(--lightgrey);
}
rf-hashtag .hash-option {
  min-height: 29px;
  padding: 5px;
  min-width: 100px;
  background: white;
  border-bottom: 1px solid var(--lightgrey);
  border-left: 1px solid var(--lightgrey);
}
rf-hashtag .hash-option:hover {
  background: var(--midgrey);
}
rf-hashtag .expanded {
  margin-left: 140px;
}

rf-drawing-img img,
rf-drawing-img .nopreview {
  cursor: pointer;
  max-width: 100%;
}
rf-drawing-img img.disabled,
rf-drawing-img .nopreview.disabled {
  cursor: default;
}
rf-drawing-img.info .show-info {
  display: block !important;
}
rf-drawing-img .show-info {
  display: none;
  margin-top: 6px;
  word-break: break-all;
}
rf-drawing-img .nopreview {
  width: 90%;
  max-width: 500px;
  height: 90%;
  background: #ececec;
  text-align: center;
  color: var(--grey);
  padding-top: 3%;
  padding-bottom: 3%;
}
rf-drawing-img small {
  font-size: 8px;
}

rf-img-upload {
  display: block;
  min-height: 200px;
  position: relative;
}
rf-img-upload rf-upload-zone {
  width: 100%;
  height: 100%;
  border-color: var(--lightgrey) !important;
  color: var(--grey);
}
rf-img-upload .default-style .image-info-text {
  text-align: center;
  background: var(--darkwhite);
  border-radius: 15px;
}
rf-img-upload .default-style .image-container .controls-container {
  opacity: 0.8;
}
rf-img-upload .fa:hover {
  color: var(--main_color);
}
rf-img-upload .image-container {
  position: relative;
}
rf-img-upload .image-container img {
  width: 100%;
  border-radius: 10px;
}
rf-img-upload .image-container .fa {
  font-size: 30px;
  text-align: left;
  margin: 10px;
  color: white;
}
rf-img-upload .image-container .controls-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 50px;
  top: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  opacity: 0;
  background: var(--grey);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
rf-img-upload .image-container:hover .controls-container {
  opacity: 0.8;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

rf-img-with-attachments {
  overflow: hidden;
  width: 300px;
  float: left;
  position: relative;
}
rf-img-with-attachments .show-drop {
  box-shadow: 0 0 1px -4px var(--main_color);
  float: left;
}
rf-img-with-attachments.info .show-info {
  display: block !important;
}
rf-img-with-attachments img {
  cursor: pointer;
}
rf-img-with-attachments .nopreview {
  width: 90%;
  height: 90%;
  background: #ececec;
  text-align: center;
  font-size: 150%;
  padding-top: 15%;
  padding-bottom: 15%;
}
rf-img-with-attachments.plain .thumbnail {
  background: none;
  border: none;
}
rf-img-with-attachments.plain .thumbnail ul {
  right: 10px;
}
rf-img-with-attachments .thumbnail {
  float: left;
  position: relative;
  min-height: 150px;
  background-color: whitesmoke;
  min-width: 250px;
  width: 80%;
  padding-right: 8px;
}
rf-img-with-attachments .thumbnail .show-info {
  display: none;
  margin-top: 6px;
}
rf-img-with-attachments .thumbnail .list-container {
  position: absolute;
  width: 28px;
  top: 0;
  right: 0;
  padding-left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  background-color: none;
}
rf-img-with-attachments .thumbnail .list-container.offset {
  width: 42px;
}
rf-img-with-attachments .thumbnail .list-container:hover {
  background: var(--darkwhite);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 100%;
}
rf-img-with-attachments .thumbnail .list-container:hover .list-item:hover {
  opacity: 1;
}
rf-img-with-attachments .thumbnail .list-container:hover .list-item span {
  width: auto;
  opacity: 1;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
rf-img-with-attachments .thumbnail .list-container .list-item {
  display: inline-block;
  position: relative;
  text-align: center;
  color: var(--grey);
  cursor: pointer;
  font-size: 12px;
  height: 30px;
  width: 100%;
  border-bottom: 1px solid white;
}
rf-img-with-attachments .thumbnail .list-container .list-item span {
  color: var(--main_color);
  opacity: 0;
  display: block;
  line-height: 1;
  padding: 8px 0;
}
rf-img-with-attachments .thumbnail .list-container .list-item i {
  cursor: pointer;
  color: var(--grey);
  font-size: 13px;
  right: 7px;
  position: absolute;
  top: 7px;
}
rf-img-with-attachments .thumbnail .list-container .list-item i.download {
  font-size: 15px;
  top: 9px;
  right: 6px;
}
rf-img-with-attachments .thumbnail .list-container .list-item i.red {
  color: var(--darkred);
}
rf-img-with-attachments .thumbnail .list-container .list-item i.blue {
  color: var(--darkblue);
}
rf-img-with-attachments .thumbnail .list-container .list-item i.black {
  color: black;
}

rf-list-sidebar {
  position: fixed;
  display: block;
  top: 50px;
  right: 0;
  width: 0;
  bottom: 0;
  border-left: 1px solid var(--grey);
  background: white;
}
rf-list-sidebar .upper-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: calc(100% - 120px);
  overflow-y: auto;
}
rf-list-sidebar .upper-container h3 {
  color: var(--lightgrey);
}
rf-list-sidebar .upper-container table {
  width: 100%;
}
rf-list-sidebar .upper-container tr {
  font-size: 12px;
}
rf-list-sidebar .upper-container tr td:first-child {
  padding: 10px 0 10px 8px;
}
rf-list-sidebar .upper-container tr input {
  width: 90px;
  height: 18px;
  text-align: right;
}
rf-list-sidebar .lower-container {
  border-top: 1px solid var(--grey);
  position: absolute;
  height: 120px;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0 25px;
}
rf-list-sidebar .lower-container .list-name input {
  height: 30px;
  padding: 5px 2px;
}
rf-list-sidebar .position input {
  height: 16px;
  width: 40%;
}
rf-list-sidebar.active {
  width: 350px;
}

@media (max-width: 600px) {
  rf-list-tabs {
    font-size: 80%;
  }
}
rf-list-tabs .state-btn {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
rf-list-tabs .state-btn:hover {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  opacity: 0.8;
  color: var(--main_color);
  border-bottom: 5px solid var(--main_color);
}
rf-list-tabs .state-btn.active {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 600px) {
  rf-list-tabs .state-btn.active {
    border-bottom: none;
    color: var(--main_color);
  }
}
rf-list-tabs.navtop {
  position: fixed;
  margin-left: 12px;
  top: 24px;
}
rf-list-tabs.navtop .state-btn {
  padding: 0 8px;
}
@media (max-width: 600px) {
  rf-list-tabs.navtop {
    margin-left: 40px;
  }
  rf-list-tabs.navtop .state-btn {
    padding: 0 11px;
    margin-right: 10px;
  }
}
rf-list-tabs.navtop .underline {
  border: none;
}

rf-loading-spinner .spin {
  font-size: 25px !important;
  position: absolute;
  left: 50%;
  top: 40%;
  z-index: 1000;
  animation: rotate 2s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

rf-notification {
  z-index: 999999;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 40px;
}
rf-notification .notification {
  padding: 5px 15px;
  background: var(--lightgrey);
  font-weight: bold;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  transform: translate(50vw);
  margin-left: -250px;
  width: 500px;
}
rf-notification .notification i {
  font-style: normal;
}
rf-notification .notification.left {
  transform: none;
  margin-left: 20px;
}
rf-notification .notification.info {
  background: var(--blue);
}
rf-notification .notification.info i::before {
  content: "\f05a";
  color: var(--darkblue);
}
rf-notification .notification.success {
  background: var(--green);
}
rf-notification .notification.success i::before {
  content: "\f058";
  color: var(--darkgreen);
}
rf-notification .notification.alert {
  background: var(--yellow);
}
rf-notification .notification.alert i::before {
  content: "\f06a";
  color: var(--darkyellow);
}
rf-notification .notification.error {
  background: var(--red);
}
rf-notification .notification.error i::before {
  content: "\f05e";
  color: var(--darkred);
}
rf-notification .notification.light {
  color: var(--grey);
  opacity: 0.9;
  background: rgba(211, 211, 211, 0.0705882353);
}
rf-notification .notification.light i::before {
  content: "\f058";
  color: var(--midgrey);
}
rf-notification .notification i::before {
  font-family: FontAwesome;
  content: "\f05a";
  position: absolute;
}
rf-notification .notification .message {
  white-space: pre-line;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -20px;
}
rf-notification .notification .fa-times-circle {
  position: absolute;
  right: 11px;
  top: 4px;
  font-size: 20px;
}
@media print {
  rf-notification {
    display: none;
  }
}

rf-pdfjs {
  display: block;
  width: 100%;
  height: 100%;
}
rf-pdfjs #the-svg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

rf-pdf-manager.simple-style .block-header,
rf-pdf-manager.simple-style .list {
  border: none;
  padding-left: 0;
}
rf-pdf-manager.simple-style .block-header span {
  font-weight: bold;
  padding: 0;
}
rf-pdf-manager li {
  list-style: none;
  line-height: 16px;
}
rf-pdf-manager .block-header {
  position: relative;
}
rf-pdf-manager .block-header span {
  line-height: 24px;
  padding: 0 10px;
}
rf-pdf-manager .block-header,
rf-pdf-manager .list {
  border: 1px solid #aaa;
  padding-left: 20px;
  margin: 0 1px;
}
rf-pdf-manager .list {
  padding: 15px 10% 0 20px;
  border-top: none;
}
rf-pdf-manager .list li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
rf-pdf-manager .list i {
  margin: 0 4px;
}
rf-pdf-manager .list .fa {
  cursor: pointer;
  color: var(--main_color);
}
rf-pdf-manager .list .fa.disabled {
  opacity: 0.25;
  color: gray;
}
rf-pdf-manager .file-select {
  cursor: pointer;
  margin-top: 10px;
}
rf-pdf-manager .file-select:hover {
  color: var(--main_color);
}

rf-profile-pic {
  display: block;
}
rf-profile-pic.md .image-cropper {
  width: 36px;
  height: 36px;
}
rf-profile-pic.sm .image-cropper {
  width: 30px;
  height: 30px;
}
rf-profile-pic.xs .image-cropper {
  width: 24px;
  height: 24px;
}
rf-profile-pic .image-cropper {
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
  float: left;
}
rf-profile-pic .image-cropper img {
  width: auto;
  height: 100%;
}
rf-profile-pic .image-cropper .image {
  padding: 1px;
}
rf-profile-pic .profile-window {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}

rf-rating .grey-text {
  color: var(--midgrey);
  float: left;
}
rf-rating .info {
  color: var(--main_color);
}

rf-scope {
  position: relative;
  display: inline-block;
}

rf-show-standard-text .cover {
  display: flex;
  align-items: center;
  border: 1px solid;
  border-radius: 10px;
  border-color: var(--midgrey);
  color: var(--main_color);
  font-size: 11px;
  text-align: center;
  margin: 5px;
}
rf-show-standard-text .icon {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
rf-show-standard-text .cover p:hover,
rf-show-standard-text .cover .icon:hover {
  background-color: var(--lightgrey);
  cursor: pointer;
}
rf-show-standard-text .cover p {
  margin: 0px !important;
  padding: 0px 5px 0px 5px;
  border-right: 1px solid;
  min-width: 100px;
  width: auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-color: var(--midgrey);
  font-weight: bold;
  height: 100%;
}
rf-show-standard-text .cover .icon {
  padding: 0px 9px 0px 8px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 10px;
}

rf-star .start-container {
  float: left;
  width: 20px;
  height: 20px;
  position: relative;
}
rf-star .start-container i {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 16px;
  color: gold;
}
rf-star .start-container i.hover {
  opacity: 0.5;
}
rf-star .start-container .click-container {
  z-index: 10;
  float: left;
  width: 10px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
rf-star .rating {
  color: var(--midgrey);
}

rf-status-icon .type-rf .status {
  transform: translate(65%, 72%);
}
rf-status-icon .type-fa div {
  padding-top: 0px !important;
  font-size: 24px;
}
rf-status-icon .type-fa .status {
  transform: translate(-20%, 85%);
}
rf-status-icon .status {
  border-radius: 50%;
  border: 2px solid white;
  padding: 4px;
  font-size: 12px;
  position: absolute;
}
rf-status-icon .check {
  background-color: var(--green);
  color: var(--darkgreen);
}
rf-status-icon .warning {
  background-color: var(--yellow);
  color: var(--red);
}
rf-status-icon .error {
  background-color: var(--red);
  color: var(--midwhite);
}

rf-stop-watch {
  display: block;
  overflow: auto;
  position: relative;
}
rf-stop-watch .outer-tracking-container {
  height: 40px;
  float: left;
}
rf-stop-watch .outer-tracking-container input {
  width: calc(100% - 40px);
  margin: 0;
  height: 100%;
  float: left;
}
rf-stop-watch .counting input {
  color: var(--main_color);
}
rf-stop-watch .btn-container {
  width: 40px;
  float: left;
  height: 100%;
}
rf-stop-watch .rf-btn, rf-stop-watch .rf-btn.rf-btn-inverted,
rf-stop-watch .rf-btn:hover {
  overflow: auto;
  cursor: pointer;
  height: 100%;
  width: 100%;
  margin: 0;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
}
rf-stop-watch .rf-btn.btn-red {
  background: var(--red);
}
rf-stop-watch .rf-btn.btn-green {
  background: var(--green);
}
rf-stop-watch .rf-btn:hover {
  opacity: 0.6;
}
rf-stop-watch .rf-btn .fa {
  line-height: 27px;
  font-size: 20px;
  color: white;
}

rf-table td {
  font-size: 10px;
  padding: 0 5px;
  border-left: 1px solid var(--darkwhite);
  border-bottom: 1px solid var(--lightgrey);
}
rf-table thead td {
  height: 90px;
  padding: 0 10px;
  cursor: pointer;
}
rf-table thead td .rotated-text {
  transform: rotate(-90deg) translate(-15px, 0);
  width: 30px;
}
rf-table thead td:hover {
  color: var(--main_color);
}
rf-table table {
  width: 100%;
  display: block;
  overflow: auto;
}

.rf-table-header tr td {
  text-align: left;
  padding: 0 5px;
}
.rf-table-header tr td a {
  color: var(--midgrey);
  cursor: pointer;
}
.rf-table-header tr td span {
  color: var(--midgrey);
}
.rf-table-header tr td.active a {
  color: var(--main_color);
}

rf-tag {
  display: block;
  line-height: 100%;
}
rf-tag .tag-box,
rf-tag .tag-edit {
  display: inline-block;
}
rf-tag .tag-box .rf-btn,
rf-tag .tag-edit .rf-btn {
  margin: 0;
}
rf-tag .tag-edit {
  margin-left: 0;
}
rf-tag .tag-edit .rf-btn {
  padding: 3px 4px;
}
rf-tag .color-label {
  width: 11px;
  position: absolute;
  left: -1px;
  bottom: -1px;
  top: -1px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

rf-tags {
  display: block;
  line-height: 100%;
}
rf-tags .tag-box {
  background: var(--midwhite);
  line-height: 20px;
  border-radius: 4px;
  cursor: default;
  display: inline-block;
}
rf-tags .tag-select {
  padding: 5px;
  margin: 0 5px 5px;
  background: var(--main_color);
  line-height: 20px;
  border-radius: 4px;
  cursor: pointer;
  color: white;
  float: left;
}
rf-tags .tag-select:hover {
  opacity: 0.7;
}
rf-tags.view-mode .tag-select {
  display: none;
}
rf-tags span {
  float: left;
}
rf-tags.small .tag-box {
  padding: 1px 5px;
  margin: 0 5px 2px 0;
  background: var(--midwhite);
  font-size: 10px;
  line-height: 20px;
  border-radius: 4px;
}
rf-tags.small .tag-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
rf-tags.offset-left {
  display: inline-block;
  margin-left: -30px;
}

rf-task-list {
  display: block;
  text-align: left;
}
rf-task-list .fa {
  font-size: 20px;
}
rf-task-list .rf-btn, rf-task-list .rf-btn.rf-btn-inverted,
rf-task-list .rf-btn:hover {
  text-align: center;
}
rf-task-list .check {
  padding-top: 12px;
}
rf-task-list .task-list {
  margin: 15px;
}
rf-task-list .task {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: -1px;
  border: 1px solid var(--lightgrey);
}
rf-task-list .task .text {
  white-space: pre-line;
  margin-top: -23px;
}
rf-task-list .task .fa-exclamation-triangle {
  color: var(--invalid);
}
rf-task-list .task .fa-check-color {
  color: var(--darkgreen);
}
rf-task-list .message {
  min-height: 80px;
}

rf-upload-progress {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
rf-upload-progress .bar {
  height: 5px;
  float: left;
  background: var(--main_color);
}

view-json pre {
  font-size: 9px;
  padding: 5px;
  margin: 5px;
}
view-json pre .string {
  color: var(--darkgreen);
}
view-json pre .number {
  color: darkorange;
}
view-json pre .boolean {
  color: var(--blue);
}
view-json pre .null {
  color: darkorange;
}
view-json pre .key {
  color: grey;
}

rf-erp-login-menu {
  display: block;
  position: relative;
}
rf-erp-login-menu .username {
  margin-right: 20px;
  float: right;
  position: absolute;
  right: 40px;
  width: max-content;
}
rf-erp-login-menu .dropdown-toggle {
  margin-top: 10px;
  margin-right: 17px;
}
rf-erp-login-menu .dropdown p {
  padding-left: 12.5px;
  padding-right: 12.5px;
  margin: 0;
}
rf-erp-login-menu .login-menu-menu {
  position: absolute;
  right: 0;
  top: 34px;
  border: 1px solid gray;
  display: none;
  border-radius: 0;
  box-shadow: 0 6px 12px var(--lightgrey);
  padding: 0 !important;
}
rf-erp-login-menu .login-menu-menu li {
  list-style: none;
  font-size: 14px;
  min-width: 200px;
  background: white;
  line-height: 35px;
  position: relative;
  border-bottom: 1px solid var(--lightgrey);
}
rf-erp-login-menu .login-menu-menu a {
  color: black;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 35px;
  cursor: pointer;
}
rf-erp-login-menu .login-menu-menu .fa {
  line-height: 24px;
  position: absolute;
  font-size: 18px;
  float: none;
  left: 5px;
  width: 24px;
  text-align: center;
  color: black;
  padding: 6px 0;
  margin: 0;
}
rf-erp-login-menu .active .dropdown .dropdown-menu,
rf-erp-login-menu .active .dropdown .login-menu-menu, rf-erp-login-menu .dropdown:hover .dropdown-menu,
rf-erp-login-menu .dropdown:hover .login-menu-menu {
  display: block;
  left: auto;
  right: 0;
  top: 95%;
  margin-top: 2px;
}
rf-erp-login-menu .active .dropdown .dropdown-menu li:hover,
rf-erp-login-menu .active .dropdown .login-menu-menu li:hover, rf-erp-login-menu .dropdown:hover .dropdown-menu li:hover,
rf-erp-login-menu .dropdown:hover .login-menu-menu li:hover {
  background: #fff;
}
rf-erp-login-menu .active .dropdown .dropdown-menu li:hover a,
rf-erp-login-menu .active .dropdown .login-menu-menu li:hover a, rf-erp-login-menu .dropdown:hover .dropdown-menu li:hover a,
rf-erp-login-menu .dropdown:hover .login-menu-menu li:hover a {
  background: lightgrey;
}
rf-erp-login-menu .active .dropdown .dropdown-menu li:hover .user-data,
rf-erp-login-menu .active .dropdown .login-menu-menu li:hover .user-data, rf-erp-login-menu .dropdown:hover .dropdown-menu li:hover .user-data,
rf-erp-login-menu .dropdown:hover .login-menu-menu li:hover .user-data {
  background: #fff;
}

rf-quick-access-menu {
  display: block;
  position: absolute;
  top: 24px;
  right: 60px;
  width: auto;
}
rf-quick-access-menu span.icon-counter {
  position: relative;
  top: -1px;
  padding: 3px 10px;
}
rf-quick-access-menu a {
  margin-left: 15px;
}
@media (max-width: 1200px) {
  rf-quick-access-menu {
    font-size: 80%;
  }
}

rf-related-documents .main-document-number {
  background: var(--main_color);
  line-height: 30px;
  border-radius: 15px;
  padding-left: 10px;
}
rf-related-documents .no-margin {
  margin: 0px !important;
}
rf-related-documents .customer-options {
  border-left: 2px solid white;
  margin: 10px 0 0 15px;
  padding-left: 10px;
}
rf-related-documents .customer-options:hover {
  color: var(--main_color);
}
rf-related-documents .customer-options a {
  line-height: 15px !important;
  height: 15px !important;
  margin-left: 0 !important;
}
rf-related-documents .customer-spacer {
  border-bottom: 2px solid white;
}
rf-related-documents i {
  width: 10px !important;
}

rf-side-bar-navigation .sidebar {
  display: block;
  position: fixed;
  background: linear-gradient(var(--bg1), var(--bg2));
  text-transform: uppercase;
  font-size: 11px;
  color: white;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 200;
  user-select: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media print {
  rf-side-bar-navigation .sidebar {
    display: none;
  }
}
rf-side-bar-navigation .sidebar.closed {
  width: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: white;
  height: 50px;
  bottom: auto;
  border-bottom: 1px solid var(--main_color);
}
rf-side-bar-navigation .sidebar.open {
  width: 200px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
rf-side-bar-navigation .sidebar.open .navigation-logo .logo {
  display: block;
}
rf-side-bar-navigation .sidebar.open .navigation-logo .logo-small {
  display: none;
}
rf-side-bar-navigation .sidebar.disabled {
  width: 0;
  left: 0;
  bottom: auto;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
rf-side-bar-navigation .sidebar.disabled .navigation-logo .logo {
  display: none;
}
rf-side-bar-navigation .sidebar.disabled .navigation-logo .logo-small {
  display: none;
}
rf-side-bar-navigation .sidebar.mini i.arrow {
  display: none;
}
rf-side-bar-navigation .sidebar.mini .sidebar-spacer {
  margin-top: 0;
}
rf-side-bar-navigation .sidebar.mini .nav-sidebar-content .navigation-item.item-active {
  border-left: none;
}
rf-side-bar-navigation .sidebar .navigation-logo {
  cursor: pointer;
}
rf-side-bar-navigation .sidebar .navigation-logo .logo {
  display: none;
}
rf-side-bar-navigation .sidebar .navigation-logo .logo img {
  width: 161px;
  margin-top: 13px;
  margin-left: 22px;
}
rf-side-bar-navigation .sidebar .navigation-logo .logo-small {
  display: block;
}
rf-side-bar-navigation .sidebar .navigation-logo .logo-small img {
  width: 30px;
  margin-left: 8px;
  margin-top: 11px;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content {
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-y: auto;
  overflow-x: hidden;
  direction: rtl;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content a {
  color: var(--grey);
  display: block;
  position: relative;
  height: 30px;
  line-height: 30px;
  margin: 5px 8px;
  border-radius: 15px;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content rf-related-documents {
  display: block;
  position: relative;
  margin: 5px 8px;
  direction: ltr;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content i.arrow {
  float: right;
  line-height: 32px;
  color: var(--grey);
}
rf-side-bar-navigation .sidebar .nav-sidebar-content i.unpinned {
  transform: rotate(45deg);
  opacity: 50%;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item {
  direction: ltr;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item a:hover {
  color: var(--main_color);
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item .dropdown-sidebar-menu {
  display: none;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active a {
  text-decoration: none;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active a:hover {
  color: var(--main_color_light);
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active .main-item.active {
  color: var(--main_color_light);
  background: white;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active .main-item.active i {
  color: var(--main_color_light);
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active .main-item.active:hover {
  color: var(--main_color_light);
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active .main-item:hover {
  color: var(--main_color);
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active .dropdown-sidebar-menu.extended {
  display: block;
  border-radius: 0;
  padding: 0 !important;
  z-index: 9999;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active .dropdown-sidebar-menu.extended a:hover {
  color: var(--main_color_light);
  background: var(--midwhite) !important;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active .dropdown-sidebar-menu.extended a.active {
  color: var(--main_color_light);
  background: var(--midwhite) !important;
}
rf-side-bar-navigation .sidebar .nav-sidebar-content .navigation-item.item-active .dropdown-sidebar-menu.extended span {
  font-size: 11px;
}
rf-side-bar-navigation .sidebar.open .nav-sidebar-content .navigation-item.item-inactive:hover .dropdown-sidebar-menu {
  display: block;
}
rf-side-bar-navigation .sidebar.open .nav-sidebar-content .navigation-item.item-inactive .dropdown-sidebar-menu {
  background: var(--bg1);
  border-radius: 10px;
  position: fixed;
  left: 199px;
  top: auto;
  margin-top: -40px;
  border: none;
  min-width: 220px;
  z-index: 999;
}
rf-side-bar-navigation .sidebar.open .nav-sidebar-content .navigation-item.item-inactive .dropdown-sidebar-menu:hover {
  background: var(--bg2);
}
@media (max-height: 700px) {
  rf-side-bar-navigation .sidebar.open .nav-sidebar-content .navigation-item.item-inactive .dropdown-sidebar-menu.lower-menu {
    bottom: 10px;
    height: auto;
    width: 250px;
  }
}
rf-side-bar-navigation .sidebar.open .nav-sidebar-content .navigation-item.item-inactive .dropdown-sidebar-menu a {
  background: var(--lightgrey);
  color: white;
}
rf-side-bar-navigation .sidebar.open .nav-sidebar-content .navigation-item.item-inactive .dropdown-sidebar-menu a:hover {
  color: var(--main_color_light);
  background: var(--midwhite) !important;
}
rf-side-bar-navigation .sidebar.open .nav-sidebar-content .navigation-item.item-inactive .dropdown-sidebar-menu span {
  display: inline;
}
rf-side-bar-navigation .sidebar .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background: var(--bg2);
  transition: width 0.3s ease-in-out;
}
rf-side-bar-navigation .sidebar .bottom button {
  background: var(--lightgrey);
  font-weight: bold;
  color: white;
  border: none;
  white-space: nowrap;
  width: 100%;
  height: 35px;
  text-align: left;
}
rf-side-bar-navigation .sidebar .bottom rf-policy-link {
  display: none;
}
rf-side-bar-navigation .sidebar .bottom rf-policy-link .privacy-info {
  position: absolute;
  white-space: nowrap;
  margin-left: 15px;
  bottom: 25px;
}
rf-side-bar-navigation .sidebar i {
  width: 20px;
  margin-left: 10px;
}
rf-side-bar-navigation .sidebar .sidebar-spacer {
  border-bottom: 2px solid white;
  margin: 0 15px;
}
rf-side-bar-navigation .sidebar .return {
  font-weight: bold;
  margin-top: 20px;
}

@media print {
  rf-top-nav {
    display: none !important;
  }
}
rf-top-nav nav {
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(90deg, var(--bg1), var(--bg2));
  padding-bottom: 1px;
}
rf-top-nav .top-nav-upper-text {
  color: var(--midgrey);
  font-size: 10px;
  margin-top: 6px;
  float: left;
}
rf-top-nav .breadcrump-info {
  padding-left: 20px;
}
rf-top-nav rf-erp-login-menu {
  float: right;
  z-index: 999;
  padding: 0 0 0 10px;
}
rf-top-nav rf-erp-login-menu a.dropdown-toggle {
  float: right;
}
rf-top-nav rf-erp-login-menu .login-menu-list {
  z-index: 9999;
  top: 50px;
}
rf-top-nav rf-erp-login-menu .dropdown:hover .login-menu-menu {
  top: 25px !important;
}

rf-checkbox {
  position: relative;
}
rf-checkbox .checkbox-square {
  border: 0.05em solid black;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  position: absolute;
  font-size: 25px;
  left: 0;
  top: 0;
}
rf-checkbox .checkbox-square.disabled {
  cursor: disabled;
  background: var(--lightgrey);
  border: 0.05em solid var(--midgrey);
}
rf-checkbox .checkbox-square.disabled input {
  display: none;
}
rf-checkbox .checkbox-square.disabled i {
  color: var(--grey) !important;
}
rf-checkbox .checkbox-check {
  color: var(--darkgreen);
  position: absolute;
  font-size: 16px;
  left: -1px;
  top: -4px;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
}
rf-checkbox .checkbox-input {
  position: absolute;
  cursor: pointer;
  left: -1px;
  top: 1px;
  opacity: 0;
  width: 16px;
  height: 16px;
  margin: 0 !important;
  padding: 0;
}
rf-checkbox .checkfalse {
  color: var(--red);
  padding: 2px 0 0 1px;
}

rf-comment {
  width: 100%;
  max-width: 1000px;
  border: 1px solid var(--lightgrey);
  border-radius: 3px;
  margin-bottom: 10px;
  position: relative;
  padding: 10px;
  display: block;
  background: var(--bg3);
}
rf-comment select {
  background: none;
  font-size: 18px;
  border: none;
}
rf-comment rf-quill #toolbar-container {
  border-bottom: none;
}
rf-comment rf-quill .ql-editor {
  background: white;
  border: 1px solid var(--lightgrey);
}
rf-comment .lower-container {
  padding-top: 5px;
}
rf-comment .lower-container .list-h {
  justify-content: flex-end;
}
rf-comment .lower-container .list-h .file-select {
  min-width: max-content;
  margin-top: 10px;
  margin-right: 10px;
}

rf-dynamic-input {
  width: 100%;
  position: relative;
  display: block;
}
rf-dynamic-input .input-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 35px;
}
rf-dynamic-input .input-container input {
  padding: 0 3px;
  text-align: right;
  margin: 0;
}
rf-dynamic-input .input-container.large {
  right: 0;
}
rf-dynamic-input label {
  position: absolute;
  top: 1px;
  right: 30px;
  width: 0;
  text-align: right;
  font-weight: normal;
}
rf-dynamic-input label select {
  appearance: none;
  margin: 0;
}
rf-dynamic-input .modified {
  color: var(--red);
}
rf-dynamic-input .reset-btn {
  position: absolute;
  top: 0;
}
rf-dynamic-input .reset-btn i {
  font-size: 11px;
  margin-top: 5px;
  margin-left: 5px;
  color: var(--red);
  float: right;
}
rf-dynamic-input .reset-btn i:hover {
  color: var(--main_color);
}

.input-wrap {
  float: left;
  height: 30px;
  position: relative;
  width: 100%;
}
.input-wrap input {
  width: 100%;
  height: 100%;
}
.input-wrap .input-spinner {
  position: absolute;
  right: 8px;
  top: -1px;
  height: 100%;
  width: 4px;
  z-index: 10;
}
.input-wrap .input-spinner .i.icon.arrow.up::before,
.input-wrap .input-spinner i.icon.arrow.down::before {
  width: 4px;
  height: 4px;
}
.input-wrap .input-spinner i {
  cursor: pointer;
  margin: 0;
  position: relative;
  float: right;
  color: var(--lightgrey);
  font-size: 1.2em;
}
.input-wrap .input-spinner i.fa-caret-up {
  top: -1px;
  right: -4px;
}
.input-wrap .input-spinner i.fa-caret-down {
  top: -5px;
  right: -4px;
}

rf-json-text-input {
  display: block;
  width: 100%;
  position: relative;
  overflow: auto;
  padding-bottom: 10px;
}
rf-json-text-input .label-item {
  width: 100%;
  float: left;
}
rf-json-text-input .label-item.error {
  background: #ffcece;
}
rf-json-text-input .fa-times-circle {
  margin-left: 5px;
  color: red;
}
rf-json-text-input .col-1 {
  width: 270px;
  text-align: right;
  float: left;
  line-height: 20px;
  height: 20px;
  color: var(--midgrey);
}
rf-json-text-input .col-1 .rf-btn {
  float: left;
  margin: 0;
  padding: 0 6px;
  color: var(--lightgrey);
}
rf-json-text-input .col-1 .rf-btn:hover {
  color: var(--main_color);
}
rf-json-text-input .col-1 span {
  padding-right: 5px;
}
rf-json-text-input .col-2 {
  position: absolute;
  left: 270px;
  width: calc(100% - 300px);
  min-width: calc(100% - 300px);
  max-width: calc(100% - 300px);
  border: 1px solid var(--midgrey);
  background: rgba(255, 255, 255, 0.6784313725);
}
rf-json-text-input .col-3 {
  width: 30px;
  float: right;
}

rf-labeled-checkbox {
  position: relative;
}
rf-labeled-checkbox span.checkbox-label i {
  position: relative;
  vertical-align: middle;
  bottom: 1px;
}
rf-labeled-checkbox .checkbox-square {
  border: 0.05em solid black;
  border-radius: 2px;
  width: max-content;
  height: max-content;
  cursor: pointer;
}
rf-labeled-checkbox .checked {
  color: var(--darkgreen);
}
rf-labeled-checkbox .unchecked {
  color: white;
}
rf-labeled-checkbox .checked-false {
  padding-left: 1px;
  color: var(--red);
}
rf-labeled-checkbox .disabled {
  cursor: text;
  background-color: var(--lightgrey);
}
rf-labeled-checkbox span {
  white-space: nowrap;
}

rf-markdown {
  display: flex;
  padding: 5px 30px;
}
rf-markdown .list-v {
  float: right;
  z-index: 100;
}
rf-markdown .md-container {
  position: relative;
  float: left;
  overflow: auto;
  width: calc(100% - 30px);
}
rf-markdown .md-container .md-box {
  width: 100%;
  display: block;
  max-width: 100%;
  min-width: 100%;
  border: none;
  word-break: break-all;
}
rf-markdown .md-container textarea.md-box {
  min-height: 85px;
}
rf-markdown textarea:hover {
  box-shadow: 0 0 3px 0 var(--main_color_light);
}
rf-markdown h1 {
  font-size: 26px;
}
rf-markdown h2 {
  font-size: 22px;
}
rf-markdown h3 {
  font-size: 18px;
}
rf-markdown h4 {
  font-size: 14px;
  font-weight: bold;
}
rf-markdown h5 {
  font-size: 10px;
  font-weight: bold;
}
rf-markdown h6 {
  font-size: 8px;
}
rf-markdown ul {
  padding-left: 20px;
}

multi-input {
  height: 100%;
}
multi-input input, multi-input select {
  height: 100%;
  width: 100%;
  border: 1px solid transparent;
  background: none;
}
multi-input input:hover, multi-input select:hover {
  border: 1px solid var(--lightgrey);
}
multi-input rf-checkbox .checkbox-square {
  top: 8px;
}
multi-input .clickable {
  cursor: pointer;
  text-decoration: underline;
}
multi-input .clickable:hover {
  color: var(--main_color);
}

rf-percentage-input input {
  width: 100%;
  text-align: right;
}

rf-quill {
  display: block;
}
rf-quill.simple .special-hidden {
  display: none;
}
rf-quill #toolbar-container {
  border: none;
  border-bottom: 1px solid var(--lightgrey);
}
rf-quill #editor-container {
  border: none !important;
}
rf-quill .ql-editor {
  min-height: 100px;
}
rf-quill.border .ql-editor {
  border: 1px solid transparent;
  margin-top: -2px;
}
rf-quill.border .ql-editor:hover {
  border: 1px solid var(--lightgrey);
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑" !important;
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐" !important;
}

rf-textarea {
  position: relative;
}
rf-textarea .textfield {
  padding: 5px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  overflow: auto;
  top: -3px;
}
rf-textarea .textfield textarea {
  position: relative;
  border: 0;
  width: calc(100% - 20px);
  background: none;
  padding-top: 3px;
  margin-top: -3px;
}
rf-textarea .textfield textarea.no-resize {
  resize: none;
}
rf-textarea .textfield textarea.no-vertical {
  resize: vertical;
}
rf-textarea .textfield textarea.no-horizontal {
  resize: horizontal;
}
rf-textarea .textfield textarea.disabled.disabled {
  outline: 0;
  cursor: default;
}
rf-textarea .textfield ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ececec;
}
rf-textarea .textfield :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ececec;
  opacity: 1;
}
rf-textarea .textfield ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ececec;
  opacity: 1;
}
rf-textarea .textfield :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ececec;
}
rf-textarea .textfield ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ececec;
}
rf-textarea .textfield ::placeholder {
  /* Most modern browsers support this now. */
  color: #ececec;
}
rf-textarea .fa-pencil {
  position: absolute;
  top: 10px;
  right: 2px;
  font-size: 12px !important;
  color: lightgrey;
}
rf-textarea .edit-buttons {
  position: absolute;
  top: 5px;
  right: 2px;
  font-size: 16px;
}
.rf-edit rf-textarea .edit-buttons {
  z-index: 3;
}
rf-textarea .edit-buttons a {
  cursor: pointer;
  color: var(--main_color);
}
rf-textarea .edit-buttons a:hover {
  opacity: 0.8;
}

rf-text-editor {
  /* stylelint-disable-next-line */
}
rf-text-editor .CodeMirror-hscrollbar {
  visibility: hidden;
}
rf-text-editor .controls b {
  line-height: 36px;
}
rf-text-editor .controls input {
  padding: 5px;
  margin: 5px 0;
}
rf-text-editor .text-editor {
  overflow: auto;
  height: 540px;
}
rf-text-editor article {
  text-align: left;
  border-top: 1px solid lightgray;
}
rf-text-editor .rf-btn, rf-text-editor .rf-btn.rf-btn-inverted,
rf-text-editor .rf-btn:hover,
rf-text-editor select {
  width: 100%;
}

rf-time-input {
  width: 100%;
  position: relative;
  display: block;
}
rf-time-input .rf-time-input-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 31px;
}
rf-time-input .rf-time-input-container input.time-input {
  width: 100%;
  text-align: right;
  padding: 0 3px;
}
rf-time-input select.time-input {
  line-height: 18px;
  width: 32px;
  float: right;
  appearance: none;
}
rf-time-input input.time-input,
rf-time-input select.time-input {
  margin: 0;
}

rf-trash-icon .pointer {
  cursor: pointer;
}

rf-tree-input {
  display: block;
}
rf-tree-input .padded {
  padding-left: 20px;
  margin-bottom: 20px;
}
rf-tree-input .rf-edit.rf-label label {
  width: 70%;
}
rf-tree-input .rf-edit.rf-label input {
  width: 30%;
}
rf-tree-input.small .rf-edit {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 1px solid var(--darkwhite);
}

rf-multi-checkbox {
  position: relative;
}
rf-multi-checkbox .filter-items {
  display: inline-block;
}

rf-opts-click .select-row {
  background: white;
  border: 1px solid var(--lightgrey);
  padding: 6px 11px;
  border-radius: 20px;
  width: max-content;
  cursor: pointer;
}
rf-opts-click .select-row i {
  float: right;
  margin-left: 8px;
  margin-top: 2px;
  color: var(--main_color);
}
rf-opts-click .select-row:hover {
  opacity: 0.8;
  color: var(--main_color);
}
rf-opts-click .lower-select-container {
  width: max-content;
  position: absolute;
}
rf-opts-click .lower-select-container .inner-select-container {
  z-index: 9999;
  position: relative;
  width: max-content;
  padding-right: 30px;
}
rf-opts-click .lower-select-row {
  min-height: 32px;
  padding: 5px 15px;
  background: white;
  border: 1px solid var(--lightgrey);
  width: 100%;
  cursor: pointer;
}
rf-opts-click .lower-select-row:hover {
  background: var(--midwhite);
}

rf-search-field {
  display: block;
  width: 100%;
  position: relative;
}
rf-search-field input {
  width: 100%;
  height: 30px;
  background: white;
  border: 1px solid var(--lightgrey);
  border-radius: 25px;
  padding-left: 16px !important;
  padding-right: 35px !important;
}
rf-search-field input:focus {
  box-shadow: 0 0 3px 0 var(--main_color_light);
}
rf-search-field .fa {
  color: var(--midgrey);
  position: absolute;
  top: 4px;
}
rf-search-field .fa-search {
  font-size: 12px;
  color: white;
  position: absolute;
  top: 1px;
  background: var(--main_color);
  height: 28px;
  width: 35px;
  padding: 7px 9px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  right: 0;
  pointer-events: none;
}
rf-search-field .fa-times {
  right: 55px;
  font-size: 20px;
  cursor: pointer;
  top: 4px;
}
rf-search-field .fa-times:hover {
  opacity: 0.6;
}
rf-search-field.big input {
  height: 42px;
}
rf-search-field.big .fa-search {
  font-size: 20px;
  top: 1px;
  height: 40px;
  padding: 9px 6px;
}
rf-search-field.big .fa-times {
  top: 10px;
}

rf-search-sorting {
  display: block;
}
rf-search-sorting .padding-btn {
  padding: 6px;
}
rf-search-sorting select.search-sorting-border-btn {
  padding-right: 15px;
}
@media (max-width: 1024px) {
  rf-search-sorting select.search-sorting-border-btn {
    font-size: 85%;
    padding-left: 0;
  }
}
rf-search-sorting .fa,
rf-search-sorting select {
  cursor: pointer;
}
rf-search-sorting .select-container {
  position: relative;
  width: min-content;
  float: right;
  color: var(--grey);
}
rf-search-sorting .select-container select {
  float: left;
}
rf-search-sorting .select-container i {
  z-index: 1;
  display: block;
  color: var(--midgrey);
  position: absolute;
  right: 20px;
  top: 9px;
  pointer-events: none;
}

rf-search-toggle {
  display: block;
}

rf-tag-click .select-row {
  background: white;
  border: 1px solid var(--lightgrey);
  padding: 6px 11px;
  border-radius: 20px;
  width: max-content;
  cursor: pointer;
}
rf-tag-click .select-row i {
  float: right;
  margin-left: 8px;
  margin-top: 2px;
  color: var(--main_color);
}
rf-tag-click .select-row:hover {
  opacity: 0.8;
  color: var(--main_color);
}
rf-tag-click .lower-select-container {
  width: max-content;
  position: absolute;
  max-height: 300px;
  overflow-y: auto;
}
rf-tag-click .lower-select-container .inner-select-container {
  z-index: 9999;
  position: relative;
  width: max-content;
}
rf-tag-click .lower-select-row {
  min-height: 32px;
  padding: 5px 15px;
  background: white;
  border: 1px solid var(--lightgrey);
  width: 100%;
  cursor: pointer;
}
rf-tag-click .lower-select-row:hover {
  background: var(--midwhite);
}

rf-web-search .dropdown-menu.active {
  display: block;
}

rf-article-size select {
  width: 100%;
  height: 20px;
  padding-top: 0;
}
rf-article-size input {
  width: 100%;
  height: 20px;
  background: none;
  float: right;
}

rf-article-size-input {
  height: 20px;
}
rf-article-size-input .dropdown {
  border: 1px solid var(--lightgrey);
  position: relative;
  background-color: white;
  z-index: 999;
  width: max-content;
  display: block;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
}
rf-article-size-input .selectable {
  cursor: pointer;
}
rf-article-size-input .selectable:hover {
  color: var(--main_color);
}
rf-article-size-input td {
  padding: 0 5px;
}
rf-article-size-input table {
  border-bottom: 1px solid var(--lightgrey);
}
rf-article-size-input small {
  color: var(--lightgrey);
}
rf-article-size-input .main {
  color: var(--main_color);
}
rf-article-size-input .fa {
  margin-left: 5px;
  float: right;
}

rf-calendar {
  display: block;
}
rf-calendar .cal-header {
  overflow: auto;
}
rf-calendar .cal-header input {
  width: 100% !important;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: var(--main_color);
  padding: 0;
}
rf-calendar .cal-header .rf-btn {
  height: 35px;
  font-size: 15px;
  padding-top: 9px;
}
rf-calendar .time-select {
  margin-bottom: 5px;
  width: 100%;
  float: left;
}
rf-calendar .time-select .prev,
rf-calendar .time-select .next {
  margin: 0;
  width: 100%;
}
rf-calendar .time-select span {
  width: 100%;
  line-height: 30px;
  text-align: center;
}
rf-calendar .time-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: var(--grey);
  color: white;
  padding: 5px;
  min-height: 30px;
}
rf-calendar .time-header .day {
  background: var(--grey);
  width: 12.5%;
}
rf-calendar .no-padding {
  padding: 0;
}
rf-calendar .calendar {
  display: block;
  border-right: 1px solid var(--lightgrey);
  width: 100%;
  user-select: none;
  text-align: center;
}
rf-calendar .calendar .days {
  text-align: right;
  width: 12.5%;
}
rf-calendar .calendar .day.select-day {
  background: var(--lightgrey);
  cursor: pointer;
  width: 12.5%;
}
rf-calendar .calendar .day.select-day.cur {
  background: white;
}
rf-calendar .calendar .day.select-day.td {
  border: 1px solid var(--main_color_contrast_light);
  border-radius: 12px;
  background: var(--darkwhite);
}
rf-calendar .calendar .kw {
  text-align: left;
}
rf-calendar .calendar .kw-nr {
  width: 12.5%;
  background: var(--darkwhite);
}
rf-calendar .time .hours,
rf-calendar .time .minutes {
  padding-bottom: 10px;
  overflow: auto;
}
rf-calendar .day,
rf-calendar .hour,
rf-calendar .minute {
  width: 25px;
  height: 25px;
  line-height: 25px;
  float: left;
  text-align: center;
}
rf-calendar .day.sel,
rf-calendar .hour.sel,
rf-calendar .minute.sel {
  background: var(--main_color_light) !important;
  color: white;
  border-radius: 12px;
  font-weight: bold;
}

rf-color-picker {
  display: block;
}
rf-color-picker input[type=color] {
  position: absolute;
  height: 32px;
  margin: 4px 15px 0 -15px;
  right: 0;
  padding: 0;
  cursor: pointer;
}
rf-color-picker .color-selector .color {
  float: left;
  height: 32px;
  width: 40px;
  margin: 0 3px 3px 0;
  display: block;
  border: 1px solid var(--lightgrey);
  cursor: pointer;
}
rf-color-picker .color-selector .color:hover {
  opacity: 0.6;
}
rf-color-picker .color-input, rf-color-picker .color-group {
  overflow: hidden;
}

rf-color-toggle {
  display: block;
  cursor: pointer;
}
rf-color-toggle .color-bubble {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
rf-color-toggle.small .color-bubble {
  width: 16px;
  height: 16px;
}

rf-currency {
  display: inline-block;
  position: relative;
  width: 100%;
}
rf-currency.plain .rf-btn {
  border: 1px solid transparent;
}
rf-currency.plain .selected-currency {
  border: 1px solid transparent;
}
rf-currency.plain .selected-currency .selected-item {
  border: 1px solid transparent;
  color: var(--main_color);
}
rf-currency.brackets .selected-currency .edgy-bracket {
  display: inline;
}
rf-currency .selected-currency {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--lightgrey);
  border-radius: 3px;
  cursor: pointer;
}
rf-currency .selected-currency .rf-btn,
rf-currency .selected-currency .rf-btn:hover {
  margin: -1px -1px -1px 0;
  border-radius: 0 2px 2px 0;
}
rf-currency .selected-currency .selected-item {
  width: 100%;
  min-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
rf-currency .selected-currency .edgy-bracket {
  display: none;
}
rf-currency .search-currency {
  position: absolute;
  width: 100%;
  min-width: 200px;
  background-color: var(--untouched);
  z-index: 9;
  padding: 6px;
  box-shadow: 0 3px 3px var(--grey);
  max-height: 300px;
  overflow: hidden auto;
}
rf-currency .search-currency .rf-form {
  width: 100%;
}
rf-currency .search-currency .currency:hover {
  background-color: var(--lightgrey);
}
rf-currency .search-currency .currency:hover a {
  display: block;
  cursor: pointer;
}

rf-date-time {
  display: inline-block;
}
rf-date-time input {
  border: 1px solid var(--darkwhite);
  width: 100%;
}
rf-date-time input.date-time-input {
  width: calc(100% - 30px) !important;
  float: left;
}
@media print {
  rf-date-time input.date-time-input {
    width: 100% !important;
  }
}
rf-date-time i {
  width: 30px;
  float: left;
  text-align: center;
  font-size: 14px;
  margin-top: 4px;
  cursor: pointer;
}
rf-date-time i:hover {
  color: var(--main_color);
}

rf-icon-select {
  display: block;
}
rf-icon-select .show-icon-dropdown {
  max-width: 300px;
}
rf-icon-select .show-icon-dropdown:hover {
  color: var(--main_color);
}
rf-icon-select .rf-icon {
  font-size: 20px;
  margin: 8px;
  float: left;
  width: 30px;
  height: 30px;
}
rf-icon-select .rf-icon.selected {
  color: var(--main_color);
}
rf-icon-select .rf-icon:hover {
  color: var(--main_color);
}
rf-icon-select .rf-icon.icon-big {
  font-size: 25px;
  color: var(--main_color);
}

rf-lang-change .country-flag {
  display: inline-block;
  cursor: pointer;
  margin-top: -10px;
  float: right;
  width: 50px;
}
rf-lang-change .country-flag img {
  display: inline-block;
  height: 32px;
  margin: 4px 0 3px 8px;
}
rf-lang-change .country-flag p {
  display: none;
}
rf-lang-change .country-flag.active img, rf-lang-change .country-flag:hover img {
  height: 40px;
  margin: 0 0 0 4px;
}
rf-lang-change.labels .country-flag p {
  display: block;
  font-size: 10px;
  color: white;
  text-align: center;
}
rf-lang-change.labels .country-flag.active p, rf-lang-change.labels .country-flag:hover p {
  color: var(--main_color);
  font-size: 12px;
  font-weight: bold;
  margin-top: -1px;
}

rf-month-switcher div {
  width: calc(8.3333333333% - 5px);
  min-width: 78px;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
}
rf-month-switcher div:last-child {
  margin-right: 0;
}
rf-month-switcher button {
  height: 32px;
  width: 100%;
  padding: 5px;
  border-radius: 15px;
  border: none;
  background-color: var(--lightgrey);
  color: white;
}
rf-month-switcher button.active, rf-month-switcher button.hover {
  background-color: var(--main_color);
}
rf-month-switcher button.hover {
  opacity: 0.5;
}

rf-phone-counter {
  display: block;
  position: relative;
  cursor: pointer;
}
rf-phone-counter .outer-container {
  position: relative;
}
rf-phone-counter .outer-container span {
  top: -1px;
  left: 15px;
}

rf-priority-switch {
  display: block;
  position: relative;
}
rf-priority-switch span {
  margin-top: 8px;
  color: var(--grey);
  position: absolute;
  font-weight: bold;
}
rf-priority-switch .bar-container {
  height: 30px;
  cursor: pointer;
}
rf-priority-switch .bar-lines {
  cursor: pointer;
  width: 10px;
  float: left;
  height: 5px;
  background-color: var(--darkgreen);
  border: 1px solid;
  margin: 20px 5px 0 2px;
}
rf-priority-switch .prio2 {
  height: 10px;
  background-color: var(--green);
  margin-top: 15px;
}
rf-priority-switch .prio3 {
  height: 15px;
  background-color: var(--yellow);
  margin-top: 10px;
}
rf-priority-switch .prio4 {
  height: 20px;
  background-color: var(--darkyellow);
  margin-top: 5px;
}
rf-priority-switch .prio5 {
  height: 25px;
  background-color: var(--red);
  margin-top: 0;
}

.radiodirective .rf-btn {
  font-size: 12px;
  color: var(--grey);
  background: var(--darkwhite);
  border: 1px solid var(--darkwhite);
}
.radiodirective .rf-btn.active {
  border: 1px solid var(--main_color);
  background: var(--main_color);
  color: white;
}
.radiodirective.round .btn-group .btn:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.radiodirective.round .btn-group .btn:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
@media (min-width: 100px) and (max-width: 800px) {
  .radiodirective .rf-btn {
    padding: 0 5px;
    margin: 0;
    border: 0;
    background: none;
    box-shadow: none;
    font-size: 80%;
  }
  .radiodirective .rf-btn.active {
    box-shadow: none;
    border: none;
    background: none;
  }
}

rf-select-custom {
  display: inline-block;
  height: 17px;
}
rf-select-custom .suggestions {
  display: block;
  position: absolute;
  border: 1px solid var(--lightgrey);
  z-index: 999;
  background-color: white;
  margin-top: 22px;
  cursor: pointer;
  min-width: 130px;
}
rf-select-custom input {
  height: 22px;
  display: block;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
rf-select-custom input:focus {
  z-index: 3;
}
rf-select-custom ul {
  margin: 0;
  padding: 2px 5px;
  list-style: none;
  border: none;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
}
rf-select-custom ul:hover {
  background: var(--midwhite);
  color: var(--main_color);
}
rf-select-custom li {
  width: 100%;
}

rf-select {
  display: inline-block;
  position: relative;
  width: 100%;
}
rf-select.plain .rf-btn {
  border: 1px solid transparent;
}
rf-select.plain .selected-data {
  border: 1px solid transparent;
}
rf-select.plain .selected-data .selected-item {
  border: 1px solid transparent;
  color: var(--main_color);
}
rf-select .selected-data {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--lightgrey);
  border-radius: 3px;
  cursor: pointer;
}
rf-select .selected-data .rf-btn,
rf-select .selected-data .rf-btn:hover {
  margin: -1px -1px -1px 0;
  border-radius: 0 2px 2px 0;
}
rf-select .selected-data .selected-item {
  width: 100%;
  min-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
rf-select .search-data {
  position: absolute;
  width: 100%;
  background-color: var(--untouched);
  z-index: 9;
  padding: 6px;
  box-shadow: 0 3px 3px var(--grey);
}
rf-select .search-data .rf-form {
  width: 100%;
}
rf-select .search-data .data:hover {
  background-color: var(--lightgrey);
}
rf-select .search-data .data:hover a {
  display: block;
  cursor: pointer;
}

rf-select-properties {
  display: block;
  width: 100%;
  float: left;
}
rf-select-properties select {
  margin-bottom: 2px;
}
rf-select-properties span {
  position: absolute;
  right: 6px;
  top: 6px;
}
rf-select-properties input {
  text-align: center;
}
rf-select-properties input::placeholder {
  color: #ddd;
}
rf-select-properties input.invalid {
  border: 2px solid var(--red) !important;
}

rf-tag-select {
  position: relative;
  display: block;
}
rf-tag-select.plain .rf-btn {
  border: 1px solid transparent;
}
rf-tag-select.plain .rf-btn:hover {
  border: 1px solid transparent !important;
}
rf-tag-select.plain .select-wrap {
  background: none;
  border: 1px solid transparent;
  color: var(--main_color) !important;
}
rf-tag-select.plain .select-wrap .select-row {
  background: none;
  border: 1px solid transparent;
  color: var(--main_color) !important;
}
rf-tag-select .edgy-bracket {
  display: none;
}
rf-tag-select.brackets .edgy-bracket {
  display: inline;
}
rf-tag-select .select-wrap {
  position: relative;
}
rf-tag-select .select-wrap .select-row {
  padding: 5px 20px 5px 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
rf-tag-select.view-mode button,
rf-tag-select.view-mode .select-row {
  display: none;
}
rf-tag-select.view-mode .view-row {
  display: block;
}
rf-tag-select .view-row {
  display: none;
}
rf-tag-select .select-row {
  min-height: 32px;
  padding: 5px;
  background: white;
  width: 100%;
}
rf-tag-select .select-row.pointer:hover {
  background: var(--lightgrey);
}
rf-tag-select .select-row.first {
  border-radius: 3px;
}
rf-tag-select .rf-btn, rf-tag-select .rf-btn.rf-btn-inverted,
rf-tag-select .rf-btn:hover {
  margin: 0;
  float: right;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
rf-tag-select .rf-btn:hover {
  margin: 0 !important;
  border-color: var(--main_color) !important;
}
rf-tag-select .pointer .rf-btn {
  color: var(--main_color);
}
rf-tag-select .lower-select-container {
  z-index: 99;
  position: absolute;
  display: block;
  max-height: 300px;
  overflow: auto;
  background-color: var(--untouched);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3803921569);
  width: 100%;
}
rf-tag-select .lower-select-container .inner-select-container {
  width: 100%;
}
rf-tag-select .no-border {
  border: none;
}

rf-time-interval .time-interval-block {
  padding-bottom: 10px !important;
}
rf-time-interval .time-interval-block:nth-child(2) {
  padding-bottom: 5px !important;
}
rf-time-interval select {
  height: 32px !important;
  width: 100% !important;
  border-radius: 15px;
  padding-left: 5px;
  background-color: var(--darkwhite);
  border: none !important;
  border-right: 5px solid var(--darkwhite) !important;
}

rf-time-interval-input .time-switcher-table {
  height: 32px !important;
  width: 100% !important;
  margin: 0 !important;
  background-color: var(--darkwhite);
  border-radius: 15px;
}
rf-time-interval-input .time-switcher-table td {
  padding: 0 4px;
}
rf-time-interval-input .time-switcher-table td:first-child {
  padding-left: 10px;
}
rf-time-interval-input .time-switcher-table td:last-child {
  padding-right: 5px;
}
rf-time-interval-input .time-switcher-table td rf-date-time {
  width: 100%;
  margin-bottom: -6px;
}
rf-time-interval-input .time-switcher-table td rf-date-time input {
  padding: 0 !important;
  border: 1px solid var(--lightgrey);
  border-radius: 4px;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

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

td,
th {
  padding: 0;
}

.iconbar {
  position: absolute;
  width: 30px;
  text-align: left;
  z-index: 99;
}
.iconbar .fa {
  width: 15px;
}
.iconbar.left {
  left: -32px;
}
.iconbar.right {
  left: 605px;
}
.iconbar:hover {
  width: 200px;
}
.iconbar button .text {
  display: none;
}
.iconbar button:hover .text {
  display: inline;
}

.btn-light {
  border-radius: 5px;
  background-color: white;
  padding: 3px 5px;
  color: var(--main_color);
  margin-bottom: 2px;
  font-size: small;
}
.btn-light:hover {
  margin-bottom: 2px;
}

.pointer {
  cursor: pointer;
}

.three-check {
  padding-left: 22px;
  padding-right: 15px;
}

.validate input.ng-invalid,
.validate select.ng-invalid,
.validate textarea.ng-invalid {
  border: 1px solid red;
  box-shadow: none;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-margin {
  margin: 0;
}

.results-count {
  font-size: 140%;
  color: var(--midgrey);
}
@media (max-width: 800px) {
  .results-count {
    margin-left: 14px;
    margin-bottom: 10px;
    font-size: 120%;
  }
}

.result-count-sub {
  font-size: 90%;
  color: var(--midgrey);
}
@media (max-width: 800px) {
  .result-count-sub {
    display: none;
  }
}

.view-control-elements {
  float: right;
  width: 100%;
}
.view-control-elements .rf-btn {
  float: right;
}
.view-control-elements rf-action-select {
  max-width: 230px;
  float: right;
  width: 100%;
}

.editor-select {
  position: relative;
  margin-right: 10px;
}
.editor-select .editor-menu {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 999;
}
.editor-select .editor-menu a {
  cursor: pointer;
}
.editor-select .editor-menu .editor-list-item {
  padding: 5px 10px;
  min-width: 180px;
  background: var(--darkwhite);
}
.editor-select .editor-menu .editor-list-item:hover {
  font-weight: bold;
  color: var(--main_color);
  cursor: pointer;
}

.upload-field {
  border: dashed 2px var(--midgrey);
  color: var(--midgrey);
  border-radius: 15px;
  padding: 20px;
  font-size: 16px;
}
.upload-field:hover {
  border: dashed 2px var(--main_color);
}

/* tabs with colored underlines */
.underline {
  border-bottom: 1px solid var(--lightgrey);
  margin-bottom: 20px;
}

.state-btn {
  display: inline-block;
  margin: 0;
  padding: 0 20px 10px;
  border-bottom: 5px solid transparent;
  color: var(--grey);
  cursor: pointer;
}
.state-btn.active {
  border-bottom: 5px solid var(--main_color);
  color: black;
}
.state-btn.active span {
  color: var(--main_color);
}
.state-btn span {
  font-size: 16px;
  font-weight: bold;
  border-radius: 11px;
  display: block;
  float: right;
  margin: -4px 0 -2px 2px;
  padding: 2px 7px;
}

span.icon-counter {
  position: absolute;
  left: 0;
  top: 15px;
  color: white;
  font-weight: bold;
  font-size: 12px;
  background: var(--main_color);
  padding: 0 3px;
  height: 16px;
  border-radius: 9px;
  padding-left: 4px;
  line-height: 17px;
  opacity: 0.9;
}
span.icon-counter:hover {
  background: var(--midgrey);
}

.small-grey-tag {
  border-radius: 10px;
  background: white;
  color: var(--green);
  border: 1px solid;
  padding: 0 7px;
  margin: 0;
}
.small-grey-tag.alert {
  color: var(--red);
  background: white;
}

.tag-box {
  float: left;
  padding: 5px 15px;
  margin: 0 5px 5px 0;
  background: var(--midwhite);
  line-height: 20px;
  border-radius: 7px;
  cursor: default;
  border: 1px solid var(--lightgrey);
  position: relative;
}
.tag-box i {
  font-size: 14px !important;
  float: right !important;
  padding: 0 0 0 8px !important;
  margin-top: 3px !important;
}

.small .tag-box {
  padding: 1px 5px;
  margin: 0 5px 2px 0;
  background: var(--midwhite);
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
}
.small .tag-box i {
  display: none !important;
}
.small .tag-box .color-label {
  width: 5px;
}

.rf-simple-tag-box {
  color: black;
  padding: 1px 5px;
  margin: 0 5px 2px 0;
  background: var(--midwhite);
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
  border-left: 5px solid;
  border-top: 1px solid var(--lightgrey);
  border-bottom: 1px solid var(--lightgrey);
  border-right: 1px solid var(--lightgrey);
  width: max-content;
  float: left;
}
.rf-simple-tag-box.right {
  float: right;
}

.global-pdf-header {
  overflow: auto;
  float: left;
  margin-bottom: 15px;
}

.transparent-bg-layer {
  position: fixed;
  z-index: 9100;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: black;
  opacity: 0.3;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.diagram-bar {
  height: 10px;
  width: 100%;
  background-color: var(--green);
  border: 1px solid var(--grey);
  margin: 0 0 -10px;
}
.diagram-bar.warning {
  background-color: var(--yellow);
}
.diagram-bar.error {
  background-color: var(--red);
}
.diagram-bar.all {
  background-color: var(--lightgrey);
}

.striped-table-entry:nth-child(even) {
  background: var(--bg1);
}

.rf-list-action-btn .rf-btn {
  width: 100%;
  height: 42px;
  margin: 0;
  border-radius: 5px;
  padding-top: 15px;
}
.rf-list-action-btn rf-action-select .rf-btn {
  width: 30px;
}
.rf-list-action-btn rf-action-select .select-row {
  height: 42px;
  line-height: 40px;
  text-align: center;
}

.search-sorting-border-btn,
select.search-sorting-border-btn {
  border-radius: 5px;
  border: 1px solid transparent;
  display: inline-block;
  margin-right: 10px;
  background: white;
  appearance: none;
  width: max-content;
  cursor: pointer;
}
.search-sorting-border-btn i,
select.search-sorting-border-btn i {
  color: var(--midgrey);
}
.search-sorting-border-btn.active,
select.search-sorting-border-btn.active {
  background: var(--darkwhite);
  color: var(--main_color_light);
}
.search-sorting-border-btn:hover,
select.search-sorting-border-btn:hover {
  background: var(--darkwhite);
  color: var(--main_color);
}

select.rf-form {
  cursor: pointer;
}

.rf-btn.header-btn {
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: 0;
  margin-right: 0;
  background: none;
  float: left;
  color: var(--main_color);
}
.rf-btn.header-btn:hover {
  background: var(--main_color);
  color: white;
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: 0;
  margin-right: 0;
}
.rf-btn.header-btn.btn-right {
  float: right;
}

.sidebar-join-layer {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}
.sidebar-join-layer i {
  width: 90px;
  font-size: 75px;
  color: white;
  float: right;
  margin-top: 45px;
}
.sidebar-join-layer:hover {
  background: rgba(0, 0, 0, 0.5);
}

.list-item-icon {
  position: relative;
}
.list-item-icon .fa {
  font-size: 1.4em;
  color: var(--grey);
  margin-top: -6px;
  margin-bottom: -6px;
}
.list-item-icon .icon-counter {
  top: 9px;
  left: 12px;
  background: rgba(147, 147, 147, 0.8);
  color: white;
}

.weekday-btn {
  background: var(--main_color);
  color: white;
  text-align: center;
  cursor: pointer;
  width: 14.25%;
  float: left;
  padding: 0;
}
.weekday-btn:hover {
  background: var(--main_color_light);
}
.weekday-btn.inactive {
  background: var(--lightgrey);
  color: var(--midgrey);
}
.weekday-btn.inactive:hover {
  background: var(--midwhite);
}

.closed rf-list-tabs.navtop {
  margin-left: 48px;
}
.closed rf-top-nav .breadcrump-info {
  padding-left: 50px;
}

.admin-table {
  width: 100%;
}
.admin-table tr td {
  padding: 2px 20px;
}
.admin-table tr td.color-change-input {
  width: 100%;
  display: grid;
  grid-template-columns: 91% 5%;
  grid-column-gap: 4%;
  align-items: center;
}
.admin-table tr td .opts-label {
  float: left;
  width: 40%;
}
.admin-table tr td .opts-actions {
  float: left;
  width: 60%;
}
.admin-table tr td .opts-content {
  float: left;
  width: 100%;
}
.admin-table tr td:nth-child(odd) {
  width: 40%;
  color: var(--midgrey);
}
.admin-table tr td:nth-child(even) {
  width: 100%;
  text-align: center;
}
.admin-table tr:nth-child(even) {
  background-color: var(--bg1);
}
.admin-table select, .admin-table input, .admin-table rf-lang-select select {
  width: 100%;
  height: 24px;
  text-align: left;
  background-color: white;
  border-radius: 3px;
  border: 1px solid var(--lightgrey);
  padding: 0;
}
.admin-table textarea {
  height: 70px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
}
.admin-table input[type=checkbox] {
  width: 20px;
}
.admin-table input[type=color] {
  padding: 2px;
}

.main-actions {
  position: fixed;
  display: flex;
  bottom: 0;
  width: 100%;
  max-width: 1000px;
  transform: translateX(50px);
  border: 1px solid #888;
  border-bottom: none;
  box-shadow: 0 0 3px 0 #888;
  background: var(--darkgrey);
  color: white;
  z-index: 200;
}
.main-actions.dark {
  background: var(--darkgrey);
}
.main-actions h3 {
  line-height: 24px;
  font-size: 16px !important;
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.main-actions .col-xs-2 {
  padding: 0 5px;
}
.main-actions button {
  width: 100%;
}

.list-view-dropdown-btn rf-fold-btn-tri {
  width: 40px;
  padding-left: 10px;
  height: 40px;
  padding-top: 7px;
  font-size: 18px;
  margin-right: -15px;
}

.filter-select {
  position: relative;
}
.filter-select select {
  outline: none;
  width: 100%;
  border: 1px solid var(--lightgrey);
  cursor: pointer;
  background: white;
  border-radius: 30px;
  appearance: none;
  padding: 0 12px;
  height: 42px;
}
.filter-select select:hover {
  background: var(--darkwhite);
}
.filter-select::before {
  z-index: 1;
  display: block;
  content: "\f0d7";
  font-family: FontAwesome;
  position: absolute;
  pointer-events: none;
  color: white;
  right: 1px;
  top: 1px;
  background: var(--main_color);
  height: 40px;
  width: 30px;
  padding: 10px 6px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

/**
 * Edit mode sidebar
 */
/* Don't get confused by all the absolutes!
This is a trick to get "sidebar" stuff positioned to the right of the position */
.order-sidebar-anchor {
  position: absolute;
  right: 0;
  width: 0;
  height: 100%;
}

.order-sidebar {
  position: absolute;
  left: 15px;
  font-size: 14px;
  /* border-top: 1px solid #545454; */
  padding-left: 20px;
  min-width: 600px;
  overflow-y: auto;
}
.order-sidebar.head {
  height: 300px !important;
}
.order-sidebar .rf-form,
.order-sidebar input {
  border: 1px solid #ececec !important;
}
.order-sidebar .rf-form:hover,
.order-sidebar input:hover {
  border: 1px solid lightgray !important;
}

.order-sidebar-content {
  display: block;
  width: 100%;
  height: 100%;
}

.position-sidebar-button-array {
  margin-top: -5px;
  margin-left: 3px;
  height: 26px;
}

.position-sidebar-button-array button {
  display: inline-block;
}

/**
 * Edit mode sidebar
 */
/* Don't get confused by all the absolutes!
This is a trick to get "sidebar" stuff positioned to the right of the position */
.position-sidebar-anchor {
  position: absolute;
  right: 0;
  width: 0;
  height: 100%;
}

.position-sidebar {
  position: absolute;
  left: 15px;
  font-size: 14px;
  border-top: dashed 2px var(--lightgrey);
  padding-left: 20px;
  min-width: 650px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.position-sidebar-files {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 175px;
  overflow-y: auto;
  font-size: 12px;
  position: relative;
  margin-top: 10px;
}
.position-sidebar-files .vertical-line {
  height: 100%;
  position: absolute;
  border-right: 1px solid black;
  right: 25px;
}
.position-sidebar-files .drawing-actions {
  position: relative;
}
.position-sidebar-files .drawing-actions button {
  position: absolute;
  top: 31px;
  right: -15px;
  height: 30px;
  width: 25px;
  margin: 0;
}
.position-sidebar-files .drawing-actions .no-hover:hover {
  background: var(--main_color);
  color: white;
}
.position-sidebar-files .drawing-actions .rf-icon {
  margin-left: -4px;
  font-size: 14px;
}
.position-sidebar-files .file-header-row {
  background: var(--darkwhite);
}
.position-sidebar-files .file-header-row b {
  line-height: 28px;
}
.position-sidebar-files .file-header-row .rf-btn {
  margin: 0;
}
.position-sidebar-files .add-standard-scale-price {
  width: 100%;
  padding-bottom: 7px;
  position: absolute;
  left: 100%;
  bottom: auto;
  text-align: center;
}
.position-sidebar-files .add-standard-scale-price button {
  padding: 5px 35px;
  margin-left: 50px;
  width: calc(100% - 50px);
}
.position-sidebar-files .country-of-origin {
  float: right;
  width: 60%;
}
.position-sidebar-files .country-of-origin select {
  padding: 0;
}

.pdf-footer {
  position: absolute;
  left: 5px;
  right: 5px;
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* --------------------------------- global style -------------------------------------- */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  padding-top: 40px;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  background-color: #fff;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body::-webkit-scrollbar-track {
  background: var(--darkwhite);
  /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: var(--grey);
  /* color of the scroll thumb */
}

/* --------------------------------- global font style -------------------------------------- */
b,
strong {
  font-weight: bold;
}

.small,
small {
  font-size: 85%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

h2,
h3,
p {
  orphans: 3;
  widows: 3;
}

h2,
h3 {
  page-break-after: avoid;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: normal;
  line-height: 1;
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%;
}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 75%;
}

h1 {
  margin: 0.67em 0;
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

/* --------------------------------- global html element style -------------------------------------- */
ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}

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

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

a {
  color: var(--main_color);
  outline: none;
  text-decoration: none;
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  border: 0;
  vertical-align: middle;
}

hr {
  box-sizing: content-box;
  height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

/* --------------------------------- global input element style -------------------------------------- */
[role=button] {
  cursor: pointer;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}

input {
  line-height: normal;
  outline: none;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  margin: 1px \9 0 0;
  line-height: normal;
}

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

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

textarea {
  overflow: auto;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button.borderless,
input.borderless,
select.borderless,
textarea.borderless {
  border: 1px solid transparent;
}
button.borderless:hover,
button.borderless :active,
input.borderless:hover,
input.borderless :active,
select.borderless:hover,
select.borderless :active,
textarea.borderless:hover,
textarea.borderless :active {
  border: 1px solid var(--lightgrey);
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* stylelint-disable selector-class-pattern */
.icon-raw-material-dim {
  background: url("../img/raw-material-dimensions.svg") no-repeat;
  width: 250px;
  height: 190px;
}
.icon-raw-material-dim.block {
  background-position: 0px -35px;
}
.icon-raw-material-dim.plate {
  background-position: -210px -35px;
}
.icon-raw-material-dim.flat {
  background-position: -420px -35px;
}
.icon-raw-material-dim.square {
  background-position: -630px -35px;
}
.icon-raw-material-dim.rectangularTube {
  background-position: -840px -35px;
}
.icon-raw-material-dim.hexagon {
  background-position: 0px -245px;
}
.icon-raw-material-dim.round {
  background-position: -210px -245px;
}
.icon-raw-material-dim.half-round {
  background-position: -420px -245px;
}
.icon-raw-material-dim.pipe {
  background-position: -630px -245px;
}
.icon-raw-material-dim.L-profile {
  background-position: -840px -245px;
}
.icon-raw-material-dim.T-profile {
  background-position: 0px -455px;
}
.icon-raw-material-dim.U-profile {
  background-position: -210px -455px;
}
.icon-raw-material-dim.I-profile {
  background-position: -420px -455px;
}
.icon-raw-material-dim.Z-profile {
  background-position: -630px -455px;
}

.rf-erp-icon {
  background: url("../img/icons.svg") no-repeat;
  width: 32px;
  height: 32px;
  display: block;
}
.rf-erp-icon.list-sm {
  background-position: -1px -86px;
}
.rf-erp-icon.list-md {
  background-position: -40px -86px;
}
.rf-erp-icon.list-lg {
  background-position: -74px -86px;
}
.rf-erp-icon.list-lg-single {
  background-position: -110px -86px;
}
.rf-erp-icon.list-calendar {
  background-position: -142px -86px;
}

.list-v {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.list-v.end {
  justify-content: flex-end;
}

.list-h {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.list-h.end {
  justify-content: flex-end;
}

.mainview-top-panel label {
  font-weight: normal;
  border: none;
  margin: 0;
  background: #efefef;
  padding: 3px 5px;
  white-space: nowrap;
}
.mainview-top-panel select {
  outline: none;
  width: 100%;
  border: 1px solid var(--lightgrey);
  cursor: pointer;
}
.mainview-top-panel select:hover {
  background: var(--darkwhite);
}
.mainview-top-panel input[type=text] {
  width: 100%;
  padding: 10px;
}
.mainview-top-panel input[type=checkbox] {
  margin: 13px 0 0 3px;
}
.mainview-top-panel h3 {
  margin-top: 10px;
}
.mainview-top-panel h4 {
  margin-top: 5px;
}
.mainview-top-panel .filter-search-term,
.mainview-top-panel .filter-sort {
  display: flex;
}
.mainview-top-panel .filter-search-term input:focus {
  box-shadow: 2px 2px 4px -2px var(--main_color);
}
.mainview-top-panel .filter-search-term input:focus:hover {
  box-shadow: 2px 2px 4px -2px var(--main_color);
}
.mainview-top-panel .filter-search-term input:hover {
  box-shadow: 2px 2px 4px -2px var(--main_color_contrast_dark);
}
.mainview-top-panel .filter-sort span {
  margin-top: 10px;
}
.mainview-top-panel .filter-sort .input-label {
  padding: 0;
}
.mainview-top-panel .filters {
  white-space: nowrap;
}
.mainview-top-panel .filters .rf-btn {
  min-width: 100px;
  width: auto;
}
.mainview-top-panel .stretch-to-width {
  width: 100%;
}
.mainview-top-panel .active-filter-tags {
  color: white;
  border: 1px solid var(--main_color);
  padding: 5px 10px;
  border-radius: 20px;
  width: max-content;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  background: var(--main_color);
  border-color: var(--main_color);
}
.mainview-top-panel .active-filter-tags:hover {
  opacity: 0.7;
}
.mainview-top-panel .rf-filter-btn {
  background: white;
  border: 1px solid var(--lightgrey);
  padding: 6px 11px;
  border-radius: 20px;
  width: max-content;
  cursor: pointer;
}
.mainview-top-panel .rf-filter-btn i {
  color: var(--main_color);
}
.mainview-top-panel rf-tag-click,
.mainview-top-panel rf-opts-click,
.mainview-top-panel .rf-filter-btn {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.mainview-top-panel rf-fold-list-btn {
  float: right;
}
.mainview-top-panel .select-row:hover,
.mainview-top-panel .rf-filter-btn:hover {
  background: var(--darkwhite);
  color: var(--main_color);
}
.mainview-top-panel .time-switcher {
  background: var(--darkwhite);
  padding: 2px 5px;
  border-radius: 20px;
}
.mainview-top-panel .time-switcher label {
  background: none;
}
.mainview-top-panel .time-switcher input {
  border-radius: 5px;
  outline: none;
  padding: 3px;
  border: 1px solid var(--lightgrey);
}
.mainview-top-panel .time-switcher rf-date-time i {
  margin-top: 6px;
}

.mainview-white-box {
  background: white;
  padding: 15px;
  margin-bottom: 10px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  display: inline-block;
  width: 100%;
}
.mainview-white-box.large {
  min-height: 90vh;
}
.mainview-white-box.lightgrey {
  background: #fcfcfc;
}
.mainview-white-box.transparent {
  background: none;
  padding: 0 15px 0 0;
}
.mainview-white-box.transparent .rf-panel-box {
  border: 1px solid var(--darkwhite);
}

@media (max-width: 720px) {
  .mainview-white-box {
    padding: 10px;
  }
  .mainview-white-box.transparent {
    padding: 0;
  }
}
.mainview {
  background: #fff;
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  top: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0;
}
.mainview.mainview-padding {
  padding: 30px;
}
.mainview.mainview-padding .mainview-top-panel {
  border-bottom: none;
  background: none;
}
.mainview.mainview-color {
  background: var(--bg3);
}
.mainview .manview-scroll-spacer {
  height: 600px;
}
.mainview .rf-mainview-action-btn {
  float: right;
  margin-top: 0;
  width: 190px;
  text-align: left;
  padding: 6px 12px;
  border-radius: 5px;
}
.mainview .rf-mainview-action-btn i {
  margin-top: 4px;
  float: right;
}
.mainview .tree-actions {
  position: relative;
}
.mainview .tree-actions .disable-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent;
}
.mainview .tree-actions a {
  cursor: pointer;
  color: var(--grey);
  margin-right: 15px;
  font-size: 13px;
  white-space: nowrap;
}
.mainview .tree-actions a i {
  color: var(--main_color);
}
.mainview .tree-actions.disabled .fa,
.mainview .tree-actions.disabled a {
  color: #545454;
}
.mainview .actions {
  text-align: right;
}
.mainview .actions .rf-btn .fa-trash.big {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 38px;
}
.mainview .colm {
  float: left;
  min-height: 2px;
}

@media (max-width: 950px) {
  .mainview .main-actions {
    transform: none;
    width: 100%;
    left: 0;
  }
}
@media print {
  .mainview-top-panel,
  .mainview .main-actions,
  .mainview .tree-actions {
    display: none;
  }
}
#mainview-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media print {
  #mainview-container {
    left: 0;
  }
}
#mainview-container.open {
  left: 200px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media print {
  #mainview-container.open {
    left: 0;
  }
}
#mainview-container.closed {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  left: 0;
}
#mainview-container.disabled {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  left: 0;
}
#mainview-container.disabled rf-top-nav {
  display: none;
}
#mainview-container.disabled .mainview {
  top: 0;
}

.primary-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
}
.primary-view.small-view {
  width: calc(100% - 350px);
  font-size: 90%;
  overflow: auto;
}

.blinker {
  animation: blinker 2s linear infinite;
}

.blinker-fast {
  animation: blinker03 1.5s linear infinite;
}

/* @example
* animation: blinker 2s linear infinite;
*/
@keyframes blinker {
  50% {
    opacity: 0.8;
  }
}
@keyframes blinker06 {
  50% {
    opacity: 0.6;
  }
}
@keyframes blinker03 {
  50% {
    opacity: 0.3;
  }
}
@media screen {
  .print {
    display: none;
  }
}
@page {
  size: a4 portrait;
}
@media print {
  .no-print {
    display: none;
  }
  .mainview.mainview-padding {
    padding: 0px;
  }
  .page-print-layout {
    margin: 0;
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
  }
  .page-print-layout body {
    overflow: auto;
  }
  .page-print-layout .mainview-white-box {
    padding: 0;
    border-radius: 0;
  }
  .page-print-layout .sidebar-right {
    display: none;
  }
  .page-print-layout input,
  .page-print-layout select,
  .page-print-layout textarea {
    color: black;
    border: none;
    box-shadow: none;
  }
  .page-print-layout input[type=number] {
    appearance: textfield;
  }
  .page-print-layout ::-webkit-inner-spin-button {
    /* stylelint-disable-next-line */
    -webkit-appearance: none;
  }
  .page-print-layout ::-webkit-outer-spin-button {
    /* stylelint-disable-next-line */
    -webkit-appearance: none;
  }
  .page-print-layout select {
    /* stylelint-disable-next-line */
    -webkit-appearance: none;
    /* stylelint-disable-next-line */
    -moz-appearance: none;
    appearance: none;
  }
  .page-print-layout textarea {
    resize: none;
  }
  .page-print-layout a[href]::after {
    /* prevent links to be displayed in print view */
    content: none !important;
  }
  .page-print-layout a {
    color: black;
  }
  .page-print-layout svg.preview-svg {
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
  }
  .page-print-layout svg.preview-svg .outerContour path {
    fill: rgb(188, 194, 199);
  }
  .page-print-layout svg.preview-svg .innerContour path {
    fill: grey;
  }
  .page-print-layout .sidebar,
  .page-print-layout rf-btn {
    display: none;
  }
  .page-print-layout .mainview {
    top: 0;
    overflow: visible;
  }
  .page-print-layout .mainview .order {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .page-print-layout .mainview .order .print-layer {
    display: none;
  }
  .page-print-layout .mainview .iconbar {
    display: none;
  }
  .page-print-layout .rf-date-time {
    margin-top: -2px;
  }
  *,
  *::after,
  *::before {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
}
.rf-edit {
  padding: 5px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  overflow: auto;
  margin-bottom: 1px;
}
.rf-edit label {
  margin: 0 !important;
  font-weight: normal !important;
}
.rf-edit input,
.rf-edit select,
.rf-edit textarea {
  position: relative;
  z-index: 2;
  border: 0;
  width: 100%;
  background: var(--darkwhite);
}
.rf-edit input:hover,
.rf-edit select:hover,
.rf-edit textarea:hover {
  box-shadow: 0 0 3px 0px var(--main_color_light);
}
.rf-edit input:focus,
.rf-edit select:focus,
.rf-edit textarea:focus {
  box-shadow: 0 0 3px 0 var(--main_color_light);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rf-edit textarea {
  min-width: 100%;
  max-width: 100%;
}
.rf-edit select {
  background: #fff;
}
.rf-edit .rf-edit-btn {
  cursor: pointer;
  float: right;
  color: var(--main_color);
}
.rf-edit .rf-edit-btn:hover {
  opacity: 0.6;
}
.rf-edit.no-edit-icon::before {
  display: none;
}
.rf-edit.rf-label.rf-disabled::before {
  display: none;
}
.rf-edit.rf-label.rf-disabled input:hover,
.rf-edit.rf-label.rf-disabled select:hover,
.rf-edit.rf-label.rf-disabled textarea:hover {
  box-shadow: 0 0 0 0 #fff;
}
.rf-edit.rf-label.rf-checkbox::before {
  display: none;
}
.rf-edit.rf-label.rf-checkbox input {
  width: 0;
  position: absolute;
  right: 0;
}
.rf-edit.rf-label.long label {
  width: 65%;
  float: left;
  color: var(--midgrey);
}
.rf-edit.rf-label.long input,
.rf-edit.rf-label.long select,
.rf-edit.rf-label.long textarea {
  width: 35%;
}
.rf-edit.rf-label label {
  width: 40%;
  float: left;
  color: grey;
}
.rf-edit.rf-label input,
.rf-edit.rf-label select,
.rf-edit.rf-label textarea {
  width: 60%;
}
.rf-edit.rf-label textarea {
  min-width: 60%;
  max-width: 60%;
}
.rf-edit.rf-label.extra-wide textarea {
  min-width: 100%;
  max-width: 100%;
}
.rf-edit.rf-label rf-textarea .textfield {
  border-bottom: none;
}
.rf-edit.rf-label rf-textarea .textfield textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.rf-edit .content-container {
  width: 60%;
  float: left;
}
.rf-edit rf-date-time {
  width: 60%;
}
.rf-edit rf-date-time input {
  width: 100%;
}
.rf-edit::before {
  content: "";
}

.rf-edit-select-label {
  text-align: left;
  height: 31px;
  border-bottom: 1px solid var(--lightgrey);
}
.rf-edit-select-label label {
  width: 40%;
  float: left;
  color: var(--midgrey);
  margin-top: 4px;
  font-weight: normal;
}
.rf-edit-select-label rf-tag-select {
  width: 60%;
  float: right;
}
.rf-edit-select-label rf-tag-select .select-row {
  min-height: 30px;
}
.rf-edit-select-label rf-tag-select .select-row.first {
  border: none;
}
.rf-edit-select-label rf-tag-select .select-row button {
  border-radius: 0;
  margin-top: -8px;
}
.rf-edit-select-label rf-currency {
  width: 60%;
  top: -2px;
}
.rf-edit-select-label rf-currency .selected-currency {
  border: unset;
}

/*  @exampl regular
<table class="rf-list-table default">
   <tbody ng-repeat="doc in docs">
      <tr class="list-header" ng-class="{'expanded': showInfo}">
         <td></td>
      </tr>
      <tr>
         <td></td>
      </tr>
   </tbody>
</table>
*/
/* @exampl tabel content same color as head
<table class="rf-list-table default">
   <tbody ng-repeat="doc in docs" class="list-header">
      <tr>
         <td></td>
      </tr>
   </tbody>
</table>
*/
.rf-list-table.default {
  width: 100%;
}
.rf-list-table.default thead td:first-child {
  padding-left: 15px;
}
.rf-list-table.default .list-header td {
  height: 50px;
  font-size: 12px;
}
.rf-list-table.default .list-header a {
  color: black;
  cursor: pointer;
}
.rf-list-table.default .list-header a.main-link {
  color: var(--main_color);
}
.rf-list-table.default .list-header .list-h {
  float: right;
  align-items: center;
}
.rf-list-table.default .list-header .action-select-xs-handler {
  margin-top: -4px !important;
}
.rf-list-table.default .list-header .numbers {
  display: inline;
}
.rf-list-table .list-header.expanded {
  background: var(--darkgrey) !important;
  color: white;
}
.rf-list-table .list-header.expanded a {
  color: white;
}
.rf-list-table .list-header td {
  padding: 4px;
}
.rf-list-table .list-header td:first-child {
  padding-left: 15px;
}
.rf-list-table .list-header td:last-child {
  padding-right: 15px;
}
.rf-list-table tbody:nth-child(even) > .list-header {
  background: var(--bg1);
}
.rf-list-table tbody.list-header:nth-child(even) {
  background: var(--bg1);
}

.rf-panel-box {
  background: white;
  border-radius: 10px;
  width: 100%;
  float: left;
  margin-top: 5px;
  margin-bottom: 30px;
  margin-left: 0;
  padding: 15px;
  border: 1px solid var(--lightgrey);
}
.rf-panel-box.dashed {
  border: dashed 2px var(--lightgrey);
}
.rf-panel-box h3 {
  margin: 0 0 3px;
  font-weight: bold;
}
.rf-panel-box h4 {
  margin: 0 0 15px;
  font-size: 20px;
}
.rf-panel-box h5 {
  font-size: 14px;
  color: var(--grey);
  margin: 0 0 3px;
}
.rf-panel-box .input-column {
  padding-right: 0;
}
.rf-panel-box .input-column input {
  width: 100%;
  border: 1px solid var(--darkwhite);
}
.rf-panel-box .fa {
  font-size: 16px;
}
.rf-panel-box .textfield {
  background: white;
}
.rf-panel-box .actions .rf-btn {
  float: right;
  width: max-content;
}

.rf-panel-box-actions button {
  float: right;
}

.no-border .rf-panel-box {
  border: none;
  box-shadow: none;
}

.rf-panel-outer-frame {
  background-image: linear-gradient(var(--bg1), var(--bg2));
  padding: 10px 20px;
  border-bottom: 2px solid white;
}
.rf-panel-outer-frame .col-padding-sm {
  padding-right: 3px;
  padding-left: 3px;
}
.rf-panel-outer-frame .rf-edit::before {
  display: none;
}
.rf-panel-outer-frame.border-bottom {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom: 4px solid var(--midgrey);
}
.rf-panel-outer-frame.margin-bottom {
  margin-bottom: 60px;
}
.rf-panel-outer-frame .rf-panel-box {
  margin-bottom: 6px;
  margin-top: 0;
}

rf-text-editor.light-mode {
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
}
rf-text-editor.light-mode .CodeMirror-sizer {
  background: var(--midwhite);
}
rf-text-editor.light-mode .CodeMirror-cursor {
  border-left: 1px solid black;
}
rf-text-editor.light-mode .CodeMirror-line {
  color: blue;
}
rf-text-editor.html .cm-comment {
  color: magenta;
  font-weight: bold;
}
rf-text-editor.html .cm-s-default .cm-variable-2 {
  color: inherit;
}
rf-text-editor.html .cm-s-default .cm-keyword {
  font-weight: bold;
  color: darkgrey;
}
rf-text-editor.html .cm-s-default .cm-tag {
  color: orange;
  font-weight: bold;
}
rf-text-editor.html .cm-s-default .cm-property {
  color: lightgreen;
}
rf-text-editor.html .cm-s-default .cm-string {
  color: lightgreen;
  font-weight: bold;
}
rf-text-editor.html .cm-s-default .cm-def {
  color: inherit;
}
rf-text-editor.html .cm-s-default .cm-qualifier {
  color: orange;
}
rf-text-editor.js .cm-comment {
  color: magenta;
  font-weight: bold;
}
rf-text-editor.js .cm-s-default .cm-variable-2 {
  color: inherit;
}
rf-text-editor.js .cm-s-default .cm-keyword {
  font-weight: bold;
  color: orange;
}
rf-text-editor.js .cm-s-default .cm-atom {
  color: orange;
}
rf-text-editor.js .cm-s-default .cm-property {
  color: lightgray;
}
rf-text-editor.js .cm-s-default .cm-string {
  color: lightgreen;
  font-weight: bold;
}
rf-text-editor.js .cm-s-default .cm-def {
  color: inherit;
}

.text-editor-container {
  padding: 0 18px;
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
}
.text-editor-container .text-editor {
  height: auto;
  min-height: 350px;
  font-size: 11px;
  border-radius: 7px;
}
.text-editor-container .CodeMirror-lines {
  border-right: 1px solid var(--lightgrey);
  border-bottom: 1px solid var(--lightgrey);
}
.text-editor-container .CodeMirror-gutters {
  border-left: 1px solid var(--lightgrey);
}
.text-editor-container .CodeMirror-sizer {
  background: var(--grey);
  color: rgb(204, 240, 160);
}
.text-editor-container .CodeMirror-cursor {
  border-left: 1px solid white;
}

.left-w50 {
  width: 50%;
  float: left;
}

.left-w35 {
  width: 35%;
  float: left;
}

.w5 {
  width: 5%;
}

.w8 {
  width: 5%;
}

.w10 {
  width: 10%;
}

.w15 {
  width: 15%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w32 {
  width: 32%;
}

.w33 {
  width: 33%;
}

.w35 {
  width: 35%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.w95 {
  width: 95%;
}

.w100 {
  width: 100%;
}

.min-h-10 {
  min-height: 10px;
}

.min-h-100 {
  min-height: 100px;
}

.min-h-110 {
  min-height: 110px;
}

.min-h-115 {
  min-height: 115px;
}

.min-h-50 {
  min-height: 50px;
}

.min-h-120 {
  min-height: 120px;
}

.min-h-125 {
  min-height: 125px;
}

.min-h-130 {
  min-height: 130px;
}

.min-h-135 {
  min-height: 135px;
}

.min-h-140 {
  min-height: 140px;
}

.min-h-150 {
  min-height: 150px;
}

.min-h-180 {
  min-height: 180px;
}

.min-h-200 {
  min-height: 200px;
}

.min-h-230 {
  min-height: 230px;
}

.min-h-250 {
  min-height: 250px;
}

.min-h-280 {
  min-height: 280px;
}

.min-h-300 {
  min-height: 300px;
}

.min-h-320 {
  min-height: 320px;
}

.min-h-350 {
  min-height: 350px;
}

.min-h-370 {
  min-height: 370px;
}

.min-h-400 {
  min-height: 400px;
}

rf-settings-apps .app-settings {
  padding: 10px;
  padding-top: 17px;
  margin-top: 10px;
}
rf-settings-apps .app-settings:first-child {
  margin-top: initial;
}
rf-settings-apps .app-settings.disabled {
  background: var(--bg1);
}
rf-settings-apps .app-settings div:first-child {
  display: grid;
  grid-template-columns: 6fr 1fr;
  align-items: center;
}
rf-settings-apps .app-settings div:first-child * {
  display: inline-block;
}

rf-settings-cad rf-group-rights {
  display: grid;
  grid-template-rows: 1fr 1fr;
  align-items: center;
}
rf-settings-cad rf-group-rights div:first-child div:last-child {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  grid-row-gap: 5px;
}
rf-settings-cad rf-group-rights div:first-child div:last-child div {
  display: inline-block;
}
rf-settings-cad rf-group-rights div:last-child div:last-child {
  width: 100%;
  display: grid;
  grid-template-columns: 19fr 1fr;
  align-items: center;
}
rf-settings-cad .logos span {
  font-weight: bold;
  color: var(--midgrey);
}
rf-settings-cad .logos span i {
  margin-left: 5px;
}
rf-settings-cad .logos span:hover {
  color: var(--main_color);
  cursor: pointer;
}
rf-settings-cad .logo {
  background: var(--grey);
  height: 50px;
  display: box;
  display: flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
rf-settings-cad .logo img {
  padding: 10px;
  width: auto;
  max-height: 100%;
}
rf-settings-cad .logo img.lg {
  height: 60px;
}
rf-settings-cad .logo img.md {
  height: 40px;
}
rf-settings-cad .logo img.sm {
  height: 35px;
}
rf-settings-cad .logo img.xs {
  height: 50px;
}
rf-settings-cad .pointer:hover {
  color: var(--main_color);
}

rf-settings-interfaces label {
  color: var(--midgrey);
}
rf-settings-interfaces rf-lang-change {
  margin-left: 14px;
}

rf-settings-number-gen .numgen-entry h4 {
  margin: 0;
}
rf-settings-number-gen .numgen-entry td {
  vertical-align: top;
}
rf-settings-number-gen .numgen-entry .last-row td {
  padding-top: 20px;
  padding-bottom: 20px;
}
rf-settings-number-gen .numgen-entry td:first-child {
  padding-left: 20px;
}
rf-settings-number-gen .numgen-entry td:last-child {
  padding-right: 20px;
}
rf-settings-number-gen .numgen-entry textarea, rf-settings-number-gen .numgen-entry input {
  background: none;
}
rf-settings-number-gen .numgen-entry textarea {
  min-height: 54px;
  font-size: 12px;
}
rf-settings-number-gen .numgen-entry select.rf-form {
  background: none;
}
rf-settings-number-gen .numgen-entry label {
  color: var(--lightgrey);
}
rf-settings-number-gen .numgen-entry small {
  color: var(--lightgrey);
}
rf-settings-number-gen .examples {
  color: var(--lightgrey);
  line-height: 35px;
}
rf-settings-number-gen .examples div {
  margin-right: 20px;
}

rf-settings-service {
  display: block;
}

.adm-settings-ctrl .section-header {
  width: 100%;
  border-bottom: 4px solid var(--bg1);
  margin-bottom: 40px;
}
.adm-settings-ctrl .section-header * {
  font-size: 36px;
  font-weight: bold;
  padding-right: 5px;
  color: var(--main_color);
}
.adm-settings-ctrl .sub-section-header {
  font-size: 32px;
  font-weight: bold;
  color: var(--midgrey);
  border: initial;
  margin-top: 30px;
}
.adm-settings-ctrl .sub-section-header button {
  float: right;
  width: 50px;
  padding: 12px;
  line-height: 12px;
}
.adm-settings-ctrl .alert {
  margin: 10px initial;
}

.page-tags-list label {
  padding: 9px;
  float: left;
  margin-right: 10px;
  border-radius: 10px;
  background: none;
}
.page-tags-list rf-select-tag-category select {
  padding: 10px;
  margin: 0;
}
.page-tags-list .tag-entry {
  border-bottom: 1px solid var(--lightgrey);
  margin-bottom: 15px;
}
.page-tags-list .tag-entry .color-bubble {
  height: 15px;
  margin-top: 2px;
  width: 30px;
  border: none;
  padding: 0;
  cursor: pointer;
}
.page-tags-list .tag-entry .borderless {
  background: none;
}
.page-tags-list .tag-entry .description {
  width: 30%;
}
.page-tags-list .parent-tags rf-tag .tag-box {
  cursor: pointer;
}
.page-tags-list .fa-archive {
  color: var(--main_color);
  cursor: pointer;
}

.admin-group-edit .table-row {
  padding: 0 7px;
  margin: 0;
  line-height: 32px;
}
.admin-group-edit h2 {
  margin: 0;
}
.admin-group-edit select {
  padding: 3px;
  background: none;
  border: 1px solid var(--lightgrey);
}
.admin-group-edit .rf-btn {
  margin: 0;
}
.admin-group-edit .rf-btn:hover {
  margin: 0;
}
.admin-group-edit .big-input {
  font-size: 24px;
  padding: 6px 15px;
  height: auto;
  font-weight: bold;
}
.admin-group-edit .submenu b {
  font-weight: normal;
  padding-left: 40px;
  font-size: 85%;
}

.admin-group-list .tag {
  border-radius: 4px;
  float: left;
  padding: 2px 8px;
  margin: 1px 3px;
  color: white;
  font-size: 12px;
}
.admin-group-list .rf-btn.top {
  width: 100%;
}

rf-export-directive {
  display: block;
}
rf-export-directive .small .tag-box {
  border-color: var(--main_color);
  background: none;
  color: var(--main_color);
}
rf-export-directive .small .tag-box:hover {
  background: var(--main_color);
  color: white;
}
rf-export-directive .admin-table .time-switcher-table td:nth-child(odd) {
  width: 15%;
}
rf-export-directive .admin-table .time-switcher-table td:nth-child(even) {
  width: 35%;
}
rf-export-directive .list-h .rf-btn {
  margin: 0;
}

rf-extraction-map {
  display: block;
}
rf-extraction-map .rf-extraction-map-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 20px;
}
rf-extraction-map .rf-extraction-map-left-side {
  flex: 2;
  display: flex;
  flex-direction: column;
  min-width: 300px;
}
rf-extraction-map .rf-extraction-map-left-side select {
  border: none;
}
rf-extraction-map .rf-extraction-map-left-side option {
  color: gray;
  padding: 5px 0px 0px 5px;
}
rf-extraction-map .rf-extraction-map-left-side span {
  margin-bottom: 20px;
}
rf-extraction-map .rf-extraction-map-right-side {
  display: flex;
  flex-direction: row;
  flex: 5;
  min-width: 300px;
  column-gap: 10px;
  overflow-y: scroll;
  max-height: 260px;
}
rf-extraction-map .rf-extraction-map-right-side-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
rf-extraction-map .rf-extraction-map-right-side-item select {
  width: 100%;
  height: 100%;
  border: none;
  overflow: visible;
}
rf-extraction-map .rf-extraction-map-right-side-item option {
  color: gray;
  padding: 5px 0px 0px 5px;
}
rf-extraction-map .rf-extraction-map-right-side-item span {
  margin-bottom: 20px;
}
rf-extraction-map .rf-extraction-map-input {
  height: 22px;
  border: none;
  padding: 5px 0px 0px 5px;
  font-size: 14px;
}

rf-setup-directive rf-upload-zone h3 {
  text-align: center;
  color: var(--grey);
}
rf-setup-directive td {
  padding: 2px 20px 2px 0;
}
rf-setup-directive .pointer {
  cursor: pointer;
}

.page-imexport .rf-panel-box {
  margin-top: 0;
}

.admin-session-list {
  word-wrap: break-word;
}
.admin-session-list .table-row {
  padding: 7px;
  margin: 0;
  border-bottom: 1px solid var(--lightgrey);
  max-width: 85vw;
}
.admin-session-list .tag {
  display: inline-block;
  background: #7fff00;
  color: white;
  border-radius: 3px;
  padding: 0 10px;
  margin-right: 5px;
  line-height: 26px;
}
.admin-session-list .group-tags div {
  margin-bottom: 5px;
}

.page-admin-setting-edit .section-header {
  width: 100%;
  border-bottom: 4px solid var(--bg1);
  margin-bottom: 40px;
}
.page-admin-setting-edit .section-header * {
  font-size: 36px;
  font-weight: bold;
  padding-right: 5px;
  color: var(--main_color);
}
.page-admin-setting-edit .sub-section-header {
  font-size: 32px;
  font-weight: bold;
  color: var(--midgrey);
  border: initial;
  margin-top: 30px;
}
.page-admin-setting-edit .sub-section-header button {
  float: right;
  width: 50px;
  padding: 12px;
  line-height: 12px;
}
.page-admin-setting-edit .alert {
  margin: 10px initial;
}
.page-admin-setting-edit .rf-panel-box {
  margin: 0;
}
.page-admin-setting-edit .info-cursor {
  cursor: help;
}

rf-settings-article table.admin-table textarea.rf-form {
  height: 140px;
}
rf-settings-article table.admin-table .rf-btn {
  width: 20%;
  float: left;
  height: 23px;
  padding: 1px;
}
rf-settings-article table tr {
  border-bottom: initial !important;
}
rf-settings-article table tbody:nth-child(even) {
  background-color: var(--bg1);
}
rf-settings-article table td.center {
  text-align: center;
}
rf-settings-article table .article-tag {
  border: none !important;
  color: var(--main_color);
  background: none !important;
}
rf-settings-article table rf-hashtag .upper-box {
  width: 100%;
}
rf-settings-article table small {
  color: var(--grey);
}
rf-settings-article .add-extended-property {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 2fr 6fr 1fr;
  grid-column-gap: 10px;
  align-items: center;
}
rf-settings-article .article-tag {
  padding: 1px 5px;
  background: var(--darkwhite);
  border: none;
  appearance: none;
  border-radius: 20px;
}
rf-settings-article .unit-input {
  height: 20px;
  width: 100px !important;
  padding: 0;
  line-height: 20px;
  display: block;
  border: 1px solid var(--lightgrey);
}
rf-settings-article .rf-btn.small {
  height: 20px;
  padding: 0;
}
rf-settings-article .rotated-table-text {
  width: 35px;
  transform: rotate(-90deg) translate(16px, 0);
}
rf-settings-article .pointer {
  cursor: pointer;
}

rf-settings-company table tr {
  border-bottom: initial !important;
}
rf-settings-company table tbody:nth-child(even) {
  background-color: var(--bg1);
}
rf-settings-company table td.center {
  text-align: center;
}
rf-settings-company table .company-tag {
  border: none !important;
  color: var(--main_color);
  background: none !important;
  padding: 1px 5px;
  appearance: none;
  border-radius: 20px;
}
rf-settings-company table rf-hashtag .upper-box {
  width: 100%;
}
rf-settings-company table small {
  color: var(--grey);
}
rf-settings-company table .unit-input {
  height: 20px;
  width: 100px !important;
  padding: 0;
  line-height: 20px;
  display: block;
  border: 1px solid var(--lightgrey);
}
rf-settings-company table .rf-btn.small {
  height: 20px;
  padding: 0;
}
rf-settings-company table .rotated-table-text {
  transform: rotate(-90deg) translate(-9px, 50%);
  transform-origin: 0% 50%;
}
rf-settings-company .add-extended-property {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 2fr 6fr 1fr;
  grid-column-gap: 10px;
  align-items: center;
}

rf-settings-email label {
  color: var(--midgrey);
}
rf-settings-email img.language {
  width: 35px;
  margin-bottom: 10px;
}
rf-settings-email small {
  color: var(--lightgrey);
}

rf-settings-general .fa-question-circle {
  color: var(--main_color);
}

rf-settings-production rf-time-light-settings td:first-child {
  width: 30% !important;
}
rf-settings-production rf-time-light-settings td:nth-child(2), rf-settings-production rf-time-light-settings td:nth-child(3) {
  width: 30% !important;
  text-align: center;
}
rf-settings-production rf-time-light-settings td:nth-child(4) {
  width: 10% !important;
}

rf-settings-purchasing .lower-select-container {
  width: 35%;
}

rf-settings-sales .lower-select-container {
  width: 35%;
}

rf-settings-shipping table.admin-table.shipping-table tr td {
  padding: 2px 5px;
  text-align: left !important;
}
rf-settings-shipping table.admin-table.shipping-table tr td input {
  min-width: 70px;
}
rf-settings-shipping table.admin-table.shipping-table tr td.input-80 {
  width: 10%;
}
rf-settings-shipping a {
  cursor: pointer;
}

rf-settings-sidebar {
  display: block;
  width: 100%;
  background-color: var(--untouched);
  border-radius: 8px;
  align-items: center;
  padding: 10px;
}
rf-settings-sidebar button {
  width: 100%;
  background-color: var(--untouched);
  padding: 12px 15px;
  border-radius: 5px;
  color: var(--midgrey);
  text-align: left;
  border: none;
}
rf-settings-sidebar button:hover {
  background-color: var(--lightgrey);
  color: var(--untouched);
}
rf-settings-sidebar button.selected {
  background-color: var(--main_color);
  color: var(--untouched);
}

rf-admin-backups {
  display: block;
}
rf-admin-backups .fold-btn {
  position: relative;
}
rf-admin-backups .fold-btn rf-fold-btn {
  position: absolute;
  top: 0;
  right: 20px;
}
rf-admin-backups .fold-btn h4 {
  font-size: 18px;
  line-height: 40px;
}
rf-admin-backups .file-dir {
  max-height: 500px;
  overflow-y: auto;
}
rf-admin-backups .file-dir i {
  color: var(--main_color);
  cursor: pointer;
  margin-right: 12px;
}
rf-admin-backups .file-dir i:hover {
  color: var(--main_color_light);
}
rf-admin-backups .file-container {
  border: 1px solid var(--lightgrey);
  margin: 0;
}
rf-admin-backups .file {
  font-size: 12px;
  margin: 0;
}
rf-admin-backups .file.directory:hover {
  color: var(--main_color);
}
rf-admin-backups .file:nth-child(even) {
  background: var(--darkwhite);
}
rf-admin-backups .file:hover {
  background: var(--lightgrey);
}

rf-cronjob {
  display: block;
}
rf-cronjob .grey {
  color: var(--grey);
}
rf-cronjob .green {
  color: var(--darkgreen);
}
rf-cronjob .rf-btn, rf-cronjob .rf-btn.rf-btn-inverted,
rf-cronjob .rf-btn:hover {
  height: 30px;
}
rf-cronjob .rf-btn .fa-plus {
  margin-top: 4px;
}
rf-cronjob .search-result {
  line-height: 30px;
  overflow: auto;
}
rf-cronjob .search-result:nth-child(even) {
  background: var(--darkwhite);
}
rf-cronjob .search-result .small-padding {
  padding: 0 5px;
}
rf-cronjob .search-result i {
  margin-top: 8px;
}
rf-cronjob .search-result i:hover {
  opacity: 0.7;
}
rf-cronjob .search-result .selected {
  color: var(--main_color);
}
rf-cronjob .search-result .description {
  font-size: 12px;
}
rf-cronjob .search-result .description:hover {
  color: var(--main_color);
}
rf-cronjob .search-result .actions i {
  margin: 0 5px;
}

rf-admin-monitor {
  display: block;
}
rf-admin-monitor .beam label {
  width: 100%;
  text-align: center;
  font-size: 12px;
}
rf-admin-monitor .beam .box-container {
  position: relative;
  width: 100%;
  height: 25px;
}
rf-admin-monitor .beam .box {
  position: absolute;
  width: 100%;
  background: var(--lightgrey);
  height: 10px;
}
rf-admin-monitor .beam .box.active {
  width: 0;
  background: var(--main_color);
}
rf-admin-monitor .beam.bright .box.active {
  background: var(--main_color_light);
}
rf-admin-monitor .beam.dark .box.active {
  background: var(--main_color_contrast_dark);
}
rf-admin-monitor .server-console-logs {
  border: 1px solid var(--lightgrey);
  background: black;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  border-radius: 8px;
  padding: 0 15px;
  min-height: 250px;
}

.admin-system .rf-panel-box {
  margin-top: -2px;
}
.admin-system .underline {
  margin-bottom: 0;
}
.admin-system .fa-circle.green {
  color: var(--darkgreen);
}
.admin-system .fa-circle.red {
  color: var(--invalid);
}
.admin-system a.disabled {
  color: var(--lightgrey);
}
.admin-system rf-csv-import {
  width: 99%;
  display: inline-block;
  margin-left: 8px;
}
.admin-system td {
  padding: 0 5px;
}

rf-sysinfo {
  display: block;
}
rf-sysinfo h3:hover {
  color: var(--main_color);
}
rf-sysinfo i {
  float: right;
}
rf-sysinfo hr {
  margin: 0;
}

rf-admin-syslogs {
  display: block;
}
rf-admin-syslogs .log-search-results {
  max-height: 500px;
  overflow-y: auto;
}
rf-admin-syslogs .log-search-result {
  line-height: 30px;
  font-size: 12px;
  color: var(--grey);
}
rf-admin-syslogs .log-search-result i {
  margin-top: 6px;
}
rf-admin-syslogs .log-search-result:hover {
  color: var(--main_color);
}
rf-admin-syslogs .log-search-result:nth-child(even) {
  background: var(--darkwhite);
}
rf-admin-syslogs .log-search-result .selected {
  font-weight: bold;
}
rf-admin-syslogs .color-log.info i {
  color: var(--darkgreen);
}
rf-admin-syslogs .color-log.error i {
  color: var(--darkred);
}
rf-admin-syslogs .color-active-log.info {
  color: var(--darkgreen);
}
rf-admin-syslogs .color-active-log.error {
  color: var(--darkred);
}

rf-admin-update {
  display: block;
}

.page-task-edit .icon-big {
  font-size: 48px;
  margin-bottom: 20px;
}
.page-task-edit .viewmode input, .page-task-edit .viewmode select, .page-task-edit .viewmode textarea {
  pointer-events: none;
  background: none;
  border: none;
}
.page-task-edit .viewmode a {
  pointer-events: none;
  color: black;
}
.page-task-edit .viewmode .rf-btn {
  display: none;
}
.page-task-edit .viewmode .fa {
  display: none;
}
.page-task-edit .viewmode .fa.fa-question-circle {
  display: inline;
}
.page-task-edit .active-sub-task {
  padding-right: 36px;
}
.page-task-edit .select-btn.rf-btn {
  position: absolute;
  right: 15px;
  top: 0;
  border-left: 1px solid var(--midgrey);
}
.page-task-edit .parameter rf-time-input {
  margin-left: 40%;
  width: 60%;
}
.page-task-edit .parameter rf-time-input .rf-time-input-container {
  padding-top: 0;
  width: 70%;
  padding-right: 5px;
}
.page-task-edit .parameter rf-time-input .rf-time-input-container input {
  height: 25px;
  border: none;
}
.page-task-edit .parameter rf-time-input select {
  padding-top: 1px;
  width: 30%;
  height: 25px;
  border-bottom: none;
}
.page-task-edit .parameter rf-percentage-input input {
  margin: 0;
  height: 22px;
}
.page-task-edit .parameter input {
  text-align: right;
  padding-right: 5px;
}
.page-task-edit .tag-subtask {
  background: var(--main_color);
  border-radius: 4px;
  padding: 3px 8px;
  margin: 1px 3px;
  color: white;
  width: max-content;
}
.page-task-edit div.select-row {
  color: var(--grey) !important;
}
.page-task-edit .formula-head .rf-btn {
  margin-right: 10px;
  margin-top: 10px;
}

.page-task-list .result-list {
  user-select: none;
}
.page-task-list .result-list i {
  margin: 5px;
}
.page-task-list table thead {
  color: var(--midgrey);
}
.page-task-list table td {
  padding: 10px;
}
.page-task-list table td input {
  border: 1px solid transparent;
  background: none;
  color: var(--main_color);
}
.page-task-list table td input:hover {
  border: 1px solid var(--lightgrey);
}
.page-task-list .rf-mainview-action-btn {
  width: auto;
  padding: 6px 25px;
}
.page-task-list .rf-mainview-action-btn i {
  float: none;
  margin-left: 10px;
}

rf-task-possible-production-options {
  display: block;
}

rf-public-files {
  text-align: left;
}
rf-public-files .results-count {
  font-weight: bold;
  font-size: 140%;
  color: var(--midgrey);
  margin-bottom: 10px;
}
rf-public-files .public-img {
  position: relative;
  padding: 10px;
  box-shadow: 0 0 5px 0 var(--lightgrey);
  border-radius: 4px;
  margin-bottom: 20px;
}
rf-public-files .choose-file .public-img:hover {
  cursor: pointer;
  background: var(--darkwhite);
}
rf-public-files .choose-file .public-img:hover rf-drawing-img {
  cursor: pointer;
  background: var(--darkwhite);
}

rf-settings-pdf-docs h4 {
  margin-top: 10px !important;
  margin-bottom: initial !important;
}
rf-settings-pdf-docs .section-header {
  width: 100%;
  border-bottom: 4px solid var(--bg1);
  margin-bottom: 40px;
}
rf-settings-pdf-docs .section-header * {
  font-size: 36px;
  font-weight: bold;
  padding-right: 5px;
  color: var(--main_color);
}
rf-settings-pdf-docs .sub-section-header {
  font-size: 32px;
  font-weight: bold;
  color: var(--midgrey);
  border: initial;
  margin-top: 30px;
}
rf-settings-pdf-docs .sub-section-header button {
  float: right;
  width: 50px;
  padding: 12px;
  line-height: 12px;
}
rf-settings-pdf-docs table.admin-table tr td:nth-child(odd) {
  text-align: center;
}
rf-settings-pdf-docs table.admin-table tr td:nth-child(even) {
  text-align: center;
}
rf-settings-pdf-docs table.admin-table tr td:first-child {
  text-align: left;
}

.admin-email .underline {
  margin-bottom: 0;
}

rf-templates .heading {
  color: var(--grey);
  margin-bottom: 10px;
  border-bottom: 1px solid var(--lightgrey);
}
rf-templates .heading i {
  font-size: 22px;
}
rf-templates .heading h3 {
  font-size: 22px;
  margin: 0;
  float: left;
}
rf-templates .heading small {
  font-size: 15px;
  line-height: 27px;
  margin-left: 10px;
}
rf-templates .size-input.ng-invalid {
  border: 2px solid red;
}
rf-templates .left-navbar-container .template-list .template-elem {
  cursor: pointer;
}
rf-templates .left-navbar-container .template-list .template-elem.active {
  background: var(--main_color);
}
rf-templates .left-navbar-container .template-list .template-elem.disabled {
  color: var(--lightgrey);
}
rf-templates .left-navbar-container .template-list small {
  float: right;
  padding: 1px 5px;
  margin-top: 2px;
  margin-right: 2px;
  border-radius: 7px;
  background: red;
  color: white;
  font-weight: bold;
  font-size: 10px;
}
rf-templates .left-navbar-container .template-list {
  height: calc(100vh - 330px);
  overflow: auto;
  padding: 0 10px;
}
rf-templates .left-navbar-container .template-options {
  height: 330px;
  background: var(--bg3);
  padding: 10px;
}
rf-templates .text-editor-container rf-text-editor {
  height: calc(100vh - 330px);
  display: grid;
}
rf-templates .editor-bottom-actions {
  height: 330px;
  background: var(--bg3);
  padding: 20px;
}
rf-templates .margin-container small {
  width: 100%;
  float: left;
  color: var(--grey);
}
rf-templates .margin-container .label-container {
  width: 40%;
  float: left;
}
rf-templates .margin-container .label-container label {
  width: 100% !important;
}
rf-templates .margin-container .inputs {
  width: 60%;
  float: left;
}
rf-templates .margin-container .inputs ::placeholder {
  color: var(--midgrey);
  opacity: 0.4;
}
rf-templates .margin-container .inputs div {
  width: 25%;
  float: left;
  text-align: center;
}
rf-templates .margin-container .inputs input, rf-templates .margin-container .inputs select {
  width: 100% !important;
  text-align: center;
  border-right: 1px solid white;
}
rf-templates .margin-container .inputs input.ng-invalid {
  border: 2px solid red;
}
rf-templates .var-directory-container {
  min-height: 350px;
  word-break: break-word;
}

rf-translations .left-container {
  border-right: 4px solid lightgray;
}
rf-translations .left-container .language-list {
  min-height: 550px;
  max-height: 550px;
  overflow: auto;
}
rf-translations .left-container .language-list .language-elem {
  cursor: pointer;
}
rf-translations .left-container .language-list .language-elem.active {
  background: orange;
}
rf-translations .notifications {
  line-height: 35px;
}
rf-translations .rf-btn, rf-translations .rf-btn.rf-btn-inverted,
rf-translations .rf-btn:hover {
  border-radius: 4px;
}

.page-annotate-edit {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: white;
}

.page-article-list .mainview .main-actions {
  z-index: 9999;
}
.page-article-list .mainview .main-actions .rf-btn {
  width: 100%;
}
.page-article-list .mainview input,
.page-article-list .mainview select,
.page-article-list .mainview textarea {
  color: black;
  box-shadow: none;
  border: 1px solid white;
}
.page-article-list .mainview .active i {
  color: black;
}
.page-article-list .mainview .invisible {
  opacity: 0;
}
.page-article-list .mainview .ng-invalid.ng-touched {
  border: 1px solid red;
}
.page-article-list .mainview p {
  margin: 5px 0;
}
.page-article-list .mainview ::placeholder {
  color: var(--grey);
  opacity: 0.4;
}
.page-article-list .header {
  padding-bottom: 10px;
  font-size: 12px;
}
.page-article-list .header .heading {
  font-size: 36px;
  font-weight: bold;
}
.page-article-list .header .logo {
  padding-top: 15px;
}
.page-article-list .inner-page {
  min-height: 840px;
  width: 600px;
  box-shadow: 0 0 5px 0 #000;
  padding: 10px;
  position: relative;
  margin-bottom: 25px;
}
.page-article-list .inner-page .print-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(120, 120, 120, 0.1);
  z-index: 3;
}
.page-article-list .inner-page .print-layer .text {
  color: rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
  font-weight: bold;
  font-size: 600%;
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
  left: 0;
  z-index: 5;
}
.page-article-list .sidebar-right {
  position: absolute;
  left: 650px;
  top: 0;
  width: 350px;
}

.page-article-parents select {
  background: #f9f9f9;
  font-size: 20px;
  padding-left: 0;
}
.page-article-parents table thead {
  color: var(--grey);
  font-weight: bold;
}
.page-article-parents table .pointer:hover {
  color: var(--main_color);
  cursor: pointer;
}
.page-article-parents table td {
  padding: 5px 20px;
}
.page-article-parents table small {
  white-space: pre-wrap;
}

article-search-list {
  /* ===================== article tile view ======================= */
  /* ===================== article table view ======================= */
}
article-search-list .primary-view.small .rf-btn {
  display: none;
}
article-search-list span.toggle-list-btns a {
  float: left;
}
article-search-list span.toggle-list-btns a:hover {
  cursor: pointer;
  background-color: var(--main_color_light);
}
article-search-list span.toggle-list-btns a.active {
  background-color: var(--darkwhite);
}
article-search-list rf-upload-zone {
  width: max-content;
  margin-right: 7px;
  margin-top: 5px;
  float: right;
}
article-search-list .article-item {
  border: 1px solid var(--lightgrey);
  border-radius: 10px;
  position: relative;
  margin-bottom: 20px;
  overflow: auto;
  background: #fbfbfb;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
article-search-list .article-item.active {
  box-shadow: 0 0 5px 0 var(--main_color);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
article-search-list .article-item .upper-box {
  background: white;
  box-shadow: 1px -11px 22px 0 #4d7fac;
  width: 100%;
  height: 160px;
}
article-search-list .article-item .upper-box .actions {
  position: absolute;
  right: 0;
}
article-search-list .article-item .upper-box .rf-btn .fa {
  color: var(--midgrey);
}
article-search-list .article-item .upper-box span.icon-counter {
  background: var(--midgrey);
}
article-search-list .article-item .upper-box .img rf-drawing-img {
  display: block;
  cursor: pointer;
}
article-search-list .article-item .upper-box .img rf-drawing-img img,
article-search-list .article-item .upper-box .img rf-drawing-img .nopreview {
  max-width: 100%;
  max-height: 160px;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
article-search-list .article-item .upper-box .img rf-drawing-img img.disabled,
article-search-list .article-item .upper-box .img rf-drawing-img .nopreview.disabled {
  cursor: pointer;
}
article-search-list .article-item .lower-box {
  border-top: 1px solid var(--lightgrey);
  width: 100%;
  padding: 10px;
  min-height: 160px;
  display: flex;
  flex-direction: column;
}
article-search-list .article-item .lower-box .name-text {
  font-weight: bold;
  color: var(--main_color_contrast_ultra_dark);
}
article-search-list .article-item .lower-box .description-text {
  font-size: 10px;
  white-space: pre-line;
  max-height: 85px;
  overflow: hidden;
}
article-search-list .article-item .lower-box .company-name {
  font-size: 10px;
}
article-search-list .article-item .lower-box .tag-box-container {
  margin-top: auto;
  opacity: 0.8;
}
article-search-list .article-table-view:nth-child(even) .article-row {
  background-color: var(--darkwhite);
}
article-search-list .article-row {
  border-bottom: 1px solid var(--lightgrey);
}
article-search-list .article-row .padding-top {
  padding-top: 5px;
}
article-search-list .filter-sort {
  float: left;
  margin-right: 20px;
  margin-top: -4px;
}

.page-calculation-edit {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: white;
}

.page-drawings-edit.mainview {
  padding: 0;
}
.page-drawings-edit.mainview .main-actions {
  z-index: 999;
}
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container rf-article-list input,
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container .rf-edit-select-label,
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container .rf-edit,
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container input {
  pointer-events: none;
}
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container a.clickable {
  pointer-events: all;
}
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container .rf-edit input,
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container .rf-edit textarea,
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container .rf-edit select {
  background: white;
}
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container rf-search-field input {
  border: 1px solid var(--lightgrey);
}
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container h4,
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container label {
  user-select: none;
}
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container .hidden-readmode {
  display: none;
}
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container .rf-btn,
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container .tag-select {
  display: none;
}
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container input {
  border: none;
}
.page-drawings-edit.mainview.inactive-layer .drawing-edit-inner-container select {
  appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.page-drawings-edit .inner-container {
  height: auto;
  position: relative;
}

drawing-edit .add-section-btn {
  padding: 8px 15px;
  border: 2px dashed var(--lightgrey);
  color: var(--main_color);
  border-radius: 7px;
  background: white;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  cursor: pointer;
}
drawing-edit .add-section-btn:hover {
  background: var(--darkwhite);
  color: var(--main_color_light);
}
drawing-edit.wide-layout .panel-container {
  width: 100%;
}
drawing-edit rf-upload-zone {
  overflow-y: auto;
  overflow-x: hidden;
}
drawing-edit .size-demand .tag-box {
  cursor: pointer;
}
drawing-edit .size-demand .tag-box:hover {
  opacity: 0.7;
}
drawing-edit .top-button i {
  color: var(--main_color);
}
drawing-edit .top-button i:hover {
  opacity: 0.6;
}
drawing-edit button.price {
  position: absolute;
  right: 14px;
}
drawing-edit .prices .header-btn {
  position: absolute;
  right: 31px;
  top: 13px;
}
drawing-edit .always-visible {
  display: contents !important;
}
drawing-edit .btn-input {
  width: calc(60% - 25px) !important;
}
drawing-edit .make-part .rf-edit.rf-label label {
  width: 65%;
}
drawing-edit .make-part .rf-edit.rf-label input {
  width: 35%;
}

extended-properties .select-property {
  float: left;
  width: calc(50% - 15px);
  margin-right: 15px;
}
@media (max-width: 800px) {
  extended-properties .select-property {
    width: calc(100% - 15px);
  }
}
extended-properties label {
  color: var(--midgrey);
  margin-top: 3px;
}
@media (min-width: 600px) {
  extended-properties rf-select-properties .rf-edit {
    width: 48%;
    float: left;
    margin-right: 2%;
  }
}

.page-file {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
  background: white;
}

.page-article-list {
  display: block;
}

machine-edit .select-property {
  float: left;
  width: calc(50% - 15px);
  margin-right: 15px;
}
@media (max-width: 800px) {
  machine-edit .select-property {
    width: calc(100% - 15px);
  }
}
machine-edit label {
  color: var(--midgrey);
  margin-top: 3px;
}

.page-material-list .expanded .rf-simple-tag-box {
  color: black;
}
.page-material-list .viewmode input,
.page-material-list .viewmode textarea {
  pointer-events: none;
}
.page-material-list .content {
  background: white;
}
.page-material-list .lower-white-container {
  height: calc(100vh - 150px);
  overflow: hidden;
  margin-bottom: 0;
}
.page-material-list .inner-scroll-container {
  height: calc(100vh - 210px);
  overflow-y: auto;
}
.page-material-list thead {
  background: white;
  position: relative;
  z-index: 1;
}
.page-material-list .tech-attributes input {
  color: var(--main_color);
  background: transparent;
  width: 100%;
  border: 1px solid transparent;
  height: 40px;
}
.page-material-list .tech-attributes input:hover {
  border: 1px solid var(--darkwhite);
}

.page-price-list .price {
  text-align: left;
}
.page-price-list .filter-sort {
  float: left;
  margin-right: 20px;
  margin-top: -4px;
}

:root {
  --berrang_main_color: #75a9f9;
  --green1: #355723;
  --green2: #4c7a34;
  --green3: #629c44;
  --green4: #92d36e;
  --orange: #ffa834;
  --brown: #d68227;
  --yellow: #e2ee79;
  --maroon: #b70f0a;
  --selected_item: #d4e3fc;
}

.page-berrang-list {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}
.page-berrang-list .rf-btn {
  color: var(--berrang_main_color);
}
.page-berrang-list .maroon {
  color: var(--maroon);
}
.page-berrang-list .brown {
  color: var(--brown);
}
.page-berrang-list .green1 {
  color: var(--green1);
}
.page-berrang-list .green2 {
  color: var(--green2);
}
.page-berrang-list .green3 {
  color: var(--green3);
}
.page-berrang-list .green4 {
  color: var(--green4);
}
.page-berrang-list .orange {
  color: var(--orange);
}
.page-berrang-list .yellow {
  color: var(--yellow);
}
.page-berrang-list button.rf-btn {
  background: var(--berrang_main_color);
  color: var(--untouched);
}
.page-berrang-list rf-fold-btn.rf-btn,
.page-berrang-list a.rf-btn {
  background: transparent;
  color: var(--berrang_main_color);
}
.page-berrang-list rf-fold-btn.rf-btn:hover,
.page-berrang-list a.rf-btn:hover {
  background: var(--berrang_main_color);
  color: var(--untouched);
}
.page-berrang-list.mainview.mainview-color {
  background: var(--untouched);
  top: 0;
  min-height: 100vh;
}
.page-berrang-list .logo {
  max-width: 100%;
  width: 340px;
  margin: 10px auto;
}
.page-berrang-list .title-wrap {
  color: var(--grey);
  font-weight: bold;
  text-align: center;
}
.page-berrang-list .content-section {
  padding-top: 25px;
  padding-bottom: 25px;
  background: var(--bg3);
}
.page-berrang-list .align-right {
  text-align: right;
}
.page-berrang-list .align-left {
  text-align: left;
}
.page-berrang-list .align-center {
  text-align: center;
}
.page-berrang-list .actions {
  font-size: 30px;
}
.page-berrang-list .actions a {
  color: var(--berrang_main_color);
  text-decoration: none;
  cursor: pointer;
  margin: 0 10px;
}
.page-berrang-list .request-info {
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  color: var(--grey);
}
.page-berrang-list .carousel-section {
  display: flex;
  margin-bottom: 40px;
}
.page-berrang-list .carousel-section .item {
  display: flex;
  cursor: pointer;
  background: var(--untouched);
  border-radius: 13px;
  align-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 10px;
  border: 1px solid var(--lightgrey);
}
.page-berrang-list .carousel-section .item rf-drawing-img img {
  cursor: pointer !important;
}
.page-berrang-list .carousel-section .item:hover {
  opacity: 0.5;
}
.page-berrang-list .carousel-section .item.active {
  border: 1px solid var(--berrang_main_color);
}
.page-berrang-list .carousel-section .item.active p {
  font-weight: bold;
}
.page-berrang-list .carousel-section .tag {
  position: absolute;
  bottom: 5px;
  right: 10px;
  background: var(--berrang_main_color);
  border: none;
  color: var(--untouched);
}
.page-berrang-list a.carousel-nav {
  font-size: 110px;
  display: flex;
  align-items: center;
  color: var(--berrang_main_color);
  text-decoration: none;
  cursor: pointer;
}
.page-berrang-list .file-viewer {
  height: 100%;
  position: relative;
  min-height: 350px;
}
.page-berrang-list .qty {
  display: inline-block;
  padding: 0 10px;
  margin: 0 5px;
  border-radius: 15px;
  border: 1px solid var(--lightgrey);
  background-color: var(--lightgrey);
}
.page-berrang-list .rf-edit.rf-label.qty-label {
  overflow: visible;
  border: none;
}
.page-berrang-list .rf-edit.rf-label.qty-label label {
  width: 20%;
}
.page-berrang-list .rf-edit.rf-label.qty-label .rf-btn {
  font-size: 25px;
  top: 5px;
  position: relative;
}
.page-berrang-list rf-list-tabs .state-btn:hover {
  color: var(--berrang_main_color);
}
.page-berrang-list .state-btn, .page-berrang-list .state-btn:hover {
  border-bottom: 0 solid transparent;
  padding: 10px 20px;
}
.page-berrang-list .state-btn.active {
  border-radius: 10px 10px 0 0;
  border: 1px solid var(--lightgrey);
  background-color: var(--untouched);
}
.page-berrang-list .underline::after {
  content: "";
  position: absolute;
  height: 1px;
  bottom: 0px;
  width: 100%;
  left: 0;
  background: var(--lightgrey);
}
.page-berrang-list .underline {
  border-bottom: 0;
  padding: 0;
}
.page-berrang-list .specification::before {
  content: "\f022";
  font-family: FontAwesome;
}
.page-berrang-list .calculation::before {
  content: "\f1ec";
  font-family: FontAwesome;
}
.page-berrang-list .procurement::before {
  content: "\f07a";
  font-family: FontAwesome;
}
.page-berrang-list .state-section, .page-berrang-list .article-section {
  margin-top: -21px;
  border: 1px solid var(--lightgrey);
  background: var(--untouched);
  border-radius: 0 0 15px 15px;
}
.page-berrang-list .article-section, .page-berrang-list .meta-section {
  border: 1px solid var(--lightgrey);
  padding: 15px;
  background: var(--untouched);
}
.page-berrang-list .meta-section {
  border-radius: 15px;
  margin-top: 25px;
}
.page-berrang-list rf-file-preview .control-wrap {
  position: absolute;
  top: -38px;
  right: 0;
}
.page-berrang-list rf-file-preview .control-wrap .rf-btn {
  background: none;
  color: var(--berrang_main_color);
}
.page-berrang-list .right-section {
  padding-right: 50px;
}
.page-berrang-list .action-btn {
  text-align: right;
}
.page-berrang-list .action-btn button {
  padding: 10px 30px;
  border-radius: 15px;
  font-size: 25px;
  margin-top: 25px;
}
.page-berrang-list .file-viewer-section, .page-berrang-list .files-section, .page-berrang-list .upload-section {
  background: #fff;
  padding: 25px;
  margin: 0 25px 40px;
  border-radius: 15px;
  border: 1px solid var(--lightgrey);
}
.page-berrang-list .files-section, .page-berrang-list .upload-section {
  border: 1px dashed var(--lightgrey);
}
.page-berrang-list .upload-wrap {
  text-align: center;
  color: var(--grey);
}
.page-berrang-list .upload-wrap rf-upload-zone i {
  font-size: 110px;
}
.page-berrang-list .upload-wrap rf-upload-zone .rf-btn {
  border-radius: 5px;
  min-width: 200px;
  font-weight: bold;
}
.page-berrang-list rf-search-field .fa-search {
  background: var(--berrang_main_color);
  min-height: 30px;
}
.page-berrang-list rf-search-field input {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 32px;
}
.page-berrang-list rf-tag-select .select-row.first {
  border-radius: 15px;
}
.page-berrang-list rf-tag-select .rf-btn {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  border-color: var(--berrang_main_color);
}
.page-berrang-list .filter-select {
  position: relative;
  display: inline-block;
}
.page-berrang-list .filter-select select {
  color: var(--berrang_main_color);
  outline: none;
  width: 100%;
  border: 1px solid var(--lightgrey);
  cursor: pointer;
  background: white;
  border-radius: 30px;
  appearance: none;
  min-height: 32px;
  line-height: 30px;
  padding-left: 12px;
  padding-right: 32px;
  z-index: 0;
}
.page-berrang-list .filter-select::before {
  z-index: 1;
  display: block;
  content: "\f0d7";
  font-family: FontAwesome;
  position: absolute;
  pointer-events: none;
  color: var(--untouched);
  right: 0px;
  top: 0px;
  background: var(--berrang_main_color);
  min-height: 100%;
  line-height: 21px;
  width: 30px;
  padding: 5px 10px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.page-berrang-list .filter-select.mail-actions select {
  color: var(--untouched);
  background: var(--berrang_main_color);
  border: 1px solid var(--berrang_main_color);
}
.page-berrang-list .filter-select.mail-actions::before {
  color: var(--berrang_main_color);
  background: var(--untouched);
  border: 1px solid var(--berrang_main_color);
}
.page-berrang-list .filter-select.slim {
  margin-bottom: 5px;
}
.page-berrang-list .filter-select.slim select {
  min-height: 25px;
  line-height: 25px;
}
.page-berrang-list .filter-select.slim::before {
  padding: 0 10px;
  line-height: 25px;
}
.page-berrang-list .list-accounts {
  margin-bottom: 25px;
  max-height: 300px;
  overflow: auto;
}
.page-berrang-list .list-accounts input {
  border-radius: 15px;
  border: 1px solid var(--lightgrey);
  padding: 5px 15px;
}
.page-berrang-list .list-accounts input[type=checkbox] {
  transform: scale(1.2);
  margin-top: 10px;
}
.page-berrang-list .accounts-found {
  padding: 10px 0;
  font-size: 16px;
  color: var(--lightgrey);
}
.page-berrang-list .stripe:nth-child(even) tr {
  background: var(--bg1);
}
.page-berrang-list .calc-tag {
  display: inline-block;
  background: var(--midgrey);
  color: var(--untouched);
  padding: 5px 15px;
  border-radius: 15px;
  cursor: pointer;
}
.page-berrang-list .calc-tag:hover {
  background: var(--berrang_main_color);
}
.page-berrang-list .tag {
  border: 1px solid var(--grey);
  padding: 5px 15px;
  border-radius: 15px;
  white-space: nowrap;
  font-size: 12px;
}
.page-berrang-list .rating-section {
  display: flex;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  background: var(--yellow);
  padding: 5px 10px;
  margin-top: -8px;
}
.page-berrang-list .rating-section .notice {
  font-weight: bold;
  font-size: 14px;
}
.page-berrang-list .rating-section .rating {
  color: var(--orange);
  font-size: 24px;
  padding-left: 5px;
}
.page-berrang-list table.table td {
  vertical-align: middle;
}
.page-berrang-list table.table th {
  color: var(--grey);
}
.page-berrang-list table.table .row {
  margin-left: -8px;
  margin-right: -8px;
}
.page-berrang-list .details-section {
  padding: 15px 0;
}
.page-berrang-list .details-section .rf-col {
  padding-left: 10px;
  padding-right: 10px;
}
.page-berrang-list .no-wrap {
  white-space: nowrap;
}
.page-berrang-list .current-position-check {
  font-size: 39px;
  position: absolute;
  right: 8px;
  top: -5px;
  color: var(--berrang_main_color);
}

rf-mail-import {
  display: block;
  width: 100%;
  min-height: 100vh;
}
rf-mail-import button.rf-btn, rf-mail-import button.rf-btn.rf-btn-inverted,
rf-mail-import button.rf-btn:hover {
  background: var(--berrang_main_color);
  color: var(--untouched);
  padding: 10px 30px;
  border-radius: 15px;
  font-size: 25px;
  margin-top: 25px;
}
rf-mail-import .action-section {
  padding: 0 45px;
}
rf-mail-import .align-left {
  text-align: left;
}
rf-mail-import .align-center {
  text-align: center;
}
rf-mail-import .stage {
  height: 100%;
}
rf-mail-import rf-search-sorting {
  float: left;
}
rf-mail-import rf-search-sorting select.search-sorting-border-btn {
  padding-right: 38px;
}
rf-mail-import .list-group-wrap,
rf-mail-import .email-list-wrap,
rf-mail-import .email-detail-wrap {
  background: var(--untouched);
  border: 1px solid var(--lightgrey);
  border-radius: 15px;
  padding: 15px;
}
rf-mail-import .list-group-wrap {
  margin-left: 30px;
  min-height: 500px;
}
rf-mail-import .list-group-wrap ul {
  padding: 0;
  list-style: none;
}
rf-mail-import .list-group-wrap ul a {
  color: var(--grey);
  font-size: 18px;
}
rf-mail-import .list-group-wrap ul a i::before {
  color: var(--berrang_main_color);
  font-weight: bold;
}
rf-mail-import .list-group-wrap ul ul {
  padding: 0 0 0 25px;
}
rf-mail-import .list-group-wrap ul li {
  padding: 5px 0;
}
rf-mail-import .email-detail-wrap {
  margin-right: 30px;
}
rf-mail-import .mailimport h2 {
  font-size: 24px;
  font-weight: bold;
  color: var(--grey);
  margin-top: 5px;
}
rf-mail-import i {
  color: var(--berrang_main_color);
}
rf-mail-import .import {
  font-size: 25px;
}
rf-mail-import .table tbody {
  border: none !important;
}
rf-mail-import .table tbody tr td {
  vertical-align: middle;
  border: none;
}
rf-mail-import .table tbody tr.imported {
  color: lightgray;
}
rf-mail-import .table tbody.selected {
  background: var(--selected_item);
}
rf-mail-import .files-table {
  margin: 0 -15px;
}
rf-mail-import .rounded {
  background: var(--grey);
  color: var(--untouched);
  border-radius: 16px;
  padding: 2px 6px;
}
rf-mail-import .files-table .fa {
  font-size: 18px;
  color: var(--untouched);
}
rf-mail-import .files-table .fa.fa-file-pdf-o::before {
  background-color: red;
}
rf-mail-import .files-table .fa.fa-file-code-o::before {
  background-color: var(--berrang_main_color);
}

.page-account-overview {
  display: block;
}
.page-account-overview .rf-btn {
  width: min-content;
  float: right;
}
.page-account-overview .main-heading,
.page-account-overview .category-heading,
.page-account-overview .user-position {
  color: grey;
}
.page-account-overview .main-heading {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}
.page-account-overview .category-heading {
  text-align: left;
  font-size: 24px;
  margin-top: 40px;
}
.page-account-overview .user-heading {
  font-weight: bold;
  color: var(--main_color);
  font-size: 16px;
}
.page-account-overview h3 {
  font-size: 16px;
}
.page-account-overview .category {
  text-align: center;
  width: 100%;
}
.page-account-overview .category hr {
  background: lightgrey;
  border: none;
  height: 2px;
}
.page-account-overview .upper-container {
  overflow-x: auto;
  overflow-x: visible;
  margin-bottom: 10px;
  text-align: left;
}
.page-account-overview .upper-container .image-cropper {
  width: 120px;
  height: 120px;
  position: relative;
  overflow: hidden;
  float: left;
}
.page-account-overview .upper-container .image-cropper img {
  width: auto;
  height: 100%;
}
.page-account-overview .upper-container .image-cropper .image {
  padding: 1px;
}
.page-account-overview .upper-container .profile-window {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}
.page-account-overview .upper-container .right-upper-box {
  float: left;
  padding-top: 8px;
  padding-left: 5px;
  width: calc(100% - 120px);
}
.page-account-overview .upper-container .phone {
  font-size: 90%;
}
.page-account-overview .upper-container a {
  font-size: 80%;
  display: inline-block;
}
.page-account-overview .lower-container {
  padding-left: 5px;
  text-align: left;
}
.page-account-overview .lower-container .summary {
  display: inline-block;
  font-size: 12px;
  padding-right: 10px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.page-account-overview .lower-container .keywords {
  display: inline-block;
}
.page-account-overview .lower-container .keywords div {
  background: grey;
  border-radius: 4px;
  color: #fff;
  float: left;
  font-size: 12px;
  margin-top: 4px;
  margin-right: 4px;
  padding: 4px 8px;
}

.page-account-edit .delete-btn {
  display: inline;
  float: right;
}

account-edit rf-upload-zone {
  overflow-y: auto;
  overflow-x: hidden;
}
account-edit .rf-simple-tag-box {
  border-color: var(--main_color);
  padding: 5px;
  float: none;
}
account-edit .view-mode .rf-edit::before {
  display: none;
}
account-edit .view-mode .rf-edit {
  border-bottom: 1px solid var(--darkwhite);
}
account-edit .add-section-btn {
  padding: 8px 15px;
  border: 2px dashed var(--lightgrey);
  color: var(--main_color);
  border-radius: 7px;
  background: white;
  float: left;
  margin-right: 20px;
  cursor: pointer;
}
account-edit .add-section-btn:hover {
  background: var(--darkwhite);
  color: var(--main_color_light);
}
account-edit .panel-container .rf-edit {
  width: 45%;
  float: left;
  margin-right: 5%;
}
account-edit .panel-container .no-edit {
  pointer-events: none;
}
account-edit .addresses .header .actions,
account-edit .contacts .header .actions {
  text-align: right;
}
account-edit .addresses .address-field,
account-edit .contacts .address-field {
  position: relative;
  min-height: 250px;
}
account-edit .addresses .address-field .address-buttons,
account-edit .contacts .address-field .address-buttons {
  position: absolute;
  right: 25px;
  top: -11px;
}
account-edit .addresses .address-field .address-buttons .rf-btn,
account-edit .contacts .address-field .address-buttons .rf-btn {
  background: none;
}
account-edit .addresses .standard-address,
account-edit .contacts .standard-address {
  margin-top: 5px;
}
account-edit .addresses .standard-address input,
account-edit .contacts .standard-address input {
  float: left;
}
account-edit .addresses .standard-address p,
account-edit .contacts .standard-address p {
  color: var(--grey);
  font-size: 14px;
  margin-left: 25px;
  margin-bottom: 0;
  line-height: 25px;
}
account-edit .info label {
  display: block;
}
account-edit .maps iframe {
  border: 0;
  width: 100%;
  min-height: 350px;
}
account-edit .files-table {
  width: calc(100% - 20px);
  margin-left: 10px;
}
account-edit .files-table td {
  padding-right: 10px;
}
account-edit .ql-editor {
  padding: 12px 0;
}
account-edit .tag {
  background: var(--main_color);
  border-radius: 4px;
  float: right;
  padding: 3px 8px;
  margin: 1px 3px;
  color: white;
}
account-edit .select-btn.floatright {
  float: right;
}
account-edit .rf-form.floatright {
  float: right;
}
account-edit .rf-edit.no-overflow {
  overflow: hidden;
}

.company-list {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}
.company-list.mainview {
  top: 0;
}
.company-list.mainview .search-sorting-border-btn {
  float: right;
}
.company-list.mainview .results-count {
  padding-bottom: 20px;
}
.company-list.mainview .filter-sort {
  float: left;
  margin-right: 20px;
  margin-top: -4px;
}
.company-list.mainview .rf-content {
  margin-top: 5px;
}
.company-list.mainview .rf-content.rf-content-opts a {
  line-height: 23px;
}
.company-list.mainview .rf-content.rf-content-opts .fa-plus {
  margin-right: 8px;
}
.company-list.mainview button.rf-btn {
  padding-top: 1px;
  padding-bottom: 0;
}
.company-list.mainview .account {
  font-size: 13px;
  background: white;
  padding: 10px 15px 10px 15px;
  min-height: 180px;
  border: 1px solid var(--lightgrey);
  border-radius: 10px;
  position: relative;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.company-list.mainview .account h4 {
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.company-list.mainview .account .address-hover {
  cursor: pointer;
}
.company-list.mainview .account .address-hover:hover {
  opacity: 0.7;
}
.company-list.mainview .account .pointer {
  cursor: pointer;
}
.company-list.mainview .account rf-tags {
  margin-top: 5px;
}
.company-list.mainview .account .right-card-container {
  padding-left: 0;
  padding-right: 0;
  text-align: right;
  line-height: 14px;
}
.company-list.mainview .account .right-card-container div {
  font-size: 11px;
}
.company-list.mainview .account .options-btn {
  position: absolute;
  font-size: 18px;
  bottom: -4px;
  right: 10px;
}
.company-list.mainview .account .mini-tag-container {
  margin-top: auto;
}
.company-list.mainview .account .mini-tags {
  margin-bottom: 2px;
  margin-right: 3px;
  float: left;
  border-radius: 3px;
  padding: 0px 4px;
  border: 1px solid var(--lightgrey);
}
.company-list .rf-list-table-container {
  overflow-x: auto;
  margin-bottom: 0;
  padding: 0;
}
.company-list .rf-list-table {
  width: 100%;
}
.company-list .rf-list-table thead {
  position: sticky;
  top: 0px;
  z-index: 10;
  background: white;
}
.company-list .rf-list-table thead td {
  font-size: 11px;
  padding: 0 5px;
}
.company-list .rf-list-table .list-header td {
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.company-list .rf-list-table .list-header td rf-checkbox {
  position: initial;
}

.admin-profile-edit .viewmode {
  pointer-events: none;
}
.admin-profile-edit .user-row {
  margin-bottom: 15px;
}
.admin-profile-edit .user-row small {
  color: var(--midgrey);
  font-weight: bold;
}
.admin-profile-edit .signature-container {
  margin-bottom: 20px;
}
.admin-profile-edit .signature-container input {
  font-size: 20px;
  border: none;
  background: whitesmoke;
}
.admin-profile-edit .signature-container rf-quill {
  background-color: white;
}
.admin-profile-edit .signature-container .rf-btn-inverted {
  float: right;
}
.admin-profile-edit rf-hashtag .tag-box {
  float: left;
}
.admin-profile-edit rf-hashtag .tag-edit {
  float: right;
}
.admin-profile-edit rf-hashtag .tag-edit .rf-btn {
  float: left;
}
.admin-profile-edit .tag {
  background: var(--main_color);
  border-radius: 4px;
  float: right;
  padding: 3px 8px;
  margin: 1px 3px;
  color: white;
}
.admin-profile-edit .select-btn.floatright {
  float: right;
}
.admin-profile-edit .rf-form.floatright {
  float: right;
}
.admin-profile-edit .rf-edit.no-overflow {
  overflow: hidden;
}

rf-user .user-data {
  padding-right: 30px;
  font-size: 12px;
  color: var(--grey);
  border-bottom: 1px solid var(--lightgrey);
}
rf-user .user-data.last {
  border-bottom: none;
}
rf-user .its-you {
  background: var(--grey);
  color: white;
  border-radius: 11px;
  margin: -1px 0 0 10px;
  padding: 2px 7px;
  display: inline-block;
  margin-top: 5px;
}
rf-user label {
  font-size: 12px;
  width: 40%;
  color: var(--midgrey);
}
rf-user .content .rf-btn {
  width: max-content;
}

.user-list .tag {
  display: inline-block;
  background: #7fff00;
  color: white;
  border-radius: 3px;
  padding: 0 10px;
  margin-right: 5px;
  line-height: 26px;
}
.user-list .img-container {
  width: 40px;
  height: 1px;
  float: left;
}
.user-list .img-container rf-profile-pic {
  margin-top: -6px;
}
.user-list .add-button {
  width: 190px;
  float: right;
  border-radius: 5px;
}
.user-list.mainview {
  top: 0;
}

rf-box-value {
  margin-top: 3px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  background: #c2d3d5;
  border: 1px solid var(--lighgrey);
  border-radius: 10px;
  width: 100%;
  min-width: 100px;
  height: 50px;
  display: inline-block;
  text-align: center;
  padding-top: 12px;
}
rf-box-value .small {
  font-size: 75%;
}

rf-company-news {
  display: block;
}
rf-company-news .news-box .edit-btn {
  float: right;
}
rf-company-news .news-box h4 {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}
rf-company-news .news-box-body {
  margin-top: 10px;
  padding-right: 25px;
  text-align: justify;
  text-justify: inter-word;
}
rf-company-news .rf-panel-box h4 {
  margin-top: 15px;
}

.page-campaigns-edit .header {
  font-weight: bold;
}
.page-campaigns-edit .right {
  float: right;
}
.page-campaigns-edit .text-align-right {
  text-align: right;
}
.page-campaigns-edit rf-date-time input {
  height: 32px;
}
.page-campaigns-edit .markdown-container {
  position: relative;
  width: 100%;
}
.page-campaigns-edit .hide-layer {
  position: fixed;
  background: var(--grey);
  top: 50px;
  left: 0;
  right: 0;
  bottom: -5000px;
  opacity: 0.6;
  z-index: 9;
}
.page-campaigns-edit .bottom-line {
  border-bottom: 1px solid var(--darkwhite);
  padding-top: 5px;
}
.page-campaigns-edit .bottom-line input {
  margin: 0;
}
.page-campaigns-edit .select-row.first,
.page-campaigns-edit input,
.page-campaigns-edit select,
.page-campaigns-edit textarea {
  background: var(--midwhite);
}
.page-campaigns-edit label {
  color: var(--grey);
}
.page-campaigns-edit .customer-list:last-child .content {
  margin-bottom: 150px;
}
.page-campaigns-edit rf-action-select {
  width: calc(100% - 100px);
  float: right;
}
.page-campaigns-edit rf-phone-counter {
  float: right;
  margin-right: 30px;
  margin-top: 5px;
}
.page-campaigns-edit .color-bubble {
  border: 2px solid var(--darkwhite);
  margin-left: 4px;
  margin-top: 1px;
}
.page-campaigns-edit .customer-row-actions input {
  float: right;
}
.page-campaigns-edit .customer-row-actions .list-h {
  float: right;
  margin-right: 15px;
}
.page-campaigns-edit .lower-customer-container select {
  outline: none;
  width: 100%;
  background: var(--midwhite);
  cursor: pointer;
  border-radius: 20px;
  appearance: none;
  margin: 1px 0;
  padding: 2px 6px;
}
.page-campaigns-edit .lower-customer-container select.disabled {
  color: var(--midgrey);
}
.page-campaigns-edit .lower-customer-container textarea {
  margin: 0;
  min-height: 77px;
}
.page-campaigns-edit .add-contact-btn {
  border-radius: 5px;
}
.page-campaigns-edit .add-contact-btn span {
  margin-right: 25px;
}
.page-campaigns-edit .filter-select {
  position: relative;
}
.page-campaigns-edit .filter-select::before {
  z-index: 1;
  display: block;
  content: "\f0d7";
  font-family: FontAwesome;
  position: absolute;
  pointer-events: none;
  color: var(--untouched);
  right: 1px;
  top: 1px;
  background: var(--main_color);
  height: 40px;
  width: 30px;
  padding: 10px 6px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.page-campaigns-edit .filter-select select {
  background: var(--untouched);
  border-radius: 30px;
  appearance: none;
  padding: 0 12px;
  height: 42px;
  width: 100%;
  outline: none;
  border: 1px solid var(--lightgrey);
  cursor: pointer;
}
.page-campaigns-edit .search-box rf-tag-select {
  position: relative;
}
.page-campaigns-edit .search-box rf-tag-select .select-row.first {
  background: var(--untouched);
  border-radius: 30px;
  appearance: none;
  padding: 9px 31px 9px 15px;
  height: 42px;
  width: 100%;
  outline: none;
  border: 1px solid var(--lightgrey);
  cursor: pointer;
  z-index: 1;
  position: relative;
}
.page-campaigns-edit .search-box rf-tag-select .rf-btn {
  z-index: 2;
  display: block;
  position: absolute;
  color: var(--untouched);
  right: 1px;
  top: 1px;
  background: var(--main_color);
  height: 40px;
  width: 30px;
  padding: 10px 6px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.page-campaigns-edit .tags-wrap {
  padding: 0 0 0 5px;
}
.page-campaigns-edit .tags-wrap rf-tag-select .select-row.first {
  line-height: 1.5em;
  min-height: auto;
  padding: 2px 20px 0 10px;
  border-radius: 20px;
  border-color: var(--main_color);
}
.page-campaigns-edit .tags-wrap rf-tag-select .rf-btn {
  min-height: auto;
  padding: 0 5px;
  border-radius: 0 20px 20px 0;
  height: 100%;
}
.page-campaigns-edit .tags-wrap rf-tag-select .rf-btn i {
  line-height: 20px;
}
.page-campaigns-edit .tags-wrap rf-tag-select .select-wrap.empty .select-row.first {
  color: var(--darkgrey) !important;
  line-height: 1.5em;
}
.page-campaigns-edit .tags-wrap rf-tag-select .select-wrap.empty .rf-btn {
  color: var(--darkgrey);
}
.page-campaigns-edit .contacted-wrap {
  margin-top: 5px;
  display: block;
}
.page-campaigns-edit .contacted-wrap .input-label {
  margin-top: 10px;
  display: inline-block;
}
.page-campaigns-edit .text-center {
  text-align: center;
}
.page-campaigns-edit .tag-wrap {
  border-radius: 25px;
}
.page-campaigns-edit .large-customer-table td {
  padding: 5px 10px;
}
.page-campaigns-edit .large-customer-table tbody {
  border-bottom: 2px solid var(--lightgrey);
}
.page-campaigns-edit .large-customer-table thead td {
  cursor: pointer;
  font-weight: bold;
}
.page-campaigns-edit .mini-customer-table {
  font-size: 80%;
}

rf-campaigns-list .campaing.inactive {
  opacity: 0.45;
}
rf-campaigns-list .campaing rf-tag .tag-box {
  padding: 2px 15px;
  margin-top: 3px;
}

rf-customer-board-card {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
rf-customer-board-card .step-flex-display {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding-right: 2px;
}
rf-customer-board-card textarea.rf-form {
  min-width: 93%;
  max-width: 93%;
  width: 93%;
}
rf-customer-board-card .editor-list-item {
  background: #545454 !important;
}
rf-customer-board-card .field span input {
  width: 79%;
}
rf-customer-board-card .new-step-input input {
  border: 1px solid var(--darkwhite);
  width: 87%;
}
rf-customer-board-card .add-step {
  float: right;
  cursor: pointer;
  color: #f47721;
}
rf-customer-board-card .edit-step-icon {
  cursor: pointer;
  color: #f47721;
}
rf-customer-board-card .no-margin {
  padding: 8px !important;
  margin: 0 !important;
  border-top: 2px solid #eee !important;
}
rf-customer-board-card .primary-color rf-fold-btn span {
  color: #f47721;
}
rf-customer-board-card .row-3 {
  margin-left: -3px;
  margin-right: -3px;
}
rf-customer-board-card .row-3 [class*=col-] {
  padding-left: 3px;
  padding-right: 3px;
}
rf-customer-board-card .item-create-date {
  font-size: 12px;
  color: var(--grey);
  line-height: normal;
  text-align: right;
  padding-bottom: 2px;
}
rf-customer-board-card .item-header {
  background: var(--grey);
  color: var(--untouched);
  padding: 10px;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 2px 5px rgbs(0, 0, 0, 0.2);
}
rf-customer-board-card .item-header .item-action {
  text-align: right;
}
rf-customer-board-card .item-header .item-action .company {
  float: left;
}
rf-customer-board-card .item-header .item-action a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  min-width: 18px;
  text-align: center;
}
rf-customer-board-card .item-header .item-action a + a {
  margin-left: 3px;
}
rf-customer-board-card .item-header .item-action a:hover {
  color: var(--untouched);
}
rf-customer-board-card .item-header .item-title {
  font-size: 16px;
  line-height: 22px;
  padding: 0 0 5px;
}
rf-customer-board-card .item-header .item-title-sm {
  font-size: 12px;
  line-height: 20px;
  padding: 0 0 3px;
}
rf-customer-board-card .item-header .item-input label {
  font-size: 10px;
  font-weight: normal;
  margin-bottom: 2px;
  background: none;
  padding: 0;
}
rf-customer-board-card .item-header .item-input input {
  width: 100%;
  border: none;
  background: var(--untouched);
  height: 26px;
  padding: 5px;
  line-height: 22px;
  font-size: 13px;
  color: var(--grey);
  border-radius: 3px;
}
rf-customer-board-card .item-header .item-input input.text-orange {
  color: var(--main_color);
}
rf-customer-board-card .item-header .item-input rf-tag-select .select-row {
  min-width: 80px;
  min-height: 26px;
  line-height: 14px;
  padding: 5px;
}
rf-customer-board-card .item-header .item-input rf-tag-select .select-container {
  position: relative;
}
rf-customer-board-card .item-header .item-input rf-tag-select .lower-select-container .inner-select-container {
  padding-right: 0;
}
rf-customer-board-card .item-body {
  background: var(--untouched);
  padding: 10px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
rf-customer-board-card .item-body.folded {
  height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
rf-customer-board-card .item-body .date-row:not(:first-child) {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--untouched);
}
rf-customer-board-card .item-body .date-row .dropdown-icon {
  color: var(--main_color);
  position: absolute;
  right: 3px;
  top: 0;
  padding: 0 4px;
  outline: none;
  z-index: 2;
}
rf-customer-board-card .item-body .date-row .date-value {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
rf-customer-board-card .item-body .date-row .date-value input[type=text] {
  padding: 5px;
  height: 24px;
  background: transparent;
}
rf-customer-board-card .item-body .item-text {
  font-size: 13px;
  line-height: 16px;
}
rf-customer-board-card .item-body .check-list {
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
}
rf-customer-board-card .item-body .check-list li span {
  padding: 18px;
}
rf-customer-board-card .item-body .item-text p {
  margin-bottom: 0;
  margin-top: 10px;
}
rf-customer-board-card .item-body .dt-time {
  width: calc(100% - 20px);
}

rf-customer-board-list {
  display: block;
}
rf-customer-board-list .items-board .items-header {
  background: var(--grey);
  color: var(--untouched);
  font-size: 16px;
  line-height: 22px;
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
}
rf-customer-board-list .items-board .items-header .board-title span {
  margin-left: 8px;
}
rf-customer-board-list .items-board .items-header .add-action {
  font-size: 16px;
  color: var(--untouched);
}
rf-customer-board-list .items-board .items-body {
  background: var(--lightgrey);
  padding: 10px;
  border-radius: 4px;
}
rf-customer-board-list .items-card {
  margin-top: 10px;
}
rf-customer-board-list .load-more {
  margin-top: 10px;
  display: block;
}

rf-customer-board .active-filter-tags {
  color: white;
  border: 1px solid var(--main_color);
  padding: 5px 10px;
  border-radius: 20px;
  width: max-content;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  background: var(--main_color) !important;
}
rf-customer-board .active-filter-tags:hover {
  opacity: 0.7;
}
rf-customer-board .select-row-editor-filter {
  background: white;
  border: 1px solid var(--lightgrey);
  padding: 6px 11px;
  border-radius: 20px;
  width: max-content;
  cursor: pointer;
}
rf-customer-board .select-row-editor-filter i {
  float: right;
  margin-left: 8px;
  margin-top: 2px;
  color: var(--main_color);
}
rf-customer-board .select-row-editor-filter:hover {
  opacity: 0.8;
  color: var(--main_color);
}
rf-customer-board .select-container {
  display: inline-flex;
}
rf-customer-board .lower-select-container {
  width: 100%;
  position: absolute;
}
rf-customer-board .lower-select-container .inner-select-container {
  z-index: 9999;
  position: relative;
  width: max-content;
  padding-right: 30px;
}
rf-customer-board .lower-select-row {
  min-height: 32px;
  padding: 5px 15px;
  background: white;
  border: 1px solid var(--lightgrey);
  width: 100%;
  cursor: pointer;
}
rf-customer-board .lower-select-row:hover {
  background: var(--midwhite);
}
rf-customer-board .transparent-bg-layer {
  opacity: 0.03;
}
rf-customer-board .board-box label {
  padding: 7px 11px 0 0;
  background: none;
}
rf-customer-board .board-box select {
  width: 22%;
}
rf-customer-board .board-box {
  margin: 0 10px;
}
rf-customer-board .items-board-scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0 10px;
}
rf-customer-board .items-board-row {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}
rf-customer-board .items-board-col {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 360px;
  max-width: 360px;
}

rf-customer-list .participant td {
  padding: 0;
}
rf-customer-list .content-options {
  padding-right: 10px;
}
rf-customer-list .content-options .content-btn {
  float: right;
  background: none;
  margin: 0;
}
rf-customer-list .content-options .content-btn:hover {
  background: var(--main_color);
}

rf-customer-pipeline .mainview-white-box .results-count {
  margin-bottom: 0;
}
rf-customer-pipeline input.rf-form {
  margin: 0;
}
rf-customer-pipeline textarea.rf-form {
  min-height: 60px;
  margin: 0;
}
rf-customer-pipeline .right-status-box {
  float: right;
}
rf-customer-pipeline table a {
  color: black;
}
rf-customer-pipeline table input, rf-customer-pipeline table select {
  height: 28px;
  border: 1px solid transparent !important;
  margin: 0;
  background: none !important;
}
rf-customer-pipeline table input:hover, rf-customer-pipeline table input:focus, rf-customer-pipeline table select:hover, rf-customer-pipeline table select:focus {
  border: 1px solid var(--midgrey) !important;
}
rf-customer-pipeline table .header-btn, rf-customer-pipeline table .pipeline-action-select {
  float: right !important;
}
rf-customer-pipeline table .pipeline-action-select {
  margin-top: -3px;
  margin-right: 5px;
}
rf-customer-pipeline rf-tag-select {
  position: relative;
}
rf-customer-pipeline rf-tag-select .select-row {
  padding: 3px 0;
  min-height: 0;
  border-color: transparent !important;
  background: none;
}
rf-customer-pipeline rf-tag-select button {
  height: 28px;
  right: 5px;
  top: 2px;
  position: relative;
  border-color: transparent !important;
  color: var(--midgrey) !important;
  background: none !important;
}
rf-customer-pipeline rf-tag-select .lower-select-container {
  width: 200px;
}
rf-customer-pipeline rf-tag-select .inner-select-container {
  padding: 0 !important;
}
rf-customer-pipeline rf-tag-select .inner-select-container .select-row {
  border: 1px solid var(--lightgrey) !important;
  padding-left: 10px;
  background: white;
}
rf-customer-pipeline .pipeline-positions-table {
  font-size: 11px;
}
rf-customer-pipeline .pipeline-positions-table tbody:nth-child(odd) td {
  background-color: var(--darkwhite);
}
rf-customer-pipeline .pipeline-positions-table td {
  padding: 5px 0;
}
rf-customer-pipeline .pipeline-positions-table td:first-child, rf-customer-pipeline .pipeline-positions-table th:first-child {
  width: 300px;
  padding-left: 10px;
}
rf-customer-pipeline .pipeline-positions-table td:last-child, rf-customer-pipeline .pipeline-positions-table th:last-child {
  width: 160px;
  padding-right: 10px;
}
rf-customer-pipeline .pipeline-steps-table td {
  padding: 10px 5px;
  background-color: inherit !important;
  font-size: 14px;
}
rf-customer-pipeline .pipeline-steps-table input, rf-customer-pipeline .pipeline-steps-table textarea {
  border: 1px solid var(--darkwhite);
  border-radius: 4px;
}
rf-customer-pipeline .pipeline-steps-table textarea {
  resize: none;
  max-height: 150px;
  height: 150px;
  font-size: 11px;
  margin-bottom: 10px;
}
rf-customer-pipeline .pipeline-steps-table .active input {
  color: var(--main_color);
  font-weight: bold;
}
rf-customer-pipeline .pipeline-steps-table tr td {
  width: 100%;
  padding: 4px !important;
}
rf-customer-pipeline .pipeline-steps-table .step-header {
  cursor: pointer;
  margin-bottom: 5px;
}
rf-customer-pipeline .pipeline-steps-table .step-header.active input {
  color: var(--main_color);
  font-weight: bold;
}
rf-customer-pipeline .pipeline-steps-table .step-header input {
  border: none;
  background: var(--midwhite);
}
rf-customer-pipeline .pipeline-steps-table .step-header .step-name-input {
  height: 18px;
  display: inline;
  width: calc(100% - 18px);
}
rf-customer-pipeline .pipeline-steps-table .step-header .date-time-input {
  height: 18px;
  margin-top: 1px;
}
rf-customer-pipeline .pipeline-steps-table rf-date-time {
  width: 100%;
}
rf-customer-pipeline .pipeline-steps-table rf-date-time input {
  padding: 0;
  font-size: 11px;
}
rf-customer-pipeline .pipeline-steps-table rf-date-time i {
  font-size: 11px;
}
rf-customer-pipeline .pipeline-decline-reason {
  margin-left: 3px;
}
rf-customer-pipeline .pipeline-decline-reason * {
  float: left;
}
rf-customer-pipeline .pipeline-decline-reason h4 {
  width: fit-content;
  margin-top: 8px;
  margin-right: 15px;
}
rf-customer-pipeline .pipeline-decline-reason .tag-box {
  margin: 0;
}

.page-campaing-list .header {
  width: 100%;
  padding: 0 5px;
  min-height: 25px;
}
.page-campaing-list .header p {
  margin: 0;
}
.page-campaing-list .header .header-btn {
  margin-bottom: 0;
}
.page-campaing-list .header .tag-cell {
  display: flex;
}
.page-campaing-list .header .tag-cell rf-tag {
  margin-top: -5px;
}
.page-campaing-list .mainview a {
  cursor: pointer;
}

email-folder-tree-item {
  display: block;
  margin-left: 10px;
}
email-folder-tree-item .active {
  color: var(--main_color);
  font-size: 130%;
}
email-folder-tree-item .unread {
  font-weight: bold;
}
email-folder-tree-item .dragover {
  background-color: var(--main_color);
  color: white;
}
email-folder-tree-item .dragover .w70 {
  background-color: var(--main_color);
  color: white;
}

.page-email-list .white-box {
  background: white;
  padding: 10px;
  margin: 2px;
  border-radius: 10px;
  border: 1px solid var(--lightgrey);
}
.page-email-list .tree-item-name {
  cursor: pointer;
}
.page-email-list .tree-item-name:hover {
  opacity: 0.7;
}
.page-email-list .flex-items {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.page-email-list .pointer {
  cursor: pointer;
}
.page-email-list .pointer:hover {
  opacity: 0.7;
}
.page-email-list .upper-box {
  height: calc(50vh - 85px);
}
.page-email-list .upper-box .left-sidebar-container {
  width: 250px;
  height: 100%;
  overflow: auto;
}
.page-email-list .upper-box .right-email-list-container {
  position: relative;
  width: calc(100% - 250px);
  height: 100%;
  overflow-y: scroll;
}
.page-email-list .upper-box .right-email-list-container table {
  font-size: 11px;
  text-align: left;
}
.page-email-list .upper-box .right-email-list-container table td {
  height: 20px;
}
.page-email-list .upper-box .right-email-list-container .active {
  background: var(--main_color_light);
}
.page-email-list .upper-box .right-email-list-container .unread {
  font-weight: bold;
}
.page-email-list .upper-box .right-email-list-container .header-sorting th {
  cursor: pointer;
}
.page-email-list .upper-box .right-email-list-container .header-sorting th:hover {
  opacity: 0.7;
}
.page-email-list .action-container {
  position: fixed;
  top: 25px;
}
.page-email-list .search-field-container {
  position: fixed;
  top: 20px;
  margin-left: -10px;
  width: 300px;
}
.page-email-list .email-info-container {
  font-size: 11px;
  padding-top: 8px;
  padding-bottom: 5px;
  height: 70px;
}
.page-email-list .email-info-container td {
  vertical-align: top;
}
.page-email-list .email-info-container .inner-mail-info-tabel {
  width: 100%;
}
.page-email-list .email-info-container .inner-mail-info-tabel td:first-child {
  padding-left: 10px;
  color: var(--grey);
}
.page-email-list .email-info-container .inner-mail-info-tabel td:last-child {
  padding-right: 10px;
}
.page-email-list .email-content-container {
  height: calc(50vh - 70px);
}
.page-email-list .email-content-container .white-box {
  height: 100%;
  overflow: auto;
}
.page-email-list .email-bottom-container {
  padding-top: 5px;
  padding-left: 4px;
  font-size: 10px;
}

.page-dashboard .pane-box-height {
  min-height: 320px;
}
.page-dashboard b {
  font-size: large;
}

.page-order-statistic {
  /* -----------------------  upper control elements  ----------------------------- */
  /* ----------------------- xy ----------------------------- */
  /* -----------------------  pie cahrt ----------------------------- */
}
.page-order-statistic .rf-panel-box {
  position: relative;
}
.page-order-statistic .rf-panel-box h4 {
  color: #839597;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
}
.page-order-statistic .rf-panel-box.data-table h4 {
  text-align: left;
}
.page-order-statistic .time-switcher {
  margin-top: 6px;
}
.page-order-statistic rf-xy-multi-diagram svg,
.page-order-statistic rf-xy-diagram svg,
.page-order-statistic rf-histogram svg {
  width: 100%;
  height: 400px;
  z-index: 99;
  display: block;
  position: relative;
  overflow: visible;
}
.page-order-statistic .grey-box-label {
  text-align: center;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  color: #839597;
  font-weight: bold;
}
.page-order-statistic rf-action-select {
  float: right;
}
.page-order-statistic .rf-pie-chart-simple {
  margin: 0 auto;
  display: flex;
}
.page-order-statistic .chart-label {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.page-order-statistic .chart-label .color-box {
  width: 60px;
  height: 25px;
  float: left;
  color: white;
  text-align: center;
  padding-top: 3px;
}
.page-order-statistic .chart-label .text-container {
  float: left;
  padding-left: 20px;
  width: calc(100% - 60px);
  line-height: 25px;
  color: #839597;
}
.page-order-statistic .top-pie-indicator {
  font-size: 18px;
  font-weight: bold;
  color: white;
  background: #c2d3d5;
  border-radius: 10px;
  padding: 5px 15px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
@media (max-width: 1080px) {
  .page-order-statistic .top-pie-indicator {
    font-size: 14px;
  }
}

rf-tasks .headline {
  color: var(--grey);
  cursor: pointer;
}
rf-tasks .headline:hover {
  color: var(--main_color);
}
rf-tasks .table-head-sticky {
  position: sticky;
  top: 0;
  background: white;
  z-index: 150;
}
rf-tasks table {
  width: 100%;
  font-size: 85%;
}
rf-tasks table td {
  padding: 0 3px;
}
rf-tasks .margin-class {
  margin-bottom: 10px;
}
rf-tasks .mainview-top-panel {
  padding: 0;
}

.page-user-time-record-capture .rf-icon {
  font-size: 30px;
  color: var(--midgrey);
}
.page-user-time-record-capture .big-input {
  height: 50px;
}
.page-user-time-record-capture h1, .page-user-time-record-capture h2 {
  color: var(--darkgrey);
}
.page-user-time-record-capture .logged-out {
  font-weight: bold;
  color: var(--red);
}
.page-user-time-record-capture .logged-in {
  font-weight: bold;
  color: var(--green);
}
.page-user-time-record-capture .booked {
  font-size: 30px;
  color: var(--darkgrey);
}

rf-job-preparation-demand span {
  padding: 0 15px 0 22px;
}

.page-job-preparation-list .fa-question-circle {
  color: var(--lightgrey);
}
@media print {
  .page-job-preparation-list .mainview {
    bottom: inherit;
  }
}
.page-job-preparation-list .order {
  position: relative;
}
.page-job-preparation-list .order .state {
  cursor: pointer;
}
.page-job-preparation-list .order .rf-edit {
  padding: 2px 0 0;
}
.page-job-preparation-list .order .btn {
  width: 100%;
  cursor: pointer;
}
.page-job-preparation-list .order .hyphen {
  padding-bottom: 10px;
  border-top: 1px solid lightgray;
}
.page-job-preparation-list .pos-delivery-day {
  float: right;
  margin-top: -3px;
}
.page-job-preparation-list .pos-delivery-day span {
  position: relative;
  float: none;
}
.page-job-preparation-list .task-file {
  float: right;
}
.page-job-preparation-list .task-file i {
  font-size: 20px;
}
.page-job-preparation-list .task-file .num-of-docs {
  position: absolute;
  bottom: -10px;
  left: 20px;
  color: white;
  border-radius: 11px;
  background: var(--main_color);
  padding-right: 5px;
  padding-left: 5px;
}
.page-job-preparation-list .round-btn {
  float: right;
  margin-top: -2px;
  margin-bottom: -2px;
}
.page-job-preparation-list .fa-exclamation-triangle {
  color: var(--red);
}
.page-job-preparation-list .workplan-options {
  float: right;
  margin-top: -7px;
  margin-bottom: 5px;
}
.page-job-preparation-list .pos-mini-container:nth-child(even) rf-pos-mini-list-single-element {
  background-color: var(--darkwhite);
}
.page-job-preparation-list .production-mail-sended {
  color: var(--darkgreen);
  border: 1px solid;
  margin-top: -3px;
  min-height: 24px;
  padding-top: 2px;
  text-align: center;
}
.page-job-preparation-list .checkbox {
  padding: 0 30px;
  margin-top: 0;
  position: relative;
}
.page-job-preparation-list .checkbox input {
  width: 100%;
}
.page-job-preparation-list .checkbox rf-checkbox {
  top: 0;
  left: -25px;
}
.page-job-preparation-list .checkbox h5 {
  padding-left: 11px;
}
.page-job-preparation-list .rf-panel-box .min-height {
  min-height: 75px;
}
.page-job-preparation-list .rf-panel-box .min-height a {
  margin: 1px 4px;
  display: block;
  padding: 7px 0 4px;
}
.page-job-preparation-list rf-img-with-attachments {
  width: 100%;
  overflow: visible;
}
.page-job-preparation-list rf-img-with-attachments .thumbnail {
  min-width: unset;
  width: 100%;
  margin: 0;
  padding: 0;
}
.page-job-preparation-list rf-img-with-attachments ul {
  background: transparent;
}
.page-job-preparation-list rf-img-with-attachments ul li {
  background: var(--darkwhite);
  border-radius: 20px;
}
.page-job-preparation-list .articles .rf-btn {
  display: block;
  margin: 0;
}

.page-production-method-list .heading {
  background: gray;
  overflow: auto;
  margin: -30px;
  padding: 10px;
  color: white;
}
.page-production-method-list .process rf-hashtag {
  width: initial;
  float: left;
}
.page-production-method-list .table-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 80px;
  overflow-y: auto;
}
.page-production-method-list .table-header {
  margin: 0;
}
.page-production-method-list .table-header i {
  color: var(--main_color);
}
.page-production-method-list hr {
  margin: 0 0 15px;
  box-shadow: 0 3px 3px 1px #f2f2f2;
  border-top: 1px solid #dbdbdb;
}

production-gant-chart {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
production-gant-chart svg {
  width: 100%;
  height: 99%;
}
production-gant-chart svg .center-line {
  stroke: var(--grey);
  stroke-dasharray: 4;
}
production-gant-chart svg path.domain {
  display: none;
}
production-gant-chart svg .planning-axis line {
  stroke: var(--lightgrey);
}
production-gant-chart svg .work-package-container .work-package {
  cursor: grab;
  stroke: var(--grey);
}
production-gant-chart svg .work-package-container .shift-state-bar {
  cursor: grab;
}
production-gant-chart svg .work-package-container .cut {
  fill-opacity: 0.1;
}
production-gant-chart svg .work-package-container .inactive {
  fill-opacity: 0.3;
}
production-gant-chart svg .work-package-container .active {
  fill-opacity: 0.7;
}
production-gant-chart svg .work-package-container .selected {
  fill-opacity: 1;
}
production-gant-chart svg .work-package-container .bad-date {
  stroke: yellow;
  stroke-width: 3px;
}
production-gant-chart svg .work-package-container .collision {
  stroke: red;
  stroke-width: 3px;
}
production-gant-chart svg .work-package-container .pos-text {
  font-size: 11px;
  cursor: pointer;
}
production-gant-chart svg .work-package-container .pos-text:hover {
  fill: var(--main_color);
}
production-gant-chart svg .work-package-container image:hover {
  opacity: 0.7;
}
production-gant-chart svg .buffer-info .buffer-info-rect {
  opacity: 0.5;
  fill: white;
  stroke: var(--grey);
  stroke-width: 1px;
}
production-gant-chart svg .buffer-info .buffer-info-rect.warning {
  fill: red;
}
production-gant-chart svg .drag-handler {
  cursor: ew-resize;
  stroke: none;
  stroke-width: 1px;
  opacity: 0;
  fill: orange;
}
production-gant-chart svg .drag-handler:hover {
  opacity: 1;
  stroke: var(--lightgrey) !important;
  animation: blinker1 2s linear infinite;
}
production-gant-chart svg .connection-line {
  stroke: var(--grey);
}

rf-position-sidebar {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid var(--grey);
  background: white;
  width: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
rf-position-sidebar.sidebar-active {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 300px;
}
rf-position-sidebar .top-container,
rf-position-sidebar .middle-container,
rf-position-sidebar .bottom-container {
  position: absolute;
  right: 0;
  left: 0;
}
rf-position-sidebar .top-container {
  color: white;
  background-color: var(--grey);
  top: 0;
  height: 40px;
}
rf-position-sidebar .middle-container {
  top: 50px;
  bottom: 40px;
  left: 0;
  padding-left: 10px;
  padding-right: 10px;
  overflow-y: auto;
}
rf-position-sidebar .middle-container .position {
  cursor: pointer;
  margin-bottom: 20px;
}
rf-position-sidebar .middle-container .position .head {
  font-weight: bold;
}
rf-position-sidebar .middle-container .position .head:hover {
  opacity: 0.65;
}
rf-position-sidebar .middle-container .position.active .pos-max,
rf-position-sidebar .middle-container .position.active .pos-mini {
  background: orange;
}
rf-position-sidebar .middle-container .position .pos-max {
  border: solid 1.5px;
  padding: 10px;
  background: var(--midwhite);
}
rf-position-sidebar .middle-container .position .pos-max .task {
  margin: 5px 0;
}
rf-position-sidebar .middle-container .position .pos-max .task i {
  position: relative;
  top: 0;
  font-size: 15px;
}
rf-position-sidebar .middle-container .position .pos-max .task.hidden-task {
  color: var(--lightgrey);
}
rf-position-sidebar .middle-container .position .pos-max .task.no-machine {
  color: var(--red);
}
rf-position-sidebar .middle-container .position .clickable:hover {
  opacity: 0.65;
}
rf-position-sidebar .middle-container .position .pos-mini {
  position: relative;
  color: var(--grey);
  margin-right: 5px;
  background-color: #eee;
  border-radius: 5px;
  border: solid 1px var(--lightgrey);
  height: 37px;
  width: 35px;
}
rf-position-sidebar .middle-container .position .pos-mini span {
  position: absolute;
  bottom: -10px;
  left: -4px;
  color: white;
  border-radius: 11px;
  background: var(--main_color);
  padding-right: 5px;
  padding-left: 5px;
}
rf-position-sidebar .middle-container input {
  margin-top: 6px;
  border: none;
  background: #efefef;
}
rf-position-sidebar .middle-container .bubble {
  border-radius: 11px;
  background: var(--midgrey);
  min-width: 20px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  color: white;
  margin-right: 4px;
}
rf-position-sidebar .middle-container .bubble.hidden-task {
  background: var(--lightgrey);
}
rf-position-sidebar .middle-container .bubble.no-machine {
  background: var(--red);
}
rf-position-sidebar .middle-container i {
  left: 2px;
  position: absolute;
  font-size: 20px;
}
rf-position-sidebar .middle-container .action-button {
  position: relative;
  z-index: 99;
  float: right;
  right: 20px;
}
rf-position-sidebar .bottom-container {
  bottom: 0;
  height: 40px;
  background-color: var(--grey);
}
rf-position-sidebar .rf-btn-darkgrey {
  background-color: var(--grey);
  color: white;
}
rf-position-sidebar .add-new-work-package {
  float: right;
}
rf-position-sidebar .add-new-work-package .add-btn {
  width: 24px;
  height: 24px;
  background-color: var(--main_color);
}
rf-position-sidebar .add-new-work-package .add-btn .add-icon {
  position: initial;
  margin-top: -3px;
}
rf-position-sidebar .planning-bottom-notification {
  position: fixed;
  bottom: 10px;
  left: 420px;
  right: 320px;
  min-height: 40px;
  background: var(--main_color_light);
  border-radius: 4px;
  color: white;
  padding: 5px 10px;
}
rf-position-sidebar .planning-bottom-notification h3 {
  margin-top: 7px;
  margin-bottom: 0;
  font-size: 22px;
}
rf-position-sidebar .planning-bottom-notification .cancel-set-workpackage {
  cursor: pointer;
  float: right;
}
rf-position-sidebar .planning-bottom-notification input {
  color: black;
}

.page-production-planning-fine .primary-view {
  overflow-y: unset;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(100% - 50px);
}
.page-production-planning-fine .primary-view.sidebar-active {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(100% - 300px);
}
.page-production-planning-fine .big-part {
  width: calc(100% - 100px);
  float: left;
}
.page-production-planning-fine .small-part {
  width: 200px;
  float: left;
}
.page-production-planning-fine .border-right {
  border-right: 1px solid black;
}
.page-production-planning-fine .heading {
  display: inline-block;
  border-bottom: 8px solid var(--main_color);
  width: 100%;
}
.page-production-planning-fine .heading .first-row {
  background: var(--grey);
  padding-top: 7px;
  padding-bottom: 8px;
  z-index: 999;
}
.page-production-planning-fine .heading .second-row {
  background: white;
  height: 43px;
  z-index: 999;
}
.page-production-planning-fine .heading .second-row rf-tag-select {
  margin-top: 10px;
  display: block;
}
.page-production-planning-fine .heading .search-input {
  height: 25px;
  border: 1px solid var(--lightgrey);
}
.page-production-planning-fine .heading rf-tag-select .select-row {
  line-height: 13px;
  height: 25px;
  min-height: 25px;
}
.page-production-planning-fine .heading rf-tag-select .select-row button {
  height: 25px;
  padding: 2px 5px;
}
.page-production-planning-fine .x-axis .upper-dark-time-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
  background: var(--grey);
}
.page-production-planning-fine .x-axis svg {
  position: absolute;
  width: 100%;
  height: 78px;
  top: 0;
  right: 0;
  left: 100px;
}
.page-production-planning-fine .x-axis svg path.domain {
  display: none;
}
.page-production-planning-fine .x-axis svg .planning-primary-axis text {
  fill: white;
}
.page-production-planning-fine .x-axis svg .planning-secondary-axis text {
  font-size: 9px;
}
.page-production-planning-fine .x-axis svg .planning-secondary-axis line {
  stroke: var(--grey);
}
.page-production-planning-fine .gant-chart-container {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
}
.page-production-planning-fine .content-container {
  overflow-y: auto;
  position: absolute;
  top: 91px;
  width: 100%;
  bottom: 0;
}
.page-production-planning-fine .inner-content-container {
  position: relative;
  overflow: auto;
}
.page-production-planning-fine .capacity-sidebar {
  text-align: center;
  background: white;
  position: relative;
  z-index: 10;
}
.page-production-planning-fine .capacity-sidebar .capacity {
  position: relative;
  overflow: auto;
  display: block;
}
.page-production-planning-fine .capacity-sidebar .capacity label {
  width: 100%;
  text-align: left;
  margin-bottom: 2px;
}
.page-production-planning-fine .capacity-sidebar .capacity.selected {
  background: orange;
}
.page-production-planning-fine .capacity-sidebar rf-drawing-img {
  width: 50%;
  float: left;
}
.page-production-planning-fine .capacity-sidebar rf-drawing-img img {
  cursor: pointer;
}
.page-production-planning-fine .capacity-sidebar img {
  display: block;
  width: 100%;
}
.page-production-planning-fine .capacity-sidebar .bar {
  height: 100%;
  width: 4px;
  position: absolute;
  right: 0;
}
.page-production-planning-fine .capacity-sidebar .bar2 {
  height: 25px;
  width: 29px;
  position: absolute;
  right: 0;
  top: 5px;
  color: white;
  z-index: 99;
}
.page-production-planning-fine .capacity-sidebar .bar2 i {
  margin-top: 6px;
}

.production-planning-rough .mainview {
  top: 0;
  overflow-y: scroll;
}
.production-planning-rough .mainview .mainview-top-panel {
  background: white;
}
.production-planning-rough .mainview .mainview-top-panel input, .production-planning-rough .mainview .mainview-top-panel select {
  padding: 3px;
  border: 1px solid var(--lightgrey);
  border-radius: 5px;
  background-color: white;
  display: inline-block;
  width: 80px;
  height: 26px;
}
.production-planning-rough .mainview .mainview-top-panel rf-date-time {
  width: 150px;
}
.production-planning-rough .mainview .mainview-top-panel .right {
  float: right;
  margin-right: 10px;
}
.production-planning-rough rf-xy-diagram svg {
  width: 100%;
  height: 300px;
}

.page-workingplan rf-article-size-input {
  position: absolute;
}
.page-workingplan .left {
  left: -42px;
}
.page-workingplan .disabled {
  color: var(--lightgrey);
}
.page-workingplan h3 {
  margin-left: 50px;
}
.page-workingplan h4 {
  margin: 0 0 10px;
}
.page-workingplan rf-tag-select .select-row {
  min-width: 50px;
}
.page-workingplan .workplan-header span {
  float: right;
}
.page-workingplan .workplan-header input {
  text-align: right;
}
.page-workingplan .mainview .main-actions {
  z-index: 999;
}
.page-workingplan .mainview .main-actions .rf-btn {
  width: 100%;
}
.page-workingplan .mainview.showmode input,
.page-workingplan .mainview.showmode select,
.page-workingplan .mainview.showmode textarea {
  color: black;
  border: none;
  box-shadow: none;
}
.page-workingplan .mainview.showmode .active i {
  color: black;
}
.page-workingplan .mainview.showmode .black-link {
  color: black;
}
.page-workingplan .mainview .task-heading {
  color: var(--grey);
  font-weight: bold;
  font-size: 12px;
}
.page-workingplan .mainview .workingplan {
  float: left;
  min-height: 740px;
  width: 600px;
  margin-left: 6px;
  box-shadow: 0 0 5px 0 #000;
  padding: 10px;
  position: relative;
  margin-bottom: 25px;
}
.page-workingplan .mainview .workingplan hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 2px solid var(--midgrey);
}
@media print {
  .page-workingplan .mainview .workingplan {
    margin-left: 0;
  }
}
.page-workingplan .mainview .workingplan .print-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(120, 120, 120, 0.1);
  z-index: 3;
}
.page-workingplan .mainview .workingplan .print-layer .text {
  color: rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
  font-weight: bold;
  font-size: 600%;
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
  left: 0;
  z-index: 5;
}
.page-workingplan .mainview .workingplan .article-info-texts {
  font-size: 11px;
}
.page-workingplan .mainview .workingplan .article-info-texts span {
  float: right;
}
.page-workingplan .mainview input,
.page-workingplan .mainview select,
.page-workingplan .mainview textarea {
  box-shadow: none;
  color: var(--main_color);
  border: 1px solid #f8f8f8;
}
.page-workingplan .mainview input:hover,
.page-workingplan .mainview select:hover,
.page-workingplan .mainview textarea:hover {
  border: 1px solid var(--lightgrey);
}
.page-workingplan .mainview .invisible {
  opacity: 0;
}
.page-workingplan .mainview .ng-invalid.ng-touched {
  border: 1px solid red;
}
.page-workingplan .mainview p {
  margin: 5px 0;
}
.page-workingplan .mainview ::placeholder {
  /* Firefox 19+ */
  color: var(--grey);
  opacity: 0.4;
}
.page-workingplan .header {
  padding-bottom: 10px;
  font-size: 12px;
}
.page-workingplan .header .heading {
  font-size: 36px;
  font-weight: bold;
}
.page-workingplan .header .logo {
  padding-top: 15px;
}
.page-workingplan .header .logo img {
  float: left;
  width: auto;
  max-height: 30mm;
  max-width: 100%;
}
.page-workingplan .task {
  min-height: 35px;
  margin: 0;
  font-size: 12px;
  page-break-inside: avoid;
}
.page-workingplan .task input,
.page-workingplan .task textarea {
  font-size: 12px;
}
.page-workingplan .task .rf-form {
  margin: 0;
  padding: 0 4px;
}
.page-workingplan .task .buffer-time {
  width: 40%;
  float: right;
}
.page-workingplan .task rf-dynamic-input {
  width: 40%;
  float: right;
}
.page-workingplan .sub-task i {
  cursor: pointer;
}
.page-workingplan .sub-task i:hover {
  color: var(--main_color);
}
.page-workingplan .sub-task .active {
  color: var(--main_color);
}
.page-workingplan rf-time-input .rf-time-input-container {
  right: 40px;
}
.page-workingplan rf-time-input select {
  width: 40px;
}
.page-workingplan rf-date-time {
  float: right;
  width: 40%;
  height: 20px;
}
.page-workingplan .hand-text {
  border-top: 1px solid var(--darkgrey);
}
.page-workingplan .auto-planning-information {
  display: inline-grid;
  margin-bottom: -10px;
  padding: 5px 8px;
  margin-top: -10px;
}
.page-workingplan .sidebar-right {
  position: absolute;
  left: 650px;
  top: 0;
  width: 350px;
}
.page-workingplan .position-sidebar.inactive {
  border-top: 1px solid var(--lightgrey);
}
.page-workingplan .position-sidebar-anchor {
  top: -5px;
}
.page-workingplan .position-sidebar-work-package {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 12px;
  position: relative;
}
.page-workingplan rf-xy-diagram svg {
  width: 100%;
  height: 95%;
}
.page-workingplan .time-btn-container .rf-btn {
  float: left;
  width: 20px;
  height: 20px;
  line-height: 0px;
  margin: 0 0 0 1px;
}
.page-workingplan .position-sidebar-files {
  max-height: 180px;
}
.page-workingplan .list-v .rf-btn,
.page-workingplan .list-v .rf-btn.rf-btn-inverted:hover {
  border-bottom: 1px solid;
  display: block;
  margin: 0;
}
.page-workingplan .list-v .rf-btn.rf-btn-inverted,
.page-workingplan .list-v .rf-btn:hover {
  border-bottom: 1px solid;
  margin: 0;
}
.page-workingplan .list-v .rf-btn.last {
  border-bottom: 0;
}
.page-workingplan .right {
  left: 540px;
  top: -10px;
}

.page-incoming-goods-list .action-link {
  color: var(--main_color) !important;
  cursor: pointer;
}
.page-incoming-goods-list .mainview.no-padding .mainview-top-panel {
  padding-bottom: 10px;
}
.page-incoming-goods-list .mainview.no-padding .mainview-white-box {
  padding-top: 0;
}
.page-incoming-goods-list .left-container .incomin-goods-table thead {
  font-size: 11px;
}
.page-incoming-goods-list .left-container .history-table {
  font-size: 11px;
}
.page-incoming-goods-list .left-container .history-table thead td {
  height: 30px;
  color: var(--grey);
}
.page-incoming-goods-list .left-container .checkbox-selected {
  float: right;
  margin-right: 16px;
}
.page-incoming-goods-list .left-container .select-order .right-side {
  float: right;
}
.page-incoming-goods-list .left-container .pos-element {
  border-left: 10px solid var(--darkwhite);
  border-right: 10px solid var(--darkwhite);
  border-top: 1px solid var(--darkwhite);
  border-bottom: 3px solid var(--lightgrey);
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 1px 2px 1px 0 var(--grey);
  background: var(--midwhite);
}
.page-incoming-goods-list .left-container .pos-element:hover {
  box-shadow: 0 0 4px -1px var(--lightgrey);
}
.page-incoming-goods-list .left-container .pos-element.active {
  border-left: 10px solid var(--main_color);
  border-right: 10px solid var(--main_color);
}
.page-incoming-goods-list .left-container .pos-element.active .required-directive a {
  color: black;
}
.page-incoming-goods-list .left-container .pos-element.active .required-directive a:hover {
  color: white;
}
.page-incoming-goods-list .left-container .pos-element .input-wrap input.ng-dirty.ng-invalid-rcmax {
  background-color: red;
}
.page-incoming-goods-list .left-container .pos-element .input-wrap rf-date-time {
  height: 100%;
  border: 1px solid var(--main_color_dark);
}
.page-incoming-goods-list .left-container .pos-element input[type=checkbox] {
  float: right;
  margin-right: 4px;
}
.page-incoming-goods-list .left-container .pos-element .seperate-line {
  border-bottom: 1px solid var(--lightgrey);
  cursor: pointer;
}
.page-incoming-goods-list .left-container .pos-element .seperate-line:hover {
  color: var(--main_color);
}
.page-incoming-goods-list .left-container .pos-element .selected-checkbox {
  float: right;
  cursor: pointer;
}
.page-incoming-goods-list .left-container .pos-element .edit {
  position: relative;
  z-index: 99;
  float: right;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.page-incoming-goods-list .right-container {
  min-height: 500px;
  border-left: 1px solid var(--lightgrey);
}
.page-incoming-goods-list .right-container .valid-received {
  font-size: 20px;
}
.page-incoming-goods-list .right-container .fa-times {
  color: var(--darkred);
}
.page-incoming-goods-list .right-container .fa-check {
  color: var(--darkgreen);
}
.page-incoming-goods-list rf-fold-btn {
  color: var(--main_color);
}
.page-incoming-goods-list rf-checkbox .checkbox-square {
  margin-top: 6px;
}
.page-incoming-goods-list .undo-button {
  margin-top: -2px;
}
.page-incoming-goods-list .undo-button:hover {
  margin-top: -2px;
}
.page-incoming-goods-list .late {
  color: var(--red);
}
@-moz-document url-prefix("") {
  .page-incoming-goods-list .undo-button {
    margin-top: -12px;
  }
  .page-incoming-goods-list .undo-button:hover {
    margin-top: -12px;
  }
}

delivery-note-head {
  display: block;
}
delivery-note-head .row2.first img {
  float: left;
  width: 80%;
}
delivery-note-head .row2.first svg {
  max-width: 100%;
}
delivery-note-head .row2.first h3 {
  color: var(--darkgrey);
  margin-top: 10px;
  font-size: 9px;
  font-weight: 100;
}
delivery-note-head .row2.first div.big {
  border: 1px solid white;
  box-shadow: none;
  color: var(--main_color);
}
delivery-note-head .row2.address {
  height: auto;
  margin-top: 20px;
  overflow-x: hidden;
  font-size: 11px;
}
delivery-note-head .row2.address span {
  float: left;
}
delivery-note-head .row2.address h4 {
  font-size: 8px;
  font-weight: 100;
  color: var(--darkgrey);
}
delivery-note-head .row2.address h3 {
  margin: 7px 0;
}
delivery-note-head .row2.address .box {
  float: left;
}
delivery-note-head .row2.address .box.nofloat {
  float: none;
}

delivery-note-positions {
  display: block;
}
delivery-note-positions .borderless {
  padding: 0;
}
delivery-note-positions .row2 {
  overflow-x: hidden !important;
  margin-top: 25px;
}
delivery-note-positions .row2 .first-order {
  margin-top: 5px;
  margin-bottom: 5px;
}
delivery-note-positions .row2 h2 {
  font-size: 16px;
  margin: 0;
}
delivery-note-positions .row2 .position-line {
  border-top: 1px solid var(--midgrey);
  page-break-inside: avoid;
}
delivery-note-positions .row2 .position {
  page-break-inside: avoid;
}
delivery-note-positions .row2 .position.not-in-shipment {
  color: var(--midgrey);
  font-size: 9px;
}
delivery-note-positions .row2 .position.position-in-shipment {
  margin-bottom: 5px;
  padding-top: 5px;
}
delivery-note-positions .row2 .position .pos {
  margin-top: 12px;
  font-size: 12px;
  font-weight: bold;
}
delivery-note-positions .row2 .position textarea {
  min-height: 100px;
}
delivery-note-positions .row2 .position img {
  height: auto;
  margin: 3px 0;
}
delivery-note-positions .row2 .position .checkbox {
  border: 1px solid var(--grey);
  width: 22px;
  height: 22px;
  margin: 0;
}

.page-shipping-view .mainview .order {
  width: 600px;
  box-shadow: 0 0 5px 0 #000;
  padding: 10px;
  position: relative;
  padding-bottom: 90px;
}
@media print {
  .page-shipping-view .mainview .order {
    padding-bottom: 0;
  }
}
.page-shipping-view .mainview input,
.page-shipping-view .mainview select,
.page-shipping-view .mainview textarea {
  border: 1px solid white;
  box-shadow: none;
  color: var(--main_color);
}
.page-shipping-view .mainview input:hover,
.page-shipping-view .mainview select:hover,
.page-shipping-view .mainview textarea:hover {
  border: 1px solid var(--lightgrey);
}
.page-shipping-view .mainview h3 {
  font-size: 12px;
  margin-bottom: 9px;
  margin-top: 8px;
}
.page-shipping-view .mainview .invisible {
  opacity: 0;
}
.page-shipping-view .mainview .ng-invalid.ng-touched {
  border: 1px solid red;
}
.page-shipping-view .mainview p {
  margin: 5px 0;
}
.page-shipping-view .mainview ::placeholder {
  /* Firefox 19+ */
  color: var(--grey);
  opacity: 0.4;
}
.page-shipping-view .mainview .row2 {
  font-size: 10px;
  width: 100%;
  overflow: auto;
}
.page-shipping-view .mainview .row2::-webkit-scrollbar {
  visibility: hidden;
}
.page-shipping-view .mainview .row2 input,
.page-shipping-view .mainview .row2 select,
.page-shipping-view .mainview .row2 textarea {
  font-size: 10px;
}
.page-shipping-view .mainview .row2 input.right {
  float: right;
  text-align: right;
}
.page-shipping-view .mainview .row2 input,
.page-shipping-view .mainview .row2 select {
  height: 16px;
  margin: 0;
}
.page-shipping-view .subscribe {
  font-size: 11px;
  margin-bottom: 5px;
}
.page-shipping-view .subscribe hr {
  margin: 0;
}
@media print {
  .page-shipping-view {
    zoom: 70%;
    margin: 0;
  }
  .page-shipping-view body {
    overflow: auto;
  }
  .page-shipping-view input,
  .page-shipping-view select,
  .page-shipping-view textarea {
    color: black;
    border: none;
    box-shadow: none;
  }
  .page-shipping-view input[type=number] {
    appearance: textfield;
  }
  .page-shipping-view select {
    appearance: none;
  }
  .page-shipping-view textarea {
    resize: none;
  }
  .page-shipping-view a[href]::after {
    /* prevent links to be displayed in print view */
    content: none !important;
  }
  .page-shipping-view a {
    color: black;
  }
  .page-shipping-view rf-btn {
    display: none;
  }
  .page-shipping-view small {
    white-space: pre-line;
  }
  .page-shipping-view .mainview {
    top: 0;
    overflow: visible;
  }
  .page-shipping-view .mainview .order {
    width: 100%;
    padding-bottom: 0;
  }
  .page-shipping-view .mainview .iconbar {
    display: none;
  }
}

.page-shipping-edit .mainview-top-panel rf-date-time {
  position: absolute;
  margin-top: -7px;
  margin-left: 15px;
}
.page-shipping-edit .mainview-top-panel rf-date-time input {
  padding: 5px;
}
.page-shipping-edit a {
  cursor: pointer;
}
.page-shipping-edit .validation-note {
  color: var(--invalid);
}
.page-shipping-edit .edit-mode {
  cursor: pointer;
  color: var(--main_color);
}
.page-shipping-edit .edit-mode i {
  margin-left: 10px;
}
.page-shipping-edit .edit-mode:hover {
  color: var(--lightgrey);
}
.page-shipping-edit .pointer {
  cursor: pointer;
}
.page-shipping-edit .warning {
  font-size: 12px;
}
.page-shipping-edit .warning .alert {
  position: relative;
  margin: 10px 0;
  padding-left: 45px;
}
.page-shipping-edit .warning .alert i {
  position: absolute;
  left: 15px;
  font-size: 20px;
}
.page-shipping-edit.mainview h2 {
  position: relative;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  color: var(--midgrey);
  border-bottom: 2px solid var(--lightgrey);
  margin-bottom: 0;
  padding-bottom: 5px;
}
.page-shipping-edit.mainview h2 button {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}
.page-shipping-edit.mainview h2 button i {
  font-size: 18px;
}
.page-shipping-edit.mainview h3 span {
  margin-left: 10px;
  color: var(--midgrey);
}
.page-shipping-edit.mainview .content {
  color: var(--midgrey);
}
.page-shipping-edit.mainview .content label {
  font-weight: normal;
  width: 50%;
  color: black;
}
.page-shipping-edit.mainview .content span {
  width: 50%;
}
.page-shipping-edit.mainview .content.positions {
  font-weight: bold;
  border-bottom: 2px solid var(--lightgrey);
  padding: 25px 0;
}
.page-shipping-edit.mainview .content.positions .package-head {
  position: relative;
}
.page-shipping-edit.mainview .content.positions .package-head label {
  font-weight: bold;
  color: var(--lightgrey);
  margin: 0;
}
.page-shipping-edit.mainview .content.positions .package-head .fa-clipboard {
  margin-left: 10px;
}
.page-shipping-edit.mainview .content.positions .package-head .package-icon {
  position: relative;
}
.page-shipping-edit.mainview .content.positions .package-head .package-icon span {
  padding-left: 55px;
}
.page-shipping-edit.mainview .content.positions .package-head .rf-parcel {
  position: absolute;
  bottom: 0;
  left: 15px;
  font-size: 30px;
}
.page-shipping-edit.mainview .content.positions .position {
  margin-top: 20px;
  background: var(--darkwhite);
  padding: 10px;
  min-height: 210px;
}
.page-shipping-edit.mainview .option {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 100px;
}
.page-shipping-edit.mainview .option label {
  line-height: 32px;
  padding: 0 15px;
}
.page-shipping-edit.mainview .option .show-price {
  padding-left: 10px;
  border: 1px solid #f0f0f0;
  line-height: 28px;
  width: 100%;
  height: 30px;
  display: block;
  margin-bottom: 7px;
}
.page-shipping-edit.mainview .option .fa-check {
  margin-top: 10px;
  font-size: 30px;
  color: green;
  border: 2px solid var(--lightgrey);
  border-radius: 25px;
  background: white;
  width: 50px;
  height: 50px;
  padding: 7px;
  position: absolute;
  left: 15px;
}
.page-shipping-edit.mainview .option .vertical-line {
  height: 100%;
  width: 8px;
  background: var(--lightgrey);
  display: block;
  left: 36px;
  position: absolute;
}
.page-shipping-edit.mainview .option .select-row.inactive {
  opacity: 0.4;
}
.page-shipping-edit.mainview .option .select-row .row {
  margin-right: 0;
}
.page-shipping-edit.mainview .option .rf-btn-main {
  width: 100%;
  padding: 15px;
  font-size: 18px;
  border-radius: 4px;
}
.page-shipping-edit.mainview .option .rf-btn-main i {
  margin-top: -5px;
}
.page-shipping-edit.mainview .option .button-row {
  display: grid;
  grid-column-gap: 5px;
}
.page-shipping-edit.mainview .option .button-row button {
  padding: 5px;
  font-size: inherit;
  margin: 0;
  background-color: var(--lightgrey);
}
.page-shipping-edit.mainview .option .button-row button.active {
  background-color: var(--main_color);
}
.page-shipping-edit.mainview .option .small-btn {
  text-align: center;
  border-radius: 5px;
}
.page-shipping-edit.mainview .general-contact input,
.page-shipping-edit.mainview .general-contact label,
.page-shipping-edit.mainview .general-contact select {
  float: left;
}
.page-shipping-edit.mainview .general-contact label {
  width: 40%;
  padding-top: 11px;
}
.page-shipping-edit.mainview .general-contact input,
.page-shipping-edit.mainview .general-contact select {
  width: 60%;
}
.page-shipping-edit.mainview .addbtn .rf-btn {
  width: 100%;
}
.page-shipping-edit .line-box {
  background: var(--midwhite);
  padding-left: 15px;
  border-left: 5px solid var(--lightgrey);
}
.page-shipping-edit .contact-row {
  display: inline-block;
  width: 100%;
  padding-right: 10px;
}
.page-shipping-edit rf-upload-zone {
  margin-top: -50px;
}
.page-shipping-edit rf-upload-zone ul {
  padding-top: 50px;
}
.page-shipping-edit .pickup-dates {
  padding-top: 20px;
}
.page-shipping-edit .pickup-dates div rf-date-time {
  width: 100%;
}
.page-shipping-edit .tracking-link input {
  background: var(--darkwhite);
  width: 80%;
}
.page-shipping-edit rf-action-select {
  --height: 55px;
  font-size: 18px;
}
.page-shipping-edit rf-action-select .lower-select-container .disabled {
  background-color: var(--lightgrey);
  color: white;
  border-color: var(--lightgrey);
}
.page-shipping-edit rf-action-select .lower-select-container .disabled:hover {
  color: white;
}
.page-shipping-edit rf-action-select .upper-select-container .disabled {
  background-color: var(--lightgrey);
  border-color: var(--lightgrey);
}
.page-shipping-edit rf-action-select .upper-select-container .disabled:hover {
  color: white;
}

shipping-edit-footer-cargo-board .line-box {
  margin-left: 15px;
  padding-top: 15px;
}
shipping-edit-footer-cargo-board .line-box table {
  width: 55%;
  margin-top: 15px;
  margin-bottom: 15px;
}
shipping-edit-footer-cargo-board .line-box table tr td {
  padding-top: 3px;
  padding-bottom: 3px;
}
shipping-edit-footer-cargo-board .line-box table tr td:nth-child(1) {
  min-width: 60px;
}
shipping-edit-footer-cargo-board .line-box .parcel-table {
  width: 100%;
}
shipping-edit-footer-cargo-board .line-box .parcel-table tr td, shipping-edit-footer-cargo-board .line-box .parcel-table tr th {
  text-align: center;
  padding-left: 10px;
}
shipping-edit-footer-cargo-board .line-box .parcel-table tr td:first-child, shipping-edit-footer-cargo-board .line-box .parcel-table tr th:first-child {
  text-align: left;
  padding-left: 0;
}
shipping-edit-footer-cargo-board .line-box .parcel-table tr td select, shipping-edit-footer-cargo-board .line-box .parcel-table tr th select {
  width: 100%;
}
shipping-edit-footer-cargo-board .line-box .parcel-table tr td .rf-form, shipping-edit-footer-cargo-board .line-box .parcel-table tr th .rf-form {
  padding-top: 0;
  padding-bottom: 0;
}

.page-shipping-list a {
  cursor: pointer;
}
.page-shipping-list .pointer {
  cursor: pointer;
}
.page-shipping-list h3 {
  margin: 0;
}
.page-shipping-list input:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.page-shipping-list .shipment-info label {
  font-weight: normal;
  width: 30%;
  color: black;
}
.page-shipping-list .shipment-info span {
  width: 60%;
  float: right;
}
.page-shipping-list rf-action-select {
  float: right;
  margin-right: 5px;
}

.page-batch-edit rf-date-time {
  width: 60%;
}
.page-batch-edit .default .header {
  overflow: auto;
}

rf-stock-history .add {
  color: var(--green);
}
rf-stock-history .substract {
  color: var(--red);
}
rf-stock-history .comment-btn {
  margin: 0;
  border-radius: 5px;
  height: 32px;
}
rf-stock-history .history {
  position: relative;
}
rf-stock-history .min-height {
  min-height: 1px;
  line-height: 40px;
}
rf-stock-history .history-entry {
  padding: 10px 0;
}
rf-stock-history .history-entry:nth-child(even) {
  background-color: var(--midwhite);
}
rf-stock-history .icon-container {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid var(--darkwhite);
  margin-right: 10px;
  float: left;
  background: white;
}
rf-stock-history .icon-container i {
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--main_color);
  margin-left: -2px;
}
rf-stock-history .icon-container .fa-plus, rf-stock-history .icon-container .fa-plus-circle, rf-stock-history .icon-container .fa-plus-square-o, rf-stock-history .icon-container .fa-share {
  color: var(--green);
}
rf-stock-history .icon-container .fa-eraser, rf-stock-history .icon-container .fa-minus, rf-stock-history .icon-container .fa-minus-circle, rf-stock-history .icon-container .fa-minus-square-o, rf-stock-history .icon-container .fa-reply {
  color: var(--red);
}
rf-stock-history .event-container {
  float: left;
  width: calc(100% - 60px);
}
rf-stock-history .vertical-line {
  position: absolute;
  height: 100%;
  width: 3px;
  background: var(--darkwhite);
  margin-top: 20px;
  left: 18px;
}
rf-stock-history .comment-container {
  color: var(--grey);
  font-size: 12px;
  margin-top: -5px;
}
rf-stock-history .margin-left-container {
  padding-left: 65px;
}
rf-stock-history .file-open-icon {
  cursor: pointer;
}
rf-stock-history .file-open-icon:hover {
  color: var(--main_color);
}

.page-stock-items-list .main-actions .rf-btn {
  width: 100%;
}
.page-stock-items-list .event-filter-select {
  height: 40px;
  width: 100%;
  border-radius: 20px;
  padding-left: 16px;
  background-color: var(--darkwhite);
  border: none;
  border-right: 5px solid var(--darkwhite);
}
.page-stock-items-list rf-action-select {
  display: inline-block;
  width: 85%;
}
.page-stock-items-list .rf-btn.header-btn {
  display: inline-block;
  margin-top: 0px;
}

rf-stock-quantity .rf-btn.header-btn {
  float: right;
}
rf-stock-quantity .total-quantity {
  text-align: right;
  font-weight: bold;
  font-size: 16px;
}
rf-stock-quantity rf-stock-quantity-list {
  font-size: 90%;
}
rf-stock-quantity rf-stock-quantity-list thead {
  display: none;
}
rf-stock-quantity table.w100 {
  font-size: 12px;
}
rf-stock-quantity table.w100 td {
  padding: 4px 8px;
}

rf-storage-area-edit {
  display: block;
}
rf-storage-area-edit .search-item {
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
rf-storage-area-edit .search-item:hover {
  background: #ccc;
}
rf-storage-area-edit .search-item b {
  margin-right: 10px;
}
rf-storage-area-edit .search-item.active {
  background: #ccc;
}

.assembly-overview .production-container {
  background-color: #20e621;
  text-align: center;
}

.page-production-label .mainview .active i {
  color: black;
}
.page-production-label .mainview .ng-invalid.ng-touched {
  border: 1px solid red;
}
.page-production-label .mainview p {
  margin: 5px 0;
}
.page-production-label .mainview ::placeholder {
  /* Firefox 19+ */
  color: var(--grey);
  opacity: 0.4;
}
.page-production-label .rf-icon {
  display: inline-block;
  font-size: 30px;
  position: absolute;
  top: 20px;
  left: 230px;
}
.page-production-label .signature {
  border: 1px solid;
  width: 200px;
  height: 60px;
  display: inline-block;
}
.page-production-label .inner-page {
  min-height: 840px;
  width: 600px;
  box-shadow: 0 0 5px 0 #000;
  padding: 10px;
  position: relative;
  margin-bottom: 25px;
}
.page-production-label .inner-page .print-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(120, 120, 120, 0.1);
  z-index: 3;
}
.page-production-label .inner-page .full-size {
  min-height: 865px;
}
.page-production-label .inner-page span {
  white-space: pre-line;
  display: block;
  margin-bottom: 10px;
}
.page-production-label .bottom-line {
  border-bottom: 2px solid var(--lightgrey);
}

machine-cockpit-files .rf-panel-box {
  border: dashed 2px var(--lightgrey);
}
machine-cockpit-files .rf-btn.rf-btn-inverted {
  margin-top: -3px !important;
  margin-bottom: -3px !important;
  float: left;
}
machine-cockpit-files .file .rf-btn {
  float: right;
}
machine-cockpit-files .actions {
  float: right;
}
@media (max-width: 1024px) {
  machine-cockpit-files {
    font-size: 90%;
  }
}

ma-list-view {
  /* ------------  search -------------- */
  /* ------------ panel box header -------------- */
}
ma-list-view .text-warning {
  color: var(--red);
  font-size: 16px;
  font-weight: normal;
}
ma-list-view .pointer {
  cursor: pointer;
}
ma-list-view .active-header-options {
  justify-content: flex-end;
}
ma-list-view .active-header-options .header-item {
  padding: 0 10px;
}
ma-list-view .active-header-options .header-item input, ma-list-view .active-header-options .header-item a {
  cursor: pointer;
}
ma-list-view .header-no-border {
  border-bottom: none;
  background: var(--bg1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: var(--grey);
  padding: 5px;
}
ma-list-view .header-no-border.header-closed {
  margin-bottom: 15px;
  border-radius: 10px;
}
@media (min-width: 100px) and (max-width: 800px) {
  ma-list-view .header.no-border {
    font-size: 10px;
  }
}
ma-list-view .rf-btn.header-btn.rf-btn-green {
  color: var(--green);
}
ma-list-view rf-priority-switch {
  float: right;
  margin-top: 3px;
}
ma-list-view rf-priority-switch .bar {
  background: var(--darkwhite);
}
ma-list-view rf-priority-switch .bar.active {
  background: var(--midgrey);
}
ma-list-view .rf-panel-box {
  padding: 10px;
}
ma-list-view .rf-panel-box b {
  color: var(--midgrey);
}
ma-list-view .box-heading {
  color: #acacac;
  font-size: 12px;
  font-weight: bold;
}
ma-list-view .box-heading span {
  float: right;
}
ma-list-view .inner-border-box {
  border-radius: 10px;
  display: inline-block;
  position: relative;
  width: 100%;
  border: 1px solid var(--darkwhite);
}
ma-list-view .inner-border-box.green {
  color: var(--darkgreen);
  border: var(--darkgreen);
  background: rgba(131, 230, 32, 0.2901960784);
}
ma-list-view .inner-border-box.yellow {
  color: var(--darkyellow);
  border: var(--darkyellow);
  background: rgba(255, 255, 0, 0.4392156863);
}
ma-list-view .inner-border-box.bg-grey {
  padding: 4px 2px;
  background: var(--darkwhite);
  color: var(--midgrey);
  min-height: 32px;
}
ma-list-view .inner-border-box input {
  width: 100%;
  border: 0;
  text-align: right;
  font-size: 20px;
  padding: 0 5px;
  margin: 0;
  font-weight: bold;
  border-radius: 5px;
  background: none;
}
ma-list-view .inner-border-box h3 {
  margin: 0;
  float: right;
  font-weight: normal;
  font-size: 20px;
}
ma-list-view .inner-border-box span {
  position: absolute;
  left: 5px;
  line-height: 26px;
}
ma-list-view .timetrack-input-container {
  display: flex;
}
ma-list-view rf-img-with-attachments {
  width: 250px;
}
ma-list-view rf-upload-zone {
  overflow-y: auto;
  overflow-x: hidden;
}
ma-list-view rf-time-input select.time-input {
  width: 40px;
  background: none;
  border: none;
}
ma-list-view rf-time-input .rf-time-input-container {
  right: 46px;
}
ma-list-view .fa-undo {
  cursor: pointer;
  color: var(--main_color);
}
ma-list-view .table-wrap {
  width: 100%;
}
ma-list-view .month-wrap {
  position: relative;
}
ma-list-view .month-wrap .week-view {
  margin-top: 2px;
  margin-right: 9px;
  padding: 5px 20px;
  background: var(--main_color);
  color: var(--untouched);
}
ma-list-view .month-wrap .week-view.rf-btn:hover, ma-list-view .month-wrap .week-view.rf-btn:focus {
  margin-top: 2px;
  margin-right: 9px;
  padding: 5px 20px;
  background: var(--main_color);
  color: var(--untouched);
  opacity: 0.9;
  outline: none;
}
ma-list-view .month-wrap .week-number {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
ma-list-view .month-wrap .day {
  font-size: 140%;
  font-weight: bold;
  max-width: 100%;
}
ma-list-view .month-wrap .day .date {
  font-size: 12px;
  font-weight: normal;
  color: var(--midgrey);
}
ma-list-view .table .grayed {
  background-color: var(--midgrey);
}
ma-list-view .table .list-items {
  padding: 10px;
  margin: 15px 0;
  background-color: var(--lightgrey);
  border-radius: 2px;
  box-shadow: -1px 2px 4px var(--darkwhite);
}
ma-list-view .table tbody td {
  border-left: 1px solid var(--bg2);
  border-right: 1px solid var(--bg2);
}
ma-list-view .border-bottom {
  margin-bottom: 60px;
}
ma-list-view rf-action-select {
  display: inline-block;
  float: right;
}
ma-list-view rf-search-toggle {
  display: inline-block;
}
ma-list-view .calendar-navigation {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  overflow: auto;
}
ma-list-view .calendar-navigation .fa {
  font-size: 60px;
}
ma-list-view .calendar-navigation .left-nav {
  margin: 25px 10px 0 0;
}
ma-list-view .calendar-navigation .right-nav {
  margin: 25px 0 0 10px;
}
ma-list-view .heading {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  align-content: center;
}
ma-list-view .heading button:hover i {
  color: var(--untouched);
}
ma-list-view .heading button i {
  color: var(--main_color);
}
ma-list-view .measured {
  display: flex;
  padding: 2px 5px;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid var(--red);
  color: var(--red);
}
ma-list-view .disabled {
  border: none;
}
ma-list-view .serial-number {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  left: 0;
}

production-position .alert {
  color: var(--red);
  font-weight: bold;
}
production-position .header-btn.weak {
  color: var(--midgrey);
}
production-position .position-header-table {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 10px;
  border-collapse: separate;
  table-layout: fixed;
  background-color: var(--bg1);
  color: grey;
}
production-position .position-header-table.expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
production-position .position-header-table a {
  color: var(--grey);
}
production-position .position-header-table td {
  padding: 0 6px;
}
production-position .position-header-table td.tighter-padding-top {
  padding-top: 0;
  padding-bottom: 0;
}
production-position .position-header-table td.tighter-padding-bottom {
  padding-bottom: 4px;
  padding-top: 6px;
}
production-position .position-details-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 20px;
  table-layout: fixed;
  background-color: var(--darkwhite);
}
production-position .position-details-table td {
  padding: 10px;
  border-radius: 5px;
  background-color: var(--midwhite);
  vertical-align: top;
}
production-position .position-details-table .position-details-image {
  width: 270px;
  text-align: center;
}
production-position .position-tasks-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 10px;
}
production-position .position-tasks-table thead th {
  background-color: var(--darkwhite);
  color: var(--midgrey);
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}
production-position .position-tasks-table tr td {
  padding: 10px 0;
}
production-position .position-tasks-table tr td:first-child {
  padding-left: 20px;
}
production-position .position-tasks-table tr td:last-child {
  padding-right: 20px;
}
production-position .position-tasks-table tr td:last-child button {
  float: right;
}
production-position .position-tasks-table tr.completed {
  background-color: var(--lightgrey);
  color: var(--grey);
}
production-position .position-tasks-table tr.active {
  background-color: #97fb97;
}
production-position .position-tasks-table tr.active.problem {
  background-color: #fcff79;
  color: var(--darkyellow);
}
production-position .position-tasks-table tr.waiting, production-position .position-tasks-table tr.next {
  background-color: var(--midwhite);
}
production-position .circle-wrapper {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 10px;
}
production-position .circle-wrapper tr td {
  padding: 0;
}
production-position .circle-wrapper tr td:first-child {
  width: 15px;
}
production-position .production-icon .rf-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid var(--midwhite);
  display: grid;
  place-items: center;
  padding-top: 6px;
  background-color: var(--darkwhite);
  color: var(--midgrey);
}
production-position .production-icon .rf-icon.small {
  font-size: 14px;
  width: 36px;
  height: 36px;
  margin-top: -16px;
}
production-position .production-icon .rf-icon.mini {
  font-size: 10px;
  width: 20px;
  height: 20px;
  margin-top: -11px;
}
production-position .circle {
  float: right;
  height: 15px;
  width: 15px;
  margin-top: -16px;
  background-color: #555;
  border-radius: 50%;
}
production-position .circle.size {
  height: 19px;
  width: 19px;
  margin-top: -10px;
}
production-position .circle.completed {
  background-color: var(--green);
}
production-position .circle.active {
  background-color: var(--yellow);
}
production-position .circle .inner-circle {
  height: 7px;
  width: 7px;
  margin-top: 4px;
  margin-left: 4px;
  background-color: var(--midwhite);
  border-radius: 50%;
}
production-position .error {
  color: var(--red);
}
production-position .separator {
  width: 100%;
  height: 0;
  margin-left: -5px;
  border: none;
  border-top: 1px dotted var(--grey);
}
production-position .separator.completed {
  border-top: 2px solid var(--green);
}
production-position .separator.active {
  border-top: 2px solid var(--yellow);
}
production-position .status-circle {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: conic-gradient(var(--yellow) var(--progress), var(--lightgrey) 0);
  text-align: center;
}
production-position .status-circle .status-inner-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--midwhite);
  margin: 5px;
  padding-top: 11px;
}
production-position .status-circle .status-inner-circle .status-percentage {
  text-align: center;
  color: var(--midgrey);
}
production-position rf-status-icon {
  display: inline-block;
}
production-position .task-status-icon.rf-icon {
  padding-top: 0;
  font-size: 24px;
}
production-position .task-status-icon.rf-icon.completed {
  background-color: var(--lightgrey);
  color: var(--darkgreen);
}
production-position .task-status-icon.rf-icon.active {
  background-color: #97fb97;
  color: var(--darkgreen);
}
production-position .task-status-icon.rf-icon.active.problem {
  background-color: #fcff79;
  color: var(--darkyellow);
}
production-position .task-status-icon.rf-icon.waiting, production-position .task-status-icon.rf-icon.next {
  background-color: var(--midwhite);
}
production-position small {
  color: var(--midgrey);
}
production-position .icon-text-cell div {
  display: table-cell;
  border: none;
}
production-position .icon-text-cell div:first-child {
  padding-right: 10px;
}
production-position .icon-text-cell div:last-child {
  padding-top: 5px;
  vertical-align: middle;
}
production-position .task-timetrackings-table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: left;
}
production-position .task-timetrackings-table tr td {
  background-color: var(--midwhite);
}
production-position .task-timetrackings-table tr:nth-child(odd) td {
  background-color: var(--darkwhite);
}
production-position .task-icon {
  padding: 0;
}
production-position .material-icon, production-position .file-icon {
  padding: 0;
  float: left;
  height: 28px;
  width: 28px;
}
production-position .timetracking-icon {
  height: 40px;
  width: 40px;
  margin-left: 5px;
  padding: 0;
  font-size: 24px;
}
production-position .materials-table {
  float: left;
  margin-right: 20px;
}
production-position .materials-table tr td {
  padding: 4px 2px;
  vertical-align: middle;
  border-radius: 0;
}
production-position .materials-table tr:nth-child(odd) td {
  background-color: var(--darkwhite);
}
production-position .files-table tr td {
  padding: 4px 2px;
  vertical-align: middle;
  border-radius: 0;
}
production-position .files-table tr:nth-child(odd) td {
  background-color: var(--darkwhite);
}
production-position .task-info-cell {
  background-color: var(--midwhite);
  vertical-align: top;
}
production-position .rf-panel-box, production-position .upload-field {
  margin: 20px 0 0;
}
production-position .rf-panel-box .rf-label label, production-position .upload-field .rf-label label {
  width: 50%;
}
production-position .rf-panel-box .rf-label rf-date-time, production-position .upload-field .rf-label rf-date-time {
  width: 50%;
}
production-position .rf-panel-box {
  background-color: var(--darkwhite);
  color: var(--midgrey);
  border: none;
}
production-position .rf-panel-box span {
  float: right;
}
production-position .rf-panel-box h4 {
  font-size: 16px;
  color: var(--midgrey);
  font-weight: bold;
}
production-position .rf-panel-box .change-state {
  float: right;
  font-weight: normal;
  cursor: pointer;
}
production-position .task-properties-table {
  width: 100%;
  background-color: var(--darkwhite);
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 10px;
  margin-bottom: 20px;
}
production-position .task-properties-table td, production-position .task-properties-table th {
  background-color: var(--darkwhite);
}
production-position .rf-edit .rf-time-input-container input, production-position .rf-edit select {
  height: 20px;
  padding: 0;
  background-color: var(--midwhite);
}
production-position rf-textarea .textfield textarea {
  background: white;
}
production-position .spin {
  animation: rotate 2s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
production-position .warning {
  color: var(--red);
  font-weight: bold;
}

production-position-list rf-xy-diagram svg {
  width: 100%;
  height: 150px;
}
production-position-list .header.no-border {
  background: var(--midwhite);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
production-position-list .black-link {
  color: black;
}
production-position-list .text-warning {
  color: var(--red);
  font-size: 16px;
  font-weight: normal;
}
production-position-list .position.expanded .header-working-steps {
  border-radius: 0;
  border-bottom: none;
}
production-position-list .position .header-working-steps {
  cursor: default;
  background: var(--darkwhite);
  border-right: 1px solid var(--lightgrey);
  border-left: 1px solid var(--lightgrey);
  border-bottom: 1px solid var(--lightgrey);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
production-position-list .position .header-working-steps .task-list {
  position: relative;
  float: left;
  width: 15%;
  max-width: 175px;
  margin-right: 5px;
  font-size: 12px;
  padding: 3px 4px 1px;
  cursor: pointer;
  border-top: 2px solid transparent;
}
@media (min-width: 480px) and (max-width: 1024px) {
  production-position-list .position .header-working-steps .task-list {
    width: 25%;
  }
}
@media (max-width: 480px) {
  production-position-list .position .header-working-steps .task-list {
    width: 33%;
  }
}
production-position-list .position .header-working-steps .task-list.delivery-date {
  margin-right: 0;
  color: var(--darkred);
}
production-position-list .position .header-working-steps .task-list .time.end {
  float: right;
}
production-position-list .position .header-working-steps .task-list .task-name {
  width: 100%;
  text-align: left;
  font-weight: bold;
  display: block;
  word-break: break-word;
}
production-position-list .position .header-working-steps .task-list .task-name i {
  font-size: 10px;
  float: right;
  margin-top: 4px;
}
production-position-list .position .header-working-steps .task-list.active {
  color: white;
  background: var(--grey);
  border-top: 5px solid var(--green);
  margin-top: -2px;
  padding-top: 6px;
  min-height: 42px;
}
production-position-list .position .header-working-steps .task-list.active.slight-delay {
  border-top: 5px solid var(--yellow);
}
production-position-list .position .header-working-steps .task-list.active.strong-delay {
  border-top: 5px solid var(--red);
}
production-position-list .position .header-working-steps .task-list.next {
  background: var(--lightgrey);
  border-top: 5px solid var(--green);
  margin-top: -2px;
  padding-top: 6px;
  min-height: 42px;
}
production-position-list .position .header-working-steps .task-list.next.slight-delay {
  border-top: 5px solid var(--yellow);
}
production-position-list .position .header-working-steps .task-list.next.strong-delay {
  border-top: 5px solid var(--red);
}
production-position-list .position .header-working-steps .task-list.completed {
  color: var(--midgrey);
  border-top: 2px solid var(--lightgrey);
}
production-position-list .position .header-working-steps .task-list.selected {
  color: var(--main_color);
}
production-position-list .margin-container {
  height: 1px;
  width: 35px;
  float: left;
}
production-position-list rf-img-with-attachments {
  width: 250px;
}
production-position-list .thumbnail {
  margin-bottom: 0;
  padding: 0;
}
production-position-list .textfield {
  border: none;
}
production-position-list .article-info {
  position: relative;
}
production-position-list .article-info h4 {
  display: inline-block;
  margin: 0;
  color: #a2a2a2;
  font-size: 15px;
}
production-position-list .article-info h4 b {
  font-size: 24px;
  color: var(--grey);
  font-weight: normal;
}
production-position-list .article-info .rf-btn {
  bottom: 0;
  right: 0;
  min-width: 150px;
}
production-position-list .article-info .file-doc {
  padding-left: 0;
  overflow: auto;
}
production-position-list .article-info .file-doc a {
  float: left;
  padding-top: 5px;
  margin-bottom: 0;
  color: var(--midgrey);
  cursor: pointer;
}
production-position-list .article-info .file-doc i {
  float: right;
  cursor: pointer;
  color: var(--midgrey);
  font-size: 16px;
  padding-top: 5px;
  padding-right: 10px;
}
production-position-list .article-info .file-doc:hover {
  color: var(--main_color);
}
production-position-list .article-info .time-button {
  position: relative;
  float: right;
  margin-top: -15px;
}
production-position-list rf-time-input select {
  height: 20px;
  padding: 0;
  margin-right: 15px;
}
production-position-list .rf-time-input-container {
  right: 46px;
}
production-position-list .fa-undo {
  position: absolute;
  right: 10px;
  cursor: pointer;
  color: var(--main_color);
}
production-position-list rf-article-size input {
  margin: 0;
}
production-position-list rf-action-select {
  float: right;
  margin: -2px 5px;
}
production-position-list .set-active-disabled {
  float: right;
  color: var(--lightgrey);
}
production-position-list .material-row {
  background: var(--darkwhite);
  border-radius: 5px;
  padding: 0 7px;
}
production-position-list .material-row select {
  background: transparent;
  appearance: none;
}
production-position-list .rf-panel-outer-frame b {
  color: var(--midgrey);
}
production-position-list rf-time-interval .time-interval-block {
  width: auto;
}

production-work-package-list rf-time-interval .time-interval-block {
  width: auto;
}

.page-quality .measure-dot {
  border-radius: 30px;
  font-weight: bold;
  color: white;
  position: absolute;
  width: 20px;
  text-align: center;
}
.page-quality .measure-dot.active {
  border: 2px solid orange;
}
.page-quality .dim-box {
  margin-right: 10px;
  background: lightgrey;
  font-size: 18px;
  padding: 8px;
  margin-top: 20px;
  border-radius: 12px;
}
.page-quality .dim-box span {
  color: white;
}
.page-quality .dim-box.active {
  border: 2px solid orange;
}
.page-quality .rf-btn {
  border-radius: 10px;
  padding: 13px;
  margin-right: 15px;
}

.public-login {
  overflow: hidden;
  height: 100%;
}
.public-login .left-action-box {
  height: 100vh;
  padding: 40px;
  background: rgba(166, 166, 166, 0.77);
  box-shadow: 0 0 19px 5px rgba(87, 65, 65, 0.6);
  text-align: right;
  display: flex;
  color: white;
}
.public-login .left-action-box .inner-container {
  margin: auto;
  align-items: end;
}
.public-login .left-action-box img {
  min-width: 200px;
  float: right;
  margin-bottom: 30px;
  width: 50%;
}
.public-login .left-action-box form {
  max-width: 500px;
  float: right;
  width: 100%;
}
.public-login .left-action-box .login-btn i {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
.public-login .left-action-box .login-btn:hover i {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 1;
}
.public-login .left-action-box .spin {
  animation: rotate 3.5s linear infinite;
}
.public-login .row {
  padding: 10px 0;
  margin: 0;
}
.public-login .link-btn {
  cursor: pointer;
  font-size: 24px;
  font-weight: bold;
  float: left;
  padding: 0;
}
.public-login .link-btn span {
  width: 70%;
  display: block;
}
.public-login .link-btn.active span {
  border-bottom: 3px solid var(--main_color);
}
.public-login .link-btn:hover {
  color: var(--main_color_light);
}
.public-login .agreement {
  padding: 0;
  margin: 0 -15px;
}
.public-login .privacy-info {
  bottom: 35px;
  left: 15px;
}
.public-login .privacy-info i {
  top: 1.5px;
  font-size: 9px;
}
.public-login .privacy-info a {
  left: 17px;
}
.public-login ul {
  list-style-image: url("/img/checkmark.svg");
}
.public-login ul li {
  margin: 10px -15px;
}
.public-login .app-version {
  display: block;
  margin-top: 20px;
}

.public-logout .row {
  padding: 10px 0;
  margin: 0;
}

.page-part-upload-wrap rf-lang-change {
  display: block;
  overflow: hidden;
  margin-right: 20px;
}
.page-part-upload-wrap .field-not-valid {
  border-color: var(--red) !important;
}
.page-part-upload-wrap .page-part-upload {
  background: var(--untouched);
  box-shadow: 0 0 19px 5px var(--bg1);
  z-index: 9;
  color: var(--grey);
  padding: 100px 40px 40px;
  margin-top: 40px;
  position: relative;
}
.page-part-upload-wrap .page-part-upload .article-wrap {
  overflow: hidden;
}
.page-part-upload-wrap .page-part-upload .part-upload-heading {
  font-size: 27px;
  font-weight: 700;
  padding: 19px;
  text-align: center;
}
.page-part-upload-wrap .page-part-upload .bold {
  font-weight: bold;
}
.page-part-upload-wrap .page-part-upload .note {
  border-left: 10px solid var(--main_color);
  padding-left: 10px;
}
.page-part-upload-wrap .page-part-upload rf-date-time {
  width: 100%;
}
.page-part-upload-wrap .page-part-upload rf-date-time input {
  padding: 5px;
  border-radius: 5px;
}
.page-part-upload-wrap .page-part-upload rf-date-time i {
  padding: 9px 0;
}
.page-part-upload-wrap .page-part-upload .qty-btn-wrap {
  padding-right: 10px;
  text-align: center;
  font-size: 32px;
}
.page-part-upload-wrap .page-part-upload .system-upload {
  border: 1px solid;
  border-radius: 3px;
  padding: 5px;
}
.page-part-upload-wrap .page-part-upload .upload-article-file {
  text-align: left;
  display: inline-block;
}
.page-part-upload-wrap .page-part-upload .upload-article-file .file-select {
  float: right;
}
.page-part-upload-wrap .page-part-upload .toggle-article {
  display: block;
  padding-top: 5px;
  font-size: 25px;
}
.page-part-upload-wrap .page-part-upload .list-item {
  border-bottom: 1px solid var(--lightgrey);
}
.page-part-upload-wrap .page-part-upload input {
  color: var(--grey);
}
.page-part-upload-wrap .page-part-upload .overflow-handling {
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-part-upload-wrap .page-part-upload .file-list-row {
  padding-left: 0px;
}
.page-part-upload-wrap .page-part-upload .actions-wrap {
  padding-right: 0px;
  text-align: right;
}
.page-part-upload-wrap .page-part-upload .actions-wrap a {
  margin-left: 5px;
}
.page-part-upload-wrap .page-part-upload h3 {
  color: var(--grey);
  border-bottom: 1px solid var(--grey);
}
.page-part-upload-wrap .page-part-upload .article-header {
  border-bottom: 1px solid var(--grey);
}
.page-part-upload-wrap .page-part-upload hr {
  clear: both;
}
.page-part-upload-wrap .page-part-upload .article-info-wrap img {
  max-width: 100%;
}
.page-part-upload-wrap .page-part-upload .article-info-wrap label {
  margin-top: 7px;
  margin-bottom: 0px;
}
.page-part-upload-wrap .page-part-upload rf-upload-zone.upload-items {
  background: var(--bg2);
  border: 3px dashed var(--grey);
  border-radius: 15px;
  min-height: 45px;
  padding: 40px 12px;
  text-align: center;
}
.page-part-upload-wrap .page-part-upload rf-upload-zone.upload-items .upload-icon-wrap {
  color: var(--grey);
  font-weight: bold;
}
.page-part-upload-wrap .page-part-upload rf-upload-zone.upload-items .upload-icon-wrap i {
  font-size: 50px;
}
.page-part-upload-wrap .page-part-upload rf-upload-zone.upload-items a {
  color: var(--main_color);
}
.page-part-upload-wrap .page-part-upload button {
  width: 100%;
  padding: 10px;
}
.page-part-upload-wrap .page-part-upload button.disabled {
  background: var(--lightgrey);
}
.page-part-upload-wrap .page-part-upload .article-head-wrap,
.page-part-upload-wrap .page-part-upload .files-head-wrap {
  margin: 0 0 10px;
}
.page-part-upload-wrap .page-part-upload .article-head-wrap {
  padding: 15px 0;
  width: 100%;
  display: inline-block;
}
.page-part-upload-wrap .page-part-upload .article-head-wrap,
.page-part-upload-wrap .page-part-upload .files-head-wrap rf-upload-zone {
  background: var(--lightgrey);
  overflow: hidden;
}
.page-part-upload-wrap .page-part-upload .files-head-wrap rf-upload-zone {
  padding: 15px;
}
.page-part-upload-wrap .page-part-upload .material-list .list {
  cursor: pointer;
  padding: 5px;
}
.page-part-upload-wrap .page-part-upload .material-list .list:hover {
  opacity: 0.9;
  background: var(--main_color_light);
}
.page-part-upload-wrap .page-part-upload .material-list .list.selected {
  background: var(--main_color_dark);
}
.page-part-upload-wrap .page-part-upload .material-info label,
.page-part-upload-wrap .page-part-upload .material-info span {
  float: left;
  margin: 5px 0;
  min-height: 20px;
  width: 50%;
}
.page-part-upload-wrap .page-part-upload a,
.page-part-upload-wrap .page-part-upload .file-select,
.page-part-upload-wrap .page-part-upload .special-material a {
  cursor: pointer;
}
.page-part-upload-wrap .page-part-upload .nopreview {
  max-width: 100%;
  padding: 5px;
}
.page-part-upload-wrap .page-part-upload .success-wrap h2 {
  font-size: 40px;
  margin: 35px 0;
}
.page-part-upload-wrap .page-part-upload .success-wrap div {
  font-size: 30px;
  text-align: center;
}
.page-part-upload-wrap .page-part-upload .rf-form {
  margin: 5px;
}

.public-register a {
  cursor: pointer;
}
.public-register .btn {
  color: white;
}
.public-register .btn.active {
  background: var(--main_color);
}
.public-register .btn-inactive {
  background: var(--lightgrey);
}
.public-register .inner-container .col-xs-12 {
  margin: 7px 0;
}
.public-register .inner-container select:required:invalid {
  color: gray;
}
.public-register .inner-container option {
  color: black;
}
.public-register .inner-container .password-offer {
  position: absolute;
  left: -150px;
  width: 150px;
  top: -13px;
}
.public-register .warnings {
  text-align: center;
}
.public-register .warnings h3 {
  margin-bottom: 25px;
}
.public-register .warnings p {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  margin: 0 15px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.public-register .warnings p.visible {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 900px) {
  .public-register .inner-container .password-offer {
    position: relative;
    left: 0;
    width: inherit;
    top: 0;
    padding: 15px;
  }
}

.public-reset .row {
  padding: 10px 0;
  margin: 0;
}
.public-reset .alert {
  text-align: center;
  font-weight: bold;
  font-size: 130%;
}

.page-service-setup-edit {
  background: var(--grey);
  box-shadow: 0 0 19px 5px var(--bg1);
  z-index: 9;
  padding: 100px 40px 40px;
  margin-top: 40px;
  position: relative;
}
.page-service-setup-edit .server-setup-heading {
  background: var(--main_color);
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 27px;
  font-weight: 700;
  width: 30%;
  padding: 19px;
  text-align: center;
}
.page-service-setup-edit .server-setup-heading::after {
  width: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 50px solid var(--grey);
  border-top: 75px solid transparent;
  margin-right: 0;
}
.page-service-setup-edit .big-info-text {
  color: white;
  font-size: 24px;
  margin-bottom: 20px;
}
.page-service-setup-edit .info-icon-container .fa {
  font-size: 60px;
  color: var(--darkgreen);
}
.page-service-setup-edit .info-icon-container .fa.grey {
  color: var(--grey);
}
.page-service-setup-edit h3 {
  color: var(--untouched);
  border-bottom: 1px solid var(--main_color);
}
.page-service-setup-edit .heading-container {
  position: relative;
}
.page-service-setup-edit .heading-container .info-icon-container {
  position: absolute;
  right: -170px;
  top: -25px;
  font-size: 15px;
}
.page-service-setup-edit .info-text {
  color: white;
  margin-bottom: 10px;
}
.page-service-setup-edit .rf-form-row {
  background: var(--darkwhite);
  width: 100%;
  height: 45px;
  border-radius: 5px;
  margin-bottom: 20px;
  border: none;
}
.page-service-setup-edit rf-upload-zone {
  border-radius: 4px;
  height: 45px;
  padding: 12px;
  text-align: center;
}
.page-service-setup-edit form.row {
  margin-top: 25px;
}
.page-service-setup-edit .heading-container .add-btn {
  width: 40px;
  height: 35px;
  padding: 8px 13px 0;
  position: absolute;
  top: -14px;
  right: 0;
}
.page-service-setup-edit .send-btn {
  font-size: 20px;
  padding: 15px 10px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.page-service-setup-edit .send-btn.rf-btn-disabled {
  background: var(--darkgrey);
}
.page-service-setup-edit .rf-btn,
.page-service-setup-edit .rf-btn-thin {
  color: var(--untouched);
  background-color: var(--main_color);
}
.page-service-setup-edit .rf-btn:hover,
.page-service-setup-edit .rf-btn-thin:hover {
  opacity: 0.75;
}

.public {
  position: absolute;
  left: 0;
  right: 0;
  padding-bottom: 100px;
  top: 0;
  min-height: 100%;
  background-color: #b9b9b9;
  z-index: 999;
  background-image: url("../img/packages-bg.jpg");
  background-size: 100% 100%;
}
@media (max-width: 768px) {
  .public {
    background-image: none;
  }
}
.public .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .public .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .public .container {
    width: 970px;
  }
}
@media (min-width: 1400px) {
  .public .container {
    width: 1170px;
  }
}
.public .action-box {
  background: rgba(166, 166, 166, 0.77);
  box-shadow: 0 0 19px 5px rgba(87, 65, 65, 0.6);
  z-index: 9;
  color: white;
  padding: 40px;
  margin-top: 40px;
}
.public .header {
  width: 100%;
  background: var(--grey);
  padding: 5px;
}
.public .header .logo {
  width: 200px;
}
.public input,
.public select {
  width: 100%;
  color: black;
}
.public .rf-btn {
  background: var(--main_color_contrast_ultra_dark);
  color: white;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  display: inline-block;
  margin: 0;
  padding: 6px;
  border: 1px solid transparent;
}
.public a {
  color: var(--main_color_contrast_ultra_dark);
}
.public .warning {
  color: var(--invalid);
}
.public .agreement-box {
  margin: 20px 0 10px !important;
}
.public .agreement {
  position: relative;
  min-height: 25px;
}
.public .agreement input {
  height: 25px;
  width: 15px;
  position: absolute;
  left: 20px;
  top: 0;
}
.public .agreement p {
  position: relative;
  left: 45px;
  top: 2.5px;
  margin-right: 60px;
}

.public-verify-newsletter .row {
  padding: 10px 0;
  margin: 0;
}

.public-verify .row {
  padding: 10px 0;
  margin: 0;
}

rf-purchase-demand {
  /* ================== general layout elements ==================== */
  /* ================== main layout ==================== */
}
rf-purchase-demand input.rf-form {
  margin: 0;
}
rf-purchase-demand .actions, rf-purchase-demand .text-right {
  min-width: 65px;
  text-align: right;
}
rf-purchase-demand rf-fold-btn {
  display: inline-block;
  float: none;
}
rf-purchase-demand small {
  color: var(--midgrey);
}
rf-purchase-demand .price-input-wrap {
  display: inline-block;
  width: 40%;
}
rf-purchase-demand .checkbox-selected {
  margin-right: 5px;
}
rf-purchase-demand .qty-input-wrap {
  width: 100%;
  position: relative;
  float: left;
}
rf-purchase-demand .qty-input-wrap .input-spinner {
  position: absolute;
  top: 2px;
  right: 5px;
}
rf-purchase-demand .qty-input-wrap .input-spinner i {
  display: block;
  max-height: 10px;
}
rf-purchase-demand .qty-input-wrap input.rf-form, rf-purchase-demand .qty-input-wrap input.date-time-input, rf-purchase-demand .qty-input-wrap select,
rf-purchase-demand .price-input-wrap input.rf-form,
rf-purchase-demand .price-input-wrap input.date-time-input,
rf-purchase-demand .price-input-wrap select,
rf-purchase-demand rf-date-time input.rf-form,
rf-purchase-demand rf-date-time input.date-time-input,
rf-purchase-demand rf-date-time select,
rf-purchase-demand .demand-table input.rf-form,
rf-purchase-demand .demand-table input.date-time-input,
rf-purchase-demand .demand-table select {
  border: 1px solid transparent;
  background: none;
  padding: 0;
}
rf-purchase-demand .qty-input-wrap input.rf-form:hover, rf-purchase-demand .qty-input-wrap input.rf-form:active, rf-purchase-demand .qty-input-wrap input.rf-form:focus, rf-purchase-demand .qty-input-wrap input.date-time-input:hover, rf-purchase-demand .qty-input-wrap input.date-time-input:active, rf-purchase-demand .qty-input-wrap input.date-time-input:focus, rf-purchase-demand .qty-input-wrap select:hover, rf-purchase-demand .qty-input-wrap select:active, rf-purchase-demand .qty-input-wrap select:focus,
rf-purchase-demand .price-input-wrap input.rf-form:hover,
rf-purchase-demand .price-input-wrap input.rf-form:active,
rf-purchase-demand .price-input-wrap input.rf-form:focus,
rf-purchase-demand .price-input-wrap input.date-time-input:hover,
rf-purchase-demand .price-input-wrap input.date-time-input:active,
rf-purchase-demand .price-input-wrap input.date-time-input:focus,
rf-purchase-demand .price-input-wrap select:hover,
rf-purchase-demand .price-input-wrap select:active,
rf-purchase-demand .price-input-wrap select:focus,
rf-purchase-demand rf-date-time input.rf-form:hover,
rf-purchase-demand rf-date-time input.rf-form:active,
rf-purchase-demand rf-date-time input.rf-form:focus,
rf-purchase-demand rf-date-time input.date-time-input:hover,
rf-purchase-demand rf-date-time input.date-time-input:active,
rf-purchase-demand rf-date-time input.date-time-input:focus,
rf-purchase-demand rf-date-time select:hover,
rf-purchase-demand rf-date-time select:active,
rf-purchase-demand rf-date-time select:focus,
rf-purchase-demand .demand-table input.rf-form:hover,
rf-purchase-demand .demand-table input.rf-form:active,
rf-purchase-demand .demand-table input.rf-form:focus,
rf-purchase-demand .demand-table input.date-time-input:hover,
rf-purchase-demand .demand-table input.date-time-input:active,
rf-purchase-demand .demand-table input.date-time-input:focus,
rf-purchase-demand .demand-table select:hover,
rf-purchase-demand .demand-table select:active,
rf-purchase-demand .demand-table select:focus {
  border: 1px solid var(--midgrey);
}
rf-purchase-demand rf-article-size-input {
  display: block;
  width: max-content;
}
rf-purchase-demand .demand-table tbody td {
  padding: 0;
}
rf-purchase-demand .demand-table tbody td:first-child {
  padding-left: 5px;
  padding-right: 3px;
}
rf-purchase-demand .demand-table tbody td:last-child {
  padding-right: 10px;
}
rf-purchase-demand .demand-table tbody:nth-child(odd) td {
  background-color: var(--darkwhite);
}
rf-purchase-demand .demand-table thead th {
  text-align: left;
}
rf-purchase-demand .demand-table thead th span {
  float: right;
}
rf-purchase-demand hr {
  margin-top: 0;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid var(--grey);
}
rf-purchase-demand rf-action-select .upper-select-container .select-row {
  white-space: nowrap;
}
rf-purchase-demand .main-box {
  position: absolute;
  top: 84px;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
rf-purchase-demand .first-row-demand {
  padding-bottom: 30px;
  border-bottom: 5px solid var(--lightgrey);
  overflow-y: scroll;
  height: calc(60% - 46px);
}
rf-purchase-demand .first-row-demand .check-all {
  position: absolute;
  right: 42px;
  top: 5px;
  font-size: 10px;
}
rf-purchase-demand .second-row-selection {
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  height: 40%;
  padding-top: 5px;
}
rf-purchase-demand .second-row-selection .left-container h4 {
  color: grey;
}
rf-purchase-demand .second-row-selection .left-container rf-formula {
  pointer-events: none;
}
rf-purchase-demand .second-row-selection .left-container .vendor-input {
  margin-top: -5px;
  padding: 0;
}
rf-purchase-demand .second-row-selection .left-container .pos-detail-wrap div {
  word-break: break-all;
}
rf-purchase-demand .second-row-selection .right-container {
  border-left: 1px solid var(--lightgrey);
}
@media (max-width: 1440px) {
  rf-purchase-demand .details-wrap .center-info .col-xs-4 {
    width: 33.3333333333%;
  }
  rf-purchase-demand .pos-detail-wrap {
    position: relative;
    padding-right: 45px;
  }
  rf-purchase-demand .pos-detail-wrap .pos-info {
    width: 100%;
  }
  rf-purchase-demand .pos-detail-wrap .storage-info {
    position: initial;
  }
  rf-purchase-demand .pos-detail-wrap .storage-info .info-btn-wrap {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 55px;
  }
}

@media (max-width: 1024px) {
  .page-incoming-invoice-list rf-list-tabs.navtop .state-btn {
    padding: 0 5px 4px;
  }
}
.page-incoming-invoice-list .mainview a {
  cursor: pointer;
}
.page-incoming-invoice-list .order.inactive {
  opacity: 0.45;
}
.page-incoming-invoice-list rf-select-custom {
  width: 60%;
}
.page-incoming-invoice-list .checkbox-container {
  height: 20px;
  position: relative;
}
.page-incoming-invoice-list .checkbox-container input {
  float: right;
}
.page-incoming-invoice-list .checkbox-container label {
  position: absolute;
  margin-right: 30px;
}
.page-incoming-invoice-list rf-bank-account {
  display: block;
  margin-top: 10px;
}
.page-incoming-invoice-list rf-bank-account .label {
  padding: 0.2em 0.6em 0.3em 0;
  font-weight: normal;
}
.page-incoming-invoice-list .purchase-edit-btn {
  float: none;
}
.page-incoming-invoice-list .purchase-positions-table {
  width: 100%;
  table-layout: fixed;
}
.page-incoming-invoice-list .purchase-positions-table tr td,
.page-incoming-invoice-list .purchase-positions-table tr th {
  padding: 4px;
  padding-left: 10px;
}
.page-incoming-invoice-list .purchase-positions-table tr:nth-child(odd) td {
  background-color: var(--darkwhite);
}
.page-incoming-invoice-list .pos-mini-container:nth-child(even) {
  background-color: var(--darkwhite);
}
.page-incoming-invoice-list .on-the-edges {
  display: flex;
  justify-content: space-between;
}
.page-incoming-invoice-list .no-purchase-number {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.page-incoming-invoice-list .margin-left-right {
  margin-left: 2px;
  margin-right: 2px;
}

purchase-edit-footer .mainview .file-list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 85px;
  min-height: 85px;
}
purchase-edit-footer .date-input {
  width: calc(100% - 33.5px);
}
purchase-edit-footer .no-break {
  page-break-inside: avoid;
}
purchase-edit-footer .row2.bottom {
  border-top: 1px solid var(--grey);
  padding-top: 15px;
  overflow-y: auto;
  display: block;
}
purchase-edit-footer .row2.bottom .discount-display {
  float: none;
  font-size: 14px;
  height: 25px;
}
purchase-edit-footer .price {
  border-top: 1px solid;
  padding-top: 5px;
  margin-top: 10px;
}
purchase-edit-footer .price table tr {
  margin: 20px 0;
}
purchase-edit-footer .price table td {
  font-size: 16px;
}
purchase-edit-footer .price table td input {
  border: 1px solid var(--darkwhite) !important;
  text-align: end;
}
purchase-edit-footer .standard-text {
  padding-top: 10px;
  float: left;
}
purchase-edit-footer .service-date::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1;
}
purchase-edit-footer .payment-time-select {
  width: calc(100% + 5px);
  background-color: white;
  cursor: pointer;
}
purchase-edit-footer rf-tag-select .select-row {
  min-height: 26px;
}
purchase-edit-footer rf-tag-select .rf-btn, purchase-edit-footer rf-tag-select .rf-btn.rf-btn-inverted,
purchase-edit-footer rf-tag-select .rf-btn:hover {
  border: none !important;
}
purchase-edit-footer rf-tag-select .lower-select-container {
  max-height: 160px;
}
purchase-edit-footer textarea {
  padding-left: 0;
}
purchase-edit-footer .payment .label-cell {
  width: 50%;
}
purchase-edit-footer .payment .content-cell {
  width: 50%;
  max-width: 150px;
  padding-left: 10px;
}
purchase-edit-footer .text-end {
  text-align: end;
}

purchase-edit-head .mainview .meta-data input,
purchase-edit-head .mainview .meta-data select {
  height: 25px;
  padding: 0;
}
purchase-edit-head .mainview .row2.first {
  min-height: 140px;
}
purchase-edit-head .mainview .row2.first .w100 {
  display: block;
  overflow: auto;
}
purchase-edit-head .mainview .row2.first .w100-aligned {
  display: flex;
  align-items: center;
}
purchase-edit-head .mainview .row2.first a {
  cursor: pointer;
}
purchase-edit-head .mainview .row2.first img {
  float: left;
  width: 80%;
}
purchase-edit-head .mainview .row2.first textarea {
  overflow: auto;
  max-height: 325px;
  resize: none;
}
purchase-edit-head .mainview .row2.first h3 {
  color: var(--darkgrey);
  margin-top: 10px;
  font-size: 9px;
  font-weight: 100;
}
purchase-edit-head .mainview .row2.first p:first-child {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
purchase-edit-head .mainview .row2.first input.small {
  height: 12px;
  font-size: 12px;
  width: 100px;
}
purchase-edit-head .mainview .row2.address {
  height: auto;
  margin-top: 10px;
  margin-bottom: 40px;
  overflow-x: hidden;
  font-size: 11px;
}
purchase-edit-head .mainview .row2.address h4 {
  font-size: 8px;
  font-weight: 100;
  color: var(--darkgrey);
}
purchase-edit-head .mainview .row2.address h3 {
  margin: 7px 0;
}
purchase-edit-head .mainview .row2.address .box {
  float: left;
}
purchase-edit-head .mainview .row2.address .box.nofloat {
  float: none;
}
purchase-edit-head .row2 .big {
  font-size: 20px;
}

edit-purchase-info .doctype-header {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
edit-purchase-info .row2 {
  overflow: visible !important;
}

.page-purchase-edit {
  /* EDIT MODE */
}
.page-purchase-edit .fa-file-pdf-o {
  color: var(--red);
}
.page-purchase-edit.editmode .mainview .order .print-layer {
  display: none;
}
.page-purchase-edit.editmode .mainview .order input,
.page-purchase-edit.editmode .mainview .order select,
.page-purchase-edit.editmode .mainview .order textarea {
  border: 1px solid var(--midwhite);
}
.page-purchase-edit.editmode .mainview .order input:hover,
.page-purchase-edit.editmode .mainview .order select:hover,
.page-purchase-edit.editmode .mainview .order textarea:hover {
  border: 1px solid var(--lightgrey);
}
.page-purchase-edit .mainview .order {
  float: left;
  width: 600px;
  box-shadow: 0 0 5px 0 #000;
  margin-left: 6px;
  padding: 10px;
  position: relative;
  padding-bottom: 90px;
}
@media print {
  .page-purchase-edit .mainview .order {
    padding-bottom: 0;
  }
}
.page-purchase-edit .mainview .order .price-spacer-top {
  border-top: 1px solid var(--lightgrey);
}
.page-purchase-edit .mainview .order .price-spacer-bottom {
  border-bottom: 1px solid var(--lightgrey);
}
.page-purchase-edit .mainview .order .print-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(120, 120, 120, 0.1);
  z-index: 3;
}
.page-purchase-edit .mainview .order .print-layer .text {
  color: rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
  font-weight: bold;
  font-size: 600%;
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
  left: 0;
  z-index: 5;
}
.page-purchase-edit .mainview input,
.page-purchase-edit .mainview select,
.page-purchase-edit .mainview textarea {
  border: 1px solid white;
  box-shadow: none;
  color: var(--main_color);
}
.page-purchase-edit .mainview input:hover,
.page-purchase-edit .mainview select:hover,
.page-purchase-edit .mainview textarea:hover {
  border: 1px solid var(--lightgrey);
}
.page-purchase-edit .mainview h3 {
  font-size: 12px;
  margin-bottom: 9px;
  margin-top: 8px;
}
.page-purchase-edit .mainview .invisible {
  opacity: 0;
}
.page-purchase-edit .mainview .ng-invalid.ng-touched {
  border: 1px solid red;
}
.page-purchase-edit .mainview p {
  margin: 5px 0;
}
.page-purchase-edit .mainview ::placeholder {
  /* Firefox 19+ */
  color: var(--grey);
  opacity: 0.4;
}
.page-purchase-edit .mainview .row2 {
  font-size: 10px;
  width: 100%;
  page-break-inside: avoid;
  overflow: auto;
}
.page-purchase-edit .mainview .row2::-webkit-scrollbar {
  visibility: hidden;
}
.page-purchase-edit .mainview .row2 input,
.page-purchase-edit .mainview .row2 select,
.page-purchase-edit .mainview .row2 textarea {
  font-size: 10px;
}
.page-purchase-edit .mainview .row2 input.right {
  float: right;
  text-align: right;
}
.page-purchase-edit .mainview .row2 input,
.page-purchase-edit .mainview .row2 select {
  height: 16px;
  margin: 0;
}
.page-purchase-edit .right-sidebar {
  position: absolute;
  right: 0;
  top: 0;
  left: 650px;
  padding: 20px;
}
.page-purchase-edit .right-sidebar .transaction-key-partner {
  margin-top: 30px;
}
.page-purchase-edit .right-sidebar .transaction-key-partner input {
  width: 100%;
}
.page-purchase-edit .right-sidebar .transaction-key-partner input:disabled {
  background-color: var(--darkwhite);
}
.page-purchase-edit .right-sidebar input,
.page-purchase-edit .right-sidebar textarea {
  border: 1px solid var(--lightgrey);
}
.page-purchase-edit .upper-row {
  display: inline-block;
  width: 100%;
}
.page-purchase-edit .upper-row label {
  float: left;
  margin-top: 3px;
}
.page-purchase-edit .upper-row select {
  height: 20px;
  padding: 0 3px;
}
.page-purchase-edit .upper-row .contact {
  padding: 5px 0 5px 5px;
}
.page-purchase-edit .upper-row .contact button {
  float: right;
}
.page-purchase-edit .upper-row .w600 {
  width: 600px;
  float: left;
}
.page-purchase-edit .upper-row .w-minus-600 {
  width: calc(100% - 600px);
  float: left;
  padding: 0 50px;
  position: relative;
}

rf-purchase-procurement .only-show-from {
  color: white;
  margin-top: 50px;
}
rf-purchase-procurement .only-show-from p {
  font-weight: bold;
}
rf-purchase-procurement drawing-edit {
  display: block;
  margin: 15px;
}
rf-purchase-procurement .small-tag {
  border-radius: 10px;
  background: var(--grey);
  color: white;
  padding: 0 7px;
}
rf-purchase-procurement .delivery-date-info-base {
  border: 1px solid;
  border-radius: 10px;
  padding: 1px 3px;
}
rf-purchase-procurement .rf-list-table.default .list-header td {
  height: 30px;
}

.page-purchase-list .underline {
  margin-bottom: 0;
}
.page-purchase-list .checkbox {
  padding: 0 30px;
  margin-top: 0;
  position: relative;
}
.page-purchase-list .checkbox input {
  width: 100%;
}
.page-purchase-list .checkbox rf-checkbox {
  top: 0;
  left: -25px;
  margin-left: 25px;
}
.page-purchase-list .checkbox h5 {
  padding-left: 11px;
}

.page-reclamation-edit {
  font-size: 11px;
}
.page-reclamation-edit rf-upload-zone {
  overflow-y: auto;
  overflow-x: hidden;
}
.page-reclamation-edit .tree-actions a {
  margin-top: 10px;
  display: inline-block;
}
.page-reclamation-edit .actions .rf-btn {
  display: inline-block;
}
.page-reclamation-edit .table-reclamation td {
  vertical-align: middle;
}
.page-reclamation-edit .table-reclamation td .rf-btn {
  background: transparent;
  margin: 0;
}
.page-reclamation-edit .table-reclamation td .rf-btn:hover {
  background: var(--main_color);
}
.page-reclamation-edit .w600 {
  width: 600px;
  float: left;
}
.page-reclamation-edit textarea {
  border: 1px solid var(--midwhite);
}
.page-reclamation-edit textarea:hover {
  border: 1px solid var(--lightgrey);
}
@media print {
  .page-reclamation-edit rf-tag-select {
    text-align: left;
  }
  .page-reclamation-edit rf-tag-select .select-row {
    border: none;
    padding: 0;
  }
  .page-reclamation-edit rf-tag-select .rf-btn {
    display: none;
  }
  .page-reclamation-edit.mainview {
    top: 0;
    overflow: visible;
  }
  .page-reclamation-edit textarea {
    resize: none !important;
    padding: 0;
  }
}

.page-reclamation-list td {
  padding: 12px 0;
}
.page-reclamation-list .main-link {
  color: var(--main_color) !important;
}

rf-reclamation-body {
  position: relative;
  color: var(--darkgrey);
  display: block;
}

rf-reclamation-footer {
  color: var(--darkgrey);
  margin-top: 10px;
  display: block;
  page-break-inside: avoid;
}
rf-reclamation-footer .field-wrap {
  position: relative;
}
rf-reclamation-footer .field-wrap .rf-btn-right, rf-reclamation-footer .field-wrap .rf-btn-left {
  position: absolute;
  top: -8px;
}
rf-reclamation-footer .field-wrap .rf-btn-left {
  left: -32px;
}
rf-reclamation-footer .field-wrap .rf-btn-right {
  right: -32px;
}
rf-reclamation-footer .form-row {
  font-weight: normal;
  padding: 0;
  color: var(--darkgrey);
  display: block;
  width: 100%;
  overflow: auto;
  height: 18px;
}
rf-reclamation-footer .form-row.spacer {
  margin-bottom: 20px;
}
rf-reclamation-footer .form-row.bold {
  font-weight: bold;
}
rf-reclamation-footer input {
  float: right;
  border: 1px solid var(--darkwhite);
  width: 120px;
  padding: 0;
}
rf-reclamation-footer span {
  float: right;
  width: 120px;
}
rf-reclamation-footer input:hover {
  border: 1px solid var(--lightgrey);
}
rf-reclamation-footer hr {
  margin-bottom: 5px;
}
rf-reclamation-footer rf-date-time {
  vertical-align: middle;
}

rf-reclamation-header {
  position: relative;
  color: var(--darkgrey);
}
rf-reclamation-header .global-pdf-header {
  float: none;
}
rf-reclamation-header rf-tag-select {
  width: 140px;
  display: block;
  float: right;
}
rf-reclamation-header rf-tag-select .select-row {
  min-height: auto;
  padding: 0 5px;
}
rf-reclamation-header rf-tag-select .select-row .rf-btn,
rf-reclamation-header rf-tag-select .select-row .rf-btn:hover {
  padding: 0 5px;
  margin: -1px -6px 0px !important;
}
rf-reclamation-header span {
  float: right;
  width: 140px;
}
rf-reclamation-header label {
  font-weight: normal;
  padding: 0;
  color: var(--darkgrey);
  margin: 0;
  float: left;
}
rf-reclamation-header .form-row {
  width: 100%;
  overflow: auto;
}
rf-reclamation-header .form-row span {
  float: right;
}
rf-reclamation-header .reclamation-number {
  margin-top: 30px;
}
rf-reclamation-header .reclamation-number label {
  font-weight: bold;
  font-size: 20px;
}
rf-reclamation-header input, rf-reclamation-header select {
  float: right;
  border: 1px solid var(--darkwhite);
  width: 140px;
  padding: 0;
}
rf-reclamation-header input:hover {
  border: 1px solid var(--lightgrey);
}
rf-reclamation-header rf-date-time {
  float: right;
  width: 140px;
}
rf-reclamation-header .label-report {
  margin-top: 17px;
  text-align: right;
  display: block;
}

accounting-list-order .pos-mini-container:nth-child(even) {
  background-color: var(--darkwhite);
}
accounting-list-order .invoice-position-row {
  font-size: 12px;
}
accounting-list-order .total-sum {
  float: right;
  margin-top: 2px;
}
accounting-list-order .green {
  color: var(--green);
}
accounting-list-order .position-header {
  font-weight: bold;
}
accounting-list-order .checkbox-container {
  height: 20px;
  position: relative;
}
accounting-list-order .checkbox-container input {
  float: right;
}
accounting-list-order .checkbox-container label {
  position: absolute;
  margin-right: 30px;
}
accounting-list-order .checkbox-container rf-date-time .date-time-input {
  float: left;
}

accounting-edit-footer .no-break {
  page-break-inside: avoid;
}
accounting-edit-footer .row2.bottom {
  border-top: 1px solid var(--grey);
  padding-top: 15px;
  overflow-y: auto;
  display: block;
}
accounting-edit-footer .row2.bottom .discount-display {
  float: none;
  font-size: 14px;
  height: 25px;
}
accounting-edit-footer .payment-time-select {
  width: calc(100% + 5px);
  background-color: white;
  cursor: pointer;
}
accounting-edit-footer .price {
  border-top: 1px solid;
  padding-top: 5px;
  margin-top: 10px;
}
accounting-edit-footer .price table tr {
  margin: 20px 0;
}
accounting-edit-footer .price table td {
  font-size: 16px;
}
accounting-edit-footer .price table td input {
  border: 1px solid var(--darkwhite) !important;
  text-align: end;
}
accounting-edit-footer .standard-text {
  padding-top: 10px;
  float: left;
}
accounting-edit-footer .service-date::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1;
}
accounting-edit-footer .date-input {
  width: calc(100% - 30px) !important;
}
accounting-edit-footer rf-tag-select .select-row {
  min-height: 26px;
}
accounting-edit-footer rf-tag-select .rf-btn, accounting-edit-footer rf-tag-select .rf-btn.rf-btn-inverted,
accounting-edit-footer rf-tag-select .rf-btn:hover {
  border: none !important;
}
accounting-edit-footer rf-tag-select .lower-select-container {
  max-height: 160px;
}
accounting-edit-footer textarea {
  padding-left: 0;
}
accounting-edit-footer .payment .label-cell {
  width: 50%;
}
accounting-edit-footer .payment .content-cell {
  width: 50%;
  max-width: 150px;
  padding-left: 10px;
}
accounting-edit-footer .text-end {
  text-align: end;
}

accounting-edit-head {
  display: block;
}

edit-invoice-info .doctype-header {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
edit-invoice-info .row2 {
  overflow: visible !important;
}
edit-invoice-info .text-input {
  font-size: 20px;
  height: 24px;
  width: 200px;
}

@media (max-width: 1024px) {
  .page-accounting-list rf-list-tabs.navtop .state-btn {
    padding: 0 5px 4px;
  }
}
.page-accounting-list .mainview a {
  cursor: pointer;
}
.page-accounting-list .inactive {
  opacity: 0.45;
}
.page-accounting-list rf-action-select .select-row {
  min-height: 32px;
}
.page-accounting-list .margin-top-10 {
  margin-top: 10px;
}
.page-accounting-list .copy-button {
  float: left;
  height: 20px;
  margin-top: -6px;
  margin-left: 8px;
}
.page-accounting-list .overdue {
  color: var(--red);
}

sale-edit-footer .no-break {
  page-break-inside: avoid;
}
sale-edit-footer .row2.bottom {
  border-top: 1px solid var(--grey);
  padding-top: 15px;
  overflow-y: auto;
  display: block;
}
sale-edit-footer .row2.bottom .discount-display {
  float: none;
  font-size: 14px;
  height: 25px;
}
sale-edit-footer .price {
  border-top: 1px solid;
  padding-top: 5px;
  margin-top: 10px;
}
sale-edit-footer .price table tr {
  margin: 20px 0;
}
sale-edit-footer .price table td {
  font-size: 16px;
}
sale-edit-footer .price table td input {
  border: 1px solid var(--darkwhite) !important;
  text-align: end;
}
sale-edit-footer .standard-text {
  padding-top: 10px;
  float: left;
}
sale-edit-footer .price-spacer-top {
  border-top: 1px solid var(--lightgrey);
}
sale-edit-footer .price-spacer-bottom {
  border-bottom: 1px solid var(--lightgrey);
}
sale-edit-footer .service-date::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1;
}
sale-edit-footer .date-input {
  width: calc(100% - 30px) !important;
}
sale-edit-footer .payment-time-select {
  width: calc(100% + 5px);
  background-color: white;
  cursor: pointer;
}
sale-edit-footer rf-tag-select .select-row {
  min-height: 26px;
}
sale-edit-footer rf-tag-select .rf-btn, sale-edit-footer rf-tag-select .rf-btn.rf-btn-inverted,
sale-edit-footer rf-tag-select .rf-btn:hover {
  border: none !important;
}
sale-edit-footer rf-tag-select .lower-select-container {
  max-height: 160px;
}
sale-edit-footer textarea {
  padding-left: 0;
}
sale-edit-footer .payment .label-cell {
  width: 50%;
}
sale-edit-footer .payment .content-cell {
  width: 50%;
  max-width: 150px;
  padding-left: 10px;
}
sale-edit-footer .text-end {
  text-align: end;
}

.page-order-edit .mainview .meta-data input,
.page-order-edit .mainview .meta-data select {
  height: 25px;
  padding: 0;
}
.page-order-edit .mainview .row2.first {
  min-height: 130px;
  margin-bottom: 0px;
}
.page-order-edit .mainview .row2.first .w100 {
  display: block;
  overflow: auto;
}
.page-order-edit .mainview .row2.first .w100-aligned {
  display: flex;
  align-items: center;
}
.page-order-edit .mainview .row2.first a {
  cursor: pointer;
}
.page-order-edit .mainview .row2.first img {
  float: left;
  width: auto;
  max-height: 30mm;
  max-width: 100%;
}
.page-order-edit .mainview .row2.first textarea {
  overflow: auto;
  max-height: 325px;
  resize: none;
}
.page-order-edit .mainview .row2.first p:first-child {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
.page-order-edit .mainview .row2.first input.small {
  height: 12px;
  font-size: 12px;
  width: 100px;
}
.page-order-edit .mainview .row2.address {
  height: auto;
  overflow-x: hidden;
  font-size: 11px;
}
.page-order-edit .mainview .row2.address h4 {
  font-size: 8px;
  font-weight: 100;
  color: var(--darkgrey);
  margin: 0 0 7px;
}
.page-order-edit .mainview .row2.address .box {
  float: left;
}
.page-order-edit .mainview .row2.positions {
  margin-bottom: -3px;
}
.page-order-edit .mainview .row2 h3 {
  font-weight: bold;
  font-size: 15px;
  float: left;
  margin-bottom: 5px;
}
.page-order-edit .mainview .seperator {
  border-bottom: 2px solid black;
}
.page-order-edit .mainview .button-container {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.page-order-edit .mainview .contacts-bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
  padding-right: 18px;
}
.page-order-edit .row2 {
  margin-bottom: 30px;
}
.page-order-edit .row2 .big {
  font-size: 20px;
}
.page-order-edit .email-missing-warning {
  color: var(--red);
}
.page-order-edit .sidebar-message-container {
  padding-left: 30px;
}
.page-order-edit .sidebar-message-container .sidebar-message {
  white-space: pre-line;
  font-size: 10px;
  max-height: 700px;
  overflow-y: scroll;
}

edit-sale-info .doctype-header {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
edit-sale-info .row2 {
  overflow: visible !important;
}
edit-sale-info .col-space {
  float: left;
  margin-bottom: 3px;
}
edit-sale-info .transaction-number {
  width: 200px;
  height: 24px;
  font-size: 20px;
  margin-left: 10px;
}
edit-sale-info .transaction-number.small {
  width: 160px;
}

.page-order-edit {
  /* EDIT MODE */
}
.page-order-edit .fa-file-pdf-o {
  color: var(--red);
}
.page-order-edit .mainview-white-box {
  padding-left: 30px;
}
.page-order-edit.editmode .mainview .order .print-layer {
  display: none;
}
.page-order-edit.editmode .mainview .order input,
.page-order-edit.editmode .mainview .order select,
.page-order-edit.editmode .mainview .order textarea {
  border: 1px solid var(--midwhite);
}
.page-order-edit.editmode .mainview .order input:hover,
.page-order-edit.editmode .mainview .order select:hover,
.page-order-edit.editmode .mainview .order textarea:hover {
  border: 1px solid var(--lightgrey);
}
.page-order-edit.editmode .mainview .order .layout-icon-btn {
  padding: 2px 0px 0px 10px;
}
.page-order-edit .mainview .order {
  float: left;
  width: 600px;
  box-shadow: 0 0 5px 0 #000;
  margin-left: 6px;
  padding: 10px;
  position: relative;
  padding-bottom: 90px;
}
@media print {
  .page-order-edit .mainview .order {
    padding-bottom: 0;
  }
}
.page-order-edit .mainview .order .print-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(120, 120, 120, 0.1);
  z-index: 3;
}
.page-order-edit .mainview .order .print-layer .text {
  color: rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
  font-weight: bold;
  font-size: 600%;
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
  left: 0;
  z-index: 5;
}
.page-order-edit .mainview input,
.page-order-edit .mainview select,
.page-order-edit .mainview textarea {
  border: 1px solid white;
  box-shadow: none;
}
.page-order-edit .mainview input:hover,
.page-order-edit .mainview select:hover,
.page-order-edit .mainview textarea:hover {
  border: 1px solid var(--lightgrey);
}
.page-order-edit .mainview h3 {
  font-size: 12px;
  margin-bottom: 9px;
  margin-top: 8px;
}
.page-order-edit .mainview .invisible {
  opacity: 0;
}
.page-order-edit .mainview .ng-invalid.ng-touched {
  border: 1px solid red;
}
.page-order-edit .mainview p {
  margin: 5px 0;
}
.page-order-edit .mainview ::placeholder {
  /* Firefox 19+ */
  color: var(--grey);
  opacity: 0.4;
}
.page-order-edit .mainview .row2 {
  font-size: 10px;
  width: 100%;
  overflow: auto;
}
.page-order-edit .mainview .row2::-webkit-scrollbar {
  visibility: hidden;
}
.page-order-edit .mainview .row2 input,
.page-order-edit .mainview .row2 select,
.page-order-edit .mainview .row2 textarea {
  font-size: 11px;
}
.page-order-edit .mainview .row2 input.right {
  float: right;
  text-align: right;
}
.page-order-edit .mainview .row2 input,
.page-order-edit .mainview .row2 select {
  height: 20px;
  margin: 0;
  padding: 0;
}
.page-order-edit .right-sidebar {
  position: absolute;
  right: 0;
  top: 0;
  left: 650px;
  padding: 20px;
}
.page-order-edit .right-sidebar .transaction-key-partner {
  margin-top: 30px;
}
.page-order-edit .right-sidebar .transaction-key-partner input {
  width: 100%;
}
.page-order-edit .right-sidebar .transaction-key-partner input:disabled {
  background-color: var(--darkwhite);
}
.page-order-edit .right-sidebar input,
.page-order-edit .right-sidebar textarea {
  border: 1px solid var(--lightgrey);
}
.page-order-edit rf-lang-select select {
  padding-left: 3px;
}
.page-order-edit .upper-row {
  display: inline-block;
  width: 100%;
}
.page-order-edit .upper-row label {
  float: left;
  margin-top: 3px;
}
.page-order-edit .upper-row select {
  height: 20px;
  padding: 0 3px;
}
.page-order-edit .upper-row .w600 {
  width: 600px;
  float: left;
}
.page-order-edit .upper-row .w-minus-600 {
  width: calc(100% - 600px);
  float: left;
  padding: 0 50px;
  position: relative;
}
.page-order-edit .history-box {
  border: 1px solid var(--lightgrey);
  border-radius: 15px;
  padding: 10px 0;
}
.page-order-edit frame-contract-position-overview {
  border: 1px solid var(--lightgrey);
  border-radius: 15px;
  padding: 10px;
  display: block;
}
.page-order-edit .list-v .rf-btn,
.page-order-edit .list-v .rf-btn.rf-btn-inverted:hover {
  border-bottom: 1px solid;
  display: block;
  margin: 0;
}
.page-order-edit .list-v .rf-btn.rf-btn-inverted,
.page-order-edit .list-v .rf-btn:hover {
  border-bottom: 1px solid;
  margin: 0;
}
.page-order-edit .list-v .rf-btn.last {
  border-bottom: 0;
}
.page-order-edit .list-h .rf-btn,
.page-order-edit .list-h .rf-btn.rf-btn-inverted:hover {
  float: left;
  border-right: 1px solid;
  margin: 0;
}
.page-order-edit .list-h .rf-btn.rf-btn-inverted,
.page-order-edit .list-h .rf-btn:hover {
  border-right: 1px solid;
  margin: 0;
}
.page-order-edit .list-h .rf-btn.last {
  border-right: 0;
}
.page-order-edit .list-h::after {
  content: "";
  display: block;
  clear: both;
}

sale-edit-dates .fa.fa-calendar {
  margin-left: 7.2px;
  width: 10px;
}
sale-edit-dates tbody td {
  vertical-align: top;
}
sale-edit-dates .date-time-input {
  font-size: 10px !important;
}

frame-contract-list .last-release {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom: 4px solid var(--midgrey);
  margin-bottom: 30px !important;
}
frame-contract-list .w14 {
  width: 14%;
}
frame-contract-list rf-action-select .lower-select-container {
  left: unset;
  right: 0;
}

.page-letter-edit .mainview .row2 {
  font-size: 12px;
  margin-bottom: 18px;
}
.page-letter-edit .ql-editor {
  padding: 0;
}

.page-sales-list .only-show-from {
  margin-top: 50px;
}
.page-sales-list .only-show-from p {
  font-weight: bold;
}
.page-sales-list .order-upload-btn {
  float: right;
  width: min-content;
  margin-right: 7px;
}
.page-sales-list .order.inactive {
  opacity: 0.45;
}
.page-sales-list .rf-btn.link-menu-btn:hover {
  opacity: 1;
}
.page-sales-list .link-menu {
  z-index: 10;
  position: absolute;
  left: calc(100% - 8px);
  background: white;
  top: 0;
}
.page-sales-list .link-menu span {
  width: 100%;
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid var(--lightgrey);
}
.page-sales-list .copy-button {
  float: left;
  height: 20px;
  margin-top: -6px;
  margin-left: 8px;
}
.page-sales-list .delivery-date-info-base {
  border: 1px solid;
  border-radius: 10px;
  padding: 1px 3px;
}

rf-partner-request-table th select {
  background: none;
  border: none;
}
rf-partner-request-table th select:hover {
  background: var(--darkwhite);
}
rf-partner-request-table tr {
  border-bottom: 1px solid var(--lightgrey);
}
rf-partner-request-table td {
  vertical-align: top;
}
rf-partner-request-table td rf-fold-btn.rf-btn, rf-partner-request-table td rf-fold-btn.rf-btn.rf-btn-inverted,
rf-partner-request-table td rf-fold-btn.rf-btn:hover, rf-partner-request-table td rf-fold-btn.rf-btn.rf-btn-inverted:hover {
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
rf-partner-request-table rf-tag-select .select-row {
  border: 1px solid var(--darkwhite);
}
rf-partner-request-table rf-action-select {
  margin-top: 5px;
}
rf-partner-request-table .quantity .purchase-price, rf-partner-request-table .quantity-data .purchase-price {
  height: 20px;
  padding: 0;
  margin: 0;
}
rf-partner-request-table .quantity input {
  height: 20px;
  margin: 1px;
  background-color: var(--midwhite);
}
rf-partner-request-table .quantity .purchase-price {
  padding-left: 5px;
}
rf-partner-request-table .quantity-data div {
  height: 20px;
  margin: 1px;
  padding: 0;
}
rf-partner-request-table .sale-price {
  display: block;
  color: var(--grey);
  padding-left: 5px;
  font-size: 12px;
}
rf-partner-request-table .purchase-price {
  color: var(--main_color);
  font-size: 12px;
}
rf-partner-request-table .rf-panel-box-name-select {
  font-size: 12px;
  text-decoration: underline;
  color: var(--main_color);
}
rf-partner-request-table .rf-panel-box-name-select.selected {
  text-decoration: none;
  color: var(--grey);
  font-weight: bold;
}
rf-partner-request-table .rf-form-row {
  width: 100%;
  border: 1px solid transparent;
  background: #fff;
  padding: 5px;
  margin: 4px 0;
  display: inline-block;
}

.page-post-calculation-list .table-head-sticky {
  position: sticky;
  top: 0;
  background: white;
  z-index: 999;
}
.page-post-calculation-list .table-data thead th {
  padding: 0 10px;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
}
.page-post-calculation-list .table-data thead th .rotated-text {
  transform: rotate(-90deg) translate(-15px, 0);
  width: 30px;
}
.page-post-calculation-list .table-data thead th .header-sortable {
  cursor: pointer;
}
.page-post-calculation-list .table-data thead th .header-sortable:hover {
  color: var(--main_color);
}
.page-post-calculation-list .table-data td {
  font-size: 12px;
  padding: 0 5px;
  border-left: 1px solid var(--lightgrey);
}
.page-post-calculation-list .table-data tr {
  border-bottom: 1px solid var(--lightgrey);
}
.page-post-calculation-list .results-count {
  display: inline;
}
.page-post-calculation-list table {
  width: 100%;
}
.page-post-calculation-list .table-wrap .heading-label {
  padding-right: 8px;
  font-size: 90%;
  cursor: pointer;
}
.page-post-calculation-list .table-wrap .heading-label:hover {
  color: var(--main_color);
}
.page-post-calculation-list .table-wrap tr:nth-child(even) {
  background: var(--darkwhite);
}
.page-post-calculation-list .table-wrap tr td {
  border-right: 1px solid var(--lightgrey);
}
.page-post-calculation-list .striped {
  background: var(--darkwhite);
}
.page-post-calculation-list .table-borderless tr td {
  border: none;
}
.page-post-calculation-list .cost-overview-wrap table.table tbody tr td,
.page-post-calculation-list .cost-overview-wrap table.table thead tr td {
  font-size: 16px;
  padding: 0 15px;
}
.page-post-calculation-list .cost-overview-wrap table.table tbody tr td {
  font-weight: bold;
}
.page-post-calculation-list .responsive {
  overflow: auto;
  position: absolute;
  width: 98%;
  bottom: 15px;
}
.page-post-calculation-list .lower-white-box {
  position: absolute;
  bottom: 0;
}
.page-post-calculation-list .table-button {
  float: right;
  cursor: pointer;
}
.page-post-calculation-list .green {
  color: var(--darkgreen);
}
.page-post-calculation-list .red {
  color: var(--red);
}
.page-post-calculation-list rf-costcentre-add .cost-centre-group {
  width: auto;
}

rf-post-calculation-position-overview table {
  width: 100%;
}
rf-post-calculation-position-overview td {
  vertical-align: top;
  text-align: right;
}
rf-post-calculation-position-overview .first {
  text-align: left;
}
rf-post-calculation-position-overview .table-divider {
  border-top: 1px solid var(--midgrey);
}
rf-post-calculation-position-overview .profit-margin {
  font-size: 16px;
}
@media (max-width: 900px) {
  rf-post-calculation-position-overview {
    font-size: 75%;
  }
  rf-post-calculation-position-overview .profit-margin {
    font-size: 12px;
  }
  rf-post-calculation-position-overview b {
    font-weight: normal;
  }
}

rf-post-calculation-position .lower-white-box {
  top: 134px;
}
rf-post-calculation-position .changetop {
  top: 190px;
}
rf-post-calculation-position rf-action-select {
  position: absolute;
  right: 15px;
  top: 200px;
}
rf-post-calculation-position rf-action-select.collapsed {
  top: 60px;
}

rf-post-calculation-position-table .header {
  font-weight: bold;
}
rf-post-calculation-position-table.collapsed .responsive {
  top: 130px;
}
rf-post-calculation-position-table .responsive {
  top: 270px;
}
rf-post-calculation-position-table .table-head-sticky {
  position: sticky;
  top: 0;
  background: white;
  z-index: 999;
}
rf-post-calculation-position-table .table-min-width {
  min-width: 130px;
}

rf-post-calculation-time-tracking table.table tbody tr td {
  font-size: 12px;
  padding: 0 5px;
}
rf-post-calculation-time-tracking .rf-form {
  padding: 0;
}
rf-post-calculation-time-tracking .responsive {
  top: 170px;
}
rf-post-calculation-time-tracking .responsive.collapsed {
  top: 115px;
}
rf-post-calculation-time-tracking .edit-tracking {
  position: absolute;
  right: 15px;
  top: 120px;
}
rf-post-calculation-time-tracking .edit-tracking.collapsed {
  top: 55px;
}
rf-post-calculation-time-tracking .lower-white-box {
  top: 130px;
}
rf-post-calculation-time-tracking .changetop {
  top: 180px;
}
rf-post-calculation-time-tracking .rf-btn-border {
  width: 200px;
}

rf-post-calculation-work-package .actual,
rf-post-calculation-work-package .deviation-absolute,
rf-post-calculation-work-package .deviation-percentage,
rf-post-calculation-work-package .td-difference {
  color: var(--darkgreen);
}
rf-post-calculation-work-package table.table tbody tr td {
  font-size: 12px;
  padding: 0 0 0 8px;
}
rf-post-calculation-work-package .responsive {
  top: 170px;
}
rf-post-calculation-work-package .responsive.collapsed {
  top: 105px;
}
rf-post-calculation-work-package .lower-white-box {
  top: 190px;
}
rf-post-calculation-work-package .changetop {
  top: 240px;
}
rf-post-calculation-work-package .fa-exclamation {
  padding-right: 4px;
  padding-left: 4px;
  color: var(--red);
}
rf-post-calculation-work-package .table-min-width {
  min-width: 130px;
}

sale-list-order .round-btn {
  float: right;
  margin-top: -2px;
  margin-bottom: -6px;
  margin-right: 5px;
}
sale-list-order .box-red-label {
  background: var(--red) !important;
  color: white !important;
  font-weight: bold;
  padding-left: 22px;
}
sale-list-order .join-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 990;
  text-align: center;
  color: var(--untouched);
}
sale-list-order .join-layer h4 {
  font-weight: bold;
}
sale-list-order .info label {
  color: white;
}
sale-list-order .info input {
  background: white;
  color: black;
  width: 50%;
}
sale-list-order .partner {
  flex: 1;
  position: relative;
}
sale-list-order .partner .force-partner-request.active {
  color: blue;
}
sale-list-order .partner .calculation {
  margin: -5px;
}
sale-list-order .partner.active .selected-partner {
  font-weight: bold;
  font-size: 15px;
}
sale-list-order .partner.active .accept-btn {
  opacity: 0.7;
}
sale-list-order .partner .fa.disabled {
  color: var(--grey);
  cursor: default;
}
sale-list-order .partner .partners-wrap {
  width: 100%;
  margin-bottom: 25px;
}
sale-list-order .partner .partners-wrap .input-group {
  display: flex;
  align-content: center;
  align-items: center;
}
sale-list-order .partner span.rf-form {
  width: 100%;
  border: 1px solid transparent;
  padding: 5px;
  margin: 4px 0;
  display: inline-block;
}
sale-list-order .right-text {
  text-align: right;
}
sale-list-order .partner-state {
  font-size: 12px;
  font-weight: bold;
  cursor: default;
}
sale-list-order .partner-state p {
  padding: 0;
}
sale-list-order .partner-state i {
  width: 25px;
  font-weight: normal;
}
sale-list-order .partner-state span {
  float: right;
  color: var(--midgrey);
  font-weight: normal;
}
sale-list-order .partner-state.grey {
  color: var(--midgrey);
}
sale-list-order .partner-state.yellow {
  color: orange;
}
sale-list-order .partner-state.red {
  color: var(--red);
}
sale-list-order .partner-state.green {
  color: var(--darkgreen);
}
sale-list-order .partner-history {
  display: flex;
  align-items: top;
}
sale-list-order .demand-price {
  margin-bottom: 20px;
}
sale-list-order .btn-demand {
  margin: 0;
  width: 20px;
  height: 19px;
}
sale-list-order .demand-options {
  position: relative;
}
sale-list-order .demand-options .rf-btn {
  text-align: center;
  width: 24px;
  display: inline-block;
  margin: -4px -1px;
  padding-top: 8px;
  padding-bottom: 3px;
}
sale-list-order .demand-options span {
  width: 8px;
  display: inline-block;
  font-size: 14px;
}
sale-list-order .demand-options input {
  top: -4px;
  position: relative;
  margin-left: -2px;
  width: calc(100% - 10px);
  border: 1px solid var(--lightgrey);
  height: 30px;
  padding: 0 5px;
}
sale-list-order .demand-options .included-btn input {
  width: calc(100% - 60px);
}
sale-list-order .pos-mini-container:nth-child(even) rf-pos-mini-list-single-element {
  background-color: var(--bg1);
}
sale-list-order .total-sum {
  float: right;
  margin-top: 2px;
}
sale-list-order button.rf-btn, sale-list-order button.rf-btn.rf-btn-inverted,
sale-list-order button.rf-btn:hover {
  border-radius: 5px;
}
sale-list-order button.rf-btn.active {
  background-color: var(--main_color);
}
sale-list-order .table thead tr th {
  vertical-align: middle;
}
sale-list-order a {
  cursor: pointer;
}
sale-list-order a.disabled {
  pointer-events: none;
  cursor: not-allowed;
  background-color: var(--lightgrey);
  color: var(--grey);
}
sale-list-order .quantity-wrap {
  min-width: 130px;
  position: relative;
}
sale-list-order .action-select-adjust rf-action-select .select-row {
  border-radius: 5px !important;
  padding: 4px 5px;
  border: none;
  text-align: center;
}
sale-list-order .justify-space-between {
  display: flex;
  justify-content: space-between;
}
sale-list-order .justify-space-between .centered {
  align-items: center;
}
sale-list-order rf-date-label {
  float: right;
  padding-right: 15px;
}
sale-list-order .rf-edit.rf-label label {
  font-size: 11px;
}

.our-service-edit .mainview-white-box {
  padding: 30px;
}
.our-service-edit .tutorials img {
  width: 100%;
}
.our-service-edit .tutorials .rf-btn {
  width: 100%;
  font-size: 20px;
}

rf-support .calendly-inline-widget {
  height: 720px;
  float: left;
  width: 700px;
}
rf-support .bold {
  font-weight: bold;
}
rf-support .contact-person-img {
  border-radius: 50%;
}

rf-tutorials {
  /* --------------overall layout ---------------- */
  /* -------------- left-container - video ---------------- */
  /* -------------- right-container - sidebar ---------------- */
}
rf-tutorials .outer-container {
  width: 100%;
  float: left;
  overflow-y: auto;
}
@media (min-width: 1024px) {
  rf-tutorials .outer-container {
    height: 100vh;
  }
}
rf-tutorials .left-container {
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
@media (min-width: 1024px) {
  rf-tutorials .left-container {
    height: 100vh;
  }
}
rf-tutorials .right-container {
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
@media (min-width: 1024px) {
  rf-tutorials .right-container {
    height: 100vh;
  }
}
rf-tutorials .lower-container {
  width: 100%;
  float: left;
}
rf-tutorials .video-container {
  position: relative;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
rf-tutorials .large-play-btn-container {
  background: rgba(70, 70, 70, 0.7803921569);
  position: absolute;
  border: 3px solid white;
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 50px;
  padding-top: 22px;
  padding-left: 8px;
}
rf-tutorials .large-play-btn {
  font-size: 50px;
  color: white;
  text-align: center;
}
rf-tutorials .player-controls {
  background: var(--darkgrey);
  color: var(--midwhite);
  width: 100%;
}
rf-tutorials .player-controls td {
  height: 50px;
}
rf-tutorials .player-controls i {
  font-size: 24px;
  margin-right: 12px;
  cursor: pointer;
  float: left;
  padding-left: 15px;
}
rf-tutorials .player-controls i:hover {
  color: var(--grey);
}
rf-tutorials .player-controls i.active {
  color: var(--main_color);
}
rf-tutorials .player-controls .speed {
  width: 90px;
}
rf-tutorials .player-controls .speed select {
  border: none;
  width: min-content;
  background: none;
}
rf-tutorials .player-controls .duration {
  width: 150px;
  text-align: center;
}
rf-tutorials .player-controls .volume-range {
  width: 100px;
}
rf-tutorials .player-controls .icon-container {
  width: min-content;
}
rf-tutorials .filters {
  padding: 10px 15px;
}
rf-tutorials .results-count {
  margin-left: 15px;
}
rf-tutorials .video-list-item td {
  padding: 8px 10px;
}
rf-tutorials .video-list-item.active {
  background: var(--main_color_light);
}
rf-tutorials .video-list-item i {
  margin-right: 5px;
  cursor: pointer;
}
rf-tutorials .video-list-item .description {
  width: max-content;
  font-size: 12px;
}
rf-tutorials .video-list-item rf-checkbox {
  top: 15px;
}
rf-tutorials .video-list-item .video-name {
  color: var(--grey);
  cursor: pointer;
}
rf-tutorials .video-list-item .video-name:hover {
  color: var(--main_color);
}
rf-tutorials .difficulty-level span {
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 10px;
}
rf-tutorials .difficulty-level .easy {
  background: var(--green);
}
rf-tutorials .difficulty-level .medium {
  background: var(--yellow);
}
rf-tutorials .difficulty-level .expert {
  background: var(--red);
  color: white;
}
rf-tutorials .video-player {
  width: 100%;
}
rf-tutorials input[type=range] {
  height: 7px;
}
rf-tutorials input[type=range]:focus {
  outline: none;
}
rf-tutorials input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: var(--main_color);
}
rf-tutorials input[type=range]::-moz-range-thumb {
  padding: 2px 0;
  cursor: pointer;
  width: 15px;
  height: 25px;
  border-radius: 5px;
  background: white;
  border: 1px solid #000;
}

rf-updates {
  display: block;
}
rf-updates .update-table {
  margin: 0px 0px 5px 0;
  background: var(--darkwhite);
  color: white;
  padding: 5px 0;
  border-radius: 10px;
}
rf-updates .update-table span.version {
  font-size: 24px;
  background: var(--main_color);
  border-radius: 10px;
  padding: 0 10px;
}
rf-updates .update-table small {
  font-size: 15px;
  color: var(--grey);
  line-height: 34px;
}
rf-updates .update-table input {
  margin-top: 10px;
}
rf-updates .rf-btn.rf-btn-inverted,
rf-updates .rf-btn.rf-btn-inverted:hover {
  padding: 4px 10px;
  margin: 0;
  font-size: 18px;
}
rf-updates .inner-updates-container {
  padding-left: 20px;
}
rf-updates .inner-updates-container .inner-heading {
  font-size: 16px;
  color: var(--grey);
}
rf-updates rf-markdown {
  padding: 0;
  font-size: 12px;
}
rf-updates rf-markdown img,
rf-updates rf-markdown image {
  margin: 15px 0;
  display: block;
  text-align: left;
  max-width: 100%;
}
rf-updates rf-markdown ul {
  padding-left: 15px;
}
rf-updates rf-markdown li {
  word-break: break-word;
}

rf-wishes .new-wish .upload-files {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--grey);
  border-radius: 10px;
  margin: 20px 0;
}
rf-wishes .new-wish .upload-more-files {
  border: 1px dashed var(--grey);
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 5px;
}
rf-wishes .new-wish .description {
  border: 1px solid var(--lightgrey);
}
rf-wishes .new-wish .list-files {
  margin: 15px 0;
}
rf-wishes .new-wish .list-files li {
  padding: 5px 0;
}
rf-wishes .new-wish .list-files li a {
  margin: 0 10px;
}
rf-wishes .new-wish label {
  width: 100%;
  display: block;
  margin-top: 15px;
}

rf-wish-list .list-item-details {
  padding: 10px 0;
}
rf-wish-list .details span {
  padding: 0 6px;
  margin: 10px 3px;
  display: block;
  float: left;
  border-radius: 10px;
  color: var(--untouched);
}
rf-wish-list .details span:nth-child(odd) {
  background-color: var(--main_color);
}
rf-wish-list .details span:nth-child(even) {
  background-color: var(--grey);
}
rf-wish-list .actions-wrap {
  text-align: right;
  padding: 10px 5px;
}
rf-wish-list #no-availabe,
rf-wish-list #preload {
  text-align: center;
}
rf-wish-list #attachments,
rf-wish-list img {
  display: none;
}