COMESA MANDE

<!DOCTYPE html> <html lang="en"> <head>  <script type="text/javascript"> // Clear specific cache to ensure users get the latest resources caches.delete("blazor-resources-/").then(function (deleted) { if (deleted) { console.log("'blazor-resources-/' cache deleted successfully."); } else { console.log("Cache 'blazor-resources-/' not found."); } }).catch(function (error) { console.error("Error deleting cache:", error); }); // Optional: Clear all caches (for extreme cases) // caches.keys().then(function (names) { // for (let name of names) caches.delete(name); // }); </script> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>COMESA MANDE</title> <base href="/" /> <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" /> <link href="css/app.css" rel="stylesheet" /> <link rel="icon" type="image/png" href="image/comesalogo.png" /> <link href="COMESA.WEB.styles.css" rel="stylesheet" /> <link href="manifest.json" rel="manifest" /> <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" /> <link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" /> <link href="_content/Blazored.Toast/blazored-toast.css" rel="stylesheet" /> <link href="css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" /> <link href="css/Loader.css" rel="stylesheet" />  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" /> <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> <link rel="stylesheet" href="_content/Syncfusion.Blazor.Themes/fluent.css" /> <style> .e-edit-dialog .e-gridform .e-table { border-collapse: separate; border-spacing: 0px; width: 100%; } .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 { stroke: green; } </style> <style type="text/css"> .bounceIn { opacity: 0; animation-delay: 0.5s; animation-duration: 0.5s; animation-name: bounceIn; animation-fill-mode: forwards; } .bounceOut { animation-duration: 0.5s; animation-name: bounceOut; animation-fill-mode: forwards; } .backInDown { opacity: 0; animation-delay: 0.5s; animation-duration: 0.5s; animation-name: backInDown; animation-fill-mode: forwards; } .backOutDown { animation-duration: 0.5s; animation-name: backOutDown; animation-fill-mode: forwards; } .rotateIn { opacity: 0; animation-delay: 0.5s; animation-duration: 0.5s; animation-name: rotateIn; animation-fill-mode: forwards; } .rotateOut { animation-duration: 0.5s; animation-name: rotateOut; animation-fill-mode: forwards; } .mud-drawer.mud-drawer-responsive, .mud-drawer.mud-drawer-persistent { height: 100%; margin-top: -50px; } /*.mud-icon-size-medium { font-size: 0.8rem; }*/ svg.mud-icon-root.mud-icon-default.mud-svg-icon.mud-icon-size-medium.mud-nav-link-icon.mud-nav-link-icon-default { font-size: 0.8rem; } span.mud-icon-root.mud-icon-default.mud-icon-size-medium.mud-nav-link-icon.mud-nav-link-icon-default { font-size: 0.8rem; } .mud-icon-root.mud-svg-icon { fill: black; } </style> <style> .e-menu-wrapper .e-ul .e-menu-item.e-menu-caret-icon, .e-menu-container .e-ul .e-menu-item.e-menu-caret-icon { padding-right: 36px; color: black; } p { font-size: 12px; font-family: Arial; } .mud-appbar { background-color: #03a9f4; } .e-grid .e-headercelldiv { font-size: 0.8rem; } .e-grid .e-rowcell { font-size: 0.8rem; vertical-align: top; } .e-grid .e-groupcaption { font-size: 0.8rem; } .btn { font-size: 0.8rem; } .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-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover, .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, .e-accordion .e-acrdn-item .e-toggle-icon { font-size: 0.8rem; } p { font-size: 0.8rem; } .mud-nav-group > .mud-nav-link > .mud-nav-link-text { font-weight: 500; font-size: 0.8rem; } .mud-nav-link .mud-nav-link-text { font-size: 0.8rem; } .e-toolbar .e-tbar-btn .e-tbar-btn-text { font-size: 0.8rem; } .e-float-input input, .e-float-input textarea, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper textarea { font-size: 0.8rem; } .e-custom .e-control.e-textbox { color: #03a9f4; } .mud-nav-link .mud-nav-link-text { text-transform: uppercase; font-weight: bolder; } .mud-nav-group * .mud-nav-group > .mud-nav-link > .mud-nav-link-text { font-weight: bold; } /* .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { border-color: rgba(0,0,0,0.42); padding-top: 20px; } */ /*.e-input.e-success, .e-input.e-success:focus, .e-input-group.e-success input.e-input, .e-input-group.e-control-wrapper.e-success input.e-input, .e-input-group.e-success .e-input-group-icon, .e-input-group.e-control-wrapper.e-success .e-input-group-icon, .e-input-group.e-success textarea.e-input, .e-input-group.e-control-wrapper.e-success textarea.e-input { border-color: #22b24b; padding-top: 20px; }*/ .e-grid .e-headercell { font-size: 12px; } /*Grid Styling*/ .e-grid .e-toolbar { background-color: #03a9f4; color: white; } tr.e-columnheader { background-color: #03a9f4; color: ghostwhite; } .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) { color: ghostwhite; } .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text { color: ghostwhite; } .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons { color: ghostwhite; } .e-toolbar .e-toolbar-items { background: #03a9f4; } .e-toolbar .e-toolbar-item.e-overlay { background: #03a9f4; opacity: .7; color: ghostwhite; } .e-dlg-header-content { background-color: #03a9f4; } .e-dlg-header, .e-dlg-header * { color: ghostwhite; } .e-icon-dlg-close { color: ghostwhite; } .e-schedule .e-month-view .e-date-header-wrap table td, .e-schedule .e-month-agenda-view .e-date-header-wrap table td { background: #a1b741; color: ghostwhite; } .e-schedule .e-schedule-toolbar { margin-bottom: 0px; } .pt-5, .py-5 { padding-top: 10px !important; } .blazored-toast-container[b-y65zu6vhcs] { z-index: 200000; } p { margin-top: 0.6rem; margin-bottom: 0.1rem; } .e-grid.sf-grid.e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder, .e-grid.sf-grid.e-default.e-verticallines .e-headercell.e-leftfreeze.e-freezeleftborder { background-color: #03a9f4; color: ghostwhite; } </style>   <script type="text/javascript"> function googleTranslateElementInit() { console.log("Google Translate Initialized"); new google.translate.TranslateElement({ pageLanguage: 'en' , includedLanguages: 'en,ar,fr' //uncomment this line if you do not want to specify any languages //, layout: google.translate.TranslateElement.InlineLayout.VERTICAL //layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element'); } </script>  <script src="js/googletranslate.js"></script> </head> <body>   <div id="app"> <div style="min-height:90vh; width:100%"> <div class="loader"> <div class="loader--dot"></div> <div class="loader--dot"></div> <div class="loader--dot"></div> <div class="loader--dot"></div> <div class="loader--dot"></div> <div class="loader--dot"></div> <div class="loader--text"></div> </div> </div> </div> <div id="blazor-error-ui"> An unhandled error has occurred. <a href="" class="reload">Reload</a> <a class="dismiss">馃棛</a> </div> <script src="_framework/blazor.webassembly.js"></script> <script> window.cultureInfo = { get: () => window.localStorage['BlazorCulture'], set: (value) => window.localStorage['BlazorCulture'] = value }; </script> <script src="_content/MudBlazor/MudBlazor.min.js"></script> <script src="js/jquery.min.js"></script> <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>   <script src="_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js" type="text/javascript"></script> <script> window.initializeCarousel = () => { /*$('#carouselExampleIndicators').carousel({ interval: 3000 });*/ //see step 2 to understand these news id's: //$('#carouselExampleIndicators-prev').click( // () => $('#carouselExampleIndicators').carousel('prev')); //$('#carouselExampleIndicators-next').click( // () => $('#carouselExampleIndicators').carousel('next')); const _carousel = document.getElementById("carouselExampleIndicators"); const Indicatorsprev = document.getElementById("carouselExampleIndicators"); const Indicatorsnext = document.getElementById("carouselExampleIndicators"); _carousel.carousel({ interval: 3000 }); Indicatorsprev.click( () => _carousel.carousel('prev')); Indicatorsnext.click( () => _carousel.carousel('next')); } function saveAsFile(filename, bytesBase64) { if (navigator.msSaveBlob) { //Download document in Edge browser var data = window.atob(bytesBase64); var bytes = new Uint8Array(data.length); for (var i = 0; i < data.length; i++) { bytes[i] = data.charCodeAt(i); } var blob = new Blob([bytes.buffer], { type: "application/octet-stream" }); navigator.msSaveBlob(blob, filename); } else { var link = document.createElement('a'); link.download = filename; link.href = "data:application/octet-stream;base64," + bytesBase64; document.body.appendChild(link); // Needed for Firefox link.click(); document.body.removeChild(link); } } function Disable() { setTimeout(function () { for (var i = 1; i < 5; i++) { document.getElementsByClassName('e-list-item')[i].classList.add('e-disabled'); } }, 100); console.log("disabled"); } function Enable() { setTimeout(function () { for (var i = 1; i < 5; i++) { document.getElementsByClassName('e-list-item')[i].classList.remove('e-disabled'); } }, 100); console.log("Enable"); } </script>  <script> function timeOutCall(dotnethelper) { document.onmousemove = resetTimeDelay; document.onkeypress = resetTimeDelay; function resetTimeDelay() { dotnethelper.invokeMethodAsync("TimerInterval"); } } </script> </body> </html> <style> /* Container styling */ #google_translate_container { position: fixed; top: 10px; right: 10px; z-index: 9999; /* Ensure this container remains on top */ background-color: white; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /*margin-top: 20px;*/ } #google_translate_element span { font-size: 14px; font-family: Arial, sans-serif; } /* Move the Google Translate top bar behind other elements */ .goog-te-banner-frame { position: fixed !important; z-index: -1 !important; /* Push it behind other elements */ top: 0; left: 0; width: 100%; height: 40px; /* Adjust height if needed */ } /* Prevent the body from shifting when the banner appears */ body { top: 0 !important; } </style>

CINXE.COM

COMESA MANDE