html
	{
		height: 100vh;
	}
	body
	{
		height: 100vh;
	}


	.sindel_document h1
	{
		font-size: 60px;
		font-weight: bold;
	}
	.sindel_document h2
	{
		font-size: 40px;
		font-weight: bold;
	}
	.sindel_document h2:after{
    	content: " ■";
	}

	.sindel_document h3
	{
		font-size: 32px;
	}
	.sindel_document h3:after{
    	content: " □";
	}

	.sindel_document h4
	{
		font-size: 24px;
	}

	.sindel_document dt:before{
		content: "〉";
	}
	.sindel_document dd{
		padding-left: 14px;
	}

	.sindel_code
	{
		background-color: #eeeeee;
		border-radius: 2px;
	}

	.sindel_code>code
	{
		
		line-height: 1;
	}


	/* COMPONENTS ======================================================================== */

	.sindel_hrefonclick:hover
	{
		cursor: pointer;
	}

	/* FORMS ======================================================================== */

	.sindel_form_field_error
	{
		border-color: #a00000;
	}


	/* DEBUG PAGE ======================================================================== */

	#sindel_debug_button
	{
		z-index:1000001;
		background-color:#a00000;
		color:#ffffff;
		padding:4px;
		cursor:context-menu;
		position:fixed;
		bottom:10px;
		left:10px;
		box-shadow: 4px 4px 4px #000000;
		border:1px solid #ffffff;
		border-radius:4px;
	}

	#sindel_debug_online
	{
		display:none;
		z-index:1000002;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100vh;
		background-color:#dddddd;
		color:#222222;
		padding:10px;
	}

	#sindel_debug_online .sindel_debug_menu
	{
		width:300px;
		background-color:#ffffff;
		border: 2px solid #222222;
        border-radius:4px;
        box-shadow: 8px 8px 16px #888888;
        height: auto; 
	}

	#sindel_debug_online .title
	{
		padding:10px;
		background-color: #cccccc;
		font-size: 16px;
		font-weight: bold;
	}

	#sindel_debug_online .close
	{
		font-weight: bold;
		display: inline-block;
		float:right;
	}



	#sindel_debug_online .performance
	{
		padding: 10px;
		font-size: 10px;
		border-top:1px solid #222222;
	}

	#sindel_debug_online .performance .attribute
	{
		display:inline-block;
		width:80px;
	}

	#sindel_debug_list
	{
		list-style-type: none;
		padding:10px;
		margin:0px;
		padding-top:10px;
	}

	#sindel_debug_list li
	{
		cursor:default;
	}

	#sindel_debug_list li:hover
	{
		color: #a00000;
	}


	#sindel_debug_list li.active
	{
		font-weight: bold;
	}

	#sindel_debug_online .sindel_debug_content
	{
		flex-grow:1;
		margin-left:20px;
		padding-left:20px;
		padding-right:20px;
		width:100%;
		height:100vh;
		background-color:#dddddd;
		border-radius:4px;
		overflow:scroll;
		padding-bottom: 40px;

		padding-top: 20px;
		background-color:#ffffff;
		border: 2px solid #222222;
        border-radius:4px;
        box-shadow: 8px 8px 16px #888888;
	}

	#sindel_debug_online .log_row
	{
		display:flex;
		width:100%;
	}

	#sindel_debug_online .log_section
	{ 
		padding-top: 10px;
		border-bottom:1px solid #222222;
		font-weight: bold;
	}

	#sindel_debug_online .log_info    { color: #222222; }
	#sindel_debug_online .log_debug   { color: #888888; }
	#sindel_debug_online .log_warning { color: #888822;  }
	#sindel_debug_online .log_error   { color: #882222;  }
	#sindel_debug_online .log_date    { flex-shrink: 0; width:180px; }
	#sindel_debug_online .log_icon    { flex-shrink: 0; width:20px; text-align:center;font-weight: bold; }
	#sindel_debug_online .log_text    { flex-shrink: 1; word-wrap: break-words;}