.d-flex {
    display: flex;
}

.d-inline-block-member{
    display:inline-block;
    margin-right:0px !important;
}

.background-yellow-member {
    background: #ebaf3c !important;
}

.background-green-member {
    background: #42c4a0 !important;
}


hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.text-normal {
    font-weight: normal !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-medium {
    font-size: 18px;
}

.text-large {
    font-size: 25px;
}

.text-right {
    text-align: right;
}
/*New Design*/
.txt-decoration-none {
    text-decoration: none !important;
}

.align-self-center {
    align-self: center;
}
/*New Design*/
.policytable {
    margin-top: 5px;
    margin-bottom: 5px;
    background: #fff;
}
    /*New Design*/
    .policytable th {
        background: #f8f9fd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        text-align: center;
    }

    .policytable td {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        text-align: center;
    }

    .policytable tr > td {
        border-bottom: 1px solid #ddd;
    }


@media(min-width:769px) {
    /*New Design*/
    /*.input-group .form-control {
        border-radius: 0px !important;
    }*/
    /*New Design*/
    .text-lg-right {
        text-align: right;
    }
    /*New Design*/
    .pr-md-3 {
        padding-right: 1rem !important;
    }

    .pl-md-3 {
        padding-left: 1rem !important;
    }

    #btnUpdatePhone {
        position: absolute;
        bottom: 10px;
        right: 5px;
    }

    #divSearchCountryCodeLM.divSearchCountryCodeLM {
        left: 0;
        width: 120px;
        top: 55px;
        bottom: auto;
        position: absolute;
        background-color: #ffffff;
        z-index: 4;
        border: 1px solid #cccccc;
        border-top: none;
    }
}

@media(max-width:768px) {
    /*New Design*/
    .text-xs-center {
        text-align: center;
    }

    .tab-navigation {
        display: flex;
    }

    .btn-manage-my-booking,
    .btn-back-my-booking {
        width: 100%;
    }

    #ActionType_Selection.modal {
        text-align: center;
        padding: 0 !important;
    }

        #ActionType_Selection.modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }
    /*New Design*/
    #ActionType_Selection .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: 80%;
    }

    #divSearchCountryCodeLM.divSearchCountryCodeLM {
        left: 0;
        width: 120px;
        top: 55px;
        bottom: auto;
        position: absolute;
        background-color: #ffffff;
        z-index: 4;
        border: 1px solid #cccccc;
        border-top: none;
    }
}

@media (max-width: 992px) {

    .c-pl-1 {
        padding: 0px;
    }

    .c-pr-1 {
        padding: 0px;
    }

    /*.tab-navigation #lnktabs1,
    .tab-navigation #lnktabs2,
    .tab-navigation #lnktabs3 {
        border-radius: 0 0 5px 5px;
    }*/
    /*New Design*/
    /*.tab-navigation #lnktabs1.bg-tab-active,
        .tab-navigation #lnktabs2.bg-tab-active,
        .tab-navigation #lnktabs3.bg-tab-active {
            border-top: 5px solid #337ab7;
        }*/

}

@media (min-width: 992px) {
    /*New Design*/
    .c-pl-1 {
        padding-left: 20px;
        padding-right: 0px;
    }

    .c-pr-1 {
        padding-right: 10px;
        padding-left: 0px;
    }

	.mt-lg-3 {
		margin-top: 1rem !important;
	}
    /*New Design*/
    /*.tab-navigation #lnktabs1,
    .tab-navigation #lnktabs2,
    .tab-navigation #lnktabs3 {
        border-radius: 0 5px 5px 0;
    }*/
    /*New Design*/
    /*.tab-navigation #lnktabs1.bg-tab-active,
        .tab-navigation #lnktabs2.bg-tab-active,
        .tab-navigation #lnktabs3.bg-tab-active {
            border-left: 8px solid #337ab7;
        }*/
}

