@import "styles/bar.css?11-05-2019T15:03";
@import "styles/forms.css?11-05-2024T01";

@import "styles/tiles.css?11-05-2019T15:03";
@import "styles/butt.css?11-05-2019T15:03";

@import "styles/menu.css?11-05-2019T15:03";
@import "styles/login.css?11-05-2019T15:03";

@import "styles/allm.css?11-05-2019T15:03";
@import "styles/chart.css?11-05-2019T15:03";

@import "styles/fa.min.css?05";

	@-webkit-keyframes blink { 0% { opacity:1; } 1% { opacity:0; } 100% { opacity:1; } }
	@keyframes blink         { 0% { opacity:1; } 1% { opacity:0; } 100% { opacity:1; } }
	/* transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1); */

	:root {
	  --bg-main: #FFF;
	  --bg-side: whitesmoke;
	  --bg-head-def: #FFD54F;/* gold - button default color*/
	  --bg-head-dir: #90CAF9; /* blue */
	  --bg-head-evt: #AED581; /* green */
	  --bg-head-dialog: #1565c0 /* blue 800 */;
	  --bg-win: lightgreen;
	  --bg-los: lightblue;
	  --bg-staff: #ffffbb66;

	  --bg-lightgreen:     #B9F6CA; /* green a100 #CCFFCC; */
	  --bg-lightgreen-hov: #00E676; /* green 200 A5D6A7*/
	  --bg-lightred:       #FFCDD2; /* red 100    #FFCCCC; */
	  --bg-lightred-hov:   #FF8A80; /* red a100 */
	  --bg-lightblue:  #E3F2FD;
	  --bg-lightgray:  #F0F0F0;

	  --color-main: #333;
	  --color-link: blue; /* #1976D2; /*  blue 700  #0288D1; lightblue 700 */
	  --color-h: forestgreen;
	  --color-ts-link: #205166;

	  --border-light: lightgray;
	  --border-input: darkgray;
	  --border-outline: #1565c0; /* blue 800 */

	  --header-height: 3.8rem;
	  --bar-height: 2.2rem;

	  --shadow1: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	  --shadow2: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);

	  --green: forestgreen;

	  --font-family: Arial;

	  --transition-all: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	}

	*:focus { outline:none; }
	header, aside, main, #bar { box-sizing: border-box; }

/* DIMENSIONS */

	/* fonts */

		.small,
		.f80  { font-size:  .8rem !important; }
		.f90  { font-size:  .9rem !important; }
		.f100 { font-size: 1.0rem !important; }
		.f110 { font-size: 1.1rem !important; }
		.f120 { font-size: 1.2rem !important; }
		.f150 { font-size: 1.5rem !important; }
		.f200 { font-size: 2.0rem !important; }

		.b, .bold {font-weight:bold;}
		.i, .it   {font-style:italic;}

		.line14 { line-height:1.4rem; }
		.line16 { line-height:1.6rem; }
		.line20 { line-height:2.0rem; }
		.line25 { line-height:2.5rem; }

		.weight-normal   {font-weight:normal !important;}
		.curr { font-weight:bold; } /*?WTF*/

	/* width */

		.w100p,.fullwidth { width:100% !important;}
		.w20p  { width:20%  !important; }
		.w25p  { width:25%  !important; }
		.w30p  { width:30%  !important; }
		.w40p  { width:40%  !important; }
		.w45p  { width:45%  !important; }
		.w50p  { width:50%  !important; }
		.w70p  { width:70%; }
		.w75p  { width:75%; }

		.w20  { width:20px  !important; }
		.w25  { width:25px  !important; }
		.w30  { width:30px  !important; }
		.w35  { width:35px  !important; }
		.w40  { width:40px  !important; }
		.w45  { width:45px  !important; }
		.w50  { width:50px  !important;  min-width: 50px !important; }
		.w50  { width:50px  !important; }
		.w55  { width:55px  !important; }
		.w60  { width:60px  !important; }
		.w65  { width:65px  !important; }
		.w70  { width:70px  !important; }
		.w75  { width:75px;  min-width: 75px !important; }
		.w80  { width:80px;  min-width: 80px !important; }
		.w100 { width:100px; min-width:100px !important; }
		.w110 { width:110px; min-width:110px; }
		.w120 { width:120px; min-width:120px; }
		.w125 { width:125px; min-width:125px; }
		.w130 { width:130px; min-width:130px; }
		.w140 { width:140px; min-width:140px; }
		.w150 { width:150px; min-width:150px; }
		.w160 { width:160px; min-width:160px; }
		.w175 { width:175px; min-width:175px !important; }
		.w180 { width:180px; min-width:180px !important; }
		.w200 { width:200px; min-width:200px !important; }
		.w220 { width:220px !important; min-width:220px !important; }
		.w250 { width:250px; min-width:250px !important; }
		.w275 { width:275px; min-width:275px !important; }
		.w300 { width:300px; min-width:300px; } /*!important*/
		.w350 { width:350px; min-width:350px !important; }
		.w400 { width:400px; min-width:400px !important; }
		.w450 { width:450px; }
		.w500 { width:500px; }
		.w550 { width:550px; }
		.w600 { width:600px; }

		.mw80 { max-width: 80px !important; }
		.mw250{ max-width:250px !important; }
		.mw300{ max-width:300px !important; }
		.mw350{ max-width:350px !important; }
		.mw400{ max-width:400px !important; }
		.mw550{ max-width:550px !important; }
		.mw600{ max-width:600px !important; }
		.mw650{ max-width:650px !important; }

		.w-50  { width:49%; width:calc(100% - 50px) !important; }
		.w-75  { width:60%; width:calc(100% - 75px) !important; }
		.w-100 { width:80%; width:calc(100% - 100px); }
		.w-105 { width:80%; width:calc(100% - 105px); }
		.w-110 { width:80%; width:calc(100% - 110px); }
		.w-120 { width:80%; width:calc(100% - 120px); }
		.w-150 { width:calc(100% - 150px) !important; }

		.w50p-2  { width:49%; width:calc( 50% - 2px ) !important; }

	/* padding */

		.pad0  { padding:0 !important; }
		.pad5  { padding:1px 5px !important; }
		.pad7  { padding:1px 7px !important; }
		.pad10 { padding:1px 10px !important; }
		.pad20 { padding:1px 20px !important; }
		.pad2r { padding:1px 2rem !important; }

		.px0  { padding-left:0 !important;    padding-right:0 !important; }
		.px5  { padding-left:5px !important;  padding-right:5px !important; }
		.px7  { padding-left:7px !important;  padding-right:7px !important; }
		.px10 { padding-left:10px !important; padding-right:10px !important; }
		.px20 { padding-left:20px !important; padding-right:20px !important; }
		.px2r { padding-left:2rem !important; padding-right:2rem !important; }

		.p5   { padding:5px !important; }
		.p10  { padding:10px !important; }
		.pr5  { padding-right:5px !important; }
		.pr15 { padding-right:15px !important; }
		.pr30 { padding-right:30px !important; }
		.pl15 { padding-left:15px !important; }
		.pl30 { padding-left:30px !important; }

	/* margin */

		.m-1  { margin:-1px !important;}
		.m0   { margin:0 !important;}
		.m5   { margin:5px !important;}

		.mb0  { margin-bottom:0 !important;}
		.mb5  { margin-bottom:5px !important;}
		.mb10 { margin-bottom:10px !important;}
		.mb15 { margin-bottom:15px !important;}
		.mb20 { margin-bottom:20px !important;}

		.mt0  { margin-top:0 !important;}
		.mt2  { margin-top:2px !important;}
		.mt3  { margin-top:3px !important;}
		.mt5  { margin-top:5px !important;}
		.mt10 { margin-top:10px !important;}
		.mt15 { margin-top:15px !important;}
		.mt20 { margin-top:20px !important;}
		.mt-5 { margin-top:-5px !important;}

		.mb1r { margin-bottom:1rem !important;}
		.mb2r { margin-bottom:2rem !important;}
		.mb3r { margin-bottom:3rem !important;}
		.mb5r { margin-bottom:5rem !important;}

		.mt1r { margin-top:1rem !important;}
		.mt2r { margin-top:2rem !important;}
		.mt3r { margin-top:3rem !important;}
		.mt5r { margin-top:5rem !important;}

		.mb-3 { margin-bottom:-3px !important;}
		.mb-5 { margin-bottom:-5px !important;}
		.mb-10{ margin-bottom:-10px !important;}

		.my1r { margin-top:1rem !important; margin-bottom:1rem !important;}

		.mx-auto { margin-left:auto; margin-right:auto; }
		.mx5 { margin-left:5px !important; margin-right:5px; }
		.mx10 { margin-left:10px !important; margin-right:10px; }
		.mx20 { margin-left:20px !important; margin-right:20px; }

		.mr5 { margin-right:5px !important; }
		.ml5 { margin-left:5px !important; }

	/* order */

		.o1 { order:1 !important; }
		.o2 { order:2 !important; }
		.o3 { order:3 !important; }
		.o4 { order:4 !important; }
		.o5 { order:5 !important; }
		.o6 { order:6 !important; }
		.o7 { order:7 !important; }
		.o8 { order:8 !important; }
		.o9 { order:9 !important; }

	/* alignment */

		.pull-right, .float-right { float:right; }
		.pull-left,  .float-left   { float:left; }

		.text-c { text-align:center !important; justify-content: center; }
		.text-right, .text-r, .r { text-align:right !important; justify-content: flex-end; }
		.text-left,  .text-l, .l { text-align:left !important; }

		.self-center { align-self:center; }


	.h16  { height:16px  !important; }
	.h20  { height:20px  !important; }
	.h25  { height:25px  !important; }
	.h30  { height:30px  !important; }

	.iblock, .d-iblock, .inline { display:inline-block !important; }

	*[type=hidden],
	.d-none,
	.hid, .hide {
		display:none;
	}
	.hidden, #FAB .hidden { display:none;} /*!important;*/

	.cursor-default { cursor:default; }
	.cursor-pointer, .pointer, tr[onclick]:not([onclick='']) { cursor:pointer; }



	/* shadows */

		.shadow {
			display:inline-block;
			margin:20px;
			border:1px outset lightgray;
			padding:10px;
			box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
			border-radius:4px;
		 }
			.shadow1,.shadow2,.shadow3,.shadow4,.shadow5 {
				padding:.75em;
			}
			.shadow1 {
				box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
			}
			.shadow2 {
				box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
			}
			.shadow3 {
				box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
			}
			.shadow4 {
				box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
			}
			.shadow5 {
				box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2);
			}


	.container { width:90%; margin:0 auto; }

/* <elements> */

	html, body {
		font-size: 12px;
		font-family: Arial;
		font-family: var(--font-family);
		margin:0;
		padding:0;
		color:#333;
		color:var(--color-main);
		overflow-y:hidden;
		min-height:100%;
	 }

	a {
		color:var(--color-link);
		text-decoration:none;
		cursor:pointer;
		}

		a:hover {
			text-decoration:underline;
		}

		nav a:hover,
		#bar a:hover {
			text-decoration:none;
		}

	h1, h2, h3, h4, h5, h6 { color:forestgreen; color:var(--color-h); }
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:forestgreen; color:var(--color-h); }
			h3 a:hover     { color:blue; }
			h3 a.noh:hover { color:forestgreen; }
		h1 div, h2 div, h3 div, h4 div, h5 div,
		h1 span, h2 span, h3 span, h4 span, h5 span {
			font-size: 1rem;
			font-weight: normal !important;
			color:#333;
			color:var(--color-main);
		}
		h3 > img:first-of-type { float:left; margin-right:5px; }

	h1 { font-size: 1.6rem; }
	h2 { font-size: 1.4rem; }
	h3 { font-size: 1.2rem; margin-top:1em; margin-bottom:.3em; }

	h5 {
		font-size: 1rem;
		line-height:1.4rem;
		margin:0;
	}
	h6 {
		font-size: 1rem;
		line-height:1.4rem;
		font-weight:normal;
		margin:0;
	}

	p {
		text-indent:0;
		text-align:start;
		white-space:normal;
		line-height:1.4rem;
		margin-bottom:1rem;
	}
	hr{
		border-top: 1px solid lightgray;
		border-bottom: none;
	}

	figure { margin:0; }

	img, a img { border:0; max-width:100%; }
		#extLinks img { max-width:88px; margin:3px; }
		#bar img, td.nob img:only-child { max-width:unset; max-height:16px; }
		#bar a img { min-width:16px; }

	summary h1, summary h2, summary h3 ,
	summary h4, summary h5, summary h6 {
		display:inline-block;
		cursor:pointer;
	}
	pre {
		max-width:100%;
		border:1px solid #ccc;;
		overflow: auto;
		padding: .75rem 1rem;
		margin-bottom:1rem;
		line-height: 1.4rem;
		color: #222;
	}
	pre[title] { display:none; }

	ul[type=none], ul[type=no] { list-type:none; padding:0; }

	input[list] {line-height:1em; }
	input,select { box-sizing:border-box; border-color:var(--border-input); }
		aside select { min-height:25px; }
		select .optiongroup-t { color:#666; }
		select .optiongroup-d { color:#999; }
		select .optiongroup-x { color:#999; }

		select[placeholder]{
			position:relative;
		}
		select[placeholder]:before {
			color:red;
			content:'•';
			position:absolute
		}
		select:disabled {
			opacity:1;
			background-color:whitesmoke;
		}
		select[multiple][dropdown] { display:none; }

	button, textarea { font-family:inherit; }

	button {
		display: inline-flex;
		align-items: center;
		min-height: 24px;
		border: 1px solid lightgray;
		border: 1px solid var(--border-input);
		border-radius:2px;
		transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
		cursor:pointer;
	 }
	button:hover,
	button:focus {
		background: linear-gradient(to bottom, #fff 0%,#eaeaea 100%);
		box-shadow:var(--shadow1);
	 }
	/*code { font-size:1.6rem; }*/

	#header {}

		#header h2 {}

			#tournament-view #header h2 { display:flex; }

			#header #navpanel { margin: 0 5px 0 0; }

			#header h2 a {
				transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1); /**/
				max-height: 23px;
			}
			#header h2 a#eventTitle {
				overflow:hidden;
			}
			#header h2 a:first-of-type {
				float: left; /* */
			}

			#header h2 a[href]:hover {
				cursor:pointer;
				color: #fff;
			}
			#header h2 span {
				font-size:inherit;
			}

		#header nav {
				line-height:1.35rem;
			}
			#header nav li {
				list-style:none;
				display: inline-block;
			}




		.item-view #header {
			background: #80cbc4  /*teal lighten-3*/;
		}
			.item-view #navpanel ul {
				background: #80cbc4;
				border: 1px solid #009688;
			}
			.item-view #header .tab:hover {
					background: #b2dfdb /*teal lighten-4*/;
					border-color: rgba(0, 0, 0, 0.45);
					border-bottom-color: rgba(0, 0, 0, 0.2);
			}

			#tournament-view {}
				#tournament-view.item-view #header.tourn,
				#tournament-view.item-view #navpanel ul{
					background: #AED581; /*Light Green 300*/
				}
				#tournament-view.item-view #header .tab:hover {
					background: #DCEDC8; /*Light Green 100*/
				}



	#overlay{
		position:fixed;
		width:100%;
		top:0;
		bottom:0;
		background-color:rgba(0,0,0,.25);
		z-index:999;
		display:none;
		cursor:progress;
	}

