/* 
====CONTENTS=====
1.  General
2.  Navigation
3.  Ads
4.  Footer
-----Bootstrap Override-----
----Undergradprogram-----
1.  Undergradsidebar (sidebar 1)
2.  Adsidebar (sidebar 2)
3.  Main container and card (undergradprogram)
4.  Info table beside card title
-----Programsubject-----
1. General(PS)
2. Intro figure and image(PS)
3. Content figure and image(PS)
4. Useful info section(PS)
-----Undergrad Table-----
1. General(UT)
2. Search Table(UT)
3. Results(UT)
-----Undergrad Index-----
1. Program Filter Button(UI)
2. Product Subjects Cards(UI)
3. Sidetable Posts(UI)
-----Scholarship Announcement-----
1. General(SA)
2. Facebook Like(SA)
3. Expiring scholarships(SA)
4. Ads(SA)
-----Scholarship Announcements-----
1. General(SAs)
2. Cards(SAs)
3. Pagination(SAs)
-----Scholarships Index-----
1. Filter Buttons(SI)
2. Scholarship Cards(SI)
-----Single Post-----
1. Title and link(SP)
2. Title Tags(SP)
3. Post image(SP)
4. Similar Posts(SP)
5. Tables(SP)
6. Photo Gallery(SP)
-----Category View-----
-----General Like and Contact us Section-----
-----Login Page-----
1. Title, Google button and legend text(LP)
2. Forms(LP)
-----Logout Page-----
-----Registration Form-----
1. General(RF)
2. Form decoration(RF)
3. Form layout(RF)
-----Password Change Form-----
1. Form decoration(PCF)
2. Form layout(PCF)
-----Profile Page-----
1. General(PP)
-----Manager Page-----
-----Password Change Done-----
-----Password Reset Done-----
-----Info Page-----
-----Registration Complete / Closed / Activate Page-----
-----Password Reset Complete-----
-----Grad Article Topic Page-----
-----Grad Program-----
1. General(GP)
2. Grad Program Info(GP)
3. Content Options List(GP)
4. Card Footer(GP)
5. Search Sidebar(GP)
6. Table Sidebar(GP)
7. Similar Publications(GP)
8. Request Program Info
9. Recommended Programs(GP)
10. External Announcements(GP)
11. Relevant Announcements Sidebar(GP)
-----Masters Announcements List-----
1. Card General(MAL)
2. Card Logo and Font(MAL)
3. Card Body and List(MAL)
4. Card Footer and Deadline(MAL)
-----Phd Announcements-----
-----Grad Table-----
1. Search Form(GT)
2. Table(GT)
-----Grad Index-----
1. Optional Menu(GI)
2. Mid-page Content(GI)
-----Homepage-----
1. Index Entry Form(H)
2. Update News(H)
3. Educational News(H)
4. Articles(H)
5. Widget General(H)
6. Calendar(H)
7. FB Posts(H)
-----Contact Form-----
-----Message Sent-----
-----Account Management Error-----
-----Sidebar Request Program Info-----
-----Minisites----- (Choose master uses the same styling template as well)
1. Navbar(MIN)
2. General(MIN)
3. Tables(MIN)
4. Contact Forms(MIN)
5. Sidebar(MIN)
6. Articles Index(MIN)
7. Sidebar Form Animations(MIN)
8. Sidebar Form Styling(MIN)
-----Newsletter-----
-----Application Page-----
-----Disqus-----
-----Reactive Search-----
-----Account Settings-----
1. General(AS)
2. jQuery Dialog Box(AS)
-----Cookielaw Styling-----
-----About us-----
-----Submit Application Form-----
-----User Actions & External Contributors-----
-----External Announcement Form-----
-----Program Managers Announcements-----
-----External Announcement Single Post-----
-----Experiments and TMP-----
-----Poll-----
-----Create Alert Page-----
-----Jobs-----
1. Index(Jobs)
2. Update Form
3. Jobs Table
*/

/* 1. General */
body, html {
  max-width: 100vw !important;
}

@media screen and (max-width: 576px) {
  body, html {
    overflow-x: hidden !important;
  }
}

#___gcse_0 {
  width: 0px !important;
}

.gsc-search-box.gsc-search-box-tools {
  display: none !important;
}

:root {
  --uppernavbarbgcolor: #f1f1f2;

  --verylightgray: #f3f3f3;
  --lightgray: #e7e7e7;
  --gray: #d0d2d3;
  --darkgray: #909090;
  --darkergray: #878787;
  --grayblack: #6f6f6f;
  --verydarkgray: #444444;
  --black: #000000;

  --yellow: #fbc64a;
  --yellowminimalopacity: rgba(251, 198, 74, 0.1);
  --yellowverylowopacity: rgba(251, 198, 74, 0.2);
  --yellowlowopacity: rgba(251, 198, 74, 0.4);

  --darkblue: #123c48;
  --darkbluehalfopacity: rgba(18, 60, 72, 0.5);
  --darkerblue: #0C2931;

  --lightblue: #3e5460;

  --lightgreen: #59b881;
  --lightgreenhalfopacity: rgba(89, 184, 129, 0.5);
  --lightgreenlowopacity: rgba(89, 184, 129, 0.4);

  --coral: #ed623f;
  --sundownorange: #F68B55;

  --earth: #a27058;

  --purple: #7a65ad;
  --lightpurple: #a293c6;

  --orange: #f68b55;

  --darkgreen: #2d5a27;

  --errorred: #D22B2B;

  /* Minisites */
  --msdarkgray: #909090;

  --msyellowminimalopacity: rgba(251, 198, 74, 0.1);
  --msyellowverylowopacity: rgba(251, 198, 74, 0.2);
  --msyellowlowopacity: rgba(251, 198, 74, 0.4);
  --msyellow: #fbc64a;

  --msdarkblue: #123c48;

  --vividblue: #195991;
  --vividbluelowopacity: rgba(15, 145, 210, 0.10);

}

body {
  font-family: new-hero, sans-serif !important;
  font-weight: normal;
  font-size: medium;
  color: var(--black);
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}

.bg-dark-green {
  background-color: #3d4c54;
}

h1,
h2,
h3,
h4,
h5 {
  color: var(--black);
  font-weight: bold;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
  font-weight: 500;
}

h5 {
  font-size: 13px;
  font-weight: 500;
}

.black-bold-label {
  color: var(--black) !important;
  font-weight: 600;
}

.dark-gray-label {
  color: var(--darkgray) !important;
  font-weight: 500;
}

a {
  color: var(--black);
}

a:hover {
  color: var(--darkblue);
  text-decoration-line: underline;
}

a.darkgray-underline,
a.dsq-widget-user,
article.post .entry-content a,
.grad_table_card .dataTable td a,
a.card-title-with-description {
  color: var(--black);
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-color: var(--darkgray);
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 1px;
}

a.dsq-widget-user {
  color: var(--darkblue);
  text-decoration: none;
}

a.darkgray-underline:hover,
article.post .entry-content a:hover,
.grad_table_card .dataTable td a:hover,
a.card-title-with-description:hover {
  text-decoration-color: var(--black);
}

.coral-links-content a {
  text-decoration-color: var(--coral) !important;
}

.coral-links-content a:hover {
  text-decoration-color: var(--black) !important;
}

a.dsq-widget-user:hover {
  text-decoration-line: underline;
  text-decoration-color: var(--black);
}

a.black-link {
  color: var(--black);
  font-weight: 500;
}

a.black-link:hover {
  text-decoration-line: underline;
}

.eduguide-action-button {
  background-color: var(--yellow);
  color: var(--darkblue) !important;
  font-weight: 600;
  border-radius: 4px;
}

.btn.btn-eduguide-contact,
.btn.btn-eduguide-apply {
  background-color: #08c;
}
.btn.btn-eduguide {
  background-color: #3d4c54;
}
.btn.btn-eduguide:hover {
  background-color: #303e45;
}
.btn.btn-eduguide-cancel {
  color: #3d4c54;
  background-color: #d8d8d8;
}
.btn.btn-eduguide-cancel:hover {
  background-color: #e9ecee;
}
.btn.btn-eduguide-follow {
  background-color: #08c;
}
.btn.btn-eduguide-follow:hover {
  background-color: #005580;
}
img {
  width: auto;
  height: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .no-padding-right-md-and-above {
    padding-right: 0px !important;
  }
}

.display-header-icons {
  display: none;
}

.fs-14 {
  font-size: 14px;
}

.eduguide-main-yellow-button {
  background: var(--yellow);
  color: var(--black);
  font-weight: 600;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 38px;
  border-radius: 8px;
  border-color: var(--yellow);
}

.eduguide-main-darkblue-button {
  background: var(--darkblue);
  color: white;
  font-weight: 600;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 38px;
  border-radius: 8px;
  border-color: var(--darkblue);
}

.children-w-100 * {
  width: 100%;
}

span.badge.new-badge {
  top: 5px !important;
  left: 130px !important;
}

@media screen and (min-width: 992px) {
  span.badge.new-badge {
    top: 0px !important;
    left: 100% !important;
  }
}

/* 2.  Navigation */
.fixed-top {
  top: -40px !important;
  transform: translateY(40px);
  transition: transform .5s;
}

#upper-navbar {
  background-color: var(--uppernavbarbgcolor) !important;
}

#upper-navbar a,
#lower-navbar a {
  color: var(--black);
}

.navbar-nd-logo-img {
  max-width: 140px;
}

@media (min-width: 420px) {
  .navbar-nd-logo-img {
    max-width: 168px;
  }
}

@media (min-width: 576px) {
  .navbar-nd-logo-img {
    max-width: 230px;
  }
}

#upperNavbarStickyContent .navbar-nd-logo-img {
  max-width: 200px;
}

@media screen and (min-width: 1200px) and (max-width: 1213px) {
  #upperNavbarStickyContent .navbar-nd-logo-img {
    max-width: 185px;
  }
}

.navbar-search {
  width: auto;
  padding: 0;
  border-radius: 100px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  max-width: 140px;
}

@media (min-width: 420px) {
  .navbar-search {
    max-width: 180px;
  }
}

@media (min-width: 576px) {
  .navbar-search {
    max-width: none;
  }
}

@media screen and (min-width: 992px) {
  .navbar-search {
    margin-left: 6vw;
  }
}

.search-icon {
  color: var(--black);
  border-radius: 100px 0px 0px 100px !important;
  border: 1px solid var(--grayblack) !important;
  border-right: none !important;
}

.search-icon:hover {
  color: var(--yellow);
}

.search-input {
  color: var(--black);
  border-radius: 0px 100px 100px 0px !important;
  border: 1px solid var(--grayblack) !important;
  border-left: none !important;
}

.search-input:focus {
  box-shadow: none !important;
  outline: none !important;
}

::placeholder {
  color: var(--black) !important;
  opacity: 1;
}

/* IMPORTANT!! CHANGE IF NAVBAR-EXPAND CHANGES */
/* @media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0.75rem;
      padding-left: 0.75rem;
  }
} */

#upper-navbar li.nav-item a.nav-link:hover {
  text-decoration-line: underline !important;
}

.upper-navbar-login-signup-button {
  padding-left: 0 !important;
}

@media screen and (min-width: 1200px) {
  .upper-navbar-login-signup-button {
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 100px;
  }

  .upper-navbar-login-signup-button:hover {
    text-decoration-line: none !important;
    background-color: var(--gray) !important;
  }
}

.hover-gray-button {
  border-radius: 100px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.hover-gray-button:hover {
  background-color: var(--gray);
}

#lower-navbar {
  background-color: white !important;
  border-top: 1px solid var(--darkgray);
  border-bottom: 1px solid var(--darkgray);
  padding-top: 0;
  padding-bottom: 0;
}

#lower-navbar button.navbar-toggler {
  border: none;
  color: transparent;
  padding-left: 0;
}

#lower-navbar a:hover {
  text-decoration-line: underline;
}

#lower-navbar .nav-link.active,
#upper-navbar .nav-link.active {
  text-decoration-line: underline;
}

.android-apple-icons a {
  font-size: 14px;
}

.pagination.magz-pagination a:hover {
  color: var(--lightgreen);
}


/* 3.  Ads */
.loading-image {
  background-color: rgb(241, 241, 242);
  background-image: linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  background-image: -moz-linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  background-image: -webkit-linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  opacity: 0.2 !important;
}

.atop_visibility a img,
.sidebar_visibility a img,
#mid-content-visibility a img,
.middle_visibility div a img,
.upper_visibility a img {
  transition: 1s;
  opacity: 1;
}

.sidebarcontent {
  padding: 0px !important;
}

.sidebar-container {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

@media screen and (min-width: 992px) {
  .sidebar-container {
    padding-left: 20px !important;
  }

  .left-sidebar-dynamic-padding {
    padding-right: 5px !important;
  }

  .right-sidebar-dynamic-padding {
    padding-left: 5px !important;
  }
}

@media screen and (min-width: 1420px) {
  .left-sidebar-dynamic-padding {
    padding-right: 0px !important;
  }

  .right-sidebar-dynamic-padding {
    padding-left: 0px !important;
  }
}

#middle_visibility_js {
  display: flex;
  justify-content: center;
}

.atop_visibility_ads {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.atop_visibility {
  margin-top: 2px;
  margin-bottom: 2px;
}

@media (min-width: 576px) {
  .atop_visibility_ads {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 767px) {
  .atop_visibility_ads {
    flex-flow: row;
    justify-content: space-between;
  }

  .atop_visibility_ads .atop_visibility {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .atop_visibility_ads .atop_visibility:first-child {
    margin-right: 10px;
  }

  .atop_visibility_ads .atop_visibility:last-child {
    margin-left: 10px;
  }
}

.custom_visibility {
  display: flex;
  justify-content: center;
}

.upper_visibility a img {
  height: auto;
}

@media screen and (min-width: 768px) {
  .upper_visibility a img {
    width: 100%;
  }
}

#mid-content-visibility figure figcaption {
  display: none;
  margin: 2rem 0;
}

.gradsidebar .widget,
.undergradsidebar .widget,
.scholarshipsidebar .widget,
.sidebarcontent .widget,
#sidebar-container .widget,
.widgets-wrapper .widget {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 4px;
  margin-bottom: 30px !important;
}

.gradsidebar .widget .title,
.undergradsidebar .widget .title,
.scholarshipsidebar .widget .title,
.sidebarcontent .widget .title,
#sidebar-container .widget .title,
.widgets-wrapper .widget .title {
  background-color: var(--darkblue);
}

.gradsidebar .widget .widget,
.undergradsidebar .widget .widget,
.scholarshipsidebar .widget .widget,
.sidebarcontent .widget .widget,
.widgets-wrapper .widget .widget {
  padding-left: 5px;
  padding-right: 5px;
}

.d-none-xxl-flex {
  display: none;
}

@media (min-width: 1400px) {
  .d-none-xxl-flex {
    display: flex !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-9 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

.square-visibility {
  width: 276px !important;
  height: auto !important;
  max-width: 100% !important;
  aspect-ratio: auto 276 / 230 !important;
}

.leaderboard-visibility {
  width: 728px !important;
  height: auto !important;
  max-width: 100% !important;
  aspect-ratio: auto 728 / 90 !important;
}

.mobile-visibility {
  width: 600px !important;
  height: auto !important;
  max-width: 100% !important;
  aspect-ratio: auto 600 / 240 !important;
}

/* 4.  Footer */
#footer {
  background-color: var(--darkblue);
}

#footer-widgets {
  padding: 20px 0px;
}

#footer-widgets .title {
  border-bottom: 3px solid white;
  padding-bottom: 10px;
}

#footer-widgets .title span {
  color: white;
  padding: 6px 15px;
  padding-left: 0px;
}

@media (min-width: 980px) and (max-width: 1199px) {
  #footer-widgets {
    padding: 0px 15px;
  }
}

@media (min-width: 768px) and (max-width: 798px) {
  #footer-widgets {
    padding: 0px 10px;
  }
}

.widget_latestpost {
  margin-bottom: 30px;
}

.widget {
  margin-bottom: 10px;
}

.widget h3.title {
  margin: 20px 0;
}

.widget h3.title span {
  font-size: 18px;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 5px;
}

.widget img {
  max-width: 100%;
}

.latest-post {
  padding: 0.7em 0;
}

#footer-widgets .latest-post {
  min-height: 75px;
}

#footer-widgets .latest-post .programinfolist ::marker {
  color: white;
}

.latest-post img {
  margin-right: 1em;
  float: left;
}

.latest-post h4 {
  color: var(--lightgreen);
  margin: 0 0 5px;
  line-height: 1;
}

#footer .latest-post h4 a {
  color: white;
}

.latest-post .excerpt {
  clear: left;
  padding: 5px 0;
}

.thumb {
  width: 91px;
  height: auto;
}

.post-time {
  color: var(--lightblue);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
}

.tagcloud a {
  float: left;
  background-color: var(--lightgreen);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  color: white;
  font-size: 14px !important;
  margin: 0 5px 5px 0;
  padding: 3px 9px;
}

.tagcloud a:hover {
  background-color: var(--lightblue);
  color: #fff;
  text-decoration: none;
}

.widget.social {
  margin-bottom: 10px;
}

.socmed {
  padding: 10px 0;
  padding-top: 0;
  margin-top: -5px;
}

.socmed ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
  .socmed ul {
    display: block;
  }
}

.socmed ul li {
  float: left;
  text-align: center;
  width: 32.7%;
  padding: 10px 0px;
}

.socmed ul li:first-child {
  margin-left: 0;
}

.socmed h4 {
  margin: 10px 0 0;
}

.socmed p {
  color: #758188;
  font-size: 13px;
}

.eduguide-social-buttons {
  color: white;
}

.eduguide-social-buttons:hover {
  color: var(--lightgreen);
}

@media (max-width: 479px) {
  .thumb {
    width: 100%;
    margin-bottom: 5px;
  }
  .socmed ul li {
    width: 50%;
  }
}

#site-info-wrapper {
  background-color: var(--lightblue);
}

