@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: #f3f3f3;
    font-family: 'Roboto', sans-serif !important;
}

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

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

table{width:100% !important;}


label{    font-weight: normal;}

#header {
    background: #064a77;
}

.txtcolor{color:#064a77 !important;}

#lblAgWs{color:#0a8bbd;}
#spAgWsComm{color:#0a8bbd;}

.d-inline{display:inline;}

.navbar-right {
    float: right;
}

.nomargin {
    margin: 0 !important;
}
.m-0{
	margin:0 !important;
}
.nopadding {
    padding: 0 !important;
}

#logo {
    border-bottom: 1px solid #064a77;
    background: #fff;
    padding: 5px 0px;
}

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

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

    #logo .name {
        font-family: 'Roboto', sans-serif;
        color: #0a8bbd;
        font-size: 17px;
        float: right;
        cursor: pointer;
    }
    .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;
}

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

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

   


#maincontent h2 {
    color: #0a8bbd;
    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: #0a8bbd;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    margin: 12px 0px 15px;
    /*background: url(../../images/Header/rb.jpg) no-repeat left bottom;
	padding-bottom: 12px;*/
}

#maincontent h3 a{ color:#064a77 !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;
}

.detail select {
    color: #000000 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    width: 100%;
    background: rgba(242, 242, 242, 0);
    border: 0px;
    border-bottom: 1px solid #B9C1CA;
    -webkit-appearance: none !important;
    background: transparent url(../images/da.png) no-repeat right center;
    -moz-appearance: none !important;
       padding: 0;
    box-shadow: none;
    border-radius: 0;
    padding-right: 7px;
    padding-left: 0 !important;
}

:focus {
    outline: none !important;
}

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

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

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

.mgtop {
    margin-top: 27px;
}

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

#maincontent a {
    text-decoration: none !important;
    color: #000;
    cursor:pointer;
}

.mg0 {
    margin-top: 0px;
}

.detail p {
    color: #929292;
    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: #fff;
    padding: 0px 25px 70px;
    box-shadow: -12px -11px 31px -3px #ccc;
}

.mgtop25 {
    margin-top: 25px;
}

.tc {
    color: #064a77 !important;
    background: none !important;
    font-size: 15px !important;
}

.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: 12px;
    }

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

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

    .reg a {
        color: #fff !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: #064a77;
            border-radius: 5px;
        }

#maincontent {
    background: #f3f3f3;
    min-height: calc(100vh - 250px);
}

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

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

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

.mgb50 {
    margin-bottom: 50px;
}

footer {
    padding: 15px 0px;
    background: #fff;
    font-size: 13px;
}

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

.right {
    float: right;
}

header .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0a8bbd;
}

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

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

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

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

    .whitebg.hsrd {
        margin-top: 10px !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: #0a8bbd;
    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: #064a77;
        color: #fff;
        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 {
            background: url('../images/minus-63.png') no-repeat center right;
        }

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

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

    .accordion a {
        text-decoration: none;
        border-bottom: 1px solid #ccc;
        color: #000;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        padding: 13px 10px;
        display: block;
        cursor: pointer;
        background: url('../images/plus-63.png') no-repeat center right;
    }
    /* Level 2 */
    .accordion li ul li {
        background: rgba(51, 204, 255, 0);
        font-size: 0.9em;
    }
    .accordion li ul li label{font-size: 14px;}

.tncul{float: left;
    width: 100%;
    padding: 0px 0px 0px 15px !important}

    .tncul ul{ float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;}

.inner ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    .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: #0a8bbd !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:hover, .nav-tabs > li.active > a:focus {
    color: #fff !important;
    cursor: default;
    background-color: #0a8bbd;
    /* border: 0px; */
}

.options .nav > li > a {
    margin-bottom: 0px;
    padding: 9px 5px;
    font-size: 13px;
}

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

.panel {
    box-shadow: 0px !important;
}

.options .lh {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.mgt45 {
    margin-top: 45px;
}

.cal {
    border-bottom: 1px solid #b9c1ca !important;
    margin-top: 11px !important;
    color: #929292 !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{    background-color: #0a8bbd !important;}

.inpt:focus{    border-bottom: 1px solid #0a8bbd !important;}

.more .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #0a8bbd;
    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: #000000 !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-family: 'Roboto', sans-serif !important;
    margin: 0px 0px 22px !important;
}

.approval h3 {
    color: #0a8bbd !important;
    font-size: 18px !important;
    font-family: 'Roboto', sans-serif !important;
    margin: 0px 0px 15px !important;
    background: none !important;
    font-weight: 500;
    padding-bottom: 4px !important;
}

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

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

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

.border2 {
    border: 1px solid #d4d4d4;
    border-bottom: 0px;
}

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

.approval select {
    color: #929292;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    width: 100%;
    background: rgba(242, 242, 242, 0);
    border: 0px;
    border-bottom: 1px solid #B9C1CA;
    padding-bottom: 5px;
    -webkit-appearance: none !important;
    background: transparent url(../images/da.png) no-repeat right center;
    -moz-appearance: none !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: #0a8bbd;
            border-radius: 4px;
        }

.mgtop7 {
    margin-top: 7px;
}

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

.approval h4 {
    color: #222222;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 0px;
}

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

.mp {
    font-size: 14px !important;
    color: #0a8bbd !important;
    margin: 30px 0px 20px !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: #0a8bbd;*/
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        text-decoration: none;
        display: inline-block;
        transition: 0.2s;
        padding: 10px;
        border-radius: 4px;
    }

        .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: 22px;
        color: #0a8bbd !important;
    }

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

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

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

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



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

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

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

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

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

.mem-det-btn a {
    background-color: #0a8bbd;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .mem-det-btn a:hover {
        background-color: #064a77;
    }


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



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

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

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

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

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

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

.update-profile {
    padding: 0px;
    /*border-left: 1px solid #ccc;*/
}

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

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


.upt-prof-btn a {
    background-color: #0a8bbd;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}


    .upt-prof-btn a:hover {
        background-color: #222222;
    }

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

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

.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: #0a8bbd;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 10px 20px;
    border-radius: 4px;
    border: 0;
}


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

.user-prfl-modal .modal-footer {
    padding: 15px 15px;
    border-top: 1px solid #d8efff;
    background-color:#fff;
}

.user-prfl-modal .modal-dialog {
    max-width: 725px;
    /*height: 450px;*/
    overflow: hidden;
}

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

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

.modal-body {
    max-height: 380px;
    overflow-y: auto;
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 15px 25px;
}

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

.modal-header {
    padding: 15px 30px;
    border-bottom: 1px solid #064a77;
    float: left;
    width: 100%;
    background-color: #ffffff;
    color: #0a8bbd;
}

.modal-header-bg {
    background-color: #064a77;
    color: #ffffff;
}

.modal-footer-bg {
    background-color:#d8efff;
    color: #0a8bbd;
}

.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 {
    height: 40px;
    margin-top: 10px;
}*/

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

h4.modal-title {
    font-weight: 500;
    font-size: 22px;
}

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

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


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

.room-dd {
    width: 100%;
    min-height: 30px;
    height: auto;
    border-bottom: 1px solid #B9C1CA;
    margin-top: 20px;
    margin-bottom: 17px;
    z-index: 10;
}

    .room-dd.bg-dd {
        background: transparent url("../images/da.png") no-repeat right center;
    }

    .room-dd a {
    color: #0a8bbd !important;
        display: block;
    }

.roon-dd-menu {
    left: -2px;
    right: 0;
    padding: 15px;
    background: #fff;
    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: 28px;
}

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

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

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

a.close_pax {
    font-size: 12px;
    color: #666;
    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 #762a37;}

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

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

.img-outline {
    outline-offset: -15px;
    max-height: 147px;
}


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

.banner-sec {
    position: relative;
}

.logfrm {
    float: left;
    width: 100%;
    background-color: transparent;
    border-radius: 5px;
      padding: 10px 20px 0px 20px;
    }
.login-form .form-group .inp {
    background-color: #064a77;
    height: 43px;
    border-radius: 0px;
    position:relative;
}

.login-form .form-group .inp img {
    padding: 11px 7px 7px 13px;
}

.login-form .form-group .inp .fa{    position: absolute;
    left: 48px;
    font-size: 27px;
    color: #064a77;
    top: 20%;}





.login-form .form-group .inp .usr{border-radius: 0px;}

.login-form .form-group .inp.pwdbg{
    border-radius: 0px;
    border-top: 0px solid #e8e8e8;
    }

.login-form .form-group .inp .pwd{border-radius: 0px;margin-top: 0px;}


.login-form .form-control {
    height: auto;
    border-radius: 0px 5px 5px 0px;
    padding:5px 5px 5px 15px;
    border: 1px solid #e8e8e8;
    background-color: #ffffff;
    color: #000;
    width: 85%;
    height: 43px;
    float: right;
    margin-top: 0px;
    margin-right: -1px;
    position:
    relative;
}



/*form.login-form input.form-control {
             height: 42px;
             border-radius: 0px;
             padding: 5px 10px 3px;
             border: 1px solid #d4d4d4;
             font-size: 15px;
             width: 100%;
             margin-left: 0%;
}

.login-form label.control-label {
  font-size: 13px;
    color: #000;
    font-weight: 400;
    margin: 0;
    position: absolute;
    top: -8px;
    z-index: 1;
    left: 5px;
    background-color: #fff;
    padding: 0px 5px;
}*/
.reg-links span {
    display: inline-block;
    min-width: 100%;
}

.reg-links a {
   color: #414141;
    font-weight: normal;
    font-size: 13px;
    text-decoration: underline;
    text-align: center;
}

.reg-links a:hover{text-decoration: none; color:#064a77;}

.logbg .reg-links{width: 100%; float: left;}

.logbg .reg-links a {
    color: #064a77;
    font-weight: normal;
    font-size: 14px;
    text-decoration: underline;
    text-align: center;
    float: none;
}
.baner-lhs .logbtn {
    /* position: absolute; */
    /* bottom: -22px; */
    /* left: 0; */
    /* right: 0; */
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
    float: left !important;
     margin-bottom: 15px;
}

.baner-lhs .hfbtn.submit-btn {
    width: 80%;
     margin: 5px auto 0px;
    text-align: center;
    padding: 10px 15px;
    font-size: 21px;
    height: auto;
    border-radius: 0px;
    background: #0a8bbd;
    color: #fff;
    line-height: normal;
    text-transform: uppercase;
    font-weight: bold;
    border: 0px;
    opacity: 1 !important;
    cursor: pointer !important;
    box-shadow: none;
    display: block;
}

.baner-lhs .hfbtn.submit-btn:hover, .baner-lhs .hfbtn.submit-btn:focus, .baner-lhs .hfbtn.submit-btn.focus {
    background: #064a77;
    cursor: pointer !important;
}


.submit-btn{
    width: 85%;
    padding: 12px 20px;
    line-height: normal;
    height: auto;
    border-radius: 0px;
    border: 0px;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold;
    background-color: #0a8bbd;
    margin-top: 3px;
    box-shadow: none !important;
    }

.submit-btn:hover, .submit-btn:focus, .submit-btn.focus{
    color: #ffffff;
    background: #0a8bbd;
    cursor: pointer !important;
    }

#access_account .modal-header{background-color: #0a8bbd;
    color: #fff;
    padding: 10px;
    font-size: 13px;}

#access_account .modal-header .close{    opacity: 0.8;
    color: #fff;
        text-shadow: 0 1px 0 #464646;
}

#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: #efefef;
}
.bg-white {
    background: #fff;
}
.banner-caption {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-form .form-group {
    margin-bottom: 0px;
    position: relative;
    float: left;
    width: 100%;
}
.homepage .main-form {
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.login-form {
    padding: 0px;
    float: left;
    width: 100%;
}


.baner-lhs {
             background-color:#f5f5f5;
             padding: 0px;
             border-radius: 5px;
             float: left;
             width: 100%;
             box-shadow: 0px 0px 5px 1px #000000d6;
}

.loghead{
   float: left;
   width: 100%;
   padding: 12px;
   background-color: #064a77;
   font-size: 25px;
   font-weight: bold;
   color: #ffffff;
   line-height: normal;
   text-align: center;
   margin-bottom: 0px;
   border-radius: 5px 5px 0px 0px;
   }

.loghead h4{
    color: #064a77 !important;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin-top: 20px;
    }

.loghead h4 span{
                   width: 13%;
                   height: 5px;
                   background-color: #0a8bbd;
                   position: absolute;
                   margin-left: 43%;
                   bottom: 0px;
                   float: left;
                   left: 0;
}

.logbg{
    float: left;
    width: 100%;
    padding: 20px 0px 10px 0px;
    background-color: #f4f4f4 !important;
}

.logbg label{
    color: #064a77;
    font-size: 14px;
    width: 98%;
    margin-left: 2%;
    margin-bottom: 0px;
    margin-top: 4px;
    }
.logbg .inp{position:relative;}
.logbg .inp img{position: absolute;
    right: 10px;
    top: 10px;}

.homepage .main-form{
	       margin: 0px auto;
	       width: 100%;
	       float: left;
	       border-radius: 0px 0px 10px 10px;
}

.logbg .logout-btn{
    float: left;
    width: 100%;
    /* position: absolute; */
    /* bottom: -27px; */
    left: 0px;
    }

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

  .rail-rate{color: #0a8bbd !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;}

/*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: #0a8bbd;
    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 #0a8bbd;
    border-radius: 50px;
    position: absolute;
    clip: rect(0px, 73px, 163.1px, 0px);
    border-radius: 100%;
    background-color: #0a8bbd;
    
}
/* 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: 75px;
	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: 209px;
	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: 123px;
	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: 81px;
	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: 114px;
	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: 123px;
	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: 168px;
	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: 200px;
	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;
}

.data-td-inner-res2 {
        display: inline-block;
        width: 47%;
        margin: 0 !important;
        float:left; 
    }

.lyltyvocbg{background-color: #ffffff; border: 1px solid #d4d4d4;}
.lyltyvocbg-slct{box-shadow: 0px 1px 7px 2px #ccc !important;background-color: #ffffff;    border: 1px solid #d4d4d4;}
#spTotalPoints{    font-weight: bold !important;
    font-size: 19px !important;}

#voucherdv .checkbox label{
font-weight: bold;
    font-size: 18px;
    margin-top: -5px;
    color: #0a8bbd;
}


.carousel-inner{max-height:510px;}


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

#Reminder .modal-content input[type=checkbox] + label {
    font-weight: normal;
}

.agebtn{padding: 5px 10px;
    border: 1px solid #0a8bbd;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px;
    margin-top: 10px !important;
    background-color: #fff;
    float: left;
    width: 100%;
    cursor:pointer;
    color: #0a8bbd !important;}

.agebtnselected{background-color: #0a8bbd !important;
    color: #fff !important;
    padding: 5px 10px;
    border: 1px solid #0a8bbd;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px;
    margin-top: 10px !important;
    float: left;
     cursor:pointer;
    width: 100%;
}
.fa-question-circle:before {
    content: "\f059";
    font-size: 17px;
    color: #0a8bbd;
}
.car-carousel{background-color:#fff; border-radius:5px; border:1px solid #ccc; padding:10px; float:left; width:100%;}
.count {font-size: 11px;
    background-color: #ffde3c;
    color: #000000;
    padding: 1px 3px;
    border-radius: 3px;
    line-height: normal;
    margin-right: 8px;
    position: relative;
    margin-top: 2px;
    float: left;
}

.count::after{content: '';
    position: absolute;
    top: 24%;
    left: 100%;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #ffde3c;}
.inclsn {
    float: left;
    width: 100%;
    padding-left: 10px;
}

.exclsn {
    float: left;
    width: 100%;
    padding-left: 10px;
}

.inclsn li {
    list-style-type: none;
}

.exclsn li {
    list-style-type: none;
}

.inclsn .fa-check {
    color: green;
    margin-right: 5px;
}

.exclsn .fa-times {
    color: rgb(216, 0, 67);
    margin-right: 5px;
}

    .exclsn .fa-times:before {
        font-size: 17px;
    }

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

.showresult.cr-search .crinfo {
    margin-top: -10px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.showresult.cr-search .fullwidth {
    height:100px;
    /*height: auto;*/
    /*min-height:145px;*/
    max-height: 120px;
    width: 100%;
    margin-bottom: 5px;
}

.showresult.cr-search .brndimg {
      margin-bottom: 5px;
    width: auto;
    height: 50px;
    max-width: unset;
}

.showresult.cr-search ul.crsearch {
    margin-left: 25px;
    float: left;
    width: 98%;
}

.showresult.cr-search h5 {
    color: #157f41;
}

.showresult.cr-search ul.crsearch li {
    list-style-image: url(../images/cs-check-ico.png);
    font-size: 13px;
    line-height: 22px;
}

.showresult.cr-search .crbrand {
    text-align: center;
    padding: 5px;
    border: 1px solid #0a8bbd;
    border-radius: 5px;
    color: #0a8bbd;
}

.showresult.cr-search li.ratewidth2 {
    padding-left: 10px;
}

.showresult.cr-search .rate {
    padding: 50px 0;
}

    .showresult.cr-search .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;
    }

.showresult.cr-search .moreinfo {
    color: #0a8bbd !important;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 9px;
    float: left;
    margin-top: 5px;
}

.showresult.cr-search .hotel-desc p.address {
    margin-bottom: 5px;
}

.showresult.cr-search p {
    font-size: 13px !important;
    margin: 10px 0px;
}
.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

#carousel-tilenav.carousel .item .col-xs-12 {
   padding: 0px 3px;
}

