/* Therapist Training CSS

Use this to insert Divi classes into Woocommerce shortcodes as when editing
a Divi section with a Woocommerce shortcode, any modifications using Divi will
make the shortcode useless so need to inject in other ways

*/

/* Select boxes in checkout */
.woocommerce form .select2-container--default .select2-selection--single {
  height: 50px;
}
/* Your order heading in checkout */
#order_review_heading {
  margin-top: 27px; 
}
/* Card details in secure payment gateway */
.woocommerce-checkout #payment div.payment_box .form-row {
  margin: 0px !important;
}
/* Make cart product and totals adjoinng columns */
.woocommerce-cart .woocommerce {
  display: flex;
}
/* The table containing the list of products */
.woocommerce-cart .woocommerce-cart-form {
  flex: 1 0 70%; /* 100% at small screens; 70% on larger screens */
}
/* The element that contains the cart totals */
.woocommerce-cart .cart-collaterals {
  flex: 1 0 30%; /* 100% at small screens; 30% on larger screens */
  margin-left: 30px;
}
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { 
  min-width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
  border-top: solid 1px #20436f !important;
}
/* case consult rego */
.regTimes {
  color:#aaaaaa;
  float:right;
  font-weight:bold;
  font-size:20px;
}
.regTimes:hover {
  cursor:pointer;
}
.regModal {
  position:fixed;
  display:none;
  z-index:2;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color: rgba(0,0,0,0.9);
}
.regModalInner {
  margin:20% auto; 
  padding: 1%; 
  border: 1px solid #FFFFFF; 
  width:60%;
  color: #FFFFFF;
}
.regInnerLine {
  padding-bottom: 4px;
}
.TTregMainTable {
  width: 80%;
  border-collapse: collapse;
  border: 0;
}
.TTregError {
  color: red;
}
.TTregSuccess {
  color: green;
}
.ttRegEditText {
  color: #FFFFFF;
}
.ttRegTable {
  border: 0;
  cell-padding: 1px;
  overflow-x: auto;
}
.ttRegTable th {
  color: yellow;
}
.TTCaseSearchTable {
  width: 100%;
  cell-padding: 2px;
  color: white;
}
@media only screen and (max-width: 600px) {
  .TTregMainTable {
    width: 100%;
  }
  .regModalInner {
    margin:1% auto; 
    padding: 1%; 
    border: 0;
    width:100%;
  }
}
/* Cart product table heading */
.woocommerce-cart table.shop_table th {
  background-color: #244b7c;
  color: #ffffff;
}
/* Sold out label for full event listing */
.tt_soldout {
  background-color: #ff3333;
  color: white;
  padding: 4px 10px;
  border-radius: 4px;
  text-align: center;
  max-width: 120px;
}
/* Unavailable label for full event listing */
.tt_unavailable {
  background-color: #0693e3;
  color: white;
  padding: 4px 10px;
  border-radius: 4px;
  text-align: center;
  max-width: 220px;
}
/* Event listing heading make better responsiveness */
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title .wpem-heading-text {
  display: block !important;
}