/* line 1, /app/app/assets/stylesheets/workshops_picker.sass */

.workshops-picker {
  margin-bottom: 10px;
}

/* line 4, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop {
  padding: 10px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  margin-bottom: 20px;
}

/* line 11, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

/* line 17, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__content {
  padding: 15px;
  border-left: 5px solid #8677FB;
  border-radius: 5px;
  width: 100%;
}

/* line 23, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__info {
  width: 80%;
  cursor: pointer;
}

/* line 27, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__name {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 1.3rem;
  color: #544F54;
}

/* line 33, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__description {
  font-family: Lato;
  font-size: 14px;
  letter-spacing: 0px;
  color: #707070;
}

.workshop__description div a {
  font-size: 0; 
  line-height: 0; 
  color: transparent; 
  user-select: none; 
}

/* line 39, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__view-more {
  align-self: center;
  color: #8677FB;
  font-size: 1.5rem;
  padding-right: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 50, /app/app/assets/stylesheets/workshops_picker.sass */
.btn-scroll {
  display: none;
  width: 20px;
  height: 20px;
  font-size: 1.3rem;
  background-color: #8677FB;
  color: white;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  align-self: center;
}

/* line 62, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__day-of-week {
  font-size: 12px;
  opacity: 1;
}

/* line 66, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__day {
  font-weight: bold;
  font-family: Montserrat;
  opacity: 1;
}

/* line 71, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__dates-row {
  display: flex;
  margin-bottom: 10px;
  background: #F5F6FA 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}

/* line 78, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__dates-info {
  display: none;
}

/* line 81, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__dates {
  display: flex;
  overflow-x: scroll;
  -ms-overflow-style: none;
  width: calc(100% - 30px);
}
/* line 86, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__dates::-webkit-scrollbar {
  display: none;
}

/* line 89, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__date {
  color: #919191;
  margin-right: 5px;
  text-align: center;
  padding: 5px 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  cursor: pointer;
  min-width: 112px;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
/* line 103, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__date i {
  display: none;
}
/* line 106, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__date.selected i {
  display: block;
  font-size: 10px;
  float: right;
}
/* line 112, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__date:hover {
  color: white;
  background: #8677FB 0% 0% no-repeat padding-box;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.8;
}

/* line 118, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__date--selected {
  color: white;
  background: #8677FB 0% 0% no-repeat padding-box;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.8;
}
/* line 124, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__date--selected:hover {
  color: white;
  background-color: #8677FB;
  opacity: 0.8;
}

/* line 129, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__date p {
  margin-bottom: 0px;
  text-transform: capitalize;
}

/* line 133, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__times-row {
  margin-bottom: 10px;
  display: flex;
}

/* line 137, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__times-info {
  display: none;
}

/* line 140, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__times {
  display: none;
  overflow-x: scroll;
  -ms-overflow-style: none;
  width: calc(100% - 30px);
}
/* line 145, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__times.opened {
  display: flex;
}
/* line 147, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__times::-webkit-scrollbar {
  display: none;
}

/* line 150, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time {
  height: fit-content;
  margin-right: 5px;
  text-align: center;
  color: #a9a9a9;
  padding: 5px 10px;
  font-size: 12px;
  border: 2px solid white;
  border-radius: 10px;
  cursor: pointer;
  min-width: 130px;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
/* line 167, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time.disabled {
  cursor: auto;
  text-decoration: line-through;
}
/* line 171, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time.disabled:hover {
  border-color: white;
  color: #CCCCCC;
}
/* line 175, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time .check-circle {
  display: none;
}
/* line 178, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time .circle-o {
  display: block;
  font-size: 12px;
  font-family: Lato;
  text-align: center;
  margin-top: 5px;
}
/* line 185, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time:hover {
  color: #8677FB;
  border: 2px solid #8677FB;
}

/* line 189, /app/app/assets/stylesheets/workshops_picker.sass */
.cartier_disabled {
  cursor: auto;
  pointer-events: none;
}
/* line 193, /app/app/assets/stylesheets/workshops_picker.sass */
.cartier_disabled:hover {
  border-color: white;
  color: #CCCCCC;
}

