@charset "UTF-8";
/*  

  jWARNING: THIS FILE WAS AUTOMATICALLY GENERATED  - IT WILL BE OVERWRITTEN --- 

       FYI: This was generated by './node_modules/.bin/gulp style'.  

       Hint: Make your own sass generated files by adding 'style_XYZ.scss' in your favorite location. A file names 'style_XYZ.css' will be generated right next to it.

*/
/* For Activities */
/* very top header */
.Registration_EventHeader {
  font-size: 5rem;
  /*font-weight: bold;*/ }

/* [ Sneak-Peaks | Registration ], when present */
.Registration_StageTabs {
  padding-top: 50px; }

/* Filters */
.RegistrationFilter_label {
  min-width: 100px;
  display: inline-block;
  font-size: 120%;
  font-weight: bold; }

.RegistrationFilter_aChoice {
  display: inline-block; }

.RegistrationFilter_aChoice_ofGrade {
  min-width: 45px; }

.RegistrationFilter_aChoice_ofDay {
  min-width: 90px; }

/* filter submit */
.Registration_filter_submit {
  width: 100%;
  float: right; }

.Registration_filter_submit_buttom {
  float: right; }

/* Location */
.Registration_Group_asMajorBlock {
  margin-bottom: 50px; }

.RegistrationGroupBy {
  /* Like, Butler ES  - just that top line*/
  display: block; }

.RegistrationGroupByLabel {
  font-size: 4em;
  font-weight: normal;
  display: inline; }

.RegistrationGroupByValue {
  font-size: 4rem;
  font-weight: bold;
  display: inline; }

.RegistrationGroupByLocationAddress {
  padding-top: 10px;
  padding-bottom: 10px;
  text-indent: 40px; }

/* the classes at each location */
.Registration_table {
  margin-bottom: 5px; }

.Registration_course_row {
  vertical-align: top; }

.RegistrationCellHeader_isDay {
  width: 50px; }

/* each classes */
.RegistrationCell_course_id {
  color: gray; }

.RegistrationCell_course_day {
  text-align: center; }

.RegistrationCell_course_does_not_meet_this_day {
  color: lightgray; }

.Registration_message {
  color: gray; }

/* after list of classes */
.Registration_event_submit {
  width: 100%;
  align: right;
  float: right; }

.Registration_event_submit_button {
  float: right; }

/* Input boxes */
/* on Catalog page - day of week it meets*/
.RegistrationCell_course_maybe_meet_this_day.RegistrationCell_course_does_meet_this_day {
  font-weight: bold;
  color: forestgreen;
  font-size: 150%; }

/* the cell headers above the days */
.RegistrationCellHeader_isDay {
  width: 2.5em;
  /* Keep them consistent */ }

.part {
  white-space: nowrap; }

/* the complex values in the cell */
.RegistrationCellValue {
  margin-bottom: 0px !important;
  /*overcome theme default */ }

.RegistrationFilter_label {
  text-align: center;
  width: 100%; }

.RegistrationFilter_theChoices {
  text-align: center; }

/* Fix issue where text boxes were a smidge off */
.RegistrationFilter_aChoice > input {
  vertical-align: 10%; }

.Registration_Input_Checkbox > input {
  vertical-align: 10%; }

.Registration_Input_Checkbox.LaunchPad {
  white-space: nowrap; }

.RegistrationCellValue.verboseStartDate {
  white-space: nowrap; }

/* -------------- The actual sign-up page ----------------------------------------------------------------------------*/
.Registration_form_about_block {
  /*position: relative;  part of absolute position of Registration_form_description_image in top right */ }

/*.Registration.rowTitle {
    color:black;
    font-weight: bold;
}*/
.Registration_form_description_image {
  /* put in top right of parent block:
  http://stackoverflow.com/questions/2842368/how-to-place-last-div-into-right-top-corner-of-parent-div-css
  http://stackoverflow.com/questions/7282236/placing-an-image-to-the-top-right-corner-css <-- overwrite text
  Note: the parent block need to relative
  http://www.inmotionhosting.com/support/edu/website-design/insert-images-website/align-float-images-css
  <img style="float: right; margin: 0px 0px 15px 15px;" src="/support/image/your-image.png" width="100" />
  Oh well, I'm having to list image first cuz couldn't get it to go up.
  */
  float: right;
  margin: 0px 0px 15px 15px; }

