/* default, light mode styles set with variables */
:root {
    --wrapper-search-bg:#f9f9f9;
    --wrapper-search:#ffffff;
    --wrapper-search-border:#f2f2f2;
    --wrapper-search-input:#ffffff;
    --wrapper-search-placeholder:#000000;
}
/*dark-mode styles*/
.dark-mode {
    --wrapper-search-bg:#333333;
    --wrapper-search:#4a4a4a;
    --wrapper-search-border:#323232;
    --wrapper-search-input:#4a4a4a;
    --wrapper-search-placeholder:#ffffffa6;
}	

#wrapper-search input[type="text"]::placeholder{
  color:var(--wrapper-search-placeholder);
}
#wrapper-search .tab-content{
    background-color: transparent;
}
.dark-mode #wrapper-search input[type="text"]{
    background-image: url(//www.siamphone.com/images/magnifying.png) ;
    background-size: 18px;
    background-position: 10px 17px;
    background-repeat: no-repeat;
}

#wrapper-search{
/* 	width: 100%;
	margin: 0 auto;
	border: 0 solid #f3f3f3;
	background: transparent; */
}

#wrapper-search input[type="text"]{
	border: 0 solid var(--wrapper-search-border);
	padding: 0 15px;
	height: 50px;
	width: 100%;
	margin: 0;
	border-radius: 3px;
	position: relative;
	text-indent: 26px;
	background: var(--wrapper-search) url(//www.siamphone.com/images/search_box.png) no-repeat 8px 15px;
	background-size: 24px;
	font-family: 'Kanit';
	font-size: 17px;
}
.quick_search_input{
	clear:both;
	overflow:hidden;
}
.search-btn{
	float:left;
	width:25%;
}
#submit_bt{
	border: 0;
	width: 100%;
	height: 50px;
	color: #fff;
	border-radius: 3px 3px;
	font-size: 18px;
	background: #4096ee;
	background: -moz-linear-gradient(left, #4096ee 0%, #2a84e1 100%);
	background: -webkit-linear-gradient(left, #4096ee 0%,#2a84e1 100%);
	background: linear-gradient(to right, #4096ee 0%,#2a84e1 100%);
}
.search-home2{
	position: relative;
	padding: 5.2% 5%;
	background:var(--wrapper-search-bg);
	min-height: 90px;
	margin: 0;
}

.ui-menu .ui-menu-item{
	font-family: 'Kanit';
	text-indent: 15px;
	font-size: 16px;
	font-weight: 500;
}
.ui-menu-item-wrapper {
	padding: 5px 0;
}

.caret{display:none;}
.search-btn{
	display:none;
}

.nav-tabs,.nav-pills {
  position: relative;
}
.quick_search_input{
	overflow:visible;
}
.nav-tabs{
	border-bottom:0;
	margin-top:0;
}
.dropdown-menu{
	padding:0;
}
.dropdown-item {
    padding: .25rem 0.5rem;
}
#wrapper-search .dropdown-toggle.dropdown-toggle{
    background:linear-gradient(60deg, #4096ee 0%,#2a84e1 100%);
    color: #fff;
    text-align: center;
    width: 100%;
    height: 48px;
    display: block;
    line-height: 48px;
	margin-top:1px;
	border-radius: 3px 0 0 3px;
}
.dropdown-toggle img{
    margin-left: 5px;
    width: 25px !important;
    height: auto;
    filter: brightness(100%) invert(1);
    vertical-align: text-bottom;
}
a:hover.dropdown-toggle {
    color: #d2d2d2;
    text-decoration: none;
}
#search_small_box .input_qs_spc{
	float:none;
	width:100%;
}
.dropdown-menu{
	width:100%;
}
.dropdown-toggle i{
    font-size: 26px;
    margin-right: 10px;
    vertical-align: sub;
}
.dropdown-menu li a{
    display: block;
    padding: 5px 10px;
    font-family: 'Kanit';
    color: #191919;
}
.dropdown-menu li a img{
    width: 25px !important;
    height: auto;
    margin-right: 10px;
}
.open > .dropdown-menu {
    display: block;
    padding: 0;
}
#wrapper-search .row{margin:0;}
#wrapper-search .col-2, #wrapper-search .col-10,#wrapper-search .col-4, #wrapper-search .col-8, #wrapper-search .col-12{padding:0;}
#wrapper-search .col-10{display:block;}
#wrapper-search form{margin-bottom:0;}
#wrapper-search input[type="text"] {
    border: 1px solid var(--wrapper-search-border);;
    border-left: 0;
    padding: 0 15px;
    height: 50px;
    width: 100%;
    margin: 0;
    border-radius: 0 3px 3px 0;
    position: relative;
    text-indent: 21px;
    background: var(--wrapper-search)  url(//www.siamphone.com/images/magnifying-glass.svg) no-repeat 10px 15px;
    background-size: 20px;
    font-family: 'Kanit';
    font-size: 17px;
}

@media (min-width: 768px){
	#wrapper-search {padding: 0 15px;}
 }
 @media (min-width: 992px){
	#wrapper-search {padding: 0;}
 }
 
@media (max-width: 768px){
	.search-home2 {
		background: transparent;
		min-height: auto;
	    padding: 0;
	}
	.dropdown-toggle {
		height: 49px;
		display: block;
		line-height: 48px;
		border-radius: 8px 0 0 8px;
	}
	#wrapper-search input[type="text"]{
	    border-radius: 0 8px 8px 0;
	}

}
@media (prefers-color-scheme: dark) {
/*	#wrapper-search input[type="text"]{
		background-color: #4a4a4a;
		border: 0;
		background: #4a4a4a url(//www.siamphone.com/images/magnifying.png) no-repeat 10px 17px;
		background-size: 18px;
	}*/
}