@syncfusion/ej2
Version:
A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.
2 lines (1 loc) • 21.1 kB
CSS
.e-dropdownbase .e-list-item .e-list-icon{padding:0 10px 0 0}.e-bigger .e-dropdownbase .e-list-item .e-list-icon,.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon{padding:0 12px 0 0}.e-small .e-dropdownbase .e-list-item .e-list-icon{padding:0 8px 0 0}.e-listbox-tool .e-moveup::before{content:'\e651'}.e-listbox-tool .e-movedown::before{content:'\e652'}.e-listbox-tool .e-moveto::before{content:'\e653'}.e-listbox-tool .e-movefrom::before{content:'\e654'}.e-listbox-tool .e-moveallto::before{content:'\e655'}.e-listbox-tool .e-moveallfrom::before{content:'\e656'}.e-listbox-wrapper,.e-listbox-container{-webkit-overflow-scrolling:touch;cursor:pointer;display:block;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.e-listbox-wrapper *,.e-listbox-container *{box-sizing:border-box}.e-listbox-wrapper:focus,.e-listbox-container:focus{outline:none}.e-listbox-wrapper.e-disabled,.e-listbox-container.e-disabled{cursor:default;pointer-events:none}.e-listbox-wrapper:not(.e-list-template) .e-list-item,.e-listbox-wrapper .e-list-nrt,.e-listbox-wrapper .e-selectall-parent,.e-listbox-container:not(.e-list-template) .e-list-item,.e-listbox-container .e-list-nrt,.e-listbox-container .e-selectall-parent{height:40px;line-height:36px;padding:0 15px;position:relative}.e-listbox-wrapper.e-filter-list,.e-listbox-container.e-filter-list{overflow:inherit}.e-listbox-wrapper.e-filter-list .e-list-parent,.e-listbox-container.e-filter-list .e-list-parent{overflow:auto}.e-listbox-wrapper .e-list-parent,.e-listbox-container .e-list-parent{height:100%;min-height:40px}.e-listbox-wrapper .e-list-item,.e-listbox-container .e-list-item{border-bottom:0 solid;outline:none}.e-listbox-wrapper .e-list-item.e-disabled,.e-listbox-container .e-list-item.e-disabled{pointer-events:none}.e-listbox-wrapper .e-disable,.e-listbox-container .e-disable{opacity:.7}.e-listbox-wrapper .e-list-parent,.e-listbox-container .e-list-parent{margin:0;padding:0}.e-listbox-wrapper .e-list-header .e-text.header,.e-listbox-container .e-list-header .e-text.header{display:none}.e-listbox-wrapper .e-icon-back,.e-listbox-container .e-icon-back{margin-top:-2px}.e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,.e-listbox-container .e-list-header .e-headertemplate-text.nested-header{display:none}.e-listbox-wrapper .e-list-header,.e-listbox-container .e-list-header{-ms-flex-align:center;align-items:center;border-bottom:1px solid;display:-ms-flexbox;display:flex;font-weight:bold;height:40px;padding:0 20px}.e-listbox-wrapper .e-has-header>.e-view,.e-listbox-container .e-has-header>.e-view{top:45px}.e-listbox-wrapper .e-but-back,.e-listbox-container .e-but-back{cursor:pointer;padding-right:10px}.e-listbox-wrapper .e-list-group-item:first-child,.e-listbox-container .e-list-group-item:first-child{border:0;border-bottom:1px solid #414141}.e-listbox-wrapper .e-list-group-item,.e-listbox-container .e-list-group-item{border-bottom:1px solid #414141;border-top:0 solid;font-weight:600;height:40px;line-height:36px;padding:0 15px}.e-listbox-wrapper .e-icon-collapsible,.e-listbox-container .e-icon-collapsible{cursor:pointer;font-size:12px;position:absolute;right:0%;top:50%;transform:translateY(-50%)}.e-listbox-wrapper .e-text-content,.e-listbox-container .e-text-content{height:100%;position:relative;vertical-align:middle}.e-listbox-wrapper .e-text-content *,.e-listbox-container .e-text-content *{display:inline-block;vertical-align:middle}.e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,.e-listbox-container .e-text-content.e-checkbox .e-list-text{width:calc(100% - 40px)}.e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon+.e-list-text,.e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon+.e-list-text{width:calc(100% - 90px)}.e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon+.e-list-text,.e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon+.e-list-text{width:calc(100% - 80px)}.e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon+.e-list-text,.e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon+.e-list-text{width:calc(100% - 92px)}.e-listbox-wrapper .e-checkbox .e-checkbox-left,.e-listbox-container .e-checkbox .e-checkbox-left{margin:-4px 10px 0 0}.e-listbox-wrapper .e-checkbox .e-checkbox-right,.e-listbox-container .e-checkbox .e-checkbox-right{margin:-4px 0 0 10px}.e-listbox-wrapper .e-list-text,.e-listbox-container .e-list-text{cursor:pointer;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;width:100%}.e-listbox-wrapper .e-list-icon+.e-list-text,.e-listbox-container .e-list-icon+.e-list-text{width:calc(100% - 60px)}.e-listbox-wrapper .e-icon-wrapper .e-list-text,.e-listbox-container .e-icon-wrapper .e-list-text{width:calc(100% - 60px)}.e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,.e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text{width:calc(100% - 60px)}.e-listbox-wrapper .e-list-icon,.e-listbox-container .e-list-icon{height:30px;margin-right:10px;width:30px}.e-listbox-wrapper .e-content,.e-listbox-container .e-content{overflow:hidden;position:relative}.e-listbox-wrapper .e-list-header .e-text,.e-listbox-container .e-list-header .e-text{cursor:pointer;text-indent:0}.e-listbox-wrapper .e-text .e-headertext,.e-listbox-container .e-text .e-headertext{display:inline-block;line-height:1px}.e-listbox-wrapper.e-rtl,.e-listbox-container.e-rtl{direction:rtl}.e-listbox-wrapper.e-rtl .e-list-icon,.e-listbox-container.e-rtl .e-list-icon{margin-left:16px;margin-right:0}.e-listbox-wrapper.e-rtl .e-icon-collapsible,.e-listbox-container.e-rtl .e-icon-collapsible{left:0%;right:initial;top:50%;transform:translateY(-50%) rotate(180deg)}.e-listbox-wrapper.e-rtl .e-list-header .e-text,.e-listbox-container.e-rtl .e-list-header .e-text{cursor:pointer}.e-listbox-wrapper.e-rtl .e-but-back,.e-listbox-container.e-rtl .e-but-back{transform:rotate(180deg)}.e-listbox-wrapper.e-rtl .e-icon-back,.e-listbox-container.e-rtl .e-icon-back{margin-top:-1px}.e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,.e-listbox-container.e-rtl .e-checkbox .e-checkbox-left{margin:-4px 0 0 10px}.e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,.e-listbox-container.e-rtl .e-checkbox .e-checkbox-right{margin:-4px 10px 0 0}.e-listbox-wrapper.e-rtl .e-checkbox-wrapper,.e-listbox-container.e-rtl .e-checkbox-wrapper{margin:-4px 0 0 10px}.e-listbox-wrapper .e-checkbox-wrapper,.e-listbox-container .e-checkbox-wrapper{margin:-4px 10px 0 0;text-indent:0;vertical-align:middle}.e-listbox-wrapper.e-right .e-checkbox-wrapper,.e-listbox-container.e-right .e-checkbox-wrapper{position:absolute;right:0;top:30%}.e-listbox-wrapper .e-input-group,.e-listbox-container .e-input-group{padding:4px 8px}.e-listbox-wrapper .e-input-focus,.e-listbox-container .e-input-focus{padding:4px 4px 4px 8px}.e-listbox-wrapper .e-hidden-select,.e-listbox-container .e-hidden-select{height:1px;opacity:0;position:absolute;width:100%}.e-listbox-wrapper .e-placeholder,.e-listbox-container .e-placeholder{background-color:#0070f0;display:block;height:1px}ejs-listbox{display:block}.e-listbox-wrapper:not(.e-listbox-container){overflow:auto}.e-listbox-wrapper.e-sortableclone,.e-listbox-container.e-sortableclone{border-width:0;overflow:visible}.e-listbox-wrapper.e-sortableclone .e-list-item,.e-listbox-container.e-sortableclone .e-list-item{list-style-type:none}.e-listbox-wrapper.e-sortableclone .e-ripple,.e-listbox-container.e-sortableclone .e-ripple{overflow:visible}.e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,.e-listbox-container.e-sortableclone .e-ripple .e-ripple-element{display:none}.e-listbox-wrapper.e-sortableclone .e-list-badge,.e-listbox-container.e-sortableclone .e-list-badge{-ms-flex-align:center;align-items:center;background-color:#0070f0;border:1px solid #fff;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;font-size:12px;height:22px;-ms-flex-pack:center;justify-content:center;position:absolute;right:-10px;top:-10px;width:22px}.e-listboxtool-wrapper,.e-listboxtool-container{cursor:pointer;display:-ms-flexbox;display:flex}.e-listboxtool-wrapper *,.e-listboxtool-container *{box-sizing:border-box}.e-listboxtool-wrapper.e-disabled,.e-listboxtool-container.e-disabled{cursor:default;pointer-events:none}.e-listboxtool-wrapper .e-listbox-wrapper,.e-listboxtool-container .e-listbox-wrapper{-ms-flex:1;flex:1}.e-listboxtool-wrapper.e-right .e-listbox-tool,.e-listboxtool-container.e-right .e-listbox-tool{margin-left:15px}.e-listboxtool-wrapper.e-left .e-listbox-tool,.e-listboxtool-container.e-left .e-listbox-tool{margin-right:15px}.e-listboxtool-wrapper .e-listbox-tool,.e-listboxtool-container .e-listbox-tool{border:1px solid #484848;overflow:auto;padding:8px}.e-listboxtool-wrapper .e-listbox-tool .e-btn,.e-listboxtool-container .e-listbox-tool .e-btn{display:list-item;list-style-type:none;margin-bottom:10px}.e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,.e-rtl.e-listboxtool-container.e-right .e-listbox-tool{margin-right:15px}.e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,.e-rtl.e-listboxtool-container.e-left .e-listbox-tool{margin-left:15px}.e-bigger .e-listbox-wrapper .e-list-item,.e-listbox-wrapper.e-bigger .e-list-item,.e-bigger .e-listbox-container .e-list-item,.e-listbox-container.e-bigger .e-list-item{border-bottom:1px solid #414141;border-left:0 solid transparent;border-right:0 solid transparent;border-top:0 solid transparent}.e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,.e-bigger .e-listbox-wrapper .e-selectall-parent,.e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,.e-listbox-wrapper.e-bigger .e-selectall-parent,.e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,.e-bigger .e-listbox-container .e-selectall-parent,.e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,.e-listbox-container.e-bigger .e-selectall-parent{height:48px;line-height:45px;position:relative}.e-bigger .e-listbox-wrapper .e-list-parent,.e-listbox-wrapper.e-bigger .e-list-parent,.e-bigger .e-listbox-container .e-list-parent,.e-listbox-container.e-bigger .e-list-parent{min-height:48px}.e-bigger .e-listbox-wrapper .e-text-content,.e-listbox-wrapper.e-bigger .e-text-content,.e-bigger .e-listbox-container .e-text-content,.e-listbox-container.e-bigger .e-text-content{font-size:15px}.e-bigger .e-listbox-wrapper .e-list-group-item,.e-listbox-wrapper.e-bigger .e-list-group-item,.e-bigger .e-listbox-container .e-list-group-item,.e-listbox-container.e-bigger .e-list-group-item{height:48px;line-height:45px}.e-bigger .e-listbox-wrapper .e-list-header,.e-listbox-wrapper.e-bigger .e-list-header,.e-bigger .e-listbox-container .e-list-header,.e-listbox-container.e-bigger .e-list-header{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-weight:bold;height:48px}.e-bigger .e-listbox-wrapper .e-list-header .e-text.header,.e-listbox-wrapper.e-bigger .e-list-header .e-text.header,.e-bigger .e-listbox-container .e-list-header .e-text.header,.e-listbox-container.e-bigger .e-list-header .e-text.header{display:none}.e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,.e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,.e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,.e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header{display:none}.e-bigger .e-listbox-wrapper .e-list-header .e-text,.e-listbox-wrapper.e-bigger .e-list-header .e-text,.e-bigger .e-listbox-container .e-list-header .e-text,.e-listbox-container.e-bigger .e-list-header .e-text{font-size:15px}.e-small .e-listbox-wrapper.e-filter-list .e-list-parent,.e-small .e-listbox-container.e-filter-list .e-list-parent{height:calc(100% - 46px)}.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,.e-bigger .e-listbox-container.e-filter-list .e-list-parent{height:calc(100% - 58px)}.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent{height:calc(100% - 54px)}.e-listbox-wrapper,.e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),.e-listboxtool-container.e-listbox-container .e-ul{border:1px solid #484848}.e-listbox-wrapper,.e-listbox-container{font-family:"Helvetica Neue","Helvetica","Arial",sans-serif,"-apple-system","BlinkMacSystemFont";font-size:14px}.e-listbox-wrapper .e-list-header,.e-listbox-container .e-list-header{background-color:#6e6e6e;border-color:#414141;color:rgba(255,255,255,0.95);font-size:14px}.e-listbox-wrapper.e-filter-list .e-list-parent,.e-listbox-container.e-filter-list .e-list-parent{height:calc(100% - 52px)}.e-listbox-wrapper .e-icons,.e-listbox-container .e-icons{color:#f0f0f0}.e-listbox-wrapper .e-list-item,.e-listbox-container .e-list-item{background-color:#1a1a1a;border-bottom:1px solid #414141;border-left:0 solid transparent;border-right:0 solid transparent;border-top:0 solid transparent;color:#f0f0f0}.e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),.e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),.e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),.e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled){background-color:#313131;border-color:transparent;color:rgba(255,255,255,0.87)}.e-listbox-wrapper .e-list-item.e-selected,.e-listbox-container .e-list-item.e-selected{background-color:#414141;color:rgba(255,255,255,0.87)}.e-listbox-wrapper .e-list-item.e-selected.e-checklist,.e-listbox-container .e-list-item.e-selected.e-checklist{background-color:#1a1a1a;color:#f0f0f0}.e-listbox-wrapper .e-list-item.e-focused,.e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,.e-listbox-container .e-list-item.e-focused,.e-listbox-container .e-list-item.e-focused.e-selected.e-checklist{background-color:#414141;color:rgba(255,255,255,0.87)}.e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,.e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,.e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,.e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check{background-color:#1a1a1a;border-color:#f0f0f0;color:#f0f0f0}.e-listbox-wrapper .e-list-group-item,.e-listbox-container .e-list-group-item{background-color:#1a1a1a;border-color:#414141;color:#3e98ff;font-size:14px}.e-listbox-wrapper .e-selectall-parent,.e-listbox-container .e-selectall-parent{background-color:#1a1a1a;border-bottom:1px solid #484848;color:#f0f0f0}.e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,.e-listbox-container .e-sortableclone.e-ripple .e-ripple-element{background-color:transparent}.e-listbox-wrapper.e-list-template .e-list-wrapper,.e-listbox-container.e-list-template .e-list-wrapper{height:inherit;position:relative}.e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),.e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line){padding:0.7142em 1.0714em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,.e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line{padding:0.7142em 1.0714em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,.e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header{color:#fff;display:block;font-size:18px;font-weight:500;margin:0;overflow:hidden;padding:0.038em 0;text-overflow:ellipsis;white-space:nowrap}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,.e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content{color:#393939;display:block;font-size:14px;margin:0;padding:0.038em 0;word-wrap:break-word}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),.e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,.e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar{height:2.8571em;left:1.0667em;position:absolute;top:.7142em;width:2.8571em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),.e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge){padding-left:4.6428em;padding-right:1.0714em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),.e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge){padding-left:1.0714em;padding-right:4.6428em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,.e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar{height:2.8571em;position:absolute;right:1.0667em;top:.7142em;width:2.8571em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,.e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar{top:.7142em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,.e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar{top:.7142em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,.e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge{font-size:15px;height:1.333em;line-height:1.433em;padding:0;position:absolute;right:1em;top:50%;transform:translateY(-50%);width:2em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,.e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar{padding-left:4.6428em;padding-right:3.9285em}.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),.e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar){padding-left:1.0714em;padding-right:3.9285em}.e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,.e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content{display:block;margin:0;overflow:hidden;padding:0.83em 0;text-overflow:ellipsis;white-space:nowrap}.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,.e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header{color:rgba(255,255,255,0.87)}.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,.e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content{color:rgba(255,255,255,0.87)}.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,.e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header{color:rgba(255,255,255,0.87)}.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,.e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content{color:rgba(255,255,255,0.87)}.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,.e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar{left:inherit;right:1.0667em}.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),.e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge){padding-left:1.0714em;padding-right:4.6428em}.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),.e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge){padding-left:4.6428em;padding-right:1.0714em}.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,.e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar{left:1.0667em;right:inherit}.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,.e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge{left:1em;right:inherit}.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,.e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar{padding-left:3.9285em;padding-right:4.6428em}.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),.e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar){padding-left:3.9285em;padding-right:1.0714em}.e-lib .e-js [class^='e-'],.e-lib .e-js [class*=' e-']{box-sizing:content-box}