/*
 * backend
*/
/*
:root
   {
      --tabs-c: #006171;
      --tabs-c-hover: #ffffff;
      --tabs-c-active: #ffffff;
      --tabs-bg-active: #006171;
      --tabs-bg-hover: #006171;
   }
*/
nav.tabs
   {
      display: block;
      position: relative;
      z-index: 2;
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
   }
.tabs ul
   {
      margin: 0 0 0.5em;
      padding: 0;
      list-style: none;
      text-align: center;
   }
.tabs ul > li 
   {
      display: inline-block;
      margin-right: 0.3em;
   }
.tabs a.is-active 
   {
      color: var(--tabs-c-active);
      background-color: var(--tabs-bg-active);
   }
.tabs a 
   {
      display: block;
      padding: 0.2em 1em;
      text-decoration: none;
      color: var(--tabs-c);
   }
.tabs a:focus, 
.tabs a:hover 
   {
      background-color: var(--tabs-bg-hover);
      color: var(--tabs-c-hover);
      text-decoration: none;
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      outline: 0;
   }