/* Плашка отображения трени */
.stat{
    max-width: 470px;
    display: inline-block;
    width: 98%;
    padding: 0px;
    margin: 6px 3px;
    min-height: 200px;
    text-align: center;
    border: 2px solid #07a6b0;
}

/* Заголовок трени */
.event_head, .event_head_nc {
  background-color: #07a6b0;
  padding:5px;
  margin:0px;
  font-weight:bold;
  display: inline-flex; 
  width: 100%; 
  align-items: center;
}

/* Заголовок трени, описание */
.event_head_desc{
  color: #fbfdd6;
}

.event_head_desc > a {
  color: #fbfdd6;
  text-decoration: none;
  border-bottom: 3px dotted #fbfdd6;
}

/* Внутренность плашки трени */
.stat table{
  border-collapse: separate;
  width: 100%;
  border: 0px solid #07a6b0;
}

.anounce1{
  color: red;
  background-color: #aaffaa;
  margin: 4px 0px;
  padding: 4px;
}

.anounce2{
  color: darkred;
  background-color: #ffcccb;
  margin: 4px 0px;
  padding: 5px; 
  text-decoration-color: #07a6b0
}

.anounce2{
  color: darkred;
  background-color: coral;
  margin: 4px 0px;
  padding: 5px; 
  text-decoration-color: #07a6b0
}

/* Заголовки разделов Подтвержден/Новый/Ищет/Ожидаение */
.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;
}


/* Всё остальное */

.stat_2col{
    float: left;
}

.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: 1px solid gray;
}
#pagewrap, .pagewrap {
	   width: 100%;
	   max-width: 480px;
	   margin: 0 auto;
	   text-align:center;
}


@media (min-width: 992px) {
	.msgdiv{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
   }
	.infodiv{
    width: 80%;
  }
	#pagewrap, .pagewrap {
	   width: 964px;
	   max-width: none;
	}
}


.inputdiv{
  text-align:left;
}

.div_spacer{
  width:99%;
  float:left;
}


.event_head:before{
float: right;	
content: '\25B2';
}

.collapsed:before{
content: '\25BC';
}

.event_note{
  font-weight: bold;
  width: 100%; 
  padding: 20px 0px; 
  text-align: center;
}

.content{
  width: 100%;
  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;
}

td.num{
  width: 30px;
}

td.btns{
  width: 60px;
  padding: 2px 0px;
}

td.sect{
  text-align: left;
  font-weight:bold;
}


.player1{
  float:left;
  margin-right:8px;
  margin-left:3px;
  text-align: left;
}

.player2{
  float:right;
  margin-right:3px;
  margin-left:8px;
  text-align: right;
}

.oksubmit,
.delsubmit,
.addsubmit,
.waitsubmit,
.eoffsubmit,
.paysubmit {
  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;
}

.paysubmit {
  background: transparent url('/img/Dollar-red24.png') no-repeat center top;
}

.tel{
  display:none;
}

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;
  width: 21ch;
  font-size: 90%;
}

input[type=submit] {
  margin:2px;
}

.infodiv h5{
  margin-top: 12px;
  margin-bottom: 2px;
}

.infodiv h6{
  padding:1px;
  margin:1px;
}


.invalidinput{
    border: 2px solid red;
}
