@charset "utf-8";
/* CSS Document */
div

{

	align-content: center;
	align-items: center;
	text-align: center;

}

.conflict-row {
  border: 3px solid #ff3333 !important;
  background-color: #ffecec;
}


/*input[type="number"]:hover {
  background-color: #FFF842;
  color: #403E10;
  font-weight: bold;

  box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
  transform: translate3d(6px, -6px, 0);

  transition-delay: 0s;
	  transition-duration: 0.4s;
	  transition-property: all;
  transition-timing-function: line;

}
*/
 input[type="submit"].general {
    display: inline-block;
    border-radius: 4px;
    background-color: #f4511e;
    border: none;
    color:#fdfdfd;
    text-align: center;
    font-size: 30px;
    padding: 20px;
    /*width: 300px;*/
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;

    }

input[type="checkbox"]
{
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 10px;

}

input[type="number"]
{
    width: 100px;

}
   input[type="submit"] span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    }

input[type="submit"]

{

    background:rgba(244,81,30,0.5);
    text-decoration: none;
    border:none;
    color: #fdfdfd;
    cursor: pointer;
    font-size:36px;

}
 input[type="submit"] span:after {
    content: attr(value)'\00bb' ;
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
    }

   input[type="submit"]:hover span {
    padding-right: 25px;
    }

    input[type="submit"]:hover span:after {
    opacity: 1;
    right: 0;
    }

 button {
    display: inline-block;
    border-radius: 4px;
    background-color: #f4511e;
    border: none;
    color: #FFFFFF;
    font-size: 30px;
    padding: 20px;
    width: 500px;
    transition: all 0.5s;
    cursor: pointer
    margin: 5px;
    }

    button  span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    }

button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

button:hover span {
    padding-right: 25px;
}

button:hover span:after {
    opacity: 1;
    right: 0;
}

table {
    border-collapse: collapse;
    margin: 0 auto;

}

th, td {

    padding: 2px;
}

tr:nth-child(even){background-color: #f2f2f2}
tr:nth-child(odd){background-color:#f2f2f2 }

th {
    background-color: #4CAF50;
    color: white;
}

form
{

	margin: 0 auto;
}


	input[type="file"] {
    display:none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
	}

	span
	{
		/*color: red;*/
		font-size: 38px;
	}


.submitLink {
  background-color: transparent;
  text-decoration: none;
  border:none;
  color: blue;
  cursor: pointer;
    font-size:36px;
margin: 20px;
}
.submitLink:focus {
  outline: none;
}
.submitLink:hover
{
    background-color: #FFF842;
    color: #403E10;
    font-weight: bold;

    box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
    transform: translate3d(6px, -6px, 0);

    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: line;

}

ul {
    list-style-type: none;
    margin-top: -10px;
    padding-top:0;
    overflow: hidden;
    background-color: #333;
    float:right;
    width:100%;
    font-weight: 300;
    font-size: 2em;
    position: fixed;
    z-index:100
}

li {
    float: right;
}

li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}


/* --- اصلاح دکمه حذف ردیف جدول --- */
button.delete-row-btn {
  background: none !important;
  border: none !important;
  color: #ff4747 !important;
  font-size: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  width: auto !important;
  cursor: pointer;
  transition: color 0.25s ease, transform 0.25s ease;
}

button.delete-row-btn:hover {
  color: #c32626 !important;
  transform: scale(1.3);
}

/* --- محدود کردن استایل قبلی فقط به دکمه‌های بیرون جدول --- */
button:not(.delete-row-btn) {
  display: inline-block;
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  font-size: 30px;
  padding: 20px;
  width: 500px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

/* دکمه‌های اصلی بالای جدول (افزودن + ذخیره) */
#addRowBtn, #saveBtn {
  display: inline-block;
  border-radius: 6px;
  background-color: #ff6733;
  border: none;
  color: white;
  font-size: 16px;     /* قبلاً 30px بود */
  font-weight: bold;
  padding: 8px 22px;   /* قبلاً 20px بود */
  width: auto;         /* جلوگیری از عرض ثابت 500px */
  cursor: pointer;
  margin: 8px 4px;
  transition: background 0.25s ease, transform 0.2s ease;
}

#addRowBtn:hover, #saveBtn:hover {
  background-color: #e15220;
  transform: scale(1.05);
}