/* line 197, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time--selected {
  color: #8677FB;
  border: 2px solid #8677FB;
}
/* line 201, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time--selected .circle-o {
  display: none;
}
/* line 204, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time--selected .check-circle {
  display: block;
  font-size: 12px;
  text-align: center;
  font-size: 12px;
  font-family: Lato;
  margin-top: 5px;
}
/* line 212, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time--selected:hover {
  color: #8677FB;
  border-color: #8677FB;
}

/* line 216, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__time p {
  margin-bottom: 0px;
}

/* line 219, /app/app/assets/stylesheets/workshops_picker.sass */
.workshop__hour {
  font-size: 14px;
}

/* line 222, /app/app/assets/stylesheets/workshops_picker.sass */
.icon-div {
  height: 10px;
}

/* line 227, /app/app/assets/stylesheets/workshops_picker.sass */
#payment_table #entries tr:first-child {
  border-top: none !important;
}
/* line 229, /app/app/assets/stylesheets/workshops_picker.sass */
#payment_table #entries tr:first-child td {
  border-top: none !important;
}

/* line 232, /app/app/assets/stylesheets/workshops_picker.sass */
.view-less {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  padding-right: 15px;
}

/* line 238, /app/app/assets/stylesheets/workshops_picker.sass */
.view-more-toogle, .view-less-toogle {
  display: none;
}

/* line 241, /app/app/assets/stylesheets/workshops_picker.sass */
.plus {
  font-size: 20px;
}

/* line 244, /app/app/assets/stylesheets/workshops_picker.sass */
.header {
  margin-top: 12px;
}

