@import url("normalize.css");
/*@import url("bootstrap.css");/**/
:root {
	--default-font: system-ui, -apple-system, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	--paint-dark: #222F;
	--paint-dark-transparent: #2220;
	--paint-light: #FFFF;
	--paint-light-transparent: #FFF0;
	--paint-mid-light: #CCCF;
	--paint-mid-light-transparent: #CCC0;
	--paint-mid: #666F;
	--paint-mid-transparent: #6660;
	--paint-bg-dark: #222F;
	--paint-bg-dark-transparent: #2220;
	--paint-bg-light: #FFFF;
	--paint-bg-light-transparent: #FFF0;
	--paint-bg-mid-light: #CCCF;
	--paint-bg-mid-light-transparent: #CCC0;
	--paint-bg-mid: #666F;
	--paint-bg-mid-transparent: #6660;
	--paint-bg-default:#60D;
	--paint-bg-default-transparent:#60D5;
	--common-none: 0;
	--common-low: 25%;
	--common-mid: 50%;
	--common-high: 75%;
	--common-full: 100%;
	--common-width-xs: 480px;
	--common-width-s: 600px;
	--common-width-m: 1024px;
	--common-width-l: 1280px;
	--common-width-xl: 1440px;
	--paint-main-border: #666;
	--paint-main-border-half-transparent: #6666; --element-teint-dark-level
	: 33%;
	--gardient-background: linear-gradient(0deg, var(--paint-bg-default) 0%, var(--paint-bg-default-transparent) 100%);
	--element-teint-dark-level2: 90%;
	--element-teint-dark-gardient: linear-gradient(0deg, color-mix(in srgb, black var(--element-teint-dark-level
		), var(--paint-bg-light-transparent)) 0%,
		color-mix(in srgb, var(--paint-bg-dark)
		var(--element-teint-dark-level2), var(--paint-bg-light))
		calc(0% + var(--element-teint-borderblur-distance)),
		var(--paint-bg-dark) var(--element-teint-centerline-pos),
		color-mix(in srgb, var(--paint-bg-dark)
		var(--element-teint-dark-level2), var(--paint-bg-light))
		calc(100% - var(--element-teint-borderblur-distance)),
		color-mix(in srgb, black var(--element-teint-dark-level),
		var(--paint-bg-light-transparent)) 100%);
	--element-teint-dark-gardient-upsidedown: linear-gradient(0deg, color-mix(in srgb, black var(--element-teint-dark-level
		), var(--paint-bg-light-transparent)) 0%,
		color-mix(in srgb, var(--paint-bg-dark)
		var(--element-teint-dark-level2), var(--paint-bg-light))
		calc(0% + var(--element-teint-borderblur-distance)),
		var(--paint-bg-dark) calc(100% - var(--element-teint-centerline-pos)),
		color-mix(in srgb, var(--paint-bg-dark)
		var(--element-teint-dark-level2), var(--paint-bg-light))
		calc(100% - var(--element-teint-borderblur-distance)),
		color-mix(in srgb, black var(--element-teint-dark-level),
		var(--paint-bg-light-transparent)) 100%);
	--element-teint-light-level: 35%;
	--element-teint-light-level2: 90%;
	--element-teint-light-gardient-border-lr: linear-gradient(90deg, var(--paint-main-border-half-transparent)
		0px, var(--paint-light-transparent) 1px,
		var(--paint-light-transparent) calc(100% - 1px),
		var(--paint-main-border-half-transparent) 100%);
	--element-teint-light-gardient-topside: color-mix(in srgb, white var(--element-teint-light-level),
		var(--paint-bg-dark-transparent)) 0%,
		color-mix(in srgb, var(--paint-bg-light)
		var(--element-teint-light-level2), var(--paint-bg-dark))
		calc(0% + var(--element-teint-borderblur-distance));
	--element-teint-light-gardient-downside: color-mix(in srgb, var(--paint-bg-light)
		var(--element-teint-light-level2), var(--paint-bg-dark))
		calc(100% - var(--element-teint-borderblur-distance)),
		color-mix(in srgb, white var(--element-teint-light-level),
		var(--paint-bg-dark-transparent)) 100%;
	--element-teint-light-gardient-centerline: var(--paint-bg-light)
		var(--element-teint-centerline-pos);
	--element-teint-light-gardient-centerline-upsidedown: var(--paint-bg-light)
		calc(100% - var(--element-teint-centerline-pos));
	--element-teint-light-gardient: var(--element-teint-light-gardient-border-lr),
		linear-gradient(0deg, var(--element-teint-light-gardient-topside),
		var(--element-teint-light-gardient-centerline),
		var(--element-teint-light-gardient-downside));
	--element-teint-hover: linear-gradient(0deg, color-mix(in srgb, white var(--paint-bg-mid)
		var(--common-low), var(--paint-bg-mid-transparent)) 0%,
		color-mix(in srgb, white var(--paint-bg-mid) var(--common-mid),
		var(--paint-bg-mid-transparent)) 50%,
		color-mix(in srgb, white var(--paint-bg-mid) var(--common-low),
		var(--paint-bg-mid-transparent)) 100%,);
	--element-teint-centerline-pos: 70%;
	--element-teint-borderblur-distance: 2px;
	--element-teint-dark-level: 33%;

	--border-size:0px;
}

