/*### MAIN ###*/
@media screen  {
body.noselection,
body.noselection * {
	user-select: none;
}

#header {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:50px;
	box-sizing:border-box;
	font-family:haettenschweiler !important;
	white-space:nowrap;
	z-index:2100;
}
body.menufloat #header {
	padding-left:50px;
}
	#menuburger {
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:50px;
		height:50px;
		z-index:100;
		cursor:pointer;
	}
	body.menufloat #menuburger {
		display:block;
	}

			#menuburger span {
				display:block;
				position:absolute;
				top:50%;
				transform:translateY(-50%);
				left:15px;
				width:15px;
				height:2px;
				background-color:#FFFFFF;
			}
			#menuburger span:before,
			#menuburger span:after {
				content:'';
				position:absolute;
				left:0px;
				width:15px;
				height:2px;
				background-color:#FFFFFF;
			}
			#menuburger span:before {
				top:-6px;
			}
			#menuburger span:after {
				bottom:-6px;
			}
			body.menuon #menuburger span {
				height:0;
			}
			body.menuon #menuburger span:before {
				top:-1px;
				left:-2px;
				width:20px;
				transform:rotate(45deg);
			}
			body.menuon #menuburger span:after {
				bottom:-1px;
				left:-2px;
				width:20px;
				transform:rotate(-45deg);
			}
h1,
h2,
h3 {
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	font-size:30px;
	line-height:50px;
	height:50px;
	padding:0 15px 0 25px;
	vertical-align:top;
}

body.menufloat h1 {
	padding-left:0;
}

#menuburger:after,
h1:after,
h2:after {
  content:'';
  position:absolute;
  display:block;
  top:0;
  right:-20px;
  width:0;
  height:0;
  border-top: 50px solid transparent; 
  border-right: 20px solid transparent;
}
#menuburger:after {
	display:none;
}

h1 {
	z-index:3;
}
h1 a:before {
	content: "\f35b";
	font-family:fa;
	display:inline-block;
	margin-right:0.3em;
	font-size:25px;
	vertical-align:top;
	transform:rotate(-45deg);
}
h2 {
	z-index:2;
}

#pagetitle {
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	vertical-align:top;
	z-index:3;
}
h3 * {
	vertical-align:top;
}
		h3 .ico {
			display:inline-block;
			height:50px;
			width:25px;
			margin-right:10px;
		}
		h3 .dropdownlist,
		h3 .dropdownlist .face{
			height:50px;
			line-height:50px;
		}
		h3 .dropdownlist .group,
		h3 .dropdownlist .option {
			height:25px;
			line-height:25px;
			font-size:18px;
		}
		h3 .dropdownlist {
			margin-left:0.2em;
		}
		h3 .dropdownlist .face {
			background-color:transparent;
			border:0px;
			min-width:initial;
			opacity:0.7;
		}
		h3 .dropdownlist .wait {
			top:18px;
		}
		h3 .dropdownlist.waiting .text {
			display:none;
		}
		h3 .ico+.dropdownlist {
			margin-left:0px;
		}
		h3 .ico+.dropdownlist .face {
			padding-left:0px;
		}
h4 {
  font-size:22px;
  line-height:30px;
  font-family:haettenschweiler;
}
h5 {
  font-size:22px;
  line-height:30px;
  font-family:haettenschweiler;
}

#headerright {
	position:absolute;
	top:0;
	right:0;
	height:50px;
	line-height:50px;
	font-size:0;
	white-space:nowrap;
	z-index:4;
}
		#pagedisplaymode {
			position:relative;
			display:inline-block;
			vertical-align:top;
			text-align:center;
			height:100%;
			padding-left:10px;
			padding-right:30px;
		}
		#pagedisplaymode:empty {
			display:none;
		}
				#pagedisplaymode:before {
					content:'';
					position:absolute;
					display:block;
					top:0;
					left:-20px;
					width:0;
					height:0;
					border-bottom: 50px solid transparent; 
					border-left: 20px solid transparent;
				}
							#pagedisplaymode a {
								display:block;
								font-size:26px;
								box-sizing:border-box;
							}
				#pagedisplaymode .config {
					font-family: fas;
				}
				#pagedisplaymode .table {
					font-family: fas;
				}
				#pagedisplaymode .graph {
					font-family: fas;
				}
				#pagedisplaymode .map {
					font-family: fa;
				}

		#user {
			display:inline-block;
			position:relative;
			vertical-align:top;
			font-size:18px;
			height:100%;
			padding-left:45px;
			padding-right:45px;
		}
				#user:before {
					content:'';
					position:absolute;
					display:block;
					top:0;
					left:-20px;
					width:0;
					height:0;
					border-bottom: 50px solid transparent; 
					border-left: 20px solid transparent;
				}
				#user .icon {
					position:absolute;
					top:50%;
					transform:translateY(-50%);
					left:20px;
					width:17px;
					height:15px;
				}
				#user .disconnection {
					position:absolute;
					top:50%;
					transform:translateY(-50%);
					right:5px;
					width:22px;
					height:22px;
					border-radius:50%;
					padding:7px;
				}
				#user .disconnection svg {
					position:absolute;
					top:9px;
					left:7px;
					width:22px;
					height:22px;
				}

