/**
 * Contargo style variables defined in the official Design Tool
 * https://www.figma.com/design/0MyIFV7unji1QdgBSuTC6f/COLA-UI-Kit
 * This is the source of truth. Styles defined by frameworks like Tailwind or Bootstrap should use these variables
 *
 * By default, browsers set the HTML font size to 16px. That means 1rem (root element font-size) corresponds to 16px.
 * Users can change this default in their browser or OS settings, so the resulting px size is not always the same.
 * The calculated sizes below are based on the common root font-size of 16 pixel.
 */
/**
 * Contargo typography variables defined in the official Design Tool
 * https://www.figma.com/design/0MyIFV7unji1QdgBSuTC6f/COLA-UI-Kit?node-id=183-143
 * This is the source of truth. Styles defined by frameworks like Tailwind or Bootstrap should use these variables
 *
 * By default, browsers set the HTML font size to 16px. That means 1rem (root element font-size) corresponds to 16px.
 * Users can change this default in their browser or OS settings, so the resulting px size is not always the same.
 * The calculated sizes below are based on the common root font-size of 16 pixel.
 */
/**
 * Colors defined in color palette from the official Design Tool
 * https://www.figma.com/design/0MyIFV7unji1QdgBSuTC6f/COLA-UI-Kit?node-id=1-53
 * This is the source of truth. Styles defined by frameworks like Tailwind or Bootstrap should use these variables
 */
