UNPKG

@syncfusion/ej2-splitbuttons

Version:

A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.

1,479 lines (1,462 loc) 72.9 kB
.e-dropdown-btn .e-caret::before, .e-dropdown-btn.e-btn .e-caret::before { content: "\eb05"; } .e-dropdown-btn, .e-dropdown-btn.e-btn { -webkit-box-shadow: none; box-shadow: none; text-transform: none; white-space: normal; } .e-dropdown-btn:hover, .e-dropdown-btn.e-btn:hover { -webkit-box-shadow: none; box-shadow: none; } .e-dropdown-btn:focus, .e-dropdown-btn.e-btn:focus { -webkit-box-shadow: none; box-shadow: none; } .e-dropdown-btn:active, .e-dropdown-btn.e-btn:active { -webkit-box-shadow: none; box-shadow: none; } .e-dropdown-btn .e-btn-icon, .e-dropdown-btn.e-btn .e-btn-icon { font-size: 14px; } .e-dropdown-btn .e-caret, .e-dropdown-btn.e-btn .e-caret { font-size: 14px; } .e-dropdown-btn.e-vertical, .e-dropdown-btn.e-btn.e-vertical { line-height: 1; padding: 8px 20px; } .e-dropdown-btn.e-caret-hide .e-caret, .e-dropdown-btn.e-btn.e-caret-hide .e-caret { display: none; } .e-dropdown-btn.e-small .e-dropdown-popup ul, .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul { padding: 0; } .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item, .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item { padding: 0 10px; } .e-dropdown-btn.e-small.e-vertical, .e-dropdown-btn.e-btn.e-small.e-vertical { line-height: 1; padding: 8px 20px; } .e-dropdown-btn.e-small .e-btn-icon, .e-dropdown-btn.e-btn.e-small .e-btn-icon { font-size: 12px; } .e-dropdown-btn.e-small .e-btn-icon.e-caret, .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret { font-size: 12px; } .e-dropdown-popup { position: absolute; } .e-dropdown-popup ul { border: 1px solid #414040; border-radius: 0; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight: normal; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; min-width: 120px; overflow: hidden; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .e-dropdown-popup ul .e-item { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 36px; line-height: 36px; padding: 0 10px; } .e-dropdown-popup ul .e-item.e-separator { padding: 0 !important; /* stylelint-disable-line declaration-no-important */ } .e-dropdown-popup ul .e-item.e-url { padding: 0; } .e-dropdown-popup ul .e-item .e-menu-url { display: block; padding: 0 10px; text-decoration: none; width: 100%; } .e-dropdown-popup ul .e-item .e-menu-icon { float: left; font-size: 16px; line-height: 36px; margin-right: 10px; vertical-align: middle; width: 1em; } .e-dropdown-popup ul .e-item.e-disabled { cursor: auto; pointer-events: none; } .e-dropdown-popup ul .e-item.e-separator { border-bottom-style: solid; border-bottom-width: 1px; cursor: auto; height: auto; line-height: normal; margin: 0; pointer-events: none; } .e-dropdown-popup.e-transparent { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .e-dropdown-popup.e-transparent .e-dropdown-menu { border: 0; height: 1px; min-width: 0; padding: 0; width: 1px; } .e-dropdown-popup.e-hidden { display: none !important; /* stylelint-disable-line declaration-no-important */ } .e-rtl.e-dropdown-popup .e-item .e-menu-icon { float: right; margin-left: 10px; margin-right: 0; } .e-dropdown-popup-width ul { min-width: 0 !important; /* stylelint-disable-line declaration-no-important */ } .e-dropdown-popup-width ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block !important; /* stylelint-disable-line declaration-no-important */ } .e-dropdown-popup { background: #282727; color: #dadada; } .e-dropdown-popup ul .e-item .e-menu-url { color: #dadada; } .e-dropdown-popup ul .e-item .e-menu-icon { color: #dadada; } .e-dropdown-popup ul .e-item.e-focused { background: transparent; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .e-dropdown-popup ul .e-item:hover { background: #414040; color: #fff; } .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected { background: #514f4f; color: #fff; } .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url { color: #fff; } .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon { color: #fff; } .e-dropdown-popup ul .e-separator { border-bottom-color: #414040; } .e-dropdown-btn.e-inherit, .e-dropdown-btn.e-btn.e-inherit { background: inherit; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; } .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active, .e-dropdown-btn.e-btn.e-inherit:hover, .e-dropdown-btn.e-btn.e-inherit:focus, .e-dropdown-btn.e-btn.e-inherit:active, .e-dropdown-btn.e-btn.e-inherit.e-active { background: rgba(0, 0, 0, 0.056); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; } .e-bigger .e-dropdown-btn .e-btn-icon, .e-bigger.e-dropdown-btn .e-btn-icon { font-size: 18px; } .e-bigger .e-dropdown-btn .e-caret, .e-bigger.e-dropdown-btn .e-caret { font-size: 18px; } .e-bigger .e-dropdown-btn.e-vertical, .e-bigger.e-dropdown-btn.e-vertical { line-height: 1; padding: 10px 24px; } .e-bigger .e-dropdown-btn.e-small.e-vertical, .e-bigger.e-dropdown-btn.e-small.e-vertical { line-height: 1; padding: 10px 24px; } .e-bigger .e-dropdown-btn.e-small .e-btn-icon, .e-bigger.e-dropdown-btn.e-small .e-btn-icon { font-size: 16px; } .e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret, .e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret { font-size: 16px; } *.e-bigger .e-dropdown-popup ul, *.e-bigger.e-dropdown-popup ul { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); font-size: 15px; min-width: 112px; padding: 0; } *.e-bigger .e-dropdown-popup ul .e-item, *.e-bigger.e-dropdown-popup ul .e-item { height: 48px; line-height: 48px; padding: 0 10px; } *.e-bigger .e-dropdown-popup ul .e-item.e-url, *.e-bigger.e-dropdown-popup ul .e-item.e-url { padding: 0; } *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon, *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon { font-size: 18px; line-height: 48px; } *.e-bigger .e-dropdown-popup ul .e-item.e-separator, *.e-bigger.e-dropdown-popup ul .e-item.e-separator { height: auto; line-height: normal; } .e-split-btn-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; width: -webkit-min-content; width: -moz-min-content; width: min-content; } .e-split-btn-wrapper .e-split-btn { border-bottom-right-radius: 0; border-top-right-radius: 0; text-transform: none; z-index: 1; padding-left: 10px; padding-right: 10px; } .e-split-btn-wrapper .e-split-btn:focus { outline-offset: -4px; } .e-split-btn-wrapper .e-split-btn:hover { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper .e-split-btn:focus { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper .e-split-btn:active { -webkit-box-shadow: none; box-shadow: none; z-index: 2; } .e-split-btn-wrapper .e-split-btn.e-top-icon-btn { padding-bottom: 10px; padding-top: 10px; } .e-split-btn-wrapper .e-split-btn .e-btn-icon { font-size: 14px; margin-left: 0; padding-right: 8px; width: auto; } .e-split-btn-wrapper .e-split-btn .e-icon-top { padding-bottom: 4px; padding-right: 0; } .e-split-btn-wrapper .e-split-btn.e-icon-btn { padding-left: 8px; padding-right: 8px; } .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon { padding-right: 0; } .e-split-btn-wrapper .e-dropdown-btn { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; padding-left: 4px; padding-right: 4px; } .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper .e-dropdown-btn:active { -webkit-box-shadow: none; box-shadow: none; z-index: 2; } .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active { z-index: 0; } .e-split-btn-wrapper .e-dropdown-btn:focus { outline-offset: -4px; } .e-split-btn-wrapper .e-btn { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper .e-btn:hover { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper .e-btn:focus { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper .e-btn:active { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper .e-btn:disabled { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper.e-rtl .e-split-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; margin-left: 0; padding-left: 4px; padding-right: 10px; } .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon { margin-right: 0; padding-left: 8px; padding-right: 0; } .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top { padding-left: 0; } .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn { padding-left: 8px; padding-right: 8px; } .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon { padding-left: 0; } .e-split-btn-wrapper.e-rtl .e-dropdown-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; margin-left: 0; } .e-split-btn-wrapper.e-vertical { display: inline-block; } .e-split-btn-wrapper.e-vertical .e-split-btn, .e-split-btn-wrapper.e-vertical .e-dropdown-btn { display: block; width: 100%; } .e-split-btn-wrapper.e-vertical .e-split-btn { border-bottom-left-radius: 0; border-top-right-radius: 0; line-height: 1; padding-bottom: 4px; padding-right: 10px; } .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top { padding-bottom: 4px; } .e-split-btn-wrapper.e-vertical .e-dropdown-btn { border-bottom-left-radius: 0; border-top-right-radius: 0; line-height: 0.213em; margin-left: 0; margin-top: 0; padding-bottom: 4px; padding-top: 4px; } .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom { padding-top: 0; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn { border-bottom-right-radius: 0; border-top-left-radius: 0; margin-left: 0; } .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn { border-bottom-right-radius: 0; border-top-left-radius: 0; } .e-split-btn-wrapper .e-split-btn { border-right-color: transparent; } .e-split-btn-wrapper .e-split-btn:focus { border-right-color: #6f6c6c; } .e-split-btn-wrapper .e-split-btn:active { border-right-color: #6f6c6c; } .e-split-btn-wrapper .e-split-btn:disabled { border-right-color: #414040; } .e-split-btn-wrapper .e-split-btn.e-inherit { border-color: transparent; } .e-split-btn-wrapper:hover :not(e-active) .e-split-btn { border-right-color: #6f6c6c; } .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled { border-right-color: #414040; } .e-split-btn-wrapper.e-rtl .e-split-btn { border-left-color: transparent; border-right-color: transparent; } .e-split-btn-wrapper.e-rtl .e-split-btn:focus { border-left-color: #6f6c6c; border-right-color: transparent; } .e-split-btn-wrapper.e-rtl .e-split-btn:active { border-left-color: #6f6c6c; border-right-color: #6f6c6c; } .e-split-btn-wrapper.e-rtl .e-split-btn:disabled { border-left-color: #414040; border-right-color: transparent; } .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit { border-color: transparent; } .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) { border-left-color: #6f6c6c; border-right-color: #414040; } .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled { border-left-color: #414040; } .e-split-btn-wrapper.e-vertical .e-split-btn { border-bottom-color: transparent; border-right-color: transparent; } .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled { border-color: transparent; } .e-split-btn-wrapper.e-vertical .e-split-btn:focus { border-bottom-color: #6f6c6c; border-right-color: transparent; } .e-split-btn-wrapper.e-vertical .e-split-btn:active { border-bottom-color: #6f6c6c; border-right-color: #6f6c6c; } .e-split-btn-wrapper.e-vertical .e-split-btn:disabled { border-bottom-color: #414040; border-right-color: transparent; } .e-split-btn-wrapper.e-vertical:hover .e-split-btn { border-bottom-color: #6f6c6c; border-right-color: #414040; } .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled { border-color: transparent; } .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled { border-bottom-color: #414040; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled { border-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit { border-color: transparent; } .e-bigger .e-split-btn-wrapper .e-split-btn, .e-bigger.e-split-btn-wrapper .e-split-btn { padding-left: 12px; padding-right: 6px; } .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn, .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn { padding-bottom: 12px; padding-top: 12px; } .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon, .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon { font-size: 18px; margin-left: 0; padding-right: 10px; width: auto; } .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top, .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top { padding-bottom: 6px; padding-right: 0; } .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn, .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn { padding-left: 11px; padding-right: 11px; } .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon, .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon { padding-right: 0; } .e-bigger .e-split-btn-wrapper .e-dropdown-btn, .e-bigger.e-split-btn-wrapper .e-dropdown-btn { padding-left: 4px; padding-right: 4px; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn { padding-left: 6px; padding-right: 12px; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon { padding-left: 10px; padding-right: 0; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top { padding-left: 0; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn { padding-left: 11px; padding-right: 11px; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon { padding-left: 0; } .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn, .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn { padding-bottom: 6px; padding-right: 12px; } .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn, .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn { padding-bottom: 4px; padding-top: 4px; } .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom, .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom { padding-top: 0; } /* stylelint-disable */ *.e-btn-group, *.e-css.e-btn-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } *.e-btn-group input + label.e-btn, *.e-css.e-btn-group input + label.e-btn { margin-bottom: 0; } *.e-btn-group input, *.e-css.e-btn-group input { -moz-appearance: none; height: 1px; margin: 0 0 0 -1px; opacity: 0; position: absolute; width: 1px; } *.e-btn-group input:disabled + label.e-btn, *.e-btn-group :disabled, *.e-css.e-btn-group input:disabled + label.e-btn, *.e-css.e-btn-group :disabled { cursor: default; pointer-events: none; } *.e-btn-group .e-btn-icon, *.e-css.e-btn-group .e-btn-icon { font-size: 14px; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn { margin-left: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type), *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-btn, *.e-css.e-btn-group.e-rtl .e-btn { margin-left: 0; } *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type), *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; } *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group.e-rtl .e-btn:first-of-type, *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-btn:last-of-type, *.e-css.e-btn-group.e-rtl .e-btn:last-of-type { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-vertical, *.e-css.e-btn-group.e-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } *.e-btn-group.e-vertical input, *.e-css.e-btn-group.e-vertical input { margin: -1px 0 0; } *.e-btn-group.e-vertical .e-btn:not(.e-outline), *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) { margin-top: -1px; } *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type), *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; } *.e-btn-group.e-vertical .e-btn:first-of-type, *.e-css.e-btn-group.e-vertical .e-btn:first-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; } *.e-btn-group.e-vertical .e-btn:last-of-type, *.e-css.e-btn-group.e-vertical .e-btn:last-of-type { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl), *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) { border-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl, *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl { border-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child), *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } /* stylelint-disable */ .e-btn-group:not(.e-outline), .e-css.e-btn-group:not(.e-outline) { -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:hover, .e-css.e-btn-group .e-btn:hover { -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:focus, .e-btn-group input:focus-visible + label.e-btn, .e-btn-group input:focus + label.e-btn, .e-css.e-btn-group .e-btn:focus, .e-css.e-btn-group input:focus-visible + label.e-btn, .e-css.e-btn-group input:focus + label.e-btn { background: #414040; border-color: #201f1f; color: #fff; outline: #c8c8c8 1px solid; outline-offset: 0; -webkit-box-shadow: none; box-shadow: none; box-shadow: none; outline-color: #c8c8c8; } .e-btn-group .e-btn:focus.e-primary, .e-btn-group input:focus-visible + label.e-btn.e-primary, .e-btn-group input:focus + label.e-btn.e-primary, .e-css.e-btn-group .e-btn:focus.e-primary, .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary, .e-css.e-btn-group input:focus + label.e-btn.e-primary { background: #0074cc; border-color: #201f1f; color: #fff; outline: #c8c8c8 1px solid; -webkit-box-shadow: none; box-shadow: none; box-shadow: none; outline-color: #fff; } .e-btn-group .e-btn:focus.e-success, .e-btn-group input:focus-visible + label.e-btn.e-success, .e-btn-group input:focus + label.e-btn.e-success, .e-css.e-btn-group .e-btn:focus.e-success, .e-css.e-btn-group input:focus-visible + label.e-btn.e-success, .e-css.e-btn-group input:focus + label.e-btn.e-success { background: #37844d; border-color: #201f1f; color: #fff; -webkit-box-shadow: none; box-shadow: none; box-shadow: none; outline-color: #fff; } .e-btn-group .e-btn:focus.e-info, .e-btn-group input:focus-visible + label.e-btn.e-info, .e-btn-group input:focus + label.e-btn.e-info, .e-css.e-btn-group .e-btn:focus.e-info, .e-css.e-btn-group input:focus-visible + label.e-btn.e-info, .e-css.e-btn-group input:focus + label.e-btn.e-info { background: #1e79cb; border-color: #201f1f; color: #fff; -webkit-box-shadow: none; box-shadow: none; box-shadow: none; outline-color: #fff; } .e-btn-group .e-btn:focus.e-warning, .e-btn-group input:focus-visible + label.e-btn.e-warning, .e-btn-group input:focus + label.e-btn.e-warning, .e-css.e-btn-group .e-btn:focus.e-warning, .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning, .e-css.e-btn-group input:focus + label.e-btn.e-warning { background: #bf7500; border-color: #201f1f; color: #fff; -webkit-box-shadow: none; box-shadow: none; box-shadow: none; outline-color: #fff; } .e-btn-group .e-btn:focus.e-danger, .e-btn-group input:focus-visible + label.e-btn.e-danger, .e-btn-group input:focus + label.e-btn.e-danger, .e-css.e-btn-group .e-btn:focus.e-danger, .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger, .e-css.e-btn-group input:focus + label.e-btn.e-danger { background: #cd2a19; border-color: #201f1f; color: #fff; -webkit-box-shadow: none; box-shadow: none; box-shadow: none; outline-color: #fff; } .e-btn-group .e-btn:focus.e-link, .e-btn-group input:focus-visible + label.e-btn.e-link, .e-btn-group input:focus + label.e-btn.e-link, .e-css.e-btn-group .e-btn:focus.e-link, .e-css.e-btn-group input:focus-visible + label.e-btn.e-link, .e-css.e-btn-group input:focus + label.e-btn.e-link { border-radius: 0; text-decoration: underline; color: #639df3; background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; outline: none; } .e-btn-group .e-btn:focus.e-outline, .e-btn-group input:focus-visible + label.e-btn.e-outline, .e-btn-group input:focus + label.e-btn.e-outline, .e-css.e-btn-group .e-btn:focus.e-outline, .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline, .e-css.e-btn-group input:focus + label.e-btn.e-outline { -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-primary, .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary, .e-btn-group input:focus + label.e-btn.e-outline.e-primary, .e-css.e-btn-group .e-btn:focus.e-outline.e-primary, .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary { -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-success, .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success, .e-btn-group input:focus + label.e-btn.e-outline.e-success, .e-css.e-btn-group .e-btn:focus.e-outline.e-success, .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success { -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-info, .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info, .e-btn-group input:focus + label.e-btn.e-outline.e-info, .e-css.e-btn-group .e-btn:focus.e-outline.e-info, .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info { -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-warning, .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning, .e-btn-group input:focus + label.e-btn.e-outline.e-warning, .e-css.e-btn-group .e-btn:focus.e-outline.e-warning, .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning { -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-danger, .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger, .e-btn-group input:focus + label.e-btn.e-outline.e-danger, .e-css.e-btn-group .e-btn:focus.e-outline.e-danger, .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger { -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:active, .e-btn-group input:active + label.e-btn, .e-btn-group input:checked + label.e-btn, .e-css.e-btn-group .e-btn:active, .e-css.e-btn-group input:active + label.e-btn, .e-css.e-btn-group input:checked + label.e-btn { background: #6f6c6c; border-color: #6f6c6c; color: #fff; outline: #414040 0 solid; outline-offset: 0; } .e-btn-group .e-btn:active.e-primary, .e-btn-group input:active + label.e-btn.e-primary, .e-btn-group input:checked + label.e-btn.e-primary, .e-css.e-btn-group .e-btn:active.e-primary, .e-css.e-btn-group input:active + label.e-btn.e-primary, .e-css.e-btn-group input:checked + label.e-btn.e-primary { background: #005799; border-color: #005799; color: #fff; outline: #414040 0 solid; -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:active.e-success, .e-btn-group input:active + label.e-btn.e-success, .e-btn-group input:checked + label.e-btn.e-success, .e-css.e-btn-group .e-btn:active.e-success, .e-css.e-btn-group input:active + label.e-btn.e-success, .e-css.e-btn-group input:checked + label.e-btn.e-success { background: rgb(37, 88.8, 51.8); border-color: rgb(37, 88.8, 51.8); color: #fff; -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:active.e-info, .e-btn-group input:active + label.e-btn.e-info, .e-btn-group input:checked + label.e-btn.e-info, .e-css.e-btn-group .e-btn:active.e-info, .e-css.e-btn-group input:active + label.e-btn.e-info, .e-css.e-btn-group input:checked + label.e-btn.e-info { background: rgb(22.1201716738, 89.2180257511, 149.6798283262); color: #fff; border-color: rgb(22.1201716738, 89.2180257511, 149.6798283262); -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:active.e-warning, .e-btn-group input:active + label.e-btn.e-warning, .e-btn-group input:checked + label.e-btn.e-warning, .e-css.e-btn-group .e-btn:active.e-warning, .e-css.e-btn-group input:active + label.e-btn.e-warning, .e-css.e-btn-group input:checked + label.e-btn.e-warning { background: rgb(129.8, 79.5109947644, 0); border-color: rgb(129.8, 79.5109947644, 0); color: #fff; -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:active.e-danger, .e-btn-group input:active + label.e-btn.e-danger, .e-btn-group input:checked + label.e-btn.e-danger, .e-css.e-btn-group .e-btn:active.e-danger, .e-css.e-btn-group input:active + label.e-btn.e-danger, .e-css.e-btn-group input:checked + label.e-btn.e-danger { background: rgb(150.452173913, 30.8243478261, 18.347826087); border-color: rgb(150.452173913, 30.8243478261, 18.347826087); color: #fff; -webkit-box-shadow: none; box-shadow: none; } .e-btn-group .e-btn:active.e-outline, .e-btn-group input:active + label.e-btn.e-outline, .e-btn-group input:checked + label.e-btn.e-outline, .e-css.e-btn-group .e-btn:active.e-outline, .e-css.e-btn-group input:active + label.e-btn.e-outline, .e-css.e-btn-group input:checked + label.e-btn.e-outline { background: #6f6c6c; border-color: #6f6c6c; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-primary, .e-btn-group input:active + label.e-btn.e-outline.e-primary, .e-btn-group input:checked + label.e-btn.e-outline.e-primary, .e-css.e-btn-group .e-btn:active.e-outline.e-primary, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary { background: #005799; border-color: #005799; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-success, .e-btn-group input:active + label.e-btn.e-outline.e-success, .e-btn-group input:checked + label.e-btn.e-outline.e-success, .e-css.e-btn-group .e-btn:active.e-outline.e-success, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success { background: rgb(37, 88.8, 51.8); border-color: rgb(37, 88.8, 51.8); -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-info, .e-btn-group input:active + label.e-btn.e-outline.e-info, .e-btn-group input:checked + label.e-btn.e-outline.e-info, .e-css.e-btn-group .e-btn:active.e-outline.e-info, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info { background: rgb(22.1201716738, 89.2180257511, 149.6798283262); border-color: rgb(22.1201716738, 89.2180257511, 149.6798283262); -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-warning, .e-btn-group input:active + label.e-btn.e-outline.e-warning, .e-btn-group input:checked + label.e-btn.e-outline.e-warning, .e-css.e-btn-group .e-btn:active.e-outline.e-warning, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning { background: rgb(129.8, 79.5109947644, 0); border-color: rgb(129.8, 79.5109947644, 0); -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-danger, .e-btn-group input:active + label.e-btn.e-outline.e-danger, .e-btn-group input:checked + label.e-btn.e-outline.e-danger, .e-css.e-btn-group .e-btn:active.e-outline.e-danger, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger { background: rgb(150.452173913, 30.8243478261, 18.347826087); border-color: rgb(150.452173913, 30.8243478261, 18.347826087); -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:disabled, .e-btn-group input:disabled + label.e-btn, .e-css.e-btn-group .e-btn:disabled, .e-css.e-btn-group input:disabled + label.e-btn { background-color: #414040; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #414040; } .e-btn-group .e-btn:disabled.e-primary, .e-btn-group input:disabled + label.e-btn.e-primary, .e-css.e-btn-group .e-btn:disabled.e-primary, .e-css.e-btn-group input:disabled + label.e-btn.e-primary { background: #414040; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #0074cc; } .e-btn-group .e-btn:disabled.e-success, .e-btn-group input:disabled + label.e-btn.e-success, .e-css.e-btn-group .e-btn:disabled.e-success, .e-css.e-btn-group input:disabled + label.e-btn.e-success { background: #414040; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #37844d; } .e-btn-group .e-btn:disabled.e-info, .e-btn-group input:disabled + label.e-btn.e-info, .e-css.e-btn-group .e-btn:disabled.e-info, .e-css.e-btn-group input:disabled + label.e-btn.e-info { background: #414040; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #1e79cb; } .e-btn-group .e-btn:disabled.e-warning, .e-btn-group input:disabled + label.e-btn.e-warning, .e-css.e-btn-group .e-btn:disabled.e-warning, .e-css.e-btn-group input:disabled + label.e-btn.e-warning { background: #414040; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #bf7500; } .e-btn-group .e-btn:disabled.e-danger, .e-btn-group input:disabled + label.e-btn.e-danger, .e-css.e-btn-group .e-btn:disabled.e-danger, .e-css.e-btn-group input:disabled + label.e-btn.e-danger { background: #414040; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #cd2a19; } .e-btn-group .e-btn:disabled.e-link, .e-btn-group input:disabled + label.e-btn.e-link, .e-css.e-btn-group .e-btn:disabled.e-link, .e-css.e-btn-group input:disabled + label.e-btn.e-link { color: #6f6c6c; background: transparent; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; border-color: transparent; } .e-btn-group .e-btn:disabled.e-outline, .e-btn-group input:disabled + label.e-btn.e-outline, .e-css.e-btn-group .e-btn:disabled.e-outline, .e-css.e-btn-group input:disabled + label.e-btn.e-outline { background: transparent; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #414040; } .e-btn-group .e-btn:disabled.e-outline.e-primary, .e-btn-group input:disabled + label.e-btn.e-outline.e-primary, .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary { background: transparent; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #0074cc; } .e-btn-group .e-btn:disabled.e-outline.e-success, .e-btn-group input:disabled + label.e-btn.e-outline.e-success, .e-css.e-btn-group .e-btn:disabled.e-outline.e-success, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success { background: transparent; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #37844d; } .e-btn-group .e-btn:disabled.e-outline.e-info, .e-btn-group input:disabled + label.e-btn.e-outline.e-info, .e-css.e-btn-group .e-btn:disabled.e-outline.e-info, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info { background: transparent; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #1e79cb; } .e-btn-group .e-btn:disabled.e-outline.e-warning, .e-btn-group input:disabled + label.e-btn.e-outline.e-warning, .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning { background: transparent; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #bf7500; } .e-btn-group .e-btn:disabled.e-outline.e-danger, .e-btn-group input:disabled + label.e-btn.e-outline.e-danger, .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger { background: transparent; border-color: #414040; -webkit-box-shadow: none; box-shadow: none; color: #6f6c6c; border-color: #cd2a19; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type), .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) { border-left: transparent; border-right: transparent; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type { border-right: transparent; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type { border-left: transparent; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline { border-color: #514f4f; outline-color: #c8c8c8; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary { border-color: inherit; outline-color: #fff; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success { border-color: inherit; outline-color: #fff; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info { border-color: inherit; outline-color: #fff; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning { border-color: inherit; outline-color: #fff; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger { border-color: inherit; outline-color: #fff; } .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type), .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) { border-bottom: transparent; border-top: transparent; } .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type { border-bottom: transparent; } .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type { border-top: transparent; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline { border-color: #514f4f; outline-color: #c8c8c8; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary { border-color: inherit; outline-color: #fff; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success { border-color: inherit; outline-color: #fff; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info { border-color: inherit; outline-color: #fff; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning { border-color: inherit; outline-color: #fff; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger { border-color: inherit; outline-color: #fff; } .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type), .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) { border-left: transparent; border-right: transparent; } .e-btn-group.e-rtl .e-btn:first-of-type, .e-css.e-btn-group.e-rtl .e-btn:first-of-type { border-left: transparent; } .e-btn-group.e-rtl .e-btn:last-of-type, .e-css.e-btn-group.e-rtl .e-btn:last-of-type { border-right: transparent; } .e-bigger .e-btn-group .e-btn-icon, .e-bigger.e-btn-group .e-btn-icon, .e-bigger .e-css.e-btn-group .e-btn-icon, .e-bigger.e-css.e-btn-group .e-btn-icon { font-size: 16px; } /* stylelint-disable property-no-vendor-prefix */ @-webkit-keyframes material-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes material-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fabric-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .e-progress-btn { position: relative; } .e-progress-btn .e-progress { height: 100%; left: 0;