@media (max-width: 1200px) {
    /*New Design*/
    #lnktabs1,
    #lnktabs2,
    #lnktabs3,
    #lnktabs4 {
        text-align: center;
        width: 16% !important;
        /*border-radius: 5px !important;*/
        padding: 10px !important;
        /*flex-grow: 1;*/
        /* font-size: 12px; */
        border-radius: 30px !important;
        margin: 2px !important;
        margin: 2px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 43px;
    }

        #lnktabs1 i,
        #lnktabs2 i,
        #lnktabs3 i,
        #lnktabs4 i {
            font-size: 18px;
        }

    .tab-navigation #lnktabs1.bg-tab-active,
    .tab-navigation #lnktabs2.bg-tab-active,
    .tab-navigation #lnktabs3.bg-tab-active,
    .tab-navigation #lnktabs4.bg-tab-active,
    .tab-navigation #lnktabs1:hover,
    .tab-navigation #lnktabs2:hover,
    .tab-navigation #lnktabs3:hover,
    .tab-navigation #lnktabs4:hover {
        width: 100% !important;
        flex-grow: 1;
    }

    .tab-navigation #lnktabs1 .lb-menu,
    .tab-navigation #lnktabs2 .lb-menu,
    .tab-navigation #lnktabs3 .lb-menu,
    .tab-navigation #lnktabs4 .lb-menu {
        display: none !important;
    }

    .tab-navigation #lnktabs1.bg-tab-active .lb-menu,
    .tab-navigation #lnktabs2.bg-tab-active .lb-menu,
    .tab-navigation #lnktabs3.bg-tab-active .lb-menu,
    .tab-navigation #lnktabs4.bg-tab-active .lb-menu {
        display: block !important;
    }
    /*.tab-navigation #lnktabs2 {
        border-radius: 30px 0 0 30px !important;
    }
    .tab-navigation #lnktabs3 {
        border-radius: 0px!important;
    }
    .tab-navigation #lnktabs1 {
        border-radius: 0px 30px 30px 0px !important;
    }*/
    /*.tab-navigation #lnktabs2, .tab-navigation #lnktabs4, .tab-navigation #lnktabs3 {
        margin-right: 2px !important;
    }*/
    /*New Design*/
    .bb-xs-1-semi {
        border-bottom: 1.5px solid #ccc;
    }
    /*New Design*/
    .bt-xs-1-semi {
        border-top: 1.5px solid #ccc;
    }
    /*New Design*/
    .allow-refund, .allow-change {
        margin-top: 5px;
    }

    /*New Design*/
    .br-xs-1-thin {
        border-right: 1px solid #ddd;
    }
    /*New Design*/
    .bt-xs-1-thin {
        border-top: 1px solid #ddd;
    }

    /*New Design*/
    .bb-xs-1-thin {
        border-bottom: 1px solid #ddd;
    }

    /*New Design*/
    .rounded-xs-0 {
        border-radius: 0px !important;
    }
    /*New Design*/
    .mt-xs-2 {
        margin-top: .5rem !important;
    }
    /*New Design*/
    .p-xs-0 {
        padding: 0 !important;
    }
    /*New Design*/
    .p-xs-2 {
        padding: .5rem !important;
    }
    /*New Design*/
    #ContentPlaceHolder1_divBookingDetails {
        padding: 0px;
    }

    #tabs2 #ContentPlaceHolder1_divBookingDetails .panel-body {
        padding: 15px 0;
    }

    .btn-delete-acc {
        flex-grow: 1;
    }

    .text-xs-center {
        text-align: center !important;
    }

	.m-xs-3 {
		margin: 1rem !important;
	}
}

/*New Design*/
.br-1-thin {
    border-right: 1px solid #ddd;
}

.bb-1-thin {
    border-bottom: 1px solid #ddd;
}

.bt-1-thin {
    border-top: 1px solid #ddd;
}

.action-options a {
    color: black;
    padding: 14px 16px;
    text-decoration: none;
    display: block;
}

    .action-options a:hover {
        background-color: #ddd;
        color: black;
    }
/*New Design*/
.label-wrap {
    padding: 5px 10px;
    background: #f8f9fd;
    color: #555;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    width: 23%;
    text-align: center;
}

