#timber-csstest-module .global .norm, #timber-csstest-module .ovrd { background-color: orange; color: black; }

#tcc-container-flex .container {
  background-color: transparent;
  position: relative;
}
#tcc-container-flex .container .tcc-title {
  font-size: 1em;
  font-weight: 600;
  padding: .8em 1em;
  text-indent: 15px;
}
#tcc-container-flex .container .tcc-row {
  margin: 0 0 10px 0;
  display: flex;
  flex-flow: wrap;
}
#tcc-container-flex .tcc-close {
  content: " ";
  background-image: url(/sites/all/modules/herkimer/timber/web/images/close.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 15px;
  height: 15px;
  display: block;
  transition: opacity 0.25s ease-out;
  position: absolute;
  right: 10px;
  top: 10px;
}
#tcc-container-flex .tcc-close:hover {
  cursor: pointer;
}
body.page-my-courses #tcc-container-flex .tcc-close {
  display: none;
}

#tcc-container-flex .container .tcc-row .item.hide {
  display: none;
}
#tcc-container-flex .container .tcc-row .item a {
  color: #525252;
  text-align: center;
  padding: 1px 5px 0 5px !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  box-sizing: border-box;
}
#tcc-container-flex .item.type-college_major,
#tcc-container-flex .item.type-college_term,
#tcc-container-flex .item.type-college_dept,
#tcc-container-flex .item.type-college_course,
#tcc-container-flex .item.type-college_section {
  display: flex;
  padding: 3px 0 !important;
  text-decoration: none;
  border: 1px solid #E5E5E5;
  justify-content: center;
  flex-grow: 1;
  width: 40%;
  margin: 0 2px 2px 2px;
  align-self: center;
  align-items: center;
  min-height: 80px;
  background-color: #e8e8e8;
  flex-flow: column;
  text-align: center;
  box-sizing: border-box;
}
#tcc-container-flex .item.type-college_course:last-of-type,
#tcc-container-flex .item.type-college_term:last-of-type,  
#tcc-container-flex .item.type-college_dept:last-of-type,
#tcc-container-flex .item.type-college_major:last-of-type,
#tcc-container-flex .item.type-college_course:last-of-type,
#tcc-container-flex .item.type-college_section:last-of-type {
  max-width: 49.5%;
}
#tcc-container-flex #tcc-college_course.count-1 .item,
#tcc-container-flex #tcc-college_term.count-1 .item,
#tcc-container-flex #tcc-college_dept.count-1 .item,
#tcc-container-flex #tcc-college_major.count-1 .item,
#tcc-container-flex #tcc-college_course.count-1 .item,
#tcc-container-flex #tcc-college_section.count-1 .item,
#tcc-container-flex .type-college_course.item.selected,
#tcc-container-flex .type-college_term.item.selected,
#tcc-container-flex .type-college_dept.item.selected,
#tcc-container-flex .type-college_major.item.selected,
#tcc-container-flex .type-college_course.item.selected,
#tcc-container-flex .type-college_section.item.selected {
  max-width: 100%;
}
#tcc-container-flex .item:hover {
  /*cursor: pointer;*/
}

#tcc-container-flex a.tcc-product-link:before {
  content: '';
}
#tcc-container-flex .item.selected a.tcc-item-link {
  font-weight: 600;
}
#tcc-container-flex #tcc-product .container .tcc-row {
  padding: 0;
  background: #f5f5f5;
  margin: 0;
}
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body {
  margin: 0 auto;
  box-sizing: border-box;  
  width: 95%;
  padding: 0 0 20px 0;
}
#tcc-container-flex #tcc-product .container .tcc-row #group-select-options {
  background: #EEE;
  padding: 0 0 1em 0;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
#tcc-container-flex #tcc-product .container .tcc-row #group-select-options h2.title {
  font-size: .8em;
  padding: .5em 1.25em;
  background: #777;
  color: #FFF;
  text-align: left;
  font-weight: 600;
  width: 100% !important;
  margin: 0 !important;
}
#tcc-container-flex #tcc-product .container .tcc-row #group-select-options a {
  margin: .5em 1em 0 1em;
  font-size: .8em;
  padding: .5em 1em;
  color: #FFF;
  text-decoration: none;
  background-color: #555;
  display: block;
  text-align: center;
  transition: background-color 0.25s ease-out;
  width: 100%;
  height: auto;
  line-height: 1.5em;
}
#tcc-container-flex #tcc-product .container .tcc-row #group-select-options a:hover {
  background-color: #000;
}
#tcc-container-flex #tcc-product .container .tcc-row #group-select-options a.select-clear {
  background-color: #ed1c24;
  color: #FFF;
  padding: 1.25em 1em;
}
#tcc-container-flex #tcc-product .container .tcc-row #group-select-options a.select-clear:hover {
  background-color: #333;
}
#tcc-container-flex #tcc-product .container .tcc-row #group-select-options a.ajax-cart-link {
  color: #FFF;
  padding: 1.25em 1em;
  display: inline-flex;
  flex-flow: row;
  justify-content: center;
}
#tcc-container-flex #tcc-product .container .tcc-row #group-select-options a.ajax-cart-link:before {
  display: inline-block;
  height: 12px;
  width: 17px;
}
#group-select-options .group-select {
  max-width: none !important;
}
#tcc-container-flex #tcc-product .container .tcc-title {
  border-radius: 10px 10px 0 0;
  padding: 0;
  padding: .8em 1em;
}
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body {
  display: flex;
  flex-flow: column;
}
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .edit { order: 0; }
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > * { order: 10; }

