UNPKG

@syncfusion/ej2-splitbuttons

Version:

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

1,459 lines (1,443 loc) 80.2 kB
/* stylelint-disable-line no-empty-source */ .e-dropdown-btn .e-caret::before, .e-dropdown-btn.e-btn .e-caret::before { content: "\e729"; } .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: 16px; } .e-dropdown-btn .e-caret, .e-dropdown-btn.e-btn .e-caret { font-size: 14px; margin-top: 0; } .e-dropdown-btn.e-vertical, .e-dropdown-btn.e-btn.e-vertical { line-height: 1; padding: 6px 12px; } .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 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 8px; } .e-dropdown-btn.e-small.e-vertical, .e-dropdown-btn.e-btn.e-small.e-vertical { line-height: 1; padding: 6px 12px; } .e-dropdown-btn.e-small .e-btn-icon, .e-dropdown-btn.e-btn.e-small .e-btn-icon { font-size: 14px; } .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: 0 solid #292827; border-radius: 2px; -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108); box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight: 400; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; min-width: 120px; overflow: hidden; padding: 0 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 12px; } .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 12px; text-decoration: none; width: 100%; } .e-dropdown-popup ul .e-item .e-menu-icon { float: left; font-size: 18px; line-height: 36px; margin-right: 11px; 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: 3px 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: 11px; 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: #252423; color: #fff; } .e-dropdown-popup ul .e-item .e-menu-url { color: #fff; } .e-dropdown-popup ul .e-item .e-menu-icon { color: #a19f9d; } .e-dropdown-popup ul .e-item.e-focused { -webkit-box-shadow: inset 0 0 0 1px #f3f2f1; box-shadow: inset 0 0 0 1px #f3f2f1; } .e-dropdown-popup ul .e-item:hover { background: #323130; color: #f3f2f1; } .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected { background: #3b3a39; color: #f3f2f1; } .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url { color: #f3f2f1; } .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon { color: #a19f9d; } .e-dropdown-popup ul .e-separator { border-bottom-color: #292827; } .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: 20px; } .e-bigger .e-dropdown-btn .e-caret, .e-bigger.e-dropdown-btn .e-caret { font-size: 16px; } .e-bigger .e-dropdown-btn.e-vertical, .e-bigger.e-dropdown-btn.e-vertical { line-height: 1; padding: 8px 16px; } .e-bigger .e-dropdown-btn.e-small.e-vertical, .e-bigger.e-dropdown-btn.e-small.e-vertical { line-height: 1; padding: 8px 16px; } .e-bigger .e-dropdown-btn.e-small .e-btn-icon, .e-bigger.e-dropdown-btn.e-small .e-btn-icon { font-size: 18px; } .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: 14px; } *.e-bigger .e-dropdown-popup ul, *.e-bigger.e-dropdown-popup ul { -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108); box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108); font-size: 16px; min-width: 112px; padding: 0 0; } *.e-bigger .e-dropdown-popup ul .e-item, *.e-bigger.e-dropdown-popup ul .e-item { height: 40px; line-height: 40px; padding: 0 16px; } *.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: 22px; line-height: 40px; } *.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: 3px 7px; padding-left: 10px; padding-right: 10px; } .e-split-btn-wrapper .e-split-btn:focus { outline-offset: -3px; } .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: 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 rgba(0, 0, 0, 0); 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: 16px; margin-left: 0; padding-right: 4px; 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: -1px; padding: 4px; } .e-split-btn-wrapper .e-dropdown-btn:active { -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 rgba(0, 0, 0, 0); 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: -3px; } .e-split-btn-wrapper .e-btn:focus { -webkit-box-shadow: none; box-shadow: none; } .e-split-btn-wrapper .e-btn:active { -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 rgba(0, 0, 0, 0); } .e-split-btn-wrapper .e-btn:disabled { -webkit-box-shadow: none; box-shadow: none; outline: 0; outline-offset: 0; } .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: -1px; padding-left: 8px; padding-right: 8px; padding-left: 4px; padding-right: 10px; } .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon { margin-right: 0; padding-left: 4px; 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.334em; margin-left: 0; margin-top: -1px; 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: #8a8886; } .e-split-btn-wrapper .e-split-btn:focus { border-right-color: #8a8886; } .e-split-btn-wrapper .e-split-btn:active { border-right-color: #292827; } .e-split-btn-wrapper .e-split-btn:disabled { border-right-color: #252423; } .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: #8a8886; } .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled { border-right-color: #323130; } .e-split-btn-wrapper.e-rtl .e-split-btn { border-left-color: #8a8886; border-right-color: #8a8886; } .e-split-btn-wrapper.e-rtl .e-split-btn:focus { border-left-color: #8a8886; border-right-color: #8a8886; } .e-split-btn-wrapper.e-rtl .e-split-btn:active { border-left-color: #292827; border-right-color: #292827; } .e-split-btn-wrapper.e-rtl .e-split-btn:disabled { border-left-color: #323130; border-right-color: #323130; } .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: #8a8886; border-right-color: #8a8886; } .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled { border-left-color: #323130; } .e-split-btn-wrapper.e-vertical .e-split-btn { border-bottom-color: #8a8886; border-right-color: #8a8886; } .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: #8a8886; border-right-color: #8a8886; } .e-split-btn-wrapper.e-vertical .e-split-btn:active { border-bottom-color: #292827; border-right-color: #292827; } .e-split-btn-wrapper.e-vertical .e-split-btn:disabled { border-bottom-color: #323130; border-right-color: #323130; } .e-split-btn-wrapper.e-vertical:hover .e-split-btn { border-bottom-color: #8a8886; border-right-color: #8a8886; } .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: #323130; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn { border-left-color: #8a8886; } .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: #8a8886; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active { border-left-color: #8a8886; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled { border-left-color: #8a8886; } .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn { border-left-color: #8a8886; } .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: 12px; } .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: 20px; margin-left: 0; padding-right: 8px; 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: 12px; padding-right: 12px; } .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: 8px; 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: 12px; padding-right: 12px; } .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: 4px; -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: 16px; } *.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: -1px; } *.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: -1px; } *.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: #252423; border-color: #8a8886; color: #fff; outline: 1px solid; outline-offset: -3px; -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none; outline-color: inherit; } .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: rgb(0, 108, 190.8); border-color: #0078d4; color: #1b1a19; outline: 1px solid; -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none; outline-color: inherit; } .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: rgb(9.9, 95.4, 9.9); border-color: #0b6a0b; color: #1b1a19; -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none; outline-color: inherit; } .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: rgb(2.7, 117.9, 121.5); border-color: #038387; color: #1b1a19; -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none; outline-color: inherit; } .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: rgb(207.3, 97.5, 39.9); border-color: #ca5010; color: #1b1a19; -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none; outline-color: inherit; } .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: rgb(188.1, 46.8, 50.4); border-color: #d13438; color: #1b1a19; -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none; outline-color: inherit; } .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: rgb(0, 96, 169.6); 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: #292827; border-color: #8a8886; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .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: rgb(0, 96, 169.6); border-color: rgb(0, 96, 169.6); color: #1b1a19; -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(8.8, 84.8, 8.8); border-color: rgb(8.8, 84.8, 8.8); color: #1b1a19; -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(53.4, 155.8, 159); color: #1b1a19; border-color: rgb(53.4, 155.8, 159); -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(212.6, 115, 63.8); border-color: rgb(212.6, 115, 63.8); color: #1b1a19; -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(167.2, 41.6, 44.8); border-color: rgb(167.2, 41.6, 44.8); color: #1b1a19; -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: #292827; border-color: #8a8886; -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: rgb(0, 96, 169.6); border-color: #0078d4; -webkit-box-shadow: none; box-shadow: none; color: #1b1a19; } .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(8.8, 84.8, 8.8); border-color: rgb(8.8, 84.8, 8.8); -webkit-box-shadow: none; box-shadow: none; color: #1b1a19; } .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(53.4, 155.8, 159); border-color: rgb(53.4, 155.8, 159); -webkit-box-shadow: none; box-shadow: none; color: #1b1a19; } .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(212.6, 115, 63.8); border-color: rgb(212.6, 115, 63.8); -webkit-box-shadow: none; box-shadow: none; color: #1b1a19; } .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(167.2, 41.6, 44.8); border-color: rgb(167.2, 41.6, 44.8); -webkit-box-shadow: none; box-shadow: none; color: #1b1a19; } .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: #252423; border-color: #323130; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; border-color: #8a8886; } .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: #252423; border-color: #323130; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; outline: none; border-color: #0078d4; } .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: #252423; border-color: #323130; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; outline: none; border-color: #0b6a0b; } .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: #252423; border-color: #323130; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; outline: none; border-color: #038387; } .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: #252423; border-color: #323130; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; outline: none; border-color: #ca5010; } .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: #252423; border-color: #323130; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; outline: none; border-color: #d13438; } .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: #3b3a39; background: transparent; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; outline: 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: #252423; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; border-color: #8a8886; } .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: #252423; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; border-color: #0078d4; } .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: #252423; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; border-color: #0b6a0b; } .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: #252423; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; border-color: #038387; } .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: #252423; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; border-color: #ca5010; } .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: #252423; -webkit-box-shadow: none; box-shadow: none; color: #3b3a39; border-color: #d13438; } .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: #8a8886; outline-color: inherit; } .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: #0078d4; outline-color: inherit; } .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: #0b6a0b; outline-color: inherit; } .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: #038387; outline-color: inherit; } .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: #ca5010; outline-color: inherit; } .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: #d13438; outline-color: inherit; } .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: #8a8886; outline-color: inherit; } .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: #0078d4; outline-color: inherit; } .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: #0b6a0b; outline-color: inherit; } .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: #038387; outline-color: inherit; } .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: #ca5010; outline-color: inherit; } .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: #d13438; outline-color: inherit; } .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: 20px; } /* 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(360d