/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* /styles/mixins.scss */
.gio-tabs {
  display: flex;
  justify-content: flex-start; }
  .gio-tabs__tabs {
    flex-shrink: 0; }
  .gio-tabs__extras {
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin-left: 10px; }
  .gio-tabs__tab {
    display: inline-block;
    position: relative;
    height: 37px;
    line-height: 37px;
    text-align: center;
    min-width: 80px; }
    .gio-tabs__tab:hover {
      cursor: pointer; }
    .gio-tabs__tab__error {
      display: inline-flex;
      position: absolute;
      left: 0;
      align-items: center;
      height: 37px;
      margin: 0 5px; }
  .gio-tabs--primary-style .gio-tabs__tab {
    font-weight: 700;
    margin: 5px 10px; }
    .gio-tabs--primary-style .gio-tabs__tab--active {
      border-top: 1px solid #007a87; }
  .gio-tabs--secondary-style .gio-tabs__tab {
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #a3a3a3;
    border-color: #58bfb8;
    padding: 0 20px;
    min-width: 80px; }
    .gio-tabs--secondary-style .gio-tabs__tab:hover {
      color: #313131; }
    .gio-tabs--secondary-style .gio-tabs__tab--active {
      border-top: none;
      border-bottom-width: 3px;
      border-bottom-style: solid;
      color: #313131; }
  .gio-tabs--tertiary-style {
    background-color: #e8e8e8;
    padding: 10px 20px 0 20px; }
    .gio-tabs--tertiary-style .gio-tabs__tab {
      padding: 0 20px;
      color: #5f5f5f;
      min-width: 80px;
      text-transform: uppercase; }
      .gio-tabs--tertiary-style .gio-tabs__tab--active {
        border: none;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: #fafafa; }