#tabsqr {
  position: relative; }
  #tabsqr:not(.--jsfied) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  #tabsqr .--hidden {
    display: none; }
  #tabsqr a {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 1.2;
    text-align: center;
    color: #383838;
    background-color: transparent; }
    @media only screen and (max-width: 575px) {
      #tabsqr a {
        font-size: 14px; } }
    @media only screen and (min-width: 576px) {
      #tabsqr a {
        font-size: 1em; } }
  #tabsqr .-primarytabqr {
    display: flex; }
    #tabsqr .-primarytabqr > li {
      flex-grow: 1; }
      #tabsqr .-primarytabqr > li + li {
        list-style: none; }
      #tabsqr .-primarytabqr > li > a {
        white-space: nowrap;
        padding: 0.8em 0.6em; }
        #tabsqr .-primarytabqr > li > a:hover {
          background-color: #ccc; }
        #tabsqr .-primarytabqr > li > a:active {
          background-color: #F2562D;
          border-bottom: red 2px; }
      #tabsqr .-primarytabqr > li > button:hover {
        background-color: #ccc; }
      #tabsqr .-primarytabqr > li > button:active {
        background-color: #F2562D; }
    #tabsqr .-primarytabqr .-more {
      list-style: none !important;
      background-image: none !important; }
      #tabsqr .-primarytabqr .-more > button span {
        display: inline-block;
        transition: transform 0.2s; }
  #tabsqr .-secondaryqr {
    background-color: #fff;
    padding: 0;
    max-width: 100%;
    min-width: 10em;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 0.3);
    -webkit-animation: nav-secondaryqr 0.2s;
    animation: nav-secondaryqr 0.2s; }
    #tabsqr .-secondaryqr li {
      background-color: #fff;
      list-style: none;
      z-index: 99999 !important; }
    #tabsqr .-secondaryqr a {
      padding: 0.6em; }
      #tabsqr .-secondaryqr a::before {
        background-image: none !important; }
      #tabsqr .-secondaryqr a:hover {
        background-color: #F2562D;
        border-radius: none; }
    #tabsqr .-secondaryqr button:hover {
      background-color: #F2562D;
      border-radius: none; }
    #tabsqr .-secondaryqr button:active {
      background-color: #D51E49; }

#tabsqr.--show-secondaryqr .-primarytabqr .-more > button span {
  transform: rotate(180deg); }
#tabsqr.--show-secondaryqr .-secondaryqr {
  display: block; }

@keyframes nav-secondaryqr {
  0% {
    opacity: 0;
    transform: translateY(-1em); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
#tabsqr .nav-link {
  border-radius: none !important;
  border-top-left-radius: none !important;
  border-top-right-radius: none !important; }
#tabsqr li::before {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important; }
#tabsqr .-more {
  z-index: 99;
  padding-top: 7px;
  content: none; }
  #tabsqr .-more::before {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important; }

.btn-bg {
  background: linear-gradient(to right, #f2562d, #f14c2a, #f04128, #ee3326, #ed2224);
  color: #ffff;
  border-color: #F2562D; }

#morebtn {
  border: none !important;
  background: none;
  text-transform: uppercase;
  font-weight: bold; }
  @media only screen and (max-width: 575px) {
    #morebtn {
      font-size: 14px;
      margin-top: 0px; } }
  @media only screen and (min-width: 576px) {
    #morebtn {
      font-size: 1em;
      margin-top: 2px; } }

#morebtn:hover {
  border: none !important;
  background: none !important;
  text-transform: uppercase;
  font-weight: bold; }

#morebtn:focus {
  border: none !important;
  background: none !important;
  text-transform: uppercase;
  font-weight: bold;
  outline: none !important; }

/*# sourceMappingURL=qrcode-tabmore.css.map */