/* טופס התחברות */
.jtusers-login-wrapper {
}

#jtusers-login-container {
    width: 100%;
    padding: 10px; /* רווח פנימי כולל */
    font-size: 16px; /* גודל טקסט */
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 15px;
    text-align: center; /* ממרכז את הטקסט */
}

#jtusers-login-container form {
    text-align: center;
}

#jtusers-login-container input[type="text"],
#jtusers-login-container input[type="password"],
#jtusers-login-container input[type="email"] {
    width: 100%;
    padding: 10px; /* רווח פנימי גדול יותר */
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: 16px; /* גודל טקסט קריא */
}

#jtusers-login-container input::placeholder {
    color: #999;
    font-size: 14px;
}

#jtusers-login-container button {
    padding: 10px 20px;
    width: 100%; /* כפתור מותאם לרוחב הטופס */
    background-color: #0073aa;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
	font-weight:bold;
    transition: background-color 0.3s ease;
}

#jtusers-login-container button:hover {
    background-color: #005177;
}

#jtusers-login-container a {
    color: #0073aa;
    text-decoration: none;
    display: block;
    margin-top: 10px;
    font-size: 14px;
}

#jtusers-login-container a:hover {
    text-decoration: underline;
}

#jtusers-login-message,
#jtusers-forgot-message {
    margin-top: 10px;
    font-size: 14px;
}

#jtusers-login-message {
    color: red;
}
a.register_link {
	font-weight:bold; 
	font-size : 18px; // יעבוד רק עם important
}
#jtusers-forgot-message {
    color: green;
}

/* כפתור לאיפוס סיסמא */
#jtusers-reset-password-button {
    padding: 10px 20px;
    background-color: #0073aa; /* צבע תואם לטופס */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    transition: background-color 0.3s ease;
}

#jtusers-reset-password-button:hover {
    background-color: #005177;
}

/* קונטיינר לטופס איפוס סיסמא */
#jtusers-reset-password-container {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

#jtusers-reset-password-container h3 {
    margin-bottom: 20px;
    font-size: 24px;
}

#jtusers-reset-password-container form {
    text-align: center;
}

#jtusers-reset-password-container label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

#jtusers-reset-password-container input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

#jtusers-reset-message {
    margin-top: 10px;
    font-size: 14px;
    color: green;
}


/* איזור משתמשים */
#user-area {
    text-align: center;
    margin-top: 30px;
}

#user-area h2 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

#user-info {
	padding-top:15px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #333;
}
.user_info_text {
	font-size:16px;
}
#user-info #user-name {
    font-weight: bold;
    color: #0073aa;
}

#user-info #logout-link {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 10px;
    background-color: #d9534f;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

#user-info #logout-link:hover {
    background-color: #c9302c;
}

.user-boxes {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;
}

.user-box {
    width: 200px;
    height: 200px;
    background-color: #f0f0f0;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.user-box p {
    font-size: 18px;
    color: #333;
}

.user-box:hover {
    transform: translateY(-10px);
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
}

.user-box:active {
    transform: translateY(2px);
}
#change-password-form {
    display: none;
    margin-top: 20px;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.user-box {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 10px;
    text-align: center;
    background-color: #eaeaea;
    border-radius: 5px;
}

.user-box:hover {
    background-color: #ddd;
}
/* איזור הרשמה register*/
select.register_input-field_status {
	margin-bottom:30px;
	border-radius: 12px !important;

}
.register_field-label {
	font-size : 15px;
}