.sub-title.border-pay-method {
    background: #337ab7;
    color: white;
    border-radius: 6px 6px 0 0;
    border: none;
    padding: 10px 15px;
}

.sub-title.border-table-grey {
    border: 1px solid #ddd;
    background: #f0f0f0;
}

.border-table-grey {
    border: 1px solid #ddd;
}

.greetings-wrap {
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 1px 1px 3px 1px #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 15px;
}
/*New Design*/
.tab-navigation #lnktabs1,
.tab-navigation #lnktabs2,
.tab-navigation #lnktabs3,
.tab-navigation #lnktabs4 {
    background: transparent;
    color: #0161d1 !important;
    text-decoration: none;
    padding: 6px 16px;
    text-decoration: none;
    /*box-shadow: 1px 1px 3px 1px #f0f0f0;*/
    font-weight: 400;
    cursor: pointer;
    position: relative;
    border: 2px solid #0161d1;
    border-radius: 30px;
	min-width: 43px;
}
    /*New Design*/
    .tab-navigation #lnktabs1.bg-tab-active,
    .tab-navigation #lnktabs2.bg-tab-active,
    .tab-navigation #lnktabs3.bg-tab-active,
    .tab-navigation #lnktabs4.bg-tab-active,
    .tab-navigation #lnktabs1:hover,
    .tab-navigation #lnktabs2:hover,
    .tab-navigation #lnktabs3:hover,
    .tab-navigation #lnktabs4:hover {
        background: #0161d1;
        color: #fff !important;
        box-shadow: 1px 1px 3px 1px #b1b1b1;
        /*font-weight: bold;*/
        text-decoration: none;
    }
/*New Design*/
.tab-navigation #lnktabsInner1,
.tab-navigation #lnktabsInner2 {
    padding: 10px;
    background: #f4f4f4 !important;
    /*border-bottom: 3px solid #969696;*/
    border-bottom: 1.5px solid #f4f4f4;
    text-align: center;
    font-weight: 500;
    color: #969696;
    text-decoration: none;
    cursor: pointer;
}

    .tab-navigation #lnktabsInner1.bg-tab-active,
    .tab-navigation #lnktabsInner2.bg-tab-active {
        padding: 10px;
        background: transparent !important;
        border-bottom: 1.5px solid #fff !important;
        text-align: center;
        font-weight: bold;
        color: #0161d1;
        text-decoration: none;
        cursor: pointer;
    }

.custom-panel-heading {
    background: transparent !important;
    color: #337ab7!important;
    margin-bottom: 10px;
    border: none !important;
	font-size: 16px;
}

.b-none {
    border: none;
    box-shadow: none;
}

.bg-transparent {
    background: transparent !important;
}

.bg-yellow {
    background: #ffff9d;
}

<%-- css for IE only --% >
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .label-wrap

{
    width: 40% !important;
}

.IE-input-width {
    width: 77%;
}

}

/*New Design*/
@media (min-width: 768px) {
    .bl-lg-1-semi {
        border-left: 1.5px solid #ccc;
    }

    .bb-lg-1-semi {
        border-bottom: 1.5px solid #ccc;
    }

    .bl-lg-1-semi {
        border-left: 1.5px solid #ccc;
    }

    .bt-lg-1-thin {
        border-top: 1px solid #ddd;
    }

    .br-lg-1-thin {
        border-right: 1px solid #ddd;
    }

    .bl-lg-1-thin {
        border-left: 1px solid #ddd;
    }
    /*New Design*/
    .rounded-lg-0 {
        border-radius: 0px !important;
    }
    /*New Design*/
    .ml-lg-2 {
        margin-left: .5rem !important;
    }
    /*New Design*/
    #ContentPlaceHolder1_divBookingDetails {
        padding-left: 0px;
    }
}

.input-wrap {
    position: relative;
    display: table;
    border-collapse: separate;
}