:root {
  --ctgo-spacing-0: 0;
  --ctgo-spacing-1: 0.25rem;
  --ctgo-spacing-2: 0.5rem;
  --ctgo-spacing-3: 0.75rem;
  --ctgo-spacing-4: 1rem;
  --ctgo-spacing-5: 1.25rem;
  --ctgo-spacing-6: 1.5rem;
  --ctgo-border-radius-sm: 0.125rem;
  --ctgo-border-radius: 0.25rem;
  --ctgo-border-radius-lg: 0.5rem;
  --ctgo-screen-tiny: 480px;
  --ctgo-screen-small: 768px;
  --ctgo-screen-medium: 996px;
  --ctgo-screen-large: 1200px;
  --ctgo-screen-huge: 2256px;
  --ctgo-font-family: Open Sans;
  --ctgo-font-size-base: 0.938rem;
  --ctgo-font-size-base-line-height: 1.35;
  --ctgo-font-size-xs: 0.625rem;
  --ctgo-font-size-xs-line-height: normal;
  --ctgo-font-size-sm: 0.75rem;
  --ctgo-font-size-sm-line-height: 1.2;
  --ctgo-font-size-lg: 1.125rem;
  --ctgo-font-size-lg-line-height: 2;
  --ctgo-font-size-xl: 1.5rem;
  --ctgo-font-size-xl-line-height: normal;
  --ctgo-font-size-2xl: 2rem;
  --ctgo-font-size-2xl-line-height: normal;
  --ctgo-font-weight-lighter: lighter;
  --ctgo-font-weight-light: 300;
  --ctgo-font-weight-normal: 400;
  --ctgo-font-weight-default: 400;
  --ctgo-font-weight-regular: 400;
  --ctgo-font-weight-medium: 500;
  --ctgo-font-weight-semibold: 600;
  --ctgo-font-weight-semi-bold: 600;
  --ctgo-font-weight-bold: 700;
  --ctgo-font-weight-bolder: bolder;
  --ctgo-color-brand-blue: #002f5c;
  --ctgo-color-brand-green: #66b630;
  --ctgo-color-econtargo: #38b18a;
  --ctgo-color-danger-800: #96051b;
  --ctgo-color-danger-700: #b80821;
  --ctgo-color-danger-600: #d30926;
  --ctgo-color-danger-500: #f04e4e;
  --ctgo-color-danger-400: #f77b79;
  --ctgo-color-danger-300: #ffaaa7;
  --ctgo-color-danger-200: #ffd2d0;
  --ctgo-color-danger-100: #ffebea;
  --ctgo-color-warning-900: #5c2b07;
  --ctgo-color-warning-800: #86400a;
  --ctgo-color-warning-700: #b9590d;
  --ctgo-color-warning-600: #e36d11;
  --ctgo-color-warning-500: #ff892e;
  --ctgo-color-warning-400: #ffa966;
  --ctgo-color-warning-300: #ffd0ab;
  --ctgo-color-warning-200: #ffe8d5;
  --ctgo-color-warning-100: #fff2e7;
  --ctgo-color-green-900: #223e2a;
  --ctgo-color-green-800: #366544;
  --ctgo-color-green-700: #48875a;
  --ctgo-color-green-600: #52a668;
  --ctgo-color-green-500: #67c180;
  --ctgo-color-green-400: #8dd1a0;
  --ctgo-color-green-300: #bbe3c6;
  --ctgo-color-green-200: #def1e3;
  --ctgo-color-green-100: #edf8f0;
  --ctgo-color-red-900: #5c211e;
  --ctgo-color-red-800: #94332f;
  --ctgo-color-red-700: #c14540;
  --ctgo-color-red-600: #e65954;
  --ctgo-color-red-500: #fa736d;
  --ctgo-color-red-400: #fb9691;
  --ctgo-color-red-300: #fdcbc9;
  --ctgo-color-red-200: #fee2e0;
  --ctgo-color-red-100: #fef1ef;
  --ctgo-color-yellow-900: #725a00;
  --ctgo-color-yellow-800: #ba9200;
  --ctgo-color-yellow-700: #eab907;
  --ctgo-color-yellow-600: #ffd100;
  --ctgo-color-yellow-500: #ffde48;
  --ctgo-color-yellow-400: #ffe87f;
  --ctgo-color-yellow-300: #ffeb91;
  --ctgo-color-yellow-200: #fff5bd;
  --ctgo-color-yellow-100: #fffbd7;
  --ctgo-color-teal-900: #133842;
  --ctgo-color-teal-800: #216172;
  --ctgo-color-teal-700: #2a7d93;
  --ctgo-color-teal-600: #359ebb;
  --ctgo-color-teal-500: #4fbfd9;
  --ctgo-color-teal-400: #7bcfe3;
  --ctgo-color-teal-300: #a7dfec;
  --ctgo-color-teal-200: #cfeef6;
  --ctgo-color-teal-100: #e4f6f9;
  --ctgo-color-blue-900: #002345;
  --ctgo-color-blue-800: #0b3d6c;
  --ctgo-color-blue-700: #1e5a93;
  --ctgo-color-blue-600: #3c7fc0;
  --ctgo-color-blue-500: #569fe4;
  --ctgo-color-blue-400: #84b8eb;
  --ctgo-color-blue-300: #b6d2ee;
  --ctgo-color-blue-200: #d5e5f5;
  --ctgo-color-blue-100: #edf4fb;
  --ctgo-color-purple-900: #460056;
  --ctgo-color-purple-800: #62276f;
  --ctgo-color-purple-700: #7e4889;
  --ctgo-color-purple-600: #9b69a4;
  --ctgo-color-purple-500: #b88ac0;
  --ctgo-color-purple-400: #cca8d2;
  --ctgo-color-purple-300: #e2cde6;
  --ctgo-color-purple-200: #efe3f2;
  --ctgo-color-purple-100: #f6eff9;
  --ctgo-color-black: #231f20;
  --ctgo-color-gray-900: #444142;
  --ctgo-color-gray-800: #656364;
  --ctgo-color-gray-700: #868587;
  --ctgo-color-gray-600: #a4a4a6;
  --ctgo-color-gray-500: #c5c6c7;
  --ctgo-color-gray-400: #d7d8da;
  --ctgo-color-gray-300: #e6e7ea;
  --ctgo-color-gray-200: #eff0f2;
  --ctgo-color-gray-100: #f7f7f8;
  --ctgo-color-white: #ffffff;
  --ctgo-text-gray-lighter: #c5c6c7;
  --ctgo-text-gray: #868587;
  --ctgo-text-gray-dark: #656364;
  --ctgo-text-black: #231f20;
  --ctgo-background-gray-selected: #d7d8da;
  --ctgo-background-gray-hover: #eff0f2;
  --ctgo-background-gray: #f7f7f8;
  --ctgo-background-positive-selected: #bbe3c6;
  --ctgo-background-positive-hover: #def1e3;
  --ctgo-background-positive: #edf8f0;
  --ctgo-background-negative-selected: #fdcbc9;
  --ctgo-background-negative-hover: #fee2e0;
  --ctgo-background-negative: #fef1ef;
  --ctgo-background-neutral-selected: #ffeb91;
  --ctgo-background-neutral-hover: #fff5bd;
  --ctgo-background-neutral: #fffbd7;
  --ctgo-background-warning-selected: #ffd0ab;
  --ctgo-background-warning-hover: #ffe8d5;
  --ctgo-background-warning: #fff2e7;
  --ctgo-background-active-selected: #b6d2ee;
  --ctgo-background-active-hover: #d5e5f5;
  --ctgo-background-active: #edf4fb;
  --ctgo-color-danger: #d30926;
  --ctgo-color-warning: #ff892e;
  --ctgo-color-positive: #67c180;
  --ctgo-color-negative: #fa736d;
  --ctgo-color-neutral: #ffde48;
  --ctgo-color-active: #569fe4;
}

