.phone::-webkit-inner-spin-button,
.phone::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.phone {
	-moz-appearance: textfield !important;
}

.input-table input{
    width: 100%;
    padding: 5px;
    border: 1px solid #ccd6e6;
    color: #3f587e;
    border-radius: 0.25rem;
}
.input-table .select2-container{
    width: 100% !important;
}

.input-table td {
    padding: .25rem .5rem !important;
    vertical-align: middle;
}

.input-table input:focus{
    border-color: #00b5b8;
    outline: 0;
}

.select {
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px, 5px 5px, 0px 1.5em;
	background-repeat: no-repeat;
}

.select:focus {
	background-image:
		linear-gradient(45deg, green 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, green 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 15px) 1em,
		calc(100% - 20px) 1em,
		calc(100% - 2.5em) 0.5em;
	background-size:
		5px 5px,
		5px 5px,
		0px 1.5em;
	background-repeat: no-repeat;
	border-color: #000;
	outline: 0;
}
.input-table input,
.input-table select,
.input-table .select2-container,
.input-table .select2-container--default .select2-selection--single,
.input-table .select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 35px !important;
}
.input-table .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 24px !important;
}


.table_img_view{
    height: 50px;
    width: 80px;
}


.table tr td {
    vertical-align: middle;
}

table input[readonly] {
    background-color: #ECEFF1;
    cursor: not-allowed;
}

.nested-table{
    width: 100%;
}

.hover-effect-project:hover {
  box-shadow: 0 0 15px rgb(48, 69, 128),;  /* Add subtle shadow on hover */
  transform: scale(1.02);  /* Add slight zoom effect on hover */
  transition: transform 0.2s ease-in-out;  /* Smooth transition for hover effect */
}