: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-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; }

@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; }
  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.minimum-btn .select-btn {
    height: 20px; }
  rf-action-select.minimum-btn .lower-select-container {
    top: 20px; }
  rf-action-select.small-btn .select-row {
    min-height: 20px;
    padding: 1px 5px; }
  rf-action-select.small-btn .select-btn {
    height: 24px;
    padding-top: 1px; }
  rf-action-select.small-btn .lower-select-container {
    top: 22px; }
  rf-action-select.round-btn .select-row {
    min-height: 24px;
    padding: 2px 5px; }
    rf-action-select.round-btn .select-row.first {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
    rf-action-select.round-btn .select-row.first.full {
      border-radius: 10px; }
  rf-action-select.round-btn .select-btn {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
  rf-action-select.round-btn .lower-select-container {
    top: 25px;
    width: max-content; }
  rf-action-select .action-select-xs-handler.rf-btn-inverted.rf-btn {
    margin: 0; }
  rf-action-select .select-container.hidden {
    display: none; }
  rf-action-select .upper-select-container {
    width: 100%;
    overflow: auto; }
  rf-action-select .select-row {
    width: 100%;
    min-height: 20px;
    padding: 5px 5px;
    background: white;
    color: var(--main_color);
    float: left;
    border-radius: 0; }
    rf-action-select .select-row:hover {
      background: var(--darkwhite); }
    rf-action-select .select-row.first {
      width: calc(100% - 30px);
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      border: 1px solid var(--main_color); }
    rf-action-select .select-row.first.full {
      border-radius: 5px;
      width: 100%; }
  rf-action-select .select-btn {
    width: 30px;
    min-height: 32px;
    margin: 0 0 0 0;
    float: right;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    background: white;
    color: var(--main_color);
    text-align: center;
    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 .lower-select-container {
    width: 100%;
    z-index: 99;
    position: absolute;
    right: 0;
    top: 30px;
    overflow: auto;
    background: white;
    border-radius: 10px;
    border: 1px solid var(--midgrey); }
    rf-action-select .lower-select-container .inner-select-container {
      width: 100%; }
  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 .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,
.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,
  .rf-btn-inverted.rf-btn:hover:hover {
    background: #fff; }
  .rf-btn.rf-btn-border,
  .rf-btn-inverted.rf-btn:hover.rf-btn-border {
    border-width: 1px;
    border-style: solid; }
  .rf-btn.rf-btn-green,
  .rf-btn-inverted.rf-btn:hover.rf-btn-green {
    color: #fff;
    background: var(--green);
    border-color: #fff; }
  .rf-btn.rf-btn-red,
  .rf-btn-inverted.rf-btn:hover.rf-btn-red {
    color: #fff;
    background: var(--darkred);
    border-color: #fff; }
  .rf-btn.rf-btn-grey,
  .rf-btn-inverted.rf-btn:hover.rf-btn-grey {
    background: var(--lightgrey); }
  .rf-btn.rf-btn-disabled,
  .rf-btn-inverted.rf-btn:hover.rf-btn-disabled {
    color: white;
    background: var(--lightgrey);
    border-color: var(--grey);
    cursor: not-allowed; }
  .rf-btn.rf-btn-transparent,
  .rf-btn-inverted.rf-btn:hover.rf-btn-transparent {
    background: none; }
  .rf-btn.rf-btn-icon,
  .rf-btn-inverted.rf-btn:hover.rf-btn-icon {
    text-align: left; }
    .rf-btn.rf-btn-icon > *,
    .rf-btn-inverted.rf-btn:hover.rf-btn-icon > * {
      margin: 3px;
      float: right; }

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

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

.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-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-article .main-actions {
    border: 1px solid #888;
    border-bottom: none;
    box-shadow: 0 0 3px 0 #888;
    display: flex;
    color: white;
    bottom: 0;
    min-width: 440px;
    z-index: 200; }
    rf-dialog-edit-article .main-actions.dark {
      background: var(--darkgrey); }
    rf-dialog-edit-article .main-actions h3 {
      line-height: 24px;
      font-size: 16px !important;
      margin-top: 10px;
      font-weight: bold;
      text-align: center;
      white-space: nowrap; }
    rf-dialog-edit-article .main-actions .col-xs-2 {
      padding: 0 5px; }
    rf-dialog-edit-article .main-actions button {
      width: 100%; }

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 .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-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; }
  rf-dialog-edit-parcel .positions .image {
    display: block;
    padding: 0 !important;
    margin-left: -15px; }
  rf-dialog-edit-parcel .positions .position {
    position: relative;
    font-size: 90%;
    min-height: 120px;
    margin-top: 25px;
    background: var(--darkwhite);
    padding: 0 10px 0 0;
    display: inline-block;
    width: 100%; }
  rf-dialog-edit-parcel .positions .icon-container {
    position: absolute;
    right: 8px;
    top: 0;
    width: 20px; }
    rf-dialog-edit-parcel .positions .icon-container i {
      cursor: pointer;
      font-size: 16px;
      float: right;
      margin: 7px 0; }
      rf-dialog-edit-parcel .positions .icon-container i:hover {
        color: var(--main_color); }
  rf-dialog-edit-parcel .positions p {
    color: var(--red); }
  rf-dialog-edit-parcel .positions h2 {
    text-align: center;
    padding: 15px; }
    rf-dialog-edit-parcel .positions h2.rf-icon {
      padding: 5;
      font-size: 60px;
      color: var(--lightgrey); }
  rf-dialog-edit-parcel h2 {
    color: var(--midgrey);
    font-size: 25px; }
  rf-dialog-edit-parcel h4 {
    font-weight: bold; }
  rf-dialog-edit-parcel .parcel {
    color: var(--midgrey); }
    rf-dialog-edit-parcel .parcel .list {
      padding: 0 20px 30px 5px; }
      rf-dialog-edit-parcel .parcel .list h3 {
        color: var(--midgrey);
        opacity: 0.8;
        margin-top: 0; }
    rf-dialog-edit-parcel .parcel label {
      font-weight: normal;
      width: 50%;
      color: black; }
    rf-dialog-edit-parcel .parcel span {
      width: 50%; }
    rf-dialog-edit-parcel .parcel .new {
      overflow: auto;
      width: 100%;
      padding: 20px; }
      rf-dialog-edit-parcel .parcel .new h4 {
        font-size: 24px; }
      rf-dialog-edit-parcel .parcel .new i {
        text-align: center !important; }
      rf-dialog-edit-parcel .parcel .new .partial-shipment {
        font-size: 10px; }
        rf-dialog-edit-parcel .parcel .new .partial-shipment p {
          font-size: 14px;
          color: var(--red); }
        rf-dialog-edit-parcel .parcel .new .partial-shipment label {
          width: 70%; }
        rf-dialog-edit-parcel .parcel .new .partial-shipment span {
          width: 30%; }
    rf-dialog-edit-parcel .parcel .scanfield button {
      height: 29px;
      width: 95%; }
    rf-dialog-edit-parcel .parcel .options {
      border-top: 1px solid var(--lightgrey);
      padding: 10px 0;
      font-size: 13px; }
      rf-dialog-edit-parcel .parcel .options .package-icon {
        position: relative; }
        rf-dialog-edit-parcel .parcel .options .package-icon input {
          width: 45px; }
      rf-dialog-edit-parcel .parcel .options .rf-btn-main {
        width: 100%;
        font-size: 16px;
        text-align: center;
        padding-top: 7px; }
  rf-dialog-edit-parcel .positions-fixed-height {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden; }
  rf-dialog-edit-parcel .pos {
    border-top: 1px solid var(--lightgrey);
    padding: 10px 15px 15px 0; }
    rf-dialog-edit-parcel .pos input {
      width: 100px; }
  rf-dialog-edit-parcel .parcel-positions h3 {
    font-size: 20px;
    border-bottom: 1px solid var(--lightgrey);
    padding-bottom: 10px;
    margin: 9px 0 0; }
  rf-dialog-edit-parcel textarea {
    min-height: 85px;
    margin: 0; }

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-edit-size {
  display: block;
  text-align: left; }
  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: 40px;
      border: 1px solid var(--darkwhite);
      background: none;
      text-align: right; }
      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: 30px;
      float: right; }

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-task .right-side {
  background: var(--darkwhite); }

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-package {
  text-align: left; }
  rf-dialog-edit-work-package .info {
    border-bottom: 1px solid var(--lightgrey); }
  rf-dialog-edit-work-package .space {
    padding: 5px 0; }
  rf-dialog-edit-work-package .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-package .done {
    background: var(--green); }
  rf-dialog-edit-work-package .active {
    background: var(--yellow);
    color: var(--lightgrey); }
  rf-dialog-edit-work-package a {
    cursor: pointer; }

rf-dialog-edit-work-package-quantity .left {
  float: left; }

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-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-decline-offer {
  display: block;
  text-align: left; }

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-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; }
  rf-dialog-mail textarea {
    min-height: 200px; }
  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; }
    @media (max-width: 720px) {
      rf-dialog-mail h4 {
        font-size: 10px; } }
  rf-dialog-mail .rf-form {
    background: var(--midwhite); }
  rf-dialog-mail .signature-container select {
    width: calc(100% - 50px); }
  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: left;
    font-size: 12px; }
    rf-dialog-mail rf-upload-zone .upload-field .file-select {
      margin-top: 20px; }

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-transaction {
  text-align: left; }
  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: calc(100vh - 17.5vh); }
  rf-dialog-order-transaction .order-information .info-row {
    margin-bottom: 15px; }
    rf-dialog-order-transaction .order-information .info-row rf-date-time {
      display: inline-block; }
  rf-dialog-order-transaction .task-list {
    margin: 15px 15px 5px 5px; }
    rf-dialog-order-transaction .task-list .check {
      padding-top: 0; }
      rf-dialog-order-transaction .task-list .check rf-checkbox {
        position: static; }
        rf-dialog-order-transaction .task-list .check rf-checkbox .checkbox-square {
          left: auto; }
    rf-dialog-order-transaction .task-list .task {
      border: none;
      padding: 10px 0; }
  rf-dialog-order-transaction .alert {
    float: left;
    margin-top: 20px;
    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: #ffa500ad; }
    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-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: calc(100vh - 125px); }
  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-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-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%; }

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: #ccf0a0;
    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-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-article {
  text-align: left; }
  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 .tab-edit .main-actions {
      color: white;
      overflow: auto;
      position: fixed;
      bottom: 0;
      left: 10%;
      right: 40%;
      z-index: 99; }
      rf-dialog-select-article .tab-edit .main-actions button {
        margin-top: 13px; }
  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-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 .inactive.rf-btn: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; }
  rf-dialog-select-price h3 {
    margin-top: 28px;
    text-align: left; }
  rf-dialog-select-price h4 {
    display: inline;
    margin-top: 28px;
    text-align: left; }
  rf-dialog-select-price .auto-material {
    float: right;
    display: inline; }
  rf-dialog-select-price .head-row {
    border-bottom: 1px solid lightgray; }
  rf-dialog-select-price .rf-form {
    height: 25px;
    margin-top: 0;
    padding-top: 0; }
  rf-dialog-select-price .note {
    color: var(--lightgrey);
    font-weight: normal; }
  rf-dialog-select-price input {
    height: 21px; }
  rf-dialog-select-price .quantity {
    height: 30px; }

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: 175px;
    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-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); }

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 {
  height: 400px;
  overflow-y: auto;
  display: inline-block; }
  rf-account-select .accounts .account {
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #ccc;
    text-align: left;
    display: block;
    float: left; }
    rf-account-select .accounts .account:hover {
      background: #ccc; }
    rf-account-select .accounts .account b {
      margin-right: 10px; }

rf-account-select .radiodirective {
  padding: 20px 0; }

rf-account-select .btn-group {
  width: 100%; }
  rf-account-select .btn-group button {
    width: 50%; }

rf-account-select .rf-btn.inactive {
  background-color: var(--lightgrey); }
  
  rf-account-select .inactive.rf-btn:hover {
    color: white; }

rf-account-select h4 {
  margin-top: 28px;
  text-align: left; }

rf-account-select .save-row .rf-btn {
  width: 100%; }

rf-address {
  float: left;
  width: 100%;
  padding-right: 15px; }
  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 .name {
    padding-bottom: 5px; }
  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 .postal-address:hover {
    color: var(--main_color); }
  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 .new-article drawing-edit .main-actions {
      position: relative;
      transform: none;
      width: 100%; }

article-demand table {
  width: 100%; }
  article-demand table th {
    text-align: center; }
  article-demand table td {
    padding: 5px; }

article-demand .header-new a {
  color: var(--main_color);
  float: right; }

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.rf-btn-inverted,
  rf-bank-account-list .rf-btn:hover, rf-bank-account-list .rf-btn-inverted.rf-btn {
    background: transparent; }

.rf-bar-chart-calc .axis path,
.rf-bar-chart-calc .axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1px; }

