body {
  background-color: #f8f9fa;
  font-family: Arial, sans-serif;
}

.form-item__prefix {
  display: none;
}

@media (min-width: 768px) {
  .field--name-field-description {
    width: 50% !important;
  }
}

.field--name-field-description input {
  width: 100%;
}

.field--name-field-payment-method {
  padding-top: 30px;
  padding-bottom: 30px;
}

.form-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Space between fields */
}

@media (max-width: 767px) {
  #block-rastiauto-content .field--name-field-date {
    width: 100%;
  }

  #block-rastiauto-content .js-form-type-date {
    width: 100%;
    padding-bottom: 15px;
  }

  #block-rastiauto-content .js-form-item label {
    margin-top: 20px;
  }

  #block-rastiauto-content .js-form-item input {
    margin-top: 0px;
  } 
}

@media (min-width: 768px) {
  .container-two-fields > div {
    flex: 1 1 calc(50% - 10px);
  }

  .container-two-fields-big-small > div:first-of-type {
    flex: 1 1 calc(66.66% - 10px);

    input {
      width: 100%;
    }
  }

  .container-two-fields-big-small > div:nth-of-type(2) {
    flex: 1 1 calc(33.33% - 10px);
    min-width: 200px;
  }

  .container-three-fields > div {
    flex: 1 1 calc(33.33% - 10px); /* 3 per row */
    min-width: 200px;
  }

  .paragraph-type--task .paragraphs-content {
    width: 10%;
    padding: 10px;
  }

  .paragraph-type--task .paragraphs-subform {
    display: flex;
  }

}

.field--widget-boolean-checkbox {
  width: 50%;
}

.form-item--field-exclude-iva-value {
  float: right;
}

.form-items-center {
  align-items: center;
}

.field--name-field-invoice-number input {
  width: 100%;
}

.form-item {
  margin-block: unset !important;
}

.field--name-field-tasks {
  padding-top: 20px;
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}

.paragraphs-icon-button-collapse {
  display: none;
}

thead .paragraphs-actions > .paragraphs-dropdown {
  display: none;
}

/* login.css */
.page-user-login {
  background-color: #f9f9f9;
  font-family: Arial, sans-serif;
}

.page-user-login .user-login-form {
  max-width: 400px;
  margin: 50px auto;
  padding: 30px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 8px;
}

body.path-user-login {
  background-color: #f0f0f0;
}

body.path-user-login .user-login-form {
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}