#project_settings
{
	width: 360px;
	min-height: 200px;
}
#project_settings > form > div.C_OPTIONS
{
	padding: 8px 0px 16px 0px;
}
#project_settings > form > div.C_OPTIONS > a
{
	font-size: 0.8em;
	color: #999999;
}
#project_settings > form > div.C_OPTIONS > label
{
	margin: 8px 0px 0px 0px;
}
#project_settings > form > div.C_OPTIONS:NOT([show="1"]) > label
{
	display: none;
}

#project_share_exit
{
	width: 360px;
	min-height: 200px;
}
#project_share_exit > h2
{
}
#project_share_exit > h2 > font
{
	font-weight: normal;
}
#project_share_exit > h2 > b
{
	display: block;
	margin: 8px 0px 0px 0px;
}
#project_share_exit > center
{
}
#project_share_exit > center > i.fa
{
	font-size: 30px;
	color: #AA0000;
}
#project_share_exit > center > p
{
}



#frame_init_new_project
{
	width: 640px;
	padding: 20px 8px 20px 8px;
	text-align: center;
	color: var(--main-background-color);
}
#frame_init_new_project *
{
	color: var(--main-background-color);
}
#frame_init_new_project > i.fa
{
	color: inherit;
	font-size: 35px;
}
#frame_init_new_project > h2
{
}
#frame_init_new_project > div.C_STEPS
{
	text-align: left;
	padding: 20px 10px 0px 20px;
}
#frame_init_new_project > div.C_STEPS > div.C_STEP
{
	line-height: 36px;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
#frame_init_new_project > div.C_STEPS > div.C_STEP > span
{
}
#frame_init_new_project > div.C_STEPS > div.C_STEP > span > i.fa
{
	font-size: 20px;
	color: var(--main-active-color);
}
#frame_init_new_project > div.C_STEPS > div.C_STEP > font
{
	margin: 0px 0px 0px 8px ;
}
#frame_init_new_project > div.C_STEPS > div.C_STEP > b
{
	font-family: Courier New;
	font-weight: bold;
	font-size: 1.2em;
}
#frame_init_new_project > div.C_STEPS > div.C_STEP > b > u
{
	font-family: inherit;
	font-size: inherit;
	color: #CCAAAA;
	text-decoration: none;
}
#frame_init_new_project > div.C_STEPS > div.C_STEP > b > i.fa-circle
{
	font-size: 12px;
	color: #CCCCCC;
}
#frame_init_new_project > div.C_STEPS > div.C_STEP > b > i.fa-spin
{
	font-size: 20px;
}
#frame_init_new_project > form
{
	padding: 20px 20px 0px 0px;
	text-align: right;
	visibility: hidden;
}
#frame_init_new_project[ready="1"] > form
{
	visibility: visible;
}
#frame_init_new_project > form > button
{
	color: #000000;
	font-weight: 900;
	font-size: 1.2em;
	line-height: 1.2em;
	outline: none;
}
#frame_init_new_project > form > button > i.fa
{
	font-size: 1.2em;
	color: inherit;
}

div.C_PROJECTS
{
}
div.C_PROJECTS > h2
{
	margin: 0px;
	padding: 0px;
}
div.C_PROJECTS > h2 > div.C_TABS
{
	margin: 16px 0px 0px 0px;
	white-space: nowrap;
	font-size: 0px;
}
div.C_PROJECTS > h2 > div.C_TABS[tabs="2"] > button { width: CALC(100% / 2); }
div.C_PROJECTS > h2 > div.C_TABS[tabs="3"] > button { width: CALC(100% / 3); }
div.C_PROJECTS > h2 > div.C_TABS[tabs="4"] > button { width: CALC(100% / 4); }
div.C_PROJECTS > h2 > div.C_TABS[tabs="5"] > button { width: CALC(100% / 5); }
div.C_PROJECTS[tab="main"] > h2 > div.C_TABS > button[tab="main"]
,div.C_PROJECTS[tab="favorites"] > h2 > div.C_TABS > button[tab="favorites"]
,div.C_PROJECTS[tab="archives"] > h2 > div.C_TABS > button[tab="archives"]
,div.C_PROJECTS[tab="shared"] > h2 > div.C_TABS > button[tab="shared"]
{
	background-color: #FFFFFF;
	background-image: none;
}

div.C_PROJECTS > h1
{
	position: relative;
}
div.C_PROJECTS > h1 > b
{
	color: var(--main-color);
}
div.C_PROJECTS > h1 > div.C_COMMANDS
{
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
div.C_PROJECTS > h1 > div.C_COMMANDS > button
{
}
div.C_PROJECTS > div.C_CARDS
{
	background-color: #DDDDDD;
	border-radius: 8px;
}
div.C_PROJECTS > div.C_CARDS[reload="1"]
{
	opacity: 0.2;
}
div.C_PROJECTS > div.C_CARDS > div.C_BUTTON
{
	width: 100%;
	padding: 20px;
	border-radius: 8px;
	color: #CCCCCC;
	font-size: 2em;
	line-height: 1em;
}
div.C_PROJECTS > div.C_CARDS > div.C_BUTTON:hover
{
	color: #666666;
}
div.C_PROJECTS > div.C_CARDS > div.C_BUTTON > *
{
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
	line-height: inherit;
}


/* Ratio (540) */
@media screen and (max-width: 800px)
{
	#project_settings
	{
		width: 66.66vw;
		min-height: 37.03vw
	}
	#project_settings > form > div.C_OPTIONS
	{
		padding: 1.48vw 0vw 2.96vw 0vw
	}
	#project_settings > form > div.C_OPTIONS > a
	{
	}
	#project_settings > form > div.C_OPTIONS > label
	{
		margin: 1.48vw 0vw 0vw 0vw
	}
	#project_settings > form > div.C_OPTIONS:NOT([show="1"]) > label
	{
	}
	
	#project_share_exit
	{
		width: 66.66vw;
		min-height: 37.03vw
	}
	#project_share_exit > h2
	{
	}
	#project_share_exit > h2 > font
	{
	}
	#project_share_exit > h2 > b
	{
		margin: 1.48vw 0vw 0vw 0vw
	}
	#project_share_exit > center
	{
	}
	#project_share_exit > center > i.fa
	{
		font-size: 5.55vw
	}
	#project_share_exit > center > p
	{
	}
	
	
	
	#frame_init_new_project
	{
		width: 118.51vw;
		padding: 3.7vw 1.48vw 3.7vw 1.48vw
	}
	#frame_init_new_project *
	{
	}
	#frame_init_new_project > i.fa
	{
		font-size: 6.48vw
	}
	#frame_init_new_project > h2
	{
	}
	#frame_init_new_project > div.C_STEPS
	{
		padding: 3.7vw 1.85vw 0vw 3.7vw
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP
	{
		line-height: 6.66vw
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP > span
	{
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP > span > i.fa
	{
		font-size: 3.7vw
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP > font
	{
		margin: 0vw 0vw 0vw 1.48vw 
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP > b
	{
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP > b > u
	{
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP > b > i.fa-circle
	{
		font-size: 2.22vw
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP > b > i.fa-spin
	{
		font-size: 3.7vw
	}
	#frame_init_new_project > form
	{
		padding: 3.7vw 3.7vw 0vw 0vw
	}
	#frame_init_new_project[ready="1"] > form
	{
	}
	#frame_init_new_project > form > button
	{
	}
	#frame_init_new_project > form > button > i.fa
	{
	}
	
	div.C_PROJECTS
	{
	}
	div.C_PROJECTS > h2
	{
		margin: 0vw;
		padding: 0vw
	}
	div.C_PROJECTS > h2 > div.C_TABS
	{
		margin: 2.96vw 0vw 0vw 0vw;
		font-size: 0vw
	}
	div.C_PROJECTS > h2 > div.C_TABS[tabs="2"] > button {
	}
	div.C_PROJECTS > h2 > div.C_TABS[tabs="3"] > button {
	}
	div.C_PROJECTS > h2 > div.C_TABS[tabs="4"] > button {
	}
	div.C_PROJECTS > h2 > div.C_TABS[tabs="5"] > button {
	}
	div.C_PROJECTS[tab="main"] > h2 > div.C_TABS > button[tab="main"]
	,div.C_PROJECTS[tab="favorites"] > h2 > div.C_TABS > button[tab="favorites"]
	,div.C_PROJECTS[tab="archives"] > h2 > div.C_TABS > button[tab="archives"]
	,div.C_PROJECTS[tab="shared"] > h2 > div.C_TABS > button[tab="shared"]
	{
	}
	
	div.C_PROJECTS > h1
	{
	}
	div.C_PROJECTS > h1 > b
	{
	}
	div.C_PROJECTS > h1 > div.C_COMMANDS
	{
		right: 0vw
	}
	div.C_PROJECTS > h1 > div.C_COMMANDS > button
	{
	}
	div.C_PROJECTS > div.C_CARDS
	{
		border-radius: 1.48vw
	}
	div.C_PROJECTS > div.C_CARDS[reload="1"]
	{
	}
	div.C_PROJECTS > div.C_CARDS > div.C_BUTTON
	{
		padding: 3.7vw;
		border-radius: 1.48vw
	}
	div.C_PROJECTS > div.C_CARDS > div.C_BUTTON:hover
	{
	}
	div.C_PROJECTS > div.C_CARDS > div.C_BUTTON > *
	{
	}
	
	
}
/* End-Ratio */
@media screen and (max-width: 800px)
{
	#project_share_exit
	{
		width: 90vw;
		min-height: 20vw;
	}
	div.C_PROJECTS > h2 > div.C_TABS > button > *
	{
		font-size: 3.5vw;
		line-height: 5vw;
	}
	div.C_PROJECTS > h1
	{
	}
	div.C_PROJECTS > h1 > b
	{
		font-size: 4vw;
		line-height: 6vw;
	}
	div.C_PROJECTS > h1 > div.C_COMMANDS > button > *
	{
		line-height: 4vw;
		font-size: 4vw;
	}
	div.C_PROJECTS > div.C_CARDS > div.C_BUTTON
	{
		font-size: 1em;
		line-height: 1em;
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP > span > i.fa
	{
		font-size: 5vw;
	}
	#frame_init_new_project > div.C_STEPS > div.C_STEP > b
	{
		display: block;
		width: auto;
		padding: 2vw 1vw 2vw 1vw;
		margin: 0px 4vw 2vw 3vw;
		text-align: center;
		background-color: #EEEEEE;
		border-radius: 2vw;
		white-space: nowrap;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#project_settings
	{
		width: 90vw;
	}
}