/* Your Custom CSS HERE! */
body {
}

img.icon {
    max-width: 35px;
}

div.tab-form-divider {
    border-bottom: 1px solid #e7eaec;
    margin: 20px;
}

div.widget-vertical-divider {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0px 20px;
    padding: 0px 20px;
}

/*flight color*/
i.info-icon {
    color: #23C6C8;
}
/*hotel color*/
i.danger-icon {
    color: #ED5565;
}
/*car color*/
i.warning-icon {
    color: #F8AC59;
}
/*transportation color*/
i.primary-icon {
    color: #1AB394;
}

/*disabled color*/
i.default-icon {
    color: #e3e7ed;
}

tr.selected {
    background-color: #1AB394;
    /*#DFF0D8*/
}

.product-card {
    min-width: 280px;
    min-height: 170px;
    max-height: 170px;
    padding: 4% 4%;
}

.widget-close-btn {
    position: absolute;
    top: 10%;
    right: 10%;
}

.panel-right-btn {
    position: relative;
    top: 50%;
    right: 50%;
}

table.section-table {
    margin: 0%;
    width: 100%;
    table-layout: fixed;
}

table.section-table-tail {
    margin-bottom: 4%;
    width: 100%;
    table-layout: fixed;
}

table.quote-legs {
    border-collapse: separate;
    border-spacing: 5px 5px;
    margin: 0px auto;
}

button.nohover, a.nohover {
    pointer-events: none;
}