#carousel-tilenav.carousel .item .col-xs-12 a{padding: 10px 5px;border:1px solid #e4e4e4;background-color:#fff;border-radius:5px;float:left;width:100%;     height: 180px;}
#carousel-tilenav.carousel .item .col-xs-12 a .carname{font-size: 15px;height: 18px;overflow-y: auto;}

#carousel-tilenav.carousel .item .col-xs-12 a img{max-height:60px; max-width: 100%;}

.new-badge {
    display: inline !important;
    position: absolute;
    height: 15px;
    top: -7px;
    right: -15px;
}
.nat-txt{margin-top:-10px !important;}
.emrgcont{text-decoration:underline; font-weight:normal;float: left;
    width: 100%;}
.emrgcont:hover{text-decoration:none; font-weight:bold;}

#OttilaContactPopup .modal-header h5, #OttilaPopup .modal-header h5{   font-size:16px;}
#OttilaContactPopup .modal-header i, #OttilaPopup .modal-header i{font-size: 17px;}

#OttilaContactPopup .modal-body h5, #OttilaPopup .modal-body h5{    font-size: 14px;
    line-height: 18px; font-weight: normal;}

.cntnum{font-weight:500;}

.eml{text-transform:lowercase; float:left; width:100%; }

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


#ERAproductInfo ul{padding-left: 20px !important;}
.mrg-top07 {
    margin-top: 7px !important;
}

.mrg-lft-10 {
    margin-left: -10px !important;
}

.erah4 {background-color: #e8e8e8;
    padding: 10px;
    font-size: 14px;}
.erah4 small{font-size: 12px;}

.fa-question-circle:before {
    content: "\f059";
    font-size: 17px;
    color: #0a8bbd;
}


.eraopentr{    background-color: #f6f3f3;}

.eracoltr {
        background-color: #f6f3f3;
    padding: 10px;
}

.table-responsive table.eracoltbl{background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 3px #ccc;
   width: 96% !important;
    margin: 10px 2% 20px;
    vertical-align: middle;
}

.eracoltbl h4{font-size: 16px;}

table.eracoltbl tr td{    vertical-align: middle;
    padding: 5px 8px;}

.eracoltblmain.table-bordered > thead > tr > th{border-left:0px; border-right:0px; border-bottom:0px;}

.eracoltblmain.table-bordered > thead > tr > td, .eracoltblmain.table-bordered > tbody > tr > td{border-left:0px; border-right:0px;}

table.eracoltblmain{border: 1px solid #ddd;}

.eraopentr td{border-bottom: 0 !important;}

.eracoltr.collapse td{border-top: 0 !important;}
.eracoltr.collapse .eracoltbl td.total{border-top: 1px solid #ddd !important;}




#rmndbk .fa-edit {
    font-size: 17px;
    content: "\f044";
    color: #000000;
}

.sticky#myHeader {
  position: fixed;
  top: 0;
      width: 100%;
    z-index: 9;
    left:0px;
    text-align:center;
}

.sticky#myHeader + .content {
  padding-top: 102px;
}


.ertckt .table{border:1px solid #ddd}

.ertckt .table tr th{background: #f1e8ff;}

.ertckt thead.main-head tr th{    padding: 10px 6px !important;
    font-size: 14px !important;}

.ertckt .mnprccur{
    padding-bottom: 0px;
    border-bottom: 1px solid #ffffff;
    float: right;
    margin-bottom: 7px;
    }
.ertckt .mnprccur.collapsed{
       padding-bottom: 0px;
    border-bottom: 1px solid #0a8bbd;
    float: right;
    font-weight: bold;
    color: #0a8bbd !important;
    margin-bottom: 5px !important;
    }

.erdur{font-size:13.5px; color:#575757;}

.erprccur{font-size:13.5px;}

.erexpobg{background-color: #fbfbfb;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px #00000040; 
    width:100%;
    float:left;
    padding: 0px 0px 10px;
}


.erexpobg .nav-tabs{    padding: 0px 10px;}


.erexpobg .nav-tabs > li.active > a{
    color: #0a8bbd !important;
    cursor: default !important;
    background-color: #fbfbfb !important;
    font-weight: bold !important;
    border-bottom: 3px solid #0a8bbd !important;
    margin: 0px !important;
        text-align: center;
}



.erexpobg .nav-tabs > li a{
    padding: 9px 15px 2px;
    font-size: 15px;
    color: #7d7d7d !important;
    font-weight: bold;
    margin: 0px !important;
        text-align: center;
    }


.erexpobg .nav-tabs > li a span{display: block;
    text-align: center;
    font-weight: normal;color: #7d7d7d;    font-size: 13px;}

.erexpobg .nav-tabs > li.active > a span{display: block;
    text-align: center;
    color: #505050;
    font-weight: normal;}
.erexpobg .nav-tabs > li.active > a.trpdtl{padding-bottom: 0px; border-bottom: 0px solid #dddddd !important;
    margin-bottom: 4px !important;    text-align: left;
    padding-left: 0px;}



.erexpobg .trpdtls .trptmng{
    border-top: 1px dashed #333;
    padding-top: 10px !important;
    }

.erexpobg .trpdtls .trptmng .stpico{width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid #222222;
    background-color: #fbfbfb;
    float: left;
    position: absolute;
    top: -8px;
    text-align: center;}
.erexpobg .trpdtls .trptmng .stpico.lft{left: 0;}
.erexpobg .trpdtls .trptmng .stpico.cntr{left: 46%;}
.erexpobg .trpdtls .trptmng .stpico.rght{right: 0;}

.erexpobg .tab-content h5{font-size:16px;}
.erexpobg .tab-content{float: left;
    width: 100%;
    padding: 10px;}

.erexpobg [class*=icheck-]>input:first-child+input[type=hidden]+label::before, .erexpobg [class*=icheck-]>input:first-child+label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #D3CFC8;
    border-radius: 0;
    margin-left: -20px;
    margin-top: 3px;
}

.erexpobg [class*=icheck-]>input:first-child:checked+label{font-weight:bold;}

.erexpobg [class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, .erexpobg [class*=icheck-]>input:first-child:checked+label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -2px;
    width: 6px;
    height: 9px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);
}

.erexpobg .icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .erexpobg .icheck-primary>input:first-child:checked+label::before {
    background-color: #14b33d;
    border-color: #14b33d;
}

.erexpobg .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before, .erexpobg .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
    border-color: #14b33d;
}

.erexpobg [class*=icheck-]>label {
    padding-left: 21px!important;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
        margin-right: 15px;
    font-size: 15px;
}
.erexpobg table.subtbl{    border: 1px solid #cacaca;
    background-color: #f9f9f9;
    margin-top: 15px; 
    margin-bottom:0px;
}

.erexpobg table.subtbl th{    padding: 8px !important;
    background-color: #f5f5f5;
    color: #424242;
    font-size: 15px;
    font-weight: 500;}

.erexpobg table.subtbl td{
    padding: 8px !important;
    color: #424242;
    /*font-weight: 500;*/}

.d-block{display:block;}


.emrgcont{text-decoration:underline; font-weight:normal;float: left;
    width: 100%;}
.emrgcont:hover{text-decoration:none; font-weight:bold;}

#OttilaContactPopup .modal-header h5, #OttilaPopup .modal-header h5{   font-size:16px;}
#OttilaContactPopup .modal-header i, #OttilaPopup .modal-header i{font-size: 17px;}

#OttilaContactPopup .modal-body h5, #OttilaPopup .modal-body h5{    font-size: 14px;
    line-height: 18px; font-weight: normal;}

.cntnum{font-weight:500;}

.eml{text-transform:lowercase; float:left; width:100%; }

.newheadbg{    background-color: #f5faff !important;
    min-height: 30px;
    margin: 0px;}


