/*------------------------------------------------------------------------
# mod_mx_awesomefaq Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2020 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/

:root {   
    --mxtb-base: #c00;
}

#tab-center {
 background-color:#f5f7fb;
 padding:20px
}
#tab-center .tab-content {
  padding: 20px;
  border: 1px solid #dcdcdc;
  background: #fff;
  color: #222;
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
}
@media(min-width:992px) {
 .tabbable .nav-tabs-wrap {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:26px;
  width:100%;
  padding-left:26px;
  padding-right:26px
 }
}

#tab-center ul.nav-tabs {
 background:#fff;
 border-radius:50px;
 border:0;
 margin:0;
 padding:8px;
 list-style:none;
 display:flex;
 align-items:center;
 justify-content:space-between;
 border: 1px solid #dcdcdc;
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
 text-align:center
}
#tab-center ul.nav-tabs li {
	width:auto;
	display:inline-block;
	margin:0 1px;
}

#tab-center ul.nav-tabs li a {
 background-color:transparent; 
 color: #111;
 position:relative;
 display:block;
 color:#1c1c1e;
 border-radius:50px;
 font-size:17px;
 font-weight:600;
 margin:0;
 padding:13px 16px;
 line-height: normal;
border: 0;
 transition:all .3s cubic-bezier(.25,.8,.25,1)
}

#tab-center .nav-tabs>li>a small {
 display:none;
 font-size:14px;
 font-weight:400;
 margin-top:6.5px;
 letter-spacing:0;
 white-space:nowrap;
 text-transform:none;
 color:#1c1c1e;
 opacity:.8
}
@media screen and (min-width:768px) {
#tab-center .nav-tabs>li>a small {
  display:block;
 }
}
#tab-center .nav-tabs>li>a:hover,
#tab-center .nav-tabs>li>a:focus,
#tab-center .nav-tabs>li>a:active {
 background-color:transparent;
 color:var(--mxtb-base);
 text-decoration:none
}
#tab-center .nav-tabs>li>a:hover small,
#tab-center .nav-tabs>li>a:focus small,
#tab-center .nav-tabs>li>a:active small {
 opacity: 1
}
#tab-center .nav-tabs>li>a.active {
 background-color: var(--mxtb-base) !important;
 color: #fff !important;
 box-shadow:0 0 0 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.3)
}
#tab-center .nav-tabs>li>a.active small {
 color:#fff;
}

#tab-center .nav-tabs>li.active a small {
 opacity:1
}

#tab-center .tab-content .tab-pane {
 padding:5px
}
@media (max-width:576px) {
#tab-center ul.nav-tabs li {
  width:100% !important
 }
}

@media(min-width:992px) {
 .tabbable .nav-tabs-wrap {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:26px;
  width:100%;
  padding-left:26px;
  padding-right:26px
 }
}