/* Minification failed. Returning unminified contents.
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(30,35): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(38,17): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(42,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(46,17): run-time error CSS1039: Token not allowed after unary operator: '-base-color-text'
(54,17): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(58,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(62,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(66,17): run-time error CSS1039: Token not allowed after unary operator: '-base-color-text'
(70,17): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(74,17): run-time error CSS1039: Token not allowed after unary operator: '-base-color-text'
(78,31): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(82,22): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(86,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(87,24): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(91,32): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(92,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(96,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(97,24): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(101,32): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(102,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(107,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-border'
(111,29): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background-sub'
(119,17): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(123,17): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background-sub'
(127,17): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(129,24): run-time error CSS1039: Token not allowed after unary operator: '-base-color-border'
(133,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(147,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(151,36): run-time error CSS1039: Token not allowed after unary operator: '-base-color-header'
(155,36): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(160,28): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
(179,32): run-time error CSS1039: Token not allowed after unary operator: '-base-color-background'
 */
/*:root {
    --base-color-background: #3c196f;*/ /*mau tím var(--base-color-background)  */
/*--base-color-background-sub: #3c196f;*/ /*mau tím nhat var(--base-color-background-sub)  */
/*--base-color-border: #d5c9e7;*/ /*mau tím border var(--base-color-border)  */
/*--base-color-header: #edbd00;*/ /*mau cam var(--base-color-header) */
/*--base-color-text: #110136;*/ /*mau hoi tim - chu thuong var(--base-color-text) */
/*}*/

/*:root {
    --base-color-background: #2656a5;*/ /*mau tím var(--base-color-background)  */
/*--base-color-background-sub: #fffff;*/ /*mau tím nhat var(--base-color-background-sub)  */
/*--base-color-border: #306acf;*/ /*mau tím border var(--base-color-border)  */
/*--base-color-header: #fecc07;*/ /*mau cam var(--base-color-header) */
/*--base-color-btn: #c5a03e;*/ /*mau cam var(--base-color-header) */
/*--base-color-text: #132139;*/ /*mau hoi tim - chu thuong var(--base-color-text) */
/*}*/


:root {
    --base-color-background: #3c196d; /*mau tím var(--base-color-background)  */
    --base-color-background-sub: #3c196d; /*mau tím nhat var(--base-color-background-sub)  */
    --base-color-border: #d5c9e6; /*mau tím border var(--base-color-border)  */
    --base-color-header: #edbd01; /*mau cam var(--base-color-header) */
    --base-color-text: #110135; /*mau hoi tim - chu thuong var(--base-color-text) */
}

#header .bottomheader {
    /* background-color: #fff; */
    background-color: var(--base-color-background);
    border-bottom: 1px solid var(--base-color-header);
}

#header .navbar-default .navbar-nav > li > a, #header .navbar-default .navbar-nav > li > a:hover, .subtitle, .popup-container .content .nav-pills li.active a, #search-form .active a {
    color: white;
}

#header .title.slogan-header, footer .heading7, footer .logofooter, .popup-container .title {
    color: var(--base-color-header);
}

footer, .copyright, .popup-container .title, .box-icon-black {
    background-color: var(--base-color-background);
}

#mainbody, .fa-calendar.glyphicon-calendar {
    color: var(--base-color-text);
}

h1 {
    text-transform: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--base-color-background);
}

.daterangepicker td.active {
    background-color: var(--base-color-background);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--base-color-background);
}

.select2-container--default .select2-results__option .select2-results__option {
    color: var(--base-color-text);
}

.card-title, .container h2, .thumb-header h4, .thumb-title, .container-fluid .logo-text, h1, .airline-nav-tabs > li.active > a {
    color: var(--base-color-background);
}

.thumb-desc, .card-text, .bannerblock .form-control, #search-form .p-description, #search-form a {
    color: var(--base-color-text);
}

.navbar-default .navbar-nav > li:hover, .topheadlinks > li:hover, .footfont > li:hover {
    border-bottom-color: var(--base-color-header);
}

.popup-container .content .nav-pills li.active a {
    background: var(--base-color-background);
}

.btn-warning {
    background-color: var(--base-color-header);
    border-color: var(--base-color-header);
}

    .btn-warning:hover {
        background-color: var(--base-color-background);
        border-color: var(--base-color-background);
    }

.btn-primary {
    background-color: var(--base-color-background);
    border-color: var(--base-color-background);
}

    .btn-primary:hover {
        background-color: var(--base-color-header);
        border-color: var(--base-color-header);
    }


#ContactInfor input[type=text], #fill-information-passengers input[type=text], #fill-information-passengers input[type=text], #ContactInfor input[type=email], #ContactInfor textarea, .bs-callout-info .select2-container .select2-selection--single {
    border: 1px solid var(--base-color-border);
}

.bs-callout-info {
    border-left-color: var(--base-color-background-sub);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: white;
}

.right-addon .glyphicon-calendar {
    color: var(--base-color-header);
}

#list-itineraries table .fa-fighter-jet {
    color: var(--base-color-background-sub);
}

.alert-primary {
    color: var(--base-color-background);
    background-color: #dfd4ed;
    border-color: var(--base-color-border);
}

.progress-bar {
    background-color: var(--base-color-background);
}

#list-itineraries tr.cheap-selected, #list-itineraries tr.cheap-selected:hover {
    background: #ffc90085;
    box-shadow: 5px 5px 5px 0 #ccc;
}

    #list-itineraries tr.cheap-selected td:hover, .table-hover > tbody > tr.cheap-selected:hover > td {
        background: #ffc90085;
    }

@media screen and (max-width: 767px) {
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle .icon-bar {
        border-color: var(--base-color-header);
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: var(--base-color-header);
        }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .bottomheader .navbar-collapse {
            background-color: var(--base-color-background);
        }
}

.footer-language {
    background-color: var(--base-color-background);
    text-align: center;
    position: relative;
}

.dropdown-language {
    display: inline-block;
    position: relative;
}

    .dropdown-language .glyphicon {
        color: white;
    }

    .dropdown-language select option {
        color: white;
    }

    .dropdown-language select {
        background-color: var(--base-color-background);
        color: white;
        padding: 10px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative;
    }

        .dropdown-language select::after {
            content: "\25B2"; /* Mũi tên lên */
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
        }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    bottom: 100%;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #f1f1f1
        }

.dropdown-language:hover .dropdown-content {
    display: block;
}

.dropdown-language:hover .dropbtn {
    background-color: #3e8e41;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}