html, body {
	font-family: var(--default-font);
	font-size: 1rem;
	font-weight: 400;
	min-height: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
	background: url('../img/bg-orig.jpg') no-repeat center center fixed;/**/
	background-size: cover;
	/*font-family:Verdana, sans-serif, Arial, Helvetica;*/
	/*font-size:12px;*/
}

body {
/*	background: url('../img/bg-orig.jpg') no-repeat center center fixed;!**!*/
/*	background: var(--gardient-background);*/
/*	background-color: var(--paint-bg-default);*/
}

header, main, footer {
	margin: 0;
	padding: 10px;
}

footer {
	/* background: color-mix(in srgb, var(--paint-bg-dark) var(--common-full), var(--paint-bg-dark-transparent));/**/
	color: var(--paint-light);
	border-radius: 0 0 5px 5px;
	/* position: absolute;
    bottom:0; */
	margin-top: 5px;
	/*    width: 100%;*/
}

a {
	color: #6969ff;
}

input, textarea {
	margin:0;
	padding: 0;
	--border-size: 1px;
	/*width:calc(100% - var(--border-size) * 2)/**/
}

.element-teint-light {
	color: var(--paint-dark);
	background-color: var(--paint-bg-light);
	background: var(--element-teint-light-gardient);
	/*background: linear-gradient(
 	0deg,
 	color-mix(in srgb, white var(--element-teint-light-level), var(--paint-bg-dark-transparent)) 0%,
 	color-mix(in srgb, var(--paint-bg-light) var(--element-teint-light-level2), var(--paint-bg-dark))  calc(0% + var(--element-teint-borderblur-distance)),
 	var(--paint-bg-light) var(--element-teint-centerline-pos),
 	color-mix(in srgb, var(--paint-bg-light) var(--element-teint-light-level2), var(--paint-bg-dark))  calc(100% - var(--element-teint-borderblur-distance)),
 	color-mix(in srgb, white var(--element-teint-light-level), var(--paint-bg-dark-transparent)) 100%);/**/
}

.element-teint-dark {
	color: var(--paint-light);
	background-color: var(--paint-bg-dark);
	background: var(--element-teint-dark-gardient);
	/*background: linear-gradient(0deg, var(--paint-bg-dark) 0%, color-mix(in srgb, black var(--common-full), white) 33%, var(--paint-bg-dark) 100%);/**/
	/*background: linear-gradient(0deg, var(--paint-bg-dark) 0%, color-mix(in srgb, black var(--element-teint-dark-level), white) 25%, var(--paint-bg-dark) 50%);/**/
	/*background: linear-gradient(
 	0deg,
 	color-mix(in srgb, black var(--element-teint-dark-level), var(--paint-bg-light-transparent)) 0%,
 	color-mix(in srgb, var(--paint-bg-dark) var(--element-teint-dark-level2), var(--paint-bg-light))  calc(0% + var(--element-teint-borderblur-distance)),
 	var(--paint-bg-dark) var(--element-teint-centerline-pos),
 	color-mix(in srgb, var(--paint-bg-dark) var(--element-teint-dark-level2), var(--paint-bg-light))  calc(100% - var(--element-teint-borderblur-distance)),
 	color-mix(in srgb, black var(--element-teint-dark-level), var(--paint-bg-light-transparent)) 100%);/**/
}


#main_content {
	border-radius: 2px;
	/*background-color: linear-gradient(var(--paint-bg-light) var(--common-mid), var(--paint-bg-dark) var(--common-low));*/
	background-color: color-mix(in srgb, var(--paint-bg-light)
		var(--common-high), var(--paint-bg-light-transparent));
	margin: 5px;
	padding: 5px 5px 25px 5px;
}

#content_center {
	text-align: left;
	width: 90%;
	min-width: 350px;
	margin: 0 auto;
	background: color-mix(in srgb, var(--paint-light) var(--common-high),
		var(--paint-bg-light-transparent));
	backdrop-filter: blur(5px);
	border-radius: 5px;
	position: relative;
	top: 20px;
}
#form-line-template, #assign_csv_cols {
	display: none;
	/* visibility: hidden; */
}