#site-info {
  background-color: var(--lightblue);
  font-size: 14px;
  padding: 5px 20px;
}

@media screen and (max-width: 767px) {
  #site-info {
    padding-left: 0px;
    padding-right: 0px;
  }
}

#site-info #credit {
  color: white;
  font-size: 14px;
}

#footer-nav li {
  list-style-type: none;
  float: left;
}

@media screen and (max-width: 380px) {
  #footer-nav li {
    float: right;
  }
}

@media screen and (min-width: 992px) {
  #footer-nav li {
    border-right: 2px solid white;
  }

  #footer-nav li:last-child {
    border-right: none !important;
  }
}

#footer-nav li a {
  color: white;
  padding: 0 0.5em;
}

/* Bootstrap Override */

.col, .col-1, .col-10, .col-11, .col-12, .col-13, .col-14,
.col-15, .col-16, .col-17, .col-18, .col-2, .col-3, .col-4,
.col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13,
.col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18,
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-13,
.col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18,
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13,
.col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl,
.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13,
.col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18,
.col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 12px;
  padding-left: 12px;
}

/* UndergradProgram */

/* 1.  Undergradsidebar (sidebar 1) */

#sidebar-container .widget.widget_latestpost i {
  color: var(--yellow);
}

#sidebar-container .latest-post h4 {
  color: var(--darkgray);
}

.undergradsidebar h4 a {
  color: var(--black);
  font-size: medium;
  text-decoration: none;
}
.undergradsidebar h4 a:hover {
  text-decoration-line: underline;
}

.undergradsidebar h3.title,
.gradsidebar h3.title,
#sidebar-container h3.title {
  margin-bottom: 10px;
  margin-top: 0px;
}

.sidebar_visibility a img {
  width: 100%;
  height: auto;
  max-width: 300px;
  max-height: 250px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .sidebar_visibility a img {
    padding: 0px 5px;
  }
}

.undergradsidebar h4 .undergrad-newsitem-sidebar-title {
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .undergradsidebar h4 .undergrad-newsitem-sidebar-title {
    font-size: 14px;
  }
}

@media screen and (min-width: 992px) {
  .undergradsidebar h4 .undergrad-newsitem-sidebar-title {
    font-size: 16px;
  }
}

.undergrad-newsitem-sidebar-description,
.undergrad-newsitem-sidebar-description p {
  font-size: 14px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .undergrad-newsitem-sidebar-description,
  .undergrad-newsitem-sidebar-description p {
    font-size: 12px;
  }
}

@media screen and (min-width: 992px) {
  .undergrad-newsitem-sidebar-description,
  .undergrad-newsitem-sidebar-description p {
    font-size: 14px;
  }
}


/* 2.  Adsidebar (sidebar 2) */
.sidebar_visibility {
  display: flex;
  justify-content: center;
}

/* 3.  Main container and card (undergradprogram) */
main#content {
  padding-top: 20px;
}

#content {
  background: #fff;
}

.programinfopanel {
  padding: 10px;
  padding-bottom: 0px;
  border: none;
  border-radius: 8px;
  margin-bottom: 10px;
}

.programinfopanel .undergradprogram-card-body ul.nav,
.expiring-content ul.nav {
  margin-left: -20px;
  margin-right: -20px;
  border-bottom: 1px solid var(--darkblue);
}

.undergradprogramul {
  border-bottom: 1px solid rgba(18, 60, 72, 0.20) !important;
}

.programinfopanel .card-body .nav-link,
.expiring-content .nav-link {
  color: var(--darkblue);
  background-color: white;
  font-weight: 600;
  border: 1px solid var(--darkblue);
  border-bottom: none;
  border-radius: 8px 8px 0px 0px;
}

.programinfopanel .card-body .nav-link:hover,
.expiring-content .nav-link:hover {
  background-color: var(--darkblue);
  color: white;
}

.programinfopanel .card-body .nav-link.active,
.expiring-content .nav-link.active {
  background-color: var(--darkblue);
  color: white;
}

@media screen and (max-width: 660px) {
  .programinfopanel .undergradprogram-card-body ul.nav,
  .expiring-content ul.nav {
    flex-direction: column;
  }

  .programinfopanel .card-body .nav-link,
  .expiring-content .nav-link {
    width: 100%;
    text-align: left;
    padding: 5px;
    font-size: 14px;
    margin: 5px 0;
  }

  .programinfopanel .card-body .nav-link.active,
  .expiring-content .nav-link.active {
    border-radius: 4px;
  }
}

@media screen and (max-width: 920px) and (min-width: 768px) {
  .programinfopanel .undergradprogram-card-body ul.nav,
  .expiring-content ul.nav {
    flex-direction: column;
  }

  .programinfopanel .card-body .nav-link,
  .expiring-content .nav-link {
    width: 100%;
    text-align: left;
    padding: 5px;
    font-size: 14px;
    margin: 5px 0;
  }

  .programinfopanel .card-body .nav-link.active,
  .expiring-content .nav-link.active {
    border-radius: 4px;
  }
}

.programinfopanel .entry-content a,
.programinfopanel .tab-content .tab-pane a,
.programinfopanel .programinfoitem a  {
  color: var(--black);
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 1px;
  text-decoration-color: var(--coral);
  text-decoration-skip-ink: none;
}

.programinfopanel .entry-content a:hover,
.programinfopanel .tab-content .tab-pane a:hover,
.programinfopanel .programinfoitem a:hover {
  text-decoration-color: var(--black);
}

.card-header.program {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--uppernavbarbgcolor);
  border: 1px solid rgba(18, 60, 72, 0.50);
  border-radius: 8px;
}

.show-info-content {
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0px 4px 10px 0px rgba(18, 60, 72, 0.20);
  padding: 15px;
}

.card-footer.program {
  padding: 0;
}

.card-footer-admin-info {
  padding: 10px;
  background-color: white;
}

.logo.programinfopanellogo {
  padding-right: 5px;
  padding-left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .logo.programinfopanellogo {
    display: none;
  }
  .programinfocontent h2.program-title {
    font-size: medium;
  }

  .programinfocontent h4.program-school {
    font-size: small;
  }

  #followbutton {
    margin-top: 0px;
    width: 125px;
    font-size: small;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-header.program {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-header .programinfocontent {
    padding-left: 0;
  }
}
@media (min-width: 767px) {
  .programinfopanellogoalt {
    display: none;
  }
  .programinfopanellogo {
    align-self: center;
  }
}

.programinfopanellogo {
  max-width: 120px;
}

.programinfopanellogoalt {
  text-align: center;
  padding-top: 5px;
  margin-bottom: 10px;
}

.programinfocontent .program-title {
  color: var(--black);
}

.programinfocontent {
  display: table-cell;
  float: none;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  align-self: center;
}

.program-title {
  color: var(--black);
  border-bottom: 0 solid #eee;
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  line-height: 25px;
}

h4.program-school {
  color: var(--lightblue);
  font-size: 14px;
  font-weight: 600;
}

.program-info-general-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media screen and (min-width: 576px) {
  .program-info-general-wrapper {
    flex-direction: row;
    gap: 30px;
    justify-content: space-between;
  }
}

.program-info-panel-logo-title-school-wrapper {
  display: flex;
  gap: 10px;
  width: 100%;
  align-items: center;
  min-height: 100px;
}

.programinfopanellogoalt.undergrad-program-info-logo {
  display: block;
}

.program-info-panel-title-school-wrapper {
  margin: auto;
}

.program-title.undergrad-program-title {
  color: var(--darkerblue);
  font-size: 16px;
}

@media screen and (min-width: 576px) {
  .program-title.undergrad-program-title {
    font-size: 20px !important;
  }
}

.program-school.undergrad-program-school {
  color: rgba(18, 60, 72, 0.80);
  font-weight: 500;
}

.program-info-panel-duration-ects-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 576px) {
  .program-info-panel-duration-ects-wrapper {
    flex-direction: column;
    gap: 50px;
    align-items: flex-start;
    flex: 1 0 auto;
    max-width: max-content;
  }
}

.program-info-panel-duration,
.program-info-panel-ects {
  list-style: none;
  padding: 0;
  margin: 0;
}

.program-duration-label,
.program-ects-label {
  color: var(--darkblue);
  font-size: 14px;
  font-weight: 600;
}

.program-duration-value,
.program-ects-value {
  font-size: 14px;
  color: var(--darkblue);
}

.program-ects-label,
.program-ects-value{
  text-align: right;
}

@media screen and (min-width: 576px) {
  .program-ects-label,
  .program-ects-value{
    text-align: left;
  }
}

.eduguide-contactus {
  font-size: 14px;
}

.undergrad-request-program-info-wrapper #requestProgramInfoAppMountPoint button#RequestProgramInfoButton {
  padding: 0px;
}

.accordion.collapsible-item {
  border: 0px;
}

.accordion-item.collapsible-item-heading {
  border: 0px;
  border-bottom: 1px solid var(--darkblue);
}

.collapsible-item-title.panel-title {
  margin-bottom: 0px;
}

.collapsible-item-title.panel-title a.collapsible-item-title-link em {
  display: none;
}

@media screen and (max-width: 767px) {
  .collapsible-item-title.panel-title a.collapsible-item-title-link img {
    margin-right: 5px;
  }
}

.collapsible-item-title-link.accordion-button {
  padding: 10px;
  text-decoration: none !important;
  font-weight: 600;
}

.collapsible-item-body.panel-body {
  padding: 10px;
  border: 0;
}

.collapsible-item-body.panel-body p:last-of-type {
  margin-bottom: 0px;
}

.collapsible-item-title.ver-2 {
  padding: 10px;
}

.collapsible-item-title.ver-2 .collapsible-item-title-link {
  text-decoration: none !important;
  font-weight: 600;
}

.collapsible-item-preview {
  padding: 10px 10px 0px 10px;
}

.collapsible-item-preview p:last-of-type,
.collapsible-item-preview ul:last-of-type {
  margin-bottom: 0px;
}

.collapsible-item-body.panel-body.ver-2 {
  padding-top: 0px;
}

.collapsible-item-toggle.accordion-button.ver-2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none !important;
  font-size: 14px;
  box-shadow: none;
  background-color: transparent;
}

.collapsible-item-toggle.accordion-button.ver-2::after {
  margin-left: 10px;
}

ul.vocational-sectors-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.undergrad-program-exams-table {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.exams-row {
  width: 100%;
  list-style: none;
  border-bottom: 1px solid rgba(18, 60, 72, 0.10);
}

.exams-row.row {
  margin: 0;
  padding: 0;
}

.exams-row-header {
  background-color: rgba(18, 60, 72, 0.03);
  padding: 16px 12px;
  color: black;
  font-weight: 600;
}

.exams-row-info {
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
}

i.darkyellow {
  color: #DBA81A !important;
}


/* 4.  Info table beside card title */
.inner-undergradprograminfobasics {
  display: flex;
  flex-wrap: wrap;
  background-color: transparent;
  color: var(--darkblue);
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 400px) {
  .inner-undergradprograminfobasics {
    justify-content: space-evenly;
  }
}

.inner-undergradprograminfobasics i {
  color: var(--yellow);
}

.programinfobasicsitem {
  margin-top: 10px;
  margin-bottom: 10px;
  flex: 0 0 33.333333%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.programinfobasicsitem span {
    font-size: 13px;
}

@media screen and (min-width: 400px) {
  .programinfobasicsitem span {
    font-size: 14px;
  }
}

@media screen and (min-width: 425px) {
  .programinfobasicsitem span {
    font-size: 16px;
  }
}

.accordion-courses-coefficients {
  max-width: 215px;
  margin: auto;
}

.accordion-courses-coefficients.full-size {
  max-width: none;
  margin: auto;
}

.accordion-courses-coefficients h2.accordion-header {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--darkblue);
}

.accordion-courses-coefficients button.accordion-button {
  padding: 10px;
  border: none;
  font-weight: 600;
}

.accordion-courses-coefficients button.accordion-button:not(.collapsed) {
  color: black;
}

.accordion-courses-coefficients button.accordion-button i.programinfobasicsicon {
  color: #DBA81A;
}


.accordion-courses-coefficients h2.accordion-header.tmp {
  border: 0;
}

.accordion-courses-coefficients button.accordion-button.tmp {
  font-size: 14px;
  color: var(--darkblue);
  font-weight: 500;
}

.accordion-courses-coefficients button.accordion-button i.programinfobasicsicon.tmp {
  color: var(--yellow);
}

.programinfobasicslabel {
  font-size: x-small;
  line-height: 15px;
  text-align: center;
}

.programinfobasicsicon {
  color: var(--darkblue);
}

hr.undergradprograminfobasicsdivider {
  margin-left: 0;
  margin-right: 0;
  margin-top: 1px;
  margin-bottom: 3px;
  border-bottom: none;
}

.programinfoitem {
  margin-bottom: 10px;
  overflow: hidden;
}

.programinfoitem iframe {
  width: 100%;
}

.programlabels {
  font-weight: 600;
  color: var(--lightblue);
  text-align: left;
}

.programinfolabel {
  background-color: var(--darkblue);
  color: white;
  font-size: inherit;
  font-weight: 400;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  border-radius: 8px;
  padding: 3px 9px;
}

.programinfolabel:hover {
  text-decoration-line: underline;
}

.programinfowrapper {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
}

#program_info_webpage {
  font-size: normal;
}

#program_info_webpage.label {
  padding: 6px 10px;
}

/* Programsubject */

/* 1. General(PS) */
.site-section-title {
  font-size: 28px;
  margin-top: 40px;
  margin-bottom: 0px;
  font-weight: 600;
  color: var(--darkblue);
  line-height: normal;
}

.entry-content {
  font-size: 16px;
  padding: 20px 0;
  line-height: 1.5;
}

.imageAddedByJS {
  width: 100%;
  height: auto;
}

article.post .entry-content.programsubject {
  padding-bottom: 10px;
}


/* 2. Intro figure and image(PS)  */

.programsubject-lead-pic {
  float: left;
  display: inline;
  margin-top: 0;
}

.panel-body.collapsible-item-body .programsubject-lead-pic {
  display: none;
}

@media screen and (min-width: 577px) {
  .programsubject-lead-pic.accordion-lead-pic {
    display: none;
  }

  .panel-body.collapsible-item-body .programsubject-lead-pic {
    display: block;
    padding: 0px 10px;
  }

  .panel-body.collapsible-item-body .programsubject-lead-pic figure {
    margin: 0;
    box-shadow: none;
    background: transparent;
    width: auto;
  }

  .panel-body.collapsible-item-body .programsubject-lead-pic figure img {
    padding: 0;
    border-radius: 4px;
  }

}

.entry-content .programsubject-lead-pic figure {
  padding: 0;
  width: 250px;
  margin-top: 10px;
  background: #fff;
  display: inline-block;
  box-shadow: 0 10px 8px -6px rgb(0 0 0 / 20%);
}

.programsubject .programsubject-lead-pic img {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 10px;
  padding-right: 10px;
}

.programsubject .programsubject-lead-pic-hroiz img {
  max-height: 240px;
  width: 100%;
  border-radius: 4px;
  object-fit: cover;
}

.entry-content.programsubject figcaption {
  padding: 5px;
  font-size: small;
  background: whitesmoke;
  border-radius: 0px 0px 4px 4px;
}

@media (max-width: 576px) {
  .programsubject-lead-pic {
    width: 100%;
  }

  .entry-content .programsubject-lead-pic figure {
    display: grid;
    justify-content: center;
    width: 100%;
  }

  .entry-content .programsubject-lead-pic figure img {
    border-radius: 4px;
    padding: 0;
  }
}

/* 3. Content figure and image(PS) */

p figure,
.panel-body figure {
  padding: 10px;
  width: 40%;
  margin-top: 10px;
  background: #fff;
  box-shadow: 0 10px 8px -6px rgb(0 0 0 / 20%);
  float: right;
}

p figure img {
  width: 100% !important;
  height: auto !important;
  float: none !important;
  border-radius: 4px;
}

.panel-body figure img {
  height: auto !important;
  float: none !important;
  border-radius: 4px;
}

@media (max-width: 530px) {
  p figure,
  .panel-body figure {
    display: inline-block;
    width: 100%;
    float: none;
  }
  p figure img {
    width: 40% !important;
    float: right !important;
  }

  .panel-body figure img {
    float: right !important;
  }
}

figure:has(img[data-fa-svg]), figure:has(img[data-bootstrap-icons-svg]) {
  margin: 0;
  padding: 0;
  box-shadow: none;
  width: auto;
  float: left;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 400px) {
  figure:has(img[data-fa-svg]), figure:has(img[data-bootstrap-icons-svg]) {
    min-height: unset;
  }
}

p figure img[data-fa-svg], p figure img[data-bootstrap-icons-svg], img[data-fa-svg] {
  width: 1.33em !important;
  height: 1.33em !important;
}

figure > img[data-fa-svg] + figcaption,  figure > img[data-bootstrap-icons-svg] + figcaption {
  padding: 0 !important;
  font-size: unset !important;
  background: none !important;
  border-radius: 0 !important;
}

/* 4. Useful info section(PS) */

.programsubject-usefulinfo {
  padding: 20px;
  background: var(--darkblue);
  border-radius: 8px;
}

h2.entry-title {
  color: var(--black);
  font-weight: normal;
  margin: 0;
  position: relative;
  line-height: 25px;
}

.programsubject-usefulinfo h2,
.programsubject-usefulinfo div {
  color: white;
}

.programsubject-usefulinfo h2.entry-title {
  font-weight: 600;
}

.entry-meta,
.entry-meta a {
  color: var(--white);
}

.programsubject-usefulinfo .entry-content a {
  color: white !important;
}

.programsubject-usefulinfo .entry-content a:hover {
  text-decoration-color: white !important;
}

.copyright-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: var(--lightblue);
}

/* Undergrad table */

/* 1. General(UT) */
.custom-container {
  width: 100%;
  padding: 0 5px;
  margin: 0 auto 20px auto;
}

