@charset "UTF-8";

/* Insert your custom CSS styles */

h5 {color: #184D9A; }

.content > ul, ul.list { list-style: disc; }

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background: #ffffff; }
.table-no-styles .table tr, .table-no-styles .views-table tr { background: none; }

.table tr th, .views-table tr th, .table-striped>tbody>tr:nth-child(odd)>th { background: #224273; }
.table tr, .views-table tr { background: #ffffff; }
.table tr.odd, .views-table tr.odd { background: #ffffff; }
.table tr.even, .views-table tr.even { background: #ffffff; }

.block-links { margin-bottom: 10px; }
.block-links .fa { display: none; }
.block-links .fa-print { display: inline-block; }

.background { background-image: url(../img/innerbg1.jpg); }

.degrees-offered .views-field-title { width: 65%; }
.degrees-offered .views-field-field-abbreviation { width: 35%; }
.degrees-offered .views-field-field-ft-pt { width: 10%; min-width: 100px; }

.panel-group .active.panel > .panel-heading > .panel-title > a:hover { background: #78BFFF; }
.panel-body li a:focus, .panel-body li a:hover, .panel-body li a:active { color: #78BFFF; }

#sidebar .panel-group .panel .panel-heading > .panel-title > a:hover { background: #98D134; }
.faculty .panel-group > .active.panel > .panel-heading > .panel-title > a,
.faculty .panel-group > .active.panel > .panel-heading > .panel-title > a:hover,
#sidebar .panel-group .active.panel > .panel-heading > .panel-title > a  { background: #224273; }

.faculty li a:focus, .faculty li a:hover { color: #224273; }

.form-box { background-color: #224273; }
.form-box h5 { color: #ffffff; }

.right-floating-menu { background-color: #224273; }
.right-floating-menu, .right-floating-menu.admissions, #right-sidebar .closing-date { width: 370px; }
.right-floating-menu, .right-floating-menu .views-row { border-color: #0A2C5C; }
.right-floating-menu a.active, .right-floating-menu a:active,  .right-floating-menu a:hover, .right-floating-menu a:focus { color: #98D134; }
.right-floating-menu a.active path, .right-floating-menu a:active path, .right-floating-menu a:hover path, .right-floating-menu a:focus path { fill: #98D134; }

.main { background-color: #E6F2FE; }

footer.footer-top { background-color: #224273; }
footer.footer-top .block-content { color: #ffffff; }
footer.footer-top .block-content .btn { width: 100%; }
footer .title-box { border-color: rgba(255, 255, 255, 0.3); }
footer aside header .title, footer aside .title-box .title { color: #ffffff; }
footer aside li a, footer aside li a:visited { color: #FFFFFF; }
footer aside li a:focus, footer aside li a:hover { color: #FFFFFF; }

.header .cart-header .dropdown-toggle, #footer .newsletter input:focus + .submit, .icon, .big-icon, .big-icon:visited, .service .icon, .close:hover, .close:focus, .img-thumbnail:hover .bg-images i:before, .box-404 h1, .gallery-images:hover .bg-images i:before, .features-block .header-box .icon-box, .features-block .header-box, .sidebar .newsletter input:focus + .submit, .sidebar .section .selected .close:hover, .package .title a, .package .price-box .price, .package .price-box .icon, .pricing .title a, .pricing .options li span, .pricing .options li.active, .banner-set .next:hover, .banner-set .prev:hover, .btn.btn-border, .btn.btn-border .caret, .product-remove:hover, .one-page .header .primary .navbar .nav .active {
    color: #224273;
}

.phone-header a svg path, .search-header a svg path, .product .actions a svg path, .sidebar .wishlist .add-cart:hover path, .header .cart-header .dropdown-toggle .icon svg path, .search-active .search-submit svg path, .new-checkbox svg polygon, .product-bottom .related-products li .button-box .wishlist:hover svg path, .jslider .jslider-pointer svg path, .rating-box .rating svg polygon, .search-result .search-form .search-submit svg path {
    fill: #224273;
}

.banner-set .banner:hover { background-color: #224273; }
.banner-set .banner:hover, .banner-set .banner:hover .title { color: #ffffff; }

#top-box .header-icon a:focus, #top-box .header-icon a:hover { color: #99D333; }

.btn.btn:hover, .btn-default:hover, .btn.btn-default:hover, .btn.black:hover, .login-register .form-box .form-submit:hover,
.btn.btn:focus, .btn-default:focus, .btn.btn-default:focus, .btn.black:focus, .login-register .form-box .form-submit:focus,
.btn.btn:active, .btn-default:active, .btn.btn-default:active, .btn.black:active, .login-register .form-box .form-submit:active {  background-color: #98D134; color: #000000; border-color: #9A9A9C; }


.work .bg-hover { background: rgba(152,209,52,.9); }

#Header .navbar-inverse .navbar-toggle .icon-bar { background-color: #99D333; }

.header .primary .navbar .btn-navbar.collapsed .icon-bar { background-color: #224273; }

.header-icon a.font-size-small .icon { background-image: url(/img/tpg-fontsize-small.png); }
.header-icon a.font-size-large .icon { background-image: url(/img/tpg-fontsize-large.png); }

.header .logo .site-name { color: #224273; font-weight: bold; }

.header-icon-container, #top-box nav ul li.first { border-left-color: rgba(255,255,255,0.3); }
.header-icon-container.last, #top-box nav ul li { border-right-color: rgba(255,255,255,0.3); }

.header .primary .navbar .nav > li.two-lines { max-width: 140px; }
.header .primary .navbar .nav > li.admissions:focus > a, .header .primary .navbar .nav > li.admissions:hover > a { background: #224273; color: #ffffff; }
.header .primary .admissions.parent > .sub { border-color: #224273; background-color: #224273; }
.header .primary .admissions .sub a, .header .primary .admissions .sub a:visited { color: #ffffff; }
.header .primary .admissions .sub a:focus, .header .primary .admissions .sub a:hover { color: #99D333; }

.header .primary .navbar .nav .open-sub span { background-color: #224273; }
.header .primary .navbar .nav > li.admissions:focus > a > .open-sub > span, .header .primary .navbar .nav > li.admissions:hover a > .open-sub > span {
    background-color: #ffffff;
}

.panel-group > .active.panel > .panel-heading > .panel-title > a { background: #78BFFF; }

.md-bullet { margin: 0 8px; }
.md-bullet, .md-bullet a { background: #fff; }
.md-bullet.md-current, .md-bullet.md-current a { background: #99D333; }

.big-icon, .big-icon:visited { border-color: #224273; }

#top-box { background: #224273; }

#top-box, #top-box a, #top-box .livicon { color: #ffffff; }

#top-box nav ul li a:active, #top-box nav ul li a:hover { background-color: #F8F1E9; color: #000000; }

.two-columns-list .title, .why-hong-kong .title, .view.educations .education-item .title { color: #69B932; }
.two-columns-list > .row:nth-of-type(odd) > *:nth-of-type(odd) .title, .two-columns-list > .row:nth-of-type(even) > *:nth-of-type(even) .title, .why-hong-kong.row>div:nth-of-type(odd) .title, .view.educations .odd .odd .education-item .title, .view.educations .even .even .education-item .title { color: #224273; }

.timeline .post .timeline-time h5 { color: #000000; }

.bg-black, .form-radio[value="black"] + label { background: #98D134 !important; }
.timeline .post .timeline-content.bg-black, .timeline .post .timeline-content.border-black { border-color: #98D134; }
.timeline .post .timeline-content.bg-black:before, .timeline .post .timeline-content.border-black:before { border-left-color: #98D134; }

@media (max-width: 991px){
  #top-box nav ul li {
      border-top-color: rgba(255,255,255,0.3); 
  }
  .top-navbar .collapse, .top-navbar .collapsing {
      background-color: #224273;
  }
  .header .primary .navbar .nav.navbar-nav > li.two-lines {
      max-width: none;
  }
  .footer-top .collapsible .title-box .title:before, .footer-top .collapsible .title-box .title:after {
      background: #ffffff;
  }
}


.bg-btn-info, .form-radio[value="btn-info"] + label { background: #98D134 !important; }
.timeline .post .timeline-content.bg-btn-info, .timeline .post .timeline-content.border-btn-info { border-color: #98D134; }
.timeline .post .timeline-content.bg-btn-info:before, .timeline .post .timeline-content.border-btn-info:before { border-left-color: #98D134; }
.timeline .post:nth-child(even) .timeline-content.bg-btn-info:before, .timeline .post:nth-child(even) .timeline-content.border-btn-info:before { border: 15px solid transparent; border-right-color: #98D134; }

.bg-black, .form-radio[value="black"] + label { background: #98D134 !important; }
.timeline .post .timeline-content.bg-black, .timeline .post .timeline-content.border-black { border-color: #98D134; }
.timeline .post .timeline-content.bg-black:before, .timeline .post .timeline-content.border-black:before { border-left-color: #98D134; }
.timeline .post:nth-child(even) .timeline-content.bg-black:before, .timeline .post:nth-child(even) .timeline-content.border-black:before { border-right-color: #98D134; }

.bg-danger, .form-radio[value="danger"] + label { background: #224273 !important; }
.timeline .post .timeline-content.bg-danger { color: #ffffff; }
.timeline .post .timeline-content.bg-danger, .timeline .post .timeline-content.border-danger { border-color: #224273; }
.timeline .post .timeline-content.bg-danger:before, .timeline .post .timeline-content.border-danger:before { border-left-color: #224273; }
.timeline .post:nth-child(even) .timeline-content.bg-danger:before, .timeline .post:nth-child(even) .timeline-content.border-danger:before { border-right-color: #224273; }

.bg-info, .form-radio[value="info"] + label { background: #E8D847 !important; }
.timeline .post .timeline-content.bg-info, .timeline .post .timeline-content.border-info { border-color: #E8D847; }
.timeline .post .timeline-content.bg-info:before, .timeline .post .timeline-content.border-info:before { border-left-color: #E8D847; }
.timeline .post:nth-child(even) .timeline-content.bg-info:before, .timeline .post:nth-child(even) .timeline-content.border-info:before { border-right-color: #E8D847; }

.form-radio[value="warning"] + label { display: none !important; }

@media (max-width: 1200px){
  .header .primary .navbar .nav > li > a, .header .primary .navbar .nav > li > a:visited { padding-left: 5px;padding-right: 5px; }
}

@media (max-width: 991px){
  .header .primary .navbar .nav > li > a, .header .primary .navbar .nav > li > a:visited { padding: 8px 9px 6px 38px; }
}

@media (max-width: 979px){
  .header .primary .navbar .nav > .parent.active > a, .header .primary .navbar .nav > .parent.active:hover > a, .header .primary .navbar .nav .open-sub span, .accordion-tab > li.active > a, .accordion-tab > li.active > a:hover, .accordion-tab > li.active > a:focus, .accordion-tab > li.active:hover > a, .products-tab .accordion-tab > li.active > a, .products-tab .accordion-tab > li.active:hover > a {
    background-color: #224273;
  }
  .header .primary .navbar .nav > .parent.active > a, .header .primary .navbar .nav > .parent.active:hover > a {
    border-color: #224273;
  }
}


@media (max-width: 767px){
  .right-floating-menu, .right-floating-menu.admissions, #right-sidebar .closing-date { width: auto; }
  
  .table.responsive tr, .views-table.responsive tr { background-color: #ffffff; }
  
  .timeline .post .timeline-content.bg-btn-info:before, .timeline .post .timeline-content.border-btn-info:before {
    border: 15px solid transparent;
    border-right-color: #98D134;
  }
  .timeline .post .timeline-content.bg-black:before, .timeline .post .timeline-content.border-black:before {
      border: 15px solid transparent;
      border-right-color: #98D134;
  }
  .timeline .post .timeline-content.bg-danger:before, .timeline .post .timeline-content.border-danger:before {
      border: 15px solid transparent;
      border-right-color: #224273;
  }
  .timeline .post .timeline-content.bg-info:before, .timeline .post .timeline-content.border-info:before {
      border: 15px solid transparent;
      border-right-color: #E8D847;
  }
}