/*pnr status css*/

.material.resetbtn {
    background: 0 0;
    border: none;
    position: absolute;
    right: 16px;
    top: 8px;
    width: auto;
}

    .material.resetbtn svg {
        transition: 1s;
    }

#TrainDetails .material.card-header span {
    font-weight: 600;
    font-size: 32px;
}

#TrainDetails .material.card-header {
    color: #ef7210;
    padding-left: .4em;
}

#TrainDetails .material.card-header {
    color: #ef7210;
    padding-left: .4em;
    display: flex;
    align-items: center;
}

.material.card-header {
    padding: 1em 1.1em;
    border-bottom: 1px solid #efefef;
}

#TrainDetails .card-body.material {
    padding: 1em 0;
}

.trainNumberAndName {
    margin-left: 1.2em;
    margin-bottom: .75em;
}

    .trainNumberAndName span {
        font-size: 24px;
        font-weight: 500;
    }

#JunctionDetails {
    padding: .75em 1.5em;
    background: #fae3d1;
}

#CoachDetails, #JourneyDates, #Junctionlabels, #StnCodes, #StnNames {
    justify-content: space-between;
}

#CoachDetails, #JourneyDates, #Junctionlabels, #StnCodes, #StnNames, #TrainDetails .material.card-header, .trainNumberAndName {
    display: flex;
    align-items: center;
}

    #Junctionlabels p {
        font-weight: 600;
        color: #555;
        font-size: 16px;
        margin-bottom: 7px;
    }

.StnCode {
    font-weight: 700;
    font-size: 36px;
    color: #f1832c;
}

#StnNames {
    align-items: flex-start;
}

.StnName {
    width: 50%;
    font-size: 20px;
}

#toStnName {
    text-align: right;
}

.JourneyDate span {
    font-size: 16px;
    font-weight: 600;
    color: #444;
    margin-top: 4px;
}

#CoachDetails {
    margin: .5em 1em 0;
}

#Class p, #Quota p {
    font-weight: 500;
}

#CoachDetails h5, #CoachDetails p {
    display: inline-flex;
}

#Class h5, #Class p, #Quota h5, #Quota p {
    font-size: 16px;
    margin: 0px;
}

#FoodCard {
    text-align: center;
    flex: 1;
}

.material.card {
    margin: 1em 0px;
}

.material.card {
    background: #fff;
    box-shadow: 0 4px 8px 0 #f0ebe7, 0 6px 20px 0 #33333333;
    border-radius: 17px;
}

.card-body.material {
    padding: 1em 1em 2em;
}