calc-header {
  display: block;
  width: 100%;
  height: 50px;
  border-bottom: 2px solid var(--main_color); }
  calc-header .logo {
    background: var(--nav_background);
    width: 100%;
    height: 48px;
    margin-left: -15px; }
    calc-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; }
    calc-header .logo img {
      display: block;
      margin: 0 auto;
      padding-top: 13px; }
  calc-header .header-icon {
    font-size: 2em;
    margin: 7px 0 0 7px;
    float: left;
    color: var(--main_color); }
    calc-header .header-icon:hover {
      color: var(--yellow); }
  calc-header .calc-title {
    font-size: 16px;
    width: 100%; }
    calc-header .calc-title a {
      float: right; }
      calc-header .calc-title a:hover {
        color: var(--yellow); }
    calc-header .calc-title .header-icon {
      line-height: 48px;
      margin-left: 15px;
      margin-top: 0; }
  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 .dropdown input {
      text-align: left;
      color: black; }
    calc-header .dropdown .fa {
      color: var(--main_color); }
  calc-header .buttons .fa {
    color: white; }
  calc-header .tab-container {
    float: left;
    padding: 3px 15px 0;
    height: 48px;
    border-right: 2px solid white;
    margin-top: -2px;
    background: var(--darkwhite); }
    calc-header .tab-container:hover {
      background: var(--main_color_light); }
    calc-header .tab-container i.fa-save {
      position: absolute;
      animation: blinker03 1s linear infinite; }
  calc-header .list-item.selected .tab-container {
    background: var(--main_color_dark);
    color: white; }
  @media (max-width: 767px) {
    calc-header .logo-container {
      padding: 0; }
    calc-header .tab-container {
      border-left: none;
      border-bottom: none;
      border-right: none; }
    calc-header .middle-sidebar {
      padding-top: 9px; }
    calc-header .logo {
      margin-left: 0; }
      calc-header .logo::after {
        display: none; } }

rf-drawing-context-menu .menu-box {
  position: absolute;
  z-index: 999999;
  min-width: 140px;
  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-tab-pdf-edit {
  display: block;
  width: 100%;
  height: 100%; }
  calc-tab-pdf-edit .stage {
    height: 100%; }

.rf-pie-chart-calc .arc text {
  font-size: 10px;
  text-anchor: middle; }

.rf-pie-chart-calc .arc path {
  stroke: #fff; }

.rf-pie-chart-calc .title {
  fill: teal;
  font-weight: bold; }

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 .alert {
  text-align: left; }

cost-centre-article .subtask-list .rf-edit input {
  border: 1px solid var(--darkwhite);
  position: relative;
  bottom: 5px;
  padding: 0 3px;
  height: 22px;
  float: left; }
  cost-centre-article .subtask-list .rf-edit input:active, cost-centre-article .subtask-list .rf-edit input:focus, cost-centre-article .subtask-list .rf-edit input:focus-within, cost-centre-article .subtask-list .rf-edit input:hover {
    box-shadow: none; }

cost-centre-article .amount-row {
  font-size: 11px; }
  cost-centre-article .amount-row label {
    color: grey;
    width: 40%;
    float: left; }
  cost-centre-article .amount-row span {
    float: left;
    margin-left: 15px; }

cost-centre-article rf-drawing-img .image {
  float: left;
  margin-left: 10px;
  margin-top: -4px; }

cost-centre-article .scale-price-trash {
  position: absolute;
  right: 7px;
  top: 3px;
  color: var(--grey); }
  cost-centre-article .scale-price-trash:hover {
    color: var(--main_color); }

cost-centre-article rf-formula {
  display: block;
  padding-top: 10px; }
  cost-centre-article rf-formula .formula-head h4 {
    display: none; }
  cost-centre-article rf-formula .rf-edit.rf-label input,
  cost-centre-article rf-formula .rf-edit.rf-label span {
    float: left;
    margin-left: 15px; }

cost-centre-article .scale-selected {
  background-color: var(--main_color_light); }

cost-centre-article rf-article-size {
  display: block;
  margin: 10px 10px 0; }
  cost-centre-article rf-article-size select {
    background: white;
    border: 1px solid var(--lightgrey);
    outline: none; }

calc-calculation {
  display: block;
  width: 100%;
  user-select: none; }
  calc-calculation .work-process {
    border-bottom: 1px lightgray solid; }
  calc-calculation .tasks {
    text-align: right; }
    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);
    border-right: 1px solid var(--lightgrey);
    border-left: 1px 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: 10%; }
    cost-centre-task table .tr-name, cost-centre-article table .tr-name {
      width: 30%; }
    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%; }
  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 .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 .fa-dollar {
    margin-left: 5px;
    color: var(--midwhite); }
  calc-costs .selected-request {
    color: var(--darkgrey); }
  calc-costs .rf-btn-blue {
    background: #5b5b96; }
  calc-costs .header-expand {
    line-height: 33px; }
    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 .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 .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-tab-autocalc {
  display: block;
  width: 100%; }
  calc-tab-autocalc input {
    border: none; }

calc-tab-calculations .inner-content {
  display: block;
  margin: 0 10px;
  border-bottom: 1px var(--lightgrey) solid; }

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 .calc-qty {
  width: 70px;
  display: inline-block; }

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; }