/* ============================================================
 * Base custom overrides
 *
 * @author Aljona Murygina - murygina@synyx.de
 * @since 2.1
 * ============================================================ */
@media (max-width: 768px) {
  .eris-body {
    background-color: #ffffff;
  }
  .eris-body .panel > .panel-body {
    padding-left: 0;
    padding-right: 0;
  }
}
.eris-body .panel {
  box-shadow: none;
}
.eris-body .panel h1, .eris-body .panel h2, .eris-body .panel h3, .eris-body .panel h4, .eris-body .panel h5, .eris-body .panel h6 {
  font-weight: 400;
}
.eris-body .eris-version {
  float: right;
  margin-right: 50%;
}

/* ============================================================
 * Search form module
 *
 * @author Aljona Murygina - murygina@synyx.de
 * @since 2.1
 * ============================================================ */
.eris-search .page-header {
  margin-top: 12px;
}
.eris-search .btn {
  float: none;
  margin-top: 24px;
  margin-bottom: 12px;
}
.eris-search .eris-search--disclaimer {
  margin-top: 24px;
}
@media (max-width: 480px) {
  .eris-search .table thead {
    display: none;
  }
  .eris-search .table td {
    display: block;
  }
  .eris-search .table td:before {
    content: attr(data-column);
    margin-right: 8px;
    float: left;
    font-weight: 300;
  }
}

/* ============================================================
 * Mapping locations module
 *
 * @author Aljona Murygina - murygina@synyx.de
 * @since 2.1
 * ============================================================ */
.eris-mapping .eris-mapping--user .eris-mapping--user-image {
  display: table-cell;
  width: 1%;
}
.eris-mapping .eris-mapping--user .eris-mapping--user-info {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding-left: 24px;
}
.eris-mapping .eris-mapping--user .eris-mapping--user-info > h2 {
  font-weight: 400;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.eris-mapping .eris-mapping--user .eris-mapping--user-info > .checkbox > label {
  display: block;
}
@media (min-width: 996px) {
  .eris-mapping .eris-mapping--user .eris-mapping--user-info > .checkbox > label {
    display: inline-block;
    margin-right: 12px;
  }
}

/* ============================================================
 * Error module
 *
 * @author Aljona Murygina - murygina@synyx.de
 * @since 2.1
 * ============================================================ */
.eris-error .jumbotron {
  background-color: #ffffff;
}
.eris-error .jumbotron > h1 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.eris-error .jumbotron > blockquote {
  border-left-width: 3px;
}
.eris-error .jumbotron > blockquote > small {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}
@media (min-width: 768px) {
  .eris-error .jumbotron > blockquote > small {
    word-break: normal;
    word-wrap: normal;
    white-space: normal;
  }
}

/* ============================================================
 * Registration page
 *
 * @since 3.7
 * ============================================================ */
.eris-checklist {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.eris-checklist .checkbox {
  flex: 100% 0;
}
@media (min-width: 996px) {
  .eris-checklist .checkbox {
    flex: 33.3% 0;
  }
}

/* ============================================================
 * Welcome page
 *
 * @since 3.7
 * ============================================================ */
.ctgo-layout-body {
  background-color: #aaa;
}

.ctgo-header {
  background-color: #fff;
}

.panel-welcome {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 26px 20px;
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
}

.panel-welcome .forgotten {
  margin-top: 18px;
  padding-top: 5px;
  border-top: 1px solid #bebebe;
}

.panel-welcome .forgotten > a {
  color: #eaeaea;
}

@media (max-width: 400px) {
  .panel-welcome .forgotten {
    text-align: center;
    border-top: none;
    margin-top: 0;
  }
  .panel-welcome .forgotten > a {
    display: block;
    width: 100%;
    margin-bottom: 0.2em;
    padding: 0;
  }
}
.panel-welcome .forgotten .pull-right {
  margin-left: 1em;
}

.panel-welcome .btn {
  width: 68%;
}

.panel-welcome .forgotten {
  width: 100%;
}

/*# sourceMappingURL=style.css.map */