.new-page-activity {
  display: flex;
  margin: auto;
  flex-direction: column;
  gap: 30px;
  margin-top: 10%;
  margin-bottom: 15%;
}

button#CloseActivity, .save-activity-button {
  width: 15%;
  text-align: center;
}

.header-number-activity-2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 40%;
  margin: auto;
}

.progress, .progress-bar {
  width: 40%;
  margin: auto;
}

.date-begin-and-end .ng-binding {
  float: right;
}

.col-md-12.group-item.uploaded-files {
  padding: 0;
  margin-top: 3%;
}

.saveActivity {
  display: flex;
  margin: 3% 0 3% 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
}

.saveActivity .form-group {
  margin-bottom: 0;
}

.activityButtons.service-call-page-buttons {
  margin-top: 0;
}

.date-and-time-container .ng-binding {
  font-size: 16px;
}

.date-and-time-container {
  margin-top: 3%;
}

.container-40 {
  width: 40%;
  margin: auto;
  gap: 20px;
  display: flex;
  flex-direction: column;
}

#textereaSubject {
  width: 100%;
}

.form-group-customer label {
  font-weight: bold;
  font-size: 15px;
}

.form-row, .form-row-Activity {
  margin-top: 2%;
}

.new-page-activity h1 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.customer-details {
  background-color: white;
  padding: 3%;
}

.CustomerRole {
  width: 100%;
  text-align: right;
}

.customer-details label {
  font-size: 16px;
  text-align: right;
  float: right;
}

.activities-buttons.form-group.col-md-12.col-sm-12 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.buttons-finish-activity {
display: flex;
justify-content: center;
gap: 10px;
}

.done-activity-button, .transfer-activity-button {
  background: white !important;
  border: 1px solid black;
  color: black;
  text-align: center;
}

.activityButtons .form-group {
  width: 20%;
}

input#saveActivity {
  width: auto;
}

@media (max-width: 736px) {
  .progress-bar, .container-40 {
    width: 90%;
  }

  input#saveCloseActivity {
    width: 100%;
  }

  .container-40 .save-activity-button {
    margin-left: 0;
    height: 38px;
  }

  .header-number-activity-2 {
    width: 90%;
    margin: auto;
  }

  .header-number-activity {
    margin-top: 5%;
  }

    .new-page-activity h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }

  .back-to-activities {
    height: 30px;
    width: 45%;
    font-size: 15px;
  }

  .service-call-page {
    padding: 0 !important;
  }

  .saveActivity {
    display: flex;
    flex-direction: column;
     width: 100%; 
  }

  input#saveActivity {
    width: 100%;
  }

  .form-control.custom-select {
    height: 45px !important;
  }

  .save-activity-button {
    margin-left: 0 !important;
  }
}

/*------------------------------------------------------
/////// login page input technical portal ///////////
------------------------------------------------------*/

/*.technicianPortal-portal .activities-buttons .activities-button, .save-activity-button {
    border-radius: 10px !important;
}*/