.page-node-6331 table tr,
.page-node-6336 table tr,
.page-node-6246 table tr,
.page-node-6251 table tr,
.page-node-6331 table tr  {
    border: 1px solid #e8e8e8 !important;
}
p.csci a, p.csci a:hover{
  color:#072633;
 }
p.hkms{
    float: right;
}
p.csci{
  float:left;
  padding: 10px 12px 0 16px;
}
.professors-content-detail-main-section .layout__region--second .research{
width: 85%;
float: right;
border: 1px solid #20586F;
padding: 0 1rem 1rem;
margin-top: 1rem;
}

.professors-content-detail-main-section .layout__region--second .research ul li a{
color: #0cc7cf;
}

.professors-content-detail-main-section .layout__region--second .research ul li a:hover{
color: #ffc711;
}
.research-list {
    padding-top: 50px;;
}
.professors-content-detail-main-section .layout__region--second .research ul{
padding-left: 1rem;
}
.professors-content-detail-main-section .field--type-text-with-summary ul.research-list:last-child li, 
.professors-content-detail-main-section .field--type-text-with-summary ul.research-list li:first-child {
    margin-top: 0rem;
}
@media (max-width: 835px){
.prof-details.professors-content-detail-main-section .layout__region{
flex-basis: 100%!important;
}
.professors-content-detail-main-section .layout__region--second .research{
width: 100%;
float: none;
}
}

.tel{
text-decoration: none !important;
}
.page-node-4841 .field--name-body img{
width:10px !important;
}

.home-mission::after {
margin-top: -11% !important;
}
.page-node-6226 h5{
color: #072633 !important;
font-size: 2rem;
}
.curriculum {
    padding-top: 20px !important;
}
.curriculum ul {
    padding: 20px 30px;
}
.curriculum li {
    list-style-type: disc !important;
    color: curriculum ;
}
.curriculum-download-btn-container {
    padding: 0px 15px 0px 0px;
}
.home-mission p {
width: 65%;
margin: 0 auto;
text-align:center;
margin-bottom: 15rem;
}
.collapsible_container{
width: 60%;
    margin: 0 auto;
    padding-top: 5rem;
}
.collapsible-content table th{
background: #20586f !important;
    border: 0.3px solid #20586f !important;
}
.collapsible-content table td[headers="Course Title"] {
    text-align: left;
}
.collapsible-content table{
margin-top: 1px;
}
.collapsible {
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
}
.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.active-collapsible:after {
  content: "\2212";
}
.collapsible-content {
  padding: 0 18px;
max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.image-collapse{
margin-bottom: 30px;
}
.paragraph--type--professor-publication{
margin-bottom: 1px;
}
.field--name-field-publications-title {
  color: #fff;
  background: #17a2b8;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
}
.field--name-field-publications-title:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.active-field--name-field-publications-title:after {
  content: "\2212";
}
.field--name-field-publications-description {
  padding: 0 18px;
max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.page-node-6821 td.views-field-field-course-code,
.page-node-6821 td.views-field-title,
.page-node-6821 td.views-field-field-credit-units-ma,
.page-node-6821 td.views-field-field-summer {
display:none;
}

.section-breadcrumb .breadcrumb a {
    text-transform: inherit !important;
}
.bachelor-laws-bsc-computing-mathematics-block{
padding-top: 20px;
}
.field--type-text-with-summary .d-flex {
margin-top: -28px;
}
.t-primary-menu .t-dropdown-menu a {
  padding: 12px 20px !important;
}
#navbar-top fieldset {
width:0 !important;
}
.t-primary-menu {
background: #072633;
right: 0;
border-radius: 40px;
padding: 10px;
margin-top: -50px;
}
.t-primary-menu .t-dropdown-menu {
  width:190px !important;
}
.no-touch .t-primary-menu .t-dropdown-menu .t-dropdown-item:hover  {
  background: transparent !important;
}
 .t-primary-menu .t-dropdown-menu .t-dropdown-toggle.t-dropdown-toggle::after, .t-primary-menu .t-dropdown-menu .t-dropdown-item > span.t-dropdown-toggle::after {
  color:#072633 !important;
 }
ul.t-menu-level-0  li.nav-item  a span:hover,
.t-navbar-nav li.nav-item .t-nav-link span:hover {
color:#FFC711 !important;
}
li.nav-item a.t-nav-link span,
.nav-item .t-dropdown-toggle span{
color:#fff ;
}
li.t-dropdown-item a.t-nav-link span,
ul.t-menu-level-1 li.menu-item--expanded span.t-dropdown-toggle span,
 .header #navbar-main .nav-item .t-nav-link,
ul li.t-dropdown-item a.t-nav-link,
.t-dropdown-item span.t-nav-link span{
  color: #072633;
 }
#header nav.menu--main > ul.t-navbar-nav > li.nav-item:hover,
#header #navbar-main .t-navbar-nav .nav-item.t-active {
  background-color: transparent !important;
}
.t-primary-menu .t-dropdown-menu {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  border-radius: 12px;
  box-shadow: 0px 5px 25px #00000029;
}
.navbar-brand-hk img {
  width:300px ;
  height: auto;
}
.t-header-wrapper {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
opacity: 1;
}
#header .cityu-search-button {
position: relative !important;
display:none;
}
/*
.navbar-brand-hk::after {
  content: "";
height: 75px;
display: inline-block;
left: 14px;
position: relative;
border: 1px solid #ccc;
opacity: 1;
top: 8px;
}
*/
#header .t-header-search-icon::after {
  color:#fff !important;
}
#header .t-header-search-icon {
top: 0% !important;
font-size: 20px;
cursor: pointer;
}
.navbar .container {
  max-width: 100% !important;
}
#block-headersocialicon img {
width: 15px;
margin-left: 30px;
}
.header #navbar-main {
  background: transparent !important;
