.op-positions .tab-content>.tab-pane {
  display: none;
}
.op-positions .tab-content>.active {
  display: block;
}
.op-positions .tab-content .fade.in {
  opacity: 1;
}
.op-positions .tab-content .fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.op-positions > ul.nav.nav-tabs {
  list-style: none;
  padding: 0;  
  margin: 0 0 52px;
  text-align: center;
  letter-spacing: -4px;
}
.op-positions > ul.nav.nav-tabs li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  padding: 0 10px;
}
.op-positions > ul.nav.nav-tabs a {
  display: block;
  background: #fff;
  height: 44px;
  border-radius: 22px;
  line-height: 42px;
  text-align: center;
  color: #0b3b60;
  border: 1px solid #0b3b60;
  font-size: 16px;
  font-weight: 500;
  width: 120px;
}

.op-positions > ul.nav.nav-tabs li.active a {
  background: #0b3b60;
  color: #fff;
}

/*Styling Selectbox*/
.filter .dropdown {
  width: auto;
  display: inline-block;
  transition: all .5s ease;
  position: relative;
  font-size: 16px;
  color: #474747;
  height: 100%;
  text-align: left
}
.filter .dropdown button {
  all: unset;
  cursor: pointer;
  display: block;
  padding: 10px 0;
  width: 100%;
  text-align: left;
  color: #54565b;
  font-size: 16px;
  font-weight: 500;
}
.filter .dropdown button > i {
  font-size: 13px;
  color: #888;
  cursor: pointer;
  transition: all .3s ease-in-out;
  float: right;
  line-height: 20px;
  margin-left: 10px;
  transform-origin: center;
  margin-top: 4px;
}

.filter .dropdown .dropdown-menu {
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  margin-top: 1px;
  box-shadow: 0 1px 2px rgb(204, 204, 204);
  border-radius: 0 1px 2px 2px;
  overflow: hidden;
  display: none;
  max-height: 144px;
  overflow-y: auto;
  z-index: 9;
  min-width: 200px;
}
.filter .dropdown .dropdown-menu a {
  padding: 10px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  display: block;
  color: #54565b;
  font-size: 14px;
  font-weight: 500;
} 
.filter .dropdown .dropdown-menu {
  padding: 0;
}
.filter .dropdown .dropdown-menu a:hover {
  background-color: #f2f2f2
}
.filter .dropdown .dropdown-menu a:active {
  background-color: #e2e2e2
}
.filter .dropdown.open .dropdown-menu {
  display: block;
}

.filter .dropdown.open i {
  transform: rotate(180deg);
}

.op-positions .total-results {
  
}

.op-positions .positions-list {
  position: relative;
}

.op-positions .filter {
  border-top: 1px solid #e6e6e6;
/*   border-bottom: 1px solid #e6e6e6; */
  padding: 30px 60px;
  text-align: center;
}

.op-positions .position {
  border-top: 1px solid #e6e6e6;
  padding: 38px 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
/*.op-positions .pos { display: none; }*/
.op-positions .total-results + .position {
  border-top: none;
}
.hs-loadmore.noContent {
  background: none;
  color: #54565b;
  pointer-events: none;
}
.position .description {}
.op-positions .tap-txt {
  text-align: center;
}
.position .description h4 {
  margin-bottom: 30px;
}
.position .discription a {
  color: #0b3b60;
  text-decoration: underline;
}
.position .discription p {
  margin: 0;
}
.position .discription > * {
  display: block !important;
}
.position .action {
  min-width: 235px;
  text-align: center;
  padding-left: 45px;
}

.position .action .date {
  padding: 0 0 28px;
  display: block;
}

.position .discription {
  padding: 0 10px 0 0;
}
.position .discription > * { display: inline}
.hs-loadmore {
  background: #e6e6e6;
  color: #54565b;
  margin: 0 auto;
  display: block;
}
.hs-loadmore {
  color: #e6e6e6;
  background: #54565b;
}

.op-positions .position .description {
  max-width: 645px;
}
.position .action .hs-blu-primary {
  background: #0b3b60;
}

.position .action .hs-blu-primary:hover {
  background: #d7272e;
  color: #fff;
}
.op-positions .position .description .date {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .op-positions > ul.nav.nav-tabs a {
    width: 100px;
  }
  .op-positions > ul.nav.nav-tabs li { padding: 0 5px 5px; }
}
@media only screen and (max-width:767px) {
  .op-positions > ul.nav.nav-tabs li {
    padding-bottom: 10px;
  }
  
  .op-positions > ul.nav.nav-tabs a {
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    width: 90px;
  }
  .op-positions .filter {
    padding: 7px 0;
  }

  .op-positions .total-results {
    right: 0;
  }

  .op-positions .position {
    display: block;
    padding: 20px 0;
  }
  .hs-loadmore {
    margin-top: 30px;
  }
  .op-positions .position .description {
    padding: 0 0 10px;
  }
  .op-positions > ul.nav.nav-tabs {
    margin-bottom: 10px;
  }
  .op-positions .position .action .date {
    padding-bottom: 10px;
  }
  .op-positions .position .action {
    padding-left: 0;
    text-align: left;
  }
  .op-positions .position .description .date {
    display: block;
  }

  .op-positions .position .action span.date {
    display: none;
  }
}


{% for item in module.positions %}
	{% inline_text field="designation" value="" %}
	{% inline_rich_text field="description" value="" %}
	
	{% set href = item.button_apply.url.href %}
	{% if item.button_apply.url.type is equalto "EMAIL_ADDRESS" %}
		{% set href = "mailto:" + href %}
	{% endif %}
	<a href=""
		{% if item.button_apply.open_in_new_tab %}target="_blank"{% endif %}
		{% if item.button_apply.rel %}rel=""{% endif %}
		>
		Link text
	</a>
	{% inline_text field="button_apply_text" value="" %}
{% endfor %}