UNPKG

@syncfusion/ej2-splitbuttons

Version:

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

818 lines (816 loc) 33.4 kB
/* stylelint-disable */ *.e-btn-group, *.e-css.e-btn-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 2px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } *.e-btn-group input + label.e-btn, *.e-css.e-btn-group input + label.e-btn { margin-bottom: 0; } *.e-btn-group input, *.e-css.e-btn-group input { -moz-appearance: none; height: 1px; margin: 0 0 0 -1px; opacity: 0; position: absolute; width: 1px; } *.e-btn-group input:disabled + label.e-btn, *.e-btn-group :disabled, *.e-css.e-btn-group input:disabled + label.e-btn, *.e-css.e-btn-group :disabled { cursor: default; pointer-events: none; } *.e-btn-group .e-btn-icon, *.e-css.e-btn-group .e-btn-icon { font-size: 14px; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn { margin-left: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type), *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-btn, *.e-css.e-btn-group.e-rtl .e-btn { margin-left: 0; } *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type), *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; } *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group.e-rtl .e-btn:first-of-type, *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-btn:last-of-type, *.e-css.e-btn-group.e-rtl .e-btn:last-of-type { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-vertical, *.e-css.e-btn-group.e-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } *.e-btn-group.e-vertical input, *.e-css.e-btn-group.e-vertical input { margin: -1px 0 0; } *.e-btn-group.e-vertical .e-btn:not(.e-outline), *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) { margin-top: -1px; } *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type), *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; } *.e-btn-group.e-vertical .e-btn:first-of-type, *.e-css.e-btn-group.e-vertical .e-btn:first-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; } *.e-btn-group.e-vertical .e-btn:last-of-type, *.e-css.e-btn-group.e-vertical .e-btn:last-of-type { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl), *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) { border-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl, *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl { border-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child), *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } /* stylelint-disable */ .e-btn-group:not(.e-outline), .e-css.e-btn-group:not(.e-outline) { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .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: rgb(134.92, 134.92, 134.92); border-color: transparent; color: #fff; outline: #616161 0 solid; outline-offset: 0; -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); -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, 133.76, 193.8); border-color: transparent; color: #000; outline: #616161 0 solid; -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); -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(118.96, 194.2, 122); border-color: transparent; color: #fff; -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); -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(63.48, 189.64, 246.64); border-color: transparent; color: #fff; -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); -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(255, 176.72, 61.2); border-color: transparent; color: #fff; -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); -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(255, 138.72, 123.52); border-color: transparent; color: #fff; -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26); -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: #20b0e9; 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: rgb(125.44, 125.44, 125.44); border-color: transparent; color: #fff; outline: #616161 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, 119.68, 173.4); border-color: transparent; color: #000; outline: #616161 0 solid; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); } .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(133.28, 200.6, 136); border-color: transparent; color: #fff; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); } .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(83.64, 196.52, 247.52); color: #fff; border-color: transparent; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); } .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(255, 184.96, 81.6); border-color: transparent; color: #fff; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); } .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(255, 150.96, 137.36); border-color: transparent; color: #fff; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); } .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: rgba(255, 255, 255, 0.24); border-color: #616161; -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, 119.68, 173.4); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #000; } .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(133.28, 200.6, 136); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-info, .e-btn-group input:active + label.e-btn.e-outline.e-info, .e-btn-group input:checked + label.e-btn.e-outline.e-info, .e-css.e-btn-group .e-btn:active.e-outline.e-info, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info { background: rgb(83.64, 196.52, 247.52); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-warning, .e-btn-group input:active + label.e-btn.e-outline.e-warning, .e-btn-group input:checked + label.e-btn.e-outline.e-warning, .e-css.e-btn-group .e-btn:active.e-outline.e-warning, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning { background: rgb(255, 184.96, 81.6); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-danger, .e-btn-group input:active + label.e-btn.e-outline.e-danger, .e-btn-group input:checked + label.e-btn.e-outline.e-danger, .e-css.e-btn-group .e-btn:active.e-outline.e-danger, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger { background: rgb(255, 150.96, 137.36); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .e-btn-group .e-btn:disabled, .e-btn-group input:disabled + label.e-btn, .e-css.e-btn-group .e-btn:disabled, .e-css.e-btn-group input:disabled + label.e-btn { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: transparent; } .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(255, 255, 255, 0.1); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: transparent; } .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(255, 255, 255, 0.1); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: transparent; } .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(255, 255, 255, 0.1); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: transparent; } .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(255, 255, 255, 0.1); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: transparent; } .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(255, 255, 255, 0.1); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: transparent; } .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(255, 255, 255, 0.3); background: transparent; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; border-color: transparent; } .e-btn-group .e-btn:disabled.e-outline, .e-btn-group input:disabled + label.e-btn.e-outline, .e-css.e-btn-group .e-btn:disabled.e-outline, .e-css.e-btn-group input:disabled + label.e-btn.e-outline { background: transparent; border-color: rgba(97, 97, 97, 0.3); -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: #616161; } .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(97, 97, 97, 0.3); -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: #00b0ff; } .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(97, 97, 97, 0.3); -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: #4caf50; } .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(97, 97, 97, 0.3); -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: #03a9f4; } .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(97, 97, 97, 0.3); -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: #ff9800; } .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(97, 97, 97, 0.3); -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.3); border-color: #ff6652; } .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: inherit; 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: inherit; 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: inherit; 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: inherit; 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: inherit; 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: inherit; 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: inherit; 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: inherit; 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: 16px; }