﻿.inline-flex-container {
  border:2px solid #CCCCCC;
  margin: 20px 0;
  display: grid;
  place-items: center;
}
body
{
  margin: 20;
  font-size: 14pt;
  font-style: normal;
  text-align: center;
  background: #B0C8B0;
}
td
{
  text-align: center;
  vertical-align: middle;
}
.td21
{
  text-align: left;
  vertical-align: middle;
}
.td22
{
  /* font: normal 14px/28px Arial, sans-serif; */
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: bottom;
}
.td23
{
  text-align: center;
  vertical-align: middle;
}
.text1{
  text-align: left;
  font-size: 14pt;
  font-weight: normal;
}
.text2{
  text-align: center; /* center */
  font-size: 14pt;
  font-weight: bold; /* bold */
}
.text3{
  text-align: left;
  font-size: 14pt;
  font-weight: normal;
  padding: 10px 15px;
  margin: 20px 0;
}
.text4{
  font: normal 14px/28px Arial, sans-serif;
  text-align: left;
  font-size: 14pt;
  font-weight: normal;
}
.infoblock1{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #B0E0E6;
  text-align: center; /* center */
  text-decoration: none;
  border-radius: 5px;
}
.infoblock2{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #B0E0E6;
  text-align: left; /* left */
  text-decoration: none;
  border-radius: 5px;
}
.infoblock3{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 12pt; /* 12pt */
  font-weight: bold; /* bold */
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #B0E0E6;
  text-align: center; /* center */
  text-decoration: none;
  border-radius: 5px;
}
.infoblock4{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 14pt; /* 14pt */
  font-weight: bold; /* bold */
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #B0E0E6;
  text-align: center; /* center */
  text-decoration: none;
  border-radius: 5px;
}
.infoblock51{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 16pt; /* 16pt */
  font-weight: bold; /* bold */
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #3D85C6;
  text-align: left;
  text-decoration: none;
  width: 1200px;
  border-radius: 5px;
}
.infoblock52{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 14pt; /* 14pt */
  font-weight: normal;
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #3D85C6;
  text-align: left;
  text-decoration: none;
  width: 1200px;
  border-radius: 5px;
}
.infoblock53{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 14pt; /* 14pt */
  font-weight: normal;
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #6FA8DC;
  text-align: left;
  text-decoration: none;
  width: 1200px;
  border-radius: 5px;
}
.testingblock1{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 14pt;
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #80C8F8;
  text-align: left;
  text-decoration: none;
  border-radius: 5px;
}
.testingblock2{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 14pt;
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #A8A8F8;
  text-align: left;
  text-decoration: none;
  border-radius: 5px;
}
.errorblock1{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 12pt; /* 12pt */
  font-weight: bold; /* bold */
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #FF7050;
  text-align: center; /* center */
  text-decoration: none;
  border-radius: 5px;
}
.button1{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 14pt; /* 14pt */
  font-weight: normal;
  color: #80C8F8;
  padding: 10px 15px;
  margin: 20px 0;
  background: #304050;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
.button2{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 14pt; /* 14pt */
  font-weight: normal;
  color: #80C8F8;
  padding: 10px 15px;
  margin: 20px 0;
  background: #683818;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
.item{
  display: inline-block;
  border: 1px #000000 solid;
  font-size: 14pt;
  font-weight: normal;
  color: #000000;
  padding: 10px 15px;
  margin: 20px 0;
  background: #B0E0E6;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
/* Только для отображения */
.input1{
  border: 0px;
  font-size: 14pt;
  font-weight: bold;
  color: #000000;
  background: #B0E0E6;
  text-align: center;
}
/* Только для отображения */
.input2{
  border: 0px;
  font-size: 14pt;
  font-weight: bold;
  color: #000000;
  background: #B0E0E6;
  text-align: left;
}
/* Для ввода */
.input3{
  border: 0px;
  font-size: 14pt;
  font-weight: bold;
  color: #000000;
  text-align: left;
}
/* Для ввода */
.input4{
  border: 0px;
  font-size: 14pt;
  font-weight: bold;
  color: #000000;
  text-align: center;
}
/* Для ввода */
.input5{
  border: 1px #000000 solid;
  padding: 10px 15px;
  margin: 20px 0;
  font-size: 12pt;
  font-weight: normal;
  color: #000000;
  background: #B0E0E6;
  text-align: left;
  width: 1200px;
  border-radius: 5px;
}
.select1{
  font-size: 14pt;
  font-weight: bold;
  background: #B0E0E6;
  text-align: left;
  width: 250px;
}
.select2{
  font-size: 12pt;
  font-weight: normal;
  background: #B0E0E6;
  text-align: left;
  width: 1230px;
}