.search_bar{ background: #fff; border: #b7b7b7 solid 1px; border-radius: 3px; box-shadow: 0 0 3px #ccc; position: relative; }.search_bar,.search_bar *{ -moz-box-sizing: border-box; box-sizing: border-box; }.search_bar input[type=text]{ border: none; box-shadow: none; font-weight: bold; font-size: 12px; width: 80%; padding: 6px; margin: 0; overflow: hidden; }.search_bar input[type=text]:focus{ outline: none; }.search_bar button[type=submit]{ background: #4072b2; background: -webkit-linear-gradient(#5689cc, #3465a4); background: -moz-linear-gradient(#5689cc, #3465a4); background: linear-gradient(#5689cc, #3465a4); color: #fff; color: rgba(255, 255, 255, 0); border: 1px solid #1C62A8; width: 10%; min-width: 56px; position: absolute; top: -1px; right: -1px; bottom: -1px; border-radius: 0 3px 3px 0; margin: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.search_bar button[type=submit]:after{ content: ''; position: absolute; top: 18%; right: 0; bottom: 22%; left: 4%; background: url("/assets/images/searchbar/1.0/search-icon.svg") no-repeat center center; background-size: contain; }.search_bar button[type=submit]:hover,.search_bar button[type=submit]:focus{ background: #3f75ba; background: -webkit-linear-gradient(#5c93db, #396eb2); background: -moz-linear-gradient(#5c93db, #396eb2); background: linear-gradient(#5c93db, #396eb2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); cursor: pointer; }.search_bar.advanced .search_dropdown{ font-weight: bold; height: 100%; min-width: 17px; background: #eee; background: -webkit-linear-gradient(#f7f7f7, #e1e1e1); background: -moz-linear-gradient(#f7f7f7, #e1e1e1); background: linear-gradient(#f7f7f7, #e1e1e1); border-right: 1px solid #ddd; color: #555; padding: 0 28px 0 13px; border-radius: 2px 0 0 2px; position: absolute; top: 0; left: 0; bottom: 0; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-box-sizing: content-box; box-sizing: content-box; }.search_bar.advanced .search_dropdown:after{ content: "\2193"; color: rgba(85, 85, 85, 0); background: url("/assets/images/searchbar/1.0/down-arrow.svg") no-repeat top left; height: 8px; width: 10px; position: absolute; top: 50%; right: 10px; margin-top: -6px; }.search_bar.advanced .search_dropdown:hover,.search_bar.advanced .search_dropdown.active{ background: #ddd; background: -webkit-linear-gradient(#e5e5e5, #d3d3d3); background: -moz-linear-gradient(#e5e5e5, #d3d3d3); background: linear-gradient(#e5e5e5, #d3d3d3); cursor: pointer; border-right-color: #ccc; }.search_bar.advanced .search_dropdown > span{ position: absolute; top: 50%; margin-top: -6px; white-space: nowrap; }.search_bar.advanced .search_dropdown ul { display: none; position: absolute; top: 105%; left: -1px; width: 225px; background: white; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); border: 1px solid #ccc; border-radius: 3px; padding: 7px 0; }.search_bar.advanced .search_dropdown ul li { list-style-type: none; margin: 0; padding: 5px 18px; color: #1C62A8; line-height: 1.2em; position: relative; }.search_bar.advanced .search_dropdown ul li:hover{ background: #e7e7e7; color: #275dac; }.search_bar.advanced .search_dropdown ul li.selected{ background: #1c62a8; color: #fff; }.search_bar.advanced .search_dropdown ul li.split{ margin-top: 11px; position: relative; }.search_bar.advanced .search_dropdown ul li.split:before{ content: ""; height: 1px; background: #d5d5d5; position: absolute; top: -6px; right: 0; left: 0; }.search_bar.advanced .search_dropdown ul li .option_hint { font-size: 10px; font-weight: normal; color: #999; display: block; line-height: 1.3em; margin-top: 2px; }.search_bar.advanced .search_dropdown ul li.selected .option_hint { color: rgba(255, 255, 255, 0.7); }.search_tray{ display: none; background: #fff; border: 1px solid #ccc; border-top: none; box-shadow: 0 1px 2px #ccc; color: #999; font-size: 11px; padding: 6px 13px; border-radius: 0 0 4px 4px; margin: 1px 0 0; position: absolute; width: 89.5%; top: 100%; left: -1px; z-index: 5000; }.search_tray span{ margin-right: 8px; }.search_tray select{ width: 100%; max-width: 220px; }.search_bar.tray_active,.search_bar.tray_active .search_dropdown{ border-bottom-left-radius: 0; }@media screen and (max-width: 540px) {.search_bar.advanced .search_dropdown > span{ max-width: 60px; overflow: hidden; text-overflow: ellipsis; }}