/** 
*  Clio Users Frontend CSS
*/
#clio-fees-loader {
   background: url(/wp-admin/images/spinner.gif);
   width: 28px;
   height: 28px;
   background-repeat: no-repeat;
   background-position: center;
   display: inline-block;
   vertical-align: middle;
}
.clio_input #clio-fees-loader {
   position: absolute;
   right: -34px;
   top: 12px;
}

.woocommerce div.product div.summary p.price, .woocommerce-page div.product div.summary p.price {
   font-size: 15px;
}

@media only screen and (min-width: 768px) {
   .woocommerce div.product div.images, .woocommerce-page div.product div.images {
      width: calc(40% - 12px);
   }

   .woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
      width: calc(60% - 12px);
   }

   .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
      line-height: 1.3em;
   }

   .woocommerce div.product form.cart .variations select {
      max-width: 375px;
   }
}

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
   background: #f7f6f7;
   color: #696969;
   border-radius: 0;
}

/* Checkout */

.woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-message .button, .woocommerce .woocommerce-message .read-more-button, .woocommerce-page .woocommerce-message .read-more-button, .woocommerce .woocommerce-message .post-nav .nav-links .button, .woocommerce-page .woocommerce-message .post-nav .nav-links .button {
    margin: 0;
    padding: 8px 12px;
    color: #f8f9fa;
    font-size: 1em;
    background-color: #294b6d;
    text-transform: none;
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
   color: #00b27a;
}

.select2-results__option {
   margin: 0;
}

span.expiry-ok {
   font-weight: 600;
   color: green;
}
span.expiry-late {
   font-weight: 600;
   color: indianred;
}

button#clio-clear-cart {
   font-size: 0.8em;
   margin-top: 0.4em;
   text-transform: none;
   letter-spacing: 1px;
}

h3#order_review_heading {
   margin-top: 2em;
}

#response-email-msg,
#response-workplace-msg {
   background-color: indianred;
   font-size: 0.9em;
   color: white;
   text-align: center;
   padding: 5px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
}
#response-workplace-msg {
   background-color: cornflowerblue;
}
h3.historique {
    margin-top: 2em;
    margin-bottom: 1em;
}

/**
 * my-account
 */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    margin-bottom: 2em;
}
.woocommerce-MyAccount-navigation ul {
    padding: 0;
    list-style: none;
}
@media (min-width: 750px) {
   .woocommerce-MyAccount-navigation ul {
       margin-right: 30px;
       display: flex;
   }
}
.woocommerce-MyAccount-navigation-link:after {
    top: 25%;
    margin-top: 0;
}

.woocommerce-MyAccount-navigation-link {
   opacity: 1;
   transition: none;
}
.woocommerce-MyAccount-navigation-link:not(.is-active) a {
   color: #009de2;
   transition: color 0.3s ease-in-out;
}
.woocommerce-MyAccount-navigation-link:not(.is-active) a:hover {
   color: #014375;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    font-size: 1.3em;
    transform: translate( -1px, -1px);
}


.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content legend {
    text-align: center;
    margin-bottom: 0.5em;
    color: dodgerblue;
    font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content fieldset {
    border: 1px solid #C8C8C8;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset label {
    font-size: 0.88em;
}
.woocommerce-password-hint {
    font-size: 0.8em;
    line-height: 1.2em;
}
.woocommerce-password-strength {
    font-size: 0.9em;
}
#clio-password-change-help {
   vertical-align: middle;
   cursor: pointer;
}
legend#clio-password-change-help .clio-question {
    vertical-align: middle;
}

.button-account-wrap {
   text-align: right;
   margin: 1.5em 0;
}

textarea#clio_workplace,
textarea#workplace {
    height: 84px;
}

/**
 * Cart
 */
.fee-dates {
    font-weight: 600;
    color: dodgerblue;
}
p.woocommerce-shipping-destination {
    font-size: 0.8em;
    line-height: 1.2em;
}
.shipping-method-description {
    margin: 0;
    font-size: 0.9em;
    font-weight: 400;
}
.woocommerce ul#shipping_method li input {
    margin: 3px .4375em 0 0;
    vertical-align: baseline;
}

/**
 * Checkout
 */
.checkout-recaptcha {
    margin-top: 1em;
}
.woocommerce-checkout #payment .payment_method_paypal img {
    max-height: 36px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
   display: flex;
   align-items: baseline;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span {
   margin-left: 4px;
}

/**
 * Order received
 */
.instructions-order-receive {
    margin-bottom: 3em;
}


/* 
 * CSS styles for responsive table
*/
table th {
   line-height: 1;
}

@media only screen and (max-width: 600px) {
   
   /* Force table to not be like tables anymore */
   table.responsive-table {
      border: none;
   } 
   table.responsive-table, 
   .responsive-table thead, 
   .responsive-table tbody, 
   .responsive-table th, 
   .responsive-table td, 
   .responsive-table tr { 
      display: block;
      padding: 0.05em;
   }
 
   /* Hide table headers (but not display: none;, for accessibility) */
   .responsive-table thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
   }
 
   .responsive-table tr { border: 1px solid #ccc; }
 
   .responsive-table td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
      padding-left: 50%; 
      white-space: normal;
      text-align:left;
   }

   .responsive-table td:last-child {
      border: none;
   }
 
   .responsive-table td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 0;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
      text-align:left;
      font-weight: bold;
   }
 
   /*
   Label the data
   */
   .responsive-table td:before { content: attr(data-title); }
}

/**  
 * Dashboard
 */
.user-roles-wrapper {
   margin-top: 3em;
}
ul.user-roles {
   list-style: none;
   padding-left: 0;
}

ul.user-role {
   list-style: none;
   display: flex;
   padding: 0 0 0 0.6em;
   border-bottom: 1px solid #DFDFDF;
}
ul.user-role:nth-child(odd) {
    background-color: #EFEFEF;
}
ul.user-role li:first-child {
   width: 8.5em;
   font-weight: 600
}

ul.user-role li {
   margin: 0;
   padding: 0;
}

/* wooCommerce installation */
/*
span.et-top-cart-total {
    display: none;
}
a.header-login {
    display: none !important;
}
*/

/**
 * Variation custom fields
 */
.variation-fields {
   margin: 1em 0;
}
.variation-field.description {
   font-size: 0.8em;
   font-style: italic;
   line-height: 1em;
   margin: 1em 0 0.2em;
   color: #a5a5a5;
}
label.variation-field.checkbox {
   display: block;
}
label.variation-field.textbox,
label.variation-field.textarea {
   display:flex;
   flex-direction: column;
}
form.variations_form.cart {
   max-width: 100%;
}

.woocommerce-order-details table.order_details .wc-item-meta p {
    display: inline;
}