position: absolute;
right: 0;
}
.timeline-body .text-muted {
margin-top:0px !important;
}
.block-layout-builder .field--name-field-graduation {
color: #A6A1A0 !important;
margin-bottom: 20px;
font-style: italic;
margin-top:10px;
}
.block-layout-builder .field--name-field-professor-position-names {
color: #072633 !important;
font-weight: bold;
font-size: 20px;
}
.block-layout-builder .field--name-title a{
color: #0CC7CF !important;
font-size: 35px;
margin-bottom: 15px;
}
.field--name-field-locat:before{
  content:url('/sites/g/files/asqsls6306/files/inline-images/social-location-icon.png') ;
    position: relative;
top: 10px;
right: 10px;
}
.field--name-field-phone:before{
  content:url('/sites/g/files/asqsls6306/files/inline-images/social-phone-icon.png') ;
    position: relative;
top: 10px;
right: 10px;
}
.field--name-field-fax:before{
  content:url('/sites/g/files/asqsls6306/files/inline-images/social-fax-icon.png') ;
    position: relative;
top: 10px;
right: 10px;
}
.field--name-field-email-addresses:before{
  content:url('/sites/g/files/asqsls6306/files/inline-images/social-email-icon.png') ;
  position: relative;
top: 10px;
right: 10px;
}
.field--name-field-phone,
.field--name-field-locat,
.field--name-field-fax,
.field--name-field-phone,
.field--name-field-email-addresses {
width:25%;
float:left;
margin-top:50px;
}
.block-field-blocknodetesttitle {
  padding-top:35px;
}
.layout--twocol-section--75-25:nth-child(2){
  border-top: 0px !important;
margin-top: 0px;
}
.layout--twocol-section--75-25:nth-child(n){
  
}
.block-views-blockma-academic-faulty-block-1 .views-field .field-content,
.block-views-blockma-academic-faulty-block-2 .views-field .field-content,
.block-views-blockma-academic-faulty-block-3 .views-field .field-content {

}
.block-field-blocknodetestfield-useful-links h2 {
  /*font-size: 25px !important;
color: #072633 !important;*/
}
.block-field-blocknodetestfield-useful-links {
border: 1px solid #20586F;
opacity: 1;
width: 80%;
margin: 0 auto;
position: relative;
top:25px;
padding:20px;
}
.node--type-student-review .layout--twocol-section--25-75,
.node--type-landing-page .layout--twocol-section--50-50 {
margin-left: auto;
margin-right: auto;
max-width: 1152px;
padding-left: 12px;
padding-right: 12px;
}
.block-views-blockma-academic-faulty-block-3 .view-header h3{
color:#000 !important;
}
.block-views-blockma-academic-faulty-block-1 .views-field-title .field-content a:hover,
.block-views-blockma-academic-faulty-block-2 .views-field-title .field-content a:hover,
.block-views-blockma-academic-faulty-block-3 .views-field-title .field-content a:hover {
color:#FFC711 !important;
}

