.C_main {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  color: inherit;
  scroll-behavior: smooth;
  border-spacing: 0;
  border-collapse: separate;
}

:root {
  --font-family: UbuntuMedium;
  --font-family-normal: UbuntuMedium;
  --font-family-light: UbuntuLight;
  --font-family-bold: UbuntuBold;
  --font-family-normal-italic: UbuntuMediumItalic;
  --font-family-light-italic: UbuntuLightItalic;
  --font-family-bold-italic: UbuntuBoldItalic;
  --color-0: #000000;
  --color-1: #555555;
  --color-2: #BBBBBB;
  --color-3: #FFFFFF;
  --color-4: #999999;
  --color-error: #FF0000;
  --font-size-xs: 0.8rem;
  --font-size-s: 1rem;
  --font-size: 1.5rem;
  --font-size-l: 2rem;
  --font-size-xl: 3rem;
  --background-color: #333333;
  --background-color-0: var(--background-color);
  --background-color-1: #000000;
  --background-color-2: #444444;
  --background-color-3: #555555;
  --background-image-logo: url('a_lib.php?file=img/logo/medium_black.png');
  --background-image-logo-invert: url('a_lib.php?file=img/logo/medium_white.png&v=2');
  --padding-xs: 0.1rem;
  --padding-s: 0.25rem;
  --padding: 0.5rem;
  --padding-l: 1rem;
  --padding-xl: 2rem;
  --margin-xs: 0.1rem;
  --margin-s: 0.25rem;
  --margin: 0.5rem;
  --margin-l: 1rem;
  --margin-xl: 2rem;
  --border-radius-xs: 0.25rem;
  --border-radius-s: 0.5rem;
  --border-radius: 1rem;
  --border-radius-l: 2rem;
  --border-radius-xl: 4rem;
  --border-xs: 0.5px solid rgba(0,0,0,0.1);
  --border-s: 1px solid rgba(0,0,0,0.2);
  --border: 2px solid rgba(0,0,0,0.2);
  --border-l: 3px solid rgba(0,0,0,0.2);
  --border-xl: 6px solid rgba(0,0,0,0.2);
  --outline-xs: var(--border-xs);
  --outline-s: var(--border-s);
  --outline: var(--border);
  --outline-l: var(--boder-l);
  --outline-xl: var(--boder-xl);
  --grid-gap-xs: 0.5rem;
  --grid-gap-s: 0.5rem;
  --grid-gap: 1rem;
  --grid-gap-l: 2rem;
  --grid-gap-xl: 2rem;
  --box-shadow: 0.3rem 0.3rem 0.5rem 0 rgba(0,0,0,0.3);
  --box-shadow-l: 0.6rem 0.6rem 1rem 0 rgba(0,0,0,0.3);
  --opacity-icon: 0.75;
}

.c-slite-ui-form____main {
  border: 1px solid #555555;
  padding: 1rem;
}

.c-slite-ui-form____cell {
  padding: 0.5rem;
  padding-top: 1.5rem;
}

.c-slite-ui-form____label {
  font-weight: bold;
  font-size: 1rem;
  font-family: Arial;
  color: #CCCCCC;
}

.c-slite-ui-form____add {
  padding: 0.5rem;
}

.c-slite-ui-list____main {
  border: 1px solid lightgrey;
  padding: 1rem;
}

.c-slite-ui-list____heading_label {
  font-weight: bold;
  padding: 0.5rem;
}

.c-slite-ui-list____row {
  border-top: 1px solid lightgrey;
}

.c-slite-ui-list____cell {
  border-top: 1px solid lightgrey;
  vertical-align: middle;
  padding: 0.5rem;
}
@media only screen and (orientation: portrait) {
  .c-slite-ui-list____cell {
    border-top: 0;
  }
}

.c-slite-ui-list____c_cell_label {
  font-weight: bold;
  font-size: 1.5rem;
}