#navigation {
	position:absolute;
	display:table;
	left:0;
	top:50px;
	width:240px;
	bottom:0;
	height:calc(100% - 50px);
	z-index:3000;
}
		body.menufloat #navigation {
			display:none;
		}
		body.menuon #navigation {
			display:table;
		}

		#navigation>* {
			display:table-row;
			position:relative;
		}
		#navigation>div>* {
			display:table-cell;
			box-sizing:border-box;
			width:100%;
		}
#menu {
	height:100%;
}
		#menu>div {
			position:relative;
		}
#menupin {
	position:absolute;
	top:3px;
	left:3px;
	width:20px;
	height:20px;
	cursor:pointer;
}
#menupin svg {
	width:100%;
	height:100%;
}
body.menufloat #menupin svg {
	transform:rotate(45deg);
}
nav {
	position:absolute;
	top:10px;
	left:0;
	right:0;
	bottom:0;
	overflow:auto;
	scrollbar-width:none;
	padding:7px 0 7px 7px;
}
nav::-webkit-scrollbar {
  width:0px;
}

		nav .group {
			position:relative;
			margin-top:15px;
			margin-bottom:10px;
		}
				nav .group:last-of-type {
					margin-bottom:30px;
				}
				nav .group label {
					display:block;
					font-family:haettenschweiler !important;
					font-size:20px;
					cursor:pointer;
					margin-bottom:5px;
					padding-left:20px;
				}
				nav .group label svg {
					display:inherit;
					position:absolute;
					opacity:0.6;
					top:6px;
					left:0;
				}
				nav .group label:hover svg {
					opacity:1;
				}
				nav .group label svg path {
					fill:none;
					stroke-width:1px;
				}
				nav .group label .minus {
					display:none;
				}
		nav .module {
			margin-left:6px;
			border-left:1px solid;
			display:block;
		}
		nav .group.closed label .plus {
			display:block;
		}
		nav .group.closed label .minus {
			display:none;
		}
		nav .group.closed .module {
			display:none;
		}
				nav .module.separator {
					margin-top:7px;
				}
				nav .module a {
					position:relative;
					display:block;
					line-height:22px;
					font-size:16px;
					padding-left:14px;
					z-index:1;
				}
				nav.icons .module a {
					padding-left:34px;
				}
				nav .module a .ico {
					display:block;
					position:absolute;
					top:50%;
					left:10px;
					width:auto;
					height:16px;
					transform:translateY(-50%);
				}
				nav .module a.on {
					*font-weight:bold;
					z-index:2;
				}
				nav .module a.on .arrow {
					display:block;
					position:absolute;
					top:-50%;
					right:0;
					width:auto;
					height:200%;
					stroke:none;
				}
#refresh {
	display:none;
	padding:3px;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}
#refresh.on {
	display:inherit;
}

#page {
	position:absolute;
	display:table;
	left:240px;
	top:50px;
	width:calc(100% - 240px);
	height:calc(100% - 50px);
}
		body.menufloat #page {
			left:0;
			width:100%;
		}

		#page>* {
			position:relative;
			display:table-row;
		}
		#page>div>* {
			box-sizing:border-box;
			padding:7px;
			display:table-cell;
			width:100%;
		}

