@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;
}*/

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

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

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

:focus {
    outline: 0px solid #121e46 !important;
}

.ttlogo a:focus {
    outline: 0px solid #121e46 !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: #121e46 !important;
    border-bottom: 2px solid #22a6e7;
}

.txtcolor {
    color: #22a6e7;
}

.txtcolor2 {
    color: #131212;
}


.d-inline {
    display: inline;
}

.logo-res {
    margin: 5px 0px;float:left;
}

.navbar-right {
    float: right;
    margin-right: 0px;
}

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

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

.nomargin {
    margin: 0 !important;
}

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

.nopadding {
    padding: 0 !important;
}

#logo {
    background: #ffffff;
    border-bottom: 0px solid #22a6e7;
    padding: 0px;
}

/*header Section login form*/
.form-inline {
    width: auto;
    margin-top: 6px;
    margin-left: 0;
    float: right;
    padding: 0px;
    border: 0px solid #22a6e7;
}

.header-form-control {
    border: 2px solid #ccc;
    border-radius: 4px;
    margin: 10px 0;
    padding: 3px 5px 3px 30px;
    box-sizing: border-box;
    width: 100%;
}

.logformpadd img {
    position: absolute;
    left: 15px;
    padding: 0px;
    color: #ccc;
    font-size: 22px;
    top: 15px;
}



.loginbtn {
    background-color: #121e46;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'roboto', arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    padding: 3px 15px;
    float: left;
}

    .loginbtn:hover {
        background-color: #22a6e7;
        color: #ffffff;
    }

.Regbtn {
    background-color: #22a6e7;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'roboto', arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 3px 15px;
    margin-left: 5px;
    float: left;
}

    .Regbtn:hover {
        background-color: #121e46;
        color: #ffffff;
    }

.bnr-img {
    height: 345px;
    width: 100%;
}

/*banner navigation*/
.navbgdisplay {
    margin-left: 0px;
    width: 78%;
    float: left;
}

.navbg {
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
    height: 73px;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 16px;
    padding: 7px 0px;
}

    .navbg:hover {
        background-color: rgba(255, 255, 255, 1) !important;
    }

.nva-p {
    text-align: center;
    text-transform: uppercase;
    font-family: Roboto;
    color: #121e46;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 0px !important;
}

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

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

/*.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-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px !important;
}

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

#logo .form-inline p, #logo .form-inline p a {
    font-size: 13px !important;
    color: #22a6e7 !important;
    margin-right: 7px;
    margin-top: 0px;
}

    #logo .form-inline p a:hover {
        color: #121e46 !important;
    }

.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: #22a6e7;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin: 30px 0px 15px;
}

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

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

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

.sec-title {
    padding: 0px;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin: 30px 0px 20px;
}

.container-box {
    width: 100%;
    float: left;
}

.inner-box {
    position: relative;
    display: block;
    width: auto;
    margin: 0px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    text-align: center;
    z-index: 1;
}

    .inner-box img {
        width: 100% !important;
    }

.container-boxbg {
    background-color: aliceblue;
    position: absolute;
    z-index: 0;
    height: 200px;
    margin: 0px !important;
    left: 0px;
    bottom: -50px;
}

div.text {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-family: Roboto;
    font-size: 18px;
}

#maincontent h3 a {
    color: #121e46 !important;
}

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 #d8d8d8;
    -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;
    line-height: 40px;
    height: 40px;
    border-radius: 2px;
}

    .detail select:focus {
        border: 1px solid #121e46;
        border-radius: 2px;
        outline: none !important;
    }

.select--hoshi:focus {
    border: 1px solid #121e46;
    border-radius: 2px;
}

.autocompleteinput:focus {
    border: 1px solid #121e46 !important;
}

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: #22a6e7;
    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: #4c4c4c !important;
    background: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

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

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

    .info-headnew:after {
        content: "";
        border-top: 39px solid #fbfbfb;
        border-left: 30px solid #c7ecff!important;
        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: 6px 12px;
    }

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

.reg {
    /*background: #22a6e7;*/
    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: #f7f7f7;
    min-height: calc(100vh - 250px);
    padding-top: 30px;
}

    #maincontent #maincontent {
        padding-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: #363636;
    /*padding:15px 0px;*/
    padding-top: 19px;
    text-align: center;
}


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

    .subfoot a img:hover { /*background-color: #3e8e41;
  color: white;*/
        filter: blur(0);
        transform: scale(1.1);
    }



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

    .subfoot a {
        color: #fff;
    }

        .subfoot a:hover {
            text-decoration: underline;
            color: #121e46;
        }

    .subfoot p img {
        margin-right: 15px;
    }

    .subfoot ul li {
        list-style-type: none;
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px;
        line-height: normal;
        display: inline-block;
        border-right: 2px solid #fff;
        padding-right: 18px;
        padding-left: 17px;
    }

        .subfoot ul li:last-child {
            border-right: 0px solid #363636;
        }





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

        .subfoot ul li a {
            color: #fff;
            text-transform: uppercase;
        }

            .subfoot ul li a:hover {
                text-decoration: underline;
                color: #22a6e7;
            }

    .subfoot .folwus img:hover {
        background-color: #22a6e7;
        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);
    }

.social-mediaicon {
    padding: 0px;
    margin: 20px 0px;
}


footer {
    background: #121e46;
    font-size: 14px;
    float: left;
    width: 100%;
    color: #fff;
    padding: 20px 0;
    border-top: 0px solid #22a6e7;
    position: relative;
}

    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: #22a6e7;
}

header .dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #22a6e7;
}

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-right: auto !important;
}

.whtbg {
    background-color: #f7f7f7;
}

.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: #121e46 !important;
}

.srchbg .options .panel-body label.radio-label {
    color: #fff !important;
}

.srchbg #maincontent {
    /*background-image: url(../images/htl-srch-bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    margin-top: -30px;
}



.srchbg .panel-default > .panel-heading {
    margin-top: -1px;
}

.srchbg .options .panel-body {
    padding: 15px 30px;
    background-color: rgba(0, 0, 0, 0.65);
    float: left;
    width: 100%;
}

    .srchbg .options .panel-body .floating-label {
        color: #ffffff;
        background-color: #ffffff00;
        top: -21px !important;
        left: 8px;
    }

    .srchbg .options .panel-body .floating-inpt {
        border: 4px;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        background-color: white;
        height: 35px;
        padding: 5px !important;
        line-height: 26px;
        font-weight: normal;
        margin: 0 !important;
        border-radius: 4px;
    }

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

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

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

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

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

.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 #121e46 !important;}*/
.room-dd a:focus {
    outline: 0 !important;
}

.srchbg .options .panel-body .floating-label-select {
    background-color: transparent;
    color: #ffffff;
    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;
}

.srchbg .panel-body input[type="radio"], .srchbg .panel-body input[type="checkbox"] {
    display: none;
}

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

/*.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: #676767;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    width: 100%;
    background: rgba(242, 242, 242, 0);
    -webkit-appearance: none !important;
    background: white 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: 35px;
    margin-top: 20px;
}

.tp-21-351 {
    top: -21px !important;
}

.srchbg .options .panel-body .detail select#ddlPickUpTerminal, .srchbg .options .panel-body .detail select#ddlDropOffTerminal {
    margin-top: 0px !important;
}

.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: #fff !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: 35px;
    margin-top: 0px;
    margin-bottom: 17px;
    z-index: 10;
    padding: 0px;
    background: white url(../images/da.png) no-repeat 96% center;
    border-radius: 0px;
}

.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-tabs > li.active > a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 10px 10px 0 0;
    background: #22a6e7 !important;
    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;
    z-index: -1;
    border-top: 7px solid #121e46;
}

.srchbg .options .panel-heading .nav-tabs > li > a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 10px 10px 0 0;
    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;
    z-index: -1;
    background: #676767;
    border-top: 7px solid #949494;
}



.srchbg .options .panel-heading .nav-tabs > li {
    text-align: center;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    transform: skew(0deg);
    margin-bottom: 0px;
}

    .srchbg .options .panel-heading .nav-tabs > li > a {
        border-radius: 0;
        color: #ffffff !important;
        font-weight: 500;
        font-size: 16px;
        text-transform: capitalize;
        margin: 0px;
        padding: 15px 40px 10px 15px;
        border: 0;
        float: left;
        border-bottom: 0px solid #121e46;
        margin-bottom: -2px;
    }

        .srchbg .options .panel-heading .nav-tabs > li > a span {
            width: 100%;
            float: left;
            display: block;
            /*transform: skew(-20deg);*/
        }

    .srchbg .options .panel-heading .nav-tabs > li.active:first-child {
    }

    .srchbg .options .panel-heading .nav-tabs > li:last-child {
    }

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

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

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

.srchbg .options .panel-heading .nav-tabs {
    border-bottom: 5px solid #22a6e7;
}

.mt-20-351 {
    margin-top: -20px !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 {
    color: #ffffff !important;
    background: transparent !important;
    cursor: default;
    opacity: 1 !important;
    /*z-index: 1;*/
    border: 0;
    padding: 15px 55px 10px 15px;
    /*box-shadow: 5px 0px 3px 0px #1f1f1f5c;*/
}

.hdn351 {
    display: none !important;
}

.srchbg .options .panel-heading .nav-tabs > li:hover a::after {
    background: #121e46;
    border-top: 7px solid #121e46;
}

.srchbg .options .panel-heading .nav-tabs > li.active:hover > a::after {
    background: #121e46 !important;
    border-top: 7px solid #121e46;
}


.srchbg .options .panel-heading .nav-tabs > li > a:hover {
    /*-webkit-transform: scale(1.00) translateY(-8px);transition: all 450ms linear;
    -webkit-transition: all 450ms linear;*/
}

.tab-container.style1 ul.tabs li:hover a::after {
    background: #121e46;
    border-top: 11px solid #121e46;
}

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

    .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/49/pin-49-491.png);
    background-position: 98%;
    background-repeat: no-repeat;
}

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

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

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

