/* Element Chalk Variables */
@import  "coco-variables.scss";
// @import "compass/css3";


/* 静态表格 */

div.static-table>table{ width: 100%; border-spacing:0;}
.static-table{
	
	
	// border-collapse: collapse;
	border-spacing:0;
	width: 100%;
    td,th{
		border-color: $--tab-border-color;
		border-width: 1px;
		
		/*max-width: 250px;*/
        &:first-child {padding-left: 10px}

        // 左对齐
        &.left{ text-align: left;}
        // 右对齐
        &.right{ text-align: right;}
        // 居中对齐
        &.center{ text-align: center;}
		
		&.name{ color:$--text-color-second; /*padding-left: 50px; max-width: 112px;*/ text-align: right; }
		&.title{ color:$--text-color-regular; padding-left: 0}
		&.value{
			color:$--text-color-regular; min-width: 100px; position: relative; font-weight: 700;
			&.form{ padding:4px}
		}
		
    }
    th { text-align: left; white-space: nowrap; color: $--text-color-second; font-weight: 500}
    td { color: $--text-color-regular }
	
	// 链接
	a{ color: $--text-color-regular;}
	a:hover{ color: #FF0000; text-decoration: underline;}

    // 无最后一行下边框线
    &.noLastBorder tr:last-child>td{ border-bottom-width: 0;}

	// 白纸
	&.paper{
		td,th{
			&.name:first-child{ padding-left: 0px}
		}
	}

    // 无所有边框线
    &.line{
        td,th{ border-bottom-style: solid;}
    }

    // 表格边框线
    &.border{
		border:1px solid $--tab-border-color;
		th{ background-color: #f2f2f2;}
		// th,tbody:first-child>tr:first-child td{ border-top-style:solid }
        td,th{ border-bottom-style: solid; border-left-style: solid;
			// &:last-child{ border-right-style: solid;}
			&:first-child{ border-left-style:none}
		}
		tr:last-child td{ border-bottom-style:none}
		
    }
	
	// 圆角 隔行
	&.circle{ border-collapse: separate; border-width: 0;
		// default
		th,td{ border-width: 0; box-sizing: border-box;
			// 首列
			&:first-child{ padding-left: 20px;}
			// 尾列
			// &:last-child{ padding-right: 20px;}
		}
		
		
		// thead
		th{
			border-top-width: 2px;
			border-bottom-width: 2px;
			border-style: solid;
			
			&:first-child{
				border-left-width: 2px;
				border-top-left-radius: 90px;
				border-bottom-left-radius: 90px;
			}
			
			&:last-child{
				border-right-width: 2px;
				border-top-right-radius: 90px;
				border-bottom-right-radius: 90px;
			}
		}
		// tbody
		tr:nth-child(even)>td{
			border-top-width: 1px;
			border-bottom-width: 1px;
			border-style: solid;
			// border-color: $--tab-border-color;
			background-color: #fafafa;

			&:first-child{
				border-left-width: 1px;
				border-top-left-radius: 90px;
				border-bottom-left-radius: 90px;
			}
			
			&:last-child{
				border-right-width: 1px;
				border-top-right-radius: 90px;
				border-bottom-right-radius: 90px;
			}
		}
		
		
		// default light
		th{
			border-color: $--tab-border-color;
			background-color: #f2f2f2;
		}
		
		
		// red
		&.red{
			tr>th{
				border-color: rgba(213,0,10,.5);
				background-color: rgba(213,0,10,0.2);
				color: rgb(72,0,0);
			}
			tr:nth-child(even)>td{
				border-color: rgba(213,0,10,0.3);
				background-color: rgba(213,0,10,0.1);
				
			}
			tr>td{
				color: rgba(72,0,0,.8);
			}
		}
	}
	
	
	&.none{
		height: 100%;
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzEuMjE3IiBoZWlnaHQ9IjE4My42MSIgdmlld0JveD0iMCAwIDEzMS4yMTcgMTgzLjYxIj4KICA8ZyBpZD0i57uEXzg1MiIgZGF0YS1uYW1lPSLnu4QgODUyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQyOC4zOTIgLTIxMzEuMzkpIiBvcGFjaXR5PSIwLjUiPgogICAgPHRleHQgaWQ9IuaaguaXoOaVsOaNriIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ1MiAyMzEwKSIgZmlsbD0iIzAwZjVmYyIgZm9udC1zaXplPSIxNiIgZm9udC1mYW1pbHk9IlBpbmdGYW5nU0MtUmVndWxhciwgUGluZ0ZhbmcgU0MiPjx0c3BhbiB4PSIwIiB5PSIwIj7mmoLml6DmlbDmja48L3RzcGFuPjwvdGV4dD4KICAgIDxnIGlkPSLmmoLml6DmlbDmja4tMiIgZGF0YS1uYW1lPSLmmoLml6DmlbDmja4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzODAuNjU2IDIxMzAuODc3KSI+CiAgICAgIDxwYXRoIGlkPSLot6/lvoRfMTMwMyIgZGF0YS1uYW1lPSLot6/lvoQgMTMwMyIgZD0iTTE3Mi4wNjEsMjQ1LjU0N0gxNzAuMzJhMS43NDIsMS43NDIsMCwwLDAtLjE0NSwzLjQ4MmgxLjg4NnYxLjc0MWExLjc0MiwxLjc0MiwwLDAsMCwzLjQ4Miwwdi0xLjc0MWgxLjc0MWExLjgxOCwxLjgxOCwwLDAsMCwxLjY2OC0xLjgxMywxLjc5NCwxLjc5NCwwLDAsMC0xLjY2OC0xLjY2OGgtMS43NDF2LTEuNzQxYTEuNzQyLDEuNzQyLDAsMCwwLTMuNDgyLDB2MS43NDFaTTQ3LjczNSwyMTYuMDI1YTMuMTU2LDMuMTU2LDAsMCwwLDQuNzE1LDIuNjg0LDMuMjM4LDMuMjM4LDAsMCwwLDEuNi0yLjY4NCwzLjE1NiwzLjE1NiwwLDAsMC00LjcxNS0yLjY4NCwzLjA4MSwzLjA4MSwwLDAsMC0xLjYsMi42ODQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTE4Mi4zNjMpIiBmaWxsPSIjMDBmNWZjIi8+CiAgICAgIDxwYXRoIGlkPSLot6/lvoRfMTMwNSIgZGF0YS1uYW1lPSLot6/lvoQgMTMwNSIgZD0iTTE5MS44ODIsNTgwLjc5NEg5MS44NTZWNTQ3LjQyOGguNDM1TDEwOC42ODQsNTA3LjloNjYuNDQybDE2LjM5MywzOS42aC4yOWwuMTQ1Ljk0My0uMDczLDMyLjM1MVptLTk4LjE0LTEuODE0SDE5MGwtLjA3My0zMC4xNzUtMTYuMS0zOS4wMjRoLTYzLjlsLTE2LjE3NSwzOS4xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3Ljg4MiAtNDM1LjY0NSkiIGZpbGw9IiMwMGY1ZmMiLz4KICAgICAgPHBhdGggaWQ9Iui3r+W+hF8xMzA2IiBkYXRhLW5hbWU9Iui3r+W+hCAxMzA2IiBkPSJNMTE5Ljk4Nyw2OTcuMmwtMTUuMyw0My42NjYsMS45NTguNjUzLDE1LjMtNDMuNjY2Wm02NS44NjIsMCwxNS4zLDQzLjY2Ni0xLjk1OC42NTMtMTUuMy00My42NjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDguODk1IC01OTguMTg2KSIgZmlsbD0iIzAwZjVmYyIvPgogICAgICA8cGF0aCBpZD0i6Lev5b6EXzEzMDgiIGRhdGEtbmFtZT0i6Lev5b6EIDEzMDgiIGQ9Ik0xOTEuODgyLDIwMS4wOTFIOTEuODU2VjE2Ny43MjVoMzkuNTMybC4wNzMuODdhMTAuNDA2LDEwLjQwNiwwLDAsMCwyMC43NDUsMGwuMDczLS44N2gzOS41MzJabS05OC4xNC0xLjgxNEgxOTBWMTY5LjY4M0gxNTQuMDE4YTEyLjMzMSwxMi4zMzEsMCwwLDEtMjQuMzcyLDBIOTMuNzQxWm04OS44LTEwOC41ODUsMTQuNTgsNi4yMzgsOC4zNDItMzEuMjYzWm0yMi45MjEtMjUuMDI1LTM5LjYsMTguNzg3LDEyLjQ3Niw2LjIzOCwyNy4xMjgtMjUuMDI1Wk0xODMuNTQsOTIuNzIzdjEwLjQ0NWw2LjIzOC02LjIzOC02LjIzOC00LjIwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNy44ODIgLTU1Ljk0MikiIGZpbGw9IiMwMGY1ZmMiLz4KICAgICAgPHBhdGggaWQ9Iui3r+W+hF8xMzEwIiBkYXRhLW5hbWU9Iui3r+W+hCAxMzEwIiBkPSJNMjc2LjUxMiw1MzcuMDU1aC02Ni42NlY1MDcuOWg2Ni42NlptLTY0Ljc3NC0xLjg4NkgyNzQuN3YtMjUuNDZIMjExLjczOHYyNS40NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzkuMTk1IC00MzUuNjQ1KSIgZmlsbD0iIzAwZjVmYyIvPgogICAgICA8cGF0aCBpZD0i6Lev5b6EXzEzMTEiIGRhdGEtbmFtZT0i6Lev5b6EIDEzMTEiIGQ9Ik0zMjkuMDIyLDkyLjkyM2wzLjctMS45NThhLjk3NC45NzQsMCwwLDAsLjM2My0xLjM3OCwxLjA2MSwxLjA2MSwwLDAsMC0xLjM3OC0uNDM1Yy0xLjIzMy42NTMtMi40NjYsMS4zMDYtMy43LDEuODg2YTEsMSwwLDAsMC0uNDM1LDEuMzc4LDEuMDQ4LDEuMDQ4LDAsMCwwLDEuNDUxLjUwOG03LjQtMy45ODljMS4yMzMtLjcyNSwyLjM5NC0xLjQ1MSwzLjU1NC0yLjI0OWExLjA0NiwxLjA0NiwwLDAsMC0xLjE2MS0xLjc0MXEtMS43NDEsMS4yLTMuNDgyLDIuMTc2YS45ODguOTg4LDAsMCwwLS4zNjMsMS4zNzgsMS4wOCwxLjA4LDAsMCwwLDEuNDUxLjQzNVptNi45NjMtNC43MTVhNDAuMjA3LDQwLjIwNywwLDAsMCwzLjI2NC0yLjY4NCwxLjAyNywxLjAyNywwLDEsMC0xLjM3OC0xLjUyM2MtLjk0My44Ny0yLjAzMSwxLjc0MS0zLjExOSwyLjYxMWExLjAzNSwxLjAzNSwwLDAsMC0uMTQ1LDEuNDUxLDEuMDg3LDEuMDg3LDAsMCwwLDEuMzc4LjE0NW02LjM4My01LjczYTM4LjU3MSwzOC41NzEsMCwwLDAsMi42ODQtMy4zMzcsMS4wMzMsMS4wMzMsMCwwLDAtLjI5LTEuMzc4LDEuMTIxLDEuMTIxLDAsMCwwLTEuNDUxLjIxOCwyNi40NTYsMjYuNDU2LDAsMCwxLTIuNTM5LDMuMTE5LDEuMDI4LDEuMDI4LDAsMCwwLC4wNzMsMS40NTEsMS4xMjIsMS4xMjIsMCwwLDAsMS41MjMtLjA3M200LjkzMi03LjE4MWExLjAzOSwxLjAzOSwwLDEsMS0xLjg4Ni0uODd2LS4wNzNhMjUuNTIxLDI1LjUyMSwwLDAsMCwxLjM3OC0zLjcsMS4wMzgsMS4wMzgsMCwwLDEsMS4zMDYtLjcyNSwxLjA1NCwxLjA1NCwwLDAsMSwuNzI1LDEuMjMzLDIwLjEyOCwyMC4xMjgsMCwwLDEtMS41MjMsNC4xMzVtMi4wMzEtOC40ODdhOC41Nyw4LjU3LDAsMCwwLTEuNTIzLTQuNSwxLjA0NiwxLjA0NiwwLDAsMC0xLjc0MSwxLjE2MSw2LjYwNyw2LjYwNywwLDAsMSwxLjE2MSwzLjQwOSwxLjA1NiwxLjA1NiwwLDAsMCwxLjE2MS45NDMuOS45LDAsMCwwLC45NDMtMS4wMTVtLTUuMDc3LTcuNTQ0YTEzLjQyMSwxMy40MjEsMCwwLDAtNC4yOC0xLjM3OCwxLjEyNywxLjEyNywwLDAsMC0xLjAxNi4zNjMsMS4wNDcsMS4wNDcsMCwwLDAsLjY1MywxLjY2OCwxMi40NzksMTIuNDc5LDAsMCwxLDMuNjI3LDEuMTYxLjk4OC45ODgsMCwwLDAsMS4wODgsMCwxLjI0LDEuMjQsMCwwLDAsLjUwOC0uOTQzLDEuMDc1LDEuMDc1LDAsMCwwLS41OC0uODdNMzQyLjczMSw1My45YTguNjM4LDguNjM4LDAsMCwwLTQuMzUyLDEuOTU4LDEuMDMyLDEuMDMyLDAsMCwwLS4wNzMsMS40NTEsMS41MTcsMS41MTcsMCwwLDAsLjQzNS4yOSwxLjI1OSwxLjI1OSwwLDAsMCwxLjAxNS0uMjE4LDcuMTgsNy4xOCwwLDAsMSwzLjI2NC0xLjQ1MSwxLjA0NiwxLjA0NiwwLDAsMCwuOC0uNjUzLjk3NS45NzUsMCwwLDAtLjY1My0xLjMwNmMtLjA3My0uMDczLS4yOS0uMDczLS40MzUtLjA3M20tNS42NTgsNi45NjNhMTAuNzc3LDEwLjc3NywwLDAsMCwyLjM5NCwzLjk4OSwxLjAyNywxLjAyNywwLDEsMCwxLjUyMy0xLjM3OCw5LjI0NCw5LjI0NCwwLDAsMS0xLjk1OC0zLjE5Mi45MzIuOTMyLDAsMCwwLS43MjUtLjcyNSwxLjA3NywxLjA3NywwLDAsMC0xLjAxNi4yOSwxLjI1OSwxLjI1OSwwLDAsMC0uMjE4LDEuMDE2bTUuODc1LDYuOTYzYTEzLjgzNywxMy44MzcsMCwwLDAsNC4wNjIsMS44ODYsMS4xLDEuMSwwLDAsMCwxLjMwNi0uNzI1Ljk5NC45OTQsMCwwLDAtLjcyNS0xLjIzMywxNS4xNDMsMTUuMTQzLDAsMCwxLTMuNDgyLTEuNiwxLjAxNywxLjAxNywwLDAsMC0xLjM3OC4yOS45NTIuOTUyLDAsMCwwLC4yMTgsMS4zNzhtOC41NTksMi40NjZhMS4wNTIsMS4wNTIsMCwwLDEtLjA3My0yLjEsMTcuMDUzLDE3LjA1MywwLDAsMCwzLjg0NC0uNjUzLjkuOSwwLDAsMSwxLjAxNi4yMTgsMS4wMjgsMS4wMjgsMCwwLDEsLjA3MywxLjQ1MSwxLjE2OSwxLjE2OSwwLDAsMS0uNTA4LjI5LDE3LjExMiwxNy4xMTIsMCwwLDEtNC4zNTIuOG04LjYzMi0yLjYxMWEzNy42LDM3LjYsMCwwLDAsMy42MjctMi4yNDksMS4wNjgsMS4wNjgsMCwwLDAtMS4yMzMtMS43NDEsMzYuMzUzLDM2LjM1MywwLDAsMS0zLjQwOSwyLjEuOTQzLjk0MywwLDAsMC0uNTguODcsMS4wNTcsMS4wNTcsMCwwLDAsLjUwOC45NDMuODc3Ljg3NywwLDAsMCwxLjA4OC4wNzNtNi44MTgtNC43ODdjMS4wODgtLjk0MywyLjEtMS44ODYsMy4xMTktMi45QTEuMDI4LDEuMDI4LDAsMCwwLDM3MCw1OC41NDFhMS4xLDEuMSwwLDAsMC0xLjQ1MSwwYy0uOTQzLjk0My0xLjk1OCwxLjg4Ni0yLjk3NCwyLjgyOWExLjAzMiwxLjAzMiwwLDAsMC0uMDczLDEuNDUxLDEuMiwxLjIsMCwwLDAsMS40NTEuMDczbTYuMDItNi4xNjZhMzcuNjc1LDM3LjY3NSwwLDAsMCwyLjYxMS0zLjMzNywxLjEyMSwxLjEyMSwwLDAsMC0uMjE4LTEuNDUxLDEuMDM1LDEuMDM1LDAsMCwwLTEuNDUxLjE0NWMtLjgsMS4wODgtMS42NjgsMi4xNzYtMi41MzksMy4xOTJhMS4wMzUsMS4wMzUsMCwwLDAsLjE0NSwxLjQ1MS45NjguOTY4LDAsMCwwLDEuNDUxLDBtNS4xNS02Ljg5MWMuOC0xLjE2MSwxLjUyMy0yLjMyMSwyLjI0OS0zLjU1NGExLjA1NywxLjA1NywwLDAsMC0xLjgxMy0xLjA4OGwtMi4xNzYsMy40ODJhLjk4NC45ODQsMCwwLDAtLjA3MywxLjA4OC45NDIuOTQyLDAsMCwwLC44Ny41OC45MjkuOTI5LDAsMCwwLC45NDMtLjUwOG00LjI4LTcuMTA4Yy40MzUtLjguOC0xLjUyMywxLjIzMy0yLjMyMWExLjAzOCwxLjAzOCwwLDAsMC0uNTgtMS4zNzgsMS4wMiwxLjAyLDAsMCwwLTEuMzA2LjQzNWMtLjM2My44LS44LDEuNTIzLTEuMTYxLDIuMjQ5YS45OC45OCwwLDAsMCwuNDM1LDEuMzc4LjkxMS45MTEsMCwwLDAsMS4zNzgtLjM2M00zNDQuMTgyLDEwLjY2OGE1LjA3Nyw1LjA3NywwLDEsMSw1LjA3Ny01LjA3Nyw1LjA5Miw1LjA5MiwwLDAsMS01LjA3Nyw1LjA3N20wLTguMzQyYTMuMjY0LDMuMjY0LDAsMSwwLDMuMjY0LDMuMjY0LDMuMzQ2LDMuMzQ2LDAsMCwwLTMuMjY0LTMuMjY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQwLjE1OSkiIGZpbGw9IiMwMGY1ZmMiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
	}
	
}




.xl{
	&.static-table{
		td,th{ padding: 4px 20px; height: 65px;}
		.form{ padding: 4px;}
	}
}
.md{
	&.static-table{
		td,th{ padding: 4px 12px; height:50px }
		.form{ padding: 4px;}
	}
}
.sm{
	&.static-table{
		td,th{ padding: 4px 8px; height: 40px;}
		.form{ padding: 4px;}
	}
}
.xs{
	&.static-table{
		td,th{ padding: 2px 8px; height: 32px;}
		.form{ padding: 4px;}
	}
}








.dark .static-table{
	// rgb(30,112,255)
	border-width: 2px;
	border-color: $--static-table-border-color-dark;
	border-radius: 4px; overflow: hidden;
	th{
		border-color: $--static-table-border-color-dark;
		// border-top-style: solid;
		background-color: rgba(30,112,255,0.3);
		color: #3fcef1;
	}
	td{
		border-color: $--static-table-line-color-dark;
		color: rgba(255,255,255,.8);
	}
	tr:nth-child(even)>td{
		background-color: $--static-table-even-color-dark;
	}
	
	a{ color: rgba(255,255,255,.8);
		&:hover{ color: rgb(255,255,255);}
	}
}