UNPKG

@syncfusion/ej2-splitbuttons

Version:

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

1,383 lines (1,368 loc) 75.9 kB
.e-dropdown-btn .e-caret::before, .e-dropdown-btn.e-btn .e-caret::before { content: "\e969"; } .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: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); } .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: 8px; } .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: 5px 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 14px; } .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: 8px; } .e-dropdown-popup { position: absolute; } .e-dropdown-popup ul { border: 1px solid #414141; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175); box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175); -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: 3px 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: 26px; line-height: 26px; padding: 0 14px; } .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 14px; text-decoration: none; width: 100%; } .e-dropdown-popup ul .e-item .e-menu-icon { float: left; font-size: 16px; line-height: 26px; margin-right: 12px; 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: 12px; 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: #2a2a2a; color: #f0f0f0; } .e-dropdown-popup ul .e-item .e-menu-url { color: #f0f0f0; } .e-dropdown-popup ul .e-item .e-menu-icon { color: #f0f0f0; } .e-dropdown-popup ul .e-item.e-focused { background: transparent; -webkit-box-shadow: inset 0 0 0 1px #585858; box-shadow: inset 0 0 0 1px #585858; } .e-dropdown-popup ul .e-item:hover { background: #414141; color: #fff; } .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected { background: #0070f0; 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: #414141; } .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: 10px; } .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: 10px; } *.e-bigger .e-dropdown-popup ul, *.e-bigger.e-dropdown-popup ul { -webkit-box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175); box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175); font-size: 15px; min-width: 112px; padding: 5px 0; } *.e-bigger .e-dropdown-popup ul .e-item, *.e-bigger.e-dropdown-popup ul .e-item { height: 40px; line-height: 40px; padding: 0 14px; } *.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: 16px; 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-left: 10px; padding-right: 10px; } .e-split-btn-wrapper .e-split-btn:focus { outline-offset: 0; } .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: inset 0 3px 5px rgba(26, 26, 26, 0.125); box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125); 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: 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: 10px; padding-right: 10px; } .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-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: inset 0 3px 5px rgba(26, 26, 26, 0.125); box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125); 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: 0; } .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: inset 0 3px 5px rgba(26, 26, 26, 0.125); box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125); } .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: 4px; border-top-left-radius: 0; border-top-right-radius: 4px; margin-left: -1px; 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: 10px; padding-right: 10px; } .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: 4px; border-bottom-right-radius: 0; border-top-left-radius: 4px; 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: 4px; 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: 4px; 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: 4px; margin-left: 0; } .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn { border-bottom-right-radius: 4px; border-top-left-radius: 0; } .e-split-btn-wrapper .e-split-btn { border-right-color: #585858; } .e-split-btn-wrapper .e-split-btn:focus { border-right-color: #585858; } .e-split-btn-wrapper .e-split-btn:active { border-right-color: #676767; } .e-split-btn-wrapper .e-split-btn:disabled { border-right-color: rgba(57, 57, 57, 0.4); } .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: #676767; } .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled { border-right-color: rgba(88, 88, 88, 0.4); } .e-split-btn-wrapper.e-rtl .e-split-btn { border-left-color: #585858; border-right-color: #585858; } .e-split-btn-wrapper.e-rtl .e-split-btn:focus { border-left-color: #585858; border-right-color: #585858; } .e-split-btn-wrapper.e-rtl .e-split-btn:active { border-left-color: #676767; border-right-color: #676767; } .e-split-btn-wrapper.e-rtl .e-split-btn:disabled { border-left-color: rgba(88, 88, 88, 0.4); border-right-color: rgba(172, 172, 172, 0.65); } .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: #676767; border-right-color: #676767; } .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled { border-left-color: rgba(88, 88, 88, 0.4); } .e-split-btn-wrapper.e-vertical .e-split-btn { border-bottom-color: #585858; border-right-color: #585858; } .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: #585858; border-right-color: #585858; } .e-split-btn-wrapper.e-vertical .e-split-btn:active { border-bottom-color: #676767; border-right-color: #676767; } .e-split-btn-wrapper.e-vertical .e-split-btn:disabled { border-bottom-color: rgba(88, 88, 88, 0.4); border-right-color: rgba(172, 172, 172, 0.65); } .e-split-btn-wrapper.e-vertical:hover .e-split-btn { border-bottom-color: #676767; border-right-color: #676767; } .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: rgba(88, 88, 88, 0.4); } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn { border-left-color: #585858; } .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: #585858; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active { border-left-color: #676767; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled { border-left-color: #acacac; } .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn { border-left-color: #676767; } .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: 20px; 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: 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: 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: 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: 12px; } *.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: #2a2a2a; border-color: #585858; color: #fff; outline: #393939 0 solid; outline-offset: 0; -webkit-box-shadow: none; 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, 88.2, 189); border-color: rgb(0, 88.2, 189); color: #fff; outline: #393939 0 solid; -webkit-box-shadow: none; 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(38.2295081967, 93.7704918033, 40.393442623); border-color: rgb(38.2295081967, 93.7704918033, 40.393442623); color: #fff; -webkit-box-shadow: none; 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(22.7272727273, 90.9090909091, 102.2727272727); border-color: rgb(22.7272727273, 90.9090909091, 102.2727272727); color: #fff; -webkit-box-shadow: none; 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(245.6310679612, 152.2912621359, 7.3689320388); border-color: rgb(121.8446601942, 75.5436893204, 3.6553398058); color: #000; -webkit-box-shadow: none; 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(151.9875, 37.0125, 37.0125); border-color: rgb(151.9875, 37.0125, 37.0125); color: #fff; -webkit-box-shadow: none; 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: #0a3576; 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: #2a2a2a; border-color: #585858; color: #fff; outline: #393939 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: rgb(0, 88.2, 189); border-color: rgb(0, 88.2, 189); color: #fff; outline: #393939 0 solid; -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); } .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(30.8442622951, 75.6557377049, 32.5901639344); border-color: rgb(38.2295081967, 93.7704918033, 40.393442623); color: #fff; -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); } .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(18.0909090909, 72.3636363636, 81.4090909091); color: #fff; border-color: rgb(22.7272727273, 90.9090909091, 102.2727272727); -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); } .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(220.8737864078, 136.9417475728, 6.6262135922); border-color: rgb(171.359223301, 106.2427184466, 5.140776699); color: #000; -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); } .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(131.48125, 32.01875, 32.01875); border-color: rgb(151.9875, 37.0125, 37.0125); color: #fff; -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); } .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: #2a2a2a; border-color: #585858; -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); 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, 88.2, 189); border-color: rgb(0, 88.2, 189); -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); 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(30.8442622951, 75.6557377049, 32.5901639344); border-color: rgb(38.2295081967, 93.7704918033, 40.393442623); -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); 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(18.0909090909, 72.3636363636, 81.4090909091); border-color: rgb(22.7272727273, 90.9090909091, 102.2727272727); -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); 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(220.8737864078, 136.9417475728, 6.6262135922); border-color: rgb(171.359223301, 106.2427184466, 5.140776699); -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); color: #000; } .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(131.48125, 32.01875, 32.01875); border-color: rgb(151.9875, 37.0125, 37.0125); -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4); 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: rgba(57, 57, 57, 0.4); border-color: rgba(88, 88, 88, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.3); border-color: #585858; } .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: rgba(0, 112, 240, 0.4); border-color: rgba(0, 112, 240, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.4); border-color: rgb(36, 138.2, 255); } .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: rgba(72, 177, 76, 0.4); border-color: rgba(88, 88, 88, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.4); border-color: rgb(38.2295081967, 93.7704918033, 40.393442623); } .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: rgba(42, 170, 192, 0.4); border-color: rgba(88, 88, 88, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.4); border-color: #2aaac0; } .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: rgba(250, 193, 104, 0.4); border-color: rgba(88, 88, 88, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.4); border-color: rgb(245.6310679612, 152.2912621359, 7.3689320388); } .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: rgba(212, 79, 79, 0.4); border-color: rgba(88, 88, 88, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.4); border-color: rgb(151.9875, 37.0125, 37.0125); } .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: rgba(240, 240, 240, 0.3); background: transparent; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); 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: rgba(88, 88, 88, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.4); border-color: #585858; } .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: rgba(88, 88, 88, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.4); border-color: #0070f0; } .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: rgba(53, 130, 56, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(53, 130, 56, 0.4); border-color: #358238; } .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: rgba(32, 128, 144, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(32, 128, 144, 0.4); border-color: #208090; } .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: rgba(249, 173, 55, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(249, 173, 55, 0.4); border-color: #f9ad37; } .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: rgba(193, 47, 47, 0.4); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); color: rgba(193, 47, 47, 0.4); border-color: #c12f2f; } .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: #585858; 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: rgb(61.5, 151.8, 255); 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: inherit; 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: inherit; 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: inherit; 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: inherit; 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: #585858; 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: rgb(61.5, 151.8, 255); outline-color: inherit; }