@import url('fixedtourscommon-v2.css');

/*Basic Design Starts*/

/*-----------------Change By Ashish For Click Event On Package Section--------------------------*/

/*#resultarea
{
    background-color: #FFFFFF;
    border: 0 solid #008000;
padding:0 12px;
}
.piinfosoftTblMain
{
    border: 0 solid #FF0000;
    float: left;
    width: 100%;
}
#offer-results
{
    border: 0 solid #0000FF;
    float: left;
    width: 700px;
}
.fb_bl
{
    background-color: #DBDBDB;
}
.fb_tl
{
    background-color: #DAF2F8;
    width: 100%;
}
.sb_bl
{
    border: 0 solid #FF0000;
    width: 260px;
}
.sb_blnew
{
    width: 240px;
}
.fb_head2
{
    background-color: #DEDEDE;
    padding: 5px;
    font-size:16px;
    font-weight:bold;
}
.AccordeonSelection {
    background-image: url("../rribe/img/backgrounds/rowmark_bg_1.gif");
    border: 1px solid #DBDBDB;
    color: #000000;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    width: 99%;
}
.AccordeonSelectionDiv {
    background-color: #E3E3E3;
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    color: #000000;
    font-weight: normal;
    padding: 4px;
}
div.btns a.btn {
    background: url("../rribe/img/buttons/border.gif") no-repeat scroll 0 0 buttonface;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0;
    margin: 3px 2px;
    min-width: 85px;
    text-align: center;
    text-decoration: none;
}
div.btns a.btn span {
    background: url("../rribe/img/buttons/border.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    color: #222222;
    display: block;
    font-size: 11px;
    left: 1px;
    padding: 3px 8px 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 1px;
    white-space: nowrap;
}
div.btns a.green {
    background-color: #94E294;
}
div.btns a.blue {
    background-color: #B1D7ED;
}
div.btns a.pink {
    background-color: #C0C0C0;
}
div.btns a.yellow {
    background-color: #FEE896;
}
div.btns a.small {
    font-size: 9px;
    font-weight: normal;
}
#btnsmall {
    background: url("../rribe/img/buttons/border.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    color: #222222;
    display: block;
    font-size: 11px;
    left: 1px;
    padding: 2px 6px 3px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 1px;
    white-space: nowrap;
}
.fb_tl {
    background-color: #DEDEDE;
}
#piinfosoftmap {
    border: 0 solid #FF0000;
    float: left;
    height: 400px;
    width: 700px;
}
.PIInfosoft-tourItineraryDiv h2
{
letter-spacing:0;
}
input.PIInfosoft-search-button
{
margin-right:10px;
}

.PIInfosoft-tourfirsttab > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
background: linear-gradient(#5FBBFB, #145FDC) !important;
background: -webkit-linear-gradient(#5FBBFB, #145FDC) !important;
background: -o-linear-gradient(#5FBBFB, #145FDC) !important;
background: -moz-linear-gradient(#5FBBFB, #145FDC) !important;
border: 1px solid #0087BE !important;
color: #FFFFFF!important;
}
.PIInfosoft-TabContent{
background: none repeat scroll 0 0 rgba(255, 200, 35, 0.15);
}
.PIInfosoft-panelHeading {
    background: linear-gradient(90deg, #FFBC23 25%, #FFD243 75%)!important;
    background: -webkit-linear-gradient(90deg, #FFBC23 25%, #FFD243 75%)!important;
    background: -moz-linear-gradient(90deg, #FFBC23 25%, #FFD243 75%)!important;
    background: -0-linear-gradient(90deg, #FFBC23 25%, #FFD243 75%)!important;
}
.PIInfosoft-tourItineraryDiv h2 a {
    color: #433333 !important;
}
.PIInfosoft-tabQuickView .panel-default > .panel-heading {
    background: linear-gradient(rgba(255, 188, 35, 0.4), rgba(255, 188, 35, 0.1))!important;
    background: -webkit-linear-gradient(rgba(255, 188, 35, 0.4), rgba(255, 188, 35, 0.1))!important;
    background: -moz-linear-gradient(rgba(255, 188, 35, 0.4), rgba(255, 188, 35, 0.1))!important;
    background: -o-linear-gradient(rgba(255, 188, 35, 0.4), rgba(255, 188, 35, 0.1))!important;
}
.PIInfosoft-tabQuickView .panel-default > .panel-heading:hover{
background: linear-gradient(rgba(255, 188, 35, 0.1), rgba(255, 188, 35, 0.4))!important;
    background: -webkit-linear-gradient(rgba(255, 188, 35, 0.1), rgba(255, 188, 35, 0.4))!important;
    background: -moz-linear-gradient(rgba(255, 188, 35, 0.1), rgba(255, 188, 35, 0.4))!important;
    background: -o-linear-gradient(rgba(255, 188, 35, 0.1), rgba(255, 188, 35, 0.4))!important;
}
.PIInfosoft-toursDetail a {
    background: linear-gradient(#5FBBFB, #145FDC) !important;
    background: -webkit-linear-gradient(#5FBBFB, #145FDC) !important;
    background: -moz-linear-gradient(#5FBBFB, #145FDC) !important;
    background: -o-linear-gradient(#5FBBFB, #145FDC) !important;
color:#fff !important;
 text-shadow: 1px 1px 0 #145FDC !important;
border: 1px solid #145FDC !important;
}
.PIInfosoft-searchOption {
    background: linear-gradient(#59B4F9, #145FDC) !important;
    background: -webkit-linear-gradient(#59B4F9, #145FDC) !important;
    background: -moz-linear-gradient(#59B4F9, #145FDC) !important;
    background: -o-linear-gradient(#59B4F9, #145FDC) !important;
    color: #FFFFFF !important;
}
.PIInfosoft-searchForm, .PIInfosoft-hotelDetail, .PIInfosoft-sortby, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li, .PIInfosoft-customerContainer {
    background: rgba(255, 200, 35, 0.15) !important;
}

.PIInfosoft-table-header, .PIInfosoft-selectedHotelBox h2, .PIInfosoft-popupPanelHeading {
    background: linear-gradient(90deg, #FFBC23 25%, #FFD243 75%) !important;
    background: -webkit-linear-gradient(90deg, #FFBC23 25%, #FFD243 75%) !important;
    background: -moz-linear-gradient(90deg, #FFBC23 25%, #FFD243 75%) !important;
    background: -o-linear-gradient(90deg, #FFBC23 25%, #FFD243 75%) !important;
color: #145FDC !important;
font-size:14px !important;
}
.PIInfosoft-table-header h2 {
   color: #145FDC !important;
font-size:16px !important;
font-weight:bold;
}
.PIInfosoft-tourAccomodation {
background: linear-gradient(rgba(255, 188, 35, 0.4), rgba(255, 188, 35, 0.1)) !important;
background: -webkit-linear-gradient(rgba(255, 188, 35, 0.4), rgba(255, 188, 35, 0.1)) !important;
background: -moz-linear-gradient(rgba(255, 188, 35, 0.4), rgba(255, 188, 35, 0.1)) !important;
background: -o-linear-gradient(rgba(255, 188, 35, 0.4), rgba(255, 188, 35, 0.1)) !important;
padding:5px 0 10px 5px !important;
}
.PIInfosoft-tourAccomodation:hover{
background:linear-gradient(rgba(255, 188, 35, 0.1), rgba(255, 188, 35, 0.4)) !important;
background:-webkit-linear-gradient(rgba(255, 188, 35, 0.1), rgba(255, 188, 35, 0.4)) !important;
background:-moz-linear-gradient(rgba(255, 188, 35, 0.1), rgba(255, 188, 35, 0.4)) !important;
background:-o-linear-gradient(rgba(255, 188, 35, 0.1), rgba(255, 188, 35, 0.4)) !important;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th{
background:rgba(255, 200, 35, 0.15) !important;
}*/


