/**
 * @file
 * Content Tabs Styling
 */

.content-tabs {
  width: 67%;
  margin: 0 auto;
  padding: 50px 0;
}

.content-tabs h2 {
  text-align: center;
}

.content-tabs ul.tabs {
  margin: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 0;
}

.content-tabs ul.tabs li {
  float: right;
  display: table-cell;
  width: 100%;
  float: none;
  text-align: center;
  cursor: pointer;
  padding: 12px 20px;
  list-style: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

.content-tabs .tab-content {
  display: none;
  padding: 15px;
}

.content-tabs .tab-content.current {
  display: inherit;
  margin-right: 0;
}

.content-tabs ul.tabs li:before {
  border: none;
}

.content-tabs ul.tabs li {
  font-weight: bold;
}

.content-tabs #vid iframe {
  width: 100%;
}

@media only screen and (max-width: 460px) {
  .content-tabs {
    width: 100%;
    padding: 30px 0px;
  }

  .content-tabs ul.tabs {
    display: none;
  }

  .content-tabs .tab-content {
    display: block;
    padding: 0 10px;
  }

  .content-tabs .tab-content .tab-inner {
    padding: 0 10px;
  }

  .content-tabs .tab-content.current .tab-inner {
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }

  .content-tabs .tab-content::before {
    cursor: pointer;
    font-weight: bold;
    display: block;
    padding: 15px 10px;
  }

  .content-tabs .tab-content.current::before {
    color: #10384f;
    background-color: #f4f4f4;
  }

  .content-tabs .tab-content:before {
    content: attr(data-title);
  }

  .content-tabs .tab-content .tab-inner {
    opacity: 0;
    visibility: hidden;
    height: 0;
  }

  .content-tabs .tab-content.current .tab-inner {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 15px 10px;
  }

  .content-tabs .tab-content::before {
    cursor: pointer;
    font-weight: bold;
    display: block;
  }

  .content-tabs .tab-content.content-tabs__bayer-dark-blue::before {
    background: #10384f;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-mid-blue::before {
    background: #00617f;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-blue::before {
    background: #0091df;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-bright-blue::before {
    background: #00bcff;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-green::before {
    background: #66b512;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-bright-green::before {
    background: #89d329;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-service::before {
    background: #6bc200;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-biliscopin::before {
    background: #da2b3e;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-primovist::before {
    background: #da2b3e;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-medrad::before {
    background: #e46c0a;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-urografin::before {
    background: #6bc200;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-gastrografin::before {
    background: #008264;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-certegra::before {
    background: #007a33;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-gadovist::before {
    background: #bd197a;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-magnevist::before {
    background: #4e287e;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-radimetrics::before {
    background: #2c5697;
    color: #ffffff;
  }
  .content-tabs .tab-content.content-tabs__bayer-ultravist::before {
    background: #0090c5;
    color: #ffffff;
  }

  .content-tabs .tab-content.content-tabs__bayer-dark-blue::before,
  .content-tabs .tab-content.current.content-tabs__bayer-mid-blue::before,
  .content-tabs .tab-content.current.content-tabs__bayer-blue::before,
  .content-tabs .tab-content.current.content-tabs__bayer-bright-blue::before,
  .content-tabs .tab-content.current.content-tabs__bayer-green::before,
  .content-tabs .tab-content.current.content-tabs__bayer-bright-green::before,
  .content-tabs .tab-content.current.content-tabs__bayer-service::before,
  .content-tabs .tab-content.current.content-tabs__bayer-biliscopin::before,
  .content-tabs .tab-content.current.content-tabs__bayer-primovist::before,
  .content-tabs .tab-content.current.content-tabs__bayer-medrad::before,
  .content-tabs .tab-content.current.content-tabs__bayer-urografin::before,
  .content-tabs .tab-content.current.content-tabs__bayer-gastrografin::before,
  .content-tabs .tab-content.current.content-tabs__bayer-certegra::before,
  .content-tabs .tab-content.current.content-tabs__bayer-gadovist::before,
  .content-tabs .tab-content.current.content-tabs__bayer-magnevist::before,
  .content-tabs .tab-content.current.content-tabs__bayer-radimetrics::before,
  .content-tabs .tab-content.current.content-tabs__bayer-ultravist::before {
    color: #10384f;
    background-color: #f4f4f4;
  }
}

@media only screen and (max-width: 768px) {
  .content-tabs #vid iframe {
    width: auto;
  }
}

.content-tabs ul.tabs li.content-tabs__bayer-dark-blue {
  background: #10384f;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-mid-blue {
  background: #00617f;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-blue {
  background: #0091df;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-bright-blue {
  background: #00bcff;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-green {
  background: #66b512;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-bright-green {
  background: #89d329;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-service {
  backgrounf: #6bc200;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-biliscopin {
  background: #da2b3e;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-primovist {
  background: #da2b3e;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-medrad {
  background: #e46c0a;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-urografin {
  background: #6bc200;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-gastrografin {
  background: #008264;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-certegra {
  background: #007a33;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-gadovist {
  background: #bd197a;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-magnevist {
  background: #4e287e;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-radimetrics {
  background: #2c5697;
  color: #ffffff;
}

.content-tabs ul.tabs li.content-tabs__bayer-ultravist {
  background: #0090c5;
  color: #ffffff;
}

.content-tabs ul.tabs li.current.content-tabs__bayer-dark-blue,
.content-tabs ul.tabs li.current.content-tabs__bayer-mid-blue,
.content-tabs ul.tabs li.current.content-tabs__bayer-blue,
.content-tabs ul.tabs li.current.content-tabs__bayer-bright-blue,
.content-tabs ul.tabs li.current.content-tabs__bayer-green,
.content-tabs ul.tabs li.current.content-tabs__bayer-bright-green,
.content-tabs ul.tabs li.current.content-tabs__bayer-service,
.content-tabs ul.tabs li.current.content-tabs__bayer-biliscopin,
.content-tabs ul.tabs li.current.content-tabs__bayer-primovist,
.content-tabs ul.tabs li.current.content-tabs__bayer-medrad,
.content-tabs ul.tabs li.current.content-tabs__bayer-urografin,
.content-tabs ul.tabs li.current.content-tabs__bayer-gastrografin,
.content-tabs ul.tabs li.current.content-tabs__bayer-certegra,
.content-tabs ul.tabs li.current.content-tabs__bayer-gadovist,
.content-tabs ul.tabs li.current.content-tabs__bayer-magnevist,
.content-tabs ul.tabs li.current.content-tabs__bayer-radimetrics,
.content-tabs ul.tabs li.current.content-tabs__bayer-ultravist {
  color: #10384f;
  background-color: #f4f4f4;
}