﻿/* #region GREY LAYOUT */
/* new */
/* old -- still in use! */
/* #endregion */
/* #region BRAND COLORS */
/* for reference: old colors are behind every value in comments */
/*#0A665A;*/
/*#4AA89B;*/
/*#92CBC3;*/
/*#C6E2DE;*/
/*#DBEEEB;*/
/*#EBF7F5;*/
/*#D46124;*/
/*#FB9860;*/
/*#FDC19F;*/
/*#FEEADF;*/
/*#004878;*/
/*#4086B6;*/
/*#8CB6D3;*/
/*#D9E7F1;*/
/*#0084BD;*/
/*#40B7EA;*/
/*#8CD4F2;*/
/*#D9F1FB;*/
/*#A82623;*/
/*#DA6260;*/
/*#E9A19F;*/
/*#F8E0DF;*/
/*#71A133;*/
/*#AAD56F;*/
/*#CCE6A8;*/
/*#EEF7E2;*/
/*#D99800;*/
/*#FFC740;*/
/*#FFDD8C;*/
/*#FFF4D9;*/
/*#7A407A;*/
/*#B97FB9;*/
/*#D5B2D5;*/
/*#F1E6F1;*/
/*#A10541;*/
/*#D4447D;*/
/*#E58FB1;*/
/*#F7DAE5;*/
/* #endregion */
/* #region OTHER BRAND'S COLORS */
/* #endregion */
/* SEARCH COLORS */
.sw-table {
  max-width: 833px;
  table-layout: fixed;
}
.sw-table tr {
  display: table-row;
}
.sw-table th.icon:before {
  color: #009EE3;
  margin-right: 0;
}
/* SMALL & MEDIUM SCREENS - specific styles (avoids the need to overwrite these styles for large screens) */
@media screen and (max-width: 650px) {
  /* convert table to block-level element */
  .sw-table,
  .sw-table thead,
  .sw-table tbody,
  .sw-table th,
  .sw-table td,
  .sw-table tr {
    display: block;
  }
  .sw-table {
    /* hide table headers (for accessibility not using display: none) */
    /* make table cell behave like a 'row' */
    /* insert before value as table-header (top/left = padding) */
  }
  .sw-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .sw-table tr:nth-child(odd) {
    background-color: #d9f0fb;
  }
  .sw-table tr:nth-child(even) {
    background-color: #FFFFFF;
  }
  .sw-table tr {
    margin-bottom: 1em;
  }
  .sw-table td {
    border: none;
    /*border-bottom: 1px solid #eee;*/
    position: relative;
    padding: 0 0 0 45%;
    white-space: normal;
  }
  .sw-table td:before {
    font-family: "Titillium", Verdana, sans-serif, Arial;
    font-style: italic;
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 0;
    width: 40%;
    white-space: nowrap;
  }
}
/* MEDIUM SCREENS */
@media screen and (min-width: 650px) {
  .sw-table {
    width: 100%;
  }
  .sw-table thead tr {
    background-color: #d9f0fb;
  }
  .sw-table tbody tr:nth-child(even) {
    background-color: #E6E6E6;
  }
  .sw-table th {
    cursor: pointer;
  }
}