.srchbg .user {
    background-image: url(../images/49/users-49-491.png) !important;
    background-position: 98%;
    background-repeat: no-repeat;
}



.srchbg .hover-btn.btn-reverse {
    background: #22a6e7 !important;
    border: 0px;
    /*border-bottom: 4px solid #709045;*/
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    border: 3px solid #22a6e7;
    border-radius: 5px;
}

    .srchbg .hover-btn.btn-reverse:hover {
        background: #121e46 !important;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        border: 3px solid #121e46;
        font-size: 16px;
        transition: all 450ms linear;
        -webkit-transition: all 450ms linear;
        cursor: pointer;
        /*border-bottom: 4px solid #3959aa;*/
    }

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

.srchbg .options .panel-body input[type=checkbox] + label {
    color: #fff !important;
}

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


.srchbg #modifysearch input[type=checkbox] + label {
    color: #343434 !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: #22a6e7;
    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: 5px 7px !important;
    color: #000;
    width: 100% !important;
}

    .city:hover {
        background: #22a6e7;
        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: #0f1b44;
        font-weight: 500;
        color: #fff;
        border-bottom: 3px solid #22a6e7;
        background-image: url(../images/49/open-49-491.png);
        outline: none !important;
    }

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

        .accordion li div#divSSSearch div {
            width: 100% !important;
        }

.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/49/close-49-491.png') no-repeat 97%;
}

.search-right-panel .accordion a {
    padding: 10px 10px 10px 45px !important;
    background-color: #868686;
    border-radius: 0px;
    color: #fff;
    /*border-bottom: 1px solid #c1c1c1 !important;*/
}

    .search-right-panel .accordion a:before {
        content: '';
        /*background-color:#dedede;*/
        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: #121e46;
    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: #22a6e7 !important;
    }


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

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


.options .panel-heading {
    color: #333;
    background-color: #fff !important;
    border-color: #ddd;
    border: 0px;
    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: #22a6e7;
    font-weight: bold;
}

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

        .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;*/
    color: #121e46 !important;
    /*background-color:transparent;*/
}

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

.options .panel-body {
    padding: 15px 0px 15px 0px;
    float: left;
    width: 100%;
}

.panel {
    /*box-shadow: none !important;*/
    background-color: #fbfbfb !important;
    float: left;
    width: 100%;
}

.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: #22a6e7;
    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: #22a6e7 !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-family: 'Roboto', sans-serif !important;
    margin: 0px 0px 22px !important;
}

.approval h3 {
    color: #22a6e7 !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: #22a6e7;
        margin-right: 8px;
    }

.rr-detailpanel .hsr-book .data-td-inner-res .fa {
    width: 16px;
    color: #22a6e7;
    /*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: #22a6e7;
            border-radius: 4px;
        }

.mgtop7 {
    margin-top: 7px;
}

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

.approval h4 {
    color: #22a6e7;
    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: #121e46 !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: #22a6e7;
        color: #ffffff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        text-decoration: none;
        display: inline-block;
        border: 3px solid #22a6e7;
        border-radius: 5px;
        padding: 6px 12px;
        margin-bottom: 25px;
    }

/* .members-check a:hover {
          background-color: #333334!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: #121e46 !important;
        text-decoration: underline !important;
    }

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

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

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

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



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

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

.members-content a.com-name {
    color: #121e46 !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: #121e46 !important;
    margin: 10px 0px;
}

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

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

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



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



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

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

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

.input-title {
    color: #121e46 !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: #dedede;
    }

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


.upt-prof-btn a {
    background-color: #22a6e7;
    color: #ffffff !important;
    border-radius: 5px;
    border: 3px solid #22a6e7;
    /*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: 6px 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

    .upt-prof-btn a:hover {
        background: #121e46 !important;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        border: 3px solid #121e46;
        font-size: 14px;
        cursor: pointer;
        transition: all 450ms linear;
        -webkit-transition: all 450ms linear;
    }

.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: 6px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

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

.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: #22a6e7 !important;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    /*transition: 0.2s;*/
    padding: 6px 15px;
    border-radius: 5px;
    border: 3px solid #22a6e7;
    /*border-bottom: 4px solid #77bada;*/
}

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




.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: 6px 15px;
    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: #22a6e7;
}

.modal-header-bg {
    background-color: #121e46;
    color: #ffffff;
}

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

.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: 18px;
    margin: 0px;
}

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

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


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

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

.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: 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: #22a6e7;
        color: #fff !important;
        border-radius: 4px;
    }

    ul.adult_counter li a:hover {
        background: #22a6e7;
        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 #121e46;
    color: #121e46;
    margin-left: 10px;
}

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

a.close_pax {
    font-size: 12px;
    color: #22a6e7;
    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 #e9e9e9;
}

.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: #ffff;
}

#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;
    color: #ffffff !important;
}

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

#logo .container-fluid {
    background-color: #fff;
}

#homenew .carousel-inner {
    max-height: 600px;
}

#DivBannerImg.carousel-inner > .item {
    height: 400px;
}

#myCarousel .carousel-inner {
    max-height: 740px;
}

.flt-car #myCarousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 950px;
    min-height: 950px;
}

   .flt-car #myCarousel .carousel-inner .item > img {
        position: relative;
        width: 100%;
        overflow: hidden;
        max-height: 950px;
        min-height: 950px;
    }

#logo .nav > li > a {
    color: #000000 !IMPORTANT;
    font-size: 15px;
    margin-top: 0px;
    padding: 13px 10px;
    margin-right: 10px;
    font-size: 15px !important;
    font-weight: normal;
}

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

#logo .nav > li > a:hover {
    background-color: #ffffff;
    border-bottom: 5px solid #22a6e7;
    color: #22a6e7 !important;
}

#logo .nav > li.active > a {
    background-color: #ffffff;
    border-bottom: 5px solid #22a6e7;
    color: #22a6e7 !important;
    font-weight: bold !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: #22a6e7;
    }

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


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

.banner-sec {
    position: relative;
}

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

.actvhea {
    font-weight: bold;
}

    .actvhea:after {
        width: 50px;
        height: 3px;
        background-color: #22a6e7;
        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;
}

.tagline {
    color: #22a6e7;
    vertical-align: text-bottom;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    top: -15px;
    left: -24px;
}

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: #22a6e7;
        color: #ffffff;
        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: #121e46;
            color: #ffffff;
        }

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

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

.reg-link {
    color: #121e46;
    font-weight: normal;
}

a:hover, a:focus {
    color: #22a6e7;
}

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

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

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



.hfbtn {
    width: auto;
    background: #22a6e7;
    color: #ffffff;
    border-radius: 100px;
    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;
}

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



#access_account .modal-header {
    background-color: #22a6e7;
    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: auto;
    position: absolute;
    top: 4%;
    width: 100%;
    left: 0;
}

    .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-right: 0;
}

.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;
}


.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: #121e46;
        margin: 20px 0px 0px;
        overflow: hidden;
        text-align: center;
        width: 100%;
        font-weight: bold;
    }



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

.rail-rate {
    color: #22a6e7 !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 #cdeeff;
        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: #22a6e7;
        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 #22a6e7;
    border-radius: 50px;
    position: absolute;
    clip: rect(0px, 73px, 163.1px, 0px);
    border-radius: 100%;
    background-color: #22a6e7;
}
/* 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: #22a6e7;
    }

    .subloginbg .reglnk a:focus {
        color: #22a6e7;
    }

.regsec {
    min-height: 225px;
}

.navbar-default .navbar-nav > li {
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: normal !important;
    border-right: 0px solid #22a6e7;
}

    .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: #22a6e7;
    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;
}

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

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

.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: #121e46;
                border-bottom: 3px solid #121e46;
            }

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

    .srvcmenu a {
        color: #969595;
        line-height: 70px;
        padding: 3px 15px;
        font-size: 16px;
        font-weight: 400;
    }

        .srvcmenu a:hover {
            /*color: #121e46;
    border-bottom:3px solid #121e46;
    padding-bottom:5px;*/
            /*border-radius: 2px;
    font-weight: bold;
    background-color: #22a6e7;
        box-shadow: 0px 0px 8px 2px #22a6e7;*/
        }

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

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

.ui-widget-header {
    border: 1px solid #121e46 !important;
    background: #121e46 !important;
}

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #22a6e7 !important;
        background: #22a6e7 !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 #22a6e7 !important;
        background: #22a6e7 !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 #121e46 !important;
        background: #121e46 !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 #22a6e7 !important;
    background: #22a6e7 !important;
}

#dvShowComm {
    color: #22a6e7 !important;
}

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

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