/* line 247, /app/app/assets/stylesheets/workshops_picker.sass */
.header__title {
  margin: 0;
  padding: 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 254, /app/app/assets/stylesheets/workshops_picker.sass */
.title-form {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 21px;
  color: #555555;
  text-align: left;
}

/* line 261, /app/app/assets/stylesheets/workshops_picker.sass */
.subtitle {
  font-size: 14px;
  font-weight: normal;
  color: #707070;
  letter-spacing: 0.42px;
  text-align: center;
}

/* line 268, /app/app/assets/stylesheets/workshops_picker.sass */
.row-filter {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: start;
  justify-content: start;
  line-height: 0;
}
/* line 275, /app/app/assets/stylesheets/workshops_picker.sass */
.row-filter .form-group {
  margin: 8px 5px 0 5px;
  padding: 0;
  border-top: none !important;
  background-color: transparent !important;
}
/* line 280, /app/app/assets/stylesheets/workshops_picker.sass */
.row-filter .form-group::placeholder {
  color: #555555;
}

/* line 284, /app/app/assets/stylesheets/workshops_picker.sass */
.row-filter * {
  flex-shrink: 0;
}

/* line 287, /app/app/assets/stylesheets/workshops_picker.sass */
.search-workshop {
  padding: 0;
  display: flex;
  justify-content: center;
}

/* line 293, /app/app/assets/stylesheets/workshops_picker.sass */
.group-btn {
  display: flex;
  justify-content: center;
}

/* line 297, /app/app/assets/stylesheets/workshops_picker.sass */
.input-select {
  width: 220px;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #555555;
  color: #555555;
  font-weight: bold;
}
/* line 303, /app/app/assets/stylesheets/workshops_picker.sass */
.input-select:focus {
  border-color: #8677fb;
}
/* line 305, /app/app/assets/stylesheets/workshops_picker.sass */
.input-select .select-items {
  font-weight: bold;
  box-shadow: 0px 0px 10px #000014;
  border-radius: 0px 0px 6px 6px;
  background: #ffffff 0% 0% no-repeat padding-box;
}

/* line 311, /app/app/assets/stylesheets/workshops_picker.sass */
.date {
  color: rgba(85, 85, 85, 0.3);
}
/* line 313, /app/app/assets/stylesheets/workshops_picker.sass */
.date .form-control {
  border-color: #555555;
  font-weight: bold;
}

/* line 317, /app/app/assets/stylesheets/workshops_picker.sass */
.date-form {
  display: flex;
  flex-direction: column;
}

/* line 321, /app/app/assets/stylesheets/workshops_picker.sass */
.date-box {
  padding-left: 0 !important;
  display: flex;
}

/* line 325, /app/app/assets/stylesheets/workshops_picker.sass */
.input-date {
  padding: 0 15px 0 10px;
  width: 170px !important;
  background-color: #ffffff !important;
}
/* line 329, /app/app/assets/stylesheets/workshops_picker.sass */
.input-date::placeholder {
  color: #555555;
  font-weight: bold;
}

/* line 334, /app/app/assets/stylesheets/workshops_picker.sass */
.input-group .input-group-addon {
  border-color: black;
  background-color: #ffffff;
}

/* line 338, /app/app/assets/stylesheets/workshops_picker.sass */
.borderless {
  border-radius: 6px 6px 0px 0px;
}

/* line 341, /app/app/assets/stylesheets/workshops_picker.sass */
.btn-search {
  width: 135px;
  height: 34px;
  background-color: transparent;
  border: 2px solid #8677FB;
  border-radius: 12px;
  color: #8677fb;
  font-weight: bold;
  font-size: 14px;
}
/* line 350, /app/app/assets/stylesheets/workshops_picker.sass */
.btn-search:active, .btn-search:hover, .btn-search:active:hover, .btn-search:active:focus {
  background-color: #8677FB;
  color: white;
  border: 2px solid #8677FB;
  outline-color: #8677FB;
}
/* line 358, /app/app/assets/stylesheets/workshops_picker.sass */
.btn-search:focus {
  background-color: transparent;
  color: #8677FB;
  border: 2px solid #8677FB;
  outline-color: #8677FB;
}

/* line 364, /app/app/assets/stylesheets/workshops_picker.sass */
.btn-reset {
  width: 135px;
  height: 34px;
  margin-left: 10px;
  background-color: transparent;
  border: 2px solid #919191;
  border-radius: 12px;
  color: #919191;
  font-weight: bold;
  font-size: 14px;
}
/* line 374, /app/app/assets/stylesheets/workshops_picker.sass */
.btn-reset:active, .btn-reset:hover, .btn-reset:active:hover, .btn-reset:active:focus {
  background-color: #919191;
  color: white;
  border: 2px solid #919191;
  outline-color: #919191;
}
/* line 382, /app/app/assets/stylesheets/workshops_picker.sass */
.btn-reset:focus {
  background-color: transparent;
  color: #919191;
  border: 2px solid #919191;
  outline-color: #919191;
}

/* line 388, /app/app/assets/stylesheets/workshops_picker.sass */
.result {
  display: none;
}

/* line 391, /app/app/assets/stylesheets/workshops_picker.sass */
.dis-none {
  display: none;
}

@media (max-width: 900px) {
  /* line 395, /app/app/assets/stylesheets/workshops_picker.sass */
  .form-control {
    margin: 0;
  }

  /* line 397, /app/app/assets/stylesheets/workshops_picker.sass */
  .row-filter {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  /* line 401, /app/app/assets/stylesheets/workshops_picker.sass */
  .row-filter,
  .group-btn {
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
  }

  /* line 407, /app/app/assets/stylesheets/workshops_picker.sass */
  .input-select {
    width: 280px;
  }

  /* line 410, /app/app/assets/stylesheets/workshops_picker.sass */
  .input-date {
    width: 200px !important;
    margin: 0;
    padding: 10px 10px;
  }

  /* line 415, /app/app/assets/stylesheets/workshops_picker.sass */
  .input-group-addon {
    width: 0;
  }

  /* line 418, /app/app/assets/stylesheets/workshops_picker.sass */
  .btn-search,
  .btn-reset {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 5px 100px;
  }

  /* line 426, /app/app/assets/stylesheets/workshops_picker.sass */
  .view-less {
    padding-right: 5px;
    line-height: 16px;
    font-size: 12px;
  }

  /* line 431, /app/app/assets/stylesheets/workshops_picker.sass */
  .workshop__view-more {
    padding-right: 0;
  }

  /* line 434, /app/app/assets/stylesheets/workshops_picker.sass */
  .workshop__info {
    width: 75%;
  }

  /* line 437, /app/app/assets/stylesheets/workshops_picker.sass */
  .title-form {
    margin: 0;
  }
}