.erapassbg{font-size: 14px;vertical-align: middle !important; border-top:0px !important; background-color: #f5faff; border: 3px solid #fff; border-left:0px; border-right:0px; padding: 2px 3px !important;}

.erahgltp{font-size: 14px;vertical-align: middle !important; border-top:0px !important; background-color: #dedede; border: 3px solid #fff; border-left:0px; border-right:0px; padding: 2px 3px !important;}

.eratktbg{background-color: #ffffff;}
.erahglt{background-color: #dedede;    padding: 2px 3px !important;}

.timepkr{float:left;    margin-top: -11px;
                             width:110% !important;
                             position:absolute;
                             z-index:999;
                             background-color:#fff;
                             padding:0px;
                             border:1px solid #ccc;
                             font-size:13px;
                             left: 13px;
}

.timepkr .timsec a{
    padding: 5px;
    float: left;
    text-align:center;
    width: 100%;
    }
.timepkr .timsec a:hover{padding:5px; float: left; background-color:#0a8bbd; color:#fff !important; text-align:center;}

.timepkr .timsec{width:33%;float:left;padding: 3px;border-right: 1px solid #ccc;}

.timepkr .timsec .tim{float:left; width:100%;}
#modalRefundCartItems input[type=checkbox] + label::before{left: 6px !important;
    top: 5px !important;}

    #modalRefundCartItems input[type=checkbox] + label::after{left: 5px !important;
    top: 5px !important;}


    .undrln{text-decoration:underline !important;}

    .onreq-spn{color: #696969;
    font-weight: normal;
    font-size: 11px;
    margin-left: 12px;
    margin-top: -1px;
    float: left;}

    .valueads {
      font-size: 12px !important;
    margin-left: 0px !important;
    margin-bottom: 5px !important;
    margin-top: 2px !important;
}
.valueads .collapse.in {
    display: inline !important;
    width: 100%;
    float: left;
}
.maleopt label, .maleopt input[type="radio"]:checked + label, .maleopt input[type="checkbox"]:checked + label{
      font-weight: 500 !important;
    padding-top: 0px;
    color: #0a8bbd !important;
    opacity: 1;
    font-size: 14.5px;
    margin-left: 5px;}

.trnsicon{padding-right:8px;width: 22px !important;height: 17px !important;float: left;}

.trnsicon i{font-size:13px;}

.tnslstspn{color: #343b53;}

.city:hover .tnslstspn{color: #ffffff;}

.trnslst .select--hoshi-new{width: 100% !important;}

.pannel-table-hsr .badge
{
background: #f1e8ce !important;
    color: #0a8bbd !important;
}
.trnsimg{max-height:150px !important;
         width:100% !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{color:#ffffff !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{color:#ffffff !important;}



.insr .bdr-rad5{border-radius: 5px !important;}

.insr h4{ font-size: 16px !important;}

.insr h6{font-size: 13px; font-weight: normal;}

.insr .insrrcchk{padding: 6px !important;
    border: 1px solid #d4d8de;
    border-radius: 5px;}

.insr .insrrcchk input{ margin-left: 5px !important;}


.insr .insrrcchk label{font-size: 14px;
    padding-left: 5px;}

.insr .insrrcchk label span{font-size: 12px;}

.insr .rcmdinsr{background-color: #FFFCF4;border-radius: 10px;padding: 5px 15px;border: 1px solid #E1D8BB;}

.insr .rcmdinsr h5{font-size: 15px;}

.insr .rcmdinsr ul{float: left;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    list-style-type: none;}

.insr .rcmdinsr ul li{ font-size: 14px;}

.insr .rcmdinsr .mainpnt{padding: 12px 10px !important;background-color: #0a8bbd;border-radius: 10px;color: #fff;}

.insr .rcmdinsr .mainpnt a{color: #fff !important;}


.insr .ribbon{color: #fff;
    width: 140px;
    height: 24px;
    line-height: 25px;
    padding-left: 11px;
    position: absolute;
    right: -10px;
    top: 8px;
    background: #0a8bbd;
    font-weight: bold;
    font-size: 16px;}
	
	.insr .ribbon:before, .insr .ribbon:after {
    content: "";
    position: absolute;
}
.insr .ribbon:before {
    height: 0;
    width: 0;
    top: -8.5px;
    right: 0.1px;
    border-bottom: 9px solid black;
    border-right: 9px solid transparent;
}

.insr .ribbon:after {
    height: 0;
    width: 0;
    left: -9.5px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #0a8bbd;
}

.insr input[type=checkbox] + label::before{    left: 4px !important;
    top: 3px !important;
}

.insr input[type=checkbox] + label::after {
    left: 4px !important;
    top: 2px !important;
}

#modalPayOnline .bdr1 {
    border: 1px solid #ddd !important;
}
#modalPayOnline .table, #modalPayOnline table{margin-bottom:0px !important;}

#modalPayOnline .table > tbody > tr > td{padding: 5px 10px !important;}

td, th {
    position: relative;
}
.newbadge{position: absolute;
    top: -13px;
    left: 5px;}

#logo .logo-res{height:95px !important;}

.mltslctnew .multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px;
    position: relative;
    opacity: 1 !important;
}

.mrkupdtl{width: auto !important;
    float: unset !important;
    display: inline !important;
    }

.mrkupdtl .fa-exclamation-triangle{font-size: 12px !important;}
.mrkupdtl.tooltip .tooltiptext{background-color: #ffffff;
    left: -125%;
    box-shadow: 0px 0px 5px #232323;
    border: 1px solid #595959;
    font-size: 13px;
    color: #333;} 
.mrkupdtl.tooltip .tooltiptext::after{content: "";
    position: absolute;
    bottom: 100%;
    left: 15%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #595959 transparent;}

.otprsnd{   background-color: transparent;
    border: 0px;
    padding: 5px 5px 0px 5px;
    text-decoration: underline;
    color: #3E3E3E;
    font-weight: normal;
    text-align: right;
    float:right;
    cursor:pointer;
 }

  .otprsnd:hover, .otprsnd:active, .otprsnd:focus{  
    text-decoration: none;
    color: #ec0b43;}

   .invdotp{color: #ec0b43;padding: 5px 5px 0px 5px; text-align: left;
    float:left;}

     .gsttxt {
font-weight: normal !important;
margin-left: 15px;
font-size: 11px;
margin-top: 0px !important;
float: left;
width: 100%;
}

.flo-lbl-tp0 {
    top: -20px !important;
    left: 15px !important;
    font-size: 14px !important;
}

.htlrtssrch {
    width: 100% !important;
    float: left !important;
}



    .htlrtssrch .htlsrchlbl {
        width: 75px !important;
        float: left !important;
        margin-top: 7px !important;
        font-size: 13px;
    }



    .htlrtssrch .htlsrchinpt {
        width: 69% !important;
        float: left !important;
    }



.searchbox .form-group .htlsrchinpt input.form-control {
    font-weight: normal !important;
}



.htlsrchbtngo {
    width: 10% !important;
    margin-right: 2px !important;
    padding: 11px 10px !important;
    margin-top: 5px !important;
    width: auto !important;
}



.htlsrchbtnclr {
    padding: 8px 10px !important;
    margin-top: -5px !important;
}



.tabbed ul li.active .htlsrchbtnclr {
    margin-top: -4px !important;
}

.rmtypsrch {
    position: relative !important;
    right: 0;
    margin-top: 0px;
    top: 0px;
}
    .rmtypsrch .btnnew {
        background: #064a77 !important;
        border: 0px !important;
        height: 35px !important;
        margin-top: 0px !important;
        padding: 5px 10px 8px !important;
        color: #fff !important;
    }



        .rmtypsrch .btnnew:hover {
            background: #4a4a4a !important;
            border: 0px !important;
            height: 35px !important;
            margin-top: 0px !important;
            padding: 5px 10px 8px !important;
        }
        .rmtypsrch .btnnew i {
            color: #fff !important;
        }

.curr-res-mrgtop {
    margin-top: -3px !important;
}




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

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
    .mrg-btm0-lg{margin-bottom:0px !important;}
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@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: 12px;
    width: auto !important;
    float: none;}

@media (max-width:1024px) {

          .text-center-md{text-align:center !important;}
    .btn-style-1 .acc {
        width: auto !important;
        float: right !important;
    }

    .reg {
        width: 100%;
        float: left;
    }

   
  a.btn.fltr-btn{padding: 6px !important;
font-size: 12px !important;}
    
        .acc a {
            font-size: 13px;
            padding: 10px 0px;
        }

    .reg a {
        font-size: 13px;
        padding: 10px 0px;
    }

    .f-13 p, .f-13 p span, .f-13 p i {
        font-size: 13px !important;
    }

    .blackb a {
        font-size: 11px !important;
    }


    .nowrap {
        white-space: nowrap;
    }
}

@media (max-width:992px) {
    .ftr-res p {
    text-align: center;
}
    .nobdr-sm {
        border: 0px !important;
    }

    .m-t-0-sm {
        margin-top: 0 !important;
    }
    .pull-left-sm {
        float: left !important;
    }

    .detail select.select--hoshi {
        margin-bottom: 10px;
    }

    .m-top-sm {
        margin-top: 12px !important;
    }

    .mrg-btm4-sm-xs {
        margin-bottom:4px !important;
    }

    .select--hoshi-sm {
        height: auto;
        margin-bottom: 5px;
    }

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


    .m-b-25-xs {
        margin-bottom: 25px;
    }

    .nobdr-xs {
        border: 0px !important;
    }

    .dollar-ico {
        margin: 10px 0 10px -15px !important;
        padding: 0;
    }

  


	.banner-caption {
    position: static;
    transform: translate(0, 0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding:20px 0;
    background: #ffffff;
}
.cation-image {
    margin-top: 0;
    margin-bottom: 10px;
}
.cation-image img.img-responsive, .homepage .main-form{
max-width: 110%;
    margin: 10px auto;
    margin-left: 0%;
    border-radius: 0px 0px 10px 10px;
}


}

@media (min-width:769px) {

    .visible-md {
        display: block !important;
    }

    .p-t-20-smmd {
        padding-top: 20px !important;
    }
}

@media screen (max-width:768px) {

    .thead-new {
        visibility: hidden !important;

    }
}
@media (max-width:768px) {
    /*.p-l-6-xs{
		padding: 0 6px;
	}
	*/

    .mltcrncrts.tooltip .tooltiptext table tbody{display: table !important;}
    .mltcrncrts.tooltip .tooltiptext table tbody{display: table-row-group !important;}
    .mltcrncrts.tooltip .tooltiptext table tr{display:table-row !important;}
     .mltcrncrts.tooltip .tooltiptext table tr td{display:table-cell !important; padding:0px !important;}
     .mltcrncrts.tooltip .tooltiptext table tr td.text-right{text-align: right !important;}

    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;
    }
     #logo .text-right {
        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: #fff;
            padding: 5px;
        }

    ul.nav.navbar-nav.navbar-right {
        float: none;
        width: 100%;
    }

        ul.nav.navbar-nav.navbar-right li {
            text-align: center;
            padding: 10px 0;
            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: #064a77 !important;
        border-color: rgba(255, 255, 255, 0.6) !important;
        width: 100%;
    }

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

    .xs-p0 {
        padding: 0;
    }

    .xs-m0 {
        margin: 0;
    }

    

    img.img-fluid.logo-res {
        display: inline-block;
        float: none;
        width: 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:#000;
    }

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

    .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 2px;
    float: left;
    display: inline-block;
    line-height: 35px;
    padding-left: 5px;
    }

    .rate p {
       display: inline-block;
    float: left;
    text-align: left !important;
    margin: 0px 2px;
    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;
    }

    .text-center-xs {
        text-align: center !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: #676767 !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: #676767 !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: #676767 !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: #676767 !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: #676767 !important;
    }
}

/*-----edge-end --*/
/*approval_detail*/
.upper {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px !important;
}

.redtext {
    color: #0a8bbd;
    /*text-decoration: underline;*/
}

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

.redicon {
    color: #0a8bbd !important;
}

.gap {
    height: 50px;
}



/*--------new-css----*/
#selectdrop {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url("../images/da.png") no-repeat right 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: 600;
}

*, *: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 {
         cursor:default;
    }

        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;
             cursor:default;
        }

        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;
             cursor:default;
        }

    input[type=checkbox]:checked + label::after {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
         cursor:default;
    }


     .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: 550px) {
    .data-td-inner-res {
        display: inline-block;
         width: 45% !important;
        width: calc(86% - 7px) !important;
        padding: 0px 10px;
    }
}
@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 #B9C1CA;
            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;
    }

     
    .tooltip-hoshi input {
        margin-top: 5px;
        padding-bottom: 0;
    }

.tooltip-inner {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.tooltip {
    z-index: inherit !important;
}

.ph.tooltip-hoshi-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    opacity: 0;
    transition: 0.5s ease all;
    z-index: 9;
}

/*---*/
label.radio-label {
    color: #929292;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: normal;
}

.tooltip-hoshi input:focus + label.input__label {
    border-color: #0a8bbd !important;
    transition: 0.4s all ease;
}
/*.mod-search.detail .lh {
    color: #0a8bbd;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 20px;
    font-weight: 700;
}*/

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

    .mod-search .lh {
        color: #0a8bbd;
        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: #929292;
    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: #0a8bbd;
        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: 20px 0 5px;
}
/*----------*/
.lh.sf {
    margin-bottom: -20px;
}

.select--hoshi {
    height: 24px;
    margin-top: 25px;
    margin-bottom: 10px;
    padding-left: 5px !important;
}
/*.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: #064a77 !important;
}

#MainBanner .lh.form-heading {
    font-size: 19px;
}
#MainBanner h5 {
       font-size: 16px;
    color: #0a8bbd;
}

.lh2.form-heading {
     font-weight: 400;
     background-color: #0a8bbd;
     color: #fff !important;
     padding: 6px 15px;
     border-radius: 5px 5px 0px 0px;
     font-size: 15px;
     float: left;
     margin-top: 10px;
     margin-bottom: 5px;
}

  .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: #0a8bbd;
                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: 2px 0 !important;
    }
}


@media (min-width:1200px) {
    .hotel-desc {
        margin-top: 5px !important;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
       .showresult {
        max-height: 145px;
    }

        .showresult.cr-search {
            max-height: unset !important;
        }

            .showresult.cr-search ul.crsearch li {
                font-size: 12px;
                line-height: 20px;
            }
    p.more-desc {
        font-size: 12px !important;
    }

    .hotel-desc h5.heading {
        font-size: 16px;
        font-weight: 700;
        color: #064a77;
        margin-bottom: 5px !important;
    }
}




/*--hover-button-*/

/*----redtoblack--*/
.newbtn{ padding: 12px;
    width: 100%;}
.hover-btn {
    background-color: #064a77 !important;
    border-radius: 5px;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
}

    .hover-btn:hover {
        background-color: #0a8bbd !important;
        border-radius: 5px;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
    }
    /*-----blacktored--*/
    .hover-btn.btn-reverse {
        background: #064a77 !important;
        border-radius: 5px;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        border: 0;
    }

        .hover-btn.btn-reverse:hover {
            background:#0a8bbd !important;
            border-radius: 5px;
            color: #fff !important;
            font-family: 'Roboto', sans-serif;
            text-transform: uppercase;
            font-size: 14px;
        }
/*----input-btn*/
input.btn-go:focus, input.btn-go:visited, input.btn-go:active, input.btn-go:hover {
    background: #064a77 !important;
}

input.btn-go {
    background: #0a8bbd !important;
}

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

.lowerheding {
    height: 4px;
    width: 60px;
    background-color: #0a8bbd;
    margin: -8px -1px 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 #999;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.quot .tooltip .tooltip-inner {
    border-radius: 0;
    background: #0a8bbd;
    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:#064a77;
}

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

.rem-room {
    float: right;
    color: #0a8bbd;
    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);
}

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

    .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: #064a77;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1px;
    margin-top: 0;
}

h4.city-red1 span{font-size:15px; font-weight:normal;}

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

.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 {
            color: #064a77 !important;
            background-color: #d8efff;
            font-size: 16px !important;
            font-weight: 500 !important;
            min-height: 30px !important;
            line-height: 30px !important;
            padding: 5px 10px !important;
            margin: 0 !important;
            border: none !important;
    }
.headrow h5 {
        color: #064a77 !important;
            background-color: #d8efff;
        font-size: 16px !important;
        font-weight: 500 !important;
        min-height: 30px !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: #0a8bbd;
    border-radius: 0;
    margin-bottom: 10px;
    color: #fff !important;
    padding: 6px 12px;
font-size: 14px;
}

.hsr-tab ul li a {
    margin-top: 0 !important;
}

.hsr-tab ul {
    border-color: #0a8bbd;
}

.p-t-0 {
    padding-top: 0 !important;
}

.hsr-tab ul.top-tabs-style li a:hover {
    border-color: transparent;
}

.whitebg-1 {
    background: #fff;
    display: block;
    clear: both;
    padding: 15px 0px;
    margin: 15px 0px;
    box-shadow: 0px 1px 7px 2px #ccc !important;
}

.noborder {
    border: none !important;
}

table.hsrrrtbl thead {
    background:#d8efff;
    -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: #064a77 !important;}
    #dvforward .hsrrrtbl a{color: #000 !important;}

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



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

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

.mbktbl2 thead.main-head tr th{border-left: 1px solid #d4d4d4;}

td.rr-detailpanel {
    padding: 10px;
}

.rr-detailpanel img{vertical-align:top !important;}

table.pannel-table-hsr {
    border: 1px solid #d4d4d4 !important;
    padding: 10px;
}

    table.pannel-table-hsr td {
        padding: 5px 5px 2px !important;
        vertical-align: top;
    }

a.hsr-colapse {
          background: #d8efff;
          color: #064a77 !important;
          border: 1px solid #abd1ec;
          font-weight: bold;
          font-size: 14px;
          padding: 2px 10px;
          border-radius: 5px;
          min-height: 22px;
          min-width: 80px;
          line-height: 22px;
          cursor: pointer;
          float: right;
          margin-right: 0%;
}
a.hsr-colapse .fa-plus:before{    font-size: 13px;}
a.hsr-colapse .fa-minus:before{    font-size: 13px;}

.hrates-plus-biz{color:#064a77 !important;}

a.hsr-colapse-new{ background:#d8efff;
    color: #064a77 !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: #0a8bbd;
    font-weight: 700;
    font-size: 14px;
    margin-right: 7px;
}

.p-l-10 span.hsr-room-heading {
    font-weight: 700;
    font-size: 14px;
    margin-right: 7px;
    padding: 5px;
    border-radius: 2px;
    background: #d8efff;
    color: #064a77 !important;
    border: 1px solid #abd1ec;
}

td.hsr-book span.tcost {
    min-width: 100px;
    display: inline-block;
    width: 46%;
    font-size: 15px;
    font-weight: 700;
    color: #222;
    text-align: right;
}

td.hsr-book span.tcosth{font-size: 16px;font-weight: 700;color: #222;}
td.hsr-book span.tcost2 {
    min-width: 100px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #0a8bbd;
    text-align: right;
    float: 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 {
    color: #fff !important;
    border-radius: 5px;
    min-height: 30px;
    min-width: 80px;
    line-height: 22px;
    padding: 3px 15px;
}

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 {
    color: #11772d;
}

span.status {
    font-size: 13.5px;
    font-weight: 700;
}

span.color-onreq {
    color: #ef8227;
}

span.hsr-room-heading label.radio-label {
       margin-left: 5px;
    margin-bottom: 0px;
    font-weight: 500;
    color: #0a8bbd !important;
        font-size: 13.5px !important;
}

.canpolcy{
    padding: 3px 4px;
    font-weight: 500;
    color: #4c4c4c;
    border-radius: 2px;
    font-size: 12px;
    }

.left-border {
    border-left: 1px solid #ccc;
}

@media (max-width:1199px) {
    td.hsr-book span.tcost {
        min-width: auto;
        display: inline-block;
        width: 72%;
    }
    td.hsr-book span.tcost-xs {
        min-width: auto;
        display: inline-block;
        width: 34%;
    }

     td.hsr-book span.tcost2 {
        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;
}

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

p.ss-duration {
    margin-top: 10px;
}

.showresult.ss-search p.more-desc {
    line-height: 1.5;
    margin-bottom: 15px;
}

p.ser-type {
    color: #000;
}

ul.sertypelist {
    padding: 5px;
    list-style: none;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
}

    ul.sertypelist li {
        display: inline-block;
        margin-right: 10px;
    }

        ul.sertypelist li p, ul.sertypelist li p label {
            margin: 0;
        }

@media (max-width:480px) {
    .col-xxs-12 {
        width: 100% !important;
    }

    .text-left-xxs {
        text-align: left !important;
    }
}

.plr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

header {
    margin-bottom: 10px;
}

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

.staricongrey {
    color: #717171 !important;
    font-size: 14px !important;
}

@media (max-width:1199px) {
    td.hsr-book span.tcost {
        min-width: auto;
        display: inline-block;
        width: 27%;
    }
      td.hsr-book span.tcost2 {
        min-width: auto;
        display: inline-block;
        width: 55%;
            float: none;
    text-align: left;
    }

    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: 10px;
}

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

.staricongrey {
    color: #717171 !important;
    font-size: 14px !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;
        }

        .tbl-res table.hsrrrtbl tbody.hsrr-tbody-main, .tbl-res table.hsrrrtbl tbody.hsrr-tbody-main table, .tbl-res table.hsrrrtbl tbody.hsrr-tbody-main table td, .tbl-res table.hsrrrtbl tbody.hsrr-tbody-main table tbody, .tbl-res table.hsrrrtbl tbody.hsrr-tbody-main table tr, .tbl-res table.hsrrrtbl tbody.hsrr-tbody-main tr, .tbl-res table.hsrrrtbl tbody.hsrr-tbody-main td{display: table;}


    tr.trhide {
        display: none !important;
    }

    .hidden-xs {
        display: none;
    }


   .data-td-responsive:before {
        content: attr(data-td);
        width: 95%;
        display: inline-block;
        font-weight: 500;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        vertical-align: top;
        float: left;
        padding: 0px 10px;
    }

 .data-td-inner-res {
        display: inline-block;
        width: 100% !important;
        margin: 0 !important;
        text-align: left;
        padding: 0 0 5px 10px;
    }

  .data-td-inner-res2 {
        display: inline-block;
        width: 47%;
        margin: 0 !important;
        float: left;
    }

    .data-td-responsive {
        width: 100%;
        padding: 0 !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;
    }

    .data-td-inner-res span.tcost {
        width: auto !important;
        text-align: left !important;
        padding-left: 5px;
        margin-right: 20px;
    }
}

@media (max-width:480px) {
    a.hsr-colapse {
   background: #FCE7D6;
    color: #0a8bbd !important;
    font-weight: bold;
    border: 1px solid #EAC5A7;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 5px;
    min-height: 22px;
    min-width: 80px;
    line-height: 22px;
    cursor: pointer;
    float: right;
    margin-right: 0%;
}
    span.hsr-room-heading{float: left !important;}

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:#d8efff;
    color: #064a77 !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;
        text-align: left;
    }

    .data-td-inner-res {
        width: 100%;
        margin: 5px 0 !important;
    }

     .data-td-inner-res2 {
        width: 100%;
        margin: 5px 0 !important;
    }
}



/*new added for floating input*/
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
    top: -20px;
    left: 15px;
    font-size: 14px;
}

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: 15px;
    top: 6px;
    transition: 0.25s ease all;
    color: #676767;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.floating-inpt {
    /*border: 0px;
    border-bottom: 1px solid #B9C1CA;
    padding-bottom: 5px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    background-color: transparent;
    height: 30px;
    padding: 0px !important;
    line-height: 26px;*/
    border: 0px;
    border-bottom: 1px solid #B9C1CA;
    padding-bottom: 5px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background-color: transparent;
    height: 30px;
    padding: 0px !important;
    line-height: 26px;
    font-weight: normal;
}


    .floating-inpt:focus {
        border-bottom: 1px solid #0a8bbd;
    }


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

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

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

    .modify-search a.btn.search {
        color: #fff !important;
        display: inline-block;
        width: 100%;
        font-size: 17px;
        line-height: 48px;
        font-weight: 400;
      padding: 0px 10px;
    }

        .modify-search a.btn.search .icon {
            color: #fff;
            font-size: 15px;
            margin: 0 10px;
        }

.search-address {
    background: #fff;
    padding: 8px 10px 5px 13px;
    box-shadow: 0 1px 7px 2px #ccc !important;
}

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

a.btn.search-btn {
    background: #0a8bbd;
    text-align: center;
    display: inline-block;
    transition: .2s;
    padding: 12px 32px;
}

.search-right-panel ul.accordion {
    float: left;
    margin-bottom: 10px;
    width:100%;
}

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

h5.city-red {
    color: #064a77;
}
h5.city-red span {
    color: #333;
}



.heading-room {
    margin-bottom: 5px;
}

li.right-panel-white {
    background: #fff;
    display: inline-block;
    padding: 0 13px 0 5px;
    box-shadow: 0 1px 7px 2px #ccc !important;
    margin-bottom: 10px;
    transition: 0.25s;
}

    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: 10px !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 li {
    float: none;
    display: inline-block;
    padding-left: 10px;
}

.accordion li div.d-block {
    display: block !important;
}

.filter-location.active {
    padding-bottom: 30px !important;
}

.searchbox .form-group {
    float: left;
    width: 75%;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 10px;
}

    .searchbox .form-group input.form-control {
        background: #f3f3f3;
        border: none;
        border-radius: 0;
        box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.42);
        min-height: 40px;
        line-height: 40px;
    }

.options .panel-heading .searchbox .form-group input.form-control {
    background: #f3f3f3;
    border: none;
    border-radius: 0;
    box-shadow: none;
    min-height: 36px;
    line-height: normal;
    border: 1px solid #ccc;
}

form.login-form input.form-control:focus {
    border: 1px solid #0a8bbd !important;
}

    .form-control:focus {
    border:1px solid #0a8bbd !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.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: 10px;
}

    input.btn-go:hover {
        color: #fff;
    }

.accordion li div.slider-track-low, .accordion li div.slider-track-high {
    padding: 0 !important;
    background: #e4e4e4 !important;
}

#slider12c .slider-selection {
    background: #0a8bbd !important;
}

p.rg-values {
    clear: both;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px;
}

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

    p.rg-values span.max-value {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        float: right;
        display: inline-block;
    }

.accordion li div.slider-handle {
    background: #e4e4e4 !important;
    border-radius: 50%;
    border: 1px solid #b9b9b9;
    width: 20px;
    height: 20px;
}

.filter-supplier ul.inner {
    padding-left: 5px;
}

    .filter-supplier ul.inner .checkbox {
        margin: 5px 0;
    }

    .filter-supplier ul.inner li {
        display: inline-block;
        float: left;
        /*width:100%;
	width:33%*/
    }

.staricon {
    color: #0a8bbd;
}

.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: #fff;
            border-radius: 0;
            height: 28px;
            display: block;
            margin: 0;
            line-height: 28px;
            padding: 0 18px;
            font-size: 14px;
        }

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

a.f-label {
    background: #0a8bbd !important;
    color: #fff !important;
}

a.current {
    background: #064a77 !important;
    color: #fff !important;
}

.curr {
    float: left;
}

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

    .curr .btn {
        background: #4b4747 !important;
        color: #fff;
        float: right;
    }

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

.showresult {
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 1px 7px 2px #ccc !important;
    margin-bottom: 12px;
}

    .showresult ul {
        margin: 0;
        padding: 0;
    }

        .showresult ul li {
            list-style-type: none;
            float: left;
        }

.select {
    background: #0a8bbd;
    border-radius: 0 !important;
    margin-bottom: 20px;
    color: #fff !important;
    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: #0a8bbd;
    margin: 0;
    line-height: 31px;
}

.rate {
    background: #fafafa;
    padding: 12px 0;
      /*padding: 20px 0;*/
    border-left: 1px solid #eaeaea;
    width: 100%;
    min-height: 145px;
}

    .rate h4 {
        color: #0a8bbd;
        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: 0;
    margin-bottom: 8px;
    float: left;
        width: 100%;
}

.hotel-desc {
    display: inline-block;
}

    .hotel-desc h5.heading {
        font-size: 16px;
        font-weight: 700;
        color: #0a8bbd;
        margin: 5px 0 1px 0;
        line-height: 20px;
    }

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

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: 5px !important;
    margin-top: -3px;
}