/* -------------- Course Description Page ----------------------------------------------------------------------------*/
.EtacCptCourse_about_block_about_block {
  /*position: relative;  part of absolute position of Registration_form_description_image in top right */ }

.EtacCptCourse_description_image {
  float: right;
  margin: 0px 0px 15px 15px; }

/* Giant image above the boxes */
.entry-image-link {
  display: none; }

/* -------------- Course Catalog --------------------------------------------------------------------------------------*/
.CourseCatalog_locations {
  display: inline-block;
  /*size: 130%*/ }

.CourseCatalog_locations_label {
  display: inline-block;
  color: darkred;
  font-weight: bold; }

.CourseCatalog_locations_sep {
  display: inline-block; }

.CourseCatalog_locations_values {
  display: inline-block; }

.CourseCatalog_locations_value_sep {
  display: inline-block;
  margin-right: 5px; }

.CourseCatalog_locations_value {
  display: inline-block; }

.CourseCatalog_link_toRegistration {
  display: block; }

/* -------------- Registration Page --------------------------------------------------------------------------------------*/
.Registration_label {
  display: inline;
  font-weight: bold; }

.Registration_labelSeparator {
  display: inline;
  color: gray; }

.Registration_value {
  display: inline; }

.Registration_classCode {
  font-size: 70%;
  font-weight: lighter;
  color: gray;
  display: inline; }

.Registration_iterationBullet {
  font-size: 150%;
  font-weight: bold;
  color: maroon;
  display: inline; }

.Registration_classTitle {
  font-weight: bold;
  font-size: 150%;
  display: inline; }

/* -------- Form ------- */
.Registration_form_block {
  margin-top: 2em; }

.Registration_form_title {
  font-weight: bold;
  font-size: 150%; }

/* placeholders were too dark on firefox*/
::-moz-placeholder {
  /* Firefox 19+ */
  color: #d3d3d3; }

/* ---------- MyPage, mostly ---------- */
.myPageRegistrationStatusBlock {
  margin-top: 1em; }

.myPageRegistrationStatusHeader {
  font-weight: bold;
  font-size: 140%; }

.myPageRegistrationStatusBody {
  margin-left: 4em; }

.myPageRegistrationPaymentOptionsHeader {
  font-weight: bold;
  font-size: 130%;
  margin-top: 0.5em; }

.Registration_Input_Checkbox.RollOut {
  text-decoration: line-through;
  color: lightslategray; }

/* --------------- Course Catalog -------------- */
/* Make the the table not be squat on the Form catalog page */
.CourseCatalog_locations {
  width: 100%; }

.hack_hide_next_article + article {
  display: none; }

/* Lower the z-value of the admin bar so that Stripe's [Test Mode] layer is on top */
#wpadminbar {
  z-index: 9998; }

/* ClsEvent Layout */
#nextButtonHtmlArchiveWrapper {
  display: inline; }

.RosterOps_QuickLists_ClickToRevealEmails_AnotherOfThisClass {
  font-size: 70%;
  font-weight: lighter;
  color: gray; }

.RosterOps_QuickLists_ClassEmails, .RosterOps_QuickLists_RegistrationStatusEmails {
  vertical-align: top; }

.jInstructorView.jTitle {
  font-size: 200%;
  text-align: center; }

