

.login_box_wrapper {
  left: 0;
}

ul.paginator {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.paginator li {
  list-style-type: none !important;
  margin: 10px 6px !important;
  background: #f9f9f9;
  padding: 5px 11px;
  border: 1px solid #39a3ef;
  cursor: pointer;
}

li.current {
  background: #39a3ef;
}

li.current a {
color: white;
}

table.list {
  width: 100%;
  background: #fff;
  border-radius: 15px;
  vertical-align: top;
  border: 1px solid #d7d7d7;
}

table.list td {
  border: 1px solid #d8d8d8;
  height: 20px;
  padding: 10px;
  text-align: center;
}

.bl {
  padding: 75px;
background: #f9f9f9;
}

.formula {
    padding: 30px;
    border: 1px solid;

}

.interesting img {
  width: 50px;
  margin-bottom: 10px;
}

.interesting > div > div {
    background: white;
    margin: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 25px 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.myPosition {
  border: 1px solid;
  padding: 45px;
  margin: 15px;
}

.myPosition .left {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.myPosition > div:nth-child(2)
{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.myPosition img.avatar {
  width: 150px;
  margin-bottom: 15px;
}


.cabinet_position {
  background: rgb(51,41,105);
  background: linear-gradient(81deg, rgba(51,41,105,1) 0%, rgba(24,30,75,1) 49%, rgba(8,54,43,1) 100%);
  color: white !important;
  border: 17px solid #17bf98;
}

.cabinet_position > div h3:not(:nth-child(1)) {
  color: #ffffff;
  background: #1dbd98;
  padding: 20px;
  border-top-right-radius: 150px;
}

.cabinet_position p {
  color:white !important;
}

.table_holder {
    overflow-x: scroll;
    margin: 10px;
}

div.cabinet_header {
    justify-content: center;
}

.spectator {
  left: 0;
}



@media screen and (max-width: 767px)  {
  .myPosition {
    padding: 25px 5px;
    margin: 10px 0;
  }

  .bl {
    padding: 25px;
  }

  .myPosition > div:nth-child(2) {
    margin-top: 30px;
  }

  .title_back {
    padding-left: 20px;
  }

}