.c-slite-ui-input____main, .c-slite-ui-textarea____main {
  background-color: #000000;
  border: 0;
  padding: 0.3rem;
  font-family: arial;
  font-size: 1.2rem;
  vertical-align: middle;
  color: #FFFFFF;
}

.c-slite-ui-input____main::placeholder, .c-slite-ui-textarea____main::placeholder {
  color: #EB7B02;
}

.c-slite-ui-input____pass_svg {
  fill: #d4d4d4;
}

.c-slite-ui-textarea____main {
  height: 15rem;
}
@media only screen and (orientation: portrait) {
  .c-slite-ui-textarea____main {
    height: 10rem;
  }
}

.c-slite-ui-select____main {
  background-color: #333333;
  font-family: arial;
  font-size: 1.1rem;
  color: #FFFFFF;
  border-radius: 0.7rem;
}
@media only screen and (orientation: portrait) {
  .c-slite-ui-select____main {
    font-size: 1.5rem;
  }
}

.c-slite-ui-select____selected, .c-slite-ui-select____option {
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #FFFFFF;
  background-color: black;
}

.c-slite-ui-select____options {
  background-color: #333333;
  border: 1px solid #444444;
  border-radius: 0.25rem;
}

.c-slite-ui-checkbox____unchecked, .c-slite-ui-checkbox____checked {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: white;
  cursor: pointer;
  border: 0.3rem solid white;
  outline: 1px solid grey;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}
@media only screen and (orientation: portrait) {
  .c-slite-ui-checkbox____unchecked, .c-slite-ui-checkbox____checked {
    width: 0.5rem;
    height: 0.5rem;
    border: 0.25rem solid white;
  }
}

.c-slite-ui-checkbox____checked {
  background-color: darkgrey;
}

.c-slite-ui-comp____expand_collapse {
  font-size: 2rem;
  font-weight: bold;
  color: orange;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
}

.c-slite-ui-comp____comp {
  border-radius: 0 !important;
}

.c-slite-ui-button____main, .button_pink {
  display: flex;
  flex-flow: row nowrap;
  color: #FFFFFF;
  cursor: pointer;
  justify-content: center;
  padding: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.5rem;
  border: 1px solid #de5913;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  background: linear-gradient(to bottom, rgb(245, 140, 35) 0%, rgb(243, 113, 0) 100%);
}
@media only screen and (orientation: portrait) {
  .c-slite-ui-button____main, .button_pink {
    font-size: 1.5rem;
    padding: 0.5rem;
  }
}

.c-slite-ui-button____main:active {
  background: linear-gradient(to bottom, rgb(243, 113, 0) 0%, rgb(245, 140, 35) 100%);
}

.button_pink {
  background: linear-gradient(to bottom, #f070ab 0%, #ed5197 100%);
}

.button_pink:active {
  background: linear-gradient(to bottom, #ed5197 0%, #f070ab 100%);
}

.c-slite-ui-comp____options {
  padding-top: 0.5rem;
}

.c-slite-ui-comp____options_collapsable {
  background-color: #333333;
  border: 1px solid #555555;
  right: 1.5rem;
  top: 0;
}

.c-slite-ui-list____add,
.c-slite-ui-comp____option_up,
.c-slite-ui-comp____option_down,
.c-slite-ui-comp____option_meta,
.c-slite-ui-comp____option_remove {
  padding: 0.5rem;
  color: orange;
  font-weight: bold;
  cursor: pointer;
}

.c-slite-ui-comp____option_meta {
  color: blue;
}

.c-slite-ui-comp____option_remove {
  color: red;
}

.c-slite-ui-list____add {
  color: green;
}

.c-slite-ui-meta____sub {
  background-color: #333333 !important;
  padding: 1rem;
}

.c-slite-ui-meta____heading {
  font-size: 2rem;
  font-weight: bold;
}

.c-slite-ui-meta____close {
  font-size: 2rem;
  font-weight: bold;
}

.c-slite-compitor-tool-editor_data____button {
  margin: 1rem;
}

.c-a-web_jobcard-site-jobcard-manual____heading {
  padding: 0.5rem;
}