input.register_input-field {
	margin-bottom:30px;
	border-radius: 12px !important;
	
}
.form-row {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

/* מפרידים */
.divider {
  border: none;
  border-top: 1px solid #ccc;
  margin: 20px 0;
  padding-bottom:20px;
}

/* כותרות קטנות */
.sub-title {
  padding-top:30px;
  font-weight:bold;
  font-size: 1em;
  margin-bottom: 10px;
  text-align: right;
  color: #333;
}

.optional-text {
  font-size: 0.8em;
  color: #777;
}

/* כפתור הוספת איש קשר */
.add-contact {
  font-size: 0.9em;
  border:0px;
  font-weight:bold;
  font-style: italic;
  border-color:#0a879e;
  color: #0a879e; /* תכלת */
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}

.add-contact:hover, .add-contact:active , .add-contact:focus {
  font-size: 0.9em;
  border-color:#007BFF;
  background-color:white;
  color: #007BFF; /* תכלת */
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}
#edit-user-form .field input {
	margin-top:3px;
	margin-bottom:30px;
}
#contacts-list .edit-form  input, #add-contact-form input {
	margin-top:3px;
	margin-bottom:30px;
}
#add-contact-form .save_contact,
#add-contact-form .cancel-add-contact,
#contacts-list .edit-form .save-edit,
#contacts-list .edit-form .cancel-edit,
#edit-user-form .save_edit_details,
#edit-user-form .cancel_edit_details
{
  font-size: 0.9em;
  font-weight:bold;
  font-style: italic;
  border-color:#007BFF;
  color: #007BFF; /* תכלת */
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}
#add-contact-form .save_contact:hover,
#add-contact-form .cancel-add-contact:hover,
#add-contact-form .save-edit:hover,
#add-contact-form .cancel-edit:hover,
#edit-user-form .save_edit_details:hover,
#edit-user-form .cancel_edit_details:hover
 {
  font-size: 0.9em;
  border-color:#007BFF;
  background-color:#007BFF;
  color: white; /* תכלת */
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}
/* תיבת יצירת חשבון */
.account-creation-box {
  background: #f1f1f1;
  padding: 20px;
  border-radius: 25px; /* פינות עגולות */
  margin-top: 20px;
  text-align: center;
}

.account-title {
  font-size: 1.4em;
  color: #333;
  margin-bottom: 15px;
}

/* כפתור הרשמה */
.register_container .btn-register,
.register_container .btn-register:focus,
.register_container .btn-register:active,
.register_container .btn-register:hover {
  width:100%;
  border-radius: 12px !important;
  font-weight:bold;
  font-size: 1.2em;
  border-color:#0A789E;
  background-color:#0A789E;
  color: white; /* תכלת */
  text-decoration: none;
  display: inline-block;
}

.error-messages {
  font-weight:bold; 
  color:red;
}
/* סגנונות כללי עבור אנשי הקשר */
#contacts-container {
    margin-top: 20px;
}

.contact-block {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}
.contact-title{
	font-size:15px;
	font-weight:bold;
}
.contact-feilds {
	padding-left:30px;
}
#contacts-list .fa-pencil {
	font-size:10px;
	margin-right:30px;
	cursor:pointer;
}
.fa-trash {
	font-size:10px;
	margin-right:10px;
	cursor:pointer;
}
/* סגנון שדות קלט */
.input-field {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 14px;
}

.input-field:focus {
    border-color: #235a45; /* הצבע של הקו תחתון כשתשומת הלב על השדה */
    box-shadow: 0 0 5px rgba(35, 90, 69, 0.5);
}

/* כפתור הוספת איש קשר */
.add-contact a {
    display: inline-block;
    padding: 10px 15px;
    background-color: #0A789E;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
}

.add-contact a:hover {
    background-color: #0A789E; /* צבע כהה יותר בהעברה */
	color: white;
}

/* עיצוב תגיות עבור השדות */
.field-label {
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
    display: block;
}

/* הסתרת תוויות בשדה נייד וטלפון כאשר אין ערך */
.form-group input[type="text"]:empty {
    color: #aaa;
}

/* עיצוב עמודה של אנשי קשר */
.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form-group {
    flex: 1;
    min-width: 250px;
}

/* הפיכת הגודל לנעים יותר */
@media (max-width: 768px) {
    .form-group {
        flex: 1 1 100%; /* הופך את השדות לרוחב מלא במסכים קטנים */
    }
}

