html, body {
  height:100%;
  margin:0;
  padding:0;
  }


  body  {
      background-color: #ffffff;
      /* font: 14px/1.5 Arial, Verdana, Helvetica, sans-serif; */
      font-family: 'Benton Sans Bk', sans-serif !important;
      font-size: 16px/1.5;
  line-height: 1.5;

  }

  .bentonsansbold {
    font-family: "Benton Sans Bd";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.bentonsansmedium {
    font-family: "Benton Sans Med";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.bentonsansbook {
    font-family: "Benton Sans Bk";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}


  #cartInfo {
      text-align: right !important;
  }


  #loginNameWrapper {
    color:#000;
  }


  .nav-link {
    padding:0;
  }


  #helpcentre {
      padding-right:50px;
  }


  .btn-default, .btn-primary {


    color: #fff;
    background-color: #4E2583;
    border-color: #ccc;


    }


  .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.down-toggle.btn-primary {
    background-color: #1ea499;
    border-color: #adadad;
  }


  .accordionstyle .btn-link {color:#696969 !important;}


  #scrollSpyMenu, #studentMenu.affix-bottom, .scrollSpyMenu.affix-bottom {


    position: fixed !important;


    top: 0px !important;


  }






  #resumebox, #degreebox, #orgbox, #lifebox, #resumebox h3, #resumebox p, #degreebox h3, #degreebox p, #orgbox h3, #orgbox p, #lifebox h3, #lifebox p {


    text-align:center;


  }


  #resumeboxl, #degreeboxl, #orgboxl, #lifeboxl, #resumeboxl h3, #resumeboxl p, #degreeboxl h3, #degreeboxl p, #orgboxl h3, #orgboxl p, #lifeboxl h3, #lifeboxl p {


    text-align:left;


  }


  #wcslogo {


    padding-top:15px;


  }


  #pageContainer {
     min-height:100%;
     position:relative;
  }


  #headerWrapper {
    background:url("../images/purplebg.png") repeat-x top left;
    background-color: #4F2683  !important;  /* #502185  */
  }


  #header1Wrapper {
      background-color: #eee !important;
      height: 120px !important;
  padding-top: 8px !important;
  }


  .mobbanner {
    display: none;
  }

  .deskbanner {
    display: block;
  }

  .slidebanner {
  max-width: 100%;
  height: 400px;
  background-size: cover;
  }

  .slidesdiv {
    cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px; height: 500px; overflow: hidden;
  }

  #slider1_container {
    visibility: hidden; position: relative; margin: 0 auto;
          top: 0px; left: 0px; width: 1300px; height: 400px; overflow: hidden;
  }

  .centrepiece {
      width: 75%;
        margin: 0 auto;
   }
  h1.slide {
  font-family: 'Benton Sans Bd', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.1; color: #4f2b81; font-weight: 200; font-size: 70px; margin: 0 0 15px; padding-left: 40px; padding-top:12%;
  }
  h2.slide {
  font-family: 'Benton Sans Med', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.1; color: #807F83; font-weight: 200; font-size: 40px; margin: 0 0 15px; padding-left: 40px; padding-top: -5px;
  }
  h1.slidemob {
  font-family: 'Benton Sans Bd', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 0.8; color: #4f2b81; font-weight: 200; font-size: 40px; margin: 0 0 15px; padding-left: 40px; padding-top:55%;
  }
  h2.slidemob {
  font-family: 'Benton Sans Med', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.0; color: #807F83; font-weight: 200; font-size: 30px; margin-top:-5px; padding-left: 40px; padding-top: -5px;
  }

  #header2, #header2Container {
   /* margin-right:0px; */
   display: none;
  }


  body#pagePublicHome #header2 {
     margin-left:-15px;
     display: block !important;
     border-top: grey 1px;
  }


  body#pagePublicHome #header2Container {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 100% !important;
    display:block !important;
  }

  .fullwidth-img {

  }


  .dropdown-menu {
      min-width: 340px;
        margin-top:13px;
  }

    .widemenu {
      width: 880px;
  /*    margin-top:13px; */
      padding:20px;
    }

.dropdown-menu ul {
  /* padding-inline-start: 20px; */
}

.dropdown-menu div {
    margin-left:10px;
}

  .dropdown-menu > li > a, .dropdown-menu .subMenu > li > a {
           display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
             white-space: nowrap;
  }


  .widemenuitem {
  list-style: none !important;
  line-height: 1.8em;
  padding-left:5px;
  }

  .widemenuitem a, .widemenuitem a:visited {
  color: #333 !important;
  padding-top:5px;
  padding-bottom:5px;
  /* padding:5px; */
  }

  .widemenuitem:hover {
  background-color: #cccccc !important;
  border-left: 1px #babbbc solid;
  padding-left:4px;
  padding-right:2px;
  }

  .widemenubutton {
  list-style: none !important;
  /*  border: 2px #F2F2F2 solid; */
  border-left: 1px #babbbc solid;
      padding: 8px;
      margin: 10px;
      font-weight:bold;
   /*  background-color: #F2F2F2; */
  }

  .widemenuhead {
      margin-left: -30px !important;
      border-bottom: 1px #babbbc solid;
  }

  #widemenuc1 {
      margin-left: -50px !important;
  }

  #widemenuc2 {
  margin-top: 44px !important;
  margin-left: -40px !important;
  }

  #widemenuc3 {
      margin-top: 20px !important;
      margin-left: -40px !important;
  }

  .sectionHeader h2 {
    font-size:140%;
  }


  .certificateStreamHeader {
    color: #4d2482 !important;
  }


  .sectionScheduleType {
    display: none;
  }


  .sectionDates {
    display: none;
   }


   .sectionDates  {
    text-color: #fff;
   }


  .scheduleNotes .header{
    display: none;
  }


  div.sectionNotes label {
      display: none;
  }


  .sectionNotes .labelSpanStyle:after { display:none; visibility:hidden;}


  .certApplicationInfo.applicationName {
                  display: none;
  }


  .educationalCredentialField  {
    display: none;
  }


  .carousel-control .glyphicon, .glyphicon-shopping-cart {
   color: #4F2683;
  }


  #pageCheckoutProfile #studentProfileEducationCredentialContainer{
        display: none;
  }


  .portalMenu .active > a, .sidebarScrollSpy .active > a {
      border-left: 5px solid #4F2683;
    }


  #header3 {
    margin:0;
    margin-top:5px;
    margin-bottom:5px;
  }


  #contentHeader, #contentModule1, #contentModule2, #contentmodule3, #contentmodule4, #contentModule5 {
    background-color:#fff;
    padding:15px;
  }


  #contentHeader h1 {
    margin-top:10px !important;
  }


  #studentMenu {
    position:relative;
  }


  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu .subMenu > li > a:hover, .dropdown-menu .subMenu > li > a:focus {
      background-color: #cccccc;
  }


  #studentProfileEducationCredentialContainer{
   display: none !important;
   }


  #studentProfileEducationCredentialPanel{
   display: none !important;
   }


  .navbar-default.navbar-light.bg-light .navbar-nav>li>a {
  /* color: #fff; */
  text-transform: uppercase;
  font-weight: bold;
  font-size: 110%;
  }


  .navbar-default.navbar-light.bg-light .navbar-nav>li>a:hover {
  color: #0abab5; /* #029feb  */
  }


  .navbar {
    margin-bottom:0px !important;
    min-height:30px !important;
  }


  .navbar-inverse, .navbar-default.navbar-light.bg-light .navbar-collapse, .navbar-default.navbar-light.bg-light .navbar-form, .navbar-default, #header3 {
    background-color: inherit !important;
    border:none;
  }


  #header3Wrapper {
    background: #4f2683;
    background: -moz-linear-gradient(top, #4f2e84, #380e6e);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f2e84), to(#380e6e));
    border: 1px solid #002232;
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;
  }

  #footer_email {
    background-color: #e3e3e3;
    font-family: 'Benton Sans Bk', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  /*  gap: 20px; */
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-left: 10px ;
    padding-top:20px;
    padding-bottom:20px;
  }

  #footer_email p {
    font-size:22px;
  }

  #footer_email-left {
  padding-top:10px;
  display:flex;
      flex-direction: column;
  }

  #footer_email-right {
  padding-left:20px;
  display: flex;
      flex-direction: column;
      align-items: flex-start;
    max-width: 260px;
  }

  #footer_email label, #footer_email input {
  line-height:32px;
  padding-right:6px;
  margin-top:3px;
  margin-bottom:3px;
  }

  #footer_email-right button {
  background-color: #4F2683;
  padding:8px;
  color: #fff;
  border-radius: 5px;
  padding-left:10px;
  padding-right:10px;
  margin-top:3px;
  }

  #footer_email-right label, #footer_email-right label ::after {
  display:none !important;
  visibility: hidden !important;
  height:0;
  width:0;
  }

