/* line 1, app/assets/stylesheets/custom_grid.scss */
.flex-row {
  display: flex;
  flex-wrap: wrap;
}

/* line 6, app/assets/stylesheets/custom_grid.scss */
.flex-row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

/* line 13, app/assets/stylesheets/custom_grid.scss */
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

/* line 18, app/assets/stylesheets/custom_grid.scss */
.col-1 {
  flex: 0 0 auto;
  width: 8.333333%;
}

/* line 23, app/assets/stylesheets/custom_grid.scss */
.col-2 {
  flex: 0 0 auto;
  width: 16.666667%;
}

/* line 28, app/assets/stylesheets/custom_grid.scss */
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

/* line 33, app/assets/stylesheets/custom_grid.scss */
.col-4 {
  flex: 0 0 auto;
  width: 33.333333%;
}

/* line 38, app/assets/stylesheets/custom_grid.scss */
.col-5 {
  flex: 0 0 auto;
  width: 41.666667%;
}

/* line 43, app/assets/stylesheets/custom_grid.scss */
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

/* line 48, app/assets/stylesheets/custom_grid.scss */
.col-7 {
  flex: 0 0 auto;
  width: 58.333333%;
}

/* line 53, app/assets/stylesheets/custom_grid.scss */
.col-8 {
  flex: 0 0 auto;
  width: 66.666667%;
}

/* line 58, app/assets/stylesheets/custom_grid.scss */
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

/* line 63, app/assets/stylesheets/custom_grid.scss */
.col-10 {
  flex: 0 0 auto;
  width: 83.333333%;
}

/* line 68, app/assets/stylesheets/custom_grid.scss */
.col-11 {
  flex: 0 0 auto;
  width: 91.666667%;
}

/* line 73, app/assets/stylesheets/custom_grid.scss */
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
/* line 3, app/assets/stylesheets/dashboard.scss */
.dashboard-grid {
  display: grid;
  grid-template-columns: 50% 25% 25%;
  grid-gap: 10px;
}

@media screen and (max-width: 480px) {
  /* line 3, app/assets/stylesheets/dashboard.scss */
  .dashboard-grid {
    grid-template-columns: 49% 49%;
    grid-gap: 2%;
  }
}

/* line 14, app/assets/stylesheets/dashboard.scss */
.dashboard-image {
  grid-row: 1 / 3;
}

@media screen and (max-width: 480px) {
  /* line 14, app/assets/stylesheets/dashboard.scss */
  .dashboard-image {
    display: none;
  }
}

/* line 19, app/assets/stylesheets/dashboard.scss */
.dashboard-image img {
  border-radius: 5px;
  max-width: 100%;
}

/* line 25, app/assets/stylesheets/dashboard.scss */
.dashboard-section {
  color: white;
  background-color: #166983;
  text-align: center;
  padding: 15px;
  border-radius: 5px;
}

/* line 32, app/assets/stylesheets/dashboard.scss */
.dashboard-section i {
  font-size: 50px;
}

/* line 35, app/assets/stylesheets/dashboard.scss */
.dashboard-section:hover {
  color: white;
}

/* line 40, app/assets/stylesheets/dashboard.scss */
.dashboard-section-title {
  margin: 20px 0;
  text-align: center;
}
/* line 3, app/assets/stylesheets/my_account.css.scss */
.edit-account {
  padding: 30px;
}

@media screen and (max-width: 480px) {
  /* line 3, app/assets/stylesheets/my_account.css.scss */
  .edit-account {
    padding: 10px;
  }
}

/* line 11, app/assets/stylesheets/my_account.css.scss */
.account-content section, .order-show section {
  padding-top: 20px;
  margin-bottom: 30px;
}

/* line 13, app/assets/stylesheets/my_account.css.scss */
.account-content section:first-of-type, .order-show section:first-of-type {
  padding-top: 0;
}

/* line 18, app/assets/stylesheets/my_account.css.scss */
.account-content h2, .order-show h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: initial;
  border-radius: 5px;
}

/* line 26, app/assets/stylesheets/my_account.css.scss */
#edit-account {
  padding-top: 0;
}

/* line 30, app/assets/stylesheets/my_account.css.scss */
.edit-account #edit-account p {
  display: inline-block;
}

/* line 34, app/assets/stylesheets/my_account.css.scss */
.edit-account #password-credentials {
  display: inline-block;
  width: 100%;
}

/* line 39, app/assets/stylesheets/my_account.css.scss */
.edit-account #password-credentials p {
  width: 314px !important;
}

/* line 43, app/assets/stylesheets/my_account.css.scss */
.edit-account #password-credentials input {
  width: 100%;
}

/* line 47, app/assets/stylesheets/my_account.css.scss */
.my_favs {
  font-size: 14px;
  font-weight: bold;
  color: #404042;
  line-height: 40px;
}

/* line 55, app/assets/stylesheets/my_account.css.scss */
#edit-billing p {
  display: inline-block;
  width: 49%;
  margin-bottom: 0px;
  padding-bottom: 0px;
  vertical-align: top;
}

/* line 63, app/assets/stylesheets/my_account.css.scss */
#edit-billing #bcustomer_type {
  margin-bottom: 0;
}

/* line 68, app/assets/stylesheets/my_account.css.scss */
#edit-billing input[type="text"], #edit-billing input[type="tel"], #edit-billing select {
  width: 100%;
}

/* line 72, app/assets/stylesheets/my_account.css.scss */
.account-wishlists {
  margin-top: 60px;
}