p.page-count {
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #000 !important;
}

h4.red-txt {
    color: #0a8bbd;
}

.red-txt {
    color: #0a8bbd !important;
}

ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li a:hover {
    background: #064a77 !important;
    color: #ddd !important;
    border-color: #f3f3f3;
    margin-right: 0px !important;
}

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


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

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


/*---responsive--*/
@media (min-width:769px) {
    .text-center-sm {
        text-align: center !important;
    }

    .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: 3px 10px;
    }

    .rate.inline-responsive .rate-responsive {
        display: inline-block;
        width: 100%;
        height: auto;
    }

    .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: 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;
        margin: 5px 5px 5px 0 !important;
        width: calc(50% - 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-center-xs {
        text-align: center !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(100% - 7px) !important;
    }
}

/*----responsive end--*/
.whitebg.hotel-search {
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.address-h {
    padding: 20px 20px 20px 30px;
    border-right: 1px solid #e3e3e3;
}

    .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 20px 20px 30px;
    border-right: 1px solid #e3e3e3;
}

    .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;
}
.total-cost2{font-size: 13px;
    font-weight: 500;
    margin-top: 15px;
    color: #333;}

.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-63.png) no-repeat center right 15px !important;
    }

    .room-details ul.accordion li a {
        padding: 13px 10px;
        background: url(../images/plus-63.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;
    }
    /*---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: #0a8bbd;
    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: 30px !important;
    margin-bottom: 0 !important;
    padding-bottom:0px !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;
    cursor:pointer;
}

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

.insr{border: 1px solid #0a8bbd !important;
    box-shadow: 0px 0px 7px 0px #8FB18C17 !important;
}

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

.showresult:first-child {
    margin-top: 5px;
}
/*--stepsystem.css---*/

.white-panel-1 {
    background: #fff;
    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 #064a77;
    -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: #064a77;
            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: #064a77 !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:#d8efff;
        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: #929292;
    font-size: 14px;
    font-weight: 400;
}

.info-head2 {
    padding: 5px 10px !important;
    background-color: #d8efff;
    margin-bottom: 10px !important;
    color: #064a77;
}

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: #0a8bbd;
    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: #0a8bbd;
        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) {

    .banner-caption{    margin: 0;
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);}
    
    .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 (min-width:992px) and (max-width:1199px) {

    .login-form .form-group .inp .fa{    position: absolute;
    left: 42px !important;
    font-size: 27px;
    color: #064a77;
    top: 20%;}
   
        .homepage .promotions .col-md-4 {
    width: 33.33333333% !important;
    padding-right: 40px;
    padding-left: 40px;
}
    .roon-dd-menu {
        width: 150% !important;
    }
     .timepkr{    width: 135% !important;}
}

