.fa-08em {
    font-size: 0.8em !important;
}

.HRScrollCustSeatResrv {
    overflow: scroll;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: initial;
}

.DrpJrnyFrom_PlanJr > button.dropdown-toggle, .DrpJrnyTo_PlanJr > button.dropdown-toggle, .DrpTime_PlanJr > button.dropdown-toggle {
    /*background-image: url(../../Resources/WexfordBus/DownArrow.svg);*/
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    background-size: 14px 7px;
    overflow: hidden;
    font-size: 15px !important;
    height: 42px !important;
    padding: 0 15px !important;
    border: 1px solid #ccc !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.BtnSearch_PlanJr {
    letter-spacing: 0 !important;
    min-height: 42px !important;
    min-width: 150px !important;
    padding: 3px 15px !important;
    font-size: 18px !important;
    opacity: 1;
}

.TMButtonSrchPlanJrBGColor {
    background-color: #79BD42 !important;
    border-radius: 4px !important;
}

.TMButtonSrchPlanJrFontColor {
    color: #FFFFFF !important;
}

.SwapJourney {
    position: absolute;
    padding: 8px 16px;
    border-radius: 5px !important;
    right: -5px;
    z-index: 1000;
    margin-top: 5px;
    cursor: pointer;
    background-color: #428240 !important;
    color: #ffffff !important;
}

.dropdown-header {
    font-size: 15px;
    color: #333333;
    font-weight: 600;
    background-color: #E1E5EC;
    padding: 10px;
}

.page-wrapper .page-wrapper-row {
    display: table-row !important;
}

#LblChngJrText {
    line-height: 2 !important;
}

.TMBoxNormalJrPlan {
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.2);
    overflow: hidden;
    white-space: initial;
    padding-top: 25px !important;
}

.TMBoxDisabledJrPlan > div > div > span > i {
    cursor: not-allowed !important;
    pointer-events: none;
}

.TMBoxDisabledJrPlan > div > div > #BtnBookJrPlan {
    cursor: not-allowed !important;
    pointer-events: none;
}


/*START - TAB LAYOUT DESIGN*/
.tabbable-custom > .tab-content {
    border: 1px solid #ccc !important;
}

.CustTabBorder {
    border-bottom: none !important;
    border-top: none !important;
}

    .CustTabBorder > a {
        padding-bottom: 0 !important;
        border: none !important;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border: 1px solid #79bd42 !important;
        color: #79bd42 !important;
        padding: 0 !important;
        padding-bottom: 13px !important;
        padding-top: 8px !important;
    }

    .CustTabBorder:nth-child(2) > a {
        margin-left: 10px;
    }

    .CustTabBorder.active {
        border-top: none !important;
    }

        .CustTabBorder.active > a {
            padding-bottom: 0 !important;
            border: none !important;
            padding-top: 8px !important;
        }

            .CustTabBorder.active > a > span {
                border-top-left-radius: 5px !important;
                border-top-right-radius: 5px !important;
                border: 1px solid #428240 !important;
                border-bottom: 8px solid #428240 !important;
                padding-bottom: 6px !important;
                padding-top: 8px !important;
                color: #428240 !important;
                display: block;
            }
/*END - TAB LAYOUT DESIGN*/

/*START - DATE BADGE DESIGN*/
.CustDaysBadge {
    background-color: #64a033;
    color: #FFFFFF;
    padding: 3px 6px;
    border-radius: 4px;
    font-weight: 400 !important;
    font-size: 13px;
}

.CustDaysBadgeNA {
    background-color: #e1e5ec !important;
    color: #8e9299 !important;
    text-decoration: line-through 2px #e7505a !important;
}
/*END - DATE BADGE DESIGN*/

#BtnChangeJr {
    width: 100%;
    font-size: 20px;
    line-height: 2;
}

/*START - FOR CUSTOM TABLE DESIGN*/
#GetJrPlanMoreFares thead tr th {
    background-color: #79BD42 !important;
    color: #FFFFFF !important;
    font-size:18px !important;
    border-right: 5px solid #FFFFFF !important;
    vertical-align:middle !important;
}

#GetJrPlanMoreFares tbody tr td {
    color: #428240 !important;
    font-size:18px !important;
    border-right: 5px solid #FFFFFF !important;
    font-weight:600 !important;
    vertical-align:middle !important;
}
/*END - FOR CUSTOM TABLE DESIGN*/