.sidemenu {
    background: #fff0;
    padding: 0px;
    margin-bottom: 30px;
    /*box-shadow: 0px 1px 7px 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: none;
}

    .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: 0px;
            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;
            border: 1px solid #22a6e7;
        }

        .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;
            margin-bottom: 5px;
        }

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




    .sidemenu .accordion a {
        border-bottom: 0px;
        background-image: url(../images/49/close-49-491.png);
        background-repeat: no-repeat;
        background-position: 97%;
        background-color: #676767;
        color: #ffffff;
        font-size: 15px;
        border-radius: 5px 5px 0px 0px;
    }
    /*.sidemenu .inner a::before{ position: absolute;
    width: 4px;
    height: 4px;
    left: 20px;
    top: 53%;
    margin-top: -2px;
    content: '';
    background: #22a6e7;
    border-radius: .4rem;}*/




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

    .sidemenu .active .fa {
        background-color: #22a6e7;
        color: #fbfbfb;
    }

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

    .sidemenu .accordion li.active ul li.active > a {color: #383838;
    }


    .sidemenu .accordion li.active > a {
        background-color: #22a6e7;
        color: #ffffff;
        font-weight: 500;
        font-size: 15px;
        background-image: url(../images/49/open-49-491.png);
        background-repeat: no-repeat;
        background-position: 97%;
        border: 0;
        border-radius: 5px 5px 0px 0px;
        border-bottom: 3px solid #1D81B3;
    }

    .sidemenu .inner a {
        list-style-type: none;
        background: none !important;
        padding: 8px 10px;
        border: 0px;
        color: #383838;
        font-size: 14px;
        border-bottom: 1px solid #ccc !important;
    }

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


    .sidemenu li a.activepg {
        color: #22a6e7 !important;
    }

        .sidemenu li a.activepg::before {
            font-family: "FontAwesome";
            content: "\f0da";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 900;
            color: #22a6e7 !important;
        }

    .sidemenu .inner a:hover {
        color: #22a6e7 !important;
        text-decoration: underline !important;
    }

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

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

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

.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 #c1c1c1 !important;
    color: #121e46;
}



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

#myModalsuccess .modal-header {
    background: #f3f3f3 none repeat scroll 0 0;
    border-radius: 10px 10px 0 0;
    color: #121e46;
    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;
}


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

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

.nwrsltmain {
   border: 1px solid #e4e3e3;
    padding: 15px;
    border-radius: 5px;
}

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

    .trnsmain .heading {
        font-size: 16px;
        font-weight: normal;
        line-height: 9px;
        color: #121e46;
    }

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

.bkdtlprc {
    background-color: #22a6e7;
    color: #ffffff;
    font-weight: bold;
    border-bottom: 1px dashed #121e46;
}

    .bkdtlprc h4 {
        font-weight: bold !important;
        line-height: 4px;
        padding-top: 3px;
    }

.nwrslt {
    border: 1px solid #e4e3e3;
    min-height: auto;
    background-color: #ffffff;
    margin-bottom: 20px;
    padding: 10px !important;
    border-radius: 5px;
}

    .nwrslt:hover {
        background-color: #ffffff;
        border: 1px solid #22a6e7;
        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 #22a6e7;
        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 {
        font-weight: 500;
        color: #ffffff !important;
        display: inline-block;
        font-size: 14px;
        margin-bottom: 10px;
        padding: 6px 18px;
        text-transform: uppercase;
        border-radius: 5px;
        /*-webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;*/
        text-align: center;
        background-color: #22a6e7;
        /*border-bottom: 4px solid #77bada;*/
    }

        .nwrslt-new .btn-select:hover {
            background: #121e46 !important;
            color: #fff !important;
            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 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.nwrslt .address {
    font-size: 13px !important;
    color: #6f6e6f;
    width: 100%;
}

.nwrslt .rate-responsive {
    font-size: 18px;
    line-height: 33px;
    padding: 0 20px;
    /*right: -15px;*/
    left: -15px;
    top: -20px;
    padding: 0 28px 0 21px;
    background-color: #121e46;
    -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: -3px 3px 2px 0 rgb(212, 212, 212);
    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: #121e46;
    color: #ffffff !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: 9px 20px;
    font-weight: 500;
}

    .nwrslt .btn-select:hover {
        background-color: #22a6e7;
        color: #fff !important;
        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: 4px;
}

    #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: 0 1px 4px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }

#amazingcarousel-1 .amazingcarousel-title {
    position: relative;
    font: 14px 'Open Sans', sans-serif;
    color: #333333;
    margin: 6px;
    text-align: center;
    text-shadow: 0px 1px 1px #fff;
}

/* 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;
    border-radius: 10px;
}

    #amazingcarousel-1 .amazingcarousel-item-container img {
        border-radius: 10px;
    }

/* arrows */

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

#amazingcarousel-1 .amazingcarousel-next {
    right: 0%;
    top: 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-content {
    position: absolute;
    background-color: #1b1b1b6b;
    top: 0px;
    left: 0px;
    width: 91%;
    height: 100%;
    margin: 0px 5%;
    padding: 15px;
    border-radius: 10px;
    transition: all 0.5s ease;
}

    .amazingcarousel-content:hover {
        background-color: #121e46e3;
    }

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


    .amazingcarousel-content h3 {
        color: #fff;
        font-weight: 500 !important;
        text-shadow: -1px 1px 5px #000000d6;
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 20px;
    }

    .amazingcarousel-content .amazingcarousel-btn {
        display: none;
        padding: 4px 15px;
        background-color: #22a6e7;
        color: #ffffff;
        font-size: 11px;
        text-decoration: none;
        margin-top: 5px;
        box-shadow: 0px 0px 2px #00000052;
        text-transform: uppercase;
        font-weight: 500;
    }

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

    .amazingcarousel-content:hover .amazingcarousel-btn {
        display: inline-block;
    }

    .amazingcarousel-content:hover h3 {
        margin-top: -20px !important;
        transition: all 0.5s ease;
    }


/*amazing carousel end*/


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

    to {
        border-color: #3e97eb;
    }
}

.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: 30px;
        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: 20px !important;
            height: 20px !important;
            content: '' !important;
            border: 1px solid #22a6e7 !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: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #3e97eb;
        box-shadow: 0px 0px 2px 1px #037bb9;
    }

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

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

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

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

    .magic-checkbox + label:after {
        top: 1px !important;
        left: 6px !important;
        box-sizing: border-box !important;
        width: 8px !important;
        height: 14px !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 #446b11;
    }

#RemoveCity_3 {
    color: #22a6e7 !important;
}

#RemoveCity_4 {
    color: #22a6e7 !important;
}

#RemoveCity_5 {
    color: #22a6e7 !important;
}

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

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


.ui-datepicker th {
    padding: .7em .3em !important;
    text-align: center !important;
    font-weight: bold !important;
    border: 0px !important;
    border-bottom: 1px solid #22a6e7 !important;
    background-color: #22a6e7 !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 #c1c1c1 !important;
}



.prcsmry .ttlprc {
    font-weight: bold;
    font-size: 16px;
    background-color: #22a6e7 !important;
    color: #fff;
}


.paybtn {
    background-color: #22a6e7;
    color: #ffffff !important;
    border-radius: 0px;
    border: 0px;
    border-bottom: 4px solid #ca3e2b;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    padding: 6px 15px;
}

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

.box {
    background-color: #fbfbfb;
     border: 1px solid #e5ebfb;
    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: 14px;
}

.box h6, .h6 {
    font-size: 13px;
    line-height: 18px;
}

.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;
}

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

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

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

    .icobg a, .icobg a:hover {
        color: #fff !important;
    }

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

.icobg .captn {
    font-size: 15px;
    float: left;
    color: #121e46;
    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: #f7f9ff;
    font-size: 16px;
    border-bottom: 2px dotted #d1dbff;
    float: left;
    color: #121e46 !important;
    width: 100%;
    margin-bottom: -1px !important;
}

    .box .acc-heading a {
        float: left;
        width: 100%;
        text-decoration: none;
        border: 0 !important;
        font-size: 16px;
        color: #0f1b44 !important;
        cursor: pointer;
    vertical-align: middle !important;line-height: 30px;}

     .box .acc-heading h4.txtcolor {
        color: #0f1b44 !important;
    }

     .box .acc-heading span {
        /* font-size: 17px !important; */
    font-weight: normal;vertical-align: middle;}

     .box .acc-heading span.num{    min-width: 25px !important;
    border-radius: 26px;
    padding: 7px 5px;
    border: 1px solid #c2d1f7;
    background-color: #e3ebff;
    color: #0f1b44;
    min-height: 25px;
    float: left;
    text-align: center;
    margin-right: 10px;
    line-height: 15px;
    vertical-align: middle;
    font-size: 16px !important;}

     .signtxt{font-size: 13px !important;
    color: #0f1b44 !important;}

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

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



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

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

.moreoptmain {
    border: 1px solid #bbdcec;
    box-shadow: 0px 0px 9px #77bada;
    margin-bottom: 25px;
}

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

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

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

            .box .nav-tabs > li a:hover { /*background-color: #121e46*/
                color: #0f1b44;
                border-radius: 0;
                margin: 0;
                background-color: #e3f6ff;
    border: 0px;
    padding: 2px 5px;
            }

#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: #121e46;
    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: 6px 15px;
        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: #22a6e7;
    text-align: center;
    border-radius: 1px;
    padding: 1px 0;
    position: absolute;
    z-index: 1;
    bottom: 25px;
    right: -30px;
    font-size: 11px;
    border: 1px solid #22a6e7;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #22a6e7 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: #121e4600;
}

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



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

    .box .pric span {
        font-size: 16px;
        color: #121e46;
        font-weight: bold;
    }

    .box .dtlbg2 .pric{color: #ffffff !important;}

.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: #121e46;
    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: 16px !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: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: absolute;
    float: right;
    padding: 7px 5px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #22a6e7;
    color: #ffffff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    width: auto;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
}

    .navbar-toggle:hover {
        background-color: #121e46 !important;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff;
    }

.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;
}


.form-2 {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    box-shadow: 0 2px 15px 3px rgba(0, 0, 0, 0.4), 0 1px 8px rgba(0, 0, 0, 0.5), 0 0 0 0 rgb(255, 255, 255);
    color: #2f2f2f;
    border-radius: 0px;
    margin-top: 50px;
    padding: 0px 28px;
    position: absolute;
    top: 0;
    width: auto;
}

    .form-2 h1 {
        color: #22a6e7;
        font-size: 18px;
        font-weight: 900;
        padding: 18px 0px;
        font-family: 'roboto', arial, sans-serif;
        margin-bottom: 5px;
        margin: 0px auto;
        text-align: center;
        line-height: 5px;
    }

