@charset "UTF-8";
/* IMPORTS */
/* VARIABLES */
/*
 * Cityu Template Theme
 */
/* MIXINS */
/**
 * @file
 * Vertical Tabs.
 */
.vertical-tabs {
  margin: 0;
  /* LTR */
  border: 1px solid #dee2e6;
  display: flex;
  flex-direction: row;
  font-size: 0.875rem; }

[dir="rtl"] .vertical-tabs {
  flex-direction: row-reverse;
  margin-left: 0;
  margin-right: 0; }

.vertical-tabs__menu {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  /* LTR */
  width: 15em;
  margin: 0;
  /* LTR */
  padding: 0;
  border-top: 1px solid #dee2e6;
  list-style: none; }

[dir="rtl"] .vertical-tabs__menu {
  margin-left: 0;
  margin-right: -15em; }

.vertical-tabs__pane {
  margin: 0;
  border: 0; }

.vertical-tabs__pane > summary {
  display: none; }

/* Layout of each tab. */
.vertical-tabs__menu-item {
  border: 1px solid #dee2e6;
  border-top: 0;
  background: #eee; }

.vertical-tabs__menu-item a {
  display: block;
  padding: 0.5em 0.6em;
  text-decoration: none; }

.vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
  text-decoration: underline; }

.vertical-tabs__menu-item a:hover {
  outline: 1px dotted; }

.vertical-tabs__menu-item.is-selected {
  border-right-width: 0;
  /* LTR */
  background-color: #FFF; }

[dir="rtl"] .vertical-tabs__menu-item.is-selected {
  border-left-width: 0;
  border-right-width: 1px; }

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
  color: #000; }

.vertical-tabs__menu-item-summary {
  display: block;
  margin-bottom: 0;
  line-height: normal; }

.announcement-carousel div.ipe-actions {
  position: relative;
  z-index: 1; }

.ipe-form {
  max-width: 75%;
  min-width: 700px;
  overflow-x: scroll; }

@media (max-width: 999.98px) {
  .user-logged-in #header {
    top: 40px; } }

.user-logged-in .layout-main-wrapper form.confirmation #edit-submit,
.user-logged-in .layout-main-wrapper form.confirmation .btn,
.user-logged-in .layout-main-wrapper .layout-builder-form #edit-submit,
.user-logged-in .layout-main-wrapper .layout-builder-form .btn {
  width: auto;
  height: auto;
  font-size: 1rem; }

body.page-user-login {
  background: white; }
  body.page-user-login #edit-submit {
    display: inline-block;
    font-size: 1.1rem;
    height: 4rem;
    width: calc(50% - .5rem); }

body.path-user #main-wrapper nav.tabs {
  display: none; }

body.path-user #main-wrapper {
  padding: 50px 0;
  margin: 0 auto 5em auto;
  max-width: 600px;
  width: 100%; }
  @media (max-width: 999.98px) {
    body.path-user #main-wrapper {
      width: 90%; } }

body.path-user.cityu-page-not-found #main-wrapper {
  margin: 0;
  width: 100%; }

#user-login-form {
  margin-top: 2rem;
  padding: 120px 0;
  position: relative; }

/* big button */
#edit-simplesamlphp-auth-login-link {
  background-color: #bf165e;
  background-image: url(https://template.cityu.edu.hk/template/logo/cityu/cityu_vertical_logo_reverse.svg);
  background-repeat: no-repeat;
  background-position: 60px 20px;
  background-size: auto 70px;
  border-radius: 5px;
  color: white;
  display: block;
  font-size: 2em;
  height: 110px;
  left: 0;
  padding: 30px 0 0 200px;
  position: absolute;
  top: 0;
  width: 100%; }
  @media (max-width: 999.98px) {
    #edit-simplesamlphp-auth-login-link {
      font-size: 26px;
      padding: 20px 0 0 200px; } }

#edit-simplesamlphp-auth-login-link .login-with {
  font-size: 16px; }

#edit-simplesamlphp-auth-login-link .cityu-eid {
  display: block;
  font-size: 50px;
  font-weight: bold;
  line-height: 45px;
  text-indent: -3px; }

#edit-simplesamlphp-auth-login-link:after {
  bottom: -4em;
  color: silver;
  content: '— or login with local account —';
  display: block;
  font-size: 1rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

/* field */
#user-login-form .form-group {
  margin-bottom: 1em; }

#user-login-form .form-group.form-item-name {
  margin-top: 5em;
  position: relative; }

#user-login-form input.form-control {
  padding: .5em 1em; }

#user-login-form .form-group > label {
  font-weight: bold;
  font-size: .8rem;
  margin-bottom: -.5rem; }

#user-login-form #edit-actions {
  padding-top: 1rem; }