.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;
}

button.upload-file-service-call.md-button.md-ink-ripple {
  background-color: #e5e4e4;
  padding: 0.5% 1.5%;
  border: 0.7px solid #9f9f9f;
  margin: 0;
  height: 49px;
  border-radius: 0.25rem;
}

.service-call-upload-file .group-item {
  padding-left: 0 !important;
}

.uploaded-file {
  width: 100%;
}

.service-call-upload-file {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}


.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;
}

.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;
  border-radius: 4%;
  width: 230px !important;
}

.signFile {
  background-color: #97c30063 !important;
  border-radius: 4%;
  width: 230px !important;
}
#mustSignFile {
  font-size: 12px;
}
.uploaded-files .list-group-item {
  border-radius: 0 !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;
}

button#updateServiceCallActivity {
    min-width: 50px;
}

.order-details-page button#updateServiceCallActivity {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 6px; /* פינות מעוגלות */
    background-color: #f9f9f9;
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
}

    .order-details-page button#updateServiceCallActivity:hover {
        background-color: #e6e6e6;
        border-color: #999;
    }

    .order-details-page button#updateServiceCallActivity:active {
        background-color: #b9b9b9;
        transform: scale(0.95);
        border: 0;
        outline: none;
    }

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

.TechnicianScheduling-date .md-default-theme .md-calendar, .md-calendar {
    font-weight: bold;
}
select.service-call-select-highlight {
  border: 1px solid red;
}
input.service-call-highlight, input.service-call-highlight {
  border: 1px solid red;
}
textarea.service-call-highlight, input.service-call-highlight {
  border: 1px solid red;
}

.CustomerRole-status-service-call {
  width: 20%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid lightgray;
  border-radius: 0.25rem;
  margin-bottom: 3%;
}

  .CustomerRole-status-service-call input {
    background-color: transparent !important;
    border: 0;
    width: inherit;
    text-align: center;
    width: 70px;
    font-weight: bold;
  }

@media (max-width: 650px) {
  .CustomerRole-status-service-call {
    width: 100%;
  }
}

    @media (max-width: 1024px) {
      .CustomerRole-status-service-call {
        margin-bottom: 7%;
      }

      .form-row.form-group.uploaded-file {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 1%;
      }

      .form-group.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: 32px !important;
        height: 32px !important;
        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;
}

/*------------------------------------------------------
/////// new service call with contracts panel ///////////
------------------------------------------------------*/

