.rules {
	font-family: var(--font-text);
    font-size: var(--size-medium);
    background: var(--color-dark-rules);
    border: 0.5em solid var(--color-dark);
	padding: 0 0 0 0;
}

.rules ol{
	list-style-type: none;
	counter-reset: n1;
	padding: 0 0 0 0.5em; 
}

.rules ol ol li{
	padding: 0 0 0 1.2em;
}

.rules ol ol ol li{
	padding: 0 0 0 2.2em;
}

.rules ol li:before {
	font-family: var(--font-rules-number);
	color: var(--color-dark-text);
	background: var(--color-light);
	display: inline-block;
	text-align: center;
/*	margin: 0 1em 0 1em; */
	line-height: 1.4em;
	width: 1.4em;
	height: 1.4em;

	counter-increment: n1;
	content: counter(n1);
}

.rules ol ol li:before {
	font-family: "Comforter", cursive;
	color: var(--color-dark-text);
	background: var(--color-row-selected);
	display: inline-block;
	text-align: center;
/*	margin: 0.5rem 0.5rem; */
	line-height: 1.4em;
	width: 1.4em;
	height: 1.4em;

	counter-increment: n2;
	content: counter(n1) "." counter(n2) " ";
}

.rules ol ol ol li:before {
	width: 2em;
	counter-increment: n3;
	content: counter(n1) "." counter(n2) "." counter(n3) " ";
}

.rules ol ol{
	counter-reset: n2; 
}

.rules ol ol ol{
	counter-reset: n3; 
}

/*--------------------------------------------*/
.telegramlinks {
	list-style: none;
}

.telegramlinks li {
  padding: 0.1vh;
}

.telegramlinks li:first-child {
	font-family: var(--font-header);
	font-weight: bold;
	color: black;
	font-size: var(--size-big);

	text-align: left;
	padding: 0 0 0 6vh;
	
	background: url(../images/Telegram.png);
	background-position: 0% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: var(--color-light);
}

.telegramlinks a {
	text-decoration: none;
	padding: 0 0 0 0.5em; 
	display: block;
	line-height: 4vh;
	color: var(--color-dark-text);
	font-family: var(--font-text);
	font-size: var(--size-medium);
	background-color: var(--color-light);
	text-align: left;
}

/*--------------------------------------------*/
.discordlinks li:first-child {
	background: url(../images/discord.png);
	background-position: 0% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: var(--color-light);
}

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

.infoblock {
	font-family: var(--font-text);
	list-style: none;
	padding: 0;
	border: 1px solid var(--color-light);
	background-color: var(--color-button);
	margin-top: 0;
	margin-bottom: 0.1em; 
	margin-left: 0;
	margin-right: 0;
}

.infoblock li {
	overflow: hidden;
	font-size: var(--size-medium); 
}

.infoblock li:first-child {
	font-family: var(--font-header);
	font-weight: bold;
	padding: 0.1em 0 0.1em 0.5em; /*верх право низ лево */
	border-bottom: 1px solid var(--color-button);
/*	color: var(--color-light-text); */
	color: var(--color-background);
	font-size: var(--size-medium); 
	background-color: var(--color-sol);
}

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

.info {
	font-size: var(--size-small); 
}

.info p {
	font-family: var(--font-text);
	color: var(--color-light-text);
	font-weight: bold;
	font-style: normal;
	font-size: var(--size-medium);
}

.info label  {
	font-family: var(--font-text);
	color: var(--color-gray);
	font-weight: bold;
	font-style: normal;
	font-size: var(--size-medium);
}

.info h1  {
	font-family: var(--font-header);
	color: var(--color-sky);
	font-weight: bold;
	font-style: normal;
	font-size: var(--size-medium);
}

.info div.navpanel {
	background-color: var(--color-row-selected);
}

.info div.input-group-text {
	font-family: var(--font-text);
	color: var(--color-light-text);
	background-color: var(--color-dark-rules);
	font-size: var(--size-small);
}

.info input[readonly], .info input:read-only, .info textarea[readonly], .info textarea:read-only {
/*.info input[readonly], .info input:read-only, .info textarea[readonly], .info textarea:read-only, .info input[type='date'] {*/
	font-family: var(--font-text);
	font-size: var(--size-medium);
	background-color: var(--color-light);
	text-align: center;
	padding: 0 0 0 0;
}

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

.textinfo {
	overflow: hidden;
/*
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
*/
	font-size: var(--size-medium);
	font-style: normal;
	
}

.textinfo h1  {
	font-family: var(--font-header);
	color: var(--color-sky);
	font-weight: bold;
	font-style: normal;
	font-size: var(--size-medium);
	padding: 0 0 0 1rem;}

.textinfo p {
	font-family: var(--font-text);
	background-color: var(--color-light);
	color: var(--color-dark-text);
	padding: 0 1rem 0 1rem;
}

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

.slist {
	font-family: var(--font-text);
	list-style: none;
	padding: 0;
/*	border: 1px solid rgba(0,0,0, .2); */
	background-color: var(--color-button);
}
/*
.slist p {
	padding: 0 1rem 0 1rem;
}
*/
.slist li {
	overflow: hidden;
/*	padding: 1px 5px 5px 5px; */
	font-size: var(--size-medium); 
}

.slist li:first-child {
	font-family: var(--font-header);
	font-weight: bold;
	padding: 4px 0 4px 15px; /*верх право низ лево */
	border-bottom: 1px solid rgba(0,0,0, .2);
	color: var(--color-dark-text);
	font-size: var(--size-medium); 
	background-color: var(--color-sol);
}
/*

.slist span {
	float: left;
	font-family: var(--font-text);
	color: gray;
	font-size: 2vh;
}
*/
.slist em {
	float: right;
/*	top: auto; */
	font-family: var(--font-text);
	color: var(--color-dark-text);
	font-weight: bold;
	font-style: normal;
	font-size: var(--size-medium);
}

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