/* pdf */
#pdf .dangerous-goods {

  margin-top: 16px;
}

#pdf .dangerous-goods h1 {
  color: #2c3059;
  font-family: sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 13.5px;
  text-align: left;
}

#pdf .dangerous-goods h2 {
  color: #2c3059;
  font-family: sans-serif;
  font-size: 8px;
  font-weight: 700;
  line-height: 12.8px;
  text-align: left;
}

#pdf .dangerous-goods p{
  color: #2c3059;
  font-family: sans-serif;
  font-size: 6px;
  font-weight: 400;
  line-height: 9.6px;
  text-align: left;
}

#pdf .baggage {
 width: 100%;
}

#pdf .icons-container {
  margin-top: 12px;
  width:100%;
  display: block;
  overflow: auto;
  min-height:50px;
}

#pdf .dangerous-goods .icons-container .icon {
  margin-bottom: 10px;
  width:100%;
  display:inline-block;
}

#pdf .icons-container .icon-wrapper .icon img {
  float: left;
  margin-right: 10px;
    display: inline-block;
}

#pdf .icons-container .icon-wrapper .icon div {
  display: inline-block;
    float:left;
    width: 70%;
}

#pdf .icons-container.hilighted-icon .icon {
  width: 17%;
  margin:0;
}

#pdf .icons-container > .icon-wrapper {
  float: left;
  width: 23%;
  box-sizing: border-box;
  text-align: start;
  margin: 2px;
  min-height: 35px;
  margin-top: 10px;
}

#pdf .icons-container img {
  width: auto;
  height: 24px;
  margin-right: 10px;
}

#pdf .icons-container label {
  color: #2c3059;
  font-size: 7px;
  font-weight: 700;
  line-height: 8x;
  text-align: left;
  vertical-align: middle;
  font-family : sans-serif;
}

#pdf .icons-container p {
  color: #6a6d87;
  font-family: sans-serif;
  font-size: 6px;
  font-weight: 400;
  line-height: 9.6px;
  text-align: left;
  display:inline-block;
}

#pdf .baggage .remark {
  margin-top: 12px !important;

  color: #6a6d87;
  font-family: sans-serif;
  font-size: 6px;
  font-weight: 400;
  line-height: 9.6px;
  text-align: left;
}

#dangerous .baggage {
  border-radius: 0px;
  padding: 0px;
  margin-right: 0 !important;
}

/* dangerous */
#dangerous .header {
  width: 100%;
  height: 56px;
  align-items: center;
  /*collide with global-content-padding*/
  padding: 8px 24px;
  border-bottom: 1px solid #dfe0eb;
}

#dangerous .header .icon:first-child img {
  width: 99.2px;
  height: 32px;
}

#dangerous .dangerous-goods {
  width: 100%;

  margin-right: 0 !important;
}

#dangerous .dangerous-goods p {
  color: #000000;
  font-family: sans-serif;
  font-size: 8px;
  font-weight: 400;
  line-height: 12.8px;
  text-align: left;
}


#dangerous .icons-container .icon {
  width: auto;
  height: auto;

}

#dangerous .icons-container img {
  width: auto;
  height: 48px;
}

#dangerous .icons-container label {
  color: #2c3059;

  /* Body1/Body 1 — Bold; */
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
}

#dangerous .icons-container p {
  color: #6a6d87;
  /* Body2/Body 2 — Regular; */
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

#dangerous .baggage .remark {
  margin-top: 12px !important;
  color: #6a6d87;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
#dangerous .dangerous-goods h1,
#dangerous .dangerous-goods h2 {
  color: #2c3059;
  font-family: sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
}

#dangerous .dangerous-goods p {
  color: #6a6d87;

  /* Body/Body — Regular; */
  font-family:sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
}


.button-group .primary-button {
  width: 100%;
  height: 50px;
  padding: 12px 8px;
  border-radius: 30px;
  background: linear-gradient(98.72deg, #684b9b -27.72%, #381b6b 127.08%);

  font-family: sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;

  color: #ffffff;
}



#dangerous .horizontal-line {
  border-bottom: 1px solid #DFE0EB !important;
  margin: -4px -40px !important;
}

