.swd_widget { width:100%; max-width:1000px; font-family:Helvetica,Arial,sans-serif; text-align:left; font-size:18px; display:flex; justify-content:space-between; flex-wrap: nowrap; }
.swd_widget { background:#ffffff; border-radius:9px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); border:1px #ff6600 solid; color:black; }

.swd_widget .box { padding:15px 10px; position:relative; display:inline-block; box-sizing:border-box; }
.swd_widget .box > input { font-size:16px; padding:0; width:calc(100% - 60px); border:none; height:22px; outline:0; padding-left:25px; background:url(sprite-icons.png) top left no-repeat; background-size:35px auto;  }
.swd_widget.nosearch .searchq { display:none }
.swd_widget .searchq > input { background-position:0 -70px;  }
.swd_widget .searchd input { background-position:0 -105px; width:calc(100% - 25px); }
.swd_widget .searchr input { background-position:0 -138px; width:calc(100% - 25px); }
.swd_widget .searchq nav { position:absolute; right:0px; top:0px; font-size:14px; display:inline-block; background-color:#E6E6E6; padding:3px 5px; border-radius:9px; cursor:pointer; }
.swd_widget .searchq nav * { padding:0 5px; }
.swd_widget .searchq fx-modal { position:absolute; right:1px; bottom:1px; display:inline-block; }
.swd_widget .searchq lg-modal { position:absolute; right:1px; top:1px; display:inline-block; }

.swd_widget .searchq  { width:45%;   }
.swd_widget .searchd  { width:180px; border-left:1px #ff6600 solid; }
.swd_widget.nosearch .searchd { border-left:none; }

.swd_widget .searchr  { width:30%;   border-left:1px #ff6600 solid; }
.swd_widget.nosearch .searchr { width:calc(100% - 85px - 180px); }
.swd_widget .searchdo { width:80px; border-radius: 0 8px 8px 0;  }
.swd_widget .searchdo { background:#ff6600; cursor:pointer; }
.swd_widget .searchdo input { background:none; color:white; font-weight:bold; padding:0; cursor:pointer; display:inline-block; width:auto;}
.swd_widget .searchdo:hover, .swd_widget .searchdo:active { background:#f58427;}

.swd_widget before { position:absolute; top:0;    left:35px; color:silver; font-size:11px;  }
.swd_widget after  { position:absolute; bottom:0; left:35px; color:silver; font-size:11px;  }

.swd_widget ul { position:absolute }
.swd_widget .searchraca {position:absolute; top:52px; left:-1px; padding:12px; width:240px; border:1px solid #ff6600; border-top:none; display:none; background-color: rgba(255, 255, 255, 0.9); z-index:100;  }
.swd_widget .searchraca > div { height:40px; padding:5px; position:relative }
.swd_widget .searchraca > div > label { font-size:16px; color:#333333; display:block }
.swd_widget .searchraca > div > label > below { font-size:10px; color:gray; display:block }
.swd_widget .searchraca > div > div { position:absolute; top:3px; right:4px }

.swd_widget .childage { background-color:#eaeaea;}
.swd_widget .childage label { display:inline-block; }
.swd_widget .childage b { font-weight:bold; font-size:12px}

.swd_widget .numsel { background:#f58427; box-shadow:2px 2px 2px #666666; border-radius:3px; border:solid #464646 1px; width:100px; height:30px; display:inline-block; position:relative; cursor:pointer; padding:0;
	   	              -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none; user-select: none; background-image: linear-gradient(to bottom, #f58427, #f5ae7e); }
.swd_widget .numsel span         { position:absolute; background-color:#eaeaea; color:#333333; display:inline-block; width:24px; height:22px; left:33px; top:0px; text-align:center; border-width:0px 1px; border-color:#464646; border-style:solid; padding:4px; font-size:18px; font-weight:bold; font-family:Arial; }
.swd_widget .numsel minus        { position:absolute; background-color:#ffffff; border-radius: 2px; top: 13px; left:  4px; height:4px; width: 22px; }
.swd_widget .numsel minus + plus { position:absolute; background-color:#ffffff; border-radius: 2px; top:13px; right:  4px; height:4px; width: 22px; }
.swd_widget .numsel plus  + plus { position:absolute; background-color:#ffffff; border-radius: 2px; top: 4px; right: 13px; bottom:4px; width:  4px; }
.swd_widget .numsel > b          { position:absolute; display:inline-block; width:33px; height:30px; top:0px; }

.swd_widget ul { position:absolute; left:5px; top:22px; width:90%; height:230px; border:1px solid #464646; z-index:8; 
			     overflow:auto;	background-color:#eaeaea; color:#464646; padding:5px 10px; display:none; margin:20px 0; }
.swd_widget li { font-size:14px; height:25px; display:block; padding:1px 0 1px 35px; cursor:pointer; margin:2px 0; background:url('sprite-iconmap.png') no-repeat; border-top:1px solid white; white-space:nowrap; overflow:hidden;  }
.swd_widget li:hover { background-color:#FFE0C0 }
.swd_widget li i {  }

.swd_widget .active { display:block }
@media screen and (min-width: 481px) and (max-width: 768px) {  
.swd_widget { flex-wrap: wrap; }
.swd_widget .searchq { width:100%; }
.swd_widget .searchd { border-left:none; }
.swd_widget .searchr { border-left:none; width:30%; width:calc(100% - 85px - 180px); }
.swd_widget .searchdo { border-radius: 8px 0 8px 0; }
.swd_widget.nosearch .searchdo { border-radius: 0 0 8px 0; }
}
@media screen and (max-width: 480px) {  
.swd_widget { flex-wrap: wrap; }
.swd_widget .searchq { width:100%; }
.swd_widget .searchd { border-left:none; width:100%; }
.swd_widget .searchr { border-left:none; width:45%; width:calc(100% - 85px); }
.swd_widget.nosearch .searchr { width:calc(100% - 85px); }
.swd_widget .searchdo { border-radius: 8px 0 8px 0; }
}