.form-2-wrapper .input-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 0px;
    color: #000;
}


.form-2 input[type=text] {
    color: #000;
    border-radius: 5px;
    box-shadow: 2px 2px #bfbfbf;
    background-color: #f3f1f1;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding: 10px 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 0px !important;
    border-bottom: 1px !important;
    float: right;
    margin: 0;
    line-height: normal;
    border-radius: 5px;
}

.form-2 input[type="password"] {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding: 10px 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 0px !important;
    border-bottom: 1px !important;
    float: right;
    margin: 0;
    line-height: normal;
    border-radius: 5px;
    color: #000;
    border-radius: 5px;
    box-shadow: 2px 2px #bfbfbf;
    background-color: #f3f1f1;
}

.forgot {
    font-size: 13px;
    padding: 0px;
    width: auto !important;
    float: right !important;
    text-decoration: underline;
    font-weight: bold;
    width: 50% !important;
    text-align: right;
    color: #000000;
}


.form-2 button[type="submit"] {
    background: #22a6e7;
    color: #ffffff;
    border: 0px !important;
    outline: 0px;
    width: 100%;
    height: auto;
    padding: 5px 30px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 17px;
    width: 100%;
    transition: 0.3s;
}

    .form-2 button[type="submit"]:hover, .form-2 .log-twitter:hover {
        background: #000;
    }

.form-2 button[type="submit"], .form-2 .log-twitter {
    box-shadow: 0 1px rgba(255, 255, 255, 0.3) inset;
    border-radius: 3px;
    cursor: pointer;
    float: left;
    font-family: 'roboto', arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: 100%;
}

.loghead {
    background-color: #fff;
    border: 2px solid #22a6e7;
    position: absolute;
    top: -27px;
    border-radius: 6px;
    width: 80%;
    margin-left: 0;
    line-height: 0;
    margin: 0px auto;
}

.rgstr {
    padding: 0px !important;
    text-align: center !important;
    font-size: 13px;
    color: #000000 !important;
    background: none !important;
}

    .rgstr a {
        color: #22a6e7 !important;
        text-decoration: underline !important;
        font-weight: bold;
    }

.carousel-indicators li {
    background-color: #173967 !important;
    border: 1px solid #173967 !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 0 -80px 0;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
}

.carousel-indicators .active {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    width: 15px;
    height: 15px;
    margin: 0 0 -80px 0;
    background-color: #fff;
}



.promo-main {
    height: auto;
    width: auto;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border-top: 5px solid #22a6e7;
}

.promo-gradbg {
    background: -moz-linear-gradient(180deg,rgba(114,2,56,0) 50%,#000000);
    background: -webkit-linear-gradient(180deg,rgba(114,2,56,0) 50%,#000000);
    background: linear-gradient(180deg,rgba(114,2,56,0) 50%,#000000);
    width: 100%;
    height: auto;
    min-height: 230px;
}

    .promo-gradbg p {
        position: absolute;
        bottom: 100px;
        font-size: 18px;
        padding: 0px 15px 12px;
        font-weight: 500;
        width: auto;
        color: #fff;
    }

.promo-descrp {
    background-color: #e8e6e6;
    width: 100%;
    min-height: 95px;
    height: auto;
    float: left;
}

    .promo-descrp p {
        padding: 9px 15px;
        height: 52px;
        overflow: hidden;
        color: #000;
    }

    .promo-descrp a {
        float: right;
        padding: 7px 20px;
        font-weight: bold;
        cursor: pointer;
        position: absolute;
        right: 10px;
        bottom: 0;
        transition: 0.3s;
        background-color: #22a6e7;
        color: #fff;
    }

        .promo-descrp a:hover {
            background-color: #121e46;
        }

.promo-abt {
    background-image: url(../images/35/mor-promoabout.jpg);
    height: 150px;
    background-position: right 10px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.promo-abt-ovrlp {
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.promo-abt h3 {
    margin-bottom: 10px;
    margin-top: 0px;
    font-weight: bold !important;
}

.promo-abt p {
    margin-bottom: 5px;
    line-height: 25px;
    height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.promo-abt a {
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    transition: 0.3s;
    color: #fff;
}

#logo #myNavbar2 .nav > li > a img {
    display: none !important;
}

.srchbg .panel .panel-body .srchbdr {
    margin-top: 30px !important;
    padding-top: 0px !important;
}

.srchbg .panel .panel-body .mrg-top10 .srchbdr {
    margin-top: 20px !important;
}

.srchbg .panel .panel-body .m-t30 {
    margin-top: 30px !important;
}

.tab-container.style1 ul.tabs li.active > a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 10px 10px 0 0;
    background: #22a6e7;
    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.99deg) translateZ(-1px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-left: -15px;
    transition: 0.3s;
    border-top: 7px solid #000000;
}

.tab-container.style1 ul.tabs li a::after {
    background: #676767;
    border-top: 7px solid #949494;
}

.tab-container.style1 ul.tabs li.active > a, .tab-container.style1 ul.tabs li:hover > a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.8;
    margin-bottom: -2px;
}

.tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a {
    background-color: transparent;
}

.tab-container ul.tabs li.active > a {
    background: #000000 none repeat scroll 0 0;
    color: #22a6e7;
}

.tab-container.style1 ul.tabs li a {
    color: #ffffff;
    font-size: 16px;
    font-family: 'roboto', arial, sans-serif !important;
    height: 50px;
    cursor: pointer;
    border: none !important;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
    padding: 5px 40px 0px 25px !important;
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.8;
    margin-bottom: -2px;
}

.tab-container ul.tabs li.active > a {
    font-weight: bold;
}

.srchbg .nav-tabs img {
    display: inline;
}


.colsbtn {
    border: 0px solid #121e46;
    background-color: #fbfbfb;
    color: #22a6e7;
    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 #121e46;
        background-color: #fbfbfb;
        color: #22a6e7;
        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 #121e46;
        background-color: #fbfbfb;
        color: #22a6e7;
        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: #121e46;
    }

.card-body {
    padding: 10px !important;
}

.swbtn .notActive {
    color: #22a6e7 !important;
    background-color: #fff !important;
    font-size: 13px !important;
    border-color: #22a6e7 !important;
    cursor: pointer;
}

.swbtn .active {
    color: #ffffff !important;
    background-color: #22a6e7 !important;
    color: #fff !important;
    font-size: 13px !important;
    border-color: #22a6e7 !important;
    cursor: pointer;
}

.promhead {
    padding: 12px 5px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    background-color: #efefef;
    cursor: pointer;
    margin-top: 0px;
    color: #797979;
    margin-bottom: 15px;
    font-size: 17px;
}


.langdropopt {
    display: none;
}

.langdrop:hover .langdropopt {
    display: block;
    position: absolute;
    z-index: 1;
    background-color: #22a6e7;
    left: 0;
    width: 100%;
}

    .langdrop:hover .langdropopt div {
        padding: 3px 10px;
        width: 100%;
    }

        .langdrop:hover .langdropopt div:hover {
            background-color: #121e46;
        }


#langdrop .langdropopt {
    display: none;
}

#langdrop .langdrop:hover .langdropopt {
    display: block;
    position: absolute;
    z-index: 1;
    background-color: transparent;
    left: 0;
    width: 100%;
    padding-top: 3px;
    font-size: 13px !important;
}

    #langdrop .langdrop:hover .langdropopt div {
        padding: 2px;
        width: 100%;
        color: #ffffff;
        font-weight: normal;
        text-align: center;
        font-size: 13px;
        background-color: #22a6e7;
        cursor: pointer;
    }

        #langdrop .langdrop:hover .langdropopt div:hover {
            background-color: #121e46;
            color: #fff;
        }

#langdrop .langdrop .fa-angle-down:before {
    font-size: 15px;
    font-weight: bold;
}

.cont-p {
    font-size: 15px !important;
    line-height: 25px !important;
}

.tb2cmrg {
    margin: 0px !important;
}

.currconvrt {
    z-index: 9;
    width: auto;
    float: right;
    background-color: #e6e6e6;
    text-align: right;
    border-radius: 3px;
    position: absolute;
    bottom: 30px;
    font-size: 13px;
    right: -10px;
    min-width: 120px;
}

.currconvrts {
    z-index: 9;
    width: auto;
    float: right;
    background-color: #e6e6e6;
    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: #e6e6e6;
    text-align: right;
    border-radius: 3px;
    position: absolute;
    bottom: 42px;
    font-size: 13px;
    right: -9px;
    min-width: 120px;
}

.currconvrssr {
    z-index: 9;
    width: auto;
    float: right;
    background-color: #e6e6e6;
    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 #d2d2d2;
        padding: 5px 5px !important;
        font-weight: normal;
        color: #444444;
        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 #e6e6e6;
        clear: both;
    }

.smrybtn .btn {
    margin-right: 10px;
}

.footbg {
    background-color: #474747;
}

    .footbg .nav-center {
        color: #ffffff;
    }

.smfbanner {
    width: 100% !important;
    height: 350px !important;
}


.logformpadd {
    padding-left: 60px !important;
}

.banner-caption .panel-heading img {
    height: 32px !important;
    width: auto !important;
}

.pricehtl {
    width: auto;
    text-align: center;
    font-size: 16px !important;
    font-weight: bold;
    color: #22a6e7;
}

.flt-fltr input[type=checkbox] + label {
    color: #626262 !important;
    font-size: 13px;
}

.flt-fltr input[type=checkbox] + label ~ label{    font-size: 13px;}

.flt-fltr{width:100%; float:left; margin-bottom:10px;    font-size: 13px;}

.flt-fltr a{padding: 6px 6px 6px 35px !important;
    background-color: #6e7fbc !important; 
    border-radius: 0px;
    color: #fff;
    width: 100%;
    font-weight: bold;
    float: left;
    font-size: 13px;}

