/* Page chrome only: the working editor controls retain their own styles. */
.rs-demo-page #header{display:none!important}
.rs-demo-page #content>.container{max-width:1440px;padding:26px 24px}
.rs-demo-page #content .row{align-items:start}
.rs-demo-page #content .col-lg-8{min-width:0;overflow:auto;background:#fff;border:1px solid #e0e6f0;border-radius:16px;padding:22px;scrollbar-gutter:stable}
.rs-demo-page #content .col-lg-8>h2{font-size:28px;letter-spacing:-.6px;line-height:1.3;color:#17213a}
.rs-demo-page #content .col-lg-8>p{font-size:16px;color:#63708c}
.rs-demo-page #navbarSettings{background:#fff;border:1px solid #e0e6f0;border-radius:14px;padding:15px;max-height:calc(100dvh - 140px);overflow:auto}
.rs-demo-page #navbarSettings a{font-size:14px;border-radius:8px}
.rs-demo-page #navbarSettings a:hover{background:#f0eeff;color:#5141bd}
.rs-demo-page table[id$='_ConfigureList'] tr{display:flex;flex-wrap:wrap}
.rs-demo-page table[id$='_ConfigureList'] td{display:flex;align-items:center;gap:6px;border:0}
.rs-classic-demo{margin:0!important;padding:0!important;background:#f7f9fd!important;color:#17213a!important;font:16px/1.65 system-ui,sans-serif!important}
.rs-classic-demo *{box-sizing:border-box}
.rs-classic-demo #Common{width:100%!important;max-width:1400px!important;margin:auto!important;padding:0 24px 30px}
.rs-classic-demo #CommonHeader{width:100%!important;max-width:none;padding:18px 0;background:transparent;border-bottom:1px solid #e0e6f0}
.rs-classic-demo .classic-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#17213a;font-size:24px;font-weight:800}
.rs-classic-demo .classic-brand img{width:42px;height:42px}
.rs-classic-demo #CommonTabBar{width:100%!important;margin:0;padding:14px 0}
.rs-classic-demo #CommonTabBar ul{height:auto!important;background:white!important;display:flex;flex-wrap:wrap;gap:7px;padding:12px!important;margin:0!important;border:1px solid #e0e6f0;border-radius:14px;overflow:visible!important}
.rs-classic-demo #CommonTabBar li{float:none!important;font:14px/1.6 system-ui!important}
.rs-classic-demo #CommonTabBar li a{float:none!important;margin:0!important;border:0!important;padding:7px 11px!important;color:#5141bd!important;line-height:1.5!important;text-decoration:none!important;border-radius:8px}
.rs-classic-demo #CommonTabBar li a:hover{background:#f0eeff}
.rs-classic-demo #Common>table{width:100%!important;table-layout:fixed}
.rs-classic-demo #Common>table>tbody>tr>td{vertical-align:top}
.rs-classic-demo #leftcolumn{width:230px!important;background:white;border:1px solid #e0e6f0;border-radius:12px;overflow-wrap:anywhere}
.rs-classic-demo #leftcolumn a{font:14px/1.6 system-ui;color:#5141bd}
.rs-classic-demo #Common>table>tbody>tr>td:last-child{overflow:auto;background:white;border:1px solid #e0e6f0;border-radius:14px;padding:20px!important}
.rs-classic-demo h1{font:800 30px/1.25 system-ui;color:#17213a;letter-spacing:-.6px}
.rs-classic-demo h2{font:700 23px/1.35 system-ui;color:#17213a}
.rs-classic-demo #CommonFooter{font:13px/1.7 system-ui;margin-top:24px}
@media(max-width:991px){.rs-demo-page #content>.container{padding:18px}.rs-demo-page #content .col-lg-3{margin-bottom:20px!important}.rs-demo-page #navbarSettings{max-height:220px}.rs-demo-page #content .col-lg-8{padding:18px}}
@media(max-width:760px){.rs-classic-demo #Common{padding-inline:16px}.rs-classic-demo #Common>table,.rs-classic-demo #Common>table>tbody,.rs-classic-demo #Common>table>tbody>tr{display:block;width:100%!important}.rs-classic-demo #Common>table>tbody>tr>td{display:block;width:100%!important;max-width:100%}.rs-classic-demo #leftcolumn{max-height:220px;overflow:auto!important;margin-bottom:18px}.rs-classic-demo #Common>table>tbody>tr>td:not(:first-child):not(:last-child){display:none}.rs-classic-demo #Common>table>tbody>tr>td:last-child{overflow-x:auto}.rs-classic-demo #CommonHeader .classic-brand{font-size:21px}}

.rs-demo-page #navbarSettings{flex-wrap:nowrap!important}.rs-classic-demo #CommonTabBar li{list-style:none!important}
.rs-classic-demo form:has(>table){max-width:1400px;margin:auto;padding:0 24px 30px}
.rs-classic-demo form>table{display:block;width:100%!important;max-width:100%;overflow:auto;background:#fff;border:1px solid #e0e6f0;border-radius:14px;padding:20px}
@media(max-width:760px){.rs-classic-demo form:has(>table){padding-inline:16px}.rs-classic-demo form>table h1,.rs-classic-demo form>table p{max-width:calc(100vw - 90px);overflow-wrap:anywhere}}