<?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>
	<ResponsiveSize>False</ResponsiveSize>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<AppIcon>C:\Users\asmat\Documents\VisualNeoWeb\Libraries\img\default-icon.png</AppIcon>
	<CustomCSS>.holder input:checked  ~ .box{
   background:#2500e0 !important;
   color:white !important;
}

.holder input{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index:1;
  opacity:0;
}







/*..............................................................*/

.select{
user-select:none;
}


.boxShadow {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06)
}

.flexCenter{
display:flex;
justify-content:center;
align-items:center;
}
</CustomCSS>
	<LanguageCode>en</LanguageCode>
	<DisplayMode>standalone</DisplayMode>
	<ServiceWorker>Offline page</ServiceWorker>
	<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>
	<startup>CreateEmptyObject [myObj]</startup>
	<Components>
		<FunctionList name="Subroutines">
			<Components>
				<Function name="checkBoxStyle">
					<Code>If [myObj(circle)] == true
  SetObjectStyle &quot;[circle]&quot; &quot;background&quot; &quot;white&quot;
  SetObjectStyle &quot;[elipse]&quot; &quot;background&quot; &quot;white&quot;
  SetObjectStyle &quot;[elipse]&quot; &quot;color&quot; &quot;#2500e0&quot;
  SetVar [myObj(circle)] false
else
   SetObjectStyle &quot;[circle]&quot; &quot;background&quot; &quot;#2500e0&quot;
   SetObjectStyle &quot;[elipse]&quot; &quot;background&quot; &quot;#2500e0&quot;
    SetObjectStyle &quot;[elipse]&quot; &quot;color&quot; &quot;white&quot;
   SetVar [myObj(circle)] true
endif
</Code>
					<Params>[circle]|STRING|circle;[elipse]|STRING|elipse</Params>
				</Function>
			</Components>
		</FunctionList>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<style>background-color:rgba(238,246,255,0.78)</style>
					<Components>
						<Container id="rashta">
							<left>237px</left>
							<top>61px</top>
							<width>158px</width>
							<height>44px</height>
							<style>background-color:#fff;border-radius:15px</style>
							<margin_right>20px</margin_right>
							<css_class>flexCenter boxShadow</css_class>
							<click>checkBoxStyle &quot;circle1&quot; &quot;elipse1&quot;</click>
							<Components>
								<Container id="circle1">
									<left>22px</left>
									<top>5px</top>
									<width>23px</width>
									<height>23px</height>
									<style>color:white;border-color:#2500e0;border-radius:50%;border-style:solid;border-width:1.5px;transition:all 0.3s ease 0s</style>
									<align>top</align>
									<css_class>flexCenter</css_class>
									<html>&lt;svg style=&quot;width:24px;height:24px&quot; viewBox=&quot;0 0 24 24&quot;&gt;
    &lt;path fill=&quot;currentColor&quot; d=&quot;M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z&quot; /&gt;
&lt;/svg&gt;</html>
								</Container>
								<Container id="elipse1">
									<left>45px</left>
									<top>11px</top>
									<width>92px</width>
									<height>23px</height>
									<style>color:#2500e0;background-color:#fff;border-color:#2500e0;border-radius:10px;border-style:solid;border-width:1.5px;cursor:default;transition:all 0.3s ease 0s</style>
									<align>top</align>
									<margin_left>3px</margin_left>
									<css_class>flexCenter select</css_class>
									<html>Dark Mode</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container5">
							<left>235px</left>
							<top>288px</top>
							<width>158px</width>
							<height>44px</height>
							<style>background-color:#fff;border-radius:15px</style>
							<margin_right>20px</margin_right>
							<css_class>holder flexCenter boxShadow</css_class>
							<html>&lt;input ng-model=&quot;$root.checkboxValue1&quot; type=&quot;checkbox&quot; &gt;</html>
							<Components>
								<Container id="Container6">
									<left>22px</left>
									<top>5px</top>
									<width>23px</width>
									<height>23px</height>
									<style>color:white;border-color:#2500e0;border-radius:50%;border-style:solid;border-width:1.5px;transition:all 0.3s ease 0s</style>
									<align>top</align>
									<css_class>box flexCenter</css_class>
									<html>&lt;svg style=&quot;width:24px;height:24px&quot; viewBox=&quot;0 0 24 24&quot;&gt;
    &lt;path fill=&quot;currentColor&quot; d=&quot;M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z&quot; /&gt;