.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 #22a6e7 !important;
    background-color: #ffffff !important;
}

.flt-fltr .magic-checkbox:checked + label:before {
    border: #0f1b44 !important;
    background: #0f1b44 !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: 1px 1px 2px 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: #121e46;
    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, #121e46 0%, #121e46 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: 0% !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%;}

.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 #22a6e7 !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 #22a6e7;
    padding: 10px !important;
    background-color: #121e46 !important;
}

  .mnbg2{border: 0px;  border-right: 1px solid #22a6e7;background-color: #121e46;}

  .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: #22a6e7 !important;
    width: 100%;
    float: left;
    border: 0px solid #22a6e7 !important;}

#ShowCombdataDiv .hover-btn i{color:#ffffff !important;}

#ShowCombdataDiv .hover-btn:hover {
    background: #121e46 !important;
    color: #ffffff !important;
    border: 0px solid #22a6e7 !important;
        border-radius: 0px;
}

.bottom {
    top: auto;
    bottom: 0;
    position: static;
    width: 100% !important;
}
.fltppbox{    position: absolute;
   top: -31px;
    right: 0px;
    background-color: #22a6e7 !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*/

 #fareRule table th, #fareRule table td{padding:5px 10px !important; text-align:left !important;}

 #fareBreakup, #fareRule, #baggageInfo{font-size: 13px;}

  #fareBreakup table td{    padding: 6px;}

.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;
}   
/* For Seat Map (Flight.css)  */

.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;}

@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: 5px !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;
    }

    .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: 98%;
        margin: 30px 1%;
    }

    .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) {
    .mrg-top5-xs {
        margin-top: 5px !important;
    }

    .mrg-top10-xs {
        margin-top: 10px !important;
    }


    .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: #121e46;
            padding: 5px;
        }



    .navbar-default .navbar-nav > li > a {
        color: #121e46 !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: #121e46;
        padding: 5px;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        text-decoration: underline;
        color: #22a6e7 !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: #121e46;
    }

        button.navbar-toggle.collapsed {
            background-color: #ffffff !important;
            border-color: rgba(255, 255, 255, 0.23) !important;
            color: #121e46;
        }

    .xs-p0 {
        padding: 0;
    }

    .xs-m0 {
        margin: 0;
    }

    img.img-fluid.logo-res {
        /*max-width: 200px;*/
        display: inline-block;
        float: none;
    }

    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .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: #22a6e7;
    /*text-decoration: underline;*/
}

    .redtext a {
        color: #22a6e7 !important;
        /* text-decoration: underline;*/
    }

.redicon {
    color: #22a6e7 !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: #22a6e7 !important;
    transition: 0.4s all ease;
}
/*.mod-search.detail .lh {
    color: #22a6e7;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 20px;
    font-weight: 700;
}*/

.mod-search {
    background: #fbfbfb;
    padding: 20px 20px 10px;
    box-shadow: 0 5px 7px 2px #ccc !important;
    margin-bottom: 0px;
}

    .mod-search .lh {
        color: #22a6e7;
        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: #22a6e7;
        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: 2px;
}
/*.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: #121e46 !important;
}


.lh2.form-heading {
    font-weight: bold;
    color: #22a6e7 !important;
    padding: 0px;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
    float: left;
    width: 100%;
    text-align: left;
}

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

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

#btnAddcity {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

.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: #121e46;
        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: #22a6e7;
        min-height: 50px;
    }
}




/*--hover-button-*/

/*----redtoblack--*/
.newbtn {
    padding: 12px;
    width: 100%;
}

.hover-btn {
    background: #22a6e7;
    color: #ffffff !important;
    border: 3px solid #22a6e7;
    border-radius: 5px;
    /*border-bottom: 4px solid #77bada;*/
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
    transition: all 450ms linear;
    -webkit-transition: all 450ms linear;
}




    .hover-btn:hover {
        background: #121e46 !important;
        color: #fff !important;
        cursor: pointer;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        border: 3px solid #121e46;
        transition: all 450ms linear;
        -webkit-transition: all 450ms linear;
    }

.hover-btn-sm {
    background-color: #bbdcec;
    color: #121e46 !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: 2px solid #77bada;
}

    .hover-btn-sm:hover {
        background-color: #a4ceae !important;
        color: #4a7555 !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: 2px solid #7dab88;
    }

/*-----blacktored--*/
.hover-btn.btn-reverse {
    background: #22a6e7 !important;
    border: 0px;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    border: 3px solid #22a6e7;
    border-radius: 5px;
}

    .hover-btn.btn-reverse:hover {
        background: #121e46 !important;
        border: 3px solid #121e46;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        transition: all 450ms linear;
        -webkit-transition: all 450ms linear;
        /*border-bottom: 4px solid #7dab88;*/
    }
    /*----input-btn*/
    /*input.btn-go:focus, input.btn-go:visited, input.btn-go:active, input.btn-go:hover {
    background: #121e46 !important;
}*/

    .hover-btn.btn-reverse:focus {
        outline: none !important;
    }

/*-----*/
.right-border {
    border-right: 1px solid #ccc;
}

.lowerheding {
    height: 4px;
    width: 60px;
    background-color: #22a6e7;
    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: #22a6e7;
    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: #121e46;
}

.spacer {
    height: 1px;
    background: #e9e9e9;
    margin: 20px 0 10px 0;
}

.rem-room {
    float: right;
    color: #121e46;
    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-dtl-box {
    padding: 10px;
    margin: 0 0 20px 0;
    border: 1px solid;
    border-color: #d4d4d4;
    box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
}

.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 #e9e9e9;
}

    .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: #22a6e7;
    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 #22a6e7;
    border-bottom: 1px dashed #22a6e7;
    padding: 5px 10px;
}



p.main-address1 {
    color: #000;
    font-weight: 400;
    margin: 0;
    font-size: 14px !important;
}

.main-address1 .txtcolor {
    color: #121e46;
}

.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: #121e46 !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: #22a6e7;
    border-radius: 0;
    margin-bottom: 10px;
    color: #ffffff;
   padding: 4px 4px;
    font-size: 12px;
    border-radius: 5px;
    border: 3px solid #22a6e7;
}

    a.btn.fltr-btn:hover {
        background: #121e46;
        border-radius: 0;
        margin-bottom: 10px;
        color: #fff;
        padding: 6px 8px;
        font-size: 14px;
        border: 3px solid #121e46;
    }







.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;
}

#imgdiv img {
    width: auto !important;
}

table.hsrrrtbl thead {
    background: #e6f8ff;
    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: #066695;
}


    .hsrrrtbl a:focus {
        outline: none !important;
    }



table.hsrrrtbl {
    border: 1px solid #dedede !important;
    min-width: 600px;
}



thead.main-head tr th {
    padding: 10px;
}

.mbktbl thead.main-head tr th {
    padding: 7px;
    font-size: 14px;
}

.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: #121e46;
    color: #cbd0e3 !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;
    }

    a.hsr-colapse .fa-minus:before {
        font-size: 13px;
    }

a.hsr-colapse-new {
    background: #ecc2cd;
    color: #22a6e7 !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: #22a6e7;
    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: #6d6d6d;
    /*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: #ffffff !important;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 6px 12px;
    text-transform: capitalize;
    border-radius: 5px;
    text-align: center;
    background-color: #22a6e7;
    border: 3px solid #22a6e7;
}

    a.hsr-book-btn:hover {
        font-size: 14px;
        background: #121e46 !important;
        color: #fff !important;
        text-transform: capitalize;
        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: #11772d;
}

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: #121e46;
    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;
    }
}

@media (max-width:768px) {

    td.hsr-book span.tcost {
        font-size: 12px !important;
        padding: 0;
    }
}

.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;
}


.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: 30px;
}*/

.m-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.staricongrey {
    color: #22a6e7 !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) {
    .mnbg {
        margin-bottom: 10px !important;
    }
    .navbg {
        margin-left: 15px !important;
    }

    .form-inline {
        background-color: #f0f8ff !important;
        padding-bottom: 20px !important;
        margin-bottom: 0px !important;
        padding-top: 10px !important;
    }

    .pull-right-xs {
        float: right !important;
    }

    .padd-rgt10-xs {
        padding-right: 10px !important;
    }

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

    #logo .form-inline p, #logo .form-inline p a {
        margin-top: 5px !important;
    }

    .pull-right-sm {
        float: right !important;
    }

    .mrg-top0-sm {
        margin-top: 0px !important;
    }

    .logformpadd {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .currconvrts {
        bottom: 27px !important;
        right: 46px !important;
    }

    .currconvrss {
        bottom: 27px !important;
        right: 46px !important;
    }

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

    #DivBannerImg.carousel-inner > .item img {
        height: 400px !important;
    }

    #myNavbar2.navbar-collapse {
        float: left;
        width: 100%;
        margin-left: 3%;
    }

    .form-2 {
        width: 80% !important;
        left: 11% !important;
    }

    .loghead {
        width: 81% !important;
        left: 9% !important;
    }

    #logo .nav > li.active > a, #logo .nav > li > a:hover, logo .nav > li.active > a:hover {
        border: 0px !important;
    }

    #logo .nav > li > a {
        text-align: left;
        padding: 10px;
    }

    #logo .nav > li {
        border-bottom: 1px dashed #22a6e7 !important;
    }

    .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:10px !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: #22a6e7 !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 !important;
    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: 12px;
    transition: 0.25s ease all;
    color: #676767;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    background-color: #fbfbfb;
    padding: 0px 5px;
    z-index: 1;
}

.right-panel-white .floating-label {
    background-color: #ffffff !important;
}

.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;
}