.mrg-btm10-res{margin-bottom:0px !important;}

@media (min-width:240px) and (max-width:991px) {
    
    .mrg-btm10-res{margin-bottom:10px !important;}
    .homepage .main-form{    width: 100% !important;}
     .timepkr{    width: 240px !important;}
    .nat-txt{margin-top:10px !important;}
    .cation-image img.img-responsive, .homepage .main-form{
    max-width: 110%;
    margin: 0px auto;
    margin-left: 0%;
    border-radius: 0px 0px 10px 10px;
}
      .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-top05 {
    margin-top: 5px !important;
}

.mrg-top-05 {
    margin-top: -5px !important;
}

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

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

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

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


.mrg-top15 {
    margin-top: 15px !important;
}

.mrg-top17 {
    margin-top: 17px !important;
}

.mrg-top18 {
    margin-top: 18px !important;
}

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

.mrg-top25 {
    margin-top: 25px !important;
}

.mrg-top27 {
    margin-top: 27px !important;
}

.mrg-top30 {
    margin-top: 30px !important;
}

.mrg-top35 {
    margin-top: 35px !important;
}

.mrg-top40 {
    margin-top: 40px !important;
}

.mrg-top45 {
    margin-top: 45px !important;
}
.mrg-top70 {
    margin-top: 70px !important;
}
.mrg-top85 {
    margin-top: 85px !important;
}
.mrg-top95 {
    margin-top: 95px !important;
}

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

.mrg-btm5 {
    margin-bottom: 5px !important;
}
.mrg-btm03{margin-bottom:3px !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;
}

.mrg-btm25 {
    margin-bottom: 25px !important;
}

.mrg-btm30 {
    margin-bottom: 30px !important;
}

.mrg-lft0 {
    margin-left: 0px !important;
}

.mrg-lft4 {
    margin-left: 4px !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-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;
}

.mrg-rgt40 {
    margin-right: 40px !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-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-lft30 {
    padding-left: 30px !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;
}

@media (max-width:991px) and (min-width:240px) {
    .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: #064a77;
    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: #676767 !important;
    font-size:14px;
}

.inpt {
    width: 100%;
    height: 25px;
    margin-top: 25px;
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #B9C1CA;
    font-size: 15px;
    background-color: #fff;
}


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


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

.panel-default{border:0px;}

.panel-default > .panel-heading {
    background-color: transparent !important;
    border-color: #ffffff !important;
}

.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: #0a8bbd !important;
    margin: 0px;
    border-bottom: 4px solid #0a8bbd;
    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: #0a8bbd;
    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 #0a8bbd;}

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


.panel-default > .panel-heading4 .nav-tabs {
       border: 2px solid #0a8bbd !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: #0a8bbd;
    color: #ffffff !important;
    border: 1px solid #0a8bbd;
}

.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: #0a8bbd;
    color: #ffffff !important;
    margin: 0px;
    border: 1px solid #0a8bbd;
}


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


  .nav-center {
  text-align: center;
}
.nav-center ul.nav {
  display: inline-block;
}
.nav-center ul.nav li {
  display: inline;
  float: left;
}

 .nav-center2 {
  text-align: center;
}
.nav-center2 ul.nav {
  display: inline-block;
}
.nav-center2 ul.nav li {
  display: inline;
  float: left;
}


.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0px !important;
}


#terms .user-prfl-modal .modal-dialog {
    max-width: 100% !important;
    height: 450px;
    overflow: hidden;
}

..modal-dialog{float: left;     margin: 0px !important;}


@media (min-width: 769px) {
    #terms .modal-dialog {
        width: 800px !important;
        margin: 30px auto;
    }
}

.select--hoshi-new {
    position: absolute;
    z-index: 99;
    width: 90%;
    max-height: 200px;
    background: #fff;
    height: auto;
    border: 1px solid #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;
    height:100% !important;
}

#dialogbox {
    background: #fff none repeat scroll 0 0;
    border-radius: 15px;
    display: none;
    border: 2px solid #0a8bbd !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: #0a8bbd;
            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: #0a8bbd !important;
    border: 2px solid #0a8bbd !important;
    color: #f2e9f1 !important;
    font-size: 14px !important;
    padding: 2px 15px !important;
}

    #dialogboxfoot > .btn-primary:hover {
        background-color: #064a77 !important;
        border: 2px solid #064a77 !important;
        color: #ffffff !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 #0a8bbd !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: #0a8bbd;
            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: #0a8bbd !important;
    border: 2px solid #0a8bbd !important;
    color: #f2e9f1 !important;
    font-size: 14px !important;
    padding: 2px 15px !important;
}

    #dialogboxfootadmin > .btn-primary:hover {
        background-color: #efe4f4 !important;
        border: 2px solid #0a8bbd !important;
        color: #0a8bbd !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-color: #064a77 !important;
    color: #fff !important;
}

.md-autocomplete-suggestions-container.md-default-theme li .highlight, .md-autocomplete-suggestions-container li .highlight {
    color: unset !important;
    font-weight: bold !important;
}

.md-autocomplete-suggestions li {
    height: auto !important;
    line-height: 38px !important;
}

@media (min-width: 1200px) {
    .supplierli {
        float: left;
    }

    .supplierli {
        width: 33.33333333% !important;
    }
}

@media (min-width: 992px) {
           .railnewmd{background: #fff;     padding: 0px;}

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

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

    .supplierli {
        float: left;
    }

    .supplierli {
        width: 33.33333333% !important;
    }

    .agency_detail .col-md-6
{
padding-right: 10px !important;
    padding-left: 10px !important;
}
}

@media (min-width: 769px) {
    .supplierli {
        float: left;
    }

    .supplierli {
        width: 33.33333333% !important;
    }
}


.supplierli {
    float: left;
}

.supplierli {
    width: 33.33333333% !important;
}

.pagination > li > a, .pagination > li > span {
    padding: 6px 10px;
}

.thbg {
    background-color:#d8efff;
}

/*-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: #0a8bbd;
    border-color: #fff;
}

li a .mbkcount {
    background: #0a8bbd;
    color: #ffffff;
    border-color: #0a8bbd;
}

.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: #0a8bbd;
    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: #064a77 !important;
}

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

.trhover tr {
    background-color: transparent;
}

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

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

.trhover .trselected tr:hover {
        background-color: transparent;
    }

    .trselected label {
       font-weight: 500;
    color: #0a8bbd !important;
    font-size: 14px !important;
    }

    .room-only{    font-size: 13px;}

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

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

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

a.colapse-link i.fa {
    color: #064a77;
    font-size: 16px;
    margin: 0 3px;
}

span.info-label {
    padding: 0px;
    margin: 10px 0px 0px 0px;
    color: #333333;
    font-size: 15px;
    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: 15px;
    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 30px;
}

a.link-red {
    color: #0a8bbd !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 10px 0px !important;
       color: #064a77 !important;
    background-color: #d8efff;
    padding:7px 15px;
}

h3.pan-headNew {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #0a8bbd !important;
}



.info-sec-new .headrow a {color:#064a77 !important;}

.room-info {
    margin: 10px -15px 0px -15px;
    float: left;
    width: 100%;
}

.rooms {
    /*margin-bottom: 20px;*/
    margin-bottom: 0px;
    float:left;
}

a.link-red.offers {
    font-weight: 700;
    font-size: 17px;
}

p.single-info {
    /*margin: 10px 0px;*/
    margin: 3px 0px;
    padding: 0 15px;
    font-size: 16px;
}

.single-info-new{
    margin:0px;
    padding:0px;
    font-size:15px !important;
        line-height: 30px;
}

ul.button-list {
    padding: 15px 0;
    margin: 25px 0;
    border-top: 1px solid #000;
    list -webkit-border-after-style:;
}

    ul.button-list li {
        display: inline-block;
        list-style: none;
        margin-right: 15px;
        margin-bottom: 10px;
    }

p.bottom-line {
    color: #363636;
    font-size: 14px !important;
    margin: 0px;
}


/*--single table responsive--*/
@media screen (max-width: 1199px) {
    .d-inlineblock-md {
        display: inline-block;
        max-width: 100%;
    }

    .no-border-md {
        border: none !important;
    }

    .table.tbl-block-responsive-xs tr th {
        white-space: normal;
    }
}

@media screen (max-width:769px) {

    	.banner {
    min-height: 200px;
	}
	.cation-image img.img-responsive {
    width: auto !important;
   /* max-width: 100%;*/
    margin: 0 auto;
}
    .banner-caption {
    position: static;
    transform: translate(0, 0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
}
.cation-image {
    margin-top: 50px;
    margin-bottom: 10px;
}

    .mrg-top-10-res {
    margin-top: 10px !important;
}
    .thead-new {
     display:none !important;
    margin: 0px !important;
}
    .thead-new th {
    padding: 0px !important;
    line-height:15px !important;
}
    table.tbl-block-responsive-xs {
        border: none !important;
    }

    .tbl-block-responsive-xs, .tbl-block-responsive-xs td, .tbl-block-responsive-xs tr, .tbl-block-responsive-xs tbody {
        display: block;
    }

    .text-left-imp-xs tr td {
        text-align: left !important;
    }


    .action-list {
        text-align: left !important;
        padding: 0;
        width: auto;
    }

    .sb-heading.mbooking span.pull-right {
        float: none !important;
        display: inline-block;
        font-size: 12px;
        width: 100%;
        margin: 12px 0 2px 0;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border: none;
    }

    .tbl-block-responsive-xs tr {
        margin-bottom: 15px;
            border-bottom: 1px solid #ccc;
    }

  

    .tbl-block-responsive-xs td.data-td-responsive:before {
        min-width: 150px;
        width: auto;
        font-weight: 600;
        padding: 10px;
    }
}

@media (max-width:480px) { 
    /*.tbl-block-responsive-xs td.data-td-responsive {
        border: none;
        width: 100% !important;
        white-space: normal !important;
        padding: 10px !important;
        text-align: left !important;
    }

        .tbl-block-responsive-xs td.data-td-responsive:before {
            display: inline-block;
            padding: 0 !important;
        }*/

    .d-inlineblock-md {
        display: inline-block;
        max-width: calc(100% - 30px);
        margin: 0 15px;
    }
}

@media (max-width:280px) {
    .tbl-block-responsive-xs td.data-td-responsive {
        border: none;
        width: 100% !important;
        white-space: normal !important;
        padding: 10px !important;
        text-align: left !important;
    }

        .tbl-block-responsive-xs td.data-td-responsive:before {
            display: inline-block;
            padding: 0 !important;
        }

    .d-inlineblock-md {
        display: inline-block;
        max-width: calc(100% - 30px);
        margin: 0 15px;
    }
}




.htlmap {
    position: fixed !important;
    top: 10% !important;
    left: 17% !important;
    z-index: 99999 !important;
    padding:0px !important;
}

@media (min-width:1250px) and (max-width:1362px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 17% !important;
        z-index: 99999 !important;
        padding:0px !important;
    }
}

@media (min-width:1111px) and (max-width:1249px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 13% !important;
        z-index: 99999 !important;
        padding:0px !important;
    }
}

@media (min-width:1028px) and (max-width:1110px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 9% !important;
        z-index: 99999 !important;
        padding:0px !important;
    }
}


@media (min-width:992px) and (max-width:1027px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 7% !important;
        z-index: 99999 !important;
        padding:0px !important;
    }
}


@media (min-width:770px) and (max-width:991px) {
    table.tbl-block-responsive-xs tr th {
        white-space: normal;
        word-break: break-word;
        min-width: 50px;
        font-size: 14px;
        padding: 10px 5px;
        vertical-align: top;
    }
}

@media (min-width:768px) and (max-width:991px) {
      .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;
    }

      .login-form .form-group .inp .fa{    position: absolute;
    left: 42px !important;
    font-size: 27px;
    color: #064a77;
    top: 20%;}
}

@media (min-width:640px) and (max-width:767px) {
      .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;
    }
}

@media (min-width:240px) and (max-width:639px) {
    .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;
        padding:5px !important;
    }
     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: #0a8bbd !important;
    font-weight: bold;
}

/*hotel image gallery*/

.example-container{margin-bottom:0px;max-height: 250px;
    overflow: auto; height:auto;}
  pre{display:none;}
    .gallery {
    }

        .gallery img {
          width: 80px;
    border: 2px solid #cdcdcd;
    border-radius: 5px;
    height: 80px;
    margin-bottom: 5px;
        }

        .gallery img:hover {
          border: 2px solid #0a8bbd;
        }


    .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: rgb(0, 0, 0);
        opacity: 0.4;
        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;
            -webkit-transform: scale(1.4);
            -moz-transform: scale(1.4);
            -ms-transform: scale(1.4);
            transform: scale(1.4);
                color: #e4e4e4;
    text-decoration: none;
        }

    .rebox-close {
        right: 10px;
        top: 10px;
    }

    .rebox-next {
        right: 10px;
        top: 48%;
    }

    .rebox-prev {
        left: 10px;
        top: 48%;
    }

    .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: -20px; }

