#CheckOut {
    border-top:1px solid rgba(0, 0, 0, 0.2);
    padding-top: 3%;
    padding-bottom: 5%;
}

#CheckOut .Left h1 {
    font-size:1.8rem;
    font-weight: bold;
    color: #333;
    padding-bottom: 15px;
}

#CheckOut .Left h4 {
    font-size: 1.3rem;
    font-weight: bold;
    color: #0065B8;
    margin-bottom: 5px;
}


#CheckOut .Left .Card {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
}


#CheckOut .Left .PersonInfo h5 span {
    font-size: 1em;
}

#CheckOut .Left .PersonInfo h5 span {
    font-size: 0.70em;
    color:green;
    margin-left: 10px;
}

#CheckOut .Left .PersonInfo small {
    padding-bottom: 15px;
}
@media only screen and (min-width: 780px) {
    #CheckOut .Left .Card .gender{
        width: 13.66666667%;
    }
    #CheckOut .Left .Card .citizen{
        width: 19.66666667%;
    }
}
/* -----  Right -----  */

#CheckOut .Right .PaymentArea {
    width: 100%;
    background: white;
    border: 1px solid #dddddd;
    border-radius: 6px;
    position: relative;
    text-align: left;
    transition: all 250ms ease-in-out;
    height: auto;
    padding-bottom: 10px;
  }


  #CheckOut .Right .PaymentArea .Head {
    padding: 20px 15px;
    background-color: #F5F8FB;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 6px 6px 0 0;
  }

  #CheckOut .Right .PaymentArea .Head h2 {
    font-size: 1.1rem;
    font-weight: bold;
    color: #28374f;
    margin-bottom: 0 !important;
  }

  #CheckOut .Right .PaymentArea .HotelInfo {
   padding: 15px;
   border-bottom: 1px solid rgba(217, 217, 217, 0.6);
 }

 #CheckOut .Right .PaymentArea .HotelInfo .Left .Image{
   background-color: #F5F5F5;
   width: 100px;
   height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 #CheckOut .Right .PaymentArea .HotelInfo .Left h6{
  font-size: 1em;
  color:black;
 }

 #CheckOut .Right .PaymentArea .HotelInfo .Right{

 }

 #CheckOut .Right .PaymentArea .HotelInfo .Right h1{
   font-size: 1.2em;
   color:#28374f;
   font-weight: bold;
   padding-top: 10px;
   margin-bottom: 0px;
 }

 #CheckOut .Right .PaymentArea .HotelInfo .Right span{
   font-size: 0.9em;
   color:black;
 }


  #CheckOut .Right .PaymentArea .Date {
    padding: 10px;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
  }




  #CheckOut .Right .PaymentArea .Date .Card {
    display: inline-block;
    padding: 0 15px 0 5px;
  }

  #CheckOut .Right .PaymentArea .Date .Card h6 {
    margin-bottom: 0 !important;
    font-size: 1.1rem;
    line-height: 1.4em;
    color: #666;
  }

  #CheckOut .Right .PaymentArea .Date .Card span {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.3em;
    color: #28374f;
    margin-top: 3px;
  }

  #CheckOut .Right .PaymentArea .Room {
      padding: 3px 15px;
  }


  #CheckOut .Right .PaymentArea .Room .Name {
    font-size: 1.2rem;
    color: #0065B8;
    display: block;
    margin-top: 9px;
  }

  #CheckOut .Right .PaymentArea .Room .Ultra {
    display: block;
    font-size: 0.9em;
    line-height: 1.14;
    color: #333333;
    margin-top: 12px;

  }
#CheckOut .Right .PaymentArea .Room .Ultra .Night {
    color: #DF3C44;
}
#CheckOut .Right .PaymentArea .Room .Ultra.bus {
    color: #0065B8;
}
#CheckOut .next-day-arrive {
    color: #DF3C44;
    font-weight: 600;
}
  #CheckOut .Right .PaymentArea .Room .UltraBorder {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 10px 6px 10px;
    font-size: 12px;
}

#CheckOut .Right .PaymentArea .Room .UltraBorder .UltraDetailBtn {color:#0065B8; text-decoration: none; float: right; cursor: pointer;}