.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 9px !important;
    line-height: normal;
    font-weight: normal;
    border-radius: 2px;
    margin-bottom: 0px;
}


    .floating-inpt:focus {
        border: 1px solid #121e46 !important;
        outline: none !important;
    }


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-bottom: 10px;
    background: #ffffff;
    border-radius: 0px;
    margin-top: 30px;
}

.modify-search {
    /*background: #404040;
        box-shadow: 0 1px 7px 2px #ccc !important;*/
    background: transparent;
    box-shadow: none;
    color: #fff;
    border-radius: 4px;
}

.bkbtn {
    background-color: #22a6e7;
    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;
    font-weight: 500;
}

    .bkbtn:hover {
        background-color: #121e46 !important;
        color: #ffffff !important;
        border-radius: 5px;
        border: 0px;
    }


.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;
}

.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: #22a6e7;
    text-align: center;
    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: 95%;
}

    .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;
        }

            .search-right-panel ul.accordion ul.inner.inner-div li input[type=checkbox] + label {
                color: #222222 !important;
            }

h4.city-red {
    color: #22a6e7;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1px;
    margin-top: 0;
}

h5.city-red {
    color: #22a6e7;
}

    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: 5px !important;
    transition: 0.25s;
    border: 1px solid #c1c1c1;
    /*margin-bottom:1px !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;
}

.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 solid #121e46;
        outline: none !important;
    }


.form-control:focus {
    border-color: #121e46 !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    /*border: 1px dashed #121e46;*/
}

.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: #ffffff !important;
    border-radius: 0;
    height: 40px;
    width: 20%;
    margin-top: 5px;
    background: #22a6e7 !important;
    border: 0px;
    /*border-bottom: 4px solid #77bada !important;*/
}

    .btn-go .fa {
        font-size: 17px;
    }

    .btn-go:hover {
        color: #fff !important;
        background: #22a6e7 !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 #22a6e7 !important;
    padding-left: 5px !important;
    margin-bottom: 10px !important;
    padding-bottom: 5px !important;
    background-color: #121e46 !important;
    color:#fff !important;
}



.slider-selection {
    background: #22a6e7 !important;
}

p.rg-values {
    clear: both;
    width: 105%;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 4px;
    margin-left: -7px;
}

    p.rg-values span.min-value {
        float: left;
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        color: #000;
    }

    p.rg-values span.max-value {
        font-size: 13px;
        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: #22a6e7;
}

.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: #f7f7f7;
            border-radius: 0;
            height: 27px;
            display: block;
            margin: 0;
            line-height: 28px;
            padding: 0 3px;
    font-size: 13px;
            border-radius: 2px !important;
            outline: none !important;
        }

            ul.flter-list li a.btn img {
                display: inline-block;
                margin-right: 5px;
            }

a.f-label {
    background: #22a6e7 !important;
    color: #fff !important;
}

a.current {
    background: #22a6e7 !important;
    color: #fff !important;
}

    a.current:focus {
        outline: none !important;
    }


.curr {
    float: left;
}

    .curr a {
        color: #fff !important;
    }

    .curr .btn {
        background: #868686 !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: #22a6e7;
            }

.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: #22a6e7;
    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: #22a6e7;
        margin: 0;
        line-height: 31px;
    }

.rate {
    padding: 0px;
    /*padding: 20px 0;*/
    width: 100%;
    /*min-height: 145px;*/
}

    .rate h4 {
        color: #22a6e7;
        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%;
}


.p-o {
    padding: 0 !important;
}

.hotel-desc p {
    margin: 5px 0px;
    height: auto;
    overflow-y: auto;
}

.hotel-desc {
    display: inline-block;
    width: 100%;
}

    .hotel-desc h5.heading {
        font-size: 16px;
        font-weight: bold !important;
        color: #0f1b44;
        min-height: auto;
        line-height: normal;
        height: auto;
        overflow-y: auto;
    }

.hotel-desc-trnf h5.heading {
    font-size: 16px;
    font-weight: normal;
    color: #22a6e7;
}



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;
}



p.page-count {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #121e46 !important;
    padding: 5px 0px;
}

.shwrsltttl p.page-count {
    color: #fff !important;
}

h4.red-txt {
    color: #22a6e7;
}

.red-txt {
    color: #22a6e7 !important;
}

ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li a:hover {
    background: #868686 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #121e46 !important;
    z-index: 1 !important;
}


.icon.thm-clr {
    color: #848484;
    font-size: 16px;
    margin: 0px;
}

span.small-txt {
    font-size: 13px;
    font-weight: normal;
}


.htlimgnew img {
    height: 115px !important;
    width: 100% !important;
}

/*---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: 480px) {
    ul.flter-list li {
          display: inline-block;
        /*width: 45% !important;*/
        width: calc(25% - 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 #divPaxDeatils a {
        padding: 0px !important;
        background: #ffffff00 !important;
        border-bottom: 0px solid #ccc !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: #22a6e7;
    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: #22a6e7;
        content: "\f00c";
        font-family: fontawesome;
        font-size: 14px;
        top: -1px;
        left: -4px;
        font-weight: normal;
    }

    input[type="checkbox"].magic-checkbox:checked + label::after {
        color: #0022a600 !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 #22a6e7;
    -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: #22a6e7;
            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: #22a6e7 !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 {
    padding: 5px 10px !important;
    /*background-color: #feaa29;*/
    margin-bottom: 10px !important;
    color: #121e46;
    border-bottom: 1px dashed #121e46;
    border-left: 5px solid #121e46;
}

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: #22a6e7;
    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: #22a6e7;
        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: 14px !important;
    }

    #MainWrap .floating-label {
        font-size: 14px !important;
    }

    #MainWrap .detail .lh {
        font-size: 14px !important;
    }
}

@media (max-width:1200px) and (min-width:992px) {
    .mainwrapper {
        position: absolute;
        right: 0;
        top: 4%;
        bottom: 0;
        padding: 20px 0;
        width: 970px !important;
        left: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .navbgdisplay {
        width: 100% !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 screen and (max-width: 1112px) and (min-width: 992px) {
    .tagline {
        font-size: 14px !important;
    }

    #logo .nav > li > a {
        font-size: 14px !important;
        padding: 13px 5px !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 940px) {
    .navbar-right {
        float: right !important;
        margin-left: 0%;
        margin-top: 0%;
        margin-right: 0px;
    }
}

@media (min-width:150px) and (max-width:991px) {

    #BannerHotel #myCarousel {
        display: none !important;
    }

    #logo .nav > li.active > a .navbar-collapse {
        margin-top: 0px !important;
    }

    .tagline {
        font-family: 'roboto', arial, sans-serif;
        font-size: 15px !important;
        padding-left: 0;
        text-align: center;
        position: unset;
        display: block;
        margin-bottom: 10px !important;
    }

    .search-right-panel {
        width: 100% !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li > a {
        padding: 10px 30px 5px 8px !important;
    }

        .srchbg .options .panel-heading .nav-tabs > li > a span img {
            height: 23px !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: #121e46 !important;
    }

    form.login-form input.pwdbdr-rds {
        border-radius: 0px;
    }

    #homenew #logo {
        padding: 0px;
    }

    .loginbg {
        background-color: #f5f5f5 !important;
    }


    #amazingcarousel-1 .amazingcarousel-prev {
        left: 45% !important;
        top: 100% !important;
    }

    #amazingcarousel-1 .amazingcarousel-next {
        right: 45% !important;
        top: 100% !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: #22a6e7;
    }

    .regsec {
        min-height: unset !important;
        margin-bottom: 25px !important;
    }

        .regsec .banner-caption h2 {
            color: #22a6e7 !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-top10 {
    margin-top: 10px !important;
}

.srchbg .panel .panel-body .srchbdr.mrg-top10-351 {
    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:992px) and (min-width:240px) {

    .logo-res {
        margin-top: 10px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        float:none !important;
    }

    .nva-p {
        font-size: 11px !important;
    }

    .navbgdisplay {
        width: 100% !important;
    }

    div.text {
        font-size: 16px !important;
    }

    .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: #22a6e7;
    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;
}


.panel-heading .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f146";
    float: right;
    color: #22a6e7;
}


.panel-heading .accordion-toggle.collapsed:after {
    font-family: 'FontAwesome';
    content: "\f0fe";
    color: #22a6e7;
    float: right;
}

.panel-default {
    border: 0px;
}

    .panel-default > .panel-heading {
        background-color: transparent !important;
        border-color: #121e46 !important;
        float: left;
        width: 100%;
    }

.panel-title {
    font-size: 14px;
    font-weight: normal;
}

.panel-default > .panel-heading2 .nav-tabs {
    border: 0;
    background-color: #fff;
    box-shadow: 0px 0px 5px 2px #dadada;
}



    .panel-default > .panel-heading2 .nav-tabs > li.active > a, .panel-heading2 .nav-tabs > li.active > a:hover, .panel-heading2 .nav-tabs > li.active > a:focus {
        background-color: #fff;
        color: #22a6e7 !important;
        margin: 0px;
        border-bottom: 4px solid #22a6e7;
        border-radius: 0;
    }

        .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: #22a6e7;
            content: '';
            pointer-events: none;
        }

.panel-default > .panel-heading2 .nav > li > a {
    margin: 0px;
    border: 0px;
}

.panel-default > .panel-heading2 .nav-tabs > li > a:hover {
    border: 0px;
    border-bottom: 4px solid #22a6e7;
}

.panel-default > .panel-heading3 .nav-tabs {
    border: 0;
    background-color: #fff;
}

.panel-default > .panel-heading3 .nav > li {
    margin-right: 1px;
}

    .panel-default > .panel-heading3 .nav > li > a {
        background-color: gainsboro;
        opacity: 0.6;
        margin: 0;
        border-bottom: 3px solid #dcdcdc;
    }