.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_LOttila   /* 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_CmpOttila  /* 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_CmpOttila_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_LOttila {
    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) {
    .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;}
}

@media (max-width: 350px) and (min-width:240px) {
    .scroller{right:3% !important; width:40% !important;}
}

.fa-warning:before, .fa-exclamation-triangle:before {
   content: "\f071";
    color: #0a8bbd;
    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: #064a77;
}

/*.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 #064a77;
}

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

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

.loadhginfo2{
border-radius: 5px;
    margin-top: 15%;
    padding: 0% 0px 15px 0px;
    height:auto !important;
}
.loadhginfo2 .modal-content{border-radius: 5px !important;}
.loadhginfo2 .modal-header{
    padding: 3px 10px !important;
    background-color: #064a77;
    }
.loadhginfo2 .modal-body{
    border: 2px solid #064a77;
    border-radius: 0px 0px 5px 5px;
    padding: 20px 1px;
    text-align:center;
    }

.loadhginfo2 h2 {    
   color: #fff !important;
    font-size: 18px !important;
        margin: 0px !important;
    padding: 0px !important;
    text-transform: unset !important;
    font-weight: normal;
    line-height: 35px;
    text-align:center;
}

.loadhginfo2 h3 {    
   text-align: center !important;
    color: #0a8bbd !important;
    font-weight: bold !important;
    color: #0a8bbd !important;
    font-size: 20px !important;
    margin: 20px 0px 15px !important;
    font-weight: bold !important;
    text-align:center;
}


.loadhginfo2 p {    
        color: #4d4d4d !important;
    font-size: 16px !important;
    font-weight: 500;
    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;
}

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

.lnhgt30 {
    line-height: 30px;
}
.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 #0a8bbd;
    color: #0a8bbd;
    margin-left: 10px;
       }

.btnaddroom:hover{
    background-color:#fff4eb;
    border: 1px solid #0a8bbd;
    color: #0a8bbd;
       }

.bkngstts h3 {background-color: #064a77 !important;
    color: #fff !important;
    display: inline;
    padding: 6px 15px !important;text-transform:uppercase;}
 
.bkngstts a.colapse-link i.fa{color: #fff;}


@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 #ddd !important;
            margin-bottom: 15px;
            float: left;
            width: 100%;
        }
        table.hsrrrtbl tbody.hsrr-tbody-main .rr-detailpanel tr{    border: 0px solid #ddd !important;
    margin-bottom: 5px;padding: 0px !important;}
    #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:5px 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 {

    .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-color: transparent !important;
        color:  #0a8bbd !important;
        display: inline;
        padding: 0px 15px !important;
    }

      .headrow h5 {
        background-color: transparent !important;
        color:  #0a8bbd !important;
        display: inline;
        padding: 6px 15px !important;
            font-size: 14px !important;
    }

    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: 83px;
	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: 205px;
	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: 130px;
	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: 93px;
	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: 120px;
	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:130px;
	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: 168px;
	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: 200px;
	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:#d8efff;
       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:#d8efff;
       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) {
      .thead-new{
        visibility:visible !important;
       background-color:#d8efff;
       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) {
      .thead-new{
       visibility:visible !important;
       background-color:#d8efff;
       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: #0a8bbd;font-weight: bold;font-size: 16px;
  position: absolute;
  overflow: hidden;

  animation: marquee 10s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}



@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: #0000004d;
            display: block !important;
        }

        .popUp1 {
            font-weight: normal;
        }

        #tbStatus .options .nav > li > a {
    margin-bottom: 0px;
    padding: 9px 14px;
}
#tbStatus .nav-tabs > li > a {
    margin-right: 10px;
    font-weight:500;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

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


       #tbStatus .options .nav-tabs > li.active > a,  #tbStatus .nav-tabs > li.active > a:hover,  #tbStatus .nav-tabs > li.active > a:focus {
    color: #fff !important;
    cursor: default;
    background-color: #0a8bbd;
}

      #btnSetCookiee .hover-btn {
    background-color: #ffffff !important;
    border-radius: 5px;
    color: #0a8bbd !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #0a8bbd;
    font-weight: 500;
}

 .hght
 {
    background-color:#d8efff;
    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;
}

.angucomplete-selected-row {
    background-color: #064a77 !important;
    color: #ffffff;
}


.ui-widget-header {
    border: 1px solid #0a8bbd !important;
    background: #0a8bbd !important;
    color: #ffffff;
    font-weight: bold;
}

.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 rgba(255, 255, 255, 0.47);
    background: #0a8bbd !important;
    font-weight: normal;
    color: #ffffff;
    border-radius: 0;
}

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

.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 #064a77 !important;
    background: #064a77 !important;
    font-weight: normal;
    color: #ffffff;
}


.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 2px;
    color: #0a8bbd !important;
    border: 1px solid #fff;
}



.tooltip {
    position: relative;
    display: block;
    cursor: pointer;
    opacity: 1;
    color: #4c4c4c;
    font-weight: normal;
    font-size: 12px;
    float: left;
    width: 100%;
}

.tooltip .tooltiptext {
  display: none;
  width: 250px;
 background-color: #d8efff;
    color: #064a77;
  text-align: left;
  border-radius:1px;
  padding: 5px;
  position: absolute;
  font-weight:normal;
  z-index: 1;
  top: 150%;
left: 0%;
        margin-left: 0px;
}

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

.tooltip:hover .tooltiptext {
        display: inline-block;
    }

.mltcrnc.tooltip .tooltiptext
{
width: 120px;
    font-size: 12px;
        top: 58px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.mltcrnc.tooltip .tooltiptext::after
{
content: "";
    position: absolute;
    bottom: 100%;
    left: 45%;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #d8efff transparent;
}

.mltcrncrts.tooltip {display: inline;
    width: 20px;
    float: none;
    margin-top: 10px !important;}

.mltcrncrts.tooltip img{     vertical-align: middle;
    height: 17px;margin: 5px !important;}

.mltcrncrts.tooltip .tooltiptext
{
width: 120px;
    font-size: 12px;
        top: 50px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.mltcrncrts.tooltip .tooltiptext::after
{
content: "";
    position: absolute;
    bottom: 100%;
    left: 45%;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #d8efff transparent;
}

.mltcrncrts.tooltip .tooltiptext table tr td{padding:0px !important;}


.mltcrncbdtl.tooltip{width: auto;
    float: none;    display: inline;}

.mltcrncbdtl.tooltip img{vertical-align: middle;
    height: 17px;
    margin-top: -4px;}

.mltcrncbdtl.tooltip .tooltiptext{    width: 120px;
    top: 52px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}

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

.mltcrncbs.tooltip{    display: inline;
    float: none;}

.mltcrncbs.tooltip img{       vertical-align: middle;
    height: 17px;
    margin-top: -3px;
    margin-left:5px;
}

.mltcrncbs.tooltip .tooltiptext{width: 120px;
    font-size: 12px;
    top: 45px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}

.mltcrncbs.tooltip .tooltiptext::after{content: "";
    position: absolute;
    bottom: 100%;
    left: 45%;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #d8efff transparent;}

.polaroid {
        padding: 10px 10px 20px 10px;
        background-color: #fff;
        color: #064a77;
        /*-webkit-animation: mymove 2s linear infinite; /* Chrome, Safari, Opera
        animation: mymove 2s linear infinite;*/
    }
    .custom1 {
    background-color: #eedde2;
        padding: 10px;
        margin: 0;
        /*border: 1px solid #064a77;*/
        font-weight: bold;
        font-size: 16px !important;
    
    }
        .polaroid .img-box {
            border: 1px solid #c5abb3;
            border-radius: 5px;
        }

            .polaroid .img-box img {
                height: 170px;
                border-radius: 4px 4px 0px 0px;
            }

    .caption {
        background-color: #eedde2;
        padding: 10px;
        margin: 0;
        border-top: 2px solid #064a77;
        font-weight: 500;
        font-size: 15px !important;
        text-align:center;
            border-radius: 0px 0px 4px 4px;
    }

     .caption a{color:#064a77 !important;}

        .caption .fa {
            color: #064a77 !important;
        }

    .whatsnew:link {
        padding: 4px 10px 4px 10px;
        background-color: #064a77;
        border: 1px;
        border-radius: 4px;
        font-weight: bold;
        text-decoration: none;
    }

    .whatsnew:hover {
        text-decoration: underline;
        cursor: pointer !important;
    }

     #dvShowComm{color: #0a8bbd !important}

     #divAgWSComm{color: #0a8bbd !important}
     
.more-desc a{color: #064a77 !important;}


.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

#carousel-tilenav.carousel .item .col-xs-12 {
   padding: 0px 3px;
}

#carousel-tilenav.carousel .item .col-xs-12 a{padding: 10px 5px;border:1px solid #e4e4e4;background-color:#fff;border-radius:5px;float:left;width:100%;     height: 180px;}
#carousel-tilenav.carousel .item .col-xs-12 a .carname{font-size: 15px;height: 18px;overflow-y: auto;}

#carousel-tilenav.carousel .item .col-xs-12 a img{max-height:60px; max-width: 100%;}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

#OttilaPopup, #HRackPopup, #SSRemarksPopup{top:20%;}

.bdrdash {
    border: 1px dashed #ccc;
}

.cartbtn{background-color: #0a8bbd !important;
    opacity: 1 !important;
    margin: 0 !important;
    border-bottom: 3px solid #0a8bbd !important;
    color: #fff !important;}

#dvforward td span{line-height: 27px !important;}
#dvforward .table > tbody > tr > td{padding:5px 8px !important;    line-height: 1.5;}

.erabg{background-color:#f8f8f8;}
.passhdng{font-size: 15px;font-weight: bold;text-transform: capitalize;color: #3c3c3c;}
.paymod label{width: 92% !important;
              color: #0a8bbd !important; cursor:pointer;}

.paymod input[type="radio"]:checked + label, .paymod input[type="checkbox"]:checked + label{color: #0a8bbd !important;opacity: 1 !important;}

.paymod label span{font-size:12px !important; color: #585858 !important;}

#modalPayOnline .fa-warning:before, #modalPayOnline .fa-exclamation-triangle:before{font-size: 13px;}

.wdth-auto{width:auto !important;}

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

@media (min-width:200px) and (max-width:767px) {
    .login-form .form-group .inp .fa{display:none !important;}
    td.hsr-book span.tcost2{text-align:left !important;}
    #logo h2{margin: 10px 0px !important;
    text-align: center !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;
    }
    .loadhginfo2 .modal-header img{height:auto !important;}
    .valueads{margin-left:0px !important;padding: 0px;}
     .tooltip{padding:0px 0px !important;}
    .user-prfl-modal .modal-dialog{width: auto !important;    margin: 10px auto !important;}
    .mrg-lft0-xs {margin-left: 0px !important;}
    .nopadding-xs{padding:0px !important;}
     .era-rslt-tbl .data-td-responsive:before{width: 100% !important;}
    .era-rslt-tbl table.hsrrrtbl tbody.hsrr-tbody-main tr{padding: 0px !important;}
    .era-rslt-tbl td.hsr-book span.tcost{
text-align:left !important;
width:auto !important;
}
     #OttilaPopup, #HRackPopup, #SSRemarksPopup{top:5% !important;}
    .showresult.cr-search .fullwidth{height:150px !important; width:auto !important;}
    .headrow h5 {
        text-align: left;
        float: left !important;
        margin-left: 17px !important;
    }

    .bkngstts h3 {
        display: inline-block !Important;
    }
}


#pkgnav {
    width: 100%;
    background-color: #eeeeee;
    float: left;
    padding: 0px 25px 1px;
    z-index: 9;
}

    #pkgnav ul {
        list-style-type: none;
        display: flex;
        margin: 0;
        padding: 0;
    }

        #pkgnav ul li {
            padding: 12px 0px !important;
        }


    #pkgnav a {
        padding: 12px 10px !important;
        font-weight: 500;
        font-size: 15px;
        border-radius: 0;
        margin: 0px;
        background-color: #eeeeee;
    }

        #pkgnav a.active {
            padding: 12px 25px !important;
            border: 0px;
            font-size: 15px;
            border-top: 3px solid #0a8bbd;
            border-bottom: 3px solid #0a8bbd;
            color: #0a8bbd;
            box-shadow: none;
            border-radius: 0px;
        }




        #newpkgbkng {
    width: 100%;
    background-color: #eeeeee;
    float: left;
    padding: 0px 25px 1px;
    z-index: 9;
}

    #newpkgbkng ul {
        list-style-type: none;
        display: flex;
        margin: 0;
        padding: 0;
    }

        #newpkgbkng ul li {
            padding: 0px 0px 8px !important;
        }
        #newpkgbkng.fixed ul
        {margin-left: 110px !important;}

         #newpkgbkng.fixed ul li {
            padding: 12px 0px 8px !important;
        }


    #newpkgbkng a {
        padding: 12px 25px !important;
        font-weight: 500;
        font-size: 15px;
        border-radius: 0;
        margin: 0px;
        background-color: #eeeeee;
    }

        #newpkgbkng a.active {
            padding: 12px 25px !important;
            border: 0px;
            font-size: 15px;
            border-top: 3px solid #0a8bbd;
            border-bottom: 3px solid #0a8bbd;
            color: #0a8bbd;
            box-shadow: none;
            border-radius: 0px;
        }

        #rooms h4{
    font-size: 15px;
    font-weight: bold;
    color: #616161;
    }

        #rooms span.mltyp{font-size:13px;font-weight: normal;color: #616161;}

        #passdtl .table > tbody > tr > td{padding:5px;}