#CheckOut .Right .PaymentArea .Room .Ultra a.UltraDetailBtn {}

  #CheckOut .Right .PaymentArea .Room .Cancel {
    position: relative;
    display: block;
    color: #2fa252;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.14;
    margin-top: 12px;
  }

  #CheckOut .Right .PaymentArea .Room .Cancel .Notification {
    background-color: #333;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    visibility: hidden;
    position: absolute;
  }

  #CheckOut .Right .PaymentArea .Room .Cancel:hover .Notification {
    background-color: #333;
    padding: 10px;
    margin-top: 10px;
    visibility: visible;
    position: absolute;
  }

  #CheckOut .Right .PaymentArea .Room .Cancel .Notification h6 {
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.4em;
  }


  #CheckOut .Right .PaymentArea .Room .Price {
    font-size: 0.9rem;
    line-height: 1.14;
    color: #333333;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  }


  #CheckOut .Right .PaymentArea .Room .Payment .Discount {
    display: flex;
    justify-content: end;
  }

  #CheckOut .Right .PaymentArea .Room .Payment .Discount span {
    padding: 5px 10px;
    font-size: 12px;
    font-size: .75rem;
    color: white;
    background: #DF3C44;
    border-radius: 8px;
    font-weight: 700;
    margin-top: 10px;
    width: 30%;
    text-align: center;

  }

  #CheckOut .Right .PaymentArea .Room .Payment .OldPrice {
    font-size: 0.95rem;
    line-height: 1.14;
    color: #333333;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
  }

  #CheckOut .Right .PaymentArea .Room .Payment .TotalDiscount {
    font-size: 0.95rem;
    line-height: 1.14;
    color: #333333;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
  }

  #CheckOut .Right .PaymentArea .Room .Payment .Total {
    font-size: 1.1rem;
    line-height: 1.14;
    color: black;
    font-weight: 700;
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
  }

  #CheckOut .Right .PaymentArea .Room .ReservationButton {
    margin-top: 30px;
  }

  #CheckOut .Right .PaymentArea .Room .ReservationButton button {
    background-color: #2FA252;
    border-color: #2FA252;
    border-radius: 6px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    width: 100%;
  }



 #reservation-box {display: none; -webkit-transition:all 1s cubic-bezier(.23, 1, .32, 1);-moz-transition:all 1s cubic-bezier(.23, 1, .32, 1);-o-transition:all 1s cubic-bezier(.23, 1, .32, 1);transition:all 1s cubic-bezier(.23, 1, .32, 1);-webkit-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-o-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000)}
 #reservation-box.open {display: block;}

.reservation-box .reservation-col.flight-info .title {
  font-size: 12px;
  font-size: .75rem;
  font-weight: 600;
  color: #0065B8;
  display: block;
  margin-bottom: 10px;
  position: relative
}

.reservation-box .reservation-col.flight-info .title .icon {
  margin-right: 5px;
  position: absolute;
  left: -22px
}

.reservation-box .reservation-col.flight-info .flight-box {

}

.reservation-box .reservation-col.flight-info .flight-box+.flight-box {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #EFEFEF
}

.reservation-box .reservation-col.flight-info .flight-box .airline {
  display: block;
  margin-bottom: 10px;
  position: relative
}

.reservation-box .reservation-col.flight-info .flight-box .airline img {
  width: 19px;
  height: auto;
  margin-right: 5px;
  vertical-align: middle
}

.reservation-box .reservation-col.flight-info .flight-box .airline .content {
  display: inline-block;
  vertical-align: middle
}

.reservation-box .reservation-col.flight-info .flight-box .airline .content .airline-title {
  font-size: 14px;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.29;
  text-align: left;
  color: #28374f;
  display: inline-block;
  margin-right: 5px
}

.reservation-box .reservation-col.flight-info .flight-box .airline .content .description {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.33;
  text-align: left;
  color: #666
}

.reservation-box .reservation-col.flight-info .flight-box .flight-summary {
  display: block;
  margin-bottom: 10px
}

.reservation-box .reservation-col.flight-info .flight-box .flight-summary:last-child {
  margin-bottom: 0
}

.reservation-box .reservation-col.flight-info .flight-box .flight-summary .info {
  font-size: 12px;
  font-size: .75rem;
  color: #28374f;
  display: inline-block;
  width: 67%;
  line-height: 1.33
}

.reservation-box .reservation-col.flight-info .flight-box .flight-summary .info b {
  font-weight: 600
}

.reservation-box .reservation-col.flight-info .flight-box .flight-summary .info .icon {
  margin-right: 4px;
  color: #3394de
}

.reservation-box .reservation-col.flight-info .flight-box .flight-summary .info.full {
  width: 100% !important
}

.reservation-box .reservation-col.flight-info .flight-box .flight-summary .stops-message {
  font-size: 12px;
  font-size: .75rem;
  color: #df3c44;
  margin-top: 10px
}

.reservation-box .reservation-col.flight-info .flight-box .flight-summary .price {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.29;
  text-align: right;
  color: #666;
  display: inline-block;
  width: 33%;
  vertical-align: top
}

.reservation-box .reservation-col.flight-info .flight-box.left-box {
  padding-left: 0
}

.reservation-box .reservation-col.flight-info .flight-box.left-box .title {
  padding-left: 22px
}

.reservation-box .reservation-col.flight-info .flight-box.left-box .title .icon {
  left: 0
}