#requiredFieldInstruction, .form-text, #requiredFieldInstruction .row .col-lg-12, #requiredFieldLabel {
  display:none !important;
  visibility: hidden !important;
  height:0;
  width:0;
}



  #clpHeader1ContentWrapper a, #clpHeader1ContentWrapper a .glyphicon, #cartInfo a, #header0Wrapper, #header0Wrapper a, #loginInfo .headerProfileLink, #loginInfo .headerLogoutLink, #loginInfo .headerStudentLoginLogoutLink, .headerStudentLoginContainer .headerStudentLoginDropdownLink {
    color: #4F2683 !important;
  }


  .dropdown-menu {
        background-color: #eeeeee;
  }


  hr {
      border: 0 #eee solid;
      border-top-width: 1px;
      clear: both;
      height: 0;
  }


  #searchBreadcrumb {
    padding-bottom:5px;
    padding-top:5px;
  }


  a, a:link, a:visited, a:active {
      color: #4F2683;
      text-decoration: none;
  }


  a:hover {
      color:#807F83;
      /* color: #a08768; */
  }


  /* h1, h2, h3, h4, h5, h6 {
      color: #4d2482;
      font-weight: bold;
  } */


  h1 {font-family: 'Benton Sans Bd', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.1; color: #4f2b81; font-weight: 200; font-size: 44px; margin: 0 0 15px; padding: 0;}
  h2 {font-family: 'Benton Sans Med', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.1; color: #4f2b81; font-weight: 200; font-size: 30px; margin: 0 0 15px; padding: 0;}
  h3 {font-family: 'Benton Sans Med', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.1; color: #807F83; font-weight: 200; font-size: 24px; margin: 0 0 15px; padding: 0;}
  h4 {font-family: 'Benton Sans Med', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.1; color: #807F83; font-weight: 200; font-size: 20px; margin: 0 0 15px; padding: 0;}
  h5 {font-family: 'Benton Sans Med', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.1; color: #4f2b81; font-weight: 400; font-size: 18px; margin: 0 0 15px; padding: 0;}
  h6 {font-family: 'Benton Sans Med', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.1; color: #807F83; font-weight: 200; font-size: 14px; margin: 0 0 15px; padding: 0;}


  table#courseSearchResult { width:100%; border:none; margin:0; border-collapse:collapse;  margin-bottom:14px; }


  table#courseSearchResult td, table#courseSearchResult th { border:none; line-height:1.5em; padding:6px; font-size:1em; vertical-align:top }


  table#courseSearchResult td, table#courseSearchResult th {padding:6px;padding-top: 10px;}


  table#courseSearchResult th, table#courseSearchResult thead td { background:#cccccc; color:#807F83; text-align:left }


  table#courseSearchResult thead th {font-size:1.2em; color: #333; background-color: #f5f5f5; border-color: #807F83; line-height:22px; padding: 6px; margin-bottom:6px; }


  table#courseSearchResult tr{ background: #eeeeee }


  table#courseSearchResult tr.odd { background: #ddd }


  table#courseSearchResult tr.divider.dropdown-divider td { background:#D1D5D8; height:2px; padding:0 }


  table#courseSearchResult tr.alt td { background: #F5F5F6 }


  table#courseSearchResult th.tight, table td.tight { padding:0 }


  table#courseSearchResult th[align="right"] { text-align:right }


  table#courseSearchResult th[align="center"] { text-align:center }


  table#courseSearchResult th[valign="bottom"] { vertical-align:bottom }


  table#courseSearchResult th a, table#courseSearchResult th a:link,table#courseSearchResult th a:visited,table#courseSearchResult th a:active { color: white; }


  table#courseSearchResult th a, table#courseSearchResult th a:link{


  color: #333 !important;


  }


  table#classListItemVO thead th {font-size:11px; color:#807F83; line-height:22px; padding: 0 6px }


  table#classListItemVO th, #classListItemVO thead td { background:#cccccc; color:#807F83; text-align:left }


  .UWOTable td, .UWOTable th { border:none; line-height:14px; padding:6px; font-size:11px; vertical-align:top; padding: 6px; color: #333333;}


  .UWOTable th, .UWOTable thead td { background:#cccccc; color:#333333; text-align:left; font-weight: bold; }


  .UWOTable thead th {font-size:11px; color:#ffffff; line-height:22px; padding: 0 6px }


  .UWOTable tbody th { background:#eeeeee; color:#333333; text-align:left; font-weight: bold; }


  .UWOTable tr { background:#EEEEEE;}


  .UWOTable tr.divider.dropdown-divider td { background:#D1D5D8; height:2px; padding:0 }


  .UWOTable tr.alt td { background: #F5F5F6 }


  .UWOTable th.tight, .UWOTable table td.tight { padding:0 }


  .UWOTable th[align="right"] { text-align:right }


  .UWOTable th[align="center"] { text-align:center }


  .UWOTable th[valign="bottom"] { vertical-align:bottom }


  .UWOTable th a, .UWOTable th a:link, .UWOTable th a:visited, .UWOTable th a:active { color: white; }


  .UWOTable tbody tr.even th {background: #eeeeee;}


  .accordhead {
    display: inline-block !important;
  width: 100%;
  }

  .collapse .card {padding:10px;}

  #headersearchbox {
      position:absolute;
      top:50px !important;
      left:62% !important;

  }

  .searchbox {
      width:200px !important;
  }



  /* tabs in myWCS */


  .nav-tabs .nav-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }


  .nav-tabs {
    margin-bottom:10px !important;
  }




  .panel-info>.panel-heading.card-header {
      color: #807F83;
      background-color: #d9d9d9; /* #777 */
      border-color: #ccc;
    }


    .panel-info.card-info {
      border-color:#ccc;
    }


    .well.card.card-body {
      background: #eee;
      border-bottom: 1px #bbb solid;
      text-transform: uppercase;
      margin-top: 1px;
      padding: 8px 0 4px 12px;
      color: #4e2583;
    }


    .well.card.card-body h2, .sectionHeader h2 {
    letter-spacing: 0.3px;
    margin: 5px 0 10px 0px;
    padding: 5px 5px 5px 0px;
    line-height: 1.4em;
    }


    .section.sectionSchedule {padding-top:7px;}


    .courseProfileSectionAvailability_available {
        color: #067F7D;
    }


  #programAreasAccordion .table-striped>tbody>tr:nth-child(odd) {background-color:#fff;}


    #buttonCourseProfileActionEmail, #buttonCourseProfileActionRemind, #buttonCourseProfileActionPrint {background-color:#fff;}

  #buttonApplicationApply {
    width: 50%;
  height: 50px;
  font-size: 1.2em;
  }

    .catalogSearchResults .tableGridTabPaneGrid .courseAvailability_available {
      background: #0abab5;
  }


  .sidebar-menu ol, .sidebar-menu ul {
      list-style: none;
  }


  hr {
      display:block;
      height:1px;
      border:0;
      border-top:1px solid #cccccc;
      margin:1em 0;
      padding:0;
  }


  #uc-footer #footer-logo {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 124px;
      height: 124px;
  }


  #mainContentWrapper {
   padding-bottom:240px;
  }


  #mainContentContainer {
    margin-bottom:20px;
  }




  #footermenu {
    padding-top:0px;
  }


  .footer1 {
    margin:0;
  }





  .wcssocial {
    height:40px;
    padding-right:5px;
    margin-bottom:10px;
    margin-top:10px;
  }


  .navbar-nav>li {
    padding-left: 10px;
    padding-right:10px;
  }




  .enrolmgr.courses.certificateRequirements.streamTable .tTitle{
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
          font-size: 12px;
          background-color: #807f83;
          color: #FFFFFF;
          line-height: 24px;
          vertical-align: text-top;
          font-weight: normal;
          padding: 5px;
          padding-left: 10px;
          padding-right: 10px;
  }


  .enrolmgr.courses.certificateRequirements.streamTable .tCell{
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
          font-size: 10pt;
          background-color: #eeeeee;
          color: #000000;
          line-height: 20px;
          padding: 2px;
          padding-left: 10px;
          padding-right: 10px;
          vertical-align: top;
  }


  .alert-warning {
          color: #4f4f4f;
          background-color: #eee;
          border-color:  #8c8c8c;
  }


  #bg-container button.ForwardButtonHover{
      color: #807F83;
  }


  #bg-container button.BackButtonHover{
      color: #807F83;
  }


  #bg-container button.buttonProminentHover{
      color: #807F83;
  }


  #bg-container button.buttonSuperProminentHover{
      color: #807F83;
  }


  #bg-container button.buttonBasicDown,  button.buttonBasicDown{
      color: #807F83;
  }


  #bg-container button.buttonBasicHover,  button.buttonBasicHover{
      color: #807F83;
  }


  #bg-container button.ForwardButtonDown{
      color: #807F83;
  }


  #bg-container button.BackButtonDown{
      color: #807F83;
  }


  #bg-container button.buttonProminentDown{
      color: #807F83;
  }


  #bg-container button.buttonSuperProminentDown{
      color: #807F83;
  }


  .bluepane .required
  {
      font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
      font-size:9pt;
      font-weight: bold;
      color: #807F83;
      padding:0px;
      margin:0px;
  }


  .main .visibilitytrue
  {
          display:table-row;
  }


  button.enroll_in_this_section,
  button.enroll_in_this_sectionHover,
  button.enroll_in_this_sectionDown,
  button.register_button_link,
  button.register_button_linkHover,
  button.register_button_linkDown,
  button.transfer_info_this_section,
  button.transfer_info_this_sectionHover,
  button.transfer_info_this_sectionDown,
  button.join_waitlist,
  button.join_waitlistHover,
  button.join_waitlistDown,
  button.request_information,
  button.request_informationHover,
  button.request_informationDown {
      margin-left: 20px;
      width: auto;
      font-size: 11px;
  }


  a.details, a.next {
      background:url(img/details.gif) no-repeat left 2px;
      padding-right: 14px;
      padding-left: 14px;
      color: #807F83;
  }


  .course_font_override {
      font-size: 11px;
      clear:both;
  }


  .course_font_override h1 {
      font-size: 150%;
    }


  .course_section_profile_font_override h1 {
      font-size: 150%;

  }


  .course_section_profile_font_override h2{

          font-size: 14px;
  }


  .course_section_profile_font_override{
          font-size: 11px;
      font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
      color: #333333;
      clear:both;
      text-align:justify;
  }


  .course_section_profile_font_override .left, .course_section_profile_font_override .right{
          font-size: 11px;
      font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
      color: #333333;
      text-align:left;
  }


  .course_description_font_override h2, .certificate_description_font_override h2{
          font-size: 130%;
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
  }


  .course_description_font_override, .course_description_font_override .content, .certificate_description_font_override {
      font-size: 11px;
      font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
      color: #333333;
      clear:both;
      text-align:justify;
  }


  .course_description_font_override a, .certificate_description_font_override a {
      font-size: 11px;
      font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
  }


  .course_description_font_override .right, .certificate_description_font_override .right
  {
          padding-left: 10px;
          -webkit-box-shadow: -8px 0px 12px 1px rgba(00, 00, 00, 0.15);
          box-shadow: -8px 0px 12px 1px rgba(00, 00, 00, 0.15);
  }


  .course_description_font_override .right p, .certificate_description_font_override .right p{
          text-align:justify;
  }


  .course_description_font_override h1, .certificate_description_font_override h1{
          font-size: 150%;
  }


  .course_description_font_override h3, .certificate_description_font_override h3{
          font-size: 130%;
          color: #4d2482;
          font-weight: bold;
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
  }


  .text {
      height: 14px;
  }


  table#courseScheduleTable {
          width:100%;
  }


  table#courseScheduleTable th{
          font-size: 11px;
          background-color:#cccccc;
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
          color: #333333;
          padding:5px;
          text-align:left;
  }


  table#courseScheduleTable td{
          font-size: 11px;
          background-color:#eeeeee;
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
          color: #333333;
          padding:5px;
  }


  .accordion-section #rightAccordionButton{
          text-align: right;
          padding-right: 20px;
  }


  #RequestTransfer{ width: 128px; }


  #AddGroupByCode{ width: 140px; }


  .sidebar-menu #LOGOUT{
          color: #4F2683;
          font-size: 1em;
          margin-left: -10px;
  }


  .sidebar-menu #LOGOUT div, .sidebar-menu #LOGOUT span{background:#ffffff;}


  .sidebar-menu
  {
          font: 13px/2.0 Arial, Verdana, Helvetica, sans-serif;
  }


  table#newStudentProfileContactInfoTable td{
          padding-right: 10px;
  }


  #instructorForgotNameLink{
         display: none;
  }


  .newUserLoginHeader{
          color: #4d2482;
          font-size: 10pt;
  }


  .portalLogonPanel{
          width:100%;
           border-bottom-width:.75pt;
           border-bottom-style:solid;
           border-bottom-color:#eee;
           margin-bottom: 0.25in;
           padding-bottom: .10in;
  }


  .externalAuth a#forgotUserNameLink {
                  display:none;
  }


  ul.tasks{
          background-color: #ffffff;
  }


  ul.tasks li.checkoutSubNavActive{
          font-weight: bold;
          color: #4F2683;
  }


  ul.tasks li.checkoutSubNavInactive {
          font-weight: normal;
          color: #333333;
  }


  .subpageHeader{
          font-size: 13px;
          color: #333333;
  }


  .tTitle, .myCertificatesHeading, table#applicationProfile thead tr th  {
      font-size: 10.5pt;
      background-color: #ffffff;
      color: #333333;
      font-weight:bold;
      padding:1px;
  }


  .thStudentProfileHeading
  {
          background-color:#cccccc;
          color: #333333;
  }


  .tCell, .myCertificatesRow {
      font-size: 10pt;
      background-color: #ffffff;
      color:#333333;
      padding: 1px;
      font-weight:normal;
  }


  .tableAttributes .thStudentProfileHeading, .tableAttributes .tTitle{
          background-color: #cccccc;
      color:#807F83;
  }


  .tableAttributes td{
      color:#333333;
  }


  .tableAttributes .tCell{
      background-color: #eeeeee;
  }


  .myCourseScheduleRow {
          font-size: 9pt;
      background-color: #ffffff;
      color:#333333;
      padding: 1px;
      font-weight:normal;
  }


  .instructortCell{
      font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
      font-size: 10pt;
      background-color: #eeeeee;
      color:#000000;
      line-height: 20px;
      padding: 2px;
      vertical-align: top;
  }


  form[name="portalStudentProfileForm"], form[name="portalStudentProfileForm"] .BoxBgColor_1, form[name="portalStudentProfileForm"] .content  {
      color: #333333;
      font-weight: normal;
      font-size: 10pt;
  }


  form[name="portalStudentProfileForm"] h4  {
      color: #4F2683;
      font-weight: bold;
      font-size: 100%;
  }


  form[name="publicSpecialRequestForm"] .content a {
          font-weight: bold;
          margin-left: 10pt;
  }


  form[name="publicPaymentReceiptForm"] h1 div {
          text-align:left;
  }


  .clearBG{
          background:none;
      background-color: #ffffff;
  }


  #BackToMyApplication, #SaveandFinishLater, #EnrollNow {
  width: 200px;
  }


  form[name="applicationInstanceForm"] h4 {
          font-size:100%;
  }


  form[name="applicationInstanceForm"] .buttonBorder {
          margin-right:0px;
  }


  #staticSliderContainer img
  {
          position:relative;
          display:block;
          width:865px;
          height:170px;
          overflow: visible;
      margin-bottom:10px;
          top:0px;
          left:0px;
          max-width: none;
      -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
      -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
      box-shadow: 0px 1px 5px 0px #4a4a4a;
  }


  #staticBanner {
      position: relative;
      height: 185px;
      clear: both;
  }


  #staticBanner .slider-wrapper {
      position: absolute;
      top: 0;
      right: 0;
  }

  .hl {
   width: calc(100vw - 8.1px);
   position: absolute;
   margin-left: -50vw;
   height: 100px;
   margin-top: -15px;
   left: 50%;
   box-sizing: border-box;
     }
      .hlapply {
          background-color:#4F2683;
          text-align:center;
      }
      .hlapply img {
         padding-top:10px;
         padding-bottom:10px;
         width:250px;
      }
      .hlmenu {
          text-align:center;
      list-style: none;
      display: inline-block;
      padding-left: 0px;
      width:100%;
      background-color: #eee;

      }
      .hlmenu li {
          float: left;
          width:20%;
          vertical-align:middle;
          margin-top:-5px;
          padding-top:20px;
          padding-bottom:15px;
      }
      .hlmenu li:hover {
      border-bottom: 4px solid #fff;
      padding-bottom: 15px;
      padding-top: 9px !important;
      }
      .hloverlay {
       position:absolute;
       top:100px;
       background: rgba(255, 255, 255, 0.8);
       padding-left:10%;
       padding-top:10px;
        box-shadow: 1px 5px 5px rgba(100, 100, 100, 0.5);
      }

      .hloverlay h2 {
          width:90%;
          text-align:right;
          font-size:40px;
      }
      .hloverlay h3 {
          text-align:right;
          width:90%;
          font-size:24px;
      }

      .hlbold {
          font-weight:600;
      }

       .hlfoot {
          background-color: rgba(228, 228, 228);
          width: 100%;
          padding:30px;
          text-align:center;
      }

      #hlpad {
  height:600px;position:relative;z-index:-100
      }

      .hlgrey {
          background-color:#F2F2F2;
          text-align:center;
          width:400px;
          margin:auto;
          padding:20px;
          margin-bottom:20px;
      }
      .hlgrey h3 {
          color:#4f2b81;
          font-size:32px;
          font-weight:200;
      }
      .hlgrey p {
          color: #807F83;
          font-weight:200;
          font-size:16px;
      }
      .hlstat {
          color:#4f2b81;
          font-size:84px;
          font-weight:200;
      }


  table#transaction .content{
          text-align:left
  }


  .separator {
          border-bottom-width: .75pt;
          border-bottom-style: solid;
          border-bottom-color: #eee;
          background-color: #ffffff;
  }


  #twitterfeed {
          float: right;
          width: 235px;
          margin: 10px 0 10px 15px;
  }


  #tabwrapper {
          width:685px;
  }


  #tabs {
          padding-top:5px;
  }


  #tabs li {
          float:left;
          list-style:none;
          border-top:1px solid #ccc;
          border-left:1px solid #ccc;
          border-right:1px solid #ccc;
          margin-right:5px;
          border-top-left-radius:3px;
          border-top-right-radius:3px;
          -moz-box-shadow:0 -2px 2px #dadada;
          -webkit-box-shadow:0 -2px 2px #dadada;
          box-shadow:0 -2px 2px #dadada;
  }


  #tabs li a {
          font-size:13px;
          font-weight:bold;
          color: #4d2482;
          padding:7px 14px 6px 12px;
          display:block;
          background:#FFFFFF;
          border-top-left-radius:3px;
          border-top-right-radius:3px;
          text-decoration:none;
          background:-moz-linear-gradient(top, #ebebeb, white 10%);
          background:-webkit-gradient(linear, 0 0, 0 10%, from(#ebebeb), to(white));
          border-top:1px solid white;
          text-shadow:-1px -1px 0 #fff;
          outline:none;
  }


  #tabs li a:hover, #tabs li a.inactive:hover {
          border-top:1px solid #dedede;
          color:#000000;
  }


  #tabs li a.inactive {
          color:#666666;
          background:-moz-linear-gradient(top, #dedede, white 75%);
          background:-webkit-gradient(linear, 0 0, 0 75%, from(#dedede), to(white));
          border-top:1px solid white;
  }


  .tabcontainer {
          clear:both;
          padding:14px;
          width:680px;
          background-color:#fff;
          text-align:left;
          border:1px solid #ccc;
  }


  table#discountCouponCodeInfo{
          margin-left: 10px;
  }


  .mega-group{
      list-style: none;
  }


  p.paging {
      font-size:16px;
      word-spacing: 0px;
  }


  .paging a{
          font-size:14px;
          font-weight:normal;
  }


  #uc-middle #uc-center-column.withRightColumn {
  width: 450px;
  }


  .calendar .title {
          width:auto;
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
          font-size: 16px;
          font-weight: bold;
          color: #000000;
  }


  .calendar td, th {
          font-size: 11px;
  }


  .calendar {
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
          line-height: 16px;
  }


  form[name="applicationInstanceForm"] table fieldset.nopadding legend{
          width:98%;
  }


  #NextPage, #PreviousPage {
          width: 140px;
  }


  #SaveAndContinue {
          width: 159px;
  }


  #ResetthisPage{
          width: 80px;
  }


  #PreviousPage{
          float:left;
          clear:left;
  }


  #SavethisPage{
          float:left;
  }




   #NextPage {
           float:right;
           clear:right;
   }


  form#studentLogonForm table#newUserRegistration {
      margin-top: -40px;
  }


  form#studentLogonForm div#logonForm {


      margin-bottom: -40px;


  }

  .alt-title {font-weight:bold; font-family: 'Benton Sans Med',sans-serif !important;}
  .bg-western {background-color: #4f2a86;}
  .bg-western2 {background-color: #0abab5;}
  .bg-western3 {background-color: #8c8c8c;}
  .bg-westernw {background-color: #fff; -webkit-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.25); box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.25);}
  .text-western {color: #4f2a86;}
  .bg-westernw .card-title {font-size:28px;}
  .mb-3 a:hover {background-color:#0abab5;border-color:#0abab5;}
  .mb-4 a {color:#fff;}
  .mb-4 a:visited {color:#fff;}
  .mb-4 a:hover {background-color:#fff;border-color:#fff;color:#4f2a86;}
  .mb-5 a {background-color: #4f2a86;border-color: #4f2a86;color:#fff;}
  .mb-5 a:visited {background-color: #4f2a86;border-color: #4f2a86;color:#fff;}
.mb-5 a:hover {background-color: #fff;border-color: #4f2a86;color:#4f2a86;}


/* BIG DEVICE */

@media only screen and (min-width: 1500px) {
.slidebanner {
  height:500px;
}
}

  /* Small Devices, Tablets */

  @media only screen and (max-width : 991px) and (min-width : 769px) {
    .dropdown-menu {
      margin-top: 40px;
    }

    .menu2, .menu3, .menu4 {
      margin-top: 13px !important;
    }
  }



/* msx-width : 992px */
     @media only screen and (max-width : 768px) {

       #footer_email {
         display:block;
       }

       #headersearchbox {
      /* 	position:relative !important; */
        left: 20px !important;
  /*  margin-top: -63px !important;
        margin-left:5px !important; */
        z-index:100;
       }

  body#pagePublicHome #headersearchbox {
  /*  position:relative !important; */
   left: 20px !important;
  /*margin-top: -63px !important;
   margin-left:5px !important; */
   z-index:100;
  }


       #wcslogo {
         width:120%;
       }


       .navbar-nav>li {
         padding-left: 0px !important;
         padding-right:0px !important;
  color:#333 !important;
       }


  .navbar-default.navbar-light.bg-light {
    background-color: #4F2683 ;
    border-color:  #4f2e84;
  }


  #footergrey h1 {
      text-align: center;
  }


  .navbar-nav {
    margin: 0px -15px;
          background-color: #efefef;
  }


  .nav>li {
    background: #efefef;
    border: 1px solid #ccc;
  }


  .navbar-default.navbar-light.bg-light .navbar-nav>li>a {
    color: #777 !important;
  }


  .nav.navbar-nav li.divider.dropdown-divider {
    margin: 0px 0;
  }


  .navbar-default.navbar-light.bg-light .navbar-toggle.navbar-toggler {
    border-color: #8460B3; background-color: #efefef;
  }


  .navbar-default.navbar-light.bg-light .navbar-toggle.navbar-toggler .icon-bar {
    background-color: #fff;
  }

  .widemenu {
    width: 100%;
/*    margin-top:13px; */
    padding:0px;
    padding-left:0px;
  }

  .widemenuhead {
    display:none;
    visibility: hidden;
  }

  .dropdown-menu div {
    margin-left:0px;
  }

  .dropdown-menu div.col {
    flex-basis:revert !important;
  }

#widemenuc2 {
  margin-top:0px !important;
 margin-left:-10px !important;
  padding-left:0;
}
#widemenuc3 {
margin-top:0px !important;
}

.widemenubutton {
  border:0px;
  padding:0px;
  padding-bottom:5px;
  margin:0px;
  margin-left:-10px !important;
}

.widemenubutton a, .widemenubutton a:visited {
    color: #333 !important;
    padding:5px !important;
    font-weight: 400 !important;
}

.widemenubutton:hover {
background-color: #cccccc !important;
}

.widemenuitem:hover {
background-color: #cccccc !important;
padding-left:11px;
padding-right:0px;
margin-left: -7px;
}

  .centrepiece  {
    width: 75%;
    margin: 0 auto;
  }


  #pageheader {
      border-bottom: 1px #bbb solid;
      margin-top: 1px;
      padding: 8px 0 4px 12px;
      color: #4e2583;
    }


    #mainContentWrapper {
       padding-bottom:20px;
    }



  /* h1 {
  font-size: 150%;
  letter-spacing: 0.3px;
  margin: 5px 0 10px 0px;
  padding: 5px 5px 5px 0px;
  line-height: 1.4em;
  } */


  #pageHeaderActions, #sidebar1Wrapper {
    margin-top:0;
  }


  #contentHeader {
      border-bottom: 0;
      padding-bottom: 0px;
      margin-bottom:0px;
  }


  h2 {
    color: #4e2583;
  font-size: 120%;
  letter-spacing: 0.3px;
  margin: 5px 0 10px 0px;
  padding: 5px 5px 5px 0px;
  line-height: 1.4em;
  }


  h5 {
    text-transform: uppercase;
      font-size: 110%;
  }


  .hidden-xs, .hidden {
  height:0 !important;
  }


  .headerActions {
      float: right;
      margin-top: 0px;
  }


  .studentProfileCredentialPanel {
  display: none;
  }


  .studentProfileEducationCredentialContainer {
  display: none;
  }


  .catalogSearchResults .tableGridTabPaneList .noImage {
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
  }


  .panel-info>.panel-heading.card-header {
     color:#807F83;
     background-color:#ccc;
  }


  #applicationProfileListingTable tr td {
    display:block;
    white-space: normal !important;
  }


  #programStreamCourses tr td {
   display:block;
   white-space: normal !important;
  }


  #certificateOfficalDescription {
    margin-top:10px;
  }
  }




  body  {
      background-color: #ffffff;
      /* font: 14px/1.5 Arial, Verdana, Helvetica, sans-serif; */
      font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif !important;
      font-size: 16px/1.5;
  line-height: 1.5;
  }


  .btn-secondary, .btn-primary {
    color: #fff;
    background-color: #4E2583;
    border-color: #ccc;
    }


   .sectionDates  {
    text-color: #fff;
   }
  .certBundleInfo .labelSpanStyle:after {display:none; visibility:hidden;}


  .navbar-light.bg-light.navbar-light.bg-light .navbar-nav>li>a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 110%;
  }


  .navbar-light.bg-light.navbar-light.bg-light .navbar-nav>li>a:hover {
  color: #0abab5; /* #029feb  */
  }


   .navbar-dark.bg-dark, .navbar-light.bg-light.navbar-light.bg-light .navbar-collapse, .navbar-light.bg-light.navbar-light.bg-light .navbar-form, .navbar-light.bg-light, #header3 {
  background-color: inherit !important;
  border:none;
  }


  h1, h2, h3, h4, h5, h6 {
  /*    color: #4d2482;
      font-weight: bold; */
      padding-top: 5px;
      padding-bottom: 5px;
  }


  table#courseSearchResult tr{ background: #eeeeee }


  table#courseSearchResult tr.odd { background: #ddd }


  table#courseSearchResult tr.dropdown-divider.dropdown-divider td { background:#D1D5D8; height:2px; padding:0 }


  table#courseSearchResult tr.alt td { background: #F5F5F6 }


  table#courseSearchResult th.tight, table td.tight { padding:0 }


  table#courseSearchResult th[align="right"] { text-align:right }


  table#courseSearchResult th[align="center"] { text-align:center }


  table#courseSearchResult th[valign="bottom"] { vertical-align:bottom }


  table#courseSearchResult th a, table#courseSearchResult th a:link,table#courseSearchResult th a:visited,table#courseSearchResult th a:active { color: white; }


  table#courseSearchResult th a, table#courseSearchResult th a:link{
  color: #333 !important;
  }


  table#classListItemVO thead th {font-size:11px; color:#807F83; line-height:22px; padding: 0 6px }


  table#classListItemVO th, #classListItemVO thead td { background:#cccccc; color:#807F83; text-align:left }


  .UWOTable td, .UWOTable th { border:none; line-height:14px; padding:6px; font-size:11px; vertical-align:top; padding: 6px; color: #333333;}


  .UWOTable th, .UWOTable thead td { background:#cccccc; color:#333333; text-align:left; font-weight: bold; }


  .UWOTable thead th {font-size:11px; color:#ffffff; line-height:22px; padding: 0 6px }


  .UWOTable tbody th { background:#eeeeee; color:#333333; text-align:left; font-weight: bold; }


  .UWOTable tr { background:#EEEEEE;}


  .UWOTable tr.dropdown-divider.dropdown-divider td { background:#D1D5D8; height:2px; padding:0 }


  .UWOTable tr.alt td { background: #F5F5F6 }


  .UWOTable th.tight, .UWOTable table td.tight { padding:0 }


  .UWOTable th[align="right"] { text-align:right }


  .UWOTable th[align="center"] { text-align:center }


  .UWOTable th[valign="bottom"] { vertical-align:bottom }


  .UWOTable th a, .UWOTable th a:link, .UWOTable th a:visited, .UWOTable th a:active { color: white; }


  .UWOTable tbody tr.even th {background: #eeeeee;}


  .card-info>.card-header.card-header {
      color: #807F83;
      background-color: #d9d9d9; /* #777 */
      border-color: #ccc;
    }


    .card-info.card-info {
      border-color:#ccc;
    }


    .card.card-body.card.card-body {
      background: #eee;
      border-bottom: 1px #bbb solid;
      text-transform: uppercase;
      margin-top: 1px;
      padding: 8px 0 4px 12px;
      color: #4e2583;
    }


    .card.card-body.card.card-body h2, .sectionHeader h2 {
    letter-spacing: 0.3px;
    margin: 5px 0 10px 0px;
    padding: 5px 5px 5px 0px;
    line-height: 1.4em;
    }


    .catalogSearchResults .tableGridTabPaneGrid .courseAvailability_available {
      background: #0abab5;
  }


  .cc-message a, .cc-message a:visited {
  color: #0abab5 !important;
  }


  #footergrey h1 {
    color: #fff;
      font-size: 1.5em;
      font-weight: 600;
      margin-top: 10px;
      text-align: right;
  }


  #footerpurple {
    text-align: center;
  }


      #footermenu ul {
          margin-left: -20px;
      }


      #westernfooter {
                margin-left: -20px;
      }


      .poweredByDestinyOne {
        left:100%;
      }


      .poweredByDestinyOne img {
          margin-bottom: 70px !important;
          margin-left: -120px !important;
      }


      .poweredByDestinyOneWrapper {
        min-height:0px;
      }


  #csReturnToResults {
          margin-bottom: 10px;
          position: absolute;
          right: 2px;
  }


  #bg-container button.buttonBasicHover{
      color: #807F83;
  }


  #bg-container button.BackButtonHover{
      color: #807F83;
  }


   #NextPage {
           float:right;
           clear:right;
   }


  /* Small Devices, Tablets */


     @media only screen and (max-width : 768px) {


       #wcslogo {
         width:120%;
       }


       .navbar-nav>li {
         padding-left: 0px !important;
         padding-right:0px !important;
   color:#333 !important;
       }


  .navbar {
    margin-bottom:0px !important;
    min-height:30px !important;
  }


  .navbar-nav {
    margin: 0px -15px;
  }


  .nav>li {
    background: #efefef;
    border: 1px solid #ccc;
  }


  .navbar-light.bg-light.navbar-light.bg-light .navbar-nav>li>a {
    color: #777 !important;
    padding-left:5px;
  }


  .nav.navbar-nav li.dropdown-divider.dropdown-divider {
    margin: 0px 0;
  }


  .navbar-light.bg-light.navbar-light.bg-light .navbar-toggler.navbar-toggler {
    border-color: #8460B3; background-color: #efefef;
  }


  .navbar-light.bg-light.navbar-light.bg-light .navbar-toggler.navbar-toggler .icon-bar {
    background-color: #fff;
  }


  .centrepiece  {
    width: 75%;
    margin: 0 auto;
  }


  #pageheader {
      border-bottom: 1px #bbb solid;
      margin-top: 1px;
      padding: 8px 0 4px 12px;
      color: #4e2583;
    }


    #mainContentWrapper {
       padding-bottom:20px;
    }




  /* h1 {
  font-size: 150%;
  letter-spacing: 0.3px;
  margin: 5px 0 10px 0px;
  padding: 5px 5px 5px 0px;
  line-height: 1.4em;
  } */


  #pageHeaderActions, #sidebar1Wrapper {
    margin-top:0;
  }


  #contentHeader {
    /* hiding spacing under the course title on the course display, make sure it's not hurting anything else */
      border-bottom: 0;
      padding-bottom: 0px;
      margin-bottom:0px;
  }


  h2 {
  color: #4e2583;
  font-size: 120%;
  letter-spacing: 0.3px;
  margin: 5px 0 10px 0px;
  padding: 5px 5px 5px 0px;
  line-height: 1.4em;
  }


  h5 {
    text-transform: uppercase;
      font-size: 110%;
  }


  .hidden-xs, .hidden {
  height:0 !important;
  }


  .headerActions {
      float: right;
      margin-top: 0px;
  }


  .studentProfileCredentialPanel {
  display: none;
  }


  .studentProfileEducationCredentialContainer {


  display: none;


  }




  .catalogSearchResults .tableGridTabPaneList .noImage {
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
  }


  .card-info>.card-header.card-header {
     color:#807F83;
     background-color:#ccc;
  }


  #applicationProfileListingTable tr td {
    display:block;
    white-space: normal !important;
  }


  #programStreamCourses tr td {
   display:block;
   white-space: normal !important;
  }


  #certificateOfficalDescription {
    margin-top:10px;


  }
  }




  #cartInfo {
      text-align: right !important;
      padding-top:10px;
  }


  .btn-secondary, .btn-primary {
    color: #fff;
    background-color: #4E2583;
    border-color: #ccc;
    }


   .sectionDates  {
    text-color: #fff;
   }


  .navbar-light.bg-light.navbar-light.bg-light .navbar-nav>li>a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 110%;
  }


  .navbar-light.bg-light.navbar-light.bg-light .navbar-nav>li>a:hover {
  color: #0abab5; /* #029feb  */
  }


   .navbar-dark.bg-dark, .navbar-light.bg-light.navbar-light.bg-light .navbar-collapse, .navbar-light.bg-light.navbar-light.bg-light .navbar-form, .navbar-light.bg-light, #header3 {
  background-color: inherit !important;
  border:none;
  }


  table#courseSearchResult tr{ background: #eeeeee }


  table#courseSearchResult tr.odd { background: #ddd }


  table#courseSearchResult tr.dropdown-divider.dropdown-divider td { background:#D1D5D8; height:2px; padding:0 }


  table#courseSearchResult tr.alt td { background: #F5F5F6 }


  table#courseSearchResult th.tight, table td.tight { padding:0 }


  table#courseSearchResult th[align="right"] { text-align:right }


  table#courseSearchResult th[align="center"] { text-align:center }


  table#courseSearchResult th[valign="bottom"] { vertical-align:bottom }


  table#courseSearchResult th a, table#courseSearchResult th a:link,table#courseSearchResult th a:visited,table#courseSearchResult th a:active { color: white; }


  table#courseSearchResult th a, table#courseSearchResult th a:link{
  color: #333 !important;
  }


  table#classListItemVO thead th {font-size:11px; color:#807F83; line-height:22px; padding: 0 6px }


  table#classListItemVO th, #classListItemVO thead td { background:#cccccc; color:#807F83; text-align:left }


  .UWOTable td, .UWOTable th { border:none; line-height:14px; padding:6px; font-size:11px; vertical-align:top; padding: 6px; color: #333333;}


  .UWOTable th, .UWOTable thead td { background:#cccccc; color:#333333; text-align:left; font-weight: bold; }


  .UWOTable thead th {font-size:11px; color:#ffffff; line-height:22px; padding: 0 6px }


  .UWOTable tbody th { background:#eeeeee; color:#333333; text-align:left; font-weight: bold; }


  .UWOTable tr { background:#EEEEEE;}


  .UWOTable tr.dropdown-divider.dropdown-divider td { background:#D1D5D8; height:2px; padding:0 }


  .UWOTable tr.alt td { background: #F5F5F6 }


  .UWOTable th.tight, .UWOTable table td.tight { padding:0 }


  .UWOTable th[align="right"] { text-align:right }


  .UWOTable th[align="center"] { text-align:center }


  .UWOTable th[valign="bottom"] { vertical-align:bottom }


  .UWOTable th a, .UWOTable th a:link, .UWOTable th a:visited, .UWOTable th a:active { color: white; }


  .UWOTable tbody tr.even th {background: #eeeeee;}


  .card-info>.card-header.card-header {
      color: #807F83;
      background-color: #d9d9d9; /* #777 */
      border-color: #ccc;
    }


    .card-info.card-info {
      border-color:#ccc;
    }


    .card.card-body.card.card-body {
      background: #eee;
      border-bottom: 1px #bbb solid;
      text-transform: uppercase;
      margin-top: 1px;
      padding: 8px 0 4px 12px;
      color: #4e2583;
    }


    .card.card-body.card.card-body h2, .sectionHeader h2 {
    letter-spacing: 0.3px;
    margin: 5px 0 10px 0px;
    padding: 5px 5px 5px 0px;
    line-height: 1.4em;
    }


    .catalogSearchResults .tableGridTabPaneGrid .courseAvailability_available {
      background: #0abab5;
  }




  #footergrey {
        background-color: #8c8c8c;
  }


  .enrolmgr.courses.certificateRequirements.streamTable .tCell{
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
          font-size: 10pt;
          background-color: #eeeeee;
          color: #000000;
          line-height: 20px;
          padding: 2px;
          padding-left: 10px;
          padding-right: 10px;
          vertical-align: top;
  }


  #bg-container button.BackButtonHover{
      color: #807F83;
  }


   #NextPage {
           float:right;
           clear:right;
   }


  /* Small Devices, Tablets */
  @media only screen and (max-width : 1024px) {
  .hlgrey {
    width:300px;
   }
  }

     @media only screen and (max-width : 768px) {

       .hl {
      width: 100vw;
        }
         .hlmenu {
         display: block;
           padding-bottom:20px;
           text-align:left;
            background-color: #fff !important;
            margin-left:0%;
            margin-right:0%;
            }
            .hlmenu li {
             width:100%;
            background-color: #eee;
            padding-top:9px;
            padding-bottom:9px;
            padding-left:10%;
             border-top: 2px solid #fff !important;
         }
          .hloverlay {
       position:relative;
       top:0;
       box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5);
         }
         .hloverlay h2 {
             width:100%;
             text-align:left;
         }
         .hloverlay h3 {
             text-align:left;
             width:100%;
         }
      #hlpad {
     height:750px;
         }
         .hlgrey {
             width:90%;
            }
         .hlstat {
         font-size:50px !important;
         }

       #wcslogo {
         width:120%;
       }


       .navbar-nav>li {
         padding-left: 0px !important;
         padding-right:0px !important
        color:#333 !important;
       }


  .navbar-nav {
    margin: 0px -15px;
          background-color: #efefef;
  }


  .navbar-light.bg-light.navbar-light.bg-light .navbar-toggler.navbar-toggler {
    border-color: #8460B3;
    background-color: #efefef;
  }


    #mainContentWrapper {
       padding-bottom:20px;
    }


  h5 {
    text-transform: uppercase;
      font-size: 110%;
  }


  #certificateOfficalDescription {
    margin-top:10px;
  }
  }


  .btn-secondary, .btn-primary {
    color: #fff;
    background-color: #4E2583;
    border-color: #ccc;
    }


   .sectionDates  {
    text-color: #fff;
   }


  .navbar-light.bg-light.navbar-light.bg-light .navbar-nav>li>a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 110%;
  }


  .navbar-light.bg-light.navbar-light.bg-light .navbar-nav>li>a:hover {
  color: #0abab5; /* #029feb  */
  }


   .navbar-dark.bg-dark, .navbar-light.bg-light.navbar-light.bg-light .navbar-collapse, .navbar-light.bg-light.navbar-light.bg-light .navbar-form, .navbar-light.bg-light, #header3 {
  background-color: inherit !important;
  border:none;
  }


  table#courseSearchResult tr{ background: #eeeeee }


  table#courseSearchResult tr.odd { background: #ddd }


  table#courseSearchResult tr.dropdown-divider.dropdown-divider td { background:#D1D5D8; height:2px; padding:0 }


  table#courseSearchResult tr.alt td { background: #F5F5F6 }


  table#courseSearchResult th.tight, table td.tight { padding:0 }


  table#courseSearchResult th[align="right"] { text-align:right }


  table#courseSearchResult th[align="center"] { text-align:center }


  table#courseSearchResult th[valign="bottom"] { vertical-align:bottom }


  table#courseSearchResult th a, table#courseSearchResult th a:link,table#courseSearchResult th a:visited,table#courseSearchResult th a:active { color: white; }


  table#courseSearchResult th a, table#courseSearchResult th a:link{
  color: #333 !important;
  }


  table#classListItemVO thead th {font-size:11px; color:#807F83; line-height:22px; padding: 0 6px }


  table#classListItemVO th, #classListItemVO thead td { background:#cccccc; color:#807F83; text-align:left }


  .UWOTable td, .UWOTable th { border:none; line-height:14px; padding:6px; font-size:11px; vertical-align:top; padding: 6px; color: #333333;}


  .UWOTable th, .UWOTable thead td { background:#cccccc; color:#333333; text-align:left; font-weight: bold; }


  .UWOTable thead th {font-size:11px; color:#ffffff; line-height:22px; padding: 0 6px }


  .UWOTable tbody th { background:#eeeeee; color:#333333; text-align:left; font-weight: bold; }


  .UWOTable tr { background:#EEEEEE;}


  .UWOTable tr.dropdown-divider.dropdown-divider td { background:#D1D5D8; height:2px; padding:0 }


  .UWOTable tr.alt td { background: #F5F5F6 }


  .UWOTable th.tight, .UWOTable table td.tight { padding:0 }


  .UWOTable th[align="right"] { text-align:right }


  .UWOTable th[align="center"] { text-align:center }


  .UWOTable th[valign="bottom"] { vertical-align:bottom }


  .UWOTable th a, .UWOTable th a:link, .UWOTable th a:visited, .UWOTable th a:active { color: white; }


  .UWOTable tbody tr.even th {background: #eeeeee;}


  .card-info>.card-header.card-header {
      color: #807F83;
      background-color: #d9d9d9; /* #777 */
      border-color: #ccc;
    }


    .card-info.card-info {
      border-color:#ccc;
    }


    .card.card-body.card.card-body {
      background: #eee;
      border-bottom: 1px #bbb solid;
      text-transform: uppercase;
      margin-top: 1px;
      padding: 8px 0 4px 12px;
      color: #4e2583;
    }


    .card.card-body.card.card-body h2, .sectionHeader h2 {
    /* recreating the grey/purple separators on Western's site.  I currently have put .sectionHeader h2 in here but we might need to change that */
    /*font-size:  120%; */
    letter-spacing: 0.3px;
    margin: 5px 0 10px 0px;
    padding: 5px 5px 5px 0px;
    line-height: 1.4em;
    }


    .catalogSearchResults .tableGridTabPaneGrid .courseAvailability_available {
      background: #0abab5;
  }




  .enrolmgr.courses.certificateRequirements.streamTable .tCell{
          font-family: 'Benton Sans Bk', Arial, Verdana, Helvetica, sans-serif;
          font-size: 10pt;
          background-color: #eeeeee;
          color: #000000;
          line-height: 20px;
          padding: 2px;
          padding-left: 10px;
          padding-right: 10px;
          vertical-align: top;
  }


  #bg-container button.BackButtonHover{
      color: #807F83;
  }


  .fw-banner {
          min-height: 50px;
          width: 100vw;
          position: relative;
          left: 50%;
          right: 50%;
          margin-left: -50vw;
          margin-right: -50vw;
  }


   #NextPage {
           float:right;
           clear:right;
   }


  /* Small Devices, Tablets */


     @media only screen and (max-width : 768px) {

       #headersearchbox {
  /*      position:relative !important; */
        left: 20px !important;
  /*  margin-top: -63px !important;
        margin-left:5px !important; */
       }

  .mobbanner {
    display: block;
  }

  .deskbanner {
    display: none;
  }

       #wcslogo {
         width:120%;
       }


       .navbar-nav>li {
         padding-left: 0px !important;
         padding-right:0px !important;
  color:#333 !important;
       }


       /* main dropdown menu */


       .navbar-header {
         background: #4F2683;
       }


  .navbar-light.bg-light.navbar-light.bg-light {
    background-color: #4F2683 ;
    border-color:  #4f2e84;
  }



    #mainContentWrapper {
       padding-bottom:20px;
    }




  h5 {
    text-transform: uppercase;
      font-size: 110%;
  }


  #certificateOfficalDescription {
    margin-top:10px;
  }

  }

  #footer_main{
    max-width: 100%;
    background-color: #4F2683;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 10px ;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-family: 'Benton Sans Med', sans-serif !important;
    font-size: 16px;
    padding-top: 45px;
    padding-bottom: 80px;
  }
  #footer-left{
    display:flex;
    flex-direction: column;
    /* justify-content: space-around; */
  }
  #footer-right{
    display: flex;
      flex-direction: column;
      align-items: flex-start;
    max-width: 220px;

  }

  #footer-right span{
    color: white;
  }


  #col-sm img {
    max-width: 45px;
    height: auto;
    padding: 0px 5px 20px 5px ;
  }


  #wcssocial, #col-sm, #col-sm img{
    background-color: #4F2683;
  }

  #footerpurple{
    max-width: 500px;
    padding: 0px 0px 10px 0px;
  }

  #col-sm img:hover {
    opacity: 0.5;
    cursor: pointer;

  }
  #map img {
    color: white;
  }
  #map, #map a, #footer-right a{
    color: white;
    text-decoration: none;
  }
  #foots{
    flex-wrap: wrap;
  }

  #footer-link {
    margin-right: 20px;
    text-decoration: none; /* Removes the underline */
    color: white; /* Changes the text color */
  }

  #footer-link:not(:last-child)::after {
    color: white;
    content: '|';
    margin-left: 20px; /* Adjust the value as needed */
  }


  #map{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  @media (max-width: 768px) {

    #footer_main {
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    #col-sm img {
      padding:0px 5px ;
    }

    #footer-left,
    #footer-right {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    #footer-right{

      max-width: 300px;
    }
    #map{
      padding-top: 5px;
    }

    #footer-left #footergrey{
      margin-bottom: 10px;
    }

    #footer-link {
      display: block;
      text-align: center;
      margin-bottom: 10px; /* Adjusted for better spacing */
    }

    #footer-link:not(:last-child)::after {
      content: '';
      margin-left: 0;
    }

  }

  #footer{
    display : none !important;
  }

#apply-btn{

  /* font setting */
  font-family: 'Benton Sans Bk', sans-serif !important;
  --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  color:white;
  font-size: 1rem;
  font-weight: 400;
  /* link setting */
  text-decoration:none;

  /* content setting */
  text-align: center;
  vertical-align: middle;
  display: inline-block;

  /* border setting */
  border-radius: 10px;
  line-height: 1.5;
  background:#4F2683;
  border: 1px solid transparent;
  box-sizing: border-box;
  padding: 0.375rem 0.75rem;
  border: 1px solid #4F2683;
  border-radius: 0.25rem;

  /* Transition setting */
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

#apply-btn:hover{
color:purple;
background:white;
}

#resumebox h2, #resumebox h2> a {
font-size:30px;
}

@media only screen and (max-width: 768px) #resumebox h2{
font-size:30px;
}