/* Add here all your CSS customizations */

.del-span{
	cursor: pointer;
}


/* select2 auto height */
/* .select2-container--bootstrap .select2-selection--multiple {
    height: auto;
    padding-bottom: 5px;
}
 */
/* select2 auto width */
/* .wid-custom-select + .select2-container {
    width: calc(100% - 45px) !important;
}
 */

/* select2 placeholder color */
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
	color:#BDBDBD;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
    color:#BDBDBD; 
}
.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder {
    color: #BDBDBD !important;
}

/* autocomplte border with icon */
.bootstrap-tagsinput {
    border-radius: 0 4px 4px 0;
}

.bootstrap-tagsinput input[placeholder]::-webkit-input-placeholder,
.bootstrap-tagsinput input[placeholder]::placeholder {
    color: #bbb;
}

/* Font awesome colors */
.fa-question-circle:hover {
	color: #e60000;
	cursor: pointer;
}

.fa-trash-alt:hover {
    color: #ff1a1a;
}

.fa-edit:hover {
    color: #29a329;
}
.fa-save:hover {
    color: #29a329;
}

.fa-user-check:hover {
    color: #29a329;
}

/* Remove left line from logo */
.header.header-nav-menu .logo:after {
    content: none;
}

/* centerd align select2 */
.dataTables_wrapper .select2-container {
	margin-right: 0;
}

/* Logo image */
.header .logo img {
    color: transparent;
    height: auto;
    width: 230px;
}


.leftMargin{
	margin-left: 11px;
	margin-right: -10px;
}



.fa-power-off:hover {
    color: red;
}





	.icon-input {
		position: relative;
	}

	.icon-input input[type="text"],
	.icon-input input[type="email"],
	.icon-input select,
	.icon-input textarea {
		padding-left: 35px; /* Adjust this value to control the distance between the icon and the text */
		box-sizing: border-box;
	}

	.icon-input .input-icon {
		position: absolute;
		left: 25px; /* Adjust this value to control the icon's position */
		top: 50%;
		transform: translateY(-50%);
		color: #BDBDBD; /* Change this color value to your desired icon color */
	}
	
	.icon-select .select2-selection__rendered:before {
	  font-family: "Font Awesome 5 Free";
	  content: "\f0c8"; /* Replace with the appropriate Font Awesome icon code */
	  position: absolute;
	  left: 25px;
	  top: 50%;
	  transform: translateY(-50%);
	  font-size: 16px;
	  color: red; /* Change the color as needed */
	}