/* NAVIGATIONS */


	.nav-tabs {
			margin-top:0;
			border-bottom:1px solid #aaa;
			padding:0 0 0 5px;
		}
		.nav-tabs li{
			display:inline-block;
			position:relative;
		}
		.nav-tabs li a {
			display:inline-block;
			border:1px solid lightgray;
			border-bottom:none;
			padding: 5px 10px;
			text-decoration:none !important;
			transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
			color:#666;

		}
		.nav-tabs li a:not(.active):hover{
			border-color:#aaa;
			color:#333;
		}
		.nav-tabs li a.active {
			border-color:#aaa;
			border-bottom:1px solid #fff;
			margin-bottom:-1px;
			color:#333;
		}

		.nav-tabs li:after{
			content:'';
		}

		.nav-tabs li:has(a.active):after{
			content:'';
		}


/* TS-DIALOG */

	#input, #excel, #ui-form,
	#msgBox { z-index:96; background:var(--bg-main); } /* old dialogs */
	#msgBox	{ min-width:35%; max-width:95%; }



	.ui-widget-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #111;
		opacity: .75;
		z-index: 100;
	}
	.ui-widget-content {
		background:var(--bg-main);
	}

	.ui-dialog {}
		.ui-dialog .ui-dialog-content {
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			box-sizing: border-box;
		}
		.ui-dialog .ui-dialog-content header,
		.ui-dialog .ui-dialog-content footer {
				position: sticky;
				padding: .75em 1em;
				background:var(--bg-side);
		}
		.ui-dialog .ui-dialog-content header {
				top: -.75em;
				margin: -.75em -1em 1em;
				border-bottom: 1px solid var(--border-light);
			}
		.ui-dialog .ui-dialog-content footer {
				bottom: -1em;
				margin: 1.5em -1em -1em;
			}

		.ui-dialog input,
		.ui-dialog select,
		.ui-dialog textarea,
		.ui-dialog span.custom-combobox {
			box-sizing:border-box;
			min-height:23px;
			width:100%;
		}
		.ui-dialog input:checkbox { width:16px; }
		.ui-dialog input[type=button] { width:auto; }

		.ui-dialog .f80 input {
			min-height:18px;
		}
		.ui-dialog-title-icon { float:left; margin:3px 3px -3px -3px; }

	/* .ts-dialog */
		.ts-dialog.ui-dialog {
			box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
			border: none;
			border-color:#999;
			padding:0;
			max-width: 90%;
			position: fixed !important;
			z-index: 999;
		}


		.ts-dialog .ui-dialog-titlebar {
			background:#00897B /* teal 600 /*#66BB6A*/;
			color:#fff;
			font-weight:normal;
			position:relative;
			border:none;
			border-bottom:1px solid #999 /*#00796B 700*/;
				padding: 0.4em 1em;
				position: relative;
				height:1.3em;
		}
		.ts-dialog.ts-dialog-newest .ui-widget-header {
			background:var(--bg-head-dialog); /* #1565c0 blue darken-3 */
		}

		.ts-dialog .ui-dialog-titlebar {
			}
			.ts-dialog .ui-dialog-titlebar .ui-button .ui-icon-closethick,
			.ts-dialog .ui-dialog-titlebar .ui-button .ui-button-text {
				display:none;
			}

			.ts-dialog .ui-dialog-titlebar .ui-dialog-title {
				float: left;
				margin: 0.1em 0;
				white-space: nowrap;
				width: 90%;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.ts-dialog .ui-dialog-title-img { max-height:16px; float:left; margin:2px 5px 0 0; }


			.ts-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
				position: absolute;
				right: 0;
				top: 0;
				width: 32px;
				height: 32px;
				padding: 0;
				margin: 0;
				color: inherit;
				border: none;
				/*border-left: 1px solid rgba(255,255,255,.1);*/
				background: transparent;/*var(--bg-head-dialog);*/
				display: flex;
			}
			.ts-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
			.ts-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
				box-shadow:none;
				outline:none;
			}
			.ts-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
				background: rgba(255,255,255,.1);
			}

			.ts-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
				content: 'Г—';
				font-size: 22px;
				line-height: 22px;
				transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
				margin: auto;
			}
				.ts-dialog .ui-widget-header .ui-dialog-titlebar-close:hover:after {
					/*background-color:#00796B 700*/;
					/*border-color:#00796B rgba(255,255,255,.2) /*#00796B 700*/;
				}
				.ts-dialog.ts-dialog-newest .ui-widget-header .ui-dialog-titlebar-close:hover:after {
					/*background-color: #1976d2 blue darken-2*/;
					/*border-color: #1976d2 blue darken-2*/;
				}

		.ts-dialog .ui-dialog-content {
				padding: 1rem;
				overflow: auto;
				-ms-overflow-style: none;
				scrollbar-width: none;
				scrollbar-height: none;
			}
			.ts-dialog .ui-dialog-content::-webkit-scrollbar { width:0; height:0; }

		.ts-dialog.ts-dialog-newest .ui-dialog-content { padding: 1rem 1rem 0; }

		.ts-dialog header ,
		.ts-dialog footer,
		.ts-dialog .buttons {
			position: sticky;
			padding: .5rem 1rem;
			margin: 0 -1rem;
			left: -1rem;
			z-index: 2;
			background: whitesmoke;
			max-width: 100%;
		}
			.ts-dialog header { top:-1rem; margin-top:-1rem; border-bottom:1px solid lightgray; margin-bottom:.5rem; }
			.ts-dialog footer,
			.ts-dialog .buttons {
				padding: 1rem; /*bottom:-1rem; margin-bottom:-1rem;*/
				margin: 1rem -1rem -1rem;
			}
			.ts-dialog footer.f80 { padding: .5rem 1rem; }


			 .ts-dialog header ul {
				display:block;
				margin:0; padding:0;
			 }
			 .ts-dialog header ul li {
				display:inline-block;
				margin:1px; padding:0;
			 }
			 .ts-dialog-newest header em.custom-select-placeholder { line-height:22px; margin-top:-11px; }


			 .ts-dialog footer ins, .ts-dialog footer button,
			 .ts-dialog footer input, .ts-dialog footer a[class^='b-'] {
					padding: 5px 7px;
					border-radius: 2px;
					text-decoration:none;
				}

			.ts-dialog table caption {
				font-weight:bold;
				padding: 5px 5px;
				text-align: left;
			 }


			.ts-dialog.ui-corner-all,
			.ts-dialog .ui-corner-all {
				border-radius:0;
			}

			.ts-dialog .ui-dialog-buttonpane {
				background:#fafafa;
				padding: 0 1em 5px; /*10px 1em;*/
				background: #fafafa;
				border-top: 1px solid lightgray;
			}
				.ts-dialog .ui-dialog-content .ui-dialog-buttonpane {
					margin: 10px -1em -6px;
				}

				.ts-dialog .ui-dialog-buttonpane .btn:hover,
				.ts-dialog .ui-dialog-buttonpane .btn:focus {
					box-shadow: none;
				}


			.ts-dialog .ui-dialog-buttonset { width:100%; }
			.ts-dialog .ui-dialog-buttonpane button {
				padding: 5px 7px;
				height:28px;
				background:transparent;
				border-color:transparent;
				transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
			}
			.ts-dialog .ui-dialog-buttonpane button:hover {
				border:1px solid lightgray;
			}
			.ts-dialog .ui-dialog-buttonpane button:last-of-type {
				margin-right:0;
			}

			.ts-dialog .ui-dialog-buttonpane *[class^='b-']:before {
				margin-top:-3px;
			}


			.ts-dialog label {
				display:block;
				margin: 0 0 .25rem 0;
				line-height: 1.95rem;
				font-size: .9rem;
			}

			.ts-dialog label input,
			.ts-dialog label textarea,
			.ts-dialog label select {
				display:block;
				padding: 0 .5rem;/**/
				min-height:1.75rem;
				font-size:1rem;
			}
			.ts-dialog label .pull-right {
				margin-left:.5rem;
			}

			.ts-dialog .r input,
			.ts-dialog .r select,
			.ts-dialog .r textarea,
			.ts-dialog .r .itemBox {
				margin-left: .5rem;
			}

			.ts-dialog.ui-widget label .buttongroup,
			.ts-dialog.ui-widget div.label .buttongroup {
					border:none;
				}
			.ts-dialog.ui-widget label .buttongroup input[type=button],
			.ts-dialog.ui-widget div.label .buttongroup input[type=button] {
					font-size:1rem;
					font-size: 1rem;
					padding: 0 10px;
					margin-left: -1px;
				}

	/* .ts-dialog-newest form.responsive */

		.ts-dialog.ts-dialog-newest footer {
			position:sticky;
			bottom:0;
			z-index: 20;
		}
		.ts-dialog-newest form.responsive {
			margin: 0;
			padding: 0;
			box-shadow: none;
			border-radius: 0;
			border: none;
			width: 100%;
			max-width:100%;
		}
			.ts-dialog-newest form.responsive input,
			.ts-dialog-newest form.responsive select,
			.ts-dialog-newest form.responsive textarea {
				padding:3px 10px;
				box-sizing: border-box;
				width: 100%;
			}
			.ts-dialog-newest form.responsive input[type=button]{
				width: auto;
			}
			.ts-dialog-newest form.responsive input[list]{
				padding-right: 0;
				line-height: 1em;
				height: 28px;
			 }
			.ts-dialog-newest form.responsive select { width:100%; }
			.ts-dialog-newest form.responsive .small { font-size:.8em; }

		.ts-dialog-newest form.responsive .ui-autocomplete-input.custom-combobox {
			padding:0 10px;
			/*max-height:28px;*/
			width: 100% !important;
		}

		.ts-dialog-newest .gps-searching .gpsNavigator-item-wrapper .ts-spinner {
			position: absolute;
			top: 50%;
			/* left: 5px; top: 7px; left: 7px; */
			margin: -8px 5px;
		}

		.ts-dialog-newest .custom-combobox .ui-menu-item {
			font-size: 1em;
			line-height: 1.6em;
		}

	 /* .ts-browser */

		 .ts-browser.itemBox {
				border:none;
			}

			.ts-browser.itemBox.itemBox-wrapper {
				border:none;
				padding:0 !important;
			}

			.ts-browser.itemBox ul {
				min-height: 2.1rem;
				padding-right: 26px;
				border: 1px solid darkgray;
				border: 1px solid var(--border-input);
			}
				.ts-dialog .ts-browser.itemBox ul {
					display:block;
				}

			.itemBox ul > a {
				margin: 0;
				padding: 1px 2px 3px;
				min-width: 20px;
				height: 20px;
				top: 1px;
				right: 1px;
				text-align: center !important;
			}
			.ts-browser.itemBox ul li {
				margin: 0 0 0 -5px;
				padding: 0px 20px 0px 5px;
				line-height: 22px;

				width:100%;
				max-width:100%;
				text-overflow: ellipsis;
				white-space: pre;
				overflow: hidden;

				border: none;
				background: transparent;
				text-align: left;
				color:inherit;
			}

				.ts-browser.itemBox.items-block ul li {

				}

				.ts-browser.itemBox.items-inline ul li,
				.ts-dialog .ts-browser.itemBox ul li {
					display:inline-block;
					float: left;
					width:auto;
					margin: 2px;
					padding:2px;
					padding-right:20px;
					font-size: 1rem;
					line-height: 1rem;
					border: 1px solid var(--border-light);
				}


				.oldFashion .ts-browser.itemBox ul li {
					display: inline-block;
					position: relative;
					width: 88%;
				}

				/* itemBox-single */

					.itemBox.itemBox-single ul.buttongroup {
						flex-wrap:nowrap;
						align-items: center;
						/*padding-right:0;*/
					}
					.itemBox.itemBox-single ul.buttongroup > a {
						top: 50%;
						margin-top: -13px;
					}
					.itemBox.itemBox-single ul.buttongroup li {
						box-shadow:none !important;
					}
					.itemBox.itemBox-single ul.buttongroup li a {
						right:4px;
					}
					.itemBox.itemBox-single ul.buttongroup li a:hover {
						color:firebrick;
					}


					.ts-dialog .ts-browser.itemBox.itemBox-single ul li  {
						display: block;
						float: none;
						margin: 2px 22px 0 0;
						border: 0;
						box-shadow: none !important;
					}