#help {
	display:table-row;
}
		#help>div {
			position:relative;
			padding:0;
		}
		#help .anchor {
			position:absolute;
			display:block;
			top:5px;
			left:5px;
			width:20px;
			height:20px;
			line-height:20px;
			padding:3px;
			font-family:fas;
			text-align:center;
			border-radius:50%;
			z-index:4;
			color:#FFFFFF;
			background-color:#276EAD;
			cursor:pointer;
			user-select:none;
		}
		#help.off .anchor {
			display:none;
		}
		#help .helpcontent {
			display:none;
			padding:8px 10px 8px 40px;
		}
		#help.on .helpcontent {
			display:block;
			max-height:70vh;
			overflow:auto;
		}
		#help.on .anchor {
			box-shadow:0px 0px 3px rgba(0,0,0,0.5);
		}
    #help fieldset {
      border:1px solid rgba(255,255,255,0.3);
      padding:0.1em 0.5em 1em 0.5em;
      margin-bottom:0.3em;
    }
        #help legend {
          font-weight:bold;
          font-size:18px;
          background-color:rgba(0,0,0,0.1);
          padding:0.1em 0.3em;
        }
        #help .comment {
          font-size:16px;
          margin-bottom:0.3em;
        }
        #help ol {
          display:block;
          padding-left:1em;
          counter-reset:stepcount;
        }
        #help ol li {
          line-height:1.5;
          position:relative;
          display:block;
          padding-left:1.4em;
        }
        #help ol li::before {
          content: counter(stepcount) " - ";
          counter-increment: stepcount 1;
          position:absolute;
          top:2px;
          left:0;
        }
              #help dfn {
                display:inline-block;
                outline:1px solid rgba(255,255,255,0.3);
                background-color:rgba(0,0,0,0.1);
                padding:0 0.3em;
                font-weight:bold;
              }
              #help var {
                font-weight:bold;
                font-size:16px;
              }
              #help var.yes,
              #help var.no {
                display:inline-block;
	              background-position: right 5px;
	              background-size: 16px 16px;
	              background-repeat: no-repeat;
	              width:40px;
              }
              #help var.yes {
	              background-image: url(../../assets/img/icon_good.svg);
              }
              #help var.no {
	              background-image: url(../../assets/img/icon_bad.svg);
              }


#content {
	height:100%;
}
		#content>div {
			position:relative;
		}

#form {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:15px 7px;
	overflow:auto;
}
		#form.empty {
			position:relative;
			width:0;
			height:0;
		}
#scroll {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 15px 7px;
	overflow: auto;
}
#edit {
	position:absolute;
	display:none;
	top:0;
	bottom:0px;
	left:500px;
	width:0px;
	box-shadow:0px 0px 7px rgba(0,0,0,0.5);
	overflow:hidden;
	z-index:4000;
}
		#edit>iframe {
			width:100%;
			height:100%;
			border:0px;
			margin:0;
		}
		#edit .patience {
			display:none;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
		}
				#edit .patience .wait {
					position:absolute;
					top:50%;
					left:50%;
					transform:translate(-50%, -50%);
				}
		#edit .handle {
			position:absolute;
			top:0;
			left:0;
			right:0;
			height:50px;
			background-color:transparent;
			cursor:grab;
			z-index:100;
		}
		#edit .handle.move {
			cursor:grabbing;
		}

#edit.waiting {
	display:block;
	width:50px;
	bottom:calc(100% - 50px);
	border-radius:50%;
}
		#edit.waiting .patience {
			display:block;
		}
#edit.on {
	display:block;
	transition-duration:0.3s;
	transition-property:bottom;
}
#edit .issmall {
	display:none;
}

#iframemediabank {
	position:absolute;
	z-index:10000;
	border:1px solid rgba(255,255,255,0.5);
	box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.5);
	left:50%;
	top:50%;
	width:90%;
	height:90%;
	transform:translate(-50%, -50%);
}

#globalmask {
	position:absolute;
	display:none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor:zoom-out;
	z-index:9000;
}
#globalmask.on {
	display:block;
}

#keepsessionalive {
	position:fixed;
	top:0;
	left:0;
	width:0;
	height:0;
	z-index:0;
	border:0;

}
}