/* user details */
	.greeting{
		font-size: 1.25em;
		font-weight:bold;
	}
	.client-number {
		color : #0a789e;
    }

    .status-row {
      font-size: 1em;
      font-weight: 400;
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .status-row .edit-icon {
      font-size: 1em;
      cursor: pointer;
      color: #007BFF;
    }

    .bold {
      font-weight: 700; /* טקסט מודגש */
    }
	
    .details_contacts {
	  padding-top:30px;
      
    }
	.details_contacts_title{
	  font-size: 16px;
	  font-weight:bold;
	  padding-bottom:15px;
	}
    #contacts-list {
		list-style-type: none; /* הסרת סגנון הנקודות */
		padding: 0; /* הסרת רווחים פנימיים */
		margin: 0; /* הסרת רווחים חיצוניים */
	}

	.contact-item {
		margin-bottom: 10px; /* רווח בין פריטי הרשימה */
	}

    .add-contact:hover {
      text-decoration: underline;
    }

    divider {
      border: none;
      border-top: 1px solid #ccc;
      margin: 20px 0;
    }
	.details-edit-icon {
		display: inline-block;
		font-size: 1.2em; /* גודל האייקון */
		cursor: pointer; /* מצביע יד */
		color: #235a45; /* צבע הטקסט */
		transition: color 0.3s ease; /* אנימציה בעת מעבר עכבר */
	}

	.details-edit-icon:hover {
		color: #0f3d2e; /* צבע כהה יותר במעבר עכבר */
	}
	
/* אזור החיפוש */
#search_wrapper {
    width: 100%; /* פריסה לרוחב כל המסך */
    padding: 20px 0; /* רווח פנימי למראה נעים יותר */
    display: flex;
    justify-content: center; /* מיקום השדה במרכז */
    align-items: center;
}

/* עיצוב שדה החיפוש */
#search_wrapper input[type="text"] {
    width: 100%; /* פריסה לרוחב כל ה-div */
    padding: 15px; /* גובה גדול יותר */
    border: none;
    border-radius: 0px 50px 50px 0px; /* פינות מעוגלות */
    font-size: 16px;
    outline: none;
    text-align: right; /* יישור placeholder לימין */
    direction: rtl; /* מתאים לשפות כמו עברית */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* צל עדין */
}

#search-material-submit {
    padding: 15px 20px 15px 20px;
	background-color: #000000;
	color: #d9534f;
	border: 0px solid #d9534f;
	cursor: pointer;
	border-radius: 50px 0px 0px 50px; /* פינות מעוגלות */
	margin-right: 0px;
	font-weight: bold;
}



/* טופס */
     /* סגנון עבור h1 */
  .title {
    color: #007bff; /* צבע תכלת */
    font-size: 32px; /* גודל גופן 32 פיקסלים */
    font-weight: normal; /* משקל גופן בולד */
  }

  /* סגנון עבור h2 */
  .subtitle {
    color: #333333; /* צבע אפור כהה */
    font-size: 24px; /* גודל גופן 24 פיקסלים */
    font-weight: bold; /* משקל גופן רגיל */
  }
    .content {
      flex-grow: 1;
    }

    .form-group {
      display: flex;
      gap: 30px;
      margin-bottom: 10px;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 10px;
    }

    .divider {
      border: none;
      border-top: 1px solid #ccc;
      margin: 20px 0;
    }

    .btn {
      padding: 10px 15px;
      border-radius: 10px;
      cursor: pointer;
    }

    .btn.light-blue {
      background-color: #f9f9f9;
      color: #007BFF;
      border: none;
      outline: none;
      padding: 5px 20px;
      border-radius: 10px;
    }
#request_header_button {
	padding:20px;
    position: relative; /* ייחוס לעמדת הבן */
	font-size:20px;	
	background-color:#f1f1f1;
	color:black;
	border-radius:15px;
	text-align:right:
	
}
#request_header_button_name{
	font-size:80%;
	font-weight:bold;
}
#request_header_button_date{
	font-size:80%;
	font-weight:bold;
	text-align:left;
}
.request_header_button_travel {
	font-size:80%;
	text-align:left;
}
.header-travel-box {
    background-color: #d6d6d6; /* צבע רקע כהה יותר */
    border: 1px solid #aaa; /* מסגרת כהה יותר */
    border-radius: 8px; /* פינות מעוגלות */
    padding: 5px 20px; /* ריווח פנימי (מרחיב את האורך) */
    display: inline-block; /* שיהיה בגודל תוכן */
    font-size: 14px; /* גודל טקסט */
    text-align: center; /* מיקום הטקסט במרכז */
}
#request_header_button_toggle_status {
    position: absolute;
    left: 30px; /* מיקום שמאלי */
	
}
.request-edit-status {
	padding-top:20px;
	padding-right:50px;
	padding-left:50px;
}
.toggle-request{
	
}
.request_header_user_details{
	font-size:110%;
	padding-left:5%;
}
/* עיצוב כללי לכפתורים */
#request_buttons .request-btn {
    border: none;
    background: none;
    color: inherit;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 10px;
    transition: background-color 0.3s, color 0.3s;
}