/* line 76, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.order-summary {
  border-collapse: collapse;
  border-radius: 10px;
  border-style: hidden;
  box-shadow: 0 0 0 2px #ddd;
  margin-bottom: 20px;
  overflow: hidden;
  width: 80%;
}

/* line 84, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.order-summary td {
  width: 25%;
}

/* line 88, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.order-summary .order-details-top td {
  padding-top: 0;
}

/* line 94, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.order-summary thead {
  background-color: white;
}

/* line 97, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.order-summary thead th {
  text-align: left;
  text-transform: none;
  padding-bottom: 0;
}

/* line 106, app/assets/stylesheets/my_account.css.scss */
#account-my-orders .client-infos p {
  margin: 0;
  padding: 0;
}

/* line 110, app/assets/stylesheets/my_account.css.scss */
#account-my-orders .client-infos dt, #account-my-orders .client-infos dd {
  display: inline-block;
  vertical-align: top;
}

/* line 118, app/assets/stylesheets/my_account.css.scss */
#account-my-orders tr {
  border: 0;
}

/* line 122, app/assets/stylesheets/my_account.css.scss */
#account-my-orders td.order-images img {
  display: inline-block;
  max-width: 85%;
  width: 85%;
}

/* line 129, app/assets/stylesheets/my_account.css.scss */
#account-my-orders .btn {
  text-align: center;
  border-radius: 4px;
}

/* line 132, app/assets/stylesheets/my_account.css.scss */
#account-my-orders .btn:hover {
  color: white;
}

/* line 139, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.order-summary tbody td {
  text-align: left;
}

@media screen and (max-width: 480px) {
  /* line 139, app/assets/stylesheets/my_account.css.scss */
  #account-my-orders table.order-summary tbody td {
    width: auto;
  }
}

/* line 146, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.order-summary tbody tr.odd {
  background-color: white;
}

/* line 150, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.addresses {
  width: 100%;
  margin: 20px 0;
}

/* line 153, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.addresses th {
  text-align: left;
}

/* line 156, app/assets/stylesheets/my_account.css.scss */
#account-my-orders table.addresses td {
  vertical-align: top;
}

/* line 161, app/assets/stylesheets/my_account.css.scss */
table.order-summary tbody tr td:first-child a {
  color: #166983;
}

/* line 165, app/assets/stylesheets/my_account.css.scss */
.account-summary dl#user-info {
  border: none;
  padding: 0;
}

/* line 170, app/assets/stylesheets/my_account.css.scss */
.show-wl {
  background-color: #f2ede9;
}

/* line 174, app/assets/stylesheets/my_account.css.scss */
.show-wl a {
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 0 10px;
  font-weight: lighter;
}

@media screen and (max-width: 480px) {
  /* line 174, app/assets/stylesheets/my_account.css.scss */
  .show-wl a {
    position: relative;
    bottom: auto;
    left: auto;
    padding: 0;
    font-size: 12px;
  }
}

/* line 190, app/assets/stylesheets/my_account.css.scss */
.wl-empty {
  margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  /* line 194, app/assets/stylesheets/my_account.css.scss */
  .edit-account {
    text-align: left;
  }
  /* line 198, app/assets/stylesheets/my_account.css.scss */
  .edit-account #edit-account {
    width: 100%;
  }
  /* line 201, app/assets/stylesheets/my_account.css.scss */
  .edit-account #edit-account .row.control-inline {
    float: left;
  }
  /* line 206, app/assets/stylesheets/my_account.css.scss */
  .edit-account #edit-billing p {
    width: 100%;
  }
}

/* line 212, app/assets/stylesheets/my_account.css.scss */
.order-shipment-state {
  color: black;
  font-weight: bold;
}

/* line 215, app/assets/stylesheets/my_account.css.scss */
.order-shipment-state.canceled {
  color: red;
}

/* line 218, app/assets/stylesheets/my_account.css.scss */
.order-shipment-state.backorder, .order-shipment-state.pending, .order-shipment-state.partial, .order-shipment-state.ready {
  color: orange;
}

/* line 221, app/assets/stylesheets/my_account.css.scss */
.order-shipment-state.shipped {
  color: green;
}

/* line 226, app/assets/stylesheets/my_account.css.scss */
.account-title {
  background-color: #166983;
  padding: 10px;
  color: white;
  margin-bottom: 20px;
}

/* line 231, app/assets/stylesheets/my_account.css.scss */
.account-title.corner.top-right::after {
  border-top: 25px solid white;
  border-left: 25px solid transparent;
}

/* line 237, app/assets/stylesheets/my_account.css.scss */
.back-to-dashboard, .back-to-my-account {
  padding: 10px 0;
  display: block;
}

/* line 240, app/assets/stylesheets/my_account.css.scss */
.back-to-dashboard:before, .back-to-my-account:before {
  content: "\f104";
  font-family: FontAwesome;
  position: relative;
  font-size: 16px;
  margin-right: 4px;
}

/* line 250, app/assets/stylesheets/my_account.css.scss */
.back-to-my-account:before {
  margin-right: 2px;
}

/* line 255, app/assets/stylesheets/my_account.css.scss */
.order-details {
  margin-bottom: 20px;
  border: 1px solid #404042;
  padding: 10px;
}

/* line 259, app/assets/stylesheets/my_account.css.scss */
.order-details img {
  max-width: 95%;
}

/* line 262, app/assets/stylesheets/my_account.css.scss */
.order-details .order-details-label {
  font-weight: 700;
}

/* line 267, app/assets/stylesheets/my_account.css.scss */
.order-details-row {
  margin-bottom: 10px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *



 */