.ajax-location {

  position: relative;

  z-index: 8;

  background: #ffffff;

  border: 1px solid grey;

  text-align: left;

  padding: 4px;

}

.ajax-location .item {

  font-size: 12px;

  padding: 2px 0px 2px 0px;

  color: grey;

  cursor: pointer;

}

.popup_text {

  font-size: 14px;

  font-weight: 700;

  color: #92979a;

}


.popup_mail {

  margin: 0px 40px 0px 30px;

  padding: 0px 0px 0px 10px;

  width: 220px;

  height: 44px;

  color: #92979a;

  border: 0;

  border-bottom: 1px solid #f05455;

}

.popup_cancel {

  float: left;

  font-size: 12px;

  font-weight: bold;

  color: #92979a;

  position: relative;

  top: -32px;

  left: 222px;

  cursor: pointer;

}

input.popup_mail:focus-visible {

  border: 0;

  outline: 0;

  border-bottom: 1px solid #f05455;

}

.search_all_content,
.ajax-location {

  display: none;

}

.date_reconnoitre {
  margin: 10px;
  padding: 4px;
  height: 26px;
  width: 200px;
  line-height: 29px;
  border: 1px solid grey;
  color: grey;
  font-size: 14px;
}

.date_reconnoitre_cart {
  color: grey;
}

.changeColor {

  position: fixed;

  right: -82px;

  top: 40%;

  width: 80px;

  min-height: 84px;

  border: 1px dashed grey;

  text-align: center;

  font-size: 12px;

  color: grey;

  padding-top: 4px;

  background: #ffffff;

}

.changeColor_button {

  position: fixed;

  right: 0px;

  top: calc(40%  + 90px);

  width: 24px;

  line-height: 24px;

  min-height: 100px;

  text-align: center;

  font-size: 12px;

  color: #ffffff;

  padding-top: 4px;

  writing-mode: vertical-rl;

  text-orientation: sideways-right;

  transform: rotate(180deg);

  background: #f05454;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

  cursor: pointer;

  letter-spacing: 0.2px;

}

.header_edit_pencil,
.pencil_bottom {

  display: none;

}

.changeColor .color_text {

  margin: 4px 0px 0px 0px;

  display: inline-block;

}

.changeColor .primary_color,
.changeColor .text_color,
.changeColor .hover_color,
.changeColor .primary_text_color,
.changeColor .primary_hover_color {

  width: 34px;

  height: 34px;

  background: #f05454;

  color: #f05454;

  display: inline-block;

  margin: 10px 0px 10px 0px;

  position: relative;

  border: 2px solid black;

  width: 30px;

  height: 30px;

}

.changeColor .primary_text_color {

  background: #ffffff;

  color: #ffffff;

  border: 2px solid black;

  width: 30px;

  height: 30px;

}

.changeColor .primary_hover_color {

  background: #ffffff;

  color: #ffffff;

  border: 2px solid black;

  width: 30px;

  height: 30px;

}

.changeColor .text_color {

  background: #1c1c1c;

  color: #1c1c1c;

}

.changeColor .hover_color {

  background: #8a8a8a;

  color: #8a8a8a;

}

.save_color {

  margin: 4px 0px 8px 0px;

  width: 48px;

  border: 1px solid grey;

  font-size: 12px;

  padding: 2px;

  background: #ffffff;

}

.cleaner {
  clear: both;
}