.pkghd {
    font-size: 20px;
    color: #0a8bbd;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

    .fixed#pkgnav {
        width: 84.5% !important;
        background-color: #eeeeee;
        float: left;
        padding: 0px !important;
        z-index: 9;
        margin-left: 105px;
    }

     .fixed#newpkgbkng {
        width: 84.5% !important;
        background-color: #eeeeee;
        float: left;
        padding: 0px !important;
        z-index: 9;
        margin-left: 105px;
    }

.pkg-table-bordered > tbody > tr > td {
    border: 1px solid #DEE7F1;
    padding: 6px;
    font-size: 13px;
    /* font-size: 13.5px; */
    /* font-size: 14px; */
}

.pkg-tblbg {
    background-color: #DEE7F1;
}

.pkgeditbtn {
     padding: 4px 10px;
    background-color: #DEE7F1;
    border: 1px solid #0a8bbd;
    border-radius: 5px;
    color: #0a8bbd !important;
    font-weight: normal;
    font-size: 13px;
    margin-right: 10px;
}

    .pkgeditbtn:hover {
            background-color: #0a8bbd;
    color: #ffffff !important;  
    }

    .pkgeditbtn:last-child {
        margin-right: 0px;
    }


.pkgbdttab .nav-tabs {
    box-shadow: 0px 0px 6px #d0d0d0;
    border-radius: 100px;
    background-color: #fff;
}

.pkgbdttab .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 100px;
}
.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .options .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #fff !important;
    cursor: default;
    background-color: #0a8bbd;
    border: 0px;
}
.pkgbdttab .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    font-size: 15px;
    background-color: #0a8bbd;
    border-bottom-color: transparent;
    font-weight: bold;
   border: 0px;
}

.pkgbdttab .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 100px;
}
.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .tab-content > .active {
        display: block;
    border: 1px solid #e8e8e8;
    margin-top: -2px;
    z-index: 1;
    padding: 0px 20px 10px;
}

.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 20px auto;
        margin-bottom: 0;
        border-bottom:0px;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {height: 2px;background: #e0e0e0;position: absolute;width: 71%;margin: 0 auto;left: 0;right: 0;top: 32%;z-index: 1;}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

.wizard .tab-pane .text-reg{
    margin-bottom: 0px;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 18px;
    text-align: justify;
}


span.round-tab {
    width: 60px;
    height: 60px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #0a8bbd;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
        color: #0a8bbd;
        text-align: center;
        vertical-align: text-top;
        font-size: 20px;
        margin-right: -2px;
        margin-top: -2px;
}

.disabled span.round-tab {
    width: 60px;
    height: 60px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

.disabled span.round-tab i {
    color: #e0e0e0;
    text-align: center;
    vertical-align: text-top;
    font-size: 20px;
    margin-right: -2px;
    margin-top: -2px;
}

.disabled span.wizname {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    left: 0;
    color: #e0e0e0;
}

span.wizname{
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    left: 0;
    color: #0a8bbd;
    }

.wiznamelnk {
height: 0 !important;
    margin-bottom: 0 !important;
    margin: 0px auto !important;
    float: left;
    text-align: center;
    width: 100% !important;
}

.wizard li.active span.wizname {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #0a8bbd;
    left: 0;
}

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #0a8bbd;
    box-shadow: inset 2px 2px 5px 0px rgba(6, 6, 6, 0.25);
}
.wizard li.active span.round-tab i{
    color: #0a8bbd;
}

span.round-tab:hover {
    color: #a0a0a0;
    border: 2px solid #a0a0a0;
}

/*.wizard .nav-tabs > li {
    width: 25%;
}*/

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0px auto;
    bottom: 3px;
    border: 5px solid transparent;
    border-bottom-color: #0a8bbd;
    transition: 0.1s ease-in-out;
}



.wizard li.active:before {
 content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0px auto;
    top: 32%;
    width: 100%;
    height: 3px;
    background-color: #e0e0e0;
    transition: 0.1s ease-in-out;
    z-index: 1;
}

.wizard li.disabled:before {
 content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0px auto;
    top: 32%;
    width: 100%;
    height: 3px;
    background-color: #e0e0e0;
    transition: 0.1s ease-in-out;
    z-index: 1;
}
.wizard li:last-child:before {
    display:none;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 47%;
    opacity: 1;
    margin: 0 auto;
    bottom: -1px;
    border: 10px solid transparent;
    border-bottom-color: #0a8bbd;
    z-index:9;
}

.wizard .nav-tabs > li a {
    width: 60px;
    height: 60px;
    margin: 0px auto 50px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

    .wizard .nav-tabs > li.disabled a
    {
        cursor:not-allowed !important;
    }

.wizard .tab-pane {
       position: relative;
    padding: 20px;
    border: 1px solid #0a8bbd;
    border-radius: 6px;
    /*box-shadow: 0px 1px 7px 2px #ccc !important;*/
}

.wizard h3 {
    margin-top: 0;
}

h3.headng {
display: table;
    white-space: nowrap;
    padding: 10px;
    width: 100%;
    color: #565656 !important;
    font-size: 24px !important;
}
h3.headng:before,
h3.headng:after {
  border-top: 1px dashed #565656;
  content: '';
  display: table-cell;
  position: relative;
  top: 0.5em;
  width: 33%;
}
h3.headng:before {
  right: 20px;
}
h3.headng:after {
  left: 20px;
}

.wizard .tab-pane .fa-star:before {
    content: "\f005";
    color:#ababab;
    margin-right: 2px;
}

.wizard .tab-pane h4, .wizard .tab-pane .h4 {
    font-size: 15px;
}


h4.pkg-city-red {
    color: #0a8bbd;
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
        float: left;
    width: 100%;
}

.pkg-acc-heading {
    padding: 5px 0px;
    font-size: 15px;
}


.pkgsrytxt{
    float: left;
    width: 86%;
}

.pkgfltr{padding-left: 5px !important;
    float: left !important;
    width: 100% !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #e2e1e1 !important;}


.newpkgbkng h3{color:#0a8bbd; font-size:21px; font-weight:bold; margin:0px;}

.newpkgbkng h3 span{color:#353535; font-size:14px; font-weight:normal; margin:0px;}

.newpkgbkng p{color: #616161;font-size: 13.5px;line-height: 22px;}

.newpkgbkng #divInclusions h4, .newpkgbkng #divExclusions h4 {
    font-weight: bold !important;
    font-size: 15px;
    color: #7a7a7a;
    margin-bottom: 5px;
}

.newpkgbkng #divInclusions ul, .newpkgbkng #divExclusions ul {
    list-style-image: url(../images/incl.png);
    font-size: 14px;
    line-height: normal;
    padding-right: 25px;
    color: #616161;
    margin-bottom: 0px;
    padding-left: 18px;
}
.newpkgbkng #divInclusions ul li, .newpkgbkng #divExclusions ul li {
    margin-bottom: 0px !important;
    color: #616161;
    font-size: 13.5px;
    line-height: 22px;
}

.newpkgbkng #benefits h4{    font-size: 15px;}


.pkgico2 .fa-clock-o:before {
    font-size: 15px;
    color: #868686;
}

.pkgico .fa-hotel:before, .pkgico .fa-bed:before {
    font-size: 15px;
    margin-right: 5px;
    color: #868686;
}

.pkgico .fa-coffee:before {
    font-size: 15px;
    margin-right: 5px;
    color: #868686;
}


.pkgico .fa-automobile:before, .pkgico .fa-car:before {
    font-size: 15px;
    margin-right: 5px;
    color: #868686;
}


.pkgico .fa-camera:before {
    font-size: 14px;
    margin-right: 5px;
    color: #868686;
}

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



.pkgtabs .nav-tabs > li > a {
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    padding: 10px 20px;
    margin-right: 5px;
    color: #565656 !important;
    font-size: 15px;
    border-bottom: 0;
    margin-bottom: 0;
}

.pkgtabs .nav-tabs > li.active a {
    background-color: #0a8bbd;
    color: #fff !important;
    font-weight: bold;
    font-size: 16px !important;
    border: 1px solid #0a8bbd;
    border-bottom: 0;
    padding: 14px 20px;
    margin-top: -6px;
    box-shadow: 3px 0px 5px 0px #ababab;
}

.pkgtabs .tab-content > .active {
    background-color: #fff;
    border: 1px solid #0a8bbd;
    padding: 15px;
    border-radius: 0px 2px 2px 2px;
    box-shadow: 3px 2px 5px 0px #ababab;
}

.pkgitili ul {
    list-style: none;
}

    .pkgitili ul li {
        margin-bottom: 10px;
    }

        .pkgitili ul li span {
            margin-top: 5px;
            width: 95%;
            float: left;
        }


        .pkgitili ul li::before {
            content: "\2022";
            font-size: 22px;
            color: #0a8bbd;
            font-weight: bold;
            display: inline-block;
            width: 5%;
            margin-left: 0px;
            float: left;
        }



        
        .pkghdbg{background-color:#eeeeee;}

.pkghdbg h3{color:#0a8bbd; font-weight:bold; margin:15px 10px !important; text-align:left; text-transform:capitalize;font-size: 21px !important;}

.pkghdbg h3 span{color:#0a8bbd; font-weight:normal; font-size:16px; text-transform:capitalize;}

.pkghdbg .fa{text-align: center;
    color: #0a8bbd;
    font-size: 23px;
    margin: 16px;}

.pkghdbg .fa:hover{color: #000000;}



.pkghdbg .pkgprc{border:0px solid #0a8bbd;}

.pkghdbg .pkgprc h3{color: #0a8bbd;
    font-weight: bold;
        margin: 0 !important;
    text-align: center;
        font-size: 21px;
}
.pkghdbg .pkgprc h3 span{color: #0a8bbd;
    font-weight: 500;font-size: 11px !important; margin:0px;}


.pkghdbg .pkgbtn{
    text-align: center;
    background: #0a8bbd !important;
    border-radius: 0px;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 18px !important;
    }
.pkghdbg .pkgbtn:hover{    background: #333334 !important;    font-size: 18px !important;}

.pkghdbg .pkgbtn a{
    padding: 14px 15px 14px;
    color: #fff;
    border-radius: 0px;
    text-align: center;
    font-size: 18px !important;
    font-weight: bold;
    float: right;
    width: 100%;
    }

#pkgnav{
    width: 100%;
    background-color: #fbfbfb;
    float: left;
    padding:0px 0px 1px;
    z-index: 9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
}

#pkgnav ul{list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    border-bottom: 1px solid #fbfbfb;
}

#pkgnav ul li{    padding: 12px 0px;}


#pkgnav a{
                   padding: 12px 11px !important;
                   font-weight: 500;
                   font-size: 15px;
                   border-radius: 0;
                   margin: 0px;
                   background-color: #fbfbfb;
    border-top: 3px solid #fbfbfb;
    border-bottom: 3px solid #fbfbfb;
}

#pkgnav a.active{
    padding: 12px 11px !important;
    border: 0px;
    font-size: 15px;
    border-top: 3px solid #0a8bbd;
    border-bottom: 3px solid #0a8bbd;
    color: #0a8bbd;
    box-shadow: none;
    border-radius: 0px;
}


#newpkgbkng{
    width: 100%;
    background-color: #f6f6f6;
    float: left;
    padding: 6px 10px 0px;
    z-index: 9;
    margin-top: 0px;
}

#newpkgbkng ul{
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
    padding-top: 0px;
}

#newpkgbkng ul li{    padding: 12px 0px;}


#newpkgbkng a{
                   padding: 7px 15px 7px !important;
                   font-weight: normal;
                   font-size: 14.5px;
                   border-radius: 0;
                   margin: 0px;
                   background-color: #f6f6f6;
                   border-bottom: 3px solid #f6f6f6;
}
#newpkgbkng a:hover{border-bottom: 3px solid #0a8bbd;
    color: #0a8bbd;}

#newpkgbkng a.active{
    padding: 7px 15px 7px !important;
    border: 0px;
    font-size: 14.5px;
    border-bottom: 3px solid #0a8bbd;
    color: #0a8bbd;
    box-shadow: none;
    border-radius: 0px;
}

.pkghd{
    font-size: 18px;
    color: #505050;
    font-weight: bold;
    margin-top: 0px;
    }

.newpkgbkng h3.pkghd{
    font-size: 18px;
    color: #505050;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 12px;
    }


.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%;
}

.fixed#pkgnav {
    width: 84.5%;
    background-color: #fbfbfb;
    float: left;
    padding: 0px !important;
    z-index: 9;
    margin-left: 120px;
    border-top: 1px solid #909090;
    border-bottom: 2px solid #909090;
    margin-top: 0;
    box-shadow: 0px 4px 6px #0000005e;
}

.fixed#newpkgbkng {
    width: 100% !important;
    background-color: #f6f6f6;
    float: left;
    padding: 0px !important;
    z-index: 9;
    margin-left: 0px;
    border-bottom: 1px solid #dadada;
    margin-top: 0;
}

.pkg-table-bordered > tbody > tr > td{
    border: 1px solid #DEE7F1;
    padding: 6px;
    font-size: 13px;
    /* font-size: 13.5px; */
    /* font-size: 14px; */
    }
