<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<AppShortName>MyApp</AppShortName>
	<Author>Author name</Author>
	<Version>1.0</Version>
	<DesignDeviceName>Desktop</DesignDeviceName>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>640</PageWidth>
	<PageHeight>480</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<AppIcon>C:\Users\ASMAT\Documents\VisualNeoWeb\Libraries\img\default-icon.png</AppIcon>
	<CustomCSS>.conetnent span:before{
content:&apos;&apos;;
position:absolute;
top:5px;
width:10px;
height:5px;
border-left:2px solid #ccc;
border-bottom:2px solid #ccc;
transform:rotate(-40deg);
}

.item label{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor:pointer;
        width:100%;
        height:100%;
}

.item label p
{
	position: absolute;
}

.item label span{
	position: relative;
	width: 20px;
	height: 20px;
	border:1px solid #ccc;
	border-radius: 50%;
 	display: flex;
	align-items: center;
	justify-content: center;
}


.item label span:before
{
        content: &apos;&apos;;
	position: absolute;
	top: 5px;
	width: 10px;
	height: 5px;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	transform: rotate(-40deg);
}

.item input
{
	visibility: hidden;
        appearance:none;
}


.item label input:checked ~ p
{
	text-decoration: line-through;
	color: #ccc;
}

.item label input:checked ~ span
{
	background: #03a9f4;
	border:1px solid #03a9f4;
}

.item label input:checked ~ span:before
{
    border-left:2px solid white;
border-bottom:2px solid white;
}

.textMiddle{
display:flex;
justify-content:center;
align-items:center;
}</CustomCSS>
	<LanguageCode>en</LanguageCode>
	<ThemeColor>#000000</ThemeColor>
	<MobileOSTypes>[AndroidOS,iOS,WindowsPhoneOS]</MobileOSTypes>
	<WindowState>normal</WindowState>
	<TitleBar>True</TitleBar>
	<Sizeable>True</Sizeable>
	<MaximizeBtn>False</MaximizeBtn>
	<MinimizeBtn>True</MinimizeBtn>
	<SystemMenu>True</SystemMenu>
	<ContextMenu>False</ContextMenu>
	<AlwaysOnTop>False</AlwaysOnTop>
	<ShowInTaskbar>True</ShowInTaskbar>
	<SingleInstance>False</SingleInstance>
	<ChromeKioskMode>False</ChromeKioskMode>
	<Components>
		<FunctionList name="Subroutines"/>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<Components>
						<Container id="Container2">
							<left>175px</left>
							<top>47px</top>
							<width>276px</width>
							<height>327px</height>
							<style>background-color:#fff;border-color:#A8A8A8;border-style:solid;border-width:1px</style>
							<css_class>content</css_class>
							<Components>
								<Container id="Container3">
									<left>0px</left>
									<top>0px</top>
									<width>100%</width>
									<height>40px</height>
									<style>color:WHITE;font-size:14pt;font-weight:bold;background-color:#04a8f4</style>
									<align>top</align>
									<css_class>textMiddle</css_class>
									<html>TO-DO-LIST</html>
								</Container>
								<Container id="Container4">
									<left>5%</left>
									<top>59px</top>
									<width>90%</width>
									<height>40px</height>
									<style>border-bottom:1px solid #E2E2E2</style>
									<align>top</align>
									<margin_left>5%</margin_left>
									<css_class>item</css_class>
									<html>&lt;label&gt;
&lt;input type=&quot;checkbox&quot; name=&quot;&quot;&gt;&lt;p&gt;Eat&lt;/p&gt;&lt;span&gt;&lt;/span&gt;
&lt;/label&gt;</html>
								</Container>
								<Container id="Container5">
									<left>16px</left>
									<top>98px</top>
									<width>90%</width>
									<height>40px</height>
									<style>border-bottom:1px solid #E2E2E2</style>
									<align>top</align>
									<margin_left>5%</margin_left>
									<css_class>item</css_class>
									<html>&lt;label&gt;
&lt;input type=&quot;checkbox&quot; name=&quot;&quot;&gt;
&lt;p&gt;Drink&lt;/p&gt;
&lt;span&gt;&lt;/span&gt;
&lt;/label&gt;</html>
								</Container>
								<Container id="Container6">
									<left>14px</left>
									<top>129px</top>
									<width>90%</width>
									<height>40px</height>
									<style>border-bottom:1px solid #E2E2E2</style>
									<align>top</align>
									<margin_left>5%</margin_left>
									<css_class>item</css_class>
									<html>&lt;label&gt;
&lt;input type=&quot;checkbox&quot; name=&quot;&quot;&gt;
&lt;p&gt;Sleep&lt;/p&gt;
&lt;span&gt;&lt;/span&gt;
&lt;/label&gt;</html>
								</Container>
								<Container id="Container7">
									<left>15px</left>
									<top>176px</top>
									<width>90%</width>
									<height>40px</height>
									<style>border-bottom:1px solid #E2E2E2</style>
									<align>top</align>
									<margin_left>5%</margin_left>
									<css_class>item</css_class>
									<html>&lt;label&gt;
&lt;input type=&quot;checkbox&quot; name=&quot;&quot;&gt;
&lt;p&gt;Bath&lt;/p&gt;
&lt;span&gt;&lt;/span&gt;
&lt;/label&gt;</html>
								</Container>
								<Container id="Container8">
									<left>13px</left>
									<top>216px</top>
									<width>90%</width>
									<height>40px</height>
									<style>border-bottom:1px solid #E2E2E2</style>
									<align>top</align>
									<margin_left>5%</margin_left>
									<css_class>item</css_class>
									<html>&lt;label&gt;
&lt;input type=&quot;checkbox&quot; name=&quot;&quot;&gt;
&lt;p&gt;Excercise&lt;/p&gt;
&lt;span&gt;&lt;/span&gt;
&lt;/label&gt;</html>
								</Container>
								<Container id="Container9">
									<left>14px</left>
									<top>242px</top>
									<width>90%</width>
									<height>40px</height>
									<style>border-bottom:1px solid #E2E2E2</style>
									<align>top</align>
									<margin_left>5%</margin_left>
									<css_class>item</css_class>
									<html>&lt;label&gt;
&lt;input type=&quot;checkbox&quot; name=&quot;&quot;&gt;
&lt;p&gt;Work&lt;/p&gt;
&lt;span&gt;&lt;/span&gt;
&lt;/label&gt;</html>
								</Container>
							</Components>
						</Container>
					</Components>
				</Page>
			</Components>
		</PageList>
		<PageList name="Master">
			<Components>
				<Page id="MasterPage"/>
			</Components>
		</PageList>
		<PageList name="Dialog">
			<Components>
				<Page id="NewDialog">
					<Components>
						<DialogContainer id="DialogContainer1">
							<left>0px</left>
							<top>0px</top>
							<width>640px</width>
							<height>480px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
