<>
.search-query.ui-autocomplete-input {
padding: 17px;
width: calc(100% - 52px);
border-radius: 0;
border: none;
background-color: transparent;
margin-bottom: 0;
padding-right: 0;
outline: none;
}
.search-query-box i.fa.fa-search {
color: rgba(0000.4);
}
.search-query-box {
background-color: #F5F5F5;
width: calc(100% - 35px);
margin-bottom: 20px;
position: relative;
}
#search-form h3.title {
padding: 15px 35px 10px;
}
#driverSrch {
padding: 0 40px;
}
.ui-icon {
display: none;
}
.ui-selectmenu-button span.ui-selectmenu-text {
color: #333333;
height: 30px;
background-color: #fefefe;
text-transform: none;
font-size: 16px;
font-weight: 100;
line-height: 30px;
padding: 9px 15px 10px 11px;
font-family: NVIDIA-NALA,Arial,Helvetica,Sans-Serif;
border: 1px solid #333333;
margin-right: 0;
}
.ui-button.ui-state-default.ui-widget-content .ui-state-default.ui-widget-header .ui-state-defaulthtml .ui-button.ui-state-disabled:activehtml .ui-button.ui-state-disabled:hover {
background: #fff;
border: none;
color: #454545;
font-weight: 400;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
font-family: NVIDIA-NALA,Arial,Helvetica,Sans-Serif;
box-shadow: 0px 4px 4px rgba(0000.1);
background: #FFFFFF;
border: 1px solid #ddd !important;
padding: 10px 0;
border-radius: 0;
}
.ui-menu .ui-menu-item.ui-state-focus {
background-color: #F7F7F7 !important;
color: #333;
margin-right: 15px;
border: none;
border-right: 4px solid #76b900;
/*! margin-left: 15px; */
}
.ui-state-hover span.ui-selectmenu-text.ui-state-focus span.ui-selectmenu-text {
border: 2px solid #76b900;
padding: 8px 14px 9px 10px;
}
.ui-menu .ui-menu-item {
background-color: #FFFFFF !important;
font-size: 16px;
line-height: 30px;
list-: none;
color: #1A1A1A;
margin: 0 0;
padding: 4px 10px 4px 10px;
height: 30px;
white-space: nowrap;
margin-left: 10px;
}
.drvrContainer {
margin-bottom: 10px;
}
.ui-selectmenu-button {
width: calc(100% - 35px) !important;
display: inline-block;
}
.ui-selectmenu-button.ui-widget {
position: relative;
}
span.ui-selectmenu-button[aria-expanded="false"] span.ui-selectmenu-text:after {
content: "\f0d7";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
color: #666666;
position: absolute;
left: 485px;
font-size: 20px;
}
span.ui-selectmenu-button[aria-expanded="true"] span.ui-selectmenu-text:after {
content: "\f0de";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
color: #76B900;
position: absolute;
left: 485px;
padding-top: 5px;
font-size: 20px;
}
.fal.fa-info-circle {
font-size: 20px;
vertical-align: top;
padding-top: 15px;
color: #000;
padding-left: 10px;
}
div#driver-search-form {
border: 1px solid #EEEEEE;
border-radius: 2px;
box-sizing: border-box;
/* box-shadow: 0px 4px 2px rgb(0 0 0 / 10%); */
-webkit-box-shadow: 0 0 5px 5px rgb(0 0 0 / 30%);
box-shadow: 0px 5px 1px 0 rgb(0 0 0 / 5%);
-webkit-transition: -webkit-box-shadow .5s;
transition: -webkit-box-shadow .5s;
transition: box-shadow .5s;
transition: box-shadow .5s,-webkit-box-shadow .5s;
margin: 0 5px 0 5px;
}
>
<>
a#NVIDIAdpu#NVIDIAvgc {
color: #000;
background-color: #ffffff;
border: 1px solid #76b900;
}
>