.popover-big {
    word-wrap: break-word;
    min-width: 0%;
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

.command-window textarea {
    resize: none !important;
    background-color: rgb(225, 230, 252) !important;
    color: rgb(6, 69, 132) !important;
    height: 150px !important;
    border: medium none !important;
    font-size: 10px;
}

.command-window input[type=text] {
    background-color: rgb(225, 230, 252) !important;
    color: rgb(6, 69, 132) !important;
    border: medium none !important;
    text-transform: uppercase !important;
    font-size: 10px;
}

/*flight color*/
div.back-info {
    background-color: #23C6C8 !important;
    color: white !important;
}

/*hotel color*/
div.back-danger {
    background-color: #ED5565 !important;
    color: white !important;
}

/*car color*/
div.back-warning {
    background-color: #F8AC59 !important;
    color: white !important;
}

/*transportation color*/
div.back-primary {
    background-color: #1AB394 !important;
    color: white !important;
}

/*system color*/
div.back-success {
    background-color: #1C84C6 !important;
    color: white !important;
}

button.rec-shape {
    border-radius: 0 !important;
}

button.disabledAutoFill {
    background: #E3E7ED;
}

.hoverTable tr:hover {
    background-color: #D9EDF7 !important;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.btn-xlarge {
    padding: 48px 58px;
    font-size: 42px;
    line-height: normal;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}




.animatedMarginPay {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMarginPay::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #0f3b57;
        transition: width .3s;
    }

    .animatedMarginPay:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

/******************************************************/

.animatedMarginPrint {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMarginPrint::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #16537a;
        transition: width .3s;
    }

    .animatedMarginPrint:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

/******************************************************/

.animatedMarginAdd {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMarginAdd::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #1a6fa5;
        transition: width .3s;
    }

    .animatedMarginAdd:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

/******************************************************/

.animatedMarginChange {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMarginChange::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #1C84C6;
        transition: width .3s;
    }

    .animatedMarginChange:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

/*************************** CLUB TRAVEL ***************************/
.header-Clubtravel {
    background-color: #098EAF !important;
    color: white !important;
    padding-top: 10px;
    border: 0;
}

.logoHeader-Clubtravel {
    max-width: 100px;
    border-right: solid 2px white;
    padding-right: 10px;
}

.titleHeader-Clubtravel {
    padding-top: 5px;
}

.hyperlink-Clubtravel {
    color: white;
    font-style: oblique;
}

.logoLogin-Clubtravel {
    width: 160px;
    max-width: 160px !important;
}

.Clubtravel-bg {
    background-image: url("../../Content/images/bgs/clubTravel.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-color: white;
}

.panel-Clubtravel {
    border-color: #ddd;
}

    .panel-Clubtravel > .panel-heading {
        background-color: #009999;
        border-color: #ddd;
        color: #FFF;
    }

.arrow-Clubtravel {
    color: #009999;
}

.animatedMargin-Clubtravel {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMargin-Clubtravel::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #009999;
        transition: width .3s;
    }

    .animatedMargin-Clubtravel:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

.progress-bar-Clubtravel {
    background-color: #098EAF !important;
}


/*************************** CLUB TRAVEL ***************************/

/*************************** GO4LESS ***************************/
.header-Go4less {
    /*background-color: #098EAF !important;*/
    color: #333399 !important;
    padding-top: 10px;
    border: 0;
    /*WHITE*/
    background-color: #FFF !important;
    /*BLUE*/
    /*color: #323298 !important;*/
    /*padding-top: 10px;*/
    /*BLUE*/
}

.borderB-Go4less {
    border-bottom: solid 3px red !important;
}

.logoHeader-Go4less {
    border-right: solid 2px #FFF;
    max-width: 240px !important;
    margin-top: 10px;
    padding-right: 10px;
    /*BLUE*/
    /*border-right: solid 2px #323298;*/
    /*RED*/
    border-right: solid 5px #333399;
}

.hyperlink-Go4less {
    color: #FFF;
    /*BLUE*/
    color: #333399;
    /*RED*/
    /*color: #FF2A2A;*/
    font-style: oblique;
}

.logoLogin-Go4less {
    max-width: 310px !important;
    padding-top: 30px;
}


.Go4less-bg {
    background-color: white;
    /*background-image: url("../../Content/images/bgs/go4Less.png");*/
}

.panel-Go4less {
    border-color: #ddd;
}

    .panel-Go4less > .panel-heading {
        background-color: #333399;
        border-color: #ddd;
        color: #FFF;
    }

.arrow-Go4less {
    color: #333399;
}

.animatedMargin-Go4less {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMargin-Go4less::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #333399;
        transition: width .3s;
    }

    .animatedMargin-Go4less:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

.progress-bar-Go4less {
    background-color: #333399 !important;
}
/*************************** GO4LESS ***************************/

/*************************** ESCAPE2 ***************************/
.header-Escape2 {
    background-color: #EB1C23 !important;
    color: #FFF !important;
}

.logoHeader-Escape2 {
    max-width: 120px;
    margin-top: 15px;
    padding-right: 10px;
    border-right: solid 2px #FFF;
}

.hyperlink-Escape2 {
    color: white;
    font-style: oblique;
}

.logoLogin-Escape2 {
    max-width: 180px;
    margin-top: 30px;
}


.Escape2-bg {
    background-image: url("../../Content/images/bgs/escape2.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-color: white;
}

.panel-Escape2 {
    border-color: #ddd;
}

    .panel-Escape2 > .panel-heading {
        background-color: #EB1C23;
        border-color: #ddd;
        color: #FFF;
    }

.arrow-Escape2 {
    color: #EB1C23;
}

.animatedMargin-Escape2 {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMargin-Escape2::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #EB1C23;
        transition: width .3s;
    }

    .animatedMargin-Escape2:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

.progress-bar-Escape2 {
    background-color: #EB1C23 !important;
}

/*************************** ESCAPE2 ***************************/

/*************************** BUGET TRAVEL ***************************/
.header-BudgetTravel {
    background-color: #E2041D !important;
    color: #FFF !important;
}

.logoHeader-BudgetTravel {
    max-width: 140px;
    margin-top: 20px;
    padding-right: 10px;
    border-right: solid 2px #FFF;
}

.titleHeader-BudgetTravel {
    padding-top: 15px;
}

.hyperlink-BudgetTravel {
    color: white;
    font-style: oblique;
}

.logoLogin-BudgetTravel {
    max-width: 220px;
    margin-top: 30px;
}

.BudgetTravel-bg {
    background-image: url("../../Content/images/bgs/BudgetTravel.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-color: white;
}

.panel-BudgetTravel {
    border-color: #ddd;
}

    .panel-BudgetTravel > .panel-heading {
        background-color: #E2041D;
        border-color: #ddd;
        color: yellow;
    }

.arrow-BudgetTravel {
    color: #E2041D;
}

.animatedMargin-BudgetTravel {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMargin-BudgetTravel::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #E2041D;
        transition: width .3s;
    }

    .animatedMargin-BudgetTravel:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

.progress-bar-BudgetTravel {
    background-color: #E2041D !important;
}

/*************************** BUGET TRAVEL ***************************/

/*************************** BUGET TRAVEL  USA ***************************/
.header-BudgetTravelUSA {
    background-color: #0090d3 !important;
    color: #FFF !important;
}

.logoHeader-BudgetTravelUSA {
    max-width: 140px;
    margin-top: 20px;
    padding-right: 10px;
    border-right: solid 2px #FFF;
}

.titleHeader-BudgetTravelUSA {
    padding-top: 15px;
}

.hyperlink-BudgetTravelUSA {
    color: white;
    font-style: oblique;
}

.logoLogin-BudgetTravelUSA {
    max-width: 220px;
    margin-top: 30px;
}

.BudgetTravelUSA-bg {
    background-image: url("../../Content/images/bgs/BudgetTravel.jpg");
    background-position: center top;
    background-color: white;
}

.panel-BudgetTravelUSA {
    border-color: #ddd;
}

    .panel-BudgetTravelUSA > .panel-heading {
        background-color: #cc0000;
        border-color: #ddd;
        color: yellow;
    }

.arrow-BudgetTravelUSA {
    color: #cc0000;
}

.animatedMargin-BudgetTravelUSA {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMargin-BudgetTravelUSA::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #cc0000;
        transition: width .3s;
    }

    .animatedMargin-BudgetTravelUSA:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

.progress-bar-BudgetTravelUSA {
    background-color: #0090d3 !important;
}

/*************************** BUGET TRAVEL USA ***************************/

/*************************** ABBEY TRAVEL ***************************/
.header-AbbeyTravel {
    background: url("../../Content/images/bgs/abbeyTravel-Header.png") repeat-x;
    color: white !important;
    padding-top: 10px;
}

.logoHeader-AbbeyTravel {
    max-width: 90px;
    border-right: solid 2px white;
    padding-right: 10px;
}

.titleHeader-AbbeyTravel {
    padding-top: 5px;
}

.hyperlink-AbbeyTravel {
    color: white;
    font-style: oblique;
}

.logoLogin-AbbeyTravel {
    max-width: 100px;
    padding-top: 10px;
}

.AbbeyTravel-bg {
    background: url("../../Content/images/bgs/abbeyTravel.png") repeat-x;
    background-position: center top;
    background-color: white;
}

.panel-AbbeyTravel {
    border-color: #ddd;
}

    .panel-AbbeyTravel > .panel-heading {
        background-color: #a70d13;
        border-color: #ddd;
        color: #FFF;
    }

.arrow-AbbeyTravel {
    color: #a70d13;
}

.animatedMargin-AbbeyTravel {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMargin-AbbeyTravel::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #a70d13;
        transition: width .3s;
    }

    .animatedMargin-AbbeyTravel:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

.progress-bar-AbbeyTravel {
    background-color: #a70d13 !important;
}

/*************************** ABBEY TRAVEL ***************************/

/*************************** BUDGET AIR ***************************/
.logoLogin-BudgetAir {
    max-width: 420px;
    padding-top: 20px;
}

.logoHeader-BudgetAir {
    width: 220px !important;
    margin-top: 10px;
    padding-right: 10px;
    /*BLUE*/
    border-right: solid 2px #0069b4 !important;
    /*RED*/
    /*border-right: solid 2px #FF2A2A;*/
}

.header-BudgetAir {
    background-color: white !important;
    color: #0069b4 !important;
    padding-top: 10px;
    border-bottom: solid 5px #a22792 !important;
}

.hyperlink-BudgetAir {
    color: #0069b4;
    font-style: oblique;
}


.BudgetAir-bg {
    background-image: url("../../Content/images/bgs/budgetAir.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-color: white;
}

.panel-BudgetAir {
    border-color: #ddd;
}

    .panel-BudgetAir > .panel-heading {
        background-color: #a22792;
        border-color: #ddd;
        color: #FFF;
    }

.arrow-BudgetAir {
    color: #a22792;
}

.animatedMargin-BudgetAir {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

    .animatedMargin-BudgetAir::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #a22792;
        transition: width .3s;
    }

    .animatedMargin-BudgetAir:hover::after {
        width: 100%;
        /*transition: width .3s;*/
    }

.progress-bar-BudgetAir {
    background-color: #a22792 !important;
}
/*************************** BUDGET AIR ***************************/

.disabledBox {
    opacity: 0.3;
    filter: alpha(opacity=20); /* For IE8 and earlier */
    color: #000;
}

.panel-pay {
    border-color: #ddd;
}

    .panel-pay > .panel-heading {
        background-color: #0f3b57;
        border-color: #ddd;
        color: #FFF;
    }

.panel-print {
    border-color: #ddd;
}

    .panel-print > .panel-heading {
        background-color: #16537a;
        border-color: #ddd;
        color: #FFF;
    }

.panel-amend {
    border-color: #ddd;
}

    .panel-amend > .panel-heading {
        background-color: #1a6fa5;
        border-color: #ddd;
        color: #FFF;
    }

.panel-flight {
    border-color: #ddd;
}

    .panel-flight > .panel-heading {
        background-color: #1C84C6;
        border-color: #ddd;
        color: #FFF;
    }

.container-Padding {
    padding-top: 20px;
}

.container {
    /*padding-top: 30px;*/
    background-color: #FFF;
    height: 100%;
}


.middle-box {
    max-width: 352px !important;
}

.h1 {
    color: black;
}



/*################################ NDC ###############################*/
.container-fluid {
    background: #ffffff !important;
    /*background: rgba(255, 255, 255, 0.5) !important;*/
}

a {
    cursor: pointer;
}

.tab-pane {
    /*border:1px solid #DDD;
	border-top: none;
	padding:10px;*/
}

.tab-pane-wizard, #pnlPassengerInformation {
    border: none;
    /*height: 535px;
	overflow: auto;*/
}

.div-center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/*.list-group .list-group-item-sublist {
	list-style: none;
	padding: 0;
	margin: 0;
}*/
.p10 {
    padding: 10px;
}

.plr20 {
    padding: 20px;
}


.pt20 {
    padding-top: 20px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.subtotal {
    margin: 0;
    padding: 0;
}

.no-margin {
    margin: 0 !important;
}

.titleLabel {
    font-weight: normal;
}

.service-box {
    border: 1px solid #DDD;
    margin-bottom: 10px;
}

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

#tabsDiv .tab-pane {
    /*background-color: #F8F6F0;*/
}

#tabsDiv .nav-tabs > li.active > a {
    /*background-color: #F8F6F0;*/
}

#tabsDiv .nav-tabs > li > a {
    background: #DDD none repeat scroll 0% 0%;
}

#pnlPassengerInformation .list-group-item.active {
    background: rgba(241, 236, 19, 0.40);
    color: black;
}

.list-group-item:first-child {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}


#pnlPassengerInformation .panel-primary {
    border-color: #c8c8c8;
}

