filterInputs.min.css

.responsive-layout{display:flex;flex-wrap:wrap;width:100%}.filter-section{transition:all .3s ease}.filter-section.hide{display:none!important}.advancedSearchWrapper{width:100%;padding:0 15px}.advancedSearchGridContainer{display:flex;flex-direction:column;gap:20px}.advancedSearchItemContainer{display:flex;flex-direction:column;gap:8px}.filterFieldName{font-weight:600;font-size:14px;margin:0;color:#333}.filter-controls-row{display:flex;gap:0;width:100%}.filter-option{flex:0 0 60px;min-width:35px;max-width:42px;height:38px;padding:0 2px;font-size:13px;border:1px solid #ced4da;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#fff;border-right:none}.advancedSearchGridContainer .form-control:not(.filter-option),.advancedSearch_defaultField,.select2-container{flex:1;height:38px;font-size:13px;border:1px solid #ced4da;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#fff}.advancedSearchGridContainer .form-control:not(.filter-option),.advancedSearch_defaultField{padding:6px 10px}.select2-container{width:auto;max-width:width;box-sizing:border-box}.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single{height:38px;border:1px solid #ced4da;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px;padding-left:10px}.advancedSearch_defaultField:focus,.filter-option:focus,.form-control:focus{border-color:#6c63ff;box-shadow:0 0 0 2px rgba(108,99,255,.08);outline:0}.select2-container--default .select2-selection:focus{border-color:#6c63ff;box-shadow:0 0 0 2px rgba(108,99,255,.08);outline:0}.input-daterange{display:flex;align-items:center;flex:1}.input-daterange .form-control{border-radius:0;border-left:none}.input-daterange .form-control:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.input-daterange .form-control:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.input-daterange .input-group-addon{padding:0 8px;font-size:12px;color:#666;white-space:nowrap}.filter-option{-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width:768px){.filter-section{flex:0 0 25%;max-width:25%;padding-right:15px}.table-section{flex:0 0 75%;max-width:75%}.filter-section.hide+.table-section{flex:0 0 100%;max-width:100%}}@media (max-width:767px){.filter-section{width:100%;margin-bottom:15px}.table-section{width:100%}.filter-option{flex:0 0 120px;min-width:120px}}.select2-container,.select2-container .select2-selection--multiple,.select2-container .select2-selection--single{transition:height .2s ease,min-height .2s ease,max-height .2s ease}.select2-container--open .select2-selection--multiple{overflow-y:auto!important}.select2-selection--multiple::-webkit-scrollbar{width:8px}.select2-selection--multiple::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.select2-selection--multiple::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.select2-selection--multiple::-webkit-scrollbar-thumb:hover{background:#555}.responsive-layout{display:flex;flex-wrap:wrap;width:100%}.filter-section{transition:all .3s ease}.filter-section.hide{display:none!important}.advancedSearchWrapper{width:100%;padding:0 15px}.advancedSearchGridContainer{display:flex;flex-direction:column;gap:20px}.advancedSearchItemContainer{display:flex;flex-direction:column;gap:8px}.filterFieldName{font-weight:600;font-size:14px;margin:0;color:#333}.filter-controls-row{display:flex;gap:0;width:100%}.filter-option{flex:0 0 60px;min-width:35px;max-width:42px;height:38px;padding:0 2px;font-size:13px;border:1px solid #ced4da;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#fff;border-right:none}.advancedSearchGridContainer .form-control:not(.filter-option),.advancedSearch_defaultField,.select2-container{flex:1;height:38px;font-size:13px;border:1px solid #ced4da;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#fff}.advancedSearchGridContainer .form-control:not(.filter-option),.advancedSearch_defaultField{padding:6px 10px}.select2-container{min-width:0;width:100%;box-sizing:border-box}.select2-container--open{width:unset;box-sizing:border-box}.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single{height:38px;border:1px solid #ced4da;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px;padding-left:10px}.advancedSearch_defaultField:focus,.filter-option:focus,.form-control:focus{border-color:#6c63ff;box-shadow:0 0 0 2px rgba(108,99,255,.08);outline:0}.select2-container--default .select2-selection:focus{border-color:#6c63ff;box-shadow:0 0 0 2px rgba(108,99,255,.08);outline:0}.input-daterange{display:flex;align-items:center;flex:1}.input-daterange .form-control{border-radius:0;border-left:none}.input-daterange .form-control:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.input-daterange .form-control:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.input-daterange .input-group-addon{padding:0 8px;font-size:12px;color:#666;white-space:nowrap}.filter-option{-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width:768px){.filter-section{flex:0 0 25%;max-width:25%;padding-right:15px}.table-section{flex:0 0 75%;max-width:75%}.filter-section.hide+.table-section{flex:0 0 100%;max-width:100%}}@media (max-width:767px){.filter-section{width:100%;margin-bottom:15px}.table-section{width:100%}.filter-option{flex:0 0 120px;min-width:120px}}.select2-container,.select2-container .select2-selection--multiple,.select2-container .select2-selection--single{transition:height .2s ease,min-height .2s ease,max-height .2s ease}.select2-container--open .select2-selection--multiple{overflow-y:auto!important}.select2-selection--multiple::-webkit-scrollbar{width:8px}.select2-selection--multiple::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.select2-selection--multiple::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.select2-selection--multiple::-webkit-scrollbar-thumb:hover{background:#555}