rf-calc {
  text-align: left;
  padding: 0; }
  rf-calc a {
    cursor: pointer; }
  rf-calc .rf-form {
    padding: 0;
    margin: 0; }
  rf-calc .rf-btn, rf-calc .rf-btn.rf-btn-inverted,
  rf-calc .rf-btn:hover {
    text-align: center; }
  rf-calc .rf-icon {
    font-size: 25px;
    color: var(--main_color);
    float: left; }
  @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-calc .no-select {
    user-select: none; }
  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;
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 20px; }
    rf-calc .main-calc-container.pop-up {
      top: 50px; }
      @media (max-width: 767px) {
        rf-calc .main-calc-container.pop-up {
          top: 90px; } }
  rf-calc .calc-statistic h2 {
    text-align: center; }
  rf-calc .calc-statistic svg {
    margin: 0 auto;
    display: block; }
  rf-calc .pie-chart-middle-info {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    top: 54%;
    position: absolute;
    left: 39%; }
  rf-calc rf-formula .rf-edit {
    padding: 0;
    margin: 0; }
  rf-calc rf-formula .fomula-params {
    line-height: 20px; }
    rf-calc rf-formula .fomula-params input {
      border: 1px solid var(--lightgrey); }
  rf-calc .buttons .rf-btn {
    width: min-content; }
  rf-calc .btn-import {
    background: none;
    color: var(--grey);
    border-radius: 8px;
    height: 44px;
    width: 100%;
    font-size: 20px;
    padding: 0; }
    rf-calc .btn-import:hover {
      color: var(--main_color); }
  rf-calc rf-upload-zone.default-style {
    border-radius: 8px;
    cursor: pointer; }
    rf-calc rf-upload-zone.default-style:hover {
      color: var(--main_color); }
  rf-calc .saved-calc {
    padding: 11px 0 5px;
    margin: 0 -10px; }
    rf-calc .saved-calc.active {
      background: var(--lightgrey); }
    rf-calc .saved-calc .active {
      background: var(--lightgrey); }
  rf-calc .calculation-options {
    width: 80px;
    right: 10px;
    top: 9px;
    position: absolute; }
    rf-calc .calculation-options .rf-btn,
    rf-calc .calculation-options .rf-btn:hover {
      margin: 0;
      float: right; }
    
    rf-calc .calculation-options .rf-btn:hover {
      color: var(--main_color_light);
      margin: 0; }
  rf-calc .cost-overview-table {
    padding: 0 25px;
    font-size: 90%;
    margin-top: 70px; }
    rf-calc .cost-overview-table b {
      font-size: 80%; }
    rf-calc .cost-overview-table hr {
      margin: 0; }
  rf-calc .rf-btn.load-next {
    font-size: 30px;
    padding: 10px 10px 0;
    min-width: 50%;
    float: right; }
  rf-calc .calc-continue-button-box {
    background: var(--lightgrey);
    display: inline-block;
    width: 100%;
    min-height: 65px; }
  rf-calc .rf-btn-blue {
    background: #5b5b96; }
  rf-calc .rf-btn-large {
    line-height: 20px;
    overflow: auto;
    padding: 11px 5px !important; }
  rf-calc .header-tasks {
    font-size: 9px;
    min-height: 20px;
    overflow: auto;
    background: var(--darkwhite);
    text-align: left; }
    rf-calc .header-tasks .fa {
      font-size: 24px;
      margin-top: -4px; }

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-contacts {
  display: block; }
  rf-contacts .contact {
    padding: 5px 0 5px 5px;
    background-color: var(--bg1);
    display: flex;
    align-items: center;
    flex-wrap: nowrap; }
    rf-contacts .contact label {
      float: none; }
    rf-contacts .contact button.rf-btn {
      float: right;
      background-color: transparent;
      margin: 0;
      display: flex; }
      rf-contacts .contact button.rf-btn .rf-erp-icon.addresses {
        background-position: -74px -120px;
        width: 21px;
        display: inline-block;
        height: 14px; }
      
      rf-contacts .contact button.rf-btn:hover {
        background-color: var(--main_color);
        margin: 0; }
        rf-contacts .contact button.rf-btn:hover .rf-erp-icon.addresses {
          background-position: -5px -120px; }
  rf-contacts .contact-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    padding: 0 5px; }

rf-add-costcentre {
  display: block;
  width: 100%;
  overflow: auto;
  user-select: none; }
  rf-add-costcentre .add-cost-centre .rf-icon {
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
    padding-top: 20px;
    cursor: pointer; }
    rf-add-costcentre .add-cost-centre .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; }

.page-order-edit .center {
  text-align: center; }

.page-order-edit .size-options {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start; }
  .page-order-edit .size-options div {
    width: 100%;
    margin-bottom: 5px; }

.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: right;
  width: 263px; }
  .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: 18px;
  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;
  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 span {
    margin: 10px; }
  .page-order-edit .row2.position .requests .no-margin {
    margin: 0px; }
  .page-order-edit .row2.position .requests.show-mode .show-row {
    text-align: right;
    min-height: 1px; }
    .page-order-edit .row2.position .requests.show-mode .show-row.unit {
      text-align: left; }
  .page-order-edit .row2.position .requests.show-mode.small show-row {
    font-size: 9px; }
  .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; }

