/* Copyright 2017 Dominik Krulak
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* -------------------------------- ABOUT --------------------------------------
 * Compiled to:      tbNavXT.min.css
 * File name abbr.:  tab navigation horizontal top
 * Description:      tab navigation positioned on top. It can either have
 *                   relative or fixed position set by class names from
 *                   ../layout/_layout.scss
 * ---------------------------------------------------------------------------*/
/* Copyright 2017 Dominik Krulak
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* -------------------------------- ABOUT --------------------------------------
 * Compiled to:      *
 * File name abbr.:  -
 * Description:      SASS variables that are imported in almost every CSS
 *                   stylesheet.
 * ---------------------------------------------------------------------------*/
/* Local default fonts */
/* Google fonts */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Theme */
/* Typography and iconography colors */
/* SPINNER */
/* ANIMATION */
/* SNACKBAR */
/* Copyright 2017 Dominik Krulak
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* -------------------------------- ABOUT --------------------------------------
 * Compiled to:      *
 * File name abbr.:  -
 * Description:      SASS mixins that are imported in almost every CSS
 *                   stylesheet.
 * ---------------------------------------------------------------------------*/
/* Dialog */
#tbNavXT {
  position: relative;
  margin: 0;
}
#tbNavXT .stepBn {
  display: none;
}
#tbNavXT > .nav {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height: 6.5rem;
  border-bottom: 1px solid #e2e2e4;
  background-color: #ffffff;
  overflow: hidden;
  z-index: 4;
}
@media only screen and (max-width: 812px) {
  #tbNavXT > .nav {
    height: 5rem;
  }
}
#tbNavXT > .nav.fx {
  position: fixed;
  top: 0;
}
#tbNavXT > .nav > * > .gd {
  height: 6.5rem;
}
@media only screen and (max-width: 812px) {
  #tbNavXT > .nav > * > .gd {
    height: 5rem;
  }
}
#tbNavXT > .nav > * > .gd > * {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  align-self: center;
  height: 6.5rem;
}
@media only screen and (max-width: 812px) {
  #tbNavXT > .nav > * > .gd > * {
    height: 5rem;
  }
}
#tbNavXT > .nav > * > .gd > * > * {
  display: block;
  position: relative;
  font-family: "Arial", "Georgia", "Helvetica", "Tahoma", sans-serif;
  font-size: 1.25em;
  margin: 0 1.875rem;
  padding: 0;
  color: #919191;
  white-space: nowrap;
  text-decoration: none;
  height: 6.5rem;
  line-height: 6.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 812px) {
  #tbNavXT > .nav > * > .gd > * > * {
    font-size: 1.125em;
  }
}
@media only screen and (max-width: 812px) {
  #tbNavXT > .nav > * > .gd > * > * {
    margin: 0 1.375rem;
    height: 5rem;
    line-height: 5rem;
  }
}
#tbNavXT > .nav > * > .gd > * > *:hover, #tbNavXT > .nav > * > .gd > * > *:focus {
  text-decoration: none;
  color: #919191;
}
#tbNavXT > .nav > * > .gd > * > *:active {
  text-decoration: none;
  color: #919191;
}
#tbNavXT > .nav > * > .gd > * > *.vd {
  color: #f68400;
}
#tbNavXT > .tbCtMedia {
  margin: 10rem 0 2rem 0;
}
@media only screen and (max-width: 812px) {
  #tbNavXT > .tbCtMedia {
    margin: 5rem 0 1rem 0;
  }
}
#tbNavXT > .tbCt {
  margin-top: 6.5rem;
  border-left: 1px solid #e2e2e4;
  min-height: 400px;
}
@media only screen and (max-width: 1024px) {
  #tbNavXT > .tbCt {
    margin-top: 0;
    border-top: 1px solid #e2e2e4;
  }
}
#tbNavXT > .tbCt > *:not(.skp) {
  display: none;
  padding: 0;
}
#tbNavXT #step1bn[disabled] ~ .nav > * > * > * > #step1LblBn {
  color: #c6c6c6;
  pointer-events: none;
}
#tbNavXT #step1bn:checked ~ .nav > * > * > * > #step1LblBn {
  color: #1d1d1f;
}
#tbNavXT #step1bn:checked ~ .nav > * > * > * > #step1LblBn.vd {
  color: #f68400;
}
#tbNavXT #step1bn:checked ~ .tbCt #step1 {
  display: block;
}
#tbNavXT #step2bn[disabled] ~ .nav > * > * > * > #step2LblBn {
  color: #c6c6c6;
  pointer-events: none;
}
#tbNavXT #step2bn:checked ~ .nav > * > * > * > #step2LblBn {
  color: #1d1d1f;
}
#tbNavXT #step2bn:checked ~ .nav > * > * > * > #step2LblBn.vd {
  color: #f68400;
}
#tbNavXT #step2bn:checked ~ .tbCt #step2 {
  display: block;
}
#tbNavXT #step3bn[disabled] ~ .nav > * > * > * > #step3LblBn {
  color: #c6c6c6;
  pointer-events: none;
}
#tbNavXT #step3bn:checked ~ .nav > * > * > * > #step3LblBn {
  color: #1d1d1f;
}
#tbNavXT #step3bn:checked ~ .nav > * > * > * > #step3LblBn.vd {
  color: #f68400;
}
#tbNavXT #step3bn:checked ~ .tbCt #step3 {
  display: block;
}
#tbNavXT #step4bn[disabled] ~ .nav > * > * > * > #step4LblBn {
  color: #c6c6c6;
  pointer-events: none;
}
#tbNavXT #step4bn:checked ~ .nav > * > * > * > #step4LblBn {
  color: #1d1d1f;
}
#tbNavXT #step4bn:checked ~ .nav > * > * > * > #step4LblBn.vd {
  color: #f68400;
}
#tbNavXT #step4bn:checked ~ .tbCt #step4 {
  display: block;
}
#tbNavXT #step5bn[disabled] ~ .nav > * > * > * > #step5LblBn {
  color: #c6c6c6;
  pointer-events: none;
}
#tbNavXT #step5bn:checked ~ .nav > * > * > * > #step5LblBn {
  color: #1d1d1f;
}
#tbNavXT #step5bn:checked ~ .nav > * > * > * > #step5LblBn.vd {
  color: #f68400;
}
#tbNavXT #step5bn:checked ~ .tbCt #step5 {
  display: block;
}
#tbNavXT #step6bn[disabled] ~ .nav > * > * > * > #step6LblBn {
  color: #c6c6c6;
  pointer-events: none;
}
#tbNavXT #step6bn:checked ~ .nav > * > * > * > #step6LblBn {
  color: #1d1d1f;
}
#tbNavXT #step6bn:checked ~ .nav > * > * > * > #step6LblBn.vd {
  color: #f68400;
}
#tbNavXT #step6bn:checked ~ .tbCt #step6 {
  display: block;
}