/* Start:/bitrix/templates/market_column/css/style_acc.css?17666469051057*/
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.position {
  flex-grow: 1;
}

.salary {
  flex-grow: 1;
  text-align: end;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  margin: auto;
  transition: max-height 0.2s ease-out;
}
div.panel > ul > li {
  list-style-type: none;
}
div.panel > ul > li:before {
  content: "\2014  ";
}
.accordion:after {
  content: url("/bitrix/templates/market_column/css/../images/chevron-down.svg");
  margin-left: 5px;
  align-self: center;
}

.active:after {
  content: url("/bitrix/templates/market_column/css/../images/chevron-up.svg");
}

/* End */
/* /bitrix/templates/market_column/css/style_acc.css?17666469051057 */