.views-field-field-graduation {
text-align: left !important;
}
.views-field-field-graduation .field-content{
color:#A6A1A0 !important;
}
.views-field-field-professor-position-names .field-content{
color:#0CC7CF !important;
}
.featured-top__inner {
max-width:100% !important;
padding:0;
}
.view-professor .section-breadcrumb {
display:none !important;
}
.view-professor h2 {
font-size:23px !important;
}
.field--name-field-useful-links p {
  margin-bottom:10px;
      line-break: anywhere;
}
@media (max-width: 835px){
.collapsible-content table td[headers="view-field-summer-table-column"],
.collapsible-content table td[headers="view-field-semester-table-column--2"]{
display:none!important;
}
}

/*
.view-id-main_slideshow .views-field-title a{
  color:#fff !important;
  position: absolute;
z-index: 5;
 }
.view-id-main_slideshow .views-field-title {
font-size: 16px !important;
position: relative;
top: 11.5rem;
margin-left: 13rem;

}
.view-id-main_slideshow .views-field-body {
color: #fff !important;
font-size: 40px;
position: absolute;
margin-left: 13rem;
margin-top: 13rem;
position: absolute;
z-index: 5;
}
.view-id-main_slideshow .flexslider .slides img {
opacity: 0.5;
margin-top: -30px;
height: 500px;
object-fit: cover;
}
.view-id-main_slideshow  .flexslider {
  background: #072633;
  border:none !important;
}
*/
.youtube-video {
  color: #0CC7CF;
}
.fractal-geometry .fg-text-wrapper h2,
.video-text-col .fg-text-wrapper h2 {
  color: #072633 !important;
  margin-top:15px;
}
.fg-text-wrapper {
  margin-top: 3.8rem;
}
.fg-text-wrapper a:hover {
  color:#FFC711 !important;
}
.fg-text-wrapper a{
background: #072633;
padding: 13px 30px;
color: #fff !important;
box-shadow: 0px 3px 4px #0CC7CF;
border-radius: 35px;
}
.home-programmes {
  text-align: center;
  border-top-right-radius: 50px;
  border-bottom-right-radius:50px;
}
.home-programmes h2:after {
content: "";
width: 36px;
height: 4px;
background: #0CC7CF;
position: relative;
display: block;
margin: 0 auto;
top: 10px;
}
.node--type-landing-page .layout--twocol-section--33-67 {
max-width: 100% !important;
padding:0;
}

.programmes-undergraduate p {
  opacity: 0.7;
}
.programmes-postgraduate h3,
.home-programmes h3 {
  font-size:23px;
  padding-bottom: 10px;
}
.programmes-postgraduate {
  padding-top:40px;
}
.block-views-blocklatest-news-upcoming-events-block-1 h2 {
  text-align: center;
  color:#222831 !important;
}
.up-coming-bg {
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
padding: 18px;
}
.block-views-blocklatest-news-upcoming-events-block-2{
  background: #072633;
  padding-bottom: 50px;
}
.read-more-button {
  background: #fff;
padding: 13px 30px;
color: #072633 !important;
box-shadow: 0px 3px 4px #0CC7CF;
border-radius: 35px;
}
.view-id-latest_news_upcoming_events,
.block-views-blocklatest-news-upcoming-events-block-1 {
  margin-left: auto;
margin-right: auto;
max-width: 1152px;
padding-left: 12px;
padding-right: 12px;
}

.timeline {
  position: relative;
  padding: 0;
  list-style: none;
}
.programme-section h3 {
  color:#072633 !important;
  margin-bottom: 10px;
}
.research-section .btn-dark,
.faulty-section,
.programme-section h3 {
  text-align:center;
  margin:0 auto;
}
.timeline:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #e9ecef;
}
.timeline > li {
  position: relative;
  min-height: 50px;
  margin-bottom: 50px;
}
.timeline > li:after, .timeline > li:before {
  display: table;
  content: " ";
}
.timeline > li:after {
  clear: both;
}
.timeline > li .timeline-panel {
  position: relative;
  float: right;
  width: 100%;
  padding: 0 20px 0 100px;
  text-align: left;
}
.timeline > li .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}
.timeline > li .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}
.timeline > li .timeline-image img {
  display: none;
}
.timeline > li .timeline-image {
  position: absolute;
  /*z-index: 100;*/
  left: 0;
  width: 80px;
  height: 80px;
  margin-left: 0;
  text-align: center;
  color: white;
  border: 7px solid #fff;
  border-radius: 100%;
  background-color:#0CC7CF;
}
.programme-section  ul  li::after {
  display: none !important;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  padding: 0 20px 0 100px;
  text-align: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}
