.overlay-layer {
    width: 100%;
    height: 40px;
    position: absolute;
    margin-top: -40px;
    opacity: 0.5;
    background-color: #000000;
    z-index: 0;
    font-size: 25px;
    color: black;
    text-align: center;
    line-height: 40px;
    background-color: #dedede;
    opacity: inherit;
    border-radius: 3px;
    font-size: inherit;
    font-style: inherit;
    font-family: inherit;
    font-weight: bold;
    border: 1px dashed #f79132;
}

.input-group-2-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-align: stretch;
}

.upload_btn {
    position: absolute;
    width: 200px;
    height: 40px;
    margin-top: -40px;
    z-index: 10;
    opacity: 0;
}

.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    max-width: 100%;
}

.form-group-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.form-group-customer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

input#sourceInput {
    width: 100%;
}

.service-call-page .form-fields {
    position: relative;
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    width: 91%;
    margin: auto;
}

.form-row-date.service-call {
  display: flex;
}

.form-row-date {
    margin: auto;
    width: 100%;
}

.form-group.col-md-6.col-sm-12.date-begin-and-end {
    width: 50%;
}

.form-row-Activity {
    display: flex;
}

.form-row-subject {
    display: flex;
}

.form-row-fill-fields {
    margin: auto;
    margin-left: 0px;
    margin-right: 0px;
}

.form-group.col-md-12.ActivityFields {
    padding: 0;
    padding-top: 12px;
}

.form-row-addRow {
    margin: auto;
}

.save-activity-button {
    width: 100%;
    margin-bottom: 0;
}

input#addRow {
    width: 100%;
}

.form-group-upload-file {
    margin: auto;
}

.activityButtons {
  text-align: center;
  margin: auto;
  margin-top: 2rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 7px;
}

  .SelectAllButton {
    display: flex;
    gap: 7px;
    text-align: center;
    margin: auto;
    margin-top: 2rem;
  }

.input-group-choose-file input#saveActivity {
  width: 100%;
}
input.button-1.clearSelect {
  background-color: white;
  color: #23224e;
  border: 1px solid #23224e;
}

.activityStatus {
    width: 75% !important;
}

.input-group-saveactivity {
  display: flex;
}

.activityButtons.mx-auto {
    display: inline;
    text-align: center;
    margin-top: 2rem;
    margin: auto;
    justify-content: center;
    gap: 7px;
}

/*.form-group-firstButtons {
  display: flex;
  flex-direction: row;
  width: 92%;
  margin: auto;
  justify-content: space-between;
}*/

.list-group-item.list-group-item-action {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

    .list-group-item.list-group-item-action .remove-item {
        background-image: url(../../images/samples/delete.svg);
        background-size: contain;
        background-color: white;
        border: 0px;
        background-repeat: no-repeat;
        color: #ffffff00;
    }

.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}

.form-group.col-md-6.col-sm-12.CustomerRole {
    padding-left: 15px;
}

.input-group-prepend, .input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: grid;
}

div#ActivityFiles {
    width: 100%;
    margin: auto;
}

.unsignFile {
    background-color: #ff1f3454 !important
}

.signFile {
    background-color: #97c30063 !important;
}

.locationTitle {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.activities-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row-reverse;
}

.signButtons {
    height: 50px;
}

.activities-button {
    margin-left: 6px;
}

.TechnicianScheduling-date md-datepicker input {
    pointer-events: none;
}

.TechnicianScheduling-date .md-default-theme .md-calendar, .md-calendar {
    font-weight: bold;
}

@media (max-width: 600px) {
  .form-group.col-md-6.col-sm-12.CustomerRole {
    padding-left: 0px;
  }

  .activityButtons {
    margin: auto;
    text-align: center;
    margin: auto;
    margin-top: 2rem;
    display: flex;
    flex-direction: column-reverse;
    gap: 7px;
    align-items: center;
  }

  input#saveCloseActivity {
    margin-left: 0px !important;
    width: 100%;
  }

  .service-call-page {
    background-color: #ffffff;
    padding: 0px;
  }

  .customer-info-page .page-body {
    padding: 0px;
    max-width: 100%;
    margin: auto;
    border-radius: 3px;
    border: 0px solid #eeeeee;
    background-color: #fff;
  }

  .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
  }

  .form-group-buttons {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 100%;
  }

  .save-activity-button {
    margin-left: 0px;
    margin-bottom: 3px;
  }

  .activity-Status {
    width: 75% !important;
  }

  .form-group col-md-12 {
    width: 100%;
  }

  .input-group > .form-control, .input-group > .custom-select {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 50%;
  }

  .input-group-prepend {
    width: 100%;
  }

  .form-group-customer {
    width: 100%;
  }

  .save-activity-button {
    width: 100% !important;
    margin-bottom: 6%;
  }

  .addRow {
    width: 100%;
    margin-top: 4%;
  }

  .form-group-firstButtons {
    display: flex;
    gap: 2%;
    flex-direction: row;
  }

  .phone32 {
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    background-size: cover;
  }

  input#ServiceCallLocation {
    width: 100%;
  }

  .waze32 {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .maps32 {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .input-group {
    display: flex;
    flex-direction: column;
  }

  .fieldset {
    position: relative;
    margin: 0 0 20px;
    text-align: right;
  }

  .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
  }

  .form-group.col-md-12.ActivityFields {
    margin-top: 0;
  }

  .form-group-customer {
    gap: 0;
  }

  .form-group.col-md-6.col-sm-12.CustomerRole {
    padding-left: 0;
  }

  .form-control.requiredObj, input#beginDate {
    width: 100% !important;
  }

  .form-row-date.service-call {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
  }

  .form-group.col-md-6.col-sm-12.date-begin-and-end {
    width: 100% !important;
  }
}


/*------------------------------------------------------
/////// login page input technical portal ///////////
------------------------------------------------------*/

.technicianPortal-portal .page.order-details-page {
  width: 75%;
  margin: auto;
  margin-top: 9%;
}

.technicianPortal-portal button#updateServiceCallActivity {
  border-radius: 10px;
  /*width: 20% !important;*/
}

.table-row-box-on-mobile .save-activity-button {
    width: -webkit-fill-available;
}