.tabs::after {
  clear: both;
}
.tabs::after, .tabs::before {
  content: " ";
  display: table;
}

.tabs .tab-title {
  border-right: 1px solid #fff;
}
.tabs .tab-title, .tabs dd {
  float: left;
  list-style: none;
  margin-bottom: 0 !important;
  position: relative;
}

.accordion-content {
  display: none;
  margin-left: 1.25rem;
}

.accordion-content.open, .mTable td, .pageAnchor, .top-bar-section .has-dropdown.moved > a::after, .top-bar-section ul, code {
  display: block;
}

.contentArea h1, .contentArea h1 .contentArea small, .contentArea h2, .contentArea h2 small, .contentArea h3, .contentArea h3 small, .contentArea h4, .contentArea h4 small, .contentArea h5, .contentArea h5 small, .contentArea h6, .contentArea h6 small {
  margin: 2rem 0 1rem;
    margin-bottom: 1rem;
}

.fa-minus::before, .fa-plus::before {
  padding-right: .5rem;
}

.label {
  display: inline-block;
  font-family: robotolight,"Helvetica Neue",Helvetica,Arial,Sans;
  font-weight: 400;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: .25rem .5rem .25rem;
  font-size: .6875rem;
  background-color: #5ac4be;
  color: #fff;
}

.contentArea ol, .contentArea ul {
  margin-bottom: 2rem;
  margin-top: 2rem;
  font-size: 1.125rem;
}

.column, .columns {
  width: 100%;
  float: left;
}

.accordion, .accordion ul, .bcwrap, .multi-accordion ul, .singlefeed, .slick-slider, .top-banner, code {
  clear: both;
}

.dualContentArea li, .dualContentArea p, h6 {
  font-size: 1.125rem;
}

.cis input#search_olcs_keywords {
  width: 100%;
}

.cis ul.tabs {
  margin-left: 0;
}

.tabs-content::after {
  clear: both;
}

.tabs-content::after, .tabs-content::before {
  content: " ";
  display: table;
}

.cis h2 {
  display: inline-block;
  font-size: 1.85rem;
  /*margin-top: 2rem;*/
}

.contentArea h4, .contentArea h4 small, .contentArea h5, .contentArea h5 small, .contentArea h6, .contentArea h6 small {
  margin: 2rem 0 1rem;
    margin-top: 2rem;
}

h2, h4 {
  margin: .5rem 0 1rem;
  margin-top: 0.5rem;
 /*margin-left: 1.5rem;*/
}

h4:not(.accordion-toggle), .cis .contentArea h5:not(.accordion-toggle), .cis .contentArea h6:not(.accordion-toggle) {
  margin-top: 4rem;
}

.m0top {
  /*margin-top: 0 !important;*/
}
.v3top {
  /*padding-top: 3rem;*/
}

.h3pad {
  padding-left: 3rem;
  padding-right: 3rem;
}

.btn::before, .button::before, .tabs-wrapper .tabs .tab.pill::before, button:not(.submit_keywords, .closeModal)::before {
  background: none;
  cursor: pointer;
}

input[type="text"]:focus {
  background: #fafafa;
    background-color: rgb(250, 250, 250);
  border-color: #999;
  outline: 0;
}

.cis #searchResults {
  margin-top: 2rem;
}

.cis #courseSearchTabs table, .cis #searchResults table {
  margin-top: 0;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 64.0625em) {
  .column, .columns {
    position: relative;
    padding-left: .9375em;
    padding-right: .9375em;
    float: left;
  }
}

.cis small {
  font-size: 60%;
  line-height: inherit;
}

.cis p {
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
}


table {
  margin: 1.25rem 0 2rem;
  border-collapse: collapse;
  border: none;
}

.footer, table caption {
  text-align: left;
}

table caption {
  color: #003e51;
}

table caption, table tr th {
  font-weight: 600;
}

.internationalTab .iF, .lead, .qlc a.close, h5, p.lead, table caption {
  font-size: 1.25rem;
}