/*### FLAGS ###*/
@media screen  {
    .nat.FRA:before {
      background-image: url('../../assets/img/flag_fr.gif');
    }
    .nat.CZE:before {
      background-image: url('../../assets/img/flag_cz.png');
    }
    .nat.ESP:before {
      background-image: url('../../assets/img/flag_es.gif');
    }
    .nat.BEL:before {
      background-image: url('../../assets/img/flag_be.png');
    }
    .nat.GBR:before {
      background-image: url('../../assets/img/flag_en.gif');
    }
    .nat.GER:before {
      background-image: url('../../assets/img/flag_de.gif');
    }
    .nat.GRE:before {
      background-image: url('../../assets/img/flag_gc.png');
    }
    .nat.ITA:before {
      background-image: url('../../assets/img/flag_it.gif');
    }
    .nat.JPN:before {
      background-image: url('../../assets/img/flag_jp.png');
    }
    .nat.POL:before {
      background-image: url('../../assets/img/flag_po.png');
    }
    .nat.RUS:before {
      background-image: url('../../assets/img/flag_ru.gif');
    }
    .nat.SUI:before {
      background-image: url('../../assets/img/flag_ch.gif');
    }
    .nat.UAE:before {
      background-image: url('../../assets/img/flag_uae.png');
    }
    .nat.IRL:before {
      background-image: url('../../assets/img/flag_ie.png');
    }
    .nat.AUS:before {
      background-image: url('../../assets/img/flag_au.png');
    }
    .nat.USA:before {
      background-image: url('../../assets/img/flag_us.svg');
    }
    .nat.AUT:before {
      background-image: url('../../assets/img/flag_at.svg');
    }
    .nat.SLO:before {
      background-image: url('../../assets/img/flag_si.svg');
    }
    .nat.MAR:before {
      background-image: url('../../assets/img/flag_ma.svg');
    }
    .nat.SWE:before {
      background-image: url('../../assets/img/flag_se.svg');
    }
    .nat.CAN:before {
      background-image: url('../../assets/img/flag_ca.svg');
    }
    .nat.NED:before {
      background-image: url('../../assets/img/flag_nl.svg');
    }
    .nat.BRA:before {
      background-image: url('../../assets/img/flag_br.gif');
    }
    .nat.URY:before {
      background-image: url('../../assets/img/flag_uy.png');
    }
    .nat.URU:before {
      background-image: url('../../assets/img/flag_uy.svg');
    }
    .nat.ARG:before {
      background-image: url('../../assets/img/flag_ar.svg');
    }
    .nat.SA:before {
      background-image: url('../../assets/img/flag_sa.svg');
    }
    .nat.VEN:before {
      background-image: url('../../assets/img/flag_ve.svg');
    }
    .nat.LUX:before {
      background-image: url('../../assets/img/flag_lu.svg');
    }
    .nat.NZL:before {
      background-image: url('../../assets/img/flag_nz.svg');
    }
    .nat.CHN:before {
      background-image: url('../../assets/img/flag_cn.svg');
    }
    .nat.HUN:before {
      background-image: url('../../assets/img/flag_hu.svg');
    }
    .nat.TUR:before {
      background-image: url('../../assets/img/flag_tr.svg');
    }
}



