UNPKG

@syncfusion/ej2-navigations

Version:

A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another

540 lines (537 loc) 21.3 kB
.e-accordion .e-tgl-collapse-icon::before { content: "\e84f"; } .e-accordion .e-tgl-collapse-icon.e-expand-icon { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .e-accordion { display: block; position: relative; } .e-accordion .e-acrdn-item { border-radius: 0; margin-top: 0; } .e-accordion .e-acrdn-item.e-select.e-selected:first-child { border-top: 1px solid #969696; } .e-accordion .e-acrdn-item.e-select.e-selected:last-child { border-bottom: 1px solid #969696; } .e-accordion .e-acrdn-item:first-child { margin-top: 0; } .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) { margin-bottom: 0; margin-top: 0; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select { margin: 0; } .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content { font-weight: normal; } .e-accordion .e-acrdn-item.e-selected { padding-top: 0; } .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header .e-acrdn-header-content { font-weight: 600; } .e-accordion .e-acrdn-item.e-overlay { height: auto; } .e-accordion .e-acrdn-item { overflow: visible; padding-top: 0; position: relative; } .e-accordion .e-acrdn-item.e-hide { display: none; } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content { font-size: 14px; } .e-accordion .e-acrdn-item.e-select > .e-acrdn-header { cursor: pointer; } .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content { text-decoration: none; } .e-accordion .e-acrdn-item .e-acrdn-header { border-radius: 0; line-height: 39px; min-height: 40px; overflow: hidden; padding: 0 42px 0 12px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .e-accordion .e-acrdn-item .e-acrdn-header > * { display: inline-block; } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content { line-height: 39px; } .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon { display: table; font-size: 12px; height: 40px; min-height: 40px; min-width: 24px; position: absolute; right: 12px; top: 0; } .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-tgl-collapse-icon.e-icons { display: table-cell; text-align: center; vertical-align: middle; } .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation { -webkit-transition: 0.5s ease 0s; transition: 0.5s ease 0s; } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon { display: inline-block; padding: 0 8px 0 0; } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons { font-size: 12px; } .e-accordion .e-acrdn-item .e-acrdn-panel { font-size: 13px; overflow-y: hidden; text-decoration: none; width: 100%; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content { padding: 15px 15px 15px 24px; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header { padding: 0 42px 0 24px; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus { -webkit-box-shadow: none; box-shadow: none; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content { padding: 0; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content { padding: 0; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion { border: 0; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header { padding: 0 42px 0 36px; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content { padding: 15px 15px 15px 36px; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content { font-weight: 600; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content { font-weight: normal; } .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content { line-height: 1.5; overflow: hidden; padding: 15px; text-overflow: ellipsis; } .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > * { overflow: hidden; text-overflow: ellipsis; } .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content { font-size: 14px; } .e-accordion .e-acrdn-item .e-content-hide { display: none; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content { padding: 15px 24px 15px 15px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header { padding: 0 24px 0 42px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header { padding: 0 36px 0 42px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content { padding: 15px 36px 15px 15px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header { padding: 0 12px 0 42px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon { left: 12px; right: auto; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon { padding: 0 0 0 8px; } .e-accordion { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #000; border: 1px solid #969696; border-radius: 0; } .e-accordion .e-acrdn-item { border-color: #969696; border-style: solid; border-width: 0; border-radius: 0; } .e-accordion .e-acrdn-item.e-active { background: #000; } .e-accordion .e-acrdn-item.e-select:last-child { border-bottom: 0; border-radius: 0; } .e-accordion .e-acrdn-item:first-child .e-acrdn-header:focus { border-radius: 0; } .e-accordion .e-acrdn-item:last-child { border-bottom: 0; } .e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus { border-radius: 0; } .e-accordion .e-acrdn-item:last-child.e-selected .e-acrdn-header:focus { border-radius: 0; } .e-accordion .e-acrdn-item.e-item-focus { border-color: #969696; border-style: solid; border-width: 0; } .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state { border-top: 1px solid #969696; } .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus { border-color: #fff; border-style: dashed; border-width: 2px; } .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus { background: #ffd939; } .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content { color: #000; } .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-icons { color: #000; } .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-icon .e-icons { color: #000; } .e-accordion .e-acrdn-item.e-item-focus.e-expand-state.e-select, .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state { border-color: #969696; } .e-accordion .e-acrdn-item.e-expand-state.e-select { border-color: #969696; border-style: solid; border-width: 0; } .e-accordion .e-acrdn-item .e-acrdn-header { border: 1px solid #000; } .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons, .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content { color: #000; } .e-accordion .e-acrdn-item.e-overlay { background: #333; opacity: 0.5; } .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-icons, .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-acrdn-header-content { color: #757575; } .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons { color: #757575; } .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content { color: #000; } .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus { border-color: #fff; border-style: dashed; border-width: 2px; background: #ffd939; } .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover { background: #685708; } .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active { background: #ffd939; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content { color: #000; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-item:last-child { border-bottom: 1px none #969696; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content { color: #fff; } .e-accordion .e-acrdn-item.e-select { background: none; border-color: #969696; border-style: solid; border-width: 0; } .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content { color: #fff; background: #000; border-top: 0; border-bottom: 0; } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content { color: #fff; } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon { color: #fff; } .e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus { border: 2px dashed #fff; } .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus { background: #ffd939; border: 2px dashed #fff; border-color: #fff; } .e-accordion .e-acrdn-item .e-acrdn-header:hover { border: 1px solid #000; background: #685708; border-color: #fff; } .e-accordion .e-acrdn-item .e-acrdn-header:active { border: 1px solid #000; border-color: #fff; background: #ffd939; } .e-accordion .e-acrdn-item .e-acrdn-header:focus { border: 2px dashed #fff; background: inherit; -webkit-box-shadow: none; box-shadow: none; } .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons, .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon { color: #fff; } .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content { color: #fff; } .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons { color: #fff; } .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon { color: #fff; } .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content { color: #fff; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header { border-color: #ffd939; border-style: solid; border-width: 1px; background: #ffd939; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons { color: #fff; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons { color: #000; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content { color: #fff; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content { color: #000; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon { color: #000; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover { border-color: #fff; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon { color: #000; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content { color: #000; } .e-accordion .e-acrdn-item.e-select.e-item-focus { border-color: initial; } .e-accordion .e-acrdn-item.e-selected { border-color: #969696; border-style: solid; border-width: 1px 0 1px 0; } .e-accordion .e-acrdn-item.e-selected.e-select { border-color: #969696; border-style: solid; border-width: 1px 0 1px 0; } .e-accordion .e-acrdn-item.e-selected.e-select.e-active { background: #000; } .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child { border-bottom: 1px solid #969696; } .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content { color: #fff; } .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon { color: #fff; } .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus { position: relative; z-index: 2; -webkit-box-shadow: none; box-shadow: none; } .e-accordion .e-acrdn-item.e-selected + .e-selected { border-color: #969696; border-style: solid; border-width: 0 0 1px 0; } .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-icons { color: #fff; } .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-acrdn-header-content { color: #fff; } .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header { background: none; border-radius: 0; border-color: #000; border-style: solid; border-width: 1px; } .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:focus { background: inherit; } .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover { border-color: #fff; } .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content { color: #fff; } .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-header-content { color: #ffd939; } .e-accordion .e-acrdn-item .e-toggle-icon { color: #fff; } .e-accordion .e-acrdn-item .e-acrdn-panel { font-size: 13px; } .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content, .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content { font-size: 14px; vertical-align: middle; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel { font-size: 14px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content { padding: 19px 19px 19px 24px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header { -webkit-box-shadow: none; box-shadow: none; padding: 0 42px 0 24px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content { padding: 0; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion { border: 0; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header { padding: 0 42px 0 36px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content { padding: 19px 19px 19px 36px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content { font-size: 14px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header { line-height: 49px; min-height: 50px; padding: 0 42px 0 12px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon { height: 50px; min-height: 50px; min-width: 30px; right: 12px; font-size: 12px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon { display: inline-block; padding: 0 14px 0 0; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons { font-size: 12px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content { padding: 19px; font-size: 13px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content { padding: 19px 24px 19px 19px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header { padding: 0 24px 0 42px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header { padding: 0 36px 0 42px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content { padding: 19px 36px 19px 19px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header, .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header { padding: 0 12px 0 42px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon, .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon { left: 12px; right: auto; } .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon, .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon { padding: 0 0 0 14px; }