input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]{
    -moz-appearance: textfield;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::before, .webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before, .webform-progress-tracker .progress-step.is-complete .progress-marker::after{
  background-color: var(--cofidis-red) !important; 
}

.progress-step.is-active .progress-marker::before {
  background-color: var(--cofidis-yellow) !important; 
}

.progress-tracker{
  margin: 10px auto !important; 
}

.webform-card{
  border: none !important; 
}

.form-actions, .edit-actions{
  display: flex !important; 
}

.js-form-managed-file * {
  //color: black !important;
}

.js-form-managed-file > div {
    border: 2px solid var(--cetelem-gray-400);
    border-bottom: none;
    padding: 5px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.js-form-managed-file > div:first-of-type {
  margin-top: 10px; 
}

.js-form-managed-file > div:last-of-type {
  margin-bottom: 10px; 
  border-bottom: 2px solid var(--cetelem-gray-400);
}

#webform-submission-auchan-form-ajax .js-form-submit {
  color: white !important;
  background-color: var(--cofidis-red);
  border: none;
  border-radius: 5px;
  padding: 5px;
} 

#webform-submission-auchan-form-ajax .js-form-submit:hover {
  background-color: red; 
}

#adatkezelesi_tajekoztato-error, #elozetes_ugyfeltajekoztato-error, #khr-error, .text-count-message {
  display: none !important; 
}

input[type=checkbox].form-check-input {
  border: 2px solid black !important;
  box-sizing: content-box;
  margin-top: 0 !important;
}

.scroll-up svg {
  width:3rem;
  height:3rem;
  position: fixed;
  left: 50%;
  bottom: 10px;
  z-index: 100;
  opacity: 60%;
  transform: translateX(-50%);
  background-color: var(--cetelem-gray-200);
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
  transition: opacity 0.2s;
}

.scroll-up svg:hover {
  cursor: pointer;
  opacity: 100%;
}

.form-item-areacode input.error {
  width: 100% !important;
}

.form-item-areacode input {
  width: 50px;
}

#content div[role=contentinfo] {
  display:none; 
}


.form-error{
  font-weight: bold;
}

.shake {
  position: relative;
  animation-name: shake;
  animation-duration: 0.2s;
  animation-iteration-count: 3;
}

.form-text {
  margin-top: 0 !important; 
}

dialog {
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

dialog *{
  font-size: 1rem !important; 
}

.form-item--error-message{
  font-weight: bold;
}

@keyframes shake {
  0% {
    left: 0px; 
  }
  
  25% {
    left: -15px 
  }
  
  50% {
    left: 0px 
  }
  
  75% {
    left: 15px; 
  }
  
  100% {
    left: 0px 
  }
}