/* אפקט hover עבור כל הכפתורים */
#request_buttons {
	padding-bottom:20px;
}
#request_buttons .request-btn:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: inherit;
}
#request_buttons .request-btn.active{
	background-color: rgba(0, 0, 0, 0.1);
    color: inherit;
}
/* כפתור שמירה */
#request_buttons .request-save {
    color: #000000;
	background-color : #ededed;
	border-radius : 80px;
	margin-left:10px;
}
/* כפתור "אין אישור" */
#request_buttons .request-decline {
    color: #000000;
	background-color : #ededed;
	border-radius : 80px;
	margin-left:10px;

}

/* כפתור "דורש בדיקה" */
#request_buttons .request-review {
    color: #000000;
	background-color : #ededed;
	border-radius : 80px;
	margin-left:10px;
}

/* כפתור "אישור והעברה לחתימה" */
#request_buttons .request-sign {
    color: white;
	background-color : #0a789e;
	border-radius : 80px;
}

/* כפתור "שלח" תמיד פעיל */
#request_buttons .request-admin-submit.always-active {
	width:100%;
    background-color: #007BFF;
    color: white;
    cursor: pointer;
}

.material-field{
	padding-top:10px;
	text-align:right;
}
#header_button {
	background-color: #dfdfdf; /* צבע רקע אפור */
	text-align:right;
	border:0px;
	width:100%;
    color: black; /* צבע טקסט לבן */
    padding: 10px; /* ריפוד פנימי */
	padding-right:40px;
    font-size: 1rem; /* גודל פונט */
    border-radius: 12px; /* פינות מעוגלות */
    cursor: pointer; /* סמן לעכבר מצביע */
    transition: background-color 0.3s, border-color 0.3s; /* אנימציה עדינה בשינוי צבע */
	margin :2px;
    position: relative; /* ייחוס לעמדת הבן */
	font-size:18px;
}

#header_button_toggle_status {
    position: absolute;
    left: 10px; /* מיקום שמאלי */
}
.furmola_header_span_text {
	padding-left:20px;
}
.furmola_header_a{
	font-size:60%;
}
.material_header_span_text {
	font-size:60%; padding-left:20px;
}
.header_name_span_text {
	width:200px; display: inline-block;
}
.header_status_span_wrapper {
	padding-right:30px; font-size:13px;
}

.approved_material_header_text {
    color: #0a789e;        /* צבע הטקסט */
    font-style: italic;    /* טקסט נטוי */
    border: 1px solid #0a789e;  /* מסגרת בצבע הטקסט */
    background-color: #e0f7fa;  /* צבע רקע בהיר */
    padding: 3px;         /* ריווח פנימי */
    border-radius: 80px;    /* פינות מעוגלות */
	width:300px; 
	display: inline-block;
	text-align:center;
	
}
.unapproved_material_header_text {
	color:#d80505;
	font-style: italic;    /* טקסט נטוי */
    border: 1px solid #d80505;  /* מסגרת בצבע הטקסט */
    background-color: #f4d3d3;  /* צבע רקע בהיר */
    padding: 3px;         /* ריווח פנימי */
    border-radius: 80px;    /* פינות מעוגלות */
	width:300px; 
	display: inline-block;
	text-align:center;
}
   
.btn.blue {
  background-color: #007BFF;
  color: #fff;
  border: none;
  border-radius: 20px;
  padding: 15px 30px;
  display: block;
  margin: 40px auto;
}