/* 2. Search Table(UT) */
.undergrad-table-form-wrapper {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.undergrad-table-form {
  background: var(--darkblue);
  padding: 5px;
  border-radius: 4px;
}

.undergrad-table-form .controls {
  min-height: 38px;
}

#table-choices-label {
  text-align: left;
  color: white;
  font-size: larger;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.controls .selection span.select2-selection {
  border-radius: 8px !important;
}

.controls button.btn.dropdown-toggle {
  border-radius: 8px !important;
}

.control-group.nomargin {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
}

.undergrad-table-form .control-group.nomargin {
  margin-bottom: 10px;
}

.undergrad-table-form label.control-label {
  margin-bottom: 0;
  font-size: small;
  color: white;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}

.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
  visibility: hidden;
}

ul#user-info li.nav-item.dropdown {
  min-width: 262px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

ul#user-info li.nav-item.dropdown a.nav-link {
  width: fit-content;
}

.dropdown-menu.show {
  width: auto;
  z-index: 1060;
  padding-top: 0;
  padding-bottom: 0;
}

.bs-container.bootstrap-select .dropdown-menu {
  background-color: var(--lightblue);
  max-width: 100vw !important;
}

.bs-container.bootstrap-select .dropdown-menu li a span.text {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.bs-container.bootstrap-select * {
  max-width: 100vw !important;
}


@media screen and (min-width: 768px) {
  .navbar-nav .dropdown-menu.show {
    position: absolute;
  }
}


ul.dropdown-menu.inner.show {
  background-color: var(--lightblue);
}

ul.dropdown-menu.inner.show li a {
  font-weight: 300;
  color: white;
  border-bottom: 1px solid var(--lightblue);
  padding-top: 10px !important;
  padding-bottom: 9px !important;
}

ul.dropdown-menu.inner.show li a:hover {
  background-color: var(--yellowlowopacity) !important;
}

.dropdown-divider {
  height: 1px;
  margin: 9px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #37474f;
  color: white !important;
}

button#undergrad-table-search-button {
  background: var(--yellow);
  color: var(--black);
  font-weight: 600;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 38px;
  border-radius: 8px;
}

button#undergrad-table-search-button:hover {
  text-decoration-line: underline;
}

/* 3. Results(UT) */

@media (min-width: 992px) {
  .undergrad-table th.detail {
    display: none;
  }

  .undergrad-table tr td:first-child {
    display: none;
  }
}

/* Undergrad Index */

/* 1. Program Filter Button(UI) */

#id-program-fields-filter-buttons ul {
  padding: 0;
}

li.grad-undergrad-filter-button,
li.home-abroad-filter-button,
li.program-fields-filter-button {
  display: inline-block;
  border: 1px solid;
  border-color: var(--darkblue);
  color: var(--darkblue);
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 1px;
}

li.grad-undergrad-filter-button:hover,
li.home-abroad-filter-button:hover,
li.program-fields-filter-button:hover {
  background-color: var(--darkblue);
  color: white;
}

li.grad-undergrad-filter-button.active,
li.home-abroad-filter-button.active,
li.program-fields-filter-button.active,
li.program-fields-filter-button.active-filter-button {
  background-color: var(--darkblue);
  color: white;
}

/* 2. Product Subjects Cards(UI) */

#productsubjects-cards-list {
  height: auto !important;
  justify-content: space-around;
}

#productsubjects-cards-list .card {
  border-radius: 20px;
  padding: 0;
  max-width: 250px;
  height: auto;
  margin: 0 5px 20px 5px;
}

#productsubjects-cards-list .card:hover {
  transform: scale(0.9, 0.9);
  transition-duration: 0.7s;
}

#productsubjects-cards-list .card {
  margin-bottom: 20px;
  box-shadow: 5px 5px 20px 3px rgb(0 0 0 / 12%),
    -5px -5px 20px 3px rgb(0 0 0 / 12%);
  cursor: pointer;
  transition: 0.4s;
  background: floralwhite;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
}

#productsubjects-cards-list .card_image,
#productsubjects-cards-list img {
  border-radius: 8px;
  width: 100%;
  height: auto;
}

.card_title {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--darkbluehalfopacity);
  border-radius: 0 0 8px 8px;
}

.card_title p {
  color: white;
  font-weight: 600;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 10px 0 10px 0;
}

.programsubject_name {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

/* 3. Sidetable Posts(UI) */

.undergrad-sidetable-posts-wrapper {
  padding: 0px !important;
}

.undergrad-sidetable-posts.index-educational-news-wrapper {
  margin-bottom: 60px;
}

.undergrad-sidetable-posts.index-educational-news-wrapper .link-to-more-wrapper {
  margin: 0 -15px -10px -15px;
}

@media screen and (min-width: 992px) {
  .undergrad-table-form-wrapper.with-sidetable-posts {
    display: block;
  }

  .undergrad-table-form-wrapper.with-sidetable-posts form.undergrad-table-form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .undergrad-table-form-wrapper.with-sidetable-posts form.undergrad-table-form #table-choices-label {
    position: absolute;
    top: 5px;
  }

  .undergrad-table-form-wrapper.with-sidetable-posts form.undergrad-table-form fieldset {
    margin-top: 38px;
  }

  .undergrad-sidetable-posts-wrapper {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .undergrad-sidetable-posts.index-educational-news-wrapper {
    height: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }

}

.undergrad-sidetable-posts .post {
  border-bottom: 1px solid #eee;
  padding: 3px 0;
  overflow: hidden;
}

.undergrad-sidetable-posts .post img {
  float: left;
  padding: 4px 10px 10px 0;
}

.undergrad-sidetable-posts .post .date {
  color: var(--darkgray);
  font-weight: normal;
  font-size: 12px;
  position: static;
}


/* Scholarship Announcement */

/* 1. General(SA) */

h3.title,
h1.entry-title {
  color: white;
  border-bottom: 1px solid #eee;
  font-weight: normal;
  margin: 0 0 30px;
  line-height: 2em;
}

.title span,
h1.entry-title span {
  padding: 0 15px;
  display: inline-block;
}

.latest-post.sidebar h4 a {
  color: var(--black) !important;
}

.latest-post.sidebar h4 a span {
  color: var(--black) !important;
  font-weight: 600;
}

#sidebar-container .latest-post .post-title a {
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
}

/* 2. Facebook Like(SA) */

.fb-like.fb_iframe_widget.fb_iframe_widget_fluid span {
  max-width: 100%;
}

.fb-like.fb_iframe_widget.fb_iframe_widget_fluid span iframe {
  max-width: 100%;
}

/* 3. Expiring scholarships(SA) */

#home-middle .post:last-child,
.latest-posts:last-child,
.latest-posts .post:last-child {
  border-bottom: none;
}
.latest-post:first-child {
  padding: 0 0 0.7em;
}
.latest-posts.widget .border-free-table span.label {
  display: inline-block;
  padding: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: var(--black);
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: var(--darkergray);
  border-radius: 8px;
}

/* 4. Ads(SA) */

.upper_visibility {
  text-align: center;
}

@media (max-width: 767px) {
  .sidebar_visibility {
    display: flex;
    justify-content: center;
  }
  .sidebar-d-ads img {
    width: 100%;
  }
}

/* Scholarship Announcements */

/* 1. General(SAs) */

@media (max-width: 500px) {
  .hide_for_mobile {
    display: none;
  }
}

/* 2. Cards(SAs) */

.card.scholarships-announcements-panel {
  padding: 15px;
  margin-bottom: 20px;
  margin-left: 0;
  border-radius: 4px;
}

.scholarship-announcement-date {
  background: var(--darkgray);
  color: var(--black);
  padding-top: 5px;
  padding-bottom: 4px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 12px;
}

.scholarship-announcement-date.green-back {
  background: var(--lightgreen);
  color: var(--black);
}

.expired-indicator.green-back {
  background: var(--lightgreen);
}

.expired-indicator {
  background: var(--lightblue);
  color: white;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 7px;
  font-weight: 300;
  width: 45px;
  text-align: center;
}

/* 3. Pagination (SAs) */

.pagination.magz-pagination {
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 30px;
}

.pagination.magz-pagination * {
  padding-left: 5px;
  padding-right: 5px;
  color: var(--black);
}

.pagination.magz-pagination strong {
  color: var(--lightgreen);
}

/* Scholarships Index */

/* 1. Filter Buttons(SI) */
#id-home-abroad-filter-buttons ul,
#id-grad-undergrad-filter-buttons ul {
  padding-left: 0;
}

#id-postdate-deadline-sort-button {
  margin-bottom: 10px;
}

.postdate-deadline-sort-button-wrapper {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
  padding: 9px;
}

#postdate-deadline-sort-button {
  background-color: white;
  color: var(--darkblue);
  border: none;
  outline: none;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#postdate-deadline-sort-button::after {
  border-top: .8em solid;
  border-right: .8em solid transparent;
  border-bottom: 0;
  border-left: .8em solid transparent;
}

.postdate-deadline-dropdown {
  position: absolute !important;
  inset: 0px auto auto 0px !important;
  margin: 7px 0px 0px -7px !important;
  transform: translate(6px, 37px) !important;
  border: 0 !important;
  width: 100% !important;
  left: 0 !important;
}

ul.postdate-deadline-dropdown li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

ul.postdate-deadline-dropdown li span {
  padding-left: 15px;
  color: var(--darkblue);
}

ul.postdate-deadline-dropdown li span.active,
ul.postdate-deadline-dropdown li span:hover {
  background-color: var(--darkblue);
  color: white;
}

.accordion-wrapper {
  position: relative;
  min-height: 40px;
}

@media screen and (min-width: 576px) {
  .accordion-wrapper {
    min-height: 63px;
  }
}

.accordion-filters {
  position: absolute;
  padding-right: 12px;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}

.accordion-filters .accordion-item {
  border: 0;
}

.accordion-filters .accordion-header {
  font-size: 14px;
}

.accordion-filters .accordion-filters-button {
  padding: 12px;
  color: var(--darkblue);
  background: white;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}

.accordion-filters-button.accordion-button:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23123c48" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/></svg>');
  margin-top: -10px;
  width: 1.25rem;
  height: 1.5rem;
}

.accordion-button:not(.collapsed)::after {
  margin-top: 0px;
  margin-bottom: -10px;
}

.accordion-filters .accordion-header {
  font-size: 14px;
}

.accordion-filters .accordion-body {
  position: absolute;
  background: white;
  z-index: 9;
  width: 100%;
}

.accordion-filters h4.subtitle {
  color: var(--darkblue);
  font-size: 16px;
  font-weight: 600;
}

.accordion-filters #id-grad-undergrad-filter-buttons {
  margin-top: 20px;
}

.accordion-filters label.form-check-label {
  font-size: 14px;
  color: #6C757D;
}

.country-choice-wrapper #id-home-abroad-filter-buttons {
  margin-top: 20px;
}

.accordion-filters .form-check-wrapper {
  margin-top: 20px;
}



/* 2. Scholarship Cards(SI) */
.category-article-card-wrapper-pre-sorting-styles {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

@media (max-width: 519px) {
  #scholarhips-cards-list .card {
    margin: 12px auto;
  }
}

.card .scholarships-index-text-content .scholarship_description {
  padding: 10px;
  color: var(--black);
}

.card
  .scholarships-index-text-content
  .scholarship_description
  .scholarship_foreas {
  font-weight: bold;
  color: var(--coral);
}

.scholarship-card-footer {
  background-color: var(--darkblue);
  font-size: smaller;
  color: white;
  border-radius: 0px 0px 4px 4px !important;
  max-height: 100px;
  padding: 15px 15px;
}

@media (min-width: 1200px) {
  .scholarship-card-footer {
    padding: 15px 3px;
    font-size: 10px;
  }
}

@media (min-width: 1400px) {
  .scholarship-card-footer {
    font-size: 13px;
  }
}

.scholarships-index-text-content {
  min-height: 200px;
}

.scholarships-index-footer-abroad-text {
  width: 100%;
  padding: 0px 0px 10px 20px;
  margin-bottom: 0px;
  font-size: 14px;
  color: var(--lightblue);
}

.scholarships-index-footer-date {
  align-self: center;
}

.card-offset-color {
  padding-top: 10px;
  background-color: #f8f8f8;
}

/* Single Post */

/* 1. Title and link(SP) */
.the_title.tightlines {
  line-height: 30px;
}

.news_arthro_entry_content {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
}

.entry-cat {
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
}

.entry-cat a {
  color: var(--lightblue);
  border-bottom: 5px solid var(--coral);
}

@media (min-width: 577px) {
  .the_title.tightlines {
    max-width: 75%;
  }

  .entry-cat {
    align-self: flex-end;
  }
}

@media (min-width: 993px) {
  .the_title.tightlines {
    max-width: 78%;
  }
}

.article-date {
  color: var(--lightblue);
  font-size: 14px;
}

.recommend-by-notice {
  margin: auto;
  margin-bottom: 0px;
  font-size: 14px;
  background-color: var(--gray);
  color: black;
  width: fit-content;
  padding: 10px;
}

.recommend-by-notice b {
  font-size: 18px;
}

/* 2. Title Tags(SP) */
.entry-meta ul {
  padding-left: 0;
}

.entry-meta ul li {
  padding: 10px 0px;
  list-style: none;
}

article.post .entry-meta ul li {
  padding: 10px 0px;
  list-style: none;
  color: var(--lightblue);
  text-align: center;
}

@media screen and (min-width: 576px) {
  article.post .entry-meta ul li {
    text-align: right;
    max-width: 80%;
  }
}

article.post .entry-meta ul li i {
  color: var(--lightgreen);
}

article.post .entry-meta ul li a {
  font-size: 14px;
  color: var(--lightblue);
}

/* 3. Post image(SP) */
.single-post-pic-image img {
  width: 100%;
  height: auto;
}

.entry-content.news_arthro_entry_content figcaption {
  padding: 5px;
  font-size: small;
  background-color: whitesmoke;
  border-radius: 0px 0px 4px 4px;
}

@media (max-width: 530px) {
  .news_arthro_entry_content p figure img {
    width: 100% !important;
    float: right !important;
  }
}

p:has(img.center-aligned) {
  display: grid;
}

p img.center-aligned {
  margin: auto;
}

/* 4. Similar Posts(SP) */
.single-post-similar-pages a {
  color: var(--coral);
  font-size: 16px;
}

.single-post-similar-pages h3.title span i {
  color: var(--yellow);
}

/* 5. Tables(SP) */
.news_arthro_entry_content .dataTables_length,
.news_arthro_entry_content .dataTables_filter,
.news_arthro_entry_content .dataTables_paginate,
.news_arthro_entry_content .dataTables_info {
  display: none;
}

.news_arthro_entry_content .dataTable {
  border: none !important;
  width: 100% !important;
}

.news_arthro_entry_content .dataTable tr.even {
  background-color: transparent !important;
}

.news_arthro_entry_content .dataTable tr.odd {
  background-color: var(--verylightgray) !important;
}

.news_arthro_entry_content .dataTable tr:hover {
  background-color: var(--msyellowminimalopacity) !important;
}

.news_arthro_entry_content table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
.news_arthro_entry_content table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
  padding-left: 35px;
}

.news_arthro_entry_content table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.news_arthro_entry_content table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
  background-color: var(--darkblue);
  margin-top: -12px;
}

/* 6. Photo Gallery(SP) */

.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}


/* Category View */

.category-article-card,
.program-rp-card {
  width: 18rem;
  border: none;
  box-shadow: 0 20px 40px -14px rgb(0 0 0 / 25%);
  margin: 20px 5px;
  padding: 0 !important;
}

.category-article-card .card-body,
.program-rp-card .card-body {
  padding-top: 0;
}

.category-article-card a,
.program-rp-card a {
  color: unset !important;
}

.category-article-thumbnail-wrapper,
.program-rp-thumbnail-wrapper {
  overflow: hidden;
  margin: auto;
}

.category-article-thumbnail-wrapper img,
.program-rp-thumbnail-wrapper img {
  position: relative;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.category-article-thumbnail-wrapper img:hover,
.program-rp-thumbnail-wrapper img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.category-card-time {
  font-size: 12px;
  color: var(--lightblue);
  padding-left: 20px;
  margin-bottom: 0;
}

.category-article-card .tagz {
  margin-top: 0px;
  font-size: 14px;
  color: var(--lightblue);
  padding: 0px;
}

.category-article-card .tagz a,
article.post .entry-meta ul li.tagz a {
  display: inline-block;
  background-color: var(--lightgreen);
  color: white !important;
  padding: 3px 9px;
  margin: 0px 5px 5px 0px;
  transition: all 0.3s linear 0s;
}

.category-article-card .tagz a:hover,
article.post .entry-meta ul li.tagz a:hover {
  background-color: var(--lightblue);
  color: #fff;
  text-decoration: none;
}

.category-article-card .card-footer,
.program-rp-card .card-footer {
  background-color: unset;
  border: none;
  padding-top: 0px;
  text-align: right;
}

.category-article-card .card-footer a,
.program-rp-card .card-footer a {
  font-weight: 600;
  color: var(--black) !important;
  font-size: 14px;
}

.sidebar-comments .latest-posts {
  padding-bottom: 10px;
}

.sidebar-comments .dsq-widget-meta a {
  color: var(--darkergray);
}

.sidebar-comments .dsq-widget-meta a:hover {
  text-decoration-line: underline;
}

/*-----General Like and Contact us Section-----*/

.eduguide-likeus {
  margin-top: 20px;
  background-color: var(--darkblue);
  color: white;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  vertical-align: top;
}

.eduguide-likeus i {
  color: var(--yellow);
}

.eduguide-likeus > span {
  padding-right: 8px;
}

.eduguide-contactus {
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  vertical-align: top;
}

.related-undergrad-programs {
  margin-bottom: 30px;
}

.related-undergrad-scholarships-title,
.related-undergrad-programs-title {
  font-weight: 600;
  font-size: large;
  color: #555e6b;
}

/* Login Page */

/* 1. Title, Google button and legend text(LP) */
.services-title {
  font-size: xx-large;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 300;
  color: var(--black) !important;
  line-height: 35px;
  text-align: center;
}

.abcRioButton.abcRioButtonBlue {
  width: auto !important;
  max-width: 320px !important;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: var(--lightblue);
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.login-legend {
  text-align: center;
  max-width: 400px;
}

.signin-register-btn {
  background-color: var(--yellow) !important;
  border-color: var(--yellow) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--black) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  border: 1px solid var(--yellow) !important;
}

.signin-register-btn.green-variant {
  background-color: var(--lightgreen) !important;
  border-color: var(--lightgreen) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--white) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  border: 1px solid var(--lightgreen) !important;
}