/*### DATABOARD ###*/
@media screen  {
.databoard {
	position:relative;
}
.databoard.full {
	height:100%;
}
.databoard table {
	border-spacing:0px;
	border-collapse:collapse;
	padding:0;
	width:100%;
}
.databoard.full>table {
	position:absolute;
	height:100%;
	top:0;
	left:0;
}
.databoard .head {
	position:relative;
	padding:5px 0 0 0px;
}
		.databoard .head label {
			display:block;
			clear:both;
			font-family:haettenschweiler !important;
			font-size:20px;
			line-height:35px;
			text-align:center;
			padding-left:5px;
			margin-bottom:5px;
		}
		.databoard .head .actions {
			position:relative;
			float:left;
			padding-left:25px;
			margin-left:5px;
			z-index:2000;
		}
		.databoard .head .actions:before {
			content:"";
			position:absolute;
			width:12px;
			height:1px;
			top:50%;
			left:10px;
		}
		.databoard .head .actions:after {
			content:"";
			position:absolute;
			width:1px;
			height:12px;
			top:50%;
			left:10px;
		}
		.databoard .head .search {
			position:relative;
			float:left;
			padding:3px 5px 3px 30px;
			height:30px;
			box-sizing:border-box;
			margin-left:5px;
			border:1px solid;
		}
				.databoard .head .search input {
					border:0;
					width:90px;
				}
				.databoard .head .search .magnifyglass {
					position:absolute;
					left:5px;
					top:3px;
					width:20px;
					height:20px;
				}
		.databoard .head .filters {
			position:relative;
			float:left;
			padding:4px 5px 4px 5px;
			box-sizing:border-box;
			margin-left:5px;
			border:1px solid;
			user-select:none;
		}
		.databoard .head .filter {
			position:relative;
			display:inline-block;
			height:100%;
			margin-right:7px;
			white-space:nowrap;
		}
		.databoard .head .filter * {
			vertical-align:middle;
		}
				.databoard .head .filter .checkbox {
					position:relative;
					display:inline-block;
					width:16px;
					height:16px;
					border:1px solid;
				}
				.databoard .head .filter .checkbox svg {
					position:absolute;
					top:0;
					left:0;
					width:16px;
					height:16px;
				}
				.databoard .head .filter .checkbox .yes,
				.databoard .head .filter .checkbox .no {
					display:none;
				}
				.databoard .head .filter .checkbox.yes .yes,
				.databoard .head .filter .checkbox.no .no {
					display:inherit;
				}
				.databoard .head .filter .label {
					display:inline-block !important;
					margin-left:3px;
				}
		.databoard .head .nbitems {
			position:relative;
			padding: 3px 5px;
			margin-right:10px;
			float:right;
		}
		.databoard .head .mainbuttons {
			position:relative;
			display:inline-block;
			float:right;
			white-space:nowrap;
		}
		.databoard .head .mainbuttons .bt {
			padding-top:5px;
			padding-bottom:5px;
		}
		.databoard .head .bt.add:before {
			content: '\f055';
			font-family:fas;
		}
		.databoard .head .bt.modify:before {
			content: '\f304';
			font-family:fas;
		}
		.databoard .head .tag {
			position:relative;
			display:inline-block;
			float:left;
			white-space:nowrap;
			height:28px;
			line-height:28px;
			padding-left:5px;
			padding-right:5px;
		}

.databoard .lines {
	position:relative;
}
.databoard.full .lines {
	height:100%;
}
		.databoard.full .lines>div {
			position:absolute;
			top:4px;
			left:0;
			right:0;
			bottom:0;
			overflow:auto;
		}
		.databoard .lines thead>tr>th {
			box-sizing:border-box;
			height:35px;
			padding:3px 5px;
			vertical-align:middle;
			font-size:16px;
			font-weight:bold;
			white-space:nowrap;
			text-align:left !important;
			z-index:1000;
		}
		.databoard.full .lines thead>tr>th {
			position:-webkit-sticky;
			position:sticky;
			top:0;
		}
		.databoard .lines .group {
			position:relative;
			z-index:1000;
		}
		.databoard .lines .separator th {
			padding:0;
			height:10px;
		}
		.databoard .lines .group th {
			line-height:25px;
			font-weight:normal !important;
			text-align:left;
			padding:1px 5px;
		}
		.databoard .lines .group th tt {
			display:inline-block;
		}
		.databoard .lines .group th tt:before {
			content:' / ';
		}
		.databoard .lines .group th tt:empty {
			display:none;
		}
		.databoard.full .lines .group th {
			position:-webkit-sticky;
			position:sticky;
			top:34px;
			z-index:1000;
		}
		.databoard .lines tbody>tr.hidden {
			display:none;
		}
		.databoard .lines tbody>tr>td {
			padding:1px 5px;
			vertical-align:top;
			white-space:nowrap;
			height:20px;
			line-height:20px;
		}
		.databoard .lines .state {
			padding:0;
			text-align:center;
		}
		.databoard .lines .state .onoff {
			margin-top:3px;
		}
		.databoard .lines .rf {
			font-weight:bold;
		}
		.databoard .lines .w1 {
			width:100%;
		}
		.databoard .lines .ar {
			text-align:right !important;
		}
		.databoard .lines .ac {
			text-align:center !important;
		}
		.databoard .lines .wr {
			text-wrap:normal !important;
		}
		.databoard .lines td .lbl {
			display:inline-block;
			border:1px solid;
			padding:0px 4px;
			margin:1px;
			white-space:nowrap !important;
		}
		.databoard .lines td.labels {
			white-space:normal;
			*padding-bottom:15px;
		}
		.databoard .lines td.buttons{
			text-align:right;
		}
		.databoard .lines td.buttons * {
			z-index:900;
		}
				.databoard .lines td.buttons .md:before {
					content: '\f304';
					font-family:fas;
				}
				.databoard .lines td.buttons .dt:before {
					content: '\f101';
					font-family:fas;
				}
				.databoard .lines td.buttons .download {
					padding-left:0;
					padding-right:0;
				}
				.databoard .lines td.buttons .download span {
					display:none;
				}
				.databoard .lines td.buttons .download::before {
					content: '\f063';
					font-family: fas;
					margin-left:9px;
					margin-right:9px;
				}
		.databoard .lines td.color {
			text-align:center;
		}
		.databoard .lines td.color b {
			display:inline-block;
			width:20px;
			height:20px;
			border-radius:50%;
			margin-top:3px;
			visibility:hidden;
		}
		.databoard .lines td .srchflag,
		.databoard .lines td .srchflag s{
			display:none;
		}

.databoard .pages {
	padding:15px 0 0 0;
	text-align:center;
	position:relative;
	height:20px;
}
		.databoard .pages * {
			box-sizing:border-box;
		}
		.databoard .pages .list {
			display:table;
			width:calc(100% - 30px);
			margin-left:30px;
		}
		.databoard .pages .caption {
			display:table-caption;
			position:absolute;
			left:5px;
			bottom:3px;
			width:15px;
			height:14px;
			cursor:pointer;
			opacity:0.8;
		}
		.databoard .pages .caption:hover {
			opacity:1;
		}
				.databoard .pages .caption>span,
				.databoard .pages .caption>span:before,
				.databoard .pages .caption>span:after {
					display:block;
					position:absolute;
					width:100%;
					height:2px;
				}
				.databoard .pages .caption>span {
					bottom:7px;
				}
				.databoard .pages .caption>span:before {
					content:'';
					top:-5px;
				}
				.databoard .pages .caption>span:after {
					content:'';
					bottom:-5px;
				}
		.databoard .pages .line {
			display:table-row;
		}
		.databoard .pages .val {
			display:table-cell;
			width:25px;
		}
		.databoard .pages .val input {
			width:25px;
			border:1px solid;
			border:none;
			background-color:rgba(0,0,0,0);
			line-height:15px;
			height:15px;
		}
		.databoard .pages.open .val {
			display:none;
		}
		.databoard .pages .page {
			display:table-cell;
			text-align:center;
			line-height:15px;
			height:15px;
		}
		.databoard .pages .page.on a {
			font-weight:bold;
		}
		.databoard .pages .page a {
			display:block;
			padding:0 5px;
			border:1px solid;
		}
		.databoard .pages .page a:hover {
			border:1px solid;
		}
		.databoard .pages .page.on a:hover {
			border:1px solid;
		}
		.databoard .pages label {
			font-size:11px;
		}
		.databoard .pages .tip {
			display:none;
			position:absolute;
			top:-20px;
			left:50%;
			height:25px;
			line-height:25px;
			transform:translateX(-50%);
			white-space:nowrap;
			border:1px solid;
			padding:0px 6px;
			box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
			z-index:1000;
		}
		.databoard .pages .page:hover .tip {
			display:block;
		}

		.databoard .pages.open .list {
			width:auto;
			position:absolute;
			bottom:0;
			left:30px;
			display:inline-block;
			padding:7px;
			box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
			display:block;
			margin-left:0;
			border:1px solid;
			z-index:2000;
		}
		.databoard .pages.open .caption {
			left:-26px;
			bottom:-1px;
		}
		.databoard .pages.open .line {
			display:block;
		}
		.databoard .pages.open .page {
			display:block;
			text-align:left;
			white-space:nowrap;
			line-height:22px;
			height:22px;
		}
		.databoard .pages.open .page label:after {
			content:' : ';
		}
		.databoard .pages.open a {
			display:inline-block;
			width:100%;
		}
		.databoard .pages.open label {
			font-size:14px;
			font-weight:bold;
		}

		.databoard .pages.open .tip {
			position:relative;
			display:inline-block;
			width:auto;
			top:auto;
			left:auto;
			transform:none;
			height:inherit;
			line-height:inherit;
			box-shadow:none;
			padding-left:0px;
		}
		.databoard .pages.open .page:hover .tip {
			display:inline-block;
		}

.databoardcolumn>table>tbody>tr>th,
.databoardcolumn>table>tbody>tr>td {
	padding:1px 5px;
	vertical-align:top;
	white-space:nowrap;
	height:24px;
	line-height:24px;
}
.databoardcolumn>table>tbody>tr>th {
	text-align:right;
	border:1px solid;
}
.databoardcolumn>table>tbody>tr>td {
	border:1px solid;
	padding-left:7px;
	padding-right:10px;
}
.databoardcolumn>table>tbody>tr>td.chk0,
.databoardcolumn>table>tbody>tr>td.chk1 {
	background-position: 10px center;
}

.dropdownlist.actions .option.choose {
	display:none;
}

.fields input[type="text"], 
.fields input[type="file"], 
.fields input[type="number"], 
.fields input[type="password"], 
.fields textarea, 
.fields select  {
  padding:1px 3px;
	border:1px solid;
	margin:0px;
	box-sizing:border-box;
}

}