@import url('https://fonts.googleapis.com/css?family=roboto:300,300i,400,400i,500,500i,700,700i,800,800i,900,900i');

/*@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-Bold.ttf') format('truetype');
    font-weight: bold;
}*/

* {
    font-family: 'roboto', sans-serif;
}


.disablediv {
    pointer-events: none;
    opacity: 0.5;
}

body {
    background: #ffffff;
    font-family: 'roboto', sans-serif !important;
    overflow-x: hidden;
}

.PromoHide {
    display: none;
}

a {
    color: #000000;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #071923;
        text-decoration: none;
    }

.banner-caption .panel .tab-content {
    padding: 2px 0px 30px 0px;
    width: 97%;
    margin: -15px auto 0px auto;
    float: none;
}

/*:focus {
    outline:1px dashed #404040 !important;
}*/
.ttlogo a:focus {
    outline: 0px dashed #404040 !important;
}

.btn:active, .btn.active {
    box-shadow: none;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

label {
    font-weight: normal;
}

#header {
    background: #404040;
}



/*-------todays deal------------*/

/*.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }*/

/* Desktop and up */


/*--------------Exclusive offers---------*/

/* Global */


img {
    max-width: 100%;
}

a {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
}

    a:hover {
        opacity: 1;
        text-decoration: none;
    }


.navbar-nav > li > .dropdown-menu {
    margin-top: -10px;
    min-width: 50px;
}

    .navbar-nav > li > .dropdown-menu > li > a {
        margin-left: 0px;
        padding: 5px 57px;
    }

.dropdown-menu > li > a:hover {
    background-color: #404040;
    border-bottom: 0px;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.navbar-left li > a > img {
    margin-right: 11px;
}

.txtcolor {
    color: #071923;
}

.txtcolor2 {
    color: #071923;
}

.d-inline {
    display: inline;
}

/*.comp_logo {
    position: absolute;
    padding: 0px 0px 14px 0px;
    left: -40px;
    z-index: 1;
}*/

.comp_logo img {
    position: absolute;
    width: auto;
    background-color: #fff;
    padding: 7px 10px 18px 10px;
    height: 112px;
    border-radius: 0px 0px 30px 30px;
    z-index: 1;
    top: 0;
    box-shadow: 0px 8px 10px -7px #0000009e;
}

/*.comp_logo:after {
    background: #000000;
    content: "";
    height: 101px;
    position: absolute;
    right: -19px;
    transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    -moz-transform: skewX(-12deg);
    -ms-transform: skewX(-12deg);
    -o-transform: skewX(-12deg);
    width: 694px;
    z-index: -1;
    box-shadow: 4px 3px 2px rgb(43 65 77 / 62%);
    transform: skewX(-12deg);
}*/

.navbar-right {
    float: right;
}

#advancedv .lh2.form-heading {
    color: #071923 !important;
    float: left;
    width: auto;
}

.mod-search #advancedv .lh2.form-heading {
    color: #333333 !important;
}

.navbar-left li > a > span {
    font-size: 13px !important;
}

.navbar-default .navbar-nav > li > a {
    margin-bottom: -4px;
}

.navbar-default .navbar-nav > a:hover {
    color: #071923;
    font-weight: 500;
    text-decoration: underline;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    text-decoration: none;
    color: #fff !important;
}

.nomargin {
    margin: 0 !important;
}

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

.nopadding {
    padding: 0 !important;
}

#logo {
    background: #ffffff;
    border-bottom: 0px solid #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    position: relative;
}

    #logo h2 {
        font-family: 'roboto', sans-serif;
        font-weight: 700;
        color: #071923;
        font-size: 20px;
        margin: 30px 0px;
        text-align: right;
    }

    #logo h3 {
        font-family: 'roboto', sans-serif;
        font-weight: 400;
        color: #071923;
        font-size: 20px;
        text-align: right;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    #logo .name {
        font-family: 'roboto', sans-serif;
        color: #071923;
        font-size: 17px;
        float: right;
        cursor: pointer;
    }

    /*#btnSearch{width:0%;padding:0; }*/


    /*.text-left img{padding-top: 5px;}*/

    #logo .text-left img:focus {
        outline: none !important;
    }

    #logo .text-left a:focus {
        outline: none !important;
    }

.name {
    font-family: 'roboto', sans-serif;
    color: #ffffff;
    font-size: 16px;
    float: left;
    cursor: default !important;
    padding-top: 1px;
    text-transform: capitalize;
    padding-right: 40px;
}

.navbar-collapse {
    padding: 0px !important;
}

#logo p {
    font-family: 'roboto', sans-serif;
    color: #071923;
    font-size: 12px;
    margin-bottom: 0px;
    text-align: right;
}

.hdrdate {
    float: left;
    font-family: 'roboto', sans-serif;
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 0px;
    text-align: left;
    margin-top: 4px;
}


#maincontent h2 {
    color: #071923;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'roboto', sans-serif;
    margin: 30px 0px 20px;
}

#maincontent p {
    /*color:#585657;*/
    font-family: 'roboto', sans-serif;
    font-size: 14px;
}

#maincontent h3 {
    color: #071923;
    font-size: 20px;
    font-family: 'roboto', sans-serif;
    margin: 10px 0px 10px;
    background: none !important;
    font-weight: bold !important;
    padding-bottom: 4px !important;
    /*background: url(../../images/Header/rb.jpg) no-repeat left bottom;
	padding-bottom: 12px;*/
}

#loading h3 {
    color: #071923 !important;
}

/*#maincontent h3:after{     height: 5px;
    display: block;
    width: 60px;
    background: #071923;
    content: '';
    margin-top: 10px;}*/

#maincontent h3 a {
    color: #071923;
}

md-input-container .md-input {
    font-size: 14px;
    padding-left: 0px;
}

.pointer {
    cursor: pointer;
}

.detail .lh {
    color: #000000;
    font-family: 'roboto', sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    /*margin-top: 20px;*/
    margin-top: 0px;
}

.detail select {
    color: #333333;
    font-family: 'roboto', sans-serif;
    font-size: 14px;
    width: 100%;
    background: rgba(242, 242, 242, 0);
    border: 0px;
    border: 1px solid #d2d2d2;
    -webkit-appearance: none !important;
    background: transparent url(../images/da.png) no-repeat 97% center;
    -moz-appearance: none !important;
    padding: 0;
    box-shadow: none;
    padding-right: 7px;
    padding-left: 10px !important;
    border-radius: 2px;
    line-height: 40px;
    height: 40px;
    /*border-radius:4px;*/
}

    .detail select:focus {
        border: 1px solid #071923;
        border-radius: 0px;
        outline: none !important;
    }

.select--hoshi:focus {
    border: 1px solid #071923;
    border-radius: 0px;
    outline: 0;
}

.autocompleteinput:focus {
    border: 1px solid #071923 !important;
    outline: none;
}

input.magic-checkbox {
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
}



button[disabled], html input[disabled] {
    cursor: not-allowed !important;
    opacity: 0.7;
}

select:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

/*.whitebg .top-tabs-style #liHotel a{    color: #ffffff !important;
    cursor: default;
    background-color: #071923;
    font-weight: 500;}
          .whitebg .top-tabs-style #liHotel a i{    color: #ffffff !important;}*/

a:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

input[type="checkbox"][disabled] {
    cursor: not-allowed !important;
    opacity: 0.7;
}

    input[type="checkbox"][disabled] + label {
        cursor: not-allowed !important;
        opacity: 0.7;
    }

input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
    /*cursor: not-allowed !important;*/
    opacity: 1;
}

.mgtop {
    margin-top: 27px;
}

.nbg {
    background: none !important;
    margin-bottom: 10px !important;
    padding-bottom: 0px !important;
}

#maincontent a {
    text-decoration: none;
    /*color: #000;*/
    cursor: pointer;
}

.mg0 {
    margin-top: 0px;
}

.detail p {
    color: #3a3a3a;
    font-family: 'roboto', sans-serif;
    font-size: 14px !important;
}

.text-right {
    text-align: right !important;
}

.mgtop2 {
    margin-top: 12px;
}

.mgb0 {
    margin-bottom: 0px !important;
}

.mgt53 {
    margin-top: 47px;
}

.wbg {
    background: #f3f3f3;
    padding: 0px 25px 70px;
    box-shadow: -12px -11px 31px -3px #ccc;
}

.mgtop25 {
    margin-top: 25px;
}

.tc {
    color: #232328 !important;
    background: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding-left: 28px;
}




.tcnew {
    color: #404040 !important;
    background: none !important;
    font-size: 15px !important;
    float: left;
    width: 100%;
    border-bottom: 2px solid #6d91a9;
}

.info-headnew {
    padding: 7px 30px 7px 15px !important;
    background-color: #2b414d !important;
    color: #fff !important;
    float: left;
}

    .info-headnew:after {
        content: "";
        border-top: 39px solid #fbfbfb;
        border-left: 10px solid #436c83;
        position: absolute;
        top: 0;
        margin-left: 30px;
    }


.gbg {
    background: #f0f0f0;
    padding-bottom: 2px;
    color: #000000 !important;
    line-height: 25px;
    padding: 30px 30px;
    height: 450px;
    overflow: auto;
}

    .gbg p {
        color: #000000 !important;
    }

.acc {
    /*background: #333334;*/
    text-align: center;
    min-width: 120px;
    border-radius: 5px;
    margin-bottom: 24px;
}

    .acc a {
        /*color: #fff !important;*/
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        text-decoration: none;
        display: block;
        transition: 0.2s;
        padding: 10px 20px;
    }

        .acc a:hover {
            background: #071923;
            border-radius: 5px;
        }

.reg {
    background: #071923;
    text-align: center;
    width: 120px;
    border-radius: 5px;
    margin-top: 20px;
}

    .reg a {
        color: #ffffff !important;
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        text-decoration: none;
        display: block;
        transition: 0.2s;
        padding: 12px 0px;
    }

        .reg a:hover {
            background: #333334;
            border-radius: 5px;
        }

#maincontent {
    background-color: #ffffff;
    min-height: calc(100vh - 250px);
    padding-top: 0px;
    float: left;
    width: 100%;
    margin-top: 85px !important;
}

    #maincontent.pointdz_login {
        min-height: 0 !important;
    }

    #maincontent .srchbg #maincontent, #maincontent #maincontent {
        margin-top: 0px !important;
    }


.ph {
    background: #e9e9e9;
    padding: 10px 15px;
    margin-top: 10px;
}

    .ph.tooltip-hoshi-inner img {
        position: absolute;
        top: -6px;
    }

    .ph p {
        color: #3a3a3a;
        font-size: 12px;
        font-family: 'roboto', sans-serif;
        margin-bottom: 2px;
    }

.mgb50 {
    margin-bottom: 50px;
}

.subfoot {
    background-color: #071923;
    /*padding:15px 0px;*/
    padding-top: 19px;
    border-top: 5px solid #b5cad5;
    /*text-align: center;*/
}


    .subfoot h4 {
        color: #ffffff;
        font-weight: bold;
        font-size: 17px;
        margin-bottom: 5%;
    }

    .subfoot a img:hover { 
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
        transition: all 0.5s;
    }

    .subfoot h5 {
        font-size: 21px;
        color: #96bdd3;
        font-weight: bold !important;
        margin-bottom: 17px;
    }

    .subfoot p {
        color: #fff;
        margin-bottom: 15px;
        float: left;
        width: 100%;
        font-size: 15px;
    }

    .subfoot a {
        color: #fff;
        font-size: 15px;
    }

        .subfoot a:hover {
            text-decoration: underline;
        }

    .subfoot p img { /*margin-right:15px;*/
        margin-top: 12px;
    }

    .subfoot ul {
        padding: 0px !important;
    }

        .subfoot ul li {
            list-style-type: none;
            /*color:#fff;*/
            font-size: 15px;
            margin-bottom: 15px;
            line-height: normal;
            display: inline-block;
            /* border-right: 2px solid #fff; */
            padding-right: 12px;
            padding-left: 0px;
            padding-bottom: 6px;
        }







            .subfoot ul li .fa {
                color: #ffffff;
                font-size: 14px;
                margin-right: 10px;
                font-weight: bold;
            }

            .subfoot ul li a {
                cursor: pointer; /*color:#fff; text-transform:capitalize;*/
                font-size: 14px;
            }

                .subfoot ul li a:hover {
                    text-decoration: underline;
                }

    .subfoot .folwus img:hover {
        border-radius: 3px;
        -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        -o-transition: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    }


    .subfoot .addrs {
        background-image: url('../images/54/pin-ico-54-541.png');
        background-position: left 4px;
        background-repeat: no-repeat;
        padding-left: 35px;
        min-height: 26px;
        margin-bottom: 20px;
        color: #ffffff;
        font-size: 15px;
    }

    .subfoot .phn {       
        margin-bottom: 8px;
        color: #ffffff;
        font-size: 16px;
    }

    .subfoot .mail {
        margin-bottom: 8px;
        color: #ffffff;
        font-size: 16px;
    }

.ftr-hdr img {
    margin-right: 12px;
}

.ftr-hdr {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

.ftr-links-sub {
    padding: 0;
    margin: 0;
}

    .ftr-links-sub li {
        display: block !important;
        list-style-type: none;
        margin: 0;
        color: #868686;
        border-bottom: 2px solid #808080;
        padding-left: 36px !important;
        width: 50%;
    }

        .ftr-links-sub li a {
            color: #868686; /*text-transform:capitalize;*/
        }

    .ftr-links-sub p img {
        margin-right: 11px !important;
    }


footer {
    padding: 12px 0px;
    background: #24455a;
    font-size: 15px;
    float: left;
    width: 100%;
    color: #fff;
}

    footer p {
        color: #ffffff;
        font-size: 13px;
        margin-bottom: 0px;
        font-family: 'roboto', sans-serif;
    }

    footer a {
        color: #fff;
    }

        footer a:hover {
            text-decoration: underline;
        }

.right {
    float: right;
}

header .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    /*background-color: #071923;*/
}

header .dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    /*background-color: #071923;*/
}

header .dropdown-menu {
    padding: 0px;
}

header .dropdown-item {
    font-size: 14px;
    /*padding: 6px 12px;*/
    /*border-bottom: 1px solid#eaeaea;*/
    transition: 0.2s;
}

.whitebg {
    background-color: #fbfbfb;
    /*padding: 30px 0px;
    display: flex;*/
    padding: 10px 20px;
    margin: 0 0 15px 0;
    box-shadow: 0px 1px 7px 2px #ccc !important;
    float: left;
    width: 100%;
    border-radius: 3px;
}


.srchbg .nav-tabs .mrg-rgt5 {
    margin: 0px auto !important;
}

.whtbg {
    background-color: #ffffff;
}

.whitebg.hsrd {
    margin-top: 10px !important;
}

.nobgclr-shdw {
    background-color: transparent;
    box-shadow: none !important;
}

.srchbg header {
    margin-bottom: 0px !important;
}
/*.srchbg label.radio-label{color:#fff;}*/



.srchbg .panel-default > .panel-heading {
    margin-top: -35px;
    margin: 0px auto;
}

.srchbg .options .panel-body {
    /*padding: 0px 15px 20px 15px;
    background-color: #e9ecefe3;
    box-shadow: 0px 7px 7px 0px #00000024;
    border-radius: 0px 0px 21px 21px;
    margin-top: 0px;
    margin-bottom: 0px;*/
}

    .srchbg .options .panel-body .floating-label {
        color: #2a2a2a;
        background-color: #ffffff00;
        top: -21px !important;
        left: 4px;
        font-size: 14px !important;
        z-index: 0;
        text-transform: capitalize;
        font-weight: 500;
    }

    .srchbg .options .panel-body .floating-inpt {
        border: 1px solid #d0d0d0;
        width: 100%;
        font-family: 'roboto', sans-serif;
        font-size: 14px;
        background-color: #f8f8f8;
        height: 38px;
        padding: 5px !important;
        line-height: normal;
        font-weight: normal;
        margin: 0 !important;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
    }

        .srchbg .options .panel-body .floating-inpt:focus {
            border: 1px solid #071923;
        }

    .srchbg .options .panel-body .detail select:focus {
        border: 1px solid #071923;
        outline: none !important;
    }

    .srchbg .options .panel-body .room-dd.bg-dd:focus {
        border: 1px solid #071923 !important;
        outline: none;
    }

.md-autocomplete input:not(.md-input) {
    border-radius: 4px;
    border: 1px solid #d0d0d0;
}

    .md-autocomplete input:not(.md-input):focus {
        border: 1px solid #071923 !important;
    }

.srchbg md-autocomplete {
    height: 47px;
    border-radius: 0px;
    font-family: 'roboto', sans-serif;
}

    .srchbg md-autocomplete input:not(.md-input) {
        height: 47px;
        font-family: 'roboto', sans-serif;
    }

.room-dd.bg-dd a:focus {
    outline: none;
}



.input-group-btn > .btn {
    border-radius: 0px;
}

.number-spinner input {
    border-right: 0px;
}
/*.room-dd.bg-dd:focus{border: 1px dashed #404040 !important;}*/
.room-dd a:focus {
    outline: 0 !important;
}

.srchbg .options .panel-body .floating-label-select {
    background-color: transparent;
    color: #2a2a2a;
    left: 9px;
    margin: 0 !important;
    top: -1px;
}

.roon-dd-menu .floating-label-select {
    background-color: #fbfbfb !important;
    color: #676767 !important;
    left: 13px !important;
    margin: 0 !important;
    top: 9px !important;
}

.mod-search .roon-dd-menu .floating-label-select {
    background-color: #fbfbfb !important;
    color: #676767 !important;
    left: 13px !important;
    margin: 0 !important;
    top: -8px !important;
    z-index: 1;
}
/*.srchbg .panel-body input[type="radio"], .srchbg .panel-body input[type="checkbox"]{    display: none;}

.srchbg .panel-body input[type=checkbox].magic-checkbox + label::after {
    background:none;
    content:'';
}

.srchbg .panel-body #divNextDayDropOff input[type=checkbox] + label::after{left: 1px;
}*/

/*.room-section .floating-label-select {
    background-color: white !important;
    color: #333 !important;
    left: 14px !important;
    margin: 0 !important;
    top: 9px !important;
}*/

.srchbg .options .panel-body .detail select {
    color: #2a2a2a !important;
    font-family: 'roboto', sans-serif;
    font-size: 14px;
    width: 100%;
    background: rgba(242, 242, 242, 0);
    -webkit-appearance: none !important;
    background: #f8f8f8 url(../images/da.png) no-repeat 96% center;
    -moz-appearance: none !important;
    padding: 5px;
    box-shadow: none;
    /*border-radius: 4px;*/
    line-height: normal;
    /*border: 0px;
    border-color:transparent;*/
    height: 38px;
    margin-top: 20px;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
}

.roon-dd-menu select {
    background: #fbfbfb url(../images/da.png) no-repeat 96% center !important;
}

.srchbg .options .panel-body .select--hoshi {
    height: 35px;
    margin-top: 24px;
    /*margin-bottom: 10px;*/
    padding-left: 5px !important;
}

.srchbg .options .panel-body .sf {
    color: #2a2a2a !important;
    margin-top: -4px !important;
    background-color: transparent;
}

.srchbg .options .panel-body .room-dd.bg-dd {
    /*background: white url(../images/da.png) no-repeat 98% center;*/
    /*border-radius:4px;*/
    margin: 0;
    border: 0;
}

.srchbg .options .panel-body .room-dd {
    width: 100%;
    height: 38px;
    margin-top: 0px;
    margin-bottom: 17px;
    z-index: 1;
    padding: 0px;
    background: #f8f8f8 url(../images/da.png) no-repeat 96% center;
    border-radius: 5px;
    border: 1px solid #c2c2c2 !important;
}

    .srchbg .options .panel-body .room-dd.bg-dd:focus {
        border: 1px dashed #071923 !important;
    }








.srchbg .options .panel-body input:focus ~ .floating-label {
    top: -21px !important;
}

input:disabled ~ .floating-label, input:not(:disabled):valid ~ .floating-label {
    top: -9px;
    font-size: 14px;
    background-color: #fbfbfb;
    padding: 0px 7px;
    left: 14px;
}


.srchbg .options .panel-heading .nav > li:first-child > a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 0;
    background: none;
    box-shadow: inset 0 -3px 3px rgba(0,0,0,0.05);
    content: '';
    -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*border-right: 1px solid #005c8c;*/
}

.srchbg .options .panel-heading .nav-tabs > li.a:first-child {
    margin-bottom: -2px;
}

.srchbg .options .panel-heading .nav-tabs > li:first-child.active > a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 0;
    /*background:#071923 !important;*/
    /*box-shadow: 4px -1px 5px 0px #0000003d;*/
    content: '';
    /*-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);*/
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*border-right: 1px solid #005c8c;*/
    z-index: -1;
}




.srchbg .options .panel-heading .nav-tabs > li {
    text-align: center;
    display: inline-block;
    float: none;
    box-sizing: border-box;
    margin-right: 0px;
    float: none;
    margin-bottom: 0px;
    border-radius: 14px;
    margin: 0 4px;
}

    .srchbg .options .panel-heading .nav-tabs > li > a {
        border-radius: 0;
        color: #fff !important;
        font-weight: 500;
        font-size: 16px;
        text-transform: capitalize;
        margin: 0px;
        /*opacity:0.7;*/
        padding: 10px 15px;
        border: 0;
        float: left;
        background: #071923;
        border-radius: 14px;
        /*border-right: 1px solid #bebebe;*/
        /*border-bottom: 3px solid #404040;*/
    }

        .srchbg .options .panel-heading .nav-tabs > li > a span {
            width: 100%;
            float: left;
            display: flex;
            align-items: center;
            /*transform: skew(-20deg);*/
            margin-top: 0px;
        }

    .srchbg .options .panel-heading .nav-tabs > li.active:first-child { /*box-shadow: 0px 5px 5px 0px rgba(10, 10, 10, 1);*/
    }

    .srchbg .options .panel-heading .nav-tabs > li:last-child { /*box-shadow:3px 5px 5px -2px rgba(10, 10, 10, 1);*/
    }

    .srchbg .options .panel-heading .nav-tabs > li.active:first-child > a span {
        width: 100%;
        float: left;
        display: inline-flex;
        align-items: center;
        /*transform: skew(0deg)*/
    }

    .srchbg .options .panel-heading .nav-tabs > li > a:hover {
        opacity: 1;
        background-color: #071923;
    }

.srchbg .options .panel-heading .nav > li > a > img {
    display: inline;
}

.srchbg .options .panel-heading .nav-tabs {
    /*border-bottom: 1px solid #071923;*/
    /*background-color: #404040;*/
    border: 0px;
    float: none;
    top: -27px;
    position: relative;
    width: 100%;
    margin-left: 0%;
    text-align: center;
}

.srchbg .options .panel-body .nopadding .mrg-top10 .hover-btn.btn-reverse {
    padding: 8px 20px !important;
    width: auto !important;
    font-size: 15px;
    margin-top: 12px;
}

.srchbg .options .panel-heading .nav-tabs > li.active > a, .srchbg .options .panel-heading .nav-tabs > li.active > a:hover, .srchbg .options .panel-heading .nav-tabs > li.active > a:focus {
    color: #ffffff !important;
    background: #071923 !important;
    cursor: default;
    opacity: 1 !important;
    /*z-index: 1;*/
    border: 0;
    padding: 10px 18px;
    /* box-shadow: 5px 0px 3px 0px #1f1f1f5c; */
    border-bottom: 0px;
    margin-top: 0;
    position: relative;
}

.srchbg .options .panel-heading .nav-tabs > li:first-child.active > a, .srchbg .options .panel-heading .nav-tabs > li:first-child.active > a:hover, .srchbg .options .panel-heading .nav-tabs > li:first-child.active > a:focus {
    /*background-color: transparent;*/
    box-shadow: none;
}

.srchbg .options .lh {
    margin-left: 0px;
}

.srchbg .citysrch { /*background-image: url(../images/41/stt-pin.png);*/
    background-position: 98%;
    background-repeat: no-repeat;
    border: 1px solid #d0d0d0; /*border-radius: 4px;*/
}

.srchbg .citysrch1 {
    background-image: url(../images/ehb-flt.png);
    background-position: 98%;
    background-repeat: no-repeat;
}

.srchbg .citysrch2 {
    background-image: url(../images/ehb-flt2.png);
    background-position: 98%;
    background-repeat: no-repeat;
}

.cale {
    background-image: url(../images/54/smt-cal.png);
    background-position: 98%;
    background-repeat: no-repeat;
}

.srchbg .user { /*background-image: url(../images/41/stt-user.png) !important;*/
    background-position: 98%;
    background-repeat: no-repeat;
}

.srchbg .citysrch:focus {
    border: 1px solid #071923;
}

.srchbg .hover-btn.btn-reverse {
    position: absolute;
    top: -2px;
    background-color: #071923 !important;
    border-radius: 28px;
    box-shadow: none;
    font-size: 16px;
    color: #fff;
    display: block;
    font-weight: 500;
    margin-bottom: 0px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    float: none;
    margin: 0px auto;
}

    .srchbg .hover-btn.btn-reverse:hover {       
        opacity: 0.8;
    }

.srchbg .chnghtlbtn .hover-btn.btn-reverse {
    background-color: #071923;
    box-shadow: none;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 12px !important;
    margin-bottom: 4px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

    .srchbg .chnghtlbtn .hover-btn.btn-reverse:hover {
        background-color: #404040;
        color: #fff;
    }

.srchbg input[type=checkbox] + label {
    color: #404040 !important;
}

.srchbg input[type="radio"]:checked + label, .srchbg input[type="checkbox"]:checked + label {
    color: #404040 !important;
}




.hc .card {
    border: 0px;
}


.hc .card-header {
    padding: 16px 0px 14px 0px;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 1px solid #ccc;
    line-height: 0px;
    margin-top: 0px;
}

    .hc .card-header h5 {
        line-height: 0px;
    }

    .hc .card-header a {
        font-size: 14px;
        display: block;
    }

.plus {
    background: #071923;
    font-size: 9px !important;
    color: #fff;
    padding: 3px 3px;
    border-radius: 4px;
    font-weight: 400 !important;
    position: absolute;
    right: 0;
}

.accordion {
    list-style-type: none;
    padding: 0;
    margin: 0 0 30px;
    border-top: none;
    border-left: none;
}
/*
.accordion {
    list-style-type: none;
    padding: 0;
    margin: 0 -15px 30px 0px;
    border-top: none;
    border-left: none;
    border-right: 1px solid #ccc;
    display: inline-block;
    padding-right: 15px;
}*/


.city {
    padding: 10px 7px !important;
    color: #000;
    width: 100% !important;
}

    .city:hover {
        background: #404040;
        color: #ffffff;
        cursor: pointer;
    }

.accordion ul {
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 100%;
}

.accordion li {
    background: rgba(51, 204, 255, 0);
    cursor: pointer;
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 100%;
}


    .accordion li.active > a {
        border-radius: 0px;
        background-color: #071923;
        font-weight: 500;
        color: #fff;
        border-bottom: 2px solid #2b414d;
        background-image: url(../images/tri-open.png);
        outline: none !important;
    }

    .accordion li div {
        padding: 0px;
        /*padding: 20px;
                background: #aef;*/
        display: block;
        clear: both;
        float: left;
        /*width: 100%;*/
    }

.accordion a {
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-family: 'roboto', sans-serif;
    padding: 0px;
    display: block;
    cursor: pointer;
    background: url('../images/tri-close.png') no-repeat 97%;
}

.search-right-panel .accordion a {
    padding: 10px 10px 10px 35px !important;
    background-color: #8a9297;
    border-radius: 0px;
    color: #fff;
    /*border: 1px solid #727272;
        border-bottom: 1px solid #a9b9e2 !important;*/
}

    .search-right-panel .accordion a:before {
        content: '';
        /*background-color:#ced9f5;*/
        padding: 0;
        position: absolute;
        height: 42px;
        margin-top: -11px;
        left: 16px;
        width: 40px;
        z-index: 0;
        /*background-image:url('../images/fltr-bg.png');*/
        background-repeat: no-repeat;
        background-position: 0px 1px;
    }
/* Level 2 */
.accordion li ul li {
    background: rgba(51, 204, 255, 0);
    font-size: 0.9em;
    margin-bottom: 0 !important;
}

    .accordion li ul li label {
        font-size: 14px;
    }

#divHotelRates .search-right-panel .accordion a:before {
    left: 1px !important;
}

#divHotelRates .search-right-panel .accordion .iconsize2 {
    margin-top: 3px !important;
    left: 9px !important;
}

#divHotelRates input[type="radio"] {
    display: inline-block !important;
}

input[type="radio"]:focus {
    outline: none !important;
}

.hrates-plus-biz {
    cursor: pointer;
    font-weight: bold;
    font-size: 22px;
    color: #555555;
    margin-right: 6px;
    margin-left: 3px;
}

.inner ul {
}

    .inner ul li {
        list-style-type: none;
        background: none !important;
    }

        .inner ul li a {
            list-style-type: none;
            background: none !important;
        }

.inner a {
    list-style-type: none;
    background: none !important;
    border-bottom: 1px dashed #ccc;
    padding: 4px 10px;
}

    .inner a:hover {
        color: #071923 !important;
    }


.iconsize {
    font-size: 18px !important;
    margin-right: 5px !important;
}

#header .dropup, .dropdown {
    position: relative;
    float: right;
}


.options .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #ddd;
    border: 0px;
    padding: 0px;
    /*border-radius: 21px 21px 0px 0px;*/
}

.homepage .options.panel {
    color: #333;
    padding: 0px 15px 20px 15px !important;
    background-color: #e9ecefe3 !important;
    border-color: #ddd;
    border: 0px;
    padding: 0px;
    border-radius: 21px;
    box-shadow: 0px 7px 7px 0px #00000024 !important;
}

.homepage .options .panel-body {
    padding: 0px;
}

.whitebg .panel {
    border: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

.options .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    color: #ffffff !important;
    cursor: default;
    background-color: #404040;
    font-weight: bold;
}

    .options .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #ffffff !important;
        background-color: #071923;
    }

        .options .nav-tabs > li.active > a .fa, .nav-tabs > li.active > a:focus .fa {
            color: #ffffff !important;
        }

.nav-tabs > li.active > a:hover {
    color: #ffffff !important;
    /*background-color:transparent;*/
}

.options .nav > li > a {
    margin-bottom: 0px;
    padding: 10px 20px;
}

.options .panel-body {
    padding: 15px 0px 15px 0px;
}

.panel {
    /*box-shadow: none !important;*/
    background-color: #fbfbfb !important;
}

.srchbg .panel {
    background: none !important;
}

.options .lh {
    color: #000000;
    font-family: 'roboto', sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    background-color: #fbfbfb;
    margin-top: 7px !important;
    position: absolute;
    z-index: 9;
    margin-left: 5px;
    padding: 0px 5px;
}

.mgt45 {
    margin-top: 45px;
}

.cal {
    border-bottom: 1px solid #d8d8d8 !important;
    margin-top: 11px !important;
    color: #3a3a3a !important;
}

.more .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #071923;
    font-family: 'roboto', sans-serif;
}

.more {
    float: right;
    font-family: 'roboto', sans-serif;
    margin-top: 17px;
}

    .more .dropdown-menu {
        padding: 0px;
    }

    .more .dropdown-menu {
        position: absolute;
        top: 100%;
        left: inherit;
        right: 0;
    }

.approval h2 {
    color: #071923 !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-family: 'roboto', sans-serif !important;
    margin: 0px 0px 22px !important;
}

.approval h3 {
    color: #071923 !important;
    font-size: 20px !important;
    font-family: 'roboto', sans-serif !important;
    margin: 0px 0px 15px !important;
    background: none !important;
    font-weight: bold;
    padding-bottom: 4px !important;
}

.agency_detail {
    /*border-bottom: 1px solid #d4d4d4;*/
    padding: 5px 0px 10px 0px;
}

    .agency_detail p {
        font-family: 'roboto', sans-serif !important;
        font-size: 14px;
        color: #222222;
        margin: 0px;
    }

    .agency_detail .fa {
        width: 16px;
        color: #071923;
        margin-right: 8px;
    }


.approval .lh {
    color: #000000;
    font-family: 'roboto', sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.approval select {
    color: #3a3a3a;
    font-family: 'roboto', sans-serif;
    font-size: 14px;
    width: 100%;
    background: rgba(242, 242, 242, 0);
    border: 0px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 5px;
    -webkit-appearance: none !important;
    background: transparent url(../images/da.png) no-repeat right center;
    -moz-appearance: none !important;
}

.approval .detail select {
    border: 1px solid #d8d8d8 !important;
}

.sf {
    color: #676767 !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.blackb {
    background: #222222;
    text-align: center;
    margin-top: 15px;
    border-radius: 4px;
    float: left;
}

    .blackb a {
        color: #fff !important;
        font-family: 'roboto', sans-serif;
        font-size: 12px !important;
        text-decoration: none;
        text-transform: uppercase;
        float: left;
        display: block;
        transition: 0.2s;
        padding: 10px;
    }

        .blackb a:hover {
            background: #071923;
            border-radius: 4px;
        }

.mgtop7 {
    margin-top: 7px;
}

.msg {
    background: transparent;
    border: 1px solid #d8d8d8;
    margin-top: 10px;
}

.approval h4 {
    color: #071923;
    font-family: 'roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0px;
}

.mgb30 {
    margin-bottom: 20px !important;
}

.mp {
    font-size: 14px !important;
    color: #071923 !important;
    margin: 30px 0px 0px !important;
    font-weight: 500 !important;
}

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

.mgt24 {
    margin-top: 24px;
}

/*background: none!important; margin-top: 0!important
}*/

.members-check {
    margin: 20px 0px;
}

    .members-check input[type="checkbox"] {
        margin-left: 0px;
    }

    .members-check a {
        background-color: #071923;
        color: #fff !important;
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        text-decoration: none;
        display: inline-block;
        border: 3px solid #071923;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 25px;
    }

        .members-check a:hover {
            background-color: #404040 !important;
            border: 3px solid #404040 !important;
        }

.members-content .pagination {
    margin: 0;
}

    .members-content .pagination ul {
        margin-left: 0 !important;
    }

.members-content .digits_pagi {
    text-align: right;
}


    .members-content .digits_pagi ul {
        margin: 0;
        padding: 10px 0;
    }



        .members-content .digits_pagi ul li {
            padding: 0 !important;
        }

.members-content .pagination ul li {
    padding: 0 !important;
}

    .members-content .pagination ul li.active a {
        font-weight: bold;
        font-size: 19px;
        color: #404040 !important;
        text-decoration: underline !important;
    }

.members-content .table {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

    .members-content .table thead {
        background: #e7e7e7;
    }

.thead-new {
    background: #e9e9e9;
    padding: 5px !important;
}

.table > thead > tr > th {
    border-bottom: none;
}



/*.member-action li a {
	color: #071923!important;
}*/

.member-action li {
    color: #071923 !important;
}

.members-content a.com-name {
    color: #071923 !important;
}


/******************** Members Details Page Style**********************/

.mem-det-title {
    background: none !important;
    margin-top: 0px !important;
}

.cre-st-txt {
    color: #000 !important;
    margin: 10px 0px;
}

.rest-supplier {
    width: 100%;
    background-color: #f0f0f0;
    padding: 10px;
    margin: 20px 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .rest-supplier input[type="checkbox"] {
        margin-left: 0px;
    }

.prec-txt {
    color: #404040 !important;
    margin: 10px 0px;
}

.markUp-txt {
    font-family: "roboto",sans-serif;
    color: #071923 !important;
    margin-top: 20px;
}

.browse-txt {
    color: #071923 !important;
    margin: 5px 0;
    display: inline-block;
}

.mem-det-btn a {
    background-color: #071923;
    color: #fff !important;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    font-weight: 500;
    padding: 10px 20px;
    border: 3px solid #071923;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .mem-det-btn a:hover {
        background-color: #404040 !important;
        border: 3px solid #404040;
    }

.members-details .fileinput {
    margin: 20px 0;
}



.members-details .table {
    border: 1px solid #ccc;
}

    .members-details .table thead {
        background: #e7e7e7;
    }

.table-title {
    font-family: 'roboto', sans-serif;
    font-weight: 700;
    color: #071923 !important;
    font-size: 20px;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.input-title {
    color: #404040 !important;
}

.bx-shdw {
    box-shadow: 0 1px 7px 2px #e8e8e8 !important;
}

/******************** Update Profile Page Style**********************/

.update-profile {
    /*padding: 0px;
    border-left: 1px solid #ccc;*/
    width: 100%;
    float: left;
    /*padding-right: 10px !important;*/
}

.prfl-brows-title {
    color: #000000;
    font-family: 'roboto', sans-serif;
    font-size: 18px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    display: inline-block;
}

.up-prof-title {
    margin-top: 0 !important;
}

.update-profile .table {
    border: 1px solid #cdeeff;
}

    .update-profile .table thead {
        background: #e7e7e7;
    }

.hsrr-tbody-main th a {
    color: #071923 !important;
}


.upt-prof-btn a {
    background-color: #071923;
    color: #fff !important;
    border-radius: 5px;
    border: 0px solid #071923;
    /*border-bottom: 4px solid #77bada;*/
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 10px 20px !important;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    /*-webkit-box-shadow: 2px 4px 14px 5px rgba(0,0,0,0.36);*/
}

    .upt-prof-btn a:hover {
        background: #071923 !important;
        color: #fff !important;
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        border: 0px solid #404040;
        font-size: 14px;
        cursor: pointer;
        /*border-radius: 50px;*/
        /*-webkit-box-shadow: 2px 4px 14px 5px rgba(0,0,0,0.36);*/
    }

.add-new-user a {
    background-color: #222222;
    color: #fff !important;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}

    .add-new-user a:hover {
        background-color: #071923;
    }

.user-prfl-modal .modal-title small {
    font-size: 10px;
    color: #000;
}


.user-prfl-modal input[type="checkbox"] {
    margin-left: 0px !important;
}

.user-prfl-modal .modal-save-btn {
    background-color: #071923 !important;
    color: #fff !important;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    /*transition: 0.2s;*/
    padding: 10px 20px !important;
    border-radius: 5px;
    border: 0px solid #071923;
    /*border-bottom: 4px solid #77bada;*/
}

    .user-prfl-modal .modal-save-btn:hover {
        background: #071923 !important;
        color: #fff !important;
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        border: 0px solid #404040;
        font-size: 14px;
        cursor: pointer;
        /*border-bottom: 4px solid #3959aa;*/
        border-radius: 5px;
    }




.user-prfl-modal .modal-close-btn {
    background-color: #222222;
    color: #fff !important;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 10px 20px;
    border-radius: 4px;
}

.user-prfl-modal .modal-footer {
    padding: 15px 15px;
    border-top: 1px solid rgba(61, 21, 83, 0.37);
    background-color: #fff;
}

.user-prfl-modal .modal-dialog {
    max-width: 725px;
    height: 90vh;
    overflow: hidden;
    margin: 10px auto;
}

div.modal-res {
    overflow: hidden !important;
}

.modal-content {
    border-radius: 0;
    float: left;
    width: 100%;
    border: 0px;
}

.modal-body {
    max-height: 70vh;
    overflow-y: auto;
    float: left;
    width: 100%;
    background-color: #fbfbfb;
    padding: 15px 10px;
}

.user-prfl-modal .modal-body, .user-prfl-modal .modal-header {
    padding: 10px;
}

.modal-header {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(185, 185, 185, 0.4);
    float: left;
    width: 100%;
    background-color: #ffffff;
    color: #071923;
}

.modal-header-bg {
    background-color: #0c2533de;
    color: #ffffff;
}

    .modal-header-bg .close {
        color: #fff !important;
    }

.modal-footer-bg {
    background-color: #e9e9e9;
    color: #071923;
}

.modal-footer {
    float: left;
    width: 100%;
    background-color: #fff;
}

.user-prfl-modal .user-txt {
    font-size: 16px;
    font-weight: 700;
}

.mgtop20 {
    margin-top: 20px;
}
/*------new style----*/
.input--hoshi i.fa.fa-search {
    right: 20px;
    position: absolute;
    color: #000;
    font-size: 16px;
}

.float-input i.fa.fa-search {
    right: 20px;
    position: absolute;
    color: #000;
    font-size: 16px;
    top: 0;
}

.select--hoshi {
    font-family: 'roboto', sans-serif;
    border: 1px solid #d8d8d8;
    width: 100%;
    background: transparent;
    color: #000;
    font-size: 14px;
    height: 40px;
}

/*.select--hoshi {
    height: 40px;
    margin-top: 10px;
}*/

.file--hoshi {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

h4.modal-title {
    font-weight: 500;
    font-size: 20px;
    margin: 0px;
}

p.offline-role {
    color: #222222;
}

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


/*----dd----*/
.select-room {
    width: 100%;
    margin-top: 0px;
    color: #000 !important;
    font-size: 14px !important;
    padding: 8px;
}

.mod-search .select-room {
    width: 100%;
    margin-top: 5px;
    color: #000 !important;
    font-size: 14px !important;
}

.mod-search .room-dd {
    height: 47px;
    border-radius: 0px !important;
    margin-bottom: 0px;
}

.room-dd {
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 17px;
    padding: 2px 5px;
    border: 1px solid #d8d8d8;
    margin-top: 20px;
    margin-bottom: 17px;
    border-radius: 0px;
    /*z-index: 10;*/
}

    .room-dd.bg-dd {
        background: transparent url("../images/da.png") no-repeat 96% center;
        border-radius: 5px;
    }

    .room-dd a {
        display: block;
    }

.roon-dd-menu {
    left: -2px;
    right: 0;
    padding: 5px 15px;
    background: #fbfbfb;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 120%;
    position: absolute;
    top: 33px;
    z-index: 20
}

.roomtitle p {
    margin: 0px;
    padding: 0px;
    font-size: 12px !important;
}


ul.adult_counter {
    list-style: none;
    float: left;
    padding-left: 0;
    margin-bottom: 0;
}

    ul.adult_counter li a {
        display: inline-block;
        margin: 5px 0;
        padding: 0px 5px;
    }

    ul.adult_counter li.selected a {
        background: #071923;
        color: #fff !important;
        border-radius: 4px;
    }

    ul.adult_counter li a:hover {
        background: #071923;
        color: #fff !important;
        border-radius: 4px;
    }

    ul.adult_counter li {
        display: inline-block;
    }

.roomtitle {
    margin-top: 5px;
}

button.btn.btn-default.marL5 {
    padding: 6px 8px;
    float: left;
    font-size: 12px;
    border: 1px solid #071923;
    color: #404040;
    margin-left: 10px;
}

    button.btn.btn-default.marL5:hover {
        background-color: #f2f7f9;
    }

a.close_pax {
    font-size: 12px;
    color: #071923;
    border-bottom: 1px solid #ccc;
    padding: 0 0 2px;
    margin: 8px 12px 0 0;
}

.p-r-0 {
    padding-right: 0;
}

.paxCounter {
    display: inline-block;
}

.acc1 label {
    font-weight: normal !important;
}

.sf {
    color: #676767 !important;
    font-size: 14px !important;
}

.bdr-clr1 {
    border: 1px solid #c5c5c5;
}

.bdr1 {
    border: 1px solid #ccc;
}

.nobdr {
    border: 0px !important;
}

.bdrtop-btm {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}
/*-------*/

.text-center-lg {
    text-align: center !important;
}




.homepage {
    background: #fff;
}

#homenew header {
    position: absolute;
    top: 0px;
    width: 100%;
    float: left;
    z-index: 9;
}

header .nav > li > a {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px !important;
    font-family: 'roboto', sans-serif;
}

#homenew #logo {
    border-bottom: 0px !important;
    background: transparent !important;
}

#logo .container-fluid {
    background-color: #0c2533de;
    float: left;
    width: 100%;
}

.carousel-inner-bflog {
    max-height: 500px !important;
}

.carousel-inner-aflog {
    height: 300px !important;
}

.banner-sec .carousel-inner > .item > img, .banner-sec .carousel-inner > .item > a > img {
    height: 460px;
}

.banner-sec .carousel-inner {
    max-height: 460px;
}

.banner-bflog {
    height: 300px !important;
}

.banner-aflog {
    height: 300px !important;
}



#logo .nav > li > a {
    color: #fff !important;
    font-size: 15px !important;
    margin: 0;
    padding: 8px 15px 5px 15px;
    line-height: normal;
    font-family: roboto, sans-serif;
}

#logo .nav > li:last-child {
    margin-right: 10px;
}

#logo .nav > li > a:hover, #logo .nav > li > a:focus { /*background-color:#071923; border-bottom:5px solid #071923;*/
    color: #fff !important;
}

.banner {
    background: url('../images/banner.jpg') no-repeat;
    background-size: cover;
    min-height: 552px;
    position: relative;
}

    .banner .banner-image img {
        width: 100%;
        height: auto;
    }

.img-outline {
    outline-offset: -15px;
}

.homepage section.main-content {
    padding: 50px 0 20px;
    clear: both;
}


.cation-image {
    /* position: absolute; */
    /* top: calc(50% - 100px); */
    /* right: 20%; */
    text-align: left;
    margin-top: calc(100px - 100px);
}

.homepage .sec-head {
    font-weight: 300;
    text-transform: uppercase;
    font-family: roboto !important;
    color: #000;
    font-size: 24px;
    padding: 0px 10px 10px;
    margin: 0;
}

    .homepage .sec-head span {
        font-weight: 700;
        color: #071923;
    }

.img-outline {
    outline-offset: -15px;
}


.homepage .promo-img {
    padding: 10px 0;
}

.homepage .banner-sec {
    position: relative;
    margin-top: -85px;
}

.login-form h3 {
    color: #baeb6b;
    font-weight: bold !important;
}

.actvhea {
    font-weight: bold;
}

    .actvhea:after {
        width: 50px;
        height: 3px;
        background-color: #071923;
        content: "";
        float: left;
        position: absolute;
        margin-top: 29px;
        left: 30px;
    }

.login-form btn {
    font-size: 16px;
}

form.login-form input.form-control {
    height: auto;
    padding: 10px 20px 10px 40px !important;
    box-shadow: none;
    border: 1px solid #d4d4d4;
    border-radius: 50px;
    margin-bottom: 15px;
}

    form.login-form input.form-control:focus {
        outline: 0px !important;
    }

.login-form label.control-label {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.logbtn {
    position: absolute;
    bottom: -27px;
    left: 42%;
}

    .logbtn .hfbtn {
        width: auto;
        background: #071923;
        color: #404040;
        border-radius: 100px !important;
        height: auto;
        font-weight: bold;
        line-height: normal;
        padding: 10px 15px;
        text-align: center;
        cursor: pointer !important;
        opacity: 1 !important;
        font-size: 25px;
        border: 3px solid #fff;
        box-shadow: 0px 0px 5px 1px #00000040;
    }

        .logbtn .hfbtn:hover {
            background: #404040;
            color: #071923;
        }

        .logbtn .hfbtn:focus {
            outline: 0 !important;
        }

.reg-links span {
    display: inline-block;
    min-width: 49%;
}

.reg-link {
    font-weight: normal;
    font-size: 13px;
}

a:hover, a:focus {
}

.reg-links {
    padding: 10px 15px;
    border: 1px solid #071923;
    color: #071923;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

    .reg-links:hover {
        border: 1px solid #071923;
        background-color: #071923;
        color: #071923;
    }

    .reg-links a {
        color: #071923;
        font-weight: 500;
        font-size: 13px;
    }



.hfbtn {
    width: auto;
    background: #071923;
    color: #f9f9f9;
    height: auto;
    font-weight: bold;
    line-height: normal;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer !important;
    opacity: 1 !important;
    font-size: 16px;
}

    .hfbtn:hover, .hfbtn:focus, .hfbtn.focus {
        color: #ffffff;
        background: #404040;
        cursor: pointer !important;
    }



#access_account .modal-header, #LoginMod .modal-header {
    background-color: #071923;
    color: #fff;
    padding: 10px;
    font-size: 13px;
}

    #access_account .modal-header .close {
        opacity: 0.8;
        color: #fff;
    }

#access_account .modal-title {
    font-size: 19px;
    margin-bottom: 5px;
}

#access_account .modal-body {
    line-height: 25px;
    padding: 15px 10px;
    background-color: transparent;
    float: none;
    margin: 0px;
}

#access_account p {
    margin: 0;
}

#access_account .modal-body label {
    font-weight: normal;
}

.homepage .promotions {
    margin-bottom: 10px;
}

.homepage .promo-img {
    padding: 10px 0;
}

.homepage .partners {
    padding: 10px 0;
}

.cation-image img.img-responsive {
    width: auto !important;
    max-width: 100%;
    margin: 10px auto 0 0;
    max-height: 170px;
}

.homepage .partner-img {
    padding: 20px 0;
}

.bg-grey {
    background: #f3f3f3;
}

.bg-white {
    background: #fff;
}

.banner-caption {
    margin: 0;
    position: relative;
    top: 0%;
    left: 0%;
    width: 100%;
    margin-top: -10px;
}

    .banner-caption h2 {
        font-family: Georgia, 'Times New Roman', Times, serif;
        color: #ffffff;
        font-size: 21px;
        text-align: center;
        font-weight: bold;
        margin-top: 18%;
        margin-bottom: 10%;
    }

.login-form .form-group {
    margin-bottom: 0px;
    float: left;
}

.homepage .main-form {
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.login-form {
    padding: 0px;
    background-color: #fff;
    float: left;
    width: 100%;
    box-shadow: 0px 0px 4px 0px #000000ba;
    border-radius: 10px;
}

.logbg {
    background-image: url('../images/35/tripo-logbg.jpg');
    background-position: left -75px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 118px;
    border-radius: 10px 10px 0px 0px;
}

.logbgcover {
    background-color: #6a3290bf;
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 10px 10px 0px 0px;
    padding: 20px;
}

    .logbgcover h3 span {
        color: #fff;
        font-size: 15px;
        font-weight: 300;
    }

.logform {
    padding: 20px 20px 30px;
    background-color: #fff;
    float: left;
    width: 100%;
    box-shadow: 0px 0px 5px 2px #0000004f;
    border-radius: 10px;
    margin: 0px auto 25px;
    margin-top: -32px;
}

    .logform .usrnm {
        background-image: url('../images/35/usrnm-tripo.png');
        background-position: 15px;
        background-repeat: no-repeat;
    }

    .logform .pwd {
        background-image: url('../images/35/pwd-tripo.png');
        background-position: 15px;
        background-repeat: no-repeat;
    }

.homepage .main-form {
    max-width: 600px;
    margin: 10px auto;
}

.homepage .promoh .promohd {
    text-align: center;
    padding: 5px 15px;
    float: left;
    margin: 0px auto;
    width: 100%;
}

    .homepage .promoh .promohd h3 {
        text-transform: uppercase;
        font-size: 22px;
        text-align: center;
        background-color: #ffffff;
        padding: 5px 15px;
        color: #404040;
        margin: 20px 0px 0px;
        overflow: hidden;
        text-align: center;
        width: 100%;
        font-weight: bold;
    }



.thead-lght {
    background-color: #e7e7e7;
}

.rail-rate {
    color: #071923 !important;
    font-size: 16px !important;
    text-align: left !important;
    font-family: 'roboto', sans-serif !important;
    margin-bottom: 0;
    font-weight: 400 !important;
    margin: 10px 0;
}

.bdr-top1 {
    border-top: 1px solid #eaeaea;
}

.bdr-lft1 {
    border-left: 1px solid #eaeaea;
}

.bdr-rgt1 {
    border-right: 1px solid #eaeaea;
}

.bdr-btm1 {
    border-bottom: 1px solid #eaeaea;
}

.bdr-rgt1-res {
    border-right: 1px solid #c2c2c2;
}


/*bkngsmgid  for TicketPrint table on Fsummary   */
.bkngsmgid {
    width: 100%;
}

    .bkngsmgid th, .bkngsmgid td {
        border: 1px solid #cdeeff;
        padding: 1px;
    }

.bkngsmgid1 {
    width: 100%;
}

    .bkngsmgid1 th, .bkngsmgid1 td {
        border: 1px solid #c4d9e7;
        padding: 5px;
    }

/*for circle loading popup start*/

.main {
    width: 165px;
    height: 140px;
    padding: 10px;
    border-radius: 100%;
    margin: 0px auto;
}

    .main::before {
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.83), 0 2px 10px 0 rgba(0, 0, 0, 0.83);
        color: rgba(0, 0, 0, 0.54);
        content: "";
        /*left: 211px;*/
        width: 145px;
        height: 145px;
        position: absolute;
        text-align: center;
        top: 18px;
        z-index: 9999;
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        display: block;
    }

    .main p {
        position: relative;
        top: 28%;
        left: 0%;
        color: #071923;
        z-index: 99999999;
        font-weight: bold;
        text-align: center;
    }

.wrapper {
    width: 145px;
    height: 145px;
    position: absolute;
    top: 18px;
    clip: rect(0px, 145px, 145px, 72.5px);
    border-radius: 50px;
}
/* Set the sizes of the elements that make up the progress bar */
.circle {
    width: 145px;
    height: 145px;
    border: 10px solid #071923;
    border-radius: 50px;
    position: absolute;
    clip: rect(0px, 73px, 163.1px, 0px);
    border-radius: 100%;
    background-color: #071923;
}
/* Using the data attributes for the animation selectors. */
/* Base settings for all animated elements */
div[data-anim~=base] {
    -webkit-animation-iteration-count: 1; /* Only run once */
    -webkit-animation-fill-mode: forwards; /* Hold the last keyframe */
    -webkit-animation-timing-function: linear; /* Linear animation */
}

.wrapper[data-anim~=wrapper] {
    -webkit-animation-duration: 0.1s; /* Complete keyframes asap */
    -webkit-animation-delay: 30s; /* Wait half of the animation */
    -webkit-animation-name: close-wrapper; /* Keyframes name */
}

.circle[data-anim~=left] {
    -webkit-animation-duration: 60s;
    -webkit-animation-name: left-spin;
}

.circle[data-anim~=right] {
    -webkit-animation-duration: 30s;
    -webkit-animation-name: right-spin;
}

/* Rotate the right side of the progress bar from 0 to 180 degrees */
@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(180deg);
    }
}
/* Rotate the left side of the progress bar from 0 to 360 degrees */
@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}
/* Set the wrapper clip to auto, effectively removing the clip */
@-webkit-keyframes close-wrapper {
    to {
        clip: rect(auto, auto, auto, auto);
    }
}
/*for circle loading popup end*/

/*Remittance css start*/
#frmRemittancePrintbankid1 hr, #frmRemittancePrintbankid2 hr {
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    background: #ccc;
    border: 0 solid #ccc;
    color: #ccc;
    margin-block-start: 0.5em;
}


#frmRemittancePrintbankid1 table {
    margin: 10px 0px 0px 0px;
    padding: 0;
    line-height: 1.5em;
    font-family: roboto, sans-serif;
    color: #4a4a4a;
    background: #FFFFFF;
    voice-family: inherit;
    font-size: 14px;
}

#frmRemittancePrintbankid2 table {
    margin: 10px 0px 0px 0px;
    padding: 0;
    line-height: 1.5em;
    font-family: roboto, sans-serif;
    color: #4a4a4a;
    background: #FFFFFF;
    voice-family: inherit;
    font-size: 14px;
}

#frmRemittancePrintbankid1 .table > thead > tr > th, #frmRemittancePrintbankid1 .table > tbody > tr > th, #frmRemittancePrintbankid1 .table > tfoot > tr > th, #frmRemittancePrintbankid1 .table > thead > tr > td, #frmRemittancePrintbankid1 .table > tbody > tr > td, #frmRemittancePrintbankid1 .table > tfoot > tr > td {
    border-top: 0px solid #fff;
}

#frmRemittancePrintbankid2 .table > thead > tr > th, #frmRemittancePrintbankid2 .table > tbody > tr > th, #frmRemittancePrintbankid2 .table > tfoot > tr > th, #frmRemittancePrintbankid2 .table > thead > tr > td, #frmRemittancePrintbankid2 .table > tbody > tr > td, #frmRemittancePrintbankid2 .table > tfoot > tr > td {
    border-top: 0px solid #fff;
}

/*Praveen */
.dvcontent6 {
    text-align: justify;
    margin-left: 72px;
    margin-right: 30px;
    padding: 0;
    line-height: 1.3em;
    font-family: roboto, sans-serif;
    color: #4a4a4a;
    background: #FFFFFF;
    voice-family: inherit;
    font-size: 14px;
}

.dvcontent7 {
    text-align: justify;
    margin-left: 30px;
    margin-right: 30px;
    padding: 0;
    line-height: 1.3em;
    font-family: roboto, sans-serif;
    color: #4a4a4a;
    background: #FFFFFF;
    voice-family: inherit;
    font-size: 14px;
}

td.t_07_Date {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 5px;
    font-size: 12px;
}

td.t_07_Form {
    padding-top: 170px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: center;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    font-size: 13px;
}

/*Praveen End*/




/*Start Page 1 */
table.tbl_01_01 {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: roboto, sans-serif;
    color: #4a4a4a;
    background: #FFFFFF;
    voice-family: inherit;
    font-size: 11px/13px;
}

tr.t_01_Date {
    padding-top: 150px;
    padding-left: 20px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 5px;
}

tr.t_01_Sign {
    padding-top: 105px;
    padding-left: 20px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 5px;
}

tr.t_01_BankAdd {
    padding-left: 20px;
    padding-top: 20px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 5px;
}

tr.t_01_Subject {
    padding-left: 20px;
    padding-top: 5px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 5px;
}

tr.t_01_remBankDetail {
    padding-left: 20px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 5px;
}

span.sp_01_remBankDetail {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 12px;
    font-weight: bold;
}

span.sp_01_remBankDetail_Add {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 148px;
    font-weight: bold;
}

span.sp_01_remBankDetail_AccNo {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 60px;
    font-weight: bold;
}

span.sp_01_remBankDetail_BenName {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 18px;
    font-weight: bold;
}

span.sp_01_remBankDetail_CC {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 50px;
    font-weight: bold;
}

span.sp_01_remBankDetail_SC {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 60px;
    font-weight: bold;
}

span.sp_01_remBankDetail_IBAN {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 105px;
    font-weight: bold;
}

span.sp_01_remBankDetail_Detail {
    position: absolute;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    left: 135px;
    font-weight: bold;
}
/*End Page 1 */

/*Start Page 2 */
table.tbl_02 {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: roboto, sans-serif;
    color: #4a4a4a;
    background: #FFFFFF;
    voice-family: inherit;
    font-size: 11px/13px;
}

tr.t_02_Annexure {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: right;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    padding-right: 30px;
    font-weight: bold;
}

tr.t_02_Signature {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: right;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    padding-right: 30px;
}

tr.t_02_Form {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: center;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
}

tr.t_02_c {
    padding-left: 20px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 5px;
}

span.sp_02_Dtl_Head {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 20px;
}

span.sp_02_Dtl_Head_Name {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 73px;
    font-weight: bold;
}

tr.t_02_cChild {
    padding-left: 80px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 5px;
}

span.sp_02_Dtl_Head_Add_1 {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 20px;
}

span.sp_02_Dtl_Head_Add_2 {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 95px;
}

span.sp_02_Dtl_Head_Add_3 {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 95px;
}

span.sp_02_Dtl_Head_Acc {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 15px;
    font-weight: bold;
}

span.sp_02_Dtl_RemCurrAmt {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 20px;
    font-weight: bold;
}

span.sp_02_BenAdd {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 20px;
    padding-left: 110px;
}

span.sp_02_BenDtl {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 20px;
    padding-left: 25px;
}

span.sp_02_clustion {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 20px;
    padding-left: 10px;
}

tr.t_02_Date {
    padding-top: 50px;
    padding-left: 20px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    margin-left: 5px;
}

tr.t_02_Final {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: right;
    text-indent: 1px;
    text-transform: none;
    vertical-align: top;
    padding-left: 600px;
}

span.s_02_Final {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: right;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    padding-right: 75px;
    margin-right: 75px;
}

span.d_02_Final {
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: right;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    padding-right: 110px;
    margin-right: 110px;
}

/*End Page 2 */

/*Start Page 3 */
table.tbl_03 {
    margin: 10px 10px 0px 10px !important;
    padding: 0;
    line-height: 0.8em !important;
    font-family: 8px/9px roboto, sans-serif;
    color: #4a4a4a;
    voice-family: inherit;
    /*height: 1500px;*/
    width: 950px;
    border: solid 1px #000000;
}

td.t_03_img {
    padding: 2px 2px 0px 2px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    left: 15px;
    height: 15;
    border-bottom: solid 1px #000000;
}

td.t_03_Head {
    padding: 20px 5px 0px 5px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: right;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    font-weight: bolder;
    font-size: large;
    height: 15;
    border-bottom: solid 1px #000000;
}

td.t_03_subHead {
    padding: 1px 2px 2px 2px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    font-size: 8px;
    line-height: 12px;
}

td.t_03_Date {
    padding: 0px 5px 0px 0px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: right;
    text-indent: 0px;
    text-transform: none;
    vertical-align: bottom;
    font-size: 8px;
}

td.t_03_Application {
    padding: 1px 2px 2px 2px;
    font-family: roboto, sans-serif;
    background-color: #696969;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    font-size: 8px;
    color: #ffffff;
    font-weight: bold;
    line-height: 12px;
}

span.sp_03_Add {
    margin-left: 5px;
    font-family: roboto, sans-serif;
    font-size: 10px;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    /*line-height: 10px;*/
}

td.t_03_Contact {
    padding: 0px 5px 0px 0px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: middle;
    font-size: 8px;
}

span.s_03_Contact {
    padding: 0px 5px 0px 0px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: bottom;
    font-size: 8px;
    font-size: xx-small;
}

table.tbl_01 {
    margin: 10px 10px 0px 10px;
    padding: 0;
    line-height: 0.8em;
    font-family: 8px/9px roboto, sans-serif;
    color: #4a4a4a;
    voice-family: inherit;
    /*height: 1500px;*/
    width: 950px;
    border: solid 1px #000000;
}

table.tbl_03_02 {
    margin: 0px 10px 0px 10px;
    padding: 0;
    line-height: 0.8em !important;
    font-family: 8px/9px roboto, sans-serif;
    color: #4a4a4a;
    voice-family: inherit;
    /*height: 1500px;*/
    width: 950px;
    border: solid 1px #000000;
}

td.t_03_spDetails {
    padding: 0px 5px 0px 5px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: middle;
    font-size: 8px;
    border-left: solid 1px #000000;
}

table.tbl_03_03 {
    margin: 0px 10px 0px 10px;
    padding: 0;
    line-height: 0.8em !important;
    font-family: 8px/9px roboto, sans-serif;
    color: #4a4a4a;
    voice-family: inherit;
    /*height: 1500px;*/
    width: 950px;
    border: solid 1px #000000;
}

td.t_03_32a {
    padding: 5px 5px 0px 5px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: center;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    font-size: 8px;
    width: 100px;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

td.t_03_valueHead {
    padding: 5px 5px 0px 5px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: center;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    font-size: 8px;
    width: 175px;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

td.t_03_value {
    padding: 0px 5px 0px 5px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    font-size: 8px;
    width: 175px;
    border-right: solid 1px #000000;
}

td.t_03_32a_sub {
    padding: 0px 5px 0px 5px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: center;
    text-indent: 0px;
    text-transform: none;
    vertical-align: middle;
    font-size: 8px;
    width: 100px;
}

td.t_03_Description {
    padding: 0px 5px 0px 5px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: middle;
    font-size: 8px;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

td.t_03_Description_sub {
    padding: 0px 5px 0px 5px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: middle;
    font-size: 8px;
}

span.sp_03_Yes {
    margin-left: 10px;
    font-family: roboto, sans-serif;
    font-size: xx-small;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
}

span.sp_03_Opt {
    margin-left: 10px;
    margin-right: 0px;
    font-family: roboto, sans-serif;
    font-size: xx-small;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: middle;
}

table.tbl_03_04 {
    margin: 0px 10px 0px 10px;
    padding: 0;
    line-height: 0.8em !important;
    font-family: 8px/9px roboto, sans-serif;
    color: #4a4a4a;
    voice-family: inherit;
    /*height: 1500px;*/
    width: 950px;
    border: none;
}

table.tbl_03_04_sub_01 {
    margin: 0px 0px 0px 0px;
    padding: 0;
    line-height: 0.8em !important;
    font-family: 8px/9px roboto, sans-serif;
    color: #4a4a4a;
    voice-family: inherit;
    /*height: 1500px;*/
    width: 475px;
    border: solid 1px #000000;
}

table.tbl_03_04_sub_02 {
    margin: 0px 0px 0px 0px;
    padding: 0;
    line-height: 0.8em !important;
    font-family: 8px/9px roboto, sans-serif;
    color: #4a4a4a;
    voice-family: inherit;
    /*height: 1500px;*/
    width: 475px;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

td.t_03_custsig {
    margin: 10px 15px 15px 10px;
    padding: 10px 15px 15px 10px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    /*text-align: left;*/
    text-indent: 0px;
    text-transform: none;
    vertical-align: bottom;
    font-size: 8px;
    border: solid 1px #000000;
    /*border-right:solid 1px #000000;*/
    height: 53px;
    width: 453px;
}

table.tbl_03_05 {
    margin: 20px 0px 0px 0px;
    padding: 0;
    line-height: 0.8em !important;
    font-family: 8px/9px roboto, sans-serif;
    color: #4a4a4a;
    voice-family: inherit;
    /*height: 1500px;*/
    width: 970px;
    border: none;
}

img.sbank {
    width: 90px;
    height: 55px;
}

td.t_03_bottom {
    padding: 1px 2px 2px 2px;
    font-family: roboto, sans-serif;
    background-color: #ABABAB;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    font-size: 8px;
    color: #969696;
    font-weight: bold;
}

span.sp_03_signa {
    margin: 0px;
    font-family: roboto, sans-serif;
    font-size: xx-small;
    background-color: #ffffff;
    text-align: right;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
}

td.t_03_footerimg {
    padding: 0px 0px 0px 0px;
    font-family: roboto, sans-serif;
    background-color: #ffffff;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: top;
    left: 15px;
    height: 15;
    border-bottom: solid 1px #000000;
}

img.footerimg {
    width: 970px;
    height: 15px;
}

.prntimgtd1 {
    width: 20%;
}

.prntimgtd2 {
    width: 75%;
}

#frmRemittancePrintbankid2 td, #frmRemittancePrintbankid2 th {
    padding: 0px 5px;
}
/*Remittance css end*/

.homepage .promotions .col-md-4 {
    width: 33.33333333% !important;
    padding-right: 40px;
    padding-left: 40px;
}

.alrt-clr {
    color: #ff0000 !important;
}

.rpt-head {
    color: #333333 !important;
    font-size: 20px !important;
    margin: 0px 0px 10px 0px !important;
    text-align: center !important;
}

.loginbg {
    background-color: rgba(0, 0, 0, 0.7);
}

    .loginbg .subloginbg {
        position: absolute;
        top: -50px;
    }

.subloginbg .reglnk a {
    color: #a2a2a2;
}

    .subloginbg .reglnk a:hover {
        color: #071923;
    }

    .subloginbg .reglnk a:focus {
        color: #071923;
    }

.regsec {
    min-height: 225px;
}

.navbar-default .navbar-nav > li {
    color: #fff !important;
    font-family: 'roboto', sans-serif;
    font-size: 13px !important;
    font-weight: normal !important;
}

    .navbar-default .navbar-nav > li:last-child {
        border-right: 0px solid #087bb7;
    }



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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #071923;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-top: 3px;
    padding: 5px 10px;
    color: #ffffff;
    text-align: center;
    margin: 0px;
    padding: 7px;
    text-align: left;
}

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

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

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

.srvcmenu {
    margin: 0px;
}

    .srvcmenu ul {
        list-style-type: none;
        width: auto;
        float: right;
        margin: 0;
        padding: 0px;
    }

    /*.srvcmenu ul li{padding: 0px 5px;
    float: left;}
.srvcmenu ul li a{float: right;}
.srvcmenu ul li a img{text-align: center;}

.srvcmenu ul li a:focus{ outline: none !important;}

.srvcmenu ul li.active a span{color:#404040;border-bottom:3px solid #404040;}

.srvcmenu ul li a span{display: block;
    line-height: normal;
    text-align: center;
    margin-top: 10px;}*/



    .srvcmenu a {
        color: #404040;
        line-height: 70px;
        padding: 12px 15px;
        /*border:1px solid #d0d0d0;*/
        font-size: 14px;
        font-weight: 400;
        margin-left: 15px;
        -webkit-transition: ease-out 0.4s;
        -moz-transition: ease-out 0.4s;
        transition: ease-out 0.4s;
        margin: 0px;
        line-height: normal;
        color: #fff;
        padding: 10px;
    }

    .srvcmenu .dropdown .dropdown-content a {
        border-bottom: 1px solid #071923 !important;
        line-height: normal;
        font-size: 14px !important;
        margin: 0px;
    }

        .srvcmenu .dropdown .dropdown-content a:last-child {
            border-bottom: 0px solid #071923 !important;
        }




/*.srvcmenu a:hover{
    color:#fff;
  box-shadow: inset 0 0 0 50px #071923;
    /*box-shadow: 0px 0px 8px 2px #071923;
  
   
}*/



#email2 .fa, #email3 .fa {
    color: #071923 !important;
}

.ui-widget.ui-widget-content {
    border: 1px solid #404040 !important;
}

.ui-widget-header {
    border: 1px solid #071923 !important;
    background: #3a4d57 !important;
}

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #404040 !important;
        background: #404040 !important;
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #404040 !important;
        background: #404040 !important;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 1px solid #071923 !important;
        background: #071923 !important;
    }

.ui-icon-circle-triangle-w {
    background-position: -96px -17px !important;
}

.ui-icon-circle-triangle-e {
    background-position: -33px -17px !important;
}

.angucomplete-selected-row {
    border: 1px solid #071923 !important;
    background: #071923 !important;
}

#dvShowComm {
    color: #071923 !important;
}

#divAgWSComm {
    color: #071923 !important;
    font-weight: bold;
}

.more-desc a {
    color: #071923 !important;
}

.sidemenu {
    background: #fff0;
    padding: 0px;
    margin-bottom: 30px;
    box-shadow: 0px 1px 4px 2px #ccc !important;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    box-shadow: 0 0.46875rem 2.1875rem rgba(31,10,6,0.03), 0 0.9375rem 1.40625rem rgba(31,10,6,0.03), 0 0.25rem 0.53125rem rgba(31,10,6,0.05), 0 0.125rem 0.1875rem rgba(31,10,6,0.03);
}

    .sidemenu .accordion {
        float: left;
        width: 100%;
        margin: 0px !important;
        overflow: hidden;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-property: height, visibility;
        -o-transition-property: height, visibility;
        transition-property: height, visibility;
    }

        .sidemenu .accordion ul {
            /*padding: 10px 0px 15px 15px;*/
            margin: 0px !important;
            float: left;
            display: block;
            width: 100%;
            overflow: hidden;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            transition-timing-function: ease;
            -webkit-transition-duration: .35s;
            -o-transition-duration: .35s;
            transition-duration: .35s;
            -webkit-transition-property: height, visibility;
            -o-transition-property: height, visibility;
            transition-property: height, visibility;
            background-color: #fff;
        }

        .sidemenu .accordion li {
            background: rgba(51, 204, 255, 0);
            cursor: pointer;
            list-style-type: none;
            padding: 0;
            margin: 0;
            /*margin-bottom: 1px;*/
            float: left;
            display: block;
            width: 100%;
            font-size: 14px;
            border-bottom: 1px solid #d6d6d6;
        }

    .sidemenu .inner ul li a {
        background: #071923;
    }

    .sidemenu .accordion a {
        border-bottom: 0px;
        background-image: url(../images/54/smt-close.png);
        background-repeat: no-repeat;
        background-position: 93%;
        background-color: #e7e7e7;
        color: #404040;
        /*border-left: 4px solid #616161;*/
        font-size: 15px;
    }
    /*.sidemenu .inner a::before{ position: absolute;
    width: 4px;
    height: 4px;
    left: 20px;
    top: 53%;
    margin-top: -2px;
    content: '';
    background: #071923;
    border-radius: .4rem;}*/




    .sidemenu .fa {
        /*background-color: #071923;*/
        width: 40px;
        padding: 13px 10px;
        text-align: center;
        border-radius: 0px;
        color: #404040;
        /*box-shadow: 4px 0px 0px 0px #676767;*/
    }

    .sidemenu .active .fa {
        border-left: 4px solid #071923;
        background-color: #071923;
        color: #fbfbfb;
    }

    .sidemenu .accordion li ul li {
        background: rgba(51, 204, 255, 0);
        font-size: 0.9em;
        border: 0px !important;
        /*border-left: 1px dotted #d4d3d3 !important;*/
        border-bottom: 0px !important;
    }



    .sidemenu .accordion li.active > a {
        background-color: #071923;
        color: #ffffff;
        font-weight: bold;
        font-size: 15px;
        background-image: url(../images/54/smt-open.png);
        background-repeat: no-repeat;
        background-position: 93%;
        border: 0;
        border-radius: 5px 0px 0px 5px;
    }


    .sidemenu .inner a {
        list-style-type: none;
        background: none !important;
        padding: 10px 15px;
        border: 0px;
        color: #404040 !important;
        font-size: 14px;
        /*text-align:center;*/
    }

        .sidemenu .inner a:focus {
            outline: none !important;
        }


    .sidemenu li a.activepg {
        background: #e8eff2 !important;
        border-radius: 0px 0px 0px 0px;
        border-left: 4px solid #071923;
    }

    .sidemenu .inner a:hover {
        color: #071923 !important;
    }

/*.sidemenu li a.activepg::before{
content: "\f045";
    font-family: FontAwesome;
    position: absolute;
    left: 4px;
    font-size: 17px;
    margin-top: -4px;
    color: #404040;
    background-color:#f3f3f3;
    padding: 2px 5px;
}*/

.autocompleteinput {
    font-size: 14px !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 0px;
}

.reghr {
    width: 98%;
    margin: 0px auto;
    display: block;
    height: 1px;
    border: 0;
    padding: 0;
    background: #07192300;
    border-bottom: 1px dashed #071923;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: 1px solid #bebebe !important;
    color: #404040;
}



#myModalsuccess .modal-content {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    border: 2px solid #404040 !important;
    z-index: 99999;
    padding: 0 !important;
}

#myModalsuccess .modal-header {
    background: #f3f3f3 none repeat scroll 0 0;
    border-radius: 0px;
    color: #404040;
    font-size: 19px;
    font-weight: bold;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

#myModalsuccess .modal-body {
    padding: 20px;
    color: #575757;
    font-weight: bold;
    font-size: 14px;
}

#myModalsuccess .modal-footer {
    padding: 10px;
    text-align: right;
    border: 0px;
    background-color: transparent;
    border-top: 1px solid #ececec;
}


    #myModalsuccess .modal-footer .btn-default {
        background-color: #071923 !important;
        border: 2px solid #071923 !important;
        color: #f2e9f1 !important;
        font-size: 14px !important;
        padding: 2px 15px !important;
    }

        #myModalsuccess .modal-footer .btn-default:hover {
            background-color: #404040 !important;
            border: 2px solid #404040 !important;
        }

.search-result .col-lg-4, .search-result .col-md-4, .search-result .col-sm-6 {
    padding-right: 15px;
    padding-left: 15px;
}

.nwrsltmain {
    border: 0px solid #e4e3e3;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.trnsmain {
    border-bottom: 1px dashed #071923;
    margin-bottom: 7px;
    background-color: #edf1f3;
}

    .trnsmain .heading {
        font-size: 16px;
        font-weight: bold !important;
        line-height: 19px;
        color: #071923;
    }

        .trnsmain .heading span {
            font-size: 18px;
        }

.bkdtlprc {
    background-color: #071923;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #071923;
}

    .bkdtlprc h4 {
        font-weight: bold !important;
        line-height: 0px;
        padding-top: 9px;
        padding-bottom: 9px;
    }

.nwrslt {
    border: 1px solid #bbbbbb;
    min-height: 137px;
    background-color: #ffffff;
    margin-bottom: 15px;
    padding: 10px !important;
    border-radius: 5px;
    cursor: pointer;
}

    .nwrslt:hover {
        background-color: #ffffff;
        border: 1px solid #404040;
        box-shadow: 0px 0px 10px #d8d8d8;
        -webkit-transition: all .1s linear 0s;
        -moz-transition: all .1s linear 0s;
        -o-transition: all .1s linear 0s;
        transition: all .1s linear 0s;
    }


.nwrslt-new {
    border: 1px solid #e4e3e3;
    background-color: #ffffff;
}

    .nwrslt-new:hover {
        background-color: #ffffff;
        border: 1px solid #071923;
        box-shadow: 0px 0px 10px #d8d8d8;
        -webkit-transition: all .1s linear 0s;
        -moz-transition: all .1s linear 0s;
        -o-transition: all .1s linear 0s;
        transition: all .1s linear 0s;
    }

    .nwrslt-new .btn-select {
        background-color: #071923;
        color: #fff !important;
        border-radius: 5px;
        border: 0px;
        /*border-bottom: 4px solid #77bada;*/
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        text-decoration: none;
        display: inline-block;
        transition: 0.2s;
        padding: 7px 20px 5px;
        font-weight: 500;
    }

        .nwrslt-new .btn-select:hover {
            background-color: #071923;
            color: #fff !important;
            border-radius: 5px;
            font-size: 14px;
            font-family: 'roboto', sans-serif;
            text-transform: uppercase;
            transition: all 450ms linear;
            -webkit-transition: all 450ms linear;
        }



.nwrslt .img-box {
    display: block;
    overflow: hidden;
    width: 100%;
}

    .nwrslt .img-box img {
        display: block;
        height: auto;
        width: 100%;
        min-height: 100px;
        height: 178px;
    }

.nwrslt .ratewidth2 {
    width: 100% !important;
    padding: 0 10px;
    float: left;
    position: relative;
}

.nwrslt .hotel-desc h5.heading {
    font-size: 18px;
    font-weight: bold !important;
    color: #071923;
    min-height: auto;
    line-height: normal;
    height: auto;
    overflow-y: unset;
    margin-bottom: 5px;
    margin-top: 0px;
}

.nwrslt .address {
    height: auto;
    margin: 5px 0px;
    color: #404040;
    font-size: 13px !important;
    width: 100%;
}

.nwrslt .pricehtl {
    font-size: 19px !important;
    font-weight: bold !important;
    text-align: right;
    position: relative;
}

.nwrslt .rate-responsive {
    font-size: 18px;
    line-height: 33px;
    padding: 0 20px;
    /*right: -15px;*/

    left: 66px;
    top: -20px;
    padding: 0 28px 0 21px;
    background-color: #727272;
    -webkit-box-shadow: -3px 3px 2px 0 rgba(50,50,50,0.33);
    -moz-box-shadow: -3px 3px 2px 0 rgba(50,50,50,0.33);
    box-shadow: 0px 0px 3px 1px rgb(56, 56, 56);
    color: #fff;
    position: absolute;
    font-weight: 500;
}





.nwrslt .small-txt {
    font-size: 13px;
}


.nwrslt .rate-responsive:after {
    content: '';
    /*border-style: solid;*/
    border-width: 11px 15px 0 0;
    border-color: transparent #b2b1b3 transparent transparent;
    bottom: -11px;
    height: 0;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(360deg);
    width: 0;
    top: -11px;
    left: 0px;
}





.nwrslt .btn-select {
    background-color: #2b414d;
    color: #fff !important;
    border-radius: 5px;
    border: 0px;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 7px 20px 5px;
    font-weight: 500;
}

    .nwrslt .btn-select:hover {
        background-color: #071923;
        color: #fff !important;
        border-radius: 5px;
        font-size: 14px;
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        transition: all 450ms linear;
        -webkit-transition: all 450ms linear;
    }

/*center-block-nav*/

.content-nav {
}


/*amazing carousel start*/

#amazingcarousel-1 .amazingcarousel-image {
    position: relative;
    padding: 0px;
    min-width: 350px !important;
}

    #amazingcarousel-1 .amazingcarousel-image img {
        display: block;
        width: 100%;
        max-width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#amazingcarousel-1 .amazingcarousel-title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #000000c7;
    height: 145px;
    font: 14px 'roboto', sans-serif;
    color: #fff;
    width: 100%;
    float: left;
    margin: 0px;
    text-align: left;
    padding: 10px;
}

    #amazingcarousel-1 .amazingcarousel-title .curtxt {
        font-size: 11px !important;
    }

    #amazingcarousel-1 .amazingcarousel-title a {
        color: #fff;
    }

    #amazingcarousel-1 .amazingcarousel-title h4 {
        font-weight: bold !important;
        border-bottom: 1px solid #071923;
        color: #071923;
        text-align: left;
        font-size: 22px;
        padding-bottom: 5px;
        margin-top: 0px;
    }

    #amazingcarousel-1 .amazingcarousel-title .htltxt {
        display: inline-block;
        max-width: 220px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* carousel */

#amazingcarousel-container-1 {
    padding: 32px 48px;
}

#amazingcarousel-1 .amazingcarousel-list-container {
    padding: 16px 0;
}

/* item */


#amazingcarousel-1 .amazingcarousel-item-container {
    text-align: center;
    padding: 0px;
    background-color: #fff;
    border: 0px solid #ddd;
    display: block !important;
    width: 94%;
    box-shadow: 0px 0px 5px 0px #040404;
}

    #amazingcarousel-1 .amazingcarousel-item-container img {
        height: 300px;
        width: 100%;
    }


/* arrows */

#amazingcarousel-1 .amazingcarousel-prev {
    left: -4%;
    bottom: 40%;
    margin-right: 0px;
    margin-top: -16px;
}

#amazingcarousel-1 .amazingcarousel-next {
    right: -4%;
    bottom: 40%;
    margin-right: 0px;
    margin-top: -16px;
}

#amazingcarousel-2 .amazingcarousel-prev {
    left: 47%;
    bottom: -50%;
    margin-right: 0px;
    margin-top: -16px;
}

#amazingcarousel-2 .amazingcarousel-next {
    right: 47%;
    bottom: -50%;
    margin-right: 0px;
    margin-top: -16px;
}

/* navigation bullets */

#amazingcarousel-1 .amazingcarousel-nav {
    position: absolute;
    width: 100%;
    top: 100%;
}

#amazingcarousel-1 .amazingcarousel-bullet-wrapper {
    margin: 4px auto;
}

#amazingcarousel-2 {
    max-width: 100% !important;
}

    #amazingcarousel-2 .amazingcarousel-nav {
        position: absolute;
        width: 100%;
        top: 100%;
    }

    #amazingcarousel-2 .amazingcarousel-bullet-wrapper {
        margin: 4px auto;
    }

    #amazingcarousel-2 .amazingcarousel-image {
        position: relative;
        padding: 0px;
        min-width: auto !important;
        border-radius: 10px;
    }

        #amazingcarousel-2 .amazingcarousel-image img {
            display: block;
            width: 100%;
            max-width: 100%;
            border: 0;
            margin: 0;
            padding: 0;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    #amazingcarousel-2 .amazingcarousel-title {
        position: absolute;
        border-radius: 0px 0px 10px 10px;
        bottom: 0px;
        left: 0px;
        background-color: #00000094;
        height: 62px;
        font: 20px 'roboto', sans-serif;
        color: #fff;
        width: 100%;
        float: left;
        margin: 0px;
        text-align: left;
        padding: 10px;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,0) 5%, rgba(255,255,255,0) -10%, rgba(0,0,0,1) 100%);
        font-weight: bold !important;
        vertical-align: text-bottom;
        display: flex;
        justify-content: left;
        align-items: flex-end;
    }

        #amazingcarousel-2 .amazingcarousel-title .curtxt {
            font-size: 11px !important;
        }

        #amazingcarousel-2 .amazingcarousel-title a {
            color: #fff;
        }

        #amazingcarousel-2 .amazingcarousel-title h4 {
            font-weight: bold !important;
            color: #ffffff;
            text-align: left;
            font-size: 22px;
            padding-bottom: 5px;
            margin-top: 0px;
            margin-bottom: 0px;
            line-height: normal;
        }

        #amazingcarousel-2 .amazingcarousel-title .htltxt {
            display: inline-block;
            max-width: 220px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
/* carousel */
#amazingcarousel-container-2 {
    padding: 0px 5px;
    float: left;
    width: 100%;
}

#amazingcarousel-2 .amazingcarousel-list-container {
    padding: 16px 0;
}
/* item */
#amazingcarousel-2 .amazingcarousel-item-container {
    text-align: center;
    padding: 0px;
    background-color: #fff;
    border: 0px solid #ddd;
    display: block !important;
    width: 95%;
    box-shadow: none !important;
    border-radius: 10px;
}

    #amazingcarousel-2 .amazingcarousel-item-container img {
        height: 300px;
        width: 100%;
        border-radius: 10px;
        margin-top: 30px;
    }
/* arrows */
#amazingcarousel-2 .amazingcarousel-prev {
    left: -10%;
    bottom: 40%;
    margin-right: 0px;
    margin-top: -16px;
}

#amazingcarousel-2 .amazingcarousel-next {
    right: -10%;
    bottom: 40%;
    margin-right: 0px;
    margin-top: -16px;
}

#amazingcarousel-2 .amazingcarousel-prev {
    left: -5%;
    bottom: -35px;
    margin-right: 0px;
    margin-top: -16px;
}

#amazingcarousel-2 .amazingcarousel-next {
    left: 5%;
    bottom: -35px;
    margin-right: 0px;
    margin-top: -16px;
}
/* navigation bullets */

.amazingcarousel-content {
    background-color: #fff;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 15px;
    transition: all 0.5s ease;
}



    .amazingcarousel-content .amazmain-content {
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0px auto;
    }


    .amazingcarousel-content h3 {
        color: #071923 !important;
        text-transform: uppercase;
        font-size: 24px !important;
        font-weight: bold !important;
        height: 30px;
        text-align: left !important;
        overflow-y: auto;
    }

    .amazingcarousel-content p {
        color: #505050;
        height: 40px;
        overflow-y: auto;
        font-size: 14px;
        text-align: left;
    }

    .amazingcarousel-content .amazingcarousel-btn {
        padding: 4px 15px;
        background-color: #071923;
        color: #404040;
        font-size: 11px;
        text-decoration: none;
        margin-top: 5px;
        box-shadow: 0px 0px 2px #00000052;
        border-radius: 50px;
        text-transform: uppercase;
        font-weight: 500;
    }

        .amazingcarousel-content .amazingcarousel-btn:hover {
            background-color: #071923;
            transition: all 0.5s ease;
        }




/*amazing carousel end*/


@keyframes hover-color {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #adadad;
    }
}

.magic-rd-chk input[type="radio"], .magic-rd-chk input[type="checkbox"] {
    display: none;
}

.magic-radio,
.magic-checkbox {
    position: absolute;
    display: none;
}

    .magic-radio[disabled],
    .magic-checkbox[disabled] {
        cursor: not-allowed;
    }

    .magic-radio + label,
    .magic-checkbox + label {
        position: relative;
        display: block;
        padding-left: 22px;
        cursor: pointer;
        vertical-align: middle;
    }

        .magic-radio + label:hover:before,
        .magic-checkbox + label:hover:before {
            animation-duration: 0.4s;
            animation-fill-mode: both;
            animation-name: hover-color;
        }

        .magic-radio + label:before,
        .magic-checkbox + label:before {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            display: inline-block !important;
            width: 15px !important;
            height: 15px !important;
            content: '' !important;
            border: 1px solid #071923 !important;
            background-color: #ffffff !important;
        }

        .magic-radio + label:after,
        .magic-checkbox + label:after {
            position: absolute;
            display: none;
            content: '';
        }

    .magic-radio[disabled] + label,
    .magic-checkbox[disabled] + label {
        cursor: not-allowed;
        color: #e4e4e4;
    }

        .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
        .magic-checkbox[disabled] + label:hover,
        .magic-checkbox[disabled] + label:before,
        .magic-checkbox[disabled] + label:after {
            cursor: not-allowed;
        }

            .magic-radio[disabled] + label:hover:before,
            .magic-checkbox[disabled] + label:hover:before {
                border: 1px solid #e4e4e4;
                animation-name: none;
            }

        .magic-radio[disabled] + label:before,
        .magic-checkbox[disabled] + label:before {
            border-color: #e4e4e4;
        }

    .magic-radio:checked + label:before,
    .magic-checkbox:checked + label:before {
        animation-name: none;
    }

    .magic-radio:checked + label:after,
    .magic-checkbox:checked + label:after {
        display: block;
    }

    .magic-radio + label:before {
        border-radius: 50%;
    }

    .magic-radio + label:after {
        top: 3px;
        left: 3px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #071923;
        box-shadow: none;
    }

    .magic-radio:checked + label:before {
        border: 1px solid #071923 !important;
        background-color: #ffffff !important;
        box-shadow: 0px 0px 5px #0000007a;
    }

    .magic-radio:checked[disabled] + label:before {
        border: 1px solid #c4d9e7;
    }

    .magic-radio:checked[disabled] + label:after {
        background: #c4d9e7;
    }

    .magic-checkbox + label:before {
        border-radius: 3px;
    }

    .magic-checkbox + label:after {
        top: 1px !important;
        left: 4px !important;
        box-sizing: border-box !important;
        width: 6px !important;
        height: 10px !important;
        transform: rotate(45deg) !important;
        border-width: 3px !important;
        border-style: solid !important;
        border-color: #fff !important;
        border-top: 0 !important;
        border-left: 0 !important;
        box-shadow: none;
    }

#RemoveCity_3 {
    color: #071923 !important;
}

#RemoveCity_4 {
    color: #071923 !important;
}

#RemoveCity_5 {
    color: #071923 !important;
}

.magic-checkbox:checked + label:before {
    border: #071923 !important;
    background: #071923 !important;
}

.magic-checkbox:checked[disabled] + label:before {
    border: #c4d9e7;
    background: #c4d9e7;
}


.ui-datepicker th {
    padding: .7em .3em !important;
    text-align: center !important;
    font-weight: bold !important;
    border: 0px !important;
    border-bottom: 2px solid #071923 !important;
    background-color: #071923 !important;
    color: #fff !important;
}

.d-inline {
    display: inline !important;
}

.prcsmry .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #bebebe !important;
}



.prcsmry .ttlprc {
    font-weight: bold;
    font-size: 18px;
    background-color: #071923 !important;
    color: #fff;
}

.prcsmry .table > tbody > tr.ttlprc > td {
    border-left: 0px solid #bebebe !important;
    border: 0px solid #bebebe !important;
    color: #fff;
}

.paybtn {
    background-color: #071923;
    color: #ffffff !important;
    border-radius: 0px;
    border: 0px;
    border-bottom: 4px solid #071923;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
}

    .paybtn:hover {
        background-color: #404040 !important;
        color: #ffffff !important;
        border-bottom: 4px solid #006092;
    }

.box {
    background-color: #fbfbfb;
    border: 1px solid #e4e3e3;
    color: #333;
    font-weight: normal !important;
    float: left;
    width: 100%;
}

#divflightResult .box {
    background-color: #ffffff;
    border: 1px solid #e4e3e3;
    color: #484747;
    font-weight: normal !important;
    float: left;
    width: 100%;
}

.box .upt-prof-btn a {
    padding: 4px 20px;
}

.box h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: normal !important;
}


.box h5, .h5 {
    font-size: 15px;
}

.box h6, .h6 {
    font-size: 11px;
    line-height: 14px;
}

.box .bdr-top1 {
    border-top: 1px dashed #cecece;
}

.box .bdr-rgt1 {
    border-right: 1px dashed #cecece;
}

.box .bdr-rgt1-btm-xs {
    border-right: 1px dashed #cecece !important;
    border-bottom: 0px dashed #cecece !important;
}

.box .nxtday {
    padding: 2px 4px !important;
    font-size: 11px !important;
    color: #ffffff !important;
    background-color: #777777 !important;
    border-radius: 2px;
    margin-left: 10px;
    white-space: nowrap;
}

.box .imgresult {
    margin-left: 10px;
}

.box .airli-nam {
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px !important;
}

.box .faretool {
    font-weight: normal;
}

.box .newh4 {
    font-size: 13px !important;
}

.modal h4.newh4 {
    font-size: 15px !important;
}

.modal .oli {
    padding-left: 17px;
}

    .modal .oli li {
        font-weight: bold;
        list-style-type: decimal;
    }

        .modal .oli li p {
            font-weight: normal;
        }

.modal ol#List li {
    list-style-type: lower-alpha;
    font-weight: normal;
}

.modal ol#List2 li {
    list-style-type: decimal;
    font-weight: normal;
}

.box .citycode {
    color: #585757;
    margin-bottom: 5px;
}

.icobg {
    border: 1px solid #c4d9e7;
    border-radius: 5px;
    width: auto;
    padding: 0;
    float: left;
    margin-right: 25px;
}

    .icobg .ico {
        float: left;
        padding: 5px 10px;
        /*background-color: #e5e5e5;*/
        background-color: #c4d9e7;
        border-radius: 0px;
        border-right: 2px solid #c4d9e7;
    }


    .icobg .captn {
        font-size: 16px;
        float: left;
        color: #404040;
        padding: 9px 20px;
        text-decoration: underline;
    }


.box hr {
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    color: #ccc;
}

.box .acc-heading {
    padding: 10px;
    background-color: #ffede4;
    font-size: 16px;
    float: left;
    color: #071923 !important;
    width: 100%;
}

    .box .acc-heading a {
        float: left;
        width: 100%;
        text-decoration: none;
        border: 0 !important;
        font-size: 16px;
        color: #071923 !important;
        cursor: pointer;
    }

.box .citycode span {
    color: #424242;
    font-size: 14px;
    font-weight: 400;
}

.box .moreopt {
    padding: 7px 0px;
    background-color: #c4d9e7;
    color: #071923;
    font-size: 13px;
    font-weight: 500;
    float: right;
}



    .box .moreopt:hover { /*background-color: #404040;*/
    }

    .box .moreopt a {
        color: #000000 !important;
    }

.moreoptmain {
    border: 1px solid #071923;
    box-shadow: 0px 0px 9px #919191;
    margin-bottom: 25px;
}

.box .nav-tabs {
    background-color: #ffffff;
}

    .box .nav-tabs > li {
        padding: 0px;
    }

        .box .nav-tabs > li a {
            padding: 5px 5px;
            color: #404040;
            text-decoration: underline;
            border-radius: 0;
            margin: 0;
        }

            .box .nav-tabs > li a:hover { /*background-color: #404040*/
                color: #404040;
                border-radius: 0;
                margin: 0;
            }

#divflightResult .nav > li > a {
    font-size: 13px;
}

.box .tooltip {
    position: relative;
    z-index: 0 !important;
    display: inline-block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 1 !important;
}

.mdlstl h4.modal-title {
    font-size: 20px;
    margin: 0px;
    font-weight: bold !important;
}

.mdlstl .modal-header {
    padding: 10px;
    border-bottom: 1px solid rgba(185, 185, 185, 0.4);
    float: left;
    width: 100%;
    background-color: #071923;
    color: #fbfbfb;
    font-weight: bold !important;
}

.mdlstl .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
}

    .mdlstl .close:hover, .mdlstl .close:focus {
        color: #fff;
        opacity: 1;
    }

.mdlstl .nav-tabs {
    border: 0px;
}

    .mdlstl .nav-tabs > li > a {
        padding: 10px 20px;
        margin-bottom: 0;
    }

    .mdlstl .nav-tabs > li.active > a, .mdlstl .nav-tabs > li.active > a:hover, .mdlstl .nav-tabs > li.active > a:focus {
        color: #fff !important;
        background-color: #b1b1b1;
        font-weight: bold;
        border-color: #b1b1b1;
    }

        .mdlstl .nav-tabs > li.active > a:hover {
            color: #000000 !important;
        }

.mdlstl .tab-content > .active {
    border: 1px solid #dadada;
    float: left;
    width: 100%;
}

.mdlstl .table > tbody > tr > td {
    border: 1px solid #dedede !important
}


    .mdlstl .table > tbody > tr > td .table {
        width: 33px !important;
    }

.upt-prof-btn .tooltip {
    position: relative;
    display: inline-block;
}

.box .tooltip .tooltiptext {
    visibility: hidden;
    width: 80px;
    background-color: #ffffff;
    color: #071923;
    text-align: center;
    border-radius: 1px;
    padding: 1px 0;
    position: absolute;
    z-index: 1;
    bottom: 25px;
    right: -30px;
    font-size: 11px;
    border: 1px solid #071923;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #071923 transparent transparent transparent;
}

.refundbtn {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 2px 5px !important;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff !important;
    background: #39a015;
}

.nonrefundbtn {
    color: #fff !important;
    background: #d01018;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 2px 5px !important;
    border-radius: 50px;
    font-size: 14px;
    font-weight: normal;
}



.availablebtn {
    color: #fff !important;
    background: #39a015;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 2px 5px !important;
    border-radius: 50px;
    font-size: 13px;
    font-weight: normal;
}

.notavailablebtn {
    color: #fff !important;
    background: #ed1c24;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 2px 5px !important;
    border-radius: 50px;
    font-size: 13px;
    font-weight: normal;
}

.box .tooltip .refundbtn {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 2px 4px !important;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff !important;
    background: #39a015;
}

.box .tooltip:hover .tooltiptext {
    visibility: visible;
}

.box .prcbg {
    background-color: #40404000;
}

.dtlbg .box {
    background-color: #ffffff;
}

.box .pric {
    color: #101010fa;
    font-weight: bold;
    margin-bottom: 5px !important;
    margin-top: 5% !important;
}

    .box .pric span {
        font-size: 22px;
        color: #131212;
        font-weight: bold;
    }

.box .detail-tab {
    background-color: #ffffff;
}

    .box .detail-tab .tab-content > .active {
        background-color: #ffffff;
        float: left;
        width: 100%;
    }

.detail-tab .nav-tabs > li.active > a, .detail-tab > li.active > a:hover, .detail-tab > li.active > a:focus {
    /*background-color: #404040;
    color: #ffffff;*/
    background-color: #ffffffad;
    color: #8ccdef;
}


.padd-top-btm11 {
    padding: 11px 0px !important;
}

.box .nav-tabs {
    border-bottom: 0px solid #ddd;
}

    .box .nav-tabs

    .box .tab-content > .active {
        display: block;
        float: left;
        width: 100%;
    }

.h3-new {
    font-size: 18px !important;
}

.h4-res-lg {
    font-size: 16px;
}

.padd-top20-res0 {
    padding-top: 20px !important;
}

.padd-10-20 {
    padding: 10px 20px !important;
}


h5.no-span3::before, .airln h5.no-span3::after {
    top: 1.6em;
}



h5.no-span {
    display: table;
    white-space: nowrap;
}

    h5.no-span span {
        border-radius: 50px;
        padding: 3px 25px 4px;
        left: 0%;
        position: relative;
        font-size: 13px;
        border: 1px dashed #b5b5b5;
    }


    h5.no-span::before, h5.no-span::after {
        border-top: 1px dashed #b5b5b5;
        content: '';
        display: table-cell;
        position: relative;
        top: 9px;
        width: 66%;
    }

    h5.no-span::before {
        right: 0.5%;
    }

    h5.no-span::after {
        left: 0.5%;
    }





h5.no-span2 {
    display: table;
    white-space: nowrap;
}

    h5.no-span2 span {
        border-radius: 50px;
        padding: 0px 30px;
        left: 0%;
        position: relative;
    }


    h5.no-span2::before, h5.no-span2::after {
        border-top: 1px dashed;
        content: '';
        display: table-cell;
        position: relative;
        top: 11px;
        width: 50%;
    }

    h5.no-span2::before {
        right: 0.5%;
    }

    h5.no-span2::after {
        left: 0.5%;
    }




h5.no-span3 {
    display: table;
    white-space: nowrap;
}

    h5.no-span3 span {
        border-radius: 4px;
        padding: 0px 5px 2px 5px;
        left: 1% !important;
        position: relative;
        font-size: 13px;
    }


    h5.no-span3::before, h5.no-span3::after {
        border-top: 1px dashed;
        content: '';
        display: table-cell;
        position: relative;
        top: 1.2em;
        width: 50%;
    }

    h5.no-span3::before {
        right: 0.5%;
    }

    h5.no-span3::after {
        left: 0.5%;
    }

.flt-wdth {
    float: left;
    width: 100%;
}


/*------------------ start  Seat Map ------------------*/

.div_airMap_xx {
    width: 100%;
    height: 300px;
    font-family: 'roboto', sans-serif;
    position: relative;
}



.div_ACMap_xx_child {
    width: 97%;
    height: 96%;
    margin: 0 10px 10px 10px;
    background: #ededed;
}


.fl_setmap_link {
    width: 16%;
    float: right;
    text-align: center;
    text-decoration: underline;
    height: 18px;
    cursor: pointer;
    color: #002d73;
    font-weight: normal;
    font-size: 11px;
    font-family: 'roboto', sans-serif;
    margin-top: 10px;
    margin-left: 5px;
    padding-bottom: 4px;
}

.st_map_avl {
    width: 20%;
    text-align: left;
    height: 18px;
    cursor: pointer;
    color: #002d73;
    font-weight: normal;
    font-size: 12px;
    font-family: 'roboto', sans-serif;
    font-weight: bold;
    margin-left: 60px;
    position: absolute;
}

.st_aircraftname_avl {
    width: 350px;
    text-align: left;
    height: 18px;
    cursor: pointer;
    color: #002d73;
    font-weight: normal;
    font-size: 12px;
    font-family: 'roboto', sans-serif;
    font-weight: normal;
    margin-left: 180px;
    margin-top: 30px;
    position: absolute;
}

.cls_div_flt_air_map {
    width: 540px;
    height: 230px;
    overflow: auto;
    border: solid 1px #066ab0;
    margin-top: 50px;
    margin-left: 180px;
    position: absolute;
}

.NotSeat {
    height: 18px;
    width: 14px;
    background: #ffffff !important;
    background: url("../Images/seat-other-class.gif") no-repeat 4px 2px;
}

.Restrict {
    height: 18px;
    width: 14px;
    background: #ffffff;
    background: url("../Images/seat-other-class.gif") no-repeat 4px 2px;
}

.Inhibited {
    height: 18px;
    width: 14px;
    background: #ffffff;
    background: url("../Images/seat-other-class.gif") no-repeat 4px 2px !important;
}

.Selected {
    cursor: pointer;
    height: 32px;
    width: auto;
    background: url(../Images/seat-selected-class.jpg) no-repeat 4px 2px;
    background-size: contain;
}

.Available {
    cursor: pointer;
    height: 18px;
    width: 14px;
    background: url("../Images/seat-avail-class.gif") no-repeat 4px 2px;
}

.Occupied {
    cursor: pointer;
    height: 18px;
    width: 14px;
    background: url("../Images/seat-book-class.gif") no-repeat 4px 2px;
}

.Preferential {
    cursor: pointer;
    height: 18px;
    width: 14px;
    background: url("../Images/seat-select-class.gif") no-repeat 4px 2px !important;
}

.blank {
    height: 5px;
    width: 12px;
}

.blank_master {
    height: 5px;
    width: 12px;
}

.master {
    height: 5px;
    width: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    background: #d9d9d9;
    color: #002d73;
}

.Restricted {
    background: url("../Images/seat-other-class.gif") no-repeat;
    cursor: pointer;
    height: 18px;
    width: 14px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #2b414d;
    color: #ffffff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    width: 95%;
    font-weight: bold;
}

.fltlblnew input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label {
    font-size: 12px !important;
}

.fltlblnew .floating-label-select {
    font-size: 12px !important;
}

.fltlblnew input:disabled ~ .floating-label, input:not(:disabled):valid ~ .floating-label {
    font-size: 13px !important;
}


/* For Seat Map (Flight.css)  */

.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0px;
}

.thumbwrap {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.thumbnails li > .thumbwrap .caption {
    background: #fff !important;
    padding: 10px
}


.prombgimg {
    background-image: url('../images/54/prmbg-54-541.png');
    padding: 20px 0px 35px !important;
}

.prombg2 {
    position: relative;
    width: 100%;
    float: left;
    min-height: 400px;
    border-bottom: 5px solid #ebebeb;
}

.prombgimg2 {
    background-image: url('../images/54/promimgbg2-54-541.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
}

.prombg2 .prombgimg2 img {
    border-radius: 10px;
    box-shadow: 0px 0px 7px 1px #000;
    height: 175px;
    width: 100%;
}

.prombg2 .prombgimg2 .promhdsml {
    background-color: #071923;
    text-align: center;
    font-weight: bold !important;
    color: #ffffff;
    font-size: 22px;
    padding: 30px 10px 10px 10px;
    margin-top: -16px;
    border-radius: 10px;
}

.subpromhd {
    font-family: 'Times New Roman', serif !important;
    font-style: oblique !important;
    font-size: 29px !important;
    font-weight: bold !important;
    color: #525252 !important;
    text-transform: capitalize !important;
}

/* Page Header */
.page-header {
    margin-top: 30px;
    padding: 0px 40px 20px;
    border-bottom: 0px solid #ccc;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 0px;
}


    .page-header h3 {
        line-height: 0.88rem;
        color: #071923;
        text-align: center;
        font-size: 32px !important;
        font-family: 'Times New Roman', serif !important;
        margin: 10px 0px 10px;
        background: none !important;
        text-transform: capitalize;
        font-weight: bold !important;
        padding-bottom: 4px !important;
        line-height: 35px;
    }

        .page-header h3:before,
        .page-header h3:after {
            background-color: #071923;
            content: "";
            display: inline-block;
            height: 2px;
            position: relative;
            vertical-align: middle;
            width: 75px;
        }

        .page-header h3:before {
            right: 0.5em;
            margin-left: -50%;
        }

        .page-header h3:after {
            left: 0.5em;
            margin-right: -50%;
        }

ul.thumbnails {
    margin-bottom: 0px;
}

.thumbnail > img, .thumbnail a > img {
    height: 240px;
    width: 100%;
}

.bgcoloroffr {
    background-color: #f6f6f6;
}

/* Thumbnail Box */
.caption h4 {
    color: #071923;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold !important;
    height: 30px;
    overflow-y: auto;
}

.caption h5 {
    color: #373737;
    font-size: 18px;
    font-weight: bold !important;
    height: 40px;
    /*overflow-y:auto;*/
}

.caption a {
    color: #071923;
    font-size: 15px;
    text-decoration: underline;
    margin-bottom: 10px;
}

    .caption a:hover {
        text-decoration: none;
    }

.caption p {
    color: #505050;
    height: 40px;
    overflow-y: auto;
    /*font-size:18px !important;*/
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #565656;
    border: 0px solid #ddd;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.pager2 li > a, .pager2 li > span {
    display: inline-block;
    padding: 5px 14px;
    color: #565656;
    border: 0px solid #ddd;
}


/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;
}

.carousel-control {
    background: #666;
    border: 0px;
    border-radius: 0px;
    display: inline-block;
    font-size: 34px;
    font-weight: 200;
    line-height: 18px;
    opacity: 0.5;
    padding: 4px 10px 0px;
    position: static;
    height: 30px;
    width: 15px;
}

.control-box .fa {
    color: #fff;
    font-size: 17px;
    padding-top: 5px;
}

.control-box .prev {
    left: 0;
    position: absolute;
}

.control-box .next {
    right: 0;
    position: absolute;
}

.control-box2 .prev {
    left: 47%;
    position: absolute;
}

.control-box2 .next {
    right: 47%;
    position: absolute;
}

#Reglogin .nav-tabs > li > a {
    color: #8c8c8c;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;
    padding: 7px 20px;
    font-weight: normal;
    font-size: 18px;
    margin: 0px;
}

#Reglogin .nav-tabs > li.active > a, #register .nav-tabs > li.active > a {
    color: #fff;
    cursor: default;
    background-color: #071923;
    border-bottom-color: transparent;
    padding: 7px 20px;
    font-weight: bold;
    font-size: 18px;
    margin: 0px;
}

#Reglogin .form-control, #register .form-control, #access_account .form-control {
    height: 50px;
    border-radius: 2px;
}

#Reglogin .nav-tabs, #register .nav-tabs {
    border: 0px;
}

#Reglogin .close-btn, #register .close-btn {
    position: absolute;
    width: 45px;
    height: 45px;
    right: -10px;
    top: -12px;
    z-index: 9;
}

    #Reglogin .close-btn .close, #register .close-btn .close {
        float: right;
        font-size: 23px;
        font-weight: normal;
        line-height: 1;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: 1;
        padding: 2px 8px;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        border: 1px solid #fff;
        color: rgba(255, 255, 255, 0.38);
        background-color: #4B4B4B;
    }

.modal-header .close-btn .close {
    float: right;
    font-size: 23px;
    font-weight: normal;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    padding: 2px 8px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    color: rgba(255, 255, 255, 0.38);
    background-color: #4B4B4B;
}

#access_account .modal-header .close-btn .close, #LoginMod .modal-header .close-btn .close {
    float: right;
    font-size: 23px;
    font-weight: normal;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    padding: 0px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    color: rgb(255, 255, 255);
    background-color: transparent;
    margin-right: -20px;
    margin-top: -10px;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    text-decoration: underline;
}

#login .nav-tabs > li > a, #register .nav-tabs > li > a {
    margin: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 7px 20px;
    background-color: #fbfbfb;
    font-weight: bold;
    color: #949494;
    font-size: 18px;
}

.progress-bar {
    background-color: #071923;
}

.mod-search .floating-inpt, .mod-search.detail select {
    height: 43px !important;
}

.colsbtn {
    border: 0px solid #404040;
    background-color: #fbfbfb;
    color: #071923;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0px;
    padding: 0px 0px 10px 0px;
    width: 100%;
    margin-top: 0px;
    float: left;
    border-bottom: 1px solid #ccc;
}



    .colsbtn:hover {
        border: 0px solid #404040;
        background-color: #fbfbfb;
        color: #071923;
        text-align: left;
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 0px;
        padding: 0px 0px 10px 0px;
        width: 100%;
        margin-top: 0px;
        float: left;
        border-bottom: 1px solid #ccc;
    }

    .colsbtn:focus {
        border: 0px solid #404040;
        background-color: #fbfbfb;
        color: #071923;
        text-align: left;
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 0px;
        padding: 0px 0px 10px 0px;
        width: 100%;
        margin-top: 0px;
        float: left;
        outline: none;
        border-bottom: 1px solid #ccc;
    }

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}

.card-header {
    padding: 5px 10px;
    background: #f3f3f3;
    width: 100%;
    float: left;
    cursor: pointer;
}

    .card-header .card-title {
        background: #f3f3f3;
        display: inline;
        border: 0;
        padding: 0px !important;
        font-size: 16px;
        font-weight: bold;
        color: #404040;
    }

.card-body {
    padding: 10px !important;
}

.swbtn .notActive {
    color: #071923 !important;
    background-color: #fff !important;
    font-size: 13px !important;
    border-color: #071923 !important;
    cursor: pointer;
}

.swbtn .active {
    color: #071923 !important;
    background-color: #071923 !important;
    color: #fff !important;
    font-size: 13px !important;
    border-color: #071923 !important;
    cursor: pointer;
}

.promhead {
    padding: 12px 5px;
    border: 1px solid #c7c7c7;
    border-radius: 3px 3px 0px 0px;
    background-color: #efefef;
    cursor: pointer;
    margin-top: 0px;
    color: #797979;
    margin-bottom: 0px;
    font-size: 17px;
}

#Promotion .collapse.in, #SSPromotion .collapse.in, #HPromotion .collapse.in, #SPPromotion .collapse.in {
    border: 1px solid #c7c7c7;
    margin-bottom: 15px;
    border-top: 0;
}

#Promotion, #SSPromotion, #HPromotion, #SPPromotion {
    margin-top: 15px !important;
}

.topmenu .navbar-right > li {
    float: right !important;
}

.navbar-default .navbar-nav.navbar-right > li a {
    color: #fff !important;
}

promo {
    float: left;
    width: 100%;
}

#PromoHide {
    float: left;
    width: 100%;
}

.currconvrt {
    z-index: 9;
    width: auto;
    float: right;
    background-color: #8e8e8e;
    text-align: right;
    border-radius: 3px;
    position: absolute;
    bottom: 33px;
    font-size: 13px;
    right: 12px;
    min-width: 120px;
}

.currconvrts {
    z-index: 9;
    width: auto;
    float: right;
    background-color: #8e8e8e;
    text-align: right;
    border-radius: 3px;
    position: absolute;
    bottom: 42px;
    font-size: 13px;
    right: -9px;
    min-width: 120px;
}

.currconvrss {
    z-index: 9;
    width: auto;
    float: right;
    background-color: #8e8e8e;
    text-align: right;
    border-radius: 3px;
    position: absolute;
    bottom: 40px;
    font-size: 13px;
    right: -9px;
    min-width: 120px;
}

.currconvrssr {
    z-index: 9;
    width: auto;
    float: right;
    background-color: #8e8e8e;
    text-align: right;
    border-radius: 3px;
    position: absolute;
    bottom: 25px;
    font-size: 13px;
    right: 0px;
    min-width: 120px;
}

    .currconvrt span, .currconvrts span, .currconvrss span, .currconvrssr span {
        border-bottom: 1px solid #696969;
        padding: 5px 5px !important;
        font-weight: normal;
        color: #ffffff;
        line-height: normal;
    }

        .currconvrt span:last-child, .currconvrts span:last-child, .currconvrss span:last-child, .currconvrssr span:last-child {
            border-bottom: 0px solid #e6e6e6;
        }

    .currconvrt::after, .currconvrts::after, .currconvrss::after, .currconvrssr::after {
        content: '';
        position: absolute;
        left: 80%;
        top: 100%;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #8e8e8e;
        clear: both;
    }


.holyresult .nwrslt .hotel-desc h5.heading {
    font-size: 16px;
    font-weight: bold !important;
    color: #071923;
    min-height: auto;
    line-height: normal;
    height: auto;
    overflow-y: unset;
    margin-bottom: 5px;
    margin-top: 0px;
}

.holyresult .nwrslt .hotel-desc p {
    height: auto;
    margin: 5px 0px;
    color: #404040;
}

.holyresult .nwrslt .address {
    font-size: 13px !important;
    color: #6f6e6f;
    width: 100%;
}

.holyresult .nwrslt .staricongrey {
    color: #ffdc36 !important;
    font-size: 17px !important;
}

.holyresult .nwrslt .pricehtl {
    font-size: 19px !important;
    font-weight: bold !important;
    text-align: right;
    position: relative;
}

.holyresult .htlimgnew img {
    height: 115px !important;
    width: 100% !important;
}

.holyresult .nwrslt {
    border: 1px solid #bbbbbb;
    min-height: 137px;
    background-color: #ffffff;
    margin-bottom: 15px;
    padding: 10px !important;
    border-radius: 5px;
    cursor: pointer;
}


.htlimgnew {
    width: 21% !important;
    float: left;
    padding: 0px;
    position: relative;
}

.htlinfonew {
    width: 79% !important;
    float: left;
    padding: 0px 10px 0px 20px;
}


.cutprc {
    text-decoration: line-through;
    font-size: 18px;
    color: #a9a9a9;
    text-align: center;
    font-weight: bold;
    overflow-y: hidden;
    margin-top: 0px;
    margin-right: 0px;
    float: right;
}

.price {
    font-size: 18px;
    color: #464646;
    font-weight: bold;
    text-align: right;
    float: right;
    margin-left: 10px;
}

    .price .small {
        font-weight: normal !important;
        font-size: 12px !important;
    }

.holyadd {
    font-size: 13px !important;
    color: #6f6e6f;
    width: 100%;
    color: #404040;
    height: 51px !important;
}

.imgglr {
    border-radius: 5px;
}

    .imgglr .fa-angle-double-left {
        font-size: 50px;
        position: absolute;
        top: 35%;
        left: 20px;
    }


    .imgglr .fa-angle-double-right {
        font-size: 50px;
        position: absolute;
        top: 35%;
        right: 20px;
    }

    .imgglr .carousel-inner {
        max-height: 245px;
        min-height: 245px;
        border-radius: 5px;
    }

        .imgglr .carousel-inner > .item > img, .imgglr .carousel-inner > .item > a > img {
            max-height: 245px;
        }

    .imgglr .carousel-control.left, .imgglr .carousel-control.right {
        background: none;
    }

.custmbox {
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    background-color: #f7f7f7;
}

    .custmbox h4 {
        border-bottom: 1px solid #d7d7d7;
        padding-bottom: 11px;
        font-size: 16px;
    }

    .custmbox input, .custmbox select, .custmbox textarea, .custmbox .room-dd.bg-dd {
        background-color: #f7f7f7;
        font-size: 12px;
        padding: 12px 5px !important;
        border-radius: 0px;
    }

    .custmbox .select-room {
        font-size: 12px !important;
        padding: 0px;
    }

    .custmbox .floating-inpt {
        padding: 12px 5px !important;
    }

    .custmbox .floating-label {
        background-color: #f7f7f7 !important;
    }

    .custmbox .detail select {
        padding: 0 !important;
        padding-right: 7px !important;
        padding-left: 10px !important;
    }


    .custmbox .room-section .detail select {
        padding: 0px !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
        line-height: 34px;
        height: 35px;
        font-size: 13px;
    }

    .custmbox h4.modal-title {
        font-weight: 500 !important;
        font-size: 17px !important;
        margin: 0px !important;
        padding: 0px !important;
        border-bottom: 0px !important;
    }

    .custmbox a {
        color: #071923;
    }

        .custmbox a:hover {
            color: #303030;
        }

    .custmbox .bkbtn {
        background-color: #404040 !important;
        color: #fff !important;
        border: 0px;
        border-radius: 2px;
        margin-bottom: 20px;
        font-size: 15px;
    }

        .custmbox .bkbtn:hover {
            background-color: #071923 !important;
            color: #252525 !important;
            border: 0px;
            border-radius: 2px;
        }



.pkgdtl h1 {
    font-size: 20px;
    color: #071923 !important;
}

    .pkgdtl h1 span {
        font-size: 14px;
        font-weight: normal;
        color: #464646;
    }

#extrnght .modal-header {
    padding: 10px;
}

#extrnght .table > tbody > tr > th, #extrnght .table > tbody > tr > td {
    border: 1px solid #e0e0e0 !important;
}

.dybg {
    border: 1px solid #e7e7e7;
    background-color: #fff6ea;
}

    .dybg h4 {
        color: #071923;
        padding: 0px 10px;
        font-size: 18px !important;
        text-transform: uppercase !important;
    }

        .dybg h4.modal-title {
            color: #fff;
            font-size: 17px;
        }

.dydtl {
    background-color: #fcfbfb;
    border-left: 2px solid #ffe2bc;
    padding: 0px 15px 5px !important;
}

    .dydtl h5 {
        color: #313131;
        font-size: 13px;
        margin-bottom: 6px;
        font-weight: bold !important;
    }

        .dydtl h5.subh5 {
            color: #313131;
            font-size: 13px;
            margin-bottom: 6px;
            font-weight: normal !important;
        }

    .dydtl p {
        color: #616161;
        font-size: 13px !important;
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: justify;
    }

    .dydtl .pkg-acc-heading {
        color: #808080;
        font-size: 13px;
    }

    .dydtl .int-img {
        width: 150px !important;
        height: 100px !important;
        margin-bottom: 10px;
    }

    .dydtl ul {
        padding-left: 10px !important;
    }

.dybg .col-lg-1, .dybg .col-md-1, .dybg .col-sm-1 {
    width: 7% !important;
}

.dybg .col-lg-11, .dybg .col-md-11, .dybg .col-sm-11 {
    width: 93% !important;
    min-height: 58px;
}

.pkgdtl input, .pkgdtl select, .pkgdtl textarea {
    font-size: 13px !important;
}

.pkgdtl table th {
    background-color: #ddd;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 8px;
}

.pkgdtl table td {
    font-size: 14px;
    padding: 15px 5px;
}

.pkgdtl .htl {
    height: 150px;
}

    .pkgdtl .htl .htldtl {
        height: 130px;
        overflow-y: auto;
    }

    .pkgdtl .htl .htlimag {
        width: 100%;
        min-height: 130px;
        max-height: 130px;
    }

.dybg .floating-inpt {
    padding: 14px 5px 10px !important;
    font-size: 12px;
}

input:focus ~ .dybg .floating-label, input:not(:focus):valid ~ .dybg .floating-label, .dybg .floating-label {
    font-size: 12px;
}

.dybg .detail select {
    line-height: 35px;
    height: 39px;
    font-size: 12px;
}

.onepg p {
    color: #616161;
    font-size: 13px !important;
    text-align: justify;
    margin-top: 0px;
}

.hdbg {
    color: #313131 !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

.itihdbg {
    color: #313131 !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
    background-color: #f3f3f3 !important;
    padding: 10px !important;
}

.chnghtl {
    border-radius: 5px;
    border: 1px solid #ddd;
    height: 305px;
}

    .chnghtl h5 {
        font-size: 15px;
        line-height: 20px;
        color: #071923 !important;
    }

    .chnghtl .chnghtlbtn {
        position: absolute;
        bottom: 0;
    }

    .chnghtl img {
        height: 100px;
        width: 100%;
        margin-bottom: 10px;
    }

.lessprc {
    padding: 10px;
    width: 100%;
    float: left;
    color: #017d1c !important;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
}

.moreprc {
    padding: 10px;
    width: 100%;
    float: left;
    color: #e60606 !important;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
}

h4.headng {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #424242;
    margin-top: 3px;
    /* border-bottom: 1px solid #424242; */
    margin-bottom: 15px;
    /* padding-bottom: 6px;*/
}

.smrybtn .hover-btn {
    background-color: #848484;
    color: #ffffff !important;
    border-radius: 2px;
    border: 0px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 500;
    padding: 8px 10px;
    margin-right: 5px;
}

    .smrybtn .hover-btn:hover {
        background-color: #071923 !important;
        color: #ffffff !important;
        border-radius: 2px;
        border: 0px;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 13px !important;
        font-weight: 500;
        padding: 8px 10px;
    }


.categry {
    padding: 0px;
    margin: 0px;
    float: left;
    list-style-type: none;
}

    .categry a {
        background-color: #f8f8f8;
        color: #252525;
        padding: 1px 8px;
        margin: 0px 10px 5px 0px;
        float: left;
        font-size: 11.5px;
        border-radius: 5px;
        border: 1px solid #071923;
    }

        .categry a:hover {
            color: #29272a;
            text-decoration: underline !important;
        }

ul.categry, ul.categry li {
    list-style-type: none;
}

input.magic-checkbox {
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
}


.icotag span {
    width: 70px;
    text-align: center;
    font-weight: 600;
}

.prcsec {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px !important;
    text-align: center;
}

    .prcsec h3 span {
        text-decoration: line-through;
    }

.onepg .navbar-inverse .navbar-nav > li > a {
    color: #484848;
    font-size: 15px;
    font-weight: normal;
    padding: 8px 20px !important;
    border: 0px;
    border-top: 0px solid #555555;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

    .onepg .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #cdcdcd;
        color: #000000;
        border-top: 0px solid #0293b1;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .onepg .navbar-inverse .navbar-nav > li > a.active {
        background-color: #071923;
        color: #ffffff;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.onepg .navbar-inverse .navbar-nav > li > a {
    border-right: 1px solid #cdcdcd !important;
}

.onepg .hover-btn.btn-reverse.prcdbtn {
    background: #404040 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    margin-left: 0px;
}

    .onepg .hover-btn.btn-reverse.prcdbtn:hover {
        background: #071923 !important;
        color: #ffffff !important;
        cursor: pointer !important;
        margin-left: 0px;
    }

.onepg .navbar-inverse {
    background-color: #f8f8f8;
    border-radius: 0px;
    margin-bottom: 10px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 12px !important;
}

    .onepg .navbar-inverse .navbar-toggle {
        border-color: #3330;
        background-color: #8a8a8a;
        margin: 0px;
        margin-left: 15px;
        float: left;
        width: 94%;
        padding: 10px 10px;
        border-radius: 0px;
        z-index: 0;
    }

.itinerary a.hding:hover {
    text-decoration: none !important;
}

.itinerary a.hding {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: bold;
    padding: 0px !important;
    border-bottom: 1px solid #ccc;
}

    .itinerary a.hding span.day {
        background-color: #7d7d7d;
        color: #fff;
        padding: 5px 20px;
        margin-right: 15px;
        float: left;
        width: auto;
    }

    .itinerary a.hding span {
        padding: 0;
        margin: 0;
        background: none;
        color: #3a3a3a;
        width: 80%;
        float: left;
    }

    .itinerary a.hding .fa {
        width: auto !important;
        height: auto !important;
        margin: 0px !important;
        font-size: 20px !important;
        padding: 0;
        background-color: #f8f8f8;
        color: #3a3a3a;
        box-shadow: none !important;
        text-shadow: none !important;
    }

.colps img {
    border-radius: 5px;
}

.itinerary .collapse.in {
    margin-left: 80px;
    margin-top: 18px;
    float: left;
    border-left: 2px solid #b7b7b7;
    padding: 0px 10px 0px 0px;
    height: auto;
    width: 89%;
}

    .itinerary .collapse.in:before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #fff;
        float: left;
        border-radius: 100%;
        position: absolute;
        margin-top: -9px;
        margin-left: -6px;
        border: 1px solid #7d7d7d;
    }

.itinerary .opnclsall {
    font-size: 17px;
    font-weight: 600;
    float: right;
}

    .itinerary .opnclsall .fa {
        height: auto;
        width: auto;
        font-size: 16px;
    }

ul.incls {
    list-style-image: url(../images/incl.png);
    font-size: 15px;
    line-height: normal;
}

    ul.incls li, ul.excls li {
        margin-bottom: 13px !important;
    }

ul.excls {
    list-style-image: url(../images/excl.png);
    font-size: 15px;
    line-height: normal;
}

#divInclusions h4 {
    font-weight: bold !important;
    font-size: 15px;
    color: #7a7a7a;
}

#divExclusions h4 {
    font-weight: bold !important;
    font-size: 15px;
    color: #7a7a7a;
}

#divInclusions ul {
    list-style-image: url(../images/incl.png);
    font-size: 14px;
    line-height: normal;
    padding-left: 25px;
    color: #616161;
    margin-bottom: 0px;
}

#divExclusions ul {
    list-style-image: url(../images/excl.png);
    font-size: 14px;
    line-height: normal;
    padding-left: 25px;
    color: #616161;
    margin-bottom: 0px;
}

#divInclusions ul li {
    margin-bottom: 7px !important;
    color: #616161;
    font-size: 13px;
    list-style-type: disc;
}

#divExclusions ul li {
    margin-bottom: 7px !important;
    color: #616161;
    font-size: 13px;
    list-style-type: disc;
}

.onepg .table > thead > tr > th, .onepg .table > tbody > tr > th, .onepg .table > tfoot > tr > th, .onepg .table > thead > tr > td, .onepg .table > tbody > tr > td, .onepg .table > tr > td, .onepg .table > tfoot > tr > td {
    border: 1px solid #d0d0d0 !important;
}


ul.mustlist {
    padding: 0px;
}

    ul.mustlist .fa {
        width: auto;
        height: auto;
        margin: 0px;
        padding: 0px;
    }

.mustlist li {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 10px;
}

.prchdtl {
    background-color: #d7d7d7;
    border-bottom: 5px solid #b7b7b7;
    padding: 4px 10px 7px;
}

    .prchdtl h3 {
        color: #464646 !important;
        font-size: 19px !important;
        font-weight: bold !important;
        margin-bottom: 3px !important;
    }

.onepg h2 {
    font-size: 18px !important;
    margin: 0px 0px 10px !important;
    border-left: 4px solid #071923;
    padding-left: 8px;
    text-transform: capitalize !important;
}

#divInclusions h3, #divExclusions h3 {
    color: #464646;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0px 10px;
    background: none !important;
    font-weight: bold !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid #d4d4d4;
}

#hDisplayPrice {
    font-size: 22px !important;
    font-weight: bold !important;
}

.onepg h2 {
    color: #6d6d6d !important;
    font-weight: bold !important;
}

.custmbox #hDisplayPrice {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #071923 !important;
}

#review .addrevbtn {
    font-size: 14px;
    border: 1px solid #071923;
    padding: 5px 10px;
    border-radius: 5px;
    color: #071923;
    font-weight: bold;
}

    #review .addrevbtn .fa {
        width: auto;
        height: auto;
        margin: 0px 0px 0px 5px;
        font-size: 14px;
    }

.review .addrevbtn {
    font-size: 14px;
    border: 1px solid #464646;
    padding: 5px 10px;
    border-radius: 5px;
    color: #464646;
    font-weight: bold;
}

    .review .addrevbtn:hover {
        background-color: #464646;
        color: #fff;
    }

    .review .addrevbtn .fa {
        width: auto;
        height: auto;
        margin: 0px 0px 0px 5px;
        font-size: 14px;
    }

.back2top {
    right: 10px;
    position: absolute;
    bottom: 20px;
    font-size: 48px;
    color: #464646;
}

    .back2top:hover {
        color: #071923;
        bottom: 25px;
    }

.hdtlform {
    background-color: #ebebeb;
    padding: 10px;
    float: left;
    width: 100%;
}

    .hdtlform .floating-inpt {
        background-color: #fff;
        padding: 10px !important;
        height: 45px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .hdtlform .form-control {
        padding: 10px;
        height: 45px;
    }

    .hdtlform textarea.form-control {
        height: auto !important;
    }

    .hdtlform .bkbtn {
        width: 100%;
        float: left;
        background-color: #464646 !important;
        color: #ffffff !important;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        padding: 15px !important;
        text-align: center;
        font-weight: bold;
        border-radius: 0px;
        border: 0px;
        font-size: 18px;
        text-decoration: none;
    }

        .hdtlform .bkbtn:hover {
            background-color: #071923 !important;
        }

.fyt .input-group-addon {
    padding: 8px 4px;
    font-size: 15px;
    border: 2px solid #ccc;
    border-right: 0px;
    font-weight: bold;
    text-align: center;
    border-radius: 0px;
    line-height: 24px;
    padding-bottom: 0px !important;
    height: auto;
}

.fyt input.form-control {
    padding: 10px;
    height: auto;
    border: 2px solid #ccc;
    border-right: 0px;
    border-bottom: 2px solid #ccc !important;
    width: 85%;
}

    .fyt input.form-control:focus {
        border: 2px solid #071923;
        border-right: 0px;
        border-bottom: 2px solid #071923 !important;
    }

.fyv .input-group-addon {
    padding: 8px 15px;
    font-size: 17px;
    border-right: 2px solid #ccc;
    font-weight: bold;
    text-align: center;
    border-radius: 0px;
    line-height: 24px;
    padding-bottom: 0px !important;
    height: auto;
}

.fyv input.form-control {
    padding: 10px;
    height: auto;
    border: 0px solid #ccc;
    border-right: 0px;
    /* border-bottom: 2px solid #ccc !important; */
    width: 87%;
}

.fyv .btn-serh {
    background-color: #ee595d;
    color: #fff;
    padding: 7px 28px;
    border: 1px solid #ee595d;
    border-radius: 0 31px 32px 0;
    margin: 0px;
    line-height: 41px;
    border-bottom: 2px solid #ee595d !important;
    cursor: pointer;
    font-size: 18px;
}

    .fyv .btn-serh:hover {
        background-color: #B20B10;
        border: 1px solid #B20B10;
        border-bottom: 2px solid #B20B10 !important;
    }

.holyincl {
    height: 100px;
    margin-bottom: 0px;
}

#review .fa {
    width: auto;
    padding: 0px;
    height: auto;
    font-size: 18px;
    color: #FFC107;
}



#tabmenu.stick {
    position: fixed;
    top: 117px;
    border-radius: 0px;
    margin: 0px !important;
    padding: 0px;
    z-index: 8;
    width: 100%;
    left: 0px;
}

.htlinfo h4 {
    font-size: 13px;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}

.htlinfo p {
    margin-bottom: 5px !important;
    font-size: 15px;
}

#tabmenu .navbar-nav > li {
    float: none;
    display: inline-block;
    margin-left: -3px;
}

#tabmenu .navbar-nav {
    margin: 0;
    float: none;
    text-align: center;
}


.htlinfo .fa {
    width: auto;
    height: auto;
    font-size: 13px;
    color: #fec006;
    margin: 0px 2px;
}

#back2Top {
    overflow: hidden;
    z-index: 99999;
    display: none;
    cursor: pointer;
    text-align: center;
    position: fixed;
    bottom: 50px;
    right: 0;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    background: #404040;
    float: right;
}

    #back2Top:hover {
        background-color: #071923 !important;
        color: #ffffff;
    }

    #back2Top .fa-arrow-up {
        margin: 10px;
    }


.holyimg .tags {
    position: absolute;
    bottom: 6px;
    right: 0px;
}

.tags {
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
    list-style: none;
    font-family: Futura, sans-serif;
}

    .tags li, .tags a {
        float: left;
        line-height: 23px;
        position: relative;
        font-size: 13px;
        font-weight: bold;
    }

    .tags a {
        margin-left: 20px;
        padding: 0 10px 0 12px;
        background: #f9a727;
        color: #fff !important;
        text-decoration: none;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        margin-top: 4px;
        text-transform: uppercase;
    }

        .tags a:before {
            content: "";
            float: left;
            position: absolute;
            top: 0;
            left: -12px;
            width: 0;
            height: 0;
            border-color: transparent #f9a727 transparent transparent;
            border-style: solid;
            border-width: 12px 12px 12px 0;
        }

        .tags a:after {
            content: "";
            position: absolute;
            top: 10px;
            left: 0;
            float: left;
            width: 4px;
            height: 4px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            background: #242726;
            -moz-box-shadow: -1px -1px 2px #004977;
            -webkit-box-shadow: -1px -1px 2px #004977;
            box-shadow: -1px -1px 2px #004977;
        }

.pkgdtl .detailtag li, .detailtag a {
    float: left;
    line-height: 20px;
    position: relative;
    font-size: 12px;
    font-weight: normal;
}

.pkgdtl .detailtag a {
    margin-left: 13px;
    padding: 0 6px 0 9px;
    background: #a2a2a2;
    color: #fff !important;
    text-decoration: none;
    margin-top: 0px;
    text-transform: capitalize;
    margin-right: 10px;
}

    .pkgdtl .detailtag a:before {
        content: "";
        float: left;
        position: absolute;
        top: 0;
        left: -9px;
        width: 0;
        height: 0;
        border-color: transparent #a2a2a2 transparent transparent;
        border-style: solid;
        border-width: 10px 9px 10px 0;
        border-radius: 2px;
    }

    .pkgdtl .detailtag a:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 1px;
        float: left;
        width: 4px;
        height: 4px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #f8f8f8;
        -moz-box-shadow: -1px -1px 2px #404040;
        -webkit-box-shadow: -1px -1px 2px #404040;
        box-shadow: -1px -1px 2px #404040;
    }

.detailtag .tags a:hover {
    background: #fff;
}

    .detailtag .tags a:hover:before {
        border-color: transparent #fff transparent transparent;
    }

.pkgdtl .rating-stars ul {
    list-style-type: none;
    padding: 0;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .pkgdtl .rating-stars ul > li.star {
        display: inline-block;
    }

        .pkgdtl .rating-stars ul > li.star > i.fa {
            width: auto;
            font-size: 16px;
            height: auto;
            margin: 1px 0px 0px;
            color: #f9a727;
            float: left;
        }

.pkgdtl .tags {
    font-family: 'Roboto', sans-serif !important;
}

.btnaddroom {
    padding: 6px 12px;
    float: left;
    font-size: 12px;
    border: 1px solid #d58216;
    color: #464646;
    background-color: #fff6ea;
    margin-left: 10px;
}

    .btnaddroom:hover {
        background-color: #f7941d;
        border: 1px solid #464646;
        color: #fbfbfb !important;
    }

    .btnaddroom:active {
        background-color: #464646;
        border: 1px solid #464646;
        color: #fbfbfb !important;
    }

    .btnaddroom:focus {
        background-color: #464646;
        border: 1px solid #464646;
        color: #fbfbfb !important;
    }

.bkngstts h3 {
    background: #e0e0e0 !important;
    color: #272727 !important;
    display: inline;
    padding: 6px 15px !important;
    text-transform: uppercase;
}

.bkngstts a.colapse-link i.fa {
    color: #272727;
}

.exnghts {
    left: 6px;
    right: 0;
    padding: 8px 8px 12px 8px;
    background: #fbfbfb;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 100%;
    position: absolute;
    top: 20px;
    z-index: 20;
}


    .exnghts .table > tr > th, .exnghts .table > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border: 1px solid #c5c5c5 !important;
    }

        .exnghts .table > tr > td .fa {
            cursor: pointer !important;
        }

.wizard .tab-pane .room-table .floating-label {
    left: 10px !important;
}

.wizard > div.wizard-inner .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    width: 19.5% !important;
}

/*onoffcheckbox css start*/
.custom-switch .custom-switch-input {
    display: none;
}

    .custom-switch .custom-switch-input, .custom-switch .custom-switch-input:after, .custom-switch .custom-switch-input:before,
    .custom-switch .custom-switch-input *,
    .custom-switch .custom-switch-input *:after,
    .custom-switch .custom-switch-input *:before,
    .custom-switch .custom-switch-input + .custom-switch-btn {
        box-sizing: border-box;
    }

        .custom-switch .custom-switch-input:selection, .custom-switch .custom-switch-input:after:selection, .custom-switch .custom-switch-input:before:selection,
        .custom-switch .custom-switch-input *:selection,
        .custom-switch .custom-switch-input *:after:selection,
        .custom-switch .custom-switch-input *:before:selection,
        .custom-switch .custom-switch-input + .custom-switch-btn:selection {
            background: none;
        }

        .custom-switch .custom-switch-input + .custom-switch-btn {
            outline: 0;
            display: inline-block;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
            width: 35px;
            height: 14px;
            margin: 0;
            margin-right: 10px;
            padding: 4px;
            background: #ced4da;
            border-radius: 76px;
            transition: all 300ms ease;
        }

            .custom-switch .custom-switch-input + .custom-switch-btn:after, .custom-switch .custom-switch-input + .custom-switch-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 18px;
                height: 19px;
            }

            .custom-switch .custom-switch-input + .custom-switch-btn:after {
                left: -4px;
                border-radius: 50%;
                background: #ffffff;
                transition: all 300ms ease;
                -moz-box-shadow: 0px 1px 5px 3px rgba(109, 109, 109, 0.25);
                -webkit-box-shadow: 0px 1px 5px 3px rgba(109, 109, 109, 0.25);
                box-shadow: 0px 1px 5px 3px rgba(109, 109, 109, 0.25);
                top: -7px;
                opacity: 1;
                transform: scale(1);
            }

            .custom-switch .custom-switch-input + .custom-switch-btn:before {
                display: none;
            }

        .custom-switch .custom-switch-input:checked + .custom-switch-btn {
            background: #29a646;
        }

            .custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
                left: 14px;
                top: -7px;
            }

            .custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-checked {
                opacity: 1;
                height: auto;
            }

            .custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-unchecked {
                display: none;
                opacity: 0;
                height: 0;
            }

        .custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-checked {
            display: none;
            opacity: 0;
            height: 0;
        }

        .custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-unchecked {
            opacity: 1;
            height: auto;
        }

.custom-switch.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
}

.custom-switch.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
}
/*onoffcheckbox css end*/

#logo .nav > li > a.lgbtn {
    color: #ffffff !important;
    text-decoration: none;
}

    #logo .nav > li > a.lgbtn:hover {
        color: #ffffff !important;
        text-decoration: none;
    }


.prombgimg h2.promhd {
    overflow: hidden;
    text-align: center;
    font-weight: bold !important;
    font-size: 37px !important;
    text-transform: capitalize !important;
    font-family: 'Times New Roman', serif !important;
    color: #071923 !important;
    margin: 15px 0px !important;
}

    .prombgimg h2.promhd:before,
    .prombgimg h2.promhd:after {
        background-color: #071923;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 75px;
    }

    .prombgimg h2.promhd:before {
        right: 0.5em;
        margin-left: -50%;
    }

    .prombgimg h2.promhd:after {
        left: 0.5em;
        margin-right: -50%;
    }


.prombgimg2 h2.promhd {
    overflow: hidden;
    text-align: center;
    font-weight: bold !important;
    font-size: 37px !important;
    text-transform: capitalize !important;
    font-family: 'Times New Roman', serif !important;
    color: #ffffff !important;
    background-color: transparent;
    border: 0px;
}

    .prombgimg2 h2.promhd:before,
    .prombgimg2 h2.promhd:after {
        background-color: #ffffff;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 75px;
    }

    .prombgimg2 h2.promhd:before {
        right: 0.5em;
        margin-left: -50%;
    }

    .prombgimg2 h2.promhd:after {
        left: 0.5em;
        margin-right: -50%;
    }

.uspbg {
    width: 96%;
    margin-left: 2%;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 16px #ccc;
    border-bottom: 5px solid #071923;
    padding: 10px 27px;
    height: 185px;
}

    .uspbg p {
        color: #071923;
        font-weight: bold !important;
        font-size: 18px !important;
        margin-bottom: 0px;
        line-height: 22px;
        margin-top: 15px;
    }


sightseeing-searchresult .row {
    margin-right: 0px;
    margin-left: -15px;
    float: left;
    width: 101.5%;
}

    sightseeing-searchresult .row.search-top {
        width: 100% !important;
    }


.prombg {
    margin-bottom: 10px !important;
}

    .prombg .promhd {
        padding: 10px !important;
        border: 1px solid #c7c7c7;
        background-color: #efefef;
        border-radius: 4px 4px 0px 0px;
        margin: 0px;
        cursor: pointer;
        font-size: 16px;
        color: #797979;
        font-weight: bold !important;
    }

    .prombg .collapse, .prombg .collaps {
        border: 1px solid #c7c7c7;
        border-top: 0px;
    }

flight-searchresult .container {
    width: 100% !important;
}



.alrsltname {
    float: left;
    width: 100%;
    text-align: center;
    height: 30px;
}

.arlnname {
    float: left;
    width: 100%;
    text-align: center;
    height: 41px;
}

.alrslttbl .table > tbody > tr > td {
    font-size: 13px;
    padding: 5px;
}

.alrslttbl .table tr td {
    font-size: 13px;
    padding: 5px;
    border: 1px solid #e5e3e3 !important;
}

.alrslttbl table {
    margin-bottom: 0px !important;
}

#loading h3 {
    font-size: 18px !important;
    font-weight: bold !important;
}


.Otripmarginclass {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.Rtripmarginclass {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.Otripmarginclass2 {
    padding-bottom: 20px !important;
    padding-top: 10px !important;
}

.Rtripmarginclass2 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

#baggage .panel {
    background-color: #fbfbfb;
}

#baggage .panel-body {
    padding: 0px;
}

#baggage .nav-tabs > li > a {
    border-radius: 0px;
    color: #737373;
    font-size: 15px;
    padding: 5px 20px;
    border: 0px;
    border-bottom: 3px solid #fff;
}

    #baggage .nav-tabs > li > a:hover {
        background-color: #fbfbfb;
        color: #159550 !important;
        cursor: pointer;
        border: 0px;
        border-bottom: 3px solid#159550;
    }


#baggage .nav-tabs > li.active > a, #baggage .nav-tabs > li.active > a:hover, #baggage .nav-tabs > li.active > a:focus {
    background-color: #fbfbfb;
    color: #159550 !important;
    border: 0px;
    border-bottom: 3px solid#159550;
}

#baggage .panel-default > .panel-heading {
    border-bottom: 1px solid#159550;
}

#baggage .tab-pane.active {
    border: 0px;
    float: left;
    width: 100%;
    border-top: 1px solid #eaeaea;
}

#Farerulelist div {
    margin-bottom: 10px;
}

#Farerulelist p {
    font-size: 13px;
    line-height: 25px;
}


.shwrsltttl {
    border: 0 !important;
    border-left: 10px solid#159550 !important;
    padding-left: 5px !important;
    margin-bottom: 10px !important;
    padding-bottom: 5px !important;
    background-color: #071923 !important;
    color: #fff !important;
}


.flt-fltr input[type=checkbox] + label {
    color: #626262 !important;
}

.flt-fltr {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    .flt-fltr a {
        padding: 6px 6px 6px 35px !important;
        background-color: #70a589 !important;
        border-radius: 0px;
        color: #fff;
        width: 100%;
        font-weight: bold;
        float: left;
        font-size: 15px;
    }

        .flt-fltr a.collapsed {
            background-color: #a3a3a3 !important;
        }

        .flt-fltr a .iconsize2 {
            font-size: 18px !important;
            margin-right: 0;
            margin-top: 0px;
            float: left;
            position: absolute;
            left: 5px;
            color: #fff;
            height: 22px;
        }

    .flt-fltr .collapse {
        float: left;
        width: 100%;
        border: 1px dashed rgb(204, 204, 204);
        padding: 10px;
        margin: 0px;
    }


    .flt-fltr .magic-checkbox + label:after {
        background: none !important;
        top: 4px !important;
        left: 3px !important;
        box-sizing: border-box !important;
        width: 6px !important;
        height: 10px !important;
        transform: rotate(45deg) !important;
        border-width: 3px !important;
        border-style: solid !important;
        border-color: #fff !important;
        border-top: 0 !important;
        border-left: 0 !important;
        box-shadow: 1px 1px 2px 0px #0f1b44 !important;
        color: #0f1b44;
        content: "" !important;
        font-family: fontawesome !important;
        font-size: 14px !important;
        opacity: 1 !important;
    }

    .flt-fltr .magic-checkbox + label:before {
        position: absolute !important;
        top: 2px !important;
        left: 0px !important;
        display: inline-block !important;
        width: 15px !important;
        height: 15px !important;
        content: '' !important;
        border: 2px solid #071923 !important;
        background-color: #ffffff !important;
    }

    .flt-fltr .magic-checkbox:checked + label:before {
        border: #071923 !important;
        background: #071923 !important;
    }

    .flt-fltr .magic-checkbox + label:after {
        content: ' ' !important;
        position: absolute !important;
        background: none !important;
        top: 3px !important;
        left: 4px !important;
        box-sizing: border-box !important;
        width: 6px !important;
        height: 10px !important;
        transform: rotate(45deg) !important;
        border-width: 3px !important;
        border-style: solid !important;
        border-color: #fff !important;
        border-top: 0 !important;
        border-left: 0 !important;
        box-shadow: 0px 0px 0px 0px #0f1b44 !important;
        display: block !important;
        z-index: 1 !important;
        opacity: 0 !important;
    }

    .flt-fltr input[type="checkbox"]:checked + label::after {
        color: #ffffff !important;
        opacity: 1 !important;
        top: 3px !important;
        left: 4px !important;
    }

    .flt-fltr .magic-radio + label, .flt-fltr .magic-checkbox + label {
        padding-left: 22px !important;
    }

    .flt-fltr .arrow-down {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAAHwAAAB8ARUP7eQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAACISURBVChTvc+xCoNAEIThDXkQH8FCYhGwsRLEgJ2lEN81VQg2toIW2qVK7z9RREEtHfjg7liWOTslIZzxeJhgYhU+uOmykwQd3rpEaNEg1cMiFzyh4Rc82BU5fqjxf5xS4AstUwMtmJNBm0r4eKCHhtViMzFUTzSsGkd/W9XbrLGXO9zxeG7MBoKmGaM1wCzfAAAAAElFTkSuQmCC) no-repeat right;
    }

    .flt-fltr .arrow-up {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAbrQAAG60BIeRSlQAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC41ZYUyZQAAANpJREFUOE9jGJzAwsJCyM7OztPMzIwPKkQ8sLe353F2dl7v6ur6BEjPBmI1qBRxAGgAh6OjY4m7u/t/oCF/gQacBtJuUGmiAQvQC7YuLi5fgZr/Ozk5fQCyC6ByxANLS0sxoAsuAzX/dXNz+w9kzwKGDydUmijADPSSA9AVv4CG/Ae5CIhjoXL4gY2NjSjQxlKghtdQb5wGGhYClcYPgBotgQG5BqjxN9TpM4CaNaDS+AEoDQA13ABpBNr+G2hQkpWVFS9UmijABDTAEGj7DqAhIFuZIMLYAAMDAPuUQ9EUeG3QAAAAAElFTkSuQmCC) no-repeat right;
    }


.slider-handle {
    position: absolute;
    top: 2px;
    width: 15px;
    height: 16px;
    background-color: #071923;
    background-image: -webkit-linear-gradient(top, #121e46 0%, #121e46 100%);
    background-image: -o-linear-gradient(top, #121e46 0%, #121e46 100%);
    background-image: linear-gradient(to bottom, #071923 0%, #071923 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
    border: 0px solid transparent;
}

    .slider-handle.round {
        border-radius: 100% !important;
    }

.slider.slider-horizontal .slider-track {
    height: 6px;
    width: 100%;
    margin-top: -3px;
    top: 50%;
    left: 0;
}


#Travellerdetaildiv #frstnm .tooltiptext {
    width: 200px;
    height: 135px;
    background-color: white;
    z-index: 9999999999;
    bottom: 55px;
    right: 3px;
    border: 0px;
}

    #Travellerdetaildiv #frstnm .tooltiptext img {
        width: 200px;
    }

#Travellerdetaildiv #frstnm.tooltip .floating-inpt:focus > .tooltiptext {
    visibility: visible !important;
}

#Travellerdetaildiv #frstnm.tooltip .tooltiptext::after {
    border-width: 8px !important;
    top: 98%;
}

.box .nav-tabs > li > a:hover {
    /* border: none; */
    background: #fff2ec;
    padding: 6px 6px;
    color: #464646;
    text-decoration: underline;
    border-radius: 0;
    margin: 0;
}

.stslft {
    padding: 2px 5px;
    width: auto;
    float: left;
    background-color: #ffffff;
    color: #3a4e97;
    border-radius: 2px;
    border: 1px solid #6e7fbc;
}


.cpnbg {
    padding: 15px;
    border-radius: 3px;
    background-color: #e8f1ff;
    border: 1px solid #D6E6FF;
    margin-bottom: 10px;
    background-image: url(../images/49/coupon.png);
    background-position: 98% 3%;
    background-repeat: no-repeat;
}



    .cpnbg label {
        color: #0f1b44;
        font-size: 14px !important;
        font-weight: bold !important;
        cursor: pointer !important;
    }

    .cpnbg .cpnp {
        color: #333333;
        font-size: 13px !important;
        margin-bottom: 0px;
    }

    .cpnbg .rmv {
        color: #CB0000;
        font-weight: normal;
        text-decoration: underline !important;
        cursor: pointer !important;
        font-size: 13px;
    }



ul.chkblk li .checkbox {
    display: block !important;
}


.tab-content > .active {
    position: relative;
}

.CombdataDiv {
    margin-right: 13%;
    width: 55% !important;
    box-shadow: 0px 1px 7px 2px #6e7fbc !important;
    border: 1px solid#159550 !important;
    padding: 0px !important;
    background-color: #121e46;
}

.fxdvbtn, .fxdvbtn:hover {
    background-color: #fbfbfb !important;
    color: #100f0f !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    padding: 0px 0px !important;
    line-height: 10px !important;
}

.shrtprc {
    margin-top: 0% !important;
    display: inline;
    margin-left: 0px !important;
    width: 100%;
    text-align: center;
    float: left;
}

.fulprc {
    margin-top: 5% !important;
}

.mnbg {
    border: 0px solid#159550;
    padding: 10px !important;
    background-color: #121e46 !important;
}

.mnbg2 {
    border: 0px;
    border-right: 1px solid#159550;
    background-color: #121e46;
}

    .mnbg .txtclr, .mnbg2 .txtclr {
        color: #ffffff !important;
    }

    .mnbg .txtclr2, .mnbg2 .txtclr2 {
        color: #474748 !important;
    }




#theCarousel .table tr td {
    font-size: 13px;
    padding: 5px !important;
    border: 1px solid #e5e3e3 !important;
    min-height: 30px !important;
    height: 30px;
}

#theCarousel .table {
    border: 1px solid #cdeeff !important;
    margin: 0px !important;
}

.dateslide #theCarousel .carousel-inner {
    width: 100% !important;
}

#theCarousel .carousel-control {
    width: 40px;
    color: #071923;
    background: none !important;
    position: absolute;
    top: 40%;
}

    #theCarousel .carousel-control .glyphicon-chevron-left, #theCarousel .carousel-control .icon-prev {
        left: 20px !important;
    }

    #theCarousel .carousel-control .glyphicon-chevron-right, #theCarousel .carousel-control .icon-next {
        right: 20px !important;
    }



.dateslide #theCarousel .carousel-control.right {
    right: 0% !important;
    color: #071923;
    top: 23% !important;
    height: auto;
    text-shadow: none;
}

.dateslide #theCarousel .carousel-control.left {
    left: 0% !important;
    color: #071923;
    top: 23% !important;
    height: auto;
    text-shadow: none;
}

.dateslide #theCarousel .carousel-control {
    font-size: 18px !important;
}

.dateslide #theCarousel .table tr td {
    height: 50px !important;
}

    .dateslide #theCarousel .table tr td.activedtsld {
        background-color: #159550 !important;
    }

        .dateslide #theCarousel .table tr td.activedtsld a {
            color: #fff !important;
            font-weight: bold !important;
        }

.flt-rvs {
    display: inline;
    width: 0px;
    float: left;
}

    .flt-rvs i {
        margin-top: 36px !important;
        transform: rotate(180deg);
        margin-left: 8px !important;
        font-size: 16px;
        float: left;
        text-align: center;
        width: 100%;
        cursor: pointer;
        color: #ffffff !important;
    }

#roomrates .nopadding {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.input-group .form-control {
    padding: 5px 0px !important;
}

.input-group-btn > .btn {
    padding: 6px 7px !important;
}


.box .acc-heading span.num {
    min-width: 25px !important;
    border-radius: 26px;
    padding: 7px 5px;
    border: 1px solid #afc3b8;
    background-color: #dae7e0;
    color: #071923;
    min-height: 25px;
    float: left;
    text-align: center;
    margin-right: 10px;
    line-height: 15px;
    vertical-align: middle;
    font-size: 16px !important;
    margin-top: -5px;
}

.span-text {
    color: #383737;
    font-weight: 500;
}

.htmlrateprcbrkp hr {
    color: #ddd !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.dc-text {
    font-style: italic;
    font-size: 13px;
    font-weight: 500;
}


.pan-check [type="checkbox"] {
    width: 20px;
    height: 16px;
    margin-top: 0px;
}

.guest-mt-10 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
}

.guest-pan-pt-15 {
    padding-top: 15px;
}

.mrg-guest-0 {
    border: 1px solid #c4d9e7;
    background-color: #fdf9f9;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.20);
    border-radius: 10px;
    margin-bottom: 20px;
}

.guest-body {
    padding: 25px 10px 20px 10px;
}

.guest-heading {
    padding: 0px !important;
}

    .guest-heading p {
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        background-color: #071923;
        color: #fff;
        font-size: 16px !important;
        font-weight: 600 !important;
        padding: 10px 20px;
        margin-top: 0px !important;
        border-radius: 8px 0px 20px 0;
        display: inline;
        position: relative;
        top: 8px;
    }

.padding-0 {
    padding: 0px !important;
}

.mrg-guest-0 .row {
    margin: 0px;
}

.fltrslt27 .nwrsltmain {
    border: 0px solid #e4e3e3;
    padding: 5px 5px;
    margin-bottom: 20px;
    border-radius: 5px;
}

    .fltrslt27 .nwrsltmain ul.flter-list li a.btn {
        padding: 0 5px !important;
    }

    .fltrslt27 .nwrsltmain .box {
        background-color: #ffffff;
    }

        .fltrslt27 .nwrsltmain .box h5, .fltrslt27 .nwrsltmain .h5 {
            font-size: 14px;
        }

        .fltrslt27 .nwrsltmain .box .pric span {
            font-size: 18px;
            color: #131212;
            font-weight: bold;
        }

        .fltrslt27 .nwrsltmain .box .nav-tabs {
            border-bottom: 1px solid #ddd;
        }

    .fltrslt27 .nwrsltmain .box {
        background-color: #ffffff;
        border: 1px solid #e4e3e3;
        color: #333;
        font-weight: normal !important;
        float: left;
        width: 100%;
    }

        .fltrslt27 .nwrsltmain .box .citycode span {
            color: #000000;
            font-size: 14px;
            font-weight: 400;
        }



.CombdataDiv {
    margin-right: 13%;
    width: 55% !important;
    box-shadow: 0px 1px 7px 2px #006932 !important;
    border: 1px solid #006932 !important;
    padding: 0px !important;
    background-color: #2b414d;
}

.fxdvbtn, .fxdvbtn:hover {
    background-color: #fbfbfb !important;
    color: #100f0f !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    padding: 0px 0px !important;
    line-height: 10px !important;
}

.shrtprc {
    margin-top: 0% !important;
    display: inline;
    margin-left: 0px !important;
    width: 100%;
    text-align: center;
    float: left;
}

.fulprc {
    margin-top: 5% !important;
}

.mnbg {
    border: 0px solid #071923;
    padding: 10px !important;
    background-color: #2b414d !important;
}

.mnbg2 {
    border: 0px;
    border-right: 1px solid #006932;
    background-color: #2b414d;
}

    .mnbg .txtclr, .mnbg2 .txtclr {
        color: #ffffff !important;
    }

    .mnbg .txtclr2, .mnbg2 .txtclr2 {
        color: #474748 !important;
    }

.bottom {
    top: auto;
    bottom: 0;
    position: static;
    width: 100% !important;
}


.nwbkbtn {
    position: fixed;
    right: 0%;
    bottom: 0%;
    padding: 0px !important;
}


#ShowCombdataDiv .hover-btn {
    font-size: 30px !important;
    background-color: #071923 !important;
    width: 100%;
    float: left;
    border: 0px solid #071923 !important;
}

    #ShowCombdataDiv .hover-btn i {
        color: #ffffff !important;
    }

    #ShowCombdataDiv .hover-btn:hover {
        background: #2b414d !important;
        color: #ffffff !important;
        border: 0px solid #2b414d !important;
        border-radius: 0px;
    }

.bottom {
    top: auto;
    bottom: 0;
    position: static;
    width: 100% !important;
}

.fltppbox {
    position: absolute;
    top: -31px;
    right: 0px;
    background-color: #071923 !important;
}



/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
        text-align: center;
    }
}

@media (max-width: 479px) {
    .caption {
        word-break: break-all;
    }
}


li {
    list-style-type: none;
}

::selection {
    background: #071923;
    color: #FFFFFF;
    text-shadow: 0;
}

::-moz-selection {
    background: #071923;
    color: #FFFFFF;
}



/*-----------end exclusive offers-----------*/


@media (max-width:1199px) {
    .input__label--hoshi {
        padding: 0 !important;
    }

    .options .nav > li > a {
        margin-bottom: 0px;
        padding: 5px 6px;
    }

    .nav > li > a {
        font-size: 13px;
    }

    .more {
        margin-top: 13px;
        font-size: 13px;
    }

    #logo h3 {
        margin-top: 20px;
    }
}

.reg2 {
    padding: 6px 17px;
    float: none;
}



#advancedv label[aria-expanded=true] .fa-plus-square {
    display: none;
}

#advancedv label[aria-expanded=false] .fa-minus-square {
    display: none;
}

@media (max-width:1024px) {

    .text-center-md {
        text-align: center !important;
    }

    .btn-style-1 .acc {
        width: auto !important;
        float: right !important;
    }

    .reg {
        width: 100%;
        float: left;
    }


    a.btn.fltr-btn {
        padding: 6px !important;
        font-size: 12px !important;
    }

    .acc a {
        font-size: 13px;
        padding: 10px 0px;
    }

    .reg a {
        font-size: 13px;
        padding: 10px 0px;
    }

    .f-13 p, .f-13 p span, .f-13 p i {
        font-size: 13px !important;
    }

    .blackb a {
        font-size: 11px !important;
    }


    .nowrap {
        white-space: nowrap;
    }
}

@media (max-width:992px) {
    .ftr-res p {
        text-align: center;
    }

    .nobdr-sm {
        border: 0px !important;
    }

    .m-t-0-sm {
        margin-top: 0 !important;
    }

    .pull-left-sm {
        float: left !important;
    }

    /*.detail select.select--hoshi {
        margin-bottom: 10px;
    }*/

    .m-top-sm {
        margin-top: 12px !important;
    }

    .mrg-btm4-sm-xs {
        margin-bottom: 4px !important;
    }

    .select--hoshi-sm {
        height: auto;
        margin-bottom: 5px;
    }

    .m-0-xs {
        margin: 0 !important;
    }


    .m-b-25-xs {
        margin-bottom: 25px;
    }

    .nobdr-xs {
        border: 0px !important;
    }

    .padd-lft0-xs {
        padding-left: 0px !important;
    }

    .dollar-ico {
        margin: 10px 0 10px -15px !important;
        padding: 0;
    }

    /*.homepage .promotions .col-md-4 {
    width: 33.333333%;
    padding-right: 40px;
    padding-left: 40px;
}*/




    .banner-caption {
        position: static;
        /*transform: translate(0, 0);*/
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0px;
        background: #ffffff;
        width: 100%;
    }

    .cation-image {
        margin-top: 0;
        margin-bottom: 10px;
    }

        .cation-image img.img-responsive, .homepage .main-form {
            max-width: 450px;
            margin: 10px auto;
        }
}

@media (min-width:769px) {
    .visible-md {
        display: block !important;
    }

    .p-t-20-smmd {
        padding-top: 20px !important;
    }
}

@media screen (max-width:768px) {



    .thead-new {
        visibility: hidden !important;
    }

    /*.p-l-6-xs{
		padding: 0 6px;
	}
	*/

    ul.ul-horizontal li {
        display: inline-block;
        width: 100%;
        margin: 0;
    }

    ul.ul-horizontal.role-list li {
        margin-right: 0;
    }


    .p-lr-5-xs {
        padding: 0px 5px !important;
    }

    .pull-left-xs {
        float: left !important;
    }

    .p-o-xs {
        padding: 0 !important;
    }

    .plr-30-xs {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    ul.flter-list.pull-right {
        width: 100%;
        float: none !important;
        text-align: left;
    }

    ul.flter-list.left-side {
        width: 100% !important;
        text-align: left;
        float: none;
    }

    ul.flter-list li {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
    }

    #logo .text-left {
        text-align: center !important;
    }

    .m-t-0-xs {
        margin-top: 0 !important;
    }

    .head-dd-res ul.dropdown-menu {
        left: 0 !important;
        right: 0 !important;
    }

    .m-t-20-sm {
        margin-top: 20px !important;
    }

    .m-b-25-xs {
        margin-bottom: 25px;
    }

    .options {
        border-left: 0px solid #ccc !important;
    }

    #md .detail select {
        margin-bottom: 10px;
    }

    .members-details {
        border-left: 0px solid #ccc !important;
    }

    #app .approval .lh {
        margin-top: 15px;
    }

    #app .approval h3 {
        margin: 0px 0px 0 !important;
    }

    .reg {
        width: 49%;
        float: left;
        margin-right: 5px;
    }

    .acc {
        /*width: 49%;*/
        width: auto;
        float: left;
        min-width: 150px;
    }

        .acc a {
            font-size: 13px;
            padding: 10px 0px;
        }

    .reg a {
        font-size: 13px;
        padding: 10px 0px;
    }

    .m-t-10-xs {
        margin-top: 10px;
    }

    .f-13 p, .f-13 p span, .f-13 p i {
        font-size: 13px !important;
    }

    .wrap-xs {
        white-space: normal;
        word-wrap: break-word;
    }

    .whitebg {
        display: inline-block !important;
        width: 100%;
    }

    .navbar-responsive {
        text-align: center;
    }

        .navbar-responsive button.navbar-toggle {
            float: none;
            margin: 10px 0;
            color: #404040;
            padding: 5px;
        }



    .navbar-default .navbar-nav > li > a {
        color: #404040 !important;
        font-family: 'roboto', sans-serif;
        font-size: 15px !important;
        padding: 5px;
        float: none !important;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        text-decoration: underline;
        color: #fff !important;
        background-color: #404040;
        padding: 5px;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        text-decoration: underline;
        color: #071923 !important;
        float: none !important;
    }

    ul.nav.navbar-nav.navbar-right {
        float: none;
        width: 100%;
        background-color: #ffffff;
        margin-bottom: 10px;
    }

        ul.nav.navbar-nav.navbar-right li {
            text-align: center;
            padding: 0px;
            border-bottom: 1px solid rgba(221, 221, 221, 0.41);
        }

            ul.nav.navbar-nav.navbar-right li:last-child {
                border-bottom: none;
            }

    button.navbar-toggle {
        background-color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.6) !important;
        width: 100%;
        color: #404040;
    }

        button.navbar-toggle.collapsed {
            background-color: #ffffff !important;
            border-color: rgba(255, 255, 255, 0.23) !important;
            color: #404040;
        }

    .xs-p0 {
        padding: 0;
    }

    .xs-m0 {
        margin: 0;
    }

    img.img-fluid.logo-res {
        /*max-width: 200px;*/
        display: inline-block;
        float: none;
    }


    .head-dd-res {
        margin: 0 auto;
        display: inline-block;
        float: none;
        width: 100%;
    }

    #logo h3 {
        text-align: center;
        margin-top: 5px !important;
    }

    .hdrdate {
        margin-top: 12px !important;
    }

    .name {
        text-align: center !important;
        float: none !important;
        margin-top: 5px !important;
    }

    .head-dd-res .name {
        float: none !important;
        text-align: center;
    }

    #logo p {
        margin-bottom: 10px;
        text-align: center;
    }

    .ftr-res p {
        text-align: center;
    }

    .ftr-res a img {
        float: none;
        display: inline-block;
    }

    .ftr-res a {
        display: inline-block;
        text-align: center;
        margin: 10px 0;
        color: #fff;
    }

    .accordion {
        float: left;
        margin-bottom: 15px !important;
        width: 100%;
    }

    .whitebg .panel {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    .nav-tabs > li {
        float: none;
        margin-bottom: 0px;
        display: inline-block;
        width: 49%;
    }

    .srchbg .options .panel-heading .nav-tabs > li {
        float: none;
        margin-bottom: 0px;
        display: inline-block;
        width: auto !important;
        text-align: center;
    }

    .more {
        font-size: 13px;
        float: left;
        margin: 10px;
    }

        .more .dropdown-menu {
            right: inherit;
            left: 0;
        }

    .dropdown ul.dropdown-menu:before {
        left: 16px;
        right: inherit !important;
    }

    .dropdown ul.dropdown-menu:after {
        left: 14px;
        right: inherit !important;
    }

    .clearfix-xs {
        clear: both;
    }

    body#md h3.mem-det-title {
        margin-top: 15px !important;
    }
    /*--search.css-responsive--*/
    .curr .dropdown-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .rate.inline-responsive {
        padding: 10px 0;
        min-height: 0;
        border-top: 1px solid #eaeaea;
        border-left: none !important;
        margin: 10px 0 0 0;
    }

    .select-btn-sec {
        display: inline-block;
        float: right;
        margin: 3px 10px;
    }

    .rate.inline-responsive .text-center-sm {
        display: inline-block;
        width: 100%;
        height: 35px;
    }

    .rate h4 {
        text-align: left;
        margin: 0 10px;
        float: left;
        display: inline-block;
        line-height: 35px;
    }

    .rate p {
        display: inline-block;
        float: left;
        text-align: left !important;
        margin: 0;
        line-height: 35px;
    }



    .modify-search {
        /*background: #404040;
        box-shadow: 0 1px 7px 2px #ccc !important;*/
        background: transparent;
        box-shadow: none;
        color: #fff;
        border-radius: 4px;
        margin-top: 6px;
    }



    .dropdown.curr {
        float: none;
        display: inline-block;
        width: 100%;
    }

    ul.flter-list.pull-right {
        width: 99% !important;
        text-align: right !important;
        float: right !important;
        margin-top: -42px;
        margin-right: 10px;
    }

        ul.flter-list.pull-right li {
            width: 100%;
        }

    ul.flter-list li {
        display: inline-block;
        width: 48% !important;
        margin: 5px 5px !important;
    }

    .dropdown.curr a {
        width: 100%;
    }

    .dropdown.curr ul.dropdown-menu.f-dd-menu {
        left: 0 !important;
        right: 0 !important;
    }

    li.ratewidth3 {
        width: 100% !important;
    }

    li.ratewidth2 {
        width: 100% !important;
        padding: 0 10px;
    }

    li.ratewidth1 {
        width: 100% !important;
    }



    .showresult {
        margin: 0;
        padding: 0;
        background: #fff;
        box-shadow: 0 1px 7px 2px #ccc !important;
        margin-bottom: 12px;
        width: calc(50% - 20px);
        float: left;
        margin: 10px;
    }
}
/*--------*/

.red-color {
    color: red !important;
}

/*-----ms-ie11 css--*/

@media and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
    .input--filled .input__label-content--hoshi {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
    }

    span.input.input--hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }

    span.input.tooltip-hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }
}
/*------ms-edge-css-----*/
@supports (-ms-ime-align: auto) {
    /* Microsoft EdgeV13&14 CSS styles go here */
    .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
    .input--filled .input__label-content--hoshi {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
    }

    span.input.input--hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }

    span.input.tooltip-hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }
}

@supports (-ms-accelerator: true) {
    /* Microsoft EdgeV13 CSS styles go here */
    .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
    .input--filled .input__label-content--hoshi {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
    }

    span.input.input--hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }
}

/*-----edge-end --*/
/*approval_detail*/
.upper {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px !important;
}

.redtext {
    color: #071923;
    /*text-decoration: underline;*/
}

    .redtext a {
        color: #071923 !important;
        /* text-decoration: underline;*/
    }

.redicon {
    color: #071923 !important;
}

.gap {
    height: 50px;
}



/*--------new-css----*/
#selectdrop {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url("../images/da.png") no-repeat 96% center;
}

select::-ms-expand {
    display: none;
}

.modal-body.res-sup {
    font-family: 'roboto', sans-serif !important;
    font-weight: normal;
    font-size: 14px;
}

.modal-content input[type=checkbox] + label {
    font-weight: normal;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.modal-content::-webkit-scrollbar {
    visibility: hidden;
}

/*---select css-----*/
fieldset {
    padding: 15px;
}

input[type=checkbox] {
    opacity: 0 !important;
    float: left;
}

    input[type=checkbox] + label {
    }

        input[type=checkbox] + label ~ label {
            margin: 0 0 0 40px;
        }

        input[type=checkbox] + label::before {
            content: ' ';
            position: absolute;
            left: -5px;
            top: 2px;
            width: 15px;
            height: 15px;
            display: block;
            background: white;
            border: 1px solid #A9A9A9;
        }

        input[type=checkbox] + label::after {
            content: ' ';
            position: absolute;
            left: -5px;
            top: 1px;
            width: 15px;
            height: 15px;
            display: block;
            z-index: 1;
            /*background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;*/
            -ms-transition: all .2s ease;
            -webkit-transition: all .2s ease;
            transition: all .3s ease;
            -ms-transform: scale(0);
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 0;
        }

    input[type=checkbox]:checked + label::after {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }


.new-chk input[type=checkbox] + label::before {
    top: 7px;
}

.new-chk input[type=checkbox] + label::after {
    top: 6px;
}

.rail-policy-cols ul li {
    list-style-type: disc !important;
}


@media (max-width:400px) {
    h4.modal-title small {
        display: block;
    }
}

/*----tooltip---*/
span.input.tooltip-hoshi {
    z-index: 10;
}

.tooltip-hoshi {
    z-index: 10;
}



    .tooltip-hoshi .floating-label {
        transition: 0.4s all ease;
    }

        .tooltip-hoshi .floating-label::before, .tooltip-hoshi .floating-label::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 10px);
            border-bottom: 1px solid #d8d8d8;
            display: none;
        }

    /*span.input.tooltip-hoshi.floating-placeholder-float span.input__label-content {
   /* -webkit-animation: anim-1 0.3s forwards;
    animation: anim-1 0.3s forwards;
    top: -10;
	font-size:18px;
	-webkit-transform: scale(0.75) !important;
	transform: scale(0.75) !important;
}


.tooltip-hoshi .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .tooltip-hoshi .input__field--hoshi:focus + .tooltip + .input__label--hoshi .input__label-content--hoshi {
    top: -10 !important;
	font-size:18px;
	-webkit-transform: scale(0.75) !important;
	transform: scale(0.75) !important;
	
}*/

    .tooltip-hoshi .floating-inpt:focus + .ph.tooltip-hoshi-inner {
        position: absolute;
        left: 0;
        right: inherit;
        top: 100%;
        opacity: 1.0;
        transition: 0.5s ease all;
        min-width: 200px;
        z-index: 99999;
        display: block;
    }


    .tooltip-hoshi input {
        margin-top: 5px;
        padding-bottom: 0;
    }

.tooltip-inner {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.tooltip {
    z-index: 99999999 !important;
}

.ph.tooltip-hoshi-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    opacity: 0;
    transition: 0.5s ease all;
    z-index: 1;
    display: none;
}

/*---*/

.radio label, .checkbox label {
    padding-left: 20px !important;
}

label.radio-label {
    color: #3a3a3a;
    font-family: 'roboto', sans-serif;
    font-size: 14px !important;
    font-weight: normal;
}

.tooltip-hoshi input:focus + label.input__label {
    border-color: #071923 !important;
    transition: 0.4s all ease;
}
/*.mod-search.detail .lh {
    color: #071923;
    font-family: 'roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 20px;
    font-weight: 700;
}*/

.mod-search {
    background: #fbfbfb;
    padding: 20px 20px 20px;
    box-shadow: 0 5px 7px 2px #ccc !important;
    margin-bottom: 0px;
}

    .mod-search .lh {
        color: #071923;
        font-family: 'roboto', sans-serif;
        font-size: 16px;
        margin-bottom: 5px;
        margin-top: 20px;
        font-weight: 700;
    }


option {
    color: #000;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: initial;
}



/*---*/

.file-label {
    float: left;
    font-size: 15px;
    margin-right: 20px;
    font-weight: 400;
    color: #3a3a3a;
    margin-bottom: 0px !important;
}

.file-input {
    float: left;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    margin-right: 20px;
    width: 50%;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.m-l--15 {
    margin-left: -15px !important;
}

input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
    color: #000 !important;
}
/*----range-slider---*/
.input-range-slider {
    position: relative;
}

    .input-range-slider input[type="range"] {
        pointer-events: none;
        position: absolute;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        border: none;
        border-radius: 14px;
        background: #071923;
        left: 0;
        top: 0;
        right: 0;
        outline: none;
        height: 10px;
        margin: 0;
        padding: 0;
    }

        .input-range-slider input[type="range"]::-webkit-slider-thumb {
            pointer-events: all;
            position: relative;
            z-index: 1;
            outline: 0;
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            border: 1px solid #b5b5b5;
            ;
            border-radius: 14px;
            background: #e4e4e4;
        }

        .input-range-slider input[type="range"]::-moz-range-thumb {
            pointer-events: all;
            position: relative;
            z-index: 10;
            -moz-appearance: none;
            width: 20px;
            height: 20px;
            border: 1px solid #b5b5b5;
            ;
            border-radius: 14px;
            . background:#e4e4e4;
            border-color: #b5b5b5;
        }

        .input-range-slider input[type="range"]::-ms-thumb {
            pointer-events: all;
            position: relative;
            z-index: 10;
            -ms-appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 14px;
            border: 1px solid #b5b5b5;
            background: #e4e4e4;
            border-color: #b5b5b5;
        }

    .input-range-slider input[type=range]::-moz-range-track {
        position: relative;
        z-index: -1;
        background-color: rgba(0, 0, 0, 1);
        border: 0;
    }

    .input-range-slider input[type=range]:last-of-type::-moz-range-track {
        -moz-appearance: none;
        background: none transparent;
        border: 0;
    }

    .input-range-slider input[type=range]::-moz-focus-outer {
        border: 0;
    }

span.rangeValues {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
}

    span.rangeValues span.abc_1 {
        float: left;
    }

    span.rangeValues span.abc_2 {
        float: right;
    }

.heading-age {
    margin: 10px 0px 10px;
}
/*----------*/
.lh.sf {
    margin-bottom: -20px;
}

.select--hoshi {
    height: 40px;
    /*margin-top: 14px;
    margin-bottom: 10px;*/
    padding-left: 10px !important;
    border-radius: 0px;
}
/*.input__label--hoshi {
	    bottom: -2px !important;
}
.input__label-content--hoshi {
	    top: -7px b!important;
}
.lh.sf {
    transform-origin: left top;
    transition: 240ms;
    margin-bottom: -20px;
    transform: scale(0.75) !important;
}*/


.lh.form-heading {
    font-size: 17px;
    /*color:#000 !important;*/
    color: #071923 !important;
}


.lh2.form-heading {
    font-weight: bold;
    color: #071923 !important;
    padding: 0px;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0px;
    text-transform: uppercase;
    float: left;
}

#btnAddcity {
    color: #404040;
    font-weight: bold;
    text-decoration: underline !important;
    background-color: #cfe7da;
}

    #btnAddcity:hover {
        color: #404040;
        font-weight: bold;
        text-decoration: underline !important;
        background-color: #a9d0bb;
    }

.rem-box {
    background: #f3f3f3;
    padding: 18px;
    border-radius: 5px;
    min-height: 127px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.13);
    margin-top: 10px;
}

    .rem-box h4 {
        color: #071923;
        margin-top: 0;
        margin-bottom: 18px;
        font-weight: 400;
        letter-spacing: 0.6px;
    }

    .rem-box p {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin-bottom: 5px;
    }

@media (max-width: 1024px) {
    .detail .lh.sf {
        margin-bottom: -17px !important;
    }
}

@media (max-width:480px) {

    .cation-image img.img-responsive, .homepage .main-form {
        max-width: 290px;
    }

    .cation-image {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .right-border {
        border-right: 0px solid #ccc !important;
    }

    button.sel-role {
        float: none !important;
    }


    p.ss-big {
        font-size: 14px !important;
    }

    p.ss-small {
        font-size: 12px !important;
    }

    .ss-panel .ss-row p {
        line-height: 20px;
        margin: 10px 0 !important;
    }
}


@media (min-width:1200px) {
    .hotel-desc {
        margin-top: 5px !important;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    p.more-desc {
        font-size: 12px !important;
    }

    .hotel-desc h5.heading {
        font-size: 16px;
        font-weight: 700;
        color: #071923;
        min-height: 50px;
    }
}




/*--hover-button-*/

/*----redtoblack--*/
.newbtn {
    padding: 12px;
    width: 100%;
}

.hover-btn {
    background: #071923;
    color: #fff !important;
    border-radius: 5px;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    /*-webkit-box-shadow: 2px 4px 14px 5px rgba(0,0,0,0.36);*/
}




    .hover-btn:hover {
        color: #fff !important;
        border-radius: 5px;
        cursor: pointer;
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        opacity: 0.8;
        /*-webkit-box-shadow: 2px 4px 14px 5px rgba(0,0,0,0.36);*/
        /*transition: all 450ms linear;
    -webkit-transition: all 450ms linear;*/
    }

.hover-btn-sm {
    background-color: #071923;
    color: #ffffff !important;
    border-radius: 0px;
    border: 0px;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 7px;
    font-size: 12px;
    border-bottom: 0px solid #77bada;
}

    .hover-btn-sm:hover {
        background-color: #071923 !important;
        color: #ffffff !important;
        border-radius: 0px;
        border: 0px;
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        padding: 5px 7px;
        font-size: 12px;
        border-bottom: 0px solid #7dab88;
    }

/*-----blacktored--*/
.hover-btn.btn-reverse {
    background-color: #071923 !important;
    color: #fff !important;
    border-radius: 5px;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 10px 25px !important;
    /*margin-top: 20px;*/
    margin-bottom: 20px;
    font-weight: 500;
    /*-webkit-box-shadow: 2px 4px 14px 5px rgba(0,0,0,0.36);*/
}


.smrybtn .hover-btn {
    background-color: #071923;
    color: #ffffff !important;
    border: 0px;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 500;
    padding: 8px 10px;
    margin-right: 7px;
}

    .smrybtn .hover-btn:hover {
        background-color: #071923 !important;
        color: #ffffff !important;
        border: 0px;
        text-transform: uppercase;
        font-size: 13px !important;
        font-weight: 500;
        padding: 8px 10px;
        margin-right: 7px;
    }


/*----input-btn*/
/*input.btn-go:focus, input.btn-go:visited, input.btn-go:active, input.btn-go:hover {
    background: #404040 !important;
}*/

.hover-btn.btn-reverse:focus {
    outline: none !important;
}

/*-----*/
.right-border {
    border-right: 1px solid #ccc;
}

.lowerheding {
    height: 4px;
    width: 60px;
    background-color: #6d91a9;
    margin: -5px 0px 20px 0px;
}

.wbgnew {
    background: none;
    padding: 0px 25px 70px;
    box-shadow: none;
}




/*add css form hotel edit page*/

.table-responsive {
    max-width: 100%;
    overflow: auto;
    border: none !important;
}

    .table-responsive table {
        width: 100% !important;
    }


/*---new--*/

.m-t-o {
    margin-top: 0 !important;
}

.normal {
    font-weight: normal !important;
}
/*-----*/
.room-section {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 10px;
}



.quot .tooltip .tooltip-inner {
    border-radius: 0;
    background: #071923;
    opacity: 1 !important;
    color: #fff;
}

.quot .tooltip.top {
    opacity: 1 !important;
}
/*--------*/
/*ul.top-tabs-style li.active i {
    color: #fff;
}*/

ul.top-tabs-style li i {
    color: #404040;
}

.spacer {
    height: 1px;
    background: #e9e9e9;
    margin: 20px 0 10px 0;
}

.rem-room {
    float: right;
    color: #404040;
    font-size: 12px;
}
/*-----    hotel-offline ---*/
.room-details-box {
    padding: 10px;
    margin: 0 15px 20px 15px;
    border: 1px solid;
    border-color: #d4d4d4;
    box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
}

.room-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #000;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.r-title {
    font-size: 15px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 14px;
}

ul.checklist {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 100%;
}

    ul.checklist li {
        display: inline-block;
        margin-right: 15px;
    }

    ul.checklist.lspax li {
        margin-top: 15px;
    }

textarea {
    resize: none;
}

.btn-style-1 {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #c5c5c5;
}

    .btn-style-1 .acc.right {
        margin: 0 !important;
    }
/*---*/

.search-address1 {
    background: #fff;
    padding: 8px 10px 5px 13px;
    box-shadow: 0 1px 7px 2px #ccc !important;
    margin-top: 15px;
}

h4.city-red1 {
    color: #071923;
    font-size: 21px;
    font-weight: bold !important;
    padding: 10px;
    margin-bottom: 0;
    margin: 0;
    padding-left: 0;
}

    h4.city-red1 span {
        font-weight: normal;
        font-size: 17px;
    }

.main-address1wrap {
    width: 100%;
    float: left;
    border-top: 1px dashed #071923;
    border-bottom: 1px dashed #404040;
    padding: 5px 10px;
}



p.main-address1 {
    color: #000;
    font-weight: 400;
    margin: 0;
    font-size: 14px !important;
}

.main-address1 .txtcolor {
    color: #404040;
}

.m-t-30 {
    margin-top: 30px;
}

p.rating img {
    margin-left: 5px;
}


/*----- hotel-offline-select cssfix--*/
span.field-box .select--hoshi {
    height: 30px;
    margin: 20px 0 10px 0;
}

span.field-box .lh.sf {
    padding-left: 4px;
}
/*-- for mozila textarea css --*/
@-moz-document url-prefix() {
    textarea {
        resize: none;
        padding: 0 6px !important;
    }
}

/*--transfer-search-resu;t-detail page--*/
.headrow {
    margin-top: 30px !important;
    float: left !important;
    width: 100% !important;
}

    .headrow h3 {
        background: #e9e9e9 !important;
        color: #071923 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 30px !important;
        padding: 7px 10px 7px 0px !important;
        margin: 0 !important;
        border: none !important;
    }

span.c-child {
    margin-right: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

span.c-age {
    font-size: 14px;
    font-weight: 300;
}

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

span.minitext {
    font-size: 13.4px;
    font-weight: 500;
}

.radio-hoshi {
    padding: 15px;
    margin-top: 10px;
}

.checkbox-hoshi {
    margin: 25px 5px 10px 5px;
}

.radio-hoshi label {
    margin: 0 10px;
}

h5.pdh {
    padding: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}

.p-details {
    padding: 0 15px;
}

.plr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

p.eq {
    margin: 25px 5px 10px 5px;
    color: #000;
    font-size: 14px;
}

.textarea-hoshi .lh.sf {
    margin: 0 !important;
}

.textarea-hoshi {
    margin: 10px 0;
}

    .textarea-hoshi textarea {
        width: 100%;
        height: auto;
    }

/*-----*/
.ss-panel .ss-row {
    margin: 0;
    border-bottom: 1px solid #d4d4d4;
    padding: 0;
    min-height: 40px;
    line-height: 30px;
}

    .ss-panel .ss-row p {
        margin: 0;
        font-weight: 400;
        color: #222222;
    }

p.ss-big {
    font-size: 17px !important;
}

p.ss-small {
    font-size: 14px !important;
}

.subhead {
    font-weight: 700 !important;
    font-size: 17px;
    margin: 20px 15px 5px 15px;
    color: #222;
}

h4.top-head {
    padding: 0 12px 12px 12px;
    border-bottom: 1px solid #262626;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.6px;
}

    h4.top-head .sicon {
        font-size: 16px;
        margin-right: 10px;
    }

.bot-text {
    font-size: 14px;
    font-weight: 600;
    margin: 15px;
}

.sq-btn {
    margin: 0 10px;
    padding: 0px 15px !important;
    width: auto !important;
    border-radius: 0;
    line-height: normal !important;
    height: auto !important;
    min-width: 120px !important;
}

a.btn.fltr-btn {
    background: #071923;
    border-radius: 0;
    margin-bottom: 10px;
    color: #404040;
    padding: 6px 3px;
    font-size: 13px;
    border-radius: 5px;
    border: 0px solid #404040;
}

    a.btn.fltr-btn:hover {
        background: #071923 !important;
        border-radius: 0;
        margin-bottom: 10px;
        color: #fff;
        padding: 6px 3px;
        font-size: 13px;
        border-radius: 5px;
        border: 0px solid #071923;
    }


.hsr-tab ul li a {
    margin-top: 0 !important;
}

.hsr-tab ul {
    border-color: #262626;
}

.p-t-0 {
    padding-top: 0 !important;
}

.hsr-tab ul.top-tabs-style li a:hover {
    border-color: transparent;
}

.whitebg-1 {
    background: #fff;
    display: block;
    clear: both;
    padding: 15px 0px;
    margin: 15px 0px;
    box-shadow: 0px 1px 7px 2px #ccc !important;
}

.noborder {
    border: none !important;
}

table.hsrrrtbl thead {
    background: #e7e7e7;
    height: 40px;
}



.text-center {
    text-align: center !important;
}

table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
    text-align: left;
}

.hsrrrtbl a {
    color: #071923 !important;
}


    .hsrrrtbl a:focus {
        outline: none !important
    }

table.hsrrrtbl thead a {
    color: #000 !important;
}

table.hsrrrtbl {
    border: 1px solid #bebebe !important;
    min-width: 600px;
}



thead.main-head tr th {
    padding: 10px;
}

.mbktbl thead.main-head tr th {
    padding: 6px;
    font-size: 13px;
}

.mbktbl2 thead.main-head tr th {
    border-left: 1px solid #d4d4d4;
}

td.rr-detailpanel {
    padding: 10px;
}

.rr-detailpanel img {
    vertical-align: top !important;
}

table.pannel-table-hsr {
    border: 1px solid #d4d4d4 !important;
    padding: 10px;
}

    table.pannel-table-hsr td {
        padding: 5px 5px 2px;
        vertical-align: top;
    }

a.hsr-colapse {
    background: #071923;
    color: #fff !important;
    font-weight: normal;
    font-size: 13px;
    padding: 2px 7px;
    border-radius: 2px;
    line-height: 22px;
    cursor: pointer;
    float: right;
    margin-right: 3.5%;
}

    a.hsr-colapse .fa-plus:before {
        font-size: 13px;
        margin-left: 10px;
    }

    a.hsr-colapse .fa-minus:before {
        font-size: 13px;
        margin-left: 10px;
    }

a.hsr-colapse-new {
    background: #ecc2cd;
    color: #071923 !important;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
    min-height: 22px;
    min-width: 80px;
    line-height: 22px;
    cursor: pointer;
    margin-right: 0%;
    float: none;
    padding: 5px;
}

    a.hsr-colapse-new .fa-plus:before {
        font-size: 12px;
    }

    a.hsr-colapse-new .fa-minus:before {
        font-size: 12px;
    }



span.hsr-room-heading {
    color: #071923;
    font-weight: 700;
    font-size: 14px;
    margin-right: 7px;
}


td.hsr-book span.tcost {
    min-width: 100px;
    display: inline-block;
    width: 50%;
    font-size: 16px;
    font-weight: 700;
    color: #404040;
    /*text-align: right;*/
}

td.hsr-book {
    vertical-align: top;
    padding: 0 10px !important;
}

span.checkbox.hsr-book-check {
    display: inline-block;
    width: 10%;
    max-width: 25px;
}

a.hsr-book-btn {
    font-weight: 500;
    color: #fff !important;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 5px 18px;
    text-transform: capitalize;
    border-radius: 5px;
    text-align: center;
    background-color: #071923;
    border: 0px solid #404040;
}

    a.hsr-book-btn:hover {
        font-size: 16px;
        background: #071923 !important;
        color: #fff !important;
        text-transform: capitalize;
        border-radius: 5px;
        border: 0px solid #071923;
        transition: all 450ms linear;
        -webkit-transition: all 450ms linear;
    }





span.checkbox.hsr-book-check label:before {
    left: 0;
    top: 10px;
}

span.checkbox.hsr-book-check label:after {
    top: 10px;
    left: 0px;
}

.trhide {
    display: none;
}

.trshow {
    display: table-row;
}

.p-l-10 {
    padding-left: 10px;
}

.p-lr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*table.inner-table-hsr.hsr-rr-table {
    border-bottom: 1px solid #ddd;
}*/

.hsr-rrtext {
    font-size: 14px;
    font-weight: 400;
}

.hsr-rr-mt {
    font-size: 14px;
    color: #222222;
    font-weight: 400;
}

span.color-avail {
    font-size: 14px;
    color: #404040;
}

span.status {
    font-size: 14px;
    font-weight: normal;
}

span.color-onreq {
    font-size: 14px;
    color: #ef8227;
}

span.hsr-room-heading label.radio-label {
    margin-left: 5px;
    margin-bottom: 0px;
    width: 90%;
    white-space: initial;
}

.canpolcy {
    padding: 3px 4px;
    font-weight: normal;
    color: #071923;
    border-radius: 2px;
    font-size: 13px;
    white-space: normal;
}

.left-border {
    border-left: 1px solid #ccc;
}

@media (max-width:1199px) {
    td.hsr-book span.tcost {
        min-width: auto;
        display: inline-block;
        width: 30%;
    }

    span.hsr-room-heading label.radio-label {
        margin-left: 5px;
        font-size: 13px !important;
    }
}

@media (max-width:991px) {
    .no-border-sm {
        border: none !important;
    }

    td.hsr-book span.tcost {
        font-size: 14px !important;
    }

    .hsr-top-res {
        margin-bottom: 40px;
    }

    #logo .container-fluid {
        background: #000000;
    }

    .comp_logo {
        position: static;
    }

        .comp_logo:after {
            display: none;
        }

    .homehead .banner-sec {
        margin-top: 0px;
    }

    .cp-right {
        text-align: center;
    }

    .py-algn {
        text-align: center !important;
    }

    .recommend-slide .slick-slide {
        margin: 0px 10px 12px 10px !important;
    }

    .homepage .options.panel {
        margin-top: 18px;
    }

}

@media (max-width:768px) {
    .htlimgnew {
        width: 21% !important;
        float: left;
        padding: 0px;
        position: relative;
    }

    .htlinfonew {
        width: 79% !important;
        float: left;
        padding: 0px 10px 0px 20px;
    }

    td.hsr-book span.tcost {
        font-size: 12px !important;
        padding: 0;
    }

    .comp_logo img {
        position: relative;
        background-color: #fff;
        border-radius: 0px;
        box-shadow: none;
    }

    #logo .container-fluid {
        background: #fff;
    }

    #logo .nav > li > a.lgbtn {
        color: #25455a !important;
    }

    #logo .nav > li > a {
        color: #25455a !important;
    }

    .homepage .options.panel {
        margin-top: 0px;
    }

    .search-top {
        margin-top: 0px !important;
    }

}

.showresult.ss-search h5.heading {
    margin: 5px 0 1px 0;
    line-height: 20px;
}

.showresult.ss-search li.ratewidth2 {
    padding-left: 10px;
}

.showresult.ss-search .hotel-desc p.address {
    margin-bottom: 5px;
}

p.ss-duration {
    font-weight: 700;
    font-size: 15px !important;
    color: #4b4747;
    margin-top: 10px;
}

    p.ss-duration i {
        margin-right: 3px;
        font-size: 14px !important;
        font-weight: normal !important;
    }

    p.ss-duration span {
        font-weight: 300;
        font-size: 13px !important;
    }

p.more-desc {
    min-height: 20px;
}

p.ss-duration {
    margin-top: 10px;
}

.showresult.ss-search p.more-desc {
    line-height: 1.5;
    margin-bottom: 15px;
}

p.ser-type {
    color: #000;
}

ul.sertypelist {
    padding: 5px;
    list-style: none;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
}

    ul.sertypelist li {
        display: inline-block;
        margin-right: 10px;
    }

        ul.sertypelist li p, ul.sertypelist li p label {
            margin: 0;
        }

@media (max-width:480px) {
    .col-xxs-12 {
        width: 100% !important;
    }

    .text-left-xxs {
        text-align: left !important;
    }
}

.plr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

header {
    margin-bottom: 10px;
}

.m-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.staricongrey {
    color: #717171 !important;
    font-size: 14px !important;
}

@media (max-width:1199px) {
    td.hsr-book span.tcost {
        min-width: auto;
        display: inline-block;
        width: 30%;
    }

    span.hsr-room-heading label.radio-label {
        margin-left: 5px;
        font-size: 13px !important;
    }
}

@media (max-width:991px) {
    .no-border-sm {
        border: none !important;
    }

    td.hsr-book span.tcost {
        font-size: 14px !important;
    }

    .hsr-top-res {
        margin-bottom: 40px;
    }
}

@media (max-width:768px) {

    td.hsr-book span.tcost {
        font-size: 14px !important;
    }
}

.showresult.ss-search h5.heading {
    margin: 5px 0 1px 0;
    line-height: 20px;
}

.showresult.ss-search li.ratewidth2 {
    padding-left: 10px;
}

.showresult.ss-search .hotel-desc p.address {
    margin-bottom: 5px;
}

p.ss-duration {
    font-weight: 700;
    font-size: 15px !important;
    color: #4b4747;
    margin-top: 10px;
}

    p.ss-duration i {
        margin-right: 3px;
        font-size: 14px !important;
        font-weight: normal !important;
    }

    p.ss-duration span {
        font-weight: 300;
        font-size: 13px !important;
    }

/*p.more-desc {
    min-height: 50px;
}*/

p.ss-duration {
    margin-top: 10px;
}

.showresult.ss-search p.more-desc {
    line-height: 1.5;
    margin-bottom: 15px;
}

p.ser-type {
    color: #000;
}

ul.sertypelist {
    padding: 5px;
    list-style: none;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
}

    ul.sertypelist li {
        display: inline-block;
        margin-right: 10px;
    }

        ul.sertypelist li p, ul.sertypelist li p label {
            margin: 0;
        }

@media (max-width:480px) {
    .col-xxs-12 {
        width: 100% !important;
    }

    .text-left-xxs {
        text-align: left !important;
    }
}



.plr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

header {
    margin-bottom: 0px;
    float: left;
    width: 100%;
}

.m-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.staricongrey {
    color: #404040 !important;
    font-size: 16px !important;
}

@media (max-width:1199px) {
    h4.top-head {
        padding: 5px 6px;
        margin-top: 2px;
    }

    p.ss-big {
        font-size: 15px !important;
    }

    p.ss-small {
        font-size: 12px !important;
    }
}

@media (max-width:992px) {
    .whitebg {
        display: block !important;
        /*display: flex;*/
    }
}

@media (max-width:768px) {
    table.hsrrrtbl {
        display: block;
        min-width: 0 !important;
    }

    .whitebg {
        display: block !important;
        /*display: flex;*/
    }

    table.hsrrrtbl, tbody.hsrr-tbody-main {
        display: block !important;
    }

        table.hsrrrtbl tbody.hsrr-tbody-main, table.hsrrrtbl tbody.hsrr-tbody-main table, table.hsrrrtbl tbody.hsrr-tbody-main table td, table.hsrrrtbl tbody.hsrr-tbody-main table tbody, table.hsrrrtbl tbody.hsrr-tbody-main table tr, table.hsrrrtbl tbody.hsrr-tbody-main tr, table.hsrrrtbl tbody.hsrr-tbody-main td {
            display: block;
        }

    tr.trhide {
        display: none !important;
    }

    .hidden-xs {
        display: none;
    }


    .data-td-responsive:before {
        content: attr(data-td);
        width: 30%;
        display: inline-block;
        font-weight: 500;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        vertical-align: top;
    }



    .htlratesbg2 .data-td-responsive:before {
        width: 0% !important;
    }

    .htlratesbg2 .ttlcost {
        min-width: auto !important;
        width: auto !important;
        text-align: left !important;
    }

    .data-td-inner-res {
        display: inline-block;
        width: calc(88% - 90px);
        margin: 0 !important;
        text-align: left;
        padding: 0 0 5px 0;
    }

    .data-td-responsive {
        width: 100%;
        padding: 2px !important;
        display: block;
    }

    td.hsr-book {
        padding: 0 !important;
    }





    .data-td-inner-res span.checkbox.hsr-book-check {
        margin: 0;
    }

    tr.trshow table tr {
        border-top: 1px solid #ddd;
        padding: 10px;
    }





    .hsr-rr-table tr.trshow table tr {
        border-top: 1px solid #ddd;
        padding: 0px;
    }

    .data-td-inner-res span.tcost {
        width: auto !important;
        text-align: left !important;
        padding-left: 5px;
        margin-right: 20px;
    }
}


@media screen and (max-width: 767px) and (min-width: 150px) {
    .currconvrts {
        bottom: 27px !important;
        right: 46px !important;
    }

    .currconvrss {
        bottom: 27px !important;
        right: 48px !important;
    }

    #amazingcarousel-1 .amazingcarousel-title {
        height: 205px !important;
    }

    #amazingcarousel-2 .amazingcarousel-title {
        height: 150px !important;
    }

    #maincontent {
        margin-top: 20px !important;
    }

    .banner-sec {
        margin-top: 0px !important;
    }

    .homehead .banner-sec {
        margin-top: 20px !important;
    }

    .map {
        height: 150px !important;
    }

    .navbar-default .navbar-collapse {
        border: none;
    }

    #logo .nav > li > a {
        border-bottom: 1px solid #efeded;
        margin-top: 0px;
        padding: 8px !important;
        font-size: 14px !important;
    }

        #logo .nav > li > a:hover {
            background-color: #071923;
            color: #fff !important;
        }

    .navbar-nav > li > .dropdown-menu > li > a {
        margin: 0px;
        text-align: center;
        float: left;
        width: 100%;
    }

    .navbar-nav > li > .dropdown-menu {
        margin: 0px;
        float: left;
        width: 100%;
    }

    .text-center-sm {
        text-align: center !important;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .airli-nam {
        font-size: 11px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        top: 30% !important;
    }

    .box .pric {
        margin-top: 80% !important;
    }
}

@media (max-width:480px) {
    a.hsr-colapse {
        font-size: 13px !important;
        padding: 1px 5px !important;
        border-radius: 5px;
        min-height: 22px;
        min-width: 80px;
        line-height: 22px;
        cursor: pointer;
        float: left !important;
        margin-right: 0% !important;
    }

    span.hsr-room-heading {
        float: left !important;
        width: 100%;
    }

    a.hsr-colapse .fa-plus:before {
        font-size: 10px !important;
    }

    a.hsr-colapse .fa-minus:before {
        font-size: 10px !important;
    }

    a.hsr-colapse-new {
        background: #e9e9e9;
        color: #071923 !important;
        font-weight: bold;
        font-size: 14px;
        border-radius: 5px;
        min-height: 22px;
        min-width: 80px;
        line-height: 22px;
        cursor: pointer;
        margin-right: 0%;
        float: none;
        padding: 5px;
    }

        a.hsr-colapse-new .fa-plus:before {
            font-size: 10px;
        }

        a.hsr-colapse-new .fa-minus:before {
            font-size: 10px;
        }




    .data-td-responsive:before {
        width: 100%;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        float: left;
    }

    .data-td-inner-res {
        width: 100%;
        margin: 5px 0 !important;
        float: left;
    }
}



/*new added for floating input*/
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
    top: -9px;
    left: 14px;
    font-size: 13px;
    background-color: #fbfbfb;
    padding: 0px 7px;
}

textarea:focus ~ .floating-label,
textarea:not(:focus):valid ~ .floating-label {
    top: -20px;
    left: 15px;
    font-size: 14px;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 14px;
    top: 11px;
    transition: 0.25s ease all;
    color: #676767;
    font-family: 'roboto', sans-serif;
    font-size: 13px;
    background-color: #fbfbfb;
    padding: 0px 5px;
    z-index: 1;
}

.floating-label-select {
    position: absolute;
    pointer-events: none;
    left: 14px;
    top: -9px;
    transition: 0.25s ease all;
    color: #676767;
    font-family: 'roboto', sans-serif;
    font-size: 13px;
    background-color: #fbfbfb;
    padding: 0px 5px;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 500;
}

.floating-inpt {
    border: 0px;
    border: 1px solid #d8d8d8;
    padding-bottom: 5px;
    width: 100%;
    font-family: 'roboto', sans-serif;
    font-size: 14px;
    background-color: transparent;
    /*height: 40px;
    padding: 0px 5px !important;*/
    height: 40px;
    padding: 13px 5px 10px !important;
    line-height: normal;
    font-weight: normal;
    /*border-radius:4px;*/
    margin-bottom: 0px;
}


    .floating-inpt:focus {
        border: 1px solid #071923 !important;
        outline: none !important;
    }

.mod-search .floating-label-select {
    z-index: 1;
}


input:required {
    box-shadow: none;
}

input:invalid {
    box-shadow: none;
}

.float-input {
    position: relative;
    margin: 20px 0 10px 0;
}

    .float-input.input-nolabel {
        margin-top: 10px;
    }

span.btn-file {
    display: inline-block;
    padding-bottom: 7px;
    border-color: #d8d8d8;
}

.frmlbl {
    top: -9px;
    left: 14px;
    font-size: 14px;
    background-color: #fbfbfb;
    padding: 0px 7px;
    color: #333333;
    position: absolute;
    z-index: 9;
}

.float-input.input-nolabel input:focus ~ .floating-label, .float-input.input-nolabel input:not(:focus):valid ~ .floating-label {
    opacity: 0;
    transition: 0.5s ease all;
}

/*--search.css (for all searchresult,search detail, booking and search pages)---*/
.search-top {
    margin-top: 15px;
    margin-bottom: 10px;
    background: #ffffff;
    border-radius: 0px;
    float: left;
    width: 100%;
}

.modify-search {
    /*background: #404040;
        box-shadow: 0 1px 7px 2px #ccc !important;*/
    background: transparent;
    box-shadow: none;
    color: #fff;
    border-radius: 4px;
    width: 100;
}

.bkbtn {
    background-color: #071923;
    color: #ffffff !important;
    border-radius: 0px;
    border: 0px;
    border-bottom: 0px solid #77bada;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 7px 20px 5px;
    font-weight: 500;
}

    .bkbtn:hover {
        background-color: #071923 !important;
        color: #ffffff !important;
        border-radius: 0px;
        border: 0px;
        border-bottom: 0px solid #7dab88;
    }


.modify-search a.btn.search {
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 17px;
    line-height: 50px;
    font-weight: 400;
    padding: 0px 10px;
    border-radius: 0;
    float: right;
}

.flt-modify-search a.btn.search {
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 17px;
    line-height: normal;
    font-weight: 400;
    padding: 7px 10px;
    border-radius: 0;
    border: 0px;
}

.modify-search a.btn.search .icon {
    color: #fff;
    font-size: 15px;
    margin: 0 10px;
}

.search-address {
    background: #fff;
    padding: 8px 10px 5px 13px;
}

p.main-address {
    color: #000;
    font-weight: 400;
    margin: 0;
    font-size: 12px !important;
}

a.btn.search-btn {
    background: #071923 !important;
    text-align: center;
    display: inline-block;
    transition: .2s;
    padding: 12px 32px;
}

    a.btn.search-btn:hover {
        background: #071923 !important;
        text-align: center;
        display: inline-block;
        transition: .2s;
        padding: 12px 32px;
    }

.mod-search a.btn.search-btn {
    background: #071923 !important;
    border: 0px solid #404040;
    text-align: center;
    display: inline-block;
    transition: .2s;
    padding: 12px 32px;
}

    .mod-search a.btn.search-btn:hover {
        background: #071923 !important;
        text-align: center;
        border: 0px solid #071923;
        display: inline-block;
        transition: .2s;
        padding: 12px 32px;
    }





a.btn.search-btn:focus {
    outline: none !important;
}

.search-right-panel {
    float: left;
    background-color: #ffffff00;
    width: 99%;
    border: 0px solid #e4e3e3;
    padding: 0px;
    border-radius: 0px;
}

    .search-right-panel ul.accordion {
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }

        .search-right-panel ul.accordion ul.inner.inner-div li {
            padding: 5px 10px 5px 10px !important;
        }

h4.city-red {
    color: #071923;
    font-size: 18px;
    font-weight: 600 !important;
    margin-bottom: 1px;
    margin-top: 0;
}

h5.city-red {
    color: #071923;
}

    h5.city-red span {
        color: #333;
    }



.heading-room {
    margin-bottom: 10px;
}


li.right-panel-white {
    background: #fff;
    display: inline-block;
    padding: 0px;
    box-shadow: none !important;
    margin-bottom: 10px;
    transition: 0.25s;
    border: 1px solid #cccccc;
    border-radius: 3px !important;
    margin-bottom: 6px !important;
}

    li.right-panel-white a {
        border-bottom-width: 0;
    }

.right-panel-white {
    background: #fff;
    display: inline-block;
    padding: 5px;
    box-shadow: 0 1px 7px 2px #ccc !important;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    width: 100% !important;
}

    .right-panel-white a {
        border-bottom-width: 0;
        font-size: 14px;
        font-weight: normal;
    }

ul.inner.inner-div {
    border-radius: 0px;
}

    ul.inner.inner-div li {
        float: left;
        display: inline-block;
        padding: 10px;
    }

.accordion li div.d-block {
    display: block !important;
}

.filter-location.active {
    padding-bottom: 30px !important;
}

.searchbox .form-group {
    float: left;
    width: 80%;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 5px;
}

.form-control {
    box-shadow: none;
    border-radius: 1px;
}

.searchbox .form-group input.form-control {
    background: #ffffff;
    border: 1px solid #e4e3e3;
    border-radius: 0;
    min-height: 40px;
    line-height: 40px;
}


    .searchbox .form-group input.form-control:focus {
        border: 1px dashed #404040;
        outline: none !important;
    }


.form-control:focus {
    border-color: #071923 !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    /*border: 1px dashed #404040;*/
}

.accordion.srch li div {
    background: #fff !important;
}

/*li.right-panel-white.active {
    padding-bottom: 20px;
}*/

input.btn-go, input.btn-go:focus, input.btn-go:visited, input.btn-go:active {
    border: none;
    color: #fff;
    border-radius: 0;
    height: 40px;
    width: 20%;
    margin-top: 5px;
}

    input.btn-go:hover {
        color: #fff;
    }

.btn-go {
    color: #fff !important;
    border-radius: 0;
    height: 40px;
    width: 20%;
    margin-top: 5px;
    background: #071923 !important;
    border: 0px;
    /*border-bottom: 4px solid #77bada !important;*/
}

    .btn-go .fa {
        font-size: 17px;
    }

    .btn-go:hover {
        color: #fff !important;
        background: #071923 !important;
        /*border-bottom: 4px solid #7dab88 !important;*/
    }

.accordion li div.slider-track-low, .accordion li div.slider-track-high {
    padding: 0 !important;
    background: #e4e4e4 !important;
}


.shwrsltttl {
    border: 0 !important;
    border-left: 10px solid #7c3100 !important;
    padding-left: 5px !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    font-weight: bold;
    padding-top: 10px !important;
}


.slider-selection {
    background: #505050 !important;
}

p.rg-values {
    clear: both;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px;
}

    p.rg-values span.min-value {
        float: left;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    p.rg-values span.max-value {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        float: right;
        display: inline-block;
    }

.accordion li div.slider-handle {
    background: #e4e4e4 !important;
    border-radius: 50%;
    border: 1px solid #b9b9b9;
    width: 20px;
    height: 20px;
}

.filter-supplier ul.inner {
    padding-left: 5px;
    border: 1px solid #e8e8e8;
}

    .filter-supplier ul.inner .checkbox {
        margin: 5px 0;
    }

    .filter-supplier ul.inner li {
        display: inline-block;
        float: left;
        border: 0;
        /* width:100%;
	width:33%*/
    }

.search-right-panel .filter-supplier ul.inner li {
    display: inline-block;
    float: left;
    border: 0;
    width: 100% !important;
    padding: 0px 10px;
}


.staricon {
    color: #071923;
}

.filter-location ul.inner.inner-div {
    max-height: 380px;
    overflow-y: auto;
}

.filter-row {
    width: 100%;
    display: inline-block;
}

.search-left-panel ul.flter-list {
    list-style: none;
    margin-bottom: 4px;
    padding: 0;
}

ul.flter-list {
    display: inline-block;
}

    ul.flter-list.left-side {
        /*width: 87%;*/
        width: 100%;
        text-align: left;
    }

    ul.flter-list.pull-right {
        float: right;
        /*width: 13%;*/
        text-align: right;
    }

    ul.flter-list li {
        display: inline-block;
        margin-right: 10px;
    }

        ul.flter-list li a.btn {
            background: #dfe3e5;
            border-radius: 0;
            height: 28px;
            display: block;
            margin: 0;
            line-height: 28px;
            padding: 0 18px;
            font-size: 14px;
            border-radius: 2px !important;
            outline: none !important;
        }

            ul.flter-list li a.btn img {
                display: inline-block;
                margin-right: 5px;
            }

a.f-label {
    background: #071923 !important;
    color: #fff !important;
}

a.current {
    /*background: #071923 !important;*/
    background: #071923 !important;
    color: #fff !important;
    border: 1px solid #404040;
}

    a.current:focus {
        outline: none !important;
    }


.curr {
    float: left;
}

    .curr a {
        color: #fff !important;
    }

    .curr .btn {
        background: #727272 !important;
        color: #fff;
        float: right;
        border-radius: 2px !important;
    }

    .curr .dropdown-menu > li > a {
        color: #333 !important;
    }

    .curr .dropdown-menu {
        min-width: 90px;
        left: -12px;
        border-radius: 0;
        padding: 0;
    }

        .curr .dropdown-menu li {
            display: inline-block;
            margin-right: 0 !important;
            width: 100%;
        }

            .curr .dropdown-menu li a:hover {
                color: #fff !important;
                background-color: #071923;
            }

.showresult {
    margin: 0;
    padding: 0;
    background: #ffffff;
    margin-bottom: 12px;
    border: 1px solid #e8e6e6;
}

    .showresult ul {
        margin: 0;
        padding: 0px 0px 10px 0px;
    }

        .showresult ul li {
            list-style-type: none;
            float: left;
        }

.search-result { /*border: 1px solid #e2e2e2;
    padding: 4px 10px;
    background-color: white;*/
    border-radius: 3px;
}

.select {
    background: #071923;
    border-radius: 0 !important;
    margin-bottom: 20px;
    color: #fff;
    margin-bottom: 0;
}

    .select.hover-btn:hover {
        border-radius: 0 !important;
    }

.rail-info {
    background: #fafafa;
    padding: 4px 0;
    border-right: 1px solid #eaeaea;
    width: 100%;
    min-height: 145px;
    text-align: left;
}

    .rail-info h5.city-red {
        color: #071923;
        margin: 0;
        line-height: 31px;
    }

.rate {
    padding: 0px;
    /*padding: 20px 0;*/
    width: 100%;
    /*min-height: 145px;*/
}

    .rate h4 {
        color: #071923;
        font-size: 16px;
        text-align: center;
        font-family: 'roboto', sans-serif !important;
        margin-bottom: 0;
    }

    .rate p {
        color: #000 !important;
        font-size: 16px !important;
        text-align: center !important;
        font-family: 'roboto', sans-serif !important;
        margin-bottom: 0;
        font-weight: 400 !important;
        margin: 10px 0;
    }

.ratewidth1 {
    width: 19%;
    margin-right: 1%;
}

.ratewidth2 {
    width: 60.5%;
    /*margin-right: 1%;*/
    margin-right: 1.4%;
}

.ratewidth3 {
    width: 18%;
}

.ratewidth4 {
    width: 78.5%;
    /*margin-right: 1%;*/
    margin-right: 1.4%;
}

.hotel-img-border {
    /*border: 1px solid #fff;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px;
}



.fullwidth {
    height: 145px;
    /*min-height:145px;*/
    width: 100%;
}


.htlimgnew img {
    height: 115px !important;
    width: 100% !important;
}

.p-o {
    padding: 0 !important;
}

.hotel-desc p {
    height: auto;
    margin: 5px 0px;
    color: #404040;
}

.hotel-desc {
    display: inline-block;
    width: 100%;
    margin-top: 0px !important;
}

    .hotel-desc h5.heading {
        font-size: 16px;
        font-weight: bold !important;
        color: #071923;
        min-height: 50px;
        line-height: normal;
        height: 50px;
        overflow-y: auto;
    }

.hotel-desc-trnf h5.heading {
    font-size: 16px;
    font-weight: normal;
    color: #071923;
}

p.address {
    font-size: 13px !important;
    font-weight: 400;
    color: #717171;
}

.list-inline > li {
    padding-left: 2px !important;
}

.img-box {
    position: relative;
}

.mr0 {
    margin-right: 0 !important;
}

.iconsize2 {
    font-size: 18px !important;
    margin-right: 0;
    /*margin-top: -3px;*/
    float: left;
    position: absolute;
    left: 20px;
    color: #fff;
}



p.page-count {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #727272 !important;
    padding-top: 3px;
}

h4.red-txt {
    color: #071923;
}

.red-txt {
    color: #404040 !important;
}

ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li a:hover {
    background: #071923 !important;
    color: #fff !important;
    border: 1px solid #071923 !important;
    border-radius: 0px !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    /*background: #404040 !important;*/
    z-index: 1 !important;
}


.icon.thm-clr {
    color: #848484;
    font-size: 16px;
    margin: 0px;
}

span.small-txt {
    font-size: 13px;
    font-weight: normal;
}


/*---responsive--*/
@media (min-width:769px) {

    .padd-lft30-sm {
        padding-left: 30px !important;
    }

    .padd-rgt30-sm {
        padding-right: 30px !important;
    }

    .rate-responsive {
        text-align: center !important;
    }

    .select-btn-sec {
        text-align: center;
    }
}

@media (max-width: 640px) {
    .showresult {
        margin: 0;
        padding: 0;
        background: #fff !important;
        box-shadow: 0 1px 7px 2px #ccc !important;
        margin-bottom: 12px !important;
        width: 100% !important;
        float: none !important;
        margin: 10px auto 25px auto !important;
    }
}



@media (max-width:768px) {
    .text-left-sm {
        text-align: left !important;
    }

    .curr .dropdown-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .rate.inline-responsive {
        padding: 10px 0;
        min-height: 0;
        border-top: 1px solid #eaeaea;
        border-left: none !important;
        margin: 10px 0 0 0;
        height: auto;
    }

    .select-btn-sec {
        display: inline-block;
        float: right;
        margin: 0px;
    }

    .rate.inline-responsive .rate-responsive {
        display: inline-block;
        width: 100%;
        height: auto;
        padding: 0px 10px;
    }

    .rate h4 {
        text-align: left;
        margin: 0 10px;
        float: left;
        display: inline-block;
        line-height: 35px;
        padding-left: 14px;
    }

    .rate p {
        display: inline-block;
        float: left;
        text-align: left !important;
        margin: 0;
        line-height: normal;
        width: calc(100% - 90px);
    }

    .modify-search {
        /*background: #404040;
        box-shadow: 0 1px 7px 2px #ccc !important;*/
        background: transparent;
        box-shadow: none;
        color: #fff;
        border-radius: 4px;
        margin-top: 6px;
    }

    .dropdown.curr {
        float: none;
        display: inline-block;
        width: 100%;
    }

    ul.flter-list.pull-right {
        width: 99% !important;
        text-align: right !important;
        float: right !important;
        margin-top: -42px;
        margin-right: 10px;
    }

        ul.flter-list.pull-right li {
            width: 100%;
        }

    ul.flter-list li {
        display: inline-block;
        margin: 5px 5px 5px 0 !important;
        width: calc(24% - 7px) !important;
    }

        ul.flter-list li:first-child {
            display: inline-block;
            margin: 5px 5px 5px 0 !important;
            width: calc(100% - 7px) !important;
        }

    .dropdown.curr a {
        width: 100%;
    }

    .dropdown.curr ul.dropdown-menu.f-dd-menu {
        left: 0 !important;
        right: 0 !important;
    }

    li.ratewidth3 {
        width: 100% !important;
    }

    li.ratewidth2 {
        width: 100% !important;
        padding: 0 10px;
    }

    li.ratewidth1 {
        width: 100% !important;
    }



    .text-left-xs {
        text-align: left !important;
    }

    .showresult {
        margin: 0;
        padding: 0;
        background: #fff;
        box-shadow: 0 1px 7px 2px #ccc !important;
        margin-bottom: 12px;
        width: calc(100% - 20px);
        float: left;
        margin: 10px;
    }
}

/*@media (min-width:769px) and (max-width:1199px) {
    .showresult {
        max-height: 145px;
    }
}*/

@media (max-width: 500px) {
    .navbar-toggle {
        margin-right: 10px;
    }

    .recommend-slide .slick-slide {
        margin: 0px 7px 12px 7px !important;
    }

}

@media (max-width: 480px) {
    ul.flter-list li {
        display: inline-block;
        /*width: 45% !important;*/
        width: calc(100% - 7px) !important;
    }
}

/*----responsive end--*/
.whitebg.hotel-search {
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.address-h {
    padding: 20px;
    border-right: 1px solid #d8d8d8;
}

    .address-h h4.city-red {
        font-weight: 400;
        margin-bottom: 10px;
    }

.whitebg.hotel-search {
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.address-h {
    padding: 20px;
    border-right: 1px solid #d8d8d8;
}

    .address-h h4.city-red {
        margin-bottom: 10px;
    }

    .address-h table.table {
        margin-bottom: 0;
    }

        .address-h table.table i.fa {
            margin-right: 5px;
        }

.dollar-ico {
    margin: 25px 0 25px -15px;
    padding: 0;
}

h4.total-cost span {
    display: block;
    margin-bottom: 2px;
}

.dollar-ico img {
    max-width: 100%;
    height: 40px;
}

h4.total-cost {
    font-size: 20px;
    color: #000;
}

.address-h h4.city-red {
    font-weight: 400;
}

.address-h table.table thead th {
    font-weight: 400;
    font-size: 15px;
}

.room-details {
    padding: 20px;
    margin: 0px 0 30px 0;
    display: inline-block;
    width: 100%;
}

p.mand {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
}

.room-details ul.accordion {
    clear: both;
    display: inline-block;
    width: 100%;
    float: none;
    margin: 20px 0 0px 0;
}

    .room-details ul.accordion li.right-panel-white {
        margin-bottom: 20px;
        padding: 0;
        border: 1px solid #ddd;
        box-shadow: 0px 3px 7px 0px rgba(204, 204, 204, 0.59) !important;
        background: #f3f3f3;
    }

    .room-details ul.accordion li a {
        padding: 13px 10px;
    }
    /*---accordian setting--*/
    .room-details ul.accordion li.active > a {
        background: url(../images/minus.png) no-repeat center right 15px !important;
    }

    .room-details ul.accordion li a {
        padding: 13px 10px;
        background: url(../images/plus.png) no-repeat center right 15px !important;
    }

    .room-details ul.accordion li.right-panel-white ul.inner.inner-div {
        background: #fff;
        padding-bottom: 0;
    }

        .room-details ul.accordion li.right-panel-white ul.inner.inner-div li {
            padding: 0;
            background: #fff !important;
        }

/*div accord*/


.room-details .accordion {
    clear: both;
    display: inline-block;
    width: 100%;
    float: none;
    margin: 20px 0 0px 0;
}

    .room-details .accordion .right-panel-white {
        margin-bottom: 20px;
        padding: 0;
        border: 1px solid #ddd;
        box-shadow: 0px 3px 7px 0px rgba(204, 204, 204, 0.59) !important;
    }

    .room-details .accordion a {
        padding: 13px 10px;
        background: #f3f3f3;
    }

    .room-details .accordion label a {
        padding: 0px !important;
        background-color: transparent !important;
        border: 0px !important;
    }
    /*---accordian setting--*/
    /*.room-details .accordion .active > a {
       background-image: url(../images/minus.png);
    background-position: center right 15px;
    background-repeat: no-repeat;
        background-color: #f3f3f3;
    }

    .room-details .accordion a {
        padding: 13px 10px;
         background-image: url(../images/plus.png);
    background-position: center right 15px;
    background-repeat: no-repeat;
        background-color: #f3f3f3;
    }*/

    .room-details .accordion .acc-heading {
        padding: 13px 10px;
        background-color: #f3f3f3;
        font-size: 16px;
    }

    .room-details .accordion .right-panel-white .inner.inner-div {
        background: #fff;
        padding-bottom: 0;
    }

    .room-details .accordion .right-panel-white .inner.inner-div {
        padding: 0;
        background: #fff !important;
    }
/*div accord*/

.rem-container {
    padding: 10px !important;
}

.remarks {
    padding: 0 !important;
}

.policy {
    padding: 0 !important;
}

.bold {
    font-weight: 700;
}

.rem-hd {
    color: #071923;
    margin: 6px 0;
    font-size: 14px !important;
    font-weight: 700;
}

.text-reg {
    margin-bottom: 0px;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 18px;
}

.policy {
    margin-top: 0px;
}

.med-bold {
    font-weight: 600;
}

a.acc-heading {
    font-size: 15px;
}

.room-table th, .room-table td {
    vertical-align: middle !important;
    text-align: left !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}
/*--input-select-style-change--*/

.room-table div {
    padding: 0 !important;
}

.room-table input {
    margin: 0 !important;
    padding: 0 !important;
}

.room-table label, .room-table label:after, .room-table label:before {
    height: 30px !important;
    padding-bottom: 0 !important;
}

.room-table .checkbox label, .room-table .checkbox label:after, .room-table .checkbox label:before, .room-table .checkbox input {
    height: 15px !important;
}

.room-table select, .room-table input, .room-table select {
    height: 40px !important;
    margin-bottom: 0 !important;
    padding-bottom: 5px !important;
}

.room-table .floating-inpt {
    padding: 13px 5px !important;
}

.room-table label {
    margin-bottom: 2px !important;
}

input[type="radio"], input[type="checkbox"] {
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-left: -4px !important;
    z-index: 999 !important;
}

    input[type="checkbox"]:checked + label::after {
        color: #404040;
        content: "\f00c";
        font-family: fontawesome;
        font-size: 14px;
        top: -1px;
        left: -4px;
        font-weight: normal;
    }


input.magic-checkbox[type="checkbox"]:checked + label::after {
    color: transparent !important;
}





.radio-inline input[type="radio"] {
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-left: -18px !important;
    z-index: 999 !important;
}

.room-table label.radio-label {
    line-height: 30px;
    display: inline-block;
    margin-left: 5px;
}

p.rad-check {
    margin: 0;
    display: inline-block;
    width: 100%;
}

p.med-text {
    color: #222 !important;
    font-weight: 400;
    margin-bottom: 0;
}

.room-table {
    margin-bottom: 10px;
}
/*----table-style-end--*/

.room-details ul.accordion li.right-panel-white ul.inner.inner-div li div.update-profile {
    padding: 10px;
}

.room-details .accordion .right-panel-white .inner.inner-div div.update-profile {
    padding: 10px;
}


.bottom-pannel {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    box-shadow: 0px 3px 7px 0px rgba(204, 204, 204, 0.59) !important;
    background: #fbfbfb;
}

.p-r-0 {
    padding-right: 0 !important;
}

.bottom-pannel .checkbox {
    margin-top: 24px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

.my-button {
    display: inline-block;
    margin: 0 5px;
}
/*---hotel-booking-responsive --*/
@media (max-width:992px) {


    .float-input {
        position: relative;
        /*margin: 30px 0 10px 0;*/
    }


    .address-h {
        border-right: 0px solid #e3e3e3 !important;
    }

    .search-right-panel ul.accordion {
        float: none;
    }
}

@media (max-width:1024px) {
    .my-button {
        display: inline-block;
        margin: 0 5px;
        width: 23%;
    }

    .acc.my-button {
        margin-left: 50%;
    }
}

@media (max-width:480px) {
    .acc.my-button {
        margin-left: 0 !important;
        margin-right: 20px !important;
    }

    .my-button {
        display: inline-block !important;
        margin: 0 !important;
        width: calc(50% - 10px) !important;
    }

    .whitebg.hotel-search {
        padding: 0px 15px !important;
    }

    .address-h {
        padding: 20px 15px 20px 15px !important;
    }
}

/*--search.css ends (for all searchresult,search detail, booking and search pages)---*/


/*------ transfer and ss search result --*/

.quot i {
    color: #ffffff;
    text-align: center;
    padding-left: 3px;
}

.quot {
    background: #585454;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    margin: 0 auto;
    margin-top: 10px;
}

.more-but {
    float: right;
}

.avai h4 {
    color: #5d9769;
    margin: 3px 0px;
}

.avai p {
    font-weight: bold;
    margin: 3px 0px;
}

.line-h {
    line-height: 25px;
}

.rtt {
    padding-bottom: 0px;
}

.bttt {
    padding: 0px 10px !important;
}

    .bttt .btn {
        padding: 0px 12px;
    }

@media (max-width: 768px) {
    ul.flter-list li a.btn {
        padding: 0 10px;
        font-size: 12px;
    }
}

/*-for reg page--*/
.reg-page .float-input input.floating-inpt {
    background: transparent !important;
}


.pagination {
    margin: 0px 0;
    background-color: #fff;
    /*box-shadow: 0px 0px 5px #d4d4d4;*/
}

.showresult:first-child {
    margin-top: 5px;
}
/*--stepsystem.css---*/

.white-panel-1 {
    /*background: #fff;*/
    background: #fbfbfb;
    padding: 15px;
    box-shadow: 0 1px 7px 2px #ccc !important;
    margin: 10px 0 10px 0;
}

ul.nav-wizard {
    background-color: #fff;
    border-bottom: 1px solid #071923;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

    ul.nav-wizard:before {
        position: absolute;
    }

    ul.nav-wizard:after {
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 138px;
        height: 35px;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        z-index: 11;
        content: " ";
    }

    ul.nav-wizard li {
        position: relative;
        float: left;
        height: 35px;
        display: inline-block;
        text-align: center;
        padding: 0 14px;
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        background-color: #f9f9f9;
    }

        ul.nav-wizard li a {
            color: #000;
            padding: 0;
        }

            ul.nav-wizard li a:hover {
                background-color: transparent;
            }

        ul.nav-wizard li.active {
            color: #fff;
            background: #071923;
            border-radius: 4px 4px 0px 0px;
        }

            ul.nav-wizard li.active:after {
                border-left: 16px solid #dedede;
            }

            ul.nav-wizard li.active a,
            ul.nav-wizard li.active a:active,
            ul.nav-wizard li.active a:visited,
            ul.nav-wizard li.active a:focus {
                color: #fff !important;
                background: #071923 !important;
            }

    ul.nav-wizard .active ~ li {
        color: #999999;
        background: #f9f9f9;
    }

        ul.nav-wizard .active ~ li:after {
            border-left: 16px solid #f9f9f9;
        }

        ul.nav-wizard .active ~ li a,
        ul.nav-wizard .active ~ li a:active,
        ul.nav-wizard .active ~ li a:visited,
        ul.nav-wizard .active ~ li a:focus {
            color: #000;
            background-color: transparent;
            /*background:#fff;*/
        }

    ul.nav-wizard.nav-wizard-backnav li:hover {
        color: #468847;
        background: #f6fbfd;
    }

        ul.nav-wizard.nav-wizard-backnav li:hover:after {
            border-left: 16px solid #f6fbfd;
        }

        ul.nav-wizard.nav-wizard-backnav li:hover a,
        ul.nav-wizard.nav-wizard-backnav li:hover a:active,
        ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
        ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
            color: #468847;
            background: #f6fbfd;
        }

    ul.nav-wizard.nav-wizard-backnav .active ~ li {
        color: #999999;
        background: #ededed;
    }

        ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
            border-left: 16px solid #ededed;
        }

        ul.nav-wizard.nav-wizard-backnav .active ~ li a,
        ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
        ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
        ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
            color: #999999;
            background: #ededed;
        }

.table-bo {
    border-color: #d4d4d4;
}

    .table-bo tr th {
        font-size: 17px;
        color: #222222;
        background: #e9e9e9;
        font-weight: 400;
        padding: 10px 15px !important;
        vertical-align: top;
    }

    .table-bo tr td {
        font-size: 14px;
        color: #222222;
        padding: 15px 19px !important;
        line-height: 22px;
    }

.info-head {
    padding: 0px 15px;
    margin: 20px 0 10px 0 !important;
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 400;
}

.info-head2 {
    /*text-align: center;*/
    position: relative;
    color: #232323;
    margin: 0 -30px 30px -26px;
    padding: 10px 0;
    /*text-shadow: 0 1px rgba(0,0,0,.8);*/
    background-color: #c8c8c8;
    background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
    /*box-shadow: 0 2px 0 rgba(0,0,0,.3);*/
}

    .info-head2::before,
    .info-head2::after {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -10px;
    }

    .info-head2::before {
        border-width: 0 10px 10px 0;
        border-right-color: #868686;
        left: 0;
    }

/*.info-head2::after {
    border-width: 0 0 10px 10px;
    border-left-color: #222;
    right: 0;
  }*/








p.info-hoshi {
    padding: 0px 15px;
    margin: 10px 0 !important;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 400;
}

.transfer-srd {
    font-size: 18px;
    color: #071923;
    font-weight: 400;
    margin-bottom: 7px;
    margin-top: 4px;
}

    .transfer-srd span {
        font-size: 13px;
        color: #000000;
        font-weight: 400;
        margin-left: 10px;
    }

@media (max-width:768px) {
    .transfer-srd {
        font-size: 18px;
        color: #071923;
        margin-bottom: 7px;
        margin-top: 4px;
        font-weight: 400;
    }

        .transfer-srd span {
            font-size: 13px;
            color: #000000;
            font-weight: 400;
            padding-left: 10px;
        }

    ul.nav-wizard li {
        padding: 0 12px 0 12px !important;
    }
}
/*-----stepsystem-end --*/
@media (min-width:991px) and (max-width:1199px) {
    .search-right-panel ul.accordion {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .modify-search a.btn.search {
        font-size: 15px !important;
    }
    /*.select--hoshi {
        margin-top: 22px !important;
    }*/

    #MainWrap input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label {
        font-size: 13px !important;
    }

    #MainWrap .floating-label {
        font-size: 13px !important;
    }

    #MainWrap .detail .lh {
        font-size: 14px !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    span.info-desc {
        margin: 3px 0px 5px 0px !important;
    }
    .banner-caption .panel-default > .panel-heading {
        width: 50% !important;
    }

    .arlnname {
        height: 60px !important;
    }

    .alrsltname {
        height: 48px !important;
    }

    .homepage .promotions .col-md-4 {
        width: 33.33333333% !important;
        padding-right: 40px;
        padding-left: 40px;
    }

    .roon-dd-menu {
        width: 150% !important;
    }
}

@media (min-width: 240px) and (max-width: 991px) {

    .prombgimg2 {
        height: auto !important;
        position: static !important;
    }

    .banner-caption .panel-default > .panel-heading {
        border-color: #fbfbfb !important;
        float: none !important;
        width: 100% !important;
        position: relative !important;
        left: 0% !important;
        top: 0% !important;
        border-radius: 0 !important;
        padding: 0px !important;
        box-shadow: none !important;
        margin-top: 20px !important;
    }

    .srchbg .options .panel-heading .nav-tabs {
        border: 0px !important;
        float: none !important;
        width: 100% !important;
        margin-left: 0% !important;
        text-align: center !important;
    }

        .srchbg .options .panel-heading .nav-tabs > li {
            text-align: center !important;
            display: inline-block !important;
            float: none !important;
            box-sizing: border-box !important;
            margin-right: 0px !important;
            float: left !important;
            background: #071923 !important;
            height: auto !important;
            margin-bottom: 0px !important;
        }

    .pkghdbg .search-address {
        text-align: center !important;
    }

    .srchbg .options .panel-body .nopadding .mrg-top10 .hover-btn.btn-reverse {
        left: 36% !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li > a {
        padding: 10px 20px 5px 20px !important;
        font-size: 13px !important;
    }

    .carousel-inner-bflog {
        max-height: 200px !important;
    }

    .carousel-inner-aflog {
        max-height: 200px !important;
    }

    #trnssearch .carousel-inner-bflog {
        max-height: 200px !important;
    }

    #trnssearch .carousel-inner-aflog {
        max-height: 200px !important;
    }

    .carousel-inner-aflogss {
        max-height: 200px !important;
    }

    .search-right-panel {
        width: 100% !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li > a {
        padding: 10px !important;
    }

        .srchbg .options .panel-heading .nav-tabs > li > a span img {
            height: 25px !important;
            margin-right: 0px !important;
            padding-right: 0px !important;
        }

    .srchbg .options .panel-heading .nav-tabs > li.active > a, .srchbg .options .panel-heading .nav-tabs > li.active > a:hover, .srchbg .options .panel-heading .nav-tabs > li.active > a:focus {
        border-left: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;
    }

    .login-form h3 {
        color: #baeb6b;
    }

    .hfbtn {
        border-radius: 5px !important;
    }

    .actvhea:after {
        display: none;
    }

    .bdr-rgt1-res {
        border-right: 0px solid #eaeaea;
    }

    form.login-form input {
        border: 1px solid #ececec !important;
        margin-bottom: 10px !important;
        padding: 10px !important;
    }

        form.login-form input.usrbdr-rds {
            border-radius: 0px;
        }

    .reg-link {
        color: #404040 !important;
    }

    form.login-form input.pwdbdr-rds {
        border-radius: 0px;
    }

    #homenew #logo {
        padding: 0px;
    }

    .loginbg {
        background-color: #f5f5f5 !important;
    }


    #amazingcarousel-1 .amazingcarousel-prev {
        left: 4% !important;
        top: 100% !important;
    }

    #amazingcarousel-1 .amazingcarousel-next {
        right: 4% !important;
        top: 100% !important;
    }

    #amazingcarousel-2 .amazingcarousel-prev {
        left: -2% !important;
        top: 98% !important;
    }

    #amazingcarousel-2 .amazingcarousel-next {
        right: 2% !important;
        top: 98% !important;
        left: 10% !important;
    }

    .loginbg .subloginbg {
        position: unset !important;
        top: unset !important;
    }

    .login-form {
        padding: 20px;
        background: #ffffff !important;
        float: left;
        width: 100%;
        box-shadow: 0px 0px 8px 1px #6563638c !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .banner-caption h2 {
        margin-top: 5% !important;
        margin-bottom: 3% !important;
        color: #071923;
    }

    .regsec {
        min-height: unset !important;
        margin-bottom: 25px !important;
    }

        .regsec .banner-caption h2 {
            color: #071923 !important;
        }

    /*.select--hoshi {
        margin-top: 22px !important;
    }*/
    #MainWrap input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label {
        font-size: 14px !important;
    }

    #MainWrap .floating-label {
        font-size: 14px !important;
    }

    #MainWrap .detail .lh {
        font-size: 14px !important;
    }

    .roon-dd-menu {
        width: 100% !important;
    }

    .modify-search {
        padding: 0px 15px !important;
    }
}
/*---popups---*/
ul.ul-horizontal {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

    ul.ul-horizontal li {
        display: inline-block;
        margin-right: 10px;
    }

    ul.ul-horizontal.opt-list li {
        min-width: 50px;
    }

        ul.ul-horizontal.opt-list li.enable-u {
            margin: 0 20px;
            width: 150px;
        }

        ul.ul-horizontal.opt-list li .checkbox label {
            font-weight: 300;
        }

.modal-content::-webkit-scrollbar, .modal-content::-webkit-scrollbar-track {
    display: none;
}

button.sel-role {
    margin-top: 15px;
    padding: 10px 15px;
    width: auto;
    border-radius: 5px;
    font-size: 12px !important;
    float: right;
}

ul.ul-horizontal.role-list {
    margin-bottom: 10px;
}

    ul.ul-horizontal.role-list li {
        margin-right: 30px;
    }



/*margin padding class*/
.mrg-top0 {
    margin-top: 0px !important;
}

.mrg-top2 {
    margin-top: 2px !important;
}

.mrg-top-2 {
    margin-top: -2px !important;
}

.mrg-top03 {
    margin-top: 3px !important;
}

.mrg-top05 {
    margin-top: 5px !important;
}

.mrg-top-05 {
    margin-top: -5px !important;
}

.mrg-top07 {
    margin-top: 7px !important;
}

.mrg-top10 {
    margin-top: 10px !important;
}

.mrg-top-10 {
    margin-top: -10px !important;
}

.mrg-top-10-res {
    margin-top: -10px !important;
}

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


.mrg-top15 {
    margin-top: 15px !important;
}

.mrg-top17 {
    margin-top: 17px !important;
}

.mrg-top18 {
    margin-top: 18px !important;
}

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

.mrg-top25 {
    margin-top: 25px !important;
}

.mrg-top26 {
    margin-top: 26px !important;
}

.mrg-top27 {
    margin-top: 27px !important;
}

.mrg-top30 {
    margin-top: 30px !important;
}

.mrg-top34 {
    margin-top: 34px !important;
}

.mrg-top35 {
    margin-top: 35px !important;
}

.mrg-top36 {
    margin-top: 36px !important;
}

.mrg-top40 {
    margin-top: 40px !important;
}

.mrg-top45 {
    margin-top: 45px !important;
}

.mrg-btm0 {
    margin-bottom: 0px !important;
}

.mrg-btm5 {
    margin-bottom: 5px !important;
}

.mrg-btm7 {
    margin-bottom: 7px !important;
}

.mrg-btm10 {
    margin-bottom: 10px !important;
}

.mrg-btm15 {
    margin-bottom: 15px !important;
}

.mrg-btm18 {
    margin-bottom: 18px !important;
}

.mrg-btm20 {
    margin-bottom: 20px !important;
    /*text-align:center;*/
}

.mrg-btm24 {
    margin-bottom: 24px !important;
}


.mrg-btm25 {
    margin-bottom: 25px !important;
}

.mrg-btm30 {
    margin-bottom: 30px !important;
}

.mrg-lft0 {
    margin-left: 0px !important;
}

.mrg-lft5 {
    margin-left: 5px !important;
}

.mrg-lft7 {
    margin-left: 7px !important;
}

.mrg-lft10 {
    margin-left: 10px !important;
}

.mrg-lft15 {
    margin-left: 15px !important;
}

.mrg-lft20 {
    margin-left: 20px !important;
}

.mrg-lft25 {
    margin-left: 25px !important;
}

.mrg-lft30 {
    margin-left: 30px !important;
}

.mrg-rgt0 {
    margin-right: 0px !important;
}

.mrg-rgt5 {
    margin-right: 5px !important;
}

.mrg-rgt10 {
    margin-right: 10px !important;
}

.mrg-rgt15 {
    margin-right: 15px !important;
}

.mrg-rgt20 {
    margin-right: 20px !important;
}

.mrg-rgt25 {
    margin-right: 25px !important;
}

.padd1 {
    padding: 1px !important;
}


.padd5 {
    padding: 5px !important;
}


.padd-10 {
    padding: 10px !important;
}

.padd15 {
    padding: 15px !important;
}

.padd-top0 {
    padding-top: 0px !important;
}

.padd-top5 {
    padding-top: 5px !important;
}

.padd-top10 {
    padding-top: 10px !important;
}

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

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

.padd-top25 {
    padding-top: 25px !important;
}

.padd-top30 {
    padding-top: 30px !important;
}

.padd-lft0 {
    padding-left: 0px !important;
}

.padd-lft05 {
    padding-left: 5px !important;
}

.padd-lft10 {
    padding-left: 10px !important;
}

.padd-lft-15 {
    padding-left: 15px !important;
}

.padd-lft20 {
    padding-left: 20px !important;
}

.padd-rgt0 {
    padding-right: 0px !important;
}


.padd-rgt05 {
    padding-right: 5px !important;
}

.padd-rgt10 {
    padding-right: 10px !important;
}

.padd-rgt-15 {
    padding-right: 15px !important;
}

.padd-rgt20 {
    padding-right: 20px !important;
}

.padd-btm0 {
    padding-bottom: 0px !important;
}

.padd-btm5 {
    padding-bottom: 5px !important;
}

.padd-btm7 {
    padding-bottom: 7px !important;
}

.padd-btm10 {
    padding-bottom: 10px !important;
}

.padd-btm15 {
    padding-bottom: 15px !important;
}

.padd-btm20 {
    padding-bottom: 20px !important;
}

.padd-btm25 {
    padding-bottom: 25px !important;
}

.padd-btm30 {
    padding-bottom: 30px !important;
}

@media (max-width:991px) and (min-width:240px) {



    .srchbg .options .panel-body {
        margin-top: 0px;
        padding: 0px 10px 15px;
        border: 1px solid #ccc;
    }

    .srvcmenu a {
        line-height: 50px;
        padding: 12px 7px !important;
        font-size: 15px !important;
        margin-top: 0px;
    }

    .mrg-btmxs10 {
        margin-bottom: 10px !important;
    }
}
/*margin padding class end*/

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: #fff !important;
    color: inherit !important;
}
/* end hotel edit page*/

/*.md-whiteframe-1dp, .md-whiteframe-z1
{
    box-shadow:none !important;

}*/

.md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #071923;
    border-bottom-width: 1px;
}



md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    color: #676767;
    font-weight: normal;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore), md-input-container .md-placeholder {
    margin-bottom: 0px !important;
    color: #424242 !important;
    font-size: 14px;
}

.inpt {
    width: 100%;
    height: 25px;
    margin-top: 25px;
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    font-size: 15px;
    background-color: #fff;
}


.banner-caption .panel-heading .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f146";
    float: right;
    color: #071923;
}


.banner-caption .panel-heading .accordion-toggle.collapsed:after {
    font-family: 'FontAwesome';
    content: "\f0fe";
    color: #071923;
    float: right;
}

.banner-caption .panel-default {
    border: 0px;
}

    /*.banner-caption .panel-default > .panel-heading {
        background-color: #071923 !important;
        border-color: #fbfbfb !important;
        float: none;
        width: 43%;
        position: relative;
        left: 0%;
        top: 0%;
        border-radius: 50px;
        padding: 0px 35px;
        box-shadow: 0px 6px 7px -3px #00000082;
    }*/

.banner-caption .panel-title {
    font-size: 14px;
    font-weight: normal;
}

.banner-caption .panel-default > .panel-heading2 .nav-tabs {
    border: 0;
    background-color: #fff;
    box-shadow: 0px 0px 5px 2px #dadada;
}



    .banner-caption .panel-default > .panel-heading2 .nav-tabs > li.active > a, .banner-caption .panel-heading2 .nav-tabs > li.active > a:hover, .banner-caption.panel-heading2 .nav-tabs > li.active > a:focus {
        background-color: #fff;
        color: #071923 !important;
        margin: 0px;
        border-bottom: 4px solid #071923;
        border-radius: 0;
    }

        .banner-caption .panel-default > .panel-heading2 .nav-tabs > li.active > a::after {
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -10px;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 9px;
            border-top-color: #071923;
            content: '';
            pointer-events: none;
        }

.banner-caption .panel-default > .panel-heading2 .nav > li > a {
    margin: 0px;
    border: 0px;
}

.banner-caption .panel-default > .panel-heading2 .nav-tabs > li > a:hover {
    border: 0px;
    border-bottom: 4px solid #071923;
}

.banner-caption .panel-default > .panel-heading3 .nav-tabs {
    border: 0;
    background-color: #fff;
}

.banner-caption .panel-default > .panel-heading3 .nav > li {
    margin-right: 1px;
}

    .banner-caption .panel-default > .panel-heading3 .nav > li > a {
        background-color: gainsboro;
        opacity: 0.6;
        margin: 0;
        border-bottom: 3px solid #dcdcdc;
    }

.banner-caption .panel-default > .panel-heading3 .nav-tabs > li.active > a, .panel-heading3 .nav-tabs > li.active > a:hover, .panel-heading3 .nav-tabs > li.active > a:focus {
    background-color: #dcdcdc;
    color: #071923 !important;
    margin: 0px;
    border-bottom: 3px solid #071923;
    opacity: 1;
}


.banner-caption .panel-default > .panel-heading4 .nav-tabs {
    border: 2px solid #071923 !important;
    background-color: #fff;
    border-radius: 5px;
}

.banner-caption panel-default > .panel-heading4 .nav > li {
    margin-right: 0px;
    margin-bottom: 0px;
}

.banner-caption .panel-default > .panel-heading4 .nav > li > a {
    background-color: #fff;
    margin: 0;
    border-bottom: 0px solid #dcdcdc;
    border-radius: 0px;
    padding: 9px 30px;
    border: 1px solid #ffffff;
    border-left: 1px solid #d4d4d4;
}

.banner-caption .panel-heading4 .nav-tabs > li > a:hover {
    background-color: #071923;
    color: #ffffff !important;
    border: 1px solid #071923;
}

.banner-caption .panel-default > .panel-heading4 .nav-tabs > li.active > a, .banner-caption .panel-heading4 .nav-tabs > li.active > a:hover, .banner-caption .panel-heading4 .nav-tabs > li.active > a:focus {
    background-color: #071923;
    color: #ffffff !important;
    margin: 0px;
    border: 1px solid #071923;
}


.options .panel-body3 {
    border: 1px solid #d4d4d4;
    margin-top: 1px;
    border-radius: 5px;
}


.nav-center {
    text-align: center;
}

    .nav-center ul.nav {
        display: inline-block;
    }

        .nav-center ul.nav li {
            display: inline;
            float: left;
        }

.nav-center2 {
    text-align: center;
}

    .nav-center2 ul.nav {
        display: inline-block;
    }

        .nav-center2 ul.nav li {
            display: inline;
            float: left;
        }


.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0px !important;
}


#terms .user-prfl-modal .modal-dialog {
    max-width: 100% !important;
    height: 90vh;
    margin: 10px auto;
    overflow: hidden;
}

..modal-dialog {
    float: left;
    margin: 0px !important;
}


@media (min-width: 769px) {
    #terms .modal-dialog {
        width: 800px !important;
        margin: 30px auto;
    }
}

.select--hoshi-new {
    position: absolute;
    z-index: 99;
    width: 90%;
    max-height: 200px;
    background: #fff;
    height: auto;
    border: 1px solid #d2d2d2;
    overflow-y: auto;
}


/*Dialog.css start*/

#dialogoverlay {
    background: #000 none repeat scroll 0 0;
    display: none;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

#dialogbox {
    background: #fff none repeat scroll 0 0;
    border-radius: 15px;
    display: none;
    border: 2px solid #071923 !important;
    position: fixed;
    z-index: 99999;
    padding: 0 !important;
}

    #dialogbox > div {
        margin: 0px;
    }

        #dialogbox > div > #dialogboxhead {
            background: #f3f3f3 none repeat scroll 0 0;
            border-radius: 10px 10px 0 0;
            color: #071923;
            font-size: 19px;
            font-weight: bold;
            padding: 10px 15px;
            border-bottom: 1px solid #ddd;
        }

        #dialogbox > div > #dialogboxbody {
            padding: 20px;
            color: #404040;
            font-weight: bold;
            font-size: 14px;
        }

        #dialogbox > div > #dialogboxfoot {
            padding: 10px;
            text-align: right;
        }

#dialogboxfoot > .btn-primary {
    background-color: #071923 !important;
    border: 2px solid #071923 !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 2px 15px !important;
}

    #dialogboxfoot > .btn-primary:hover {
        background-color: #404040 !important;
        border: 2px solid #404040 !important;
        color: #f2e9f1 !important;
        font-size: 14px !important;
        padding: 2px 15px !important;
    }


/*css form confirm delete input admin control START*/
#dialogoverlayadmin {
    background: #000 none repeat scroll 0 0;
    display: none;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

#dialogboxadmin {
    background: #fff none repeat scroll 0 0;
    border-radius: 15px;
    display: none;
    border: 2px solid #404040 !important;
    position: fixed;
    z-index: 99999;
    padding: 0 !important;
}

    #dialogboxadmin > div {
        margin: 0px;
    }

        #dialogboxadmin > div > #dialogboxheadadmin {
            background: #f3f3f3 none repeat scroll 0 0;
            border-radius: 10px 10px 0 0;
            color: #404040;
            font-size: 19px;
            font-weight: bold;
            padding: 10px 15px;
            border-bottom: 1px solid #ddd;
        }

        #dialogboxadmin > div > #dialogboxbodyadmin {
            padding: 20px;
            color: #575757;
            font-weight: bold;
            font-size: 14px;
        }

        #dialogboxadmin > div > #dialogboxfootadmin {
            padding: 10px;
            text-align: right;
        }

#dialogboxfootadmin > .btn-primary {
    background-color: #071923 !important;
    border: 2px solid #071923 !important;
    color: #f2e9f1 !important;
    font-size: 14px !important;
    padding: 2px 15px !important;
}

    #dialogboxfootadmin > .btn-primary:hover {
        background-color: #404040 !important;
        border: 2px solid #404040 !important;
        color: #fff !important;
        font-size: 14px !important;
        padding: 2px 15px !important;
    }
/*css form confirm delete input admin control END*/



/*Dialog.css end*/



.md-autocomplete-suggestions-container.md-default-theme li.selected, .md-autocomplete-suggestions-container li.selected, .md-autocomplete-suggestions-container.md-default-theme li:hover, .md-autocomplete-suggestions-container li:hover {
    background: #404040;
    color: #ffffff;
}

.md-autocomplete-suggestions-container.md-default-theme li .highlight, .md-autocomplete-suggestions-container li .highlight {
    color: unset !important;
    font-weight: bold !important;
}

.md-autocomplete-suggestions li {
    height: auto !important;
    line-height: 38px !important;
}


@media (min-width: 1200px) {
    .supplierli {
        float: left;
    }

    .supplierli {
        width: 33.33333333% !important;
    }
}

@media (min-width: 992px) {
    .railnewmd {
        background: #fff;
        padding: 0px;
    }

        .railnewmd .col-md-10 {
            width: 82% !important;
        }

        .railnewmd .col-md-2 {
            width: 18% !important;
        }
    /*.homepage .promotions .col-md-4 {
    width: 33.333333%;
    padding-right: 40px;
    padding-left: 40px;
}*/

    .supplierli {
        float: left;
    }

    .supplierli {
        width: 33.33333333% !important;
    }

    .agency_detail .col-md-6 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

@media (min-width: 769px) {
    .supplierli {
        float: left;
    }

    .supplierli {
        width: 33.33333333% !important;
    }
}


.supplierli {
    float: left;
}

.supplierli {
    width: 33.33333333% !important;
}

.pagination > li > a, .pagination > li > span {
    padding: 3px 9px;
    color: #676767;
    /*border: 2px solid #f3f3f3;*/
    border-radius: 20px !important;
    border-color: #f3f3f300 !important;
    background-color: #ffffff !important;
    margin-top: 5px;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    border-color: #071923;
}

.thbg {
    background-color: #e9e9e9;
}

/*-mybooking---*/

.mbooking .curr .btn {
    border-radius: 0;
    height: 28px;
    display: block;
    margin: 0;
    line-height: 28px;
    padding: 0 10px;
    font-size: 14px;
    max-width: 100px;
    float: none;
}

.action-list {
    background: none;
    margin-top: 0 !important;
    display: inline-block;
    width: 100%;
    text-align: center !important;
    padding: 0px !important;
}

    .action-list a {
        display: inline-block;
        float: none;
        min-width: 20px;
    }

    .action-list i {
        color: #222222;
    }

.mybooking .pagin {
    margin: 10px -15px -30px -15px;
}

    .mybooking .pagin ul.pagination {
        margin: 10px 0px;
    }


.mbkcount {
    font-size: 10px;
    width: 26px;
    height: auto;
    border: 1px solid;
    border-radius: 2px;
    margin: 0px 0px 0px 5px;
    display: inline-block;
    line-height: normal;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    font-weight: 500;
}


li.active a .mbkcount {
    background: #fff;
    color: #071923;
    border-color: #fff;
}

li a .mbkcount {
    background: #071923;
    color: #ffffff;
    border-color: #071923;
}

.fa-sort-numeric-asc-img {
    background-image: url('../images/asc-rating.png');
    background-position: left;
    background-repeat: no-repeat;
    width: 12px;
    height: 14px;
}

.fa-sort-numeric-desc-img {
    background-image: url('../images/desc-rating.png');
    background-position: left;
    background-repeat: no-repeat;
    width: 12px;
    height: 14px;
}

.current .fa-sort-numeric-asc-img {
    background-image: url('../images/asc-rating-wh.png');
    background-position: left;
    background-repeat: no-repeat;
    width: 12px;
    height: 14px;
}

.current .fa-sort-numeric-desc-img {
    background-image: url('../images/desc-rating-wh.png');
    background-position: left;
    background-repeat: no-repeat;
    width: 12px;
    height: 14px;
}

.accord {
    width: 100%;
    float: left;
    height: auto;
    padding: 10px;
    background-color: #071923;
    color: #ffffff;
}

.modal-body {
    float: left;
    width: 100%;
    background-color: #ffffff;
}

@media (max-width:992px) {

    .mrg-top-10-res {
        margin-top: 10px !important;
    }

    .mrg-btm-10-res {
        margin-bottom: 10px !important;
    }

    .mrg-top20-sm {
        margin-top: 20px !important;
    }
}

@media (max-width:768px) {

    .nav-center ul.nav {
        display: block;
    }

    .nav-center2 ul.nav {
        display: inline-block;
    }

    .nav-center2 .nav-tabs > li {
        width: 33% !important;
    }

    .mrg-top20-xs {
        margin-top: 20px !important;
    }

    .mrg-top30-xs {
        margin-top: 30px !important;
    }

    .padd-lft30-xs {
        padding-left: 30px !important;
    }

    .padd-rgt30-xs {
        padding-right: 30px !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li.active:after {
        bottom: -10px !important;
        border-top: 14px solid #071923 !important;
    }

    #logo .nav > li:hover > a::after {
        display: none;
    }

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border-color: #071923 !important;
}

input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
    color: #000 !important;
}

.trhover tr {
    background-color: transparent;
}

    .trhover tr:hover {
        background-color: #eaedef;
    }

.trselected {
    border: 1px solid #dee3e5 !important;
    background-color: #eaedef !important;
}

    .trselected label {
        color: #000000 !important;
    }

.closebtn {
    position: absolute !important;
    right: -10px !important;
    top: -10px !important;
    font-size: 21px !important;
    background-color: #071923 !important;
    padding: 0px 5px 1px 5px !important;
    opacity: .8 !important;
    color: #fff;
    border: 3px solid #fff !important;
    border-radius: 100px;
    z-index: 99;
}

    .closebtn:hover {
        opacity: 1 !important;
        color: #fff;
        border: 3px solid #fff !important;
    }


/*---------- booking summery page ------*/

.panel.smry h2 {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.8px;
    color: #071923;
    margin: 5px 0;
}

.info-sec-new .headrow {
    background: #e8eff2;
    margin: 0 !important;
    min-height: 30px;
    height: auto;
}

    .info-sec-new .headrow h3 {
        padding: 0;
        font-weight: 900;
        font-size: 16px;
        line-height: 30px;
        color: #071923;
        background: transparent;
        border: none;
        margin: 0;
    }

.info-sec-new {
    margin-top: 10px;
    border: 1px solid #cad5d0;
    float: left;
    width: 100%;
}

a.colapse-link i.fa {
    color: #071923;
    font-size: 16px;
    margin: 0 3px;
}

    a.colapse-link i.fa#iSpecialReq {
        color: #2b414d;
    }

.acc-heading a.colapse-link i.fa {
    color: #071923 !important;
}


span.info-label {
    padding: 0px;
    margin: 10px 0px 0px 0px;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    width: 110px;
    vertical-align: top;
}

span.info-desc {
    padding: 0px;
    margin: 10px 0px 0px 0px;
    /*margin: 3px 0px;*/
    color: #333;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    min-width: 200px;
    white-space: normal;
    max-width: calc(100% - 115px);
    min-height: 20px;
}

.info-field {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0 20px;
}

a.link-red {
    color: #071923 !important;
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
}

    a.link-red.light {
        font-weight: 400;
        font-size: 14px;
        margin-right: 2px;
    }

span.rating-yellow i.fa {
    color: #f5c314;
}

.row.room-info h3 {
    font-weight: 500 !important;
    font-size: 15px !important;
    margin: 3px 15px !important;
    color: #3e3e3e !important;
}

h3.pan-head {
    font-weight: 500 !important;
    font-size: 16px !important;
    margin: 15px 0px 0px 0px !important;
    color: #333333 !important;
    background-color: #f1cbcb;
    padding: 7px 15px 7px 0px;
}

h3.pan-headNew {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #071923 !important;
}



.info-sec-new .headrow a {
    color: #071923 !important;
}

.room-info {
    margin: 10px -15px 0px -15px;
    float: left;
    width: 100%;
}

.rooms {
    /*margin-bottom: 20px;*/
    margin-bottom: 0px;
    float: left;
}

a.link-red.offers {
    font-weight: 700;
    font-size: 17px;
}

p.single-info {
    /*margin: 10px 0px;*/
    margin: 3px 0px;
    padding: 0 15px;
    font-size: 16px;
}

.single-info-new {
    margin: 0px;
    padding: 0px;
    font-size: 15px !important;
    line-height: 30px;
}

ul.button-list {
    padding: 15px 0;
    margin: 25px 0;
    border-top: 1px solid #000;
    list -webkit-border-after-style:;
}

    ul.button-list li {
        display: inline-block;
        list-style: none;
        margin-right: 15px;
        margin-bottom: 10px;
    }

p.bottom-line {
    color: #363636;
    font-size: 14px !important;
    margin: 0px;
}


/*--single table responsive--*/
@media screen (max-width: 1199px) {
    .d-inlineblock-md {
        display: inline-block;
        max-width: 100%;
    }

    .no-border-md {
        border: none !important;
    }

    .table.tbl-block-responsive-xs tr th {
        white-space: normal;
    }
}

@media screen (max-width:769px) {

    .banner {
        min-height: 200px;
    }

    .cation-image img.img-responsive {
        width: auto !important;
        /* max-width: 100%;*/
        margin: 0 auto;
    }

    .banner-caption {
        position: static;
        /*transform: translate(0, 0);*/
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        background: #f4f4f4;
    }

    .cation-image {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .mrg-top-10-res {
        margin-top: 10px !important;
    }

    .thead-new {
        display: none !important;
        margin: 0px !important;
    }

        .thead-new th {
            padding: 0px !important;
            line-height: 15px !important;
        }

    table.tbl-block-responsive-xs {
        border: none !important;
    }

    .tbl-block-responsive-xs, .tbl-block-responsive-xs td, .tbl-block-responsive-xs tr, .tbl-block-responsive-xs tbody {
        display: block;
    }

    .text-left-imp-xs tr td {
        text-align: left !important;
    }


    .action-list {
        text-align: left !important;
        padding: 0;
        width: auto;
    }

    .sb-heading.mbooking span.pull-right {
        float: none !important;
        display: inline-block;
        font-size: 12px;
        width: 100%;
        margin: 12px 0 2px 0;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border: none;
    }

    .tbl-block-responsive-xs tr {
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }



    .tbl-block-responsive-xs td.data-td-responsive:before {
        min-width: 150px;
        width: auto;
        font-weight: 600;
        padding: 10px;
    }
}

@media (max-width:480px) {
    /*.tbl-block-responsive-xs td.data-td-responsive {
        border: none;
        width: 100% !important;
        white-space: normal !important;
        padding: 10px !important;
        text-align: left !important;
    }

        .tbl-block-responsive-xs td.data-td-responsive:before {
            display: inline-block;
            padding: 0 !important;
        }*/

    .d-inlineblock-md {
        display: inline-block;
        max-width: calc(100% - 30px);
        margin: 0 15px;
    }
}

@media (max-width:280px) {
    .tbl-block-responsive-xs td.data-td-responsive {
        border: none;
        width: 100% !important;
        white-space: normal !important;
        padding: 10px !important;
        text-align: left !important;
    }

        .tbl-block-responsive-xs td.data-td-responsive:before {
            display: inline-block;
            padding: 0 !important;
        }

    .d-inlineblock-md {
        display: inline-block;
        max-width: calc(100% - 30px);
        margin: 0 15px;
    }
}




.htlmap {
    position: fixed !important;
    top: 10% !important;
    left: 17% !important;
    z-index: 99999 !important;
    padding: 0px !important;
}

@media (min-width:1250px) and (max-width:1362px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 17% !important;
        z-index: 99999 !important;
        padding: 0px !important;
    }
}

@media (min-width:1111px) and (max-width:1249px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 13% !important;
        z-index: 99999 !important;
        padding: 0px !important;
    }
}

@media (min-width:1028px) and (max-width:1110px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 9% !important;
        z-index: 99999 !important;
        padding: 0px !important;
    }
}


@media (min-width:992px) and (max-width:1027px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 7% !important;
        z-index: 99999 !important;
        padding: 0px !important;
    }
}


@media (min-width:770px) and (max-width:991px) {
    table.tbl-block-responsive-xs tr th {
        white-space: normal;
        word-break: break-word;
        min-width: 50px;
        font-size: 14px;
        padding: 10px 5px;
        vertical-align: top;
    }
}

@media (min-width:768px) and (max-width:991px) {
    span.info-desc {
        margin: 5px 0px 10px 0px !important;
    }
    .wizard li.active span.round-tab span, .wizard li span.round-tab span {
        font-size: 13px !important;
    }

    .wizard .tab-pane {
        margin-top: 20px !important;
    }

    .wizard li.active span.round-tab i {
        width: 100% !important;
    }

    .wizard li.disabled span.round-tab span {
        font-size: 12px !important;
    }

    .disabled span.round-tab i {
        width: 100% !important;
    }

    span.round-tab {
        width: 126px !important;
        height: auto !important;
        padding: 8px 0px !important
    }

    .disabled span.round-tab {
        width: 126px !important;
        height: auto !important;
    }

    .connecting-line {
        top: 45% !important;
    }

    .comp_logo img {
        padding-bottom: 8px;
    }

    .logo-res {
        display: block;
        margin-right: auto;
        margin-left: auto;
        height: auto;
        float: none !important;
    }

    #tabmenu.stick {
        top: 101px !important;
    }

    .txtcenter-res {
        text-align: center !important;
    }

    .control-box2 .prev {
        left: 44% !important;
        position: absolute;
    }

    .control-box2 .next {
        right: 44% !important;
        position: absolute;
    }

    .dropdown-content {
        width: 125%;
    }

    .homepage .promotions .col-sm-4 {
        width: 33.33333333% !important;
        padding-right: 40px;
        padding-left: 40px;
    }

    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 1% !important;
        z-index: 99999 !important;
        width: 100%;
        padding: 0px !important;
    }
}

@media (min-width:640px) and (max-width:767px) {
    span.info-desc {
        max-width: 100% !important;
        min-width: auto;
        margin: 10px 0px 5px 0px;
    }
    .fullwidth {
        width: auto !important;
    }

    .srvcmenu {
        text-align: center !important;
        margin: 5px 0px 0px 0px;
    }

        .srvcmenu a {
            padding: 10px 15px !important;
            margin-top: -85px;
        }


    #divCreditDetail .dropdown-content {
        position: absolute !important;
    }

    .srvcmenu .dropdown .dropdown-content a {
        margin-top: 5px;
        line-height: normal;
    }

    .homepage .promotions .col-xs-12 {
        width: 100% !important;
        padding-right: 40px;
        padding-left: 40px;
    }

    span.info-desc {
        max-width: 100% !important;
        min-width: auto;
    }

    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 1% !important;
        z-index: 99999 !important;
        width: 100%;
        padding: 0px !important;
    }

    table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
        text-align: left !important;
        float: left;
        width: 100%;
    }

    table.inner-table-hsr.hsr-rr-table {
        float: left;
        width: 100%;
    }

    table.pannel-table-hsr {
        float: left;
        width: 100%;
    }
}

@media (min-width:240px) and (max-width:639px) {
    span.info-desc {
        max-width: auto !important;
        min-width: 100%;
        margin: 2px 0px 0px 0px;
        padding-bottom: 5px;
        border-bottom: 1px dashed #ccc;
    }
    .fullwidth {
        width: auto !important;
    }

    table.pannel-table-hsr {
        float: left;
        width: 100%;
    }

    .srvcmenu {
        text-align: center !important;
        margin: 5px 0px 0px 0px;
    }

        .srvcmenu a {
            padding: 10px 15px !important;
            margin-top: -86px;
        }

    .homepage .promotions .col-xs-12 {
        width: 100% !important;
        padding-right: 40px;
        padding-left: 40px;
    }

    table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
        text-align: left !important;
        float: left;
        width: 100%;
    }

    table.inner-table-hsr.hsr-rr-table {
        float: left;
        width: 100%;
    }

    span.info-desc {
        max-width: auto !important;
        min-width: 100%;
    }

    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 1% !important;
        z-index: 99999 !important;
        width: 100%;
        padding: 0px !important;
    }
}


.htmlrateprcbrkp {
    border: 1px solid #ddd;
    box-shadow: 0px 3px 7px 0px rgba(204, 204, 204, 0.59) !important;
}

    .htmlrateprcbrkp .headi {
        background: #f3f3f3;
        font-size: 17px;
        color: #000;
    }
/*for sidemenu active link css*/
.activepg {
    color: #404040 !important;
    font-weight: bold;
    font-size: 15px !important;
}

/*hotel image gallery*/

.example-container {
    margin-bottom: 0px;
    max-height: 250px;
    overflow: auto;
    scrollbar-color: #bbdcec #ddd;
    height: auto;
}

pre {
    display: none;
}

.gallery {
    max-width: 3050px;
    width: 3050px;
    overflow: auto;
}

    .gallery img {
        width: 80px;
        border: 2px solid #cdcdcd;
        border-radius: 5px;
        height: 80px;
        margin-bottom: 5px;
    }

        .gallery img:hover {
            border: 2px solid #071923;
        }


.rebox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7);
}

    .rebox * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }

.rebox-contents {
    position: absolute;
    top: 5%;
    left: 5%;
    text-align: center;
    width: 90%;
    height: 90%;
}

    .rebox-contents .rebox-content {
        cursor: pointer;
        border: 5px solid #fff;
        background-color: #fff;
        box-shadow: 0 0 20px #000;
        border-radius: 1px;
        max-width: 100%;
        max-height: 80%;
        margin: auto;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

.rebox-loading {
    width: 31px;
    height: 31px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 48%;
    left: 50%;
}

.rebox-caption {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    background: #000;
    background: rgba(0,0,0,0.7);
}

    .rebox-caption p {
        margin: 0 auto;
        max-width: 70%;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding: 10px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
    }

.rebox-button {
    position: absolute;
    z-index: 9999;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    opacity: 0.5;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    border-radius: 32px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .rebox-button:hover,
    .rebox-button:focus {
        opacity: 1;
        text-decoration: none;
    }

.rebox-close {
    right: 10px;
    top: 10px;
    font-size: 45px;
    font-weight: bold;
}

.rebox-next {
    right: 45%;
    bottom: 5%;
    background-image: url(../images/gal-next.png);
    background-position: center;
    background-repeat: no-repeat;
}

.rebox-prev {
    left: 45%;
    bottom: 5%;
    background-image: url(../images/gal-prev.png);
    background-position: center;
    background-repeat: no-repeat;
}

.rebox-loading {
    left: 50%;
    top: 48%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/*hotel image gallery*/
#divHotelInfo li span {
    position: relative;
    left: -10px;
}

.uploadbtn {
    width: auto;
    padding: 10px;
    height: auto;
    border: 1px solid #e5e5e5;
    max-width: 100%;
}


/*--------------------For Receipt-----------*/

.Rec_table {
    width: 96%;
    margin: 35px 15px 15px 15px;
    color: #000000; /*border: solid 1px #000000;	*/
    border: none;
    padding: 0px 0px 0px 0px;
}

.Rec_td_img {
    width: 25%;
    border: none;
}

.Rec_img_1_L {
    position: relative;
    left: 5px;
    width: 65px;
    height: 65px;
    /*background: url(./images/st_logo.gif) #ffffff no-repeat;*/
    overflow: hidden;
    border: none;
}

.Rec_img_1_LAtharva /* Viraj on 10-6-2013 */ {
    position: relative;
    left: 5px;
    width: 125px;
    height: 80px;
    /*background: url(./images/st_logo.gif) #ffffff no-repeat;*/
    overflow: hidden;
    border: none;
}

.Rec_sp_rec {
    text-align: right;
    vertical-align: top;
    border: none;
    font-size: x-large;
    color: #000000;
    font-weight: bolder;
}

.Rec_td_Cmp {
    width: 55%;
    text-align: left;
    vertical-align: bottom;
    border: none;
    font-size: x-large;
    color: #000000;
    font-weight: bolder;
}

.Rec_td_CmpAtharva /* viraj on 12-6-2013*/ {
    width: 55%;
    text-align: center; /* viraj on 12-6-2013*/
    vertical-align: bottom;
    border: none;
    font-size: x-large;
    color: #000000;
    font-weight: bolder;
}

.Rec_td_Add {
    width: 100%;
    text-align: center;
    vertical-align: top;
    border: none;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

.Rec_td_Add1 {
    width: 100%;
    text-align: center;
    vertical-align: top;
    border: none;
    font-size: small;
    color: #000000;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

.Rec_td_AddLast {
    width: 100%;
    text-align: center;
    vertical-align: top;
    border-bottom: solid 1px #000000;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: small;
    color: #000000;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

.Rec_td_cmpdtl {
    text-align: left;
    vertical-align: top;
    border: none;
    color: #000000;
    font-size: 14px;
    padding: 5px 0px 0px 0px;
}



.Rec_td_cmpdtReceived {
    text-align: left;
    vertical-align: top;
    border: none;
    color: #000000;
    font-size: 14px;
    padding: 10px 0px 0px 5px;
}

.Rec_td_Detail {
    text-align: left;
    vertical-align: middle;
    border-left: solid 1px #000000;
    border-top: solid 0px #000000;
    border-right: solid 0px #000000;
    border-bottom: solid 0px #000000;
    color: #000000;
    font-size: 14px;
}

.ReceiptDtl_table {
    width: 100%;
    margin: 0px 0px 0px 0px;
    border: solid 2px #000000;
    color: #000000;
}

.ReceiptDtl_td_topHeader {
    text-align: center;
    border-bottom: solid 1px #000000;
}

.ReceiptDtl_td_top {
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-right: solid 0px #000000;
    border-top: solid 0px #000000;
}

.ReceiptDtl_td_item {
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-right: solid 0px #ccc;
    border-top: solid 0px #ccc;
    margin: 1px 0px 1px 0px;
}

.ReceiptDtl_td_item1 {
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-right: solid 0px #000000;
    border-top: solid 0px #000000;
    margin: 1px 0px 1px 0px;
}

.ReceiptDtl_td_item_amt1 {
    text-align: right;
    vertical-align: middle;
    border-left: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-right: solid 0px #000000;
    border-top: solid 0px #000000;
    padding-right: 50px;
    margin: 1px 0px 1px 0px;
}

.rec_tr {
    border: solid 0px #000000;
}

.rec_TotalInWord {
    border: solid 0px #000000;
    font-size: medium;
}

.ReceiptDtl_td_item_mode {
    text-align: left;
    vertical-align: middle;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-right: solid 0px #ccc;
    border-top: solid 0px #ccc;
    margin: 1px 0px 1px 0px;
}

.ReceiptDtl_td_item_amt {
    text-align: right;
    vertical-align: middle;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-right: solid 0px #ccc;
    border-top: solid 0px #ccc;
    padding-right: 50px;
    margin: 1px 0px 1px 0px;
}

.hr-p2_038d a {
    padding: 0px 12px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 154px;
    font-size: 12px/14px;
    font-weight: normal;
    color: #4d6fb4;
    background: #ffffff;
    text-decoration: none;
    border: solid 1px #57238A;
    text-align: center;
}

.hr-p2_038dnew {
    padding: 0px 12px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 100px;
    height: 17px;
    font-size: 12px/14px;
    font-weight: normal;
    color: #4d6fb4;
    background: #ffffff;
    text-decoration: none;
    border: solid 1px #57238A;
    text-align: center;
}

.mypass {
    /*  background-image: url("images/st_logo.gif");*/
    background-attachment: scroll;
    background-position: 500px 1000px;
    background-repeat: no-repeat;
    opacity: 0.1;
    filter: alpha(opacity=10);
    color: blue;
    position: absolute;
    width: 300px;
    height: 300px;
    left: 34%;
    top: 200px;
    color: #000000;
}

.RECr {
    font-size: 18px;
}

.Rec_ReceiptNo {
    font-size: 15px;
}

.rec_tr_Sal {
    border: solid 0px #000000;
    text-align: right;
    padding-right: 20px;
}

.rec_reclisation {
    border: solid 0px #000000;
    font-size: small;
}

.rec_underline {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 66%;
    color: #ccc;
    margin: -5px 0 0 33%;
}

.rec_underline_To {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 86%;
    color: #ccc;
    margin: 0px 0 0 13%;
}

.rec_underline_Words {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 98%;
    color: #ccc;
    margin: -25px 0 0 0;
}

.rec_underline_Words1 {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 98%;
    color: #ccc;
    margin: 24px 0 0 0px;
}

.rec_underline_Co {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 91%;
    color: #ccc;
    margin: -2px 0 0 30px;
}

.rec_underline_Words2 {
    width: 98%;
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    color: #ccc;
    margin: 0px 0 0 0px;
}

.rec_Remark {
    border: solid 2px #2e7aa7;
    background-color: #fff;
    position: absolute;
    width: 300px;
    left: 500px;
    padding-left: 5px;
    color: #2e7aa7;
}

.rec_table_back {
    border: solid 0px #2e7aa7;
    background: transparent url(../images/slogo.gif) no-repeat scroll 0 0;
    background-position: 150px 170px;
}

.Rec_td_img_Inbound {
    border: none;
}

.Rec_td_CmpAtharva_Inbound {
    width: 55%;
    text-align: center;
    vertical-align: bottom;
    border: none;
    font-size: 21px;
    color: #000000;
    font-weight: bolder;
}

hr {
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    background: #cdeeff;
    border: 0 solid #ccc;
    color: #ccc;
}

.Rec_img_1_LAtharva {
    position: relative;
    left: 5px;
    width: 125px;
    height: 80px;
    /*background: url(./images/st_logo.gif) #ffffff no-repeat;*/
    overflow: hidden;
    border: none;
}

.Rec_img_1_L {
    position: relative;
    left: 5px;
    width: 65px;
    height: 65px;
    /* background: url(./images/st_logo.gif) #ffffff no-repeat; */
    overflow: hidden;
    border: none;
}

.rec_tr .table > tbody > tr > td {
    border: 1px solid #000;
}


@media (max-width: 1299px) and (min-width: 1040px) {
    .scroller {
        right: 6% !important;
    }
}

@media (max-width: 1039px) and (min-width: 992px) {
    .scroller {
        right: 2% !important;
    }
}

@media (max-width: 991px) and (min-width: 955px) {
    .scroller {
        right: 12% !important;
        width: 160px !important;
    }
}

@media (max-width: 954px) and (min-width: 926px) {
    .scroller {
        right: 11% !important;
        width: 160px !important;
    }
}

@media (max-width: 925px) and (min-width: 880px) {
    .scroller {
        right: 9% !important;
        width: 160px !important;
    }
}

@media (max-width: 879px) and (min-width:840px) {
    .scroller {
        right: 7% !important;
        width: 160px !important;
    }
}

@media (max-width: 839px) and (min-width:805px) {
    .scroller {
        right: 5% !important;
        width: 160px !important;
    }
}

@media (max-width: 804px) and (min-width:769px) {
    .scroller {
        right: 3% !important;
        width: 160px !important;
    }
}

@media (max-width: 768px) and (min-width:200px) {
    .srvcmenu .dropdown .dropdown-content {
        position: relative !important;
    }

    #divCreditDetail .dropdown-content {
        position: absolute !important;
    }

    .control-box2 .prev {
        left: 42%;
    }

    .control-box2 .next {
        right: 42%;
    }

    .srvcmenu {
        margin: 0px !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li > a {
        padding: 10px 20px 5px 20px !important;
        font-size: 13px !important;
    }

    .mailli {
        float: left !important;
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin: 0px auto !important;
    }

    .srchbg .options .panel-body {
        margin-top: 0px;
    }


    .navbar-right {
        width: 100% !important;
        text-align: center !important;
        margin: 0px 0px 0px 0px !important;
        float: right !important;
    }

    .navbar-default .navbar-nav > li {
        color: #fff !important;
        font-size: 14px !important;
        font-weight: normal !important;
        border: 0px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
    }

        .navbar-default .navbar-nav > li:last-child {
            border: 0px !important;
        }

    .d-inline-block-xs {
        display: inline-block !important;
    }

    h5.no-span::before, h5.no-span::after {
        width: 50% !important;
    }

    .padd-top20-res0 {
        padding-top: 0px !important;
    }

    .scroller {
        right: 3% !important;
        width: 33% !important;
    }

    .mrg-btm0-xs {
        margin-bottom: 0px !important;
    }

    .padd-lft10-xs {
        padding-left: 10px !important;
    }

    .mrg-lft10-xs {
        margin-left: 10px !important;
    }

    .mrg-lft0-xs {
        margin-left: 0px !important;
    }

    .h4-res {
        font-size: 11px !important;
    }

    .txtcenter-res {
        text-align: center !important;
    }

    .mrg-lft10-xxs {
        margin-left: 10px !important;
    }

    .airli-nam {
        font-size: 11px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .pull-left-xs {
        float: left !important;
    }
}

@media (max-width: 768px) and (min-width:500px) {
    .mailli .pull-left {
        width: 40%;
        margin-left: 10%;
    }
}

@media (max-width: 499px) and (min-width:200px) {
    .mailli .pull-left {
        width: auto;
        margin-left: 0%;
    }
}

@media (max-width: 350px) and (min-width:150px) {

    .control-box2 .prev {
        left: 38%;
        position: absolute;
    }

    .control-box2 .next {
        right: 38%;
        position: absolute;
    }

    .srvcmenu .dropdown .dropdown-content {
        position: relative !important;
    }

    .pull-left-xs {
        float: left !important;
    }

    .airli-nam {
        font-size: 11px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mrg-lft10-xxs {
        margin-left: 10px !important;
    }

    .txtcenter-res {
        text-align: center !important;
    }

    .h4-res {
        font-size: 11px !important;
    }

    .d-inline-block-xs {
        display: inline-block !important;
    }

    h5.no-span::before, h5.no-span::after {
        width: 50% !important;
    }

    .scroller {
        right: 3% !important;
        width: 40% !important;
    }
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
    font-size: 17px;
}

@media (min-width:200px) and (max-width:525px) {
    .ui-datepicker.ui-datepicker-multi {
        width: 210px !important;
        max-height: 100% !important;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100% !important;
    }
}

.blanket {
    background-color: #00000082;
    width: 100%;
    height: 100%;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
}

.loadhg {
    /*position: absolute;
    top: -25%;
    left: 41%;
    z-index: 9;
    background-image: url(../images/loadhgbg.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;*/
    background-color: #071923;
}

/*.loadhginfo {
    background-color: #f1f2f2;
    border-radius: 7px;
    margin-top: 30%;
    padding: 6% 15px 15px 15px;
}*/
.loadhginfo {
    background-color: #f1f2f2;
    border-radius: 5px;
    margin-top: 30%;
    padding: 0% 0px 15px 0px;
    border: 2px solid #071923;
}

    .loadhginfo h2 {
        color: #fff !important;
        font-size: 18px !important;
        margin: 0px 0px 20px 0px !important;
        padding: 15px 20px !important;
        text-transform: unset !important;
        font-weight: normal;
        line-height: 25px;
        text-align: center;
    }

    .loadhginfo h3 {
        color: #071923 !important;
        font-size: 23px !important;
        margin: 20px 0px 15px !important;
        font-weight: bold;
        text-align: center;
    }

    .loadhginfo p {
        color: #071923 !important;
        font-size: 16px !important;
        font-weight: 500;
        text-align: center;
    }

.loadhginfo2 {
    border-radius: 5px;
    margin-top: 8% !important;
    padding: 0% 0px 15px 0px;
    height: auto !important;
}

.loadhginfo2bg { /*background-image: linear-gradient(#f79a56, #f16753);*/
    background-image: linear-gradient(#c5e1ff, #ffffff);
    /*background:#c5e1ff;*/
    height: 200px;
    width: 100% !important;
}

    .loadhginfo2bg .mrg-top10 {
        margin-top: 0px !important;
    }

.loadhginfo2 .col-lg-9, .loadhginfo2 .col-md-9, .loadhginfo2 .col-sm-8 {
    width: 100% !important;
}

.loadhginfo2 .modal-content {
    border-radius: 0px !important;
    background-color: transparent;
}

.loadhginfo2 .modal-header {
    padding: 3px 10px !important;
    background-color: #404040;
    border: 0px;
}

.loadhginfo2 .modal-body {
    border-radius: 10px;
    padding: 20px 1px;
    text-align: center;
    background-color: #fff;
    border: 3px solid #071923;
}

.loadhginfo2 h2 {
    color: #fff !important;
    font-size: 20px !important;
    margin: 5px 0px 5px !important;
    padding: 0px !important;
    background-color: #071923 !important;
    text-transform: unset !important;
    font-weight: bold !important;
    line-height: 35px;
    text-align: center;
}

.loadhginfo2 h3 {
    color: #404040 !important;
    font-size: 17px !important;
    font-family: 'roboto', sans-serif;
    margin: 0px 0px 10px;
    background: none !important;
    font-weight: 500 !important;
    padding-bottom: 5px !important;
    margin-bottom: 10px !important;
}

    .loadhginfo2 h3 span {
        font-size: 13px !important;
        text-align: center !important;
        font-weight: normal !important;
        color: #6d6e70 !important;
    }

.loadhginfo2 h4 {
    text-align: center !important;
    color: #696969 !important;
    font-size: 18px !important;
    margin: 10px !important;
    font-weight: bold !important;
    text-align: center;
}


.loadhginfo2 p {
    color: #404040 !important;
    font-size: 14px !important;
    font-weight: 400;
    text-align: center;
}

#MainBody table.tbl-block-responsive-xs tr td {
    /*myBookinPage*/
    padding: 8px;
    vertical-align: top;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px 6px !important;
    font-size: 13px;
}




#MainBody .txt:hover {
    /*myBookinPage*/
    text-decoration: underline;
}

.hideinpt {
    padding: 0px;
    background-color: transparent;
    border: 0;
    display: none;
}

#divCombinationResult {
    -webkit-transition: visibility 0.2s linear, opacity 0.2s linear;
    -moz-transition: visibility 0.2s linear, opacity 0.2s linear;
    -o-transition: visibility 0.2s linear, opacity 0.2s linear;
}

.lnhgt25 {
    line-height: 25px;
}

.smry thead.main-head tr th {
    padding: 5px;
    font-size: 13px;
}

.smry .table > tbody > tr > td {
    padding: 5px;
}

#printrunreport .fa-print:before {
    content: "\f02f" !important;
    font-size: 35px !important;
    color: #333 !important;
}

.btnaddroom {
    padding: 6px 12px;
    float: left;
    font-size: 12px;
    border: 1px solid #071923;
    color: #fbfbfb !important;
    background-color: #071923;
    margin-left: 10px;
}

    .btnaddroom:hover {
        background-color: #404040;
        border: 1px solid #404040;
        color: #fbfbfb;
    }

    .btnaddroom:active {
        background-color: #404040;
        border: 1px solid #404040;
        color: #fbfbfb;
    }

    .btnaddroom:focus {
        background-color: #404040;
        border: 1px solid #404040;
        color: #fbfbfb;
    }

.bkngstts h3 {
    background: #e9e9e9 !important;
    color: #071923 !important;
    display: inline;
    padding: 6px 15px !important;
    text-transform: uppercase;
}

.bkngstts a.colapse-link i.fa {
    color: #071923;
}


@media (max-width:769px) and (min-width:200px) {

    table.hsrrrtbl {
        border: 0px solid #d4d4d4 !important;
    }

        table.hsrrrtbl tbody.hsrr-tbody-main tr {
            border: 1px solid #d4d4d4 !important;
            margin-bottom: 10px;
            float: left;
            width: 100%;
        }

        table.hsrrrtbl tbody.hsrr-tbody-main .rr-detailpanel tr {
            border: 0px solid #ddd !important;
            margin-bottom: 5px;
            float: left;
            width: 100%;
        }

    #MainBody table.tbl-block-responsive-xs tr td {
        padding: 5px !important;
        line-height: normal;
    }

    .agncyapprov table.tbl-block-responsive-xs tr td {
        padding: 5px !important;
    }

    .agncyapprov .table > tbody > tr > th {
        border-top: 0px solid #ddd;
    }

    .pos-smry .tbl-block-responsive-xs td.data-td-responsive:before {
        display: none !important;
    }

    .pos-smry .data-td-responsive {
        display: table-cell !important;
    }

    .right-border {
        border-right: 0px solid #ccc !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border: none;
        white-space: normal !important;
        margin: 0px 0px 0px 0px;
    }

        .tbl-block-responsive-xs td.data-td-responsive:before {
            min-width: 150px;
            padding: 0px 5px 0px 0px;
            width: auto !important;
        }
}

@media screen {
    .screen-hidden {
        display: none !important;
    }
}

.agency_detail .col-xs-6 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}


@media print {
    .bkngsmgid {
        width: 100%;
    }

        .bkngsmgid th, .bkngsmgid td {
            height: 48px;
            overflow: hidden !important;
        }

    .prnt-flthd {
        text-align: left !important;
    }

    .prnt-fltimg {
        width: 20px !important;
        float: left !important;
        text-align: left !important;
    }

    .prnt-fltinfo {
        width: 100px !important;
        float: left !important;
        text-align: left !important;
    }

    .prnt-fltdep {
        width: 150px !important;
        float: left !important;
        text-align: left !important;
    }

    #flight-itinerary .prnt-fltdep .box .citycode span {
        font-size: 12px !important;
    }

    #flight-itinerary .prnt-fltarv .box .citycode span {
        font-size: 12px !important;
    }

    .prnt-fltarv {
        width: 150px !important;
        float: left !important;
        text-align: left !important;
    }

    .prnt-fltdur {
        width: 150px !important;
        float: left !important;
        text-align: left !important;
    }

    .prnt-fltarv .box .nxtday {
        color: #ffffff !important;
        float: left !important;
        background-color: #000000 !important;
    }

    #flight-itinerary .txtcenter-res {
        text-align: left !important;
    }

    #flight-itinerary .box h5, .h5 {
        font-size: 13px !important;
    }

    .htdtls .htdtls-small {
        height: 180px !important;
    }

        .htdtls .htdtls-small span.info-label {
            font-size: 10px !important;
            margin: 0px !important;
            line-height: 18px !important;
        }

    .htdtls .htdtls-large span.info-label {
        font-size: 10px !important;
        margin: 0px !important;
        line-height: 18px !important;
    }

    .htdtls .htdtls-small span.info-desc {
        font-size: 10px !important;
        margin: 0px !important;
        line-height: 18px !important;
    }

    .htdtls .htdtls-large span.info-desc {
        font-size: 10px !important;
        margin: 0px !important;
        line-height: 18px !important;
    }

    .htdtls .htdtls-large {
        height: 230px !important;
        font-size: 10px !important;
    }

    .htdtls .htdtls2 {
        height: 230px !important;
    }

    .prnt-bdr {
        border: 1px solid #a0a0a0 !important;
    }

    .info-sec-new {
        border: 1px solid #a0a0a0 !important;
    }

        .info-sec-new .headrow {
            background: none !important;
        }

    .headrow h3 {
        background: none !important;
    }

    .bkngstts h3 {
        background: #e9e9e9 !important;
        color: #404040 !important;
        display: inline;
        padding: 6px 15px !important;
        text-transform: uppercase;
    }

    h3.pan-headNew {
        font-size: 14px !important;
    }

    .row.room-info h3 {
        font-size: 12px !important;
    }

    h3.pan-head {
        font-size: 12px !important;
    }

    .container {
        width: 98% !important;
    }

    .headrow h3 {
        font-size: 14px !important;
    }

    header, footer, .button-list, .accordion, .print-hidden {
        display: none !important;
    }


    span.info-desc, span.info-label, a.link-red {
        margin: 0px;
        font-size: 12px !important;
    }

    .room-info h3 {
        font-size: 12px !important;
    }

    span.info-desc .fa-plus-square {
        display: none !important;
    }

    .whitebg {
        background: #fff;
        box-shadow: 0px 0px 0px 0px #fff !important;
    }

        .whitebg .col-md-9, .whitebg .col-sm-8 {
            width: 100% !important;
        }

    .print-col-xs-12 {
        width: 50% !important;
        float: left !important;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .rooms .info-field {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .rooms h3.pan-head {
        padding: 7px 5px;
    }

    #PrintData {
        width: 100% !important;
        overflow: hidden !important;
    }

    table.hsrrrtbl td:first-child {
        width: 7.5% !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        margin: 15px 0;
        padding: 8px !important;
        white-space: normal !important;
    }

    .data-td-responsive:before {
        display: none;
    }

    .table > tbody > tr > td {
        border-top: 1px solid #ddd;
    }

    .tbl-block-responsive-xs tr {
        border: none;
        margin-bottom: 0;
        display: table-row;
    }

    table.hsrrrtbl {
        text-align: center !important;
        border: 0px;
    }

    span.info-desc {
        min-width: auto;
    }

    table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
        font-size: 12px !important;
    }

    table th, table td, table thead th, table tbody td {
        font-size: 12px !important;
    }



    .rcpt-tbl .prnt-fnt1 {
        font-size: 13px !important;
    }

    .rcpt-tbl .prnt-fnt2 {
        font-size: 14px !important;
    }

    .left-td-hd {
        text-align: left;
        border: 0px solid #ccc !important;
        line-height: 20px !important;
    }

    .right-td-hd {
        text-align: right;
        border: 0px solid #ccc !important;
        line-height: 20px !important;
    }

    .inv_td_performa {
        font-size: 17px !important;
        font-weight: bold !important;
    }

    .inv_td_performa2 {
        font-size: 15px !important;
        font-weight: bold !important;
    }

    .NoBorder-td-hd {
        line-height: 20px !important;
    }

    .newtxtsizeprnt {
        font-size: 13px !important;
    }

    .headtxt {
        font-size: 13px !important;
    }

    p.bottom-line {
        font-size: 10px !important;
    }

    .table {
        width: 100% !important;
    }

    /*Remittance css print start*/
    #frmRemittancePrintbankid1 table, #frmRemittancePrintbankid2 table {
        margin: 0;
        padding: 0;
        line-height: 1em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 13px !important;
        line-height: 1.5em !important;
    }


    /*Praveen */
    .dvcontent6 {
        text-align: justify;
        margin-left: 30px;
        margin-right: 0px;
        padding: 0;
        line-height: 1em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 14px;
    }

    .dvcontent7 {
        text-align: justify;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0;
        line-height: 1.3em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 14px;
    }

    td.t_07_Date {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_07_Form {
        padding-top: 172px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 13px;
    }

    .break-before {
        display: block;
        page-break-before: always;
        position: relative;
    }


    /*Praveen End*/


    /*Start Page 1 */
    table.tbl_01_01 {
        margin: 0;
        padding: 0;
        line-height: 1.3em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 12px;
    }

    td.t_01_Date {
        padding-top: 160px;
        padding-left: 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_01_Sign {
        padding-top: 105px;
        padding-left: 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_01_BankAdd {
        padding-left: 0px;
        padding-top: 20px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_01_Subject {
        padding-left: 0px;
        padding-top: 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_01_remBankDetail {
        padding-left: 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }


    span.sp_01_remBankDetail {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 11px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_Add {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 148px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_AccNo {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 60px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_BenName {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 24px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_CC {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 51px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_SC {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 60px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_IBAN {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 98px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_Detail {
        position: absolute;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        left: 135px;
        font-weight: bold;
    }
    /*End Page 1 */

    /*Start Page 2 */
    table.tbl_02 {
        margin: 10px 10px 0px 0px;
        padding: 0;
        line-height: 1.3em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 12px;
    }

    td.t_02_Annexure {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-right: 30px;
        font-weight: bold;
    }

    td.t_02_Signature {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-right: 30px;
        font-size: 13x;
    }

    td.t_02_Form {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 13px;
    }

    td.t_02_c {
        padding-left: 20px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Name {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 73px;
        font-weight: bold;
    }

    td.t_02_cChild {
        padding-left: 80px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Add_1 {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Add_2 {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 95px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Add_3 {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 95px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Acc {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 15px;
        font-weight: bold;
        font-size: 13px;
    }

    span.sp_02_Dtl_RemCurrAmt {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        font-weight: bold;
        font-size: 13px;
    }

    span.sp_02_BenAdd {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        padding-left: 110px;
        font-size: 13px;
    }

    span.sp_02_BenDtl {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        padding-left: 25px;
        font-size: 13px;
    }

    span.sp_02_clustion {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 15px;
        padding-left: 5px;
        font-size: 13px;
    }

    tr.t_02_Date {
        /*padding-top: 25px;*/
        padding-left: 20px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 13px;
    }

    tr.t_02_Final {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-left: 800px;
        padding-top: 10px;
        font-size: 13px;
    }

    span.s_02_Final {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-right: 40px;
        margin-right: 40px;
        font-size: 13px;
    }

    span.d_02_Final {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-right: 70px;
        margin-right: 70px;
    }
    /*End Page 2 */

    /*Start Page 3 */
    table.tbl_03 {
        margin: 0;
        padding: 0;
        line-height: 0.8em !important;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1000px;*/
        width: 640px;
        border: solid 1px #000000;
    }

    td.t_03_img {
        padding: 0px 2px 0px 2px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        left: 15px;
        height: 15;
        border-bottom: solid 1px #000000;
        font-size: 12px;
    }

    td.t_03_Head {
        padding: 25px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-weight: bolder;
        font-size: 12px;
        height: 15;
        border-bottom: solid 1px #000000;
    }

    td.t_03_subHead {
        padding: 1px 2px 2px 2px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 8px;
        line-height: 9px;
    }

    td.t_03_Date {
        padding: 0px 5px 0px 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: bottom;
        font-size: 8px;
    }

    td.t_03_Application {
        padding: 1px 2px 2px 2px;
        font-family: roboto, sans-serif;
        background-color: #696969;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 8px;
        color: #ffffff;
        font-weight: bold;
    }

    span.sp_03_Add {
        margin-left: 5px;
        font-family: roboto, sans-serif;
        font-size: xx-small;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        line-height: 10px;
        color: #000000;
    }

    td.t_03_Contact {
        padding: 0px 5px 0px 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
    }

    span.s_03_Contact {
        padding: 0px 5px 0px 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: bottom;
        font-size: xx-small;
    }

    table.tbl_01 {
        margin: 10px 10px 0px 0px;
        padding: 0;
        line-height: 0.8em;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 630px;
        border: solid 1px #000000;
    }

    table.tbl_03_02 {
        margin: 0px 10px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 640px;
        border: solid 1px #000000;
    }

    td.t_03_spDetails {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
        border-left: solid 1px #000000;
    }

    table.tbl_03_03 {
        margin: 0px 10px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 640px;
        border: solid 1px #000000;
    }

    td.t_03_32a {
        padding: 5px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 12px;
        width: 75px;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
    }

    td.t_03_valueHead {
        padding: 5px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 12px;
        width: 125px;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
    }

    td.t_03_value {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 12px;
        width: 125px;
        border-right: solid 1px #000000;
    }

    td.t_03_32a_sub {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
        width: 75px;
    }

    td.t_03_Description {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
    }

    td.t_03_Description_sub {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
    }

    span.sp_03_Yes {
        margin-left: 10px;
        font-family: roboto, sans-serif;
        font-size: xx-small;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
    }

    span.sp_03_Opt {
        margin-left: 10px;
        margin-right: 0px;
        font-family: roboto, sans-serif;
        font-size: xx-small;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
    }

    table.tbl_03_04 {
        margin: 0px 0px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 640px;
    }

    table.tbl_03_04_sub_01 {
        margin: 0px 0px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 320px;
        border: solid 1px #000000;
    }

    table.tbl_03_04_sub_02 {
        margin: 0px 0px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 320px;
        border-top: solid 1px #000000;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
    }

    td.t_03_custsig {
        margin: 15px 15px 15px 10px;
        padding: 10px 15px 15px 10px;
        font-family: roboto, sans-serif;
        background-color: #ffffff; /*text-align: left;*/
        text-indent: 0px;
        text-transform: none;
        vertical-align: bottom;
        font-size: 12px;
        border: solid 1px #000000; /*border-right:solid 1px #000000;*/
        height: 53px;
        width: 523px;
    }

    table.tbl_03_05 {
        margin: 10px 0px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 640px;
        border: none;
    }

    img.sbank {
        width: 90px;
        height: 55px;
    }

    td.t_03_bottom {
        padding: 1px 2px 2px 2px;
        font-family: roboto, sans-serif;
        background-color: #ABABAB;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 12px;
        color: #969696;
        font-weight: bold;
    }

    span.sp_03_signa {
        margin: 0px;
        font-family: roboto, sans-serif;
        font-size: xx-small;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
    }

    td.t_03_footerimg {
        padding: 0px 0px 0px 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        left: 15px;
        height: 15;
        border-bottom: solid 1px #000000;
    }

    img.footerimg {
        width: 660px;
        height: 15px;
    }

    .prntimgtd1 {
        width: 50% !important;
    }

    .prntimgtd2 {
        width: 50% !important;
    }


    #frmRemittancePrintbankid1 table, #frmRemittancePrintbankid2 table {
        border-spacing: unset;
        border-collapse: unset;
    }
    /*Remittance css print end*/

}

@media print and (max-width: 769px) {
    .thead-new {
        visibility: visible !important;
        background-color: #e9e9e9;
        padding: 5px !important;
    }

    table.hsrrrtbl {
        border: 1px solid #ddd !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border-top: 1px solid #ccc;
        white-space: normal !important;
    }

    .tbl-block-responsive-xs, .tbl-block-responsive-xs td, .tbl-block-responsive-xs tbody {
        display: table-cell;
    }

        .tbl-block-responsive-xs tr {
            display: table-row;
        }

    .hidden-xs {
        display: block !important;
    }


    .tbl-block-responsive-xs td.data-td-responsive:before {
        min-width: auto;
        width: auto;
        font-weight: 600;
        padding: 10px;
    }

    table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
        font-size: 12px !important;
    }
}

@media print (max-width: 768px) {

    .thead-new {
        visibility: visible !important;
        background-color: #e9e9e9;
        padding: 5px !important;
    }

    table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
        font-size: 12px !important;
    }

    .data-td-responsive:before {
        display: none !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border: 0px solid #ccc;
        white-space: normal !important;
    }
}

@media print (max-width: 480px) {
    #flight-itinerary .prnt-fltdep .box .citycode span {
        font-size: 12px !important;
    }

    #flight-itinerary .prnt-fltarv .box .citycode span {
        font-size: 12px !important;
    }

    .thead-new {
        visibility: visible !important;
        background-color: #e9e9e9;
        padding: 5px !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border: 0px solid #ccc;
        width: 100% !important;
        white-space: normal !important;
        padding: 10px !important;
        text-align: left !important;
    }

    .data-td-responsive:before {
        display: none !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive:before {
        display: inline !important;
        padding: 0 !important;
    }
}

@media print (max-width: 639px) and (min-width: 240px) {
    .prnt-fltarv .box .nxtday {
        color: #000000 !important;
        float: left !important;
        background-color: #FFFFFF !important;
    }

    #flight-itinerary .txtcenter-res {
        text-align: left !important;
    }

    #flight-itinerary .box h5, .h5 {
        font-size: 13px !important;
    }

    #flight-itinerary .prnt-fltdep .box .citycode span {
        font-size: 12px !important;
    }

    #flight-itinerary .prnt-fltarv .box .citycode span {
        font-size: 12px !important;
    }

    .thead-new {
        visibility: visible !important;
        background-color: #e9e9e9;
        padding: 5px !important;
    }

    span.info-desc {
        max-width: unset !important;
        min-width: unset !important;
    }
}

.bdr-rgt0 {
    border-right: 0px !important;
}

.bdr-lft0 {
    border-left: 0px !important;
}

.marquee {
    height: 25px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .marquee div {
        display: block;
        width: 200%;
        height: 30px;
        color: #071923;
        font-weight: bold;
        font-size: 16px;
        position: absolute;
        overflow: hidden;
        animation: marquee 10s linear infinite;
    }

    .marquee span {
        float: left;
        width: 50%;
        color: #ea0000;
    }



@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@media (min-width: 300px) and (max-width:585px) {
    .marquee span {
        float: left;
        width: 100% !important;
    }
}

.popUp {
    background-color: rgba(0,0,0,0.7);
    display: block;
}

.popUp1 {
    font-weight: normal;
}

#tbStatus .options .nav > li > a {
    margin-bottom: 0px;
    padding: 9px 14px;
}

#tbStatus .nav-tabs > li > a {
    margin-right: 4px;
    font-weight: 500;
    /* border-left: 1px solid #ddd; */
    border: 1px solid #ddd;
    padding: 10px 10px;
    outline: none !important;
}

#tbStatus .nav-tabs > li.active > a {
    background-color: #071923;
    color: #fff !important;
    border-color: #071923;
}

#tbStatus .nav-tabs {
    border-bottom: 0px solid #ddd;
}


#tbStatus .options .nav-tabs > li.active > a {
    color: #fff !important;
    cursor: default;
    background-color: #071923;
}

#tbStatus .nav-tabs > li.active > a:hover, #tbStatus .nav-tabs > li.active > a:focus {
    color: #fff !important;
    cursor: default;
    background-color: #404040;
    border-color: #404040;
    outline: none !important;
}

#btnSetCookiee .hover-btn {
    background-color: #ffffff !important;
    border-radius: 5px;
    color: #071923 !important;
    font-family: 'roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #071923;
    font-weight: 500;
}

.hght {
    background-color: #e9e9e9;
    color: #4a4a4a !important;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}


/*/*Book card report print*/
.fullDiv {
    border-top: 1px solid #000000 !important;
}

#PrintData {
    border: 1px solid #000000 !important;
}

.td_L_A {
    border: 1px solid #000000 !important;
    border-left: 0px solid #000000 !important;
}

.td_L_A_L {
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}
/*.tdclass{  border-top:1px solid #000000;border-bottom :1px solid #000000;}*/
.td_L_A1 {
    border-right: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}

.td_L_A1_L {
    border-right: 0px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}

.tdclassright {
    border-right: 1px solid #000000 !important;
}
/*Book card report print*/

.alert-danger2 {
    color: #ff0000;
    background-color: #ffffff;
    border: 1px dotted #ff0000;
    padding: 7px !important;
}


.main p {
    font-size: 45px !important;
    font-weight: bold !important;
}

/*//matrix*/

.table .carousel-control.left {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    font-size: 20px;
    color: #071923;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background: none;
    filter: alpha(opacity=50);
    opacity: .8;
    margin-top: 95px;
    float: left;
}


.table .carousel-control.right {
    position: relative;
    top: 0;
    bottom: 0;
    right: -25px;
    width: 30px;
    font-size: 20px;
    color: #071923;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background: none;
    filter: alpha(opacity=50);
    opacity: .8;
    margin-top: 95px;
    float: left;
}




#scrldwn {
    float: left;
    width: 100%;
    height: 75px;
}

.demoscrldwn a {
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #404040;
    text-decoration: none;
}

    .demoscrldwn a:hover {
        color: #071923;
    }

#scrldwn a:hover span {
    border-left: 2px solid #071923;
    border-bottom: 2px solid #071923;
}



#scrldwn a {
    padding-top: 53px;
    margin-top: 46px;
}

    #scrldwn a span {
        position: absolute;
        top: 0;
        left: 50%;
        width: 15px;
        height: 15px;
        margin-left: -12px;
        border-left: 2px solid #404040;
        border-bottom: 2px solid #404040;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: sdb07 1s infinite;
        animation: sdb07 1s infinite;
        opacity: 0;
        box-sizing: border-box;
    }

        #scrldwn a span:nth-of-type(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

        #scrldwn a span:nth-of-type(2) {
            top: 16px;
            -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
        }

        #scrldwn a span:nth-of-type(3) {
            top: 32px;
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

@-webkit-keyframes sdb07 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb07 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(242, 103, 84);
    width: 35px;
    height: 35px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 2px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.6;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 9px;
        top: 6px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        font-size: 28px;
        transition: all 0.3s ease;
        opacity: 0.6;
    }

    #return-to-top:hover {
        background: #404040;
        opacity: 1;
    }

        #return-to-top:hover i {
            color: #fff;
            top: -2px;
            opacity: 1;
        }

.trvlrhd {
    font-size: 16px;
    margin-bottom: 5px !important;
    color: #404040;
    background: #e5e5e5;
    padding: 10px;
    font-weight: bold !important;
}

.ui-datepicker .ui-datepicker-title select {
    color: #404040 !important;
}

#theCarousel .table > tbody > tr > td {
    font-size: 13px;
    padding: 5px;
    border: 1px solid #cdeeff !important;
}



#theCarousel .carousel-control {
    width: 40px;
    color: #071923;
    background: none !important;
    position: absolute;
    top: 40%;
}

.alrsltname {
    float: left;
    width: 100%;
    text-align: center;
    height: 30px;
}

.arlnname {
    float: left;
    width: 100%;
    text-align: center;
    height: 41px;
}

.alrslttbl .table > tbody > tr > td {
    font-size: 13px;
    padding: 5px;
}

#loading h3 {
    font-size: 18px !important;
    font-weight: bold !important;
}


.Otripmarginclass {
    padding-bottom: 10px !important;
    padding-top: 0px !important;
}

.Rtripmarginclass {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.Otripmarginclass2 {
    padding-bottom: 20px !important;
    padding-top: 10px !important;
}

.Rtripmarginclass2 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

#baggage .panel {
    background-color: #fbfbfb;
}

#baggage .panel-body {
    padding: 0px;
}

#baggage .nav-tabs > li > a {
    border-radius: 0px;
    color: #737373;
    font-size: 15px;
    padding: 5px 20px;
    border: 0px;
    border-bottom: 3px solid #fff;
}

    #baggage .nav-tabs > li > a:hover {
        background-color: #fbfbfb;
        color: #071923 !important;
        cursor: pointer;
        border: 0px;
        border-bottom: 3px solid #071923;
    }


#baggage .nav-tabs > li.active > a, #baggage .nav-tabs > li.active > a:hover, #baggage .nav-tabs > li.active > a:focus {
    background-color: #fbfbfb;
    color: #071923 !important;
    border: 0px;
    border-bottom: 3px solid #071923;
}

#baggage .panel-default > .panel-heading {
    border-bottom: 1px solid #071923;
}

#baggage .tab-pane.active {
    border: 0px;
    float: left;
    width: 100%;
    border-top: 1px solid #eaeaea;
}

#Farerulelist div {
    margin-bottom: 10px;
}

#Farerulelist p {
    font-size: 13px;
    line-height: 25px;
}

.nrfico {
    background-color: #e24129;
    color: #fff;
    padding: 2px 5px;
    border-radius: 100%;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0px 0px 6px 0px #ef5943;
    margin-right: 5px;
}

.rfico {
    background-color: #079237;
    color: #fff;
    padding: 2px 5px;
    border-radius: 100%;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0px 0px 6px 0px #0cb346;
    margin-right: 5px;
}


.col-title > a:before {
    font-family: FontAwesome;
    content: "\f056";
    padding-left: 5px;
}

.col-title > a.collapsed:before {
    content: "\f055";
}


#Citymap .table > tbody > tr > td {
    border: 0px solid #ffebcf !important;
}

.htmlrateprcbrkp > tbody > tr > td {
    border: 0px solid #ffebcf !important;
}


.htlratesbg2 {
    background-color: #e7e7e7;
}

    .htlratesbg2 .ttlcost {
        min-width: 100px;
        display: inline-block;
        width: 50%;
        font-weight: 700;
        text-align: right;
        font-size: 20px;
        color: #071923;
    }


#divHotelInfo ul li {
    list-style-type: none;
}

    #divHotelInfo ul li::before {
        content: "";
        display: inline-block;
        width: 9px;
        height: 9px;
        border-right: 3px solid #071923;
        border-top: 3px solid #071923;
        transform: rotate(45deg);
        position: absolute;
        left: -19px;
        border-radius: 1px;
        top: 5px;
    }

#divHotelInfo .imgico {
    float: left;
    margin-right: 10px;
    padding: 7px;
    border-radius: 3px;
    height: 60px;
}

#divHotelInfo .pnlbdy {
    padding-top: 10px !important;
    border-left: 2px solid #6d91a9;
}



/* Tabbed Styles */
.tabbed {
    width: 80%;
    margin: 0 auto;
    border-bottom: 3px solid #071923 !important;
    overflow: hidden;
    transition: border 250ms ease;
    float: left;
    width: 100%;
}

    .tabbed ul {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        float: left;
        padding-left: 15px;
        list-style-type: none;
        width: 100%;
        border-bottom: 0px solid #071923 !important;
        margin-bottom: 0px;
    }

        .tabbed ul li {
            display: block;
            float: left;
            padding: 10px 10px 7px;
            background-color: #e1e1e1;
            margin-right: 20px;
            z-index: 2;
            position: relative;
            cursor: pointer;
            color: #404040;
            transition: all 250ms ease;
            font-weight: 500;
            font-size: 14px;
        }

            .tabbed ul li:before,
            .tabbed ul li:after {
                display: block;
                content: " ";
                position: absolute;
                top: 0;
                height: 102%;
                width: 12px;
                background-color: #e1e1e1;
                transition: all 250ms ease;
            }

            .tabbed ul li:before {
                right: -5px;
                /*transform: skew(20deg, 0deg);*/
            }

            .tabbed ul li:after {
                left: -5px;
                transform: skew(-20deg, 0deg);
            }

            .tabbed ul li:hover,
            .tabbed ul li:hover:before,
            .tabbed ul li:hover:after {
                background-color: #dae6ed;
                color: #444;
            }

            .tabbed ul li.active {
                z-index: 3;
            }

                .tabbed ul li.active,
                .tabbed ul li.active:before,
                .tabbed ul li.active:after {
                    background-color: #071923;
                    color: #fff;
                    /*border-top: 5px solid #ce4e00 !important;*/
                }

                    .tabbed ul li.active a {
                        color: #fff;
                    }

            .tabbed ul li a {
                color: #404040;
            }

                .tabbed ul li a:focus {
                    outline: none !important;
                }
    /* Round Tabs */
    .tabbed.round ul li {
        border-radius: 8px 8px 0 0;
        /*border-top: 5px solid #ce4e00;*/
    }

        .tabbed.round ul li:before {
            border-radius: 0 8px 0 0;
            border-top-right-radius: 0px;
        }

        .tabbed.round ul li:after {
            border-radius: 8px 0 0 0;
            border-top-left-radius: 0px;
        }

.drpimg {
    background: transparent url(../images/da.png) no-repeat 97% center;
}

}

@media (min-width:200px) and (max-width:599px) {
    .amazingcarousel-content {
        width: 95% !important;
        margin: 0px 3% !important;
    }
}

@media (min-width:600px) and (max-width:899px) {
    .amazingcarousel-content {
        width: 90% !important;
        margin: 0px 5% !important;
    }
}


[class*=icheck-] {
    min-height: 22px;
    margin-top: 0px !important;
    margin-bottom: 1px !important;
    padding-left: 0;
}

    [class*=icheck-] > input:first-child {
        position: absolute !important;
        opacity: 0;
        margin: 0;
    }

    [class*=icheck-] > label {
        min-height: 22px;
        line-height: 22px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin-bottom: 0;
        font-weight: 400 !important;
        font-size: 13px !important;
        cursor: pointer;
    }

    [class*=icheck-] > input[type=radio]:first-child + input[type=hidden] + label::before, [class*=icheck-] > input[type=radio]:first-child + label::before {
        border-radius: 50%;
    }


    [class*=icheck-] > input:first-child + input[type=hidden] + label::before, [class*=icheck-] > input:first-child + label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 15px;
        height: 15px;
        border: 1px solid #D3CFC8;
        border-radius: 0;
        margin-left: -18px;
        top: 4px;
    }

.icheck-success > input:first-child:checked + input[type=hidden] + label::before, .icheck-success > input:first-child:checked + label::before {
    background-color: #696969;
    border-color: #696969;
}

[class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after, [class*=icheck-] > input:first-child:checked + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: -1px;
    width: 6px;
    height: 9px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);
}

@media (min-width:481px) and (max-width:767px) {

    .currconvrssr {
        bottom: 25px !important;
        right: 0px !important;
    }
}

@media (min-width:150px) and (max-width:480px) {

    .currconvrssr {
        bottom: 25px !important;
        right: -29px !important;
    }

        .currconvrssr::after {
            left: 57% !important;
        }
}

/*..........................................*/

.pkgbdttab .nav-tabs {
    box-shadow: 0px 0px 6px #d0d0d0;
    border-radius: 100px;
    background-color: #fff;
}

    .pkgbdttab .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 100px;
    }

.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .options .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #393939 !important;
    cursor: default;
    background-color: #071923;
    border: 0px;
}

.pkgbdttab .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #393939;
    cursor: default;
    font-size: 15px;
    background-color: #071923;
    border-bottom-color: transparent;
    font-weight: bold;
    border: 0px;
}

.pkgbdttab .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 100px;
}

.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .tab-content > .active {
    display: block;
    border: 1px solid #e8e8e8;
    margin-top: -2px;
    z-index: 1;
    padding: 0px 20px 10px;
}

.wizard {
    margin: 10px auto;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 20px auto;
        margin-bottom: 0;
        border-bottom: 0px;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

/*.wizard .nav-tabs > li {
        float: none;
        margin-bottom: 0px;
        display: inline-block;
        width: 18%;
    }*/

.connecting-line {
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    width: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 32%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

.wizard .tab-pane .text-reg {
    margin-bottom: 0px;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 18px;
    text-align: justify;
}

.srchbg .wizard .tab-pane .hover-btn.btn-reverse {
    display: inline-block !important;
}

.wizard li.active span.wizname {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #071923;
    left: 0;
}

.wizard li.active span.round-tab {
    background: #071923;
    border: 2px solid #071923;
    /* box-shadow: inset 2px 2px 5px 0px rgba(6, 6, 6, 0.25); */
}

    .wizard li.active span.round-tab span {
        font-size: 14px;
        font-weight: bold;
        color: #fff !important;
    }

.wizard li.disabled span.round-tab span {
    font-size: 14px;
    font-weight: bold;
    color: #e0e0e0;
}

.wizard li span.round-tab span {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}


.wizard li.active span.round-tab i {
    color: #ffffff;
    margin-right: 5px;
}

.wizard li.active a:focus span.round-tab i {
    color: #ffffff !important;
}

span.round-tab:hover {
    color: #a0a0a0;
    border: 2px solid #c7c7c7;
}

span.round-tab {
    width: 166px;
    height: 40px;
    line-height: normal;
    display: inline-block;
    border-radius: 10px;
    background: #c7c7c7;
    border: 2px solid #b9b9b9;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
    top: -8px;
    padding: 8px 5px;
}

    span.round-tab i {
        color: #071923;
        text-align: center;
        vertical-align: text-top;
        font-size: 20px;
        margin-right: -2px;
        margin-top: -2px;
        margin-right: 5px;
    }

.disabled span.round-tab {
    width: 166px;
    height: auto;
    line-height: normal;
    display: inline-block;
    border-radius: 10px;
    background: #fbfbfb;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
    top: -8px;
    padding: 8px 5px;
}

    .disabled span.round-tab i {
        color: #e0e0e0;
        text-align: center;
        vertical-align: text-top;
        font-size: 20px;
        margin-right: -2px;
        margin-top: -2px;
        margin-right: 5px;
    }

span.round-tab i {
    color: #a7a5a5;
}

span.round-tab i {
    color: #ffffff;
}

.disabled span.wizname {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    left: 0;
    color: #e0e0e0;
}



span.wizname {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    left: 0;
    color: #a7a5a5;
}

.wiznamelnk {
    height: 0 !important;
    margin-bottom: 0 !important;
    margin: 0px auto !important;
    float: left;
    text-align: center;
    width: 100% !important;
}

/*.wizard .nav-tabs > li {
    width: 25%;
}*/

/*.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0px auto;
    bottom: 3px;
    border: 5px solid transparent;
    border-bottom-color:#071923;
    transition: 0.1s ease-in-out;
}*/

/*.wizard li:before {
   content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0px auto;
    top: 32%;
    width: 100%;
    height: 3px;
    background-color:#e0e0e0;
    transition: 0.1s ease-in-out;
    z-index: 1;
}*/

.wizard li.active:before {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0px auto;
    top: 32%;
    width: 100%;
    height: 1px;
    background-color: #e0e0e000;
    transition: 0.1s ease-in-out;
    z-index: 1;
}

.wizard li.disabled:before {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0px auto;
    top: 32%;
    width: 100%;
    height: 3px;
    background-color: #e0e0e000;
    transition: 0.1s ease-in-out;
    z-index: 1;
}

.wizard li:last-child:before {
    display: none;
}



.wizard .nav-tabs > li a {
    width: 165px;
    height: 40px;
    margin: 0px auto;
    padding: 0;
    background-color: transparent;
    border: 0px;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
        border: 0px;
    }

.wizard .nav-tabs > li.active a:focus {
    background-color: transparent;
}

.wizard .nav-tabs > li.disabled a {
    cursor: not-allowed !important;
}

.wizard .tab-pane {
    position: relative;
    padding: 10px;
    border: 1px solid #071923;
    border-radius: 6px;
    /*box-shadow: 0px 1px 7px 2px #ccc !important;*/
}

.wizard h3 {
    margin-top: 0;
}

.wizard .tab-pane .fa-star:before {
    content: "\f005";
    color: #ababab;
    margin-right: 2px;
}

.wizard .tab-pane h4, .wizard .tab-pane .h4 {
    font-size: 15px;
}

.pkghdbg {
    background-color: #eeeeee;
}

    .pkghdbg h3 {
        color: #071923;
        font-weight: bold;
        margin: 15px 10px;
        text-align: left;
        text-transform: uppercase;
        font-size: 21px;
    }

        .pkghdbg h3 span {
            color: #071923;
            font-weight: normal;
            font-size: 16px;
            text-transform: capitalize;
        }



.pkghdbg {
    background-color: #eeeeee;
}

    .pkghdbg h3 {
        color: #071923;
        font-weight: bold;
        margin: 15px 10px !important;
        text-align: left;
        text-transform: capitalize;
        font-size: 21px !important;
    }

        .pkghdbg h3 span {
            color: #272727;
            font-weight: normal;
            font-size: 16px;
            text-transform: capitalize;
        }

    .pkghdbg .fa {
        text-align: center;
        color: #071923;
        font-size: 23px;
        margin: 16px;
    }

        .pkghdbg .fa:hover {
            color: #000000;
        }



    .pkghdbg .pkgprc {
        border: 0px solid #071923;
    }

        .pkghdbg .pkgprc h3 {
            color: #071923;
            font-weight: bold;
            margin: 0;
            text-align: center;
            font-size: 21px;
            margin-top: 0px !important;
            margin-bottom: 0px !IMPORTANT;
        }

            .pkghdbg .pkgprc h3 span {
                color: #071923;
                font-weight: 500;
                font-size: 11px !important;
                margin: 0px;
            }


    .pkghdbg .pkgbtn {
        text-align: center;
        background: #071923 !important;
        border-radius: 0px;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 18px !important;
    }

        .pkghdbg .pkgbtn:hover {
            background: #333334 !important;
            font-size: 18px !important;
        }

        .pkghdbg .pkgbtn a {
            padding: 14px 15px 14px;
            color: #fff;
            border-radius: 0px;
            text-align: center;
            font-size: 18px !important;
            font-weight: bold;
        }

.scrollLink.txtcolor {
    color: #071923 !important;
}

.scrollLink.bold {
    font-weight: bold !important;
}

#pkgnav {
    width: 100%;
    background-color: #f7f7f7;
    float: left;
    padding: 0px 25px 1px;
    z-index: 9;
    border-bottom: 1px solid #eee;
}

    #pkgnav ul {
        list-style-type: none;
        display: flex;
        margin: 0;
        padding: 0;
    }

        #pkgnav ul li {
            padding: 12px 0px !important;
        }


    #pkgnav a {
        padding: 12px 25px !important;
        font-weight: 500;
        font-size: 15px;
        border-radius: 0;
        margin: 0px;
        background-color: #f7f7f7;
        color: #636363;
    }

        #pkgnav a.active {
            padding: 12px 25px !important;
            border: 0px;
            font-size: 15px;
            border-top: 3px solid #071923;
            border-bottom: 3px solid #071923;
            color: #000000;
            box-shadow: none;
            border-radius: 0px;
        }



.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

    .fixed#pkgnav {
        width: 84.5% !important;
        background-color: #eeeeee;
        float: left;
        padding: 0px !important;
        z-index: 9;
        margin-left: 105px;
    }

.pkg-table-bordered > tr > td {
    border: 1px solid #f4cece;
    padding: 6px;
    font-size: 13px;
    /* font-size: 13.5px; */
    /* font-size: 14px; */
}

.pkg-tblbg {
    background-color: #f7f7f7;
}

.pkgeditbtn {
    padding: 2px 4px;
    background-color: #f7f7f7;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    color: #333333 !important;
    font-weight: normal;
    font-size: 12px;
    margin-right: 10px;
}

    .pkgeditbtn:hover {
        background-color: #404040;
        color: #ffffff !important;
    }

    .pkgeditbtn:last-child {
        margin-right: 0px;
    }

.addtourbtn {
    padding: 4px 10px;
    background-color: #404040;
    border: 1px solid #404040;
    border-radius: 5px;
    color: #ffffff !important;
    font-weight: normal;
    font-size: 13px;
    margin-right: 10px;
}

    .addtourbtn:hover {
        background-color: #fff;
        color: #071923 !important;
        border: 1px solid #071923;
    }
/*.fixed ul{padding: 0px 80px !important;}*/

.timeline {
    list-style: none;
    padding: 10px 0 10px;
    position: relative;
}

    .timeline:before {
        top: 20px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 2px;
        background-color: #d7d7d7;
        left: 4.7%;
        margin-left: -1.5px;
    }

.timeline-heading {
    padding: 10px 13px 0px 20px;
    background-color: #0293b1;
    cursor: pointer;
    height: auto;
    float: left;
    line-height: 30px;
    width: 100%;
}

.timeline .active, .timeline .timeline-heading:hover {
    /*background-color: #071923;*/
}

.timeline .subcollapse {
    width: 100%;
    text-align: left;
}
    /* Icon when the collapsible content is shown */
    .timeline .subcollapse:after {
        font-family: FontAwesome;
        content: "\f068";
        float: right;
        margin-left: 15px;
        color: #636363;
    }
    /* Icon when the collapsible content is hidden */
    .timeline .subcollapse.collapsed:after {
        content: "\f067";
        color: #636363;
    }

.subcollapse {
    background-color: #e1e1e1;
    padding: 7px 10px;
    color: #4e4e4e;
    cursor: pointer;
    font-size: 15px;
    float: left;
    width: 100%;
}

    .subcollapse .fa-building:before {
        font-size: 18px;
        margin-right: 5px;
    }

    .subcollapse .fa-star:before {
        color: #ffc107;
        margin-right: 2px;
    }

.dybg .subcollapse .fa-star:before {
    color: #313131;
    margin-right: 2px;
}

.timeline .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin: 0px;
}

.timeline .timeline-heading:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    border-left: 1px solid #fff;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 13px;
    margin-top: -10px;
    float: right;
    right: 0;
    padding-top: 5px;
    color: #fff;
    width: 4%;
    min-height: 42px;
}

.timeline .active:after {
    content: "\f106";
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    line-height: 40px;
    border-left: 1px solid #fff;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 13px;
}

.timeline-body {
    padding: 10px 20px;
    float: left;
    width: 100%;
}


    .timeline-body img {
        margin-bottom: 10px;
    }

.timeline > li {
    margin-bottom: 20px;
    position: relative;
}

    .timeline > li:before,
    .timeline > li:after {
        content: " ";
        display: table;
    }

    .timeline > li:after {
        clear: both;
    }

    .timeline > li:before,
    .timeline > li:after {
        content: " ";
        display: table;
    }

    .timeline > li:after {
        clear: both;
    }

    .timeline > li > .timeline-panel {
        width: 88%;
        float: left;
        border: 1px solid #d4d4d4;
        border-radius: 2px;
        padding: 0px;
        position: relative;
        left: 12%;
        background-color: #fff;
    }

        /*.timeline > li > .timeline-panel:before {
                position: absolute;
                top: 16px;
                right: -15px;
                display: inline-block;
                border-top: 7px solid transparent;
                border-left: 17px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 7px solid transparent;
                content: " ";
            }*/

        /*.timeline > li > .timeline-panel:after {
               position: absolute;
    top: 7px;
    right: -10px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 14px solid #071923;
    content: " ";
            }*/

        .timeline > li > .timeline-panel:after {
            position: absolute;
            top: 12px;
            left: -10px;
            display: inline-block;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 10px solid #0293b1;
            content: " ";
        }

    .timeline > li > .timeline-badge {
        color: #fff;
        width: 65px;
        height: 60px;
        font-size: 18px;
        text-align: center;
        position: absolute;
        top: 0;
        left: 4%;
        margin-left: -25px;
        border-radius: 5px;
        line-height: 20px;
        padding-top: 8px;
        font-weight: 500;
        background-color: #0293b1 !important;
    }



/*.timeline > li.timeline-inverted > .timeline-panel:after {
       
                left: -13px;
                right: auto;
            }*/

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #071923 !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    width: 95%;
    display: inline;
    float: left;
    line-height: 20px;
    margin-bottom: 10px;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.inclsn {
    float: left;
    width: 100%;
    padding-left: 10px;
}

.exclsn {
    float: left;
    width: 100%;
    padding-left: 10px;
}

.inclsn li {
    list-style-type: none;
}

.exclsn li {
    list-style-type: none;
}

.inclsn .fa-check {
    color: green;
    margin-right: 5px;
}

.exclsn .fa-times {
    color: rgb(216, 0, 67);
    margin-right: 5px;
}

    .exclsn .fa-times:before {
        font-size: 17px;
    }


.pkgbdttab .nav-tabs {
    box-shadow: 0px 0px 6px #d0d0d0;
    border-radius: 100px;
    background-color: #fff;
}

    .pkgbdttab .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 100px;
    }

.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .options .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #393939 !important;
    cursor: default;
    background-color: #071923;
    border: 0px;
}

.pkgbdttab .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #393939;
    cursor: default;
    font-size: 15px;
    background-color: #071923;
    border-bottom-color: transparent;
    font-weight: bold;
    border: 0px;
}

.pkgbdttab .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 100px;
}

.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .tab-content > .active {
    display: block;
    border: 1px solid #e8e8e8;
    margin-top: -2px;
    z-index: 1;
    padding: 0px 20px 10px;
}

@media screen and (max-width: 767px) and (min-width: 630px) {
    .wizard > div.wizard-inner .nav-tabs > li {
        width: 30% !important;
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width:629px) and (min-width: 150px) {
    .wizard > div.wizard-inner .nav-tabs > li {
        width: 100% !important;
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 150px) {
    .srchbg .Rtripmarginclass .magic-radio:checked + label:before, .srchbg .Rtripmarginclass .magic-radio + label:before {
        position: relative !important;
    }

    .srchbg .Rtripmarginclass .magic-radio:checked + label:after, .srchbg .Rtripmarginclass .magic-checkbox:checked + label:after {
        position: relative !important;
        top: -17px !important;
        left: 49.5% !important;
    }

    .srchbg .Rtripmarginclass label.radio-label {
        width: 100% !important;
        padding: 0px !important;
    }
    .banner-caption .panel-default {
        width: 96%;
        margin-left: 2%;
    }

        .banner-caption .panel-default > .panel-heading {
            margin-top: 0px !important;
            width: 100% !important;
            border-radius: 0px !important;
            padding: 0 !important;
        }

    .wizard .tab-pane {
        margin-top: 0px !important;
    }

    .wizard li.active span.round-tab i {
        width: auto !important;
    }

    .wizard li.disabled span.round-tab span {
        font-size: 12px !important;
    }

    .disabled span.round-tab i {
        width: auto !important;
    }

    span.round-tab {
        width: 100% !important;
        height: auto !important;
    }

    .disabled span.round-tab {
        width: 100% !important;
        height: auto !important;
    }

    .wizard li.disabled:before {
        display: none !important;
    }

    .wizard li.active:before {
        display: none !important;
    }

    .connecting-line {
        display: none !important;
    }

    .logo-res {
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none !important;
        height: 110px !important;
    }

    #tabmenu.stick {
        top: 130px !important;
    }

    .currconvrts {
        bottom: 27px !important;
        right: 46px !important;
    }

    .currconvrss {
        bottom: 27px !important;
        right: 46px !important;
    }

    .mrg-top0-xs {
        margin-top: 0 !important;
    }

    .pkgdtl .htl {
        height: auto !important;
    }

        .pkgdtl .htl .htldtl {
            height: auto !important;
        }

        .pkgdtl .htl .htlimag {
            max-width: 100%;
            min-height: 130px;
            max-height: 130px;
            margin-bottom: 10px;
            float: left;
        }

    .paddACK {
        padding: 10px 20px !important;
    }

    .price {
        float: none !important;
    }

    .cutprc {
        float: none !important;
    }

    .imgglr .carousel-inner {
        max-height: 147px !important;
        min-height: 147px !important;
    }

    .dybg .col-xs-12 {
        width: 100% !important;
    }

    .dydtl .col-xs-12 {
        width: 100% !important;
    }

    .onepg .navbar-inverse .navbar-nav > li > a {
        padding: 5px !important;
        border-right: 0px !important;
        border-bottom: 1px solid #ccc;
        width: 100.3%;
    }

    .onepg .navbar-inverse {
        border: 1px solid #cdcdcd !important;
        border-bottom: 0px solid #ccc !important;
    }

    .dydtl {
        border-left: 0px solid #ffe2bc !important;
        border-top: 2px solid #ffe2bc;
    }

    .imgglr {
        border-radius: 5px;
        padding: 0px !important;
        margin-bottom: 20px !important;
    }

    #tabmenu .navbar-nav > li {
        width: 100% !important;
    }

    .carousel-inner > .item > img {
        display: none;
    }

    .imgglr .carousel-inner > .item > img {
        display: block !important;
    }

    #myNavbar.navbar-collapse {
        padding: 0px !important;
        border: 0px;
    }

    a.hsr-colapse {
        margin-right: 0% !important;
    }

    .htlratesbg2 a.hsr-book-btn {
        float: right !important;
    }

    .nwrsltmain .pagination.pull-right {
        float: none !important;
        margin-top: 10px !important;
        margin-bottom: -6px !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li.active:first-child {
        margin-right: 0px !important;
    }

    .htlimgnew img {
        width: 100% !important;
        margin: 0px auto 10px;
    }

    .nwrslt .pricehtl {
        text-align: center !important;
    }

    .nwrslt .btn-select {
        float: none !important;
    }

    .htlimgnew {
        width: 100% !important;
        float: left;
        padding: 0px;
        position: relative;
        text-align: center;
    }

    .htlinfonew {
        width: 100% !important;
        float: left;
        padding: 0px 10px;
        text-align: center;
    }

    .text-center-sm {
        text-align: center !important;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .airli-nam {
        font-size: 11px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        top: 30% !important;
    }

    .box .pric {
        margin-top: 80% !important;
    }
}

@media (max-width:480px) {
    a.hsr-colapse {
        font-size: 13px !important;
        padding: 1px 5px !important;
        border-radius: 5px;
        min-height: 22px;
        min-width: 80px;
        line-height: 22px;
        cursor: pointer;
        float: left !important;
        margin-right: 0% !important;
    }

    span.hsr-room-heading {
        float: left !important;
        width: 100%;
    }

    a.hsr-colapse .fa-plus:before {
        font-size: 10px !important;
    }

    a.hsr-colapse .fa-minus:before {
        font-size: 10px !important;
    }

    a.hsr-colapse-new {
        background: #e0e0e0;
        color: #464646 !important;
        font-weight: bold;
        font-size: 14px;
        border-radius: 5px;
        min-height: 22px;
        min-width: 80px;
        line-height: 22px;
        cursor: pointer;
        margin-right: 0%;
        float: none;
        padding: 5px;
    }

        a.hsr-colapse-new .fa-plus:before {
            font-size: 10px;
        }

        a.hsr-colapse-new .fa-minus:before {
            font-size: 10px;
        }




    .data-td-responsive:before {
        width: 100%;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        float: left;
    }

    .data-td-inner-res {
        width: 100%;
        margin: 5px 0 !important;
        float: left;
    }
}

#button {
    display: inline-block;
    background-color: #FF9800;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

    #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 21px;
        line-height: 42px;
        color: #fff;
    }

    #button:hover {
        cursor: pointer;
        background-color: #333;
        margin-top: -10px !important;
    }

    #button:active {
        background-color: #555;
    }

    #button.show {
        opacity: 1;
        visibility: visible;
        margin: 0px;
    }


@media (min-width: 500px) {

    #button {
        margin: 30px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .onepg .navbar-inverse .navbar-nav > li > a {
        padding: 8px 10px !important;
        font-size: 14px !important;
    }

    #logo .nav > li > a {
        padding: 15px 10px !important;
        font-size: 14px !important;
        margin-top: 30px;
    }

    #maincontent {
        margin-top: 47px !important;
    }

}

.srchbg .wizard .tab-pane .hover-btn.btn-reverse.btnproceedhide {
    display: none !important;
}


@media (min-width: 1200px) {
    .container {
        width: 90%;
    }
}

@media (min-width:150px) and (max-width:331px) {
    .Re-lable {
        float: right !important;
        margin-top: -18px;
        padding-left: 4px;
    }
}

@media (min-width: 1150px) and (max-width: 1399px) {
    .CombdataDiv {
        margin-right: 7% !important;
        width: 64% !important;
    }
        .CombdataDiv.bottom {
            margin-right: 0% !important;
            width: 100% !important;
        }
}


@media (min-width: 1110px) and (max-width: 1149px) {
    .CombdataDiv {
        margin-right: 5% !important;
        width: 67% !important;
    }

        .CombdataDiv.bottom {
            margin-right: 0% !important;
            width: 100% !important;
        }
}

@media (min-width: 992px) and (max-width: 1109px) {
    .CombdataDiv {
        margin-right: 2% !important;
        width: 71% !important;
    }

        .CombdataDiv.bottom {
            margin-right: 0% !important;
            width: 100% !important;
        }
}


/* */

#logo .nav > li:hover > a::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 11px;
    background: #fff;
    top: -5px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}

.srchbg .nav-tabs span img {
    padding-right: 10px !important;
}

.srchbg .options .panel-heading .nav > li {
    position: relative;
}

.srchbg .options .panel-heading .nav-tabs > li.active:after {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 22px solid #071923;
    left: 0;
    right: 0;
    margin: auto;
}

.log-pg-heading h3 {
    font-size: 26px !important;
    color: #071923 !important;
    margin-top: 0 !important;
    font-weight: 600 !important;
}

.Poindz-offers .offer {
    position: relative;
    margin-top: 20px;
}

.Poindz-offers .offer::after {
    width: 100%;
    height: 25%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 10px;
    border-radius: 0px 0px 20px 20px;
    content: "";
    background: linear-gradient(180deg, hsla(0, 0%, 43%, 0), rgba(0, 0, 0, .36) 29.51%, rgba(0, 0, 0, .6) 64.58%, rgba(0, 0, 0, .8));
}

.Poindz-offers .offer:hover {
    transform: translateY(-4px);
    transition: all 0.5s;
}

.Poindz-offers .offer .offer-img {
    position: relative;
    border-radius: 20px;
    box-shadow: 0px 4px 8px 0px #0000004d;
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.Poindz-offers .offer .offer-top-text {
    color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0px;
    z-index: 2;
    display: inline-flex;
    text-align: left;
    padding: 0px 7px 15px 12px;
}

.Poindz-offers .offer .offer-top-text p {
    font-size: 18px !important;
    margin-bottom: 14px;
    display: inline-block;
    width: 80%;
}

.Poindz-offers .offer .offer-top-text span {
    width:20%;
    position: absolute;
    right: 7px;
    bottom: 10px;
}

.Poindz-offers .offer .offer-top-text span img {
    background: #b7c7d2;
    border-radius: 50%;
    padding: 6px 10px;
    float: right;
}

.log-pg-heading img {
    position: relative;
    top: -12px;
}

.padding-top30 {
    padding-top: 30px;
}

#btnSearch {
    right: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: max-content;
}

#btnSearch img {
    width: 17px;
    margin-right: 5px;
}

.section_bg {
    background: #e9eef1;
    position: relative;
    padding: 30px 0px 30px 0px;
}

.section_bg:before {
    content: "";
    position: absolute;
    background-image: url(../images/54/bg_clipart-54-542.png);
    background-repeat: no-repeat;
    top: 12px;
    left: 8px;
    width: 100%;
    height: 430px;
}

.section_bg:after {
    content: "";
    position: absolute;
    background-image: url(../images/54/bg-clipart1-54-542.png);
    background-repeat: no-repeat;
    right: 0;
    bottom: 0;
    width: 208px;
    height: 230px;
    z-index:0;
}

.recommend {
    position: relative;
    margin-top: 15px;
    box-shadow: 0px 4px 8px 0px #0000004d;
    border-radius: 20px;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.recommend img {
    width: 100%;
    height: 310px;
    border-radius: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.recommend:hover img {
    transform: scale(1.03);
}

.recommend p {
    position: absolute;
    background: #fff;
    text-align: center;
    font-size: 18px !important;
    font-weight: 600;
    bottom: -12px;
    right: 0;
    left: 0;
    padding: 20px 10px;
    border-radius: 17px;
}

.social img {
    max-width: 35px;
    border-radius: 50%;
    margin-right: 5px;
    box-shadow: 1px 1px 10px -2px #48494a;
    border: 1px solid #fff;
    margin-bottom: 25px;
}

.cp-right {
    font-size: 14px;
}

.py-algn {
    text-align: right;
    font-size: 14px;
}

.Poindz-offers .slick-slide {
    margin: 0px 20px;
}

.recommend-slide {
    z-index: 2;
}

.recommend-slide .slick-slide {
    margin: 0px 20px 20px 20px;
}

.recommend-slide .slick-next:before {
    content: url(../images/54/arrowright-54-542.png);
}

.recommend-slide .slick-prev:before {
    content: url(../images/54/arrowleft-54-542.png);
}

.recommend-slide .slick-prev {
    z-index: 4;
}

.recommend-slide .slick-next {
    right: -10px;
    z-index: 4;
}

#maincontent .loadhginfo2 .nig-nati {
    display: inline-block;
    padding: 0px 8px 0px 8px;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    color: #022534 !important;
    font-size: 15px !important;
    font-weight: 300 !important;
}

.we-accept img {
    background: #8195a0;
    padding: 5px;
    border-radius: 7px;
    margin-bottom: 17px;
}

/* */

/* Colorful Tabs */

#tbStatus .nav-tabs > li.active .alrclr, #tbStatus .nav-tabs > li.active a:hover .alrclr, #tbStatus .nav-tabs > li.active a:focus .alrclr {
    background-color: #ee5253 !important;
    border: 1px solid #ee5253 !important;
    border-top: 5px solid #cf2829 !important;
    padding: 12px 30px !important;
    margin-top: -6px;
    color: #000 !important;
}

#tbStatus .nav-tabs > li.active .cfclr, #tbStatus .nav-tabs > li.active a:hover .cfclr, #tbStatus .nav-tabs > li.active a:focus .cfclr {
    background-color: #10ac84 !important;
    border: 1px solid #10ac84 !important;
    border-top: 5px solid #118b6c !important;
    padding: 12px 30px !important;
    margin-top: -6px;
    color: #000 !important;
}

#tbStatus .nav-tabs > li.active .cnclr, #tbStatus .nav-tabs > li.active a:hover .cnclr, #tbStatus .nav-tabs > li.active a:focus .cnclr {
    background-color: #b5b3b4 !important;
    border: 1px solid #b5b3b4 !important;
    border-top: 5px solid #8b8b8b !important;
    padding: 12px 30px !important;
    margin-top: -6px;
    color: #000 !important;
}

#tbStatus .nav-tabs > li.active .rqclr, #tbStatus .nav-tabs > li.active a:hover .rqclr, #tbStatus .nav-tabs > li.active a:focus .rqclr {
    background-color: #6eb6ff !important;
    border: 1px solid #6eb6ff !important;
    border-top: 5px solid #4990d7 !important;
    padding: 12px 30px !important;
    margin-top: -6px;
    color: #000 !important;
}

#tbStatus .nav-tabs > li.active .pnclr, #tbStatus .nav-tabs > li.active a:hover .pnclr, #tbStatus .nav-tabs > li.active a:focus .pnclr {
    background-color: #ffdc8b !important;
    border: 1px solid #ffdc8b !important;
    border-top: 5px solid #edb430 !important;
    padding: 12px 30px !important;
    margin-top: -6px;
    color: #000 !important;
}

#tbStatus .nav-tabs > li.active > a:hover, #tbStatus .nav-tabs > li.active > a:focus {
    color: #000 !important;
    cursor: default;
    background-color: #464646;
    border-color: #464646;
}

#tbStatus .nav-tabs > li .alrclr {
    background-color: #ee5253;
    border: 1px solid #ee5253 !important;
}

#tbStatus .nav-tabs > li .cnclr {
    background-color: #b5b3b4;
    border: 1px solid #b5b3b4 !important;
}

#tbStatus .nav-tabs > li .cfclr {
    background-color: #10ac84;
    border: 1px solid #10ac84 !important;
}

#tbStatus .nav-tabs > li .rqclr {
    background-color: #6eb6ff;
    border: 1px solid #6eb6ff !important;
}

#tbStatus .nav-tabs > li .pnclr {
    background-color: #ffdc8b;
    border: 1px solid #ffdc8b !important;
}

/* End Colorful tabs */

@media(min-width:992px) and (max-width:1030px) {
    .comp_logo {
        left: -15px;
    }
}

/* */

@media (max-width: 768px) {
    .recommend-slide .slick-prev:before, .recommend-slide .slick-next:before {
        display: none;
    }
}

@media (max-width: 400px) {
    .recommend img {
        width: 100%;
        height: 258px;
    }
}

@media (max-width: 600px) {
    .loadhginfo2bg {
        background: #071923 !important;
        height: auto;
        width: 100% !important;
    }

    .loadhginfo2 h2 {
        font-size: 16px !important;
        line-height: 21px;
        margin: 0px 0px 5px !important;
    }
}

@media (min-width: 150px) and (max-width: 992px) {
    #tbStatus .nav-tabs > li.active .rqclr, #tbStatus .nav-tabs > li.active a:hover .rqclr, #tbStatus .nav-tabs > li.active a:focus .rqcl, #tbStatus .nav-tabs > li.active .cfclr, #tbStatus .nav-tabs > li.active a:hover .cfclr, #tbStatus .nav-tabs > li.active a:focus .cfclr, #tbStatus .nav-tabs > li.active .cnclr, #tbStatus .nav-tabs > li.active a:hover .cnclr, #tbStatus .nav-tabs > li.active a:focus .cnclr, #tbStatus .nav-tabs > li.active .alrclr, #tbStatus .nav-tabs > li.active a:hover .alrclr, #tbStatus .nav-tabs > li.active a:focus .alrclr, #tbStatus .nav-tabs > li.active .pnclr, #tbStatus .nav-tabs > li.active a:hover .pnclr, #tbStatus .nav-tabs > li.active a:focus .pnclr {
        padding: 7px 30px !important;
        margin-top: 3px !important;
    }
}