.light-style .menu .app-brand.demo,.dark-style .menu .app-brand.demo{height:64px}.btn-link .text-white{color:var(--bs-primary)!important}.app-brand-logo.demo{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;width:34px;height:24px}.app-brand-logo.demo svg{width:35px;height:24px}.app-brand-text.demo{font-size:1.375rem}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:72px!important}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1rem!important;margin-bottom:0!important}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:1.875rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}.rtl-only{display:none!important;text-align:left!important;direction:ltr!important}[dir=rtl] .rtl-only{display:block!important}@media (max-width: 576px){#dropdown-variation-demo .btn-group .text-truncate{width:254px;position:relative}#dropdown-variation-demo .btn-group .text-truncate:after{position:absolute;top:45%;right:.65rem}}.layout-demo-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1rem}.pointer{cursor:pointer}.pointer:hover{color:var(--bs-primary)}[dir=rtl],[dir=rtl] body,[dir=rtl] .font-sans,[dir=rtl] .menu-text,[dir=rtl] .app-brand-text,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] .form-label,[dir=rtl] .table,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select,[dir=rtl] button{font-family:Tajawal,IBM Plex Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}[dir=rtl] .menu-vertical .menu-item .menu-toggle:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .menu-vertical .menu-item.open>.menu-toggle:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[dir=rtl] .form-control{text-align:right}[dir=rtl] .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}[dir=rtl] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}[dir=rtl] .dataTables_wrapper .dataTables_filter{text-align:left!important}[dir=rtl] .dataTables_wrapper .dataTables_paginate{float:left!important}