/* FORM ELEMENTS */


	form.frmItem {
		display:inline-block;
		float:left;
		margin:20px;
		border:1px outset lightgray;
		border-radius:5px;
		padding:10px 20px;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	}

	form {margin:0;}
		form input:not([type=checkbox]) {
			min-height:20px;
			line-height: 20px;
		}
		form select {
			min-height:24px;
			line-height:24px;
		}

			form .f80 input,
			form .f80 select {
				min-height:18px !important;
			}
		select { margin:0;}
		input.error, select.error, textarea.error { outline:1px solid red !important; z-index:2; }

	[showon] { display:none; }

	input[type=number] { padding-right:0; padding-left:0; }
		input[type=number].no-apperance { -moz-appearance: textfield; }
		input[type=number].no-apperance::-webkit-outer-spin-button,
		input[type=number].no-apperance::-webkit-inner-spin-button { -webkit-appearance:none; }

	input[type=search]{
			padding-left:20px;
			padding-right:0;
			background:url('images/search.png') no-repeat 2px center #fff;
			max-width:100%;
		}
		main input[type=search]{
			font-size: 1.2rem;
			height:1.8em;
			padding-left:25px;
			background-position-x:4px;
		}

	input[type=image]:disabled {
		filter:grayscale(100%);
		opacity:.75;
	}

	textarea[name=title] {
		height:25px;
		min-height: 25px;
		line-height: 20px;
		margin-top: -2px;
		padding: 2px 5px;
		font-weight:bold;
		font-size:1.1rem;
	 }

	select[placeholder] {
		background:transparent;
	 }
		.custom-select-placeholder-wrapper{
			position: relative;
			display: inline-block;
		 }

		em.custom-select-placeholder {
			position:absolute;
			font-size: 90%;
			left:0;
			top:50%;
			margin-top:-.5em;
			color: #666;
			padding: 0 7px;
			line-height:1rem;
		 }


	form.responsive {
			display:inline-grid;
				/*
				grid-template-areas:
					"a b c"
					"a b c"
					"a b c"
					;
				grid-template-columns: 1fr 2fr 1fr 2fr;
				grid-auto-rows:30px;
				*/
				grid-column-gap:10px;
				grid-row-gap:5px;
				align-items: center;
			width:auto;
			min-width:unset;
			max-width:100%;

			margin: .5rem 1rem;
			padding: 1rem;
			box-shadow: var(--shadow1);
			border-radius: 4px;
			border: 1px outset lightgray;
		 }
			.debug form.responsive { outline:1px dashed blue; }

	form.responsive > * { order:5; }
	form.responsive .gpsNavigator-item-wrapper { order:2; width: 100%; }
	form.responsive header { order:1; }
	form.responsive footer { order:9; position: relative; }

			form.responsive input,
			form.responsive select,
			form.responsive textarea,
			form.responsive a.button {
				padding: 3px 0.75em;
				/*min-width: 1px !important;; ?WTF!*/
			}
			form.responsive select {
				padding: 5px 0.75em;
			}
			form.responsive a.button { padding:.3em; display: flex; }
			form.responsive .buttongroup a.button { height: 20px; padding:3px; }

			form.responsive .col1 { grid-column: 1/1; /* grid-area: a; */ }
			form.responsive .col2 { grid-column: 2/2; }
				form.responsive .col2-3 { grid-column: 2/3; }
				form.responsive .col2-6 { grid-column: 2/6; }
			form.responsive .col3 { grid-column: 3/3; }
			form.responsive .col4 { grid-column: 4/4; }
			form.responsive .col5 { grid-column: 5/5; }
				form.responsive .col5-6 { grid-column: 5/6; }
			form.responsive .col6 { grid-column: 6/6; }
			form.responsive .col7 { grid-column: 7/7; }
			form.responsive .col8 { grid-column: 8/8; }
				form.responsive .col8-9 { grid-column: 8/9; }

			form.responsive .span2 { grid-column-end: 2; }
			form.responsive .span3 { grid-column-end: 3; }
			form.responsive .span4 { grid-column-end: 4; }
			form.responsive .span5 { grid-column-end: 5; }
			form.responsive .span6 { grid-column-end: 6; }
			form.responsive .span7 { grid-column-end: 7; }
			form.responsive .span8 { grid-column-end: 8; }
			form.responsive .span9 { grid-column-end: 9; }

			form.responsive .pull-right { justify-self: end; }
			form.responsive .buttons { background:transparent; padding: 1rem 0 0; }


	fieldset {
		border:1px solid lightgrey;
		margin-bottom:1.5rem;
	 }
		.ui-dialog form fieldset {
			padding:0;
			margin:0;
			border:0;/**/
		}

		fieldset legend {
			padding:0 10px;
			background:#fff;
			color:forestgreen;
		}
		fieldset label,
		fieldset div.label {
			margin:1rem 10px;
			padding:0;
			display:block;
			/*border:1px dotted red;*/
			line-height:22px;
		}
		fieldset div.label {
			/*border:1px dotted blue;*/
		}

		fieldset label input,
		fieldset label select {
			padding: 4px;
			margin:0;
			max-width: 100%;
		}
		fieldset label select {
			padding: 3px 4px;
		}
		fieldset label code {
			font-size: 1.3rem;
			margin-top: -5px;
			display: inline-block;
		}

/* BUTTONS */


	.buttons {
		margin-top: 15px;
		padding: 15px 0px 5px;
		border-top: 1px solid lightgray;
		border-top: 1px solid var(--border-light);
	 }
		.buttons button {
			width:auto;
			min-width: 28px;
			display: inline-block;
		}
		.buttons button.entitled {
			padding-left:.5rem;
			padding-right:.5rem;
			display: inline-flex;
		}

		*[class^='b-'].entitled {
			padding-right:10px;
		}
		*[class^='b-'].entitled:before {
			margin-right:5px;
		}

	.buttons ins:hover,
		.buttons a:hover, .buttons input:hover, .buttons button:hover,
		.buttons a:focus, .buttons input:focus, .buttons button:focus {
			border-color: lightgray;
			background: linear-gradient(to bottom, #fff 0%,#eaeaea 100%);
			text-decoration:none;
		}


	.buttongroup {
			font-size:0;
			margin:0;
			display:flex;
			display:inline-flex;
			align-items: center;
			align-items: stretch;
			align-content: stretch;
		}
		.buttongroup > * { font-size:1rem; }
		.buttongroup .btn {
			display:flex;
			align-items: center;
			justify-content: center;
		}


			.buttongroup input,
			.buttongroup button {
				/* float: left;  */
				font-size: 1rem;
			}

			.buttongroup input[type=button],
			.buttongroup a.button,
			.buttongroup button,
			.buttongroup button[class^=b-] {
				padding: 0;
				width: 25px;
				height: 25px;
				background-color: whitesmoke;
				border-color: var(--border-input);
				border-radius: 0;
			}
			.buttongroup select,
			.buttongroup button,
			.buttongroup input[type=button]{
				border-color: var(--border-input);
			}
			.buttongroup button:hover,
			.buttongroup input[type=button]:hover {
				background: linear-gradient(to bottom, #fff 0%,#eaeaea 100%);
			}
			.buttongroup input,
			.buttongroup select,
			.buttongroup a.button,
			.buttongroup button {

			}
			.buttongroup a.button { /*height:22px;*/ }

			select[type="radio"] { display:none; }
			.buttongroup.buttonradio input {
				width: auto;
				min-width: 45px;
				padding-left: 10px;
				padding-right: 10px;
			}

			.buttongroup.buttonselect input {
				cursor:pointer;
				background-color:#fff;
			}
			.buttongroup.buttonselect select {
				display:none;
			}


	.custom-combobox { min-height: 25px; }
	form.responsive .custom-combobox { width: 100% !important; }

		.custom-combobox, .combo-show {
			min-height: 23px;
		}

/* BAR */

  #bar:not(table),
  table#bar tr {
	display:flex;
	position:absolute;
	z-index: 95;

	background-color: whitesmoke;
	text-align: left;

	width:100%;
	/*width: calc( 100% - 1rem );*/

	height: 2.2rem;
	height: var(--bar-height);
	line-height:2.2rem;
	line-height: var(--bar-height);

		margin:0;
		padding:0 .5rem;
		border-bottom:1px solid;
		border-bottom-color:lightgray;
		border-bottom-color:var(--border-light);

	}
	#bar:empty { display:none; }
	#bar [wide] { width:100%; }

	#bar li {
			display:inline-block;
			display: flex;
			align-items: center;
			justify-content: center;

			list-style:none;
			float:left;
			margin:0;
			padding:0;
			height:var(--bar-height);

			white-space: nowrap;
		}
		#bar li.vr {
			border-right:1px solid #e5e5e5;
			padding-right: 5px;
			margin-right: 5px;
		}
		#bar li.br {
			border-right:1px solid #e5e5e5;
		}

		#bar li.bull:before { content:'•'; }
		#bar li.pull-right { float:right; margin-left:auto; }


		#bar li input[type=text],
		#bar li input[type=search],
		#bar li select {
			border: 1px solid var(--border-input);
			height:1.9rem;
		}

		#bar li button,
		#bar li .button,
		#bar li a.button,
		#bar li input[type=button],
		#bar li input[type=image]
		 {
			height:1.9rem;

			display: inline-block;
			display: flex;
			align-items: center;
			justify-content: center;

			width: auto;
			min-width:28px;

			font-size: 1rem;

			opacity:1;
			background-color: transparent;
			border:none;

			color: var(--color-main);
			border-radius: 1px;
			transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1),
						background 0.28s cubic-bezier(0.4, 0, 0.2, 1);

			padding: 0 5px;
			margin: .1rem 0;
		}

		#bar li a.button.entitled { padding:0 5px; }
		#bar [class^='b-'].entitled:before { margin-right:7px; }

			#bar .button.checked{
				outline: auto 2px var(--border-outline);
				color: var(--border-outline);
				outline-offset:0;
			}
			#bar .button input[type=checkbox] {
				display:none;
			}

		#bar li button:hover,             #bar li button:focus,
		#bar li .button:hover,            #bar li .button:focus,
		#bar li a.button:hover,           #bar li a.button:focus,
		#bar li input[type=button]:hover, #bar li input[type=button]:focus,
		#bar li input[type=image]:hover,  #bar li input[type=image]:focus,
		#bar li.childs:hover button {
			background: linear-gradient(to bottom, #fff 0%,#eaeaea 100%);
			box-shadow:var(--shadow1);
			cursor:pointer;
		 }

		#bar [class^='b-']:before {
			margin: 0;
			min-width: 16px;
		}

		#bar a[class^='b-'].button,
		#bar a.button:has(.fa:only-child),
		#bar a.button:has(img:only-child) { padding:0 1px; }

		#bar li button img { float:left; margin-right:6px; padding:0; /*margin: 6px 6px 0 0;*/ }
		#bar li button img:only-child { margin:0; }
		#bar li button.b-:before { display:none; }

		#bar li img,
		#bar li input[type=image] {
			padding: 6px;
			height: auto;
			max-height: unset;
			min-width: auto;
		}

		#bar li .fa { font-size:1.2rem; }/**/

		#bar .dropdown, #bar .dropdown .dropdown-button {
			max-height: 2.2rem;
		}


	#bar h2,
	#bar h3 {
			line-height:22px;
			line-height:var(--bar-height);
			white-space: nowrap;
			margin:0;
		}
			#bar h2 .fa,
			#bar h3 .fa {
				font-size:inherit;
			}

	#bar .childs { position:relative; }
		#bar .childs select { position:absolute; left:0; width:25px; opacity:0; cursor:pointer }
		#bar .childs option { padding:5px 1em; background: var(--bg-side); }

	#bar .tab {
			border: 1px solid var(--border-light);
			border-bottom: none;
			/*
			line-height: 25px;
			min-height: 28px;
			*/
			display: inline-block;
			box-sizing: border-box;
			padding: 0 8px;
			margin: 2px 2px -2px;
			border-radius: 2px 2px 0 0;
		}
		ul#bar .tab:hover {
			/*
			*/
			background: linear-gradient(to top, var(--bg-main) 0%, var(--bg-side) 100%);
			box-shadow: none;
			/*border-color:var(--border-input);
			border-bottom: 1px solid lightgray;*/
		}

		ul#bar .tab.active {
			background:#fff;
			border: 1px solid var(--border-input);
			border-bottom: none;
			cursor:default;
			box-shadow: none;
			margin-bottom: -2px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		ul#bar .tabs-disabled .tab:not(.active) {
		}
		ul#bar .tabs-disabled .tab:not(.active) {
			color:gray;
			border-bottom: none;
			border: 1px dotted var(--border-light);
			cursor:grab;
		}
		ul#bar .tabs-disabled .tab b { font-weight:normal; }

	/* -------- */

		#bar .cellYear,   #bar .cellOrg,   #bar .cellUser,
		#bar .cellSearch, #bar .cellCountry {
			padding-left: 20px !important;
			position: relative;
		}
			#bar .cellSearch img.btnClear {
				width: 10px; height: 10px;
				padding: 0px; margin: 0;
				cursor: pointer;
				position: absolute;
				top: 8px; right: 4px;
			}

		table#bar {
				display:block;
				min-height: var(--bar-height);
				width:100%;
			}
			table#bar tr { display:flex; }
			table#bar tr td { display:inline-block; width: auto; border:none; }
			table#bar tr td[width] { margin-left:auto; width: auto; }

			table#bar td.vr {
				padding-right:6px;
				position:relative;
			}
			table#bar td.vr:after {
				content: '';
				display: inline-block;
				background: url(../images/bar_sep.png) no-repeat center;
				height: 24px;
				width: 2px;
				position: absolute;
				right: 3px;
				top: 2px;
			}



 /* .dropdown */

	.dropdown,
	.dropdown .dropdown-button {
		position:relative;
		display: inline-block;
		border-radius: 0;
	}
		#bar .dropdown-button.bordered {
			border:1px solid var(--border-input);
			margin-right:1px;
		}
		.dropdown-button .dropdown-chevron {
			margin: 3px -3px 0 12px;
			font-size: 11px !important;
		}

		#bar .dropdown-button.entitled {
			padding: 2px 0.5rem 0;
			/*top: -1px;*/
			height: 1.8rem;
			line-height: 1.5rem;
			border-radius: 0;
			border: 1px solid darkgray;
		}
			#bar .dropdown-button .dropdown-chevron {
				margin-top: -3px;
			}
			#bar .dropdown-button.chevron-tiny .dropdown-chevron {
				margin-left:0;
				margin-right:0;
			}

		.dropdown-content { display:none; }

		.dropdown > *:nth-child(2),
		[dropdown] .dropdown-content,
		.dropdown .dropdown-content {
			display:none;
			position:absolute;
			background:whitesmoke;
			padding:0;
			margin:0;
			text-align:left;
			border:1px solid lightgray;
			border-radius:0;
		}
			.dropdown-content > * {
				display:block !important;
				white-space: nowrap;
				border-bottom:1px solid #e5e5e5;
				padding:0 30px 0 15px;
				margin:0;
				position:relative;
				z-index: 3;
			}
			.dropdown-content > *.checkgroup-hr {
				border-top:1px solid #e5e5e5;
				margin-top:1px;
			}

			.dropdown-content > label {
				line-height: 2rem;
				min-height:3px;
			}
				.dropdown-content > label:has(input[type=checkbox]) {
						padding-right:47px;
					}
					.dropdown-content > label input[type=checkbox]{
						position:absolute;
						display:inline-block;
						right:13px;
						top: .45rem;
					}

				.dropdown-content > label:has(input[type=radio]){
					padding-left:30px;
				}
					.dropdown-content > label input[type=radio]{
						position:absolute;
						display:inline-block;
						left:13px;
						top: .45rem;
					}

		/*.dropdown.dropdown-expanded,*/
		.dropdown.dropdown-expanded .dropdown-button:hover,
		.dropdown .dropdown-caption,
		.dropdown .dropdown-buttons {
			background:#d5d5d5;
			background: #ddd !important;
			/*border-bottom-color:#ccc;*/
		}
		.dropdown-caption {
			font-weight:bold;
		}
		.dropdown-buttons {
			padding:0;
			border-bottom:none;
			border-top:1px solid #ccc;
			margin-top:1px;
			height:2.2rem;
			overflow:hidden;
			margin-bottom: 0;
		}

			#bar .dropdown-buttons .btn {
				line-height: 1.9rem;
				height: 1.9rem;
				padding: 0 10px;
				margin: 1px 0 0 5px;
				border-color: #ddd !important;
			}
			#bar .dropdown-buttons .b-apply {
				margin: 0 6px;
				padding: 0 5px;
				display: flex;
				align-items: center;
			}
			.dropdown-buttons .b-reset {
				display:none;
			}
			.dropdown-checked .dropdown-buttons .b-reset {
				display:inline-block;
			}


			.dropdown-buttons input[type=image] {
				padding: 0 12px;
				cursor:pointer;
			}
			.dropdown-buttons input[type=button] {
				padding:0 15px;
				cursor:pointer;
				height: 2.2rem;
			}
			.dropdown-buttons *[class^=b-] {
				padding:5px;
				margin:1px 6px;
			}

			.dropdown-buttons > *,
			.dropdown-buttons > *:first-child:only-child {
				float:right;
				border-left:1px solid #e5e5e5;
			}
			.dropdown-buttons > *:first-child {
				float:left;
				border-left:none;
				border-right:1px solid #e5e5e5;
			}

			.dropdown .filter-reset { display:none; }

	/*. dropdown-checked */

		#bar .dropdown-checked .dropdown-button {
			color: #B71C1C;
			/*outline: 2px solid #B71C1C;*/
		}

		.dropdown.dropdown-checked .filter-reset { display:block; }



	/* bar autocomplete */

		ul#bar .ui-autocomplete-input.custom-combobox {
			position:relative;
			z-index:3;
			background:transparent;
		}
		ul#bar .ui-autocomplete-input.custom-combobox[value!=''],
		ul#bar .ui-autocomplete-input.custom-combobox[value!='%'] {
			background:#fff;
		}
		ul#bar .combo-show {
			position:relative;
			z-index:4;
			transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
			background: url(../styles/images/combo-arrow-default.png) center no-repeat, whitesmoke;
			border-left:1px solid #e5e5e5;
		}
		ul#bar .combo-show:hover {
			background: url(../styles/images/combo-arrow-default.png) center no-repeat,
			            linear-gradient(to bottom, #fff 0%,#eaeaea 100%);
			/*background-color:#e5e5e5;*/
		}