.cis #courseSearchTabs table tr td, .cis #searchResults table tr td, .cis #courseSearchTabs table tr th, .cis #searchResults table tr th {
  padding: .85rem .625rem .75rem;
  color: #003e51;
}

.cis td + td, th + th {
  border-left: 1px solid #003e51;
}

.accordion-toggle {
  cursor: pointer;
  font-weight: 600;
  font-family: adelle-sans, sans-serif;
}

.accordion-toggle:hover {
  color: #00b3ba;
}

.tabs .tab-title.active a,
.tabs dd.active a {
  background: #00b3ba !important;
  color: #fff !important;
  font-weight: 600;
}

tr + tr {
  border-top: 1px solid #f1f5f6;
}

table caption {
 border-bottom: 2px solid #00b3ba;
}

/* CIS styles */

.cis td+td,
th+th {
  border-left: 1px solid #003e51;
}

.cis tr+tr {
  border-top: 1px solid #003e51;
}

.cis table tr.alt,
table tr.even,
table tr:nth-of-type(2n) {
  background: #f1f5f6;
}

.cis tr+tr>td,
tr+tr>th {
  border-top: 1px solid #003e51;
}

.cis table p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.125rem;
}

.cis button {
  cursor: pointer;
}

/* Course Search */

.cis form#olcs_search_form {
  position: relative;
  max-width: 40rem;
}

.cis input#search_olcs_keywords {
  border-radius: 50px;
  color: #003e51;
  padding: 6px 32px 6px 24px;
  font-size: 1rem;
  height: 3.5rem;
  border: 3px solid #003e51;
  transition: all .2s ease-out;
  background-color: #fff;
}

.cis input#search_olcs_keywords::placeholder {
  color: #003e51;
  font-weight: 400;
  font-size: 1rem;
  opacity: 1;
}

.cis input#search_olcs_keywords:focus {
  filter: drop-shadow(0 0 2px #9b9b9b);
  background-color: #ffffff;
}

.cis button#submit_olcs_keywords {
  line-height: 3.5rem;
  color: #003e51;
  position: absolute;
  right: -20px;
  top: 0;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  background: none;
  transition: all .1s ease-out;
}

.cis button#submit_olcs_keywords:hover {
  background: none !important;
  filter: drop-shadow(0 0 1px #9b9b9b);
  transform: scale(1.1);
}

.cis button#submit_olcs_keywords:active {
  transform: scale(.98);
}


.cis button#submit_olcs_keywords:focus {
  outline: none;
}

@media only screen and (max-width: 40rem) {

  .cis form#olcs_search_form {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }

}

.cis #courseSearchTabs .tabs,
#openLearningTabs .tabs {
  padding: 2rem 0 0;
  border-bottom: 3px solid #003e51;
  position: relative;
  top: 1px;
}

.cis #courseSearchTabs .tabs-content,
#openLearningTabs .tabs-content {
  border: none;
  padding: 0 0 1rem;
  background: #fff;
}

.cis #courseSearchTabs .tabs-content > .content,
#openLearningTabs .tabs-content > .content {
  padding: 0;
}

.cis #courseSearchTabs .tab-title,
#openLearningTabs .tab-title {
  border-left: none;
  border-top: none;
  border-right: none;
}

.cis #courseSearchTabs .tab-title>a,
.cis #courseSearchTabs dd>a,
#openLearningTabs .tab-title>a,
#openLearningTabs dd>a {
  padding: .5rem 1rem !important;
}

.cis #courseSearchTabs .tab-title a,
#openLearningTabs .tab-title a {
  font-weight: 600;
  display: inline-block;
  font-size: 1.125rem;
  border-bottom: 1px solid transparent;
  transition: all .1s ease-out;
}

.cis #courseSearchTabs .tab-title a:active,
#openLearningTabs .tab-title a:active {
  transform: scale(.98);
}

