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-777777 {
  /* desktop colors */
}
body.theme-777777 .common-theme-bg {
  background: #777777 !important;
}
body.theme-777777 .common-theme-color,
body.theme-777777 .common-theme-color:before,
body.theme-777777 .common-theme-color:after {
  color: #777777 !important;
}
body.theme-777777 .modal-header,
body.theme-777777 .page-header,
body.theme-777777 .panel-heading .panel-title,
body.theme-777777 .sub-page-header,
body.theme-777777 .header-visible-e .portlet-title span,
body.theme-777777 .sub-col-e h3.panel-title {
  border-color: #777777 !important;
  font-family: Arial, Helvetica, sans-serif;
}
body.theme-777777 .modal-header .btn,
body.theme-777777 .page-header .btn,
body.theme-777777 .panel-heading .panel-title .btn,
body.theme-777777 .sub-page-header .btn,
body.theme-777777 .header-visible-e .portlet-title span .btn,
body.theme-777777 .sub-col-e h3.panel-title .btn {
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-777777 .portlet-title span {
  font-weight: bold;
}
body.theme-777777 .modal-header,
body.theme-777777 .header-visible-e .portlet-title span,
body.theme-777777 .sub-col-e h3.panel-title {
  color: #777777 !important;
}
body.theme-777777 #usermenu .dropdown-menu > li.user-header {
  background: #777777;
}
body.theme-777777 #topbar .page-header h1 {
  color: #777777;
}
body.theme-777777 #topbar .page-header h2 {
  color: #777777;
}
body.theme-777777 .portlet-login {
  background: none repeat scroll 0 0 rgba(119, 119, 119, 0.04);
  border: 1px solid rgba(119, 119, 119, 0.41);
  box-shadow: 0 1px 3px rgba(119, 119, 119, 0.41);
}
body.theme-777777 .portlet-login .btn.btn-primary {
  background: none repeat scroll 0 0 rgba(119, 119, 119, 0.81);
  border: 1px solid #777777;
}
body.theme-777777 .portlet-login .portlet-icon-back,
body.theme-777777 .portlet-login .taglib-icon-list li a {
  color: #777777;
}
body.theme-777777 .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-777777 .panel-portlet.panel > .panel-heading {
  border-bottom: 1px solid #777777 !important;
}
body.theme-777777 .header-visible-e .portlet-topper {
  border-bottom: 1px solid #777777 !important;
}
body.theme-777777 #main-header {
  border-bottom-color: #777777 !important;
  border-width: 2px;
}
body.theme-777777 #main-header nav.navbar {
  background: #ffffff;
  border-top: 1px solid #e8e4e4;
}
body.theme-777777 #main-header nav.navbar li span .role {
  color: #818181;
}
body.theme-777777 #main-header nav.navbar li span.nav-icon-text {
  color: #9e9489;
}
body.theme-777777 #main-header nav.navbar li.active span.nav-icon-text {
  color: #777777;
}
body.theme-777777 .search-input .input-group .form-control {
  border-left-color: #515151;
  border-right-color: #d5d3d3;
}
body.theme-777777 .search-input .input-group .input-group-addon:first-child {
  background-color: #777777;
  border-color: #515151;
  color: #fff;
}
body.theme-777777 .search-input .input-group .input-group-addon.button {
  background: #e1e1e1 none repeat scroll 0 0;
  border-color: #d5d3d3;
  cursor: pointer;
}
body.theme-777777 #desktop-switcher > li > a.active,
body.theme-777777 #mobile-header > li > a.active,
body.theme-777777 #desktop-switcher > span > a.active,
body.theme-777777 #mobile-header > span > a.active {
  background: #777777;
}
body.theme-777777 #desktop-switcher > li > li:hover > a,
body.theme-777777 #mobile-header > li > li:hover > a,
body.theme-777777 #desktop-switcher > span > li:hover > a,
body.theme-777777 #mobile-header > span > li:hover > a {
  background: #777777;
}
body.theme-777777 .subnavi i.fa {
  color: #777777;
}
body.theme-777777 .left-navi li a {
  color: #484848;
}
body.theme-777777 .left-navi li a i {
  color: #777777;
}
body.theme-777777 .left-navi li.current > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-777777 .left-navi li.current > a i {
  color: #777777;
}
body.theme-777777 .left-navi li.title,
body.theme-777777 .left-navi li.disabled {
  background-color: #ffffff;
  color: #747678;
}
body.theme-777777 .left-navi li.title.current,
body.theme-777777 .left-navi li.disabled.current {
  background-color: #c0c0c0;
}
body.theme-777777 .nav-menu .level-1 > li.open > a {
  background-color: #ffffff;
  color: #747678;
}
body.theme-777777 .nav-menu .level-1 > li.open.selected > a {
  background-color: #777777;
  color: #fff;
}
body.theme-777777 .nav-menu .level-2 > li a {
  color: #484848;
}
body.theme-777777 .nav-menu .level-2 > li a i {
  color: #777777;
}
body.theme-777777 .nav-menu .level-2 > li.open.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-777777 .nav-menu ul li a {
  border: 1px solid transparent;
}
body.theme-777777 .nav-menu ul li a i.opener {
  position: absolute;
  right: 1em;
  top: 8px;
  font-size: smaller;
  transition: all 0.3s ease 0s;
}
body.theme-777777 .nav-menu ul li a.selected {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-777777 .nav-menu ul li.selected > a {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #484848;
  font-weight: 700;
}
body.theme-777777 .subnavi li a {
  color: #333333;
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif;
}
body.theme-777777 .subnavi li a:hover {
  background: #fafafa !important;
  color: #555;
  text-decoration: none !important;
}
body.theme-777777 .subnavi li a i.fa:not(.fa-inverse) {
  color: #9e9489;
}
body.theme-777777 .subnavi .dropdown-menu a {
  font-size: 12px;
}
body.theme-777777 .subnavi > li > a {
  text-transform: uppercase;
}
body.theme-777777 .subnavi > li > div.dropdown-btn-container > a {
  text-transform: uppercase;
}
body.theme-777777 .subnavi > li.active > a,
body.theme-777777 .subnavi > li.active > .dropdown-btn-container > a {
  background-color: #fff !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-777777 .subnavi > li.active > a:after,
body.theme-777777 .subnavi > li.active > .dropdown-btn-container > a:after {
  position: absolute;
  bottom: 0px;
  left: 18px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #777777;
  border-left: 8px solid transparent;
  content: '';
  left: 50%;
  margin-left: -8px;
}
@media (max-width: 767px) {
  body.theme-777777 .subnavi > li.active > a:after,
  body.theme-777777 .subnavi > li.active > .dropdown-btn-container > a:after {
    position: absolute;
    bottom: 31%;
    left: 18px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 8px solid #777777;
    border-bottom: 8px solid transparent;
    content: '';
    left: 0;
    margin-left: 0px;
  }
}
body.theme-777777 .subnavi > li.active > a i.fa:not(.fa-inverse),
body.theme-777777 .subnavi > li.active > .dropdown-btn-container > a i.fa:not(.fa-inverse) {
  color: #777777;
}
body.theme-777777 .sub-link-e:hover {
  color: #777777;
}
body.theme-777777 .sub-link-e:hover i,
body.theme-777777 .sub-link-e:hover .title-e {
  color: #777777;
}
body.theme-777777 #usermenu li a {
  color: #333333;
}
body.theme-777777 #usermenu li a:hover {
  background: #fafafa !important;
  color: #555;
}
body.theme-777777 .panel-portlet.panel > .panel-heading .panel-title i {
  color: #777777;
}
body.theme-777777 .desktop .portlet-area {
  background: #fff;
}
body.theme-777777 .e.page-navi .portlet-content {
  background: #777777;
}
body.theme-777777 #resource-search .input-group .form-control {
  border-left-color: #777777;
}
body.theme-777777 #resource-search .input-group .input-group-addon {
  background-color: #777777;
  border-color: #5e5e5e;
}
body.theme-777777 .btn-group-title {
  color: #747678;
}
body.theme-777777 .btn-group .btn.active {
  font-weight: bold;
}
body.theme-777777 .smallbox {
  background: #848484 !important;
}
body.theme-777777 .omnisearch {
  float: left;
  margin-top: 12px;
}
body.theme-777777 .omnisearch input {
  /*margin-left: 7px;
         margin-top: 7px;*/
}
body.theme-777777 .omnisearch input:focus {
  border-color: #777777;
}
body.theme-777777 .omnisearch:before {
  margin-left: 7px;
  margin-top: 7px;
}
body.theme-777777 .presentation-area-intro {
  background: #777777;
  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-777777 .presentation-area-intro h1,
body.theme-777777 .presentation-area-intro p {
  color: #fff !important;
}
body.theme-777777 .presentation-area-intro h1.frontpage-title {
  margin: 0;
}
body.theme-777777 .presentation-area-intro .inner {
  max-width: 800px;
  margin: 0 auto;
}
body.theme-777777 .presentation-area {
  border-top: 1px solid #777777;
}
body.theme-777777 .presentation-area .presentation .presentation-item .frontpage-title a {
  color: #777777;
}
body.theme-777777 .presentation-area .presentation .presentation-item .frontpage-title a:hover {
  color: #777777;
}
body.theme-777777 .presentation-area .presentation .presentation-icon {
  color: white;
  background: rgba(119, 119, 119, 0.8);
}
body.theme-777777 .presentation-area .presentation .presentation-icon:hover {
  background: #777777;
}
/* start mainThemeDependentCss */