@property --backgroundColor {
  syntax: "<color>";
  inherits: false;
  initial-value: #99bfe6;
}

@property --backgroundColor2 {
  syntax: "<color>";
  inherits: false;
  initial-value: #dbe9f2;
}

@property --backgroundColor3 {
  syntax: "<color>";
  inherits: false;
  initial-value: #ebf2f3;
}

body {
	xbackground-color:#aaaaaa;
	font-family:arial,serif;
}

body.back_edit {	
	background-color:#fffff1;
}

body.back_list {
	background-color:white;
}

table.head_cls,
table.data_cls{
	border-spacing:0;
	border-collapse:collapse;
	border: 3px solid var(--backgroundColor);
	table-layout:fixed;
}

table.data_cls tr:nth-child(odd) {  background-color: white; }
table.data_cls tr:nth-child(even){  background-color: var(--backgroundColor2); }

table.preview_cls {
	border-spacing:1;
	border-collapse:collapse;
	border: 3px solid var(--backgroundColor);
	table-layout:fixed;
}

table.preview_cls td {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	font-size:10pt; 
	font-family:arial,serif;	
	font-weight:bold;
	height:30px;
}

label {
	font-size:10pt; 
	font-family:arial,serif;
	font-weight:normal;
}

table.foot_cls td,
table.head_cls th,
table.data_cls td {
	_border:1px solid #000;
	overflow:hidden;
}

table.head_cls th,
table.data_cls th {
    outline: 0;
    border: 0;
    color: #fff;
    background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% );
    font-size:10pt;
    font-weight:normal;
    height:26px;
}

table.data_cls td {
	border-spacing:1;
	border-collapse:collapse;
	table-layout:fixed;

	font-size:10pt; 
	font-family:arial,serif;
	font-weight:normal;

	height:30px;
}

table.preview_cls td {
	border-spacing:1;
	border-collapse:collapse;
	table-layout:fixed;

	font-size:10pt; 
	font-family:arial,serif;
	font-weight:normal;

	height:30px;
}

table.thin_table td {
	 height: 10px;	 
	 font-size:10pt;
	 border: 0px; 
}

table.edit_check td {
	border:1px solid;

	font-size:10pt;
	font-family:arial,serif;
	color:#000;
	background-color:#EAF2D3;
	height:10px;
}

table.edit_cls td {
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid;
	table-layout:fixed;
	border:1px solid #888;
	overflow:hidden;

	font-size:10pt; 
	font-family:arial,serif;
	color:#000;
	background-color:#EAF2D3;
	height:30px;
}

input[type=button], input[type=submit], input[type=file], .hrefCss {
                display: inline-block;
                outline: 0;
                border: 0;
                cursor: pointer;
                will-change: box-shadow, transform;
                background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% );
                box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgb(58 65 111 / 50%);
                padding: 0 4px;
                border-radius: 6px;
                color: #fff;
                height: 26px;
                font-size: 12px;
}


.hrefCss {
    font-weight:normal;
    height: 16px;
}

.container-content {
	margin-top:10px;
	margin-left:20px;
	width: 960px;
	_background-color: silver;
}

.container-content1 {
	width: 840px;
	margin-left: 20px;
	_background-color: silver;
}

.center-content{
	text-align:center;
	_padding: 10px;
    font-size: 16px;
    _background-color: silver;
}

.logo {
    padding-left: 20px;
    padding-right: 30px;
	width: 100px;
	height: 50px;
}

.next-to-logo {
}

.distinction {
    color: red;
}

.has-error {
    color: red;
}

.has-info {
    color: rgb(0, 0, 160);
}

.has-msg {
    display: inline-block;
    width: 50%;
}

_html {
    background-color: #e5e5f7;
    background-size: 20px 35px;
    background-image:  linear-gradient(30deg, #ccddeb 12%, transparent 12.5%, transparent 87%, #ccddeb 87.5%, #ccddeb), linear-gradient(150deg, #ccddeb 12%, transparent 12.5%, transparent 87%, #ccddeb 87.5%, #ccddeb), linear-gradient(30deg, #ccddeb 12%, transparent 12.5%, transparent 87%, #ccddeb 87.5%, #ccddeb), linear-gradient(150deg, #ccddeb 12%, transparent 12.5%, transparent 87%, #ccddeb 87.5%, #ccddeb), linear-gradient(60deg, #ccddeb77 25%, transparent 25.5%, transparent 75%, #ccddeb77 75%, #ccddeb77), linear-gradient(60deg, #ccddeb77 25%, transparent 25.5%, transparent 75%, #ccddeb77 75%, #ccddeb77);
    background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
}