.cis #courseSearchTabs .tab-title.active a,
#openLearningTabs .tab-title.active a {
  background: #003e51 !important;
  color: #fff !important;
  border-left: none;
  border-top: none;
  border-right: none;
  transition: all .2s ease-out;
}

.cis #courseSearchTabs .tab-title:not(.active) a:hover,
#openLearningTabs .tab-title:not(.active) a:hover {
  color: #003e51;
  background: #f1f5f6 !important;
}

.cis #courseSearchTabs h6.accordion-toggle.altHead,
#openLearningTabs h6.accordion-toggle.altHead {
  border-bottom: 1px solid #003e51;
  transition: color .2s ease-out;
  margin-bottom: 0;
  display: flex;
}

.cis #courseSearchTabs h6.accordion-toggle.altHead .far,
#openLearningTabs h6.accordion-toggle.altHead .far {
  margin-top: auto;
  margin-bottom: auto;
}

.cis #courseSearchTabs h6.accordion-toggle.altHead .courseSubject,
#openLearningTabs h6.accordion-toggle.altHead .courseSubject {
  flex: 1;
  font-style: normal;
}

.cis #courseSearchTabs h6.accordion-toggle.altHead .label,
#openLearningTabs h6.accordion-toggle.altHead .label {
  flex-basis: 5rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 1rem;
  font-style: normal;
  background: #00b3ba;
}

.cis #courseSearchTabs .accordion-content,
#openLearningTabs .accordion-content {
  margin-left: 0;
}

@media only screen and (max-width: 40rem) {
  
  .cis #courseSearchTabs .tabs,
  #openLearningTabs .tabs {
    padding-top: 1rem;
  }

}

.cis #courseSearchTabs table,
.cis #searchResults table {
  margin-top: 0;
  margin-bottom: 3rem;
}

.cis #courseSearchTabs table tr td,
.cis #searchResults table tr td,
.cis #courseSearchTabs table tr th,
.cis #searchResults table tr th {
  padding: .85rem .625rem .75rem;
  color: #003e51;
}

.cis #courseSearchTabs table tr td:first-of-type,
.cis #searchResults table tr td:first-of-type,
.cis #courseSearchTabs table tr td:nth-of-type(3), 
.cis #searchResults table tr td:nth-of-type(3) {
  text-align: center;
}

.cis #courseSearchTabs table tr td:nth-of-type(3) .fas,
.cis #searchResults table tr td:nth-of-type(3) .fas {
  margin: 0 .15rem;
  font-size: .85rem;
}

.cis #courseSearchTabs table tr td:nth-of-type(3) .fas:first-child,
.cis #searchResults table tr td:nth-of-type(3) .fas:first-child {
  margin-right: .3rem;
}

.cis #courseSearchTabs table tr:hover, 
.cis #searchResults table tr:hover {
  background: #D5E1E5;
  cursor: pointer;
}

.cis #courseSearchTabs table td.courseAcronymColumn,
.cis #searchResults table td.courseAcronymColumn {
      width: 7rem;
}

.cis #courseSearchTabs table td.courseDeliveryColumn,
.cis #searchResults table td.courseDeliveryColumn {
      width: 10.4rem;
}

.cis #courseSearchTabs table td:nth-of-type(2),
.cis #searchResults table td:nth-of-type(2)  {
  text-decoration: underline;
}

@media only screen and (max-width: 31rem) {

  .cis #courseSearchTabs table td.courseAcronymColumn,
  .cis #searchResults table td.courseAcronymColumn {
    width: 5rem;
  }

  .cis  #courseSearchTabs table td.courseDeliveryColumn,
  .cis  #searchResults table td.courseDeliveryColumn {
    width: 6rem;
  }

}

/* Slide panels that get .open */
/*
.accordion-toggle + .panel,
.multi-accordion-content,
.multi-accordion-content-sub {
  overflow: hidden;
  max-height: 0;
  transition: max-height 200ms ease;
}
.accordion-toggle + .panel.open,
.multi-accordion-content.expanded,
.multi-accordion-content-sub.expanded {
  max-height: 1000px;
}
*/