/**
 * 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: 220px;
  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; }

rf-email .email-list {
  position: relative; }

rf-email .list-h {
  margin: 5px; }

rf-email .plusbutton {
  position: absolute;
  right: -15px; }

rf-email button {
  float: left; }

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; }

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; }
  rf-history .min-height {
    min-height: 1px; }
  rf-history .history-entry:nth-child(even) {
    background-color: var(--bg1); }
  rf-history .description-text {
    white-space: pre-line;
    margin-top: -1em;
    margin-bottom: 5px; }

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-inverted.edit-btn.rf-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 .comment-container rf-markdown {
    padding: 0; }
  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-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; }

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-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 .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-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; }

.editmode rf-ramp svg.active circle,
.editmode rf-ramp svg.active text {
  display: block; }

.editmode rf-ramp svg:hover circle {
  display: block; }

.editmode rf-ramp svg:hover text {
  display: block; }

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 tbody tr td.align-center {
  text-align: center; }

rf-scale-price-large .main-table tbody tr td.align-right {
  text-align: right; }

rf-scale-price-large .main-table tbody tr td .rf-btn {
  background: none; }

rf-scale-price-large .main-table tbody tr td input {
  width: calc(100% - 30px);
  padding: 0 3px;
  text-align: center;
  margin-right: 10px; }

rf-scale-price-large .main-table tbody tr td div {
  text-align: left;
  color: var(--grey); }

rf-scale-price-large .list-h-2 .rf-btn {
  float: right; }

rf-scale-price-large .header-prices td {
  padding-top: 5px;
  padding-bottom: 5px; }

rf-scale-price-large .header-prices .rf-btn, rf-scale-price-large .header-prices rf-btn.rf-btn-inverted:hover {
  margin: 0 !important; }

rf-scale-price-large .header-prices .default-span {
  background: var(--main_color);
  color: #fff;
  padding: 3px 5px;
  border-radius: 20px; }

rf-scale-price-large .form-price {
  padding-bottom: 15px; }
  rf-scale-price-large .form-price .rf-edit {
    overflow: visible;
    display: flex;
    flex-wrap: nowrap;
    align-items: center; }

rf-scale-price-large .list-prices {
  position: relative;
  padding: 0 10px; }
  rf-scale-price-large .list-prices span.icon-counter {
    left: 15px;
    top: 5px; }

rf-scale-price-large rf-tag-select {
  width: 100%; }

rf-scale-price-large .rf-edit.rf-label rf-date-time {
  width: 100%;
  position: relative; }
  rf-scale-price-large .rf-edit.rf-label rf-date-time i.fa {
    position: absolute;
    top: 2px;
    right: 0;
    margin: 0; }

rf-scale-price-large .selected-item {
  background: white; }

rf-scale-price-large .rf-edit.rf-label {
  border: none; }

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-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%;
    border-bottom: 1px solid #ccc;
    text-align: left;
    overflow: auto; }
    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; }
    rf-search-item .search-item .warning {
      color: var(--invalid); }

@media print {
  standard-text textarea {
    resize: none !important; } }

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 .col-1 {
  width: 26%; }

rf-stock-quantity-list .col-2 {
  width: 34.5%; }

rf-stock-quantity-list .col-3 {
  width: 17%; }

rf-stock-quantity-list a {
  cursor: pointer;
  color: black; }

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 {
  position: absolute;
  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 {
  display: block;
  width: 100%; }
  tasklist-templates .striped:nth-of-type(2n+1) {
    background-color: #f9f9f9; }
  tasklist-templates .row {
    padding: 4px 0;
    margin-left: 0;
    margin-right: 0; }
  tasklist-templates .rf-btn, tasklist-templates .rf-btn.rf-btn-inverted,
  tasklist-templates .rf-btn:hover {
    background: none; }

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-edit-work-package {
  display: block;
  text-align: left; }
  rf-edit-work-package rf-markdown {
    padding: 0; }
  rf-edit-work-package rf-date-time {
    width: 100%; }
    rf-edit-work-package rf-date-time input {
      height: 30px;
      border: 1px solid var(--lightgrey);
      margin: 4px 0; }
  rf-edit-work-package .radiodirective {
    position: absolute;
    right: 15px;
    top: 5px; }
  rf-edit-work-package rf-search-item input.rf-form {
    width: 50%; }
  rf-edit-work-package rf-search-item .search-items {
    height: 150px; }
  rf-edit-work-package label {
    margin-top: 10px;
    margin-bottom: 0; }

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; }
  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-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-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 .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: #000000b3;
    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-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.edit .show-edit {
    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%; }
      rf-img-with-attachments .thumbnail .list-container.offset {
        width: 42px; }
      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%;
        background-color: var(--lightgrey);
        border-bottom: 1px solid white;
        float: left; }
        rf-img-with-attachments .thumbnail .list-container .list-item span {
          color: var(--main_color);
          opacity: 0;
          display: block;
          line-height: 1; }
        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-img-with-attachments .thumbnail .list-container:hover {
        -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 span {
          width: auto;
          opacity: 1;
          padding-top: 8px;
          -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:hover .list-item:hover {
          background: var(--darkwhite);
          opacity: 1; }

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; }

.closed rf-list-tabs.navtop {
  margin-left: 48px; }

rf-notification {
  width: 500px;
  z-index: 999999;
  padding: 0;
  margin: 0;
  position: fixed;
  left: 50%;
  margin-left: -250px;
  top: 40px; }
  rf-notification .fa-times-circle {
    position: absolute;
    right: 11px;
    top: 4px;
    font-size: 20px; }
  rf-notification .notification {
    padding: 5px 15px;
    background: var(--lightgrey);
    font-weight: bold;
    margin-bottom: 0;
    border: none;
    border-radius: 0; }
    rf-notification .notification .message {
      white-space: pre-line;
      margin-left: 20px;
      margin-right: 20px;
      margin-top: -20px; }
    rf-notification .notification i::before {
      font-family: FontAwesome;
      content: "\f05a";
      position: absolute; }
    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.7;
      background: #d3d3d312; }
      rf-notification .notification.light i::before {
        content: "\f058";
        color: var(--grey); }

@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-scope {
  position: relative;
  display: inline-block; }

rf-status-icon .type-rf .status {
  transform: translate(65%, 72%); }

rf-status-icon .type-fa div {
  padding-top: 0px;
  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; }
  .rf-table-header tr td a {
    color: var(--midgrey);
    cursor: pointer; }

.rf-table-header tr th.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-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; }
    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: 0; }
  rf-quick-access-menu a {
    margin-left: 15px; }
  @media (max-width: 1200px) {
    rf-quick-access-menu {
      font-size: 80%; } }

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 .brand-name {
    margin-left: 58px;
    margin-top: 0; }
  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: 135px;
        margin-top: 13px;
        margin-left: 12px; }
    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 i.arrow {
      float: right;
      line-height: 32px;
      color: var(--grey); }
    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 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; }

.closed rf-top-nav .breadcrump-info {
  padding-left: 50px; }

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;
  background: white;
  margin-bottom: 10px;
  position: relative;
  padding: 10px;
  display: block; }
  rf-comment textarea {
    color: black;
    min-height: 220px; }
  rf-comment .upload .file {
    line-height: 21px;
    display: inline-block;
    padding-right: 15px; }
    rf-comment .upload .file a {
      cursor: pointer;
      white-space: nowrap; }

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: #ffffffad; }
  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; }

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

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-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-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; }
  rf-tag-click .lower-select-container .inner-select-container {
    z-index: 9999;
    position: relative;
    width: max-content;
    padding-right: 30px; }

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-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 .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 .search-currency {
    position: absolute;
    width: 100%;
    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((100% / 12) - 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 .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 .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;
    border: 1px solid var(--lightgrey);
    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 #00000061;
    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; }

.save-actions .rf-btn {
  width: 100%; }

.save-actions p {
  font-size: 16px;
  font-weight: bold; }

.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;
  float: right;
  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); }

.rf-btn.header-btn {
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: 0;
  margin-right: 0;
  background: none;
  float: left;
  color: var(--main_color); }
  
  .header-btn.rf-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; }

select.rf-form {
  cursor: pointer; }

.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: #939393cc;
    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); }

/**
 * 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; }

/*!
 * 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; }

.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; }
  .rf-erp-icon.addresses {
    background-position: 0 -112px; }

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

.header-actions .action-select-xs-handler {
  margin-top: -4px !important; }

.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 .filter-select {
  position: relative; }
  .mainview-top-panel .filter-select select {
    background: white;
    border-radius: 30px;
    appearance: none;
    padding: 0 12px;
    height: 42px; }
  .mainview-top-panel .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; }

.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 .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; }
    .mainview .main-actions.dark {
      background: var(--darkgrey); }
    .mainview .main-actions h3 {
      line-height: 24px;
      font-size: 16px !important;
      margin-top: 10px;
      font-weight: bold;
      text-align: center;
      white-space: nowrap; }
    .mainview .main-actions .col-xs-2 {
      padding: 0 5px; }
    .mainview .main-actions button {
      width: 100%; }
  .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; }

.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; }

@media print {
  .no-print {
    display: none; } }

@media screen {
  .print {
    display: none; } }

@page {
  size: a4 portrait; }

.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 print {
  .page-print-layout {
    zoom: 70%;
    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: #bcc2c7; }
      .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%;
        padding-bottom: 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-item-box {
  box-shadow: none; }
  .rf-item-box .header {
    padding: 5px;
    min-height: 30px;
    background: #000;
    color: #fff;
    border-bottom: 3px solid var(--grey);
    height: auto;
    position: relative; }
    .rf-item-box .header a {
      color: var(--grey); }
      .rf-item-box .header a span {
        color: var(--main_color); }
      .rf-item-box .header a i.fa {
        cursor: pointer; }
    .rf-item-box .header .actions {
      text-align: right; }
      .rf-item-box .header .actions button {
        padding: 0 5px;
        margin: 0; }
    .rf-item-box .header .editor select {
      color: black;
      border: none;
      background: white; }
  .rf-item-box .content {
    padding: 10px; }
  .rf-item-box:nth-child(even) .header-new {
    background: var(--bg1); }
    .rf-item-box:nth-child(even) .header-new.expanded {
      background: var(--darkgrey); }

.header-new {
  color: black;
  margin-top: 0;
  border-radius: 20px;
  padding: 12px;
  position: relative; }
  .header-new a {
    color: black;
    cursor: pointer; }
  .header-new.expanded {
    color: white;
    border-bottom: none;
    background: var(--darkgrey);
    border-color: var(--darkwhite);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .header-new.expanded a {
      color: white; }

.head-options {
  width: 100%;
  float: right;
  padding-left: 0; }
  .head-options .rf-btn, .head-options button, .head-options a, .head-options rf-action-select, .head-options span {
    float: right; }

.rf-striped-table tbody:nth-child(even) {
  background: var(--bg1); }
  .rf-striped-table tbody:nth-child(even).expanded {
    background: var(--darkgrey); }

.rf-striped-table td {
  padding: 8px 0; }

.rf-striped-table td:first-child {
  padding-left: 15px; }

.rf-striped-table td:last-child {
  padding-right: 15px; }

.rf-striped-header {
  padding: 4px 10px;
  font-size: 12px; }
  .rf-striped-header:nth-child(even) {
    background: var(--bg1); }

.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 .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; }

.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: #ccf0a0; }
  .text-editor-container .CodeMirror-cursor {
    border-left: 1px solid white; }

.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-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-350 {
  min-height: 350px; }

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

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

.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 .tags {
      display: inline-block; }
    .page-account-overview .lower-container .tags 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 .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 .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 .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; }

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; }

.page-accounts-list {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0; }
  .page-accounts-list.mainview {
    top: 0; }
    .page-accounts-list.mainview .rf-content {
      margin-top: 5px; }
      .page-accounts-list.mainview .rf-content.rf-content-opts a {
        line-height: 23px; }
      .page-accounts-list.mainview .rf-content.rf-content-opts .fa-plus {
        margin-right: 8px; }
    .page-accounts-list.mainview button.rf-btn {
      padding-top: 1px;
      padding-bottom: 0; }
    .page-accounts-list.mainview .account {
      font-size: 13px;
      background: white;
      padding: 10px 20px;
      min-height: 180px;
      border: 1px solid var(--lightgrey);
      border-radius: 10px;
      position: relative;
      margin-bottom: 20px; }
      .page-accounts-list.mainview .account .rf-head h4 {
        float: right; }
      .page-accounts-list.mainview .account .rf-head a {
        position: absolute;
        left: 5px;
        top: -5px;
        width: 70px; }
      .page-accounts-list.mainview .account .actions {
        position: absolute;
        right: 3px;
        top: 3px; }
        .page-accounts-list.mainview .account .actions .rf-btn {
          color: var(--main_color); }
          
          .page-accounts-list.mainview .account .actions .rf-btn:hover {
            color: white; }
          .page-accounts-list.mainview .account .actions .rf-btn.last {
            border-right: 1px solid transparent; }
      .page-accounts-list.mainview .account h4 {
        font-size: 13px;
        margin: 0;
        padding: 0; }
  .page-accounts-list .results-count {
    padding-bottom: 20px; }
  .page-accounts-list .address-hover {
    cursor: pointer; }
    .page-accounts-list .address-hover:hover {
      opacity: 0.7; }
  .page-accounts-list .filter-sort {
    float: left;
    margin-right: 20px;
    margin-top: -4px; }
  .page-accounts-list rf-tags {
    margin-top: 5px; }

.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 .signatures .rf-btn {
  float: right; }

.admin-profile-edit .signatures textarea {
  min-height: 100px; }

.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; }

.admin-user-list .tag {
  display: inline-block;
  background: #7fff00;
  color: white;
  border-radius: 3px;
  padding: 0 10px;
  margin-right: 5px;
  line-height: 26px; }

.admin-user-list .rf-btn {
  margin-top: -4px;
  margin-bottom: 0; }
  
  .admin-user-list .rf-btn:hover {
    margin-top: -4px;
    margin-bottom: 0; }

.admin-user-list .img-container {
  width: 40px;
  height: 1px;
  float: left; }

.admin-user-list .header-new {
  padding: 7px 0; }

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 .overdue {
  color: var(--red); }

accounting-edit-footer .payment .label-cell {
  width: 50%;
  padding-bottom: 10px; }

accounting-edit-footer .payment .content-cell {
  width: 50%;
  padding-left: 10px;
  padding-bottom: 10px; }

@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 .green {
  color: var(--green); }

.page-accounting-list .position-header {
  font-weight: bold; }

.page-accounting-list .header {
  width: 100%; }
  .page-accounting-list .header p {
    margin: 0; }

.page-accounting-list .checkbox-container {
  height: 20px;
  position: relative; }
  .page-accounting-list .checkbox-container input {
    float: right; }
  .page-accounting-list .checkbox-container label {
    position: absolute;
    margin-right: 30px; }
  .page-accounting-list .checkbox-container rf-date-time .date-time-input {
    float: left; }

.page-accounting-list .order.inactive {
  opacity: 0.45; }

.page-accounting-list rf-action-select .select-row {
  min-height: 32px; }

.page-accounting-list .margin-top-10 {
  margin-top: 10px; }

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

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 {
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0; }
  rf-settings-number-gen .numgen-entry .numgen-heading {
    padding: 0;
    border-bottom: 2px solid var(--lightgrey); }
    rf-settings-number-gen .numgen-entry .numgen-heading h1 {
      font-size: 24px; }

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 table.admin-table {
  width: 100%; }
  .adm-settings-ctrl table.admin-table tr td {
    padding: 2px 20px; }
    .adm-settings-ctrl table.admin-table tr td.color-change-input {
      width: 100%;
      display: grid;
      grid-template-columns: 91% 5%;
      grid-column-gap: 4%;
      align-items: center; }
  .adm-settings-ctrl table.admin-table tr td:nth-child(odd) {
    width: 40%;
    color: var(--midgrey); }
  .adm-settings-ctrl table.admin-table tr td:nth-child(even) {
    width: 100%;
    text-align: center; }
  .adm-settings-ctrl table.admin-table tr:nth-child(even) {
    background-color: var(--bg1); }
  .adm-settings-ctrl table.admin-table select,
  .adm-settings-ctrl table.admin-table input,
  .adm-settings-ctrl table.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; }
  .adm-settings-ctrl table.admin-table textarea {
    height: 70px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%; }
  .adm-settings-ctrl table.admin-table input[type="checkbox"] {
    width: 20px; }
  .adm-settings-ctrl table.admin-table input[type="color"] {
    padding: 2px; }

.adm-settings-ctrl .alert {
  margin: 10px initial; }

.page-tags-list label {
  padding: 9px;
  float: left;
  margin-right: 10px;
  border-radius: 10px; }

.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; }

.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: 3px 8px;
  margin: 1px 3px;
  color: white; }

.admin-group-list .rf-btn.top {
  width: 100%; }

.admin-group-list .group-header {
  background: var(--midwhite);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border: 1px solid lightgray;
  padding: 7px 10px; }

.admin-group-list .table-row {
  padding: 7px;
  background: var(--darkwhite);
  margin: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid var(--lightgrey);
  border-right: 1px solid var(--lightgrey);
  border-left: 1px solid var(--lightgrey); }

.page-imexport rf-upload-zone h3 {
  text-align: center;
  color: var(--grey); }

.page-imexport td {
  padding: 2px 20px 2px 0; }

.page-imexport .pointer {
  cursor: pointer; }

.admin-session-list {
  word-wrap: break-word; }
  .admin-session-list .table-row {
    padding: 7px;
    margin: 0;
    border-bottom: 1px solid var(--lightgrey); }
  .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 .session-grid {
    padding-top: 6px; }
    .admin-session-list .session-grid .session-data-grid {
      display: grid;
      grid-template-columns: minmax(200px, 3fr) minmax(130px, 2fr) minmax(130px, 2fr) minmax(250px, 3fr);
      grid-column-gap: 10px;
      align-items: center; }
  .admin-session-list .token-grid {
    padding-top: 6px; }
    .admin-session-list .token-grid .token-data-grid {
      min-width: 500px;
      display: grid;
      grid-template-columns: minmax(200px, 3fr) minmax(130px, 2fr) minmax(130px, 2fr);
      grid-column-gap: 20px;
      align-items: center;
      margin-top: 5px; }
  .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 table.admin-table {
  width: 100%; }
  .page-admin-setting-edit table.admin-table tr td {
    padding: 2px 20px; }
    .page-admin-setting-edit table.admin-table tr td.color-change-input {
      width: 100%;
      display: grid;
      grid-template-columns: 91% 5%;
      grid-column-gap: 4%;
      align-items: center; }
  .page-admin-setting-edit table.admin-table tr td:nth-child(odd) {
    width: 40%;
    color: var(--midgrey); }
  .page-admin-setting-edit table.admin-table tr td:nth-child(even) {
    width: 100%;
    text-align: center; }
  .page-admin-setting-edit table.admin-table tr:nth-child(even) {
    background-color: var(--bg1); }
  .page-admin-setting-edit table.admin-table select, .page-admin-setting-edit table.admin-table input, .page-admin-setting-edit table.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; }
  .page-admin-setting-edit table.admin-table textarea {
    height: 70px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%; }
  .page-admin-setting-edit table.admin-table input[type="checkbox"] {
    width: 20px; }
  .page-admin-setting-edit table.admin-table input[type="color"] {
    padding: 2px; }

.page-admin-setting-edit .alert {
  margin: 10px initial; }

.page-admin-setting-edit .rf-panel-box {
  margin: 0; }

rf-settings-article .lower-select-container {
  width: 33%; }

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 .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-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 .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: none;
    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 {
  width: 100%; }
  rf-settings-pdf-docs table.admin-table tr td {
    padding: 2px 20px; }
    rf-settings-pdf-docs table.admin-table tr td.color-change-input {
      width: 100%;
      display: grid;
      grid-template-columns: 91% 5%;
      grid-column-gap: 4%;
      align-items: center; }
  rf-settings-pdf-docs table.admin-table tr td:nth-child(odd) {
    width: 40%;
    color: var(--midgrey); }
  rf-settings-pdf-docs table.admin-table tr td:nth-child(even) {
    width: 100%;
    text-align: center; }
  rf-settings-pdf-docs table.admin-table tr:nth-child(even) {
    background-color: var(--bg1); }
  rf-settings-pdf-docs table.admin-table select,
  rf-settings-pdf-docs table.admin-table input,
  rf-settings-pdf-docs table.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; }
  rf-settings-pdf-docs table.admin-table textarea {
    height: 70px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%; }
  rf-settings-pdf-docs table.admin-table input[type="checkbox"] {
    width: 20px; }
  rf-settings-pdf-docs table.admin-table input[type="color"] {
    padding: 2px; }

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

rf-templates .left-container {
  border-right: 4px solid var(--lightgrey); }
  rf-templates .left-container .template-list {
    min-height: 450px;
    max-height: 450px;
    overflow: auto; }
    rf-templates .left-container .template-list .template-elem {
      cursor: pointer; }
      rf-templates .left-container .template-list .template-elem.active {
        background: var(--main_color); }
      rf-templates .left-container .template-list .template-elem.disabled {
        color: var(--lightgrey); }
    rf-templates .left-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 .rf-btn, rf-templates .rf-btn.rf-btn-inverted,
rf-templates .rf-btn:hover {
  width: 100%; }

rf-templates .heading {
  color: var(--grey);
  font-size: 22px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--lightgrey); }
  rf-templates .heading span {
    margin-left: 20px; }
  rf-templates .heading .show-all {
    margin-right: 10px;
    font-size: 90%; }

rf-templates .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; }

.page-drawings-edit .main-actions .rf-btn {
  width: 100%; }

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

.page-drawings-edit .inner-container {
  height: auto;
  position: relative; }

@media (min-width: 992px) {
  .page-drawings-edit .save-actions {
    position: fixed;
    left: 0;
    top: 246px;
    z-index: 999;
    color: white;
    width: 24%; } }

@media (min-width: 1400px) {
  .page-drawings-edit .save-actions {
    width: 16.6667%; } }

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; }

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

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.rf-item-box {
  margin-bottom: 0; }

.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: 99; }

.page-material-list .tech-attributes input {
  color: var(--main_color);
  border: none;
  background: transparent;
  width: 100%; }

.page-price-list .list-item-icon .icon-counter {
  left: 8px; }

.page-price-list td {
  padding: 4px; }

.page-price-list .header-new {
  font-size: 85%; }

.page-price-list .price {
  text-align: right; }

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

: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-calculation-edit {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: white; }

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-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 {
  font-weight: bold;
  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 .margin-class {
  margin-bottom: 10px; }

rf-tasks .mainview-top-panel {
  padding: 0; }

@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-job-preparation-list rf-job-preparation-demand span {
  padding: 0 15px 0 22px; }

.page-job-preparation-list rf-job-preparation-demand tbody .header-new td {
  padding-top: 5px;
  padding-bottom: 5px; }

.page-job-preparation-list .small-grey-tag {
  float: right; }

.page-job-preparation-list .header-new td {
  padding-top: 12px;
  padding-bottom: 12px; }

.page-job-preparation-list .header-new .left {
  padding-left: 12px; }
  .page-job-preparation-list .header-new .left.expanded {
    border-bottom-left-radius: 0; }

.page-job-preparation-list .header-new .right {
  padding-right: 12px; }
  .page-job-preparation-list .header-new .right.expanded {
    border-bottom-right-radius: 0; }

.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 .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; }

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; }

.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; }
  .planning-bottom-notification h3 {
    margin-top: 7px;
    margin-bottom: 0;
    font-size: 22px; }
  .planning-bottom-notification .cancel-set-workpackage {
    cursor: pointer;
    float: right; }
  .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 .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; }

.list-v .rf-btn,
.list-v .rf-btn-inverted.rf-btn:hover {
  border-bottom: 1px solid;
  display: block;
  margin: 0; }

.list-v .rf-btn-inverted.rf-btn,
.list-v .rf-btn:hover {
  border-bottom: 1px solid;
  margin: 0; }

.list-v .rf-btn.last {
  border-bottom: 0; }

@media print {
  .page-workingplan {
    zoom: 78%; } }

.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); }

.page-production-label .pdf-border {
  border: 1px solid var(--lightgrey);
  margin: 10px;
  padding: 18px; }
  .page-production-label .pdf-border .border {
    border: 1px solid var(--lightgrey); }
  .page-production-label .pdf-border .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch; }

.page-pdf .pdf-view {
  width: 100%;
  height: 600px; }

.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-inverted.rf-btn {
  margin-top: -3px !important;
  margin-bottom: -3px !important;
  float: left; }

machine-cockpit-files .file .rf-btn {
  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 .full-screen-btn {
    min-width: 32px;
    height: 32px;
    display: block;
    text-align: center;
    padding: 5px; }
  ma-list-view .pointer {
    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: #83e6204a; }
    ma-list-view .inner-border-box.yellow {
      color: var(--darkyellow);
      border: var(--darkyellow);
      background: #ffff0070; }
    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 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 .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; }

.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); }

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: 90px; }

rf-post-calculation-position .changetop {
  top: 145px; }

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-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); }

production-position .alert {
  color: var(--red);
  font-weight: bold; }

production-position .position-header-table {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 10px;
  border-collapse: separate;
  table-layout: fixed;
  background-color: var(--darkwhite);
  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, production-position .position-tasks-table tr.next {
    background-color: #97fb97; }
    production-position .position-tasks-table tr.active.problem, production-position .position-tasks-table tr.next.problem {
      background-color: #fcff79;
      color: var(--darkyellow); }
  production-position .position-tasks-table tr.waiting {
    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 .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, production-position .circle.next {
    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, production-position .separator.next {
    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 .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);
  font-size: 16px; }
  production-position .rf-icon.small {
    font-size: 14px;
    width: 36px;
    height: 36px;
    margin-top: -16px; }
  production-position .rf-icon.mini {
    font-size: 10px;
    width: 20px;
    height: 20px;
    margin-top: -11px; }

production-position .task-status-icon {
  padding-top: 0;
  font-size: 24px; }
  production-position .task-status-icon.completed {
    background-color: var(--lightgrey);
    color: var(--darkgreen); }
  production-position .task-status-icon.active, production-position .task-status-icon.next {
    background-color: #97fb97;
    color: var(--darkgreen); }
    production-position .task-status-icon.active.problem, production-position .task-status-icon.next.problem {
      background-color: #fcff79;
      color: var(--darkyellow); }
  production-position .task-status-icon.waiting {
    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-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-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; }

.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; }

.page-storage-area-list .header .rf-btn {
  margin: 0; }

.page-batch-edit rf-date-time {
  width: 60%; }

.page-batch-edit .default .header {
  overflow: auto; }

.page-batch-list .header .rf-btn {
  margin: 0; }

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 .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; }

.page-warehouse-list .header .rf-btn {
  margin: 0; }

.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-logout .row {
  padding: 10px 0;
  margin: 0; }

.page-part-upload-wrap rf-lang-change {
  display: block;
  overflow: hidden; }

.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 .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-image: url("../img/login-background.png");
  background-color: #b9b9b9; }
  .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: #0009;
    box-shadow: 0 0 19px 5px #5c5c5c99;
    z-index: 9;
    color: white;
    padding: 40px;
    margin-top: 40px; }
  .public .header {
    width: 100%;
    background: var(--grey);
    padding: 20px; }
  .public input, .public select {
    width: 100%;
    color: black; }
  .public .rf-btn {
    background: var(--main_color);
    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 .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: 75%;
    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 rf-article-size input.rf-form, rf-purchase-demand rf-article-size input.date-time-input, rf-purchase-demand rf-article-size select,
  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 rf-article-size input.rf-form:hover, rf-purchase-demand rf-article-size input.rf-form:active, rf-purchase-demand rf-article-size input.rf-form:focus, rf-purchase-demand rf-article-size input.date-time-input:hover, rf-purchase-demand rf-article-size input.date-time-input:active, rf-purchase-demand rf-article-size input.date-time-input:focus, rf-purchase-demand rf-article-size select:hover, rf-purchase-demand rf-article-size select:active, rf-purchase-demand rf-article-size select:focus,
    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 .demand-table tbody td {
    padding: 0px; }
    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: 0px;
    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(100% - 40% - 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); }
    rf-purchase-demand .second-row-selection .right-container .btn-container .btn-wrap {
      text-align: center; }
      rf-purchase-demand .second-row-selection .right-container .btn-container .btn-wrap .rf-btn {
        max-width: 200px;
        width: 100%;
        text-decoration: none;
        padding: 5px;
        display: inline-block; }
  @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; } }

.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 .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; }

@-moz-document url-prefix("") {
  .page-incoming-goods-list .button-container {
    margin-top: 5px; }
  .page-incoming-goods-list .undo-button {
    margin-top: -12px; }
    .page-incoming-goods-list .undo-button:hover {
      margin-top: -12px; } }

.page-purchase-edit .mainview .row2.bottom {
  border-top: 1px solid var(--grey);
  padding-top: 20px;
  overflow-y: auto;
  display: block; }
  .page-purchase-edit .mainview .row2.bottom .price {
    float: right; }
    .page-purchase-edit .mainview .row2.bottom .price table tr {
      margin: 20px 0; }
    .page-purchase-edit .mainview .row2.bottom .price table td {
      font-size: 14px;
      width: 50%; }
      .page-purchase-edit .mainview .row2.bottom .price table td:nth-child(2) {
        width: 50%;
        text-align: right; }
  .page-purchase-edit .mainview .row2.bottom .discount {
    line-height: 25px; }

.page-purchase-edit .mainview .file-list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 85px;
  min-height: 85px; }

.page-purchase-edit .pdf-footer {
  position: absolute;
  left: -1cm;
  right: 0;
  padding-right: 1.2cm;
  padding-left: 5px; }

.page-purchase-edit .payment .label-cell {
  width: 50%;
  padding-bottom: 10px; }

.page-purchase-edit .payment .content-cell {
  width: 50%;
  padding-left: 10px;
  padding-bottom: 10px; }

.page-purchase-edit .mainview .meta-data input,
.page-purchase-edit .mainview .meta-data select {
  height: 25px;
  padding: 0; }

.page-purchase-edit .mainview .row2.first {
  min-height: 140px; }
  .page-purchase-edit .mainview .row2.first .w100 {
    display: block;
    overflow: auto; }
  .page-purchase-edit .mainview .row2.first a {
    cursor: pointer; }
  .page-purchase-edit .mainview .row2.first img {
    float: left;
    width: 80%; }
  .page-purchase-edit .mainview .row2.first textarea {
    overflow: auto;
    max-height: 325px;
    resize: none; }
  .page-purchase-edit .mainview .row2.first h3 {
    color: var(--darkgrey);
    margin-top: 10px;
    font-size: 9px;
    font-weight: 100; }
  .page-purchase-edit .mainview .row2.first p:first-child {
    margin: 0;
    font-size: 20px;
    font-weight: bold; }
  .page-purchase-edit .mainview .row2.first input.small {
    height: 12px;
    font-size: 12px;
    width: 100px; }

.page-purchase-edit .mainview .row2.address {
  height: auto;
  margin-top: 10px;
  margin-bottom: 40px;
  overflow-x: hidden;
  font-size: 11px; }
  .page-purchase-edit .mainview .row2.address h4 {
    font-size: 8px;
    font-weight: 100;
    color: var(--darkgrey); }
  .page-purchase-edit .mainview .row2.address h3 {
    margin: 7px 0; }
  .page-purchase-edit .mainview .row2.address .box {
    float: left; }
    .page-purchase-edit .mainview .row2.address .box.nofloat {
      float: none; }

.page-purchase-edit .row2 .big {
  font-size: 20px; }

.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 .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 .numbers {
  display: inline; }

rf-purchase-procurement .header-new td {
  padding-top: 12px;
  padding-bottom: 12px; }

.page-purchase-list .underline {
  margin-bottom: 0; }

.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 .reclamation-wrap {
  float: left;
  width: 600px;
  box-shadow: 0 0 5px 0 #000;
  padding: 10px;
  margin-right: auto;
  margin-left: auto; }
  @media print {
    .page-reclamation-edit .reclamation-wrap {
      width: 100%;
      padding: 0; }
      .page-reclamation-edit .reclamation-wrap input, .page-reclamation-edit .reclamation-wrap select {
        text-align: left; } }

.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; }

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

rf-reclamation-footer {
  color: var(--darkgrey);
  font-size: 11px;
  margin-top: 30px;
  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;
    font-size: 11px;
    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);
  font-size: 11px; }
  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;
    font-size: 11px;
    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; }

.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 .table-header {
  font-weight: bold;
  margin: 0;
  border-bottom: 2px solid var(--lightgrey); }

.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 .table-row {
  margin: 0;
  cursor: default;
  border-bottom: 2px solid var(--lightgrey);
  font-size: 90%; }
  .page-campaigns-edit .table-row .rf-btn-inverted {
    cursor: pointer; }

.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 .account-edit .edit-label {
  margin-right: 30px;
  background: var(--main_color);
  z-index: 999;
  display: block;
  position: fixed;
  top: 40px;
  height: 60px;
  color: var(--untouched);
  font-weight: bold;
  padding: 0 8px;
  width: 50%; }
  .page-campaigns-edit .account-edit .edit-label a {
    color: white; }
  .page-campaigns-edit .account-edit .edit-label h3:hover {
    opacity: 0.9;
    cursor: pointer; }

.page-campaigns-edit .account-edit account-edit {
  margin-right: 30px;
  background: var(--untouched);
  z-index: 999;
  display: block;
  position: fixed;
  top: 100px;
  bottom: 20px;
  overflow-y: scroll;
  overflow-x: hidden; }

.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; }

rf-campaigns-list .campaing.inactive {
  opacity: 0.45; }

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

rf-campaigns-list .rf-striped-table {
  font-size: 12px; }

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 table .head-options {
  margin-top: 3px;
  min-width: 125px; }
  rf-customer-pipeline table .head-options i {
    font-size: 18px; }
  rf-customer-pipeline table .head-options rf-action-select {
    font-size: 14px; }

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; }

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

.page-order-edit .mainview .row2.bottom {
  border-top: 1px solid var(--grey);
  padding-top: 20px;
  overflow-y: auto;
  display: block; }
  .page-order-edit .mainview .row2.bottom .price {
    float: right; }
    .page-order-edit .mainview .row2.bottom .price table tr {
      margin: 20px 0; }
    .page-order-edit .mainview .row2.bottom .price table td {
      font-size: 14px;
      width: 50%; }
      .page-order-edit .mainview .row2.bottom .price table td:nth-child(2) {
        width: 50%;
        text-align: right; }
  .page-order-edit .mainview .row2.bottom .discount {
    line-height: 25px; }
  .page-order-edit .mainview .row2.bottom .discount-display {
    float: none;
    font-size: 14px;
    height: 25px; }

.page-order-edit .mainview .standard-text {
  padding-top: 10px;
  float: left; }
  .page-order-edit .mainview .standard-text .offer-validity {
    width: 30px; }

.page-order-edit .mainview .service-date::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; }

.page-order-edit rf-tag-select .select-row {
  min-height: 26px; }

.page-order-edit textarea {
  padding-left: 0; }

.page-order-edit .pdf-footer {
  position: absolute;
  left: -1cm;
  right: 0;
  padding-right: 1.2cm;
  padding-left: 5px; }

.page-order-edit .payment .label-cell {
  width: 50%;
  padding-bottom: 10px; }

.page-order-edit .payment .content-cell {
  width: 50%;
  padding-left: 10px;
  padding-bottom: 10px; }

.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; }
  .page-order-edit .mainview .row2.first .w100 {
    display: block;
    overflow: auto; }
  .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;
  margin-bottom: 40px;
  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 .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 textarea {
    max-height: 250px; }
  .page-order-edit .sidebar-message-container .sidebar-message {
    white-space: break-spaces;
    font-size: 10px;
    max-height: 700px;
    overflow-y: scroll; }

.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 .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%;
    page-break-inside: avoid;
    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: 10px; }
    .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: 16px;
      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 .list-v .rf-btn,
  .page-order-edit .list-v .rf-btn-inverted.rf-btn:hover {
    border-bottom: 1px solid;
    display: block;
    margin: 0; }
  .page-order-edit .list-v .rf-btn-inverted.rf-btn,
  .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-inverted.rf-btn:hover {
    float: left;
    border-right: 1px solid;
    margin: 0; }
  .page-order-edit .list-h .rf-btn-inverted.rf-btn,
  .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; }

.page-letter-edit.editmode .big-main-textarea textarea {
  border: 1px solid var(--lightgrey) !important; }

.page-letter-edit .big-main-textarea textarea {
  min-height: 250px;
  width: 100%; }

.page-letter-edit .big-main-textarea .w90 {
  width: 100%; }

.page-letter-edit .pdf-content {
  white-space: pre-line;
  min-height: 300px;
  margin-top: -30px; }

.page-letter-edit standard-text textarea {
  font-size: 12px; }

.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 .numbers {
  display: inline; }

.page-sales-list .header-new td {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 12px; }

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-inverted.rf-btn: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; }

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 rf-date-label {
  float: right;
  padding-right: 15px; }

.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: #464646c7;
    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; }
  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-inverted.rf-btn,
  rf-updates .rf-btn-inverted.rf-btn: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; }
    rf-updates rf-markdown ul {
      padding-left: 15px; }

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 .title {
  font-weight: bold; }

rf-wish-list .header-new {
  padding: 0 10px; }
  rf-wish-list .header-new .title {
    padding: 10px 6px; }
  rf-wish-list .header-new .rf-btn,
  rf-wish-list .header-new .rf-btn:hover {
    float: right;
    margin-top: 7px; }

rf-wish-list .list-item-details {
  padding: 10px 0; }
  rf-wish-list .list-item-details.expanded {
    background-image: linear-gradient(var(--bg1), var(--bg2)); }

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; }

delivery-note-head {
  display: block; }
  delivery-note-head .row2.first img {
    float: left;
    width: 80%; }
  delivery-note-head .row2.first textarea {
    overflow: auto;
    max-height: 325px;
    resize: none; }
  delivery-note-head .row2.first h3 {
    color: var(--darkgrey);
    margin-top: 10px;
    font-size: 9px;
    font-weight: 100; }
  delivery-note-head .row2.first p:first-child {
    margin: 0;
    font-size: 20px;
    font-weight: bold; }
  delivery-note-head .row2.first input.small {
    height: 12px;
    font-size: 12px;
    width: 100px; }
  delivery-note-head .row2.first input.big {
    height: 12px;
    font-size: 12px;
    width: 200px; }
  delivery-note-head .row2.first div.big,
  delivery-note-head .row2.first select.big {
    font-size: 20px;
    padding: 2px;
    height: auto;
    margin-left: -2px;
    margin-top: -2px; }
  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 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 .pdf-footer {
  position: absolute;
  left: -1cm;
  right: 0;
  padding-right: 1.2cm;
  padding-left: 5px; }

.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 .poiner {
  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 rf-action-select {
  font-size: 18px;
  text-align: center; }
  .page-shipping-edit rf-action-select .select-row {
    min-height: 32px;
    padding: 15px 15px 15px 8px; }
    .page-shipping-edit rf-action-select .select-row i {
      font-size: 18px; }
  .page-shipping-edit rf-action-select .lower-select-container {
    top: 58px; }
    .page-shipping-edit rf-action-select .lower-select-container .disabled {
      background-color: var(--lightgrey);
      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-label .mainview .shipping-label {
  min-height: 780px;
  width: 600px;
  box-shadow: 0 0 5px 0 #000;
  padding: 10px;
  position: relative;
  margin-bottom: 25px; }
  .page-shipping-label .mainview .shipping-label .print-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(120, 120, 120, 0.1);
    z-index: 3; }
    .page-shipping-label .mainview .shipping-label .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-shipping-label .mainview .shipping-label .parcel-label {
    margin-left: 120px;
    margin-top: -40px;
    height: 550px;
    page-break-inside: avoid; }
    .page-shipping-label .mainview .shipping-label .parcel-label .label-img {
      transform: rotate(-90deg);
      height: 500px; }

.page-shipping-label .mainview input,
.page-shipping-label .mainview select,
.page-shipping-label .mainview textarea {
  border: 1px solid white;
  box-shadow: none;
  color: var(--main_color); }
  .page-shipping-label .mainview input:hover,
  .page-shipping-label .mainview select:hover,
  .page-shipping-label .mainview textarea:hover {
    border: 1px solid var(--lightgrey); }

.page-shipping-label .mainview h3 {
  font-size: 12px;
  margin-bottom: 9px;
  margin-top: 8px; }

.page-shipping-label .mainview .invisible {
  opacity: 0; }

.page-shipping-label .mainview .ng-invalid.ng-touched {
  border: 1px solid red; }

.page-shipping-label .mainview p {
  margin: 5px 0; }

.page-shipping-label .mainview ::placeholder {
  /* Firefox 19+ */
  color: var(--grey);
  opacity: 0.4; }

@media print {
  .page-shipping-label {
    zoom: 70%;
    margin: 0; }
    .page-shipping-label body {
      overflow: auto; }
    .page-shipping-label input,
    .page-shipping-label select,
    .page-shipping-label textarea {
      color: black;
      border: none;
      box-shadow: none; }
    .page-shipping-label input[type="number"] {
      appearance: textfield; }
    .page-shipping-label select {
      appearance: none; }
    .page-shipping-label textarea {
      resize: none; }
    .page-shipping-label a[href]::after {
      /* prevent links to be displayed in print view */
      content: none !important; }
    .page-shipping-label a {
      color: black; }
    .page-shipping-label rf-btn {
      display: none; }
    .page-shipping-label .mainview {
      top: 0;
      overflow: visible; }
      .page-shipping-label .mainview .shipping-label {
        width: 100%; }
        .page-shipping-label .mainview .shipping-label .print-layer {
          display: none; } }

.page-shipping-list a {
  cursor: pointer; }

.page-shipping-list .pointer {
  cursor: pointer; }

.page-shipping-list h3 {
  margin: 0; }

.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; }