.py-4{
    color: red;
    background: url('../images/auth-backgroud.png') no-repeat top;
    background-size: cover;
    position: relative;
    font-size: 22px;
}

.py-4 .card{
    width: 100%;
}

.py-4 .card, .card-header{
    background-color: transparent;
    border : none;
    width: 100%;
}

.py-4 .btn {
    background-color: red;
    border-color : transparent;
    color: #fff;
    font-size: 22px;
    border-radius: 10px;
    /* padding: .5rem 2rem;
    margin-top: 20px; */
}

.py-4 .btn-link{
    display: inline-block;
    font-weight: 400;
    color: blue;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:hover {
    color: yellow;
}

.py-4 .form-control {
    border-radius: 15px;
}

.py-4 .nav-pills .nav-link.active{
    background-color: red;
}

.py-4 .tab-content{
    padding-top: 1%;
    color: black;
    width: 100%;
    
}

.py-4 .tab-content .btn{
    background-color: #fedb04;
    color: #55543d;
}

.py-4 .content{
    border-radius: 10px;
    background-color: white;
}

.py-4 .nav-pills .nav-link{
    border-radius: 10px;
}

.py-4 a{
    color: black;
}

.tooltip {
    position: relative;
    display: inline-block;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  .spinner, .otp-spinner {
    display: none;
}

.opt_timer{
    display: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: red;
}


.point-list-sub{
    color: gray;
    font-size: 0.7em;
}

.point-list-main{
    font-size: 1em;
}

.fa-stack{
    width: 1em;
    height: 1em;
}

.fa-stack-seat{
    width: 2em!important;
    height: 2em;
}

.fa-stack-1x{
    width: 1.7em;
}
.fa-stack-2x{
    width: 0.9em;
}

.reserveSelectSeat{
    width: 50%;
    margin: auto;
}

.link-passenger{
    width: 100%!important;
}

.title-lableSeat2{
    border-radius: 0;
}

.head-table-seatPayment{
    background-color: red;
    color: white;
    padding: 0.5em 0;
}

.body-table-seatPayment{
    background-color: #ffef9a;
}

.payment-card{
    border:1px solid rgba(0,0,0,.125)!important;
}

.addonCategory{
    border: 1px solid #c0b9b9;
    margin-top: 3%;
    box-shadow: 0px 0px 8px 2px #c0b9b9;
}

.shoppax_category {
    background-color: #ffef9a;
    
}

.shoppax_category td span {
    background: url(../images/booking/slide.png) right #e62e36;
    display: inline-block;
    line-height: 26px;
    background-repeat: no-repeat;
    min-width: 125px;
    border-radius: 0px 14px 14px 0px;
    padding-right: 34px;
    padding-left: 14px;
    padding-bottom: 3px;
    color: #fff;
    font-weight: normal;
    /* margin-top: 10px; */
    
}

tr.pax_item_info_img {
    display: inline;
    display: inline-block;
    text-align: center;
}

.pax_item_info_img .card{
    width: 50%;
}

.priorityCheckinList{
    list-style: none;
}

.priorityCheckinList li:before {
    content: "\2713";
}

.itinarary-spinner{
    display: none;
}

h1.bg1 {
    font-size: 18px !important;
    color: #4E4E50 !important;
    font-family: Verdana, Geneva, sans-serif !important;
    font-weight: normal;
    font-style: italic;
    height: 32px;
    margin-bottom: 3px;
    overflow: hidden;
    display: block;
    background: url("../images/bg-title.png") right bottom no-repeat;
}

.selectFlight {
    background: rgb(229, 31, 32); 
    color: rgb(255, 255, 255);
}

.unSelectFlight {
    background: rgb(255, 255, 255); 
    color: black;
}
.custom-control-label{
    font-size: 18px;
    padding-top: 0.3rem;
}
.custom-control-label::before {
    position: absolute;
    top: .3rem;
    left: -2rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: red solid 1px;
}
.custom-control-label::after {
    position: absolute;
    top: 0.05rem;
    left: -2.25rem;
    display: block;
    width: 2rem;
    height: 2rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #f00;
    border-color: #ffffff;
    background-color: #ffffff;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ff0000'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ff0000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 2rem;
}
.custom-control-input {
    z-index: 1;
    top: 5px;
    left: 0;
    width: 24px;
    height: 24px;
}