form {
  box-sizing:border-box;
}
.comp-input {
  appearance: auto;
  border: 2px;
  border-radius: 5px;
  background: #e6e6e6;
  color: #00000;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 2px;
  margin-right: 5px;
  width: 90%;
  height: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  justify-content: center;
/* for select */
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.red-button {
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #ff0000;
  color: #fff;
  padding: 16px 16px;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  width: 95%;
  height: 95%;
  display:inline-block;
}
.green-button {
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #008000;
  color: #fff;
  padding: 16px 16px;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 95%;
  height: 95%;
  display:inline-block;
}
.grey-button {
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #808080;
  color: #fff;
  padding: 16px 16px;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 95%;
  height: 95%;
  display:inline-block;
}
.blue-button {
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #4676D7;
  color: #fff;
  padding: 16px 16px;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  width: 95%;
  height: 95%;
/*  display:inline-block; */
}
.b_s-button {
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #4676D7;
  color: #fff;
  padding: 16px 64px;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.a_s-button {
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #008000;
  color: #fff;
  padding: 16px 64px;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 20px;
}
#usercard{
        text-align: center;
}
#content {
        width: 100%; /* Ширина слоя */
        margin: 0 auto 0px; /* Выравнивание по центру */
        margin-bottom: 50px;
}
#footer {
        position: fixed; /* Фиксированное положение */
        left: 0; bottom: 0; /* Левый нижний угол */
        background: rgba(0, 0, 0, 0); /* Цвет фона */
        width: 100%; /* Ширина слоя */
}
table {
   width: 100%;
   border-collapse: collapse;
   /*убираем пустые промежутки между ячейками*/
   /*border-bottom: 0px solid;*/
   /*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*/
   table-layout:fixed;
}
th {
border-top: 0px solid grey;
border-bottom: 0px solid grey;
padding: 12px;
text-align: center;
}
td {
margin-left: auto;
margin-right: auto;
/*border: 1px solid;*/
text-align: center;
vertical-align: middle;
}

.collapsible {
}

.active, .collapsible:hover {
  background-color: #403866;
}
.content {
  padding: 0 0;
  display: none;
  overflow: hidden;
  background-color: #fffff;
/*  opacity: 0.5; */
}