/* clearfix */
	#bar:before, #bar:after,
	hr:before, hr:after,
	.cf:before, .cf:after,
	.buttons:before, .buttons:after,
	.clearfix:before, .clearfix:after
	 {
		content:''; display:table; clear:both;
	 }



section.eventgroup { /* deprecated, in director now */
	position:relative;
	padding:5px 10px 10px;
	border:2px dotted #f8d100;
	margin-bottom:10px;
	white-space: normal;
           /*-moz-border-radius: 10px; -webkit-border-radius: 10px;*/ border-radius: 10px;
 }
	section.eventgroup .posters {
		width:25%;
		position:absolute;
		right:15px;
		top:10px;
		bottom:10px;
		overflow:auto;
	}
	section.eventgroup .posters a {
		display:block;
		margin-bottom:10px;
		text-align:center;
	}

	section.eventgroup > h3 {
		margin-bottom:3px;
	}

	section.eventgroup > div > div {
		padding:4px 0 ;
	}
	/*.event-cat-2 { font-weight:600; }
	.event-cat-3 { font-weight:600; }*/

	section.eventgroup > div a:hover { text-decoration:underline; }
	section.eventgroup > div i { font-size:90%; color:black; }
	section.eventgroup > div img.flag { margin-bottom:-1px; }

	.folder {
		display:inline-block;
		width:16px; height:16px; margin:-3px 0;
		background: url(images/folder1.png) center no-repeat;
	}

 .ts_sect2 { padding:5px 10px 10px; border:1px dotted #f8d100; margin-bottom:10px;
	     /*-moz-border-radius: 50px; -webkit-border-radius: 5px; border-radius: 5px; */
 }

.items-list {
	max-width:750px;
	margin:0 5% 3em;
}

.tabs {
		white-space: nowrap;
		max-width: 100%;
		overflow: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		scrollbar-height: none;
	}
	.tabs::-webkit-scrollbar { width:0; height:0; }

	.tabs .tab {
			display:inline-block;
			font-size:1.1em;
			margin-right:1em;
			margin-bottom: 0.5em;
			padding-bottom: 5px;
			border-bottom:1px solid transparent;
			transition: border-bottom-color .28s cubic-bezier(0.4, 0, 0.2, 1);
			color: #333;
		}
		.tabs .tab:hover {
			border-bottom-color: gold;
			}
		.tabs .tab.active {
			cursor:default;
			padding-bottom:3px;
			border-bottom:4px solid gold; /* var(--color-h); */
			}



section.itemgroup { /* new */
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1rem;
		padding:.5rem 1rem .75rem;
		border-radius: 5px;
		border: 1px dotted;
		border-color:lightgray;
		border-color:var(--border-light);
	 }
	section.itemgroup .toggle-counter { float:right; }

.items-container {
		width:100%;
		max-width:650px;
		margin-left:calc((100% - 650px) / 5);
		margin-bottom: 1rem;
	}

	 .item-row {
	 		position:relative;
			display:flex;
			font-size:.9rem;
			/*margin-top:.5rem;*/
			padding:.5rem .75rem;/* !important;*/
			border-top:1px dotted var(--border-light);
		}
		.item-row.valign-middle {
			align-items: center;
		}
		.itemgroup .item-row:first-of-type { border-top:none; }
		.itemgroup .item-row:last-of-type  { margin-bottom:.75rem; }

		.item-row > * { order:5; }

		.item-row > div {
				flex:auto;
			}
			.item-row > div > img { /* folder */
				position: relative;;
				margin-right:5px;
				bottom: -3px;
				float:left;
			}
			.events .item-row > div > a {
				font-size:1.1rem;
				line-height: 1.4rem;
				overflow: hidden;
				display: block;
				text-overflow: ellipsis;

				max-height: 2.8rem;
			}
			.item-row > div > a.stat-run { color:firebrick; }
			.item-row > div > a.stat-add { color:#777; }
			.item-row > div > a.stat-ann { color:forestgreen; }
			.item-row > div > a.stat-end { color:#222; }

			.item-row > div ul { /* childs */
				margin:5px 0 0;
				padding-bottom:5px;
				font-size:1rem;
				line-height:1.6rem
			}
			.item-row > div div {
				margin-top:5px;
				line-height: 1.35em;
			}
				.item-row > div div span {
					white-space: nowrap;
					display:inline-block;
				}
					.item-row > div div em {
						outline:none !important;
						font-style:normal;
					}
					.item-row > div div .org-icon {
						float: left;
						margin: 0 4px 0 0;
					}
					#rankings-view .item-row > div div .flag {
						margin: 1px 4px -1px 0;
					}
		.item-row > span,
		.item-row > time,
		.item-row > em {
				min-height:32px;
		}
		.item-row > time,
		.item-row > em {
				width:35px;
				min-width:35px;
				text-align:center;
			}
			.item-row em:empty { display:none }

			.item-row > time {
				margin-right:.75rem;
				font-size:.8rem;
				line-height:1rem;
				text-align:center;

				display: inline-flex;
				flex-direction: column;
				justify-content: space-between;
			}
			.item-row > span {
				display: flex;
				align-items: center;
			}
			.item-row > em {
				margin-left: 0.75rem;
				line-height: 1.3rem;
				display: flex;
				flex-wrap: wrap;
				flex-direction: column;
				justify-content: center; /*space-between;*/
				align-items: center;
			}
				.item-row > em.center,
				.item-row > em.place {
					justify-content: center;
				}
				.item-row > em.score,
				.item-row > em.scorecell {
					justify-content: center;
					align-self: center;
					background-color: lightgray;
					max-height: 2.2em;
				}
				.item-row.match-win .selfscore { background-color: var(--bg-win); }
				.item-row.match-los .oppscore  { background-color: var(--bg-los); }

				.item-row > em.place b {
					font-weight: normal;
					font-size: 1.2em;
					min-width: 20px;
					line-height: 20px;
					border-radius: 10px;
					white-space: nowrap;
				}
				.item-row > em.place i {
					font-size: .8em;
					display:block;
				}

			.item-row > em .fa {
					margin-left:3px;
				}
				.item-row .fa-check-square-o {
					margin:0 5px;
					bottom:-2px;
				}
				.item-row > em.cell-events   a:before,
				.item-row > em.cell-matches  a:before,
				.item-row > em.cell-video    a:before,
				.item-row > em.cell-rankings a:before {
					display:block;
					font: normal normal normal 14px / 1 FontAwesome;
					font-size: inherit;
					text-rendering: auto;
					-webkit-font-smoothing: antialiased;
					margin-bottom:3px;
				}
				.item-row > em.cell-events   a:before { content:'\f0e8'; transform: rotate(90deg); }
				.item-row > em.cell-matches  a:before { content:'\f2b5'; } /* fa-handshake-o */
				.item-row > em.cell-video    a:before { content:'\f03d'; } /* fa-video-camera */
				.item-row > em.cell-rankings a:before { content:'\f080'; } /* fa-bar-chart */


		.icon-video {
			display:inline-block;
			width:16px; height:16px;
			background-position: center;
			background-repeat: no-repeat;
			background-image: url('images/video1.png');
		}
		.evt-run .icon-video {
			background-image: url('images/video2.png');
		}

		.item-row .item-title.item-title2,
		.item-row .item-title.item-title3 {
			max-height: 2.4em;
			overflow: hidden;
			text-overflow: ellipsis;
			display: inline-block;
		}
		.item-row .item-title.item-title3 {
			max-height: 3.6em;
		}

		.item-row .thumb,
		.item-row .item-thumb {
			background-position: center;
			background-size: cover;
			margin: 0 0.75em 0 0;
			width: 50px;
			height: 50px;
			background-repeat: no-repeat;
			border-radius: 50%;
		}
		.item-row .small .item-venue .flag {
			float:left; height:10px; margin:2px 4px 0 0;
		}

		.item-row > .b-edit {
			opacity:0;
			position: absolute;
			right: -20px;
			top: calc( 50% - 12px );
			padding:3px;
			margin:0;
			/*transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);*/
		}
		.item-row:hover > .b-edit { opacity:1; }

		.evt-row a.f120{
			display: inline-block;
			max-height: 3.5em;
			overflow: hidden;
			text-overflow: ellipsis;
		}

.logged { font-size:80%; float:right; text-align: right; }

#datacell, main {
		position:absolute; /**/
		top:calc( var(--header-height) + var(--bar-height) );
		bottom:0;
		width:100%;

		padding:0;
		margin:0;

		overflow: auto;
			overflow-x: auto;
			overflow-y: auto;
		/*scrollbar-width:5px;
		scrollbar-height:5px;*/
	}
	/*main::-webkit-scrollbar { width:5px; height:5px; }*/

	/*.debug-mode main { border:1px dashed red; }*/

	#datacell > table.list,  main > table.list,
	#datacell > table.lined, main > table.lined {
		margin:10px 20px 40px;
		border-color:darkgray;
	}
	#datacell > div:last-child { margin-bottom:40px; }

	main footer.pagination.sticky {
		position: sticky;

		bottom: -5.1rem;
		margin: 3rem 0 0;
		padding: 1rem 0 0;

		width: 100%;
		max-width: unset;
		background: var(--bg-main);
		border-top: 1px dotted var(--border-light);
	}

