.id_logo{      
	display:block;
	margin-left:auto;
	margin-right:auto;	
}

.id_search{

}

.id_mainarea{
	
}

.id_star {
	transform: rotate(0);
	transition:0.2s;
}

.id_star:hover {
	transform: rotate(-36deg);
	transition:0.2s;
}


.id_warn {
	color:#EE0000;
}

.id_small {
	font-size:1.0rem;
}

.id_modal {
    border: 1px solid #888888;
	background: rgba(255,255,255,0.8);
    border-radius: 10px;
    padding: 20px;
    min-width: 400px;
   /* box-shadow: 0 2px 10px rgba(0,0,0,0.8); */
}

.id_modal::backdrop {
  
}

.tc_button {
	height:20px;
	min-width:100px;
	padding: 2px;
	border: 1px solid #888888;
	border-radius:10px 0px 10px 0px;
	background: #FFFFFF;
	transition: 0.2s;
	margin:5px;
}

.tc_button:hover {	
	border-bottom: 1px solid #000000;
	background: #F5F5F5;
	background: #F5F5F6;
	transition: 0.2s;
}



.id_button {
	border: 0px solid #888888;
	border-bottom:1px dotted #000000;
	border-radius:10px 10px 10px 10px;
	transition:0.5s;
	vertical-align: bottom;
	height:18px;
	font-weight:bold;
	min-width:40px;
	background:#FFFFFF;
	color:#444455;
	font-size:1.4rem;
	margin:5px;
	padding-left:15px;
	padding-right:15px;
	display:inline;
}

.id_button_mark {
	background:#DDDDDD;
}

.id_button_extra {
	background:#FFF9EB;
}

.id_button:hover {
	background: #FFFFFF;
	transition:0.5s;
	
}

.id_button:hover {
	background: #EFEFEF;
	transition:0.5s;
	
}


.tc_button_X1 {
	vertical-align: top; /* or middle, or bottom */
	height:40px;
	width:calc(20% - 2px);
	min-width:40px;
	border: 1px solid #888888;
	border-radius:0px 10px 10px 0px;
	margin:0px;
	
}

.tc_button_X1a {
	vertical-align: top; /* or middle, or bottom */
	height:40px;
	width:calc(10% - 2px);
	min-width:20px;
	border: 1px solid #888888;
	border-radius:0px 0px 0px 0px;
	margin:0px;
}

.tc_mod_X1 {
	vertical-align: top; /* or middle, or bottom */
	width:calc(70% - 2px);
	border: 1px solid #000000;
	border-radius:10px 0px 0px 10px;
	margin:0px;
}

.starcontainer {
	padding:4px;
	height:50px;
}


.tc_button.tc_mod		{height:40px;padding-left:20px;}
.tc_button.tc_mod:focus	{height:40px;padding-left:20px;background:#FFFFFF;}




.tc_tab_content {

}

.tc_container_X1 {
	
    grid-template-columns: repeat(auto-fit, minmax(200px, 4fr));
	grid-template-columns: 1fr 1fr 2fr 2fr;

}

.tc_container_X1A {
	grid-template-columns: 4fr 1fr;
}

.tc_container_X1B {
	grid-template-columns: 2fr 1fr;
}

.tc_container_X1C {
	padding: 20px;
	border: 1px solid #888888;
	border-radius: 10px 10px 10px 10px;
}

.tc_container_X1C1 {
	grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
}

.tc_maincontainer_3D {
	width:100%;
	visibility:hidden;
}

.tc_container_topbar {
	padding:10px;
	height:20px;
	border-bottom:1px solid #888888;
	display: flex;
	justify-content: flex-end; 
	align-items: center;       
}

.tc_container_botbar {
	padding:10px;
	height:20px;
	border-top:1px solid #888888;
}

.tc_editbuttons {
	visibility:hidden;
}


.tc_container_3D {
	
	padding-top:0px;
	padding-bottom:0px;
	padding-left:1px;
	padding-right:1px;
}

.tc_container_X2 {
	grid-template-columns: repeat(auto-fit, minmax(400px, 4fr));
}

.tc_container_X3 {
	grid-template-columns: 1fr 7fr;
}

.tc_area_X1 {

}

.tc_link {
	transition:1.0s;
}
.tc_link:hover {
	color:#DD0000;
	transition:1.0s;
}

.tc_area_X2 {
	background: #DDDDCC;
}