.service-call-container {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.contracts-panel, .call-details-panel {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

    .contracts-panel h3 {
        text-align: center;
        font-weight: bold;
        margin: 20px 0 10px;
    }

    .contracts-panel .form-group {
        margin-bottom: 20px;
    }

    .contracts-panel label {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
        color: #333;
    }

    .contracts-panel .form-control {
        width: 100%;
        font-size: 14px;
        box-sizing: border-box;

        padding: 10px 12px;
        border: 1px solid #ccc;
        border-radius: 8px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

        .contracts-panel .form-control:focus {
            border-color: #007acc;
            box-shadow: 0 0 4px rgba(0,122,204,0.3);
            outline: none;
        }


.call-details-panel-inner, .contracts-panel-inner, .contracts-panel-inner-2 {
    padding: 4%;
}

.reading-details-title, .reading-details-title-1 {
    font-weight: bold;
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 50px;
    padding: 10px 0;
}

.call-details-panel-inner label, .call-details-panel-inner span, .date-service-call-container, .service-call-upload-file, .location-container {
    margin-top: 4%;
    float: right;
}

.service-call-upload-file, .location input, .location-container {
    width: 100%;
}

.location {
    text-align: right;
}

    .location input {
        margin-top: 4%;
    }

    span.required {
        float: left !important;
    }

button.end-service-call {
    color: #fff;
    border: none;
    padding: 10px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
    font-size: 1.5rem;
}

    button.end-service-call:hover {
        background-color: #005f99;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }

button.end-service-call {
    display: inline-block;
    height: 45px;
    line-height: 35px;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-bottom: 5%;
    letter-spacing: 1px;
    display: flex;
}

    @media (min-width: 1024px) {
        button .open-contract {
        display: none;
    }

    .call-details-panel, .contracts-panel {
        border: 1px solid #97C4D3;
    }

    .contracts-panel, .call-details-panel {
        border: 1px solid #97C4D3;
        border-radius: 12px;
    }

        button.open-contract {
            display: none;
        }
}

    @media (max-width: 1024px) {
        .reading-details-title {
            border-radius: 0 !important;
        }

        .reading-details-title-1 {
            border-radius: 10px 10px 0 0 !important;
        } 

        .service-call-container {
            flex-direction: column;
        }

        .contracts-panel {
            display: none;
        }

        button.open-contract {
            display: inline-block;
            height: 45px;
            line-height: 35px;
            width: 200px;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 1.2rem;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s ease;
            margin-bottom: 5%;
            letter-spacing: 1px;
        }

        div#contracts-panel {
            padding: 0;
        }

        .ui-dialog-titlebar {
            padding: 0;
            height: 0;
        }

        .call-details-panel {
            margin-top: 4%;
        }

        .ui-dialog[aria-describedby="contracts-panel"] {
            position: fixed !important;
            top: 5% !important;
            transform: translateX(-50%); 
            z-index: 9999;
        }

            .ui-dialog[aria-describedby="contracts-panel"] .ui-dialog-titlebar button {
                top: 12px;
            }
    }

.contracts-panel-inner-2 span.btn.btn-link.btn-sm.text-danger, .contracts-panel-inner span.btn.btn-link.btn-sm.text-danger {
    display: inline;
    float: left;
    width: fit-content;
}

.contracts-panel-inner-2 .btn-default-focus, .contracts-panel-inner .btn-default-focus  {
    box-shadow: none !important;
}

.ui-select-bootstrap .ui-select-choices {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.ui-select-bootstrap .ui-select-choices-row > span {
    display: block;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row.active > span {
    background-color: #007bff;
    color: #fff;
}
/* הפיכת הרשימה לצד ימין */
.ui-select-bootstrap .ui-select-choices {
    right: 0;
    left: auto;
    text-align: right;
    direction: rtl;
}

/* פריטי הרשימה מיושרים לימין */
.ui-select-bootstrap .ui-select-choices-row > span {
    text-align: right;
    direction: rtl;
}
/* מיישר את הטקסט הנבחר לימין */
.ui-select-bootstrap .ui-select-match-text {
    text-align: right;
    direction: rtl;
    display: block; /* חשוב כדי ש-text-align יעבוד */
}

/* מסיר רווח מיותר אם יש אייקון */
.ui-select-bootstrap .ui-select-toggle > .caret {
    left: 10px; /* אייקון בצד שמאל */
    right: auto;
}

/* מיישר את ה-placeholder לימין */
.ui-select-bootstrap .ui-select-match .ui-select-placeholder {
    text-align: right;
    direction: rtl;
    display: block; /* חשוב כדי שהיישור יעבוד */
}



@media (max-width: 1024px) {
   .order-details-page .table-row-box-on-mobile {
        display: block;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        padding: 20px 16px !important;
        margin-bottom: 18px;
        background-color: #fafafa; 
        box-shadow: 0 3px 8px rgba(0,0,0,0.08);
    }

    .order-details-page .table-row-box-on-mobile .table-cell {
        display: block;
        width: 100%;
        margin-bottom: 14px;
        padding: 0;
    }

    .order-details-page .table-row-box-on-mobile .table-title {
        font-weight: 600;
        display: block;
        margin-bottom: 6px;
        color: #222;
        font-size: 15px;
    }

    .order-details-page .table-row-box-on-mobile .product-unit-price {
        display: block;
        margin-bottom: 6px;
        color: #444;
        font-size: 14px;
    }

    .activities-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 14px;
    }

        .activities-buttons .activities-button {
            min-width: 130px;
            padding: 10px 14px;
            border-radius: 8px;
            font-size: 14px;
            background: #007bff;
            color: #fff;
            border: none;
            cursor: pointer;
            transition: 0.2s ease-in-out;
        }

            .activities-buttons .activities-button:hover {
                background: #0056b3;
            }

    .order-details-page .activities-buttons {
        justify-content: center !important;
    }

    .locationTitle {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }
}