/* Global */
/* Content Container */
/* Content box */
/* Navigation */
/* Colors */
/* Accordion */
/* Log */
/* Blockquote */
/* Breadcrumbs */
/* Input */
/* Button */
/* Canvas */
/* Article */
/* Form */
/* Icon */
/* Img */
/* list */
/* pagination */
/* pre */
/* tag */
.tabview .tab-links {
  padding: 0.3rem 0 0 0; }
  .tabview .tab-links label {
    text-shadow: 1px 1px 1px #fff;
    font-size: 0.9em;
    cursor: pointer; }
  .tabview .tab-links .active a {
    cursor: default; }
  .tabview .tab-links li {
    display: inline-block; }
.tabview .tab-content > input {
  display: none; }
.tabview .tab-content > input + div {
  display: none; }
.tabview .tab-content > input:checked + div {
  display: inherit; }

.tab-1 .tab-links {
  margin: 0;
  border-bottom: 1px solid #b7b7b7; }
  .tab-1 .tab-links label {
    padding: 5px 10px 1px 10px;
    background: none;
    overflow: auto; }
  .tab-1 .tab-links .active, .tab-1 .tab-links .active label {
    background: #fff;
    border-bottom: 1px solid #fff; }
  .tab-1 .tab-links .active label {
    border-top: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7; }
  .tab-1 .tab-links li {
    margin: 0 5px 0 0; }
.tab-1 .tab-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-left: 1px solid #b7b7b7;
  border-right: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  padding: 10px; }
.tab-1.left {
  display: flex; }
  .tab-1.left .tab-links {
    margin: 0;
    border: none; }
    .tab-1.left .tab-links li {
      display: block;
      margin-bottom: 20px; }
    .tab-1.left .tab-links label {
      padding-bottom: 5px; }
    .tab-1.left .tab-links .active label {
      border-bottom: 1px solid #b7b7b7; }
  .tab-1.left .tab-content {
    width: 100%;
    border-top: 1px solid #b7b7b7; }

.tab-2 .tab-links label {
  padding: 5px 10px 5px 10px;
  border: 1px solid transparent; }
.tab-2 .tab-links li {
  margin: 0 5px 15px 0; }
.tab-2 .tab-links .active a, .tab-2 .tab-links .active label {
  border: 1px solid #b7b7b7;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0, #f5f5ff 100);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100, #f5f5ff));
  background: -webkit-linear-gradient(top, #fff 0, #f5f5ff 100);
  background: -o-linear-gradient(top, #fff 0, #f5f5ff 100);
  background: -ms-linear-gradient(top, #fff 0, #f5f5ff 100);
  background: linear-gradient(to bottom, #fff 0, #f5f5ff 100); }

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