@media (max-width: 768px) {
    .CustDaysBadge {
        font-size: 11px;
    }

    .RespFontSize15 {
        font-size: 15px !important;
    }

    .RspMarginBottom10 {
        margin-bottom: 10px !important;
    }

    .HRScrollCustSeatResrv {
        overflow: scroll;
        overflow-x: visible;
        overflow-y: hidden;
        white-space: nowrap;
        margin: 0 10px;
    }

    .SwapJourney {
        right: 15px;
        margin-top: 3px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .nav-justified.RespTab {
        display: flex;
    }

    #ScrollSection > div > div.RespClmn {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 100%;
    }

    .tabbable-custom > .nav-tabs > li {
        margin-right: 0px;
    }

    .RspChngJr {
        margin-top: 10px;
        text-align: center;
    }

        .RspChngJr > #BtnChangeJr {
            float: none !important;
        }

    .ClsChngJr {
        margin-top: 0 !important;
        padding: 0 !important;
    }

    #BtnChangeJr {
        line-height: 1.6;
    }

    .CustTabBorder > a {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .CustTabBorder.active > a {
        padding-top: 0 !important;
    }
}

@media (max-width: 480px) {
    .CustDaysBadge {
        font-size: 11px;
    }

    .RespFontSize15 {
        font-size: 15px !important;
    }

    .RspMarginBottom10 {
        margin-bottom: 10px !important;
    }

    .HRScrollCustSeatResrv {
        overflow: scroll;
        overflow-x: visible;
        overflow-y: hidden;
        white-space: nowrap;
        margin: 0 10px;
    }

    .SwapJourney {
        right: 15px;
        margin-top: 3px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .nav-justified.RespTab {
        display: flex;
    }

    #ScrollSection > div > div.RespClmn {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .RspChngJr {
        margin-top: 10px;
        text-align: center;
    }

        .RspChngJr > #BtnChangeJr {
            float: none !important;
        }

    .ClsChngJr {
        margin-top: 0 !important;
        padding: 0 !important;
    }

    #BtnChangeJr {
        line-height: 1.6;
    }

    .CustTabBorder > a {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .CustTabBorder.active > a {
        padding-top: 0 !important;
    }
}

@media (max-width: 414px) {
    .CustDaysBadge {
        font-size: 11px;
    }

    .RespFontSize15 {
        font-size: 15px !important;
    }

    .RspMarginBottom10 {
        margin-bottom: 10px !important;
    }

    .HRScrollCustSeatResrv {
        overflow: scroll;
        overflow-x: visible;
        overflow-y: hidden;
        white-space: nowrap;
        margin: 0 10px;
    }

    .SwapJourney {
        right: 15px;
        margin-top: 3px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .nav-justified.RespTab {
        display: flex;
    }

    #ScrollSection > div > div.RespClmn {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    li.CustTabBorder.active {
        display: block;
    }

    li.CustTabBorder {
        display: block;
        width: 50%;
    }

    .tabbable-custom > .nav-tabs > li {
        margin-right: 0px;
    }

    .RspChngJr {
        margin-top: 10px;
        text-align: center;
    }

        .RspChngJr > #BtnChangeJr {
            float: none !important;
        }

    .ClsChngJr {
        margin-top: 0 !important;
        padding: 0 !important;
    }

    #BtnChangeJr {
        line-height: 1.6;
    }

    .CustTabBorder > a {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .CustTabBorder.active > a {
        padding-top: 0 !important;
    }
}

@media (max-width: 320px) {

    li.CustTabBorder.active {
        display: contents;
    }

    li.CustTabBorder {
        display: contents;
    }

    .tabbable-custom > .nav-tabs > li {
        margin-right: 4px;
    }

    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: contents;
        margin-right: 4px;
    }

    .RspChngJr {
        margin-top: 10px;
        text-align: center;
    }

        .RspChngJr > #BtnChangeJr {
            float: none !important;
        }

    .ClsChngJr {
        margin-top: 0 !important;
        padding: 0 !important;
    }

    #BtnChangeJr {
        line-height: 1.6;
    }

    .CustTabBorder > a {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .CustTabBorder.active > a {
        padding-top: 0 !important;
    }
}