/* Персоналии */
div.personalii {
  text-align: center;
  margin: 0 10px 10px 0;
}

/* Персоналии. Область задания фильтров */
/* Буквы для фильтрации */
div.personalii > .letter {
  font-size: 18px;
  padding: 3px 8px;
  border-radius: 15px;
  text-decoration: none;
  transition: 0.3s;
  color: #4192E7;
  background: #fff;
  border: 1px #ccc solid;
}

div.personalii > .letter:hover {
  background: #063974;
  color: #fff;
  border: 1px #FFF solid;
}

/* Буквы для фильтрации - выбранная буква */
div.personalii > .letter.active {
  background: #063974;
  color: #fff;
  font-weight: bold;
}

/* Подразделения */
div.departments {
  width: 80%;
  font-family: 'BlissPro-Medium', Arial, sans-serif;
  font-size: 1.2rem;
  color: #063974;
  padding: 10px;
  margin-bottom: 10px;
  white-space: nowrap;
  clear: both;
}

div.departments select {
  width: auto;
  border-radius: 0;
  font-size: 0.9rem;
  padding: 10px;
  margin-top: 5px;
  text-decoration: none;
  transition: 0.3s;
  color: #063974;
  background: #fafafa;
  border: 1px #ccc solid;
  float: left;
  clear: both;
}
/* /Подразделения */

/*
*   Блок для карточек с краткой информацией о сотрудниках в разделе "Персоналии"
*/
div.personalii_box {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 15px;
  flex-wrap: wrap;
}

/*
*   Краткая информация о сотруднике в разделе "Персоналии"
*/
div.persona {
  /* высота карточки (может автоматически увеличиваться) */
  min-height: 140px;
  width: 320px;
  /* расстояние между карточками */
  margin: 10px;
  background: #fff;
  border: 1px #E6E6E6 solid;
  /* отступ наполнения от границы карточки */
  padding: 10px;
}
/* Фотография сотрудника */
.img_persona {}
.img_persona img {
  width: 80px;
  float: left;
  padding-right: 10px;
}
.info_persona {
  font-size: 16px;
  margin-left: 20px;
}
.info_persona span,
.info_persona small,
.info_persona big {
  display: block;
  padding-bottom: 5px;
}
.info_persona span {
  color: #333;
  font-family: 'BlissPro-Medium', Arial, sans-serif;
}
.info_persona small {
  color: #999;
  font-family: 'BlissPro-Light', Arial, sans-serif;
}
.info_persona big {
  color: #063974;
  font-family: 'BlissPro-ExtraBold', Arial, sans-serif;
  text-transform: uppercase;
  padding-bottom: 10px;
}

/*
*   Карточка сотрудника
*/
div.persona_card {
  margin: 10px;
  background: #fff;
  border: 1px #E6E6E6 solid;
  /* отступ наполнения от границы карточки */
  padding: 10px;
}
.img_persona_card {}
.img_persona_card img {
  width: 140px;
  float: left;
  padding-right: 10px;
}
.info_persona_card {
  font-size: 16px;
  margin-left: 20px;
  /* float: left; */
}
.info_persona_card span,
.info_persona_card small,
.info_persona_card big {
  display: block;
  padding-bottom: 5px;
}
.info_persona_card span {
  color: #333;
  font-family: 'BlissPro-Medium', Arial, sans-serif;
}
.info_persona_card small {
  color: #999;
  font-family: 'BlissPro-Light', Arial, sans-serif;
}
.info_persona_card big {
  color: #063974;
  font-family: 'BlissPro-ExtraBold', Arial, sans-serif;
  text-transform: uppercase;
  padding-bottom: 10px;
}
/* Карточка сотрудника - вкладки */
.tab-title,.tab-content {
  list-style: none;
}
.persona_card_container {
  float: left;
  width: 100%;
  font-family: sans-serif;
  margin-top: 50px;
}
.tab-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 15px;
  border-bottom: 2px solid #ccc;
}
.tab-title div {
  font-family: 'BlissPro-Medium', Arial, sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
  cursor: pointer;
  padding: 5px;
  /** color: #666; **/
  color: #063974;
  text-decoration: underline;
  /** box-shadow: 0 -5px 0 -2px #ccc; **/
  box-shadow: 0 -5px 0 -2px #639;
}

.tab-title div:hover {
  /** box-shadow: 0 -5px 0 -2px #ccc; **/
  text-decoration: none;
}

.tab-title div.active {
  color: #063974;
  /** box-shadow: 0 -5px 0 -2px #063974; **/
  background-color: #f5f5f5;
  box-shadow: 0 -5px 0 0 #063974;
  text-decoration: none;
}

.tab-content div.block-text {
  display: none;
  text-align: left;
  padding: 5px;
  margin: 5px;
}
/**
 * ТЕКСТ В ТАБАХ
 **/
/* откуда-то тень тянется у block-text */
div.block-text.noshadow {
  box-shadow: none;
}
  .persona_card_container .tab-content .block-text {
    padding: 20px;
    margin: 0;
  }
  .persona_card_container .tab-content .block-text p {
    color:#666;
    font: normal 16px/20px 'BlissPro-Light', Arial, sans-serif; /* line-height: 20px; */
    text-indent: 0; /* Отступ первой строки */
    text-align: justify; /* Выравнивание по ширине */
    padding: 0;
    margin-bottom: 0.7em; /* Расстояние между абзацами */
  }
  .persona_card_container .tab-content .block-text li {
    padding: 0;
    margin-bottom: 0.7em; /* Расстояние между абзацами */
  }