aside {
	background-color:whitesmoke;
	background-color:var(--bg-side);
	border-color: lightgray;
	border-color: var(--border-light);
	overflow: hidden auto;
	padding:1rem;
 }

	aside.pull-left  { border-right: 1px solid; }
	aside.pull-right { border-left:  1px solid; }

		.aside-collapser {
			position: absolute !important;

			display: inline-block;
				text-align: center;
			display: flex;
				justify-content: center;
				align-items: center;

			z-index: 15;
			top: 0;
			bottom: 0;
			left: 0;
			margin: 0;
			padding-top: 5px;
			width: 20px;

			color: var(--border-input);
			transition: all 0.25s ease 0s;
		}
		.aside-collapser:hover {
			color: var(--color-main);
			background-color: rgba(0, 0, 0, .03);
			text-decoration: none;
		}

	aside.sticky-side {
			position:fixed;
			z-index:10;
			top:76px;
			bottom:0;
		}
		aside.sticky-side.pull-left {
			left:0;
			border-right: 1px solid lightgray;
			z-index:12;
		}
		aside.sticky-side.pull-right {
			right:0;
			border-left: 1px solid lightgray;
		}

		.sidebar a.tile {
			padding: 10px;
			padding-left: 20px;
			display: block;
			margin-bottom: 5px;
			text-align: left;
		}
		.sidebar a.tile.active {
			background-image: url(styles/images/gradient-palegreen-36.png);
			border: 1px solid #8ad58a;
			font-weight: bold;
		}

		aside code { white-space: normal; word-break: break-all; }

#loginBox {
		position:fixed;
		top:5px;
		right:1rem;
		line-height:1.4em;
		text-align:right;
		/*
		top:0;
		right:0;
		padding:5px 10px;
		background-color:#FFD54F;
		background-color:var(--bg-head-def);
		*/
		background-color: var(--bg-head-def);
		padding-left: 1rem;
	}
	body.director #loginBox {background-color: var(--bg-head-dir);}
	body#event-view.director #loginBox,
	body#tournament-view.director #loginBox {background-color: var(--bg-head-evt);}

	#loginBox a { color:black; text-decoration:none; }
	#loginBox a:hover { color:white; text-decoration:underline; }

	#loginBox > a:only-child {
		display: inline-block;
		height: 20px;
	}

	#loginBox > a:only-child:after {
		content:'';
		display:inline-block;
		width:20px; height:20px;
		background:url(images/login_icon.png) 0 0 no-repeat;
		margin:0 0 -6px 3px;
	}

	#loginBox > a:only-child:hover:after {
		background-position: -20px 0;
	}

	#loginBox img { margin:0 0 -6px 3px; height:20px; }

#languages,
.custom-select {
		position:relative;
		margin-bottom: 5px;
		height:1.8rem;
	}
	.custom-select > div {
		position:absolute;
		z-index:1;
		overflow:hidden;
		height:1.8rem;
		width:100%;

		border-bottom:1px dashed blue;

		border-radius: 2.1px;

		border:1px solid;
		border-color: lightgray;
		border-color:var(--border-light);

		transition: height 5s;

	}
		.custom-select a  {
				display:block;
				line-height: 1.8rem;
				padding: 0 3px;
			}
			.custom-select a img { margin:0 5px -1px 5px; }

			.custom-select div > a {
				position:relative;
			}
			.custom-select div > a:after {
				content: "\f078";
				font-size:80%;
				font-family:FontAwesome;
				position:absolute;
				right:4px;
				top:50%;
				margin-top:-1.1em;
				color:#666;
			}

		.custom-select ul {

				margin:0;
				padding:5px 0 5px;
				padding:0;
				/*
				position:absolute;
				z-index: 1;

				left:0; right:0;
				display:none;
				height:auto;

				width:100%;

				border-radius: 0 0 5.1px 5.1px;
				border:1px solid transparent;
				*/
				background:#fff;
				background:var(--bg-main);
			}
			.custom-select ul a {
				/*
				margin:0 auto;
				height:0;
				width:90%;
				overflow:hidden;
				*/
			}
			/*
			.custom-select > div a:first-child { margin-top:5px; }
			.custom-select > div a:last-child { margin-bottom:5px; }
			*/


		.custom-select:hover > div {
				/*box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);*/
				height:auto;
				box-shadow: var(--shadow1);
			}
			.custom-select:hover ul {
				border-top:3px double;
				border-color: lightgray;
				border-color:var(--border-light);

			}
				/*
				.custom-select:hover > a {
					border-radius: 5.1px 5.1px 0 0;
				}

				.custom-select:hover > ul,
				.custom-select > ul:hover {
					display:block;
					border-color:lightgray;
					border-color:var(--border-light);
					box-shadow: var(--shadow1);
					margin-top:-2px;
				}

				.custom-select:hover > ul a,
				.custom-select > ul:hover a {
					height:auto;
					margin-top:1px;
				}
				*/
				.custom-select ul a:hover {
					outline:1px solid;
					outline-color:lightgray;
					outline-color:var(--border-light);
					background: linear-gradient(to bottom, #fff 0%,#eaeaea 100%);
				}



/* ============================================================== */
/* service.php */
	#ts_menubar h1 { font-size:1.2em; font-weight:bold; margin: 0 0 3px; }
	#ts_menubar {
		width:100%;
		font-family: Arial;
		font-family: var(--font-family);
		font-size: 12px;
		padding: 3px 7px;
	}
	#ts_menubar a:first-child {margin-right:10px;}
	#ts_menubar a.b-embed      { float:right; margin-top:-4px; }
	#ts_menubar a.b-fullscreen { float:right; margin-top:-4px; }
	#ts_menubar a.arr-left     { float:left; margin:-2px 0 -10px -2px; }
/* ============================================================== */

#spin1 { margin:30px; }