.jInstructorView.jShortCode {
  text-align: center;
  text-color: #515dff; }

.jInstructorView.jTitle > .school {
  font-weight: bold; }

.jInstructorView.LastUpdated {
  text-align: center;
  margin-bottom: 20px; }

.jInstructorView > table {
  margin: auto;
  width: 90%;
  border: 3px solid #73AD21;
  padding: 10px;
  border: solid; }

.ProviderWidget_RolloutPhase_Row_Header_Wrapper {
  padding-top: 5px; }

.ProviderWidget_RolloutCount {
  float: right;
  margin-right: 10px; }

.ProviderWidget_EventTable {
  width: 100%; }

.ProviderWidget_EventTable_Wrapper {
  padding-left: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 5px; }

.ProviderWidget_Row_CourseCode {
  font-size: 70%;
  font-weight: lighter;
  color: gray; }

.ProviderWidget_Row_When {
  padding-left: 20px; }

.LessonRow_Download {
  display: block; }

.LessonRow_Download > hr {
  margin-top: 2px;
  margin-bottom: 2px; }

.LessonRow_item {
  float: right; }

.noFile {
  /* visual or handout w/o a download) */
  color: #0044CC;
  background-color: #EEE; }

/* print
 Motivation: print the instructor view
*/
.no-screen {
  display: none; }

.jPrintLink {
  float: right; }

@media print {
  /* fix page breaks
  div { float: none !important; position: static !important; display: inline;
      box-sizing: content-box !important;
  }*/
  div {
    float: none !important;
    position: static !important;
    display: inline; }
  .no-screen {
    display: inline; }
  /* center the title blocks and keep the following table from overlapping*/
  #wpcontent {
    float: none !important;
    display: inline; }
  #wpbody {
    float: none !important;
    display: inline; }
  /*.well { float: none !important; position: static !important; display: inline;    box-sizing: content-box !important; } */
  .jPageBreak {
    page-break-after: always; }
  /* fun fact: right doesn't seem to work */
  #adminmenumain {
    display: none; }
  #wpadminbar {
    display: none; }
  /* hide anything with no-print class */
  .no-print, .no-print * {
    display: none !important; }
  /* force break for printing
  */
  .jPrintBreak:after {
    content: "\000A";
    white-space: pre; }
  body {
    background: white;
    font-size: 8pt !important; }
  /* compress rows */
  td {
    padding-top: 2px !important;
    padding-bottom: 2px !important; } }

/* emails by day */
.DayPhaseSlugEmails_slug {
  display: block;
  font-weight: bold;
  text-decoration: underline; }

/* From themes rtl */
/*body.gradient_blueish {
    background:#d9d9d9 url("./images/bg/gradient_blueish.png") repeat-x 0 0;
}*/
.content {
  background-color: transparent; }

.jFooterTagline {
  margin-top: 10px;
  color: gray; }

.site-image img {
  width: 100px;
  height: 100px;
  display: inline; }

.site-header .site-image img {
  border-radius: 50%;
  display: block;
  height: 100px;
  margin: 0 auto 20px;
  width: 100px; }

/* Admin pages */
/* This hides the 'details' rotator around the submit button on admin pages.
This would work, but it still is clickable - save for future.

#submitdiv span.toggle-indicator {
    display: none;
}
*/
/* Financial Aid insights on RosterOps page */
.finaid_insights.finaid_requested.Registered {
  color: lightslategray; }

/* textarea boxes for input */
.ExtraCatalogHtmlTextArea textarea {
  width: 500px; }

.ExtraCatalogHtmlTextArea input {
  float: right; }

/* Catalog */
.Catalog_Cell_Course .Header {
  text-decoration: underline;
  padding-top: 8px;
  display: inline-block; }

.Catalog_Cell_Course .ClassTitle {
  font-weight: bold; }

.SubDate.nomeeting {
  text-decoration: line-through;
  color: lightslategray; }

.Catalog_Cell_Course .aMonth {
  color: lightslategray; }

.secondaryEntry {
  /* Make a hanging entry */
  padding-left: 35px;
  /* how much 2nd and 3rd rows are indented */
  text-indent: -3%;
  /* Delta with above is how much 1st row is indented */
  display: block; }

.secondaryEntry.no_scheduled_yet {
  color: lightslategray; }

.jNoWrap {
  white-space: nowrap; }

.RosterOps_QuickLists_ClickToRevealEmails_cell.label {
  display: block;
  color: dimgray; }

.RosterOps_QuickLists_ClickToRevealEmails_td.class_name {
  text-align: center;
  font-weight: bold; }