#pnlPassengerInformation .panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #000;
    margin-right: 10px;
    margin-top: 5px;
}

#pnlPassengerInformation .panel-heading a:hover {
    color: white;
    background: rgba(22, 141, 126, 0.40);
}

#pnlPassengerInformation .panel-default > .panel-heading {
    cursor: pointer;
}

    #pnlPassengerInformation .panel-default > .panel-heading a:after {
        color: #000;
    }

#pnlPassengerInformation .panel-primary > .panel-heading a:after {
    color: #fff;
}

#pnlPassengerInformation .panel-heading a.collapsed:after {
    content: "\e080";
}

#pnlPassengerInformation .panel-primary > .panel-heading a:hover, #pnlPassengerInformation .panel-primary > .panel-heading a {
    color: #fff !important;
}

#pnlPassengerInformation .panel-default > .panel-heading a:hover, #pnlPassengerInformation .panel-default > .panel-heading a {
    color: #000;
}

/*#pnlPassengerInformation .panel-primary > .panel-body a:hover, #pnlPassengerInformation .panel-primary > .panel-body a { color: #fff !important; }*/
#pnlPassengerInformation .panel-default > .panel-body a:hover, #pnlPassengerInformation .panel-default > .panel-body a {
    color: #000;
}


#pnlPassengerInformation .panel-default {
    background-color: #F8F6F0;
}

