﻿@charset "UTF-8";

@font-face {
    font-family: "Flydubai Icons";
    src: url("../webfonts/flydubai-icons.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

*::-moz-placeholder {
    color: #828282;
}

.pika-single.fd-theme .pika-prev, .pika-single.fd-theme.is-rtl .pika-next {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMgMTVsLTYtNSA2LTV2MTB6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
}

.pika-single.fd-theme .pika-next, .pika-single.fd-theme.is-rtl .pika-prev {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOCA1bDYgNS02IDVWNXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

.font-icon, .accordion .accordion-icon, .accordion-faq .accordion-icon, .calendar-container:before {
    font-family: "Flydubai Icons";
    font-size: 0.66667em;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .font-icon.icon-arrow-right:before, .accordion .icon-arrow-right.accordion-icon:before, .accordion-faq .icon-arrow-right.accordion-icon:before, .icon-arrow-right.calendar-container:before {
        content: "\e600";
    }

    .font-icon.icon-arrow-left:before, .accordion .icon-arrow-left.accordion-icon:before, .accordion-faq .icon-arrow-left.accordion-icon:before, .icon-arrow-left.calendar-container:before {
        content: "\e601";
    }

    .font-icon.icon-arrow-down:before, .accordion .icon-arrow-down.accordion-icon:before, .accordion-faq .icon-arrow-down.accordion-icon:before, .icon-arrow-down.calendar-container:before {
        content: "\e602";
    }

    .font-icon.icon-arrow-up:before, .accordion .icon-arrow-up.accordion-icon:before, .accordion-faq .icon-arrow-up.accordion-icon:before, .icon-arrow-up.calendar-container:before {
        content: "\e603";
    }

    .font-icon.icon-calendar:before, .accordion .icon-calendar.accordion-icon:before, .accordion .accordion-icon.calendar-container:before, .accordion-faq .icon-calendar.accordion-icon:before, .accordion-faq .accordion-icon.calendar-container:before, .calendar-container:before {
        content: "\e604";
    }

    .font-icon.icon-info:before, .accordion .icon-info.accordion-icon:before, .accordion-faq .icon-info.accordion-icon:before, .icon-info.calendar-container:before {
        content: "\e605";
    }

    .font-icon.icon-search:before, .accordion .icon-search.accordion-icon:before, .accordion-faq .icon-search.accordion-icon:before, .icon-search.calendar-container:before {
        content: "\e606";
    }

    .font-icon.icon-switch:before, .accordion .icon-switch.accordion-icon:before, .accordion-faq .icon-switch.accordion-icon:before, .icon-switch.calendar-container:before {
        content: "\e607";
    }

    .font-icon.icon-search:before, .accordion .icon-search.accordion-icon:before, .accordion-faq .icon-search.accordion-icon:before, .icon-search.calendar-container:before {
        content: "\e606";
    }

    .font-icon.icon-close:before, .accordion .icon-close.accordion-icon:before, .accordion-faq .icon-close.accordion-icon:before, .icon-close.calendar-container:before {
        content: "\e608";
    }

    .font-icon.icon-instagram:before, .accordion .icon-instagram.accordion-icon:before, .accordion-faq .icon-instagram.accordion-icon:before, .icon-instagram.calendar-container:before {
        content: "\e609";
    }

    .font-icon.icon-facebook:before, .accordion .icon-facebook.accordion-icon:before, .accordion-faq .icon-facebook.accordion-icon:before, .icon-facebook.calendar-container:before {
        content: "\e60a";
    }

    .font-icon.icon-linkedin:before, .accordion .icon-linkedin.accordion-icon:before, .accordion-faq .icon-linkedin.accordion-icon:before, .icon-linkedin.calendar-container:before {
        content: "\e60b";
    }

    .font-icon.icon-mail:before, .accordion .icon-mail.accordion-icon:before, .accordion-faq .icon-mail.accordion-icon:before, .icon-mail.calendar-container:before {
        content: "\e60c";
    }

    .font-icon.icon-twitter:before, .accordion .icon-twitter.accordion-icon:before, .accordion-faq .icon-twitter.accordion-icon:before, .icon-twitter.calendar-container:before {
        content: "\e60d";
    }

    .font-icon.icon-youtube:before, .accordion .icon-youtube.accordion-icon:before, .accordion-faq .icon-youtube.accordion-icon:before, .icon-youtube.calendar-container:before {
        content: "\e60e";
    }

    .font-icon.icon-plus:before, .accordion .accordion-icon:before, .accordion-faq .accordion-icon:before, .icon-plus.calendar-container:before {
        content: "\e60f";
    }

    .font-icon.icon-flight:before, .accordion .icon-flight.accordion-icon:before, .accordion-faq .icon-flight.accordion-icon:before, .icon-flight.calendar-container:before {
        content: "\e610";
    }

    .font-icon.icon-hotel:before, .accordion .icon-hotel.accordion-icon:before, .accordion-faq .icon-hotel.accordion-icon:before, .icon-hotel.calendar-container:before {
        content: "\e611";
    }

    .font-icon.icon-car-rental:before, .accordion .icon-car-rental.accordion-icon:before, .accordion-faq .icon-car-rental.accordion-icon:before, .icon-car-rental.calendar-container:before {
        content: "\e612";
    }

    .font-icon.icon-cross:before, .accordion .icon-cross.accordion-icon:before, .accordion-faq .icon-cross.accordion-icon:before, .icon-cross.calendar-container:before {
        content: "\e613";
    }

    .font-icon.icon-language:before, .accordion .icon-language.accordion-icon:before, .accordion-faq .icon-language.accordion-icon:before, .icon-language.calendar-container:before {
        content: "\e614";
    }

    .font-icon.icon-account:before, .accordion .icon-account.accordion-icon:before, .accordion-faq .icon-account.accordion-icon:before, .icon-account.calendar-container:before {
        content: "\e615";
    }

/*!
 * Pikaday
 * Copyright Â© 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
}

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
    }

.pika-single {
    *zoom: 1;
}

    .pika-single:before, .pika-single:after {
        content: " ";
        display: table;
    }

    .pika-single:after {
        clear: both;
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

    .pika-title select {
        cursor: pointer;
        position: absolute;
        z-index: 9998;
        margin: 0;
        left: 0;
        top: 5px;
        filter: alpha(opacity=0);
        opacity: 0;
        font-weight: normal;
        color: #242a30;
    }

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    background-color: #fff;
}

.pika-prev, .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

    .pika-prev:hover, .pika-next:hover {
        opacity: 1;
    }

    .pika-prev.is-disabled, .pika-next.is-disabled {
        cursor: default;
        opacity: .2;
    }

.pika-prev, .is-rtl .pika-next {
    float: left;
    *left: 0;
}

.pika-next, .is-rtl .pika-prev {
    float: right;
    *right: 0;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th, .pika-table td {
        width: 14.28571%;
        padding: 0;
    }

    .pika-table th {
        color: #999;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

    .pika-table abbr {
        border-bottom: none;
        cursor: help;
    }

.pika-button {
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
}

.pika-week {
    font-size: 12px;
    color: #999;
}

/**
 * This class contains the SCSS for the calendar widget container as well as the calendar itslef, which is a
 * Fly dubai theme for Pikaday calendar widget
 *
 * https://github.com/dbushell/Pikaday
 */
.pika-single {
    border: none;
    margin-top: 0.44444em;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

    .pika-single.fd-theme {
        color: #fff;
        background: #fff;
        border: none;
        border-radius: 3px;
        overflow: hidden;
    }

        .pika-single.fd-theme .pika-lendar {
            background-color: #009cde;
            margin: 0;
        }

        .pika-single.fd-theme .pika-title {
            background-color: #009cde;
            font-weight: bold;
            padding-top: 0.16667em;
        }

            .pika-single.fd-theme .pika-title select {
                top: 5px;
                width: 100%;
            }

        .pika-single.fd-theme.is-rtl .pika-label {
            line-height: 1.3;
            padding-top: 0.55556em;
        }

        .pika-single.fd-theme .pika-label {
            font-size: 1em;
            line-height: 1.1;
            background-color: #009cde;
            padding: 0.77778em 0.16667em 0em 0em;
        }

        .pika-single.fd-theme .pika-prev, .pika-single.fd-theme .pika-next {
            opacity: 1;
            width: 2.2em;
            height: 2.2em;
            text-indent: 8em;
            background-size: 50%;
            font-size: 1.22222em;
        }

            .pika-single.fd-theme .pika-prev.is-disabled, .pika-single.fd-theme .pika-next.is-disabled {
                opacity: 0.5;
            }

        .pika-single.fd-theme .pika-day {
            font-size: 1em;
        }

        .pika-single.fd-theme .pika-table {
            border: 0.44444em solid #fff;
            border-top: 0;
        }

            .pika-single.fd-theme .pika-table thead {
                background-color: #009cde;
                border: 0.44444em solid #009cde;
                border-top: none;
            }

            .pika-single.fd-theme .pika-table th {
                font-size: 1em;
                color: #d8d8d8;
                line-height: 1;
                padding-bottom: 0.55556em;
            }

            .pika-single.fd-theme .pika-table abbr {
                font-size: 0.77778em;
            }

            .pika-single.fd-theme .pika-table tbody {
                background-color: #fff;
            }

                .pika-single.fd-theme .pika-table tbody tr:first-child {
                    border-top: 0.44444em solid #fff;
                }

        .pika-single.fd-theme .is-selected .pika-button {
            color: #fff;
            font-weight: bold;
            background: transparent;
            z-index: 1;
        }

            .pika-single.fd-theme .is-selected .pika-button:before {
                background: #ff8200;
                width: 2em;
                height: 2em;
                content: "";
                position: absolute;
                display: block;
                top: 50%;
                left: 50%;
                border-radius: 2em;
                margin: -1em -1em 0;
                z-index: -1;
            }

        .pika-single.fd-theme .is-disabled .pika-button {
            color: #828282;
            opacity: 1;
        }

            .pika-single.fd-theme .is-disabled .pika-button:hover {
                color: #828282;
            }

                .pika-single.fd-theme .is-disabled .pika-button:hover:before {
                    display: none;
                }

        .pika-single.fd-theme .pika-button {
            padding: 0.77778em 0;
            text-align: center;
            background: none;
            color: #009cde;
            font-weight: normal;
            position: relative;
        }

            .pika-single.fd-theme .pika-button:hover {
                z-index: 1;
                color: #fff;
            }

                .pika-single.fd-theme .pika-button:hover:before {
                    background: #009cde;
                    width: 2em;
                    height: 2em;
                    content: "";
                    position: absolute;
                    display: block;
                    top: 50%;
                    left: 50%;
                    border-radius: 2em;
                    margin: -1em -1em 0;
                    z-index: -1;
                }

.calendar-container {
    width: 100%;
    position: relative;
}

    .calendar-container.is-filled:before {
        content: attr(data-day);
        font-size: 12px;
        right: 1.33333em;
        margin-top: -0.5em;
        font-family: "Effra Regular";
    }

    .calendar-container.is-disabled > input {
        background: #d8d8d8;
        color: #d8d8d8;
        text-indent: -9999px;
    }

        .calendar-container.is-disabled > input:focus {
            border: none;
        }

    .calendar-container.is-disabled:before {
        opacity: 0;
    }

:lang(ar) .calendar-container INPUT {
    padding-left: 25px;
}

.calendar-container:before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    font-size: 20px;
    right: 0.65em;
    margin-top: -0.55em;
    color: #6f6f6f;
}

.date-picker {
    content: "";
    display: table;
    clear: both;
    width: 100%;
}

    .date-picker .row {
        width: 100%;
    }

.pika-single.fd-theme {
    border: 1px solid #d8d8d8;
}

    .pika-single.fd-theme .pika-lendar .pika-label {
        margin-right: 16px;
        padding-right: 16px;
        position: relative;
    }

        .pika-single.fd-theme .pika-lendar .pika-label:after {
            content: "";
            position: absolute;
            top: 1em;
            right: 0;
            z-index: 1;
            width: 1.25em;
            height: 1em;
            font-family: "Flydubai Icons";
            font-size: 0.88889em;
            content: "\e602";
            color: #fff;
        }

        .pika-single.fd-theme .pika-lendar .pika-label:last-of-type {
            margin-right: 0px;
        }

@media only screen and (max-width: 327px) {
    .pika-single.fd-theme {
        left: auto !important;
        right: 0px !important;
    }
}

button.button-icon .font-icon, button.button-icon .calendar-container:before, .button.button-icon .font-icon, .button.button-icon .calendar-container:before, a.button.button-icon .font-icon, a.button.button-icon .calendar-container:before {
    margin-right: 100px;
}

    button.button-icon .font-icon:before, button.button-icon .calendar-container:before, .button.button-icon .font-icon:before, .button.button-icon .calendar-container:before, a.button.button-icon .font-icon:before, a.button.button-icon .calendar-container:before {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.form-control[readonly] {
    background: #fff none repeat scroll 0 0;
    opacity: 1;
}

/* FlyDubai Date Picker Styles */

.full button span {
    background-color: limegreen;
    border-radius: 32px;
    color: black;
}

.partially button span {
    background-color: orange;
    border-radius: 32px;
    color: black;
}

.forStyle .btn.btn-default {
    background: transparent;
    box-shadow: none;
}

.uib-daypicker thead {
    background-color: #009cde;
}

body .uib-datepicker-popup.dropdown-menu {
    padding: 0;
}

.uib-daypicker thead th {
    color: #d8d8d8;
    padding-bottom: 4px;
}

.uib-daypicker button {
    border: none;
}

.uib-daypicker tbody .btn.btn-default {
    color: #009cde;
    position: relative;
}

.forStyle .btn-info.active:before,
.datePic .btn.btn-default.btn-sm.active:before {
    background: #ff8200;
    width: 2em;
    height: 2em;
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    border-radius: 2em;
    margin: -1em -1em 0;
    z-index: -1;
}

.uib-daypicker tbody .btn.btn-default:hover:before {
    background: #009cde;
    width: 2em;
    height: 2em;
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    border-radius: 2em;
    margin: -1em -1em 0;
    z-index: -1;
}

.uib-daypicker tbody .btn.btn-default:hover,
.uib-daypicker tbody .btn.btn-default:hover .text-info {
    color: #fff !important;
}

.forStyle .btn-info.active:hover:before {
    background: #009cde;
}

.uib-daypicker tbody .btn.btn-default.btn-info.active .text-info,
.uib-daypicker tbody .btn.btn-default.btn-info.active,
.datePic .btn.btn-default.btn-sm.active span{
    color: #fff !important;
    font-weight: bold;
}

.uib-daypicker tbody .btn.btn-default:hover .text-muted {
    color: #fff;
}

.dropdown-menu {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5) !important;
}

/*body .glyphicon.glyphicon-calendar{
        font-family: "Flydubai Icons";
            content: "\e604";
            pointer-events: none;
    position: absolute;
    top: 50%;
    font-size: 20px;
    right: 0.65em;
    margin-top: -0.55em;
    color: #6f6f6f;
}*/

.input-group-btn .glyphicon.glyphicon-calendar {
    color: #6f6f6f;
}

.forStyle .input-group-btn .btn.btn-default {
    border-left: 0;
    background: #fff;
}

    .forStyle .input-group-btn .btn.btn-default:hover {
        border-color: #ccd0d4;
    }

.input-group .form-control:focus + div + span {
    border-color: #66afe9;
}


.forStyle .uib-monthpicker .btn.btn-default,
.forStyle .uib-yearpicker .btn.btn-default {
    border: none;
    color: #000;
    position: relative;
}

.forStyle .uib-month .btn-info.active:before,
.forStyle .uib-yearpicker .btn-info.active:before {
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    height: 100%;
}


.uib-months .btn.btn-default.btn-info.active .text-info,
.uib-yearpicker .btn.btn-default.btn-info.active .text-info {
    color: #fff !important;
}


.forStyle .uib-monthpicker .btn.btn-default:hover,
.uib-yearpicker .btn.btn-default.btn-info:hover .text-info,
.forStyle .uib-yearpicker .btn.btn-default:hover,
.forStyle .uib-yearpicker .btn.btn-default.active:hover,
.forStyle .uib-monthpicker .btn.btn-default.active:hover {
    background: #009cde;
    color: #fff !important;
}



.forStyle .uib-yearpicker .btn.btn-default.active,
.forStyle .uib-monthpicker .btn.btn-default.active {
    background: #ff8200;
    color: #fff !important;
}


/*New features datepicker styles*/
.datePic{
    padding:10px 10px 0 0;
    float:left;
}
.datePic table{
    border-bottom:1px solid #ccc;
    width:100%;
}
.datePic > div:not(:first-child){
    border:1px solid #ccc;
    background:#fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5) !important;
    border-bottom: none;
}
.adv-dp{
    border-radius: 4px 4px 0 0;
}
.adv-dp p{
    margin:0;padding:5px 0; border-bottom:1px solid #ccc;
}
.datePic .btn-group{
    margin-bottom:10px;
}
.datePic .btn{
    font-size:12px;
}
.tme-pkr{
    padding:10px;
}
.tme-pkr input{
    max-width:50px;
}
.save-btn{
    padding:5px 10px;
    border-radius: 0 0 4px 4px;
}

.form-horizontal.form-bordered .uib-timepicker .form-group{
    border:none;
}
.datePic .uib-timepicker{
    width:auto;
    border:none;
}
.datePic .uib-time.hours{
    float:left;
}
.datePic .uib-time.hours:before{
    content:"Hour";
   display:block;
   float:left;
   margin-right:10px;
   line-height: 23px;
}
.datePic .uib-separator{
    display:none;
}
.datePic .uib-time.minutes:before{
    content:'Minute';
    display:block;
    float:left;
    margin-right:10px;
    margin-left:20px;
    line-height: 23px;
}
.datePic .uib-timepicker tr:first-child, .datePic .uib-timepicker tr:last-child{
    display:none;
}
.tme-pkr .uib-timepicker input{
    padding:2px 5px;
    height: auto;
}
.datePic .uib-datepicker{
    position:relative;z-index:1;
}
html .form-control.adf{
    background:#fff;
    opacity:1;
}

/* Password show/hide button */

.forStyle.hideShowBtn .btn.btn-default {
    color: #898989 !important;
    padding: 12px !important;
}

    .forStyle.hideShowBtn .btn.btn-default:focus {
        border-color: #ccd0d4;
    }

.form-control:focus + .input-group-btn .btn.btn-default {
    border-color: #66afe9;
}

.pos-rel {
    position: relative;
}

.m-b-25 .text-danger {
    bottom: -24px;
    left: 0;
}
