#filterModal .search-form{position:absolute;left:80px;top:40px;width:518px;height:518px;z-index:4}
#filterModal .search-form .nav-tabs{border-bottom:0px!important}
#filterModal .search-form .main-tab li{width:24%;display:inline-block;position:relative;background-color:var(--white);height:55px;color:var(--maincolor1);margin:0 1%0 0;cursor:pointer;border-radius:7px 7px 0 0;box-shadow:0px 4px 10px 2px rgba(0,0,0,0.4);font-family:"BentonSansBold";font-size:12px;text-align:center}
#filterModal .search-form .main-tab li:last-child{margin:0}
#filterModal .search-form .main-tab li.active{width:50%;display:inline-block;cursor:default;background-color:var(--maincolor1);border:none;color:var(--white);box-shadow:0px 4px 10px 2px rgba(0,0,0,0.4);font-family:"BentonSansBold";font-size:17px}
#filterModal .search-form .main-tab li.active:before{content:"";position:absolute;font-family:"FontAwesome";top:96%;left:50%;transform:translate(-50%,-50%);font-size:30px;color:var(--maincolor1)}
#filterModal .search-form .form-box{width:100%;height:70px;margin-bottom:10px;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;box-shadow:0px 0px 8px rgba(0,0,0,0.2);padding:4px;position:relative}
#filterModal .search-form .form-box.srch-code{height:auto!important;padding:10px}
#filterModal .search-form .form-box .label{display:inline;padding:.2em .6em .3em;font-weight:bold;line-height:1;font-family:"BentonSansBold";font-size:14px;color:var(--secondrycolor1);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
#filterModal .search-form .arrow{background-image:url(/assets/fnp-detail/images/icon/form-dropdown-icon.svg);background-position:right 14px;background-size:40px 12px;background-repeat:no-repeat}
#filterModal .search-form .statebox{background:#fff;padding:0 15px 15px 15px;font-size:14px;font-weight:500;display:none;position:absolute;top:40px;left:0px;z-index:999;width:94%;border:1px solid #ccc;padding:3%;margin:0 0 0 3%;box-shadow:0px 4px 10px 2px rgba(0,0,0,0.4)}
#filterModal .search-form .statebox .desti-tab{border:1px solid #ccc!important;border-radius:0px;display:inline-flex;border-bottom:1px solid #ccc!important}
#filterModal .search-form .statebox .desti-tab li{border-radius:0px!important;margin:0!important;padding:5px 10px!important;font-size:11px!important;box-shadow:none!important;color:var(--black)!important;cursor:pointer}
#filterModal .search-form .statebox .desti-tab li.active{position:relative!important;border-radius:0px!important;padding:5px 10px!important;font-size:11px!important;color:var(--white)!important;background-color:var(--maincolor1);cursor:default;border:0}
#filterModal .search-form .statebox .desti-tab li.active:before{content:"";position:absolute;font-family:"FontAwesome";top:95%;left:50%;transform:translate(-50%,-50%);font-size:22px;color:var(--maincolor1)}
#filterModal .search-form .statebox .close-popup{float:right;cursor:pointer}
#filterModal .search-form .statebox .close-popup i{font-size:20px;color:var(--secondrycolor2)}
#filterModal .search-form .statebox .input-wrapper{display:block;position:relative;padding:5px 0 14px 0}
#filterModal .search-form .statebox .input-wrapper:after{font-family:"FontAwesome";content:"";position:absolute;left:6px;font-size:20px;border-right:1px solid #ccc;padding:5px 15px 5px 13px;color:var(--secondrycolor2)}
#filterModal .search-form .statebox .input-wrapper.ship:after{content:"";font-size:19px;padding:5px 15px 5px 10px}
#filterModal .search-form .statebox .input-wrapper.clock:after{content:"";font-size:19px;padding:5px 15px 5px 10px}
#filterModal .search-form .statebox .input-wrapper input.search[type=text]{border:1px solid #ccc;text-indent:60px;font-size:15px;height:40px;width:100%}
#filterModal .search-form .statebox .input-wrapper input.search[type=text]::-webkit-input-placeholder{font-style:italic}
#filterModal .search-form .statebox .label{font-family:"BentonSansBold";font-size:12px;color:#282828;padding:0 0 7px 0}
#filterModal .search-form .statebox .checkbox-block{list-style:none;font-size:12px}
#filterModal .search-form .statebox .checkbox-block li{padding:2px 0;color:var(--secondrycolor2)}
#filterModal .search-form .statebox .checkbox-block li label{display:inline;vertical-align:text-bottom;margin:0 0 0 5px}
#filterModal .search-form .statebox .checkbox-block input[type=checkbox]{width:17px;height:17px}
#filterModal .search-form .statebox .apply-block{border-top:1px solid #ccc;padding:10px 0 0 0;margin-top:10px;text-align:right}
#filterModal .search-form .statebox .apply-block .btn-apply{width:100px;height:40px;font-size:12px;background-color:var(--maincolor1);color:var(--white);box-shadow:none;border-radius:2px}
#filterModal .search-form .statebox .apply-block .btn-clear{width:100px;height:40px;font-size:12px;background:var(--white);color:var(--black);box-shadow:none;border-radius:2px}
#filterModal .search-form .statebox .apply-block .btn-clear:focus{border-color:var(--secondrycolor4)}
#filterModal .search-form .find-btn{height:75px;width:250px;font-family:"BentonSansBold";padding:10px 0 20px 0}
#filterModal .search-form .find-btn:before{margin-right:15px;content:url(/assets/fnp-detail/images/icon/search-icon.svg);position:relative;top:8px}
#filterModal .search-form .find-btn:focus{background-color:var(--maincolor1);color:var(--white)}
#filterModal .search-form.modal-form{position:unset;width:auto;height:auto}
#filterModal .search-form.modal-form .main-tab li{box-shadow:0px 4px 10px 2px rgba(0,0,0,0.2);font-size:11px}
#filterModal .search-form.modal-form .main-tab li.active{box-shadow:0px 4px 10px 2px rgba(0,0,0,0.2);font-size:13px}
#filterModal .search-form.modal-form .find-btn{height:60px;width:100%;padding:0px 0 10px 0;font-size:14px}
#filterModal .search-form{display:none;position:relative;left:0px;top:0px;width:100%;padding:20px 4%0 4%;height:100%;z-index:4;background:#fff}
#filterModal .search-form .nav-tabs{border-bottom:0px!important}
#filterModal .search-form .main-tab li{width:32.5%;display:inline-block;position:relative;background-color:var(--white);height:50px;color:var(--maincolor1);margin:0 1%0 0;cursor:pointer;border-radius:7px 7px 0 0;box-shadow:0px 4px 10px 2px rgba(0,0,0,0.1);font-family:"BentonSansBold";font-size:10px;text-align:center}
#filterModal .search-form .main-tab li:last-child{margin:0}
#filterModal .search-form .main-tab li.active{width:32.5%;display:inline-block;cursor:default;background-color:var(--maincolor1);border:none;color:var(--white);box-shadow:0px 4px 10px 2px rgba(0,0,0,0.1);font-family:"BentonSansBold";font-size:10px}
#filterModal .search-form .main-tab li.active:before{content:"";position:absolute;font-family:"FontAwesome";top:96%;left:50%;transform:translate(-50%,-50%);font-size:30px;color:var(--maincolor1)}
#filterModal .search-form .form-box{width:100%;height:96px;margin-bottom:10px;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;box-shadow:0px 0px 8px rgba(0,0,0,0.2);padding:4px;position:relative}
#filterModal .search-form .form-box .label{display:inline;padding:.2em .6em .3em;font-weight:bold;line-height:1;font-family:"BentonSansBold";font-size:14px;color:var(--secondrycolor1);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
#filterModal .search-form .arrow{background-image:url(/assets/fnp-detail/images/icon/form-dropdown-icon.svg);background-position:right 14px;background-size:40px 12px;background-repeat:no-repeat}
#filterModal .search-form .statebox{background:#fff;padding:0 15px 15px 15px;font-size:14px;font-weight:500;display:none;position:absolute;top:40px;left:0px;z-index:999;width:94%;border:1px solid #ccc;padding:3%;margin:0 0 0 3%;box-shadow:0px 4px 10px 2px rgba(0,0,0,0.4)}
#filterModal .search-form .statebox .desti-tab{border:1px solid #ccc!important;border-radius:0px;display:inline-flex;border-bottom:1px solid #ccc!important}
#filterModal .search-form .statebox .desti-tab li{border-radius:0px!important;margin:0!important;padding:5px 10px!important;font-size:11px!important;box-shadow:none!important;color:var(--black)!important;cursor:pointer}
#filterModal .search-form .statebox .desti-tab li.active{position:relative!important;border-radius:0px!important;padding:5px 10px!important;font-size:11px!important;color:var(--white)!important;background-color:var(--maincolor1);cursor:default;border:0}
#filterModal .search-form .statebox .desti-tab li.active:before{content:"";position:absolute;font-family:"FontAwesome";top:95%;left:50%;transform:translate(-50%,-50%);font-size:22px;color:var(--maincolor1)}
#filterModal .search-form .statebox .close-popup{float:right;cursor:pointer}
#filterModal .search-form .statebox .close-popup i{font-size:20px;color:var(--secondrycolor2)}
#filterModal .search-form .statebox .input-wrapper{display:block;position:relative;padding:5px 0 14px 0}
#filterModal .search-form .statebox .input-wrapper:after{font-family:"FontAwesome";content:"";position:absolute;left:6px;font-size:20px;border-right:1px solid #ccc;padding:5px 15px 5px 13px;color:var(--secondrycolor2)}
#filterModal .search-form .statebox .input-wrapper.ship:after{content:"";font-size:19px;padding:5px 15px 5px 10px}
#filterModal .search-form .statebox .input-wrapper.clock:after{content:"";font-size:19px;padding:5px 15px 5px 10px}
#filterModal .search-form .statebox .input-wrapper input.search[type=text]{border:1px solid #ccc;text-indent:60px;font-size:15px;height:40px;width:100%}
#filterModal .search-form .statebox .input-wrapper input.search[type=text]::-webkit-input-placeholder{font-style:italic}
#filterModal .search-form .statebox .label{font-family:"BentonSansBold";font-size:12px;color:#282828;padding:0 0 7px 0}
#filterModal .search-form .statebox .checkbox-block{list-style:none}
#filterModal .search-form .statebox .checkbox-block li{padding:2px 0;color:var(--secondrycolor2)}
#filterModal .search-form .statebox .checkbox-block input[type=checkbox]{width:17px;height:17px}
#filterModal .search-form .statebox .apply-block{border-top:1px solid #ccc;padding:10px 0 0 0;margin-top:10px;text-align:right}
#filterModal .search-form .statebox .apply-block .btn-apply{width:100px;height:40px;font-size:12px;background-color:var(--maincolor1);color:var(--white);box-shadow:none;border-radius:2px}
#filterModal .search-form .statebox .apply-block .btn-clear{width:100px;height:40px;font-size:12px;background:var(--white);color:var(--black);box-shadow:none;border-radius:2px}
#filterModal .search-form .statebox .apply-block .btn-clear:focus{border-color:var(--secondrycolor4)}
#filterModal .search-form .find-btn{height:97px;width:291px;font-family:"BentonSansBold";padding:10px 0 20px 0}
#filterModal .search-form .find-btn:before{margin-right:15px;content:url(/assets/fnp-detail/images/icon/search-icon.svg);position:relative;top:8px}
#filterModal .search-form .find-btn:focus{background-color:var(--maincolor1);color:var(--white)}
#filterModal .search-form.modal-form{padding:0;display:block}
#filterModal .search-form.modal-form .main-tab li{font-size:10px;padding:0}
#filterModal .search-form.modal-form .main-tab li.active{font-size:11px}
#filterModal .offer-banner-block .main-header-content .search-section .search-form{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;box-shadow:0px 0px 8px rgba(0,0,0,0.2);height:96px;background-color:rgba(0,0,0,0.5);padding:0 30px}/* Regional scope: preserve main-site popup spacing and contain long inventory lists. */
#filterModal .scroll_block{max-height:240px;overflow-y:auto;overflow-x:hidden}
#filterModal .filter-scroll{max-height:30px;overflow:auto;padding:4px 8px;font-size:12px;line-height:1.4}
#filterModal .search-form .form-box.arrow{background-image:url('/assets/fnp-detail/images/icon/form-dropdown-icon.svg');background-position:right 14px;background-size:34px 9px;background-repeat:no-repeat}
#filterModal .search-form .form-box.srch-code{height:auto!important}
#filterModal [aria-disabled=true]{pointer-events:none;opacity:.5}
#filterModal .modal-body{overflow:visible}
#filterModal .statebox{max-width:calc(100vw - 48px)}
@media(max-width:575px){#filterModal .modal-dialog{margin:10px}#filterModal .statebox{width:94%;max-width:calc(100vw - 40px)}#filterModal .scroll_block{max-height:200px}#filterModal .modal-content{min-width:0}}
#filterModal .search-form .form-box{height:70px!important} #filterModal .search-form .form-box.srch-code{height:auto!important} #filterModal .search-form .form-box.advance-srh{height:45px!important}
#filterModal .popup-container{max-width:calc(100vw - 40px)}
#filterModal #flatpickrWrapper .calendar_footer{margin-top:12px}
#filterModal #regionalDayHost .flatpickr-calendar{margin-left:auto;margin-right:auto;max-width:100%}
@media(max-width:575px){#filterModal .popup-container{left:0;width:100%;max-width:calc(100vw - 40px)}#filterModal .popup-container .month-panels{display:block}#filterModal .popup-container .month-grid{margin-bottom:12px}}