table td,table th{text-align:center!important;vertical-align:middle!important}
*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100%;overflow-x:hidden;position:relative;width:100%}body{background-color:#f5f5f5;font-family:DIN Next LT Arabic,Segoe UI,Tahoma,Arial,sans-serif}.app{flex-direction:column}.app,.dashboard{display:flex;max-width:100%;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.dashboard{background-color:#f5f5f5}.sidebar{background-color:#fff;border-left:1px solid #e0e0e0;box-shadow:-2px 0 10px rgba(0,0,0,.1);height:100vh;overflow-y:auto;position:fixed;right:0;top:0;width:280px;z-index:1000}.content-area,.main-content{max-width:100%;overflow-x:hidden;position:relative;width:100%}.content-area{background-color:#f5f5f5;flex:1;min-height:calc(100vh - 98px);padding:0}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;height:98px;justify-content:space-between;padding:15px 30px;position:relative}[dir=rtl] .sidebar{border-left:none;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px rgba(0,0,0,.1);left:0;right:auto}[dir=rtl] .main-content{margin-left:0;margin-right:0;max-width:100%;overflow-x:hidden;width:100%}@media (max-width:768px){.app,.dashboard,body,html{max-width:100%;overflow-x:hidden}.sidebar{position:fixed;right:-100%;top:0;transition:right .3s ease;width:100%;z-index:1001}.sidebar.open{right:0}.main-content{margin-left:0;margin-right:0}.content-area,.main-content{max-width:100%;overflow-x:hidden}[dir=rtl] .sidebar{left:-100%;right:auto}[dir=rtl] .sidebar.open{left:0}[dir=rtl] .main-content{margin-left:0;max-width:100%;overflow-x:hidden}}.navbar{z-index:100}.dashboard .main-content .navbar{left:0;position:relative;right:0;top:0;width:100%}.dashboard .main-content{max-width:100%;overflow-x:hidden;position:relative;width:100%}.dashboard .main-content .navbar:only-child{display:block}.navbar{position:relative!important}