/* checkbox */
#dangerous .form-check label {
  color: #2c3059;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  text-align: left;
}

 #pdf .dangerous-goods .icons-container{
	margin-top:12px;
	width:100%;
    display: block;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #dangerous .header {
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    padding: 12px 150px 8px 150px;
    border-bottom: 1px solid #dfe0eb;
  }

  #dangerous .header .icon:first-child img {
    width: 124px;
    height: 40px;
  }

    .dangerous-goods-checkin{
        padding:30px 0;
    }
  #dangerous .dangerous-goods {
    width: 100%;
  }

  #dangerous .dangerous-goods h1 {
    color: #2c3059;
    font-family:  sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
  }

  #dangerous .form-check label {
    color: var(--gray-text-strong, #2c3059);
    font-family:sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    text-align: left;
  }



  .button-group .primary-button {
    width: 191px;
    height: 50px;
    padding: 8px 32px;
    border-radius: 30px;
    background: linear-gradient(98.72deg, #684b9b -27.72%, #381b6b 127.08%);
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #dangerous .baggage {

    border-radius: 8px;
    padding: 24px;
    border: 1px solid var(--gray-stroke, #dfe0eb);
  }

}

@media (max-width: 1100px) {
  .global-content-padding {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
}

@media (max-width: 1120px) {
  .global-content-padding {
    padding-left: 4% !important;
    padding-right: 4% !important;
  }
}

@media (max-width: 1150px) {
  .global-content-padding {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}

@media (max-width: 1220px) {
  .global-content-padding {
    padding-left: 6% !important;
    padding-right: 6% !important;
  }
}

@media (max-width: 1300px) {
  .global-content-padding {
    padding-left: 8% !important;
    padding-right: 8% !important;
  }
}

/* CSS for hilighted icon */
#pdf .icons-container.hilighted-icon {
  width: 100%;
  padding: 12px 8px 8px 8px;
  border-radius: 8px;
  /** border: 1px solid var(--gray-stroke, #DFE0EB); **/
  border-width: 1px;
  border-style: solid;
  border-color: #dfe0eb;
}

#dangerous .icons-container.hilighted-icon {
  padding: 15px 8px 8px 8px;
}

.icons-container.hilighted-icon .icon,
.icons-container.hilighted-icon p {
  align-self: center !important;
}

.icons-container.hilighted-icon ul {
  	list-style: none;
  	margin-top: 2px;
    margin-left: 4px;
}

.icons-container.hilighted-icon li {
  	color: #6a6d87;
    font-family: sans-serif;
    font-size: 6px;
    font-weight: 400;
    line-height: 9.6px;
    text-align: left;
}

.dangerous-goods .text-error {
    color: var(--error-text-strong, #D6002A) !important;

    font-family: sans-serif;
    font-weight: 700;
    font-style: bold;
    font-size: 6px;
    line-height: 160%;
    letter-spacing: 0px;
    padding: 0 !important;
    margin-left: 0 !important;
    background-color: none !important;
}

#pdf .banner-container .banner-md {
  margin-top: 12px;
}
.icons-container {
    position: relative;
}


#pdf .icon.top-description > p {
    position: absolute;
    top: -20px;
}

#dangerous .icon-wrapper.top-description > p {
    position: absolute;
    top: -50px;
}

#pdf .icon-wrapper.top-description {
    position: relative;
	margin-top:-10px;
    border-left: 1px solid #e6e6e6;
    padding-left: 5px;
}
}
.text-error-color{
    color:rgb(214,0,42);
}

#pdf .icon.top-description::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -8px;
    width: 0.5px;
    height: 180%;
    background-color: #DFE0EB;
}

#pdf .heading  {
    width: 100%;
    display: block;
	float: left;
}

#pdf .heading h2 {
    width: 100%;
	text-align:left;
}
#pdf .heading p {
    width: 100%;
	text-align:left;
}

#pdf .remark{
	 width: 100%;
	 display: block;
	 float: left;
}

#pdf .remark .text-error-colour{
    color:#D6002A !important;
    font-weight: bold !important;
    display: inline !important
}