.signin-register-btn:hover {
  text-decoration-line: underline;
}

/* 2. Forms(LP) */
.login-form .alert-error {
  background-color: #f8d7da;
  color: #842029;
  border-color: #f5c2c7;
  max-width: 400px;
  margin: auto;
  margin-bottom: 20px;
}

.account_management_forms {
  min-height: 1100px;
}

/* .account_management_forms a {
  color: var(--coral);
} */

.form-horizontal .control-group {
  margin-bottom: 20px;
}

#id_username,
#id_password {
  border: 1px solid #ccc;
  border-radius: 8px;
  min-width: 250px;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  padding: 2px 4px;
}

#div_id_username,
#div_id_password {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--black);
}

@media (min-width: 577px) {
  #div_id_username,
  #div_id_password {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: baseline;
  }
  #div_id_password label,
  #div_id_password .controls,
  #div_id_username .controls {
    padding: 0 10px;
  }
  #div_id_password label {
    padding-right: 18px;
  }

  #div_id_username label {
    padding-right: 15px;
  }
}

.login-hr {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.login-form .signin-register-buttons {
  max-width: 400px;
  margin: auto;
}

/* Logout Page */
.logout-text {
  font-size: 20px;
  text-align: center;
  padding: 30px 0;
  font-weight: 600;
  color: var(--black);
}

/* Registration Form */

/* 1. General(RF) */
.form-horizontal input + .help-block {
  margin-top: 10px;
}
.form-horizontal .help-block {
  margin-bottom: 0;
  font-size: 14px;
}
.help-block {
  display: block;
  margin-bottom: 10px;
}
.help-block,
.help-inline {
  color: #595959;
}

[id^="error_"][id$="_id_email"],
[id^="error_"][id$="_id_username"],
[id^="error_"][id$="_id_password1"],
[id^="error_"][id$="_id_password2"] {
  color: var(--errorred);
}

/* 2. Form decoration(RF) */
.register-form legend {
  font-size: xx-large;
  color: var(--black);
}

#id_email,
#id_password1,
#id_password2 {
  border: 1px solid #ccc;
  border-radius: 8px;
  min-width: 250px;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  padding: 2px 4px;
}

span#error_1_id_password2 {
  color: var(--errorred);
}

.register-form .form-actions .btn.btn-eduguide,
.register-form .control-group .btn.btn-eduguide {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--black) !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
}

/* 3. Form layout(RF) */
.already-member {
  margin-top: 20px;
}

.registration-form-wrapper fieldset {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.registration-form-wrapper #div_id_username {
  display: block !important;
}

.registration-form-wrapper #div_id_username,
.registration-form-wrapper #div_id_email,
.registration-form-wrapper #div_id_password1,
.registration-form-wrapper #div_id_password2 {
  width: 100%;
  max-width: 350px;
}

.registration-form-wrapper #div_id_username input,
.registration-form-wrapper #div_id_email input,
.registration-form-wrapper #div_id_password1 input,
.registration-form-wrapper #div_id_password2 input {
  width: 100%;
}

p#registrationpledge,
.registration-form-wrapper legend,
.already-member {
  text-align: center;
}

p#registration-tmp-msg {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  color: red;
}

.register-form .form-actions {
  width: 100%;
  max-width: 350px;
}

.register-form .form-actions .btn.btn-eduguide,
.register-form .control-group .btn.btn-eduguide {
  width: 100%;
}

/* Password Change Form */

/* 1. Form decoration(PCF) */
#id_old_password,
#id_new_password1,
#id_new_password2 {
  border: 1px solid #ccc;
  border-radius: 8px;
  min-width: 250px;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  padding: 2px 4px;
}

/* 2. Form layout(PCF) */
.password-change-form-wrapper legend {
  text-align: center;
}

.password-change-form #div_id_old_password,
.password-change-form #div_id_new_password1,
.password-change-form #div_id_new_password2 {
  width: 100%;
  max-width: 350px;
}

.password-change-form #div_id_old_password input,
.password-change-form #div_id_new_password1 input,
.password-change-form #div_id_new_password2 input {
  width: 100%;
}

.registration-max-width-350 {
  width: 100%;
  max-width: 350px;
}

/* Profile Page */

/* 1. General(PP) */
.profile-user-label {
  display: inline-block;
  padding: 8px;
  line-height: 14px;
  color: #fff;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: var(--lightgreen);
}

.profile-title {
  margin-bottom: 20px !important;
  color: var(--black) !important;
}

.user-preferences-header-2 {
  background-color: var(--darkblue) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border-radius: 4px;
}

.profile-header-title {
  color: white;
  font-weight: 500;
  text-align: center;
  font-size: 32px;
  margin: 0 !important;
  padding: 5px !important;
}

.user-preferences-explanation {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.user-preferences-outside-box {
  outline-style: none !important;
}

.profilepanel-outer {
  padding: 10px !important;
  background-color: var(--uppernavbarbgcolor) !important;
  border-radius: 4px;
}

#usergradprogram-empty-list {
  color: var(--lightblue) !important;
  border-radius: 4px;
}

#usergradprogram-instructions {
  padding-left: 5px;
  padding-right: 5px;
}

#on-off-indicator {
  float: right;
}

.profile-titleA {
  color: var(--black) !important;
  margin-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.profile-titleB {
  color: var(--lightblue) !important;
}

.profile-usergradprogrampanel {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px 20px;
  justify-content: space-between;
}

.usergradprograminfo {
  display: grid;
  grid-auto-flow: column;
}

.usergradprogramimage {
  width: 45px;
  height: auto;
}

@media (min-width: 577px) {
  .usergradprogramimage {
    width: 60px;
  }
}

.profile-usergradprogrampanel .usergradprogram img {
  min-width: 45px;
}

ol.cms-plugin {
  margin-left: 10px;
}

 blockquote {
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}

blockquote p:first-child:before {
  content: open-quote;
  position: absolute;
  left: -30px;
  font-size: 48px;
  line-height: 1;
}

blockquote p {
  position: relative;
  font-style: normal;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

@media screen and (min-width: 576px) {
  blockquote p {
    font-size: 26px;
  }
}

label.trash-label {
  background-color: transparent !important;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
}

label.trash-label i {
  font-size: 20px;
  color: var(--darkblue);
}

input.cmn-toggle-round + label.trash-label:before,
input.cmn-toggle-round + label.trash-label:after {
  display: none;
}

/* Manager Page */
.programs-manager-header {
  background-color: var(--darkblue) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border-radius: 4px;
  margin-bottom: 10px;
  max-width: 500px;
}

.programs-manager-header-title {
  color: white;
  font-weight: 500;
  text-align: center;
  margin: 0 !important;
  padding: 5px !important;
  font-size: 26px;
}

.managed-programs-wrapper {
  padding: 10px !important;
  background-color: var(--uppernavbarbgcolor) !important;
  border-radius: 4px;
  margin-bottom: 10px;
}

.managed-program-panel {
  display: flex;
  align-items: center;
  padding: 20px 20px;
  margin: 10px;
  flex-direction: column;
  height: 100%;
}

.managed-program-panel .managed-program-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 10px 0px;
  border-bottom: 2px solid var(--darkblue);
}

.managed-program-image-wrapper {
  width: 45px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 577px) {
  .managed-program-image-wrapper {
    width: 60px;
  }
}

.managed-program-panel .managed-program-info img {
  min-width: 45px;
}

.managed-program-title {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
  margin: 0;
}

.managed-program-title a {
  font-size: 16px;
}

.managed-program-panel .latest-announcements,
.managed-program-panel .pending-prokirikseis {
  padding: 10px;
  width: 100%;
}

.managed-program-panel .latest-announcements p,
.managed-program-panel .pending-prokirikseis p {
  font-weight: bold;
}


/* Password Change Done */
.password-change-text,
.already-logged-in {
  font-size: 20px;
  text-align: center;
  padding: 30px 0;
  font-weight: 600;
  color: var(--black);
}

/* Password Reset Done */
.password-reset-text {
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  color: var(--black);
}

/* Info Page */
.info-page-content-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 800px;
  margin: auto;
}

/* Registration Complete / Closed / Activate Page */
.registration-complete-text,
.registration-closed-text,
.activate-account-text,
.activation-completed-text {
  font-size: 20px;
  text-align: center;
  padding: 30px 0;
  font-weight: 600;
  color: var(--black);
}

/* Password Reset Complete */
.password-reset-complete-text {
  font-size: 20px;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
  color: var(--black);
}

/* Grad Article Topic Page */
.grad-article-card {
  width: 18rem;
  border: none;
  box-shadow: 0 20px 40px -14px rgb(0 0 0 / 25%);
  margin: 20px 5px;
  padding: 0 !important;
}

.grad-article-card a {
  color: unset !important;
}

.grad-article-card .card-footer a {
  font-size: 14px;
  color: var(--black) !important;
  font-weight: 600;
}

/* Grad Program */

/* 1. General(GP) */
.grad_breadcrumbs {
  margin-top: -10px;
  margin-bottom: 20px;
  color: var(--lightblue);
  font-weight: 500;
  padding-left: 15px;

}

.gradcontainerfluid {
  display: flex;
  padding: 0;
}

#sidebar-container h4 a {
  color: var(--black);
}

/* 2. Grad Program Info(GP) */
.gradprograminfobasics {
  padding: 0;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

.gradprograminfobasics-wrapper {
  width: max-content;
  min-width: 110px;
}

@media (min-width: 768px) {
  .gradprograminfobasics-wrapper {
    min-width: 125px;
  }
}

#follow-button-gradprogram-div {
  width: 100%;
  margin-top: 10px !important;
}

#follow-button-gradprogram-div #followbutton {
  width: 100%;
  max-width: 125px;
  font-size: small;
  padding-left: 4px;
  padding-right: 4px;
  background-color: var(--darkblue);
}

@media (min-width: 768px) {
  #follow-button-gradprogram-div #followbutton {
    width: 135px;
    font-size: 12px;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
  }
}

#follow-button-gradprogram-div #followbutton:hover {
  color: white !important;
  text-decoration-line: underline;
}

.followbutton-grad {
  width: auto;
  color: white !important;
}

#noOfFollowersSpace {
  margin-top: 10px;
}

.follow-followers-wrapper #noOfFollowersSpace {
  margin-top: 0px;
}

#Submit_Application_Button {
  background-color: var(--yellow);
  color: var(--darkblue) !important;
  font-weight: 600;
}

#Submit_Application_Button:hover {
  text-decoration-line: underline;
}

#emailProgramAppMountPoint button#SendEmailButton,
#emailProgramAppMountPoint button#EmailToProgramSubmitButton {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--darkblue);
  font-weight: 600;
  border-radius: 8px;
}

#emailProgramAppMountPoint button#SendEmailButton:hover,
#emailProgramAppMountPoint button#EmailToProgramSubmitButton:hover {
  text-decoration-line: underline;
}

#emailProgramAppMountPoint form {
  background-color: var(--darkblue);
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -5px;
}

#emailProgramAppMountPoint form input,
#emailProgramAppMountPoint form textarea {
  border: 1px solid var(--darkblue);
  border-radius: 8px;
  background-color: white;
}

#panel-heading-program.card-header.program {
  padding: 6px 12px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(18, 60, 72, 0.10);
  border: none;
}

.grad-header-program-info {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.grad-title span {
  font-size: 18px;
  color: var(--darkblue);
  font-weight: 600;
}

.grad-title-sideinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.grad-title-sideinfo span.title-sideinfo-label {
  font-size: 12px;
  color: var(--darkblue);
  font-weight: 600;
}

.grad-title-sideinfo span.title-sideinfo-content {
  font-size: 12px;
  color: var(--darkblue);
  text-align: right;
  min-width: unset;
}

.grad-header-program-info-sidebar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 30px;
}

.follow-followers-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: max-content;
}

.grad-follow-heart button#followbutton,
.grad-follow-heart a#followbutton {
  padding: 5px 0px 0px 0px !important;
  background: transparent !important;
  text-align: right;
  width: auto !important;
  color: var(--darkblue) !important;
}

.grad-follow-heart button#followbutton i.fa-heart,
.grad-follow-heart a#followbutton i.fa-heart {
  color: var(--darkblue);
  font-size: 24px;
}

.grad-follow-heart button#followbutton i.fas.fa-heart,
.grad-follow-heart a#followbutton i.fas.fa-heart {
  color: var(--coral);
}

.grad-header-school-info {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.grad-school-wrapper {
  display: flex;
  gap: 16px;
}

.grad-school-wrapper .school-image img {
  min-width: 50px;
}

.school-title-department {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.school-title {
  font-size: 14px;
  color: black;
  font-weight: 600;
}

.school-department span {
  color: rgba(0, 0, 0, 0.60);
  font-size: 12px;
}

.grad-shool-sideinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-weight: 600;
}

#followbutton.btn.btn-inverse.btn-eduguide-follow.followbutton-grad {
  border-radius: 4px;
  background: #123C48;
  font-size: 12px;
  width: 85px;
  padding: 10px;
}

#noOfFollowersSpace {
  font-size: 12px;
  color: #123C48;
}

@media screen and (min-width: 576px) {
  #panel-heading-program.card-header.program {
    padding: 16px 24px;
    gap: 80px;
  }

  .grad-header-program-info {
    gap: 50px;
  }

  .grad-title span {
    font-size: 20px;
  }

  .grad-title-sideinfo span.title-sideinfo-label {
    font-size: 14px;
  }

  .grad-title-sideinfo span.title-sideinfo-content {
    font-size: 14px;
    min-width: 100px;
  }

  .grad-header-school-info {
    gap: 50px;
  }

  .school-title {
    font-size: 16px;
  }

  .school-department span {
    font-size: 14px;
  }

  #followbutton.btn.btn-inverse.btn-eduguide-follow.followbutton-grad {
    font-size: 14px;
    width: 150px;
  }

  #noOfFollowersSpace {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) {
  #panel-heading-program.card-header.program {
    padding: 6px 12px;
    gap: 40px;
  }

  .grad-header-program-info {
    gap: 10px;
  }

  .grad-title span {
    font-size: 18px;
  }

  .grad-title-sideinfo span.title-sideinfo-label {
    font-size: 12px;
  }

  .grad-title-sideinfo span.title-sideinfo-content {
    font-size: 12px;
    min-width: unset;
  }

  .grad-header-school-info {
    gap: 10px;
  }

  .school-title {
    font-size: 14px;
  }

  .school-department span {
    font-size: 12px;
  }

  #followbutton.btn.btn-inverse.btn-eduguide-follow.followbutton-grad {
    font-size: 12px;
    width: 85px;
  }

  #noOfFollowersSpace {
    font-size: 12px;
  }
}

@media screen and (min-width: 992px) {
  #panel-heading-program.card-header.program {
    padding: 16px 24px;
    gap: 50px;
  }

  .grad-header-program-info {
    gap: 50px;
  }

  .grad-title span {
    font-size: 20px;
  }

  .grad-title-sideinfo span.title-sideinfo-label {
    font-size: 14px;
  }

  .grad-title-sideinfo span.title-sideinfo-content {
    font-size: 14px;
    min-width: 100px;
  }

  .grad-header-school-info {
    gap: 50px;
  }

  .school-title {
    font-size: 16px;
  }

  .school-department span {
    font-size: 14px;
  }

  #followbutton.btn.btn-inverse.btn-eduguide-follow.followbutton-grad {
    font-size: 14px;
    width: 150px;
  }

  #noOfFollowersSpace {
    font-size: 14px;
  }
}

/* 3. Content Options List(GP) */
.gradprogramul {
  font-size: 14px;
  border-bottom: 1px solid rgba(18, 60, 72, 0.20);
}

.gradprogramul li {
  border: 1px solid var(--darkblue);
  border-bottom: none;
  border-radius: 8px 8px 0px 0px;
}

.gradprogramul li.active {
  background-color: var(--darkblue);
}

.gradprogramul li.active a {
  color: white;
}

.gradprogramul li a {
  color: var(--darkblue);
  font-weight: 600;
  text-decoration: none;
}

.gradprogramul li:hover {
  background-color: var(--darkblue);
}

.gradprogramul li:hover a {
  background-color: var(--darkblue);
  color: white;
}

.gradprogramul {
  display: block;
  margin-top: 15px;
}

.gradprogramul li {
  margin: 5px 0;
  padding: 5px;
}

.gradprogramul li.active {
  border-radius: 4px;
}

@media (min-width: 661px) {
  .gradprogramul {
    display: flex;
    margin-top: 30px;
  }

  .gradprogramul li {
    padding: 10px;
    margin: 0;
  }

  .gradprogramul li.active {
    border-radius: 8px 8px 0px 0px;
  }
}

@media screen and (min-width: 768px) {
  .gradprogramul {
    display: block;
    margin-top: 15px;
  }

  .gradprogramul li {
    margin: 5px 0;
    padding: 5px;
  }

  .gradprogramul li.active {
    border-radius: 4px;
  }
}

@media (min-width: 940px) {
  .gradprogramul {
    display: flex;
    margin-top: 30px;
  }

  .gradprogramul li {
    padding: 10px;
    margin: 0;
  }

  .gradprogramul li.active {
    border-radius: 8px 8px 0px 0px;
  }
}

@media screen and (min-width: 992px) {
  .gradprogramul {
    display: block;
    margin-top: 15px;
  }

  .gradprogramul li {
    margin: 5px 0;
    padding: 5px;
  }

  .gradprogramul li.active {
    border-radius: 4px;
  }
}