#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .req-group-P  { order: 1; } /* Prepaid */
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .req-group-R  { order: 2; } /* Required */
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .req-group-RB { order: 3; }
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .req-group-RC { order: 4; }
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .req-group-C  { order: 5; } /* Choice */
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .req-group-S  { order: 6; } /* Suggested */
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .req-group-O  { order: 7; } /* Optional */
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .req-group-OB { order: 8; }
#tcc-container-flex #tcc-product .container .tcc-row .tcc-section-body > .req-group-OC { order: 9; }

#tcc-container-flex #tcc-product .container .tcc-row .req-group > .title,
#tcc-container-flex #tcc-product .container .tcc-row .req-group .choice-group > .title  {
  background: #777;
  font-weight: 600;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font-size: 20px;
  padding: 4px 10px;
  border-bottom: 1px dotted #777;
  color: #FFF;
  margin: 20px 0 0 0;
}
#tcc-container-flex #tcc-product .container .tcc-row .req-group-CG > .title  {
  display: none;
}
#tcc-container-flex #tcc-product .container .tcc-row .req-group .group {
  float: none;
  border-radius: 0;
  background: #FFF;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 10px;
  position: relative;
/*not sure what the flex was for, but removing it fixed issues
  display: flex;
  flex-flow: column wrap;*/
}
#tcc-container-flex #tcc-product .container .tcc-row .req-group .group .chooser-product .product-alert{
 margin: 0 10px;
}
#tcc-container-flex #tcc-product .container .tcc-row .req-group .group .chooser-product > a {
  padding: .25em 1em .25em 1em !important;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
#tcc-container-flex .chooser-product a.tcc-product-link:before {
  display: inline-block;
  padding: 0;
  text-align: center;
  color: #FFF;
  font-size: .7em;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 1em 0 0;
  vertical-align: middle;
  border: 1px solid #999;
  width: 16px;
  height: 16px;
  transition: background-color 0.25s ease-out, width 0.25s ease-out;
}
#tcc-container-flex .chooser-product.unavailable a.tcc-product-link:before {
  background-color: #ddd;
  }
#tcc-container-flex .chooser-product.unavailable a.tcc-product-link:after {
  content: ' Out of Stock';
  padding-left: 5px;
  font-style: italic;
  }
#tcc-container-flex #tcc-product .container .tcc-row .req-group .group .chooser-product.selected > a {
  text-decoration: none;
  color: #555;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
#tcc-container-flex .chooser-product.selected a.tcc-product-link:before {
  content: " ";
  background-image: url("../images/check.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 16px;
  width: 16px;
}
#tcc-container-flex #tcc-product .timber-details,
#tcc-container-flex #tcc-product .req-group .chooser-product .timber-details {
  min-width: 25em;
  background-color: white;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 2px 2px 4px #555;
  padding: 10px;
  position: absolute;
  right: auto;
  left:200px;
  top: 10px;
  max-width: 360px;
  z-index: 100;
  height: auto;
  width: auto;
}
#tcc-container-flex #tcc-product .timber-details .label,
#tcc-container-flex #tcc-product .req-group .chooser-product .timber-details .label {
  color: #802029;
  display: block;
  float: left;
  width: 90px;
  font-weight: bold;
}
#tcc-container-flex #tcc-product .timber-details .field-image,
#tcc-container-flex #tcc-product .req-group .chooser-product .timber-details .field-image {
  text-align: center;
}
#tcc-container-flex #tcc-product .timber-details .field-title a,
#tcc-container-flex #tcc-product .req-group .chooser-product .timber-details .field-title a {
  color: #444;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 0 !important;
}
#tcc-container-flex #tcc-product .timber-details .field-title a:before
#tcc-container-flex #tcc-product .req-group .chooser-product .timber-details .field-title a:before {
  display: none;
}
#tcc-container-flex .view-college-details .views-field-nothing > .field-content{
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}
#tcc-container-flex #tcc-product #timber-checkout {
  width: 100%;
  text-align: center;
  padding: 0;
  background: #f5f5f5;
  border-top: 1px solid #EEE;
  display: flex;
}

