.homepage
{
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    width: 100%;
}
.homepage .title
{
	background-color: #28380b;
}
/*---------------------------------*/
.activematches, .results, .match, .formlist
{
	position: relative;
	display: inline-block;
	box-sizing: border-box;
    border: 1px solid white;
    background: black;
    min-height: 630px;
    vertical-align: top;
}
@media screen and (max-width: 999px) 
{
	.activematches, .results, .match, .formlist
	{
		/*display: block !important;*/
		width: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		border: none 0;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1199px) 
{
	.activematches
	{
	}
	.formlist
	{
		min-width: 478px;
	}
	.results
	{
		width: 450px !important;
	}
	.match
	{
	}
}
@media screen and (min-width: 1200px)
{
	.activematches
	{
	}
	.formlist
	{
		min-width: 478px;
	}
	.results
	{
	}
	.match
	{
	}
}
/*---------------------------------*/
.activematches 
{
    box-sizing: border-box;
    min-width: 250px;
    text-align: center;
}
.activematches .title1
{
	color: white;
    font-size: 12pt;
    font-weight: bolder;
    padding-bottom: 10px;
    margin-bottom: 10px;
    /*border-bottom: solid 1px white;*/
}
.activematches a
{
	cursor: pointer;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}
.activematches table
{
	box-sizing: border-box;
    display: inline-block;
    border: outset 4px #b6b6b6;
    border-radius: 5px;
}
.activematches table.active
{
	box-shadow: 1px 1px 8px #3fff00, -1px 1px 8px #3fff00, 1px -1px 8px #3fff00, -1px -1px 8px #3fff00
}
.activematches tr
{
}
.activematches td
{
}
.activematches td.caption
{
    box-sizing: border-box;
    background-color: #e5da5c;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    padding: 4px;
    color: black;
}
.activematches td.value
{
	box-sizing: border-box;
    background-color: #dddddd;
	width: 132px;
    font-family: Samim;
    font-size: 10pt;
    font-weight: bold;
	color: #2c48b7;
    border: inset 3px #eeeeee;
}
.activematches td.value.datetime
{
	font-size: 7pt;
    direction: ltr;
}
.activematches td.value.timecounter
{
	font-size: 7pt;
    direction: rtl;
}
/*---------------------------------*/
.match
{
	position: relative;
}
.match > .MatchDesc
{
    font-size: 9pt;
    padding: 10px 5px;
    line-height: 2em;
}
.match > .close
{
    box-sizing: border-box;
	position: absolute;
    top: 5px;
    left: 10px;
    font-size: 1em;
    cursor: pointer;
    border: solid 1px;
    line-height: 15px;
    padding: 4px !important;
    padding-top: 1px;
    color: #98bd06;
}
.match > .formsave
{
    position: relative;
    box-sizing: border-box;
    color: white;
    text-align: right;
    padding: 10px;
    bottom: 0px;
    border-top: solid 1px white;
    font-size: 10pt;
}
@media screen and (max-width: 900px) 
{
	.match > .formsave
	{
		position: relative;
	}
}
.match > .formsave > *
{
    margin-bottom: 7px;
}
.match > .formsave > *:last-child
{
    margin-bottom: 0;
}
.match > .formsave > .buttons
{
    display: flex;
    justify-content: space-between;
    font-size: 10pt;
    padding: 5px 0;
    line-height: 30px;
}
.match > .formsave > .buttons > *
{
    vertical-align: middle;
    height: auto !important;
}
.match > .formsave > .status
{
	color: #ffffff;
	display: block;
}
.matchformbutton
{
    box-sizing: border-box;
    display: inline-block;
    border: outset 2px #a7a3a3;
    background-color: #eeeeee;
    color: black;
    font-family: Samim;
    font-size: 9pt;
    padding: 2px 10px 2px 10px;
    width: 80px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}
.matchformbutton:hover
{
	background: radial-gradient(#ffffff 35%, #2dbd00 100%);
    box-shadow: 1px 1px 5px 1px #ffffff, -1px 1px 5px 1px #53e00b, -1px -1px 5px 1px #ffffff, 1px -1px 5px 1px #53e00b;
}
/*---------------------------------*/
/*---------------------------------*/
.results
{
	position: relative;
	box-sizing: border-box;
    min-width: 650px;
    color: White;
}
.results .title1
{
	color: white;
    font-size: 12pt;
    font-weight: bolder;
    padding-bottom: 10px;
    /*border-bottom: solid 1px white;*/
}
.results .realgameinfo
{
	box-sizing: border-box;
    text-align: center;
    font-size: 9pt;
    padding: 10px;
    padding-top: 0;
}
.results .realgameinfo .weekday
{
	box-sizing: border-box;
    display: inline-block;
    border: solid 2px #a7a3a3;
    border-radius: 5px;
    background-color: #eeeeee;
    color: #28380b;
    font-family: Samim;
    font-weight: bold;
    font-size: 11pt;
    padding: 2px 10px 2px 10px;
    margin-right: 5px;
    margin-top: 15px;
    width: 80px;
    text-align: center;
    box-shadow: 0px 1px 5px #ffcc20, 0px -1px 5px #ffcc00;
    cursor: pointer;
    text-decoration: none;
}
.results .realgameinfo .weekday:hover
{
	box-shadow: 1px 1px 5px 1px #ffffff, -1px 1px 5px 1px #53e00b, -1px -1px 5px 1px #ffffff, 1px -1px 5px 1px #53e00b;
}
.results .realgameinfo .weekday.selected
{
	background: radial-gradient(#ddffdd 5%, #2dbd008f 100%);
}
.results .realgameinfo .matchresultlist
{
	list-style: none;
    display: inline-block;
    text-align: right;
    padding: 0;
}
.results .realgameinfo .matchresultlist .matchresultitem
{
	box-sizing: border-box;
    display: inline-block;
    border: solid 2px #a7a3a3;
    border-radius: 10px;
    font-family: Samim;
    font-size: 9pt;
    padding: 2px 10px 2px 10px;
    margin-right: 5px;
    text-align: center;
    cursor: pointer;
}
.results .realgameinfo .matchresultlist .matchresultitem a
{
    text-decoration: none;
    color: #ffffff;
}
.results .realgameinfo .matchresultlist .matchresultitem:hover
{
	box-shadow: 0px 0px 5px 1px #ffffff;
}
.results .realgameinfo .matchresultlist .matchresultitem.selected
{
	background: radial-gradient(#ddffdd00 5%, #2dbd008f 100%);
}
.results .realgameinfo > .row
{
	box-sizing: border-box;
    margin-bottom: 5px;
}
.results .realgameinfo > .row > *
{
	box-sizing: border-box;
	display: inline-block;
    vertical-align: middle;
}
.results .realgameinfo .search
{
	position: absolute;
    top: 40px;
    left: 10px;
    font-family: Samim;
    font-size: 8pt;
}
.results .realgameinfo .matchcombo
{
	box-sizing: border-box;
    display: block;
    width: 100%;
    margin-top: 10px;
    text-align: right;
    padding-right: 10px;
    padding-left: 5px;
}
.results .realgameinfo .matchcombo select
{
	width: 85%;
	font-family: Samim;
}
/*---------------------------------*/
.photokolview
{
	box-sizing: border-box;
    display: block;
    background-color: #ffcc20;
    color: #463600;
}
.photokolview > .caption
{
	font-family: Samim;
    font-size: 9pt;
    text-align: right;
    padding: 0 5px 3px 5px;
	border-bottom: solid 1px #d2a306;
}
.photokolview .resulttable
{
	color: #FFCC00;
    width: 100%;
}
.photokolview .resulttable .highlight
{
	background-color: #FFCC20;
}
.photokolview .resulttable .headerrow
{
	box-sizing: border-box;
	border: none 0px !important;
    border-bottom: solid 1px #d2a306 !important;
	color: #755B03;
    background-color: #FFCC20;
    border-width: 1px;
    border-style: solid;
    font-size: 8pt;
    font-weight: normal;
    height: 18px;
}
.photokolview .resulttable .mainrow, .photokolview .resulttable .altrow
{
    border-bottom: solid 1px #d2a306;
    height: 18px;
    font-weight: normal;
    font-size: 8pt;
	color: #755B03;
}
.photokolview .resulttable .mainrow
{
    background-color: White;
}	
.photokolview .resulttable .altrow
{
    background-color: #FFF3CC;
}
.photokolview .resulttable .mainrow > td, .photokolview .resulttable .altrow > td
{
	border-left: solid 1px #d2a306;
}
/*---------------------------------*/
.photokolview .infoForm
{
	display: flex;
    text-align: right;
    background-color: #fff3cc;
    max-width: 650px;
    flex-wrap: wrap;
}
.photokolview .infoForm .row
{
	border-bottom: solid 1px #d2a306;
    border-left: solid 1px #d2a306;
	font-size: 8pt;
	background-color: #fff3cc;
}
.photokolview .infoForm .row:last-child
{
    border-bottom: none;
}
.photokolview .infoForm .row.text
{
    box-sizing: border-box;
    padding: 5px 5px;
    overflow-wrap: anywhere;
    /*border-bottom: none;*/
}
.photokolview .infoForm .item
{
    display: inline-block;
    box-sizing: border-box;
    padding: 2px 5px 2px 2px;
    color: black;
    text-align: right;
    vertical-align: middle;
    width: 110px;
    background-color: #ffcc20;
}
.photokolview .infoForm .value
{
	display: inline-block;
    vertical-align: middle;
}
.photokolview .infoForm .item.important
{
	display: block;
    text-align: center;
    color: #a04ec2;
    font-size: 10pt;
    font-weight: 600;
    padding: 0;
}
.photokolview .infoForm .value.important
{
    box-sizing: border-box;
    display: block;
    padding-bottom: 10px;
    text-align: center;
}
.photokolview .infoForm .colspan
{
	width: 100%;
    background-color: #FFF3CC;
}
.photokolview .infoForm > .column1, .photokolview .infoForm > .column2
{
	display: inline-block;
	width: 50%;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.photokolview .infoForm > .column1
{
}
.photokolview .infoForm > .column2
{
}
/*---------------------------------*/
.zarib
{
	direction: rtl;
}
/*---------------------------------*/
.field
{
    display: block !important;
    text-align: center !important;
    box-sizing: border-box;
    padding: 3px;
}
.field .label
{
}
.field input
{
    text-align: center;
}
/*---------------------------------*/