/* CSS for Vertical Menu */
.vertical-menu {
    padding: 0;
    margin: 0;
    border: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

    .vertical-menu ul,
    .vertical-menu li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .vertical-menu ul {
        position: relative;
        z-index: 597;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background-color: #F1F1F1;
        background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
        background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
        background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
        background-image: linear-gradient(#ffffff, #f5f5f5);
        border: 1px solid #CCC;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .vertical-menu ul li {
            min-height: 1px;
            line-height: 1em;
        }

    .vertical-menu a {
        display: block;
        text-decoration: none;
        border: 1px solid transparent;
        color: #444;
        line-height: 22px;
        padding: 8px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    /* Custom CSS Styles */
    .vertical-menu li {
        border-bottom: 1px solid #CCC;
        -moz-box-shadow: 0 1px 0 white;
        -webkit-box-shadow: 0 1px 0 white;
        box-shadow: 0 1px 0 white;
        padding: 1px;
    }

        .vertical-menu li:last-child,
        .vertical-menu li.last {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-bottom: 0 none;
        }

        .vertical-menu li.active {
            -moz-box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
            -webkit-box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAIAAABmjeQ9AAAAA3NCSVQICAjb4U/gAAAAPElEQVQImYWOwQkAIAwDj2zsfM7hPOejCAUFf01zbcKYK0LUCEFKYzyzhK4bX97Ni7X357Vfr6xz37vpBp6xRxdc29qIAAAAAElFTkSuQmCC);
            background-image: -webkit-linear-gradient(top, #71bbd5, #4aa8c9);
            background-image: -moz-linear-gradient(top, #71bbd5, #4aa8c9);
            background-image: -o-linear-gradient(top, #71bbd5, #4aa8c9);
            background-image: linear-gradient(#71bbd5, #4aa8c9);
            position: relative;
            left: -8px;
        }

        .vertical-menu li:not(.active) a:hover {
            background-color: #f2f4f6;
        }

        .vertical-menu li a i {
            margin-right: 4px;
        }

    .vertical-menu ul li a:hover {
    }

    .vertical-menu li.active a {
        border: 1px dashed #98cee1;
        border: 1px dashed rgba(255, 255, 255, 0.25);
        border-right: 0 none;
        position: relative;
        color: #FFF;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        font-weight: bold;
    }

    .vertical-menu li.active:before,
    .vertical-menu li.active:after {
        content: '';
    }

    .vertical-menu li.active:before {
        z-index: 1;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        bottom: -5px;
        border-style: solid;
        border-width: 0 8px 5px 0;
        border-color: transparent #2d353c transparent transparent;
    }

    .vertical-menu li.active:after {
        /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAwCAYAAAD6g+EuAAAFf0lEQVR4Xp2WXUxcRRSA51yWhaUgoKlJNUasT/qgDyYmJiY1qTYmvEiDLa1BTfCvlkLVF3xSCS+NaWyMMZo08amGxlhaI7srpKmGalIjNUIptQAtwPK7BYFd9kJ373jmf253IQsDJ/Oz937nZ87MufBB98BfhJC9KEskzwYoNI/nHErJM9h3oZSTHC9RfICaCad65tesEbXEEUD6LEoEOaWMRDVHNNBzQOEDA+EK5ZrUABIAJ/4YoTOra8SjHoNcRtS+L158MkW22Y53XxcKlOWP3leMmoApex4lcrx7ILRNtvJHhCWWSBE37bGp9I7uwS7SvH0FikMcpmFqxRUKAbUBsF/34PxCUxcq2BZYiGNPKBUhAnDY/CVcOXes61pwS3Br4DAitVxxMx6pKg/xOcrLuIQKBoL5w82fY+Uyl8lll6QyGfkYb9WopL3xl/w8sDKTOJ61v1RqiKECvm6yvIYSpqA/mEdYNMeRWK3Nk0KpWKuqYHvAATUegTNHo/0Fm9OpNtbxqO/syhNoFtbSbA9KpLu0Fvsz70evFWxsOUgdKlsk1LsnnZjicUxT924Gx/rYH0Ql3x2J5PYAn2Mi4cSAkKrBVFkvFOgNBgDW16MhpzeMuslzkzrWWCnQYfKEUp6mIDb5zXcj/VkKZPjUrQhyd7EHYBABknPsfTegm8ngJocUpOGdcJ9PASWgn3VUrHHCxR875ZFxeGLJxU3O4FhnV8Pb4b6v7ffM8dcbxWASShRNh0Z6w2FkfDklxsw6EYojb3X2nZIv6dD47xY+MqFAJXzsUft3/4Y/VlHC9wCfbW7o/Ocktc5IwdOH3/vUX7AkaLNLCcx4R2GA7NwRJP+5aQZ8DgHFKBf1rehZ5nvaQlO6qFmRLpuQjS+JerC7Ej0QCdGCuDaGhDd++ht7u6KDstOM/HU/q/qDPTLha3WosthYqQ+TZ6w1SawPnPGAd1YyUKFBpaJpfijPEg30eG+8Ue8WFQB5YmcZuT9UyAGr8blvEPNJwKNACMj4ghUearkJMkTiWekh8LXiAJDHK0uxDqRwU++SxbGh7zubD55lhxleO39Vee2P5UZrHEr12lMPlmHeu2SJgceH28NNB76VgNuOfTpNFtj3uykk5v7xZ8tiah3BIz9Y4PHD53tvQ11HL82dA3Ye+H0rDQZIcj2t31meuPVjuKn2KwVG5igbOFamGMuVqD8K8uQiGA/N7ooSteEIHrXBE3XnekcFC0jAy76Hs4+kdXlVIXhoIckNWond6og0varBqGykruOq5jnaOq5Ox1TO7dtS9EOLCZLEyrQ8NXYhcqz2S0maZGBipa/H4OYggO/QSBzvK0OFei257pGVqbGfo437T1ngYTk21wcFZnmu+4Pq0vdAKEgeLgvpw5OYmQhHGveflKyYAisxJ55brouFMRlMKu4qLSI34isCPD0Zjh595XPJmULwUM4vLhBjh6olrg3Ekfb0zYjgBFYeShKzsWi00Qe+mbM8m30y1d/Oil1lxUIZylrGI8m5WPTiR4cUeNqAs8W+hxytSS48hODK4oCuGIn56S4GTrurngT/m+9XbkBlimrlRQEyGE/yuK3OT3Vd+vDQCQmeUeBN4WrPAEjACgn/H7yTIBn0KxWfuWSDUSR4cxFsFPEJTbHIhnQaphG1ysF1bRI8y8CUp1N+eJV4AXZPBBxHH++1hdnffvWDb+QNtssAgwMAubmQ4DP3zjyCD7RK8NwWwSa6cuAMLyZ46qQW4z09H7/eZoEHDTh/sT+ooPrsFeouxHsut9S3ri0tpBEwj3K9uv1PywYgAFT4S2UPVuWG3HWr4JG9Nft+b6n/zA++YkyG7FLiH5tmuwmyxr4g53EG5p5toW0WOScP8Lbb/yWlseJoPWlNAAAAAElFTkSuQmCC) no-repeat;*/
        display: block;
        height: 48px;
        width: 24px;
        position: absolute;
        right: -24px;
        top: 0;
        z-index: 1;
    }

.cx-icon {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bootstrap-datetimepicker-widget {
    width: 350px !important;
    padding-right: 6px;
}

    .bootstrap-datetimepicker-widget.pull-right:before {
        right: 6px;
        left: auto;
    }

.cx-icon-add:before {
    content: "\f067";
}

.cx-icon-remove:before {
    content: "\f00d";
}

.cx-icon-dashboard:before {
    content: "\f0e4";
}

.cx-icon-membership:before {
    content: "\f0c0";
}

.cx-icon-cms:before {
    content: "\f004";
}

.cx-icon-config:before {
    content: "\f0ad";
}

.cx-icon-airline:before {
    content: "\f1d8";
}

.cx-icon-reports:before {
    content: "\f15b";
}

.cx-icon-administrator:before {
    content: "\f00a";
}

.cx-icon-stats:before {
    content: "\f0e0";
}

.cx-icon-customers:before {
    content: "\f0c0";
}

.cx-icon-campaigns:before {
    content: "\f0e0";
}

.cx-icon-close:before {
    content: "\f00d";
}

.cx-icon-messages:before {
    content: "\f0e0";
}

.cx-icon-bookings:before {
    content: "\f1d8";
}

.cx-icon-edit:before {
    content: "\f044";
}

.ui-datepicker-trigger {
    position: absolute;
    right: 15px;
    top: 32px;
    cursor: pointer;
}

.btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #428bca !important;
    border-color: #357ebd !important;
}

.btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.k-grid-toolbar .btn {
    border-color: #dbdbde;
    margin-right: 5px;
}

.k-grid-toolbar select.form-control {
    display: inline;
    padding: 5px 12px;
}

.robo-grid-container .k-grid-content .form-control {
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
}

.robo-grid-container .robo-form-container {
    margin-bottom: 10px;
}

.nav-tabs {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .nav-tabs > li > a {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

.box {
    background: none repeat scroll 0 0 #f9f9f9;
    border-color: #cdcdcd;
    border-width: 1px;
    margin-bottom: 16px;
}

    .box .box-content {
        padding: 5px 15px 15px;
    }

.box-header {
    background: none repeat scroll 0 0 #2a72b5;
    border: medium none;
    padding: 10px 15px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

    .box-header .title {
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .box-header .buttons {
        float: right;
    }

.form-control {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

select.form-control {
    border-color: #e2e7eb;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.form-group label em {
    color: red;
}

div.markItUp {
    width: 100%;
    border-width: 0;
}

    div.markItUp .markItUpEditor {
        background-image: none;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
    }

label.error {
    color: #FF0000;
    margin-top: 3px;
}

span.field-validation-error {
    color: #FF0000;
    padding-left: 0;
    margin-bottom: 5px;
    margin-top: 3px;
    line-height: 12px;
    display: block;
    font-size: 13px;
    font-weight: normal;
}

.validation-summary {
    display: none;
}

.blockUIMsg {
    z-index: 101;
    border: 1px solid #E0E0E0;
    margin: 0;
    padding: 0;
    width: 130px;
    height: 60px;
    line-height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -30px;
    background-color: #ffffff;
    color: #000000;
    position: absolute;
    font-weight: bold;
    text-align: center;
}

.robo-form-container {
    background-color: #fff;
    padding: 15px;
}

    .robo-form-container.robo-form-layout-tab {
        padding: 0;
    }

.panel {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .panel .panel-heading {
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
    }

        .panel .panel-heading h4 {
            font-weight: bold;
            font-size: 13px;
        }

    .panel .panel-body.no-padding {
        padding: 0;
    }

    .panel .panel-body.border {
        border: solid 2px #d9e0e7;
    }

.txt-color-blue {
    color: #57889c !important;
}

.txt-color-purple {
    color: #6e587a !important;
}

.txt-color-greenDark {
    color: #496949 !important;
}

div.input-group.date .input-group-addon {
    cursor: pointer;
}

.minimal-layout {
    padding-top: 0;
}

    .minimal-layout .box-header {
        display: none;
    }

    .minimal-layout .modal-body {
        padding: 0;
    }

input.datepicker {
    border-radius: 3px !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdlJREFUeNqUU71OAkEQnpWNJ0QKAyJ4oIZTNBbG5AobLKC3Mr6AtaHwASgoLX0CazW+gbGAxsLEwqgRMAZQIoZgYc4/7taZ5e7EePHnSyY3Oz/ffnO7y+qMAQOA6ugobC8vL6E7h3aZKxaPpx8egFDxyGmYE7hgNkEB/fmyEFPq1ZV+m0qdzDB2A33wyJ0jQZ6/9fKLyUJhxTg6gna7DWo2q6vptN5PYJRKn7lMRr/O5wcpzl96ecV6egJleBj4xgYoqgrdx8f+/i85qsU+RRIYgiYBv2kYoG5tQejsDCzThDYWBnd2XIJwJCKNQLXY5/+qAIONXA78gYAMPON6KBwGL/hwU0eB/K1omwJh/dEI1EO9XNikJrIeHB4C5sCyLPdr4jj07Y+tr67SEfqocYAIaNHFBCGZTEr7yada6qFe7oxFQSrQolEZoN1m43Hp064Lmub69mZSgTMCf7cVVJpNWUS4qNXkCITTclmSEt57CrjnCGMjIxALhaQfx2ObjMWkryUSMD0x8X0ER0HXZr/vdFwFjVbLVVCt110FVOso4M/4FobwTH2cQ9S+KL+BagVjCt0hfifE+CRjwd39ffgPUFeQeukl6xHG1vBaJf5D8ApQbwmx9yHAAOL/JyG8uQSRAAAAAElFTkSuQmCC) no-repeat scroll 7px 7px;
    background-position: right 6px center;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

#menu-booking-management .form-control {
    font-weight: normal;
}

#menu-booking-management textarea {
    font-weight: normal;
}

#passenger-detail th {
    font-size: 12px;
}

#product th {
    font-size: 12px;
}

.hide-border {
    white-space: nowrap;
    border: 0;
    padding: 0 !important;
}

.markup-group-title {
    color: red;
    text-decoration: underline;
    font-weight: 600;
}

#total-selling-price {
    background-color: lightgray;
}

.bootstrap-datetimepicker-widget {
    width: auto;
}

.dob-date {
    width: 33%;
}

.display-block {
    display: block;
    width: 100%;
}

.datepicker {
    z-index: 9999 !important;
}

.condition-group-title {
    font-size: 15px;
    font-weight: bold;
}

.pad-top-15 {
    padding-top: 15px !important;
}

.config-group-title {
    font-weight: 600;
    font-size: 14px;
}

.deposit-pax-type-container .col-xs-12 {
    width: 25%;
    padding-top: 15px;
}

#AgentId_chosen {
    height: 35px;
}

    #AgentId_chosen .chosen-single {
        height: 100%;
        padding-top: 5px;
        border-radius: 0;
    }

.multiselect-native-select .multiselect-container {
    padding-left: 15px;
}

.multiselect-native-select .dropdown-menu > .active > a {
    background: #ffffff;
    color: #333;
}

.multiselect-native-select .dropdown-menu {
    width: 100% !important;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

/*Password*/
@font-face {
    font-family: 'text-security-disc';
    src: url('fonts/text-security-disc.eot');
    src: url('fonts/text-security-disc.eot?#iefix') format('embedded-opentype'), url('fonts/text-security-disc.woff') format('woff'), url('fonts/text-security-disc.ttf') format('truetype'), url('images/text-security-disc.svg#text-security') format('svg');
}

div.password input {
    font-family: 'text-security-disc';
}

div.password input::-webkit-input-placeholder {
    font-family: Arial;
}

div.password input::-moz-placeholder {
    font-family: Arial;
}

div.password input:-ms-input-placeholder {
    font-family: Arial;
}

div.password input::placeholder {
    font-family: Arial;
}

input.password {
    font-family: 'text-security-disc';
}

    input.password::-webkit-input-placeholder {
        font-family: Arial;
    }

    input.password::-moz-placeholder {
        font-family: Arial;
    }

    input.password:-ms-input-placeholder {
        font-family: Arial;
    }

    input.password::placeholder {
        font-family: Arial;
    }

/*# sourceMappingURL=styles.css.map */

.agent-group-title {
    font-weight: bold;
    font-size: 14px;
}

.agent-registration-title {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid;
}

.agent-registration-container {
    width: 80%;
    padding-left: 20%;
}
/*# sourceMappingURL=styles.css.map */

.order-booking {
    padding: 0;
}

    .order-booking .order-booking-title {
        display: flex;
        flex-direction: row;
        margin-bottom: 15px;
    }

        .order-booking .order-booking-title h4 {
            margin: 0;
            padding: 10px;
            margin-right: 15px;
            flex-grow: 1;
            background: #fff;
            text-align: center;
            border-radius: 3px;
        }

            .order-booking .order-booking-title h4:last-child {
                margin-right: 0;
            }

    .order-booking .order-booking-card {
        display: flex;
        flex-direction: row;
        background-color: #fff;
        border-radius: 3px;
        margin-bottom: 15px;
    }

        .order-booking .order-booking-card:last-child {
            margin-bottom: 0;
        }

        .order-booking .order-booking-card .order-booking-left {
            min-width: 250px;
            background-size: cover;
            background-position: center center;
        }

        .order-booking .order-booking-card .order-booking-center {
            flex-grow: 1;
            padding: 15px;
        }

            .order-booking .order-booking-card .order-booking-center h3 {
                font-weight: bold;
                margin-top: 0;
            }

                .order-booking .order-booking-card .order-booking-center h3 span {
                    vertical-align: middle;
                }

            .order-booking .order-booking-card .order-booking-center .order-booking-infos {
                padding: 0;
                list-style: none;
            }

                .order-booking .order-booking-card .order-booking-center .order-booking-infos li {
                    display: flex;
                    flex-direction: row;
                    line-height: 2;
                    align-items: center;
                }

                    .order-booking .order-booking-card .order-booking-center .order-booking-infos li > span.highlight {
                        -ms-border-radius: 3px;
                        border-radius: 3px;
                        padding: 0 5px;
                        font-weight: bold;
                        color: #fff;
                        background-color: #00acac;
                        margin: 2px 0;
                    }

                    .order-booking .order-booking-card .order-booking-center .order-booking-infos li > span:first-child {
                        min-width: 150px;
                        text-transform: uppercase;
                    }

                    .order-booking .order-booking-card .order-booking-center .order-booking-infos li > span:last-child {
                        font-weight: bold;
                    }

        .order-booking .order-booking-card .order-booking-right {
            border-left: 1px solid #ddd;
            padding: 15px;
            min-width: 200px;
            text-align: right;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .order-booking .order-booking-card .order-booking-right h4 {
                margin-top: 0;
            }

                .order-booking .order-booking-card .order-booking-right h4 > small {
                    display: block;
                    margin-bottom: 10px;
                }

                .order-booking .order-booking-card .order-booking-right h4 > span,
                .order-booking .order-booking-card .order-booking-right h4 > strong {
                    display: block;
                    color: #00acac;
                    font-weight: bold;
                }

                .order-booking .order-booking-card .order-booking-right h4 > strong {
                    font-size: 26px;
                }

    .order-booking .order-booking-ribbon {
        padding: 5px 10px;
        background-color: #f59c1a;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        margin-left: 15px;
        border-radius: 3px;
    }

        .order-booking .order-booking-ribbon.paid {
            background-color: #00acac;
        }

.chosen-container {
    height: 35px;
}

    .chosen-container .chosen-single {
        height: 100% !important;
        padding-top: 5px !important;
    }

.agent-group-title {
    font-weight: 700;
    font-size: 14px
}

@media screen and (max-width: 1200px) {
    .order-booking .order-booking-card {
        flex-direction: column;
    }

        .order-booking .order-booking-card .order-booking-left {
            width: 100%;
            min-height: 200px;
        }

        .order-booking .order-booking-card .order-booking-right {
            flex-direction: row;
            border-left: none;
            border-top: 1px solid #ddd;
            align-items: center;
        }

            .order-booking .order-booking-card .order-booking-right h4:first-child {
                text-align: left;
            }
}

@media screen and (max-width: 992px) {
    .order-booking .order-booking-title {
        flex-direction: column;
    }

        .order-booking .order-booking-title h4 {
            margin-right: 0;
            margin-bottom: 10px;
        }
}

@media screen and (max-width: 576px) {
    .order-booking .order-booking-card .order-booking-center h3 {
        font-size: 20px;
    }

    .order-booking .order-booking-card .order-booking-right h4 > strong {
        font-size: 20px;
    }

    .order-booking .order-booking-card .order-booking-right h4 > span > a {
        font-size: 16px;
    }

    .order-booking .order-booking-card .order-booking-center .order-booking-infos li span {
        font-size: 10px;
    }

    .order-booking .order-booking-card .order-booking-center .order-booking-infos li > span:first-child {
        min-width: 90px;
        text-transform: uppercase;
    }

    .order-booking .order-booking-card .order-booking-center .order-booking-infos li > span:last-child {
        font-weight: bold;
    }
}

@media screen and (min-width: 1200px) {
    .footer {
        z-index: 0 !important;
    }
}

.hotel-partial-success {
    background: #FFE05D
}

.search-box {
    position: relative;
}

    .search-box .fa-search {
        position: absolute;
        top: 10px;
        left: 15px;
        z-index: 8;
    }

    .search-box .select2-container--bootstrap .select2-selection--single {
        padding: 6px 24px 6px 27px;
    }

.stop-over-image {
    width: 250px;
    background-size: cover;
    background-position: center center;
    height: 220px;
    flex-direction: row;
    display: flex;
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    padding-left: 20px;
}

.group-cancel-hotel {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.breadcrumb > li + li:before {
    padding: 0 1px;
}

.report-table-container {
    
}

.report-header {
    background-color: #f3f3f4;
}

.report-row {
    background-color: white;
}

.flex-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px;
}

.p-margin-report {
    margin: 10px;
}

.select2-container .select2-selection--multiple ul {
    list-style-type: none;
}

p[class="form-control-static"] {
    font-weight: bold;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 15px;
    font-family: unset;
}

.select2-results__option {
    border-bottom: 1px solid #CBCBCB;
}


.select2-results__option:hover {
    background-color: #CBCBCB;
}

.robo-form-stopover .btn-group{
    display: block; 
    width: 100%; 
}
.robo-form-stopover .open {
    display: block;
}
.robo-form-stopover .open ul {
    height: 200px;
    overflow-y: scroll;
    transform: translateY(32px);
    padding: 0;
}

.robo-form-stopover .open ul::-webkit-scrollbar {
    width: 6px;
}

.robo-form-stopover .open ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.robo-form-stopover .open ul::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.robo-form-stopover .open ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.robo-form-stopover .open ul label{
    display: flex; 
    align-items: center;
}

.robo-form-stopover .open ul input{
    position: unset;
    margin: 0 4px 0 0; 
    
}