.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: #22a6e7 !important;
    margin: 0px;
    border-bottom: 3px solid #22a6e7;
    opacity: 1;
}


.panel-default > .panel-heading4 .nav-tabs {
    border: 2px solid #22a6e7 !important;
    background-color: #fff;
    border-radius: 5px;
}

.panel-default > .panel-heading4 .nav > li {
    margin-right: 0px;
    margin-bottom: 0px;
}

    .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;
    }

.panel-heading4 .nav-tabs > li > a:hover {
    background-color: #22a6e7;
    color: #ffffff !important;
    border: 1px solid #22a6e7;
}

.panel-default > .panel-heading4 .nav-tabs > li.active > a, .panel-heading4 .nav-tabs > li.active > a:hover, .panel-heading4 .nav-tabs > li.active > a:focus {
    background-color: #22a6e7;
    color: #ffffff !important;
    margin: 0px;
    border: 1px solid #22a6e7;
}


.options .panel-body3 {
    border: 1px solid #d4d4d4;
    margin-top: 1px;
    border-radius: 5px;
}


.nav-center {
    text-align: center;
}

    .nav-center a {
        color: #fff !important;
        text-decoration: none !important;
    }

        .nav-center a:hover {
            color: #fff !important;
            text-decoration: underline !important;
        }

    .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;
}




@media (min-width: 769px) {

    #terms .modal-dialog {
        width: 800px !important;
        margin: 30px auto;
    }

    .mainwrapper {
        position: absolute;
        right: 0;
        top: 4%;
        bottom: 0;
        padding: 20px 0;
        width: 750px !important;
        left: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

.select--hoshi-new {
    position: absolute;
    z-index: 99;
    width: 90%;
    max-height: 200px;
    background: #fff;
    height: auto;
    /*border: 1px solid #d8d8d8;*/
    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 #22a6e7 !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: #121e46;
            font-size: 19px;
            font-weight: bold;
            padding: 10px 15px;
            border-bottom: 1px solid #ddd;
        }

        #dialogbox > div > #dialogboxbody {
            padding: 20px;
            color: #575757;
            font-weight: bold;
            font-size: 14px;
        }

        #dialogbox > div > #dialogboxfoot {
            padding: 10px;
            text-align: right;
        }

#dialogboxfoot > .btn-primary {
    background-color: #22a6e7 !important;
    border: 2px solid #22a6e7 !important;
    color: #f2e9f1 !important;
    font-size: 14px !important;
    padding: 2px 15px !important;
}

    #dialogboxfoot > .btn-primary:hover {
        background-color: #121e46 !important;
        border: 2px solid #121e46 !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 #121e46 !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: #121e46;
            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: #22a6e7 !important;
    border: 2px solid #22a6e7 !important;
    color: #f2e9f1 !important;
    font-size: 14px !important;
    padding: 2px 15px !important;
}

    #dialogboxfootadmin > .btn-primary:hover {
        background-color: #121e46 !important;
        border: 2px solid #121e46 !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: #22a6e7;
    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: 992px) {
    .logformpadd {
        padding-left: 20px !important;
    }

    .mainwrapper {
        position: absolute;
        right: 0;
        top: 4%;
        bottom: 0;
        padding: 20px 0;
        width: 970px !important;
        left: 0;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .railnewmd {
        background: #fff;
        padding: 0px;
    }

        .railnewmd .col-md-10 {
            width: 82% !important;
        }

        .railnewmd .col-md-2 {
            width: 18% !important;
        }


    .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;
    }
}



@media (min-width: 1200px) {

    .supplierli {
        float: left;
    }

    .supplierli {
        width: 33.33333333% !important;
    }

    .mainwrapper {
        position: absolute;
        right: 0;
        top: 4%;
        bottom: 0;
        padding: 20px 0;
        width: 1170px !important;
        left: 0;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

.form-2-wrapper {
    width: 100%;
}

@media (min-width: 768px) {

    .form-2-wrapper {
        width: 300px;
        float: right;
        height: 100%;
        margin-right: 15px;
    }
}

.supplierli {
    float: left;
}

.supplierli {
    width: 33.33333333% !important;
}

.pagination > li > a, .pagination > li > span {
    padding: 3px 10px;
    color: #676767;
    border: 2px solid #f3f3f3;
    border-radius: 0px !important;
    border-color: #f3f3f300 !important;
    background-color: #f7f7f7 !important;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    border-color: #22a6e7;
}

.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: #22a6e7;
    border-color: #fff;
}

li a .mbkcount {
    background: #22a6e7;
    color: #ffffff;
    border-color: #22a6e7;
}

.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: #22a6e7;
    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;
    }
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border-color: #868686 !important;
}

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

.trhover tr {
    background-color: transparent;
}

    .trhover tr:hover {
        background-color: #f0fbff;
    }

.trselected {
    border: 1px solid #d0e9f3 !important;
    background-color: #f0fbff !important;
}

    .trselected label {
        color: #000000 !important;
    }

.closebtn {
    position: absolute !important;
    right: -10px !important;
    top: -10px !important;
    font-size: 22px !important;
    background-color: #22a6e7 !important;
    padding: 0px 5px 0px 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: #22a6e7;
    margin: 5px 0;
}

.info-sec-new .headrow {
    background: #e9e9e9;
    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: #22a6e7;
        background: transparent;
        border: none;
        margin: 0;
    }

.info-sec-new {
    margin-top: 10px;
    border: 1px solid #e9e9e9;
    float: left;
    width: 100%;
}

a.colapse-link i.fa {
      color: #22a6e6;
    font-size: 16px;
        margin: 6px 3px;
}

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: #22a6e7 !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: #22a6e7 !important;
}



