#jcd{
  width:100%;
  margin:0;
  padding:.5rem 1rem .9rem;
  position:absolute;
  border-radius:3px;
  transition:margin-top .4s ease-out;
}
#jcd.open{
  box-shadow:0 2px 5px rgba(0, 0, 0, .3);
  margin-top:-.4rem;
  background:#fff;
}
#jcd.open .service-update-button{
  color:#fff;
  border:none;
  background:#485865;
  margin-bottom:0;
}
#jcd.open .service-update-button .beli,#jcd.open .service-update-button .bell{
  color:#fff;
}
#jcd.open #journey-check-service-groups{
  margin-top:8px;
  margin-bottom:-2px;
}
#jcd:not(.open) .service-update-button{
  background-color:#fff;
}
#btjcd-tabs:not(.exp-jpb) #jcd.open .service-update-button i{
  color:#fff;
}
@media (min-width:992px){
  #jcdw{
    right:-.75rem;
  }

  #jcd,#jcdw{
    position:relative;
  }
  #jcd .service-update-anchor:first-child{
    margin-top:0;
  }
  #jcd .service-update-anchor:last-child{
    margin-bottom:5px;
  }
}
@media (max-width:991.98px){
  #jcd,#jcdw{
    position:relative;
    width:100%;
    right:0;
  }

  #jcdw{
    padding:.5rem 0 0;
    min-height:0;
  }

  #jcd{
    padding:.5rem;
    top:0;
  }
  #jcd.open,#jcd:not(.open){
    border:1px solid #c5cfd9;
  }
  #jcd.open{
    box-shadow:none;
    background:0 0;
    margin-top:0;
  }
  #jcd .service-update-anchor{
    width:49.5%;
    margin:4px 0;
  }
  #jcd .service-update-anchor:nth-child(2n){
    float:right;
  }
  #jcd .ext-link .service-update-anchor:nth-child(2n),#jcd .service-update-anchor:nth-child(odd){
    float:left;
    clear:both;
  }
  #jcd .ext-link .service-update-anchor:nth-child(odd){
    float:right;
    clear:none;
  }
  #jcd .service-update-button{
    border-color:#c5cfd9;
    margin-top:0;
    margin-bottom:.2rem;
  }
  #jcd .service-update-button.collapsed{
    margin:0;
  }
}
@media (max-width:767.98px){
  #jcd{
    padding:.5rem 0;
    top:0;
    box-shadow:none !important;
    border:0 !important;
    padding-top:0;
    padding-bottom:0;
  }

  #jcdw{
    box-shadow:none;
    padding:.5rem .5rem 0;
    right:0;
  }
}
@media (min-width:768px) and (max-width:991.98px){
  .service-update-button{
    border:none !important;
  }
}
@media (min-width:768px) and (max-width:579.98px){
  #jcd .service-update-anchor{
    width:auto;
    margin:2px 0;
    display:inline-block;
    float:none !important;
  }
  #jcd .service-update-anchor:nth-child(2n),#jcd .service-update-anchor:nth-child(odd){
    display:inline-block !important;
    float:none;
  }
}
@media (max-width:579.98px){
  #jcd .service-update-anchor{
    width:100%;
  }
}
@media (min-width:768px){
  .exp-jpb #jcd .service-update-anchor{
    width:49.5%;
    margin:4px 0;
  }
  .exp-jpb #jcd .service-update-anchor:nth-child(2n){
    float:right;
  }
  .exp-jpb #jcd .ext-link .service-update-anchor:nth-child(2n),.exp-jpb #jcd .service-update-anchor:nth-child(odd){
    float:left;
    clear:both;
  }
  .exp-jpb #jcd .ext-link .service-update-anchor:nth-child(odd){
    float:right;
    clear:none;
  }
}
@media (max-width:991.98px){
  .exp-jpb #jcd{
    top:0;
  }
}
.exp-jpb .service-update-button{
  border:none;
  margin:auto;
  position:relative;
  z-index:1;
  text-align:center;
}
.exp-jpb .service-update-button.bel{
  display:inline-flex !important;
}
.exp-jpb .service-update-button.bel:hover .belir{
  color:#485865 !important;
}
.exp-jpb .service-update-button .belil{
  margin:0 .75rem !important;
}
.exp-jpb .service-update-button .belir{
  color:#485865;
  margin:0 .75rem !important;
}
.exp-jpb #jcd.open .service-update-button{
  background-color:#fff;
  text-shadow:none;
  color:#485865;
}
.exp-jpb #jcd.open .service-update-button .belir{
  color:#485865;
  margin-left:1rem;
}
.e-link{
  width:100% !important;
  margin-bottom:1rem !important;
}

/*# sourceMappingURL=jc-dropdown.css.map */