#particles-js {position: fixed; width: 100%; height: 100%;}
.ltr {direction:ltr;} .rtl {direction:rtl;}
.Cairo {font-family: 'Cairo', 'Font Awesome 5 Free', sans-serif;}
.Change {font-family: 'Changa', 'Font Awesome 5 Free', sans-serif;}
.box-header>.box-tools {right:auto; left:10px;}
del, ins {padding: 0px 4px;} del {color:red;} ins {color:green}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {width:auto;}
.sidebar-collapse .sidebar-menu li.treeview .pull-right-container, .sidebar-collapse .sidebar-menu li.treeview .pull-right-container i {display:none;}
.sidebar-menu li>a>.pull-right-container {left:10px; right:auto;}
.btn-app {height:auto; width:96px; height:96px; white-space:pre-wrap;}
.btn-app span {margin: 0 auto; display:block;}
.btn-app img {display:block; margin: 0 auto; width:48px; height:48px;}
.box .small-box>.inner {text-align:left;}
.table-responsive table.responsive {width:100% !important;}
table.table-striped td {vertical-align:inherit;}
.vert-top {vertical-align:top !important;}
.login-box, .register-box {margin: 4% auto;}
.login-box .login-box-body .social-auth-links a {color:#FFFFFF !important;}
.login-box-msg {direction:rtl;}
div.dataTables_wrapper div.dataTables_filter {text-align:left;}
#iologo1, #iologo2 {width:50px; height:50px;}
.small-box .icon {font-size:48px;} .small-box:hover .icon {font-size:64px;} .small-box h3 {font-size:20px;}
.ddajaxsidepanel{position: fixed; top: 0; visibility: hidden; background: rgba(255,255,255,0.95); z-index: 1000; border-color: white; border-left: 1px ridge #eee; -moz-box-shadow: -10px 0 10px rgba(137,137,137, 0.8); -webkit-box-shadow: -10px 0 10px rgba(137,137,137, 0.8);box-shadow: -10px 0 10px rgba(137,137,137, 0.8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.ddajaxsidepanel .panelhandle {width: 24px; height: 100%; position: absolute; left: -14px; top: 0; cursor: pointer; background: transparent url(/io/dist/lib/GfX/handle.gif) center left no-repeat;}
.ddajaxsidepanel .contentarea{height: 100%; padding: 10px; overflow: auto;}
table.diff {margin: 0 auto; background:#ffffff; color:#000000;}
table.diff td.diffDeleted {color:#AA0000;}
table.diff td.diffUnmodified {color:#0000AA;}
.ui-menu .ui-menu-item-wrapper {font: normal 12px/22px tahoma;}
.io_logo {background: rgba(0,0,0,0.25); border-radius: 50%; margin: 10px; padding: 5px;}
.modal {text-align: center; padding: 0!important;}
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
.modal-xlg {width:90%;}
.rtl .timeline:before {right:31px; left:auto;}
.rtl .timeline > li {margin-left: 10px; margin-right: 0px;}
.rtl .timeline > li > .timeline-item {margin-right: 60px; margin-left: 15px;}
.rtl .timeline>li>.fa, .timeline>li>.glyphicon, .timeline>li>.ion {right:18px; left:auto;}
.text-fixedwidth {font-family:monospace; font-size:12px;}
.margin-bottom-none {margin-bottom: 0px !important;}
.frime {margin:1px; border:1px inset #cccccc; border-radius:3px; background:#ffffff;}
article {direction:rtl; text-align:justify;}
article h1 {font: bold 2em/1em Traditional Arabic; margin: 5px; padding: 0 25px;}
article h2 {font: bold 1.5em/1em Traditional Arabic; margin: 3px; padding: 0 25px;}
article figure {text-align: center;}
article amp-img, article img {max-width: 100%;}
article > div {font-family: Arial; font-size: 1.5em; line-height: 1.5em; margin: 0px; padding: 0px;}
article p {text-align:justify;}
.iotinyulnoimg ul {}
.iotinyulnoimg ul li {text-align:right;}
.iotinyulnoimg ul li a img {display:none;}
.MobileOverflow {overflow:auto;}
.float-right {float:left;}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu { top: 0; right: -101%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu { display: block;}
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left { float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}
.dropdown-menu>li>span.undrop {padding: 3px 30px 3px 0px;}
table.table-bordered.dataTable tbody tr:last-child .dropdown-menu {top:auto; bottom:100%;}
.user-panel p {color:#EEEEEE;}
.sidebar-collapse .user-panel p, .sidebar-collapse .fb_iframe_widget {display:none !important;}
td .btn-group, td .btn-group-vertical {display: flex;}
td .btn-group.NF, td .btn-group-vertical.NFIG {display:inline-grid;}
.dropdown-menu>li>a.inblk {display:inline-block;}
#impexerB .impexerG i.faa-horizontal {-ms-transform: rotate(270deg);  -webkit-transform: rotate(270deg);  transform: rotate(270deg);}
#sn_in .email {position:fixed; left:-9000px;}
.knob:focus{outline: none;}
#Go2Top {display:none;}
.btn-app> svg {display:block; margin: 0 auto; width:48px;}
.btnsvg svg {display:block; margin: 0 auto; width:1em;}
em svg {width: 1em; vertical-align: middle;}
em.w05 svg {width: 0.5em;} em.w15 img {width:1.5em; height:1.5em;}
@media (min-width: 768px){
.MobileOverflow {overflow:hidden;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {right:49px; text-align:right;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right) {text-align:left;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {border-radius: 4px 0px 0px 4px;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {border-radius: 4px 0px 0px 4px;}
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {margin-right:50px !important; margin-left:0px !important;}
.sidebar-mini.sidebar-collapse .main-header .navbar {margin-right:50px !important; margin-left:0px !important;}
.sidebar-menu .treeview-menu>li>a {padding: 10px 15px;}
.sidebar-menu .treeview-menu>li>a.tiny {padding: 4px 9px; display:inline !important;}
.sidebar-menu .treeview-menu>li>a:hover {background:#374850;}
.main-header .logo {float:right;}
.main-sidebar {left:auto; right:0;}
.main-header .navbar {margin-right:230px; margin-left:0px;}
.main-header .sidebar-toggle {float:right;}
.main-header .navbar-custom-menu, .main-header .navbar-right {float:left;}
.content-wrapper, .main-footer {margin-right:230px; margin-left:0px;}
.content-header>.breadcrumb {float:left; left:20px; right:auto;}
.control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {left:0; right:auto;}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {left:0; right:auto;}
.btn-app>.fa, .btn-app>.fas, .btn-app>.far, .btn-app>.fab {font-size:4em; display:block;}
table.table-striped tr:hover {background-color:#e6e6e6;}
table tr td span.trtoogle {visibility:hidden; opacity:0; transition:visibility 0.3s linear,opacity 0.3s linear;}
table tr:hover td span.trtoogle {visibility:visible; opacity:1;}
table.dataTable {padding:0em 0em 4em 0em;}
}
@media print {.no-print, .no-print *{display: none !important;}}