body {
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 150px;
    margin-right: 150px;
}

.descr {
    padding: 7px;
    margin-top: 15px;
    background: rgb(20, 56, 216);
    color: white;
    font-size: 120%;
    text-align: center;
}

.criteria {
    position: relative;
    width: 900px;
    margin: auto;
    margin-bottom: 50px;
}

.block_criteria {
    margin-bottom: 10px;
}

input[value="Да"]:checked + span {
    color: green;
    font-weight: bold;
}

input[value="Нет"]:checked + span {
    color: red;
    
}


.table_criteria td,th {
    padding: 5px;
}
.table_criteria td:first-child {
    width: 85%;
}

.table_criteria td:last-child {
    line-height: 1.7;
}

.table_z {
    width: 100%;
}
.table_z td:first-child {
    width: 25%;
}

.btn-submit {
    font-weight: 700;
    color: white;
    text-decoration: none;
    padding: .8em 1em calc(.8em + 3px);
    border-radius: 3px;
    background: rgb(64,199,129);
    box-shadow: 0 -3px rgb(53,167,110) inset;
    transition: 0.2s;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.btn-submit:hover {
    background: rgb(53, 167, 110); 
    cursor: pointer;
}

.btn-submit:active {
    background: rgb(33,147,90);
    box-shadow: 0 3px rgb(33,147,90) inset;
}

.table_criteria {
    background: #f5ffff;
    border-collapse: collapse;
    text-align: left;
  }

  .table_criteria thead {
    font-weight: 700;
    background: #ddc3f1;
}

  .table_criteria th {
    border-top: 1px solid #777777;	
    border-bottom: 1px solid #777777; 
    box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
    background: linear-gradient(#9595b6, #5a567f);
    color: white;
    padding: 10px 15px;
    position: relative;
  }
  .table_criteria th:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 25%;
    height: 25%;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.08));
  }
  
  .table_criteria tr:nth-child(odd) {
    background: #ebf3f9;
   
  }
  
   
  .table_criteria th:first-child {
    border-left: 1px solid #777777;	
    border-bottom:  1px solid #777777;
    box-shadow: inset 1px 1px 0 #999999, inset 0 -1px 0 #999999;
  }
  .table_criteria th:last-child {
    border-right: 1px solid #777777;
    border-bottom:  1px solid #777777;
    box-shadow: inset -1px 1px 0 #999999, inset 0 -1px 0 #999999;
  }
  .table_criteria td {
    border: 1px solid #e3eef7;
    padding: 10px 15px;
    position: relative;
    transition: all 0.5s ease;
  }

  .application {
      display: none;
      width: 900px;
      margin: auto;
      margin-bottom: 50px;
  }

  .message {
      display: none;
      position: fixed;
      width: 500px;
      height: auto; 
      
      background: greenyellow;
      margin: 0 auto;
      margin-top: 150px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: center;
      padding: 25px;
      border-radius: 25px;
      border: 1px solid blue;
      
  }

  .message button {
      width: 100px;
      height: 30px;
      cursor: pointer;
      border-radius: 10px;
      
  }

  



  input[type="file"] {
    width: 100%;
    color: blue;
    cursor: pointer;
  }

  input[type="number"] {
      text-align: right;
      width: 90px;
  }

  .filehelp {
      font-size: 70%;
      color: brown;
      line-height: 1;
      cursor: pointer;
      border-bottom: dashed 1px red;
  }

  /* для главной страницы */
  .info {
    position: relative;
    width: 800px;
    margin: auto;
    margin-bottom: 50px;
    background: #f5ecea;
    padding: 25px;
  }
  .info p {
      text-align: justify;
  }
  
  .att {
      padding: 25px;
      background: #c7ee6b;
  }

  a[href="application.html"] {
      color: red;
  }

 /* #sigCommentsBlock {
    position: relative;
    width: 800px;
    margin: auto;
  } */