@media (min-width: 1200px) {
  .gradprogramul {
    display: flex;
    margin-top: 30px;
  }

  .gradprogramul li {
    padding: 10px;
    margin: 0;
  }

  .gradprogramul li.active {
    border-radius: 8px 8px 0px 0px;
  }
}

@media (min-width: 993px) {
  .gradprogramul {
    font-size: 15px;
  }
}

/* 4. Card Footer(GP) */
#analyticsspace {
  display: flex;
  justify-content: flex-end;
}

#analyticsspace li.tagz2 {
  color: var(--black);
  padding: 10px;
  width: fit-content;
}

p.analyticsitem {
  margin-bottom: 0;
  width: fit-content;
  float: right;
}

.tooltip-data {
  padding: 5px;
  margin-bottom: 0px !important;
  font-size: small !important;
  font-weight: 400 !important;
}

.grad-program-card-footer {
  padding: 0;
}

.grad-program-card-footer button#ContactButton {
  width: 100%;
  color: white;
  margin: 10px 0px;
}

/* 5. Search Sidebar(GP) */
#sidebar-container #myCarousel {
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  border-radius: 4px;
}

.signPanel1 {
  background-color: white;
  padding: 10px;
  padding-top: 20px;
}

.signPanel1 input.shorttablesearch {
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  padding: 5px;
  border: none;
  border-bottom: 2px solid var(--yellow);
  border-radius: 4px 4px 0px 0px;
  background-color: var(--uppernavbarbgcolor);
  margin: 0px 5px;
  color: black;
}

.signPanel1 .control-group {
  margin: 10px 5px;
}

.signPanel1 .control-group .controls .dropdown.bootstrap-select button {
  padding: 5px !important;
  border: none;
  border-bottom: 2px solid var(--yellow);
  border-radius: 4px 4px 0px 0px !important;
  background-color: var(--uppernavbarbgcolor);
}

.signPanel1 button#singlebutton {
  width: 100%;
  color: var(--darkblue);
  background-color: var(--yellow);
  font-weight: 600;
}

.signPanel1 button#singlebutton:hover {
  text-decoration-line: underline;
}

.carousel-inner {
  margin-bottom: 30px;
  margin-top: 10px;
}

/* 6. Table Sidebar(GP) */
.gradsidebar .latest-posts.widget .border-free-table span.label i {
  color: var(--black) !important;
}

/* 7. Similar Publications(GP) */
.grad-similar-pages a {
  color: var(--black) !important;
  font-size: 16px;
}

/* 8. Request Program Info */
#RequestProgramInfoButton,
#RequestCounsellingButton {
  color: var(--black);
  background-color: transparent;
  border: none;
  font-weight: 400;
  text-decoration-line: underline;
  text-decoration-color: var(--yellow);
  text-decoration-thickness: 3px;
  text-underline-offset: 1px;
  text-decoration-skip-ink: none;
  padding: 0;
  margin: 0;
}

#RequestProgramInfoButton:hover,
#RequestCounsellingButton:hover {
  text-decoration-color: var(--black);
}

#requestProgramInfoAppMountPoint.make-link-primary-button #RequestProgramInfoButton,
#requestCounsellingAppMountPoint.make-link-primary-button #RequestCounsellingButton {
  background-color: var(--yellow);
  padding: 6px 12px;
  font-weight: 600;
  color: var(--darkblue);
}

#requestProgramInfoAppMountPoint.make-link-primary-button #RequestProgramInfoButton:hover,
#requestCounsellingAppMountPoint.make-link-primary-button #RequestCounsellingButton:hover {
  text-decoration-color: var(--darkblue);
  text-decoration-thickness: 1px;
}

#requestProgramInfoAppMountPoint form#request_program_info,
#requestCounsellingAppMountPoint form#request_program_info {
  background-color: white;
  color: black;
  border-radius: 0px;
  border-top: 10px solid #123C48;
  border-bottom: 10px solid #123C48;
  box-shadow: 0px 4px 20px 0px rgba(18, 60, 72, 0.10);
}

#requestProgramInfoAppMountPoint form#request_program_info h4,
#requestCounsellingAppMountPoint form#request_program_info h4 {
  color: var(--darkblue);
  padding-left: 0px;
  padding-right: 0px;
}

#requestProgramInfoAppMountPoint form#request_program_info input,
#requestProgramInfoAppMountPoint form#request_program_info textarea,
#requestProgramInfoAppMountPoint form#request_program_info select,
#requestCounsellingAppMountPoint form#request_program_info input,
#requestCounsellingAppMountPoint form#request_program_info textarea,
#requestCounsellingAppMountPoint form#request_program_info select {
  border-radius: 8px;
  border: 1px solid #6C757D;
}

#requestProgramInfoAppMountPoint form#request_program_info button#requestProgramInfoSubmitButton,
#requestCounsellingAppMountPoint form#request_program_info button#requestCounsellingSubmitButton {
  color: var(--darkblue);
  font-weight: 600;
  background-color: var(--yellow);
  border: 1px solid var(--yellow);
  border-radius: 8px;
  margin-left: 0px;
  margin-right: 0px;
}

/* 9. Recommended Programs(GP) */

.rp-wrapper,
.grad-rp-wrapper {
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 10px;
}

.grad-rp-wrapper {
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  border-radius: unset;
  margin-bottom: 30px;
}

.eduguide-likeus {
  font-size: 18px;
  padding: 10px 0px 10px 15px;
}

.recommended-programs-list {
  padding: 10px;
}

.recommended-program {
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 20px;
  padding: 0 10px;
}

.recommended-program a {
  padding-left: 10px;
}

button.rp-see-more {
  background: transparent;
  border: none;
  margin-bottom: 20px;
  color: black !important;
}

button.rp-see-more:hover {
  text-decoration-line: underline;
}


/* 10. External Announcements(GP) */

.external-announcements-row {
  margin: 0px;
  margin-bottom: 30px;
}

.external-announcements-row .category-article-card {
  box-shadow: none !important;
}

.external-announcements-row .programs-manager-header {
  max-width: 700px;
  width: fit-content;
}

.external-announcements-row .programs-manager-header-title {
  font-size: 20px;
}

@media screen and (min-width: 576px) {
  .external-announcements-row .programs-manager-header-title {
    font-size: 26px;
  }
}

.external-announcements-row .profile-title {
  font-size: 20px;
}

.external-announcements-row .card-wrapper {
  margin: 20px 0px;
}

@media screen and (min-width: 992px) {
  .external-announcements-row .card-wrapper {
    padding: 0px 20px 0px 0px;
  }
}

.external-announcements-row .category-article-card {
  overflow: hidden;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin: 0;
}

.external-announcements-row .card-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 0px 0px 0px;
}

.external-announcements-row .announcement-card-header {
  display: flex;
  align-items: center;
  padding: 0px 20px;
  width: 100%;
}

.external-announcements-row .announcement-card-image-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 10px 10px 0px;
}

.external-announcements-row .announcement-card-image-wrapper img {
  width: 100%;
  max-width: 200px;
  min-width: 130px;
}

.external-announcements-row .card-title-with-description b {
  color: var(--black);
}

.external-announcements-row .card-body.p-no-margins {
  padding: 0px 20px;
  width: 100%;
}

.external-announcements-row .card-body.p-no-margins .card-text{
  color: #555555;
}

.external-announcements-row .card-footer.text-muted {
  background-color: unset;
  border: none;
  padding-top: 0px;
  text-align: right;
}


/* 11. Relevant Announcements Sidebar(GP) */

.relevant-announcements-sidebar-in-grad {
  margin-bottom: 30px;
}

.relevant-announcements-sidebar-in-grad article.post {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}


/* Masters Announcements List */

/* 1. Card General(MAL) */
.mal-card {
  border: none;
  background-color: white;
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
  margin-bottom: 40px;
  align-items: center;
  margin-top: 5px;
  height: 95%;
}

@media (min-width: 1200px) {
  .mal-card {
    min-height: 450px;
  }
}

.mal-card-header {
  border: none;
  background-color: white;
  padding: 5px 20px;
  padding-bottom: 0px;
}

/* 2. Card Logo and Font(MAL) */
.mal-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 22px;
}

.mal-logo .logo {
  padding: 10px 0;
}

.mal-logo .logo img {
  width: 80px;
}

.mal-logo h2 {
  text-align: center;
  margin-bottom: 0px;
}

/* 3. Card Body and List(MAL) */
.mal-card .card-body {
  padding: 5px 20px;
  padding-top: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-self: center;
  align-items: center;
  justify-content: center;
}

.mal-card .card-body .entry-meta {
  width: inherit;
}

@media (min-width: 577px) {
  .mal-card .card-body .entry-meta {
    max-width: 90%;
  }
}

@media (min-width: 1200px) {
  .mal-card .card-body .entry-meta {
    max-width: 100%;
  }
}

@media (min-width: 1400px) {
  .mal-card .card-body .entry-meta {
    max-width: 90%;
  }
}

.mal-card .card-body ul {
  font-size: 15px;
  background-color: var(--verylightgray);
  padding: 5px;
  border-radius: 4px;
}

.mal-card .card-body ul li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  color: var(--black);
}

.mal-programinfolabel {
  background-color: transparent;
  color: var(--black);
  margin: 0;
  padding: 4px;
}

.mal-programinfolabel:hover {
  text-decoration: none;
}

/* 4. Card Footer and Deadline(MAL) */
.mal-card .card-footer {
  background-color: white;
  border: none;
}

.mal-card .card-footer h4.deadline {
  font-weight: bold !important;
  color: var(--lightblue);
}


/* Phd Announcements */
ul.phd-ul li {
  padding: 10px;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid var(--darkblue);
  border-bottom: 0;
}

ul.phd-ul li:hover {
  background-color: var(--darkblue);
}

ul.phd-ul li:hover a {
  background-color: var(--darkblue);
  color: white;
}

ul.phd-ul li a {
  font-weight: 600;
  text-decoration: none;
  color: var(--darkblue);
}

ul.phd-ul li.active {
  background-color: var(--darkblue);
}

ul.phd-ul li.active a {
  color: white;
}

.phd-card {
  border: none;
  background-color: white;
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
  margin-bottom: 40px;
  align-items: center;
  justify-content: space-between;
}

.phd-card h2.program-title {
  font-size: 16px;
}

.phd-card h2.program-title a {
  color: var(--black);
}

.phd-announcements-expire-wrapper,
.scholarship-index-expire-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}

.phd-expired-indicator {
  border-radius: 3px;
  padding: 4px;
}


/* Grad Table */

/* 1. Search Form(GT) */

.grad-table-form {
  background: var(--darkblue);
  padding: 5px;
  border-radius: 4px;
}

.grad-table-form fieldset {
  padding: 10px;
}

.grad-table-form .controls {
  min-height: 38px;
}

.grad-table-form #table-choices-label {
  text-align: left;
  color: white;
  font-size: larger;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.controls .selection span.select2-selection {
  border-radius: 8px !important;
}

.controls button.btn.dropdown-toggle {
  border-radius: 8px !important;
}

.control-group.nomargin {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
}

.grad-table-form .control-group.nomargin {
  margin-bottom: 10px;
}

.grad-table-form label.control-label {
  margin-bottom: 0;
  font-size: small;
  color: white;
}

.grad-table-form .col-18.col-sm-9,
.grad-table-form .col-18.col-sm-6,
.grad-table-form .col-18 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

button#grad-table-search-button {
  background: var(--yellow);
  color: var(--black);
  font-weight: 600;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 38px;
  border-radius: 8px;
}

button#grad-table-search-button:hover {
  text-decoration-line: underline;
}


/* 2. Table(GT) */

.grad-table .appears-sm,
.undergrad-table .appears-sm {
  display: table-cell;
}

@media (max-width: 576px) {
  .grad-table .appears-sm,
  .undergrad-table .appears-sm {
    display: none;
  }
}

.grad-table .appears-md,
.undergrad-table .appears-md {
  display: table-cell;
}

@media (max-width: 767px) {
  .grad-table .appears-md,
  .undergrad-table .appears-md {
    display: none;
  }
}

.grad-table .appears-lg,
.undergrad-table .appears-lg {
  display: table-cell;
}

@media (max-width: 991px) {
  .grad-table .appears-lg,
  .undergrad-table .appears-lg {
    display: none;
  }
}

.grad-table .appears-xl,
.undergrad-table .appears-xl {
  display: table-cell;
}

@media (max-width: 1199px) {
  .grad-table .appears-xl,
  .undergrad-table .appears-xl {
    display: none;
  }
}

.grad-table,
.undergrad-table{
  border-top: hidden;
  border-left: hidden;
  border-right: hidden;
  font-size: 13px;
}

@media screen and (min-width: 385px) {
  .grad-table,
  .undergrad-table {
    font-size: 14px;
  }
}

@media screen and (min-width: 415px) {
  .grad-table,
  .undergrad-table {
    font-size: 15px;
  }
}

@media screen and (min-width: 440px) {
  .grad-table,
  .undergrad-table {
    font-size: 16px;
  }
}

.grad-table-article .bootstrap-table,
.undergrad-table-article .bootstrap-table {
  border: 2px solid var(--darkblue);
  border-radius: 4px;
}

.grad-table-article .search,
.undergrad-table-article .search {
  width: 100%;
}

.grad-table-article .search input.search-input,
.undergrad-table-article .search input.search-input {
  border: 2px solid var(--yellow) !important;
  border-radius: 8px !important;
  min-width: unset;
}

@media screen and (min-width: 576px) {
  .grad-table-article .search,
  .undergrad-table-article .search {
    width: auto;
  }
  .grad-table-article .search input.search-input,
  .undergrad-table-article .search input.search-input {
    min-width: 300px;
  }
}

.grad-table-article .fixed-table-toolbar .bs-bars.float-left,
.undergrad-table-article .fixed-table-toolbar .bs-bars.float-left {
  color: white;
  display: none;
}

.bootstrap-table .fixed-table-toolbar::after {
  display: none !important;
}

.grad-table-article .fixed-table-toolbar,
.undergrad-table-article .fixed-table-toolbar {
  padding: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--darkblue);
}

@media screen and (min-width: 576px) {
  .grad-table-article .fixed-table-toolbar,
  .undergrad-table-article .fixed-table-toolbar {
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  .grad-table-article .fixed-table-toolbar .bs-bars.float-left,
  .undergrad-table-article .fixed-table-toolbar .bs-bars.float-left {
    display: block;
  }
}

.grad-table .fixed-table-body,
.undergrad-table .fixed-table-body {
  border-left: hidden;
  border-right: hidden;
}

.grad-table tr:nth-child(even),
.undergrad-table tr:nth-child(even) {
  background-color: var(--uppernavbarbgcolor);
}

.grad-table-article .fixed-table-body tr.important,
.undergrad-table-article .fixed-table-body tr.important {
  background-color: var(--yellowverylowopacity) !important;
}

.grad-table-article .fixed-table-body table tbody tr:hover,
.undergrad-table-article .fixed-table-body table tbody tr:hover {
  background-color: var(--yellowverylowopacity) !important;
  --bs-table-accent-bg: none !important;
}

.grad-table tr,
.undergrad-table tr {
  border-left: hidden;
  border-right: hidden;
}

.grad-table th,
.grad-table td,
.undergrad-table th,
.undergrad-table td {
  border-right: hidden;
  /* word-break: break-all; */
}

@media screen and (min-width: 576px) {
  .grad-table th,
  .grad-table td,
  .undergrad-table th,
  .undergrad-table td {
    word-break: unset;
  }
}

@media (min-width: 1200px) {
  .grad-table th.detail {
    display: none;
  }

  .grad-table tr td:first-child {
    display: none;
  }
}

article.grad-table-article .fixed-table-loading.table.table-bordered.table-hover.fixed-table-border,
article.undergrad-table-article .fixed-table-loading.table.table-bordered.table-hover.fixed-table-border {
  max-width: 100% !important
}

.grad-table-article .fixed-table-pagination,
.undergrad-table-article .fixed-table-pagination {
  padding: 0px 10px;
  background-color: var(--darkblue);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 430px) {
  .grad-table-article .fixed-table-pagination,
  .undergrad-table-article .fixed-table-pagination {
    flex-direction: row;
    justify-content: space-between;
  }
}

.bootstrap-table .fixed-table-pagination::after {
  display: none !important;
}

.grad-table-article .pagination-detail .pagination-info,
.undergrad-table-article .pagination-detail .pagination-info {
  color: white;
  display: none;
}

.grad-table-article .pagination ul.pagination li.page-item a.page-link,
.undergrad-table-article .pagination ul.pagination li.page-item a.page-link {
  background: none;
  color: white;
  border: none;
}

.grad-table-article .pagination ul.pagination li.page-item.active a.page-link,
.undergrad-table-article .pagination ul.pagination li.page-item.active a.page-link {
  color: var(--yellow);
}

.grad-table-article .pagination ul.pagination li.page-item a.page-link:hover,
.undergrad-table-article .pagination ul.pagination li.page-item a.page-link:hover {
  color: var(--yellow);
}

.grad-table-article .pagination-detail .page-list button,
.undergrad-table-article .pagination-detail .page-list button {
  background-color: white;
  color: var(--darkblue);
  border: 2px solid var(--yellow);
}


/* Grad Index */

/* 1. Optional Menu(GI) */
a .grad_index_menu_item {
  font-weight: 600;
  font-size: large;
  color: var(--darkblue);
  background: white;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  transition: 0.4s;
  text-align: center;
  border-radius: 8px;
  border: 3px solid var(--darkblue);
}

a .grad_index_menu_item:hover {
  cursor: pointer;
  color: white;
  background-color: var(--darkblue);
  text-decoration: none;
}


/* 2. Mid-page Content(GI) */
#home-middle {
  margin-top: 40px;
  margin-bottom: 20px;
}

#home-middle .post:first-child {
  margin: 0 0 10px;
  padding: 0;
  padding-bottom: 1em;
}

#home-middle .post, #home-bottom .post {
  border-bottom: 1px solid #eee;
  padding: 1em 0;
  overflow: hidden;
}