.pass-detail-color {
    color: #f1832c;
}
.foodicon {
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64.9936 88.4391C80.3656 88.4391 92.8726 75.936 92.8726 60.564C92.8726 45.192 80.3659 32.6829 64.9936 32.6829C49.6223 32.6829 37.1165 45.19 37.1165 60.564C37.1165 75.936 49.6204 88.4391 64.9936 88.4391Z' fill='%23EF7210'/%3E%3Cpath d='M64.9938 95.9222C84.5241 95.9222 100.351 80.0907 100.351 60.5644C100.351 41.0333 84.5237 25.205 64.9938 25.205C45.4654 25.205 29.636 41.0333 29.636 60.5644C29.636 80.0903 45.4654 95.9222 64.9938 95.9222ZM64.9938 30.6222C81.5017 30.6222 94.9359 44.0569 94.9359 60.5644C94.9359 77.0727 81.5021 90.5046 64.9938 90.5046C48.4855 90.5046 35.0536 77.0731 35.0536 60.5644C35.0536 44.0569 48.4855 30.6222 64.9938 30.6222Z' fill='%23EF7210'/%3E%3Cpath d='M120 99.2116L117.937 19.8517C117.937 18.1429 116.551 16.757 114.842 16.757C114.385 16.757 113.956 16.8618 113.567 17.0419V17.0126C113.567 17.0126 113.486 17.0641 113.371 17.1427C113.075 17.3061 112.81 17.5073 112.58 17.7533C110.315 19.612 103.095 27.1879 102.49 37.4288C101.573 53.0496 109.161 59.3757 111.746 65.1698L109.683 99.21C109.683 100.918 113.132 102.305 114.84 102.305C116.551 102.306 120 100.92 120 99.2116Z' fill='%23EF7210'/%3E%3Cpath d='M5.40133 50.8655L10.742 53.5332C11.3506 53.8383 12.0215 54.0609 12.7225 54.2263L10.6594 100.649C10.6594 102.083 14.1095 103.243 15.8172 103.243C17.5255 103.243 20.9749 102.083 20.9749 100.649L18.9118 53.9887C19.6382 53.7602 20.3381 53.4812 20.9507 53.1063L24.9074 50.6969C27.7624 48.9551 29.914 45.1245 29.914 41.7799V20.98C29.914 19.2712 28.5278 17.8854 26.8194 17.8854C25.1118 17.8854 23.7247 19.2712 23.7247 20.98V39.7165H22.006V20.98C22.006 19.2712 20.6198 17.8854 18.9114 17.8854C17.2038 17.8854 15.8168 19.2712 15.8168 20.98V39.7165H14.0921V20.98C14.0921 19.2712 12.7059 17.8854 10.9975 17.8854C9.28985 17.8854 7.90282 19.2712 7.90282 20.98V39.7165H6.18927V21.6486C6.18927 19.9402 4.80303 18.5539 3.09463 18.5539C1.38703 18.5539 0 19.9402 0 21.6486V42.1255C0 45.5673 2.32296 49.3265 5.40133 50.8655Z' fill='%23EF7210'/%3E%3C/svg%3E%0A");
    width: 120px;
    height: 120px;
    margin: auto
}

#FoodCard p {
    font-size: 1.68em;
}

#FoodCard p, .card-body .passenger_row {
    margin-bottom: 1em;
}

.passenger_row {
    display: flex;
    justify-content: space-around;
}

#PassengerDetails .material.card-body {
    padding-bottom: .5em;
}

#PassengerDetails .card-body.material p {
    font-weight: 500;
    font-size: 1.11em;
}

.Passenger {
    position: relative;
}

.btn.material {
    background-color: #f1832c;
    color: #fff;
}

.Passenger:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.33334C10.8841 3.33334 11.7319 3.68453 12.3571 4.30965C12.9822 4.93478 13.3334 5.78262 13.3334 6.66668C13.3334 7.55073 12.9822 8.39858 12.3571 9.0237C11.7319 9.64882 10.8841 10 10 10C9.11599 10 8.26814 9.64882 7.64302 9.0237C7.0179 8.39858 6.66671 7.55073 6.66671 6.66668C6.66671 5.78262 7.0179 4.93478 7.64302 4.30965C8.26814 3.68453 9.11599 3.33334 10 3.33334ZM10 11.6667C13.6834 11.6667 16.6667 13.1583 16.6667 15V16.6667H3.33337V15C3.33337 13.1583 6.31671 11.6667 10 11.6667Z' fill='black'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: -24px
}

.bookingStatus, .currentStatus, .headh3 h3, .namet, .station span, .sumitform h3, li.pyby-card span {
    font-weight: 700;
}

.pnrdivtop {
    background-color: #eee;
    padding: 20px;
}

    .pnrdivtop input:focus {
        outline: none;
        box-shadow: none;
        border-color: #f1832c;
    }

    .pnrdivtop input {
        border-radius: 0px;
        padding: 10px 20px;
    }

    .pnrdivtop .btn.material {
        border-radius: 0px;
        padding: 11px 34px;
    }

@media (max-width:767px) {
    .pnrdivtop .btn.material {
        width: 100%;
        margin-top: 10px;
    }

    #TrainDetails .material.card-header span {
        font-size: 25px;
    }

    .trainNumberAndName span {
        font-size: 19px;
    }

    .StnCode {
        font-size: 25px;
    }
}

/*pnr css end*/