.checkbox-container {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.radio-container {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.radio {
  flex: 1;
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
}

.radio.active {
  background-color: #007BFF;
  color: #fff;
  border-color: #000;
}
/* עיצוב כפתור אפור */
.btn.gray {
    background-color: #E0E0E0; /* צבע רקע אפור */
   width:100%;
    color: black; /* צבע טקסט לבן */
    border: 1px solid #6c757d; /* גבול אפור */
    padding: 3px 10px; /* ריפוד פנימי */
    font-size: 1rem; /* גודל פונט */
    border-radius: 5px; /* פינות מעוגלות */
    cursor: pointer; /* סמן לעכבר מצביע */
    transition: background-color 0.3s, border-color 0.3s; /* אנימציה עדינה בשינוי צבע */
	margin :2px;
}

/* שינוי צבע רקע והגבול בעת ריחוף על הכפתור */
.btn.gray:hover {
    background-color: #5a6268; /* צבע רקע כהה יותר בעת ריחוף */
    border-color: #5a6268; /* גבול כהה יותר בעת ריחוף */
}
/* מצב לחיצה */
.btn.gray:active {
    background-color: #5a6268; /* צבע רקע כהה יותר בעת לחיצה */
    border-color: #343a40; /* גבול כהה יותר בעת לחיצה */
    color: black; /* טקסט בצבע לבן בעת לחיצה */
}

/* מצב פוקוס */
.btn.gray:focus {
    background-color: #5a6268; /* צבע רקע נשאר אפור */
    border-color: #6c757d; /* גבול נשאר אפור */
    outline: none; /* ביטול מסגרת ברירת המחדל */
}
#directory_title{
	padding-bottom:20px;
}
.directory_name {
	font-style: italic;
	
}
.readonlydiv{
	padding:2px;
}
input.request_name{
	margin-bottom:30px;
}
.materials_readonly_names {
	padding-top:15px;
	padding-bottom:15px;
}
.material_readonly_value {
	font-weight:bold;
}
.material-edit-status {
}
.material_type{
	padding-top:15px;
	
}
.toggle-material{
	font-size:+2;
	font-weight:bold;
}
/* עיצוב כפתור מאושר */
#approve_material {
    color: #ffffff;
	background-color : #0a789e;
	border-color:#0a789e;
	border-radius : 80px;
	margin-left:10px;
	margin:10px;
	font-weight:bold;
	height: 40px;
}

#approve_material:hover {
    background-color: #0a789e; /* רקע כחול כהה יותר בזמן ריחוף */
    box-shadow: none; /* ללא צל בזמן לחיצה */
}

#approve_material:active {
    background-color: #0a789e; /* רקע כחול כהה יותר בלחיצה */
    box-shadow: none; /* ללא צל בזמן לחיצה */
}

/* עיצוב כפתור לא מאושר */
#unapprove_material {
    color: #ffffff;
	background-color : #dc3545;
	border-color:#dc3545;
	border-radius : 80px;
	margin:10px;
	font-weight:bold;
	height: 40px;
}

#unapprove_material:hover {
    background-color: #dc3545; /* רקע כחול כהה יותר בזמן ריחוף */
    box-shadow: none; /* ללא צל בזמן לחיצה */
}

#unapprove_material:active {
    background-color: #dc3545; /* רקע כחול כהה יותר בלחיצה */
    box-shadow: none; /* ללא צל בזמן לחיצה */
}

/* עיצוב כפתור המחיקה */
.delete_wrapper {
    /* כאן ניתן להוסיף עיצוב בהתאם לצורך */
}

#delete_material {
    color: #000000;
	background-color : #ededed;
	border-color:#ededed;
	border-radius : 80px;
	margin:10px;
	font-weight:bold;
	height: 40px;
}

#delete_material:hover {
    background-color: #ededed; /* רקע אדום כהה יותר בזמן ריחוף */
    box-shadow: none; /* ללא צל בזמן לחיצה */
}

#delete_material:active {
    background-color: #ededed; /* רקע אדום כהה יותר בלחיצה */
    box-shadow: none; /* ללא צל בזמן לחיצה */
}
.request_edit_form{
	padding-top:10px;
}
.request_materials_title{
	font-weight:bold;
	padding:20px;
	text-decoration:underline;
}
.delete_request_wrapper {
	text-align:left;
}
#delete_request {
    background-color: #dc3545; /* רקע אדום */
    color: #ffffff; /* טקסט לבן */
    border: 1px solid #dc3545; /* מסגרת באותו צבע רקע */
	margin: 1px;
    padding: 10px 20px; /* מרווח פנימי */
    border-radius: 5px; /* פינות מעוגלות */
    font-size: 16px; /* גודל טקסט */
    font-weight: bold; /* טקסט מודגש */
    cursor: pointer; /* סמן מצביע */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* אפקט מעבר */
}