h4.post-title {
  color: var(--black);
  line-height: 1.3em;
  position: relative;
}

span.post-title-label {
  color: var(--black);
  font-weight: 600;
}

#home-middle .entry .date, #home-bottom .entry .date, .latest-posts .entry .date {
  position: static;
}

#home-middle .entry .date {
  padding: 5px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 12px;
  background-color: darkgray;
  color: var(--black);
  width: fit-content;
}

@media (max-width: 479px) {
  #home-middle .date, #home-bottom .date, .latest-posts .date {
    display: block;
    left: 0;
    position: relative;
  }
}

#home-middle .date, #home-bottom .date, .latest-posts .date {
  color: var(--darkgray);
  font-weight: normal;
  font-size: 12px;
}

@media (max-width: 767px) {
  #phd_announcements_title_in_grad_index {
      margin-top: 50px;
      margin-bottom: 30px;
  }
}

#home-middle h3.title {
  background-color: var(--darkblue);
}

#home-middle .title span {
  color: white;
  font-size: 18px;
  font-weight: 600;
}

#home-middle .home-middle-content-left,
#home-middle .home-middle-content-right {
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  border-radius: 4px;
}

.home-middle-content-left article.post .entry.clearfix,
.home-middle-content-right article.post .entry.clearfix {
  padding-left: 5px;
  padding-right: 5px;
}

.link-to-more {
  color: var(--black);
  font-weight: 600;
}

.link-to-more:hover {
  text-decoration-line: underline;
}


/* Homepage */

/* 1. Index Entry Form(H) */

#grad-form-at-index-entry .controls,
#undergrad-form-at-index-entry .controls {
  min-height: 38px;
}

.index-educational-news-wrapper .wrap-only-content {
  height: 95%;
}

@media (min-width: 576px) {
  .index-educational-news-wrapper {
    margin-bottom: 75px;
  }

  .index-educational-news-wrapper .wrap-only-content {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .index-educational-news-wrapper {
    margin-bottom: 70px;
  }
}

@media (max-width: 380px) {
  #index-entry-title-undergrad,
  #index-entry-title-grad {
    font-size: 20px;
  }
}

.index-entry-form {
  margin-bottom: 0px;
  padding: 0;
  background-color: var(--darkblue);
}

.index-entry-title.selected {
  font-weight: 600;
  color: white;
  background-color: var(--darkblue);
}

.index-entry-title {
  text-align: center;
  color: var(--gray);
  font-size: x-large;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: var(--lightblue);
}

.index-entry-title:hover {
  cursor: pointer;
}

.index-entry-title.not-selected:hover {
  color: white;
  cursor: pointer;
  text-decoration-line: underline;
}

.index-entry-form .control-group.nomargin {
  margin: 0;
  padding: 0px 10px 10px 10px;
}

.index-entry-form label.control-label {
  margin-bottom: 0;
  font-size: small;
  color: white;
}

.search-button-and-link {
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.search-button-and-link .button-cols {
  justify-content: center;
  padding-bottom: 10px;
}

.search-button-and-link .link-cols {
  justify-content: center;
}

@media screen and (min-width: 576px){
  .search-button-and-link .button-cols {
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .search-button-and-link .link-cols {
    justify-content: flex-end;
  }
}

.search-button-and-link .control-group {
  max-width: 200px;
  text-align: center;
  display: flex;
}

.search-button-and-link .controls {
  max-width: 200px;
}

.search-button-and-link .advanced-search-at-index {
  text-align: right;
}

button#undergrad-table-search-button-at-index,
button#grad-table-search-button-at-index {
  background: var(--yellow);
  color: var(--black);
  font-size: larger;
  font-weight: 600;
  border-radius: 8px;
}

button#undergrad-table-search-button-at-index:hover ,
button#grad-table-search-button-at-index:hover {
  text-decoration-line: underline;
}

#grad-controls-at-index button {
  padding: 5px;
  padding-bottom: 7px;
  min-height: 32px;
  cursor: text;
  color: var(--black);
  background-color: white;
}

.advanced-search-at-index a {
  color: white;
}

.advanced-search-at-index a:hover {
  text-decoration-line: underline;
}

/* 2. Update News(H) */

.update-news-wrapper .updatebox {
  height: 95%;
}

@media screen and (min-width: 576px) {
  .update-news-wrapper {
    margin-bottom: 75px;
  }

  .update-news-wrapper .updatebox {
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  .update-news-wrapper {
    margin-bottom: 70px;
  }
}

.title.updates_news_title span {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
  background-color: var(--darkblue);
}

#home-middle .title span:hover, #home-bottom .title span:hover {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
  box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.updatebox {
  background: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-width: thin;
  border-radius: 4px;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

.updatetype {
  font-weight: 600;
  color: var(--black);
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.updatetype:first-child {
  padding-right: 5px;
}

.updatedate {
  padding-left: 5px;
  font-size: 12px;
  color: var(--darkgray);
}

.update_in_index a {
  color: var(--black);
}

.update_separator hr {
  margin-bottom: 10px;
  margin-top: 10px;
}

.link-to-more-wrapper {
  background-color: var(--yellow);
  min-height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: -1px -15px -15px -15px;
  padding-right: 5px;
  z-index: 9;
}

.link-to-more-wrapper a {
  color: var(--black);
}

.link-to-more-wrapper a:hover {
  text-decoration-line: underline;
}

/* 3. Educational News(H) */

@media screen and (max-width: 575px) and (min-width: 390px) {
  .index-educational-news-wrapper {
    margin-top: 10px;
  }
}

.image_thumb_zoom_wrapper {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

a.image_thumb_zoom:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

a.image_thumb_zoom img {
  position: relative;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

h4.post-title a {
  font-weight: 600;
  color: var(--black);
}

h4.post-title a:hover {
  text-decoration-line: underline;
}

#home-middle .entry img, #home-bottom .entry img, .latest-posts .entry img {
  float: left;
  padding: 4px 10px 10px 0;
}

.wrap-only-content {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  border-radius: 4px;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

/* 4. Articles(H) */

@media screen and (max-width: 575px) and (min-width: 480px) {
  .index-article-wrapper {
    margin-top: 10px;
  }
}

.index-article-post {
  border-bottom: none !important;
}

@media screen and (min-width: 576px) {
  .index-article-post .post {
    border-bottom: none !important;
  }
}

/* 5. Widget General(H) */

.programs-expiring-widget {
  margin-top: 0px;
}

.scholarships-expiring-widget {
  margin-top: 0px;
}

@media screen and (min-width: 576px) {
  .programs-expiring-widget {
    margin-top: 30px;
  }

  .scholarships-expiring-widget {
    margin-top: 30px;
  }
}

@media screen and (min-width: 599px) {
  .programs-expiring-widget {
    margin-top: 0px;
  }

  .scholarships-expiring-widget {
    margin-top: 0px;
  }
}

@media screen and (min-width: 768px) {
  .programs-expiring-widget {
    margin-top: 30px;
  }

  .scholarships-expiring-widget {
    margin-top: 30px;
  }
}

@media screen and (min-width: 876px) {
  .programs-expiring-widget {
    margin-top: 0px;
  }

  .scholarships-expiring-widget {
    margin-top: 0px;
  }
}

@media screen and (min-width: 992px) {
  .programs-expiring-widget {
    margin-top: 30px;
  }

  .scholarships-expiring-widget {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1051px) {
  .programs-expiring-widget {
    margin-top: 0px;
  }

  .scholarships-expiring-widget {
    margin-top: 0px;
  }
}

#home-middle .latest-posts.widget {
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  padding: 15px;
}

.index-space-interval {
  width: 100%;
  height: 10px;
}

@media screen and (min-width: 576px) {
  .index-space-interval {
    height: 20px;
  }
}

.border-free-table {
  padding: 0.7em 0;
}

/* 6. Calendar(H) */

#calendar .widget.widget_latestpost.nobottomspace {
  box-shadow: none !important;
}

#calendar .widget.widget_latestpost.nobottomspace .cal-row-fluid.cal-row-head,
#calendar .calendar-info-box-A,
.calendar-info-box-B {
  padding: 0px 15px;
}

#calendar .widget.widget_latestpost.nobottomspace .cal-month-box {
  margin: 0px 15px;
}

.calendar-info-box-B .btn-group {
  width: 100%;
  justify-content: space-between;
}

.calendar-info-box-B .btn-group button {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.calendar-info-box-B .btn-group button:first-child {
  text-align: left;
}

.calendar-info-box-B .btn-group button:last-child {
  text-align: right;
}

#calendar h3.title {
  margin-left: -5px;
  margin-right: -5px;
}

#cal-week-box {
  font-size: 12px;
}

.calendar-info-box-A ul {
  padding: 5px;
}

.calendar-info-box-A li .event {
  float: left;
  margin-top: 5px;
}

@media (min-width: 1200px) {
  .events-list {
    display: flex;
  }
}

a.event-item {
  color: #555E6B;
  line-height: 1;
}

.event-date {
  font-size: 13px;
  color: #939ead;
  font-weight: bold;
}

#cal-slide-content li .event {
  float: left;
  margin-top: 5px;
}


/* 7. FB Posts(H) */

.fb-post span {
  width: 101% !important;
  margin: -1px !important;
  overflow: hidden;
}

.fb-post span iframe {
  width: 101% !important;
}


/* Contact Form */

.contact-form label.control-label {
  margin-top: 5px;
  margin-bottom: 3px;
}

.contact-form input {
  border: 1px solid #ccc;
  border-radius: 8px;
  min-width: 250px;
  max-width: 500px;
  transition: border linear .2s,box-shadow linear .2s;
  padding: 5px;
  width: 100%;
  background-color: white;
  color: black;
}

.contact-form textarea {
  background-color: white;
  color: black;
}


/* do not group these rules */
.contact-form input::placeholder {
  color: var(--darkgray) !important;
  opacity: 1;
}
.contact-form input::-webkit-input-placeholder {
  color: var(--darkgray) !important;
}
.contact-form input:-moz-placeholder {
  /* FF 4-18 */
  color: var(--darkgray) !important;;
  opacity: 1;
}
.contact-form input::-moz-placeholder {
  /* FF 19+ */
  color: var(--darkgray) !important;;
  opacity: 1;
}
.contact-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--darkgray) !important;;
}
.contact-form input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--darkgray) !important;;
}


.contact-form textarea#id_message,
.contact-form button {
  width: 100%;
  min-width: 250px;
  max-width: 500px;
}


/* Message Sent */
.message-sent-text {
  font-size: 20px;
  text-align: center;
  padding: 30px 0;
  font-weight: 600;
  color: #3d4c54;
}

/* Account Management Error */
.account-management-error-text {
  font-size: 20px;
  text-align: center;
  padding: 30px 0;
  font-weight: 600;
  color: #3d4c54;
}


/* Sidebar Request Program Info */
.sidebarHiddenField {
  visibility: hidden;
  display: none !important;
}

.sidebarNegativeTopMarginField {
  margin-top: -30px;
}

#sidebarRequestProgramInfoAppMountPoint,
#sidebarRequestCounsellingAppMountPoint {
  max-height: 350px;
  overflow: hidden;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  margin-bottom: 10px;
}

#sidebarRequestCounsellingAppMountPoint {
  max-height: none;
}

.sidebarRequestGrow {
  max-height: 1000px !important;
}

#sidebarRequestProgramInfoAppMountPoint form i,
#sidebarRequestCounsellingAppMountPoint form i {
  color: var(--yellow);
}

#sidebarRequestProgramInfoAppMountPoint h4,
#sidebarRequestCounsellingAppMountPoint h4 {
  color: var(--darkblue);
  font-size: large;
}

@media (min-width: 576px) {
  #sidebarRequestProgramInfoAppMountPoint h4,
  #sidebarRequestCounsellingAppMountPoint h4 {
    font-size: 2.8vw;
  }
}

@media (min-width: 768px) {
  #sidebarRequestProgramInfoAppMountPoint h4,
  #sidebarRequestCounsellingAppMountPoint h4 {
    font-size: 1.9vw;
  }
}

@media (min-width: 886px) {
  #sidebarRequestProgramInfoAppMountPoint h4,
  #sidebarRequestCounsellingAppMountPoint h4 {
    font-size: 1.7vw;
  }
}

@media (min-width: 992px) {
  #sidebarRequestProgramInfoAppMountPoint h4,
  #sidebarRequestCounsellingAppMountPoint h4 {
    font-size: 1.5vw;
  }
}

@media (min-width: 1590px) {
  #sidebarRequestProgramInfoAppMountPoint h4,
  #sidebarRequestCounsellingAppMountPoint h4 {
    font-size: 1.4vw;
  }
}

@media (min-width: 1700px) {
  #sidebarRequestProgramInfoAppMountPoint h4,
  #sidebarRequestCounsellingAppMountPoint h4 {
    font-size: 1vw;
  }
}

@media (min-width: 2000px) {
  #sidebarRequestProgramInfoAppMountPoint h4,
  #sidebarRequestCounsellingAppMountPoint h4 {
    font-size: 0.8vw;
  }
}

#sidebarRequestProgramInfoAppMountPoint form input,
#sidebarRequestProgramInfoAppMountPoint form textarea,
#sidebarRequestCounsellingAppMountPoint form input,
#sidebarRequestCounsellingAppMountPoint form textarea {
  border-radius: 8px;
  border: 1px solid var(--darkblue);
}

.border-wrapper {
  z-index: -2;
  --angle: 270deg;
  border-top: 8px solid var(--darkblue);
  border-bottom: 8px solid var(--darkblue);
  border-image: repeating-linear-gradient(var(--angle), var(--darkblue), transparent) 1;
  animation: 3s rotate linear infinite;
}

#sidebarRequestProgramInfoSubmitButton,
#sidebarRequestCounsellingSubmitButton {
  color: var(--darkblue);
  font-weight: 600;
  background-color: var(--yellow);
  border: 1px solid var(--yellow);
  border-radius: 8px;
}

@keyframes rotate {
  to {
    --angle: 630deg;
  }
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

#sidebarRequestProgramInfoAppMountPoint form,
#sidebarRequestCounsellingAppMountPoint form {
  background-color: white;
}


/* Minisites */
/* 1. Navbar(MIN) */
#minisite-main-navbar {
  min-height: 60px;
}

#minisite-main-navbar,
#minisite-main-navbar .navbar-container {
  background-color: var(--msdarkblue);
}

#minisite-main-navbar .navbar-container a img {
  width: auto;
  height: auto;
  max-width: 170px;
  max-height: 70px;
}

#minisite-main-navbar .navbar-toggler {
  border: 2px solid var(--msdarkblue);
  border-radius: 4px;
}

#minisite-main-navbar .navbar-nav {
  margin: auto;
}

#minisite-main-navbar .navbar-container .nav-link {
  color: white;
  font-weight: 600;
}

#minisite-main-navbar .navbar-container .nav-link:hover {
  text-decoration-line: underline;
  color: var(--yellow);
}

.yellow-colored-link {
  color: var(--yellow) !important;
}

/* 2. General(MIN) */
.minisite-entry-title {
  color: white;
  font-weight: 600;
  margin-bottom: 0px;
  background-color: var(--msdarkblue);
  padding: 10px;
}

.minisite-entry-content {
  color: var(--black);
  padding: 15px;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

.minisite-entry-content p {
  overflow: auto;
}

.minisite-article-date {
  font-size: 14px;
  text-align: right;
  color: var(--msdarkgray);
}

.minisite-link-to-more {
  background-color: var(--msyellow);
  margin: 0px -15px -15px -15px;
  color: var(--black);
  text-align: right;
  padding: 10px;
}

.minisite-link-to-more a:hover {
  text-decoration-line: underline;
}

#ereyna a {
  text-decoration-line: underline;
  text-decoration-color: var(--msdarkgray);
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 1px;
}

#ereyna a:hover {
  text-decoration-color: var(--black);
}

/* 3. Tables(MIN) */
.minisite-gradtable,
.minisite-undergradtable {
  border-top: hidden;
  border-left: hidden;
  border-right: hidden;
}

.misite-gradtable .fixed-table-body,
.minisite-undergradtable .fixed-table-body {
  border-left: hidden;
  border-right: hidden;
}

.minisite-gradtable tr,
.minisite-undergradtable tr {
  border-left: hidden;
  border-right: hidden;
}

.minisite-gradtable th,
.minisite-gradtable td,
.minisite-undergradtable th,
.minisite-undergradtable td {
  border-right: hidden;
}

.minisite-gradtable tr:hover,
.minisite-undergradtable tr:hover {
  background-color: var(--msyellowminimalopacity) !important;
  --bs-table-accent-bg: none !important;
}

article.minisite-gradarticle .pagination-detail,
article.minisite-undergradarticle .pagination-detail {
  display: none;
}

article.minisite-gradarticle .fixed-table-loading.table.table-bordered.table-hover.fixed-table-border,
article.minisite-undergradarticle .fixed-table-loading.table.table-bordered.table-hover.fixed-table-border {
  max-width: 100% !important
}

.appears-lg {
  display: table-cell;
}

.appears-md {
  display: table-cell;
}

@media (max-width: 1199px) {
  .appears-lg {
    display: none;
  }
}

@media (min-width: 768px) {
  .appears-md {
    display: none;
  }
}

@media (max-width: 991px) {
  .appears-md {
    display: none;
  }
}

@media (max-width: 767px) {
  .appears-md {
    display: table-cell;
  }
}

@media (max-width: 575px) {
  .appears-md {
    display: none;
  }
}

@media (min-width: 992px) {
  .appears-md {
    display: table-cell;
  }
}

@media (min-width: 1200px) {
  .minisite-gradtable th.detail {
    display: none;
  }

  .minisite-gradtable tr td:first-child {
    display: none;
  }
}

.appears-sm-undergrad {
  display: table-cell;
}

.appears-md-undergrad {
  display: table-cell;
}

@media (max-width: 575px) {
  .appears-sm-undergrad {
    display: none;
  }
}