/*<table>*/

	thead { font-size:1rem; }

	td { overflow: hidden; text-overflow: ellipsis; }

	tr.header        { background-color: antiquewhite; }
	tr.header td, th { background-color: antiquewhite;	padding: 1px 5px; font-weight:400; }
	tr.title, td.title     { border:0 !important;}
	tr.title  td, td.title { color:navy; font-weight: bold; border:0 !important; padding: 10px 0 3px 10px !important;}

	tr.bold td { font-weight:bold;}

	td.iCell { padding:0 !important; }
	td.iCell input{border: 1px solid transparent; font-size: 12px; background-color: transparent; width:100%; text-align:center;}
	td.iCell:hover {border:1px solid blue; }

	td.iCell input:hover { outline:#85BBDD; border-color:blue; }
	td.iCell input:focus { outline:#85BBDD; border-color:blue; }

	input.iCell {border: 1px solid transparent;}
	input.iCell:focus {border-color:blue; }
	input.iCell:hover {border-color:blue; }

	table.striped tbody > tr:nth-child(odd),  tr.odd  { background-color: #FFFFFF; }
	table.striped tbody > tr:nth-child(even), tr.even { background-color: whitesmoke; }

	table.striped tr,
	table.striped td {
		transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	 }
	table.striped tbody > tr:nth-child(odd):hover,  tr.odd:hover,
	table.striped tbody > tr:nth-child(even):hover, tr.even:hover  { background-color: #E8F5E9/*#CCFFCC*/;}

	.selected,
		tr.selected,
		table.striped tr.selected {
			background-color:#FFE082 !important; /* amber 200 */
		}
		.selected:hover,
		tr.selected:hover,
		table.striped tr.selected:hover{
			background-color:#FFCA28 !important; /* amber 400 */
		}

			.itemBox.selected {
				background-color:transparent !important;
			}
			.itemBox.selected ul {
				outline:2px solid var(--border-outline);
				outline-radius:2px;
			}

	tr.errrow, table.striped tr.errrow { background-color:#FFCCCC; }
	tr.errrow:hover, table.striped tr.errrow:hover { background-color:#FF6666; }



	.hilight, tr.hilight, table.striped tr.hilight { background-color:rgba(173,216,230,.8) !important; }
	.hilight:hover, tr.hilight:hover, table.striped tr.hilight:hover{ background-color:rgba(173,216,230,1) !important; }

	.item-row.selected, .item-row.hilight {
		border-top-color:var(--bg-main);
	}

	tr.grayed { background-color:whitesmoke; color:#808080; filter:none; opacity:1 !important; }
	tr.grayed td   { opactiy:.7; background-color:rgb(245, 245, 245); color:rgb(128, 128, 128); }

	td[colspan].nob h3 { margin-top:1rem; }


	.outline {
		outline: auto 5px -webkit-focus-ring-color;
		outline: auto 2px var(--border-outline);
		outline-offset:0;
	}



	input.odd, input.even {width:35px; text-align:center; height:14px; border:none; font-size:12px;}
	input.odd  { background-color: #FFFFFF; }
	input.even { background-color: whitesmoke; }

	.anim1 { display:inline-block; min-width:220px !important; border-radius:12px;  }
	.anim1:hover { margin-top:-1px; margin-bottom:1px; box-shadow: 3px 3px 7px rgba(0,0,0,0.5); /* Параметры тени */ }

	.blink {
		-webkit-animation: blink 1s infinite;/**/
		animation: blink 1s infinite;
	 }

	.spin {
		transition:none;
		-webkit-animation: spin 1s infinite linear;
		animation: spin 1s infinite linear;
	 }

	@-webkit-keyframes spin {
		0%   {-webkit-transform: rotate(0deg)}
		100% {-webkit-transform: rotate(360deg)}
	}
	@keyframes spin {
		0%   { transform: rotate(0deg)}
		100% { transform: rotate(360deg)}
	}


/* REFERIES */


	/*#directors td { border-color:#ddd; }*/
	#directors .browse img { float:left; margin: 2px 5px 0px 0px; }
	#referies img[data-flag] { margin-right:0; }
	#referies td.nor { padding-right:0; }

	/*.referies.int-1 .flag,
	.referies.int-1 td.nor,
	.referies.int-1 img[data-flag] { display:none; }*/


/* CHIPS, TABLES */

	ins {
		text-decoration: none; /* осн. элемент INS для которого надо убрать подчёркивание */
		display: inline-block;
		margin:0 2px;/**/
		text-align: left;
	}

	ins.chip {
		display: inline-block;
		display: inline-flex;
		align-items: center;
		float:left;

		line-height: 16px;
		min-height: 18px;
		padding: 2px 8px;
		margin: 5px 7px 5px 0;

		border-radius: 11px;
		border: 1px solid;
		border-color: darkgray;
		border-color: var(--border-input);

	}

	ins.chip a {
		font-size: 20px;
		font-weight: 600;
		color: gray;
		line-height: 22px;
		float: right;
		margin: -1px -2px -1px 7px;
		text-decoration: none;
	}
	ins.chip img {
		max-height:16px;
		float: left;
		margin:0 5px 0 0;
	}

	.t_cell { border:2px solid brown; color:white; text-align: center; display:inline-block;
			  vertical-align:middle; margin:5px; font-weight: bold; cursor:pointer}

	.table-group-wrapper { margin-bottom:2em; padding:1em 1em; }
	.table-group { display:flex; flex-wrap:wrap; padding:10px; }

	ins.table {
		display: inline-block;
		border: 4px solid #6D4C41 /* brown600 */;
		min-width: 60px;
		min-height: 30px;
		margin: 5px;
		border-radius: 5px;
		position:relative;
		overflow: hidden;
	}

		ins.table h1 { color:#333; margin:0; padding:5px; float:left;  }
		ins.table mark { padding: 2px 5px; margin: 6px auto 0; display: inline-block;  }
		ins.table .spinner { margin-top: 7px; }
		ins.table .controls {
			position:absolute;
			left:2px; right:2px;
			bottom:-20px;
			/*opacity:0;
			border-top:1px dashed lime;*/
			transition: bottom 0.28s cubic-bezier(0.4, 0, 0.2, 1);
		}
		ins.table:hover .controls {
			opacity:1;
			bottom:3px;
		}
			ins.table .b-on,
			ins.table .b-drop,
			ins.table.run .b-off,
			ins.table.run .b-edit { display:none; }
			ins.table.table-off .b-on,
			ins.table.table-off .b-drop { display:inline-block; }
			ins.table.table-off .b-off { display:none; }

	.table-12 { width:120px; height:60px; margin:5px; } /* 130x70 */
	.table-11 { width:110px; height:56px; margin:7px 10px; }
	.table-10 { width:100px; height:50px; margin:10px 15px; }
	.table-9  { width: 90px; height:46px; margin:12px 20px; }
	.table-8  { width: 80px; height:40px; margin:15px 25px; }
	.table-7  { width: 70px; height:36px; margin:17px 30px; }
		.table-7.table .controls { left: -1px; right: -1px; }

	.table-pyr, .pyr  { background:Limegreen;}
	.table-pool, .pool { background:Lightseagreen;}
	.table-snk, .snk  { background:Yellowgreen;}
	.table-car, .car  { background:#3399CC;}


	mark[class^='disc-'] {
			text-align:center;
			padding:2px 5px;
			font-size:.8rem;
			text-transform: lowercase;
		}
		mark.disc-pyr  { background:forestgreen; color:white; }
		mark.disc-snk  { background:tomato; }
		mark.disc-pool { background:deepskyblue; }

	.table-off { background:lightgray; border-color:#757575; /*filter:grayscale(90%);*/ }
	.table.selected { border-color: #FF6F00 !important; }

	.table_x { background-color: white; color:gray; cursor: default !important;}

	.evt-poster-sm {
		height: 28px;
		float: left;
		margin: -7px 5px -7px -5px;
	}


/* РЎРўРђРўРЈРЎР« */

	.through,.deleted { text-decoration:line-through !important; }
	.unpublish,.deleted { color:#666; }


	a.evt-add,  .evt-add a,  a.t_add, span.t_add { color:darkgray; }
	 .selected a.evt-add, .selected .evt-add a   { color:#666; }
	a.evt-ann,  .evt-ann a,  a.t_ann   { color:forestgreen; }
	a.evt-link, .evt-link a, a.t_link  { color:#205166; color:var(--color-ts-link); }
	.link, .link a { color:#205166; color:var(--color-ts-link);}

	a.evt-reg,  .evt-reg a,  a.t_reg   { color:blue; }
	a.evt-seed, .evt-seed a, a.t_seed  { color:blue; }
	a.evt-inst, .evt-inst a, a.t_inst  { color:blue; }

	a.evt-run, .evt-run a,   a.t_run   { color:red; }
	a.evt-end, .evt-end a,   a.t_end   { color:black; }

	a.evt-del, .evt-del a,   a.t_del     { color:firebrick; text-decoration:line-through; }
	a.evt-trash, .evt-trash a, a.t_trash { color:#555;      text-decoration:line-through; }
	a.evt-staff, .evt-staff a, a.t_staff { color:#C51162; /* pink A700 */ }

	[class^='evt-'] a:hover, a[class^='t-']:hover { text-decoration:underline }
		.evt-del a:hover,   a.t_del:hover,
		.evt-trash a:hover, a.t_trash:hover  { text-decoration:line-through underline; }


		.evt-ann a:before, a.t_ann:before {
			content:'';
			display:inline-block;
			width:16px; height:16px;
			margin:0 3px -2px 0;
			background:url('../images/page.gif') center no-repeat;
		}
		.evt-link a:after, a.t_link:after {
			content:'';
			display:inline-block;
			width:16px; height:16px;
			margin:0 3px -3px 0;
			background:url('../images/link.gif') center no-repeat;
		}


		td[data-folder]:before {
			box-sizing:border-box;
			content:attr(data-folder);
			font-weight:bold;
			display:inline-block;
			width:20px;
			height:16px;
			text-align:center;
			/*padding-left:5px;
			margin-right:3px;*/
			background:url('../images/folder1.png') center no-repeat;
		}
			td[data-folder].evt-run:before{
				background:url('../images/red_folder.gif') center no-repeat;
			}

		.evt-run.evt-video:after,
		.evt-end.evt-video:after {
			content:'';
			float:right;
			display:inline-block;
			width:16px; height:16px;
			margin:0 5px -3px 0;
			background:url('../images/video1.png') no-repeat;
		}

		.evt-liveReg a:before,
		.evt-run.evt-video a:before {
			content:'';
			display:inline-block;
			width:6px; height:6px;
			margin:-3px 5px 0;

			border:1px solid transparent;
			border-radius:100%;

			transition:none;
			-webkit-animation: blink 1s infinite;/**/
			animation: blink 1s infinite;
		}

		.evt-run.evt-video a:before{ background-color:red; }
		.evt-liveReg a:before{ background-color:blue; }

		.t_folder a[class^='t_']:before {
			content:'';
			display:inline-block;
			width:16px; height:16px;
			margin:0 5px -3px 0;
			background:url('../director/images/folder1.png') no-repeat;
		}

		.accessDeny a[class^='t_']:after {
			content:'';
			display:inline-block;
			width:16px; height:16px;
			margin:0 0 -3px 3px;
			background:url('../director/images/lock.png') no-repeat;
			opacity:.5;
		}
		tr.accessDeny:hover { background-color: rgba(100,180,220,.25);}

		#ranking-view .evt-ann a:before { display:none; }

		.ts_searchResult {background-color:yellow; color:firebrick;}

	.not,.ready,.run,.end { cursor:pointer; transition:.3s; }

	.optgroup {}
		.optgroup-activity-10 { }
		.optgroup-activity-11 { color:#666; }
		.optgroup-activity-12 { color:#999; }
		.optgroup-activity-00, .optgroup-activity-01, .optgroup-activity-02 { color:#999; text-decoration:line-trough; }

		.optgroup-published-0 { color:#999; text-decoration:line-trough; }


	/* GRAY */
	 .not, .bg-not, .bg-gray, .match-not
			{ background-color: #F0F0F0;  }
		 .not:hover, .match-not:hover /* table.not:hover, tr.not:hover, td.not:hover */
			{ background-color: lightgray;}

	/* GREEN */
	.ready, .bg-ready, .match-ready
			{ background-color: #CCFFCC; }
		.ready:hover, .match-ready:hover
			{ cursor:pointer; background-color: lightgreen;}

	/* RED */
	 .run, .bg-run, .match-run
			{ background-color: #FFCCCC; }
		 .run:hover, .match-run:hover
			{ background-color: #FF6666;}

	/* WHITE */
	 .end, .bg-end, .match-end
			{ background-color: #FFFFFF; transition:.3s; }
		 .end:hover, .match-end:hover
			{ background-color: #FFFFCC; }

	 /*tbody.end:hover     { cursor:pointer; background-color: #FFFFCC;}*/

	/* BLUE & qualify */

	 .bg-lightblue { background-color: #E3F2FD; }

	 .qualify, .match-qualify   {
			cursor:pointer;
			background-color: #d6ecf3;
			transition:.3s;
		 }
		 table.qualify:hover,
		 tr.qualify:hover,
		 td.qualify:hover,
		 .match-qualify:hover {
			cursor:pointer;
			background-color: #b9dde9;
		}

	tr.team { cursor:pointer; background-color: rgb(174, 213, 129, .35) !important; !important;}
	tr.team:hover { background-color: rgba(174, 213, 129, .5) !important;}


/* table-2 */
	table {
			border:0;
			border-collapse:collapse;
		}
		table[cellspacing] { border-collapse: separate; border-spacing: 1px;}
		table[cellspacing] th, table[cellspacing] td { padding: 2px 5px;}

		table tbody {
			font-size: 12px;
			font-family: arial;
			font-family: var(--font-family);
		}

		td {
			white-space: nowrap;
			empty-cells: show;
		}
		.valign-top,
		.valign-top td,
		td.valign-top  {
			align-self:start;
			vertical-align:top;
		}

		.wsNormal, .wsNormal *,
		.ws-normal, .ws-normal *
			{ white-space: normal; }

		.pre,
		.wsPre, .wsPre *,
		.ws-pre, .ws-pre *
			{ white-space: pre !important; }

		.nobr, .nowrap,
		.wsNowrap, .wsNowrap *,
		.ws-nowrap, .ws-nowrap *
			{ white-space: nowrap !important; flex-wrap:nowrap !important; }

		.break-all { word-break:break-all; }

		table.nolin  td {
			margin:0;
			padding: 1px 5px !important;
			border:0 !important;
		}

	.match table { margin-right: 0 !important; }

	th.nor, td.nor {border-right:0 !important;}
	th.nol, td.nol {border-left: 0 !important;}

	td.c20nowr {text-align:center; width:20px; white-space:nowrap;} /* в итогах */


	table.lined td,
	table.lined th {
		padding:3px 5px;
		border:1px solid var(--border-input);
		/*line-height:18px;*/
	}
		table.border-tiny td { border-color:var(--border-light); }


	table.spacy td, table.lined.spacy td,
	table.spacy th, table.lined.spacy th {
		padding:10px 5px;
	}
		.compact td, td.compact { padding:3px 5px !important; }

	table.list td,
	table.list th {
		padding: 0 5px;
		height:22px;
		border-width:1px; border-style:solid; border-color: var(--border-input);
	}
	table.list th, table.list td {  }
	table.list td {
		line-height:16px;/* !ts.browser */
	}

	table.list td div {
		padding: 0 5px;
		/* border:1px solid magenta; */
		}
	table.sp td,
	table.sp th {
		padding: 2px 5px;
		/* border:1px solid magenta; */
		}


		td.cell-count a:only-child {
			display:inline-block;
			width:100%;
			text-decoration:none !important;
		}


	/* td.mark- */
		td.mark-red,
		td.red_comment   {background:url('director/images/red_comm.png')   left top no-repeat; }
		td.mark-green,
		td[data-textarea],
		td.green_comment {background:url('director/images/green_comm.png') left top no-repeat; }

	/* editable table */

		.editable td[col]{
			cursor:cell;
			position:relative;
		}
		.editable td[col]:hover  {
			/*background:url('director/images/dotGreen.png') right repeat-y,
					   url('director/images/dotGreen.png') left repeat-y,
					   url('director/images/dotGreen.png') top repeat-x,
					   url('director/images/dotGreen.png') bottom repeat-x !important;*/
			box-shadow: 0 0 5px green inset;
			border-color:green;
			outline:none;
			/*outline: 2px solid green;*/
			}


				.editable td[col].editing {
					outline: 2px solid blue;
				}
				td.editing {
					position:relative;
					/*border:1px solid blue !important;*/
				}
				td.editing[data-textarea] {
					position:static;
				}

				td.editing input,
				td.editing textarea {

					padding:inherit;
					text-align:inherit;
					font-size:inherit;
					line-height:inherit;
					font-family:inherit;

					position:absolute;
					/*width:100%;*/
					top:0;
					bottom:0;
					left:0;
					right:0;
					border:none !important;
					float:left;
				}
				td.editing input{

				}


				.editable th[data-textarea],
				.editable td[data-textarea]{
						/*
						white-space: pre;
						display: inline-block;
						*/
						overflow: hidden;
						text-overflow: ellipsis;
						height: 18px;
						max-height: 18px;
						line-height: 18px;
						border-left: none;
						border-bottom: none;
					}
					.editable td[data-textarea].w250 { max-width:250px; }
					.editable td[data-textarea].w300 { max-width:300px; }

					.editable tr:last-child th[data-textarea],
					.editable tr:last-child td[data-textarea] {
						border-bottom: 1px solid darkgray;
						height: 19px; max-height: 19px;
					}
					.editable td.editing[data-textarea] textarea {
						padding:7px 10px;
						line-height:1.6em;
						margin:-7px;
					}

	table[sortable] th:hover,
	table.sortable th:hover {
			background-color:#EEE2D0;
			cursor:pointer;
			color:blue;
		}
		.sortAsc,
		.sortDesc {
			color:blue;
			background-position: right center;
			background-repeat:no-repeat;
		}
			.sortAsc  { text-decoration: underline; background-image:url('director/images/sortAsc.png' ); }
			.sortDesc { text-decoration: overline; background-image:url('director/images/sortDesc.png'); }

	/* ----------   вложенная таблица с фреймами в информации об игроке   ---------- */
	/*table.list table { margin:-1px -1px 0 0; font-size: 80%; }*/
	table tr.d_b     {border-top:1px dotted darkgray !important; border-bottom:1px dotted darkgray !important; }
	table tr.d_b td  {border-top:1px dotted darkgray !important; border-bottom:1px dotted darkgray !important; }
	/* ----------------------------------------------------------------------------- */

	.nob { border:none !important; }

	tr.spacer,
	tr.divider {
		/*background-color:white !important;*/
		background-color:var(--bg-main) !important;
	}

	tr.spacer td, td.spacer,
	td.controls, td.ctrl,
	 tr.divider td,
	 tr.nob th, tr.nob td,
	 .nob td, td.nob, th.nob {
		border:none !important;
		background-color:var(--bg-main) !important;
		cursor:default !important;
	 }
	 tr.nob th, th.nob {
		background-color:var(--bg-main) !important;
		cursor:default !important;
	 }

	 aside .nob, aside .nob td,
	 aside .spacer {background-color:var(--bg-side) !important; }

		td.controls, td.ctrl{
			width: 10px;
			background-color:var(--bg-main) !important;
			box-sizing: border-box;
		}

	 .noborder td {
		border:none !important;
	 }
	 td.nob.item-icon {
		padding: 0 5px 0 0;
		text-align:center;
		background-color:transparent !important;
	};

	/*tr.spacer td, td.spacer,
	tr.divider td {
		border:none !important;
		background:transparent;
	}*/
		.sticky tr.divider td { top: -2rem; }

		tr.divider td h3 {
			margin-top:1.5rem;
			margin-bottom:.5rem;
		}
		tr.divider .fa-chevron-down  {
			float: left;
			margin-top: 3px;
			margin-right: .5rem;
			transition: transform .5s;
		}
		tr.divider .collapsed .fa-chevron-down  {
			transform: rotate3d(1, 0, 0, 180deg);
		}


		tr.doubletop  td { border-top:   3px double darkgray; }
		tr.doublebott td { border-bottom:3px double darkgray; }

		td.int, td.intr, td.intl,
		th.int, th.intr, th.intl {
			width:30px !important;
			text-align:center;
			white-space: nowrap;
			padding:0 3px;
		}

		td.int,  th.int  { border-right: 1px dotted gray !important; border-left:  none !important; }
		td.intl, th.intl { border-left : 2px solid darkgray !important; border-right: 1px dotted gray !important; }
		td.intr, th.intr { border-right: 2px solid darkgray !important; border-left:  none !important; }
		tr td.intr:last-child,
		tr th.intr:last-child { border-right-width: 1px !important; }


		.solidleft,  .sol-l, td.sol-l, th.sol-l { border-left:1px solid darkgray !important; }
		.doubleleft, .dbl-l, td.dbl-l, th.dbl-l { border-left:3px double darkgray !important; }

		.solidright,  td.solidright,  th.solidright,
		.sol-r,  td.sol-r,  th.sol-r  { border-right:1px solid darkgray !important; }

		.doubleright, td.doubleright, th.doubleright,
		.dbl-r, td.dbl-r, th.dbl-r { border-right:3px double darkgray !important; }
			tr td.dbl-r:last-child,
			tr th.dbl-r:last-child { border-right-width: 1px !important; }

		.dbl-t { border-top:3px double var(--border-light); }

		.slash {
			border-right:none !important;
			text-align:right;
		}
			.slash:after {
				content:'/';
				font-size:1rem;
				margin-right:-7px;
			}

		.idcell {
			color:#444;
			font-size:80%;
			text-align:center;
			vertical-align: top;
			line-height: 14px;
		 }
		.crosswise {
			background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAVCAYAAAA0GqweAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFEQkYzMjczM0QzODExRTlCQzdFRTJDOTlCRTNENTQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFEQkYzMjc0M0QzODExRTlCQzdFRTJDOTlCRTNENTQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QURCRjMyNzEzRDM4MTFFOUJDN0VFMkM5OUJFM0Q1NDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QURCRjMyNzIzRDM4MTFFOUJDN0VFMkM5OUJFM0Q1NDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5dXr6OAAAD8UlEQVR42sxWbUxTVxi+t98EVhSHbsmyhMRoBScLCvzWsUSDX4C2YSIaQeOcZH80usjWmJB0mR9BMEGaLKggpKhoiiNoqBJxjBkDiBC7gqiktWDTYqSl7b333LOnmyaIgFKB7UlOzj3nnts8fd/nfc7LUkqZ/zNkYxdGlv0Uk/O/5rSHUuEtgrW1tTJJbOwJWWJitHL16h7p4sW/Ytv2Qqeb9RDPM5kUmJL5trZtQYtlGbjkabXa/vERFESXay938+bX5NGjdNmKFWWK1NTf8XE5SNpnkdxKvr19H9fcrCGPH/eKz58fwXb/hCkGXjKieBkHb2F8Jdy/r5WnpprVJSXVkkWLzoGoawaJaYQHD74bLS9fiYB0kadPD2P7TwxuUg2OgQfjInnypFEcGsrAvyuQJyWtVZeWmiQLF9aBqDtcYtFVVXGkt3fXaFlZCoLgEd1uPfV6W/Aq8M4imQAj1O8/j3GBv3evQHj4cLts+fL0qKNH62QazRUQHZlGxBYIVmue32hci4gRyvOlSOdveEXeu4qnAIE+ixmX6ywksFN0OLYJcXG6KL2+UhYfXwui4hTEWKGn54C/snKr0NXloz6fEVGrCctm3gMvyMBAMUaN6PHkEIdjP6KyO6qoyOAtLGwaX5l8Z+f2wKVL+0lf36DQ13eSjoyY8Wo0bB+cBoYg6hPi4GAVHR7eJ3R0/KLcsMEekZ39IyOV/gXS6wI1NXugYZY4nSXQ8VV8M/zBRj1d0GBwSLDZ9CigUgj/J69ef5mNjeWp2x2Exs6T/v6KcIm9hmQmLEOVlaWRJSR8DlIUwneyMTESeWLiFyqdLmZGr7rpIvLgwVVI44GA2bwE4r+O59yQl0JznzEpKYWsWt2gXL/+BhsZ+XPAZHLMWQRBLF6VmWnkWlqOIbWDotOZJXR3//CP0f8LO3/37l5xYGATKnY+sdmuKdLSjkdXVMyf1Qiqz5z5ONjQoOeampKx7KaEFMA6uic7D31aMeUoN278Unz2TO8tKroNohflycnFPoPh5YxFMORlKq322Ojp021I4yeMXJ7Pd3TkT0VuLIJmcyeMPhN3+7eMIKziGhstijVrDkECUR8UQWV6egSrVH7vO3VqF5ZWhuMyEJUQqXA6HOqvrr6D+Y4qOzsNlX4EhbQZWajkW1vPTuaPExJUbdmiRkXuwI/oRJ73sFLpTq619Y8wib0FeGQTsnIrWF+fBT/Nh03pcENVwdhDLd4btxL7uqNGD8YQu10BfeVC2N8wlIpIQTFnsVyb5V4wAi3eVpDLw3Wq/MhgyAg1zegH3yQ4rrNOwtQ+x500i7EU3bT1nUWCQ3NNjnklH+v4zb8FGAB2Ih6vkhUClAAAAABJRU5ErkJggg==');
			background-size:contain; /*75%;*/
			background-position:center;
			background-repeat:no-repeat;
		 }

	/* .sticky th */

		.sticky th,
		.sticky td {
			position: sticky;
			top: -1px;
			border-bottom-color: transparent;
			height:22px;
			z-index: 20;
		}

		tr.sticky:nth-of-type(2) th,
		.sticky tr:nth-of-type(2) th {
			top: 15px;
		 }

		.lined .sticky th {
			border-bottom:none;
		}
		.lined .sticky th:after{
			content:'';
			position:absolute;
			left: 0;
			bottom: -1px;
			width:100%;
			border-bottom: 1px solid darkgray;
		}
		.lined .sticky th.nob:after{ display:none; }

		.lined tr.sticky:last-of-type th:after,
		.lined .sticky tr:last-of-type th:after {
			/*border-bottom: 3px double darkgray;*/
		}


		.sticky-left {
			  position: -webkit-sticky; /* for Safari */
			  position: sticky;
			  left: 0;
			}
			.sticky th.sticky-left {
				z-index: 21;
			}
			td.sticky-left {
			  background-color: inherit;
			  transition: background-color 0s !important;
			}


b[class^='place-']{
		display: inline-block;
		width: 16px;
		line-height: 16px;
		border-radius: 9px;
		background-color: gold;
		font-weight: normal;
		font-size: 95%;
		text-align:center;
	}
	b.place-2 { background-color:#cfd8dc; } /*silver*/
	b.place-3 { background-color:#ffab91; }

img[data-org]  { display:none; max-width:20px; max-height:20px; }
img[data-flag] { display:none; max-width:16px; max-height:11px; margin-right:5px; }

.flag,.flagR,.flagL  { margin:0; font-size:80%; max-width: unset;}
.flagR,.flag.pull-right { margin-left: 5px;}
.flagL,.flag.pull-left  { margin-right:5px;}

td.wFlag { padding-left: 28px !important; }
td.wFlag .flag { margin-right: 2px; margin-left:-22px; }

.fa ins { display:block; font-size:1rem; font-family:arial; font-family:var(--font-family); }
.fa.fa-bracket:before {
	content: "\f0e8";
	display: inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa.fa-gender-m:before { content: "\f183"; }
.fa.fa-gender-f:before { content: "\f182"; }

/* PAINTING */


	.black {color:black;}
	.lightblack {color:#333;}
	.white {color:white;}
	.red, [red], [red] a   {color:red !important;  }
	.darkred, .penal, .red a {color:firebrick !important;  }
	.gray, .grey, [gray],[grey] {color:gray !important; }
	.blue, [blue]  {color:blue !important; }
	.green, [green] {color:#1B5E20 !important; /*green 900*/ }
	.navy, [navy]  {color:navy !important; }
	.firebrick, [firebrick]  {color:firebrick !important; }

	.bg-winner{ background-color: lightgreen; }

	.highlight td {background-color:rgba(255,215,0,.75);}
	/*.debug { border:1px solid red; background-color:blue;  padding:5px; } */

	.bg-white { background:white !important; }
	.bg-green { background:#2e7d32 !important; color:white;}
	.bg-orange{ background:#EF6C00 !important; color:white;}
	.bg-blue  { background:#1565c0 !important/*blue darken-3*/; color:white;}

	.bg-default  { background:var(--bg-head-def) !important;}
	.bg-staff  { background:var(--bg-staff) !important;}

		.bg-green1 { background-color:#C8E6C9 !important; /*green100*/ }
			.tintable tr.bg-green1:hover { background-color:#A5D6A7 !important; /*green200*/ }
		.bg-blue1 { background-color:#BBDEFB !important; /*blue100*/ }
			.tintable tr.bg-blue1:hover { background-color:#90CAF9 !important; /*blue200*/ }

		.procced,
		.bg-red1 { background-color:#FFCDD2 !important; /*red100*/ }
			.tintable tr.bg-red1:hover { background-color:#EF9A9A !important; /*red200*/ }

	/* !!! последий, чтоб перекрывал все сообщения об ошибках*/
	.bg-red   { background:#D50000 !important; color:white; }
	.bg-red a { color:white !important; }

	.transparent   { background:transparent; }

	mark.pad5 {  border-radius:2px; }
		mark.bg-lightblue {  background:#E3F2FD !important; color:#333; outline:1px solid #dfedf9; }
		mark.bg-blue      {  background:#BBDEFB !important; color:#333; }
		mark.bg-green     {  background:#C8E6C9 !important; color:#333; }
		mark.bg-amber     {  background:#FFECB3 !important; color:#333; }
		mark.bg-gray      {  background:#E0E0E0 !important; color:#333; }
		mark.bg-lightgray {  background:#EEEEEE !important; color:#333; outline: 1px solid #e5e5e5; }

	.locked { text-decoration:line-through; }

	.dotted-red { border:1px dotted red; }

	.message {
		margin: 5px 20px;
		padding:10px;
		line-height:1.5rem;
		border-radius:2px;
		box-shadow: var(--shadow1);
		background-color: #e8f5e9 /*green lighten-5*/;
		border: 1px solid #c8e6c9 /*green lighten-4*/;
		color: #1b5e20 /*green darken-4*/;
	}
		.message .fa:first-child {
			font-size: 1.5rem;
			float: left;
		}
			.message.hasIcon {
				padding-left: 45px !important;/**/
			}
			.message.hasIcon .fa:first-child {
				font-size: 2rem;
				margin-left: -34px;
				margin-top: .5rem;
			}

		.message.info {
			background: #e3f2fd /*blue lighten-5*/;
			border-color: #bbdefb /*blue lighten-4*/;
			color: #0d47a1 /*blue darken-4*/;
		}
		.message.warning {
			background: #fcf8e3;
			border-color: #eadabe;
			color: #8a6d3b;
		}
		.message.danger {
			background: #ffebee /*red lighten-5*/;
			border-color: #ffcdd2 /*red lighten-4 #FFCCCC*/;
			color: #b71c1c /*red darken-4*/;
		}

		.message > .close {
			width: 10px;
			height: 10px;
			margin: -2px -5px;
			border: none;
			float: right;
			filter: grayscale(1);
			outline:none !important;
		}
		.message > .close:hover {
			filter: grayscale(0);
		}



/* .match-container */

	.match-container {
			display:grid;
			grid-template-columns: 2.5fr 1fr 1fr 2.5fr;
			width: 100%;
			text-align: center;
			grid-column-gap: 5px;
			/*outline:1px dotted red;*/
		}
		.match-container header,
		.match-container .row,
		.match-container footer {
				grid-column: 1/5;
			}
			.match-container header { border-bottom:1px solid var(--border-light); margin-bottom:.5em; position:static; }
			.match-container .row { /*outline:1px dotted green;*/ }
			.match-container footer { padding:1rem; margin-bottom:-1em; }

		.match-container .player { /*outline:1px dotted blue;*/ }
			.match-container .pa { grid-column: 1; }
			.match-container .pb { grid-column: 4; }

		.match-container-tiny { grid-template-columns: 1fr 1fr; }
			.match-container-tiny header,
			.match-container-tiny .row,
			.match-container-tiny footer {
					grid-column: 1/3;
				}
			.match-container-tiny .pa { grid-column: 1; }
			.match-container-tiny .pb { grid-column: 2; }
			.match-container-tiny .score { display:none; }

		.match-container .score { /*outline:1px dotted pink;*/ }
			.match-container .score strong {
				display:block;
				font-size:4rem;
				font-weight:bold;
				margin-bottom:3px;
				border-bottom:1px dotted var(--border-light);
			}
			.match-container .score strong:only-child {
				margin-top:1em;
				border-bottom:none;
			}
				.score-win { color:firebrick; }
				.score-los { color:forestgreen; }

			.match-container .score div {
				line-height:1.4em;
				margin-bottom:3px;
			}
			.match-container .score em {
				display:block;
				line-height:1.4rem;
				font-size:.8rem;
				border-top:1px dotted var(--border-light);
			}
			.match-container .score.pa { grid-column: 2; }
			.match-container .score.pb { grid-column: 3; }

	@media (max-width:821px){
			.match-container {
				grid-template-columns: 1fr 1fr;
			}
			.match-container header,
			.match-container .row,
			.match-container footer {
					grid-column: 1/3;
				}
			.match-container .player { grid-row: 3; }
				.match-container .pa { grid-column: 1 !important; }
				.match-container .pb { grid-column: 2 !important; }
			.match-container .score { grid-row: 4; margin-bottom:1em; }
			.match-container .score div { width:75%; margin: 0 auto 3px; }
			.match-container .breaks { grid-row: 5; }

			.match-container .score strong:only-child {
				margin-top:0;
			}
	}

figure.foto {
		margin: 0 5px;
		width:100%;
		max-height: 240px;
		max-width: 180px;
		overflow: hidden;
		display: inline-flex;
		justify-content: center;
		align-items: center;

		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		aspect-ratio: 3/4;
		background-image:url(../images/players/blank.jpg);
	}
		figure.foto[sex=m] { background-image:url(../images/blank-Rm.png); }
		figure.foto[sex=f] { background-image:url(../images/blank-Rf.png); }
		figure.foto[sex=t] { background-image:url(../images/blank-Rt.png); }
		figure.foto[sex=p] { background-image:url(../images/blank-Rp.png?05); }

	figure.foto img {
		height: 240px;
		width: auto;
		max-width: unset;
	}

	.blankFoto { background-image:url(../images/players/blank.jpg); background-repeat:round; }
	.blankFoto-m, .blankFoto-f
		{ background-size: contain; background-position: center; background-repeat: no-repeat; aspect-ratio: 3/4; }
		.blankFoto-m { background-image:url(../images/blank-Rm.png); }
		.blankFoto-f { background-image:url(../images/blank-Rf.png); }
		.blankFoto-t { background-image:url(../images/blank-Rt.png); }
		.blankFoto-p { background-image:url(../images/blank-Rp.png?05); }

	#frmPlayerFoto {  position:relative; padding-left:.75em; }
		#frmPlayerFoto .buttons {
			position: absolute;
			bottom: 5px;
			width: calc(100% - .75em - 10px);
			opacity:0;
			transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
		}
		#frmPlayerFoto:hover .buttons { opacity:1; }

.uploader .uploaderControls { float:right; margin-top:-30px; margin-right:5px; display:none; }
.uploader:hover .uploaderControls { display:inline; }
.uploader .uploaderControls img { cursor:pointer; width:24px; height:24px; }

/**/.uploader input[type=file] { display:none; }

.toggle-chevron{
		margin-right: 5px;
		transition: all 0.28s ease 0s;
		float: left;
		margin-top: 0.3em;
	}

@media print {
	#header { display:none; }
	#loginBox { display:none; }
	#bar { display:none; }
	aside { display:none; }

	#groupStandingDesc { display:none; }

	main,#datacell { width:unset; height:unset; overflow:unset; overflow-x:unset; overflow-y:unset }
}

.mce-tinymce.mce-container.mce-panel { border-top:none; }

/* buttons */

	button > span,
	.button > span, .btn > span,
	*[class^='b-'] > span {
		margin-left:5px;
		white-space: nowrap;
	}

	#hotKeys,
	#FAB {
			position:fixed;
			max-width: 50px;
			right:30px;
			bottom:20px;
			z-index:99;
			display:none;
			display: flex;
			flex-direction: column-reverse;
			align-items: center;
			/*border:1px dotted red;*/
		 }
		 #FAB.fab-top { top:52px; bottom:unset; }

		 a.fab,
		 #FAB a,
		 #FAB button,
		 #hotKeys a {
			display:inline-block;
			cursor:pointer;
			position:relative;
			width:36px;
			height:36px;
			border-radius:100%;
			box-sizing: border-box;
			border: 1px solid transparent;
			outline: none;

			font-size:20px;
			line-height:36px;

			text-align:center;
			vertical-align:center;

			margin:5px 0 5px;
			padding:0;

			transition-duration:.28s;
			transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			transition-property: color, background-color, box-shadow, border-color;

			box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); /*1*/
		  }

		 #FAB .small {
			font-size: 15px;
			margin: 10px 0;
			width: 26px;
			height: 26px;
			line-height: 28px;
		 }
		 #FAB .large {
			font-size: 28px;
			width: 50px;
			height: 50px;
			line-height: 48px;
			margin-left: -1px;
			margin-top: 1rem;
		 }

		 a.fab:hover,
		 #FAB button:hover,
		 #FAB a:hover,
		 #hotKeys a:hover{
			box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); /*2*/
		 }

			#FAB a img,
			#hotKeys a img{
				width:16px;
				height:16px;
				margin-top:10px;
			}

			a.fab .fa,
			#FAB button .fa,
			#FAB a .fa {
				font-size: inherit;
				line-height: inherit;

			}
			.fa { position:relative; }
			.fa .fa { position:absolute; font-size:75% !important; right:0; bottom:-5px; }
			.fa .fa.fa-times { color:red; }

			#FAB a .fa-folder-open-o { margin: 1px -2px 0 0; }

	/* FAB painting */

		a.fab {
				border:
				1px solid lightgray;
				background: whitesmoke;
			}
			a.fab.red:hover {
				background:red;
				border-color:rgba(0,0,0,.15);
				color:#fff !important;
			}

		#FAB a,
		#hotKeys a {
			background:#FFD54F; /* amber 300 */
			border:1px solid #FFCA28; /* amber 400 */
		 }
		#FAB a:hover,
		#hotKeys a:hover{
			background:#FFC107; /* amber 500 */
			border-color:#FFB300; /* amber 600 */
		 }

		#FAB .teal,
		#hotKeys .teal {
			color:#fff !important;
			background:#00695C; /* teal 800 */
			border:1px solid #004D40; /* teal 900 */
		 }
		#FAB .teal:hover,
		#hotKeys .teal:hover {
			color:#FFD54F !important; /* amber 300 */
			background:#004D40; /* teal 900 */
			border:1px solid #004D40; /* teal 900 */
		 }

		#FAB .blue, .fab.blue {
				background:#1565C0; /*#0336FF;*/
				color:#fff  !important;
				border-color:#1976D2 !important;
			 }
			 #FAB .blue:hover, .fab.blue:hover {
				background:#0D47A1; /*#0336FF;*/
				/*color:lime*/
			 }
		#FAB .lightblue {
				background: #E1F5FE;
				border-color: #E3F2FD;
				color: #1976D2;;
			 }
			 #FAB .lightblue:hover {
				background:#E3F2FD;
				border-color: #E3F2FD;
			 }

		 #FAB .green, .fab.green {
				background-color:#2E7D32; /*800/forestgreen*/
				color:#fff !important;
				border-color:rgba(0,0,0,.15) !important;
			}
			#FAB .green:hover, .fab.green:hover {
				background-color:#1B5E20 !important; /*900*/
			}

		 #FAB .red {
				background:#E53935; /*600 #ff5252*/
				color:#fff !important;
				border-color:rgba(0,0,0,.05) !important;
			}
			#FAB .red:hover {
				background-color:#C62828; /*800*/
			}


		@keyframes shake {
			0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
			10%{-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
			20%{-webkit-transform:rotateZ(15deg);transform:rotateZ(15deg)}
			30%{-webkit-transform:rotateZ(-10deg);transform:rotateZ(-10deg)}
			40%{-webkit-transform:rotateZ(7.5deg);transform:rotateZ(7.5deg)}
			50%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}
			60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
			70%{-webkit-transform:rotate(-4.28571deg);transform:rotate(-4.28571deg)}
			80%{-webkit-transform:rotate(3.75deg);transform:rotate(3.75deg)}
			90%{-webkit-transform:rotate(-3.33333deg);transform:rotate(-3.33333deg)}
			100%{-webkit-transform:rotate(0);transform:rotate(0)}
		}

		.pulse {
			  animation-name: pulse;
			  animation-duration: 1s;
			  animation-iteration-count:infinite;
		  }
		  @-webkit-keyframes pulse {
			  0% {
			  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
			  }
			  50% {
			  -webkit-transform: scale3d(1.05, 1.05, 1.05);
			  transform: scale3d(1.05, 1.05, 1.05);
			  }
			  100% {
			  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
			  }
			  }
			  @keyframes pulse {
			  0% {
			  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
			  }
			  50% {
			  -webkit-transform: scale3d(1.05, 1.05, 1.05);
			  transform: scale3d(1.05, 1.05, 1.05);
			  }
			  100% {
			  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
			  }
		  }

		#FAB .shake:hover .fa {
		  animation:.6s shake;
		}

		.fab.grayed, .fab.grayed:hover {
			background: whitesmoke !important;
			border: 1px solid lightgray;
			color:#999;
			opacity:1 !important;
			animation:none !important ;
			box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); /*1*/
		}


		#FAB .transparent,
		#FAB .transparent:hover {
				background: transparent;
				border: none;
				box-shadow: none;
			}
			#FAB .transparent > .fa {
				font-size: 38px;
			}
			#FAB .transparent:hover > .fa {
				font-size: 42px;
			}
			#FAB .transparent > .fa > .fa {
				top: 10px;
				font-size: 50% !important;
			}



/*********/

.button {
		font-size:16px;
		border:1px solid whitesmoke;
		/*opacity:.6;*/
		padding:2px;
		width:16px;
		height:16px;
		text-align:center;
		border-radius:0;
		cursor:pointer;
		transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
		/*margin:-.5em;*/
	}
	.button:hover {
		border:1px solid lightgray;
		background:white;
		/*opacity:.85;*/
		box-shadow: var(--shadow1);/*0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
	}
	.button.b-grayed:hover{
		border-color:transparent;
		background:transparent
	}
	*[class^='b-'].button:before {
	    margin-top: calc(50% - 8px);
	}


.ui-form-more input { line-height:16px; }
.ui-form-more button { line-height:16px; }


.offset {
	border:1px dotted;
	border-left:1px solid;
	padding:10px 0 10px 10px;
	margin:10px 0 10px 10px;
 }
 .offset.gray { border-color:gray; }
 .offset.green { border-color:green; }
 .offset.blue { border-color:blue; }
 .offset.red { border-color:red; }

 .offset h5  { color:inherit; text-decoration:underline; margin:0 0 10px; }
 .offset div { margin:5px 0; }


 .btn {
		display:inline-block;
		border-radius: 1px;
		border: 1px solid #eaeaea;
		min-height: 16px;
		padding:.5rem 1rem;
		cursor:pointer;
		color:inherit;
		transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
		position: relative;
	}
	.btn:hover, .btn:focus {
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		box-shadow: var(--shadow1);
		z-index:2;
		text-decoration:none;
	}

	/* .btn- sizes */

		.btn-lg,
		.btn-large {
				font-size:1.2rem;
				border-radius:5px;
				margin:.5rem;
				padding:1rem 2rem;
				display: flex;
				align-items: center;
			}
			.btn-lg span {
				display: block;
				max-height: 4.3rem;
				overflow: hidden;
				text-overflow: ellipsis;
			}

		.btn-sm,
		.btn.small,
		.btn-small {
				font-size: .8em;
				min-height: 0.8em;
				padding: 0.4em 0.75em;
			}
			ul li .btn-sm { margin:2px 0;}

	/* .btn- backgrounds */

		.btn-bg-gray {
			color: #333;
			border-color: lightgray;
			background: linear-gradient(to bottom, #fff 40%, #eaeaea 100%) !important;
		}

		.btn-bg-green {
			color: #1b5e20;
			border-color: #c5e1a5;
			background: linear-gradient(to bottom, #fff 40%, #dcedc8 100%) !important;
		}
		.btn-bg-blue {
			color: #002171;
			border-color: #bbdefb;
			background: linear-gradient(to bottom, #fff 40%, #e3f2fd 100%) !important;
		}

		.btn-bg-red {
			color: #B71C1C;
			border-color: #E57373;
			background: linear-gradient(to bottom, #FFF6F6 45%, #FFCDD2 100%) !important;
		}

.buttonset .btn    { margin:.25rem; }
.buttonset .btn-sm { margin:.15rem; }


/* ---------------- */



.collapse-wrapper { text-align:left; }

	.collapse-head { cursor:pointer; }
	.collapse-head b { float: right; margin-top:1px; transition: transform .5s; }
	.collapse-head b.fa-chevron-up { display:none; }

	.collapse-wrapper .collapse-head,
	.collapsable-dump .collapse-head {
		font-family:verdana;
		font-weight: bold;
		font-size: 0.8rem;
		padding: .25rem .5rem .3rem;
		border: 1px solid;
		margin-top: .5rem;
		word-break: break-all;
	 }

		.collapsable-dump.collapse-content {
			overflow: auto;
			display: none;
			font-size: 0.9rem;
			line-height: 1.2rem;
			border: 1px solid;
			border-top: none !important;

			margin:0;
			padding: 5px .5rem;

			/*position: absolute;*/
			background: var(--bg-main);
		}

		/*.collapse-content .collapse-head,*/
		.collapse-content .collapsable-dump .collapse-head {
			display:inline-block;
			border:none !important;
		}

		.collapse-content .collapsable-dump .collapse-head b {
			float: left;
			margin-right: 7px;
		}
		.collapse-content .collapsable-dump .collapse-content {
			border:none !important;
			border-left:1px dotted !important;
			margin-left: 12px;
		}


.gpsNavigator .ts-spinner { display:none; }

	.gpsNavigator-item-wrapper  { position:relative; display:inline-block; width:100%;  }
	.gpsNavigator-item-wrapper .custom-select-placeholder-wrapper  {
			position:absolute; left:0; top:0;
			width:100%; height:100%;
	 }

	.gps-searching .gpsNavigator-item-wrapper select:not([name=country]),
	.gps-searching .gpsNavigator-item-wrapper span.custom-combobox:not([for=country]) input,
	.gps-searching .gpsNavigator-item-wrapper em.custom-select-placeholder,
	.gps-searching .gpsNavigator-item-wrapper .combo-show {
			opacity:0;
		}
	.gps-searching .gpsNavigator-item-wrapper .ts-spinner {
			display:inline;
			position: absolute;
			left: 5px;
		}




 .block, .d-block { display:block }
 .flex, .d-flex, .flex-wrap  { display:flex; }
	.flex-wrap  { flex-wrap:wrap; }
	.flex-vert  { flex-direction:column; }
 .inline-flex, .d-flex.inline, .d-flex.iblock { display: inline-flex; }
	 .flex.center, .d-flex.center, .mob-flex.center   { justify-content: center; align-items:center; }
	 .flex.stretch, .d-flex.stretch { justify-content: center; align-items:stretch; }
	 .d-flex.right  { justify-content: flex-end; }
	 .d-flex.space-around  { justify-content: space-around; }
	 .d-flex.space-between { justify-content: space-between; }

	 .flex-auto { flex:auto; }
	 .flex-start  { justify-content: flex-start; }
	 .flex-vcenter  { display:flex; align-items: center; }

	 ul.flex,
	 ul.inline-flex {
			flex-direction:column;
			max-width:calc(100% - 1.5rem);
			padding-left: 0.5rem;
			list-style: none;
		}
		ul.flex li,
		ul.inline-flex li {
			max-width:calc(100% - 1.5rem);
		}

.debug-info { display:none; }
.debug-mode .debug-info { display:block; padding-left:.5em; border-left:1px dashed forestgreen; }

.combo-show {
    font: normal normal normal 14px/1 FontAwesome;
	line-height:inherit;
	display:flex;
	background:none !important;
}
.combo-show:before {
	margin:auto;
	content: "\f0dc"; /* fa-unsorted */
    content: "\f103"; /* fa-angle-double-down */
	content: "\f142"; /* fa-ellipsis-v */
}


#tblWordbook td {
    width: 25%;
	max-width: 150px;
    text-overflow: ellipsis;
}




/* director/d_lib/d_style.css */

.flat-form {
	background: whitesmoke;
	border: 1px solid lightgray;
	padding:20px;
}
.flat-form label {
	display:block;
    margin-bottom: .5rem;
    line-height: 22px;
}
.flat-form select,
.flat-form input {
	float:right;
	width:75%;
}

.indent { padding-left:22px; }
.indent > img:first-child { margin-left:-22px; float:left; }