/*your custom css goes here*/ 


.hover_data:hover{
	text-decoration:underline;
	color:#2dc712;

}

.head_hover_data:hover{
	text-decoration:underline;
	color:#2dc712;

}

/* Audio Icon Styling */
#audioIcon {
	font-size: 24px;
	cursor: pointer;
	color: #444; /* Default icon color */
	transition: color 0.3s ease;
}

/* Recording State (Color Change) */
#audioIcon.recording {
	color: red; /* Icon color when recording */
}
		
/* This main container helps position the dropdown */
.search-container {
    position: relative;
    width: 100%; /* Example width */
}

/* This is your original wrapper. We make it relative
   to act as the anchor for the absolute-positioned icons. */
.search-input-box {
    position: relative;
}

/* Make space INSIDE the input field for the two icons */
.search-input-box .form-control {
    /* Adjust padding-right to fit both icons */
    padding-right: 75px !important; 
    /* Your other styles */
    height: 44px;
}

/* Position the camera icon */
.search-input-box .la-camera {
    position: absolute;
    top: 50%;
    right: 45px; /* Position it to the left of the search icon */
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    font-size: 1.2rem;
    color: #888;
}

.la-camera:hover{
	color:#f60;
}

/* Position the SVG search icon */
.search-input-box svg {
    position: absolute;
    top: 50%;
    right: 15px; /* Position it on the far right */
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

/* --- Dropdown Styling --- */

/* --- Dropdown Styling --- */

/* The main dropdown container */
.image-search-dropdown {
    display: none; /* Hidden by default */
    position: absolute;
    top: 100%; /* Position it right below the search box */
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 10;
    padding: 15px;
    margin-top: 5px;
    border-radius: 4px;
    box-sizing: border-box; /* Ensures padding doesn't break width */
}

/* Utility class to show/hide the dropdown */
.image-search-dropdown.show {
    display: block;
}

/* The new rectangular dropzone style */
.image-search-dropdown .dropzone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border: 2px dashed #ccc;
    border-radius: 4px;
    background: #f8f8f8;
    cursor: pointer;
    text-align: center;
    color: #555;
    font-size: 14px;
    margin-bottom: 15px;
    transition: background-color 0.2s, border-color 0.2s;
}

/* Icon inside the dropzone */
.image-search-dropdown .dropzone .la-image {
    font-size: 2.5rem;
    margin-bottom: 10px;
    color: #888;
}

/* Make the "upload a file" part look more clickable */
.image-search-dropdown .dropzone strong {
    color: #0d6efd; /* Example link color */
    font-weight: 600;
}

/* Add a hover effect */
.image-search-dropdown .dropzone:hover,
.image-search-dropdown .dropzone.drag-over {
    background: #f0f8ff;
    border-color: #0d6efd;
}

/* Small text between the two sections */
.image-search-dropdown .separator-text {
    text-align: left;
    margin: 0 0 10px 0;
    font-size: 13px;
    color: #000;
	font-weight:700;
}

/* Style for the URL input */
.image-search-dropdown .url-input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}