@media (max-width: 991px) {
  .appears-md-undergrad {
    display: none;
  }
}

@media (min-width: 992px) {
  .minisite-undergradtable th.detail {
    display: none;
  }

  .minisite-undergradtable tr td:first-child {
    display: none;
  }
}

.minisite-gradarticle ul.pagination li a,
.minisite-undergradarticle ul.pagination li a {
  border: none;
  color: var(--black);
}

.minisite-gradarticle ul.pagination li a:hover,
.minisite-undergradarticle ul.pagination li a:hover {
  color: var(--msyellowlowopacity);
  text-decoration-line: underline;
  cursor: pointer;
  background-color: unset;
}

.minisite-gradarticle ul.pagination li.active a,
.minisite-undergradarticle ul.pagination li.active a {
  color: var(--msyellow);
  background-color: unset;
}

.minisite-gradarticle ul.pagination li.active a:hover,
.minisite-undergradarticle ul.pagination li.active a:hover {
  color: var(--msyellow);
  text-decoration: none;
}

/* 4. Contact Forms(MIN) */
.minisite-contactform form h4 {
  color: white !important;
  padding-left: 0;
}

.minisite-contactform form {
  background-color: var(--msdarkblue) !important;
  padding: 10px !important;
}

.look-like-disabled {
  color: gray;
  border-color: lightgray;
  opacity: 0.6;
}

/* 5. Sidebar(MIN) */
.minisite-sidebar-article-wrapper {
  padding: 15px;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

/* 6. Articles Index(MIN) */
.minisite-article-card,
.category-article-card {
  width: 18rem;
  border: none;
  box-shadow: 0 20px 40px -14px rgb(0 0 0 / 25%);
  margin: 20px 5px;
  padding: 0 !important;
}

.minisite-article-card a,
.category-article-card a {
  color: var(--black) !important;
}

.minisite-article-large-thumbnail-wrapper,
.category-article-thumbnail-wrapper {
  overflow: hidden;
  margin: auto;
}

.minisite-article-large-thumbnail-image,
.category-article-thumbnail-wrapper img {
  position: relative;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.minisite-article-large-thumbnail-image:hover,
.category-article-thumbnail-wrapper img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.minisite-morelink {
  display: flex;
  justify-content: center;
  align-self: center;
}


/* 7. Sidebar Form Animations(MIN) */
.minisite-sidebarcontent {
  display: none !important;
}

@media (min-width: 768px) {
  .minisite-sidebarcontent {
    display: block !important;
  }
}

.floating-program-info-form {
  position: fixed !important;
  align-self: flex-end !important;
  z-index: 99 !important;
  bottom: 0 !important;
  overflow: auto !important;
  max-height: 550px !important;
  max-width: 485px !important;
  width: auto !important;
}

.floating-program-info-form-absolute {
  position: absolute !important;
}

.floating-program-info-form-mobile {
  bottom: 50px !important;
  right: 10px !important
}

.floating-program-info-form-mobile .border-wrapper {
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

.fade-in-element {
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.fade-out-element {
  animation: fadeOut 0.5s;
  -webkit-animation: fadeOut 0.5s;
  -moz-animation: fadeOut 0.5s;
  -o-animation: fadeOut 0.5s;
  -ms-animation: fadeOut 0.5s;
}
@keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

@-moz-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

@-webkit-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

@-o-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

@-ms-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

#floatingBubble {
  color: var(--darkblue);
  position: fixed;
  z-index: 99;
  bottom: 10px;
  right: 15px;
  border: 2px solid;
  border-radius: 50%;
  padding: 5px;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  display: none;
}

#floatingBubble:hover {
  cursor: pointer;
  color: var(--black);
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.animated-five-times {
  -webkit-animation-iteration-count: 5;
  animation-iteration-count: 5;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

#exampleModal #sidebarRequestProgramInfoAppMountPoint{
  max-height: 100%;
  height: auto;
}

#exampleModal .sidebarHiddenField {
  visibility: visible;
  display: block !important;
}

#exampleModal #sidebarRequestProgramInfoSubmitButton {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}

/* 8. Sidebar Form Styling(MIN) */
.minisite-sidebarcontent #sidebarRequestProgramInfoAppMountPoint form i {
  color: var(--msyellow);
}

.minisite-sidebarcontent #sidebarRequestProgramInfoAppMountPoint h4 {
  color: var(--msdarkblue);
  font-size: large;
}

.minisite-sidebarcontent #sidebarRequestProgramInfoAppMountPoint form input,
.minisite-sidebarcontent #sidebarRequestProgramInfoAppMountPoint form textarea,
.minisite-sidebarcontent #sidebarRequestProgramInfoAppMountPoint form select {
  border-radius: 8px;
  border: 1px solid var(--msdarkblue);
}

.minisite-sidebarcontent .border-wrapper {
  border-top: 8px solid var(--msdarkblue);
  border-bottom: 8px solid var(--msdarkblue);
  border-image: repeating-linear-gradient(var(--angle), var(--msdarkblue), transparent) 1;
}

.minisite-sidebarcontent #sidebarRequestProgramInfoSubmitButton {
  color: var(--msdarkblue);
  background-color: var(--msyellow);
  border: 1px solid var(--msyellow);
}


/* Newsletter */
.newsletter-title-wrapper {
  margin-top: 30px;
}

.newsletter-entry-title {
  width: fit-content;
  padding: 10px;
  font-size: 28px;
  font-weight: bold !important;
}

.newsletter-unsubscribe-text {
  font-size: 20px;
  text-align: center;
  padding: 30px 0;
  font-weight: 600;
  color: #3d4c54;
}


/* Application Page */
#submit_application_app_mount_point {
  overflow: hidden;
}

#submit_application_app_mount_point .container {
  padding-left: 0px;
  padding-right: 0px;
}

#submit_application_app_mount_point input,
#submit_application_app_mount_point select,
#submit_application_app_mount_point textarea {
  border-radius: 8px !important;
  border: 1px solid var(--darkblue) !important;
}

#submit_application_app_mount_point .PersonalSection,
#submit_application_app_mount_point .EducationSection,
#submit_application_app_mount_point .WorkExperienceSection,
#submit_application_app_mount_point .CommentsSection {
  background-color: var(--lightgray) !important;
}

#submit_application_app_mount_point .ContactSection,
#submit_application_app_mount_point .RecLetterSection,
#submit_application_app_mount_point .EnglishCertificateSection,
#submit_application_app_mount_point .AttachementsSection {
  background-color: white !important;
}

#submit_application_app_mount_point button.btn.btn-outline-success {
  background-color: var(--darkblue) !important;
  border: 1px solid var(--darkblue) !important;
  color: white !important;
  border-radius: 8px !important;
}

#submit_application_app_mount_point button.btn.btn-outline-success:hover {
  color: var(--darkblue) !important;
  background-color: white !important;
}

.AttachementsSection div:first-child {
  border: 1px dashed var(--darkblue) !important;
}

.darkblueDashedBorder {
  border: 2px dashed var(--darkblue) !important;
}

.makeTheCursonPointer:hover {
  cursor: pointer !important;
}

#submit_application_app_mount_point button.btn.btn-primary {
  background-color: var(--yellow) !important;
  border: 1px solid var(--yellow) !important;
  color: var(--black) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

#submit_application_app_mount_point button.btn.btn-primary:hover {
  text-decoration-line: underline !important;
}


/* Disqus */

#dsq-combo-widget h3 {
  display:  none;
}

#dsq-combo-tabs li {
  background: none !important;
}

#dsq-combo-tabs li:hover {
  text-decoration-line: underline;
}

#dsq-combo-tabs li.dsq-active {
  text-decoration-line: underline;
}

#dsq-combo-tab-popular {
  display: none !important;
}

#dsq-combo-recent,
#dsq-combo-people {
  background-color: unset !important;
}

#dsq-combo-widget #dsq-combo-content .dsq-combo-avatar {
  border-radius: 4px;
}

#dsq-combo-widget #dsq-combo-content li.dsq-clearfix {
  border-bottom: 1px solid #ccc !important;
}

#dsq-combo-widget #dsq-combo-content li.dsq-clearfix a.dsq-widget-user {
  font-weight: 600;
}

#dsq-combo-widget #dsq-combo-content li.dsq-clearfix p.dsq-widget-meta a {
  font-size: 14px;
  color: var(--darkergray);
}

#dsq-combo-people li.dsq-clearfix a {
  font-style: normal !important;
  color: var(--darkblue) !important;
}

span.dsq-widget-clout {
  background-color: var(--darkergray) !important;
}

#dsq-combo-logo {
  display: none;
}


/* Reactive Search */

#searchResultsModal .modal-body {
  padding-top: 0px;
}

[class*=" css-"][class*="-sortOptions"] {
  display: none;
}

.results_articles_wrapper [class*=" css-"][class*="-sortOptions"] {
  display: block;
  border: 2px solid var(--lightgreen);
  border-radius: 4px;
  color: black;
  font-weight: 500;
}

[class*=" css-"][class*="-InputGroup "] {
  box-shadow: none;
}

#searchbox-downshift-input {
  color: var(--black);
  border: 3px solid var(--darkblue) !important;
  width: 100%;
  border-radius: 100px;
  box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
  font-size: 1rem;
}

#searchbox-downshift-input::placeholder {
  color: var(--black);
  font-size: 1rem;
  font-family: new-hero, sans-serif;
  padding-left: 10px;
}

#reactiveSearchMountPoint {
  width: 140px;
  max-width: 140px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#reactiveSearchMountPoint.ThirtyPercentSize {
  width: 30%;
  max-width: none !important;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#reactiveSearchMountPoint.FourtyPercentSize {
  width: 40%;
  max-width: none !important;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#reactiveSearchMountPoint.fullSize {
  width: 50%;
  max-width: none !important;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

@media screen and (min-width: 420px) {
  #reactiveSearchMountPoint {
    width: 180px;
    max-width: 180px;
  }
}

@media screen and (min-width: 576px) {
  #reactiveSearchMountPoint {
    max-width: none;
  }
}

@media screen and (min-width: 768px) {
  #reactiveSearchMountPoint {
    width: 200px;
  }
}

@media screen and (min-width: 992px) {
  #reactiveSearchMountPoint {
    width: 400px;
  }
}

@media screen and (min-width: 1200px) {
  #reactiveSearchMountPoint {
    width: 500px;
  }
}

@media screen and (min-width: 992px) {
  .reactive-search-wrapper {
    margin-left: 6vw;
  }
}

[class*='-suggestionsContainer'] li#searchbox-downshift-item-0,
[class*='-suggestionsContainer'] li#searchbox-downshift-item-1,
[class*='-suggestionsContainer'] li#searchbox-downshift-item-2 {
  display: none;
}

.search-result-card-wrapper {
  margin-bottom: 20px;
}

.search-result-card {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: none !important;
  transition: transform 0.5s;
  overflow: hidden;
}

.search-result-card:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  transform: scale(1.02);
  z-index: 9;
}

.search-result-card .card-image {
  max-height: 200px;
  width: fit-content;
  margin: auto;
}

.search-result-card .card-body {
  padding-top: 0;
}

.search-result-card .card-content {
  width: 100%;
  padding: 0.3rem 1rem 0 1rem;
}

.search-result-card .card-category {
  color: var(--black);
  font-size: 12px;
  font-weight: 500;
}

.darkgray-underline {
  color: var(--black);
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-color: var(--darkgray);
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 1px;
}

.darkgray-underline:hover {
  color: var(--black);
  text-decoration-color: var(--black);
}

.coral-underline-override {
    text-decoration-color: var(--coral) !important;
}

.coral-underline-override:hover {
  text-decoration-color: var(--black) !important;
}

.search-result-card .card-timestamp {
  font-size: 0.75rem;
  color: #6e7070;
}

.search-result-card .card-title {
  font-size: 16px;
  font-weight: 600;
}

.search-result-card .card-text {
  color: var(--black);
  flex: 2;
  font-size: 16px;
  line-height: 1.64;
  margin: 0 0 1rem;
}

.search-result-card .card-footer {
  background-color: #f8f8f8;
  border: none !important;
  text-align: right;
}

.search-result-card .card-footer a {
  color: black;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}

.search-result-card .card-footer a:hover {
  text-decoration-line: underline;
}

[class*="-pagination"] a[class*="-Button"] {
  color: var(--black);
  background: none;
  font-size: 16px;
  font-family: new-hero, sans-serif;
  font-weight: 500;
  border: none;
}

[class*="-pagination"] a[class*="-Button"]:hover {
  color: var(--lightgreen) !important;
}

[class*="-pagination"] a[class*="-Button"].active {
  color: var(--lightgreen) !important;
}

.modal-header [class*="css-"][class*="-Container "] {
  width: 97%;
}

@media screen and (min-width: 768px) {
  .modal-header [class*="css-"][class*="-Container "] {
    width: 98%;
  }
}

.inner-modal-search input#searchbox-downshift-input {
  border: 2px solid var(--darkblue) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.inner-modal-search [class*="css-"][class*="-suggestionsContainer"] ul[class*="css-"] {
  display: none;
}

#search_index_menu {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: var(--darkblue);
  box-shadow: 0 0 0 100vmax var(--darkblue);
  clip-path: inset(0 -100vmax);
}

#search_index_menu a {
  text-decoration-line: underline;
  text-decoration-color: white;
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
}

#search_index_menu a:hover {
  text-decoration-line: underline;
  text-decoration-color: var(--lightgreen);
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
}

.search_index_menu_item_wrapper {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .search_index_menu_item_wrapper {
    margin-bottom: 0px;
  }
}

a .search_index_menu_item {
  font-weight: 500;
  color: white;
  background: transparent;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: 0.4s;
  text-align: center;
  border-radius: 4px;
  border: none;
}

a .search_index_menu_item:hover {
  cursor: pointer;
  text-decoration: none;
}

.modal-body [class*="css-"][class*="-Container "] ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-bottom: 20px;
}

.modal-body .results_scholarships_header [class*="css-"][class*="-Container "] ul {
  margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
  .modal-body [class*="css-"][class*="-Container "] ul {
    flex-direction: row;
  }
}

.modal-body [class*="css-"][class*="-Container "] ul li {
  width: fit-content;
  margin: 0px 5px;
  padding-right: 5px;
}

.modal-body [class*="css-"][class*="-Container "] ul li label {
  border-radius: 4px;
  color: black;
  font-weight: 500;
  display: flex;
  height: fit-content;
}

[class*="css-"][class*='-Checkbox-vh']:checked + label::before {
  background-color: var(--lightgreen);
  border-color: var(--lightgreen);
}

ul.search-modal-multi-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px !important;
}

@media screen and (min-width: 768px) {
  ul.search-modal-multi-list {
    display: flex !important;
  }
}

.results_grad_wrapper,
.results_articles_wrapper,
.results_undergrad_wrapper,
.results_scholarships_wrapper {
  margin-bottom: 20px;
}

[class*=" css-"][class*="-Flex-rightLabel-Flex "],
.results_grad_wrapper [class*=" css-"][class*="-Flex-leftLabel-Flex "],
.results_undergrad_wrapper [class*=" css-"][class*="-Flex-leftLabel-Flex "] {
  flex-direction: row !important;
  background-color: var(--verylightgray);
  padding: 10px;
  align-items: center;
  min-height: 64px;
}

.results_articles_wrapper [class*=" css-"][class*="-Flex-rightLabel-Flex "] {
  flex-direction: row-reverse !important;
}

h3.item-category-title {
  font-size: 22px;
  padding-left: 5px;
  margin: 0;
  color: var(--darkblue);
  font-weight: 600;
}

.results_scholarships_header {
  display: flex;
  justify-content: space-between;
  background-color: var(--verylightgray);
  padding: 10px;
  align-items: center;
  min-height: 57px;
}

.results_scholarships_wrapper ul {
  flex-direction: column-reverse !important;
}

@media screen and (min-width: 576px) {
  .results_scholarships_wrapper ul {
    flex-direction: row !important;
  }
}

.results_scholarships_wrapper li:nth-child(1) [class*=" css-"][class*='-Radio-vh '] + label::before {
  padding-right: 0px !important;
}

.results_scholarships_wrapper li:nth-child(1) [class*=" css-"][class*='-Radio-vh '] + label::after {
  padding-left: 1px !important;
}

.results_scholarships_wrapper ul[class*="css-"][class*='-UL '] li:nth-child(2) {
  display: none;
}

.results_scholarships_wrapper [class*=" css-"][class*='-Radio-vh '] + label::before {
  padding-right: 3px;
  color: var(--lightgreen);
}

.results_scholarships_wrapper [class*=" css-"][class*='-Radio-vh ']:checked + label::before {
  border-color: var(--lightgreen);
}

.results_scholarships_wrapper [class*=" css-"][class*='-Radio-vh '] + label::after {
  background-color: var(--lightgreen);
}

.inside-header-single-list {
  display: none !important;
}

.results_scholarships_wrapper ul.outside-header-single-list {
  display: inline-flex !important;
  flex-direction: row !important;
  padding: 0px 15px !important;
  margin-bottom: 0 !important;
}

.results_scholarships_wrapper ul.outside-header-single-list li {
  margin: 0 !important;
}