.custom-member-input,
.custom-member-input-2,
.custom-member-input-disabled,
.custom-member-input-verify,
.custom-member-input-country {
    border: 0px;
    outline: none;
    box-shadow: none;
    padding: 0;
}

    input.custom-member-input:focus,
    input.custom-member-input-2:focus,
    input.custom-member-input-verify:focus,
    .custom-member-input-country:focus {
        outline: none !important;
        border: none;
        box-shadow: none;
    }

.custom-member-input-country {
    background: transparent !important;
    position: absolute;
    width: 120px;
    bottom: 0;
    margin: 2px 0;
    border-right: 1px solid #ddd !important;
    border-radius: 0px !important;
    padding-top: 1px;
}

    .custom-member-input-country.edit {
        padding: 0px 0px 0px 13px;
        font-weight: bold;
        border-right: 1px solid #000 !important;
        height: 28px;
        margin-bottom: 4px;
    }

.custom-member-input.edit,
.custom-member-input-2.edit,
.custom-member-input-verify.edit {
    height: 60px !important;
    padding: 30px 10px 5px 10px;
    font-weight: bold;
    border-radius: 4px !important;
    background: #e9ebec !important;
}
/*.custom-member-input-verify, */
.custom-member-input-verify.edit {
    padding-left: 132px !important;
}

.custom-member-input-pswd {
    height: 60px !important;
    font-weight: bold;
    border-radius: 4px !important;
    background: #e9ebec !important;
    padding: 30px 55px 5px 10px !important;
}

.lb-member-input, .lb-member-input-2, .lb-member-input-verify {
    display: none;
}

    .lb-member-input.edit,
    .lb-member-input-2.edit,
    .lb-member-input-pswd,
    .lb-member-input-verify.edit {
        position: absolute;
        z-index: 1;
        padding-left: 10px;
        color: #555;
        font-size: 12px;
        top: 10px;
        display: block;
    }


/*.custom-member-input[disabled],
.custom-member-input-2[disabled],
.custom-member-input-disabled[disabled] {
    background-color: #fff !important;
    cursor: not-allowed !important;
}*/
/*.lb-member-input-disabled {
    cursor: not-allowed;
}
.custom-member-input-disabled {
    border-color: none !important;
    box-shadow: none !important;
    cursor: not-allowed;
}*/
/*New Design*/
/*.tab-navigation .menu-pointer i {
    float: right;
    top: 40%;
    color: #e9ebec;
    position: absolute;
    right: 0;
    display: none;
}*/

/*New Design*/
/*.tab-navigation .bg-tab-active .menu-pointer i {
    color: #00589f !important;
}*/
/*New Design*/
.coming-trip-wrap {
    background: #f8f9fd;
    padding: 10px !important;
    /* border: 1px solid #ccc !important; */
	border: none!important;
    border-radius: 10px;
	overflow: hidden;
	box-shadow: inset 0 0 6px 0 rgb(224 224 224);
}

.general-wrap {
    background: #fff;
    border: 1px solid #ccc !important;
    border-radius: 10px;
}
/*New Design*/
.allow-refund, .allow-change {
    font-size: 12px;
    color: #9e9e9e;
    font-weight: bold;
}

.allow-refund {
    padding-right: 1.5rem !important;
}
    /*New Design*/
    .allow-refund i.fa-ticket-alt:before, .allow-change i.fa-clock:before {
        font-family: 'Font Awesome 6 Pro' !important;
        font-size: 14px;
        vertical-align: middle;
    }

.radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #ddd;
    padding: 0px 10px;
    border: 2px solid #ddd;
    border-radius: 30px;
    display: block;
    text-align: center;
    margin-right: 10px;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #337ab7;
    color: #fff;
    border-color: #337ab7;
}

.btn-close-sec {
    background: #337ab7 !important;
    color: #fff !important;
    border-radius: 30px;
    padding: 2px 10px !important;
    font-weight: bold;
}


.member-input-group-addon {
    position: absolute;
    z-index: 5;
    left: 14px;
    top: 30%;
    color: #555;
    background: none;
    padding: 0px;
    border: 0px;
}

