· 3 years ago · Mar 09, 2022, 09:30 PM
1
2<!doctype html> <html lang="en-us"> <head> <title>Open Web Platform</title><meta name="viewport" content="width=device-width, initial-scale=1"/><link href="https://i.postimg.cc/dtSrPBzc/database-silver.png" rel="icon" type="image/png"/>
3<meta name="theme-color" content="#074b83">
4<style>
5video{
6max-width: 100%;
7height: auto;
8}</style></head>
9<body class="w3-theme-d5">
10<div class="w3-container">
11
12
13<div class="mw-body" id="content">
14<h1>Open Web Platform</h1>
15
16<div class="mw-body-content" id="bodyContent">
17<h3 id="siteSub">From W3C Wiki</h3>
18
19<div id="contentSub"> </div>
20
21<div class="mw-jump" id="jump-to-nav">Jump to: <a href="#mw-head">navigation</a>, <a href="#p-search">search</a></div>
22
23<div class="mw-content-ltr" dir="ltr" id="mw-content-text" lang="en">
24<div class="toc" id="toc">
25<div id="toctitle">
26<h2>Contents</h2>
27</div>
28
29<ul>
30 <li><a href="#The_Open_Web_Platform">1 The Open Web Platform</a>
31
32 <ul>
33 <li><a href="#HTML">1.1 HTML</a>
34
35 <ul>
36 <li><a href="#HTML_Educational_material">1.1.1 HTML Educational material</a></li>
37 <li><a href="#HTML_Elements">1.1.2 HTML Elements</a></li>
38 <li><a href="#HTML_Work_History">1.1.3 HTML Work History</a></li>
39 </ul>
40 </li>
41 <li><a href="#DOM">1.2 DOM</a></li>
42 <li><a href="#CSS">1.3 CSS</a>
43 <ul>
44 <li><a href="#CSS_Educational_material">1.3.1 CSS Educational material</a></li>
45 <li><a href="#CSS_Properties">1.3.2 CSS Properties</a></li>
46 </ul>
47 </li>
48 <li><a href="#SVG">1.4 SVG</a></li>
49 <li><a href="#MathML">1.5 MathML</a></li>
50 <li><a href="#Web_APIs">1.6 Web APIs</a></li>
51 <li><a href="#EcmaScript_.2F_JavaScript">1.7 EcmaScript / JavaScript</a></li>
52 <li><a href="#HTTP">1.8 HTTP</a></li>
53 <li><a href="#URI">1.9 URI</a></li>
54 <li><a href="#Media_Accessibility_Checklist">1.10 Media Accessibility Checklist</a></li>
55 </ul>
56 </li>
57</ul>
58</div>
59
60<h1>The Open Web Platform</h1>
61
62<p>The Open Web Platform is the collection of open (royalty-free) technologies which enables the Web. Using the Open Web Platform, everyone has the right to implement a software component of the Web without requiring any approvals or waiving license fees.</p>
63
64<p><br />
65This goal of this repository is to document the Open Web Platform and provide links to various helpful resources. It is intended for a general audience. If you're interested in editing these pages, please see the <a href="/wiki/HTML_Wiki:Community_Portal" title="HTML Wiki:Community Portal">Community portal</a>.</p>
66
67<p><strong>Note</strong>: There is a separate dedicated <a class="external text" href="http://www.w3.org/html/wg/wiki/" rel="nofollow">wiki for the HTML Working Group</a>. It is intended for discussion specific to ongoing work and issues within the HTML Working Group. The main page of this wiki is really the <a class="external text" href="http://www.w3.org/html/" rel="nofollow">W3C HTML</a> page, so start there.</p>
68
69<p>The W3C is working because of the <a href="/wiki/How_To_Contribute" title="How To Contribute">contributions of each <strong>individual</strong></a> (from companies, organizations, or just people with passion for the Web). The Web exists because of you. The platform is defined by a list of <a href="/wiki/BrowserTechnologies" title="BrowserTechnologies">browser technologies</a> being currently developed, implemented and tested.</p>
70
71<h2>HTML</h2>
72
73<p><img alt="HTML5_Logo_128.png" src="http://www.w3.org/html/logo/downloads/HTML5_Logo_128.png" /></p>
74
75<p>The HyperText Markup Language (HTML) is the publishing language of the World Wide Web. The first version of HTML was described by <a class="external text" href="http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html" rel="nofollow">Tim Berners-Lee</a> in late 1991. The current W3C Recommendation for HTML is <a class="external text" href="http://www.w3.org/TR/html5" rel="nofollow">HTML5</a>.</p>
76
77<p>HTML has been traditionally served with <a href="/wiki/HTML/Mimetype/html" title="HTML/Mimetype/html">text/html mime type</a>. When developing XHTML 1.0, XHTML 1.1, a transition to application/xhtml+xml. A minority of document less than 0.003% are being served with this latter mime type.</p>
78
79<p>See also <a href="/wiki/HTML/Specifications" title="HTML/Specifications">specifications</a>.</p>
80
81<h3>HTML Educational material</h3>
82
83<p>You can start studying the HTML on the <a href="/wiki/HTML/Training" title="HTML/Training">HTML Educational material for beginners</a>. You can look at the <a href="/wiki/The_basics_of_HTML" title="The basics of HTML">Basics of HTML</a> article. You might want also check the <a href="/wiki/Web_Standards_Curriculum" title="Web Standards Curriculum">Web Standards Curriculum</a></p>
84
85<h3>HTML Elements</h3>
86
87<p>You can help documenting the <a href="/wiki/HTML/Elements" title="HTML/Elements">list of HTML and related elements</a>.</p>
88
89<h3>HTML Work History</h3>
90
91<p>HTML development has been hosted by a few organizations along its history including CERN, IETF, W3C, … The development has been mainly taken place on <a href="/wiki/HTML/HTML_Mailing_Lists" title="HTML/HTML Mailing Lists">mailing-lists</a>.</p>
92
93<h2>DOM</h2>
94
95<p>The <a class="new" href="/wiki/index.php?title=DOM&action=edit&redlink=1" title="DOM (page does not exist)">Document Object Model</a> is a cross-platform way for representing and interacting with documents (specifically HTML). It is the main way for javaScript scripts to interact and modify a Web page dynamically. The lastest version of Javascript is built upon <a class="external text" href="http://www.ecma-international.org/publications/standards/Ecma-262.htm" rel="nofollow">ECMA-262 Edition 5.1</a>.</p>
96
97<h2>CSS</h2>
98
99<p><a href="/wiki/CSS" title="CSS">CSS</a> is a Style Sheet Language for formatting the document content (written in HTML or other markup language). You might be interested by the <a class="external text" href="http://wiki.csswg.org/" rel="nofollow">CSS Working Group wiki</a> too.</p>
100
101<h3>CSS Educational material</h3>
102
103<p>You can start studying the CSS on the <a href="/wiki/CSS/Training" title="CSS/Training">CSS Educational material for beginners</a>. See also the <a href="/wiki/CSS_basics" title="CSS basics">CSS basics</a> article.</p>
104
105<h3>CSS Properties</h3>
106
107<p>You can help documenting the <a href="/wiki/CSS/Properties" title="CSS/Properties">list of CSS properties</a>.</p>
108
109<h2>SVG</h2>
110
111<p><a href="/wiki/SVG" title="SVG">SVG</a> is a markup language for describing two-dimensional graphics applications and images, and a set of related graphics script interfaces.</p>
112
113<ul>
114 <li>Basic <a class="new" href="/wiki/index.php?title=SVG_101&action=edit&redlink=1" title="SVG 101 (page does not exist)">SVG 101</a></li>
115 <li>What are the <a class="new" href="/wiki/index.php?title=SVG_tools&action=edit&redlink=1" title="SVG tools (page does not exist)">tools for using SVG</a></li>
116 <li>Lists for the <a href="/wiki/SVG/Elements" title="SVG/Elements">SVG elements</a></li>
117</ul>
118
119<h2>MathML</h2>
120
121<p><a class="external text" href="http://www.w3.org/Math/" rel="nofollow">MathML</a> is an XML application for describing mathematical notation and capturing both its structure and content. The goal of MathML is to enable mathematics to be served, received, and processed on the World Wide Web, just as HTML has enabled this functionality for text.</p>
122
123<ul>
124 <li>Basic <a class="external text" href="https://developer.mozilla.org/en-US/docs/Web/MathML/Authoring" rel="nofollow">MathML 101</a></li>
125 <li>What are the <a class="external text" href="http://www.w3.org/Math/wiki/Tools" rel="nofollow">tools for using MathML</a></li>
126 <li>List for the <a href="/wiki/MathML/Elements" title="MathML/Elements">MathML elements</a></li>
127</ul>
128
129<h2>Web APIs</h2>
130
131<ul>
132 <li><a href="/wiki/HTML_Canvas_2D_Context" title="HTML Canvas 2D Context">HTML Canvas 2D Context</a>, <a class="new" href="/wiki/index.php?title=WebGL&action=edit&redlink=1" title="WebGL (page does not exist)">WebGL</a></li>
133 <li><a href="/wiki/Audio" title="Audio">Audio</a></li>
134 <li><a class="new" href="/wiki/index.php?title=Indexed_Database&action=edit&redlink=1" title="Indexed Database (page does not exist)">Indexed Database</a>, <a class="new" href="/wiki/index.php?title=Web_Storage&action=edit&redlink=1" title="Web Storage (page does not exist)">Web Storage</a></li>
135 <li><a class="new" href="/wiki/index.php?title=File&action=edit&redlink=1" title="File (page does not exist)">File</a>, <a class="new" href="/wiki/index.php?title=File_System&action=edit&redlink=1" title="File System (page does not exist)">File System</a>, <a class="new" href="/wiki/index.php?title=File_Writer&action=edit&redlink=1" title="File Writer (page does not exist)">File Writer</a></li>
136 <li><a class="new" href="/wiki/index.php?title=History&action=edit&redlink=1" title="History (page does not exist)">History</a>, <a class="new" href="/wiki/index.php?title=ContentEditable&action=edit&redlink=1" title="ContentEditable (page does not exist)">contentEditable</a>, <a class="new" href="/wiki/index.php?title=Drag_and_Drop&action=edit&redlink=1" title="Drag and Drop (page does not exist)">Drag and Drop</a>, <a class="new" href="/wiki/index.php?title=HTML_Editing_Commands&action=edit&redlink=1" title="HTML Editing Commands (page does not exist)">HTML Editing Commands</a></li>
137 <li><a class="new" href="/wiki/index.php?title=Web_Sockets&action=edit&redlink=1" title="Web Sockets (page does not exist)">Web Sockets</a></li>
138 <li><a class="new" href="/wiki/index.php?title=Web_Workers&action=edit&redlink=1" title="Web Workers (page does not exist)">Web Workers</a></li>
139 <li><a class="new" href="/wiki/index.php?title=Server-Sent_Events&action=edit&redlink=1" title="Server-Sent Events (page does not exist)">Server-Sent Events</a></li>
140 <li><a class="new" href="/wiki/index.php?title=XMLHttpRequest&action=edit&redlink=1" title="XMLHttpRequest (page does not exist)">XMLHttpRequest</a></li>
141 <li><a class="new" href="/wiki/index.php?title=Geolocation&action=edit&redlink=1" title="Geolocation (page does not exist)">Geolocation</a>, <a class="new" href="/wiki/index.php?title=Device_Orientation&action=edit&redlink=1" title="Device Orientation (page does not exist)">Device Orientation</a></li>
142 <li><a class="new" href="/wiki/index.php?title=DOM_Events&action=edit&redlink=1" title="DOM Events (page does not exist)">DOM Events</a>, <a href="/wiki/Touch_Events" title="Touch Events">Touch Events</a>, <a href="/wiki/Progress_Events" title="Progress Events">Progress Events</a></li>
143 <li><a class="new" href="/wiki/index.php?title=Clipboard_and_events&action=edit&redlink=1" title="Clipboard and events (page does not exist)">Clipboard and events</a></li>
144 <li><a class="new" href="/wiki/index.php?title=Web_Notifications&action=edit&redlink=1" title="Web Notifications (page does not exist)">Web Notifications</a>, <a class="new" href="/wiki/index.php?title=Web_Messaging&action=edit&redlink=1" title="Web Messaging (page does not exist)">Web Messaging</a></li>
145 <li><a class="new" href="/wiki/index.php?title=Offine_Web_Applications&action=edit&redlink=1" title="Offine Web Applications (page does not exist)">Offine Web Applications</a></li>
146 <li><a class="new" href="/wiki/index.php?title=Media_Capture_API&action=edit&redlink=1" title="Media Capture API (page does not exist)">Media Capture API</a></li>
147 <li><a class="new" href="/wiki/index.php?title=Timing_control_for_script-based_animations&action=edit&redlink=1" title="Timing control for script-based animations (page does not exist)">Timing control for script-based animations</a>, <a class="new" href="/wiki/index.php?title=Page_Visibility&action=edit&redlink=1" title="Page Visibility (page does not exist)">Page Visibility</a>, <a class="new" href="/wiki/index.php?title=Navigation_Timing&action=edit&redlink=1" title="Navigation Timing (page does not exist)">Navigation Timing</a>, <a class="new" href="/wiki/index.php?title=Resource_Timing&action=edit&redlink=1" title="Resource Timing (page does not exist)">Resource Timing</a></li>
148 <li><a class="new" href="/wiki/index.php?title=Selectors&action=edit&redlink=1" title="Selectors (page does not exist)">Selectors</a></li>
149 <li><a class="new" href="/wiki/index.php?title=DOM_Traversal&action=edit&redlink=1" title="DOM Traversal (page does not exist)">DOM Traversal</a>, <a class="new" href="/wiki/index.php?title=DOM_XPath&action=edit&redlink=1" title="DOM XPath (page does not exist)">DOM XPath</a>, <a class="new" href="/wiki/index.php?title=Element_Traversal&action=edit&redlink=1" title="Element Traversal (page does not exist)">Element Traversal</a></li>
150</ul>
151
152<h2>EcmaScript / JavaScript</h2>
153
154<p>EcmaScript defines the normative specification for the <a href="/wiki/Javascript" title="Javascript">Javascript</a> language.</p>
155
156<h2>HTTP</h2>
157
158<p><a class="new" href="/wiki/index.php?title=HTTP&action=edit&redlink=1" title="HTTP (page does not exist)">HTTP</a> is the protocol enabling the exchange of messages between Web servers and clients.</p>
159
160<h2>URI</h2>
161
162<p><a href="/wiki/URI" title="URI">URI</a> is the formalism for defining identifiers on the Web.</p>
163
164<h2>Media Accessibility Checklist</h2>
165
166<p>We are currently asking for review comments on the <a href="/wiki/HTML/MediaAccessibilityChecklist" title="HTML/MediaAccessibilityChecklist">Media Accessibility Checklist</a></p>
167<!--
168NewPP limit report
169Cached time: 20220309102054
170Cache expiry: 86400
171Dynamic content: false
172[SMW] In‐text annotation parser time: 0.001 seconds
173CPU time usage: 0.028 seconds
174Real time usage: 0.038 seconds
175Preprocessor visited node count: 62/1000000
176Preprocessor generated node count: 68/1000000
177Post‐expand include size: 0/2097152 bytes
178Template argument size: 0/2097152 bytes
179Highest expansion depth: 2/40
180Expensive parser function count: 0/100
181--><!--
182Transclusion expansion time report (%,ms,calls,template)
183100.00% 0.000 1 - -total
184--><!-- Saved in parser cache with key wikidb-esw_:pcache:idhash:4896-0!*!0!!en!*!* and timestamp 20220309102054 and revision id 112118
185 --></div>
186
187<div class="printfooter">Retrieved from "<a dir="ltr" href="https://www.w3.org/wiki/index.php?title=Open_Web_Platform&oldid=112118">https:// www .w3.org/ wiki /index .php?title= Open_ Web_P latform & oldid=1 1211 8</a>"</div>
188
189<div class="catlinks" id="catlinks">
190<div class="mw-normal-catlinks" id="mw-normal-catlinks"><a href="/wiki/Special:Categories" title="Special:Categories">Category</a>:
191
192<ul>
193 <li><a class="new" href="/wiki/index.php?title=Category:Openweb&action=edit&redlink=1" title="Category:Openweb (page does not exist)">Openweb</a></li>
194</ul>
195</div>
196</div>
197
198<div class="visualClear"> </div>
199</div>
200</div>
201
202<div id="mw-navigation">
203<h2>Navigation menu</h2>
204
205<div id="mw-head">
206<div id="p-personal">
207<h3>Personal tools</h3>
208
209<ul>
210 <li><a accesskey="o" href="/wiki/index.php?title=Special:UserLogin&returnto=Open+Web+Platform" title="You are encouraged to log in; however, it is not mandatory [o]">Log in</a></li>
211</ul>
212</div>
213
214<div id="left-navigation">
215<div class="vectorTabs" id="p-namespaces">
216<h3>Namespaces</h3>
217
218<ul>
219 <li><a accesskey="c" href="/wiki/Open_Web_Platform" title="View the content page [c]">Page</a></li>
220 <li><a accesskey="t" href="/wiki/index.php?title=Talk:Open_Web_Platform&action=edit&redlink=1" rel="discussion" title="Discussion about the content page [t]">Discussion</a></li>
221</ul>
222</div>
223
224<div class="emptyPortlet vectorMenu" id="p-variants">
225<h3>Variants</h3>
226
227<div class="menu">
228<ul>
229</ul>
230</div>
231</div>
232</div>
233
234<div id="right-navigation">
235<div class="vectorTabs" id="p-views">
236<h3>Views</h3>
237
238<ul>
239 <li><a href="/wiki/Open_Web_Platform">Read</a></li>
240 <li><a accesskey="e" href="/wiki/index.php?title=Open_Web_Platform&action=edit" title="This page is protected.
241You can view its source [e]">View source</a></li>
242 <li><a accesskey="h" href="/wiki/index.php?title=Open_Web_Platform&action=history" title="Past revisions of this page [h]">View history</a></li>
243</ul>
244</div>
245
246<div class="emptyPortlet vectorMenu" id="p-cactions">
247<h3>More</h3>
248
249<div class="menu">
250<ul>
251</ul>
252</div>
253</div>
254
255<div id="p-search">
256<h3>Search</h3>
257
258<form action="/wiki/index.php" id="searchform">
259<div id="simpleSearch"><input name="search" type="search" /> <input name="title" type="hidden" value="Special:Search" /> <input name="fulltext" type="submit" value="Search" /> <input name="go" type="submit" value="Go" /></div>
260</form>
261</div>
262</div>
263</div>
264
265<div id="mw-panel">
266<div id="p-logo"> </div>
267
268<div class="portal" id="p-navigation">
269<h3>Navigation</h3>
270
271<div class="body">
272<ul>
273 <li><a accesskey="z" href="/wiki/Main_Page" title="Visit the main page [z]">Main Page</a></li>
274 <li><a href="/wiki/Special:Categories">Browse categories</a></li>
275 <li><a accesskey="r" href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]">Recent changes</a></li>
276</ul>
277</div>
278</div>
279
280<div class="portal" id="p-tb">
281<h3>Tools</h3>
282
283<div class="body">
284<ul>
285 <li><a accesskey="j" href="/wiki/Special:WhatLinksHere/Open_Web_Platform" title="A list of all wiki pages that link here [j]">What links here</a></li>
286 <li><a accesskey="k" href="/wiki/Special:RecentChangesLinked/Open_Web_Platform" title="Recent changes in pages linked from this page [k]">Related changes</a></li>
287 <li><a accesskey="q" href="/wiki/Special:SpecialPages" title="A list of all special pages [q]">Special pages</a></li>
288 <li><a accesskey="p" href="/wiki/index.php?title=Open_Web_Platform&printable=yes" rel="alternate" title="Printable version of this page [p]">Printable version</a></li>
289 <li><a href="/wiki/index.php?title=Open_Web_Platform&oldid=112118" title="Permanent link to this revision of the page">Permanent link</a></li>
290 <li><a href="/wiki/index.php?title=Open_Web_Platform&action=info" title="More information about this page">Page information</a></li>
291</ul>
292</div>
293</div>
294</div>
295</div>
296
297<div id="footer">
298<ul>
299 <li>This page was last modified on 27 August 2020, at 16:29.</li>
300</ul>
301
302<ul>
303 <li><a href="/wiki/W3C_Wiki:Privacy_policy" title="W3C Wiki:Privacy policy">Privacy policy</a></li>
304 <li><a href="/wiki/W3C_Wiki:About" title="W3C Wiki:About">About W3C Wiki</a></li>
305 <li><a href="/wiki/W3C_Wiki:General_disclaimer" title="W3C Wiki:General disclaimer">Disclaimers</a></li>
306 <li><a class="noprint stopMobileRedirectToggle" href="https://www.w3.org/wiki/index.php?title=Open_Web_Platform&mobileaction=toggle_view_mobile">Mobile view</a></li>
307</ul>
308
309<ul>
310 <li><a href="//www.mediawiki.org/"><img alt="Powered by MediaWiki" src="/wiki/resources/assets/poweredby_mediawiki_88x31.png" style="height:31px; width:88px" /></a></li>
311</ul>
312
313<div style="clear:both"> </div>
314</div>
315
316
317
318<style>/* W3.CSS 4.12 November 2018 by Jan Egil and Borge Refsnes */html{box-sizing: border-box}*,*:before,*:after{box-sizing: inherit}/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}body{margin: 0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block}progress{vertical-align: baseline}audio:not([controls]){display: none; height: 0}[hidden],template{display: none}a{background-color: transparent; -webkit-text-decoration-skip: objects}a:active,a:hover{outline-width: 0}abbr[title]{border-bottom: none; text-decoration: underline; text-decoration: underline dotted}dfn{font-style: italic}mark{background: #ff0; color: #000}small{font-size: 80%}sub,sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}sub{bottom: -0.25em}sup{top: -0.5em}figure{margin: 1em 40px}img{border-style: none}svg:not(:root){overflow: hidden}code,kbd,pre,samp{font-family: monospace, monospace; font-size: 1em}hr{box-sizing: content-box; height: 0; overflow: visible}button,input,select,textarea{font: inherit; margin: 0}optgroup{font-weight: bold}button,input{overflow: visible}button,select{text-transform: none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance: button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style: none; padding: 0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline: 1px dotted ButtonText}fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em}legend{color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal}textarea{overflow: auto}[type=checkbox],[type=radio]{padding: 0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height: auto}[type=search]{-webkit-appearance: textfield; outline-offset: -2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance: none}::-webkit-input-placeholder{color: inherit; opacity: 0.54}::-webkit-file-upload-button{-webkit-appearance: button; font: inherit}/* End extract */html,body{font-family: Verdana, sans-serif; font-size: 15px; line-height: 1.5}html{overflow-x: hidden}h1{font-size: 36px}h2{font-size: 30px}h3{font-size: 24px}h4{font-size: 20px}h5{font-size: 18px}h6{font-size: 16px}.w3-serif{font-family: serif}h1,h2,h3,h4,h5,h6{font-family: "Segoe UI", Arial, sans-serif; font-weight: 400; margin: 10px 0}.w3-wide{letter-spacing: 4px}hr{border: 0; border-top: 1px solid #eee; margin: 20px 0}.w3-image{max-width: 100%; height: auto}img{vertical-align: middle}a{color: inherit}.w3-table,.w3-table-all{border-collapse: collapse; border-spacing: 0; width: 100%; display: table}.w3-table-all{border: 1px solid #ccc}.w3-bordered tr,.w3-table-all tr{border-bottom: 1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color: #f1f1f1}.w3-table-all tr:nth-child(odd){background-color: #fff}.w3-table-all tr:nth-child(even){background-color: #f1f1f1}.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color: #ccc}.w3-centered tr th,.w3-centered tr td{text-align: center}.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding: 8px 8px; display: table-cell; text-align: left; vertical-align: top}.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left: 16px}.w3-btn,.w3-button{border: none; display: inline-block; padding: 8px 16px; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap}.w3-btn:hover{box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}.w3-btn,.w3-button{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor: not-allowed; opacity: 0.3}.w3-disabled *,:disabled *{pointer-events: none}.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow: none}.w3-badge,.w3-tag{background-color: #000; color: #fff; display: inline-block; padding-left: 8px; padding-right: 8px; text-align: center}.w3-badge{border-radius: 50%}.w3-ul{list-style-type: none; padding: 0; margin: 0}.w3-ul li{padding: 8px 16px; border-bottom: 1px solid #ddd}.w3-ul li:last-child{border-bottom: none}.w3-tooltip,.w3-display-container{position: relative}.w3-tooltip .w3-text{display: none}.w3-tooltip:hover .w3-text{display: inline-block}.w3-ripple:active{opacity: 0.5}.w3-ripple{transition: opacity 0s}.w3-input{padding: 8px; display: block; border: none; border-bottom: 1px solid #ccc; width: 100%}.w3-select{padding: 9px 0; width: 100%; border: none; border-bottom: 1px solid #ccc}.w3-dropdown-click,.w3-dropdown-hover{position: relative; display: inline-block; cursor: pointer}.w3-dropdown-hover:hover .w3-dropdown-content{display: block}.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color: #ccc; color: #000}.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color: #ccc; color: #000}.w3-dropdown-content{cursor: auto; color: #000; background-color: #fff; display: none; position: absolute; min-width: 160px; margin: 0; padding: 0; z-index: 1}.w3-check,.w3-radio{width: 24px; height: 24px; position: relative; top: 6px}.w3-sidebar{height: 100%; width: 200px; background-color: #fff; position: fixed!important; z-index: 1; overflow: auto}.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width: 100%}.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width: 100%}.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width: 100%; text-align: left; padding: 8px 16px}.w3-main,#main{transition: margin-left .4s}.w3-modal{z-index: 3; display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4)}.w3-modal-content{margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: 600px}.w3-bar{width: 100%; overflow: hidden}.w3-center .w3-bar{display: inline-block; width: auto}.w3-bar .w3-bar-item{padding: 8px 16px; float: left; width: auto; border: none; display: block; outline: 0}.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position: static; float: left}.w3-bar .w3-button{white-space: normal}.w3-bar-block .w3-bar-item{width: 100%; display: block; padding: 8px 16px; text-align: left; border: none; white-space: normal; float: none; outline: 0}.w3-bar-block.w3-center .w3-bar-item{text-align: center}.w3-block{display: block; width: 100%}.w3-responsive{display: block; overflow-x: auto}.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content: ""; display: table; clear: both}.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float: left; width: 100%}.w3-col.s1{width: 8.33333%}.w3-col.s2{width: 16.66666%}.w3-col.s3{width: 24.99999%}.w3-col.s4{width: 33.33333%}.w3-col.s5{width: 41.66666%}.w3-col.s6{width: 49.99999%}.w3-col.s7{width: 58.33333%}.w3-col.s8{width: 66.66666%}.w3-col.s9{width: 74.99999%}.w3-col.s10{width: 83.33333%}.w3-col.s11{width: 91.66666%}.w3-col.s12{width: 99.99999%}@media (min-width:601px){.w3-col.m1{width: 8.33333%}.w3-col.m2{width: 16.66666%}.w3-col.m3, .w3-quarter{width: 24.99999%}.w3-col.m4, .w3-third{width: 33.33333%}.w3-col.m5{width: 41.66666%}.w3-col.m6, .w3-half{width: 49.99999%}.w3-col.m7{width: 58.33333%}.w3-col.m8, .w3-twothird{width: 66.66666%}.w3-col.m9, .w3-threequarter{width: 74.99999%}.w3-col.m10{width: 83.33333%}.w3-col.m11{width: 91.66666%}.w3-col.m12{width: 99.99999%}}@media (min-width:993px){.w3-col.l1{width: 8.33333%}.w3-col.l2{width: 16.66666%}.w3-col.l3{width: 24.99999%}.w3-col.l4{width: 33.33333%}.w3-col.l5{width: 41.66666%}.w3-col.l6{width: 49.99999%}.w3-col.l7{width: 58.33333%}.w3-col.l8{width: 66.66666%}.w3-col.l9{width: 74.99999%}.w3-col.l10{width: 83.33333%}.w3-col.l11{width: 91.66666%}.w3-col.l12{width: 99.99999%}}.w3-rest{overflow: hidden}.w3-stretch{margin-left: -16px; margin-right: -16px}.w3-content,.w3-auto{margin-left: auto; margin-right: auto}.w3-content{max-width: 980px}.w3-auto{max-width: 1140px}.w3-cell-row{display: table; width: 100%}.w3-cell{display: table-cell}.w3-cell-top{vertical-align: top}.w3-cell-middle{vertical-align: middle}.w3-cell-bottom{vertical-align: bottom}.w3-hide{display: none!important}.w3-show-block,.w3-show{display: block!important}.w3-show-inline-block{display: inline-block!important}@media (max-width:1205px){.w3-auto{max-width: 95%}}@media (max-width:600px){.w3-modal-content{margin: 0 10px; width: auto!important}.w3-modal{padding-top: 30px}.w3-dropdown-hover.w3-mobile .w3-dropdown-content, .w3-dropdown-click.w3-mobile .w3-dropdown-content{position: relative}.w3-hide-small{display: none!important}.w3-mobile{display: block; width: 100%!important}.w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile{text-align: center}.w3-dropdown-hover.w3-mobile, .w3-dropdown-hover.w3-mobile .w3-btn, .w3-dropdown-hover.w3-mobile .w3-button, .w3-dropdown-click.w3-mobile, .w3-dropdown-click.w3-mobile .w3-btn, .w3-dropdown-click.w3-mobile .w3-button{width: 100%}}@media (max-width:768px){.w3-modal-content{width: 500px}.w3-modal{padding-top: 50px}}@media (min-width:993px){.w3-modal-content{width: 900px}.w3-hide-large{display: none!important}.w3-sidebar.w3-collapse{display: block!important}}@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display: none!important}}@media (max-width:992px){.w3-sidebar.w3-collapse{display: none}.w3-main{margin-left: 0!important; margin-right: 0!important}.w3-auto{max-width: 100%}}.w3-top,.w3-bottom{position: fixed; width: 100%; z-index: 1}.w3-top{top: 0}.w3-bottom{bottom: 0}.w3-overlay{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2}.w3-display-topleft{position: absolute; left: 0; top: 0}.w3-display-topright{position: absolute; right: 0; top: 0}.w3-display-bottomleft{position: absolute; left: 0; bottom: 0}.w3-display-bottomright{position: absolute; right: 0; bottom: 0}.w3-display-middle{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%)}.w3-display-left{position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); -ms-transform: translate(-0%, -50%)}.w3-display-right{position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%)}.w3-display-topmiddle{position: absolute; left: 50%; top: 0; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%)}.w3-display-bottommiddle{position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%)}.w3-display-container:hover .w3-display-hover{display: block}.w3-display-container:hover span.w3-display-hover{display: inline-block}.w3-display-hover{display: none}.w3-display-position{position: absolute}.w3-circle{border-radius: 50%}.w3-round-small{border-radius: 2px}.w3-round,.w3-round-medium{border-radius: 4px}.w3-round-large{border-radius: 8px}.w3-round-xlarge{border-radius: 16px}.w3-round-xxlarge{border-radius: 32px}.w3-row-padding,.w3-row-padding > .w3-half,.w3-row-padding > .w3-third,.w3-row-padding > .w3-twothird,.w3-row-padding > .w3-threequarter,.w3-row-padding > .w3-quarter,.w3-row-padding > .w3-col{padding: 0 8px}.w3-container,.w3-panel{padding: 0.01em 16px}.w3-panel{margin-top: 16px; margin-bottom: 16px}.w3-code,.w3-codespan{font-family: Consolas, "courier new"; font-size: 16px}.w3-code{width: auto; background-color: #fff; padding: 8px 12px; border-left: 4px solid #4CAF50; word-wrap: break-word}.w3-codespan{color: crimson; background-color: #f1f1f1; padding-left: 4px; padding-right: 4px; font-size: 110%}.w3-card,.w3-card-2{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)}.w3-card-4,.w3-hover-shadow:hover{box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)}.w3-spin{animation: w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform: rotate(0deg)}100%{transform: rotate(359deg)}}.w3-animate-fading{animation: fading 10s infinite}@keyframes fading{0%{opacity: 0}50%{opacity: 1}100%{opacity: 0}}.w3-animate-opacity{animation: opac 0.8s}@keyframes opac{from{opacity: 0}to{opacity: 1}}.w3-animate-top{position: relative; animation: animatetop 0.4s}@keyframes animatetop{from{top: -300px; opacity: 0}to{top: 0; opacity: 1}}.w3-animate-left{position: relative; animation: animateleft 0.4s}@keyframes animateleft{from{left: -300px; opacity: 0}to{left: 0; opacity: 1}}.w3-animate-right{position: relative; animation: animateright 0.4s}@keyframes animateright{from{right: -300px; opacity: 0}to{right: 0; opacity: 1}}.w3-animate-bottom{position: relative; animation: animatebottom 0.4s}@keyframes animatebottom{from{bottom: -300px; opacity: 0}to{bottom: 0; opacity: 1}}.w3-animate-zoom{animation: animatezoom 0.6s}@keyframes animatezoom{from{transform: scale(0)}to{transform: scale(1)}}.w3-animate-input{transition: width 0.4s ease-in-out}.w3-animate-input:focus{width: 100%!important}.w3-opacity,.w3-hover-opacity:hover{opacity: 0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity: 1}.w3-opacity-max{opacity: 0.25}.w3-opacity-min{opacity: 0.75}.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter: grayscale(100%)}.w3-greyscale,.w3-grayscale{filter: grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter: grayscale(50%)}.w3-sepia{filter: sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter: sepia(100%)}.w3-sepia-min{filter: sepia(50%)}.w3-tiny{font-size: 10px!important}.w3-small{font-size: 12px!important}.w3-medium{font-size: 15px!important}.w3-large{font-size: 18px!important}.w3-xlarge{font-size: 24px!important}.w3-xxlarge{font-size: 36px!important}.w3-xxxlarge{font-size: 48px!important}.w3-jumbo{font-size: 64px!important}.w3-left-align{text-align: left!important}.w3-right-align{text-align: right!important}.w3-justify{text-align: justify!important}.w3-center{text-align: center!important}.w3-border-0{border: 0!important}.w3-border{border: 1px solid #ccc!important}.w3-border-top{border-top: 1px solid #ccc!important}.w3-border-bottom{border-bottom: 1px solid #ccc!important}.w3-border-left{border-left: 1px solid #ccc!important}.w3-border-right{border-right: 1px solid #ccc!important}.w3-topbar{border-top: 6px solid #ccc!important}.w3-bottombar{border-bottom: 6px solid #ccc!important}.w3-leftbar{border-left: 6px solid #ccc!important}.w3-rightbar{border-right: 6px solid #ccc!important}.w3-section,.w3-code{margin-top: 16px!important; margin-bottom: 16px!important}.w3-margin{margin: 16px!important}.w3-margin-top{margin-top: 16px!important}.w3-margin-bottom{margin-bottom: 16px!important}.w3-margin-left{margin-left: 16px!important}.w3-margin-right{margin-right: 16px!important}.w3-padding-small{padding: 4px 8px!important}.w3-padding{padding: 8px 16px!important}.w3-padding-large{padding: 12px 24px!important}.w3-padding-16{padding-top: 16px!important; padding-bottom: 16px!important}.w3-padding-24{padding-top: 24px!important; padding-bottom: 24px!important}.w3-padding-32{padding-top: 32px!important; padding-bottom: 32px!important}.w3-padding-48{padding-top: 48px!important; padding-bottom: 48px!important}.w3-padding-64{padding-top: 64px!important; padding-bottom: 64px!important}.w3-left{float: left!important}.w3-right{float: right!important}.w3-button:hover{color: #000!important; background-color: #ccc!important}.w3-transparent,.w3-hover-none:hover{background-color: transparent!important}.w3-hover-none:hover{box-shadow: none!important}/* Colors */.w3-amber,.w3-hover-amber:hover{color: #000!important; background-color: #ffc107!important}.w3-aqua,.w3-hover-aqua:hover{color: #000!important; background-color: #00ffff!important}.w3-blue,.w3-hover-blue:hover{color: #fff!important; background-color: #2196F3!important}.w3-light-blue,.w3-hover-light-blue:hover{color: #000!important; background-color: #87CEEB!important}.w3-brown,.w3-hover-brown:hover{color: #fff!important; background-color: #795548!important}.w3-cyan,.w3-hover-cyan:hover{color: #000!important; background-color: #00bcd4!important}.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color: #fff!important; background-color: #607d8b!important}.w3-green,.w3-hover-green:hover{color: #fff!important; background-color: #4CAF50!important}.w3-light-green,.w3-hover-light-green:hover{color: #000!important; background-color: #8bc34a!important}.w3-indigo,.w3-hover-indigo:hover{color: #fff!important; background-color: #3f51b5!important}.w3-khaki,.w3-hover-khaki:hover{color: #000!important; background-color: #f0e68c!important}.w3-lime,.w3-hover-lime:hover{color: #000!important; background-color: #cddc39!important}.w3-orange,.w3-hover-orange:hover{color: #000!important; background-color: #ff9800!important}.w3-deep-orange,.w3-hover-deep-orange:hover{color: #fff!important; background-color: #ff5722!important}.w3-pink,.w3-hover-pink:hover{color: #fff!important; background-color: #e91e63!important}.w3-purple,.w3-hover-purple:hover{color: #fff!important; background-color: #9c27b0!important}.w3-deep-purple,.w3-hover-deep-purple:hover{color: #fff!important; background-color: #673ab7!important}.w3-red,.w3-hover-red:hover{color: #fff!important; background-color: #f44336!important}.w3-sand,.w3-hover-sand:hover{color: #000!important; background-color: #fdf5e6!important}.w3-teal,.w3-hover-teal:hover{color: #fff!important; background-color: #009688!important}.w3-yellow,.w3-hover-yellow:hover{color: #000!important; background-color: #ffeb3b!important}.w3-white,.w3-hover-white:hover{color: #000!important; background-color: #fff!important}.w3-black,.w3-hover-black:hover{color: #fff!important; background-color: #000!important}.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color: #000!important; background-color: #9e9e9e!important}.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color: #000!important; background-color: #f1f1f1!important}.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color: #fff!important; background-color: #616161!important}.w3-pale-red,.w3-hover-pale-red:hover{color: #000!important; background-color: #ffdddd!important}.w3-pale-green,.w3-hover-pale-green:hover{color: #000!important; background-color: #ddffdd!important}.w3-pale-yellow,.w3-hover-pale-yellow:hover{color: #000!important; background-color: #ffffcc!important}.w3-pale-blue,.w3-hover-pale-blue:hover{color: #000!important; background-color: #ddffff!important}.w3-text-amber,.w3-hover-text-amber:hover{color: #ffc107!important}.w3-text-aqua,.w3-hover-text-aqua:hover{color: #00ffff!important}.w3-text-blue,.w3-hover-text-blue:hover{color: #2196F3!important}.w3-text-light-blue,.w3-hover-text-light-blue:hover{color: #87CEEB!important}.w3-text-brown,.w3-hover-text-brown:hover{color: #795548!important}.w3-text-cyan,.w3-hover-text-cyan:hover{color: #00bcd4!important}.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color: #607d8b!important}.w3-text-green,.w3-hover-text-green:hover{color: #4CAF50!important}.w3-text-light-green,.w3-hover-text-light-green:hover{color: #8bc34a!important}.w3-text-indigo,.w3-hover-text-indigo:hover{color: #3f51b5!important}.w3-text-khaki,.w3-hover-text-khaki:hover{color: #b4aa50!important}.w3-text-lime,.w3-hover-text-lime:hover{color: #cddc39!important}.w3-text-orange,.w3-hover-text-orange:hover{color: #ff9800!important}.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color: #ff5722!important}.w3-text-pink,.w3-hover-text-pink:hover{color: #e91e63!important}.w3-text-purple,.w3-hover-text-purple:hover{color: #9c27b0!important}.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color: #673ab7!important}.w3-text-red,.w3-hover-text-red:hover{color: #f44336!important}.w3-text-sand,.w3-hover-text-sand:hover{color: #fdf5e6!important}.w3-text-teal,.w3-hover-text-teal:hover{color: #009688!important}.w3-text-yellow,.w3-hover-text-yellow:hover{color: #d2be0e!important}.w3-text-white,.w3-hover-text-white:hover{color: #fff!important}.w3-text-black,.w3-hover-text-black:hover{color: #000!important}.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color: #757575!important}.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color: #f1f1f1!important}.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color: #3a3a3a!important}.w3-border-amber,.w3-hover-border-amber:hover{border-color: #ffc107!important}.w3-border-aqua,.w3-hover-border-aqua:hover{border-color: #00ffff!important}.w3-border-blue,.w3-hover-border-blue:hover{border-color: #2196F3!important}.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color: #87CEEB!important}.w3-border-brown,.w3-hover-border-brown:hover{border-color: #795548!important}.w3-border-cyan,.w3-hover-border-cyan:hover{border-color: #00bcd4!important}.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color: #607d8b!important}.w3-border-green,.w3-hover-border-green:hover{border-color: #4CAF50!important}.w3-border-light-green,.w3-hover-border-light-green:hover{border-color: #8bc34a!important}.w3-border-indigo,.w3-hover-border-indigo:hover{border-color: #3f51b5!important}.w3-border-khaki,.w3-hover-border-khaki:hover{border-color: #f0e68c!important}.w3-border-lime,.w3-hover-border-lime:hover{border-color: #cddc39!important}.w3-border-orange,.w3-hover-border-orange:hover{border-color: #ff9800!important}.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color: #ff5722!important}.w3-border-pink,.w3-hover-border-pink:hover{border-color: #e91e63!important}.w3-border-purple,.w3-hover-border-purple:hover{border-color: #9c27b0!important}.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color: #673ab7!important}.w3-border-red,.w3-hover-border-red:hover{border-color: #f44336!important}.w3-border-sand,.w3-hover-border-sand:hover{border-color: #fdf5e6!important}.w3-border-teal,.w3-hover-border-teal:hover{border-color: #009688!important}.w3-border-yellow,.w3-hover-border-yellow:hover{border-color: #ffeb3b!important}.w3-border-white,.w3-hover-border-white:hover{border-color: #fff!important}.w3-border-black,.w3-hover-border-black:hover{border-color: #000!important}.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color: #9e9e9e!important}.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color: #f1f1f1!important}.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color: #616161!important}.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color: #ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color: #e7ffe7!important}.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color: #ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color: #e7ffff!important}/*=================================================================================================================================================================begin w3bu css */.w3-theme-l5{color: #000 !important; background-color: #f2f9fe !important}.w3-theme-l4{color: #000 !important; background-color: #d2eafd !important}.w3-theme-l3{color: #000 !important; background-color: #a6d4fa !important}.w3-theme-l2{color: #000 !important; background-color: #79bff8 !important}.w3-theme-l1{color: #fff !important; background-color: #4daaf6 !important}.w3-theme-d1{color: #fff !important; background-color: #0c87eb !important}.w3-theme-d2{color: #fff !important; background-color: #0b78d1 !important}.w3-theme-d3{color: #fff !important; background-color: #0a69b7 !important}.w3-theme-d4{color: #fff !important; background-color: #085a9d !important}.w3-theme-d5{color: #fff !important; background-color: #074b83 !important}.w3-theme-light{color: #000 !important; background-color: #f2f9fe !important}.w3-theme-dark{color: #fff !important; background-color: #074b83 !important}.w3-theme-action{color: #fff !important; background-color: #074b83 !important}.w3-theme{color: #fff !important; background-color: #2196f3 !important}.w3-text-theme{color: #2196f3 !important}.w3-border-theme{border-color: #2196f3 !important}.w3-hover-theme:hover{color: #fff !important; background-color: #2196f3 !important}.w3-hover-text-theme:hover{color: #2196f3 !important}.w3-hover-border-theme:hover{border-color: #2196f3 !important}
319
320/*=========================================================================================================================begin my css */
321
322body{
323background-color: #074b83;
324color: #e0e0e0;
325font-size: 135%;
326font-family: roboto, sans-serif;
327font-weight: 300;
328line-height:1.6em;
329margin: 0 auto;
330}
331img{max-width: 100%;
332}
333a {
334color: gold;
335text-decoration: none;
336}
337h1{
338font-family: helvetica;
339background-color: #0b78d1;
340color: #e0e0e0;
341border-radius: 5px;
342text-align: center;
343padding: 20px;line-height: 1.1em;
344}
345h2,h2,h4{
346font-family: helvetica;
347background-color: #0b78d1;
348color: #e0e0e0;
349border-radius: 10px;
350text-align: center;
351padding: 20px;
352line-height: 1.1em;
353}
354pre{
355width: 96%;
356height: auto;
357overflow: auto;
358background-color: grey;
359font-family: courier;
360font-size: 90%;
361line-height: 1.4em;
362padding: 10px;
363margin: 0 auto;
364display: block;
365outline: none;
366border: 0;
367}
368textarea{
369width: 100%;
370height: 700px;
371overflow: auto;
372background-color: #0b78d1;
373font-family: courier;
374font-size: 90%;
375font-weight: 400;
376line-height: 1.4em;
377padding: 10px;
378margin: 0 auto;
379display: block;
380outline: none;
381border: 0;
382}
383</style>
384
385
386</body>
387</html>
388