#tcc-container-flex #tcc-product .container a.ajax-cart-link:before {
  content: " ";
  background: url("../images/cart.svg") no-repeat;
  margin: 0 5px 0 0;
  background-size: contain;
  height: 18px;
  width: 18px;
}
#tcc-container-flex #tcc-product .container a.ajax-cart-link{
  color: #FFF;
  background: #666;
  width: auto;
  padding: 5px 10px;
  height: 36px;
  text-align: center;
  font-size: 1em;
  margin: 15px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.25s ease-out;
}
#tcc-container-flex #tcc-product .container a.ajax-cart-link:hover {
  background: #000;
  text-decoration: none;
}
#tcc-container-flex #tcc-product .tcc-req-message,
#tcc-container-flex #tcc-product #timber-checkout.none-required,
#tcc-container-flex #tcc-product #timber-checkout.not-finalized {
  padding: .5em 1em;
  box-sizing: border-box;
  line-height: 1.5em;
  font-size: 1em;
  color: #ff0000;
  clear: both;
  min-width: 25em;
  background-color: white;
  height: auto;
  width: 90%;
  border: 1px solid #666;
  text-align: center;
  font-weight: 600;
  margin: 10px auto;
}
.page-my-courses #tcc-container-flex .tcc-sections {
  margin: 0 auto;
  width: 100%;
}
.page-my-courses #tcc-container-flex .tcc-section {
  background: #CCC;
  border-radius: 10px 10px 0 0;  
}
.page-my-courses #tcc-container-flex .tcc-section form {
  max-width: 110px;
  background-color: #ed1c24;
  color: #FFF;
  padding: 5px 10px;
  font-size: .89em;
  text-align: center;
  line-height: 1em;
  align-self: center;
  transition: background-color 0.25s ease-out;
}
.page-my-courses #tcc-container-flex .tcc-section form:hover {
  background-color: #000;
  cursor: pointer;
}
.page-my-courses #tcc-container-flex .tcc-section form a {
  color: #FFF;
}
.page-my-courses #tcc-container-flex .tcc-section form a:hover {
  text-decoration: none;
}
.page-my-courses #tcc-container-flex .chooser-section-details {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  padding: 5px 15px;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.3em;
  background: #666;
  color: #FFF;
  border-radius: 10px 10px 0 0;
}
/*.page-my-courses #tcc-container-flex .chooser-section-details a:first-of-type {
  flex: 1 0 100%;
}*/
.page-my-courses #tcc-container-flex .tcc-section-body {
  padding: 0 0 10px 0;
}

#tcc-container-flex .section-text.not-finalized {
  background: #fff;
  width: 65%;
  font-size: 1em;
  box-sizing: border-box;
  text-align: center;
  padding: 10px;
  color: #ff0000;
  margin: 20px auto 0 auto;
  border: 1px solid #666;
}
#tcc-container-flex .item-note {
  font-weight: 600;
  /* margin: 10px 0 0 0; */
  line-height: 14px;
  font-size: 13px;
  padding: 3px 0px 0 0;
  font-style: italic;
  color: red;
}
#block-user-1 .current-platform {
  font-size: 12px;
  margin-bottom: 5px;
}

/* past order link */
#tcc-container-flex .container .tcc-row .item .past-order-wrapper {
  display: flex;
  align-items: center;
  padding: .25rem;
  margin: .25rem;
  border: 2px solid #f0c020;
  background: #FFD;
}
#tcc-container-flex .container .tcc-row .item .past-order-wrapper:before {
  content: '';
  margin: 0 .5rem 0 0;
  background-image: url('../images/warning_yellow.png');
  /*background-image: url('../images/icons/icons8-warning-shield-96.png');*/
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}
#tcc-container-flex .container .tcc-row .item .past-order {

  font-size: .75rem;
  font-weight: 600;
}
#tcc-container-flex .container .tcc-row .item .past-order a.past-order-link {
  text-decoration: underline;
  font-size: .75rem;
  margin: 0;
  padding: 0 !important;
}
#tcc-college_term .container div.item,
#tcc-college_dept .container div.item,
#tcc-college_course .container div.item,
#tcc-college_section .container div.item {
  transition: all ease-in-out 140ms;
}
#tcc-college_term .container div.item:hover,
#tcc-college_dept .container div.item:hover,
#tcc-college_course .container div.item:hover,
#tcc-college_section .container div.item:hover  {
  background-color: #c7c5c5;
  border: 3px solid #c7c5c5;
  cursor: pointer;
}
#tcc-college_term .container div.item:hover a,
#tcc-college_dept .container div.item:hover a,
#tcc-college_course .container div.item:hover a,
#tcc-college_section .container div.item:hover a {
  color: rgb(0, 0, 0);
  text-decoration: underline;
}