#ccMonth {
    max-width: 65px !important;
}

#ccYear {
    max-width: 85px !important;
}
/*################################ NDC ###############################*/
/*################################ SEAT CHART ###############################*/
ul.seatCharts-legendList {
    margin: 0;
    padding: 0;
}

@media (max-width: 500px) {
    div.seatCharts-cell {
        color: #182C4E;
        height: 25px;
        width: 25px;
        line-height: 25px;
        margin: 2px !important;
    }

    div.seatCharts-row {
        height: 30px;
    }

    li.seatCharts-legendItem {
        line-height: 2;
    }

    .page-wrapper, .wrapper, #page-wrapper {
        padding: 0px !important;
    }
}

@media (min-width: 501px) {
    li.seatCharts-legendItem {
        line-height: 3;
    }

    div.seatCharts-cell {
        color: #182C4E;
        height: 40px;
        width: 40px;
        line-height: 40px;
        margin: 2px !important;
    }

    div.seatCharts-row {
        height: 50px;
    }
}

div.seatCharts-seat {
    color: #FFFFFF;
    cursor: pointer;
}

    div.seatCharts-seat.available {
        background-color: #3C0;
    }

        div.seatCharts-seat.available.style-seat-a {
            background-color: #3C0;
        }

        div.seatCharts-seat.available.style-seat-b {
            background-color: #3CF;
        }

        div.seatCharts-seat.available.style-seat-c {
            background-color: #C3C;
        }

        div.seatCharts-seat.available.style-seat-d {
            background-color: #1a00ff;
        }

        div.seatCharts-seat.available.style-seat-e {
            background-color: #e97200;
        }

        div.seatCharts-seat.available.style-seat-f {
            background-color: #fb4c4c;
        }

        div.seatCharts-seat.available.style-seat-g {
            background-color: #3C0;
        }

        div.seatCharts-seat.available.style-seat-h {
            background-color: #3CF;
        }

        div.seatCharts-seat.available.style-seat-i {
            background-color: #C3C;
        }

        div.seatCharts-seat.available.style-seat-j {
            background-color: #3C0;
        }

        div.seatCharts-seat.available.style-seat-k {
            background-color: #3CF;
        }

        div.seatCharts-seat.available.style-seat-l {
            background-color: #C3C;
        }

        div.seatCharts-seat.available.style-seat-m {
            background-color: #3C0;
        }

        div.seatCharts-seat.available.style-seat-n {
            background-color: #3CF;
        }

        div.seatCharts-seat.available.style-seat-o {
            background-color: #C3C;
        }

        div.seatCharts-seat.available.style-seat-p {
            background-color: #3C0;
        }

        div.seatCharts-seat.available.style-seat-q {
            background-color: #3CF;
        }

        div.seatCharts-seat.available.style-seat-r {
            background-color: #C3C;
        }

        div.seatCharts-seat.available.style-seat-s {
            background-color: #3C0;
        }

        div.seatCharts-seat.available.style-seat-t {
            background-color: #3CF;
        }

        div.seatCharts-seat.available.style-seat-u {
            background-color: #C3C;
        }

        div.seatCharts-seat.available.style-seat-v {
            background-color: #3C0;
        }

        div.seatCharts-seat.available.style-seat-w {
            background-color: #3CF;
        }

        div.seatCharts-seat.available.style-seat-x {
            background-color: #C3C;
        }

        div.seatCharts-seat.available.style-seat-y {
            background-color: #3C0;
        }

        div.seatCharts-seat.available.style-seat-z {
            background-color: #3CF;
        }

    div.seatCharts-seat.focused {
        background-color: #76B474;
    }

    div.seatCharts-seat.focused-unavailable {
        border: 1px solid #000;
    }

    div.seatCharts-seat.selected {
        background-color: #9E9E9E;
        border: 1px solid #000;
        font-weight: bold;
        color: #000;
    }

    div.seatCharts-seat.unavailable {
        background-color: #DDD;
    }

div.seatCharts-space {
    background-color: #F8F6F0;
}

div.seatCharts-container {
    min-width: 503px !important;
}
/*################################ SEAT CHART ###############################*/
/*################################ PACE ###############################*/
/*################################ PACE ###############################*/


.panel-AerLingus {
    border-color: #168D7E !important;
}

    .panel-AerLingus > .panel-heading {
        background-color: #168D7E !important;
        border-color: #168D7E !important;
        color: #FFF;
    }

.AerLingusColor {
    color: #168D7E;
}

.homePanelTitle{
    font-size: 16px;
}

.RyanairCheckin {
    padding-top: 450px;
    background-color: white;
    background-image: url("../../Content/images/rayanair_checkin.png");
    background-repeat: no-repeat;
}