.integration-pages-search-container {
position: relative;
}
.integration-pages-search-container .input-search-container {
position: relative;
display: flex;
overflow: hidden;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.integration-pages-search-container .input-search-container input[type=text] {
background-color: white;
width: 100%;
height: 44px;
border: 1px solid rgba(34, 48, 64, 0.15);
border-radius: 8px;
padding: 7px 50px 7px 17px;
color: rgba(30, 48, 66, 0.8);
font-size: 14px;
}
.integration-pages-search-container .input-search-container input[type=text]::placeholder {
color: rgba(28, 39, 76, 0.4);
font-weight: 400;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.2px;
}
.integration-pages-search-container .input-search-container .search-button {
position: absolute;
z-index: 1000;
top: 50%;
right: 1px;
transform: translateY(-50%);
background-color: rgb(123, 194, 68);
height: 44px;
width: 48px;
border-radius: 0 8px 8px 0;
border: none;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.integration-pages-search-container .input-search-container .search-button:hover {
background-color: rgb(165, 243, 105);
transition: background-color 0.5s ease-in-out;
cursor: pointer;
}
.integration-pages-search-container .input-search-container .search-button img {
width: 19px;
}
.integration-pages-search-container .input-search-container.show-results {
border-bottom-right-radius: unset;
}
.integration-pages-search-container .input-search-container.show-results input[type=text] {
border-bottom-left-radius: unset;
border-bottom-right-radius: unset;
}
.integration-pages-search-container .input-search-container.show-results .search-button {
border-bottom-right-radius: unset;
}
.integration-pages-search-container #integration-pages-search-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid rgba(34, 48, 64, 0.15);
border-top: none;
border-radius: 0 0 8px 8px;
display: none;
z-index: 9999;
max-height: 210px;
overflow-y: auto;
}
.integration-pages-search-container #integration-pages-search-results a {
display: block;
padding: 7px 17px;
color: rgba(30, 48, 66, 0.8);
font-size: 14px;
letter-spacing: 0.2px;
}
.integration-pages-search-container #integration-pages-search-results a:hover {
background: rgb(123, 194, 68);
color: #fff;
cursor: pointer;
}
.integration-pages-search-container #integration-pages-search-results .no-results-text {
padding: 7px 17px;
color: rgba(30, 48, 66, 0.8);
font-size: 14px;
letter-spacing: 0.2px;
}