/**
 * @package         Tabs
 * @version         7.5.2
 * 
 * @author          Peter van Westen <info@regularlabs.com>
 * @link            http://www.regularlabs.com
 * @copyright       Copyright © 2018 Regular Labs All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
/*
 * You can override this stylesheet by creating your own in:
 * /templates/[YOUR TEMPLATE]/css/tabs/style.min.css
 */
.rl_tabs .fade {
  opacity: 0;
  -webkit-transition: opacity 1ms linear;
  -moz-transition: opacity 1ms linear;
  -o-transition: opacity 1ms linear;
  transition: opacity 1ms linear;
}
.rl_tabs .fade.in {
  opacity: 1;
}
.rl_tabs.has_effects .fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.rl_tabs .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 1ms ease;
  -moz-transition: height 1ms ease;
  -o-transition: height 1ms ease;
  transition: height 1ms ease;
}
.rl_tabs .collapse.in {
  height: auto;
}
.rl_tabs.has_effects .collapse {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.rl_tabs > .nav {
  padding: 0;
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}
.rl_tabs > .nav > li > a {
  display: block;
}
.rl_tabs > .nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.rl_tabs > .nav > .pull-right {
  float: right;
}
.rl_tabs .nav-tabs {
  *zoom: 1;
  border-bottom: 1px solid #dddddd;
}
.rl_tabs .nav-tabs:before,
.rl_tabs .nav-tabs:after {
  display: table;
  content: "";
  line-height: 0;
}
.rl_tabs .nav-tabs:after {
  clear: both;
}
.rl_tabs .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.rl_tabs .nav-tabs > li > a {
  margin-right: 2px;
  padding: 8px 12px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.rl_tabs .nav-tabs > li > a:hover {
  border-color: #eee #eee #dddddd;
}
.rl_tabs .nav-tabs > li.active > a,
.rl_tabs .nav-tabs > li.active > a:hover {
  color: #555;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.rl_tabs .tab-content {
  overflow: visible;
}
.rl_tabs .tab-content > .tab-pane {
  *zoom: 1;
  display: none;
}
.rl_tabs .tab-content > .tab-pane:before,
.rl_tabs .tab-content > .tab-pane:after {
  display: table;
  content: "";
  line-height: 0;
}
.rl_tabs .tab-content > .tab-pane:after {
  clear: both;
}
.rl_tabs .tab-content > .active {
  display: block;
}
.rl_tabs-responsive > .rl_tabs-sm {
  border-bottom: 0;
}
.rl_tabs-responsive > .rl_tabs-sm > li {
  float: none;
}
.rl_tabs-responsive > .rl_tabs-sm > li > a {
  border: 1px solid #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.rl_tabs-responsive > .rl_tabs-sm > li > a:hover,
.rl_tabs-responsive > .rl_tabs-sm > li > a:focus {
  border-color: #dddddd;
  z-index: 2;
}
.rl_tabs-responsive > .rl_tabs-sm > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.rl_tabs-responsive > .rl_tabs-sm > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
span.rl_tabs-title-inactive {
  display: inherit;
}
span.rl_tabs-title-active {
  display: none;
}
.rl_tabs-responsive,
.rl_tabs {
  *zoom: 1;
  margin-bottom: 1em;
}
.rl_tabs-responsive:before,
.rl_tabs:before,
.rl_tabs-responsive:after,
.rl_tabs:after {
  display: table;
  content: "";
  line-height: 0;
}
.rl_tabs-responsive:after,
.rl_tabs:after {
  clear: both;
}
.rl_tabs-responsive:last-child,
.rl_tabs:last-child {
  margin-bottom: 0;
}
.rl_tabs > ul.nav-tabs > li {
  /* Reset styles to prevent templates li styles from messing stuff up */
  margin: 0 !important;
  margin-bottom: -1px !important;
  padding: 0 !important;
  list-style: none !important;
  list-style-image: none !important;
  background: none !important;
  overflow-y: visible !important;
}
.rl_tabs > ul.nav-tabs > li:before {
  content: "";
  margin: 0;
  padding: 0;
}
.rl_tabs > ul.nav-tabs > li > a {
  display: block !important;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  color: #3071a9;
  text-decoration: none;
  line-height: inherit;
}
.rl_tabs > ul.nav-tabs > li > a:hover {
  color: #1f496e;
  text-decoration: none;
}
.rl_tabs > ul.nav-tabs > li > a:focus,
.rl_tabs > ul.nav-tabs > li.active > a:focus {
  outline: none;
  border-color: #eab03f;
}
.rl_tabs > ul.nav-tabs > li.active span.rl_tabs-title-inactive {
  display: none;
}
.rl_tabs > ul.nav-tabs > li.active span.rl_tabs-title-active {
  display: inherit;
}
.rl_tabs > .tab-content {
  padding: 0;
}
.rl_tabs > .tab-content > .tab-pane {
  padding: 12px 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.rl_tabs > .tab-content > .tab-pane > :first-child {
  margin-top: 0;
}
.rl_tabs > .tab-content > .tab-pane > :last-child {
  margin-bottom: 0;
}
.rl_tabs > .tab-content > .tab-pane .rl_tabs-title {
  display: none;
}
.rl_tabs .rl_tabs-scroll,
.rl_tabs .rl_tabs-sm-scroll {
  position: relative;
  visibility: hidden;
  padding: 0;
}
.rl_tabs.outline_content > .tab-content {
  border: 1px solid #dddddd;
  border-top: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs.outline_content > .tab-content > .tab-pane {
  padding: 12px;
}
.rl_tabs.outline_content > ul.nav-tabs {
  margin-bottom: 0;
}
.rl_tabs.outline_handles ul.nav-tabs > li a,
.rl_tabs.outline_handles ul.nav-tabs > li a:hover {
  border: 1px solid #dddddd;
}
.rl_tabs.color_inactive_handles > ul.nav > li > a {
  background-color: #f5f5f5;
  margin-right: 5px;
}
.rl_tabs.color_inactive_handles > ul.nav > li > a:hover {
  background-color: #eeeeee;
}
.rl_tabs.color_inactive_handles > ul.nav > li.active > a,
.rl_tabs.color_inactive_handles > ul.nav > li.active > a:hover {
  background-color: #ffffff;
}
.rl_tabs.align_right > ul.nav-tabs > li {
  float: right;
}
.rl_tabs.align_right > ul.nav-tabs > li > a {
  margin-left: 2px;
  margin-right: 0;
}
.rl_tabs.align_center > ul.nav-tabs {
  text-align: center;
}
.rl_tabs.align_center > ul.nav-tabs > li {
  float: none;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: -1px;
  margin-right: -3px;
}
.rl_tabs.align_justify > ul.nav-tabs {
  text-align: center;
  display: table;
  width: 100%;
  margin-bottom: -1px;
}
.rl_tabs.align_justify > ul.nav-tabs > .rl_tabs-scroll {
  display: table-cell;
}
.rl_tabs.align_justify > ul.nav-tabs > li {
  float: none;
  display: table-cell;
}
.rl_tabs.align_justify > ul.nav-tabs > li:last-child > a {
  margin-right: 0;
}
.rl_tabs.align_justify > ul.nav-tabs > li a,
.rl_tabs.align_justify > ul.nav-tabs > li a:hover {
  margin-bottom: -1px;
  border-bottom: 1px solid transparent;
}
.rl_tabs.align_justify > ul.nav-tabs:before {
  display: none;
}
.rl_tabs.align_justify > ul.nav-tabs:after {
  display: none;
}
.rl_tabs.align_justify.bottom > ul.nav-tabs {
  margin-bottom: 0;
  margin-top: -1px;
}
.rl_tabs.align_justify.bottom > ul.nav-tabs > li a,
.rl_tabs.align_justify.bottom > ul.nav-tabs > li a:hover {
  margin-bottom: 0;
  margin-top: -1px;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid transparent;
}
.rl_tabs.top > ul.nav-tabs > li > a {
  border-bottom-color: #dddddd;
}
.rl_tabs.top > ul.nav-tabs > li > a:focus,
.rl_tabs.top > ul.nav-tabs > li.active > a:focus {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 -2px 2px rgba(234, 176, 63, 0.5);
  -moz-box-shadow: 0 -2px 2px rgba(234, 176, 63, 0.5);
  box-shadow: 0 -2px 2px rgba(234, 176, 63, 0.5);
}
.rl_tabs.top > ul.nav-tabs > li.active a,
.rl_tabs.top > ul.nav-tabs > li.active a:hover {
  border-bottom-color: transparent;
}
.rl_tabs.top > ul.nav-tabs > li.blue > a,
.rl_tabs.top > ul.nav-tabs > li.blue > a:hover {
  border-top: 5px solid #74b4e8;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.blue > a:hover,
.rl_tabs.top > ul.nav-tabs > li.blue.active > a {
  border-top-color: #2384d3;
}

.rl_tabs.top > ul.nav-tabs > li.brown > a,
.rl_tabs.top > ul.nav-tabs > li.brown > a:hover {
  border-top: 5px solid #994C00;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.brown > a:hover,
.rl_tabs.top > ul.nav-tabs > li.brown.active > a {
  border-top-color: #663300;
}

.rl_tabs.top > ul.nav-tabs > li.olivegreen > a,
.rl_tabs.top > ul.nav-tabs > li.olivegreen > a:hover {
  border-top: 5px solid #808000;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.olivegreen > a:hover,
.rl_tabs.top > ul.nav-tabs > li.olivegreen.active > a {
  border-top-color: #556B2F;
}

.rl_tabs.top > ul.nav-tabs > li.temgreen > a,
.rl_tabs.top > ul.nav-tabs > li.temgreen > a:hover {
  border-top: 5px solid #00B6C2;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.temgreen > a:hover,
.rl_tabs.top > ul.nav-tabs > li.temgreen.active > a {
  border-top-color: #00929C;
}

.rl_tabs.top > ul.nav-tabs > li.darkgreen > a,
.rl_tabs.top > ul.nav-tabs > li.darkgreen > a:hover {
  border-top: 5px solid #008000;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.darkgreen > a:hover,
.rl_tabs.top > ul.nav-tabs > li.darkgreen.active > a {
  border-top-color: #006400;
}

.rl_tabs.top > ul.nav-tabs > li.primary > a,
.rl_tabs.top > ul.nav-tabs > li.primary > a:hover {
  border-top: 5px solid #8cc43c;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.primary > a:hover,
.rl_tabs.top > ul.nav-tabs > li.primary.active > a {
  border-top-color: #3bb44b;
}
.rl_tabs.top > ul.nav-tabs > li.info > a,
.rl_tabs.top > ul.nav-tabs > li.info > a:hover {
  border-top: 5px solid #47b0cf;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.info > a:hover,
.rl_tabs.top > ul.nav-tabs > li.info.active > a {
  border-top-color: #24748c;
}
.rl_tabs.top > ul.nav-tabs > li.green > a,
.rl_tabs.top > ul.nav-tabs > li.green > a:hover {
  border-top: 5px solid #62bc62;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.green > a:hover,
.rl_tabs.top > ul.nav-tabs > li.green.active > a {
  border-top-color: #378137;
}
.rl_tabs.top > ul.nav-tabs > li.success > a,
.rl_tabs.top > ul.nav-tabs > li.success > a:hover {
  border-top: 5px solid #62bc62;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.success > a:hover,
.rl_tabs.top > ul.nav-tabs > li.success.active > a {
  border-top-color: #378137;
}
.rl_tabs.top > ul.nav-tabs > li.orange > a,
.rl_tabs.top > ul.nav-tabs > li.orange > a:hover {
  border-top: 5px solid #faa937;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.orange > a:hover,
.rl_tabs.top > ul.nav-tabs > li.orange.active > a {
  border-top-color: #c67605;
}
.rl_tabs.top > ul.nav-tabs > li.warning > a,
.rl_tabs.top > ul.nav-tabs > li.warning > a:hover {
  border-top: 5px solid #faa937;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.warning > a:hover,
.rl_tabs.top > ul.nav-tabs > li.warning.active > a {
  border-top-color: #c67605;
}
.rl_tabs.top > ul.nav-tabs > li.red > a,
.rl_tabs.top > ul.nav-tabs > li.red > a:hover {
  border-top: 5px solid #d3534c;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.red > a:hover,
.rl_tabs.top > ul.nav-tabs > li.red.active > a {
  border-top-color: #942a25;
}
.rl_tabs.top > ul.nav-tabs > li.danger > a,
.rl_tabs.top > ul.nav-tabs > li.danger > a:hover {
  border-top: 5px solid #d3534c;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.danger > a:hover,
.rl_tabs.top > ul.nav-tabs > li.danger.active > a {
  border-top-color: #942a25;
}
.rl_tabs.top > ul.nav-tabs > li.error > a,
.rl_tabs.top > ul.nav-tabs > li.error > a:hover {
  border-top: 5px solid #d3534c;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.error > a:hover,
.rl_tabs.top > ul.nav-tabs > li.error.active > a {
  border-top-color: #942a25;
}
.rl_tabs.top > ul.nav-tabs > li.grey > a,
.rl_tabs.top > ul.nav-tabs > li.grey > a:hover {
  border-top: 5px solid #b3b3b3;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.grey > a:hover,
.rl_tabs.top > ul.nav-tabs > li.grey.active > a {
  border-top-color: #808080;
}
.rl_tabs.top > ul.nav-tabs > li.gray > a,
.rl_tabs.top > ul.nav-tabs > li.gray > a:hover {
  border-top: 5px solid #b3b3b3;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.gray > a:hover,
.rl_tabs.top > ul.nav-tabs > li.gray.active > a {
  border-top-color: #808080;
}
.rl_tabs.bottom > .nav-tabs {
  border-bottom: 0;
  margin-bottom: 18px !important;
  border-top: 1px solid #dddddd;
}
.rl_tabs.bottom > .nav-tabs > li {
  margin-top: -1px !important;
  margin-bottom: 0 !important;
}
.rl_tabs.bottom > .nav-tabs > li > a {
  border-top-color: #dddddd;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs.bottom > .nav-tabs > li > a:hover {
  border-color: transparent;
  border-top-color: #dddddd;
}
.rl_tabs.bottom > .nav-tabs > li.active > a,
.rl_tabs.bottom > .nav-tabs > li.active > a:hover {
  border-color: #dddddd;
  border-top-color: transparent;
}
.rl_tabs.bottom > .nav-tabs > li > a:focus,
.rl_tabs.bottom > .nav-tabs > li.active > a:focus {
  border-top-color: transparent;
  -webkit-box-shadow: 0 2px 2px rgba(234, 176, 63, 0.5);
  -moz-box-shadow: 0 2px 2px rgba(234, 176, 63, 0.5);
  box-shadow: 0 2px 2px rgba(234, 176, 63, 0.5);
}
.rl_tabs.bottom > .nav-tabs > li.blue > a,
.rl_tabs.bottom > .nav-tabs > li.blue > a:hover {
  border-bottom: 5px solid #74b4e8;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.blue > a:hover,
.rl_tabs.bottom > .nav-tabs > li.blue.active > a {
  border-bottom-color: #2384d3;
}
.rl_tabs.bottom > .nav-tabs > li.primary > a,
.rl_tabs.bottom > .nav-tabs > li.primary > a:hover {
  border-bottom: 5px solid #808000;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.primary > a:hover,
.rl_tabs.bottom > .nav-tabs > li.primary.active > a {
  border-bottom-color: #556B2F;
}
.rl_tabs.bottom > .nav-tabs > li.info > a,
.rl_tabs.bottom > .nav-tabs > li.info > a:hover {
  border-bottom: 5px solid #47b0cf;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.info > a:hover,
.rl_tabs.bottom > .nav-tabs > li.info.active > a {
  border-bottom-color: #24748c;
}
.rl_tabs.bottom > .nav-tabs > li.green > a,
.rl_tabs.bottom > .nav-tabs > li.green > a:hover {
  border-bottom: 5px solid #62bc62;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.green > a:hover,
.rl_tabs.bottom > .nav-tabs > li.green.active > a {
  border-bottom-color: #378137;
}
.rl_tabs.bottom > .nav-tabs > li.success > a,
.rl_tabs.bottom > .nav-tabs > li.success > a:hover {
  border-bottom: 5px solid #62bc62;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.success > a:hover,
.rl_tabs.bottom > .nav-tabs > li.success.active > a {
  border-bottom-color: #378137;
}
.rl_tabs.bottom > .nav-tabs > li.orange > a,
.rl_tabs.bottom > .nav-tabs > li.orange > a:hover {
  border-bottom: 5px solid #faa937;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.orange > a:hover,
.rl_tabs.bottom > .nav-tabs > li.orange.active > a {
  border-bottom-color: #c67605;
}
.rl_tabs.bottom > .nav-tabs > li.warning > a,
.rl_tabs.bottom > .nav-tabs > li.warning > a:hover {
  border-bottom: 5px solid #faa937;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.warning > a:hover,
.rl_tabs.bottom > .nav-tabs > li.warning.active > a {
  border-bottom-color: #c67605;
}
.rl_tabs.bottom > .nav-tabs > li.red > a,
.rl_tabs.bottom > .nav-tabs > li.red > a:hover {
  border-bottom: 5px solid #d3534c;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.red > a:hover,
.rl_tabs.bottom > .nav-tabs > li.red.active > a {
  border-bottom-color: #942a25;
}
.rl_tabs.bottom > .nav-tabs > li.danger > a,
.rl_tabs.bottom > .nav-tabs > li.danger > a:hover {
  border-bottom: 5px solid #d3534c;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.danger > a:hover,
.rl_tabs.bottom > .nav-tabs > li.danger.active > a {
  border-bottom-color: #942a25;
}
.rl_tabs.bottom > .nav-tabs > li.error > a,
.rl_tabs.bottom > .nav-tabs > li.error > a:hover {
  border-bottom: 5px solid #d3534c;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.error > a:hover,
.rl_tabs.bottom > .nav-tabs > li.error.active > a {
  border-bottom-color: #942a25;
}
.rl_tabs.bottom > .nav-tabs > li.grey > a,
.rl_tabs.bottom > .nav-tabs > li.grey > a:hover {
  border-bottom: 5px solid #b3b3b3;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.grey > a:hover,
.rl_tabs.bottom > .nav-tabs > li.grey.active > a {
  border-bottom-color: #808080;
}
.rl_tabs.bottom > .nav-tabs > li.gray > a,
.rl_tabs.bottom > .nav-tabs > li.gray > a:hover {
  border-bottom: 5px solid #b3b3b3;
  padding-bottom: 4px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.rl_tabs.bottom > .nav-tabs > li.gray > a:hover,
.rl_tabs.bottom > .nav-tabs > li.gray.active > a {
  border-bottom-color: #808080;
}
.rl_tabs.bottom.outline_content > .tab-content {
  margin: 0;
  border: 1px solid #dddddd;
  border-bottom: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.rl_tabs.left > .nav-tabs,
.rl_tabs.right > .nav-tabs {
  border-bottom: 0;
  margin-bottom: 18px !important;
}
.rl_tabs.left > .nav-tabs > li,
.rl_tabs.right > .nav-tabs > li {
  float: none;
}
.rl_tabs.left > .nav-tabs > li > a,
.rl_tabs.right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0 !important;
  margin-bottom: 3px;
}
.rl_tabs.left.outline_content > .tab-content,
.rl_tabs.right.outline_content > .tab-content {
  border: 1px solid #dddddd;
}
.rl_tabs.left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #dddddd;
}
.rl_tabs.left > .nav-tabs > li {
  margin-right: -1px !important;
  margin-bottom: 0 !important;
}
.rl_tabs.left > .nav-tabs > li > a {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.rl_tabs.left > .nav-tabs > li > a:hover {
  border-color: transparent;
  border-right-color: #dddddd;
}
.rl_tabs.left > .nav-tabs > li.active > a,
.rl_tabs.left > .nav-tabs > li.active > a:hover {
  border-color: #dddddd;
  border-right-color: transparent;
}
.rl_tabs.left > .nav-tabs > li > a:focus,
.rl_tabs.left > .nav-tabs > li.active > a:focus {
  border-right-color: transparent;
  -webkit-box-shadow: -2px 0 2px rgba(234, 176, 63, 0.5);
  -moz-box-shadow: -2px 0 2px rgba(234, 176, 63, 0.5);
  box-shadow: -2px 0 2px rgba(234, 176, 63, 0.5);
}
.rl_tabs.left > .nav-tabs > li.blue > a,
.rl_tabs.left > .nav-tabs > li.blue > a:hover {
  border-left: 5px solid #74b4e8;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.blue > a:hover,
.rl_tabs.left > .nav-tabs > li.blue.active > a {
  border-left-color: #2384d3;
}
.rl_tabs.left > .nav-tabs > li.primary > a,
.rl_tabs.left > .nav-tabs > li.primary > a:hover {
  border-left: 5px solid #808000;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.primary > a:hover,
.rl_tabs.left > .nav-tabs > li.primary.active > a {
  border-left-color: #556B2F;
}
.rl_tabs.left > .nav-tabs > li.info > a,
.rl_tabs.left > .nav-tabs > li.info > a:hover {
  border-left: 5px solid #47b0cf;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.info > a:hover,
.rl_tabs.left > .nav-tabs > li.info.active > a {
  border-left-color: #24748c;
}
.rl_tabs.left > .nav-tabs > li.green > a,
.rl_tabs.left > .nav-tabs > li.green > a:hover {
  border-left: 5px solid #62bc62;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.green > a:hover,
.rl_tabs.left > .nav-tabs > li.green.active > a {
  border-left-color: #378137;
}
.rl_tabs.left > .nav-tabs > li.success > a,
.rl_tabs.left > .nav-tabs > li.success > a:hover {
  border-left: 5px solid #62bc62;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.success > a:hover,
.rl_tabs.left > .nav-tabs > li.success.active > a {
  border-left-color: #378137;
}
.rl_tabs.left > .nav-tabs > li.orange > a,
.rl_tabs.left > .nav-tabs > li.orange > a:hover {
  border-left: 5px solid #faa937;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.orange > a:hover,
.rl_tabs.left > .nav-tabs > li.orange.active > a {
  border-left-color: #c67605;
}
.rl_tabs.left > .nav-tabs > li.warning > a,
.rl_tabs.left > .nav-tabs > li.warning > a:hover {
  border-left: 5px solid #faa937;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.warning > a:hover,
.rl_tabs.left > .nav-tabs > li.warning.active > a {
  border-left-color: #c67605;
}
.rl_tabs.left > .nav-tabs > li.red > a,
.rl_tabs.left > .nav-tabs > li.red > a:hover {
  border-left: 5px solid #d3534c;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.red > a:hover,
.rl_tabs.left > .nav-tabs > li.red.active > a {
  border-left-color: #942a25;
}
.rl_tabs.left > .nav-tabs > li.danger > a,
.rl_tabs.left > .nav-tabs > li.danger > a:hover {
  border-left: 5px solid #d3534c;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.danger > a:hover,
.rl_tabs.left > .nav-tabs > li.danger.active > a {
  border-left-color: #942a25;
}
.rl_tabs.left > .nav-tabs > li.error > a,
.rl_tabs.left > .nav-tabs > li.error > a:hover {
  border-left: 5px solid #d3534c;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.error > a:hover,
.rl_tabs.left > .nav-tabs > li.error.active > a {
  border-left-color: #942a25;
}
.rl_tabs.left > .nav-tabs > li.grey > a,
.rl_tabs.left > .nav-tabs > li.grey > a:hover {
  border-left: 5px solid #b3b3b3;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.grey > a:hover,
.rl_tabs.left > .nav-tabs > li.grey.active > a {
  border-left-color: #808080;
}
.rl_tabs.left > .nav-tabs > li.gray > a,
.rl_tabs.left > .nav-tabs > li.gray > a:hover {
  border-left: 5px solid #b3b3b3;
  padding-left: 7px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.rl_tabs.left > .nav-tabs > li.gray > a:hover,
.rl_tabs.left > .nav-tabs > li.gray.active > a {
  border-left-color: #808080;
}
.rl_tabs.left.outline_content > .tab-content {
  -webkit-border-radius: 0 4px 4px 4px;
  -moz-border-radius: 0 4px 4px 4px;
  border-radius: 0 4px 4px 4px;
}
.rl_tabs.right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #dddddd;
}
.rl_tabs.right > .nav-tabs > li {
  margin-left: -1px !important;
  margin-bottom: 0 !important;
}
.rl_tabs.right > .nav-tabs > li > a {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.rl_tabs.right > .nav-tabs > li > a:hover {
  border-color: transparent;
  border-left-color: #dddddd;
}
.rl_tabs.right > .nav-tabs > li.active > a,
.rl_tabs.right > .nav-tabs > li.active > a:hover {
  border-color: #dddddd;
  border-left-color: transparent;
}
.rl_tabs.right > .nav-tabs > li > a:focus,
.rl_tabs.right > .nav-tabs > li.active > a:focus {
  border-left-color: transparent;
  -webkit-box-shadow: 2px 0 2px rgba(234, 176, 63, 0.5);
  -moz-box-shadow: 2px 0 2px rgba(234, 176, 63, 0.5);
  box-shadow: 2px 0 2px rgba(234, 176, 63, 0.5);
}
.rl_tabs.right > .nav-tabs > li.blue > a,
.rl_tabs.right > .nav-tabs > li.blue > a:hover {
  border-right: 5px solid #74b4e8;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.blue > a:hover,
.rl_tabs.right > .nav-tabs > li.blue.active > a {
  border-right-color: #2384d3;
}
.rl_tabs.right > .nav-tabs > li.primary > a,
.rl_tabs.right > .nav-tabs > li.primary > a:hover {
  border-right: 5px solid #74b4e8;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.primary > a:hover,
.rl_tabs.right > .nav-tabs > li.primary.active > a {
  border-right-color: #2384d3;
}
.rl_tabs.right > .nav-tabs > li.info > a,
.rl_tabs.right > .nav-tabs > li.info > a:hover {
  border-right: 5px solid #47b0cf;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.info > a:hover,
.rl_tabs.right > .nav-tabs > li.info.active > a {
  border-right-color: #24748c;
}
.rl_tabs.right > .nav-tabs > li.green > a,
.rl_tabs.right > .nav-tabs > li.green > a:hover {
  border-right: 5px solid #62bc62;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.green > a:hover,
.rl_tabs.right > .nav-tabs > li.green.active > a {
  border-right-color: #378137;
}
.rl_tabs.right > .nav-tabs > li.success > a,
.rl_tabs.right > .nav-tabs > li.success > a:hover {
  border-right: 5px solid #62bc62;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.success > a:hover,
.rl_tabs.right > .nav-tabs > li.success.active > a {
  border-right-color: #378137;
}
.rl_tabs.right > .nav-tabs > li.orange > a,
.rl_tabs.right > .nav-tabs > li.orange > a:hover {
  border-right: 5px solid #faa937;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.orange > a:hover,
.rl_tabs.right > .nav-tabs > li.orange.active > a {
  border-right-color: #c67605;
}
.rl_tabs.right > .nav-tabs > li.warning > a,
.rl_tabs.right > .nav-tabs > li.warning > a:hover {
  border-right: 5px solid #faa937;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.warning > a:hover,
.rl_tabs.right > .nav-tabs > li.warning.active > a {
  border-right-color: #c67605;
}
.rl_tabs.right > .nav-tabs > li.red > a,
.rl_tabs.right > .nav-tabs > li.red > a:hover {
  border-right: 5px solid #d3534c;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.red > a:hover,
.rl_tabs.right > .nav-tabs > li.red.active > a {
  border-right-color: #942a25;
}
.rl_tabs.right > .nav-tabs > li.danger > a,
.rl_tabs.right > .nav-tabs > li.danger > a:hover {
  border-right: 5px solid #d3534c;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.danger > a:hover,
.rl_tabs.right > .nav-tabs > li.danger.active > a {
  border-right-color: #942a25;
}
.rl_tabs.right > .nav-tabs > li.error > a,
.rl_tabs.right > .nav-tabs > li.error > a:hover {
  border-right: 5px solid #d3534c;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.error > a:hover,
.rl_tabs.right > .nav-tabs > li.error.active > a {
  border-right-color: #942a25;
}
.rl_tabs.right > .nav-tabs > li.grey > a,
.rl_tabs.right > .nav-tabs > li.grey > a:hover {
  border-right: 5px solid #b3b3b3;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.grey > a:hover,
.rl_tabs.right > .nav-tabs > li.grey.active > a {
  border-right-color: #808080;
}
.rl_tabs.right > .nav-tabs > li.gray > a,
.rl_tabs.right > .nav-tabs > li.gray > a:hover {
  border-right: 5px solid #b3b3b3;
  padding-right: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.rl_tabs.right > .nav-tabs > li.gray > a:hover,
.rl_tabs.right > .nav-tabs > li.gray.active > a {
  border-right-color: #808080;
}
.rl_tabs.right.outline_content > .tab-content {
  -webkit-border-radius: 4px 0 4px 4px;
  -moz-border-radius: 4px 0 4px 4px;
  border-radius: 4px 0 4px 4px;
}

/*colorbgtap*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.rl_tabs > ul.nav-tabs > li.blue.solid > a,
.rl_tabs > ul.nav-tabs > li.blue.solid > a:hover {
  background-color: #74b4e8;
  border-color: #74b4e8;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.blue.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.blue.solid.active > a {
  background-color: #2384d3;
  border-color: #2384d3;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.blue {
  margin: 0 -1px -1px -1px;
  border: 2px solid #2384d3;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.blue {
  background-color: #f7fbfe;
}

.rl_tabs > ul.nav-tabs > li.darkgreen.solid > a,
.rl_tabs > ul.nav-tabs > li.darkgreen.solid > a:hover {
  background-color: #008000;
  border-color: #008000;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.darkgreen.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.darkgreen.solid.active > a {
  background-color: #006400;
  border-color: #006400;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.darkgreen {
  margin: 0 -1px -1px -1px;
  border: 2px solid #006400;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.darkgreen {
  background-color: #f7fbfe;
}

.rl_tabs > ul.nav-tabs > li.brown.solid > a,
.rl_tabs > ul.nav-tabs > li.brown.solid > a:hover {
  background-color: #994C00;
  border-color: #994C00;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.brown.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.brown.solid.active > a {
  background-color: #663300;
  border-color: #663300;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.brown {
  margin: 0 -1px -1px -1px;
  border: 2px solid #663300;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.brown {
  background-color: #f7fbfe;
}

.rl_tabs > ul.nav-tabs > li.olivegreen.solid > a,
.rl_tabs > ul.nav-tabs > li.olivegreen.solid > a:hover {
  background-color: #808000;
  border-color: #808000;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.olivegreen.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.olivegreen.solid.active > a {
  background-color: #556B2F;
  border-color: #556B2F;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.olivegreen {
  margin: 0 -1px -1px -1px;
  border: 2px solid #556B2F;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.olivegreen {
  background-color: #f7fbfe;
}

.rl_tabs > ul.nav-tabs > li.temgreen.solid > a,
.rl_tabs > ul.nav-tabs > li.temgreen.solid > a:hover {
  background-color: #00B6C2;
  border-color: #00B6C2;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.temgreen.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.temgreen.solid.active > a {
  background-color: #00929C;
  border-color: #00929C;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.temgreen {
  margin: 0 -1px -1px -1px;
  border: 2px solid #00929C;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.temgreen {
  background-color: #f7fbfe;
}

.rl_tabs > ul.nav-tabs > li.primary.solid > a,
.rl_tabs > ul.nav-tabs > li.primary.solid > a:hover {
  background-color: #8cc43c;
  border-color: #8cc43c;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.primary.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.primary.solid.active > a {
  background-color: #3bb44b;
  border-color: #3bb44b;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.primary {
  margin: 0 -1px -1px -1px;
  border: 2px solid #3bb44b;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.primary {
  background-color: #f7fbfe;
}
.rl_tabs > ul.nav-tabs > li.info.solid > a,
.rl_tabs > ul.nav-tabs > li.info.solid > a:hover {
  background-color: #47b0cf;
  border-color: #47b0cf;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.info.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.info.solid.active > a {
  background-color: #24748c;
  border-color: #24748c;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.info {
  margin: 0 -1px -1px -1px;
  border: 2px solid #24748c;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.info {
  background-color: #c0e4ef;
}
.rl_tabs > ul.nav-tabs > li.green.solid > a,
.rl_tabs > ul.nav-tabs > li.green.solid > a:hover {
  background-color: #62bc62;
  border-color: #62bc62;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.green.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.green.solid.active > a {
  background-color: #378137;
  border-color: #378137;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.green {
  margin: 0 -1px -1px -1px;
  border: 2px solid #378137;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.green {
  background-color: #cdeacd;
}
.rl_tabs > ul.nav-tabs > li.success.solid > a,
.rl_tabs > ul.nav-tabs > li.success.solid > a:hover {
  background-color: #62bc62;
  border-color: #62bc62;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.success.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.success.solid.active > a {
  background-color: #378137;
  border-color: #378137;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.success {
  margin: 0 -1px -1px -1px;
  border: 2px solid #378137;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.success {
  background-color: #cdeacd;
}
.rl_tabs > ul.nav-tabs > li.orange.solid > a,
.rl_tabs > ul.nav-tabs > li.orange.solid > a:hover {
  background-color: #faa937;
  border-color: #faa937;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.orange.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.orange.solid.active > a {
  background-color: #c67605;
  border-color: #c67605;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.orange {
  margin: 0 -1px -1px -1px;
  border: 2px solid #c67605;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.orange {
  background-color: #fee9cc;
}
.rl_tabs > ul.nav-tabs > li.warning.solid > a,
.rl_tabs > ul.nav-tabs > li.warning.solid > a:hover {
  background-color: #faa937;
  border-color: #faa937;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.warning.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.warning.solid.active > a {
  background-color: #c67605;
  border-color: #c67605;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.warning {
  margin: 0 -1px -1px -1px;
  border: 2px solid #c67605;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.warning {
  background-color: #fee9cc;
}
.rl_tabs > ul.nav-tabs > li.red.solid > a,
.rl_tabs > ul.nav-tabs > li.red.solid > a:hover {
  background-color: #d3534c;
  border-color: #d3534c;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.red.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.red.solid.active > a {
  background-color: #942a25;
  border-color: #942a25;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.red {
  margin: 0 -1px -1px -1px;
  border: 2px solid #942a25;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.red {
  background-color: #f1c9c7;
}
.rl_tabs > ul.nav-tabs > li.danger.solid > a,
.rl_tabs > ul.nav-tabs > li.danger.solid > a:hover {
  background-color: #d3534c;
  border-color: #d3534c;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.danger.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.danger.solid.active > a {
  background-color: #942a25;
  border-color: #942a25;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.danger {
  margin: 0 -1px -1px -1px;
  border: 2px solid #942a25;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.danger {
  background-color: #f1c9c7;
}
.rl_tabs > ul.nav-tabs > li.error.solid > a,
.rl_tabs > ul.nav-tabs > li.error.solid > a:hover {
  background-color: #d3534c;
  border-color: #d3534c;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.error.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.error.solid.active > a {
  background-color: #942a25;
  border-color: #942a25;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.error {
  margin: 0 -1px -1px -1px;
  border: 2px solid #942a25;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.error {
  background-color: #f1c9c7;
}
.rl_tabs > ul.nav-tabs > li.grey.solid > a,
.rl_tabs > ul.nav-tabs > li.grey.solid > a:hover {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.grey.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.grey.solid.active > a {
  background-color: #808080;
  border-color: #808080;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.grey {
  margin: 0 -1px -1px -1px;
  border: 2px solid #808080;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.grey {
  background-color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.gray.solid > a,
.rl_tabs > ul.nav-tabs > li.gray.solid > a:hover {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.gray.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.gray.solid.active > a {
  background-color: #808080;
  border-color: #808080;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.gray {
  margin: 0 -1px -1px -1px;
  border: 2px solid #808080;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.gray {
  background-color: #ffffff;
}
ul.rl_tabs-sm {
  display: none;
}
@media (max-width: 767px) {
  .rl_tabs-responsive > ul.rl_tabs-sm {
    display: block;
  }
  .rl_tabs-responsive > .rl_tabs {
    *zoom: 1;
  }
  .rl_tabs-responsive > .rl_tabs:before,
  .rl_tabs-responsive > .rl_tabs:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .rl_tabs-responsive > .rl_tabs:after {
    clear: both;
  }
  .rl_tabs-responsive > .rl_tabs > ul.nav-tabs {
    display: none;
  }
  .rl_tabs-responsive > .rl_tabs > .tab-content > .tab-pane {
    display: block;
    visibility: visible;
  }
  .rl_tabs-responsive > .rl_tabs > .tab-content > .tab-pane .rl_tabs-title {
    display: block;
  }
  .rl_tabs-responsive > .rl_tabs .fade {
    opacity: 1;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content {
    border: none;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane {
    border: 1px solid #dddddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 1em;
    padding: 12px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.blue > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.blue > a:hover {
    border: 2px solid #74b4e8;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.blue:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.blue > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.blue.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.blue.solid > a:hover {
    background-color: #74b4e8;
    border-color: #74b4e8;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.blue.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.blue.solid.active > a {
    background-color: #2384d3;
    border-color: #2384d3;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.blue {
    border: 2px solid #74b4e8;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.primary > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.primary > a:hover {
    border: 2px solid #74b4e8;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.primary:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.primary > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.primary.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.primary.solid > a:hover {
    background-color: #74b4e8;
    border-color: #74b4e8;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.primary.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.primary.solid.active > a {
    background-color: #2384d3;
    border-color: #2384d3;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.primary {
    border: 2px solid #74b4e8;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.info > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.info > a:hover {
    border: 2px solid #47b0cf;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.info:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.info > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.info.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.info.solid > a:hover {
    background-color: #47b0cf;
    border-color: #47b0cf;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.info.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.info.solid.active > a {
    background-color: #24748c;
    border-color: #24748c;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.info {
    border: 2px solid #47b0cf;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.green > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.green > a:hover {
    border: 2px solid #62bc62;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.green:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.green > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.green.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.green.solid > a:hover {
    background-color: #62bc62;
    border-color: #62bc62;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.green.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.green.solid.active > a {
    background-color: #378137;
    border-color: #378137;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.green {
    border: 2px solid #62bc62;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.success > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.success > a:hover {
    border: 2px solid #62bc62;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.success:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.success > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.success.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.success.solid > a:hover {
    background-color: #62bc62;
    border-color: #62bc62;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.success.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.success.solid.active > a {
    background-color: #378137;
    border-color: #378137;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.success {
    border: 2px solid #62bc62;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.orange > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.orange > a:hover {
    border: 2px solid #faa937;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.orange:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.orange > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.orange.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.orange.solid > a:hover {
    background-color: #faa937;
    border-color: #faa937;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.orange.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.orange.solid.active > a {
    background-color: #c67605;
    border-color: #c67605;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.orange {
    border: 2px solid #faa937;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.warning > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.warning > a:hover {
    border: 2px solid #faa937;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.warning:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.warning > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.warning.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.warning.solid > a:hover {
    background-color: #faa937;
    border-color: #faa937;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.warning.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.warning.solid.active > a {
    background-color: #c67605;
    border-color: #c67605;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.warning {
    border: 2px solid #faa937;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.red > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.red > a:hover {
    border: 2px solid #d3534c;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.red:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.red > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.red.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.red.solid > a:hover {
    background-color: #d3534c;
    border-color: #d3534c;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.red.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.red.solid.active > a {
    background-color: #942a25;
    border-color: #942a25;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.red {
    border: 2px solid #d3534c;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.danger > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.danger > a:hover {
    border: 2px solid #d3534c;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.danger:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.danger > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.danger.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.danger.solid > a:hover {
    background-color: #d3534c;
    border-color: #d3534c;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.danger.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.danger.solid.active > a {
    background-color: #942a25;
    border-color: #942a25;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.danger {
    border: 2px solid #d3534c;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.error > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.error > a:hover {
    border: 2px solid #d3534c;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.error:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.error > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.error.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.error.solid > a:hover {
    background-color: #d3534c;
    border-color: #d3534c;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.error.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.error.solid.active > a {
    background-color: #942a25;
    border-color: #942a25;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.error {
    border: 2px solid #d3534c;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.grey > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.grey > a:hover {
    border: 2px solid #b3b3b3;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.grey:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.grey > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.grey.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.grey.solid > a:hover {
    background-color: #b3b3b3;
    border-color: #b3b3b3;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.grey.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.grey.solid.active > a {
    background-color: #808080;
    border-color: #808080;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.grey {
    border: 2px solid #b3b3b3;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.gray > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.gray > a:hover {
    border: 2px solid #b3b3b3;
    border-bottom-width: 3px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.gray:last-child > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.gray > a:hover {
    border-bottom-width: 2px;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.gray.solid > a,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.gray.solid > a:hover {
    background-color: #b3b3b3;
    border-color: #b3b3b3;
    color: #ffffff;
  }
  .rl_tabs-responsive > ul.rl_tabs-sm > li.gray.solid > a:hover,
  .rl_tabs-responsive > ul.rl_tabs-sm > li.gray.solid.active > a {
    background-color: #808080;
    border-color: #808080;
  }
  .rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane.gray {
    border: 2px solid #b3b3b3;
  }
}
@media print {
  .rl_tabs > .nav-tabs,
  .rl_tabs-sm {
    display: none !important;
  }
  .rl_tabs > .tab-content,
  .rl_tabs > .tab-content > .rl_tabs-pane {
    display: block !important;
    opacity: 1 !important;
  }
  .rl_tabs-title {
    display: block !important;
  }
}

/* Custom Style: mystyle1 */
.rl_tabs.top > ul.nav > li.mystyle1 > a {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  font-size: 22px;
  background-color: #ffc2c2;
  background-image: -moz-linear-gradient(top, #ff9999, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9999), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ff9999, #ffffff);
  background-image: -o-linear-gradient(top, #ff9999, #ffffff);
  background-image: linear-gradient(to bottom, #ff9999, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9999', endColorstr='#ffffffff', GradientType=0);
  background-color: #ffffff;
}
.rl_tabs.top > ul.nav > li.mystyle1 > a:hover {
  background-color: #c2c2ff;
  background-image: -moz-linear-gradient(top, #9999ff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9999ff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #9999ff, #ffffff);
  background-image: -o-linear-gradient(top, #9999ff, #ffffff);
  background-image: linear-gradient(to bottom, #9999ff, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999ff', endColorstr='#ffffffff', GradientType=0);
  background-color: #ffffff;
}
.rl_tabs.top > ul.nav > li.mystyle1.active > a,
.rl_tabs.top > ul.nav > li.mystyle1.active > a:hover {
  background-color: #c2ffc2;
  background-image: -moz-linear-gradient(top, #99ff99, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99ff99), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #99ff99, #ffffff);
  background-image: -o-linear-gradient(top, #99ff99, #ffffff);
  background-image: linear-gradient(to bottom, #99ff99, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99ff99', endColorstr='#ffffffff', GradientType=0);
  background-color: #ffffff;
}
.rl_tabs.top > .tab-content > .tab-pane.mystyle1 {
  background-color: #f5fff5;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#ccffcc));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #ccffcc);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffccffcc', GradientType=0);
}
/* Custom Style: mystyle2 */
.rl_tabs.top > ul.nav > li.mystyle2 > a {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  margin-left: 10px;
  margin-right: 10px;
  padding: 8px 20px;
  background-color: #aaa;
  color: #fff;
  border-color: #666;
  border-bottom-color: #ddd;
}
.rl_tabs.top > ul.nav > li.mystyle2 > a:hover {
  background-color: #999;
  border-color: #666;
}
.rl_tabs.top > ul.nav > li.mystyle2.active > a,
.rl_tabs.top > ul.nav > li.mystyle2.active > a:hover {
  -webkit-border-radius: 0 30px 0 0;
  -moz-border-radius: 0 30px 0 0;
  border-radius: 0 30px 0 0;
  background-color: #666;
  border-color: #666;
}
.rl_tabs.top > .tab-content > .tab-pane.mystyle2 {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  background-color: #666;
  color: #fff;
}

  /* สีชมพู */
  		/* สีชมพู-ขอบ */
.rl_tabs.top > ul.nav-tabs > li.pinker > a,
.rl_tabs.top > ul.nav-tabs > li.pinker > a:hover {
  border-top: 5px solid #ff69ff;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.pinker > a:hover,
.rl_tabs.top > ul.nav-tabs > li.pinker.active > a {
  border-top-color: #FF99FF;
}
/* สีชมพู-ทั้งหมด */
.rl_tabs > ul.nav-tabs > li.pinker.solid > a,
.rl_tabs > ul.nav-tabs > li.pinker.solid > a:hover {
  background-color: #FF99FF;
  border-color: #FF99FF;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.pinker.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.pinker.solid.active > a {
  background-color: #ff69ff;
  border-color: #ff69ff;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.pinker {
  margin: 0 -1px -1px -1px;
  border: 2px solid #FF99FF;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.pinker {
  background-color: #f7fbfe;
}
/* สีชมพู-จบ */

/* สีเหลือง */
  		/* สีเหลือง-ขอบ */
.rl_tabs.top > ul.nav-tabs > li.yellower > a,
.rl_tabs.top > ul.nav-tabs > li.yellower > a:hover {
  border-top: 5px solid #eda900;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.yellower > a:hover,
.rl_tabs.top > ul.nav-tabs > li.yellower.active > a {
  border-top-color: #FBC02D;
}
/* สีเหลือง-ทั้งหมด */
.rl_tabs > ul.nav-tabs > li.yellower.solid > a,
.rl_tabs > ul.nav-tabs > li.yellower.solid > a:hover {
  background-color: #FBC02D;
  border-color: #FBC02D;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.yellower.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.yellower.solid.active > a {
  background-color: #eda900;
  border-color: #eda900;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.yellower {
  margin: 0 -1px -1px -1px;
  border: 2px solid #FBC02D;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.yellower {
  background-color: #f7fbfe;
}
/* สีเหลือง-จบ */

/* สีส้ม */
  		/* สีส้ม-ขอบ */
.rl_tabs.top > ul.nav-tabs > li.oranger > a,
.rl_tabs.top > ul.nav-tabs > li.oranger > a:hover {
  border-top: 5px solid #F58019;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.oranger > a:hover,
.rl_tabs.top > ul.nav-tabs > li.oranger.active > a {
  border-top-color: #b35400;
}
/* สีส้ม-ทั้งหมด */
.rl_tabs > ul.nav-tabs > li.oranger.solid > a,
.rl_tabs > ul.nav-tabs > li.oranger.solid > a:hover {
  background-color: #F58019;
  border-color: #F58019;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.oranger.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.oranger.solid.active > a {
  background-color: #b35400;
  border-color: #b35400;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.oranger {
  margin: 0 -1px -1px -1px;
  border: 2px solid #F58019;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.oranger {
  background-color: #f7fbfe;
}
/* สีส้ม-ขอบ */
/* สีเขียว */
  		/* สีเขียว-ขอบ */
.rl_tabs.top > ul.nav-tabs > li.greener > a,
.rl_tabs.top > ul.nav-tabs > li.greener > a:hover {
  border-top: 5px solid #004f29;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.greener > a:hover,
.rl_tabs.top > ul.nav-tabs > li.greener.active > a {
  border-top-color: #357355;
}
/* สีเขียว-ทั้งหมด */
.rl_tabs > ul.nav-tabs > li.greener.solid > a,
.rl_tabs > ul.nav-tabs > li.greener.solid > a:hover {
  background-color: #357355;
  border-color: #357355;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.greener.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.greener.solid.active > a {
  background-color: #004f29;
  border-color: #004f29;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.greener {
  margin: 0 -1px -1px -1px;
  border: 2px solid #357355;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.greener {
  background-color: #f7fbfe;
}
/* สีเขียว-จบ */

/* สีฟ้า */
  		/* สีฟ้า-ขอบ */
.rl_tabs.top > ul.nav-tabs > li.skyer > a,
.rl_tabs.top > ul.nav-tabs > li.skyer > a:hover {
  border-top: 5px solid #00BCD4;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.skyer > a:hover,
.rl_tabs.top > ul.nav-tabs > li.skyer.active > a {
  border-top-color: #008c9e;
}
/* สีฟ้า-ทั้งหมด */
.rl_tabs > ul.nav-tabs > li.skyer.solid > a,
.rl_tabs > ul.nav-tabs > li.skyer.solid > a:hover {
  background-color: #00BCD4;
  border-color: #00BCD4;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.skyer.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.skyer.solid.active > a {
  background-color: #008c9e;
  border-color: #008c9e;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.skyer {
  margin: 0 -1px -1px -1px;
  border: 2px solid #00BCD4;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.skyer {
  background-color: #f7fbfe;
}
/* สีฟ้า-จบ */
/* สีชมพูเข้ม */
  		/* สีชมพูเข้ม-ขอบ */
.rl_tabs.top > ul.nav-tabs > li.darkpinker > a,
.rl_tabs.top > ul.nav-tabs > li.darkpinker > a:hover {
  border-top: 5px solid #E91E63;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.darkpinker > a:hover,
.rl_tabs.top > ul.nav-tabs > li.darkpinker.active > a {
  border-top-color: #ad003b;
}
/* สีชมพูเข้ม-ทั้งหมด */
.rl_tabs > ul.nav-tabs > li.darkpinker.solid > a,
.rl_tabs > ul.nav-tabs > li.darkpinker.solid > a:hover {
  background-color: #E91E63;
  border-color: #E91E63;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.darkpinker.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.darkpinker.solid.active > a {
  background-color: #ad003b;
  border-color: #ad003b;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.darkpinker {
  margin: 0 -1px -1px -1px;
  border: 2px solid #E91E63;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.darkpinker {
  background-color: #f7fbfe;
}
/* สีชมพูเข้ม-จบ */

/* สีม่วงอ่อน */
  		/* สีม่วงอ่อน-ขอบ */
.rl_tabs.top > ul.nav-tabs > li.lightpurpler > a,
.rl_tabs.top > ul.nav-tabs > li.lightpurpler > a:hover {
  border-top: 5px solid #DF41FB;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.lightpurpler > a:hover,
.rl_tabs.top > ul.nav-tabs > li.lightpurpler.active > a {
  border-top-color: #b602d6;
}
/* สีม่วงอ่อน-ทั้งหมด */
.rl_tabs > ul.nav-tabs > li.lightpurpler.solid > a,
.rl_tabs > ul.nav-tabs > li.lightpurpler.solid > a:hover {
  background-color: #DF41FB;
  border-color: #DF41FB;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.lightpurpler.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.lightpurpler.solid.active > a {
  background-color: #b602d6;
  border-color: #b602d6;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.lightpurpler {
  margin: 0 -1px -1px -1px;
  border: 2px solid #DF41FB;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.lightpurpler {
  background-color: #f7fbfe;
}
/* สีม่วงอ่อน-จบ */

/* สีม่วงเข้ม */
  		/* สีม่วงเข้ม-ขอบ */
.rl_tabs.top > ul.nav-tabs > li.darkpurpler > a,
.rl_tabs.top > ul.nav-tabs > li.darkpurpler > a:hover {
  border-top: 5px solid #B185FF;
  padding-top: 4px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.rl_tabs.top > ul.nav-tabs > li.darkpurpler > a:hover,
.rl_tabs.top > ul.nav-tabs > li.darkpurpler.active > a {
  border-top-color: #4602bf;
}
/* สีม่วงเข้ม-ทั้งหมด */
.rl_tabs > ul.nav-tabs > li.darkpurpler.solid > a,
.rl_tabs > ul.nav-tabs > li.darkpurpler.solid > a:hover {
  background-color: #B185FF;
  border-color: #B185FF;
  color: #ffffff;
}
.rl_tabs > ul.nav-tabs > li.darkpurpler.solid > a:hover,
.rl_tabs > ul.nav-tabs > li.darkpurpler.solid.active > a {
  background-color: #4602bf;
  border-color: #4602bf;
}
.rl_tabs.outline_content > .tab-content > .tab-pane.color_content.darkpurpler {
  margin: 0 -1px -1px -1px;
  border: 2px solid #B185FF;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.rl_tabs > .tab-content > .tab-pane.solid.color_content.darkpurpler {
  background-color: #f7fbfe;
}
/* สีม่วงเข้ม-จบ */