.pkg-tblbg{background-color:#ffeded;}

.pkgeditbtn {
     padding: 4px 10px;
    background-color: #ffeded;
    border: 1px solid #0a8bbd;
    border-radius: 5px;
    color: #0a8bbd !important;
    font-weight: normal;
    font-size: 13px;
    margin-right: 10px;
}

    .pkgeditbtn:hover {
            background-color: #0a8bbd;
    color: #ffffff !important;  
    }

    .pkgeditbtn:last-child {
        margin-right: 0px;
    }

/*.fixed ul{padding: 0px 80px !important;}*/

.timeline {
    list-style: none;
    padding: 20px 0 0px;
    position: relative;
}

    .timeline:before {
        top: 20px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 2px;
        background-color:#d7d7d7;
        left: 4.7%;
        margin-left: -1.5px;
    }

    .timeline-heading{
        padding: 10px 13px 0px 20px;
        background-color: #0a8bbd;
        cursor:pointer;
        height: auto;
        float: left;
        line-height: 30px;
        width: 100%;
    }

   /* .timeline .active, .timeline .timeline-heading:hover {
  background-color: #0a8bbd;
  color: #fff !important;
}
*/
     .timeline .subcollapse {width:100%; text-align:left;}
  /* Icon when the collapsible content is shown */
  .timeline .subcollapse:after {
    font-family: FontAwesome;
    content: "\f068";
    float: right;
    margin-left: 15px;
    color:#0a8bbd;
  }
  /* Icon when the collapsible content is hidden */
  .timeline .subcollapse.collapsed:after {
    content: "\f067";
    color:#0a8bbd;
  }



  .subcollapse{
       background-color: #ffeded;
    padding: 10px 15px;
    color: #0a8bbd;
    cursor: pointer;
    font-size: 15px;
    border: 1px solid #0a8bbd;
        float: left;
        width:100%;
    }

  .subcollapse .fa-building:before{font-size: 18px;
    margin-right: 5px;}

.subcollapse .fa-star:before{
    color: #5f5f5f;
        margin-right: 2px;
}
.timeline-heading .fa-star:before{
    color: #ffc107;
        margin-right: 2px;
}
.timeline .subcollapse .active{    background: none !important;}

    .timeline .subcollapse .active:after {
        content: "" !important;
    }



    .timeline .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin:0px;
}
.timeline .timeline-heading:after {content: "\f107";display: inline-block;font-family: FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;font-size: 28px;border-left: 1px solid #fff;-moz-osx-font-smoothing: grayscale;padding-left: 13px;margin-top: -10px;float: right;right: 0;padding-top: 5px;color: #fff;width: 4%;min-height: 42px;}

.timeline .active:after {
 content: "\f106";
 display: inline-block;
 font-family: FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 font-size: 28px;
 line-height: 40px;
 border-left: 1px solid #fff;
 -moz-osx-font-smoothing: grayscale;
 padding-left: 13px;
}
.timeline .collapse .active:after{display: none !important;}

.timeline .pkgeditbtn.active:after{    content: " " !important;
    display: none !important;}
.pkg-table-bordered a.active{background-color:transparent !important;
                                 color: #000 !important;
}

.pkg-table-bordered a:after{    content: " " !important;
    display: none !important;}
.timeline-body{
    padding: 20px;
    float: left;
    width: 100%;
}


.timeline-body img{margin-bottom:10px;}

    .timeline > li {
        margin-bottom: 30px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 88%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 0px;
            position: relative;
            left: 12%;
            background-color: #fff;
        }

            /*.timeline > li > .timeline-panel:before {
                position: absolute;
                top: 16px;
                right: -15px;
                display: inline-block;
                border-top: 7px solid transparent;
                border-left: 17px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 7px solid transparent;
                content: " ";
            }*/

            /*.timeline > li > .timeline-panel:after {
               position: absolute;
    top: 7px;
    right: -10px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 14px solid #0a8bbd;
    content: " ";
            }*/

                        .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 12px;
                left: -10px;
                display: inline-block;
                border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #0a8bbd;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 65px;
            height: 60px;
            font-size: 18px;
            text-align: center;
            position: absolute;
            top: 0;
            left: 4%;
            margin-left: -25px;
            border-radius: 5px;
            line-height: 20px;
            padding-top: 8px;
            font-weight: 500;
            background-color: #0a8bbd !important;
        }

        

            /*.timeline > li.timeline-inverted > .timeline-panel:after {
       
                left: -13px;
                right: auto;
            }*/

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #0a8bbd !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    width: 95%;
    display: inline;
    float: left;
    line-height: 20px;
        margin-bottom: 10px;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.chnghtl{border-radius: 5px;
    border: 1px solid #ddd;
    height:350px;
}
    .chnghtl h5 {
            font-size: 15px;
            line-height:20px;
            
    }

    .chnghtl .chnghtlbtn{position: absolute;
    bottom: 0;}

.chnghtl img{height: 100px;
    width: 100%;}

.chnghtl .lessprc {
   padding: 10px;
    width: 100%;
    float: left;
    color: #017d1c;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
}

.chnghtl .moreprc{ background-color: #ececec;
    padding: 10px;
    width: 100%;
    float: left;
    color: #e60606;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;}




@media (min-width:991px) and (max-width:1199px){
.fixed#pkgnav {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .fixed#newpkgbkng {
        width: 100% !important;
        margin-left: 0px !important;
    }
}


@media (min-width:240px) and (max-width:991px)
{
    .login-form .form-group .inp .pwd {
    margin-top: 0px !important;
}
#pkgnav ul{display:inline-block !important;    width: 100%;
    float: left;}
    #pkgnav ul li{    width: 33% !important;
    float: left !important;
        padding: 0 !important;
    }
    #pkgnav a.active{ width:100% !important;
    text-align:center !important;
    float:left !important;}
    #pkgnav ul li#stickProceed {
    width: 100% !important;
}
    #pkgnav{padding: 0 !important;}
    #pkgnav a{
    padding: 12px 10px !important;
    font-size: 14px !important;
    width:100% !important;
    text-align:center !important;
    float:left !important;
}
    .fixed#pkgnav {
        width: 100% !important;
        margin-left: 0px !important;
    }

     #newpkgbkng ul{display:inline-block !important;    width: 100%;
    float: left;}
    #newpkgbkng ul li{    width: 25% !important;
    float: left !important;
        padding: 0 !important;
    }
    #newpkgbkng a.active{ width:100% !important;
    text-align:center !important;
    float:left !important;}
    #newpkgbkng ul li.pull-right {
    width: 100% !important;
}
    #newpkgbkng{padding: 0 !important;}
    #newpkgbkng a{
    padding: 12px 10px !important;
    font-size: 14px !important;
    width:100% !important;
    text-align:center !important;
    float:left !important;
}

    .fixed#newpkgbkng {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .pkghdbg h3 {
        text-align: center !important;
        font-size: 19px !important;
    }

        .pkghdbg h3 span {
            font-size: 14px !important;
        }

    .pkgprc {
        border: 1px solid #0a8bbd !important;
    }

    .pkghdbg .pkgbtn a {
        font-size: 16px !important;
    }

    .pkghdbg .fa {
        font-size: 17px !important;
        line-height: 21px;
    }

    #pkgnav a {
        padding: 12px 15px !important;
            width: 100% !important;
    }

        #pkgnav a.active {
            padding: 12px 15px !important;
        }

        #newpkgbkng a {
        padding: 12px 15px !important;
            width: 100% !important;
    }

        #newpkgbkng a.active {
            padding: 12px 15px !important;
        }
}

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

    .pkgprc2 {
        border: 1px solid #0a8bbd !important;
    }
}

@media (min-width:640px) and (max-width:767px) {
    #pkgnav{padding:0px !important;}
    #pkgnav ul{    display: inline !important;}
     #pkgnav ul li{    padding: 0px 0px !important;
    width: 25% !important;
    float: left !important;}
#pkgnav ul li.pull-right{width: 100% !important;}
    #pkgnav ul li#stickProceed{width: 100% !important;}
    #pkgnav a{
    float: left;
    width: 100%;
    text-align: center;
    }

    #newpkgbkng{padding:0px !important;}
    #newpkgbkng ul{    display: inline !important;}
     #newpkgbkng ul li{    padding: 0px 0px !important;
    width: 25% !important;
    float: left !important;}
    #newpkgbkng ul li.pull-right{width: 100% !important;}
    #newpkgbkng a{
    float: left;
    width: 100%;
    text-align: center;
    }


    .pkgprc2 {
        border: 0px solid #0a8bbd !important;
    }

}
@media (min-width:240px) and (max-width:639px){
 #pkgnav a{float: left !important; text-align:center !important;width: 100% !important;}
    #pkgnav ul{display:inline-block !important;}
     #pkgnav ul li{    padding: 0px 0px !important;
    width: 50% !important; 
    float: left !important;}
    
#pkgnav ul li.pull-right{width: 100% !important;}
#pkgnav ul li#stickProceed{width: 100% !important;}
    #newpkgbkng a{float: left !important; text-align:center !important;}
    #newpkgbkng ul{display:inline-block !important;}
     #newpkgbkng ul li{    padding: 0px 0px !important;
    width: 50% !important;
    float: left !important;}
    #newpkgbkng ul li.pull-right{width: 100% !important;}

    .timeline > li > .timeline-badge {
        position: unset !important;
        margin-bottom: 20px !important;
    }

    .timeline .timeline-heading:after {
        border: 0px !important;
        padding-left: 0px !important;
    }

    .timeline > li > .timeline-panel {
        width: 100% !important;
        float: left !important;
        left: 0px !important;
    }

        .timeline > li > .timeline-panel:after {
            width: 0 !important;
            height: 0 !important;
            border-left: 12px solid transparent !important;
            border-right: 12px solid transparent !important;
            border-bottom: 12px solid #0a8bbd !important;
            content: " ";
            top: -22px !important;
        }


    .pkgprc2 {
        border: 0px solid #0a8bbd !important;
    }
}

@media only screen and (max-width:767px){
 h4.pkg-city-red {
    font-size: 17px !important;}

.pkg-acc-heading {
    font-size: 14px !important;
}
 ul.timeline > li > .timeline-panel {
        width: 100%;
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    
        ul.timeline > li > .timeline-panel:after {
       position: absolute;
       top: -15px;
       left: 15px;
       display: inline-block;
       content: " ";
       border-left: 15px solid transparent;
       border-right: 15px solid transparent;
       border-bottom: 16px solid #0a8bbd;
       }

}

@media only screen and (max-width:480px){
.pkgico span {
        float: none !important;
    }

    .pkgico {
        float: right !important;
    }

}

@media(min-width:481px) and (max-width:600px){
.pkgico span {
        float: none !important;
    }

    .pkgico {
        float: right !important;
    }

}

@media(min-width:601px) and (max-width:767px){
 .pkgico span {
        float: none !important;
    }

    .pkgico {
        float: right !important;
    }
}


@media(min-width:768px) and (max-width:991px){
  .pkgico span {
        float: none !important;
    }

    .pkgico {
        float: right !important;
    }
}

@media(min-width:992px) and (max-width:1199px){
     .login-form .form-control{width: 83% !important;    margin-top: 0px !important;}
.pkgico span {
        float: right !important;
    }

    .pkgico {
        float: none !important;
    }

    .pkgbtn {
        margin-left: auto !important;
        margin-right: auto !important;
        /* float: none !important; */
    }


}



@media (max-width: 767px) {
    ul.timeline:before {
        left: 28px;
    }

    ul.timeline > li > .timeline-panel {
        width: 100%;
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        /*ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }*/

        ul.timeline > li > .timeline-panel:after {
       position: absolute;
       top: -15px;
       left: 15px;
       display: inline-block;
       content: " ";
       border-left: 15px solid transparent;
       border-right: 15px solid transparent;
       border-bottom: 16px solid #0a8bbd;
       }
}



@media (min-width:500px) and (max-width:991px) {
    #newpkgbkng ul li {
        width: auto !important;
    }
    #newpkgbkng a.active{width: auto !important;}

    #newpkgbkng.fixed ul li {
        padding: 0px !important;
    }

    #newpkgbkng.fixed ul {
        margin-left: 40px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .curr-res-mrgtop {
        margin-top: -6px !important;
    }

    .rmtypsrch {
        position: relative !important;
        right: 0;
        margin-top: -4px !important;
        top: 0px;
    }
    .rate{
padding: 5px 0 !important;}

    .rate h4{
    margin-top: 5px !important;}

    .rate p{
    margin: 0px 0px 5px 0px !important;
    }

}

@media (max-width:767px) and (min-width:200px) {
    .htlrtssrch .htlsrchinpt {
        width: 100% !important;
        float: left !important;
    }

    .rmtypsrch {
        position: relative !important;
        right: 0 !important;
        margin-top: 2px !important;
        padding: 0px !important;
        width: 100% !important;
    }

        .rmtypsrch .btnnew {
            margin: 10px 0px !important;
        }

    .curr-res-mrgtop {
        margin-top: 5px !important;
        margin-right: 8px !important;
    }


        .mltcrnc {width: 20px; margin-left: 5px;}
    .mltcrnc.tooltip .tooltiptext{top: 70px !important;line-height: 20px !important;}
    .nomargin-xs {
        margin: 0px !important;
    }

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

.mrg-top40-res{margin-top:40px !important;}
 .mrg-top15-res{margin-top:15px !important;}

@media (max-width: 1199px) and (min-width: 150px) {
    .mrg-top40-res{margin-top:0px !important;}
     .mrg-top15-res{margin-top:0px !important;}
     .padd15-res{padding:0px 15px !important;}
}
@media (max-width: 339px) and (min-width: 240px) {
    .login-form .form-control{    width: 75% !important;}
}

@media (max-width: 700px) and (min-width: 150px) {
  .insr h4 {
    font-size: 16px !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}
}

@media (max-width: 580px) and (min-width: 345px) {
    .mrkupdtl.tooltip .tooltiptext {
        left: unset;
        right: -285%;
    }

        .mrkupdtl.tooltip .tooltiptext::after {
            left: unset;
            right: 33%;
        }
}

@media (max-width: 344px) and (min-width: 150px) {
    .mrkupdtl.tooltip .tooltiptext {
        left: unset;
        right: -130%;
    }

        .mrkupdtl.tooltip .tooltiptext::after {
            left: unset;
            right: 17%;
        }
}

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