.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 3px; border: solid 1px #dde6e9; box-sizing: border-box; clear: both; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: normal; line-height: 34px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; /* vertical-align: top;*/ text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* white-space: nowrap; */ width: auto; height: 34px; } .asset_right_select_area .nice-select{ min-width: 100px; height: 27px; line-height: 27px; font-size: 13px; color: #333; width:auto; } .asset_right_sort_table .list_tab_menu_wrap .list_info .list_info_right .list_count .nice-select{ width: 63px; height: 21px; line-height: 21px; padding-left: 7px; padding-right: 0; font-size: 11px; } .asset_change_detail_wrap .list_info_right .list_count .nice-select, .asset_repair_detail_wrap .list_info_right .list_count .nice-select, .asset_rental_detail_wrap .list_info_right .list_count .nice-select{ width: 63px; height: 25px; line-height: 24px; padding-left: 7px; padding-right: 0; font-size: 11px; } .asset_enroll_wrap .asset_enroll_list li .nice-select{ margin-left: 5px; height: 29.97px; vertical-align: top; line-height: 29px; width: 106px; } .asset_popup_alram .asset_alram ul li .nice-select{ height: 33px; line-height: 33px; vertical-align: top; width: 63px; margin: 0 2.3px; padding-left: 5px; font-weight: 400; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; white-space:nowrap; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; white-space:nowrap; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); height: auto; overflow-y: scroll; font-weight: 400; max-height: 300px; } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; white-space:nowrap; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; width:100%; white-space:nowrap; } .nice-select .option:hover /*.nice-select .option.focus, .nice-select .option.selected.focus*/ { background-color: #0388d2; color: #fff; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; }