body,
.e,
.aui {
  font-family: Arial, Helvetica, sans-serif !important;
  font: 13px/1.5 Arial, Helvetica, sans-serif !important;
}
.inbox-toggle .new-messages {
  background-color: #f91802;
}
body.theme-0 {
  /* desktop colors */
}
body.theme-0 .common-theme-bg {
  background: #337ab7 !important;
}
body.theme-0 .common-theme-color,
body.theme-0 .common-theme-color:before,
body.theme-0 .common-theme-color:after {
  color: #337ab7 !important;
}
body.theme-0 .modal-header,
body.theme-0 .page-header,
body.theme-0 .panel-heading .panel-title,
body.theme-0 .sub-page-header,
body.theme-0 .header-visible-e .portlet-title span,
body.theme-0 .sub-col-e h3.panel-title {
  border-color: #337ab7 !important;
  font-family: inherit !important;
}
body.theme-0 .modal-header,
body.theme-0 .header-visible-e .portlet-title span,
body.theme-0 .sub-col-e h3.panel-title {
  color: #337ab7 !important;
}
body.theme-0 #usermenu .dropdown-menu > li.user-header {
  background: #337ab7;
}
body.theme-0 #topbar .page-header h1 {
  color: #337ab7;
}
body.theme-0 .portlet-login {
  background: none repeat scroll 0 0 rgba(51, 122, 183, 0.04);
  border: 1px solid rgba(51, 122, 183, 0.41);
  box-shadow: 0 1px 3px rgba(51, 122, 183, 0.41);
}
body.theme-0 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(51, 122, 183, 0.81);
  border: 1px solid #337ab7;
}
body.theme-0 .portlet-login .portlet-icon-back,
body.theme-0 .portlet-login .taglib-icon-list li a {
  color: #337ab7;
}
body.theme-0 .panel-portlet.panel {
  box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
}
body.theme-0 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #337ab7 !important;
}
body.theme-0 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #337ab7 !important;
}
body.theme-0 #main-header {
  border-bottom-color: #337ab7 !important;
}
body.theme-0 #main-header nav.navbar {
  background: #fff;
  border-top: 1px solid #e8e4e4;
}
body.theme-0 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-0 #main-header nav.navbar span.nav-icon-text {
  color: #337ab7;
}
body.theme-0 .search-input .input-group .form-control {
  border-left-color: #22527b;
  border-right-color: #d5d3d3;
}
body.theme-0 .search-input .input-group .input-group-addon:first-child {
  background-color: #337ab7;
  border-color: #22527b;
  color: #fff;
}
body.theme-0 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-0 #desktop-switcher > li > a.active,
body.theme-0 #mobile-header > li > a.active,
body.theme-0 #desktop-switcher > span > a.active,
body.theme-0 #mobile-header > span > a.active {
  background: #337ab7;
}
body.theme-0 #desktop-switcher > li > li:hover > a,
body.theme-0 #mobile-header > li > li:hover > a,
body.theme-0 #desktop-switcher > span > li:hover > a,
body.theme-0 #mobile-header > span > li:hover > a {
  background: #337ab7;
}
body.theme-0 .subnavi i.fa {
  color: #337ab7;
}
body.theme-0 .left-navi li a {
  color: #484848;
}
body.theme-0 .left-navi li a i {
  color: #777;
}
body.theme-0 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-0 .left-navi li.current > a i {
  color: #337ab7;
}
body.theme-0 .left-navi li.title,
body.theme-0 .left-navi li.disabled {
  background-color: #fff;
  color: #747678;
}
body.theme-0 .left-navi li.title.current,
body.theme-0 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-0 .nav-menu .level-1 > li.open > a {
  background-color: #fff;
  color: #747678;
}
body.theme-0 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-0 .nav-menu .level-2 > li a i {
  color: #777;
}
body.theme-0 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-0 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-0 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-0 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-0 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-0 .subnavi li a {
  color: #333333;
}
body.theme-0 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-0 .subnavi > li.active > a {
  background-color: rgba(237, 237, 237, 0.28) !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
}
body.theme-0 .subnavi > li.active:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #337ab7;
  border-left: 8px solid transparent;
  content: "";
  left: 50%;
  background: transparent;
  right: 50%;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-0 .subnavi > li.active:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #337ab7;
    border-bottom: 8px solid transparent;
    content: "";
    left: 0;
    margin-left: 0px;
  }
  #mobile-header {
    margin-right: auto;
  }
  .e .right-e {
    display: flex;
  }
}
body.theme-0 .subnavi i.fa:not(.fa-inverse) {
  color: #337ab7;
}
body.theme-0 .sub-link-e:hover {
  color: #337ab7;
}
body.theme-0 .sub-link-e:hover i,
body.theme-0 .sub-link-e:hover .title-e {
  color: #337ab7;
}
body.theme-0 #usermenu li a {
  color: #333333;
}
body.theme-0 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-0 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #337ab7;
}
body.theme-0 .desktop .portlet-area {
  background: #fff;
}
body.theme-0 #resource-search .input-group .form-control {
  border-left-color: #337ab7;
}
body.theme-0 #resource-search .input-group .input-group-addon {
  background-color: #337ab7;
  border-color: #285f8f;
}
body.theme-0 .btn-group-title {
  color: #747678;
}
body.theme-0 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-0 .smallbox {
  background: #3b87c8 !important;
}
body.theme-0 .omnisearch input:focus {
  border-color: #337ab7;
}
body.theme-0 .presentation-area-intro {
  background: #337ab7;
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
body.theme-0 .presentation-area-intro h1,
body.theme-0 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-0 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-0 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-0 .presentation-area {
  border-top: 1px solid #337ab7;
}
body.theme-0
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a {
  color: #337ab7;
}
body.theme-0
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a:hover {
  color: #337ab7;
}
body.theme-0 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(51, 122, 183, 0.8);
}
body.theme-0 .presentation-area .presentation .presentation-icon:hover {
  background: #337ab7;
}
body.theme-1 {
  /* desktop colors */
}
body.theme-1 .common-theme-bg {
  background: #d56321 !important;
}
body.theme-1 .common-theme-color,
body.theme-1 .common-theme-color:before,
body.theme-1 .common-theme-color:after {
  color: #d56321 !important;
}
body.theme-1 .modal-header,
body.theme-1 .page-header,
body.theme-1 .panel-heading .panel-title,
body.theme-1 .sub-page-header,
body.theme-1 .header-visible-e .portlet-title span,
body.theme-1 .sub-col-e h3.panel-title {
  border-color: #d56321 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-1 .modal-header,
body.theme-1 .header-visible-e .portlet-title span,
body.theme-1 .sub-col-e h3.panel-title {
  color: #d56321 !important;
}
body.theme-1 #usermenu .dropdown-menu > li.user-header {
  background: #d56321;
}
body.theme-1 #topbar .page-header h1 {
  color: #d56321;
}
body.theme-1 .portlet-login {
  background: none repeat scroll 0 0 rgba(213, 99, 33, 0.04);
  border: 1px solid rgba(213, 99, 33, 0.41);
  box-shadow: 0 1px 3px rgba(213, 99, 33, 0.41);
}
body.theme-1 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(213, 99, 33, 0.81);
  border: 1px solid #d56321;
}
body.theme-1 .portlet-login .portlet-icon-back,
body.theme-1 .portlet-login .taglib-icon-list li a {
  color: #d56321;
}
body.theme-1 .panel-portlet.panel {
  box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
}
body.theme-1 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #d56321 !important;
}
body.theme-1 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #d56321 !important;
}
body.theme-1 #main-header {
  border-bottom-color: #d56321 !important;
}
body.theme-1 #main-header nav.navbar {
  background: #fff;
  border-top: 1px solid #e8e4e4;
}
body.theme-1 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-1 #main-header nav.navbar span.nav-icon-text {
  color: #d56321;
}
body.theme-1 .search-input .input-group .form-control {
  border-left-color: #934417;
  border-right-color: #d5d3d3;
}
body.theme-1 .search-input .input-group .input-group-addon:first-child {
  background-color: #d56321;
  border-color: #934417;
  color: #fff;
}
body.theme-1 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-1 #desktop-switcher > li > a.active,
body.theme-1 #mobile-header > li > a.active,
body.theme-1 #desktop-switcher > span > a.active,
body.theme-1 #mobile-header > span > a.active {
  background: #d56321;
}
body.theme-1 #desktop-switcher > li > li:hover > a,
body.theme-1 #mobile-header > li > li:hover > a,
body.theme-1 #desktop-switcher > span > li:hover > a,
body.theme-1 #mobile-header > span > li:hover > a {
  background: #d56321;
}
body.theme-1 .subnavi i.fa {
  color: #d56321;
}
body.theme-1 .left-navi li a {
  color: #484848;
}
body.theme-1 .left-navi li a i {
  color: #777;
}
body.theme-1 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-1 .left-navi li.current > a i {
  color: #d56321;
}
body.theme-1 .left-navi li.title,
body.theme-1 .left-navi li.disabled {
  background-color: #fff;
  color: #747678;
}
body.theme-1 .left-navi li.title.current,
body.theme-1 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-1 .nav-menu .level-1 > li.open > a {
  background-color: #fff;
  color: #747678;
}
body.theme-1 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-1 .nav-menu .level-2 > li a i {
  color: #777;
}
body.theme-1 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-1 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-1 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-1 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-1 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-1 .subnavi li a {
  color: #333333;
}
body.theme-1 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-1 .subnavi > li.active > a {
  background-color: rgba(237, 237, 237, 0.28) !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
}
body.theme-1 .subnavi > li.active > a:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d56321;
  border-left: 8px solid transparent;
  content: "";
  left: 50%;
  right: 50%;
  background: transparent;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-1 .subnavi > li.active > a:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #d56321;
    border-bottom: 8px solid transparent;
    content: "";
    left: 0;
    margin-left: 0px;
  }
}
body.theme-1 .subnavi i.fa:not(.fa-inverse) {
  color: #d56321;
}
body.theme-1 .sub-link-e:hover {
  color: #d56321;
}
body.theme-1 .sub-link-e:hover i,
body.theme-1 .sub-link-e:hover .title-e {
  color: #d56321;
}
body.theme-1 #usermenu li a {
  color: #333333;
}
body.theme-1 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-1 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #d56321;
}
body.theme-1 .desktop .portlet-area {
  background: #fff;
}
body.theme-1 #resource-search .input-group .form-control {
  border-left-color: #d56321;
}
body.theme-1 #resource-search .input-group .input-group-addon {
  background-color: #d56321;
  border-color: #a94e1a;
}
body.theme-1 .btn-group-title {
  color: #747678;
}
body.theme-1 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-1 .smallbox {
  background: #df7030 !important;
}
body.theme-1 .omnisearch input:focus {
  border-color: #d56321;
}
body.theme-1 .presentation-area-intro {
  background: #d56321;
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
body.theme-1 .presentation-area-intro h1,
body.theme-1 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-1 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-1 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-1 .presentation-area {
  border-top: 1px solid #d56321;
}
body.theme-1
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a {
  color: #d56321;
}
body.theme-1
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a:hover {
  color: #d56321;
}
body.theme-1 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(213, 99, 33, 0.8);
}
body.theme-1 .presentation-area .presentation .presentation-icon:hover {
  background: #d56321;
}
body.theme-2 {
  /* desktop colors */
}
body.theme-2 .common-theme-bg {
  background: #2b479a !important;
}
body.theme-2 .common-theme-color,
body.theme-2 .common-theme-color:before,
body.theme-2 .common-theme-color:after {
  color: #2b479a !important;
}
body.theme-2 .modal-header,
body.theme-2 .page-header,
body.theme-2 .panel-heading .panel-title,
body.theme-2 .sub-page-header,
body.theme-2 .header-visible-e .portlet-title span,
body.theme-2 .sub-col-e h3.panel-title {
  border-color: #2b479a !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-2 .modal-header,
body.theme-2 .header-visible-e .portlet-title span,
body.theme-2 .sub-col-e h3.panel-title {
  color: #2b479a !important;
}
body.theme-2 #usermenu .dropdown-menu > li.user-header {
  background: #2b479a;
}
body.theme-2 #topbar .page-header h1 {
  color: #2b479a;
}
body.theme-2 .portlet-login {
  background: none repeat scroll 0 0 rgba(43, 71, 154, 0.04);
  border: 1px solid rgba(43, 71, 154, 0.41);
  box-shadow: 0 1px 3px rgba(43, 71, 154, 0.41);
}
body.theme-2 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(43, 71, 154, 0.81);
  border: 1px solid #2b479a;
}
body.theme-2 .portlet-login .portlet-icon-back,
body.theme-2 .portlet-login .taglib-icon-list li a {
  color: #2b479a;
}
body.theme-2 .panel-portlet.panel {
  box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
}
body.theme-2 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #2b479a !important;
}
body.theme-2 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #2b479a !important;
}
body.theme-2 #main-header {
  border-bottom-color: #2b479a !important;
}
body.theme-2 #main-header nav.navbar {
  background: #fff;
  border-top: 1px solid #e8e4e4;
}
body.theme-2 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-2 #main-header nav.navbar span.nav-icon-text {
  color: #2b479a;
}
body.theme-2 .search-input .input-group .form-control {
  border-left-color: #1a2b5e;
  border-right-color: #d5d3d3;
}
body.theme-2 .search-input .input-group .input-group-addon:first-child {
  background-color: #2b479a;
  border-color: #1a2b5e;
  color: #fff;
}
body.theme-2 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-2 #desktop-switcher > li > a.active,
body.theme-2 #mobile-header > li > a.active,
body.theme-2 #desktop-switcher > span > a.active,
body.theme-2 #mobile-header > span > a.active {
  background: #2b479a;
}
body.theme-2 #desktop-switcher > li > li:hover > a,
body.theme-2 #mobile-header > li > li:hover > a,
body.theme-2 #desktop-switcher > span > li:hover > a,
body.theme-2 #mobile-header > span > li:hover > a {
  background: #2b479a;
}
body.theme-2 .subnavi i.fa {
  color: #2b479a;
}
body.theme-2 .left-navi li a {
  color: #484848;
}
body.theme-2 .left-navi li a i {
  color: #777;
}
body.theme-2 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-2 .left-navi li.current > a i {
  color: #2b479a;
}
body.theme-2 .left-navi li.title,
body.theme-2 .left-navi li.disabled {
  background-color: #fff;
  color: #747678;
}
body.theme-2 .left-navi li.title.current,
body.theme-2 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-2 .nav-menu .level-1 > li.open > a {
  background-color: #fff;
  color: #747678;
}
body.theme-2 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-2 .nav-menu .level-2 > li a i {
  color: #777;
}
body.theme-2 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-2 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-2 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-2 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-2 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-2 .subnavi li a {
  color: #333333;
}
body.theme-2 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-2 .subnavi > li.active > a {
  background-color: rgba(237, 237, 237, 0.28) !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
}
body.theme-2 .subnavi > li.active > a:after, body.theme-2 .subnavi > li.active > .dropdown-btn-container:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #2b479a;
  border-left: 8px solid transparent;
  content: "";
  left: 50%;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-2 .subnavi > li.active > a:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #2b479a;
    border-bottom: 8px solid transparent;
    content: "";
    left: 0;
    margin-left: 0px;
  }
}
body.theme-2 .subnavi i.fa:not(.fa-inverse) {
  color: #2b479a;
}
body.theme-2 .sub-link-e:hover {
  color: #2b479a;
}
body.theme-2 .sub-link-e:hover i,
body.theme-2 .sub-link-e:hover .title-e {
  color: #2b479a;
}
body.theme-2 #usermenu li a {
  color: #333333;
}
body.theme-2 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-2 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #2b479a;
}
body.theme-2 .desktop .portlet-area {
  background: #fff;
}
body.theme-2 #resource-search .input-group .form-control {
  border-left-color: #2b479a;
}
body.theme-2 #resource-search .input-group .input-group-addon {
  background-color: #2b479a;
  border-color: #203572;
}
body.theme-2 .btn-group-title {
  color: #747678;
}
body.theme-2 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-2 .smallbox {
  background: #3150ae !important;
}
body.theme-2 .omnisearch input:focus {
  border-color: #2b479a;
}
body.theme-2 .presentation-area-intro {
  background: #2b479a;
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
body.theme-2 .presentation-area-intro h1,
body.theme-2 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-2 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-2 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-2 .presentation-area {
  border-top: 1px solid #2b479a;
}
body.theme-2
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a {
  color: #2b479a;
}
body.theme-2
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a:hover {
  color: #2b479a;
}
body.theme-2 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(43, 71, 154, 0.8);
}
body.theme-2 .presentation-area .presentation .presentation-icon:hover {
  background: #2b479a;
}
body.theme-3 {
  /* desktop colors */
}
body.theme-3 .common-theme-bg {
  background: #c73838 !important;
}
body.theme-3 .common-theme-color,
body.theme-3 .common-theme-color:before,
body.theme-3 .common-theme-color:after {
  color: #c73838 !important;
}
body.theme-3 .modal-header,
body.theme-3 .page-header,
body.theme-3 .panel-heading .panel-title,
body.theme-3 .sub-page-header,
body.theme-3 .header-visible-e .portlet-title span,
body.theme-3 .sub-col-e h3.panel-title {
  border-color: #c73838 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-3 .modal-header,
body.theme-3 .header-visible-e .portlet-title span,
body.theme-3 .sub-col-e h3.panel-title {
  color: #c73838 !important;
}
body.theme-3 #usermenu .dropdown-menu > li.user-header {
  background: #c73838;
}
body.theme-3 #topbar .page-header h1 {
  color: #c73838;
}
body.theme-3 .portlet-login {
  background: none repeat scroll 0 0 rgba(199, 56, 56, 0.04);
  border: 1px solid rgba(199, 56, 56, 0.41);
  box-shadow: 0 1px 3px rgba(199, 56, 56, 0.41);
}
body.theme-3 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(199, 56, 56, 0.81);
  border: 1px solid #c73838;
}
body.theme-3 .portlet-login .portlet-icon-back,
body.theme-3 .portlet-login .taglib-icon-list li a {
  color: #c73838;
}
body.theme-3 .panel-portlet.panel {
  box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
}
body.theme-3 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #c73838 !important;
}
body.theme-3 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #c73838 !important;
}
body.theme-3 #main-header {
  border-bottom-color: #c73838 !important;
}
body.theme-3 #main-header nav.navbar {
  background: #fff;
  border-top: 1px solid #e8e4e4;
}
body.theme-3 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-3 #main-header nav.navbar span.nav-icon-text {
  color: #c73838;
}
body.theme-3 .search-input .input-group .form-control {
  border-left-color: #8b2727;
  border-right-color: #d5d3d3;
}
body.theme-3 .search-input .input-group .input-group-addon:first-child {
  background-color: #c73838;
  border-color: #8b2727;
  color: #fff;
}
body.theme-3 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-3 #desktop-switcher > li > a.active,
body.theme-3 #mobile-header > li > a.active,
body.theme-3 #desktop-switcher > span > a.active,
body.theme-3 #mobile-header > span > a.active {
  background: #c73838;
}
body.theme-3 #desktop-switcher > li > li:hover > a,
body.theme-3 #mobile-header > li > li:hover > a,
body.theme-3 #desktop-switcher > span > li:hover > a,
body.theme-3 #mobile-header > span > li:hover > a {
  background: #c73838;
}
body.theme-3 .subnavi i.fa {
  color: #c73838;
}
body.theme-3 .left-navi li a {
  color: #484848;
}
body.theme-3 .left-navi li a i {
  color: #777;
}
body.theme-3 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-3 .left-navi li.current > a i {
  color: #c73838;
}
body.theme-3 .left-navi li.title,
body.theme-3 .left-navi li.disabled {
  background-color: #fff;
  color: #747678;
}
body.theme-3 .left-navi li.title.current,
body.theme-3 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-3 .nav-menu .level-1 > li.open > a {
  background-color: #fff;
  color: #747678;
}
body.theme-3 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-3 .nav-menu .level-2 > li a i {
  color: #777;
}
body.theme-3 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-3 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-3 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-3 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-3 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-3 .subnavi li a {
  color: #333333;
}
body.theme-3 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-3 .subnavi > li.active > a {
  background-color: rgba(237, 237, 237, 0.28) !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
}
body.theme-3 .subnavi > li.active > a:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #c73838;
  border-left: 8px solid transparent;
  content: "";
  left: 50%;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-3 .subnavi > li.active > a:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #c73838;
    border-bottom: 8px solid transparent;
    content: "";
    left: 0;
    margin-left: 0px;
  }
}
body.theme-3 .subnavi i.fa:not(.fa-inverse) {
  color: #c73838;
}
body.theme-3 .sub-link-e:hover {
  color: #c73838;
}
body.theme-3 .sub-link-e:hover i,
body.theme-3 .sub-link-e:hover .title-e {
  color: #c73838;
}
body.theme-3 #usermenu li a {
  color: #333333;
}
body.theme-3 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-3 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #c73838;
}
body.theme-3 .desktop .portlet-area {
  background: #fff;
}
body.theme-3 #resource-search .input-group .form-control {
  border-left-color: #c73838;
}
body.theme-3 #resource-search .input-group .input-group-addon {
  background-color: #c73838;
  border-color: #9f2d2d;
}
body.theme-3 .btn-group-title {
  color: #747678;
}
body.theme-3 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-3 .smallbox {
  background: #cd4c4c !important;
}
body.theme-3 .omnisearch input:focus {
  border-color: #c73838;
}
body.theme-3 .presentation-area-intro {
  background: #c73838;
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
body.theme-3 .presentation-area-intro h1,
body.theme-3 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-3 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-3 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-3 .presentation-area {
  border-top: 1px solid #c73838;
}
body.theme-3
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a {
  color: #c73838;
}
body.theme-3
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a:hover {
  color: #c73838;
}
body.theme-3 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(199, 56, 56, 0.8);
}
body.theme-3 .presentation-area .presentation .presentation-icon:hover {
  background: #c73838;
}
body.theme-4 {
  /* desktop colors */
}
body.theme-4 .common-theme-bg {
  background: #559433 !important;
}
body.theme-4 .common-theme-color,
body.theme-4 .common-theme-color:before,
body.theme-4 .common-theme-color:after {
  color: #559433 !important;
}
body.theme-4 .modal-header,
body.theme-4 .page-header,
body.theme-4 .panel-heading .panel-title,
body.theme-4 .sub-page-header,
body.theme-4 .header-visible-e .portlet-title span,
body.theme-4 .sub-col-e h3.panel-title {
  border-color: #559433 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-4 .modal-header,
body.theme-4 .header-visible-e .portlet-title span,
body.theme-4 .sub-col-e h3.panel-title {
  color: #559433 !important;
}
body.theme-4 #usermenu .dropdown-menu > li.user-header {
  background: #559433;
}
body.theme-4 #topbar .page-header h1 {
  color: #559433;
}
body.theme-4 .portlet-login {
  background: none repeat scroll 0 0 rgba(85, 148, 51, 0.04);
  border: 1px solid rgba(85, 148, 51, 0.41);
  box-shadow: 0 1px 3px rgba(85, 148, 51, 0.41);
}
body.theme-4 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(85, 148, 51, 0.81);
  border: 1px solid #559433;
}
body.theme-4 .portlet-login .portlet-icon-back,
body.theme-4 .portlet-login .taglib-icon-list li a {
  color: #559433;
}
body.theme-4 .panel-portlet.panel {
  box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
}
body.theme-4 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #559433 !important;
}
body.theme-4 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #559433 !important;
}
body.theme-4 #main-header {
  border-bottom-color: #559433 !important;
}
body.theme-4 #main-header nav.navbar {
  background: #fff;
  border-top: 1px solid #e8e4e4;
}
body.theme-4 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-4 #main-header nav.navbar span.nav-icon-text {
  color: #559433;
}
body.theme-4 .search-input .input-group .form-control {
  border-left-color: #345b1f;
  border-right-color: #d5d3d3;
}
body.theme-4 .search-input .input-group .input-group-addon:first-child {
  background-color: #559433;
  border-color: #345b1f;
  color: #fff;
}
body.theme-4 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-4 #desktop-switcher > li > a.active,
body.theme-4 #mobile-header > li > a.active,
body.theme-4 #desktop-switcher > span > a.active,
body.theme-4 #mobile-header > span > a.active {
  background: #559433;
}
body.theme-4 #desktop-switcher > li > li:hover > a,
body.theme-4 #mobile-header > li > li:hover > a,
body.theme-4 #desktop-switcher > span > li:hover > a,
body.theme-4 #mobile-header > span > li:hover > a {
  background: #559433;
}
body.theme-4 .subnavi i.fa {
  color: #559433;
}
body.theme-4 .left-navi li a {
  color: #484848;
}
body.theme-4 .left-navi li a i {
  color: #777;
}
body.theme-4 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-4 .left-navi li.current > a i {
  color: #559433;
}
body.theme-4 .left-navi li.title,
body.theme-4 .left-navi li.disabled {
  background-color: #fff;
  color: #747678;
}
body.theme-4 .left-navi li.title.current,
body.theme-4 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-4 .nav-menu .level-1 > li.open > a {
  background-color: #fff;
  color: #747678;
}
body.theme-4 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-4 .nav-menu .level-2 > li a i {
  color: #777;
}
body.theme-4 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-4 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-4 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-4 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-4 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-4 .subnavi li a {
  color: #333333;
}
body.theme-4 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-4 .subnavi > li.active > a {
  background-color: rgba(237, 237, 237, 0.28) !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
}
body.theme-4 .subnavi > li.active > a:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #559433;
  border-left: 8px solid transparent;
  content: "";
  left: 50%;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-4 .subnavi > li.active > a:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #559433;
    border-bottom: 8px solid transparent;
    content: "";
    left: 0;
    margin-left: 0px;
  }
}
body.theme-4 .subnavi i.fa:not(.fa-inverse) {
  color: #559433;
}
body.theme-4 .sub-link-e:hover {
  color: #559433;
}
body.theme-4 .sub-link-e:hover i,
body.theme-4 .sub-link-e:hover .title-e {
  color: #559433;
}
body.theme-4 #usermenu li a {
  color: #333333;
}
body.theme-4 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-4 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #559433;
}
body.theme-4 .desktop .portlet-area {
  background: #fff;
}
body.theme-4 #resource-search .input-group .form-control {
  border-left-color: #559433;
}
body.theme-4 #resource-search .input-group .input-group-addon {
  background-color: #559433;
  border-color: #3f6e26;
}
body.theme-4 .btn-group-title {
  color: #747678;
}
body.theme-4 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-4 .smallbox {
  background: #60a73a !important;
}
body.theme-4 .omnisearch input:focus {
  border-color: #559433;
}
body.theme-4 .presentation-area-intro {
  background: #559433;
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
body.theme-4 .presentation-area-intro h1,
body.theme-4 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-4 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-4 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-4 .presentation-area {
  border-top: 1px solid #559433;
}
body.theme-4
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a {
  color: #559433;
}
body.theme-4
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a:hover {
  color: #559433;
}
body.theme-4 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(85, 148, 51, 0.8);
}
body.theme-4 .presentation-area .presentation .presentation-icon:hover {
  background: #559433;
}
body.theme-5 {
  /* desktop colors */
}
body.theme-5 .common-theme-bg {
  background: #913d88 !important;
}
body.theme-5 .common-theme-color,
body.theme-5 .common-theme-color:before,
body.theme-5 .common-theme-color:after {
  color: #913d88 !important;
}
body.theme-5 .modal-header,
body.theme-5 .page-header,
body.theme-5 .panel-heading .panel-title,
body.theme-5 .sub-page-header,
body.theme-5 .header-visible-e .portlet-title span,
body.theme-5 .sub-col-e h3.panel-title {
  border-color: #913d88 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-5 .modal-header,
body.theme-5 .header-visible-e .portlet-title span,
body.theme-5 .sub-col-e h3.panel-title {
  color: #913d88 !important;
}
body.theme-5 #usermenu .dropdown-menu > li.user-header {
  background: #913d88;
}
body.theme-5 #topbar .page-header h1 {
  color: #913d88;
}
body.theme-5 .portlet-login {
  background: none repeat scroll 0 0 rgba(145, 61, 136, 0.04);
  border: 1px solid rgba(145, 61, 136, 0.41);
  box-shadow: 0 1px 3px rgba(145, 61, 136, 0.41);
}
body.theme-5 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(145, 61, 136, 0.81);
  border: 1px solid #913d88;
}
body.theme-5 .portlet-login .portlet-icon-back,
body.theme-5 .portlet-login .taglib-icon-list li a {
  color: #913d88;
}
body.theme-5 .panel-portlet.panel {
  box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
}
body.theme-5 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #913d88 !important;
}
body.theme-5 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #913d88 !important;
}
body.theme-5 #main-header {
  border-bottom-color: #913d88 !important;
}
body.theme-5 #main-header nav.navbar {
  background: #fff;
  border-top: 1px solid #e8e4e4;
}
body.theme-5 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-5 #main-header nav.navbar span.nav-icon-text {
  color: #913d88;
}
body.theme-5 .search-input .input-group .form-control {
  border-left-color: #5b2655;
  border-right-color: #d5d3d3;
}
body.theme-5 .search-input .input-group .input-group-addon:first-child {
  background-color: #913d88;
  border-color: #5b2655;
  color: #fff;
}
body.theme-5 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-5 #desktop-switcher > li > a.active,
body.theme-5 #mobile-header > li > a.active,
body.theme-5 #desktop-switcher > span > a.active,
body.theme-5 #mobile-header > span > a.active {
  background: #913d88;
}
body.theme-5 #desktop-switcher > li > li:hover > a,
body.theme-5 #mobile-header > li > li:hover > a,
body.theme-5 #desktop-switcher > span > li:hover > a,
body.theme-5 #mobile-header > span > li:hover > a {
  background: #913d88;
}
body.theme-5 .subnavi i.fa {
  color: #913d88;
}
body.theme-5 .left-navi li a {
  color: #484848;
}
body.theme-5 .left-navi li a i {
  color: #777;
}
body.theme-5 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-5 .left-navi li.current > a i {
  color: #913d88;
}
body.theme-5 .left-navi li.title,
body.theme-5 .left-navi li.disabled {
  background-color: #fff;
  color: #747678;
}
body.theme-5 .left-navi li.title.current,
body.theme-5 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-5 .nav-menu .level-1 > li.open > a {
  background-color: #fff;
  color: #747678;
}
body.theme-5 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-5 .nav-menu .level-2 > li a i {
  color: #777;
}
body.theme-5 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-5 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-5 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-5 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-5 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-5 .subnavi li a {
  color: #333333;
}
body.theme-5 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-5 .subnavi > li.active > a {
  background-color: rgba(237, 237, 237, 0.28) !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
}
body.theme-5 .subnavi > li.active > a:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #913d88;
  border-left: 8px solid transparent;
  content: "";
  left: 50%;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-5 .subnavi > li.active > a:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #913d88;
    border-bottom: 8px solid transparent;
    content: "";
    left: 0;
    margin-left: 0px;
  }
}
body.theme-5 .subnavi i.fa:not(.fa-inverse) {
  color: #913d88;
}
body.theme-5 .sub-link-e:hover {
  color: #913d88;
}
body.theme-5 .sub-link-e:hover i,
body.theme-5 .sub-link-e:hover .title-e {
  color: #913d88;
}
body.theme-5 #usermenu li a {
  color: #333333;
}
body.theme-5 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-5 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #913d88;
}
body.theme-5 .desktop .portlet-area {
  background: #fff;
}
body.theme-5 #resource-search .input-group .form-control {
  border-left-color: #913d88;
}
body.theme-5 #resource-search .input-group .input-group-addon {
  background-color: #913d88;
  border-color: #6d2e66;
}
body.theme-5 .btn-group-title {
  color: #747678;
}
body.theme-5 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-5 .smallbox {
  background: #a34599 !important;
}
body.theme-5 .omnisearch input:focus {
  border-color: #913d88;
}
body.theme-5 .presentation-area-intro {
  background: #913d88;
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
body.theme-5 .presentation-area-intro h1,
body.theme-5 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-5 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-5 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-5 .presentation-area {
  border-top: 1px solid #913d88;
}
body.theme-5
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a {
  color: #913d88;
}
body.theme-5
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a:hover {
  color: #913d88;
}
body.theme-5 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(145, 61, 136, 0.8);
}
body.theme-5 .presentation-area .presentation .presentation-icon:hover {
  background: #913d88;
}
body.theme-6 {
  /* desktop colors */
}
body.theme-6 .common-theme-bg {
  background: #891303 !important;
}
body.theme-6 .common-theme-color,
body.theme-6 .common-theme-color:before,
body.theme-6 .common-theme-color:after {
  color: #891303 !important;
}
body.theme-6 .modal-header,
body.theme-6 .page-header,
body.theme-6 .panel-heading .panel-title,
body.theme-6 .sub-page-header,
body.theme-6 .header-visible-e .portlet-title span,
body.theme-6 .sub-col-e h3.panel-title {
  border-color: #891303 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-6 .modal-header,
body.theme-6 .header-visible-e .portlet-title span,
body.theme-6 .sub-col-e h3.panel-title {
  color: #891303 !important;
}
body.theme-6 #usermenu .dropdown-menu > li.user-header {
  background: #891303;
}
body.theme-6 #topbar .page-header h1 {
  color: #891303;
}
body.theme-6 .portlet-login {
  background: none repeat scroll 0 0 rgba(137, 19, 3, 0.04);
  border: 1px solid rgba(137, 19, 3, 0.41);
  box-shadow: 0 1px 3px rgba(137, 19, 3, 0.41);
}
body.theme-6 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(137, 19, 3, 0.81);
  border: 1px solid #891303;
}
body.theme-6 .portlet-login .portlet-icon-back,
body.theme-6 .portlet-login .taglib-icon-list li a {
  color: #891303;
}
body.theme-6 .panel-portlet.panel {
  box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
}
body.theme-6 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #891303 !important;
}
body.theme-6 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #891303 !important;
}
body.theme-6 #main-header {
  border-bottom-color: #891303 !important;
}
body.theme-6 #main-header nav.navbar {
  background: #fff;
  border-top: 1px solid #e8e4e4;
}
body.theme-6 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-6 #main-header nav.navbar span.nav-icon-text {
  color: #891303;
}
body.theme-6 .search-input .input-group .form-control {
  border-left-color: #3e0901;
  border-right-color: #d5d3d3;
}
body.theme-6 .search-input .input-group .input-group-addon:first-child {
  background-color: #891303;
  border-color: #3e0901;
  color: #fff;
}
body.theme-6 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-6 #desktop-switcher > li > a.active,
body.theme-6 #mobile-header > li > a.active,
body.theme-6 #desktop-switcher > span > a.active,
body.theme-6 #mobile-header > span > a.active {
  background: #891303;
}
body.theme-6 #desktop-switcher > li > li:hover > a,
body.theme-6 #mobile-header > li > li:hover > a,
body.theme-6 #desktop-switcher > span > li:hover > a,
body.theme-6 #mobile-header > span > li:hover > a {
  background: #891303;
}
body.theme-6 .subnavi i.fa {
  color: #891303;
}
body.theme-6 .left-navi li a {
  color: #484848;
}
body.theme-6 .left-navi li a i {
  color: #777;
}
body.theme-6 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-6 .left-navi li.current > a i {
  color: #891303;
}
body.theme-6 .left-navi li.title,
body.theme-6 .left-navi li.disabled {
  background-color: #fff;
  color: #747678;
}
body.theme-6 .left-navi li.title.current,
body.theme-6 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-6 .nav-menu .level-1 > li.open > a {
  background-color: #fff;
  color: #747678;
}
body.theme-6 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-6 .nav-menu .level-2 > li a i {
  color: #777;
}
body.theme-6 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-6 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-6 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-6 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-6 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-6 .subnavi li a {
  color: #333333;
}
body.theme-6 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-6 .subnavi > li.active > a {
  background-color: rgba(237, 237, 237, 0.28) !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
}
body.theme-6 .subnavi > li.active > a:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #891303;
  border-left: 8px solid transparent;
  content: "";
  left: 50%;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-6 .subnavi > li.active > a:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #891303;
    border-bottom: 8px solid transparent;
    content: "";
    left: 0;
    margin-left: 0px;
  }
}
body.theme-6 .subnavi i.fa:not(.fa-inverse) {
  color: #891303;
}
body.theme-6 .sub-link-e:hover {
  color: #891303;
}
body.theme-6 .sub-link-e:hover i,
body.theme-6 .sub-link-e:hover .title-e {
  color: #891303;
}
body.theme-6 #usermenu li a {
  color: #333333;
}
body.theme-6 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-6 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #891303;
}
body.theme-6 .desktop .portlet-area {
  background: #fff;
}
body.theme-6 #resource-search .input-group .form-control {
  border-left-color: #891303;
}
body.theme-6 #resource-search .input-group .input-group-addon {
  background-color: #891303;
  border-color: #570c02;
}
body.theme-6 .btn-group-title {
  color: #747678;
}
body.theme-6 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-6 .smallbox {
  background: #a21604 !important;
}
body.theme-6 .omnisearch input:focus {
  border-color: #891303;
}
body.theme-6 .presentation-area-intro {
  background: #891303;
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
body.theme-6 .presentation-area-intro h1,
body.theme-6 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-6 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-6 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-6 .presentation-area {
  border-top: 1px solid #891303;
}
body.theme-6
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a {
  color: #891303;
}
body.theme-6
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a:hover {
  color: #891303;
}
body.theme-6 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(137, 19, 3, 0.8);
}
body.theme-6 .presentation-area .presentation .presentation-icon:hover {
  background: #891303;
}
body.theme-7 {
  /* desktop colors */
}
body.theme-7 .common-theme-bg {
  background: #d57800 !important;
}
body.theme-7 .common-theme-color,
body.theme-7 .common-theme-color:before,
body.theme-7 .common-theme-color:after {
  color: #d57800 !important;
}
body.theme-7 .modal-header,
body.theme-7 .page-header,
body.theme-7 .panel-heading .panel-title,
body.theme-7 .sub-page-header,
body.theme-7 .header-visible-e .portlet-title span,
body.theme-7 .sub-col-e h3.panel-title {
  border-color: #d57800 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-7 .modal-header,
body.theme-7 .header-visible-e .portlet-title span,
body.theme-7 .sub-col-e h3.panel-title {
  color: #d57800 !important;
}
body.theme-7 #usermenu .dropdown-menu > li.user-header {
  background: #d57800;
}
body.theme-7 #topbar .page-header h1 {
  color: #d57800;
}
body.theme-7 .portlet-login {
  background: none repeat scroll 0 0 rgba(213, 120, 0, 0.04);
  border: 1px solid rgba(213, 120, 0, 0.41);
  box-shadow: 0 1px 3px rgba(213, 120, 0, 0.41);
}
body.theme-7 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(213, 120, 0, 0.81);
  border: 1px solid #d57800;
}
body.theme-7 .portlet-login .portlet-icon-back,
body.theme-7 .portlet-login .taglib-icon-list li a {
  color: #d57800;
}
body.theme-7 .panel-portlet.panel {
  box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
}
body.theme-7 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #d57800 !important;
}
body.theme-7 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #d57800 !important;
}
body.theme-7 #main-header {
  border-bottom-color: #d57800 !important;
}
body.theme-7 #main-header nav.navbar {
  background: #fff;
  border-top: 1px solid #e8e4e4;
}
body.theme-7 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-7 #main-header nav.navbar span.nav-icon-text {
  color: #d57800;
}
body.theme-7 .search-input .input-group .form-control {
  border-left-color: #894d00;
  border-right-color: #d5d3d3;
}
body.theme-7 .search-input .input-group .input-group-addon:first-child {
  background-color: #d57800;
  border-color: #894d00;
  color: #fff;
}
body.theme-7 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-7 #desktop-switcher > li > a.active,
body.theme-7 #mobile-header > li > a.active,
body.theme-7 #desktop-switcher > span > a.active,
body.theme-7 #mobile-header > span > a.active {
  background: #d57800;
}
body.theme-7 #desktop-switcher > li > li:hover > a,
body.theme-7 #mobile-header > li > li:hover > a,
body.theme-7 #desktop-switcher > span > li:hover > a,
body.theme-7 #mobile-header > span > li:hover > a {
  background: #d57800;
}
body.theme-7 .subnavi i.fa {
  color: #d57800;
}
body.theme-7 .left-navi li a {
  color: #484848;
}
body.theme-7 .left-navi li a i {
  color: #777;
}
body.theme-7 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-7 .left-navi li.current > a i {
  color: #d57800;
}
body.theme-7 .left-navi li.title,
body.theme-7 .left-navi li.disabled {
  background-color: #fff;
  color: #747678;
}
body.theme-7 .left-navi li.title.current,
body.theme-7 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-7 .nav-menu .level-1 > li.open > a {
  background-color: #fff;
  color: #747678;
}
body.theme-7 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-7 .nav-menu .level-2 > li a i {
  color: #777;
}
body.theme-7 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-7 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-7 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-7 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-7 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-7 .subnavi li a {
  color: #333333;
}
body.theme-7 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-7 .subnavi > li.active > a {
  background-color: rgba(237, 237, 237, 0.28) !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
}
body.theme-7 .subnavi > li.active > a:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d57800;
  border-left: 8px solid transparent;
  content: "";
  left: 50%;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-7 .subnavi > li.active > a:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #d57800;
    border-bottom: 8px solid transparent;
    content: "";
    left: 0;
    margin-left: 0px;
  }
}
body.theme-7 .subnavi i.fa:not(.fa-inverse) {
  color: #d57800;
}
body.theme-7 .sub-link-e:hover {
  color: #d57800;
}
body.theme-7 .sub-link-e:hover i,
body.theme-7 .sub-link-e:hover .title-e {
  color: #d57800;
}
body.theme-7 #usermenu li a {
  color: #333333;
}
body.theme-7 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-7 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #d57800;
}
body.theme-7 .desktop .portlet-area {
  background: #fff;
}
body.theme-7 #resource-search .input-group .form-control {
  border-left-color: #d57800;
}
body.theme-7 #resource-search .input-group .input-group-addon {
  background-color: #d57800;
  border-color: #a25b00;
}
body.theme-7 .btn-group-title {
  color: #747678;
}
body.theme-7 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-7 .smallbox {
  background: #ef8600 !important;
}
body.theme-7 .omnisearch input:focus {
  border-color: #d57800;
}
body.theme-7 .presentation-area-intro {
  background: #d57800;
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
body.theme-7 .presentation-area-intro h1,
body.theme-7 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-7 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-7 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-7 .presentation-area {
  border-top: 1px solid #d57800;
}
body.theme-7
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a {
  color: #d57800;
}
body.theme-7
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a:hover {
  color: #d57800;
}
body.theme-7 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(213, 120, 0, 0.8);
}
body.theme-7 .presentation-area .presentation .presentation-icon:hover {
  background: #d57800;
}
body.theme-8 {
  /* desktop colors */
}
body.theme-8 .common-theme-bg {
  background: #2d5b16 !important;
}
body.theme-8 .common-theme-color,
body.theme-8 .common-theme-color:before,
body.theme-8 .common-theme-color:after {
  color: #2d5b16 !important;
}
body.theme-8 .modal-header,
body.theme-8 .page-header,
body.theme-8 .panel-heading .panel-title,
body.theme-8 .sub-page-header,
body.theme-8 .header-visible-e .portlet-title span,
body.theme-8 .sub-col-e h3.panel-title {
  border-color: #2d5b16 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-8 .modal-header,
body.theme-8 .header-visible-e .portlet-title span,
body.theme-8 .sub-col-e h3.panel-title {
  color: #2d5b16 !important;
}
body.theme-8 #usermenu .dropdown-menu > li.user-header {
  background: #2d5b16;
}
body.theme-8 #topbar .page-header h1 {
  color: #2d5b16;
}
body.theme-8 .portlet-login {
  background: none repeat scroll 0 0 rgba(45, 91, 22, 0.04);
  border: 1px solid rgba(45, 91, 22, 0.41);
  box-shadow: 0 1px 3px rgba(45, 91, 22, 0.41);
}
body.theme-8 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(45, 91, 22, 0.81);
  border: 1px solid #2d5b16;
}
body.theme-8 .portlet-login .portlet-icon-back,
body.theme-8 .portlet-login .taglib-icon-list li a {
  color: #2d5b16;
}
body.theme-8 .panel-portlet.panel {
  box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
}
body.theme-8 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #2d5b16 !important;
}
body.theme-8 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #2d5b16 !important;
}
body.theme-8 #main-header {
  border-bottom-color: #2d5b16 !important;
}
body.theme-8 #main-header nav.navbar {
  background: #fff;
  border-top: 1px solid #e8e4e4;
}
body.theme-8 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-8 #main-header nav.navbar span.nav-icon-text {
  color: #2d5b16;
}
body.theme-8 .search-input .input-group .form-control {
  border-left-color: #0f1d07;
  border-right-color: #d5d3d3;
}
body.theme-8 .search-input .input-group .input-group-addon:first-child {
  background-color: #2d5b16;
  border-color: #0f1d07;
  color: #fff;
}
body.theme-8 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-8 #desktop-switcher > li > a.active,
body.theme-8 #mobile-header > li > a.active,
body.theme-8 #desktop-switcher > span > a.active,
body.theme-8 #mobile-header > span > a.active {
  background: #2d5b16;
}
body.theme-8 #desktop-switcher > li > li:hover > a,
body.theme-8 #mobile-header > li > li:hover > a,
body.theme-8 #desktop-switcher > span > li:hover > a,
body.theme-8 #mobile-header > span > li:hover > a {
  background: #2d5b16;
}
body.theme-8 .subnavi i.fa {
  color: #2d5b16;
}
body.theme-8 .left-navi li a {
  color: #484848;
}
body.theme-8 .left-navi li a i {
  color: #777;
}
body.theme-8 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-8 .left-navi li.current > a i {
  color: #2d5b16;
}
body.theme-8 .left-navi li.title,
body.theme-8 .left-navi li.disabled {
  background-color: #fff;
  color: #747678;
}
body.theme-8 .left-navi li.title.current,
body.theme-8 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-8 .nav-menu .level-1 > li.open > a {
  background-color: #fff;
  color: #747678;
}
body.theme-8 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-8 .nav-menu .level-2 > li a i {
  color: #777;
}
body.theme-8 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-8 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-8 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-8 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-8 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-8 .subnavi li a {
  color: #333333;
}
body.theme-8 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-8 .subnavi > li.active > a {
  background-color: rgba(237, 237, 237, 0.28) !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
}
body.theme-8 .subnavi > li.active > a:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #2d5b16;
  border-left: 8px solid transparent;
  content: "";
  left: 50%;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-8 .subnavi > li.active > a:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #2d5b16;
    border-bottom: 8px solid transparent;
    content: "";
    left: 0;
    margin-left: 0px;
  }
}
body.theme-8 .subnavi i.fa:not(.fa-inverse) {
  color: #2d5b16;
}
body.theme-8 .sub-link-e:hover {
  color: #2d5b16;
}
body.theme-8 .sub-link-e:hover i,
body.theme-8 .sub-link-e:hover .title-e {
  color: #2d5b16;
}
body.theme-8 #usermenu li a {
  color: #333333;
}
body.theme-8 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-8 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #2d5b16;
}
body.theme-8 .desktop .portlet-area {
  background: #fff;
}
body.theme-8 #resource-search .input-group .form-control {
  border-left-color: #2d5b16;
}
body.theme-8 #resource-search .input-group .input-group-addon {
  background-color: #2d5b16;
  border-color: #19320c;
}
body.theme-8 .btn-group-title {
  color: #747678;
}
body.theme-8 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-8 .smallbox {
  background: #37701b !important;
}
body.theme-8 .omnisearch input:focus {
  border-color: #2d5b16;
}
body.theme-8 .presentation-area-intro {
  background: #2d5b16;
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
body.theme-8 .presentation-area-intro h1,
body.theme-8 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-8 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-8 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-8 .presentation-area {
  border-top: 1px solid #2d5b16;
}
body.theme-8
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a {
  color: #2d5b16;
}
body.theme-8
  .presentation-area
  .presentation
  .presentation-item
  .frontpage-title
  a:hover {
  color: #2d5b16;
}
body.theme-8 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(45, 91, 22, 0.8);
}
body.theme-8 .presentation-area .presentation .presentation-icon:hover {
  background: #2d5b16;
}
/* start mainThemeDependentCss */
/* desktop switcher */
#desktop-switcher .desktop-1 a:hover,
#mobile-header .desktop-1 a:hover,
#desktop-switcher .desktop-1 a.active,
#mobile-header .desktop-1 a.active {
  background-color: #d56321 !important;
}
#desktop-switcher .desktop-2 a:hover,
#mobile-header .desktop-2 a:hover,
#desktop-switcher .desktop-2 a.active,
#mobile-header .desktop-2 a.active {
  background-color: #2b479a !important;
}
#desktop-switcher .desktop-3 a:hover,
#mobile-header .desktop-3 a:hover,
#desktop-switcher .desktop-3 a.active,
#mobile-header .desktop-3 a.active {
  background-color: #c73838 !important;
}
#desktop-switcher .desktop-4 a:hover,
#mobile-header .desktop-4 a:hover,
#desktop-switcher .desktop-4 a.active,
#mobile-header .desktop-4 a.active {
  background-color: #559433 !important;
}
#desktop-switcher .desktop-5 a:hover,
#mobile-header .desktop-5 a:hover,
#desktop-switcher .desktop-5 a.active,
#mobile-header .desktop-5 a.active {
  background-color: #913d88 !important;
}
#desktop-switcher .desktop-6 a:hover,
#mobile-header .desktop-6 a:hover,
#desktop-switcher .desktop-6 a.active,
#mobile-header .desktop-6 a.active {
  background-color: #891303 !important;
}
#desktop-switcher .desktop-7 a:hover,
#mobile-header .desktop-7 a:hover,
#desktop-switcher .desktop-7 a.active,
#mobile-header .desktop-7 a.active {
  background-color: #d57800 !important;
}
#desktop-switcher .desktop-8 a:hover,
#mobile-header .desktop-8 a:hover,
#desktop-switcher .desktop-8 a.active,
#mobile-header .desktop-8 a.active {
  background-color: #2d5b16 !important;
}
/* topbar */
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-wrap:not(.active):hover.theme-1
  .dt-title
  .desktop-icon {
  background: #bf591e;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-wrap:not(.active):hover.theme-2
  .dt-title
  .desktop-icon {
  background: #253e86;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-wrap:not(.active):hover.theme-3
  .dt-title
  .desktop-icon {
  background: #b33232;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-wrap:not(.active):hover.theme-4
  .dt-title
  .desktop-icon {
  background: #4a812c;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-wrap:not(.active):hover.theme-5
  .dt-title
  .desktop-icon {
  background: #7f3577;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-wrap:not(.active):hover.theme-6
  .dt-title
  .desktop-icon {
  background: #701002;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-wrap:not(.active):hover.theme-7
  .dt-title
  .desktop-icon {
  background: #bc6a00;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-wrap:not(.active):hover.theme-8
  .dt-title
  .desktop-icon {
  background: #234611;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-title
  .desktop-icon.theme-1 {
  background-color: #d56321;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-title
  .desktop-icon.theme-2 {
  background-color: #2b479a;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-title
  .desktop-icon.theme-3 {
  background-color: #c73838;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-title
  .desktop-icon.theme-4 {
  background-color: #559433;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-title
  .desktop-icon.theme-5 {
  background-color: #913d88;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-title
  .desktop-icon.theme-6 {
  background-color: #891303;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-title
  .desktop-icon.theme-7 {
  background-color: #d57800;
}
.e
  .dropdown-menu.desktop-menu
  li
  .role-desktops
  .role-desktop
  .dt-title
  .desktop-icon.theme-8 {
  background-color: #2d5b16;
}

.skip-to-content-link {
  background: #e77e23;
  height: 30px;
  /* left: 50%; */
  padding: 8px;
  position: absolute;
  background-color: red;
  transform: translateY(-100%);
  transition: transform 0.3s;
  margin: auto;
}

.skip-to-content-link:focus {
  transform: translateY(0%);
  position: relative;
}