/* -------------------------------------------------------------
    SITE: https://www.nafra.at/adad_st2023/
    FILE: style.less/style.css/style.min.css
    AUTHOR: Stefan Nafra
    UPDATED: 01.02.2022

    STRUCTURE:
      1. VARIABLES
        1.01 COLORS
        1.02 FONTS
        1.03 PATHS
      2. MIXINS
        2.01 VENDOR PREFIXES
        2.02 HELPER FUNCTIONS
      3. STANDARD
      4. STRUCTURE
      5. CONTENT
      6. RESPONSIVE
      7. PLUGIN
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    1. VARIABLES
      1.01 COLORS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      1.02 FONTS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      1.03 PATHS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    2. MIXINS
      2.01 VENDOR PREFIXES
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      2.02 HELPER FUNCTIONS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    3. STANDARD
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: standard.less
    AUTHOR: Stefan Nafra
    UPDATED: 31.11.2020

    STRUCTURE:
      3.01 RESET
      3.02 DEFAULTS
        3.02.01 MISCELLANEOUS
        3.02.02 HEADLINE
        3.02.03 LINK
        3.02.04 FORM
      3.03 CARD
      3.04 OWL-CAROUSEL
      3.05 SLIDER
      3.06 EFFECT-GROW
      3.07 PACKAGES-SEARCH
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      3.01 RESET
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
p:empty {
  margin: 0;
  padding: 0 !important;
}
p:last-child,
ul:last-child,
li:last-child,
dl:last-child,
dd:last-child,
label:last-child,
.alert:last-child,
.row:last-child {
  margin-bottom: 0;
}
/* -------------------------------------------------------------
      3.02 DEFAULTS
        3.02.01 MISCELLANEOUS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
  background-color: #FFF;
  color: #000;
  font: 400 0.9em/1.6em Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}
ul {
  list-style: none;
  padding-left: 0;
}
ul li {
  margin: 0 0 4px 4px;
}
ul.squared {
  list-style: square outside;
  padding-left: 20px;
}
table th,
table td {
  border-style: dotted !important;
  vertical-align: middle !important;
}
table th {
  border-bottom-style: solid !important;
}
.background-color--light {
  background-color: #FFF;
}
.background-color--dark {
  background-color: #F8F8F8;
}
.background-color--yellow {
  background-color: #FADE03;
}
.background-color--blue {
  background-color: #1695A3;
}
.color--yellow {
  color: #FADE03;
}
.color--blue {
  color: #1695A3;
}
.quote p {
  font-style: italic;
}
.quotemark {
  margin: 0 3px 3px;
}
.quotemark.fa-quote-right {
  margin: 3px 3px 0;
}
/* -------------------------------------------------------------
        3.02.02 HEADLINE
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1,
h2,
h3,
h4 {
  color: #555;
  font-family: Montserrat, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* -------------------------------------------------------------
        3.02.03 LINK
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a:link,
a:visited {
  color: #A50E35;
  text-decoration: none;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #1695A3;
  outline: none;
  text-decoration: underline;
}
a:hover .fa,
a:focus .fa,
a:active .fa,
a.active .fa,
a:hover .far,
a:focus .far,
a:active .far,
a.active .far,
a:hover .fas,
a:focus .fas,
a:active .fas,
a.active .fas {
  color: #1695A3;
}
a.disabled {
  color: #B2B2B2;
  cursor: default;
  text-decoration: none;
}
/* -------------------------------------------------------------
        3.02.04 FORM
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
select,
button,
label {
  cursor: pointer;
}
.form-control {
  border: 1px solid #E3E3E3;
  color: #000;
}
button,
.btn {
  background-color: #F8F8F8;
  border: 1px solid #E3E3E3;
  color: #555;
  font-weight: 600;
}
button:hover,
.btn:hover,
button:focus,
.btn:focus,
button.active,
.btn.active {
  background: linear-gradient(to bottom, #1DC1D3, #1695A3);
  color: #F2F2F2;
  outline: none;
  text-decoration: none;
}
button[disabled],
.btn[disabled],
button.disabled,
.btn.disabled {
  background: #F8F8F8;
  color: #B2B2B2;
  cursor: not-allowed;
}
button[disabled]:hover,
.btn[disabled]:hover,
button.disabled:hover,
.btn.disabled:hover,
button[disabled]:focus,
.btn[disabled]:focus,
button.disabled:focus,
.btn.disabled:focus {
  background: #F8F8F8;
}
button.btn-secondary,
.btn.btn-secondary {
  box-shadow: none;
  background: transparent;
  border: none;
  margin-right: 15px !important;
  padding: 0;
}
button.btn-secondary:hover,
.btn.btn-secondary:hover,
button.btn-secondary:focus,
.btn.btn-secondary:focus {
  color: #A50E35;
}
/* -------------------------------------------------------------
      3.03 CARD
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.js-card-filter {
  position: relative;
}
.card__filter {
  position: absolute;
  top: 15px;
  right: 15px;
}
.card__filter a:hover .fa-stack,
.card__filter a:focus .fa-stack,
.card__filter a:active .fa-stack,
.card__filter a.active .fa-stack {
  color: #A50E35 !important;
}
.card__filter a:hover .fa-stack-1x,
.card__filter a:focus .fa-stack-1x,
.card__filter a:active .fa-stack-1x,
.card__filter a.active .fa-stack-1x {
  color: #FFF;
}
.card__filter a.active {
  cursor: default;
}
.card__deck--cards-marginbottom .card {
  margin-bottom: 30px;
}
.card__deck--cards-marginbottom .card:last-child {
  margin-bottom: 0;
}
.card__deck--cards-transparent .card {
  background: 255;
  background: rgba(255, 255, 255, 0.9);
}
.card__deck--cards-shadow .card {
  box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.09), 0 -12px 10px -10px rgba(0, 0, 0, 0.04);
}
.card__deck--cards-shadow--weak .card {
  box-shadow: 1px 1px 4px #DDD;
}
.card__deck--cards-center .card {
  text-align: center;
}
.card__deck--cards-fancy .card {
  box-shadow: 0 3px 13px 1px #DDD !important;
  transition: 0.3s all;
}
.card__deck--cards-fancy .card:hover {
  box-shadow: 1px 1px 4px #DDD;
  bottom: -3px;
}
.card__deck--cards-fancy .card:hover {
  box-shadow: 1px 1px 4px #DDD;
  bottom: -3px;
}
.card__deck--cards-vertical .card .card__title__container {
  text-align: center;
}
.card__deck--cards-vertical .card .card__title__container hr {
  display: block;
}
.card__deck--cards-vertical .card .card__title__container .card__title {
  background-color: #FFF;
  color: #A50E35;
  display: inline-block;
  margin-bottom: 15px !important;
  padding: 6px 20px 4px !important;
  position: relative;
}
.card__deck--cards-vertical .card .card__title__container {
  text-align: center;
}
.card__deck--cards-vertical .card .card__title__container hr {
  display: block;
}
.card__deck--cards-vertical .card .card__title__container .card__title {
  background-color: #FFF;
  color: #A50E35;
  display: inline-block;
  margin-bottom: 15px !important;
  padding: 6px 20px 4px !important;
  position: relative;
}
.card__deck--cards-vertical .card .col-12,
.card__deck--cards-vertical .card .col {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.card__deck--cards-horizontal > .col-12,
.card__deck--cards-horizontal > .col {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.card__deck--cards-horizontal .card .card__title {
  text-align: center;
  border-bottom: 1px dotted #555;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.card__deck--cards-horizontal .card .card__title {
  text-align: center;
  border-bottom: 1px dotted #555;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.card {
  border: none;
}
.card:nth-child(0) {
  z-index: 30;
}
.card:nth-child(1) {
  z-index: 29;
}
.card:nth-child(2) {
  z-index: 28;
}
.card:nth-child(3) {
  z-index: 27;
}
.card:nth-child(4) {
  z-index: 26;
}
.card:nth-child(5) {
  z-index: 25;
}
.card:nth-child(6) {
  z-index: 24;
}
.card:nth-child(7) {
  z-index: 23;
}
.card:nth-child(8) {
  z-index: 22;
}
.card:nth-child(9) {
  z-index: 21;
}
.card:nth-child(10) {
  z-index: 20;
}
.card:nth-child(11) {
  z-index: 19;
}
.card:nth-child(12) {
  z-index: 18;
}
.card:nth-child(13) {
  z-index: 17;
}
.card:nth-child(14) {
  z-index: 16;
}
.card:nth-child(15) {
  z-index: 15;
}
.card:nth-child(16) {
  z-index: 14;
}
.card:nth-child(17) {
  z-index: 13;
}
.card:nth-child(18) {
  z-index: 12;
}
.card:nth-child(19) {
  z-index: 11;
}
.card:nth-child(20) {
  z-index: 10;
}
.card:nth-child(21) {
  z-index: 9;
}
.card:nth-child(22) {
  z-index: 8;
}
.card:nth-child(23) {
  z-index: 7;
}
.card:nth-child(24) {
  z-index: 6;
}
.card:nth-child(25) {
  z-index: 5;
}
.card:nth-child(26) {
  z-index: 4;
}
.card:nth-child(27) {
  z-index: 3;
}
.card:nth-child(28) {
  z-index: 2;
}
.card:nth-child(29) {
  z-index: 1;
}
.card--fancy {
  box-shadow: 0 3px 13px 1px #DDD !important;
  transition: 0.3s all;
}
.card--fancy:hover {
  box-shadow: 1px 1px 4px #DDD;
  bottom: -3px;
}
.card--vertical .card__title__container {
  text-align: center;
}
.card--vertical .card__title__container hr {
  display: block;
}
.card--vertical .card__title__container .card__title {
  background-color: #FFF;
  color: #A50E35;
  display: inline-block;
  margin-bottom: 15px !important;
  padding: 6px 20px 4px !important;
  position: relative;
}
.card--vertical .col-12,
.card--vertical .col {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.card--horizontal .card__title {
  text-align: center;
  border-bottom: 1px dotted #555;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.card img {
  box-shadow: 1px 1px 4px #DDD;
}
.card hr {
  border: 1px solid #A50E35;
  display: none;
  position: relative;
  top: 18px;
  margin: 0;
}
.card .badge {
  margin: 0 5px 10px ;
}
/* -------------------------------------------------------------
    4. STRUCTURE
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: structure.less
    AUTHOR: Stefan Nafra
    UPDATED: 01.02.2022

    STRUCTURE:
      4.01 HEADER
      4.02 MAIN
      4.03 FOOTER
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      4.01 HEADER
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      4.02 MAIN
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.twitter__controller {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 998;
}
/* -------------------------------------------------------------
      4.03 FOOTER
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    5. CONTENT
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: content.less
    AUTHOR: Stefan Nafra
    UPDATED: 01.02.2023

    STRUCTURE:
      5.01 TUTORIAL
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      5.01 TUTORIAL
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-tutorial,
#page-twitter,
#page-project,
#page-report {
  background: fixed url('../image/layout/background-sauron.jpg') center bottom no-repeat #000c16;
  background-size: cover;
}
#page-tutorial .js-collapse-controller,
#page-twitter .js-collapse-controller,
#page-project .js-collapse-controller,
#page-report .js-collapse-controller {
  cursor: pointer;
}
#page-tutorial .js-collapse-controller:hover,
#page-twitter .js-collapse-controller:hover,
#page-project .js-collapse-controller:hover,
#page-report .js-collapse-controller:hover,
#page-tutorial .js-collapse-controller:focus,
#page-twitter .js-collapse-controller:focus,
#page-project .js-collapse-controller:focus,
#page-report .js-collapse-controller:focus,
#page-tutorial .js-collapse-controller:active,
#page-twitter .js-collapse-controller:active,
#page-project .js-collapse-controller:active,
#page-report .js-collapse-controller:active,
#page-tutorial .js-collapse-controller.active,
#page-twitter .js-collapse-controller.active,
#page-project .js-collapse-controller.active,
#page-report .js-collapse-controller.active {
  background-color: #F8F8F8;
  border-radius: 0.375rem;
  color: #1695A3 !important;
}
#page-tutorial tbody th,
#page-twitter tbody th,
#page-project tbody th,
#page-report tbody th {
  background-color: #F8F8F8;
  border: none !important;
}
#page-tutorial th,
#page-twitter th,
#page-project th,
#page-report th,
#page-tutorial td,
#page-twitter td,
#page-project td,
#page-report td {
  padding: 0.9rem;
}
#page-tutorial .tablesorter-filter-row td,
#page-twitter .tablesorter-filter-row td,
#page-project .tablesorter-filter-row td,
#page-report .tablesorter-filter-row td {
  padding: 0;
}
.twitter__tweet--new,
.twitter__comment--new {
  border: 3px solid #A50E35 !important;
}
.js-twitter-reactions-user span:last-child {
  border-right: none !important;
}
.tutorial {
  z-index: 1030;
}
.tutorial h4,
.tutorial h5 {
  color: #000 !important;
}
.tutorial__body {
  overflow-y: auto;
}
.tutorial__controller {
  margin: 1rem -1rem -1rem;
}
.code {
  background-color: #F8F8F8;
  padding: 5px;
}
.editor__type {
  position: absolute;
  top: 7px;
  right: 0;
  z-index: 99;
  background-color: #F8F8F8;
}
.editor__controller {
  position: absolute;
  bottom: 9px;
  right: 0;
  z-index: 99;
  background-color: #F5F2F0;
}
.editor--small .CodeMirror {
  flex-grow: 1;
}
/* -------------------------------------------------------------
    6. RESPONSIVE
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: responsive.less
    AUTHOR: Stefan Nafra
    UPDATED: 01.02.2022

    STRUCTURE:
      6.01 MAX-WIDTH-767
      6.02 MIN-WIDTH-768
      6.03 MAX-WIDTH-991
      6.04 MIN-WIDTH-992
      6.05 MAX-WIDTH-1199
      6.06 MIN-WIDTH-1200
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      6.01 MAX-WIDTH-767
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 767px) {
  h2,
  h3 {
    font-size: 1.1rem;
  }
}
/* -------------------------------------------------------------
      6.02 MIN-WIDTH-768
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      6.03 MAX-WIDTH-991
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      6.04 MIN-WIDTH-992
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      6.05 MAX-WIDTH-1199
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      6.06 MIN-WIDTH-1200
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    7. PLUGIN
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: plugin.less
    AUTHOR: Stefan Nafra
    UPDATED: 31.11.2020

    STRUCTURE:
      7.01 NAFRA-TAB
      7.02 NAFRA-MODAL
      7.03 NAFRA-SPINNER
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      7.01 NAFRA-TAB
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.nafra-tab--dotted > .nafra-tab__control {
  text-align: center;
}
.nafra-tab--dotted > .nafra-tab__control .nafra-tab__controller:link,
.nafra-tab--dotted > .nafra-tab__control .nafra-tab__controller:visited {
  background: #555;
  display: inline-block;
  margin: 5px 5px 20px 5px;
  padding: 5px 15px;
}
.nafra-tab--dotted > .nafra-tab__control .nafra-tab__controller:hover,
.nafra-tab--dotted > .nafra-tab__control .nafra-tab__controller:focus,
.nafra-tab--dotted > .nafra-tab__control .nafra-tab__controller:active,
.nafra-tab--dotted > .nafra-tab__control .nafra-tab__controller.active {
  background: #A50E35 !important;
}
.nafra-tab--text > .nafra-tab__control > .nafra-tab__controller:link,
.nafra-tab--text > .nafra-tab__control > .nafra-tab__controller:visited {
  border: 1px solid transparent;
  color: #A50E35;
  padding: 10px 12px 9px;
}
.nafra-tab--text > .nafra-tab__control > .nafra-tab__controller:hover,
.nafra-tab--text > .nafra-tab__control > .nafra-tab__controller:focus,
.nafra-tab--text > .nafra-tab__control > .nafra-tab__controller:active {
  text-decoration: none;
}
.nafra-tab--text > .nafra-tab__control > .nafra-tab__controller.active {
  color: #000;
  cursor: default;
}
.nafra-tab--text > .nafra-tab__control > .nafra-tab__controller img {
  display: none;
}
.nafra-tab--horizontal > .nafra-tab__control {
  border-bottom: 1px solid #E3E3E3;
  padding: 0 10px;
}
.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller:link,
.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller:visited {
  border-bottom-color: #E3E3E3;
  display: inline-block;
  margin-bottom: -1px;
}
.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller:hover,
.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller:focus,
.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller:active,
.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller.active {
  border-radius: 3px 3px 0 0;
}
.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller.active {
  border-color: #E3E3E3;
  border-bottom-color: #FFF;
}
.nafra-tab--vertical {
  display: -ms-flexbox;
  display: flex;
}
.nafra-tab--vertical > .nafra-tab__control {
  border-right: 1px solid #E3E3E3;
  padding: 10px 0;
}
.nafra-tab--vertical > .nafra-tab__control > .nafra-tab__controller:link,
.nafra-tab--vertical > .nafra-tab__control > .nafra-tab__controller:visited {
  transform: rotate(-180deg);
  border-left-color: #E3E3E3;
  display: block;
  margin-right: -1px;
  writing-mode: vertical-rl;
}
.nafra-tab--vertical > .nafra-tab__control > .nafra-tab__controller:hover,
.nafra-tab--vertical > .nafra-tab__control > .nafra-tab__controller:focus,
.nafra-tab--vertical > .nafra-tab__control > .nafra-tab__controller:active,
.nafra-tab--vertical > .nafra-tab__control > .nafra-tab__controller.active {
  border-radius: 0 3px 3px 0;
}
.nafra-tab--vertical > .nafra-tab__control > .nafra-tab__controller.active {
  border-color: #E3E3E3;
  border-left-color: #FFF;
}
.nafra-tab--large > .nafra-tab__control {
  background-color: #F8F8F8;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  text-align: center;
}
.nafra-tab--large > .nafra-tab__control > .nafra-tab__controller:link,
.nafra-tab--large > .nafra-tab__control > .nafra-tab__controller:visited {
  border-color: #E3E3E3;
  border-left-color: #FFF;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 25px;
}
.nafra-tab--large > .nafra-tab__control > .nafra-tab__controller:hover,
.nafra-tab--large > .nafra-tab__control > .nafra-tab__controller:focus,
.nafra-tab--large > .nafra-tab__control > .nafra-tab__controller:active {
  background-color: #FFF;
}
.nafra-tab--large > .nafra-tab__control > .nafra-tab__controller:last-child {
  border-right: 0;
}
.nafra-tab--large > .nafra-tab__control > .nafra-tab__controller.active {
  border-bottom: 1px solid #FFF;
  background-color: #FFF;
}
.nafra-tab--large > .nafra-tab__content {
  padding: 2rem 0 0 !important;
}
.nafra-tab--bigfont > .nafra-tab__control > .nafra-tab__controller:link,
.nafra-tab--bigfont > .nafra-tab__control > .nafra-tab__controller:visited {
  font: 1.3em/1.3em Montserrat, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.nafra-tab--light.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller.active {
  border-bottom-color: #FFF;
}
.nafra-tab--light.nafra-tab--vertical > .nafra-tab__control > .nafra-tab__controller.active {
  border-left-color: #FFF;
}
.nafra-tab--light > .nafra-tab__control > .nafra-tab__controller.active,
.nafra-tab--light > .nafra-tab__content {
  background-color: #FFF;
}
.nafra-tab--dark.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller.active {
  border-bottom-color: #F8F8F8;
}
.nafra-tab--dark.nafra-tab--vertical > .nafra-tab__control > .nafra-tab__controller.active {
  border-left-color: #F8F8F8;
}
.nafra-tab--dark > .nafra-tab__control > .nafra-tab__controller.active,
.nafra-tab--dark > .nafra-tab__content {
  background-color: #F8F8F8;
}
.nafra-tab--center.nafra-tab--horizontal > .nafra-tab__control {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.nafra-tab--center.nafra-tab--horizontal > .nafra-tab__control > .nafra-tab__controller {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.nafra-tab--textimage.nafra-tab--center > .nafra-tab__control > .nafra-tab__controller img {
  display: block;
}
.nafra-tab--border.nafra-tab--horizontal > .nafra-tab__content {
  border-top: none;
}
.nafra-tab--border.nafra-tab--vertical > .nafra-tab__content {
  border-left: none;
}
.nafra-tab--border > .nafra-tab__content {
  border: 1px solid #E3E3E3;
}
.nafra-tab--shadow > .nafra-tab__content {
  box-shadow: 1px 1px 4px #DDD;
}
.nafra-tab > .nafra-tab__content {
  padding: 1rem;
}
/* -------------------------------------------------------------
      7.02 NAFRA-MODAL
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.js-nafra-modal {
  cursor: pointer;
}
figure[data-modal-type="video"]:hover .fa-youtube {
  color: #A50E35;
}
/* -------------------------------------------------------------
      7.03 NAFRA-SPINNER
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.nafra-spinner {
  width: 105px;
}
.nafra-spinner input {
  height: 40px;
}