&lt;/svg&gt;</html>
								</Container>
								<Container id="Container7">
									<left>46px</left>
									<top>11px</top>
									<width>92px</width>
									<height>26px</height>
									<style>color:#2500e0;background-color:#fff;border-color:#2500e0;border-radius:10px;border-style:solid;border-width:1.5px;cursor:default;transition:all 0.3s ease 0s</style>
									<align>top</align>
									<margin_left>3px</margin_left>
									<css_class>box flexCenter select</css_class>
									<html>انتخاب رشته</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container1">
							<left>103px</left>
							<top>62px</top>
							<width>114px</width>
							<height>37px</height>
							<style>background-color:rgba(255,255,255,0.85);border-color:#E0E0E0;border-style:solid;border-width:1px</style>
							<css_class>flexCenter</css_class>
							<html>[myObj.circle1]</html>
						</Container>
						<Container id="Container2">
							<left>402px</left>
							<top>137px</top>
							<width>158px</width>
							<height>44px</height>
							<style>background-color:#fff;border-radius:15px</style>
							<margin_right>20px</margin_right>
							<css_class>flexCenter boxShadow</css_class>
							<click>checkBoxStyle &quot;circle2&quot; &quot;elipse2&quot;</click>
							<Components>
								<Container id="circle2">
									<left>22px</left>
									<top>5px</top>
									<width>23px</width>
									<height>23px</height>
									<style>color:white;border-color:#2500e0;border-radius:50%;border-style:solid;border-width:1.5px;transition:all 0.3s ease 0s</style>
									<align>top</align>
									<css_class>flexCenter</css_class>
									<html>&lt;svg style=&quot;width:24px;height:24px&quot; viewBox=&quot;0 0 24 24&quot;&gt;
    &lt;path fill=&quot;currentColor&quot; d=&quot;M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z&quot; /&gt;
&lt;/svg&gt;</html>
								</Container>
								<Container id="elipse2">
									<left>45px</left>
									<top>11px</top>
									<width>92px</width>
									<height>23px</height>
									<style>color:#2500e0;background-color:#fff;border-color:#2500e0;border-radius:10px;border-style:solid;border-width:1.5px;cursor:default;transition:all 0.3s ease 0s</style>
									<align>top</align>
									<margin_left>3px</margin_left>
									<css_class>flexCenter select</css_class>
									<html>Dark Mode</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container3">
							<left>270px</left>
							<top>142px</top>
							<width>114px</width>
							<height>37px</height>
							<style>background-color:rgba(255,255,255,0.85);border-color:#E0E0E0;border-style:solid;border-width:1px</style>
							<css_class>flexCenter</css_class>
							<html>[myObj.circle2]</html>
						</Container>
						<Container id="Container4">
							<left>106px</left>
							<top>293px</top>
							<width>114px</width>
							<height>37px</height>
							<style>background-color:rgba(255,255,255,0.85);border-color:#E0E0E0;border-style:solid;border-width:1px</style>
							<css_class>flexCenter</css_class>
							<html>[checkboxValue1]</html>
						</Container>
						<Container id="Container8">
							<left>317px</left>
							<top>386px</top>
							<width>158px</width>
							<height>44px</height>
							<style>background-color:#fff;border-radius:15px</style>
							<margin_right>20px</margin_right>
							<css_class>holder flexCenter boxShadow</css_class>
							<html>&lt;input ng-model=&quot;$root.checkboxValue2&quot; type=&quot;checkbox&quot; &gt;</html>
							<Components>
								<Container id="Container9">
									<left>22px</left>
									<top>5px</top>
									<width>23px</width>
									<height>23px</height>
									<style>color:white;border-color:#2500e0;border-radius:50%;border-style:solid;border-width:1.5px;transition:all 0.3s ease 0s</style>
									<align>top</align>
									<css_class>box flexCenter</css_class>
									<html>&lt;svg style=&quot;width:24px;height:24px&quot; viewBox=&quot;0 0 24 24&quot;&gt;
    &lt;path fill=&quot;currentColor&quot; d=&quot;M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z&quot; /&gt;
&lt;/svg&gt;</html>
								</Container>
								<Container id="Container10">
									<left>46px</left>
									<top>11px</top>
									<width>92px</width>
									<height>26px</height>
									<style>color:#2500e0;background-color:#fff;border-color:#2500e0;border-radius:10px;border-style:solid;border-width:1.5px;cursor:default;transition:all 0.3s ease 0s</style>
									<align>top</align>
									<margin_left>3px</margin_left>
									<css_class>box flexCenter select</css_class>
									<html>انتخاب رشته</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container11">
							<left>188px</left>
							<top>391px</top>
							<width>114px</width>
							<height>37px</height>
							<style>background-color:rgba(255,255,255,0.85);border-color:#E0E0E0;border-style:solid;border-width:1px</style>
							<css_class>flexCenter</css_class>
							<html>[checkboxValue2]</html>
						</Container>
						<Container id="Container12">
							<left>177px</left>
							<top>233px</top>
							<width>287px</width>
							<height>33px</height>
							<style>border-width:1px;border-style:solid;background-color:#fff;</style>
							<css_class>flexCenter</css_class>
							<html>CSS</html>
						</Container>
						<Container id="Container13">
							<left>180px</left>
							<top>9px</top>
							<width>287px</width>
							<height>33px</height>
							<style>border-width:1px;border-style:solid;background-color:#fff;</style>
							<css_class>flexCenter</css_class>
							<html>JAVASCRIPT</html>
						</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>
							<kind>custom</kind>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