.PIInfosoft-tc span {
    display: none;
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

* {
    white-space: normal !important;
    outline: none !important;
}

/*=====Common Classes Style Sheet=========*/
.PIInfosoft-marginNone {
    margin: 0px !important;
}

.PIInfosoft-marginBottom {
    margin: 0 0 10px 0 !important;
}

.PIInfosoft-paddingNone {
    padding: 0px !important;
}

.PIInfosoft-floatLeft {
    float: left !important;
}

/*----------Tours Page Style Sheet-------------*/
.PIInfosoft-tourfirsttab > li > a {
    background: -webkit-linear-gradient(#f1f1f1, #fbfbfb); /* For Safari */
    background: -o-linear-gradient(#f1f1f1, #fbfbfb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f1f1f1, #fbfbfb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f1f1f1, #fbfbfb); /* Standard syntax (must be last) */
    color: #FFF;
    border: 1px solid #0087be !important;
    color: #606060;
}

.PIInfosoft-tourfirsttab > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: -webkit-linear-gradient(#0087be, #289ecc); /* For Safari */
    background: -o-linear-gradient(#04c4f3, #006181); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#04c4f3, #006181); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#04c4f3, #006181); /* Standard syntax (must be last) */
    color: #FFF;
    border: 1px solid #0087be !important;
}

.PIInfosoft-tourfirsttab > li {
    float: left;
    margin-bottom: -1px;
    margin-right: 2px;
}

    /*.PIInfosoft-tourfirsttab {
    border-bottom: 1px solid #0087BE !important;
}*/

    .PIInfosoft-tourfirsttab > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        color: #000;
    }

/*-----======Left Panel Style Sheet=======------*/


@media (min-width:992px) {
    .PIInfosoft-tour-first-left {
        max-width: 702px;
    }
}

.PIInfosoft-tourfirsttab li a {
    border-radius: 5px 5px 0px 0px !important;
    -moz-border-radius: 5px 5px 0px 0px !important;
    -webkit-border-radius: 5px 5px 0px 0px !important;
    -o-border-radius: 5px 5px 0px 0px !important;
    padding: 8px 24px !important;
}

.PIInfosoft-TabContent {
    border: 0 !important;
    border-top: none !important;
    padding: 10px;
    background: #f7f6f4;
    width: 100%;
}

    .PIInfosoft-TabContent h1 {
        margin: 0px;
        padding: 5px 5px;
        font-size: 20px;
        color: #003366;
        letter-spacing: 0px;
    }

.PIInfosoft-tourItineraryDiv {
    margin: 15px 0px;
    padding: 0px;
    overflow: hidden;
}

    .PIInfosoft-tourItineraryDiv .PIInfosoft-firstInnerAccordianTab {
        margin-top: 8px !important;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        border: 1px solid #cfd0d0 !important;
    }

    .PIInfosoft-tourItineraryDiv h2 {
        letter-spacing: 1px;
        margin: 0px;
        padding: 0px;
        vertical-align: top;
    }

        .PIInfosoft-tourItineraryDiv h2 a {
            text-decoration: none;
            color: #003366;
            display: block;
            vertical-align: top;
            padding: 8px 15px 8px 15px;
        }

.PIInfosoft-TabContent .PIInfosoft-tourItineraryDiv h2 a span {
    display: block;
    float: right;
    color: #333;
}

.PIInfosoft-panelHeading {
    margin: 0px;
    padding: 0px;
    max-height: 35px;
    background: -webkit-linear-gradient(#f0f0f0, #cccccc); /* For Safari */
    background: -o-linear-gradient(#f0f0f0, #cccccc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f0f0f0, #cccccc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f0f0f0, #cccccc); /* Standard syntax (must be last) */
}

.PIInfosoft-panelTextContainer {
    padding: 8px !important;
}

.PIInfosoft-sortby {
    background: #F5F5F5 !important;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border: 1px solid #cfd0d0 !important;
    padding: 0px 8px !important;
    min-height: 35px;
    margin: 15px 0px !important;
}

    .PIInfosoft-sortby .navbar-brand {
        display: block !important;
        padding: 10px 3px;
        color: #383838;
    }

    .PIInfosoft-sortby .navbar-collapse {
        padding-left: 5px;
        padding-right: 5px;
        float: right;
    }

    .PIInfosoft-sortby ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .PIInfosoft-sortby ul li {
            margin: 0px;
            padding: 10px 0px 0px 30px;
        }

            .PIInfosoft-sortby ul li input.PIInfosoft-searchByTourName {
                margin: 0px;
                padding: 3px 5px;
                border: 1px solid #9e9f9f;
                height: 23px;
            }

@media (min-width:769px) {
    .PIInfosoft-sortby ul li input.PIInfosoft-searchByTourName {
        min-width: 216px;
        margin-top: -2px;
        float: right;
    }
}

@media (max-width:768px) {
    .PIInfosoft-sortby ul li {
        margin: 0px;
        padding: 3px 10px !important;
        width: 100%;
        float: left;
    }

        .PIInfosoft-sortby ul li a {
            font-size: 14px !important;
        }

        .PIInfosoft-sortby ul li input.PIInfosoft-searchByTourName {
            margin: 0px;
            padding: 3px 5px;
            width: 100%;
            float: left;
        }

    .PIInfosoft-sortby .navbar-brand {
        padding: 15px 3px !important;
    }
}

.PIInfosoft-sortby ul li:first-child {
    padding-left: 0px;
}

.PIInfosoft-sortby ul li.active a {
    color: Black;
    text-decoration: underline;
}

.PIInfosoft-sortby ul li a {
    margin: 0px;
    padding: 0px;
    color: #787878;
}

.PIInfosoft-sortby .navbar-toggle {
    background: #FFF;
    border-color: #DDD;
}

    .PIInfosoft-sortby .navbar-toggle .icon-bar {
        background: #CDCDCD;
    }

.PIInfosoft-tabQuickView .panel {
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    margin-bottom: 8px !important;
    border: 1px solid #c2c2c2;
}

.PIInfosoft-tabQuickView .panel-default > .panel-heading {
    background: -webkit-linear-gradient(#FFFFFF, #e0dfdf); /* For Safari */
    background: -o-linear-gradient(#FFFFFF, #e0dfdf); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #e0dfdf); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #e0dfdf); /* Standard syntax (must be last) */
    padding: 10px;
    width: 100%;
    overflow: hidden;
}

    .PIInfosoft-tabQuickView .panel-default > .panel-heading:hover {
        background: -webkit-linear-gradient(#e0dfdf, #FFFFFF); /* For Safari */
        background: -o-linear-gradient(#e0dfdf, #FFFFFF); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e0dfdf, #FFFFFF); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e0dfdf, #FFFFFF); /* Standard syntax (must be last) */
    }

    .PIInfosoft-tabQuickView .panel-default > .panel-heading img {
        padding-right: 10px;
        width: 86px;
        height: 56px;
        padding: 1px;
        background: White;
        border: 1px solid #ff8400;
    }

    .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 {
        color: #003366;
        overflow: hidden;
    }

        .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 span {
            color: #393a39;
            display: block;
            float: left;
            padding-right: 10px;
        }



/*.PIInfosoft-tabQuickView div.panel-default:first-child > .panel-heading h4 a {
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    background: url(../../images/minus.png) no-repeat left 2px;
}

.in .PIInfosoft-tabQuickView .panel-default:first-child > .panel-heading h4 a:hover {
    background: url(../../images/minus-hover.png) no-repeat left 2px;
}

.PIInfosoft-tabQuickView .panel-default:first-child > .panel-heading h4 a.collapsed {
    background: url(../../images/plus.png) no-repeat left 2px;
}

    .PIInfosoft-tabQuickView .panel-default:first-child > .panel-heading h4 a.collapsed:hover {
        background: url(../../images/plus-hover.png) no-repeat left 2px;
    }

.PIInfosoft-tabQuickView .panel-default > .panel-heading h4 a {
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    background: url(../../images/plus.png) no-repeat left 2px;
}

    .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 a:hover {
        background: url(../../images/plus-hover.png) no-repeat left 2px;
    }

    .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 a[class=""] {
        background: url(../../images/minus.png) no-repeat left 2px;
    }

        .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 a[class=""]:hover {
            background: url(../../images/minus-hover.png) no-repeat left 2px;
        }

    .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 a.collapsed {
        background: url(../../images/plus.png) no-repeat left 2px;
    }

        .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 a.collapsed:hover {
            background: url(../../images/plus-hover.png) no-repeat left 2px;
        }

        .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 a.collapsed:hover {
            background: url(../../images/plus-hover.png) no-repeat left 2px;
        }*/

.PIInfosoft-toursPrice {
    color: #ff6600;
    text-align: right;
    padding: 0px;
}


.PIInfosoft-toursDetail a {
    width: auto;
    padding: 7px 18px;
    color: #000;
    border: 1px solid #888;
    background: #F5F5F5;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    background: -webkit-linear-gradient(#ede9e9, #b1b1b1); /* For Safari */
    background: -o-linear-gradient(#ede9e9, #b1b1b1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ede9e9, #b1b1b1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ede9e9, #b1b1b1); /* Standard syntax (must be last) */
    float: right;
    vertical-align: baseline;
    text-transform: uppercase;
}

    .PIInfosoft-toursDetail a:hover {
        border: 1px solid #000;
        color: Black;
        text-shadow: 1px 1px 0px #FFF;
    }

@media (min-width:992px) {
    .PIInfosoft-toursDetail a {
        margin-top: 13px;
    }
}
/*----Tours Left Panel End---------------*/

/*------Tours Right Panel Start------------*/
.PIInfosoft-tour-first-right {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

    .PIInfosoft-tour-first-right img {
        border: 1px solid #ddd;
    }

.PIInfosoft-modifySearch .PIInfosoft-modifyFeildsGap {
    padding-bottom: 10px !important;
    overflow: hidden;
}

@media (min-width:992px) {
    .PIInfosoft-tour-first-right {
        max-width: 240px;
        float: right;
        text-align: right;
    }
}

.PIInfosoft-tour-first-right .form-group,
{
    margin-bottom: 10px;
    /*float:left;*/
    width: 100%;
}

.PIInfosoft-modifySearch .form-group {
    margin: 10px 0px;
    /*float:left;*/
    width: 100%;
}

.PIInfosoft-modifySearch label {
    width: 100%;
    /*float:left;*/
}

.PIInfosoft-searchOption {
    background: url(../../images/bg-search-option.jpg) repeat-x left top;
    /*height: 40px;*/
    text-align: left;
    float: left;
    padding: 10px;
    font-size: 16px;
    color: #000000;
    margin: 5px 0px 0px 0px;
    width: 100%;
}

.PIInfosoft-searchForm {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 20px 15px 10px 15px;
    background: #f7f6f4;
    text-align: left;
}

    .PIInfosoft-searchForm .form-group {
        width: 100%;
        /*float:left;*/
    }

    .PIInfosoft-searchForm table {
        margin-bottom: 0px;
    }

.PIInfosoft-modifySearch .PIInfosoft-searchForm table {
    white-space: normal !important;
}

.PIInfosoft-searchForm table td h4 {
    color: #003366;
}

.PIInfosoft-searchForm h3.modal-title {
    color: #ff6600;
    text-align: left;
}

.PIInfosoft-searchForm label {
    color: #000;
    padding-left: 5px;
}

.PIInfosoft-tour-first-right input, .PIInfosoft-modifySearch input, .PIInfosoft-customerContainer input {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    height: 37px;
    overflow: hidden;
}

.PIInfosoft-tour-first-right span.input-group-addon, .PIInfosoft-modifySearch span.input-group-addon {
    /*border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -o-border-radius: 0px 8px 8px 0px;*/
    height: 34px;
    overflow: hidden;
}

.PIInfosoft-tour-first-right select.form-control, .PIInfosoft-modifySearch select.form-control, .PIInfosoft-customerContainer select.form-control {
    /*border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -o-border-radius: 8px !important;*/
    height: 34px;
    width: 100%;
    /*float:left;*/
}

.PIInfosoft-modify-button {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: none;
    padding: 2px 8px;
    margin-left: 10px;
    box-shadow: 0px 0px 2px #000;
    border: 2px solid White;
    text-decoration: none;
    float: right;
}

    .PIInfosoft-modify-button:hover {
        cursor: pointer;
        text-decoration: none;
        border: 2px solid White;
    }

input.PIInfosoft-search-button {
    float: right;
    color: #FFF;
    margin: 10px 0px;
    padding: 6px 19px;
    border: none;
    max-width: 90px;
    max-height: 33px;
    background: -webkit-linear-gradient(#289ecc, #0187be); /* For Safari */
    background: -o-linear-gradient(#289ecc, #0187be); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#289ecc, #0187be); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#289ecc, #0187be); /* Standard syntax (must be last) */
}

input.PIInfosoft-clear-button {
    float: left;
    color: #FFF;
    margin: 10px 0px;
    padding: 6px 23px;
    border: none;
    max-width: 90px;
    max-height: 33px;
    background: -webkit-linear-gradient(#ff6600, #bd4c01); /* For Safari */
    background: -o-linear-gradient(#ff6600, #bd4c01); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff6600, #bd4c01); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff6600, #bd4c01); /* Standard syntax (must be last) */
}

    input.PIInfosoft-clear-button:hover, input.PIInfosoft-search-button:hover {
        background: #0a5869 !important;
        color: #FFF !important;
        cursor: pointer;
    }


/*-------------Tour Detail styel sheet--------------*/
.PIInfosoft-table-header {
    background: -webkit-linear-gradient(#edeaea, #d7d7d7, #edeaea); /* For Safari */
    background: -o-linear-gradient(#edeaea, #d7d7d7, #edeaea); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#edeaea, #d7d7d7, #edeaea); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#edeaea, #d7d7d7, #edeaea); /* Standard syntax (must be last) */
    border: 1px solid #DDDDDD;
    border-radius: 12px 12px 0px 0px;
}

    .PIInfosoft-table-header h2 {
        font-size: 18px;
        color: #003366;
        margin: 0px;
        padding: 6px 0px 0px 0px;
    }

select.vehicle {
    max-height: 25px;
    padding: 2px 5px;
    vertical-align: middle;
}

.PIInfosoft-addonForTourDetailvechile {
    padding: 3px !important;
    background: none !important;
    border: none !important;
}

a.PIInfosoft-vechileIcon {
    padding: 0px;
    box-shadow: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px 0px;
    text-decoration: none;
}

    a.PIInfosoft-vechileIcon:hover {
        cursor: pointer;
    }

.fade {
    opacity: 1;
    background: rgba(0, 0, 0, .35);
}

.PIInfosoft-total-price {
    color: Red;
}

.PIInfosoft-total-remPriceFlight {
    color: Red;
    font-weight: bold;
    font-size: 16px;
}

.PIInfosoft-total-PerPersonPrice {
    color: Red;
    font-weight: bold;
}

.PIInfosoft-right-span-packcost-headline {
    color: #ff6600;
    font-size: 13px;
}

.PIInfosoft-a-button-popover {
    padding: 0px;
    color: Red;
    font-weight: bold;
    text-decoration: underline;
}

.PIInfosoft-TourBooking-QuotedPrice {
    padding: 5px 10px 10px 10px;
    color: Red;
}

#piinfosoftmap {
    border: 0 solid #ff0000;
    float: left;
    height: 400px;
    width: 700px;
}


.PIInfosoft-detail {
    display: block;
    float: left;
    margin: 0px;
    padding: 3px 12px;
    color: White;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border: 2px solid #FFF;
    box-shadow: 0px 0px 2px #000;
    background: -webkit-linear-gradient(#04c4f3, #006181); /* For Safari */
    background: -o-linear-gradient(#04c4f3, #006181); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#04c4f3, #006181); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#04c4f3, #006181); /* Standard syntax (must be last) */
}

    .PIInfosoft-detail:hover {
        color: White;
        text-decoration: none;
        background: -webkit-linear-gradient(#006181, #04c4f3); /* For Safari */
        background: -o-linear-gradient(#006181, #04c4f3); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#006181, #04c4f3); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#006181, #04c4f3); /* Standard syntax (must be last) */
    }

.PIInfosoft-choosenData {
    color: #ff6600;
}

    .PIInfosoft-choosenData button {
        float: right;
    }

.PIInfosoft-tourAccomodation {
    border-bottom: 2px solid #FFF;
    padding: 0px 0px 10px 0px;
    margin-bottom: 5px;
    overflow: hidden;
}

    .PIInfosoft-tourAccomodation h3 {
        color: #003366;
        margin: 5px 5px 9px 5px;
        overflow: hidden;
        font-size: 14px;
    }

        .PIInfosoft-tourAccomodation h3 a {
            /*    color: #003366 !important;*/
            cursor: pointer;
            text-decoration: underline;
        }

            .PIInfosoft-tourAccomodation h3 a:hover {
                cursor: pointer;
                text-decoration: none;
            }

        .PIInfosoft-tourAccomodation h3 button.PIInfosoft-placeName {
            color: #003366;
            background: none;
            border: none;
        }

        .PIInfosoft-tourAccomodation h3 a.PIInfosoft-otherHotelPackages {
            display: block;
            float: right;
            margin: 0px;
            padding: 1px 8px;
            width: auto;
            color: #fff !important;
            text-decoration: none;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -o-border-radius: 6px;
            background: -webkit-linear-gradient(#04C4F3, #006181); /* For Safari */
            background: -o-linear-gradient(#04C4F3, #006181); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#04C4F3, #006181); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#04C4F3, #006181); /* Standard syntax (must be last) */
        }

            .PIInfosoft-tourAccomodation h3 a.PIInfosoft-otherHotelPackages:hover {
                background: -webkit-linear-gradient(#006181, #04C4F3); /* For Safari */
                background: -o-linear-gradient(#006181, #04C4F3); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#006181, #04C4F3); /* For Firefox 3.6 to 15 */
                background: linear-gradient(#006181, #04C4F3); /* Standard syntax (must be last) */
            }

    .PIInfosoft-tourAccomodation img.htl {
        padding: 3px;
        float: right;
        background: #FFF;
        max-height: 75px;
        border: 1px solid #c9cbcb;
    }

    .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel {
        overflow: hidden;
        margin: 0px;
    }

        .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel span.PIInfosoft-leftSize {
            display: block;
            /*float:left;*/
            width: 50px;
            margin-right: 2px;
        }

        .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName {
            /*float:left;*/
        }

            .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a.PIInfosoft-selectanotherhotel {
                margin: 5px 0px 0px 0px;
                padding: 3px 10px;
                color: #FFF;
                border-radius: 6px;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                -o-border-radius: 6px;
                background: -webkit-linear-gradient(#04C4F3, #006181); /* For Safari */
                background: -o-linear-gradient(#04C4F3, #006181); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#04C4F3, #006181); /* For Firefox 3.6 to 15 */
                background: linear-gradient(#04C4F3, #006181); /* Standard syntax (must be last) */
            }

                .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a.PIInfosoft-selectanotherhotel:hover {
                    background: -webkit-linear-gradient(#006181, #04C4F3); /* For Safari */
                    background: -o-linear-gradient(#006181, #04C4F3); /* For Opera 11.1 to 12.0 */
                    background: -moz-linear-gradient(#006181, #04C4F3); /* For Firefox 3.6 to 15 */
                    background: linear-gradient(#006181, #04C4F3); /* Standard syntax (must be last) */
                }

            .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a {
                color: #ff6600;
                text-decoration: none;
                display: block;
                /*float:left;*/
                cursor: pointer;
            }

                .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a img:nth-of-type(1) {
                    margin-top: -4px;
                }

                .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a img {
                    border: none;
                    padding: 0px;
                    background: none;
                }

        .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel a span {
            color: #6f6e6e;
        }

        .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName button {
            color: #ff6600;
            text-decoration: none;
            display: block;
            /*float:left;*/
            background: none;
            border: none;
        }

        .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel button span {
            color: #6f6e6e;
        }

.PIInfosoft-days-details {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    float: left;
    width: 100%;
    text-align: justify;
}

    .PIInfosoft-days-details h4 {
        color: #003366;
        font-size: 14px;
        padding: 7px 0px;
        margin: 0px;
    }

    .PIInfosoft-days-details img {
        margin-right: 10px;
        width: 86px;
        height: 56px;
        padding: 1px;
        background: White;
        border: 1px solid #ff8400;
        float: left;
    }

.PIInfosoft-TabContent #galleria {
    height: 320px;
    width: 100% !important;
    /*float:left;*/
}
/*------Start of style sheet of pop up of Other Hotel Selection Packages------*/
.PIInfosoft-popUp2ContainerTourDetail .modal-dialog {
    width: 100% !important;
}

@media screen and (min-width:836px) {
    .PIInfosoft-popUp2ContainerTourDetail .modal-dialog {
        width: 836px !important;
    }
}

.PIInfosoft-popUp2ContainerTourDetail .modal-dialog .modal-body {
    padding: 0px;
}

.PIInfosoft-popUp2ContainerTourDetail .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 3px 10px;
}

.PIInfosoft-popUp2ContainerTourDetail .modal-dialog .modal-content .modal-footer {
    margin-top: 0px;
    padding: 0px 0px 10px 0px;
    /*------End of style sheet of pop up of Other Hotel Selection Packages------*/
}
/*---Start of PopUp of Place, Hotel and Vechile Gallery Style Sheet----*/
.PIInfosoft-popUpgalleries .modal-dialog {
    width: 100% !important;
}

@media screen and (min-width:710px) {
    .PIInfosoft-popUpgalleries .modal-dialog {
        width: 710px !important;
    }
}

.PIInfosoft-popUpgalleries .modal-dialog .modal-body {
    padding: 0px;
}

.PIInfosoft-popUpgalleries .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 3px 10px;
}

.PIInfosoft-popUpgalleries .modal-dialog .modal-content .modal-footer {
    margin-top: 0px;
    padding: 0px 0px 10px 0px;
}
/*End of PopUp of Place, Hotel and Vechile Gallery Style Sheet*/
/*------Book Now Style Sheet(Not Complete some of it is upperside or below)-----------*/
.PIInfosoft-passengerContainer {
    border: 1px solid #DDD;
    padding: 8px !important;
    margin: 0px;
}

article.PIInfosoft-roomTaker {
    display: block;
    width: 100%;
    /*float:left;*/
    padding: 0px 0px 10px 0px;
    margin-bottom: 8px;
    border-bottom: 3px dotted #ff6600;
}

    article.PIInfosoft-roomTaker h4 {
        color: #003366;
        text-transform: uppercase;
        padding: 0px 7px;
        margin: 10px 0px;
    }

    article.PIInfosoft-roomTaker .form-group {
        width: 100%;
        float: left;
        margin-bottom: 8px;
        background: #ddd;
        padding: 5px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
    }

.PIInfosoft-customerContainer {
    border: 1px solid #DDD;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    background: #f7f6f4;
}

    .PIInfosoft-customerContainer .form-group {
        width: 100%;
        /*float:left;*/
        margin-bottom: 8px !important;
    }

        .PIInfosoft-customerContainer .form-group label {
            padding-top: 9px;
        }
/*------Book Now Style Sheet(Not Complete some of it is upperside or below)-----------*/

.PIInfosoft-acknowledgement {
    border: 1px solid #DDD;
    padding: 15px;
    text-align: justify;
}

.PIInfosoft-tour-first-left table th h5 {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    color: #003366;
}
/*---------Pop Up Iframe CSS--------------*/
#layer {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .75);
}

iframe#popup {
    position: fixed;
    width: 100%;
    height: 90%;
    top: 5%;
    left: 0;
    z-index: 99999;
    background: none !important;
    border: 0px;
}



/*==========----------Popup Style Sheet Start------------==========*/
/*-----------------------------------------------------------------*/


.PIInfosoft-bodyPopup {
    background: none;
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

.PIInfosoft-popup-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
    max-width: 980px !important;
    background: #FFF !important;
    min-height: 666px;
}

.PIInfosoft-closeContainerdiv {
    position: static;
    overflow: hidden;
    height: 25px;
    text-align: right;
    padding-right: 72px;
}

.PIInfosoft-frameClose {
    position: fixed;
    height: 25px;
    background: #FFF;
    z-index: 999;
    width: auto;
    padding: 0px 5px;
}

.PIInfosoft-popup-left-panel {
    display: block;
    border: 1px solid #dddddd;
    float: left;
    width: 300px;
    padding: 9px;
    position: fixed;
}

.filter {
    height: 37px;
    overflow: hidden;
    transition: height 1s;
    -webkit-transition: height 1s; /* Safari */
}

    .filter h2 span {
        display: block;
        background: url(../images/plus-popup.png) no-repeat left top;
        float: right;
        width: 13px;
        height: 13px;
        margin: 4px 15px 0px 0px;
    }

    .filter:hover h2 span {
        background: url(../images/minus-popup.png) no-repeat left top;
    }

    .filter:hover {
        height: 165px;
    }

.filterInner {
    padding-top: 10px !important;
}

    .filterInner .form-group {
        width: 100%;
        padding: 0px;
        float: left;
    }

    .filterInner div#slider-range {
        float: left;
        width: 100%;
        margin: 8px 0px;
    }

.starfilter {
    padding-top: 10px !important;
    display: block;
    float: left;
    width: 100%;
}

    .starfilter strong {
        color: #000;
    }

.showAll {
    display: block;
    float: right;
    text-align: right;
}

.PIInfosoft-starRating {
    margin: 0px;
    padding: 0px;
    width: 100%;
    /*float:left;*/
}

    .PIInfosoft-starRating ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .PIInfosoft-starRating ul li {
            display: inline;
        }

.PIInfosoft-selectedHotelBox {
    border-radius: 12px 12px 0px 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    -o-border-radius: 12px 12px 0px 0px;
    border: 1px solid #DDD;
    width: 100%;
    float: left;
    margin: 0px 0px 15px 0px;
}

    .PIInfosoft-selectedHotelBox h2 {
        color: #003366;
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 0px 12px;
        background: #ececec url(../images/bg-calculation.jpg) repeat-x left top;
        border-bottom: 1px solid #DDDDDD;
        min-height: 37px;
        border-radius: 12px 12px 0px 0px;
        -webkit-border-radius: 12px 12px 0px 0px;
        -moz-border-radius: 12px 12px 0px 0px;
        -o-border-radius: 12px 12px 0px 0px;
    }

.PIInfosoft-hotelDetail {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 5px 11px 10px 11px;
    color: #353535;
    background: #f5f5f5;
}

    .PIInfosoft-hotelDetail h3 {
        margin: 0px;
        padding: 5px 0px 5px 0px;
        color: #003366;
        text-transform: uppercase;
        text-shadow: 0px 0px 0px #003366;
    }

        .PIInfosoft-hotelDetail h3 img {
            vertical-align: baseline;
        }

.PIInfosoft-calculatedPriceDiv {
    width: 100%;
    float: left;
    background: #dde1fa;
    padding: 15px 11px;
    color: #353535;
}

.PIInfosoft-priceDifference {
    color: Red;
}

.PIInfosoft-totalCost {
    color: #003366;
}

.PIInfosoft-InputButton {
    margin: 0px;
    padding: 15px 0px;
    float: left;
    width: 100%;
    text-align: center;
}

    .PIInfosoft-InputButton input {
        color: #FFF;
        padding: 0px;
        background: #0e8fc3;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -o-border-radius: 12px;
        border: 2px solid #FFF;
        box-shadow: 0px 0px 3px #000;
        width: 100%;
        max-width: 120px;
        height: 30px;
    }

        .PIInfosoft-InputButton input:hover {
            background: #003366;
        }
/*-------Popup Left Panel End---------*/

/*---------Popup Rignt Panel Start-----------*/

.PIInfosoft-popup-rignt-panel {
    display: block;
    border: 1px solid #dddddd;
    float: right;
    padding: 9px;
    width: 653px;
}

    .PIInfosoft-popup-rignt-panel h2.PIInfosoft-righth2 {
        background: url(../images/bg-hotel-selection-popup.jpg) repeat left top;
        padding-bottom: 0px;
        width: 100%;
        float: left;
    }

h2 .PIInfosoft-h2InnerDiv {
    margin: 5px 0px;
    padding: 0px;
    width: 100%;
    float: left;
}

    h2 .PIInfosoft-h2InnerDiv select.PIInfosoft-selectHotelList {
        width: 100%;
        float: left;
        border: 1px solid #7a7a7a;
        background: White;
        color: #272727;
        min-height: 20px;
        padding: 1px;
        margin-bottom: 5px;
    }

.PIInfosoft-popup-pagesContainer {
    width: 100%;
    float: left;
}

    .PIInfosoft-popup-pagesContainer span {
        display: block;
        float: left;
        padding-right: 5px;
        color: #000;
    }

ul.PIInfosoft-pageNumber {
    margin: 0px;
    padding: 0px;
    width: auto;
    float: left;
    list-style: none;
}

    ul.PIInfosoft-pageNumber li {
        margin: 0px 0px 0px 0px;
        padding: 0px 1px;
        width: auto;
        float: left;
    }

        ul.PIInfosoft-pageNumber li a {
            display: block;
            float: left;
            color: Black;
            padding: 1px 5px;
            border: 1px solid #b3b3b3;
            background: #FFF;
            min-width: 20px;
            max-height: 20px;
        }

            ul.PIInfosoft-pageNumber li a:hover {
                background: -webkit-linear-gradient(#f0efef, #929292); /* For Safari */
                background: -o-linear-gradient(#f0efef, #929292); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#f0efef, #929292); /* For Firefox 3.6 to 15 */
                background: linear-gradient(#f0efef, #929292); /* Standard syntax (must be last) */
                color: #FFF;
            }

.PIInfosoft-popUpSortBy {
    margin-top: -5px !important;
    margin-bottom: 10px !important;
}

    .PIInfosoft-popUpSortBy .navbar-brand {
        display: block !important;
        padding: 10px 3px !important;
        color: #383838;
    }

    .PIInfosoft-popUpSortBy ul li {
        margin: 0px;
        padding: 10px 0px 0px 24px;
    }

.panel-group {
    width: 100%;
    float: left;
}

.PIInfosoft-popupPanelBorder {
    border-radius: 14px !important;
    -webkit-border-radius: 14px !important;
    -moz-border-radius: 14px !important;
    -o-border-radius: 14px !important;
    border: 1px solid #DDDDDD;
    margin-bottom: 6px !important;
}

    .PIInfosoft-popupPanelBorder .panel-body {
        padding: 10px 5px;
    }

        .PIInfosoft-popupPanelBorder .panel-body div.PIInfosoft-hotelImg {
            float: left;
            width: 85px;
            margin-right: 5px;
            text-align: center;
        }

        .PIInfosoft-popupPanelBorder .panel-body div.table-responsive {
            float: right;
        }

.PIInfosoft-popupPanelHeading {
    color: #003366;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 12px;
    background: #ececec url(../images/bg-calculation.jpg) repeat-x left top;
    border-bottom: 1px solid #DDDDDD;
    min-height: 33px;
}

    .PIInfosoft-popupPanelHeading h4 {
        margin: 0px;
        padding: 0px;
    }

        .PIInfosoft-popupPanelHeading h4 img {
            vertical-align: baseline;
        }

        .PIInfosoft-popupPanelHeading h4.panel-title span {
            outline: none !important;
            color: #003366;
            display: block;
            width: auto;
            float: left;
            letter-spacing: 1px;
            margin: 0px;
            padding: 8px 0px;
            height: 33px;
            text-transform: uppercase;
        }

.PIInfosoft-borderNone {
    border: none !important;
}

.PIInfosoft-table-popup {
    border-radius: 12px 12px 0 0 !important;
    -o-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    min-width: 530px;
    float: left;
    overflow: hidden;
}

    .PIInfosoft-table-popup table {
        border-radius: 12px 12px 0 0 !important;
        border: 1px solid #DDDDDD;
        border-radius: 12px 12px 0 0;
        width: 530px;
    }

        .PIInfosoft-table-popup table tr.PIInfosoft-firstTr th {
            background: url("../images/bg-calculation.jpg") repeat-x left top !important;
            height: 37px;
            overflow: hidden;
            color: #003366;
            margin: 0;
            color: Black;
        }

    .PIInfosoft-table-popup th, .PIInfosoft-table-popup td {
        text-align: center;
        vertical-align: middle !important;
    }

    .PIInfosoft-table-popup table tr td:nth-of-type(2), .PIInfosoft-table-popup table tr td:nth-of-type(3), .PIInfosoft-table-popup table tr td:nth-of-type(4) {
        color: #ff6600;
    }

    .PIInfosoft-table-popup tr th:first-child {
        text-align: left !important;
        color: #003366;
        vertical-align: middle;
    }

        .PIInfosoft-table-popup tr th:first-child img {
            margin-right: 3px;
        }

.PIInfosoft-th-1 {
    width: 236px;
}

.PIInfosoft-th-2 {
    width: 53px;
}

.PIInfosoft-th-3 {
    width: 48px;
}

.PIInfosoft-th-4 {
    width: 48px;
}

.PIInfosoft-th-5 {
    width: 78px;
}

.PIInfosoft-th-6 {
    width: 64px;
}

/*---------------------Popup Right Panel End-----------------------*/
@media (max-width:990px) {
    .PIInfosoft-popup-left-panel {
        width: 100%;
        position: static;
    }

    .filter:hover {
        height: 190px;
    }

    .PIInfosoft-popup-rignt-panel {
        width: 100%;
    }
}

/*----New Css For Popup Inner Tabel-----*/
ul.PIInfosoft-Popup1InnerTable {
    width: 530px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    border: 1px solid #DDD;
    border-bottom: none;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
}

    ul.PIInfosoft-Popup1InnerTable li {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 8px 0px 0px 0px;
        vertical-align: middle;
        border-bottom: 1px solid #DDD;
    }

        ul.PIInfosoft-Popup1InnerTable li:nth-of-type(n+2):hover {
            cursor: pointer;
        }

        ul.PIInfosoft-Popup1InnerTable li:first-child div.PIInfosoft-sc {
            font-size: 12px;
        }

        ul.PIInfosoft-Popup1InnerTable li:first-child .PIInfosoft-tc, ul.PIInfosoft-Popup1InnerTable li:first-child .PIInfosoft-tc div.PIInfosoft-tc-1 {
            color: inherit !important;
        }

.PIInfosoft-fc {
    width: 230px;
    float: left;
    padding: 0px 0px 0px 5px;
}

    .PIInfosoft-fc img {
        padding-right: 5px;
    }

.PIInfosoft-sc {
    width: 53px;
    float: left;
    text-align: center;
    font-size: 11px;
}

.PIInfosoft-tc {
    width: 177px;
    float: left;
    color: #ff6600;
}

.PIInfosoft-tc-1 {
    width: 48px;
    float: left;
    text-align: center;
    color: #ff6600 !important;
    font-weight: normal !important;
}

.PIInfosoft-tc-2 {
    width: 48px;
    float: left;
    text-align: center;
}

.PIInfosoft-tc-3 {
    width: 80px;
    float: left;
    text-align: center;
}

    .PIInfosoft-tc-3 span b span {
        width: 100%;
        text-align: center;
    }

.PIInfosoft-frc {
    width: 63px;
    float: left;
    text-align: center;
    padding-left: 20px;
}

@media (max-width:578px) {
    ul.PIInfosoft-Popup1InnerTable {
        width: 100%;
        border: none;
    }

        ul.PIInfosoft-Popup1InnerTable li {
            padding: 0px;
            margin-bottom: 8px;
            border-radius: 12px 12px 0px 0px !important;
            overflow: hidden;
            border: 1px solid #DDD;
        }

            ul.PIInfosoft-Popup1InnerTable li div {
                padding: 8px 0px 8px 0px;
            }

                ul.PIInfosoft-Popup1InnerTable li div:first-child {
                    border-top: none !important;
                }

            ul.PIInfosoft-Popup1InnerTable li:first-child {
                display: none;
            }

    .PIInfosoft-fc, .PIInfosoft-sc, .PIInfosoft-tc, .PIInfosoft-frc {
        width: 100%;
        float: left;
        text-align: center !important;
        font-size: 12px;
    }

    .PIInfosoft-fc, .PIInfosoft-tc {
        background: #f5f5f5;
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

        .PIInfosoft-tc span {
            display: block;
            width: 100%;
            float: left;
            padding: 0px 0px 8px 0px;
            color: #333;
        }

        .PIInfosoft-tc div {
            width: 33.3333% !important;
            padding: 0px !important;
        }

    .PIInfosoft-tc-2 {
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
    }
}
/*----------------------------------------------------------------*/
/*==========------------Popup Sytle Sheet End------------==========*/

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/

/*==========------------Popup-2 (other Hotel Packages) Sytle Sheet End------------==========*/
/*----------------------------------------------------------------*/
.PIInfosoft-PopUp2Container {
    margin: 0px auto;
    max-width: 800px;
    background: #FFF;
    padding: 0px;
    overflow: hidden;
}

.PIInfosoft-headingFirst {
    background: -webkit-linear-gradient(#ddd, #fff, #ddd); /* For Safari */
    background: -o-linear-gradient(#ddd, #fff, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ddd, #fff, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ddd, #fff, #ddd); /* Standard syntax (must be last) */
    box-shadow: 0px 0px 8px #ddd inset;
    overflow: hidden;
}

    .PIInfosoft-headingFirst h1 {
        margin: 0px;
        padding: 8px 0px 6px 0px;
        font-size: 18px;
        overflow: hidden;
        color: #003366;
    }

.PIInfosoft-headingSecond {
    background: #E8F7FC;
    width: 100%;
    overflow: hidden;
    padding: 3px 0px;
    margin-bottom: 5px;
    box-shadow: 0px 0px 5px #999;
}

    .PIInfosoft-headingSecond b {
        color: #ff6600;
    }

.PIInfosoft-PopUp2Content {
    color: Black;
    padding: 3px 0px;
    overflow: hidden;
}

.PIInfosoft-PopUp2ToursPrice {
    font-size: 18px;
    color: #003366;
    overflow: hidden;
    padding: 8px 15px;
}

    .PIInfosoft-PopUp2ToursPrice span {
        color: Red;
    }

a.PIInfosoft-PopUp2ShowDetail {
    display: block;
    padding: 4px 15px;
    float: left;
    color: #FFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    background: -webkit-linear-gradient(#04C4F3, #006181); /* For Safari */
    background: -o-linear-gradient(#04C4F3, #006181); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#04C4F3, #006181); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#04C4F3, #006181); /* Standard syntax (must be last) */
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px #000;
    margin-top: 10px;
    text-decoration: none;
}

    a.PIInfosoft-PopUp2ShowDetail:hover {
        background: #003366;
        color: #FFF;
    }

.PIInfosoft-PopUp2PriceDifference {
    text-align: right;
    color: #003366;
}

    .PIInfosoft-PopUp2PriceDifference span {
        color: #ff0000;
    }

.PIInfosoft-PopUp2borderDivider {
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    margin: 0px 0px 10px 0px;
}

.PIInfosoft-PopUp2paddingNone {
    padding: 0px !important;
}

@media (max-width:800px) {
    .PIInfosoft-PopUp2ToursPrice {
        padding: 15px 0px;
    }

    .PIInfosoft-PopUp2paddingNone {
        padding: 0px 15px !important;
    }

    .PIInfosoft-PopUp2PriceDifference {
        text-align: left;
    }
}

@media (min-width:800px) {
    .PIInfosoft-PopUp2Container .col-md-1, .PIInfosoft-PopUp2Container .col-md-2, .PIInfosoft-PopUp2Container .col-md-3, .PIInfosoft-PopUp2Container .col-md-4, .PIInfosoft-PopUp2Container .col-md-5, .PIInfosoft-PopUp2Container .col-md-6, .PIInfosoft-PopUp2Container .col-md-7, .PIInfosoft-PopUp2Container .col-md-8, .PIInfosoft-PopUp2Container .col-md-9, .PIInfosoft-PopUp2Container .col-md-10, .PIInfosoft-PopUp2Container .col-md-11 {
        float: left;
    }

    .PIInfosoft-PopUp2Container .col-md-1 {
        width: 8.333333333333332%;
    }

    .PIInfosoft-PopUp2Container .col-md-2 {
        width: 16.666666666666664%;
    }

    .PIInfosoft-PopUp2Container .col-md-3 {
        width: 25%;
    }

    .PIInfosoft-PopUp2Container .col-md-4 {
        width: 33.33333333333333%;
    }

    .PIInfosoft-PopUp2Container .col-md-5 {
        width: 41.66666666666667%;
    }

    .PIInfosoft-PopUp2Container .col-md-6 {
        width: 50%;
    }

    .PIInfosoft-PopUp2Container .col-md-7 {
        width: 58.333333333333336%;
    }

    .PIInfosoft-PopUp2Container .col-md-8 {
        width: 66.66666666666666%;
    }

    .PIInfosoft-PopUp2Container .col-md-9 {
        width: 75%;
    }

    .PIInfosoft-PopUp2Container .col-md-10 {
        width: 83.33333333333334%;
    }

    .PIInfosoft-PopUp2Container .col-md-11 {
        width: 91.66666666666666%;
    }

    .PIInfosoft-PopUp2Container .col-md-12 {
        width: 100%;
    }
}

/*=========----End StyleSheet OF Other Hotel Packages-----==========*/
/*------------------------------------------------------------------*/

/*==========-----Start Place Gallery and Description Pop UP Style Sheet----==========*/
/*-----------------------------------------------------------------------------------*/
.PIInfosoft-placePopupContainer {
    margin: 0px auto;
    max-width: 710px;
    background: #FFF;
    width: 100%;
    padding: 0px;
    overflow: hidden;
    /* border:1px solid #DDD;*/
}

    .PIInfosoft-placePopupContainer h1 {
        width: 100%;
        float: left;
        font-size: 24px;
        color: #003366;
        margin: 0px 0px 15px 0px;
        padding: 0px 15px;
    }

.PIInfosoft-PopUp3PlaceDetailTabContainer {
    float: left !important;
    width: 100%;
    padding: 5px 5px 10px 5px !important;
    background: #f0efed;
}

.PIInfosoft-PopUp3PlaceDetailTabContent {
    /*border:0px solid #DDD;*/
    border-top: 2px solid #0087be;
    border-radius: 0px 0px 8px 8px;
    padding: 8px 0;
    background: #FFF;
    width: 100%;
    /*float:left;*/
}

    .PIInfosoft-PopUp3PlaceDetailTabContent #galleria {
        height: 320px;
    }

.PIInfosoft-PopUp3PlaceDetailBottomContainer {
    background: #FFF;
    margin-top: 20px;
    padding: 20px 0px 0px 0px;
    float: left;
    width: 100%;
    border-top: 1px solid #000;
}

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul {
        margin: 0px;
        padding: 0px;
        width: 100%;
        float: left;
        list-style: none;
    }

        .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li {
            margin: 0px;
            padding: 10px;
            overflow: hidden;
            width: 100%;
            background: #f5f5f5;
            border: 1px solid #DDD;
            margin-bottom: 8px;
            text-align: justify;
            color: #232323;
            transition: background ease 2s;
            -webkit-transition: background ease 2s;
            -moz-transition: background ease 2s;
            -o-transition: background ease 2s;
        }

            .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li:hover {
                background: #edf1ff;
            }

            .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li h2 {
                margin: 0px;
                padding: 0px 0px 5px;
                color: #003366;
                width: 100%;
                float: left;
                font-size: 22px;
            }

            .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-4 {
                font-weight: bold;
                padding: 0;
            }

@media (min-width:600px) {
    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-1, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-2, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-3, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-4, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-5, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-6, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-7, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-8, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-9, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-10, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-11 {
        float: left;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-1 {
        width: 8.333333333333332%;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-2 {
        width: 16.666666666666664%;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-3 {
        width: 25%;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-4 {
        width: 33.33333333333333%;
        padding: 0;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-5 {
        width: 41.66666666666667%;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-6 {
        width: 50%;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-7 {
        width: 58.333333333333336%;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-8 {
        width: 66.66666666666666%;
        padding: 0;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-9 {
        width: 75%;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-10 {
        width: 83.33333333333334%;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-11 {
        width: 91.66666666666666%;
    }

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-12 {
        width: 100%;
    }
}

.PIInfosoft-PopUp3PanelBody {
    padding: 8px;
    text-align: justify;
}

    .PIInfosoft-PopUp3PanelBody img {
        width: 200px;
        background: #f5f5f5;
        float: right;
        padding: 3px;
        margin: 0px 0px 0px 8px;
        border: 1px solid #DDD;
        border-radius: 6px;
    }

a.PIInfosoft-ShowMoreText {
    display: block;
    padding: 3px 10px;
    float: right;
    color: #FFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    background: -webkit-linear-gradient(#04C4F3, #006181); /* For Safari */
    background: -o-linear-gradient(#04C4F3, #006181); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#04C4F3, #006181); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#04C4F3, #006181); /* Standard syntax (must be last) */
    border: 1px solid #b7d79f;
    margin-top: 10px;
    text-decoration: none;
}

    a.PIInfosoft-ShowMoreText:hover {
        background: -webkit-linear-gradient(#006181, #04C4F3); /* For Safari */
        background: -o-linear-gradient(#006181, #04C4F3); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#006181, #04C4F3); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#006181, #04C4F3); /* Standard syntax (must be last) */
    }


/*--------------==========End Place Gallery and Description Pop UP Style Sheet==========-------------*/
/*------------------------------------*/
/*=========-----Start Place Gallery and Description Pop UP Style Sheet-----==========*/

.PIInfosoft-PopUp3HotelPanelBody {
    padding: 8px;
    text-align: justify;
}

    .PIInfosoft-PopUp3HotelPanelBody h2 {
        color: #003366;
    }

ol.PIInfosoft-amenitiesList {
    margin: 0px;
    padding: 10px 0px 0px 15px;
    list-style-type: disc;
    color: #ff6600;
    width: 100%;
    float: left;
}

    ol.PIInfosoft-amenitiesList li {
        line-height: 22px;
        padding-left: 0px;
        font-size: 13px;
        width: 50%;
        float: left;
    }

@media (max-width:500px) {
    ol.PIInfosoft-amenitiesList li {
        width: 100%;
    }
}
/*-----Start of Acknowledgement Page Style Sheet-------*/

.PIInfosoft-pdfButton {
    width: 100%;
    border: 1px solid #fff;
    background: #003366;
    box-shadow: 0px 0px 3px #000;
    padding: 5px;
    border-radius: 4px;
    color: White;
    margin-bottom: 12px;
}

    .PIInfosoft-pdfButton:hover {
        background: #880000;
    }

.PIInfosoft-emailInputFeild {
    width: 100%;
    border: 1px solid #003366;
    padding: 6px;
    border-radius: 4px;
    box-shadow: 0px 0px 3px #000;
}

.PIInfosoft-sendEmailButton {
    width: 100%;
    border: 1px solid #fff;
    padding: 5px 7px;
    color: White;
    background: #005500;
    border-radius: 4px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 3px #000;
}

    .PIInfosoft-sendEmailButton:hover {
        background: #008800;
    }
/*------End of Acknowledgement Page Style Sheet--------*/

/*-----------------Change By Ashish For Click Event On Package Section--------------------------*/
.PIInfosoft-tabQuickView .panel-default > .panel-heading h4 span[class=""] {
    background: url("../../images/minus.png") no-repeat scroll left 1px #FFFFFF;
    border-radius: 50%;
    height: 17px;
    width: 16px;
    border: none;
    display: block;
    float: left;
}

    .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 span[class=""]:hover {
        background: url(../../images/minus-hover.png) no-repeat left 1px rgba(250, 255, 255, 0.7);
        cursor: pointer;
    }

.PIInfosoft-tabQuickView .panel-default > .panel-heading h4 span.collapsed {
    background: url("../../images/plus.png") no-repeat scroll left 1px rgba(250, 255, 255, 0.7);
    border-radius: 50%;
    height: 17px;
    width: 16px;
    border: none;
    display: block;
    float: left;
}

    .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 span.collapsed:hover {
        background: url(../../images/plus-hover.png) no-repeat left 1px rgba(250, 255, 255, 0.7);
        cursor: pointer;
    }
/*-----------------Change By Ashish For Click Event On Package Section--------------------------*/
.PIInfosoft-tourAccomodation h3 span.PIInfosoft-placeName {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #003366;
    cursor: pointer;
}

.PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName span[0] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FF6600;
    display: block;
    float: left;
    text-decoration: none;
}

.PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName span.piinfosoftspnchoosehotel {
    background: linear-gradient(#04C4F3, #006181) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    color: #FFFFFF;
    margin: 5px 0 0;
    padding: 3px 10px;
}

    .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName span.piinfosoftspnchoosehotel:hover {
        background: -webkit-linear-gradient(#006181, #04C4F3); /* For Safari */
        background: -o-linear-gradient(#006181, #04C4F3); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#006181, #04C4F3); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#006181, #04C4F3); /* Standard syntax (must be last) */
        cursor: pointer;
    }

.PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName span.PIInfosoft-placeName {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FF6600;
    display: block;
    float: left;
    text-decoration: none;
    width: 100%;
}

.PIInfosoft-popUp2ContainerTourDetail .modal-dialog .modal-body {
    padding: 0;
}

.PIInfosoft-popUp2ContainerTourDetail .modal-dialog .modal-content .modal-header {
    border-bottom: medium none;
    padding: 3px 10px;
}

.PIInfosoft-popUp2ContainerTourDetail .modal-dialog .modal-content .modal-footer {
    margin-top: 0;
    padding: 0 0 10px;
}

.PIInfosoft-popUpgalleries .modal-dialog {
    width: 100% !important;
}

.PIInfosoft-placePopupContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    max-width: 710px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

    .PIInfosoft-placePopupContainer h1 {
        color: #003366;
        float: left;
        font-size: 24px;
        margin: 0 0 15px;
        padding: 0 15px;
        width: 100%;
    }

@media screen and (min-width: 710px) {
    .PIInfosoft-popUpgalleries .modal-dialog {
        width: 710px !important;
    }
}

.PIInfosoft-popUpgalleries .modal-dialog .modal-body {
    padding: 0;
}

.PIInfosoft-marginNone {
    margin: 0 !important;
    /*overflow: hidden;*/
}

* {
    outline: medium none !important;
    white-space: normal !important;
}

.PIInfosoft-PopUp3PlaceDetailTabContent {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 8px 8px;
    border-top: 2px solid #0087BE;
    float: left;
    padding: 8px 0;
    width: 100%;
}

.PIInfosoft-paddingNone {
    padding: 0 !important;
}

.PIInfosoft-floatLeft {
    float: left !important;
}

.PIInfosoft-PopUp3PlaceDetailTabContent #galleria {
    height: 320px;
}

.fade {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);
    opacity: 1;
}

.PIInfosoft-PopUp3PlaceDetailTabContainer {
    background: none repeat scroll 0 0 #F0EFED;
    float: left !important;
    padding: 5px 5px 10px !important;
    width: 100%;
}

/*.PIInfosoft-tourfirsttab {
    border-bottom: 1px solid #0087BE !important;
}*/

.PIInfosoft-tourfirsttab > li {
    float: left;
    margin-bottom: -1px;
    margin-right: 2px;
}

    .PIInfosoft-tourfirsttab > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background: linear-gradient(#04C4F3, #006181) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: 1px solid #0087BE !important;
        color: #FFFFFF;
    }

.PIInfosoft-tourfirsttab li a {
    border-radius: 5px 5px 0 0 !important;
    padding: 8px 24px !important;
}

.PIInfosoft-tourfirsttab > li > a {
    background: linear-gradient(#F1F1F1, #FBFBFB) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #0087BE !important;
    color: #606060;
}

.PIInfosoft-PopUp3PlaceDetailBottomContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #000000;
    float: left;
    margin-top: 20px;
    padding: 20px 0 0;
    width: 100%;
}

    .PIInfosoft-PopUp3PlaceDetailBottomContainer ul {
        float: left;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li {
            background: none repeat scroll 0 0 #F5F5F5;
            border: 1px solid #DDDDDD;
            color: #232323;
            margin: 0 0 8px;
            overflow: hidden;
            padding: 10px;
            text-align: justify;
            transition: background 2s ease 0s;
            width: 100%;
        }

            .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li h2 {
                color: #003366;
                float: left;
                margin: 0;
                padding: 0 0 5px;
                width: 100%;
                font-size: 22px;
            }

            .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-12 {
                width: 100%;
            }

.PIInfosoft-paddingNone {
    padding: 0 !important;
}

.PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-4 {
    width: 33.3333%;
    padding: 0;
}

.PIInfosoft-PopUp3PlaceDetailBottomContainer ul li .col-md-8 {
    width: 66.6667%;
    padding: 0;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.PIInfosoft-tourfirsttab > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: linear-gradient(#04C4F3, #006181) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #0087BE !important;
    color: #FFFFFF;
}

.panel-group {
    float: left;
    width: 100%;
}

.PIInfosoft-tourItineraryDiv {
    margin: 15px 0;
    overflow: hidden;
    padding: 0;
}

    .PIInfosoft-tourItineraryDiv .PIInfosoft-firstInnerAccordianTab {
        border: 1px solid #CFD0D0 !important;
        border-radius: 8px;
        margin-top: 8px !important;
    }

.PIInfosoft-panelHeading {
    background: linear-gradient(#F0F0F0, #CCCCCC) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    max-height: 35px;
    padding: 0;
}

.PIInfosoft-PopUp3HotelPanelBody h2 {
    color: #003366;
}

.PIInfosoft-tourItineraryDiv h2 {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

    .PIInfosoft-tourItineraryDiv h2 a {
        color: #003366;
        display: block;
        padding: 8px 15px;
        text-decoration: none;
        vertical-align: top;
        letter-spacing: 0px;
    }

ol.PIInfosoft-amenitiesList {
    color: #FF6600;
    float: left;
    list-style-type: disc;
    margin: 0;
    padding: 10px 0 0 15px;
    width: 100%;
}

    ol.PIInfosoft-amenitiesList li {
        float: left;
        font-size: 13px;
        line-height: 22px;
        padding-left: 0;
        width: 50%;
    }

ol.PIInfosoft-amenitiesList {
    color: #FF6600;
    list-style-type: disc;
}

.PIInfosoft-customerContainer .form-group {
    float: left;
    margin-bottom: 8px !important;
    width: 100%;
}

.PIInfosoft-tourAccomodation h3 {
    margin: 0px;
    padding: 0px 0px 0px 5px;
}

.PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a.PIInfosoft-selectanotherhotel {
    background: linear-gradient(#04C4F3, #006181) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    color: #FFFFFF;
    float: left;
    margin: 5px 0 0;
    padding: 3px 10px;
}

    .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a.PIInfosoft-selectanotherhotel:hover {
        background: linear-gradient(#006181, #04C4F3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

.PIInfosoft-tourAccomodation h3 a.PIInfosoft-otherHotelPackages {
    background: linear-gradient(#04C4F3, #006181) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    color: #FFFFFF !important;
    display: block;
    float: right;
    margin: 0;
    padding: 1px 8px;
    text-decoration: none;
    width: auto;
}

    .PIInfosoft-tourAccomodation h3 a.PIInfosoft-otherHotelPackages:hover {
        background: linear-gradient(#006181, #04C4F3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

.PIInfosoft-tourAccomodation img.htl {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C9CBCB;
    float: right;
    max-height: 75px;
    padding: 3px;
}

.PIInfosoft-tourAccomodation .PIInfosoft-place-hotel {
    margin: 0;
    overflow: hidden;
}

    .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel span.PIInfosoft-leftSize {
        display: block;
        margin-right: 2px;
        width: 50px;
        float: left;
    }

    .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName {
        float: left;
        width: 80%;
    }

        .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a.PIInfosoft-selectanotherhotel {
            background: linear-gradient(#04C4F3, #006181) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border-radius: 6px;
            color: #FFFFFF;
            float: left;
            margin: 5px 0 0;
            padding: 3px 10px;
        }

            .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a.PIInfosoft-selectanotherhotel:hover {
                background: linear-gradient(#006181, #04C4F3) repeat scroll 0 0 rgba(0, 0, 0, 0);
            }

        .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a {
            color: #FF6600;
            cursor: pointer;
            display: block;
            text-decoration: none;
        }

            .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a img:nth-of-type(1) {
                margin-top: -4px;
            }

            .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a img {
                background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
                border: medium none;
                padding: 0;
            }

    .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel a span {
        color: #6F6E6E;
    }

    .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName button {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        color: #FF6600;
        display: block;
        text-decoration: none;
    }

span.PIInfosoft-placeName a span {
    padding-left: 0px;
}

/*-----------------------------------------------------------------*/


.PIInfosoft-bodyPopup {
    background: none;
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

.PIInfosoft-popup-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
    max-width: 980px !important;
    background: #FFF !important;
    min-height: 666px;
}

.PIInfosoft-closeContainerdiv {
    position: static;
    overflow: hidden;
    height: 25px;
    text-align: right;
    padding-right: 72px;
}

.PIInfosoft-frameClose {
    position: fixed;
    height: 25px;
    background: #FFF;
    z-index: 999;
    width: auto;
    padding: 0px 5px;
}

.PIInfosoft-popup-left-panel {
    display: block;
    border: 1px solid #dddddd;
    float: left;
    width: 300px;
    padding: 9px;
    position: fixed;
}

.filter {
    height: 37px;
    overflow: hidden;
    transition: height 1s;
    -webkit-transition: height 1s; /* Safari */
}

    .filter h2 span {
        display: block;
        background: url(../../images/plus-popup.png) no-repeat left top rgba(255,255,255,.9);
        border-radius: 50%;
        float: right;
        width: 13px;
        height: 13px;
        margin: 4px 15px 0px 0px;
    }

    .filter:hover h2 span {
        background: url(../../images/minus-popup.png) no-repeat left top rgba(255,255,255,.9);
    }

    .filter:hover {
        height: 195px;
    }

.filterInner {
    padding-top: 10px !important;
}

    .filterInner .form-group {
        width: 100%;
        padding: 0px;
        /*float:left;*/
    }

    .filterInner div#slider-range {
        /*float:left;*/
        width: 100%;
        margin: 8px 0px;
    }

.starfilter {
    padding-top: 10px !important;
    display: block;
    /*float:left;*/
    width: 100%;
}

    .starfilter strong {
        color: #000;
    }

.showAll {
    display: block;
    float: right;
    text-align: right;
}

.PIInfosoft-starRating {
    margin: 0px;
    padding: 0px;
    width: 100%;
    /*float:left;*/
}

    .PIInfosoft-starRating ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .PIInfosoft-starRating ul li {
            display: inline;
        }

.PIInfosoft-selectedHotelBox {
    border-radius: 12px 12px 0px 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    -o-border-radius: 12px 12px 0px 0px;
    border: 1px solid #DDD;
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
}

    .PIInfosoft-selectedHotelBox h2 {
        color: #003366;
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 0px 12px;
        background: #ececec url(../../images/bg-calculation.jpg) repeat-x left top;
        border-bottom: 1px solid #DDDDDD;
        min-height: 37px;
        border-radius: 12px 12px 0px 0px;
        -webkit-border-radius: 12px 12px 0px 0px;
        -moz-border-radius: 12px 12px 0px 0px;
        -o-border-radius: 12px 12px 0px 0px;
    }

.PIInfosoft-hotelDetail {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 2px 11px 2px 11px;
    color: #353535;
    background: #f5f5f5;
}

    .PIInfosoft-hotelDetail h3 {
        margin: 0px;
        padding: 5px 0px 5px 0px;
        color: #003366;
        text-transform: uppercase;
        text-shadow: 0px 0px 0px #003366;
    }

        .PIInfosoft-hotelDetail h3 img {
            vertical-align: baseline;
        }

.PIInfosoft-calculatedPriceDiv {
    width: 100%;
    float: left;
    background: #dde1fa;
    padding: 15px 11px;
    color: #353535;
}

.PIInfosoft-priceDifference {
    color: Red;
}

.PIInfosoft-totalCost {
    color: #003366;
}

.PIInfosoft-InputButton {
    margin: 0px;
    padding: 15px 0px;
    float: left;
    width: 100%;
    text-align: center;
}

    .PIInfosoft-InputButton input {
        color: #FFF;
        padding: 0px;
        background: #0e8fc3;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -o-border-radius: 12px;
        border: 2px solid #FFF;
        box-shadow: 0px 0px 3px #000;
        width: 100%;
        max-width: 120px;
        height: 30px;
    }

        .PIInfosoft-InputButton input:hover {
            background: #003366;
        }
/*-------Popup Left Panel End---------*/

/*---------Popup Rignt Panel Start-----------*/

.PIInfosoft-popup-rignt-panel {
    display: block;
    border: 1px solid #dddddd;
    float: right;
    padding: 9px;
    width: 653px;
}

    .PIInfosoft-popup-rignt-panel h2.PIInfosoft-righth2 {
        background: url(../../images/bg-hotel-selection-popup.jpg) repeat left top;
        padding-bottom: 0px;
        width: 100%;
        float: left;
    }

h2 .PIInfosoft-h2InnerDiv {
    margin: 5px 0px;
    padding: 0px;
    width: 100%;
    float: left;
}

    h2 .PIInfosoft-h2InnerDiv select.PIInfosoft-selectHotelList {
        width: 100%;
        float: left;
        border: 1px solid #7a7a7a;
        background: White;
        color: #272727;
        min-height: 20px;
        padding: 1px;
        margin-bottom: 5px;
    }

.PIInfosoft-popup-pagesContainer {
    width: 100%;
    float: left;
}

    .PIInfosoft-popup-pagesContainer span {
        display: block;
        float: left;
        padding-right: 5px;
        color: #000;
    }

ul.PIInfosoft-pageNumber {
    margin: 0px;
    padding: 0px;
    width: auto;
    float: left;
    list-style: none;
}

    ul.PIInfosoft-pageNumber li {
        margin: 0px 0px 0px 0px;
        padding: 0px 1px;
        width: auto;
        float: left;
    }

        ul.PIInfosoft-pageNumber li a {
            display: block;
            float: left;
            color: Black;
            padding: 1px 5px;
            border: 1px solid #b3b3b3;
            background: #FFF;
            min-width: 20px;
            max-height: 20px;
        }

            ul.PIInfosoft-pageNumber li a:hover {
                background: -webkit-linear-gradient(#f0efef, #929292); /* For Safari */
                background: -o-linear-gradient(#f0efef, #929292); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#f0efef, #929292); /* For Firefox 3.6 to 15 */
                background: linear-gradient(#f0efef, #929292); /* Standard syntax (must be last) */
                color: #FFF;
            }

.PIInfosoft-popUpSortBy {
    margin-top: -5px !important;
    margin-bottom: 10px !important;
}

    .PIInfosoft-popUpSortBy .navbar-brand {
        display: block !important;
        padding: 10px 3px !important;
        color: #383838;
    }

    .PIInfosoft-popUpSortBy ul li {
        margin: 0px;
        padding: 10px 0px 0px 24px;
    }

.panel-group {
    width: 100%;
    float: left;
}

.PIInfosoft-popupPanelBorder {
    border-radius: 14px !important;
    -webkit-border-radius: 14px !important;
    -moz-border-radius: 14px !important;
    -o-border-radius: 14px !important;
    border: 1px solid #DDDDDD;
    margin-bottom: 6px !important;
}

    .PIInfosoft-popupPanelBorder .panel-body {
        padding: 10px 5px;
    }

        .PIInfosoft-popupPanelBorder .panel-body div.PIInfosoft-hotelImg {
            float: left;
            width: 85px;
            margin-right: 5px;
            text-align: center;
        }

        .PIInfosoft-popupPanelBorder .panel-body div.table-responsive {
            float: right;
        }

.PIInfosoft-popupPanelHeading {
    color: #003366;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 12px;
    background: #ececec url(../../images/bg-calculation.jpg) repeat-x left top;
    border-bottom: 1px solid #DDDDDD;
    min-height: 33px;
}

    .PIInfosoft-popupPanelHeading h4 {
        margin: 0px;
        padding: 0px;
    }

        .PIInfosoft-popupPanelHeading h4 img {
            vertical-align: baseline;
        }

        .PIInfosoft-popupPanelHeading h4 a {
            outline: none !important;
            color: #003366;
            display: block;
            width: 100%;
            /*float:left;*/
            letter-spacing: 1px;
            margin: 0px;
            padding: 8px 0px;
            height: 33px;
            text-transform: uppercase;
        }

.PIInfosoft-borderNone {
    border: none !important;
}

.PIInfosoft-table-popup {
    border-radius: 12px 12px 0 0 !important;
    -o-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    min-width: 530px;
    float: left;
    overflow: hidden;
}

    .PIInfosoft-table-popup table {
        border-radius: 12px 12px 0 0 !important;
        border: 1px solid #DDDDDD;
        border-radius: 12px 12px 0 0;
        width: 530px;
    }

        .PIInfosoft-table-popup table tr.PIInfosoft-firstTr th {
            background: url("../../images/bg-calculation.jpg") repeat-x left top !important;
            height: 37px;
            overflow: hidden;
            color: #003366;
            margin: 0;
            color: Black;
        }

    .PIInfosoft-table-popup th, .PIInfosoft-table-popup td {
        text-align: center;
        vertical-align: middle !important;
    }

    .PIInfosoft-table-popup table tr td:nth-of-type(2), .PIInfosoft-table-popup table tr td:nth-of-type(3), .PIInfosoft-table-popup table tr td:nth-of-type(4) {
        color: #ff6600;
    }

    .PIInfosoft-table-popup tr th:first-child {
        text-align: left !important;
        color: #003366;
        vertical-align: middle;
    }

        .PIInfosoft-table-popup tr th:first-child img {
            margin-right: 3px;
        }

.PIInfosoft-th-1 {
    width: 236px;
}

.PIInfosoft-th-2 {
    width: 53px;
}

.PIInfosoft-th-3 {
    width: 48px;
}

.PIInfosoft-th-4 {
    width: 48px;
}

.PIInfosoft-th-5 {
    width: 78px;
}

.PIInfosoft-th-6 {
    width: 64px;
}

/*---------------------Popup Right Panel End-----------------------*/
@media (max-width:990px) {
    .PIInfosoft-popup-left-panel {
        width: 100%;
        position: static;
    }

    .filter:hover {
        height: 190px;
    }

    .PIInfosoft-popup-rignt-panel {
        width: 100%;
    }
}

/*----New Css For Popup Inner Tabel-----*/
ul.PIInfosoft-Popup1InnerTable {
    width: 530px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    border: 1px solid #DDD;
    border-bottom: none;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
}

    ul.PIInfosoft-Popup1InnerTable li {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 8px 0px 0px 0px;
        vertical-align: middle;
        border-bottom: 1px solid #DDD;
    }

        ul.PIInfosoft-Popup1InnerTable li:nth-of-type(n+2):hover {
            cursor: pointer;
        }

        ul.PIInfosoft-Popup1InnerTable li:nth-of-type(n+2) div:first-child {
            color: #003366;
            font-weight: bold;
        }

        ul.PIInfosoft-Popup1InnerTable li:first-child {
            background: url(../../images/bg-calculation.jpg) repeat-x left top;
            height: 35px;
            padding-top: 10px;
            color: #000 !important;
        }

            ul.PIInfosoft-Popup1InnerTable li:first-child div.PIInfosoft-sc {
                font-size: 12px;
            }

            ul.PIInfosoft-Popup1InnerTable li:first-child .PIInfosoft-tc, ul.PIInfosoft-Popup1InnerTable li:first-child .PIInfosoft-tc div.PIInfosoft-tc-1 {
                color: inherit !important;
            }

.PIInfosoft-fc {
    width: 230px;
    float: left;
    padding: 0px 0px 0px 5px;
}

    .PIInfosoft-fc img {
        padding-right: 5px;
    }

.PIInfosoft-sc {
    width: 53px;
    float: left;
    text-align: center;
    font-size: 11px;
}

.PIInfosoft-frc {
    width: 63px;
    float: left;
    text-align: center;
}

@media (max-width:578px) {
    ul.PIInfosoft-Popup1InnerTable {
        width: 100%;
        border: none;
    }

        ul.PIInfosoft-Popup1InnerTable li {
            padding: 0px;
            margin-bottom: 8px;
            border-radius: 12px 12px 0px 0px !important;
            overflow: hidden;
            border: 1px solid #DDD;
        }

            ul.PIInfosoft-Popup1InnerTable li div {
                padding: 8px 0px 8px 0px;
            }

                ul.PIInfosoft-Popup1InnerTable li div:first-child {
                    border-top: none !important;
                }

            ul.PIInfosoft-Popup1InnerTable li:first-child {
                display: none;
            }

    .PIInfosoft-fc, .PIInfosoft-sc, .PIInfosoft-tc, .PIInfosoft-frc {
        width: 100%;
        float: left;
        text-align: center !important;
        font-size: 12px;
    }

    .PIInfosoft-fc, .PIInfosoft-tc {
        background: #f5f5f5;
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

        .PIInfosoft-tc span {
            display: block;
            width: 100%;
            float: left;
            padding: 0px 0px 8px 0px;
            color: #333;
        }

        .PIInfosoft-tc div {
            width: 33.3333% !important;
            padding: 0px !important;
        }

    .PIInfosoft-tc-2 {
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
    }
}

.PIInfosoft-tourAccomodation {
    border-bottom: 2px solid #FFFFFF;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0 0 10px;
}
/*----------------------------------------------------------------*/
/*==========------------Popup Sytle Sheet End------------==========*/
.PIInfosoft-sortby {
    background: #F5F5F5 !important;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border: 1px solid #cfd0d0 !important;
    padding: 0px 8px !important;
    min-height: 35px;
    margin: 15px 0px !important;
}

    .PIInfosoft-sortby .navbar-brand {
        display: block !important;
        padding: 10px 3px;
        color: #383838;
    }

    .PIInfosoft-sortby .navbar-collapse {
        padding-left: 5px;
        padding-right: 5px;
        float: right;
    }

    .PIInfosoft-sortby ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .PIInfosoft-sortby ul li {
            margin: 0px;
            padding: 10px 0px 0px 20px;
        }

            .PIInfosoft-sortby ul li input.PIInfosoft-searchByTourName {
                margin: 0px;
                padding: 3px 5px;
                border: 1px solid #9e9f9f;
                height: 23px;
            }

@media (min-width:769px) {
    .PIInfosoft-sortby ul li input.PIInfosoft-searchByTourName {
        min-width: 216px;
        margin-top: -2px;
        float: right;
    }
}

@media (max-width:768px) {
    .PIInfosoft-sortby ul li {
        margin: 0px;
        padding: 3px 10px !important;
        width: 100%;
        float: left;
    }

        .PIInfosoft-sortby ul li a {
            font-size: 14px !important;
        }

        .PIInfosoft-sortby ul li input.PIInfosoft-searchByTourName {
            margin: 0px;
            padding: 3px 5px;
            width: 100%;
            float: left;
        }

    .PIInfosoft-sortby .navbar-brand {
        padding: 15px 3px !important;
    }
}

.PIInfosoft-sortby ul li:first-child {
    padding-left: 0px;
}

.PIInfosoft-sortby ul li.active a {
    color: Black;
    text-decoration: underline;
}

.PIInfosoft-sortby ul li a {
    margin: 0px;
    padding: 0px;
    color: #787878;
}

.PIInfosoft-sortby .navbar-toggle {
    background: #FFF;
    border-color: #DDD;
}

    .PIInfosoft-sortby .navbar-toggle .icon-bar {
        background: #CDCDCD;
    }

.PIInfosoft-tabQuickView .panel {
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    margin-bottom: 8px !important;
    border: 1px solid #c2c2c2;
}

.PIInfosoft-tabQuickView .panel-default > .panel-heading {
    background: -webkit-linear-gradient(#FFFFFF, #e0dfdf); /* For Safari */
    background: -o-linear-gradient(#FFFFFF, #e0dfdf); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #e0dfdf); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #e0dfdf); /* Standard syntax (must be last) */
    padding: 10px;
    width: 100%;
    overflow: hidden;
}

    .PIInfosoft-tabQuickView .panel-default > .panel-heading:hover {
        background: -webkit-linear-gradient(#e0dfdf, #FFFFFF); /* For Safari */
        background: -o-linear-gradient(#e0dfdf, #FFFFFF); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e0dfdf, #FFFFFF); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e0dfdf, #FFFFFF); /* Standard syntax (must be last) */
    }


    .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 {
        color: #003366;
        overflow: hidden;
    }

        .PIInfosoft-tabQuickView .panel-default > .panel-heading h4 span {
            color: #393a39;
            display: block;
            float: left;
            padding-right: 10px;
        }

.PIInfosoft-InputButton input {
    color: #FFF;
    padding: 0px;
    background: #0e8fc3;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    border: 2px solid #FFF;
    box-shadow: 0px 0px 3px #000;
    width: 100%;
    max-width: 120px;
    height: 30px;
}

    .PIInfosoft-InputButton input:hover {
        background: #003366;
    }

.pg-paging span.pg-selected {
    float: left;
    cursor: pointer;
    display: block;
    float: left;
    color: Black;
    padding: 1px 5px;
    border: 1px solid #ddd;
    background-color: #eb8604;
    min-width: 25px;
    max-height: 25px;
    color: #fff;
}

.pg-paging span.pg-normal {
    float: left;
    cursor: pointer;
    display: block;
    float: left;
    color: Black;
    padding: 1px 5px;
    border: 1px solid #ddd;
    background: #FFF;
    min-width: 25px;
    max-height: 25px;
}

    .pg-paging span.pg-normal:hover {
        background-color: #eb8604;
        color: #fff;
    }

.pg-paging span:first-child {
    float: left;
    cursor: default;
}

ul.PIInfosoft-pageNumber li a {
    display: block;
    float: left;
    color: Black;
    padding: 1px 5px;
    border: 1px solid #b3b3b3;
    background: #FFF;
    min-width: 20px;
    max-height: 20px;
}

    ul.PIInfosoft-pageNumber li a:hover {
        background: -webkit-linear-gradient(#f0efef, #929292); /* For Safari */
        background: -o-linear-gradient(#f0efef, #929292); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f0efef, #929292); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f0efef, #929292); /* Standard syntax (must be last) */
        color: #FFF;
    }

.piinfosoftdiviconimg {
    width: 15px;
}

.PIInfosoft-TabContent h1 {
    margin: 0px;
    padding: 5px 0px;
    font-size: 20px;
    color: #003366;
    letter-spacing: 0px;
}


.PIInfosoft-TabContent {
    border: 0 !important;
    border-top: none !important;
    padding: 10px;
    background: #f7f6f4;
    width: 100%;
}

    .PIInfosoft-TabContent #tabAbout > a[target="_blank"]::after {
        content: "";
    }

    .PIInfosoft-TabContent h1 {
        margin: 0px;
        padding: 5px 5px;
        font-size: 20px;
        color: #003366;
        letter-spacing: 0px;
    }

.PIInfosoft-tourItineraryDiv {
    margin: 15px 0px;
    padding: 0px;
    overflow: hidden;
}





.PIInfosoft-toursDetail a {
    width: auto;
    padding: 7px 18px;
    color: #000;
    border: 1px solid #888;
    background: #F5F5F5;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    background: -webkit-linear-gradient(#ede9e9, #b1b1b1); /* For Safari */
    background: -o-linear-gradient(#ede9e9, #b1b1b1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ede9e9, #b1b1b1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ede9e9, #b1b1b1); /* Standard syntax (must be last) */
    text-shadow: 1px 1px 0px #fff;
    -moz-text-shadow: 1px 1px 0px #fff;
    -webkit-text-shadow: 1px 1px 0px #fff;
    -o-text-shadow: 1px 1px 0px #fff;
    float: right;
    vertical-align: baseline;
    text-transform: uppercase;
}

    .PIInfosoft-toursDetail a:hover {
        border: 1px solid #000;
        color: Black;
        text-shadow: 1px 1px 0px #FFF;
        -moz-text-shadow: 1px 1px 0px #FFF;
        -webkit-text-shadow: 1px 1px 0px #FFF;
        -o-text-shadow: 1px 1px 0px #FFF;
    }

@media (min-width:992px) {
    .PIInfosoft-toursDetail a {
        margin-top: 13px;
    }

    .PIInfosoft-toursPrice {
        padding-top: 16px;
    }
}

.PIInfosoft-popupPanelHeading h4.panel-title span img {
    padding: 7px 0px 0px 5px;
}
/*----------------New Changes from here after uploading the website----------------------------*/
.PIInfosoft-hotelDetail h3 span label#lblHotelName {
    font-weight: normal;
}

#div_HotelSorted .PIInfosoft-popupPanelBorder .PIInfosoft-popupPanelHeading {
    cursor: pointer;
}
/*----------------New Changes from here after uploading the website----------------------------*/
/*---------------------- Start of Social Networking Icon of Right Panel Css-------------------------*/
.addthis_toolbox a {
    margin: 0px !important;
    padding: 0px 3px 0px 0px !important;
}
/*---------------------- -End of Social Networking Icon of Right Panel Css--------------------------*/

#myModalData .PIInfosoft-searchForm .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel .PIInfosoft-placeAndHotelName a {
    cursor: default;
}

.PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a.hotelSelectionHighlighter {
    animation: highlighter 4s;
    -webkit-animation: highlighter 4s;
    color: #0087ff;
}

@keyframes highlighter {
    from {
        background: #ff6600;
    }

    to {
        background: transparent;
    }
}

@-webkit-keyframes highlighter /* Safari and Chrome */
{
    from {
        background: #ff6600;
    }

    to {
        background: transparent;
    }
}

.imgclassCursor {
    cursor: default;
    padding-left: 3px;
}

#isFlight #flightyes {
    padding: 5px;
}

.PIInfosoft-days-details .PIInfosoft-placeName {
    cursor: pointer;
    text-decoration: underline;
}


/*------------------Flight Table CSS Written by Ashish-------------------------------*/
table.tblFlightSector {
    border: 1px solid #1E68AE;
    width: 100%;
    padding: 3px;
}

    table.tblFlightSector th {
        background-color: #EAEAEB;
        color: #FF4B00;
    }

    table.tblFlightSector tr span#spnCitySec {
        font-weight: bold;
        color: #47A8FF;
    }

table#detailtable {
    font-size: 12px;
    border-top: 1px solid #DDD;
}

div#divFlightNotAvail {
    width: 100%;
    text-align: left;
    border: 1px solid #DDDDDD;
    padding: 5px;
}

div#Heading span#spnCitySec {
    font-weight: bold;
    color: #47A8FF;
}

div#divDescription span#Desc {
    background-color: #EAEAEB;
    color: #FF4B00;
    width: 100%;
    text-align: left;
    padding: 5px;
}


span.airline_logo {
    height: auto;
    padding-bottom: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    float: left;
}

div.airline_logos {
    width: 27px;
    height: 23px;
    background: transparent url(../../images/air_logos2.gif) no-repeat;
    float: left;
    margin-right: 10px;
}

div.indigo {
    background-position: -108px 0px;
}

div.jet {
    background-position: -135px 0px;
}

div.mdlr {
    background-position: -216px 0px;
}

div.paramount {
    background-position: -243px 0px;
}

div.AI {
    background-position: -27px 0px;
}

div.IX {
    background-position: 0px 0px;
}

div.G8 {
    background-position: -54px 0px;
}

div.S2 {
    background-position: -162px 0px;
}

div.IT {
    background-position: -189px 0px;
}

div.SG {
    background-position: -81px 0px;
}

div.multiple {
    background-position: -270px 0px;
}

.css9W {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/cssgroup.gif") -308px -179px no-repeat;
}

.cssjet {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/cssgroup.gif") -308px -179px no-repeat;
}

.css6E {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/cssgroup.gif") -336px -179px no-repeat;
}

.cssAI {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/cssgroup.gif") -280px -179px no-repeat;
}

.cssIT {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/cssgroup.gif") -220px -179px no-repeat;
}

.cssS2 {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/cssgroup.gif") -190px -179px no-repeat;
}

.cssSG {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/cssgroup.gif") -158px -179px no-repeat;
}

.cssG8 {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/cssgroup.gif") -250px -179px no-repeat;
}

.css9W-K {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/9W-K.png") no-repeat;
}

.cssMultipleAirline {
    padding: 0px;
    margin: 0px;
    width: 27px;
    height: 23px;
    background: url("../../images/cssgroup.gif") -365px -179px no-repeat;
}

table.tblFlightSector td.carrier span.airline_name {
    vertical-align: top;
    margin: 0px;
    float: left;
    padding: 0px 0px 0px 3px;
    line-height: 15px;
    text-align: left;
}

table.tblFlightSector tr td span#spnFlightNotinTime {
    font-size: 11px;
    color: #FF4B00;
    padding-left: 10px;
    font-weight: bold;
}

table#FlightHeading {
    width: 100%;
    background-color: #ddd;
    padding: 3px 0px 3px 0px;
    margin: 5px 0px 5px 0px;
}

    table#FlightHeading tr th {
        color: #FF4B00;
        font-weight: bold;
    }

table.tblclass {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 3px;
}

    table.tblclass tr:first-child {
        transition: all ease 1s;
    }

        table.tblclass tr:first-child:hover {
            background: #f5f5f5;
            cursor: pointer;
        }

.selectBook {
    transition: all ease 1s;
    display: inherit;
    font-size: 0px;
}

table.tblclass tr:first-child:hover .selectBook {
    padding: 0px 7px;
    background: #003366;
    color: #fff;
    border: 2px solid #000;
    box-shadow: 0 0 5px #000;
    font-size: 12px;
}

    table.tblclass tr:first-child:hover .selectBook:hover {
        background: #ff6600;
        color: #fff;
        border: 2px solid #ff6600;
    }

.detailclass {
    width: auto;
    padding: 0px 3px;
    background: #003366;
    color: #fff;
    border: 2px solid #000;
    border-radius: 4px;
}

    .detailclass:hover {
        background: #fff;
        color: #003366;
        border: 2px solid #003366;
    }

.flightSmallData {
    width: 100%;
    float: left;
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-bottom: 2px solid #DDD;
}

    .flightSmallData:nth-last-of-type(1) {
        border-bottom: none;
    }

    .flightSmallData div.innerDivflight {
        width: 33%;
        float: left;
        text-align: center;
        height: 25px;
    }

.hdnflightFare {
    display: none;
}
/*--------------------Flight Table CSS Written by Ashish End Here-------------------------------*/
.priceOnRequest {
    padding-top: 0px;
}


.PIInfosoft-tabQuickView div.panel-default > .panel-heading h4 a.PIInfosoft-tourNameLink {
    background-image: none !important;
    font-size: 14px;
    width: auto !important;
    color: #333;
    height: auto !important;
    text-decoration: none !important;
}

a.PIInfosoft-tourNameLink {
}

.PIInfosoft-searchForm span {
    font-weight: bold;
    color: #000;
}

#indiaTourPackages h4 span {
    font-size: 12px;
}

.PIInfosoft-tabQuickView div.panel-default > .panel-heading h4 a.PIInfosoft-tourNameLink:hover {
    color: #ff6600;
}

#piinfosoftmap img {
    max-width: none;
}

#map_canvas img {
    max-width: none;
}

.PIInfosoft-searchData {
    padding: 8px 12px;
    border: solid 1px #ddd;
    background-color: #f2f2f2;
    color: #ff6600;
}

.PIInfosoft-TourDetailsPage .PIInfosoft-tour-first-left {
    max-width: inherit;
}


































/*New CSS Starts*/
.PIInfosoft-searchOption {
    background-color: grey !important;
    background-image: none !important;
}





.PIInfosoft-tour-first-right {
    float: left !important;
    max-width: 100% !important;
    padding: 0 15px;
}

.PIInfosoft-searchForm {
    background-color: #f7f6f4 !important;
}

.at-share-tbx-element .at-share-btn,
.at-share-tbx-element .at-icon-wrapper {
    margin: 0;
}

input.PIInfosoft-clear-button,
input.PIInfosoft-search-button {
    /*float: left;*/
    color: #FFF;
    margin: 10px 0px;
    padding: 6px 23px;
    border: none;
    max-width: 90px;
    max-height: 33px;
    border: 0 !important;
    box-shadow: none !important;
    background: #0a5869 !important;
    /* background: -moz-linear-gradient(#ff6600, #bd4c01); */
    border-radius: 0 !important;
}

    input.PIInfosoft-search-button:hover,
    .PIInfosoft-detail:hover,
    .PIInfosoft-detail {
        background: #0a5869 !important;
    }

.PIInfosoft-detail {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 5px 0 !important;
    width: 100%;
}

input.PIInfosoft-clear-button, input.PIInfosoft-clear-button:hover {
    background: #ddd;
    color: #fff;
}

.PIInfosoft-searchForm .form-group {
    padding: 0;
}

.PIInfosoft-tour-first-left {
    max-width: 75%;
}

.PIInfosoft-tourfirsttab > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #0a5869 !important;
    background-image: none !important;
    border-radius: 0 !important;
    border: 1px solid #0a5869 !important;
}

.PIInfosoft-tourItineraryDiv h2 a {
    background-color: #f7f6f4 !important;
    background-image: none !important;
}

.PIInfosoft-tabQuickView .panel-default > .panel-heading, .PIInfosoft-tabQuickView .panel-default > .panel-heading:hover {
    /*background-color: #fff !important;*/
    background-image: none !important;
}

.PIInfosoft-toursDetail a:hover,
.PIInfosoft-toursDetail a {
    background-color: #0a5869 !important;
    background-image: none !important;
    border-radius: 0;
    border: none !important;
    text-decoration: none;
    text-shadow: none !important;
    color: #fff !important;
}



.PIInfosoft-tourfirsttab {
    border-bottom: 0 !important;
}

.PIInfosoft-tabQuickView .panel-default > .panel-heading img {
    width: 150px;
    height: 100px;
    border: none;
}

.PIInfosoft-tabQuickView .panel-default > .panel-heading a {
    margin-right: 10px;
    display: block;
}

.PIInfosoft-table-header, .PIInfosoft-selectedHotelBox h2, .PIInfosoft-popupPanelHeading {
    background-color: #f7f6f4 !important;
    background-image: none !important;
    padding: 10px;
    color: #433333 !important;
    border-radius: 0;
    margin-bottom: 10px;
}

    .PIInfosoft-table-header h2 {
        padding: 0;
        color: #433333 !important;
    }


.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: transparent !important;
}

.PIInfosoft-tourfirsttab > li > a {
    border-color: transparent !important;
    border-radius: 0;
}



.PIInfosoft-tourfirsttab > li {
    margin-bottom: 0;
}

.PIInfosoft-tourAccomodation:hover,
.PIInfosoft-tourAccomodation {
    background-color: transparent !important;
    background-image: none !important;
}

    .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName a.PIInfosoft-selectanotherhotel,
    .PIInfosoft-tourAccomodation .PIInfosoft-place-hotel div.PIInfosoft-placeAndHotelName span.piinfosoftspnchoosehotel {
        /*background-color: #0a5869 !important;*/
        background: linear-gradient(transparent, transparent) repeat scroll 0 0 #0a5869 !important;
        border: none !important;
        border-radius: 0 !important;
    }

.PIInfosoft-customerContainer {
    background-color: transparent !important;
}

#Customer input.PIInfosoft-search-button {
    float: right;
}

.PIInfosoft-modify-button,
.PIInfosoft-modify-button:hover,
.PIInfosoft-InputButton input,
.PIInfosoft-InputButton input:hover {
    background-color: #0a5869 !important;
    border-radius: 0;
    border: none;
    background-image: none;
    box-shadow: none;
}

#myModal input.PIInfosoft-clear-button {
    float: right;
    margin-right: 5px;
}

table.tblFlightSector {
    border: none !important;
}

    table.tblFlightSector tr span#spnCitySec {
        color: #0a5869 !important;
    }

    table.tblFlightSector tr td span#spnFlightNotinTime {
        color: #333;
    }

    table.tblFlightSector th {
        color: #333;
    }

.detailclass:hover,
.detailclass,
.detailclass:focus {
    background-color: #0a5869;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    padding: 6px 12px;
    margin-top: 4px;
    display: inline-block;
}

.PIInfosoft-searchForm, .PIInfosoft-hotelDetail, .PIInfosoft-sortby, .PIInfosoft-PopUp3PlaceDetailBottomContainer ul li, .PIInfosoft-customerContainer {
    background-color: #fff !important;
}

.flightSmallData {
    padding-bottom: 15px;
}

table#FlightHeading tr th {
    color: #333;
    padding: 5px;
}

.PIInfosoft-selectanotherhotel.btn-info,
.PIInfosoft-selectanotherhotel.btn-info:focus, .PIInfosoft-selectanotherhotel.btn-info:hover,
.PIInfosoft-pdfButton:hover,
.PIInfosoft-pdfButton,
.PIInfosoft-sendEmailButton:hover,
.PIInfosoft-sendEmailButton {
    background-color: #0a5869 !important;
    background-image: none !important;
    border-radius: 0;
    border: none;
    box-shadow: none;
    text-decoration: none;
}

    .PIInfosoft-pdfButton:hover,
    .PIInfosoft-pdfButton,
    .PIInfosoft-sendEmailButton:hover,
    .PIInfosoft-sendEmailButton {
        padding: 6px 12px;
    }

.PIInfosoft-emailInputFeild {
    border-color: #ddd;
    border-radius: 0;
    box-shadow: none;
}

#ctl00_ContentPlaceHolderCompleteBody_cont .paddingNone {
    padding: 0;
}

#ctl00_ContentPlaceHolderCompleteBody_cont .searchOption {
    background-image: none !important;
    background-color: grey !important;
    color: #ffffff !important;
}


.needassistancebox {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 15px;
}

    .needassistancebox h3 {
        border-bottom: 1px solid #ddd;
        font-size: 20px;
        margin-bottom: 10px;
        padding-bottom: 8px;
    }

.lblue {
    color: #09c;
}

a.green2, a.clblue:hover {
    color: #72bf66;
}

.needassistancebox h5 {
    color: #fa7b3c;
    font-size: 16px;
    font-weight: bold;
}

#ctl00_ContentPlaceHolderCompleteBody_cont > div {
    float: none !important;
}

#ctl00_ContentPlaceHolderCompleteBody_cont #form1 > div > .PIInfosoft-marginNone {
    margin: 0 -15px !important;
}

    #ctl00_ContentPlaceHolderCompleteBody_cont #form1 > div > .PIInfosoft-marginNone > .PIInfosoft-paddingNone {
        padding: 0 15px 0 0 !important;
    }

.loading {
    left: 50% !important;
}

    .loading img {
        width: 150px;
    }

.PIInfosoft-PopUp3PlaceDetailTabContent {
    border-top-color: #0a5869 !important;
}

#piinfosoftmap {
    max-width: 100% !important;
    width: 100% !important;
}

#FlyerSelect .input-group,
#FlyerSelect #countrycode,
#FlyerSelect #search_place {
    margin-bottom: 15px;
}

#FlyerSelect #Currency {
    margin-top: -15px;
}

#bookingForm #resultarea {
    padding: 0 !important;
}


.PIInfosoft-tour-first-right select.form-control,
.PIInfosoft-tour-first-right input.form-control,
.form-control,
.PIInfosoft-modifySearch select.form-control,
.PIInfosoft-modifySearch input.form-control,
.PIInfosoft-modifySearch .input-group-addon,
.PIInfosoft-customerContainer select.form-control,
.PIInfosoft-tour-first-right span.input-group-addon {
    border-radius: 0 !important;
}

.contentDescription .PIInfosoft-search-button {
    float: right !important;
}





@media all and (min-width:320px) and (max-width:767px) {
    .PIInfosoft-tour-first-right,
    .PIInfosoft-tour-first-left {
        width: 100%;
        max-width: 100%;
    }

    .PIInfosoft-tabQuickView .panel-default > .panel-heading img {
        width: 100%;
        height: auto;
    }
}


@media all and (min-width:768px) and (max-width:991px) {
    .PIInfosoft-tour-first-right,
    .PIInfosoft-tour-first-left {
        width: 100%;
        max-width: 100%;
    }
}













/*New CSS Ends*/