.RosterOps_QuickLists_ClickToRevealEmails_td .taughtBySpan {
  display: block;
  text-align: center;
  font-weight: lighter; }

.RegistrationCell_prettyDuration {
  color: lightslategray;
  display: block;
  font-size: 80%;
  padding-left: 60px; }

.RegistrationCell_prettyDateRange {
  color: darkslategray;
  display: block;
  font-size: 80%;
  padding-left: 20px; }

.catalog_summary_td .DateBlock {
  padding-left: 30px; }

.RegistrationCell_timesAndDuration {
  white-space: nowrap; }

.catalog_summary_td.no_matches {
  text-align: center; }

.FullyRegisteredStudentsByDayOfWeek_caption_count {
  color: lightslategray; }

.FullyRegisteredStudentsByDayOfWeek_day_count {
  color: lightslategray; }

/* App Chase */
.jHelpMark {
  padding-left: 2px; }

/* Tailwind fix-up */
/* apply href styling */
#wpbody .postbox a {
  text-decoration: underline;
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity)); }

#wpbody .subsubsub a {
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity)); }

#wpbody .actions a {
  text-decoration: underline;
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity)); }

#wpbody .actions a {
  text-decoration: underline;
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity)); }

/* archive nav bar --BEGIN --*/
#wpbody .class_NavBar a {
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity)); }

#wpbody .class_NavBar .disabled a {
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity)); }

/* Skip/no skip wasn't always getting a pointer */
.click_for_action {
  cursor: pointer; }

/* front side
.site-inner a, .site-footer a {
   @apply underline text-blue-600 !important;
}
OBE - Handled in front side section
*/
/* archive nav bar --END--*/
/* archive nav bar --BEGIN --*/
#wpbody .class_NavBarSingleTopper a {
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity)); }

#wpbody .class_NavBarSingleTopper .disabled a {
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity)); }

/* archive nav bar --END--*/
#wpbody .tab-content a {
  text-decoration: underline;
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity)); }

#wpbody .class_NavBar .nav-pills .active a {
  --text-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--text-opacity)); }

#wpbody .class_NavBar .nav-tabs .active a {
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity)); }

#wpbody a .jLabeledValue_Value {
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity));
  text-decoration: none; }

/* On the schedule, whene there isn't a class that day, we show the date (this) after 'No Class' */
.NoClass_date {
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity));
  text-decoration: line-through; }

/* On the schedule, the dates where wrapped - ugly */
.MtgDate {
  white-space: nowrap; }

.contextualMessagingContainer a {
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity));
  text-decoration: underline; }

/* fix All EndUsers & courses table */
.wp-list-table.fixed {
  table-layout: auto !important;
  position: relative !important; }

/* All EndUsers table */
.column-column-actions a {
  text-decoration: underline;
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity)); }

/* If the link is a bootstrap button, the text is white, not blue */
a.button-primary {
  --text-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--text-opacity)) !important;
  text-decoration: none !important; }

#wpbody .actionBlock a {
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity));
  text-decoration: underline; }

#wpbody a.click_for_action {
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity));
  text-decoration: none;
  /*6/27/19' - the no-underline isn't being honored. */ }

#wpbody details {
  cursor: pointer; }

/* Tweak Detail/Summary arrow everwhere
This is almost good, but mucks with extra catalog text.
see: https://stackoverflow.com/questions/56758098/how-to-position-detail-marker-to-come-after-summary?noredirect=1#comment100073866_56758098
details>summary {

  list-style: none;
}
summary::-webkit-details-marker {
  display: none
}

summary::after {
  content: ' ►';
}
details[open] summary:after {
  content: " ▼";
}
*/
/*  

  jWARNING: THIS FILE WAS AUTOMATICALLY GENERATED  - IT WILL BE OVERWRITTEN --- 

       FYI: This was generated by './node_modules/.bin/gulp style'.  

       Hint: Make your own sass generated files by adding 'style_XYZ.scss' in your favorite location. A file names 'style_XYZ.css' will be generated right next to it.

*/