#delete_request:hover {
    background-color: #c82333; /* רקע אדום כהה יותר בזמן ריחוף */
    box-shadow: 0 0 10px rgba(220, 53, 69, 0.5); /* צל קל בזמן ריחוף */
}

#delete_request:active {
    background-color: #bd2130; /* רקע אדום כהה יותר בלחיצה */
    box-shadow: none; /* ללא צל בזמן לחיצה */
}
.request-field-unit{
	margin-bottom: 10px;
}
.request-field-unit input, .request-field-unit select{
	border-radius: 12px !important;
	margin-bottom:30px;
}
#display_edit_status_show .submit-request,
#display_edit_status_show .submit-request:hover,
#display_edit_status_show .submit-request:focus{
	background-color: #007BFF;
	border-color:#007BFF;
    color: white; /* תכלת */
	margin: 1px;
    padding: 10px 20px; /* מרווח פנימי */
    border-radius: 5px; /* פינות מעוגלות */
    font-size: 16px; /* גודל טקסט */
    font-weight: bold; /* טקסט מודגש */
    cursor: pointer; /* סמן מצביע */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* אפקט מעבר */
}
#display_edit_status_show .save-request,
#display_edit_status_show .save-request:hover,
#display_edit_status_show .save-request:focus{
	background-color: #a7a7a7;
	border-color:#a7a7a7;
    color: white; /* תכלת */
	margin: 1px;
    padding: 10px 20px; /* מרווח פנימי */
    border-radius: 5px; /* פינות מעוגלות */
    font-size: 16px; /* גודל טקסט */
    font-weight: bold; /* טקסט מודגש */
    cursor: pointer; /* סמן מצביע */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* אפקט מעבר */
}

#add-new-request-unit{
	font-size: 0.9em;
	  border-color:#007BFF;
	  background-color:#007BFF;
	  color: white; /* תכלת */
	  text-decoration: none;
	  display: inline-block;
	  margin-top: 10px;
}
#display_edit_status_show .add-new-material {
      font-size: 0.9em;
	  font-weight:bold;
	  border-color:#0a789e;
	  background-color:#0a789e;
	  color: white; /* תכלת */
	  text-decoration: none;
	  display: inline-block;
	  margin-top: 10px;
}

#add-new-material:hover {
    background-color: #e2e6ea; /* רקע אפור כהה יותר בזמן ריחוף */
    color: #0056b3; /* טקסט כחול כהה יותר בזמן ריחוף */
}
#display_edit_status_show .edit_request_button {
    	  font-size: 0.9em;
	  font-weight:bold;
	  border-color:#0a789e;
	  background-color:#0a789e;
	  color: white; /* תכלת */
	  text-decoration: none;
	  display: inline-block;
	  margin-top: 10px;
}

#display_edit_status_show .edit_request_button:hover {
    background-color: #e2e6ea; /* רקע אפור כהה יותר בזמן ריחוף */
    color: #0056b3; /* טקסט כחול כהה יותר בזמן ריחוף */
}
#display_edit_status_show .edit_arequest_button {
    	  font-size: 0.9em;
	  font-weight:bold;
	  border-color:#0a789e;
	  background-color:#0a789e;
	  color: white;
	  text-decoration: none;
	  border-radius: 12px;
	  display: inline-block;
	  margin-top: 10px;
}
/* עיצוב כללי עבור file_updated */
.file_updated {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px; /* רווח בין האלמנטים */
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    margin-bottom: 10px; /* רווח בין השורות */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* עיצוב התווית */
.file_updated .label {
    font-size: 14px;
    color: #333;
    flex-grow: 1;
    margin-right: 10px;
    white-space: nowrap; /* טקסט בשורה אחת */
    overflow: hidden; /* חיתוך טקסט ארוך */
    text-overflow: ellipsis; /* ... עבור טקסט ארוך */
}

/* עיצוב הקישור */
.file_updated a {
    text-decoration: none;
    color: #007BFF;
    font-size: 14px;
}

.file_updated a:hover {
    text-decoration: underline;
}

/* עיצוב כפתור מחיקה */
.file_updated .btn {
    font-size: 12px;
    padding: 5px 10px;
    background-color: #e74c3c;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.file_updated .btn:hover {
    background-color: #c0392b;
}

/* עיצוב שדה מוסתר */
.file_updated input[type="hidden"] {
    display: none;
}

#loading-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #007bff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}