.custom-search-dt {
    border-radius: 4px !important;
    height: 45px !important;
    padding-left: 40px;
    padding-right: 122px;
}

.btnSearchTrip {
    position: absolute;
    z-index: 5;
    right: 5px;
    top: 10%;
}

.unedit-mode {
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: not-allowed;
}

.alert-verify {
    position: absolute;
    top: -12px;
    padding: 2px;
    right: -4px;
}
/*.alert-verify-2 {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 2px;
}*/
.alr-icon {
    background: #e9ebec;
    color: red;
    border-radius: 30px;
}

.businfo {
    padding-top: 5px;
    margin-bottom: 3px;
}

/* Jaja 26_08 */
.connector-icon-1 {
    position: absolute;
    left: -15px;
    top: 1px;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 4px;
    z-index: 1;
}

.connector-icon-2 {
    position: absolute;
    left: -14px;
    font-size: 12px;
    z-index: 1;
    top: 16px;
}

.connector-line {
    border-left: 1.5px solid #5A5151;
    height: 100%;
    position: absolute;
    top: 18px;
    left: -10px;
}

.btn-nav-blue {
    background: #337ab7 !important;
    color: #fff !important;
    border-radius: 30px;
    padding: 2px 10px !important;
}

.btn-red {
    background: red !important;
    color: #fff !important;
}

.verified-num,.verified-email,
.refund-success {
    background: #42c4a0;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 5px;
}

.unverified-num,.unverified-email,
.refund-unsuccess {
    background: red;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 5px;
    margin-right: 96px;
}

a.refund-file[href=''] {
    display: none;
}

.btn-delete-acc {
    background: #337ab7 !important;
    color: #fff !important;
    border-radius: 30px;
    padding: 5px 10px !important;
    font-weight: bold;
    border: #337ab7;
    margin-bottom: 20px;
}

#ContentPlaceHolder1_divChangeBooking2 .btn-filter-new.selected {
    background: transparent !important;
}

.bs-popover-bottom > .arrow {
    top: calc((.5rem + 1px) * -2.8);
}

.popover-header {
    margin-top: 0px;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #fff !important;
}

.popover {
    font-size: 12px !important;
}

@media (max-width: 1020px) {
    .popover {
        min-width: 200px; /* Max Width of the popover (depending on the container!) */
    }
}

@media (min-width: 1024px) {
    .popover {
        min-width: 500px; /* Max Width of the popover (depending on the container!) */
    }
}

.cashback-expiry tr:nth-child(even) {
    background-color: #f2f2f2;
}

.date-expired {
    font-weight: bold;
}

#ddcashbackStatus, #ddBotMilesStatus {
    border: none;
    padding: 3px 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    float: right;
    background: #f3f1ff !important;
    outline: none;
}



#pay_method .panel-heading span {
    margin-top: 0px !important;
    font-size: 15px;
}

.popover {
    max-width: 600px;
}

.tab-navigation.tab-secondary a,
.tab-navigation.tab-secondary a:hover {
	padding: 10px;
    background: #f4f4f4!important;
    border-bottom: 1.5px solid #f4f4f4;
    text-align: center;
    font-weight: 500;
    color: #969696;
    text-decoration: none;
    cursor: pointer;
}

.tab-navigation.tab-secondary a.active {
	padding: 10px;
	background: transparent !important;
	border-bottom: 1.5px solid #fff !important;
	text-align: center;
	font-weight: bold;
	color: #0161d1;
	text-decoration: none;
	cursor: pointer;
}

.card-profile-stats .heading {
	font-size: 15px;
    font-weight: 700;
    display: block;
	color: #525f7f;
}

.card-profile-stats .description {
	font-size: 13px;
    color: #adb5bd;
}

.inner-scroll table {
	border-collapse: separate;
    border-spacing: 5px 10px;
}

.inner-scroll table td {
	background: #f8f9fd;
	box-shadow: inset 0 0 6px 0 rgb(224 224 224);
    border-radius: 8px;
}