.timeline > li:last-child {
  margin-bottom: 0;
}
.timeline-heading h4 {
  color: #20586F !important;
font-size: 35px;
}
@media (min-width: 768px) {
  .timeline:before {
    left: 50%;
  }
  .timeline > li {
    min-height: 55px;
  }
  .timeline > li .timeline-panel {
    float: left;
    width: 45%;
    padding: 0 20px 20px 30px;
    text-align: right;
  }
  .timeline > li .timeline-image {
    left: 50%;
    width: 25px;
    height: 25px;
    margin-left: -50px;
  }
  .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
    font-size: 13px;
    line-height: 18px;
    margin-top: 16px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .timeline > li {
    min-height: 55px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px;
  }
  .timeline > li .timeline-image {
width: 28px;
height: 28px;
margin-left: -32px;
  }
  .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 30px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 20px 20px;
  }
}
@media (min-width: 1200px) {
  .timeline > li {
    min-height: 55px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px 100px;
  }
  .timeline > li .timeline-image {
    width: 28px;
    height: 28px;
    margin-left: -32px;
  }
  .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
    margin-top: 40px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 100px 20px 20px;
  }
}
.page-node-1946 .bs-region--main {
background-image: url("/sites/g/files/asqsls6306/files/inline-images/faulty-bg.jpg");
}

.page-node-1946 .bs-region--main .block-layout-builder .field--name-body {
  background: #072633;
opacity: 0.8;
}
.page-node-2506 .col-3,
.page-node-2506 .col-9 {
border-top:1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
}
.page-node-2506 .layout__region--first .field--name-body > p {
color: #20586F;
padding-bottom: 15px;
}
.page-node-2506 .layout__region--first ul {
  margin-top: 10px;
}

  .blue-box-background {
    width: 35%;
background: #20586F;
color: #fff !important;
margin-bottom: 5rem;
  }
    .blue-box-background p {
      padding: 20px;
    }
  .blue-text {
    padding: 75px 10px;
  }
  .blue-box-background:last-child:after {
    display: none;
  }


.d-flex .blue-box-background {
  max-height: 215px;
}
.tree-diagram {
  width: 85%;
  margin: 0 auto;
}
.page-node-2611 .layout__region--second img {
  padding:0px !important;
}
.white-box p {
  margin-bottom: 0px !important;
}
.white-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #20586F;
text-align: center;
padding: 15px;
}
h6 {
  font-size:18px !important;
}
.bachelor-of-law-section table {
  text-align: left !important;
}
table {
margin-bottom: 25px;
margin-top: 20px;
text-align: center;
}
 ol
 {
list-style: decimal !important;
}
 li {
  list-style-type:inherit !important;
}
.course-list-section {
  text-align: center;
  margin-bottom: 15px;
}
.model-section{
  text-align: center;
  width: 80%;
  margin: 0 auto;
    margin-bottom: 15px;
}
.ma-elective-section table,
.suggest-study-path-section table {
  text-align: left !important;
}
.ma-elective-section h4,
.suggest-study-path-section h4{
text-align: center;
}
.block-views-blockmsfms-courses-block-3 h2 {
  text-align: center;
}
.view-ma-academic-faulty .view-header {
  text-align: center;
}
caption {
  caption-side: top !important;
background: #20586F !important;
text-align: center !important;
color:#fff !important;
}
#blazy-views-latest-news-upcoming-events-block-4-1 .views-field-field-cityu-news-date,
#blazy-views-latest-news-upcoming-events-block-4-1 .views-field-title,
#blazy-views-latest-news-upcoming-events-block-4-1 .views-field-field-select-categories {
width:60%;
float:left;
}
#blazy-views-latest-news-upcoming-events-block-4-1 .views-field-field-cityu-news-thumbnail {
width: 40%;
float: right;
}
#blazy-views-latest-news-upcoming-events-block-4-1 li.list-group-item{
border:0px !important;
}
@media only screen and (min-device-width:200px) and (max-device-width:384px) {
#header.t-menu-open .t-nav-toggle.t-nav-active::after {
  color: #0CC7CF;
}
}
@media only screen and (min-device-width:385px) and (max-device-width:767px) {
#header.t-menu-open .t-nav-toggle.t-nav-active::after {
  color: #0CC7CF;
}
}
.node--type-student-review .block-views-blockthis-is-a-heading-block-1{
  background: #072633;

}
.white-text {
  color:#fff !important;
}
.field--name-field-extra-student-review-text {
  margin-top:3rem;
  margin-bottom: 5rem;
}
.text-center {
  display: block !important;
}
.node--type-student-review .site-footer {
  margin-top:0px !important;
}
a.new_window{
color:#0cc7cf;
}
td.views-field-field-semester-{
 /*display:none;*/
}