element-gui/packages/theme-chalk/lib/menu.css

A Component Library for Vue.js.

.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.el-zoom-in-center-enter,.el-zoom-in-center-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0;pointer-events:none}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0);pointer-events:none}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0);pointer-events:none}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45);pointer-events:none}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;transform:translateY(-30px);pointer-events:none}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}@keyframes zoom-enter{from{transform:scale3d(.3,.3,.3);opacity:0}}.el-zoom-enter-active{animation:zoom-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes zoom-leave{to{transform:scale3d(.3,.3,.3);opacity:0}}.el-zoom-leave-active{animation:zoom-leave both;animation-duration:.3s}@keyframes slideUp-enter{from{transform:translate3d(0,5%,0);opacity:0}}.el-slide-up-enter-active{animation:slideUp-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes slideUp-leave{to{transform:translate3d(0,5%,0);opacity:0}}.el-slide-up-leave-active{animation:slideUp-leave both;animation-duration:.3s}@keyframes slideDown-enter{from{transform:translate3d(0,-5%,0);opacity:0}}.el-slide-down-enter-active{animation:slideDown-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes slideDown-leave{to{transform:translate3d(0,-5%,0);opacity:0}}.el-slide-down-leave-active{animation:slideDown-leave both;animation-duration:.3s}@keyframes slideLeft-enter{from{transform:translate3d(-10%,0,0);opacity:0}}.el-slide-left-enter-active{animation:slideLeft-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes slideLeft-leave{to{transform:translate3d(-10%,0,0);opacity:0}}.el-slide-left-leave-active{animation:slideLeft-leave both;animation-duration:.3s}@keyframes slideRight-enter{from{transform:translate3d(10%,0,0);opacity:0}}.el-slide-right-enter-active{animation:slideRight-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes slideRight-leave{to{transform:translate3d(10%,0,0);opacity:0}}.el-slide-right-leave-active{animation:slideRight-leave both;animation-duration:.3s}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;top:-9999px;border-radius:2px;padding:10px;z-index:2000;font-size:14px;line-height:20px;min-width:10px;word-wrap:break-word;box-shadow:0 6px 18px 0 rgba(0,0,0,.12)}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:5px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:4px}.el-tooltip__popper[x-placement^=top]{margin-bottom:8px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-5px;border-top-color:rgba(0,0,0,.05);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-4px;border-top-color:rgba(0,0,0,.7);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:8px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-5px;border-top-width:0;border-bottom-color:rgba(0,0,0,.05)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-4px;border-top-width:0;border-bottom-color:rgba(0,0,0,.7)}.el-tooltip__popper[x-placement^=right]{margin-left:8px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-5px;border-right-color:rgba(0,0,0,.05);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-4px;left:1px;border-right-color:rgba(0,0,0,.7);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:8px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-5px;border-right-width:0;border-left-color:rgba(0,0,0,.05)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-4px;margin-left:-5px;border-right-width:0;border-left-color:rgba(0,0,0,.7)}.el-tooltip__popper.is-dark{background:rgba(0,0,0,.7);color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #d2d2d2;box-shadow:0 10px 28px rgba(0,0,0,.08)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#d2d2d2}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#d2d2d2}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#d2d2d2}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#d2d2d2}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-menu{list-style:none;position:relative;margin:0;padding-left:0;background-color:#fff}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{height:60px}.el-menu.el-menu--vertical:not(.el-menu--collapse){width:100%}.el-menu--inline{background-color:#F5F5F5}.el-menu--inline .el-submenu.is-active>.el-submenu__title::before{display:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;color:#333;font-weight:700;font-size:16px}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover{color:#1890ff;background-color:#fff}.el-menu--horizontal>.el-menu-item.is-active .el-menuitem__title::before{left:0;bottom:0;width:100%;height:5px;background-color:#1890ff}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#333}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{color:#1890ff;font-weight:700}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title::before{position:absolute;display:inline-block;content:"";top:auto;left:0;bottom:0;width:100%;height:5px;background-color:#1890ff}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow,.el-menu--horizontal .el-menu--popup .el-submenu.is-active>.el-submenu__title::before,.el-menu--vertical .el-menu--popup .el-submenu.is-active>.el-submenu__title::before{display:none}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;color:#333;font-weight:700;font-size:16px}.el-menu--horizontal>.el-submenu .el-submenu__title:hover{color:#1890ff;background-color:#fff}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{float:none;padding:0 10px;color:#333}.el-menu--horizontal .el-menu .el-menu-item.is-active{color:#fff;background-color:#1890ff;font-weight:700}.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#1890ff;font-weight:700}.el-menu--horizontal .el-menu-item:hover{background-color:#1890ff}.el-menu--horizontal>.el-menu-item.is-active{background-color:inherit;color:#1890ff;font-weight:700}.el-menu--collapse{width:54px}.el-menu--collapse>.el-menu-item [class*=icon-],.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class*=icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;text-align:center}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative;padding:0}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #d2d2d2;border-radius:2px;box-shadow:0 6px 18px 0 rgba(0,0,0,.12)}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{transform:none}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:2px;box-shadow:0 6px 18px 0 rgba(0,0,0,.12)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu--light{background-color:#fff}.el-menu--light.el-menu--horizontal .el-menu-item{color:#333}.el-menu--light.el-menu--horizontal .el-menu-item.is-active,.el-menu--light.el-menu--horizontal .el-menu-item:not(.is-disabled):hover,.el-menu--light.el-menu--horizontal .el-submenu .el-submenu__title,.el-menu--light.el-menu--horizontal .el-submenu .el-submenu__title:not(.is-disabled):hover,.el-menu--light.el-menu--horizontal .el-submenu.is-active .el-submenu__title{color:#1890ff}.el-menu--light.el-menu--horizontal>.el-menu-item.is-active .el-menuitem__title::before{background-color:#1890FF}.el-menu--light.el-menu--horizontal .el-submenu.is-active .el-submenu__title::before{background-color:#1890ff}.el-menu--light.el-menu--vertical{background-color:#fff}.el-menu--light.el-menu--vertical .el-menu--inline{background-color:#F5F5F5}.el-menu--light.el-menu--vertical .el-menu-item{color:#333}.el-menu--light.el-menu--vertical .el-menu-item:not(.is-disabled).is-active,.el-menu--light.el-menu--vertical .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#1890ff}.el-menu--light.el-menu--vertical>.el-submenu .el-submenu__title{color:#333}.el-menu--light.el-menu--vertical>.el-submenu .el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#1890ff}.el-menu--light.el-menu--vertical>.el-submenu.is-active>.el-submenu__title{color:#1890ff}.el-menu--light.el-menu--vertical>.el-submenu.is-active>.el-submenu__title:not(.is-disabled):hover{color:#1890ff;background-color:#fff}.el-menu--dark{background-color:#2A3950}.el-menu--dark.el-menu--horizontal .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--dark.el-menu--horizontal .el-menu-item.is-active,.el-menu--dark.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#364860}.el-menu--dark.el-menu--horizontal>.el-menu-item.is-active .el-menuitem__title::before{background-color:#1890FF}.el-menu--dark.el-menu--horizontal .el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--dark.el-menu--horizontal .el-submenu .el-submenu__title:not(.is-disabled):hover,.el-menu--dark.el-menu--horizontal .el-submenu.is-active .el-submenu__title{color:#fff;background-color:#364860}.el-menu--dark.el-menu--horizontal .el-submenu.is-active .el-submenu__title::before{background-color:#1890FF}.el-menu--dark.el-menu--vertical{background-color:#364860}.el-menu--dark.el-menu--vertical .el-menu--inline{background-color:#2A3950}.el-menu--dark.el-menu--vertical .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--dark.el-menu--vertical .el-menu-item:not(.is-disabled).is-active,.el-menu--dark.el-menu--vertical .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#1890FF}.el-menu--dark.el-menu--vertical>.el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--dark.el-menu--vertical>.el-submenu .el-submenu__title:not(.is-disabled):hover{background-color:#1890FF}.el-menu--dark.el-menu--vertical>.el-submenu.is-active>.el-submenu__title{color:#46a6ff}.el-menu--dark.el-menu--vertical>.el-submenu.is-active>.el-submenu__title:not(.is-disabled):hover{background-color:#364860}.el-menu--teal{background-color:#008D98}.el-menu--teal.el-menu--horizontal .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--teal.el-menu--horizontal .el-menu-item.is-active,.el-menu--teal.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#0099A6}.el-menu--teal.el-menu--horizontal>.el-menu-item.is-active .el-menuitem__title::before{background-color:#2ED0DF}.el-menu--teal.el-menu--horizontal .el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--teal.el-menu--horizontal .el-submenu .el-submenu__title:not(.is-disabled):hover,.el-menu--teal.el-menu--horizontal .el-submenu.is-active .el-submenu__title{color:#fff;background-color:#0099A6}.el-menu--teal.el-menu--horizontal .el-submenu.is-active .el-submenu__title::before{background-color:#2ED0DF}.el-menu--teal.el-menu--vertical{background-color:#fff}.el-menu--teal.el-menu--vertical .el-menu--inline{background-color:#F5F5F5}.el-menu--teal.el-menu--vertical .el-menu-item{color:#333}.el-menu--teal.el-menu--vertical .el-menu-item:not(.is-disabled).is-active,.el-menu--teal.el-menu--vertical .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#0099A6}.el-menu--teal.el-menu--vertical>.el-submenu .el-submenu__title{color:#333}.el-menu--teal.el-menu--vertical>.el-submenu .el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#0099A6}.el-menu--teal.el-menu--vertical>.el-submenu.is-active>.el-submenu__title{color:#33adb8}.el-menu--teal.el-menu--vertical>.el-submenu.is-active>.el-submenu__title:not(.is-disabled):hover{color:#33adb8;background-color:#fff}.el-menu--indigo{background-color:#043E71}.el-menu--indigo.el-menu--horizontal .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--indigo.el-menu--horizontal .el-menu-item.is-active,.el-menu--indigo.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#0F4C81}.el-menu--indigo.el-menu--horizontal>.el-menu-item.is-active .el-menuitem__title::before{background-color:#1890FF}.el-menu--indigo.el-menu--horizontal .el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--indigo.el-menu--horizontal .el-submenu .el-submenu__title:not(.is-disabled):hover,.el-menu--indigo.el-menu--horizontal .el-submenu.is-active .el-submenu__title{color:#fff;background-color:#0F4C81}.el-menu--indigo.el-menu--horizontal .el-submenu.is-active .el-submenu__title::before{background-color:#1890FF}.el-menu--indigo.el-menu--vertical{background-color:#0F4C81}.el-menu--indigo.el-menu--vertical .el-menu--inline{background-color:#043E71}.el-menu--indigo.el-menu--vertical .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--indigo.el-menu--vertical .el-menu-item:not(.is-disabled).is-active,.el-menu--indigo.el-menu--vertical .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#1890FF}.el-menu--indigo.el-menu--vertical>.el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--indigo.el-menu--vertical>.el-submenu .el-submenu__title:not(.is-disabled):hover{background-color:#1890FF}.el-menu--indigo.el-menu--vertical>.el-submenu.is-active>.el-submenu__title{color:#46a6ff}.el-menu--indigo.el-menu--vertical>.el-submenu.is-active>.el-submenu__title:not(.is-disabled):hover{background-color:#0F4C81}.el-menu--blue{background-color:#0D70D8}.el-menu--blue.el-menu--horizontal .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--blue.el-menu--horizontal .el-menu-item.is-active,.el-menu--blue.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#137CEA}.el-menu--blue.el-menu--horizontal>.el-menu-item.is-active .el-menuitem__title::before{background-color:#7BC6FF}.el-menu--blue.el-menu--horizontal .el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--blue.el-menu--horizontal .el-submenu .el-submenu__title:not(.is-disabled):hover,.el-menu--blue.el-menu--horizontal .el-submenu.is-active .el-submenu__title{color:#fff;background-color:#137CEA}.el-menu--blue.el-menu--horizontal .el-submenu.is-active .el-submenu__title::before{background-color:#7BC6FF}.el-menu--blue.el-menu--vertical{background-color:#fff}.el-menu--blue.el-menu--vertical .el-menu--inline{background-color:#F5F5F5}.el-menu--blue.el-menu--vertical .el-menu-item{color:#333}.el-menu--blue.el-menu--vertical .el-menu-item:not(.is-disabled).is-active,.el-menu--blue.el-menu--vertical .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#137CEA}.el-menu--blue.el-menu--vertical>.el-submenu .el-submenu__title{color:#333}.el-menu--blue.el-menu--vertical>.el-submenu .el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#137CEA}.el-menu--blue.el-menu--vertical>.el-submenu.is-active>.el-submenu__title{color:#4296ee}.el-menu--blue.el-menu--vertical>.el-submenu.is-active>.el-submenu__title:not(.is-disabled):hover{color:#4296ee;background-color:#fff}.el-menu--red{background-color:#BA333C}.el-menu--red.el-menu--horizontal .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--red.el-menu--horizontal .el-menu-item.is-active,.el-menu--red.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#DB2833}.el-menu--red.el-menu--horizontal>.el-menu-item.is-active .el-menuitem__title::before{background-color:#FFBFBF}.el-menu--red.el-menu--horizontal .el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--red.el-menu--horizontal .el-submenu .el-submenu__title:not(.is-disabled):hover,.el-menu--red.el-menu--horizontal .el-submenu.is-active .el-submenu__title{color:#fff;background-color:#DB2833}.el-menu--red.el-menu--horizontal .el-submenu.is-active .el-submenu__title::before{background-color:#FFBFBF}.el-menu--red.el-menu--vertical{background-color:#2A2929}.el-menu--red.el-menu--vertical .el-menu--inline{background-color:#212020}.el-menu--red.el-menu--vertical .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--red.el-menu--vertical .el-menu-item:not(.is-disabled).is-active,.el-menu--red.el-menu--vertical .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#BA333C}.el-menu--red.el-menu--vertical>.el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--red.el-menu--vertical>.el-submenu .el-submenu__title:not(.is-disabled):hover{background-color:#BA333C}.el-menu--red.el-menu--vertical>.el-submenu.is-active>.el-submenu__title{color:#c85c63}.el-menu--red.el-menu--vertical>.el-submenu.is-active>.el-submenu__title:not(.is-disabled):hover{background-color:#2A2929}.el-menu-item{height:46px;line-height:46px;font-size:14px;color:#333;padding:0 20px;list-style:none;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.el-menu-item:focus,.el-menu-item:hover{outline:0;color:#fff;background-color:inherit}.el-menu-item.is-disabled{opacity:.4;cursor:not-allowed;color:#333;background:0 0!important}.el-menu-item .el-menuitem__title::before{position:absolute;display:inline-block;content:""}.el-menu-item [class*=icon-],.el-menu-item [class^=el-icon-]{text-align:center;margin-right:6px;font-size:14px}.el-menu-item.is-active{color:#fff;background-color:#1890ff;font-weight:700}.el-menu-item.is-active i{color:inherit}.el-menu-tooltip{position:absolute;left:0;top:0;height:100%;width:100%;display:inline-block;box-sizing:border-box;padding:0 20px}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu.is-active>.el-submenu__title{color:#1890ff;font-weight:700}.el-submenu__title{height:46px;line-height:46px;font-size:14px;color:#333;padding:0 20px;list-style:none;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;color:#fff;background-color:inherit}.el-submenu__title.is-disabled{opacity:.4;cursor:not-allowed;color:#333;background:0 0!important}.el-submenu__title .el-menuitem__title::before{position:absolute;display:inline-block;content:""}.el-submenu__title:hover{color:#fff;background-color:#1890ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:46px;line-height:46px;padding:0 45px;min-width:200px}.el-submenu [class*=icon-],.el-submenu [class^=el-icon-]{text-align:center;font-size:14px;margin-right:6px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-4px;transition:transform .3s;font-size:16px}.el-submenu__icon-arrow[class*=icon-]{font-size:10px}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.4;cursor:not-allowed;background:0 0!important}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:14px;color:inherit}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{transition:.2s;opacity:0}.el-menu--popup--light .el-menu--popup{background-color:#fff}.el-menu--popup--light .el-menu--popup .el-menu-item:not(.is-disabled).is-active,.el-menu--popup--light .el-menu--popup .el-menu-item:not(.is-disabled):hover,.el-menu--popup--light .el-menu--popup .el-submenu .el-submenu__title:not(.is-disabled):hover{background-color:#1890ff;color:#fff}.el-menu--popup--light .el-menu--popup .el-menu-item{color:#333}.el-menu--popup--light .el-menu--popup .el-submenu .el-submenu__title{color:#333}.el-menu--popup--light .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title{color:#333;background-color:#fff}.el-menu--popup--light .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#1890ff}.el-menu--popup--dark .el-menu--popup{background-color:#2A3950}.el-menu--popup--dark .el-menu--popup .el-menu-item:not(.is-disabled).is-active,.el-menu--popup--dark .el-menu--popup .el-menu-item:not(.is-disabled):hover,.el-menu--popup--dark .el-menu--popup .el-submenu .el-submenu__title:not(.is-disabled):hover{background-color:#1890FF;color:#fff}.el-menu--popup--dark .el-menu--popup .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--popup--dark .el-menu--popup .el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--popup--dark .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title{color:rgba(255,255,255,.8);background-color:#2A3950}.el-menu--popup--dark .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#1890FF}.el-menu--popup--teal .el-menu--popup{background-color:#fff}.el-menu--popup--teal .el-menu--popup .el-menu-item:not(.is-disabled).is-active,.el-menu--popup--teal .el-menu--popup .el-menu-item:not(.is-disabled):hover,.el-menu--popup--teal .el-menu--popup .el-submenu .el-submenu__title:not(.is-disabled):hover{background-color:#0099A6;color:#fff}.el-menu--popup--teal .el-menu--popup .el-menu-item{color:#333}.el-menu--popup--teal .el-menu--popup .el-submenu .el-submenu__title{color:#333}.el-menu--popup--teal .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title{color:#333;background-color:#fff}.el-menu--popup--teal .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#0099A6}.el-menu--popup--blue .el-menu--popup{background-color:#fff}.el-menu--popup--blue .el-menu--popup .el-menu-item:not(.is-disabled).is-active,.el-menu--popup--blue .el-menu--popup .el-menu-item:not(.is-disabled):hover,.el-menu--popup--blue .el-menu--popup .el-submenu .el-submenu__title:not(.is-disabled):hover{background-color:#137CEA;color:#fff}.el-menu--popup--blue .el-menu--popup .el-menu-item{color:#333}.el-menu--popup--blue .el-menu--popup .el-submenu .el-submenu__title{color:#333}.el-menu--popup--blue .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title{color:#333;background-color:#fff}.el-menu--popup--blue .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#137CEA}.el-menu--popup--indigo .el-menu--popup{background-color:#043E71}.el-menu--popup--indigo .el-menu--popup .el-menu-item:not(.is-disabled).is-active,.el-menu--popup--indigo .el-menu--popup .el-menu-item:not(.is-disabled):hover,.el-menu--popup--indigo .el-menu--popup .el-submenu .el-submenu__title:not(.is-disabled):hover{background-color:#1890FF;color:#fff}.el-menu--popup--indigo .el-menu--popup .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--popup--indigo .el-menu--popup .el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--popup--indigo .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title{color:rgba(255,255,255,.8);background-color:#043E71}.el-menu--popup--indigo .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#1890FF}.el-menu--popup--red .el-menu--popup{background-color:#2A2929}.el-menu--popup--red .el-menu--popup .el-menu-item{color:rgba(255,255,255,.8)}.el-menu--popup--red .el-menu--popup .el-menu-item:not(.is-disabled).is-active,.el-menu--popup--red .el-menu--popup .el-menu-item:not(.is-disabled):hover{color:#fff;background-color:#BA333C}.el-menu--popup--red .el-menu--popup .el-submenu .el-submenu__title{color:rgba(255,255,255,.8)}.el-menu--popup--red .el-menu--popup .el-submenu .el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#BA333C}.el-menu--popup--red .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title{color:rgba(255,255,255,.8);background-color:#2A2929}.el-menu--popup--red .el-menu--popup .el-submenu:not(.is-disabled).is-active>.el-submenu__title:not(.is-disabled):hover{color:#fff;background-color:#BA333C}