@media screen and (min-width: 576px) {
  .inside-header-single-list {
    display: flex !important;
  }
  .results_scholarships_wrapper ul.outside-header-single-list {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .inside-header-single-list {
    display: none !important;
  }
  .results_scholarships_wrapper ul.outside-header-single-list {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1200px) {
  .inside-header-single-list {
    display: flex !important;
  }
  .results_scholarships_wrapper ul.outside-header-single-list {
    display: none !important;
  }
}

.search-result-item-wrapper {
  margin-bottom: 20px;
}

.search-result-item {
  border: 2px solid transparent !important;
  transition: transform 0.5s;
  overflow: hidden;
  border-radius: 8px;
  padding: 7px 10px 7px 10px;
}

.search-result-item:hover {
  border-top: 2px solid var(--darkblue) !important;
  border-bottom: 2px solid var(--darkblue) !important;
  border-radius: 0px;
  background-color: var(--verylightgray);
  z-index: 9;
}

.search-result-item .item-body {
  padding-top: 0;
}

.search-result-item .item-content {
  width: 100%;
  padding: 0.3rem 1rem 0 1rem;
}

.search-result-item .item-category {
  color: var(--black);
  font-size: 12px;
  font-weight: 500;
}

.search-result-item .item-timestamp {
  font-size: 0.75rem;
  color: #6e7070;
}

.search-result-item .item-title {
  font-size: 16px;
  font-weight: 600;
}

.search-result-item .item-text {
  color: var(--black);
  flex: 2;
  font-size: 16px;
  line-height: 1.64;
  margin: 0 0 5px;
}

.search-filter-button {
  background-color: var(--yellow);
  padding: 10px;
  border-radius: 8px;
  font-weight: 600;
}


/* Account Settings */

/* 1. General(AS) */

.dialog-content {
  display: none;
}

.user-settings-wrapper {
  min-height: 1100px;
  justify-content: center;
}

.user-settings-wrapper h2.profile-header-title {
  font-size: 26px !important;
}

.user-settings-wrapper .user-preferences-outside-box {
  max-width: 992px;
}

.user-settings-wrapper .user-info {
  width: 100%;
  margin: auto;
  margin-top: 20px;
}

.user-settings-wrapper .user-preferences-explanation {
  font-size: 16px;
}

.change-password-link-wrapper {
  width: 100%;
  border: 2px solid var(--gray);
  margin-top: 40px;
  padding: 40px;
  border-radius: 8px;
}

.change-password-link-wrapper a.signin-register-btn.btn-green {
  padding: 8px !important;
  width: 100%;
}

.delete-account-action-wrapper {
  width: 100%;
  border: 2px solid var(--coral);
  margin-top: 40px;
  padding: 40px;
  border-radius: 8px;
}

p.delete-action-description {
  font-size: 12px;
  color: var(--verydarkgray);
}

.remove-account-button-wrapper {
  max-width: 400px;
  height: auto;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.remove-account-button {
  color: white !important;
  background-color: var(--errorred) !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  width: 100%;
}

/* 2. jQuery Dialog Box(AS) */

.ui-widget.ui-widget-content {
  border: none !important;
  border-radius: 8px;
  box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.ui-dialog-titlebar {
  background: none !important;
  border: none !important;
}

button.ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog-buttonpane.ui-widget-content {
  border: none !important;
  padding: 5px !important;
}

.ui-dialog-buttonpane.ui-widget-content button {
  border: none;
  border-radius: 4px;
  padding: 5px 10px 5px 10px;
  background-color: var(--yellow);
  color: black;
  font-weight: 500;
}

.ui-dialog-buttonpane.ui-widget-content button.confirm-delete-btn {
  background-color: var(--lightgray);
}


/* Cookielaw Styling */

.cookie-modal.show {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

#CookielawBanner {
  position: fixed;
  bottom: 0px;
  background-color: white;
  z-index: 9999;
  width: 100%;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

#CookielawBanner .container-fluid {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid var(--gray);
}

.cookielaw-intro-text {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}

.cookielaw-action-buttons {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}

.cookielaw-action-buttons .accept-button {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .cookielaw-action-buttons {
    min-width: 200px;
    flex-direction: row;
    justify-content: space-evenly;
  }

  .cookielaw-action-buttons .accept-button {
    margin-bottom: 0px;
  }
}

.cookielaw-action-buttons .options-button {
  padding: 8px;
  background-color: var(--lightgray);
  color: black;
  font-size: 14px;
  border-radius: 8px;
}

.modal-cookie-options {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checkbox-text {
  padding-left: 0 !important;
  padding-right: 20px;
}

input.cmn-toggle-round.unclickable:checked + label:before {
  background-color: #c5f0ca;
}


/* About us */

.about-us-page-wrapper {
  margin-bottom: 30px;
}

.about-us-content-wrapper {
  margin: auto;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.about-us-content {
  max-width: 500px;
  padding: 10px;
}

.about-us-content-text-title p {
  font-size: 30px;
  font-weight: 600;
}

.about-us-content-image {
  padding: 10px;
}

.about-us-content-image img {
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  .about-us-content-image img {
    max-width: 300px;
  }
}

@media screen and (min-width: 992px) {
  .about-us-content-image img {
    max-width: 500px;
  }
}

.about-us-profiles-wrapper {
  background-color: #123c48;
  box-shadow: 0 0 0 100vmax #123c48;
  clip-path: inset(0 -100vmax);
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.about-us-profiles-wrapper-title p {
  color: white;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0px;
}

.about-us-profile {
  margin: 20px 0px;
}

.about-us-profile-content {
  overflow: hidden;
  justify-content: space-between;
  height: 100%;
  display: flex;
  flex-direction: column;
  border:none;
  background-color: transparent;
  color: white;
  align-items: center;
}

@media screen and (min-width: 576px) {
  .about-us-profile-content {
    flex-direction: row;
  }
  .about-us-profile-content.reverse-row-content-sm {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .about-us-profile-content,
  .about-us-profile-content.reverse-row-content,
  .about-us-profile-content.reverse-row-content-sm,
  .about-us-profile-content.reverse-row-content.reverse-row-content-sm {
    flex-direction: column;
  }
}

@media screen and (min-width:1200px) {
  .about-us-profile-content {
    flex-direction: row !important;
  }
  .about-us-profile-content.reverse-row-content {
    flex-direction: row-reverse !important;
  }
}

.about-us-profile-content img {
  border-radius: 8px;
  min-width: 40%;
  width: 40%;
}

.about-us-profile-content-text {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}


/* Submit Application Form */

.form-program-wrapper {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .form-program-wrapper {
    align-items: flex-start;
  }
}

.form-program-wrapper label.language-label {
  display: inline-flex;
  align-items: center;
}

#submit_application_app_mount_point input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -4px;
  left: -1px;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

#submit_application_app_mount_point input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -4px;
  left: -1px;
  position: relative;
  background-color: #000;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}


/* User Actions & External Contributors */

.user-actions-wrapper .search-input,
.external-contributors-wrapper .search-input {
  border: 2px solid var(--grayblack) !important;
  border-radius: 100px !important;
}

.user-actions-wrapper td.coral-links-content a,
.external-contributors-wrapper td.coral-links-content a {
  color: var(--black);
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-color: var(--coral);
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 1px;
}

.user-actions-wrapper td.coral-links-content a:hover,
.external-contributors-wrapper td.coral-links-content a:hover {
  text-decoration-color: var(--black) !important;
}


/* External Announcement Form */

.external-announcement-form label.control-label {
  margin-top: 5px;
  margin-bottom: 3px;
  width: 100%;
  max-width: 1000px;
  text-align: left;
}

.external-announcement-form input,
#cke_id_content {
  border: 1px solid #ccc;
  border-radius: 8px;
  min-width: 250px;
  transition: border linear .2s,box-shadow linear .2s;
  padding: 2px 4px;
  width: 100%;
  max-width: 1000px;
  background-color: white;
  color: black;
}

.external-announcement-form textarea {
  background-color: white;
  color: black;
  border: 1px solid var(--gray);
  border-radius: 8px;
}


/* do not group these rules */
.external-announcement-form input::placeholder {
  color: var(--darkgray) !important;
  opacity: 1;
}
.external-announcement-form input::-webkit-input-placeholder {
  color: var(--darkgray) !important;
}
.external-announcement-form input:-moz-placeholder {
  /* FF 4-18 */
  color: var(--darkgray) !important;;
  opacity: 1;
}
.external-announcement-form input::-moz-placeholder {
  /* FF 19+ */
  color: var(--darkgray) !important;;
  opacity: 1;
}
.external-announcement-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--darkgray) !important;;
}
.external-announcement-form input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--darkgray) !important;;
}

.external-announcement-form .control-group {
  margin-bottom: 20px;
}

.external-announcement-form textarea,
.external-announcement-form button {
  width: 100%;
  min-width: 250px;
  max-width: 1000px;
}

.external-announcement-form button {
  margin-top: 10px;
}

.external-announcement-form #div_id_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.external-announcement-form #div_id_link {
  margin-bottom: 20px;
}

.external-announcement-form .control-group.error .help-block {
  color: var(--errorred);
  margin-top: 10px;
}


/* Program Managers Announcements */

.managers-announcements-wrapper {
  min-height: 1000px;
}

.program-managers-nav-tabs {
  margin-bottom: 20px;
  display: flex;
}

.program-managers-nav-tabs li {
  padding: 10px;
}

.program-managers-nav-tabs li button.nav-link {
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  background-color: var(--uppernavbarbgcolor);
  color: #495057;
}

.program-managers-nav-tabs li button.nav-link.active {
  background-color: var(--darkblue);
  color: white;
}

.program-managers-nav-tabs li button.nav-link.active:hover {
  cursor: default;
}

.managers-announcements-wrapper.no-shadow-cards .category-article-card {
  box-shadow: none !important;
}

.managers-announcements-wrapper .programs-manager-header {
  max-width: 700px;
  width: fit-content;
}

.managers-announcements-wrapper .programs-manager-header-title {
  font-size: 20px;
}

@media screen and (min-width: 576px) {
  .managers-announcements-wrapper .programs-manager-header-title {
    font-size: 26px;
  }
}

.member-code {
  font-size: x-small;
}

.managers-announcements-wrapper .profile-title {
  font-size: 20px;
}

.row.managers-announcements-row {
  margin: 0px;
}

.managers-announcements-row .card-wrapper {
  margin: 20px 0px;
}

@media screen and (min-width: 992px) {
  .managers-announcements-row .card-wrapper {
    padding: 0px 20px 0px 0px;
  }
}

.managers-announcements-wrapper .category-article-card {
  overflow: hidden;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin: 0;
}

.managers-announcements-wrapper .card-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 0px 0px 0px;
}

.managers-announcements-wrapper .announcement-card-header {
  display: flex;
  align-items: center;
  padding: 0px 20px;
  width: 100%;
}

.managers-announcements-wrapper .announcement-card-image-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 10px 10px 0px;
}

.managers-announcements-wrapper .announcement-card-image-wrapper img {
  width: 100%;
  max-width: 200px;
  min-width: 130px;
}

.managers-announcements-wrapper .card-title-with-description b {
  color: var(--black);
}

.managers-announcements-wrapper .card-body.p-no-margins {
  padding: 0px 20px;
  width: 100%;
}

.managers-announcements-wrapper .card-body.p-no-margins .card-text{
  color: #555555;
}

.managers-announcements-wrapper .card-footer.text-muted {
  background-color: unset;
  border: none;
  padding-top: 0px;
  text-align: right;
}


/* External Announcement Single Post */

@media screen and (min-width: 576px) {
  article.post .external-announcement-entry-meta ul li {
    text-align: right;
    max-width: 50%;
  }
}

.contributor-announcement-sidebar-search-wrapper .carousel-inner {
  margin-top: 0;
}


/* Experiments and TMP */

    /* Datatables */
.dataTables_wrapper .dataTables_filter input {
  color: black;
}


/* Poll */

.feedback-button {
  font-family: Arial, sans-serif;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: var(--yellow);
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 9;
}

.feedback-text {
  color: #333;
  font-size: 14px;
}

.close-icon {
  position: absolute;
  top: -10px;
  left: -10px;
  background: var(--darkblue);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
  color: white;
}

.feedback-thank-button {
  font-family: Arial, sans-serif;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: var(--yellow);
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 9;
}

.feedback-thank-text {
  font-size: 16px;
}

.questionaire-feedback .django-ckeditor-widget {
  width: 100%;
}

.questionaire-feedback .django-ckeditor-widget textarea {
    max-height: 100px !important;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#pollModal #id_grad_program::placeholder,
#pollModal #id_undergrad_program::placeholder {
  color: gray !important;
  font-size: 14px;
}

/* Create Alert Page */

.alert-page-title {
  font-size: 22px;
  text-align: center;
  font-weight: 500;
}

.page-alert-setup #div_id_Update {
  margin: 10px 0px;
}

.profileinfolist {
  background-color: white;
  border-radius: 4px;
  padding: 10px;
}

.profileinfolist .usergradprogram img {
  padding-right: 10px;
}

.profileinfolist .usergradprogram h2.program-title.usergradprogram {
  font-weight: 500;
}

.user-preferences-outside-box input.default.btn,
.scholarship-update-wrapper input.default.btn {
  background-color: var(--yellow) !important;
  border-color: var(--yellow) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--black) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  border: 1px solid var(--yellow) !important;
}

.user-preferences-outside-box input.default.btn:hover,
.scholarship-update-wrapper input.default.btn:hover {
  text-decoration-line: underline;
}


/* Jobs */

/* 1. Index(Jobs) */

.job-info-wrapper {
  min-height: 100vh;
}

@media screen and (min-width: 767px) {
  .job-info-wrapper {
    min-height: unset;
  }
}

.jobs-title {
  padding-left: 20px;
  padding-right: 20px;
}

#id-job-types-filter-buttons ul {
  padding: 0;
}

li.job-types-filter-button {
  display: inline-block;
  color: var(--black);
  padding: 10px;
  border-radius: 20px;
  cursor: pointer;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 1px;
  background-color: var(--vividbluelowopacity);
}

li.job-types-filter-button:hover {
  background-color: var(--vividblue);
  color: white;
}

li.job-types-filter-button.active,
li.job-types-filter-button.active-filter-button {
  background-color: var(--vividblue);
  color: white;
}


.sidebar-job-card-wrapper::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 2.5%; /* centers the 95% width border */
  width: 95%;
  border-bottom: 1px solid rgba(73, 69, 79, 0.20); /* adjust color and thickness as needed */
}

.job-card {
  overflow: hidden;
  justify-content: space-between;
  border-radius: 20px;
  padding: 12px !important;
  border: 1px solid rgba(59, 65, 67, 0.30);
  box-shadow: none;
  display: flex;
  flex-direction: column;
  min-height: 320px;
}

.job-card.sidebar-job-card {
  border: 0;
  min-height: unset;
  padding: 16px !important;
  margin: 0;
  background: transparent;
}

.job-info-header {
  display:flex;
  justify-content: center;
  align-items: center;
  height: fit-content;
  gap: 10px;
}

.job-type-bubble {
  padding: 10px;
  background-color: var(--vividbluelowopacity);
  border-radius: 20px;
  color: var(--black);
  font-size: 12px;
}

.job-info-share {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
}

.job-info-share:hover {
  cursor: pointer;
}

.job-info-content {
  padding: 10px;
  padding-bottom: 0px;
}

.job-card .card-body {
  padding: 0px;
}

.job-card.sidebar-job-card .card-body {
  padding: 0px 8px;
}

.job-card.sidebar-job-card .card-body .job-info-content {
  padding: 5px;
}

.job-info-content .card-text-gray {
  color: #555555;
  width: fit-content;
}

.job-info-content .card-text-black-bold {
  color: var(--vividblue);
  width: fit-content;
  font-weight: 500;
}

.job-info-footer .card-footer {
  background-color: unset;
  border: none;
  padding: 0px;
  text-align: left;
}

.job-card.sidebar-job-card .job-info-footer .card-footer {
  padding: 5px;
}

.btn.btn-eduguide.job-btn-eduguide {
  background-color: var(--vividblue);
  color: white !important;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  width: 100%;
  border-radius: 20px;
}

@media (max-width: 767.98px) {
    .show-sidebar {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1050;
      overflow-y: auto;
      transition: transform 0.3s ease-in-out;
      background-color: white;
      max-height: unset !important;
    }
}

.job-info-footer .job-card-footer {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 10px;
  padding-top: 0px;
}

.job-info-footer .traits {
  gap: 8px;
}

.job-info-footer .traits .trait {
  border-radius: 2px;
  background: rgba(59, 65, 67, 0.08);
  display: flex;
  align-items: center;
}

.jobs-sidebar-open-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

.jobs-sidebar-open-button {
    background-color: var(--vividbluelowopacity);
    border: 0;
    color: var(--black);
    border-radius: 0px 20px 20px 0px;
    padding: 5px 8px;
}

@media (min-width: 768px) {
    .sidebar-close-button {
        display: none !important;
    }
}


/* 2. Update Form(Jobs) */

@media screen and (min-width: 1200px) {
  .job-update-description-wrapper #cke_id_description,
  .job-update-requirements-wrapper #cke_id_requirements {
    width: 99% !important;
  }
}

/* 3. Jobs Table */

.undergrad-table-article.jobs-style-table .bootstrap-table {
  border: none;
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.undergrad-table-article.jobs-style-table .fixed-table-toolbar {
  background-color: transparent;
}

.undergrad-table-article.jobs-style-table .search input.search-input {
  border: 1px solid var(--darkblue) !important;
  border-radius: 20px !important;
}

.undergrad-table-article.jobs-style-table .fixed-table-toolbar .bs-bars.float-left {
  color: var(--darkblue);
}

.undergrad-table-article.jobs-style-table .fixed-table-pagination {
  background-color: transparent;
}

.undergrad-table-article.jobs-style-table .pagination-detail .page-list button {
  border: 1px solid var(--darkblue);
  border-radius: 20px;
}

.undergrad-table-article.jobs-style-table .pagination ul.pagination li.page-item a.page-link {
  background: none;
  color: var(--darkblue);
  border: none;
}

.undergrad-table-article.jobs-style-table .pagination ul.pagination li.page-item.active a.page-link {
  color: var(--yellow);
}

.undergrad-table-article.jobs-style-table .pagination ul.pagination li.page-item a.page-link:hover {
  color: var(--yellow);
}

#MhxanografikoInterestButton {
  color: var(--black);
  background-color: transparent;
  border: none;
  font-weight: 400;
  text-decoration-line: underline;
  text-decoration-color: var(--yellow);
  text-decoration-thickness: 3px;
  text-underline-offset: 1px;
  text-decoration-skip-ink: none;
  padding: 0;
  margin: 0;
}

#MhxanografikoInterestButton:hover {
  text-decoration-color: var(--black);
}