/* Плашка отображения подгруппы */
.stat{	
    max-width: 466px;
    display: inline-block;
    vertical-align: top;
    width: 98%;
    padding: 0px;
    margin: 6px 2px;
    min-height: 200px;
    text-align: center;
    border: 2px solid var(--border-inner-color);
}

/* Заголовок  подгруппы */
.lvl_head, .lvl_head_nc {
  background-color: var(--bg-color);
  padding:5px;
  margin:0px;
  font-weight:bold;
}

/* Заголовок подгруппы, описание */
.lvl_head_desc{
  color: MediumBlue;
}

/* Внутренность плашки подгруппы */
.stat table{
  border-collapse: separate;
  width: 100%;
  border: 0px solid #FFF;
}

.div_group{
	width:100%; 
	background-color: white;
	padding:0px; 
	margin:6px 0px;
	border: 2px solid var(--border-color);
	text-align:center;
}

.div_group_head{
	color:Black;
	font-weight:bold;
	font-size:120%;
	background-color: var(--bg-color);
	margin: 0px 0px 3px 0px;
}


.tourn_title{
	color: var(--title-color); 
	margin-top: -5px;
}


.anounce1{
	color: red;
	background-color: #aaffaa;
	margin: 4px;
	padding: 4px;
}

.anounce2{
	color: var(--title-color);
	background-color: #ffcccb;
	margin: 10px 4px;
	padding: 5px; 
	text-decoration-color: #246175
}

.form_wrap{
	display: inline-block;
	width: 100%;
}

/* Заголовки разделов Подтвержден/Новый/Ищет/Ожидаение */
.conf_title{
  
}
.appr_title{
  
}
.seek_title{
  color: red;
}
.wait_title{
  
}

/* Строки игроков в Подтвержден/Новый/Ищет/Ожидаение */
.conf{
  background-color: lightgreen;
}
.appr{
  background-color: lightgray;
}
.seek{
  background-color: orange;
}
.wait{
  background-color: khaki;
}
.eoff{
  background-color: DarkSeaGreen;
}


.msgdiv{
    width: 90%;
    margin: 1px;
    padding: 1px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}
.infodiv{
    width: 90%;
    margin: 1px;
    padding: 1px;
    display: inline-block;
    text-align: center;
    color: black;
    border: 2px solid var(--border-color);
}
#pagewrap, .pagewrap {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	text-align:center;
}




@media (max-width: 991px) {

	.playerwrap{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
  		margin: 1px 3px;
  		border: 1px lightgray solid;
  		border-radius: 5px;	
	}
		
	.rowtitle {
		flex-grow: 1;
	}
	.rowplname {
		flex-grow: 1;
	}
	.rowfields {
  		justify-content: space-around;
  		display: flex;
  		flex-wrap: wrap;
		flex-grow: 2;
	}

}

@media (min-width: 992px) {

	.stat{	
	    width: 50%;
	}

	.msgdiv{
	    width: 80%;
	    margin-left: auto;
	    margin-right: auto;
	}
	.infodiv{
    	width: 80%;
	}
	#pagewrap, .pagewrap {
	   width: 954px;
	   max-width: none;
	}

	.form_wrap{
		width:90%;
	}

	.playerwrap{
		display:flex;
		align-items: center;
		margin: 3px 1px;
  		border: 1px lightgray solid;
  		border-radius: 5px;	
	}
		
	.rowtitle {
		flex-grow: 1;
	}
	.rowplname {
		flex-grow: 1;
	}
	.rowfields {
		max-width: 60%;
  		justify-content: space-around;
  		display: flex;
  		flex-wrap: wrap;
		flex-grow: 2;
	}

}



.div_group_head:after{
	float: right;	
	content: '\25B2';
}

.lvl_head:after{
	float: right;	
	content: '\25B2';
}

.collapsed:after{
	content: '\25BC';
}


.content{
  padding: 0px;
/*  overflow: hidden;  */
  transition: max-height 0.4s ease-out;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
}

.level_note{
  font-weight: bold;
  width: 100%; 
  padding: 20px 0px; 
  text-align: center;
}


.div_spacer{
  width:99%;
  float:left;
}

td.btns{
	width:60px;
	text-align:center;
}

td.num{
	width:30px;
	text-align:center;
}

td.sect{
	text-align:left; 
	font-weight:bold;
}

td.td_players{
	text-align:left;
}

h1, h2, h3, h4 {
    margin-top: 11px; 
    margin-bottom: 3px; 
}

.infodivi {
	width:100%;
	margin:1px;
	padding:1px;
	display:inline-block;
	text-align:left;
}


.plinput {
	margin:2px;
 	font-size: 90%;
}

input[type=submit] {margin:2px;}


.player1{
	margin-right:3px;
	margin-left:3px;
}

.player2{
	margin-right:3px;
	margin-left:3px;
}

.oksubmit,
.delsubmit,
.addsubmit,
.waitsubmit,
.eoffsubmit,
.movesubmit {
  width:  25px;
  height: 25px;
  margin: 1px 2px;
  padding:0;
  border: 0;
  cursor: pointer;
  display: inline-block;
}

.oksubmit {
  background: transparent url('/img/ok.png') no-repeat center top;
}

.delsubmit {
  background: transparent url('/img/cancel.png') no-repeat center top;
}

.addsubmit {
  background: transparent url('/img/add.png') no-repeat center top;
}

.waitsubmit {
  background: transparent url('/img/wait.png') no-repeat center top;
}

.eoffsubmit {
  background: transparent url('/img/eyeoff.png') no-repeat center top;
}

.movesubmit {
	background: transparent url('/img/move.png') no-repeat center top;
}

.tel{
	display:none;
}

.list_dropout{
  background-color:#e6bbad;
}
.list_0{
  background-color:#c1e1ec;
}
.list_1{
  background-color:#e8f4f8;
}
.list_seek_0 {
  background-color:peachpuff;
}
.list_seek_1 {
  background-color:papayawhip;
}
.list_wait_0 {
  background-color:khaki;
}
.list_wait_1 {
  background-color:palegoldenrod;
}
.list_other {
  background-color:#c0c0c0;
}

.br-icon {
    position: sticky;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    height: 50px;
    width: 50px;
    margin-left: auto;
    margin-right: -50px;
    border-radius: 100%;
    background-color: var(--primary);
    box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.58);
    -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
    -webkit-transform: scale(0.92);
              transform: scale(0.92);
}


.navbar-ddark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


@media (max-width: 1050px) {
.br-icon
    {
        margin-right: -5px;
    }
}
@media (max-width: 991px) {
.br-icon
    {
        margin-right: -50px;
    }
}
@media (max-width: 585px) {
.br-icon
    {
        margin-right: -5px;
    }
}


.alertBirthYear {
    font-weight: 500;
    color: #DD0000;
}