.flexCol:has(>.paginationLink) {
	padding:0 5px;
}
.flexCol .paginationLink > span {
	vertical-align:middle;
}
.flexCol .paginationLink {
	text-align:center;
	height:100%;
	text-decoration:none;
	background:var(--paint-bg-mid-light);
	color:var(--paint-dark);
	border-radius:3px;
}
.flexCol.currentPage .paginationLink {
	background:var(--paint-bg-mid);
	color:var(--paint-light);
}
.flexCol .paginationLink:hover {
	
	background:var(--paint-dark);
	color:var(--paint-light);
	border-radius:5px;
}


#main_content {
	/*min-height:500px;*/
    /*color: #0000;*/

    /*background:*/

    	/* winkel oben links */
        /*radial-gradient(circle at calc(100%) 10px, #0006 0px, #0006 10px) 5px 5px,
        linear-gradient(0deg, #0006 0%, #0006 100%) 15px 5px,
        linear-gradient(90deg, #0006 0%, #0006 100%) 5px 15px,
        /**/

		/* winkel oben rechts */
        /*radial-gradient(circle at calc(100%) 10px, #0006 0px, #0006 10px) calc(100% - 5px) 5px,
        linear-gradient(0deg, #0006 0%, #0006 100%) calc(100% - 15px) 5px,
        linear-gradient(90deg, #0006 0%, #0006 100%) calc(100% - 5px) 15px,
        /**/

		/* winkel unten links */
        /*radial-gradient(circle at calc(100%) 10px, #0006 0px, #0006 10px) 5px calc(100% - 5px),
        linear-gradient(0deg, #0006 0%, #0006 100%) 15px calc(100% - 5px),
        linear-gradient(90deg, #0006 0%, #0006 100%) 5px calc(100% - 15px),
        /**/

		/* winkel unten rechts */
        /*radial-gradient(circle at calc(100%) 10px, #0006 0px, #0006 10px) calc(100% - 5px) calc(100% - 5px),
        linear-gradient(0deg, #0006 0%, #0006 100%) calc(100% - 15px) calc(100% - 5px),
        linear-gradient(90deg, #0006 0%, #0006 100%) calc(100% - 5px) calc(100% - 15px),
        /**/

        /*linear-gradient(0deg, #F00F 0%, #F000 100%) 10px 0px, /*Linie oben*/
        /*linear-gradient(0deg, #F000 0%, #F00F 100%) 10px 100%, /*Linie unten*/
        /*linear-gradient(90deg, #F000 0%, #F00F 100%) 0% 10px, /*Linie links*/
        /*linear-gradient(90deg, #F00F 0%, #F000 100%) 100% 10px, /*Linie rechts*/


        /*radial-gradient(circle at calc(100%) 10px, #F00F 0px, #F000 10px) 0 0, /*Bogen oben links*/
        /*radial-gradient(circle at calc(100% - 10px) 10px, #F00F 0px, #F000 10px) 100% 0, /*Bogen oben rechts*/
        /*radial-gradient(circle at calc(100%) 0px, #F00F 0px, #F000 10px) 0 100%, /*Bogen unten links*/
        /*radial-gradient(circle at calc(100% - 10px) 0px, #F00F 0px, #F000 10px) 100% 100% /*Bogen unten rechts*/
        /*
        ;
        /**/



  	/*background-size:*/
  		/* winkel oben links */
  		/*10px 10px,
  		30px 10px,
  		10px 30px,
  		/**/

		/* winkel oben rechts */
  		/*10px 10px,
  		30px 10px,
  		10px 30px,
  		/**/

		/* winkel unten links */
  		/*10px 10px,
  		30px 10px,
  		10px 30px,
  		/**/

		/* winkel unten rechts */
  		/*10px 10px,
  		30px 10px,
  		10px 30px,
  		/**/

  		/*calc(100% - 20px) 10px,/*Linie oben*/
  		/*calc(100% - 20px) 10px,/*Linie unten*/
  		/*10px calc(100% - 20px),/*Linie links*/
  		/*10px calc(100% - 20px),/*Linie rechts*/


  		/*10px 10px, /*Bogen oben links*/
  		/*10px 10px, /*Bogen oben rechts*/
  		/*10px 10px, /*Bogen unten links*/
  		/*10px 10px /*Bogen unten rechts*/
  		/*;
  		/**//*
        background-repeat: no-repeat;

        padding: 15px;
  		/**/
}


table.block_table {
	display:block;
	overflow:scroll;
}