.info-sec-new .headrow a {
    color: #22a6e7 !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:992px) and (max-width:1199px) {
    span.info-desc {
        margin: 3px 0px 5px 0px !important;
    }
}

    @media (min-width:768px) and (max-width:991px) {
        span.info-desc {
            margin: 5px 0px 10px 0px !important;
        }

        .pull-right-md {
            float: right !important;
        }

        .mrg-top0-md {
            margin-top: 0px !important;
        }

        .txtcenter-res {
            text-align: center !important;
        }

        .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;
            }

        .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: #121e46 !important;
        font-weight: normal;
        font-size: 14px !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 #22a6e7;
            }


    .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: #ccc;
        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:351px) {

        .srvcmenu {
            margin: 10px 0px 15px 0px !important;
        }

        .srchbg .options .panel-heading .nav-tabs > li > a {
            padding: 10px 20px 5px 10px !important;
            font-size: 13px !important;
        }

        .mailli {
            float: left !important;
            width: 100% !important;
            display: block !important;
            text-align: center !important;
            margin: 0px auto !important;
        }




        .navbar-right {
            width: 100% !important;
            text-align: center !important;
            margin: 0px !important;
            float: right !important;
        }

        .navbar-default .navbar-nav > li {
            color: #fff !important;
            font-size: 14px !important;
            font-weight: normal !important;
            border: 0px !important;
            border-bottom: 1px solid #050b1e !important;
            margin-bottom: 0px !important;
            padding-bottom: 7px;
            padding-top: 7px !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%;
        }

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

        #divflightResult .box {
            padding: 0px !important;
        }

        .dateslide #theCarousel .carousel-control.right, .dateslide #theCarousel .carousel-control.left {
            top: 40% !important;
        }

        .stslft {
            float: none !important;
            margin-left: 10px !important;
        }
    }

    @media (max-width: 499px) and (min-width:200px) {
        .box .bdr-rgt1-btm-xs {
            border-bottom: 1px dashed #cecece !important;
            border-right: 0px dashed #cecece !important;
        }

        #divflightResult .box {
            padding: 0px !important;
        }

        .dateslide #theCarousel .carousel-control.right, .dateslide #theCarousel .carousel-control.left {
            top: 40% !important;
        }

        .stslft {
            float: none !important;
            margin-left: 10px !important;
        }

        .mailli .pull-left {
            width: auto;
            margin-left: 0%;
        }
    }

    @media (max-width: 350px) and (min-width:150px) {
        .navbar-right {
            width: 100% !important;
            text-align: center !important;
            margin: 0px !important;
            float: right !important;
        }

        .navbar-default .navbar-nav > li {
            color: #fff !important;
            font-size: 14px !important;
            font-weight: normal !important;
            border: 0px !important;
            border-bottom: 1px solid #050b1e !important;
            margin-bottom: 0px !important;
            padding-bottom: 7px;
            padding-top: 7px !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";
        color: #121e46;
        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: #22a6e7;
    }

    /*.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 #22a6e7;
    }

        .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: #22a6e7 !important;
            font-size: 23px !important;
            margin: 20px 0px 15px !important;
            font-weight: bold;
            text-align: center;
        }

        .loadhginfo p {
            color: #22a6e7 !important;
            font-size: 16px !important;
            font-weight: 500;
            text-align: center;
        }

    .loadhginfo2 {
        border-radius: 5px;
        margin-top: 15% !important;
        padding: 0% 0px 15px 0px;
        height: auto !important;
    }

    .loadhginfo2bg {
        background: #22a6e7;
        height: auto;
        width: 100% !important;
    }

        .loadhginfo2bg .mrg-top10 {
            margin-top: 0px !important;
            width: 100% !important;
        }

    .loadhginfo2 .col-lg-9, .loadhginfo2 .col-md-9, .loadhginfo2 .col-sm-8 {
        width: 100% !important;
        background-color: #fff;
    }


    .loadhginfo2 .modal-content {
        border-radius: 0px !important;
        background-color: #121e46;
    }

    .loadhginfo2 .modal-header {
        padding: 3px 10px !important;
        background-color: #121e46;
        border: 0px;
    }

    .loadhginfo2 .modal-body {
        border-radius: 0px;
        padding: 20px 1px;
        text-align: center;
        background-color: #22a6e7;
        border: 3px solid #22a6e7;
        margin-top: -1px !important;
        width: 100%;
    }

    .loadhginfo2 h2 {
        color: #121e46 !important;
        font-size: 20px !important;
        margin: 5px 0px 5px !important;
        padding: 0px !important;
        text-transform: unset !important;
        font-weight: bold !important;
        line-height: 35px;
        text-align: center;
    }

    .loadhginfo2 h3 {
        color: #5F5F5F !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: #121e46 !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 #22a6e7;
        color: #fbfbfb;
        background-color: #22a6e7;
        margin-left: 10px;
    }

        .btnaddroom:hover {
            background-color: #121e46;
            border: 1px solid #121e46;
            color: #fbfbfb;
        }

        .btnaddroom:active {
            background-color: #121e46;
            border: 1px solid #121e46;
            color: #fbfbfb;
        }

        .btnaddroom:focus {
            background-color: #121e46;
            border: 1px solid #121e46;
            color: #fbfbfb;
        }

    .bkngstts h3 {
        background: #e9e9e9 !important;
        color: #121e46 !important;
        display: inline;
        padding: 6px 15px !important;
        text-transform: uppercase;
    }

    .bkngstts a.colapse-link i.fa {
        color: #22a6e7;
    }


    @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: #121e46 !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: #22a6e7;
            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: #121e46;
        color: #fff !important;
        border-color: #121e46;
    }

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


    #tbStatus .options .nav-tabs > li.active > a {
        color: #fff !important;
        cursor: default;
        background-color: #22a6e7;
    }

    #tbStatus .nav-tabs > li.active > a:hover, #tbStatus .nav-tabs > li.active > a:focus {
        color: #fff !important;
        cursor: default;
        background-color: #22a6e7;
        border-color: #22a6e7;
        outline: none !important;
    }

    #btnSetCookiee .hover-btn {
        background-color: #ffffff !important;
        border-radius: 5px;
        color: #22a6e7 !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        border: 1px solid #22a6e7;
        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: #22a6e7;
        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: #22a6e7;
        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: #121e46;
        text-decoration: none;
    }

        .demoscrldwn a:hover {
            color: #22a6e7;
        }

    #scrldwn a:hover span {
        border-left: 2px solid #22a6e7;
        border-bottom: 2px solid #22a6e7;
    }



    #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 #121e46;
            border-bottom: 2px solid #121e46;
            -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: #121e46;
            opacity: 1;
        }

            #return-to-top:hover i {
                color: #fff;
                top: -2px;
                opacity: 1;
            }

    .trvlrhd {
        font-size: 16px;
        margin-bottom: 5px !important;
        color: #22a6e7;
        background: #d1eaf7;
        padding: 10px;
    }

    .stop-heading h4 {
        font-size: 16px;
        color: #22a6ea;
        text-decoration: underline;
        margin-bottom: 0;
        margin-top: 25px;
        font-weight: 600 !important;
    }

    .ui-datepicker .ui-datepicker-title select {
        color: #121e46 !important;
    }

    #theCarousel .table tr td {
        font-size: 13px;
        padding: 5px !important;
        border: 1px solid #cdeeff !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: #22a6e7;
        background: none !important;
    }

    .dateslide #theCarousel .carousel-control.right {
        right: 0% !important;
        color: #22a6e7;
        top: 23% !important;
        height: auto;
        text-shadow: none;
    }

    .dateslide #theCarousel .carousel-control.left {
        left: 0% !important;
        color: #22a6e7;
        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: #22a6e7 !important;
        }

            .dateslide #theCarousel .table tr td.activedtsld a {
                color: #fff !important;
                font-weight: bold !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 #cdeeff !important;
    }

    #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: #22a6e7 !important;
            cursor: pointer;
            border: 0px;
            border-bottom: 3px solid #22a6e7;
        }


    #baggage .nav-tabs > li.active > a, #baggage .nav-tabs > li.active > a:hover, #baggage .nav-tabs > li.active > a:focus {
        background-color: #fbfbfb;
        color: #22a6e7 !important;
        border: 0px;
        border-bottom: 3px solid #22a6e7;
    }

    #baggage .panel-default > .panel-heading {
        border-bottom: 1px solid #22a6e7;
    }

    #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: #EAF0FF;
        border-top: 1px solid #ccc;
    }

        .htlratesbg2 .ttlcost {
            min-width: 100px;
            display: inline-block;
            width: 50%;
            font-weight: 700;
            text-align: right;
            font-size: 20px;
            color: #121e46;
        }


    #divHotelInfo ul li {
        list-style-type: none;
    }

        #divHotelInfo ul li::before {
            content: "";
            display: inline-block;
            width: 9px;
            height: 9px;
            border-right: 3px solid #0f1b44;
            border-top: 3px solid #0f1b44;
            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 #c7ecff;
    }



    /* Tabbed Styles */
    .tabbed {
        width: 80%;
        margin: 0 auto;
        border-bottom: 3px solid #22a6e7 !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%;
        }

            .tabbed ul li {
                display: block;
                float: left;
                padding: 10px 10px 7px;
                background-color: #d8d8d8;
                margin-right: 20px;
                z-index: 2;
                position: relative;
                cursor: pointer;
                color: #264188;
                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: #d8d8d8;
                    transition: all 250ms ease;
                }

                .tabbed ul li:before {
                    right: -5px;
                    /*transform: skew(20deg, 0deg);*/
                    box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
                }

                .tabbed ul li:after {
                    left: -5px;
                    /*transform: skew(-20deg, 0deg);*/
                    box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
                }

                .tabbed ul li:hover,
                .tabbed ul li:hover:before,
                .tabbed ul li:hover:after {
                    background-color: #F4F7F9;
                    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: #121e46;
                        color: #fff;
                    }

                        .tabbed ul li.active a {
                            color: #fff;
                        }

                .tabbed ul li a {
                    color: #828282;
                }

                    .tabbed ul li a:focus {
                        outline: none !important;
                    }
        /* Round Tabs */
        .tabbed.round ul li {
            border-radius: 5px 5px 0 0;
        }

            .tabbed.round ul li:before {
                /*border-radius: 0 8px 0 0;*/
                border-top-right-radius: 5px;
            }

            .tabbed.round ul li:after {
                /*border-radius: 8px 0 0 0;*/
                border-top-left-radius: 5px;
            }

    .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;
        }
    }

    @media (min-width:481px) and (max-width:767px) {

        .currconvrssr {
            bottom: 25px !important;
            right: 0px !important;
        }

        .mainwrapper {
            position: absolute;
            right: 0;
            top: 0%;
            bottom: 0;
            padding: 20px 0;
            width: 100% !important;
            left: 0 !important;
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .smfbanner {
            width: 100% !important;
            height: 880px !important;
        }
    }

    @media (min-width:150px) and (max-width:480px) {
        .smfbanner {
            width: 100% !important;
            height: 880px !important;
        }

        .currconvrssr {
            bottom: 25px !important;
            right: -29px !important;
        }

        .mainwrapper {
            position: absolute;
            right: 0;
            top: 0%;
            bottom: 0;
            padding: 20px 0;
            width: 100% !important;
            left: 0 !important;
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .currconvrssr::after {
            left: 57% !important;
        }
    }

    @media (min-width: 768px) {
        .htlimgnew {
            width: 21% !important;
            float: left;
            padding: 0px;
            position: relative;
        }

        .htlinfonew {
            width: 79% !important;
            float: left;
            padding: 0px 10px 0px 20px;
        }
    }

    @media (min-width:1200px) and (max-width:1274px) {
        .CombdataDiv {
            margin-right: 9% !important;
            width: 59% !important;
        }

        .bottom {
            top: auto;
            bottom: 0;
            position: static;
            width: 100% !important;
        }
    }


    @media (min-width:992px) and (max-width:1199px) {
        .CombdataDiv {
            margin-right: 5% !important;
            width: 87% !important;
        }

        .bottom {
            top: auto;
            bottom: 0;
            position: static;
            width: 100% !important;
        }
    }

    @media (min-width:769px) and (max-width:991px) {
        .CombdataDiv {
            margin-right: 2% !important;
            width: 96% !important;
        }

        .bottom {
            top: auto;
            bottom: 0;
            position: static;
            width: 100% !important;
        }
    }

    @media (min-width:150px) and (max-width:768px) {
        .CombdataDiv {
            margin-right: 5% !important;
            width: 90% !important;
            padding-bottom: 0px !important;
        }

        .bottom {
            top: auto;
            bottom: 0;
            position: static;
            width: 100% !important;
        }
    }

    @media (min-width:150px) and (max-width:331px) {
        .Re-lable {
            float: right !important;
            margin-top: -18px;
            padding-left: 4px;
        }
    }



/*star rating css start*/
.strrtngs {
    background: #ffffff;
    border-top: 1px solid rgb(0, 0, 0);
    padding: 13px;
    position: absolute;
    z-index: 1111;
    width: 93%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.srchbg .panel-body .strrtngs input[type=checkbox] + label {
    color: #000000 !important;
}

.strrtngs input[type=checkbox] + label::before {
    border: 1px solid #164fa0;
    left: 0px;
}

.strrtngs .radio label, .strrtngs .checkbox label {
    padding-left: 28px !important;
}

.strrtngs .checkbox input[type=checkbox] + label::after {
    left: 1px;
    top: 4px;
    width: 13px;
    height: 13px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==) no-repeat center center !important;
}

.strrtngs .checkbox {
    border-bottom: 1px solid #ededed;
    padding-bottom: 3px;
}

.strrtngs:nth-child(5) .checkbox {
    border-bottom: 0px solid #000;
}
/*star rating css end*/