@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: #f8f8f8;
    font-family: 'Roboto', sans-serif !important;
    overflow-x: hidden;
    padding: 0px !important;
}

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

.divHide {
    display: none;
}

.PromoHide {
    display: none;
}

.FooterHide {
    display: none;
}

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

td, th {
    padding: 4px;
}


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

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

label {
    font-weight: normal;
}

#header {
    background: #078f47;
    /*background: #049047;*/
}

.txtcolor {
    color: #131212;
}

.txtcolor2 {
    color: #f85900;
}

.d-inline {
    display: inline;
}

.navbar-right {
    float: right;
}

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

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

.nomargin {
    margin: 0 !important;
}

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

.nopadding {
    padding: 0 !important;
}

#logo {
    padding: 0px;
    border-top: 3px solid #068f47;
    border-bottom: 3px solid #fa5400;
    background-color: #ffffff;
}

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

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

    #logo .name {
        font-family: 'Roboto', sans-serif;
        color: #049047;
        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: #049047;
    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;
}

.menu-active {
    background-color: #159550;
    color: #ffffff !important;
    text-decoration: none;
    font-weight: bold !important;
}


#maincontent h2 {
    color: #068e44;
    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: #01752a;
    font-size: 19px;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0px 10px;
    background: none !important;
    font-weight: bold !important;
    padding: 5px 0px !important;
    /*background: url(../../images/Header/rb.jpg) no-repeat left bottom;
	padding-bottom: 12px;*/
    /* border-bottom: 0px solid #049047;*/
}

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

    #maincontent h3 a {
        color: #049047 !important;
    }

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

.pointer {
    cursor: pointer;
}

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

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

    .detail select:focus {
        border-color: #049047 !important;
    }

.categry {
    padding: 0px;
    margin: 0px;
    float: left;
    list-style-type: none;
}

    .categry a {
        background-color: #f8f8f8;
        color: #252525;
        padding: 1px 8px;
        margin: 0px 10px 5px 0px;
        float: left;
        font-size: 11.5px;
        border-radius: 5px;
        border: 1px solid #049047;
    }

        .categry a:hover {
            color: #29272a;
            text-decoration: underline !important;
        }

ul.categry, ul.categry li {
    list-style-type: none;
}

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

:focus {
    outline: none !important;
}

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

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

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

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

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

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

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

.mgtop {
    margin-top: 27px;
}

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

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

.mg0 {
    margin-top: 0px;
}

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

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

.mgtop2 {
    margin-top: 12px;
}

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

.mgt53 {
    margin-top: 47px;
}

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

.mgtop25 {
    margin-top: 25px;
}

.tc {
    color: #049047 !important;
    background: none !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

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

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

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


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

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

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

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

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

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

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

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

#maincontent {
    min-height: calc(100vh - 250px);
    padding-top: 0px;
}

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

.col-md-9 #maincontent {
    padding-top: 0px;
}

.col-sm-8 #maincontent {
    padding-top: 0px;
}

.col-xs-12 #maincontent {
    padding-top: 0px;
}

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

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

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

.mgb50 {
    margin-bottom: 50px;
}

.subfoot {
    background-color: #363636;
    padding: 40px 0px 35px;
    border-top: 4px solid #ff6400;
    color: #ffffff;
}


    .subfoot h4 {
        color: #ffffff;
        font-weight: bold !important;
        font-size: 17px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 0;
    }

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

    .subfoot a {
        color: #fff;
    }

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

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

    .subfoot ul li {
        list-style-type: none;
        /* color: #fff; */
        font-size: 14px;
        margin-bottom: 5px;
        line-height: normal;
        display: inline;
        padding-right: 20px;
        padding-bottom: 6px;
    }

        .subfoot ul li::after {
            content: '|';
            margin: 0px 5px 0 7px;
            color: #fff;
            float: left;
            position: absolute;
            font-weight: bold;
        }

        .subfoot ul li:last-child:after {
            display: none !important;
        }

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

        .subfoot ul li a {
            color: #fff;
            /*margin-left: 22px;*/
        }

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

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

.uppertxt {
    text-transform: uppercase;
}

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

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


footer {
    padding: 20px 0px;
    background: #000000;
    font-size: 14px;
    float: left;
    width: 100%;
    border-top: 4px solid #049246;
    color: #fff;
}

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

    footer a {
        color: #fff;
    }

        footer a:hover {
            text-decoration: underline;
            color: #fff;
        }

.right {
    float: right;
}

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

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

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

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

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

.paddACK {
    padding: 10px 100px;
}

.whtbg {
    background-color: #f8f8f8;
}

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

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

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

.srchbg label.radio-label {
    color: #fff;
}

.srchbg .mod-search label.radio-label {
    color: #3a3a3a !important;
}

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

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

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

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

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

.input-group-btn > .btn {
    border-radius: 0px;
    padding:6px !important;
}


.roon-dd-menu .room-section label {
    font-size: 13px !important;
}

.number-spinner input {
    border-right: 0px;
}

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

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

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

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

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

/*.room-section .floating-label-select {
    background-color: white !important;
    color: #333 !important;
    left: 14px !important;
    margin: 0 !important;
    top: 9px !important;
}*/ .ftr-links-sub li a {
    color: #868686 !important;
    /* text-transform: capitalize; */
}

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

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

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

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

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

.srchbg .options .panel-body .room-dd {
    width: 100%;
    height: 35px;
    margin-top: 0px;
    margin-bottom: 17px;
    z-index: 10;
    padding: 2px 5px;
    background: white url(../images/da.png) no-repeat 96% center;
    border-radius: 0px;
}

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

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





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

    .srchbg .options .panel-heading .nav-tabs > li > a {
        border-radius: 0;
        color: #fff !important;
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0px;
        /*opacity: 0.5;*/
        padding: 8px 30px 5px 20px;
        border: 0;
        float: left;
        /* border-right: 1px solid #7d7d7d; */
        background: #464646;
        border-radius: 10px 40px 0px 0px;
        border-top: 3px solid transparent;
    }



        .srchbg .options .panel-heading .nav-tabs > li > a span {
            /*width: 100%;*/
            float: left;
            display: inline-block;
            font-weight: bold;
            font-size: 15px;
        }


    .srchbg .options .panel-heading .nav-tabs > li.active > a {
        padding: 8px 20px 5px 20px;
    }

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

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

.srchbg .options .panel-heading .nav-tabs {
    border-bottom: 1px solid #464646;
    /*background-color: #464646;*/
}


    .srchbg .options .panel-heading .nav-tabs > li.active > a, .srchbg .options .panel-heading .nav-tabs > li.active > a:hover, .srchbg .options .panel-heading .nav-tabs > li.active > a:focus {
        color: #ffffff !important;
        cursor: default;
        opacity: 1 !important;
        z-index: 1;
        border: 0;
        background-color: #ff4f01;
        /*box-shadow: 5px 0px 3px 0px #1f1f1f5c;*/
        /*border-right: 1px solid #ff4f01;*/
        border-top: 3px solid #bd3c03;
    }



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

.srchbg .citysrch {
    background-image: url(../images/59/pin-59-591.png);
    background-position: 98%;
    background-repeat: no-repeat;
}

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

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

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



.srchbg .options .panel-body .floating-inpt.date-cal {
    background-image: url(../images/59/cal-59-591.png);
    background-position: 98%;
    background-repeat: no-repeat;
}

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



.srchbg .hover-btn.btn-reverse {
    background: #fc5000 !important;
    border: 0px;
    border-bottom: 4px solid #b73e06;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    border-radius: 12px;
    margin-left: 10px;
    float: right;
}

    .srchbg .hover-btn.btn-reverse:hover {
        background: #068f4b !important;
        color: #ffffff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 16px;
        border-bottom: 4px solid #03703a;
        border-radius: 12px;
    }

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

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

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

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

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

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

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

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

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

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


.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: #049047;
    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: #049047;
        color: #ffffff;
        cursor: pointer;
    }

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

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



    .accordion li.active > a {
        border-radius: 0px;
        background-color: #fc5000;
        font-weight: 500;
        color: #ffffff;
    }

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

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

.search-right-panel .accordion a {
    padding: 10px 10px 10px 38px !important;
    background-color: #888888;
    border-radius: 0px;
    color: #ffffff;
}

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

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

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

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

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

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

    .hrates-plus-biz .fa {
        color: #fc5000 !important;
    }

.inner ul {
}

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

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

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

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


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

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


.options .panel-heading {
    color: #333;
    background-color: #fff !important;
    border-color: #ddd;
    border: 0px;
    padding: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mgt45 {
    margin-top: 45px;
}

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

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

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

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

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

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

.rr-detailpanel .fa {
    color: #049047;
}

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

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

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

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

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

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

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

.mgtop7 {
    margin-top: 7px;
}

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

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

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

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

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

.mgt24 {
    margin-top: 24px;
}

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

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

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

    .members-check a {
        background-color: #fc5000;
        color: #ffffff !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: 12px;
    }

/* .members-check a:hover {
          background-color: #333334!important;
        }*/

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

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

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


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



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

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

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

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

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

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

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



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

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

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

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

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

.mem-det-btn a {
    background-color: #fc5000;
    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: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}



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



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

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

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

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

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

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

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

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

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

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

    .update-profile .table .floating-label {
        background-color: #ffffff;
    }

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

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


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

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

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


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

.user-prfl-modal .modal-save-btn {
    background-color: #fc5000;
    color: #ffffff !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: 12px;
    border: 0;
    border-bottom: 4px solid #b73e06;
}


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

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

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

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

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

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

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

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

.modal-header-bg {
    background-color: #078f47;
    color: #ffffff;
}

.modal-footer-bg {
    background-color: #e0e0e0;
    color: #049047;
}

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

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

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

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

.select--hoshi {
    font-family: 'Roboto', sans-serif;
    border: 1px solid #d8d8d8;
    width: 100%;
    background: #fff;
    color: #000;
    font-size: 14px;
    height: 40px !important;
    border-radius: 0 !important;
}

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

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

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

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

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


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

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

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

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

    .room-dd a {
        display: block;
    }

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

.exnghts {
    left: 6px;
    right: 0;
    padding: 8px 8px 12px 8px;
    background: #fbfbfb;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 100%;
    position: absolute;
    top: 20px;
    z-index: 20;
}

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

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

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

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

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

#timemrg .homepage {
    background: #fff0;
}

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

header .nav > li > a {
    margin: 0px;
}

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

#logo .container-fluid {
    background-color: #ffffff;
    padding: 0px !important;
}

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

.flt-car .carousel-inner {
    max-height: 720px;
}

    .flt-car .carousel-inner > .item {
        height: 720px;
    }

.flt-hotel .carousel-inner {
    max-height: 540px;
}

    .flt-hotel .carousel-inner > .item {
        height: 540px;
    }

.flt-trnsfr .carousel-inner {
    max-height: 550px;
}

    .flt-trnsfr .carousel-inner > .item {
        height: 550px;
    }

.flt-tour .carousel-inner {
    max-height: 460px;
}

    .flt-tour .carousel-inner > .item {
        height: 460px;
    }

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

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

#logo .nav > li > a {
    color: #0e0e0e;
    font-size: 15px;
    margin-top: 0px;
    padding: 0 15px;
    margin-right: 10px;
    line-height: 35px;
}

    #logo .nav > li > a:focus {
        color: #0e0e0e;
    }

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

#logo .nav > li > a:hover {
    background-color: #ff6400;
    color: #fff;
    text-decoration: none;
}

#tbStatus .nav li.active a {
    background-color: #159550;
    color: #fff !important;
}


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

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

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

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


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

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

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

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


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

.banner-sec {
    /*   position: relative;
    margin-top: -30px;*/
}

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

.banner-relative {
    position: relative;
}

.login-form h3 {
    color: #ffffff;
    background-color: rgb(0 0 0 / 80%);
    text-align: center;
    padding: 15px 20px 50px;
    font-size: 25px;
    margin: 0px;
    text-transform: uppercase;
    border-radius: 20px 20px 0px 0px;
}

.login-form p {
    color: #fff;
    padding: 0px 20px;
    margin-top: 5px;
    margin-bottom: 25px;
}

.actvhea {
    font-weight: bold;
}

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

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

form.login-form input.form-control {
    height: auto;
    padding: 15px 10px;
    border: 0px;
    box-shadow: none;
}

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

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

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

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

.reg-link {
    color: #000000;
    font-weight: 500;
    font-size: 13px;
}

a:hover, a:focus {
    color: #049047;
}

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

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

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

.logbg .logbtnbg {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
    float: none !important;
}


.hfbtn {
    width: 95%;
    background: #f85900;
    color: #ffffff;
    height: auto;
    line-height: normal;
    padding: 9px 50px;
    text-align: center;
    cursor: pointer !important;
    opacity: 1 !important;
    font-size: 19px;
    margin: 10px auto 0px;
    display: block;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer !important;
}

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



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

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

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

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

#access_account p {
    margin: 0;
}

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

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

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

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

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

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

.bg-grey {
    background: #f3f3f3;
}

.bg-white {
    background: #fff;
}

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

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

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

    .login-form .form-group:first-child {
        border-right: 1px solid #cccccc;
    }

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

.login-form {
    position: absolute;
    top: 40px;
    right: 5%;
    background: #15955091;
    padding: 10px;
    border-radius: 30px;
}


.banner-caption .floating-label {
    font-size: 12px !important;
}

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

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

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

        .homepage .promoh .promohd h3:before,
        .homepage .promoh .promohd h3:after {
            background-color: #464646;
            content: "";
            display: inline-block;
            height: 2px;
            position: relative;
            vertical-align: middle;
            width: 30%;
        }

        .homepage .promoh .promohd h3:before {
            right: 0.5em;
            margin-left: -50%;
        }

        .homepage .promoh .promohd h3:after {
            left: 0.5em;
            margin-right: -50%;
        }



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

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

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

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

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

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

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


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

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

.bkngsmgid1 {
    width: 100%;
}

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

/*for circle loading popup start*/

.main {
    width: 170px;
    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: #049047;
        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 #049047;
    border-radius: 50px;
    position: absolute;
    clip: rect(0px, 73px, 163.1px, 0px);
    border-radius: 100%;
    background-color: #049047;
}
/* Using the data attributes for the animation selectors. */
/* Base settings for all animated elements */
div[data-anim~=base] {
    -webkit-animation-iteration-count: 1; /* Only run once */
    -webkit-animation-fill-mode: forwards; /* Hold the last keyframe */
    -webkit-animation-timing-function: linear; /* Linear animation */
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/*Praveen End*/




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*End Page 2 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prntimgtd1 {
    width: 20%;
}

.prntimgtd2 {
    width: 75%;
}

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

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

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

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

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

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

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

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

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

.regsec {
    min-height: 225px;
}

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

    .navbar-default .navbar-nav > li:last-child {
        margin-right: 0px;
    }

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

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

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

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

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

.srvcmenu {
    margin: 15px 0px 0px 0px;
}

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

        .srvcmenu a:hover {
            background-color: #049047;
            color: #ffffff;
            border-radius: 2px;
        }

.dropdown-content a {
    color: #ffffff;
    border-bottom: 1px solid #234706;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: normal;
}

    .dropdown-content a:hover {
        background-color: #464646;
        box-shadow: none;
    }

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

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

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

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

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

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

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

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

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

#dvShowComm {
    color: #049047 !important;
}

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

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

.sidemenu { /*background: #fff;*/
    /*padding: 0px;*/
    margin-bottom: 30px;
    /*box-shadow: 0px 1px 7px 2px #ccc !important;*/
    border-radius: 0px;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

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

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

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

        .sidemenu .accordion a {
            border-bottom: 0px;
            background-image: url(../images/59/peaks-close-59-591.png);
            background-repeat: no-repeat;
            background-position: 93%;
            background-color: #e7e7e7;
            color: #323131;
            border-radius: 22px;
            font-size: 15px;
            border: 1px solid #d7d5d5;
        }

    .sidemenu .fa {
        background-color: #e7e7e7;
        width: 40px;
        padding: 13px 10px;
        text-align: center;
        border-radius: 22px;
        box-shadow: 5px 0px 3px 0px #ddd7d7;
        margin-right: 5px !important;
    }

    .sidemenu .active .fa {
        box-shadow: 5px 0px 3px 0px #d55006;
        background-color: #f85900;
        color: #ffffff;
    }

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



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

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

    .sidemenu .inner a {
        list-style-type: none;
        background: none !important;
        padding: 8px 15px 8px 20px;
        border: 0px;
        color: #585858;
        font-size: 14px;
    }

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

    .sidemenu li a.activepg {
        background: #f9e4da !important;
        border-radius: 0;
    }

        .sidemenu li a.activepg::before {
            content: "\f0da";
            font-family: FontAwesome;
            position: absolute;
            left: 9px;
            font-size: 24px;
            margin-top: -10px;
            color: #fa7503;
            background-color: transparent;
            padding: 2px 2px;
        }

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

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

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

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

#divNightDetail .table > tr > th, #divNightDetail .table > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #e0e0e0 !important;
}

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

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

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

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


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

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

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

.trnsmain {
    border-bottom: 1px dashed #049047;
    margin-bottom: 7px;
    background-color: #078e4921;
}

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

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

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

    .bkdtlprc h4 {
        font-weight: bold !important;
        line-height: 18px;
    }

.nwrslt {
    border: 1px solid #e4e3e3;
    min-height: 195px;
    background-color: #ffffff;
    margin-bottom: 30px;
}


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

    .nwrslt .bdr-lft1 {
        border-left: 1px solid #505050 !important;
    }

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

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

    .nwrslt-new .btn-select {
        font-weight: 500;
        color: #ffffff !important;
        display: inline-block;
        font-size: 16px;
        margin-bottom: 10px;
        padding: 5px 18px;
        text-transform: capitalize;
        -webkit-transition: all .1s linear 0s;
        -moz-transition: all .1s linear 0s;
        -o-transition: all .1s linear 0s;
        transition: all .1s linear 0s;
        text-align: center;
        background-color: #fc5000;
        border-bottom: 4px solid #b73e06;
        border-radius: 12px;
    }

        .nwrslt-new .btn-select:hover {
            background-color: #068f4b !important;
            color: #fff !important;
            border-bottom: 4px solid #03703a;
        }



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

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

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

.nwrslt .hotel-desc h5.heading {
    margin-top: 20px;
    margin-bottom: 5px;
}

#footer .address {
    background-image: url('../images/48/locat-ico.png');
    background-position: 3px 4px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

p.address {
}

.nwrslt .rate-responsive {
    font-size: 18px;
    line-height: 33px;
    padding: 0 20px;
    right: -15px;
    top: -20px;
    padding: 0 28px 0 21px;
    background-color: #eaeaea;
    -webkit-box-shadow: -3px 3px 2px 0 rgba(50,50,50,0.33);
    -moz-box-shadow: -3px 3px 2px 0 rgba(50,50,50,0.33);
    box-shadow: -3px 3px 2px 0 rgb(212, 212, 212);
    color: #636363;
    position: absolute;
    font-weight: 500;
}

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


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

.nwrslt .btn-select {
    background-color: #fc5000;
    color: #ffffff !important;
    border-radius: 12px;
    border: 0px;
    border-bottom: 4px solid #b73e06;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 7px 12px 5px;
    font-weight: 500;
}

    .nwrslt .btn-select:hover {
        background-color: #068f4b;
        color: #ffffff !important;
        border-radius: 12px;
        border: 0px;
        border-bottom: 4px solid #03703a;
    }


.promohd h3 {
    color: #f85900;
    font-family: 'Roboto', sans-serif !important;
    position: relative;
    text-align: center;
    font-size: 27px;
    text-transform: capitalize;
    padding-bottom: 15px;
    margin-top: 25px;
    font-weight: bold !important;
}

    .promohd h3:after {
        content: "";
        position: absolute;
        width: 54px;
        height: 3px;
        background: #078f47;
        bottom: 5px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1;
        opacity: 1;
    }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .magic-radio + label:after {
        top: 4px;
        left: 4px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0px 0px 2px 1px #049047;
    }

    .magic-radio:checked + label:before {
        border: 1px solid #049047 !important;
        background-color: #049047 !important;
        box-shadow: 0px 0px 2px #00000057;
    }

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

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

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

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

#RemoveCity_3 {
    color: #049047 !important;
}

#RemoveCity_4 {
    color: #049047 !important;
}

#RemoveCity_5 {
    color: #049047 !important;
}

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

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


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

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

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



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


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

    .paybtn:hover {
        background-color: #464646 !important;
        color: #ffffff !important;
        border-bottom: 4px solid #1d1d1d;
    }

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

    .icobg .ico {
        float: left;
        padding: 5px 10px;
        background-color: #e4e4e4;
        border-radius: 0px;
        border-right: 2px solid #c5c5c5;
    }


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


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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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



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

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


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

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

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





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

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


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

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

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




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

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


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

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

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

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


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

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



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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    background-color: #fff;
    color: #464646;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 95%;
    margin: 8px 2.5%;
}

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

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

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

.cutprc {
    text-decoration: line-through;
    font-size: 18px;
    color: #a9a9a9;
    text-align: center;
    font-weight: bold;
    overflow-y: hidden;
    margin-top: 0px;
    margin-right: 0px;
    float: right;
}

.price {
    font-size: 18px;
    color: #464646;
    font-weight: bold;
    text-align: right;
    float: right;
    margin-left: 10px;
}

    .price .small {
        font-weight: normal !important;
        font-size: 12px !important;
    }
/* For Seat Map (Flight.css)  */

/*.carousel.slide {
    display: none;
}*/


#tabmenu.stick {
    position: fixed;
    top: 0;
    border-radius: 0px;
    margin: 0px !important;
    padding: 0px;
    z-index: 99;
    width: 100%;
    left: 0px;
}

.htlinfo h4 {
    font-size: 13px;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}

.htlinfo p {
    margin-bottom: 5px !important;
    font-size: 15px;
}

#tabmenu .navbar-nav > li {
    float: none;
    display: inline-block;
    margin-left: -3px;
}

#tabmenu .navbar-nav {
    margin: 0;
    float: none;
    text-align: center;
}


.htlinfo .fa {
    width: auto;
    height: auto;
    font-size: 13px;
    color: #fec006;
    margin: 0px 2px;
}

#back2Top {
    overflow: hidden;
    z-index: 99999;
    display: none;
    cursor: pointer;
    text-align: center;
    position: fixed;
    bottom: 50px;
    right: 0;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    background: #D374A4;
    float: right;
}

    #back2Top:hover {
        background-color: #049047 !important;
        color: #ffffff;
    }

    #back2Top .fa-arrow-up {
        margin: 10px;
    }

#up_SendMail #btnClose {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #ffffff;
    padding: 10px;
    border-radius: 100%;
    opacity: 1;
    z-index: 99;
}

#up_SendMail h3 {
    color: #464646;
    font-size: 16px;
    margin-top: 0px;
}

#up_SendMail h4 {
    padding: 10px;
    background-color: #464646;
    margin: 0px;
    color: #fff;
    font-weight: bold !important;
    font-size: 20px !important;
}


/*.carousel-inner > .item{height:600px;}*/

.logbg {
    background-color: #fff;
    border-radius: 30px;
    padding: 0px 0px 30px 0px;
    width: 100%;
    float: left;
    box-shadow: 0px 0px 9px 0px #0000006b;
    padding: 20px;
    /*margin: -33px 5% 4% 5%;*/
    /*border: 1px solid #000;*/
}

    .logbg .form-control {
        height: auto;
        padding: 10px;
        border-radius: 0px 50px 50px 0px;
        background-color: transparent;
        border: 0px;
        color: #151515;
    }

    .logbg .usrnm {
        height: auto;
        padding: 0px 0px 0px 7px;
        border-radius: 50px;
        background-color: transparent;
        border: 1px solid #159550;
        color: #151515;
        width: 100%;
        float: left;
        /*background-image: url(../images/48/usrnm-48.png);*/
        background-position: 15px 10px;
        background-repeat: no-repeat
    }

    .logbg .pwd {
        height: auto;
        padding: 0px 0px 0px 7px;
        border-radius: 50px;
        background-color: transparent;
        border: 1px solid #159550;
        color: #151515;
        width: 100%;
        float: left;
        /*background-image: url('../images/48/pwd-48.png');*/
        background-position: 15px 10px;
        background-repeat: no-repeat;
    }


    .logbg input:focus {
        border: 0px solid #049047 !important;
    }

    .logbg input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #9B9B9B;
        font-size: 14px;
    }

    .logbg input::-moz-placeholder { /* Firefox 19+ */
        color: #9B9B9B;
        font-size: 14px;
    }

    .logbg input:-ms-input-placeholder { /* IE 10+ */
        color: #9B9B9B;
        font-size: 14px;
    }

    .logbg input:-moz-placeholder { /* Firefox 18- */
        color: #9B9B9B;
        font-size: 14px;
    }

    .logbg label {
        font-size: 14px;
        left: 23px;
        top: 6px;
        color: #252525;
    }

    .logbg a {
        color: #444444;
    }

    .logbg a {
        text-decoration: underline;
    }


    .logbg .checkbox label {
        left: 7px !important;
        width: 100%;
        position: relative;
        color: #fff;
        padding-left: 15px !important;
        top: 2px !important;
    }

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

input[type=checkbox] + label::after {
    left: -4px;
    top: 3px;
    width: 12px;
    height: 13px;
}

/*.srchbg #myCarousel1 .carousel-inner:nth-child(1) {
    max-height: 840px !important;
}

.srchbg #myCarousel1 .carousel-inner:nth-child(2) {
    max-height: 540px !important;
}*/

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 750px !important;
    /* min-height: 390px; */
}

.holyprc {
    min-height: 40px !important;
}

.holyadd {
    height: 51px !important;
}



.pkg {
    box-shadow: 0px 0px 6px 1px #00000063;
    border-radius: 5px;
    margin-bottom: 11px;
    height: 255px;
    background-color: #fff;
}

.pkg-news {
    box-shadow: 0px 0px 6px 1px #00000063;
    border-radius: 5px;
    margin-bottom: 11px;
    height: 255px;
    background-color: #fff;
}

h3.pkghd {
    font-size: 21px !important;
    color: #049047;
    font-weight: bold !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.pkg img {
    height: 255px;
    width: 100%;
    border-radius: 5px;
}

.capt {
    position: absolute;
    padding: 10px;
    background-color: #00000099;
    width: 100%;
    bottom: 0;
    height: 60px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0px 0px 5px 5px;
}

.pkg ul {
    padding: 5px 10px 10px 10px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

    .pkg ul li {
        list-style-type: none;
        border-bottom: 1px solid #efefef;
        float: left;
        width: 100%;
    }



        .pkg ul li a {
            margin-left: 22px;
            float: left;
            width: 92%;
        }

        .pkg ul li:before {
            font-family: 'FontAwesome';
            content: '\f105';
            margin: -2px 5px 0 7px;
            color: #000000;
            float: left;
            position: absolute;
            font-weight: bold;
        }

.pkg.news {
    width: 100%;
    height: 255px;
    border-radius: 5px;
    overflow: Hidden;
    padding: 5px 0;
}

    .pkg.news ul {
        height: 229px;
    }

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}

.card-header {
    color: #049047;
    padding: 5px 10px;
    background: #e2e8dd;
    width: 100%;
    float: left;
    cursor: pointer;
}

    .card-header .card-title {
        background: #e2e8dd;
        display: inline;
        border: 0;
        padding: 0px !important;
        font-size: 16px;
        font-weight: bold;
        color: #049047;
    }

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

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

.nwrslt .hotel-desc p {
    height: auto;
    margin: 5px 0px;
    color: #404040;
}

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

.nwrslt .hotel-desc p {
    height: auto;
    margin: 5px 0px;
    color: #404040;
}

.nwrslt .staricongrey {
    color: #f2b01e !important;
    font-size: 17px !important;
}

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

.progress-bar {
    background-color: #049047 !important;
}

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

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

.langdropopt {
    display: none;
}

.langdrop {
    cursor: pointer;
}

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

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

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


#langdrop .langdropopt {
    display: none;
}

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

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

        #langdrop .langdrop:hover .langdropopt div:hover {
            background-color: #474747;
            color: #fff;
            cursor: pointer;
        }

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


.news-item {
    padding: 7px 4px;
    margin: 0px;
    border-bottom: 1px solid #E8E8E8;
    float: left;
    width: 95%;
    color: #8F8F8F;
}

    .news-item span.nws {
        color: #8F8F8F;
        float: left;
        width: 95%;
        font-weight: normal;
    }

        .news-item span.nws:hover {
            color: #333333;
            cursor: default;
        }

.pkg-news ul {
    float: left;
    width: 100%;
    padding: 0px;
}

    .pkg-news ul li {
        list-style-type: none;
    }

        .pkg-news ul li span {
            color: #8F8F8F;
            font-weight: bold;
        }

        .pkg-news ul li a {
            float: left;
            width: 95%;
        }

.prombg {
    margin-bottom: 10px !important;
}

    .prombg .promhd {
        padding: 10px !important;
        border: 1px solid #ccc;
        background-color: #ececec;
        border-radius: 4px 4px 0px 0px;
        margin: 0px;
        cursor: pointer;
        font-size: 16px;
    }

    .prombg .collapse, .prombg .collaps {
        border: 1px solid #ccc;
        border-top: 0px;
    }

.imgglr {
    border-radius: 5px;
}

    .imgglr .fa-angle-double-left {
        font-size: 50px;
        position: absolute;
        top: 35%;
        left: 20px;
    }


    .imgglr .fa-angle-double-right {
        font-size: 50px;
        position: absolute;
        top: 35%;
        right: 20px;
    }

    .imgglr .carousel-inner {
        max-height: 255px;
        min-height: 255px;
        border-radius: 5px;
    }

        .imgglr .carousel-inner > .item > img, .imgglr .carousel-inner > .item > a > img {
            max-height: 255px;
        }

    .imgglr .carousel-control.left, .imgglr .carousel-control.right {
        background: none;
    }

.custmbox {
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    background-color: #f7f7f7;
}

    .custmbox h4 {
        border-bottom: 1px solid #d7d7d7;
        padding-bottom: 11px;
        font-size: 16px;
    }

    .custmbox input, .custmbox select, .custmbox textarea, .custmbox .room-dd.bg-dd {
        background-color: #f7f7f7;
        font-size: 12px;
        padding: 12px 5px !important;
        border-radius: 0px;
    }

    .custmbox .select-room {
        font-size: 12px !important;
    }

    .custmbox .floating-inpt {
        padding: 12px 5px !important;
    }

    .custmbox .floating-label {
        background-color: #f7f7f7 !important;
    }

    .custmbox .detail select {
        padding: 0 !important;
        padding-right: 7px !important;
        padding-left: 10px !important;
    }


    .custmbox .room-section .detail select {
        padding: 0px !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
        line-height: 34px;
        height: 35px;
        font-size: 13px;
    }

    .custmbox h4.modal-title {
        font-weight: 500 !important;
        font-size: 17px !important;
        margin: 0px !important;
        padding: 0px !important;
        border-bottom: 0px !important;
    }

    .custmbox a {
        color: #d58216 !important;
    }

        .custmbox a:hover {
            color: #303030 !important;
        }

    .custmbox .bkbtn {
        background-color: #252525 !important;
        color: #fff !important;
        border: 0px;
        border-radius: 2px;
        margin-bottom: 20px;
        font-size: 15px;
    }

        .custmbox .bkbtn:hover {
            background-color: #51aee5 !important;
            color: #252525 !important;
            border: 0px;
            border-radius: 2px;
        }



.pkgdtl h1 {
    font-size: 20px;
    color: #049047 !important;
}

    .pkgdtl h1 span {
        font-size: 14px;
        font-weight: normal;
        color: #464646;
    }

#extrnght .modal-header {
    padding: 10px;
}

#extrnght .table > tbody > tr > th, #extrnght .table > tbody > tr > td {
    border: 1px solid #e0e0e0 !important;
}

.dybg {
    border: 1px solid #e7e7e7;
    background-color: #fff6ea;
}

    .dybg h4 {
        color: #049047;
        padding: 0px 10px;
        font-size: 18px !important;
        text-transform: uppercase !important;
    }

        .dybg h4.modal-title {
            color: #fff;
            font-size: 17px;
        }

.dydtl {
    background-color: #fcfbfb;
    border-left: 2px solid #ffe2bc;
    padding: 0px 15px 5px !important;
}

    .dydtl h5 {
        color: #313131;
        font-size: 13px;
        margin-bottom: 6px;
        font-weight: bold !important;
    }

        .dydtl h5.subh5 {
            color: #313131;
            font-size: 13px;
            margin-bottom: 6px;
            font-weight: normal !important;
        }

    .dydtl p {
        color: #616161;
        font-size: 13px !important;
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: justify;
    }

    .dydtl .pkg-acc-heading {
        color: #808080;
        font-size: 13px;
    }

    .dydtl .int-img {
        width: 150px !important;
        height: 100px !important;
        margin-bottom: 10px;
    }

    .dydtl ul {
        padding-left: 10px !important;
    }

.dybg .col-lg-1, .dybg .col-md-1, .dybg .col-sm-1 {
    width: 7% !important;
}

.dybg .col-lg-11, .dybg .col-md-11, .dybg .col-sm-11 {
    width: 93% !important;
    min-height: 58px;
}

.pkgdtl input, .pkgdtl select, .pkgdtl textarea {
    font-size: 13px !important;
}

.pkgdtl table th {
    background-color: #ddd;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 8px;
}

.pkgdtl table td {
    font-size: 14px;
    padding: 15px 5px;
}

.pkgdtl .htl {
    height: 150px;
}

    .pkgdtl .htl .htldtl {
        height: 130px;
        overflow-y: auto;
    }

    .pkgdtl .htl .htlimag {
        width: 100%;
        min-height: 130px;
        max-height: 130px;
    }

.dybg .floating-inpt {
    padding: 14px 5px 10px !important;
    font-size: 12px;
}

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

.dybg .detail select {
    line-height: 35px;
    height: 39px;
    font-size: 12px;
}

.onepg p {
    color: #616161;
    font-size: 13px !important;
    text-align: justify;
    margin-top: 0px;
}

.hdbg {
    color: #313131 !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

.itihdbg {
    color: #313131 !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
    background-color: #f3f3f3 !important;
    padding: 10px !important;
}

.chnghtl {
    border-radius: 5px;
    border: 1px solid #ddd;
    height: 305px;
}

    .chnghtl h5 {
        font-size: 15px;
        line-height: 20px;
        color: #049047 !important;
    }

    .chnghtl .chnghtlbtn {
        position: absolute;
        bottom: 0;
    }

    .chnghtl img {
        height: 100px;
        width: 100%;
        margin-bottom: 10px;
    }

.lessprc {
    padding: 10px;
    width: 100%;
    float: left;
    color: #017d1c !important;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
}

.moreprc {
    padding: 10px;
    width: 100%;
    float: left;
    color: #e60606 !important;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
}

h4.headng {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #424242;
    margin-top: 3px;
    /* border-bottom: 1px solid #424242; */
    margin-bottom: 15px;
    /* padding-bottom: 6px;*/
}

.smrybtn .hover-btn {
    background-color: #fc5000;
    color: #ffffff !important;
    border-radius: 12px;
    border: 0px;
    border-bottom: 4px solid #b73e06;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 500;
    padding: 8px 10px;
    margin-right: 5px;
}

    .smrybtn .hover-btn:hover {
        background-color: #068f4b !important;
        color: #ffffff !important;
        border-radius: 12px;
        border: 0px;
        border-bottom: 4px solid #03703a;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 13px !important;
        font-weight: 500;
        padding: 8px 10px;
    }

p ul {
    padding-left: 10px !important;
}

.lightbox {
    cursor: pointer;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: black;
    /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7);
    -webkit-filter: none !important;
    z-index: 9997;
}

    .lightbox img {
        display: block;
        position: absolute;
        border: 5px solid #fff;
        box-shadow: 0 0 20px #000;
        border-radius: 1px;
    }

body.blurred > * {
    -webkit-filter: blur(2px);
    -webkit-transform: translate3d(0, 0, 0);
}

.lightbox__loading {
    background: url(../img/loading.gif) center center no-repeat;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.lightbox__caption {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9998;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
}

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

.lightbox__button {
    position: absolute;
    z-index: 9999;
    background: no-repeat center center;
    width: 32px;
    height: 32px;
    opacity: 0.4;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .lightbox__button:hover,
    .lightbox__button:focus {
        opacity: 1;
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }

.lightbox__close {
    right: 10px;
    top: 10px;
    background-image: url("../img/close.png");
}

.lightbox__nav {
    top: 50%;
    margin-top: -16px;
}

.lightbox__nav--next {
    right: 10px;
    background-image: url("../img/next.png");
}

.lightbox__nav--prev {
    left: 10px;
    background-image: url("../img/previous.png");
}

#pnlSendMail.modal {
    background-color: #000000a8;
}

.pkgdtl .htlinfo h4 {
    font-size: 14px;
    font-weight: bold !important;
    margin-bottom: 8px !important;
    color: #4e4e4e;
}

.revhed {
    color: #049047;
    margin-bottom: 8px;
    font-size: 15px;
}

.revname {
    font-size: 15px;
}

    .revname span {
        margin-left: 5px;
        font-size: 12px;
    }

.stprcfrm {
    color: #464646 !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

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

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

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

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

    .currconvrt span, .currconvrts span, .currconvrss span, .currconvrssr span {
        border-bottom: 1px solid #d2d2d2;
        padding: 5px 5px !important;
        font-weight: normal;
        color: #444444;
        line-height: normal;
    }

        .currconvrt span:last-child, .currconvrts span:last-child, .currconvrss span:last-child, .currconvrssr span:last-child {
            border-bottom: 0px solid #e6e6e6;
        }

    .currconvrt::after, .currconvrts::after, .currconvrss::after, .currconvrssr::after {
        content: '';
        position: absolute;
        left: 80%;
        top: 100%;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #e6e6e6;
        clear: both;
    }


.alrsltname {
    float: left;
    width: 100%;
    text-align: center;
    height: 30px;
}

.alrslttbl .table > tr > td {
    font-size: 13px;
    padding: 5px;
}

.alrslttbl .table tr td {
    font-size: 13px;
    padding: 5px;
    border: 1px solid #cdeeff !important;
}

#theCarousel .table, #theCarousel table {
    border: 1px solid #cdeeff !important;
}

    #theCarousel .table > tr > td {
        font-size: 13px;
        padding: 5px;
        border: 1px solid #cdeeff !important;
    }

.arlnname {
    float: left;
    width: 100%;
    text-align: center;
    height: 41px;
}

#contact.modal h4 {
    font-size: 16px;
}

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

    .modal .close:hover, .modal .close:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: 1;
    }

.flt-inpt-new {
    position: absolute;
    left: 0px;
    top: 35px;
    width: 92%;
    z-index: 9;
}

.select--hoshi-new-top {
    position: absolute;
    z-index: 99 !important;
    width: 100% !important;
    max-height: 200px;
    background: #fff;
    height: auto;
    border: 1px solid #d8d8d8;
    overflow-y: auto;
    top: 70px !important;
}

.flt-inpt-new-mod {
    position: absolute;
    left: 0px;
    top: 39px;
    width: 92%;
    z-index: 9;
    background-color: #fff !important;
}

.select--hoshi-new-top-mod {
    position: absolute;
    z-index: 99 !important;
    width: 100% !important;
    max-height: 200px;
    background: #fff;
    height: auto;
    border: 1px solid #d8d8d8;
    overflow-y: auto;
    top: 78px !important;
}

.selectnew {
    float: left;
    color: white;
    color: #676767;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    width: 100%;
    background: rgba(242, 242, 242, 0);
    -webkit-appearance: none !important;
    background: white url(../images/da.png) no-repeat 96% center;
    -moz-appearance: none !important;
    padding: 5px;
    box-shadow: none;
    border-radius: 0px;
    line-height: normal;
    height: 35px;
    margin-top: 0px;
    width: 100%;
}


/*amazing carousel start*/

.amazmain-content .fa {
    background: #078f47;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 25px;
}

#amazingcarousel-1 .amazingcarousel-image {
    position: relative;
    padding: 4px;
}

    #amazingcarousel-1 .amazingcarousel-image img {
        display: block;
        width: 100%;
        max-width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }

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

/* carousel */

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

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

    #amazingcarousel-1 .amazingcarousel-list-container .amazingcarousel-list-wrapper {
        padding: 10px 0px !important;
    }
/* item */

#amazingcarousel-1 .amazingcarousel-item-container {
    text-align: center;
    padding: 0px;
    background-color: #fff;
    border: 0px solid #ddd;
    margin: 0px 18px !important;
    box-shadow: 0px 0px 5px #56565654;
}

/* arrows */

#amazingcarousel-1 .amazingcarousel-prev {
    /*left: 46% !important;
    bottom: -35px !important;
    margin-right: 0px;
    margin-top: 0px;
    top: unset !important;*/
    left: -5% !important;
    /*top: -170px !important;*/
}

#amazingcarousel-1 .amazingcarousel-next {
    /*right: 46% !important;
    bottom: -35px !important;
    margin-right: 0px;
    margin-top: 0px;
    top: unset !important;*/
    right: -5% !important;
    /*top: -170px !important;*/
}

/* navigation bullets */

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

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


.amazingcarousel-content {
    width: 94%;
    padding: 8px 10px 8px 20px;
    margin-top: 3px;
    background: #fff;
    position: absolute;
    right: 0;
    left: 0;
    box-shadow: 0px 0px 9px 0px #0000006b;
    margin: auto;
    bottom: -23px;
}

    .amazingcarousel-content h3 {
        color: #373638;
        font-family: 'Roboto', sans-serif !important;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 17px;
        text-align: left;
        text-transform: capitalize;
        font-weight: 600 !important;
        line-height: 30px;
    }


    .amazingcarousel-content .amazingcarousel-btn {
        padding: 5px 8px 5px;
        background-color: #9c7027;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        margin-top: 5px;
        box-shadow: 0px 0px 7px #000000c4;
        border-radius: 1px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif !important;
        text-shadow: none;
    }

        .amazingcarousel-content .amazingcarousel-btn:hover {
            background-color: #2348a0;
        }

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

/*amazing carousel end*/
.srvcbg {
    background-color: #ebebeb;
}

.accomobgmain {
    background-color: #000;
    float: left;
    width: 100%;
}

    .accomobgmain img {
        opacity: 0.4;
    }

.accomobg {
    width: 87%;
    float: left;
    height: 85% !important;
    background-color: transparent;
    border: 2px solid #fff;
    position: absolute;
    top: 7%;
    left: 6%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 7px #000000;
    line-height: normal;
    /*height: 145px;*/
    padding: 10px;
}

    .accomobg span {
        position: relative;
        top: 45%;
    }

.grybg {
    background-color: #f2f2f2;
}


/*onoffcheckbox css start*/
.custom-switch .custom-switch-input {
    display: none;
}

    .custom-switch .custom-switch-input, .custom-switch .custom-switch-input:after, .custom-switch .custom-switch-input:before,
    .custom-switch .custom-switch-input *,
    .custom-switch .custom-switch-input *:after,
    .custom-switch .custom-switch-input *:before,
    .custom-switch .custom-switch-input + .custom-switch-btn {
        box-sizing: border-box;
    }

        .custom-switch .custom-switch-input:selection, .custom-switch .custom-switch-input:after:selection, .custom-switch .custom-switch-input:before:selection,
        .custom-switch .custom-switch-input *:selection,
        .custom-switch .custom-switch-input *:after:selection,
        .custom-switch .custom-switch-input *:before:selection,
        .custom-switch .custom-switch-input + .custom-switch-btn:selection {
            background: none;
        }

        .custom-switch .custom-switch-input + .custom-switch-btn {
            outline: 0;
            display: inline-block;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
            width: 35px;
            height: 14px;
            margin: 0;
            margin-right: 10px;
            padding: 4px;
            background: #ced4da;
            border-radius: 76px;
            transition: all 300ms ease;
        }

            .custom-switch .custom-switch-input + .custom-switch-btn:after, .custom-switch .custom-switch-input + .custom-switch-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 18px;
                height: 19px;
            }

            .custom-switch .custom-switch-input + .custom-switch-btn:after {
                left: -4px;
                border-radius: 50%;
                background: #ffffff;
                transition: all 300ms ease;
                -moz-box-shadow: 0px 1px 5px 3px rgba(109, 109, 109, 0.25);
                -webkit-box-shadow: 0px 1px 5px 3px rgba(109, 109, 109, 0.25);
                box-shadow: 0px 1px 5px 3px rgba(109, 109, 109, 0.25);
                top: -7px;
                opacity: 1;
                transform: scale(1);
            }

            .custom-switch .custom-switch-input + .custom-switch-btn:before {
                display: none;
            }

        .custom-switch .custom-switch-input:checked + .custom-switch-btn {
            background: #29a646;
        }

            .custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
                left: 14px;
                top: -7px;
            }

            .custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-checked {
                opacity: 1;
                height: auto;
            }

            .custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-unchecked {
                display: none;
                opacity: 0;
                height: 0;
            }

        .custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-checked {
            display: none;
            opacity: 0;
            height: 0;
        }

        .custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-unchecked {
            opacity: 1;
            height: auto;
        }

.custom-switch.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
}

.custom-switch.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
}
/*onoffcheckbox css end*/

.span-text {
    color: #383737;
    font-weight: 500;
}

.htmlrateprcbrkp hr {
    color: #ddd !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.dc-text {
    font-style: italic;
    font-size: 13px;
    font-weight: 500;
}

.pan-check [type="checkbox"] {
    width: 20px;
    height: 16px;
    margin-top: 0px;
}

.guest-mt-10 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
}

.guest-pan-pt-15 {
    padding-top: 15px;
}

.mrg-guest-0 {
    border: 1px solid #ffe6d9;
    background-color: #fdf9f9;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.20);
    border-radius: 10px;
    margin-bottom: 20px;
}

.guest-body {
    padding: 25px 10px 20px 10px;
}

.guest-heading {
    padding: 0px !important;
}

    .guest-heading p {
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        background-color: #fa5400;
        color: #fff;
        font-size: 16px !important;
        font-weight: 600 !important;
        padding: 10px 20px;
        margin-top: 0px !important;
        border-radius: 8px 0px 20px 0;
        display: inline;
        position: relative;
        top: 8px;
    }

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

.mrg-guest-0 .row {
    margin: 0px;
}

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

    .fltrslt27 .nwrsltmain ul.flter-list li a.btn {
        padding: 0 5px !important;
    }

    .fltrslt27 .nwrsltmain .box {
        background-color: #ffffff;
    }

        .fltrslt27 .nwrsltmain .box h5, .fltrslt27 .nwrsltmain .h5 {
            font-size: 14px;
        }

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

        .fltrslt27 .nwrsltmain .box .nav-tabs {
            border-bottom: 1px solid #ddd;
        }

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

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



.CombdataDiv {
    margin-right: 13%;
    width: 55% !important;
    box-shadow: 0px 1px 7px 2px #006932 !important;
    border: 1px solid #006932 !important;
    padding: 0px !important;
    background-color: #049047;
}

.fxdvbtn, .fxdvbtn:hover {
    background-color: #fbfbfb !important;
    color: #100f0f !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    padding: 0px 0px !important;
    line-height: 10px !important;
}

.shrtprc {
    margin-top: 0% !important;
    display: inline;
    margin-left: 0px !important;
    width: 100%;
    text-align: center;
    float: left;
}

.fulprc {
    margin-top: 5% !important;
}

.mnbg {
    border: 0px solid #fc5000;
    padding: 10px !important;
    background-color: #049047 !important;
}

.mnbg2 {
    border: 0px;
    border-right: 1px solid #006932;
    background-color: #049047;
}

    .mnbg .txtclr, .mnbg2 .txtclr {
        color: #ffffff !important;
    }

    .mnbg .txtclr2, .mnbg2 .txtclr2 {
        color: #474748 !important;
    }

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


.nwbkbtn {
    position: fixed;
    right: 0%;
    bottom: 0%;
    padding: 0px !important;
}


#ShowCombdataDiv .hover-btn {
    font-size: 30px !important;
    background-color: #fc5000 !important;
    width: 100%;
    float: left;
    border: 0px solid #fc5000 !important;
}

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

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

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

.fltppbox {
    position: absolute;
    top: -31px;
    right: 0px;
    background-color: #fc5000 !important;
}



@media (max-width:1199px) {
    .input__label--hoshi {
        padding: 0 !important;
    }

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

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

    .more {
        margin-top: 13px;
        font-size: 13px;
    }

    #logo h3 {
        margin-top: 20px;
    }
}

.reg2 {
    padding: 6px 17px;
    float: none;
}



#advancedv label[aria-expanded=true] .fa-plus-square {
    display: none;
}

#advancedv label[aria-expanded=false] .fa-minus-square {
    display: none;
}

@media (max-width:1024px) {

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

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

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


    a.btn.fltr-btn {
        padding: 5px !important;
        font-size: 12px !important;
    }

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

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

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

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


    .nowrap {
        white-space: nowrap;
    }
}

@media (max-width:992px) {
    .ftr-res p {
        text-align: center;
    }

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

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

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

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

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

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

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

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


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

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

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

    /*.homepage .promotions .col-md-4 {
    width: 33.333333%;
    padding-right: 40px;
    padding-left: 40px;
}*/




    .banner-caption {
        position: static;
        /*transform: translate(0, 0);*/
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 1%;
        padding: 0px;
        background: #f8f8f8;
        width: 98%;
    }

    .cation-image {
        margin-top: 0;
        margin-bottom: 10px;
    }

        .cation-image img.img-responsive, .homepage .main-form {
            max-width: 450px;
            margin: 10px auto;
        }
}

@media (min-width:769px) {
    .visible-md {
        display: block !important;
    }

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

    .disabled span.wizname {
        font-size: 14px !important;
    }

    .wizard li.active span.wizname {
        font-size: 14px !important;
    }
}

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



    .thead-new {
        visibility: hidden !important;
    }

    /*.p-l-6-xs{
		padding: 0 6px;
	}
	*/

    ul.ul-horizontal li {
        display: inline-block;
        width: 100%;
        margin: 0;
    }

    ul.ul-horizontal.role-list li {
        margin-right: 0;
    }


    .p-lr-5-xs {
        padding: 0px 5px !important;
    }

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

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

    .plr-30-xs {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    ul.flter-list.pull-right {
        width: 100%;
        float: none !important;
        text-align: left;
    }

    ul.flter-list.left-side {
        width: 100% !important;
        text-align: left;
        float: none;
    }

    ul.flter-list li {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
    }

    #logo .text-left {
        text-align: center !important;
    }

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

    .head-dd-res ul.dropdown-menu {
        left: 0 !important;
        right: 0 !important;
    }

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

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

    .options {
        border-left: 0px solid #ccc !important;
    }

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

    .members-details {
        border-left: 0px solid #ccc !important;
    }

    #app .approval .lh {
        margin-top: 15px;
    }

    #app .approval h3 {
        margin: 0px 0px 0 !important;
    }

    .reg {
        width: 49%;
        float: left;
        margin-right: 5px;
    }

    .acc {
        /*width: 49%;*/
        width: auto;
        float: left;
        min-width: 150px;
    }

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

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

    .m-t-10-xs {
        margin-top: 10px;
    }

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

    .wrap-xs {
        white-space: normal;
        word-wrap: break-word;
    }

    .whitebg {
        display: inline-block !important;
        width: 100%;
    }

    .navbar-responsive {
        text-align: center;
    }

        .navbar-responsive button.navbar-toggle {
            float: none;
            margin: 10px 0;
            color: #464646;
            padding: 5px;
        }



    .navbar-default .navbar-nav > li > a {
        color: #464646 !important;
        font-family: 'Roboto', sans-serif;
        font-size: 15px !important;
        padding: 5px;
        float: none !important;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        text-decoration: underline;
        color: #fff !important;
        background-color: #464646;
        padding: 5px;
    }

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

    ul.nav.navbar-nav.navbar-right {
        float: none;
        width: 100%;
        background-color: #ffffff;
        margin-bottom: 10px;
    }

        ul.nav.navbar-nav.navbar-right li {
            text-align: center;
            padding: 0px;
            border-bottom: 1px solid rgba(221, 221, 221, 0.41);
        }

            ul.nav.navbar-nav.navbar-right li:last-child {
                border-bottom: none;
            }

    button.navbar-toggle {
        background-color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.6) !important;
        width: 100%;
        color: #464646;
    }

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

    .xs-p0 {
        padding: 0;
    }

    .xs-m0 {
        margin: 0;
    }

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

    .head-dd-res {
        margin: 0 auto;
        display: inline-block;
        float: none;
        width: 100%;
    }

    #logo h3 {
        text-align: center;
        margin-top: 5px !important;
    }

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

    .name {
        text-align: center !important;
        float: none !important;
        margin-top: 5px !important;
    }

    .head-dd-res .name {
        float: none !important;
        text-align: center;
    }

    #logo p {
        margin-bottom: 10px;
        text-align: center;
    }

    .ftr-res p {
        text-align: center;
    }

    .ftr-res a img {
        float: none;
        display: inline-block;
    }

    .ftr-res a {
        display: inline-block;
        text-align: center;
        margin: 10px 0;
        color: #fff;
    }

    .accordion {
        float: left;
        margin-bottom: 15px !important;
        width: 100%;
    }

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

    .nav-tabs > li {
        float: none;
        margin-bottom: 0px;
        display: inline-block;
        width: 49%;
    }

    .srchbg .options .panel-heading .nav-tabs > li {
        float: none;
        margin-bottom: 0px;
        display: inline-block;
        width: auto !important;
        text-align: center;
    }

    .more {
        font-size: 13px;
        float: left;
        margin: 10px;
    }

        .more .dropdown-menu {
            right: inherit;
            left: 0;
        }

    .dropdown ul.dropdown-menu:before {
        left: 16px;
        right: inherit !important;
    }

    .dropdown ul.dropdown-menu:after {
        left: 14px;
        right: inherit !important;
    }

    .clearfix-xs {
        clear: both;
    }

    body#md h3.mem-det-title {
        margin-top: 15px !important;
    }
    /*--search.css-responsive--*/
    .curr .dropdown-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .rate.inline-responsive {
        padding: 10px 0;
        min-height: 0;
        border-top: 1px solid #eaeaea;
        border-left: none !important;
        margin: 10px 0 0 0;
    }

    .select-btn-sec {
        display: inline-block;
        float: right;
        margin: 3px 10px;
    }

    .rate.inline-responsive .text-center-sm {
        display: inline-block;
        width: 100%;
        height: 35px;
    }

    .rate h4 {
        text-align: left;
        margin: 0 10px;
        float: left;
        display: inline-block;
        line-height: 35px;
    }

    .rate p {
        display: inline-block;
        float: left;
        text-align: left !important;
        margin: 0;
        line-height: 35px;
    }



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



    .dropdown.curr {
        float: none;
        display: inline-block;
        width: 100%;
    }

    ul.flter-list.pull-right {
        width: 99% !important;
        text-align: right !important;
        float: right !important;
        margin-top: -42px;
        margin-right: 10px;
    }

        ul.flter-list.pull-right li {
            width: 100%;
        }

    ul.flter-list li {
        display: inline-block;
        width: 48% !important;
        margin: 5px 5px !important;
    }

    .dropdown.curr a {
        width: 100%;
    }

    .dropdown.curr ul.dropdown-menu.f-dd-menu {
        left: 0 !important;
        right: 0 !important;
    }

    li.ratewidth3 {
        width: 100% !important;
    }

    li.ratewidth2 {
        width: 100% !important;
        padding: 0 10px;
    }

    li.ratewidth1 {
        width: 100% !important;
    }



    .showresult {
        margin: 0;
        padding: 0;
        background: #fff;
        box-shadow: 0 1px 7px 2px #ccc !important;
        margin-bottom: 12px;
        width: calc(50% - 20px);
        float: left;
        margin: 10px;
    }
}
/*--------*/

.red-color {
    color: red !important;
}

/*-----ms-ie11 css--*/

@media and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
    .input--filled .input__label-content--hoshi {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
    }

    span.input.input--hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }

    span.input.tooltip-hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }
}
/*------ms-edge-css-----*/
@supports (-ms-ime-align: auto) {
    /* Microsoft EdgeV13&14 CSS styles go here */
    .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
    .input--filled .input__label-content--hoshi {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
    }

    span.input.input--hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }

    span.input.tooltip-hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }
}

@supports (-ms-accelerator: true) {
    /* Microsoft EdgeV13 CSS styles go here */
    .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
    .input--filled .input__label-content--hoshi {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
    }

    span.input.input--hoshi.floating-placeholder-float span.input__label-content {
        -webkit-animation: anim-1 0.3s forwards;
        animation: none !important;
        top: 0 !important;
        color: #424242 !important;
    }
}

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

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

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

.redicon {
    color: #464646 !important;
}

.gap {
    height: 50px;
}



/*--------new-css----*/
#selectdrop {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url("../images/da.png") no-repeat 96% center;
}

select::-ms-expand {
    display: none;
}

.modal-body.res-sup {
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
    font-size: 14px;
}

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

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.modal-content::-webkit-scrollbar {
    visibility: hidden;
}

/*---select css-----*/
fieldset {
    padding: 15px;
}

input[type=checkbox] {
    opacity: 0 !important;
    float: left;
}

    input[type=checkbox] + label {
    }

        input[type=checkbox] + label ~ label {
            margin: 0 0 0 40px;
        }

        input[type=checkbox] + label::before {
            content: ' ';
            position: absolute;
            left: -5px;
            top: 2px;
            width: 15px;
            height: 15px;
            display: block;
            background: white;
            border: 1px solid #A9A9A9;
        }

        input[type=checkbox] + label::after {
            content: ' ';
            position: absolute;
            left: -5px;
            top: 1px;
            width: 15px;
            height: 15px;
            display: block;
            z-index: 1;
            background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
            -ms-transition: all .2s ease;
            -webkit-transition: all .2s ease;
            transition: all .3s ease;
            -ms-transform: scale(0);
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 0;
        }

.search-right-panel input[type=checkbox] + label::after, input.magic-checkbox[type=checkbox] + label::after {
    background: none !important;
}

.checkbox 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 !important;
    -ms-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .3s ease;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

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

.checkbox-primary input[type=checkbox].magic-checkbox + label::after {
    background: none !important;
}


.new-chk input[type=checkbox] + label::before {
    top: 7px;
}

.new-chk input[type=checkbox] + label::after {
    top: 6px;
}

.rail-policy-cols ul li {
    list-style-type: disc !important;
}


@media (max-width:400px) {
    h4.modal-title small {
        display: block;
    }
}

/*----tooltip---*/
span.input.tooltip-hoshi {
    z-index: 10;
}

.tooltip-hoshi {
    z-index: 10;
}



    .tooltip-hoshi .floating-label {
        transition: 0.4s all ease;
    }

        .tooltip-hoshi .floating-label::before, .tooltip-hoshi .floating-label::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 10px);
            border-bottom: 1px solid #d8d8d8;
            display: none;
        }

    /*span.input.tooltip-hoshi.floating-placeholder-float span.input__label-content {
   /* -webkit-animation: anim-1 0.3s forwards;
    animation: anim-1 0.3s forwards;
    top: -10;
	font-size:18px;
	-webkit-transform: scale(0.75) !important;
	transform: scale(0.75) !important;
}


.tooltip-hoshi .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .tooltip-hoshi .input__field--hoshi:focus + .tooltip + .input__label--hoshi .input__label-content--hoshi {
    top: -10 !important;
	font-size:18px;
	-webkit-transform: scale(0.75) !important;
	transform: scale(0.75) !important;
	
}*/

    .tooltip-hoshi .floating-inpt:focus + .ph.tooltip-hoshi-inner {
        position: absolute;
        left: 0;
        right: inherit;
        top: 100%;
        opacity: 1.0;
        transition: 0.5s ease all;
        min-width: 200px;
        z-index: 99999;
        display: block;
    }


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

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

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

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

/*---*/

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

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

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

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

    .mod-search .lh {
        color: #049047;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        margin-bottom: 5px;
        margin-top: 20px;
        font-weight: 700;
    }


option {
    color: #000;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: initial;
}



/*---*/

.file-label {
    float: left;
    font-size: 15px;
    margin-right: 20px;
    font-weight: 400;
    color: #3a3a3a;
    margin-bottom: 0px !important;
}

.file-input {
    float: left;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    margin-right: 20px;
    width: 50%;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.m-l--15 {
    margin-left: -15px !important;
}

input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
    color: #000 !important;
}
/*----range-slider---*/
.input-range-slider {
    position: relative;
}

    .input-range-slider input[type="range"] {
        pointer-events: none;
        position: absolute;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        border: none;
        border-radius: 14px;
        background: #049047;
        left: 0;
        top: 0;
        right: 0;
        outline: none;
        height: 10px;
        margin: 0;
        padding: 0;
    }

        .input-range-slider input[type="range"]::-webkit-slider-thumb {
            pointer-events: all;
            position: relative;
            z-index: 1;
            outline: 0;
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            border: 1px solid #b5b5b5;
            ;
            border-radius: 14px;
            background: #e4e4e4;
        }

        .input-range-slider input[type="range"]::-moz-range-thumb {
            pointer-events: all;
            position: relative;
            z-index: 10;
            -moz-appearance: none;
            width: 20px;
            height: 20px;
            border: 1px solid #b5b5b5;
            ;
            border-radius: 14px;
            . background:#e4e4e4;
            border-color: #b5b5b5;
        }

        .input-range-slider input[type="range"]::-ms-thumb {
            pointer-events: all;
            position: relative;
            z-index: 10;
            -ms-appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 14px;
            border: 1px solid #b5b5b5;
            ;
            background: #e4e4e4;
            border-color: #b5b5b5;
        }

    .input-range-slider input[type=range]::-moz-range-track {
        position: relative;
        z-index: -1;
        background-color: rgba(0, 0, 0, 1);
        border: 0;
    }

    .input-range-slider input[type=range]:last-of-type::-moz-range-track {
        -moz-appearance: none;
        background: none transparent;
        border: 0;
    }

    .input-range-slider input[type=range]::-moz-focus-outer {
        border: 0;
    }

span.rangeValues {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
}

    span.rangeValues span.abc_1 {
        float: left;
    }

    span.rangeValues span.abc_2 {
        float: right;
    }

.heading-age {
    margin: 10px 0px 10px;
}
/*----------*/
.lh.sf {
    margin-bottom: -20px;
}

.select--hoshi {
    height: 34px;
    /*margin-top: 14px;
    margin-bottom: 10px;*/
    padding-left: 10px !important;
    border-radius: 4px;
}
/*.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: #464646 !important;
}


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

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

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

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

.rem-box {
    background: #f3f3f3;
    padding: 18px;
    border-radius: 5px;
    min-height: 127px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.13);
    margin-top: 10px;
}

    .rem-box h4 {
        color: #464646;
        margin-top: 0;
        margin-bottom: 18px;
        font-weight: 400;
        letter-spacing: 0.6px;
    }

    .rem-box p {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin-bottom: 5px;
    }

@media (max-width: 1024px) {
    .detail .lh.sf {
        margin-bottom: -17px !important;
    }
}

@media (max-width:480px) {

    .cation-image img.img-responsive, .homepage .main-form {
        max-width: 290px;
    }

    .cation-image {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .right-border {
        border-right: 0px solid #ccc !important;
    }

    button.sel-role {
        float: none !important;
    }


    p.ss-big {
        font-size: 14px !important;
    }

    p.ss-small {
        font-size: 12px !important;
    }

    .ss-panel .ss-row p {
        line-height: 20px;
        margin: 10px 0 !important;
    }
}


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

@media (min-width: 769px) and (max-width: 1199px) {
    p.more-desc {
        font-size: 12px !important;
    }

    .hotel-desc h5.heading {
        font-size: 16px;
        font-weight: 700;
        color: #049047;
        min-height: 50px;
    }
}




/*--hover-button-*/

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

.hover-btn {
    background-color: #fc5000;
    color: #ffffff !important;
    border-radius: 12px;
    border: 0px;
    border-bottom: 4px solid #b73e06;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 500;
    padding: 10px 20px;
}

    .hover-btn:hover {
        background-color: #068f4b !important;
        border-radius: 12px;
        color: #ffffff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        border-bottom: 4px solid #03703a;
    }

.hover-btn-sm {
    background-color: #049047;
    color: #ffffff !important;
    border-radius: 0px;
    border: 0px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 7px;
    font-size: 12px;
    border-bottom: 2px solid #234706;
    margin: 1px !important;
}

    .hover-btn-sm:hover {
        background-color: #464646 !important;
        color: #fff !important;
        border-radius: 0px;
        border: 0px;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        padding: 5px 7px;
        font-size: 12px;
        border-bottom: 2px solid #1d1d1d;
    }

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

    .hover-btn.btn-reverse:hover {
        background-color: #068f4b !important;
        border-radius: 12px;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        border-bottom: 4px solid #03703a;
    }


.onepg .hover-btn.btn-reverse.prcdbtn {
    background: #049047 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    margin-left: 0px;
}

    .onepg .hover-btn.btn-reverse.prcdbtn:hover {
        background: #353535 !important;
        color: #ffffff !important;
        cursor: pointer !important;
        border: 0px;
    }
/*----input-btn*/
/*input.btn-go:focus, input.btn-go:visited, input.btn-go:active, input.btn-go:hover {
    background: #464646 !important;
}*/



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

.lowerheding {
    height: 3px;
    width: 25px;
    background-color: #fc5000;
    margin: -8px 0px 20px 0px;
}

.wbgnew {
    background: none;
    padding: 0px 25px 70px;
    box-shadow: none;
}




/*add css form hotel edit page*/

.table-responsive {
    max-width: 100%;
    width: 100% !important;
    overflow: auto;
    border: none !important;
}

    .table-responsive table {
        width: 100% !important;
    }


/*---new--*/

.m-t-o {
    margin-top: 0 !important;
}

.normal {
    font-weight: normal !important;
}
/*-----*/
.room-section {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 10px;
}



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

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

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

.room-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #000;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.r-title {
    font-size: 15px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 14px;
}

ul.checklist {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 100%;
}

    ul.checklist li {
        display: inline-block;
        margin-right: 15px;
    }

    ul.checklist.lspax li {
        margin-top: 15px;
    }

textarea {
    resize: none;
}

.btn-style-1 {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0;
}

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

.search-address p {
    font-size: 13px !important;
    color: #696969;
}

h4.city-red1 {
    color: #049047;
    font-size: 21px;
    font-weight: bold !important;
    padding: 10px;
    margin-bottom: 0;
    margin: 0;
    padding-left: 0;
}

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

.main-address1wrap {
    width: 100%;
    float: left;
    border-top: 1px dashed #272727;
    border-bottom: 1px dashed #272727;
    padding: 5px 10px;
}



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

.main-address1 .txtcolor {
    color: #464646;
}

.m-t-30 {
    margin-top: 30px;
}

p.rating img {
    margin-left: 5px;
}


/*----- hotel-offline-select cssfix--*/
span.field-box .select--hoshi {
    height: 30px;
    margin: 20px 0 10px 0;
}

span.field-box .lh.sf {
    padding-left: 4px;
}
/*-- for mozila textarea css --*/
@-moz-document url-prefix() {
    textarea {
        resize: none;
        padding: 0 6px !important;
    }
}

/*--transfer-search-resu;t-detail page--*/
.headrow {
    margin-top: 30px !important;
    float: left !important;
    width: 100% !important;
}

    .headrow h3 {
        background: #e0e0e0 !important;
        color: #049047 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 30px !important;
        padding: 7px 10px 7px 0px !important;
        margin: 0 !important;
        border: none !important;
    }

.smry .headrow h3 {
    padding: 0px !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: #fc5000;
    border-radius: 12px;
    margin-bottom: 10px;
    color: #fff;
    padding: 6px 8px 5px;
    font-size: 12px !important;
}

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

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

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

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

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

.noborder {
    border: none !important;
}

table.hsrrrtbl thead {
    background: #efefef;
    height: auto;
}

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

table.hsrrrtbl {
    border: 1px solid #e0e0e0 !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;
    margin: 0px;
}

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

#divHotelRates .p-l-10 {
    padding: 8px !important;
}

a.hsr-colapse {
    background: #fc5000;
    color: #ffffff !important;
    font-weight: normal;
    font-size: 13px;
    padding: 2px 7px;
    border-radius: 2px;
    line-height: 22px;
    cursor: pointer;
    float: right;
    margin-right: 3.5%;
}

    a.hsr-colapse .fa {
        color: #ffffff;
    }

#divHotelRates a.hsr-colapse .fa {
    margin-left: 5px;
}

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

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

a.hsr-colapse-new {
    background: #ecc2cd;
    color: #049047 !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: #464646;
    font-weight: 700;
    font-size: 14px;
    margin-right: 7px;
    vertical-align: text-bottom;
}


#alternateRoomsMain

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

td.hsr-book {
    vertical-align: top;
    padding: 0 10px !important;
}

span.checkbox.hsr-book-check {
    display: inline-block;
    width: 10%;
    max-width: 25px;
}

a.hsr-book-btn {
    background-color: #fc5000;
    color: #ffffff !important;
    border-radius: 12px;
    border: 0px;
    border-bottom: 4px solid #b73e06;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 17px;
}

span.checkbox.hsr-book-check label:before {
    left: 0;
    top: 10px;
}

span.checkbox.hsr-book-check label:after {
    top: 10px;
    left: 0px;
}

.trhide {
    display: none;
}

.trshow {
    display: table-row;
}

.p-l-10 {
    padding-left: 10px;
}

.p-lr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*table.inner-table-hsr.hsr-rr-table {
    border-bottom: 1px solid #ddd;
}*/

.hsr-rrtext {
    font-size: 14px;
    font-weight: 400;
}

.hsr-rr-mt {
    font-size: 14px;
    color: #222222;
    font-weight: 400;
}

span.color-avail {
    font-size: 14px;
    color: #fc5000;
}

span.status {
    font-size: 14px;
    font-weight: normal;
}

span.color-onreq {
    font-size: 14px;
    color: #ef8227;
}

span.hsr-room-heading label.radio-label {
    margin-left: 5px;
    margin-bottom: 0px;
    width: 90%;
    white-space: initial;
}

.canpolcy {
    padding: 3px 4px;
    font-weight: normal;
    color: #464646;
    border-radius: 2px;
    font-size: 13px;
    white-space: normal;
}

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

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

    span.hsr-room-heading label.radio-label {
        margin-left: 5px;
        font-size: 13px !important;
    }
}

@media (max-width:991px) {
    .no-border-sm {
        border: none !important;
    }

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

    .hsr-top-res {
        margin-bottom: 40px;
    }
}

@media (max-width:768px) {

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

.showresult.ss-search h5.heading {
    margin: 5px 0 1px 0;
    line-height: 20px;
}

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

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

p.ss-duration {
    font-weight: 700;
    font-size: 15px !important;
    color: #4b4747;
    margin-top: 10px;
}

    p.ss-duration i {
        margin-right: 3px;
        font-size: 14px !important;
        font-weight: normal !important;
    }

    p.ss-duration span {
        font-weight: 300;
        font-size: 13px !important;
    }

p.more-desc {
    min-height: 20px;
}

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

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

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

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

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

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

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

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

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

header {
    /* margin-bottom: 10px; */
}

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

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

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

    span.hsr-room-heading label.radio-label {
        margin-left: 5px;
        font-size: 13px !important;
    }
}

@media (max-width:991px) {
    .no-border-sm {
        border: none !important;
    }

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

    .hsr-top-res {
        margin-bottom: 40px;
    }
}

@media (max-width:768px) {

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

.showresult.ss-search h5.heading {
    margin: 5px 0 1px 0;
    line-height: 20px;
}

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

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

p.ss-duration {
    font-weight: 700;
    font-size: 15px !important;
    color: #4b4747;
    margin-top: 10px;
}

    p.ss-duration i {
        margin-right: 3px;
        font-size: 14px !important;
        font-weight: normal !important;
    }

    p.ss-duration span {
        font-weight: 300;
        font-size: 13px !important;
    }

/*p.more-desc {
    min-height: 50px;
}*/

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

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

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

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

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

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

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

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



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

header {
    /* margin-bottom: 30px; */
}

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

.staricongrey {
    color: #313131 !important;
    font-size: 12px !important;
}

@media (max-width:1199px) {
    h4.top-head {
        padding: 5px 6px;
        margin-top: 2px;
    }

    p.ss-big {
        font-size: 15px !important;
    }

    p.ss-small {
        font-size: 12px !important;
    }
}

@media (max-width:992px) {
    .whitebg {
        display: block !important;
        /*display: flex;*/
    }
}

@media (max-width:768px) {
    table.hsrrrtbl {
        display: block;
        min-width: 0 !important;
    }

    .whitebg {
        display: block !important;
        /*display: flex;*/
    }

    table.hsrrrtbl, tbody.hsrr-tbody-main {
        display: block !important;
    }

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

    tr.trhide {
        display: none !important;
    }

    .hidden-xs {
        display: none;
    }


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

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

    .pkgdtl .data-td-span {
        width: 65%;
        float: left;
    }

    .htlratesbg2 .data-td-responsive:before {
        width: 0% !important;
    }

    .htlratesbg2 .ttlcost {
        min-width: auto !important;
        width: auto !important;
        text-align: left !important;
    }

    .data-td-inner-res {
        display: inline-block;
        width: calc(88% - 90px);
        margin: 0 !important;
        text-align: left;
        padding: 0 0 5px 0;
    }

    .data-td-responsive {
        width: 100%;
        padding: 2px !important;
        display: block;
    }

    td.hsr-book {
        padding: 0 !important;
    }





    .data-td-inner-res span.checkbox.hsr-book-check {
        margin: 0;
    }

    tr.trshow table tr {
        border-top: 1px solid #ddd;
        padding: 10px;
    }

    .hsr-rr-table tr.trshow table tr {
        border-top: 1px solid #ddd;
        padding: 0px;
    }

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



/*new added for floating input*/
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
    top: -9px;
    left: 14px;
    font-size: 13px;
    background-color: #fbfbfb;
    padding: 0px 7px;
}

textarea:focus ~ .floating-label,
textarea:not(:focus):valid ~ .floating-label {
    top: -20px;
    left: 15px;
    font-size: 13px;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 14px;
    top: 11px;
    transition: 0.25s ease all;
    color: #676767;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    background-color: #fbfbfb;
    padding: 0px 5px;
    z-index: 1;
}

.floating-label-select {
    position: absolute;
    pointer-events: none;
    left: 14px;
    top: -9px;
    transition: 0.25s ease all;
    color: #676767;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    background-color: #fbfbfb;
    padding: 0px 5px;
    z-index: 1;
}

.floating-inpt {
    border: 0px;
    border: 1px solid #d8d8d8;
    padding-bottom: 5px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    background-color: transparent;
    /*height: 40px;
    padding: 0px 5px !important;*/
    height: 40px;
    padding: 13px 5px 9px !important;
    line-height: normal;
    font-weight: normal;
    border-radius: 0px;
    margin-bottom: 0px;
}


    .floating-inpt:focus {
        border: 1px solid #049047 !important;
    }


input:required {
    box-shadow: none;
}

input:invalid {
    box-shadow: none;
}

.float-input {
    position: relative;
    margin: 20px 0 10px 0;
}

    .float-input.input-nolabel {
        margin-top: 10px;
    }

span.btn-file {
    display: inline-block;
    padding-bottom: 7px;
    border-color: #d8d8d8;
}

.frmlbl {
    top: -9px;
    left: 14px;
    font-size: 14px;
    background-color: #fbfbfb;
    padding: 0px 7px;
    color: #333333;
    position: absolute;
    z-index: 9;
}

.float-input.input-nolabel input:focus ~ .floating-label, .float-input.input-nolabel input:not(:focus):valid ~ .floating-label {
    opacity: 0;
    transition: 0.5s ease all;
}

/*--search.css (for all searchresult,search detail, booking and search pages)---*/
.search-top {
    margin-bottom: 10px;
    background: #ffffff;
    border-radius: 0px;
}

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

.bkbtn {
    background-color: #fc5000;
    color: #fff !important;
    border-radius: 12px;
    border: 0px;
    border-bottom: 4px solid #b73e06;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    padding: 7px 20px 5px;
    font-weight: 500;
}

    .bkbtn:hover {
        background-color: #068f4b !important;
        color: #fff !important;
        border-radius: 12px;
        border: 0px;
        border-bottom: 4px solid #03703a;
    }


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

.flt-modify-search a.btn.search {
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 17px;
    line-height: normal;
    font-weight: 400;
    padding: 7px 10px;
    border-radius: 0;
    border: 0px;
}

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

.search-address {
    background: #fff;
    padding: 8px 10px 5px 13px;
}

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

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

.search-right-panel {
    float: left;
    background-color: #ffffff00;
    width: 95%;
}

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

        .search-right-panel ul.accordion ul.inner.inner-div li {
            padding: 3px 10px 10px 10px !important;
        }

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

h5.city-red {
    color: #049047;
}

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



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


li.right-panel-white {
    background: #fff;
    display: inline-block;
    padding: 0px;
    box-shadow: none !important;
    margin-bottom: 10px;
    transition: 0.25s;
    border: 1px solid #e4e3e3;
    margin-bottom: 6px !important;
}

    li.right-panel-white a {
        border-bottom-width: 0;
    }

.right-panel-white {
    /*background: #058e48;*/
    display: inline-block;
    color: #000;
    padding: 5px;
    box-shadow: 0 1px 7px 2px #ccc !important;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    width: 100% !important;
}

    .right-panel-white a {
        border-bottom-width: 0;
        font-size: 14px;
        font-weight: normal;
    }

ul.inner.inner-div {
    border-radius: 0px;
    border-top: 1px solid #ececec;
}

    ul.inner.inner-div li {
        float: left;
        display: inline-block;
        padding: 10px;
    }

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

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

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

.form-control {
    box-shadow: none;
}

.searchbox .form-group input.form-control {
    background: #ffffff;
    border: 1px solid #e4e3e3;
    border-radius: 0;
    min-height: 40px;
    line-height: 40px;
}

.form-control:focus {
    border-color: #049047 !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: 5px;
}

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

.btn-go {
    color: #ffffff !important;
    border-radius: 0;
    height: 40px;
    width: 20%;
    margin-top: 5px;
    background: #fc5000 !important;
    border: 0px;
    border-bottom: 4px solid #b73e06 !important;
}

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

    .btn-go:hover {
        background-color: #272727 !important;
        color: #ffffff !important;
        border-bottom: 4px solid #000000 !important;
    }

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


.shwrsltttl {
    border: 0 !important;
    border-left: 10px solid #fc5000 !important;
    padding-left: 5px !important;
    margin-bottom: 10px !important;
    padding-bottom: 3px !important;
}


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

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

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

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

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

.filter-supplier ul.inner {
    padding-left: 5px;
    border: 1px solid #e8e8e8;
}

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

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

.search-right-panel .filter-supplier ul.inner li {
    display: inline-block;
    float: left;
    border: 0;
    width: 100% !important;
    padding: 0px 10px;
}


.staricon {
    color: #f2b01e;
}

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

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

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

a.current {
    background: #fc5000 !important;
    color: #ffffff !important;
}

.curr {
    float: left;
}

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

    .curr .btn {
        background: #676767 !important;
        color: #fff;
        float: right;
        border-radius: 2px !important;
    }

    .curr .dropdown-menu > li > a {
        color: #333 !important;
    }

    .curr .dropdown-menu {
        min-width: 90px;
        left: -12px;
        border-radius: 0;
        padding: 0;
    }

        .curr .dropdown-menu li {
            display: inline-block;
            margin-right: 0 !important;
            width: 100%;
        }

            .curr .dropdown-menu li a:hover {
                color: #ffffff !important;
                background-color: #049047;
            }

.showresult {
    margin: 0;
    padding: 0;
    background: #ffffff;
    margin-bottom: 12px;
    border: 1px solid #e8e6e6;
    border-radius: 5px;
}

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

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

.search-result { /*border: 1px solid #e2e2e2;
    padding: 4px 10px;
    background-color: white;*/
    border-radius: 3px;
}

.select {
    background: #049047;
    border-radius: 0 !important;
    margin-bottom: 20px;
    color: #fff;
    margin-bottom: 0;
}

    .select.hover-btn:hover {
        border-radius: 0 !important;
    }

.rail-info {
    background: #fafafa;
    padding: 4px 0;
    border-right: 1px solid #eaeaea;
    width: 100%;
    min-height: 145px;
    text-align: left;
}

    .rail-info h5.city-red {
        color: #049047;
        margin: 0;
        line-height: 31px;
    }

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

    .rate h4 {
        color: #049047;
        font-size: 16px;
        text-align: center;
        font-family: 'Roboto', sans-serif !important;
        margin-bottom: 0;
    }

    .rate p {
        color: #049047 !important;
        font-size: 16px !important;
        text-align: center !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500 !important;
        margin: 10px 0;
    }

.ratewidth1 {
    width: 19%;
    margin-right: 1%;
}

.ratewidth2 {
    width: 60.5%;
    /*margin-right: 1%;*/
    margin-right: 1.4%;
}

.ratewidth3 {
    width: 18%;
}

.ratewidth4 {
    width: 78.5%;
    /*margin-right: 1%;*/
    margin-right: 1.4%;
}

.hotel-img-border {
    /*border: 1px solid #fff;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px;
}



.fullwidth {
    height: 145px;
    /*min-height:145px;*/
    width: 100%;
}


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

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

.hotel-desc {
    display: inline-block;
    width: 100%;
    margin-top: 0px !important;
}

    .hotel-desc h5.heading {
        font-size: 15px;
        font-weight: 700 !important;
        color: #049047;
        min-height: 50px;
    }

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

. p.address {
    font-size: 13px !important;
    font-weight: 400;
    color: #717171;
}

.list-inline > li {
    padding-left: 2px !important;
}

.img-box {
    position: relative;
}

.mr0 {
    margin-right: 0 !important;
}

.iconsize2 {
    font-size: 18px !important;
    margin-right: 0;
    margin-top: -3px;
    float: left;
    position: absolute;
    left: 20px;
}



p.page-count {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #464646 !important;
    padding-top: 3px;
}

h4.red-txt {
    color: #049047;
}

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

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

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


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

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


/*---responsive--*/
@media (min-width:769px) {

    .padd-lft30-sm {
        padding-left: 30px !important;
    }

    .padd-rgt30-sm {
        padding-right: 30px !important;
    }

    .rate-responsive {
        text-align: center !important;
    }

    .select-btn-sec {
        text-align: center;
    }
}

@media (max-width: 640px) {
    .showresult {
        margin: 0;
        padding: 0;
        background: #fff !important;
        box-shadow: 0 1px 7px 2px #ccc !important;
        margin-bottom: 12px !important;
        width: 100% !important;
        float: none !important;
        margin: 10px auto 25px auto !important;
    }
}



@media (max-width:768px) {
    .text-left-sm {
        text-align: left !important;
    }

    .curr .dropdown-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .rate.inline-responsive {
        padding: 10px 0;
        min-height: 0;
        border-top: 1px solid #eaeaea;
        border-left: none !important;
        margin: 10px 0 0 0;
        height: auto;
    }

    .select-btn-sec {
        display: inline-block;
        float: right;
        margin: 0px;
    }

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

    .rate h4 {
        text-align: left;
        margin: 0 10px;
        float: left;
        display: inline-block;
        line-height: 35px;
        padding-left: 14px;
    }

    .rate p {
        display: inline-block;
        float: left;
        text-align: left !important;
        margin: 0;
        line-height: normal;
        width: calc(100% - 90px);
    }

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

    .dropdown.curr {
        float: none;
        display: inline-block;
        width: 100%;
    }

    ul.flter-list.pull-right {
        width: 99% !important;
        text-align: right !important;
        float: right !important;
        margin-top: -42px;
        margin-right: 10px;
    }

        ul.flter-list.pull-right li {
            width: 100%;
        }

    ul.flter-list li {
        display: inline-block;
        margin: 5px 5px 5px 0 !important;
        width: auto !important;
    }

        ul.flter-list li:first-child {
            display: inline-block;
            margin: 5px 5px 5px 0 !important;
            width: calc(100% - 7px) !important;
        }

    .dropdown.curr a {
        width: 100%;
    }

    .dropdown.curr ul.dropdown-menu.f-dd-menu {
        left: 0 !important;
        right: 0 !important;
    }

    li.ratewidth3 {
        width: 100% !important;
    }

    li.ratewidth2 {
        width: 100% !important;
        padding: 0 10px;
    }

    li.ratewidth1 {
        width: 100% !important;
    }



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

    .showresult {
        margin: 0;
        padding: 0;
        background: #fff;
        box-shadow: 0 1px 7px 2px #ccc !important;
        margin-bottom: 12px;
        width: calc(100% - 20px);
        float: left;
        margin: 10px;
    }
}

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



@media (max-width: 480px) {
    ul.flter-list li {
        display: inline-block;
        /*width: 45% !important;*/
        width: auto !important;
    }
}

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

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

    .address-h h4.city-red {
        font-weight: 400;
        margin-bottom: 10px;
    }

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

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

    .address-h h4.city-red {
        margin-bottom: 10px;
    }

    .address-h table.table {
        margin-bottom: 0;
    }

        .address-h table.table i.fa {
            margin-right: 5px;
        }

.dollar-ico {
    margin: 25px 0 25px -15px;
    padding: 0;
}

h4.total-cost span {
    display: block;
    margin-bottom: 2px;
}

.dollar-ico img {
    max-width: 100%;
    height: 40px;
}

h4.total-cost {
    font-size: 20px;
    color: #000;
}

.address-h h4.city-red {
    font-weight: 400;
}

.address-h table.table thead th {
    font-weight: 400;
    font-size: 15px;
}

.room-details {
    padding: 20px;
    margin: 0px 0 30px 0;
    display: inline-block;
    width: 100%;
}

p.mand {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
}

.room-details ul.accordion {
    clear: both;
    display: inline-block;
    width: 100%;
    float: none;
    margin: 20px 0 0px 0;
}

    .room-details ul.accordion li.right-panel-white {
        margin-bottom: 20px;
        padding: 0;
        border: 1px solid #ddd;
        box-shadow: 0px 3px 7px 0px rgba(204, 204, 204, 0.59) !important;
        background: #f3f3f3;
    }

    .room-details ul.accordion li a {
        padding: 13px 10px;
    }
    /*---accordian setting--*/
    .room-details ul.accordion li.active > a {
        background: url(../images/minus.png) no-repeat center right 15px !important;
    }

    .room-details ul.accordion li a {
        padding: 13px 10px;
        background: url(../images/plus.png) no-repeat center right 15px !important;
    }

    .room-details ul.accordion li.right-panel-white ul.inner.inner-div {
        background: #fff;
        padding-bottom: 0;
    }

        .room-details ul.accordion li.right-panel-white ul.inner.inner-div li {
            padding: 0;
            background: #fff !important;
        }

/*div accord*/


.room-details .accordion {
    clear: both;
    display: inline-block;
    width: 100%;
    float: none;
    margin: 20px 0 0px 0;
}

    .room-details .accordion .right-panel-white {
        margin-bottom: 20px;
        padding: 0;
        border: 1px solid #ddd;
        box-shadow: 0px 3px 7px 0px rgba(204, 204, 204, 0.59) !important;
    }

    .room-details .accordion a {
        border: 0px;
    }
    /*---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: #dcede4;
        font-size: 16px;
        color: #049047;
    }

    .room-details .accordion .right-panel-white .inner.inner-div {
        padding-bottom: 0;
    }

    .room-details .accordion .right-panel-white .inner.inner-div {
        padding: 0;
    }
/*div accord*/

.rem-container {
    padding: 10px !important;
}

.remarks {
    padding: 0 !important;
}

.policy {
    padding: 0 !important;
}

.bold {
    font-weight: 700;
}

.rem-hd {
    color: #333;
    margin: 6px 0;
    font-size: 14px !important;
    font-weight: 700;
}

.text-reg {
    margin-bottom: 0px;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 18px;
}

.policy {
    margin-top: 0px;
}

.med-bold {
    font-weight: 600;
}

a.acc-heading {
    font-size: 15px;
}

.room-table th, .room-table td {
    vertical-align: middle !important;
    text-align: left !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}
/*--input-select-style-change--*/

.room-table div {
    padding: 0 !important;
}

.room-table input {
    margin: 0 !important;
    padding: 0 !important;
}

.room-table label, .room-table label:after, .room-table label:before {
    height: 30px !important;
    padding-bottom: 0 !important;
}

.room-table .checkbox label, .room-table .checkbox label:after, .room-table .checkbox label:before, .room-table .checkbox input {
    height: 15px !important;
}

.room-table select, .room-table input, .room-table select {
    height: 40px !important;
    margin-bottom: 0 !important;
    padding-bottom: 5px !important;
}

.room-table .floating-inpt {
    padding: 13px 5px !important;
}

.room-table label {
    margin-bottom: 2px !important;
}

input[type="radio"], input[type="checkbox"] {
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-left: -4px !important;
    z-index: 9 !important;
}

.radio-inline input[type="radio"] {
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-left: -18px !important;
    z-index: 999 !important;
}

.room-table label.radio-label {
    line-height: 30px;
    display: inline-block;
    margin-left: 5px;
}

p.rad-check {
    margin: 0;
    display: inline-block;
    width: 100%;
}

p.med-text {
    color: #222 !important;
    font-weight: 400;
    margin-bottom: 0;
}

.room-table {
    margin-bottom: 10px;
}
/*----table-style-end--*/

.room-details ul.accordion li.right-panel-white ul.inner.inner-div li div.update-profile {
    padding: 10px;
}

.room-details .accordion .right-panel-white .inner.inner-div div.update-profile {
    padding: 10px;
}


.bottom-pannel {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    box-shadow: 0px 3px 7px 0px rgba(204, 204, 204, 0.59) !important;
    background: #fbfbfb;
}

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

.bottom-pannel .checkbox {
    margin-top: 24px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

.my-button {
    display: inline-block;
    margin: 0 5px;
}
/*---hotel-booking-responsive --*/
@media (max-width:992px) {


    .float-input {
        position: relative;
        /*margin: 30px 0 10px 0;*/
    }


    .address-h {
        border-right: 0px solid #e3e3e3 !important;
    }

    .search-right-panel ul.accordion {
        float: none;
    }
}

@media (max-width:1024px) {
    .my-button {
        display: inline-block;
        margin: 0 5px;
        width: 23%;
    }

    .acc.my-button {
        margin-left: 50%;
    }
}

@media (max-width:480px) {
    .acc.my-button {
        margin-left: 0 !important;
        margin-right: 20px !important;
    }

    .my-button {
        display: inline-block !important;
        margin: 0 !important;
        width: calc(50% - 10px) !important;
    }

    .whitebg.hotel-search {
        padding: 0px 15px !important;
    }

    .address-h {
        padding: 20px 15px 20px 15px !important;
    }
}

/*--search.css ends (for all searchresult,search detail, booking and search pages)---*/


/*------ transfer and ss search result --*/

.quot i {
    color: #ffffff;
    text-align: center;
    padding-left: 3px;
}

.quot {
    background: #585454;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    margin: 0 auto;
    margin-top: 10px;
}

.more-but {
    float: right;
}

.avai h4 {
    color: #5d9769;
    margin: 3px 0px;
}

.avai p {
    font-weight: bold;
    margin: 3px 0px;
}

.line-h {
    line-height: 25px;
}

.rtt {
    padding-bottom: 0px;
}

.bttt {
    padding: 0px 10px !important;
}

    .bttt .btn {
        padding: 0px 12px;
    }

@media (max-width: 768px) {
    ul.flter-list li a.btn {
        padding: 0 10px;
        font-size: 12px;
    }
}

/*-for reg page--*/
.reg-page .float-input input.floating-inpt {
    background: transparent !important;
}


.pagination {
    margin: 0px 0;
    background-color: #fff;
    /*box-shadow: 0px 0px 5px #d4d4d4;*/
}

.nwrsltmain .pagination {
    background-color: #f8f8f8;
}

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

.white-panel-1 {
    /*background: #fff;*/
    background: #fbfbfb;
    padding: 15px;
    box-shadow: 0 1px 7px 2px #ccc !important;
    margin: 10px 0 10px 0;
}

ul.nav-wizard {
    background-color: #fff;
    border-bottom: 1px solid #049047;
    -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: #049047;
            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: #049047 !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: #e0e0e0;
        font-weight: 400;
        padding: 10px 15px !important;
        vertical-align: top;
    }

    .table-bo tr td {
        font-size: 14px;
        color: #222222;
        padding: 15px 19px !important;
        line-height: 22px;
    }

.info-head {
    padding: 0px 15px;
    margin: 20px 0 10px 0 !important;
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 400;
}

.info-head2 {
    padding: 5px 10px !important;
    background-color: #078e4921;
    margin-bottom: 10px !important;
    color: #049047;
    border-bottom: 1px dashed #049047;
    border-left: 5px solid #049047;
}

.input-nolabel .floating-label {
    background-color: transparent !important;
}

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: #049047;
    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: #049047;
        margin-bottom: 7px;
        margin-top: 4px;
        font-weight: 400;
    }

        .transfer-srd span {
            font-size: 13px;
            color: #000000;
            font-weight: 400;
            padding-left: 10px;
        }

    ul.nav-wizard li {
        padding: 0 12px 0 12px !important;
    }
}
/*-----stepsystem-end --*/
@media (min-width:991px) and (max-width:1199px) {


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

    .modify-search a.btn.search {
        font-size: 15px !important;
    }
    /*.select--hoshi {
        margin-top: 22px !important;
    }*/

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

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

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

@media (min-width:992px) and (max-width:1199px) {

    .arlnname {
        height: 60px !important;
    }

    .alrsltname {
        height: 48px !important;
    }

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

    .roon-dd-menu {
        width: 150% !important;
    }
}
/*@media (min-width:876px) and (max-width:768px) {
    .banner-sec.nomargin .carousel-inner{height: 550px;}
}*/
@media (min-width:240px) and (max-width:991px) {
    .sidemenu .accordion a {
        font-size: 14px !important;
        background-position: 96%;
    }

    #extrnght .whitebg {
        padding: 0px !important;
    }

    .imgglr {
        border-radius: 5px;
        padding: 0px !important;
        margin-bottom: 20px !important;
    }

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

    .srchbg .options .panel-heading .nav-tabs > li > a {
        padding: 6px 4px 6px 2px !important;
        font-size: 13px !important;
        border-radius: 5px 5px 0px 0px !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li {
        margin-right: 5px;
        margin-top: 20px;
    }

    /*.srchbg .options .panel-heading .nav-tabs > li > a span img {
            height: 23px !important;
        }*/

    .login-form h3 {
        color: #ffffff;
    }



    .actvhea:after {
        display: none;
    }

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

    form.login-form input {
        border: 1px solid #ececec !important;
        margin-bottom: 10px !important;
        padding: 10px !important;
    }

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



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

    #homenew #logo {
        padding: 0px;
    }

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


    #amazingcarousel-1 .amazingcarousel-prev {
        left: 0% !important;
        /*top: 95% !important;*/
    }

    #amazingcarousel-1 .amazingcarousel-next {
        right: 0% !important;
        /*top: 95% !important;*/
    }

    .loginbg .subloginbg {
        position: unset !important;
        top: unset !important;
    }

    .login-form {
        right: 0;
        left: 0;
        margin: auto;
        /* top: 50px;*/
    }

    .banner-caption h2 {
        margin-top: 5% !important;
        margin-bottom: 3% !important;
        color: #049047;
    }

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

        .regsec .banner-caption h2 {
            color: #049047 !important;
        }

    /*.select--hoshi {
        margin-top: 22px !important;
    }*/
    #MainWrap input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label {
        font-size: 14px !important;
    }

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

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

    .roon-dd-menu {
        width: 100% !important;
    }
    .srchbg .options .panel-body .roon-dd-menu {
        width: 100% !important;
        top: unset;
        bottom: 32px;
    }

    .modify-search {
        padding: 0px 15px !important;
        width: 100% !important;
    }
}
/*---popups---*/
ul.ul-horizontal {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

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

    ul.ul-horizontal.opt-list li {
        min-width: 50px;
    }

        ul.ul-horizontal.opt-list li.enable-u {
            margin: 0 20px;
            width: 150px;
        }

        ul.ul-horizontal.opt-list li .checkbox label {
            font-weight: 300;
        }

.modal-content::-webkit-scrollbar, .modal-content::-webkit-scrollbar-track {
    display: none;
}

button.sel-role {
    margin-top: 15px;
    padding: 10px 15px;
    width: auto;
    border-radius: 5px;
    font-size: 12px !important;
    float: right;
}

ul.ul-horizontal.role-list {
    margin-bottom: 10px;
}

    ul.ul-horizontal.role-list li {
        margin-right: 30px;
    }



/*margin padding class*/
.mrg-top0 {
    margin-top: 0px !important;
}

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

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

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

.mrg-top4 {
    margin-top: 4px !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-15 {
    margin-top: -15px !important;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mrg-btm5 {
    margin-bottom: 5px !important;
}

.mrg-btm7 {
    margin-bottom: 7px !important;
}

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

.mrg-btm15 {
    margin-bottom: 15px !important;
}

.mrg-btm-15 {
    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-lft5 {
    margin-left: 5px !important;
}

.mrg-lft7 {
    margin-left: 7px !important;
}

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

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

.mrg-lft15 {
    margin-left: 15px !important;
}

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

.mrg-lft25 {
    margin-left: 25px !important;
}

.mrg-lft30 {
    margin-left: 30px !important;
}

.mrg-rgt0 {
    margin-right: 0px !important;
}

.mrg-rgt5 {
    margin-right: 5px !important;
}

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

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

.mrg-rgt15 {
    margin-right: 15px !important;
}

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

.mrg-rgt25 {
    margin-right: 25px !important;
}

.padd1 {
    padding: 1px !important;
}

.padd5 {
    padding: 5px !important;
}


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

.padd15 {
    padding: 15px !important;
}

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

.padd-top5 {
    padding-top: 5px !important;
}

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

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

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

.padd-top25 {
    padding-top: 25px !important;
}

.padd-top30 {
    padding-top: 30px !important;
}

.padd-lft0 {
    padding-left: 0px !important;
}

.padd-lft05 {
    padding-left: 5px !important;
}

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

.padd-lft-15 {
    padding-left: 15px !important;
}

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

.padd-rgt0 {
    padding-right: 0px !important;
}


.padd-rgt05 {
    padding-right: 5px !important;
}

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

.padd-rgt-15 {
    padding-right: 15px !important;
}

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

.padd-rgt30 {
    padding-right: 30px !important;
}

.padd-btm0 {
    padding-bottom: 0px !important;
}

.padd-btm5 {
    padding-bottom: 5px !important;
}

.padd-btm7 {
    padding-bottom: 7px !important;
}

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

.padd-btm15 {
    padding-bottom: 15px !important;
}

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

.padd-btm25 {
    padding-bottom: 25px !important;
}

.padd-btm30 {
    padding-bottom: 30px !important;
}

@media (max-width:991px) and (min-width:240px) {
    .onepg .navbar-inverse .navbar-nav > li > a {
        font-size: 13px !important;
        padding: 8px 13px !important;
    }

    .logo-res {
        /*height: 70px;*/
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none !important;
    }


    .srvcmenu a {
        line-height: 50px;
        padding: 12px 7px !important;
        font-size: 15px !important;
    }

    .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: #049047;
    border-bottom-width: 1px;
}



md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    color: #676767;
    font-weight: normal;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore), md-input-container .md-placeholder {
    margin-bottom: 0px !important;
    color: #424242 !important;
    font-size: 14px;
}

.srchbg .options .panel-heading .nav-tabs li a img {
    display: inline-block;
    width: auto !important;
    height: 25px !important;
    text-align: center;
    margin: 0px 5px 6px 10px !important;
}



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


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


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

.panel-default {
    border: 0px;
}

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

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

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



    .panel-default > .panel-heading2 .nav-tabs > li.active > a, .panel-heading2 .nav-tabs > li.active > a:hover, .panel-heading2 .nav-tabs > li.active > a:focus {
        background-color: #fff;
        color: #049047 !important;
        margin: 0px;
        border-bottom: 4px solid #049047;
        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: #049047;
            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 #049047;
}

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


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

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


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


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

    .nav-center ul.nav {
        display: inline-block;
    }

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

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

    .nav-center2 ul.nav {
        display: inline-block;
    }

        .nav-center2 ul.nav li {
            display: inline;
            float: left;
        }


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


#terms .user-prfl-modal .modal-dialog {
    max-width: 100% !important;
    height: 90vh;
    margin: 10px auto;
    overflow: hidden;
}

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


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

.select--hoshi-new {
    position: absolute;
    z-index: 99;
    width: 90%;
    max-height: 200px;
    background: #fff;
    height: auto;
    border: 1px solid #d8d8d8;
    overflow-y: auto;
}

div#divSSSearch .select--hoshi-new {
    width: 100% !important;
}

/*Dialog.css start*/

#dialogoverlay {
    background: #000 none repeat scroll 0 0;
    display: none;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

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

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

    #dialogboxfootadmin > .btn-primary:hover {
        background-color: #efe4f4 !important;
        border: 2px solid #049047 !important;
        color: #049047 !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: #049047;
    color: #ffffff;
}

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

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


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

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

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

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

        .railnewmd .col-md-2 {
            width: 18% !important;
        }
    /*.homepage .promotions .col-md-4 {
    width: 33.333333%;
    padding-right: 40px;
    padding-left: 40px;
}*/

    .supplierli {
        float: left;
    }

    .supplierli {
        width: 33.33333333% !important;
    }

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

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

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


.supplierli {
    float: left;
}

.supplierli {
    width: 33.33333333% !important;
}

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

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

.thbg {
    background-color: #e0e0e0;
}

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

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

.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: #049047;
    color: #ffffff;
}

.modal-body {
    float: left;
    width: 100%;
    background-color: #fbfbfb;
}

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

    .mrg-top10-xs {
        margin-top: 10px !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: #464646 !important;
}

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

.trhover tr {
    background-color: transparent;
}

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

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

    .trselected label {
        color: #000000 !important;
    }

.closebtn {
    position: absolute !important;
    right: -10px !important;
    top: -10px !important;
    font-size: 22px !important;
    background-color: #464646 !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: #049047;
    margin: 5px 0;
}

.info-sec-new .headrow {
    background: #088e450f;
    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: #049047;
        background: transparent;
        border: none;
        margin: 0;
    }

.info-sec-new {
    margin-top: 10px;
    border: 1px solid #e0e0e0;
    float: left;
    width: 100%;
}

a.colapse-link i.fa {
    color: #049047;
    font-size: 16px;
    margin: 0 3px;
}

    a.colapse-link i.fa#iSpecialReq {
        color: #049047;
    }

.acc-heading a.colapse-link i.fa {
    color: #fa5400 !important;
}

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 20px;
}

    .info-field h4 {
        font-size: 15px;
        font-weight: bold !important;
        margin-bottom: 5px !important;
    }

a.link-red {
    color: #049047 !important;
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
}

    a.link-red i.fa {
        color: #049047;
    }

    a.link-red.light {
        font-weight: 400;
        font-size: 14px;
        margin-right: 2px;
    }

span.rating-yellow i.fa {
    color: #f5c314;
}

.row.room-info h3 {
    font-weight: 500 !important;
    font-size: 15px !important;
    margin: 3px 15px !important;
    color: #3e3e3e !important;
}

h3.pan-head {
    font-weight: 500 !important;
    font-size: 16px !important;
    margin: 15px 0px 0px 0px !important;
    color: #049047 !important;
    background-color: #f1cbcb;
    padding: 7px 15px 7px 0px;
}

h3.pan-headNew {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #049047 !important;
}



.info-sec-new .headrow a {
    color: #049047 !important;
}

.room-info {
    margin: 10px -15px 0px -15px;
    float: left;
    width: 100%;
}

.rooms {
    /*margin-bottom: 20px;*/
    margin-bottom: 0px;
    float: left;
}

a.link-red.offers {
    font-weight: 700;
    font-size: 17px;
}

p.single-info {
    /*margin: 10px 0px;*/
    margin: 3px 0px;
    padding: 0 15px;
    font-size: 16px;
}

.single-info-new {
    margin: 0px;
    padding: 0px;
    font-size: 15px !important;
    line-height: 30px;
}

ul.button-list {
    padding: 15px 0;
    margin: 25px 0;
    border-top: 1px solid #000;
    list -webkit-border-after-style:;
}

    ul.button-list li {
        display: inline-block;
        list-style: none;
        margin-right: 15px;
        margin-bottom: 10px;
    }

p.bottom-line {
    color: #363636;
    font-size: 14px !important;
    margin: 0px;
}


/*--single table responsive--*/
@media screen (max-width: 1199px) {
    .d-inlineblock-md {
        display: inline-block;
        max-width: 100%;
    }

    .no-border-md {
        border: none !important;
    }

    .table.tbl-block-responsive-xs tr th {
        white-space: normal;
    }
}

@media screen (max-width:769px) {

    .banner {
        min-height: 200px;
    }

    .cation-image img.img-responsive {
        width: auto !important;
        /* max-width: 100%;*/
        margin: 0 auto;
    }

    .banner-caption {
        position: static;
        /*transform: translate(0, 0);*/
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        background: #f4f4f4;
    }

    .cation-image {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .mrg-top-10-res {
        margin-top: 10px !important;
    }

    .thead-new {
        display: none !important;
        margin: 0px !important;
    }

        .thead-new th {
            padding: 0px !important;
            line-height: 15px !important;
        }

    table.tbl-block-responsive-xs {
        border: none !important;
    }

    .tbl-block-responsive-xs, .tbl-block-responsive-xs td, .tbl-block-responsive-xs tr, .tbl-block-responsive-xs tbody {
        display: block;
    }

    .text-left-imp-xs tr td {
        text-align: left !important;
    }


    .action-list {
        text-align: left !important;
        padding: 0;
        width: auto;
    }

    .sb-heading.mbooking span.pull-right {
        float: none !important;
        display: inline-block;
        font-size: 12px;
        width: 100%;
        margin: 12px 0 2px 0;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border: none;
    }

    .tbl-block-responsive-xs tr {
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }



    .tbl-block-responsive-xs td.data-td-responsive:before {
        min-width: 150px;
        width: auto;
        font-weight: 600;
        padding: 10px;
    }
}

@media (max-width:480px) {
    /*.tbl-block-responsive-xs td.data-td-responsive {
        border: none;
        width: 100% !important;
        white-space: normal !important;
        padding: 10px !important;
        text-align: left !important;
    }

        .tbl-block-responsive-xs td.data-td-responsive:before {
            display: inline-block;
            padding: 0 !important;
        }*/

    .d-inlineblock-md {
        display: inline-block;
        max-width: calc(100% - 30px);
        margin: 0 15px;
    }
}

@media (max-width:280px) {
    .tbl-block-responsive-xs td.data-td-responsive {
        border: none;
        width: 100% !important;
        white-space: normal !important;
        padding: 10px !important;
        text-align: left !important;
    }

        .tbl-block-responsive-xs td.data-td-responsive:before {
            display: inline-block;
            padding: 0 !important;
        }

    .d-inlineblock-md {
        display: inline-block;
        max-width: calc(100% - 30px);
        margin: 0 15px;
    }
}




.htlmap {
    position: fixed !important;
    top: 10% !important;
    left: 17% !important;
    z-index: 99999 !important;
    padding: 0px !important;
}

@media (min-width:1250px) and (max-width:1362px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 17% !important;
        z-index: 99999 !important;
        padding: 0px !important;
    }
}

@media (min-width:1111px) and (max-width:1249px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 13% !important;
        z-index: 99999 !important;
        padding: 0px !important;
    }
}

@media (min-width:1028px) and (max-width:1110px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 9% !important;
        z-index: 99999 !important;
        padding: 0px !important;
    }
}


@media (min-width:992px) and (max-width:1027px) {
    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 7% !important;
        z-index: 99999 !important;
        padding: 0px !important;
    }
}


@media (min-width:770px) and (max-width:991px) {
    table.tbl-block-responsive-xs tr th {
        white-space: normal;
        word-break: break-word;
        min-width: 50px;
        font-size: 14px;
        padding: 10px 5px;
        vertical-align: top;
    }
}

@media (min-width:768px) and (max-width:991px) {
    span.info-desc {
        margin: 3px 0px 5px 0px !important;
    }

    span.info-label {
        width: 100% !important;
        font-size: 14px;
        font-weight: 500;
        color: #000000;
    }

    .onepg .navbar-inverse .navbar-nav > li > a {
        padding: 8px 14px !important;
        font-size: 13px !important;
    }

    .txtcenter-res {
        text-align: center !important;
    }

    .homepage .promotions .col-sm-4 {
        width: 33.33333333% !important;
        padding-right: 40px;
        padding-left: 40px;
    }

    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 1% !important;
        z-index: 99999 !important;
        width: 100%;
        padding: 0px !important;
    }
}

@media (min-width:640px) and (max-width:767px) {
    .fullwidth {
        width: 100% !important;
    }

    .srvcmenu {
        text-align: center !important;
        margin: 5px 0px 0px 0px;
    }

        .srvcmenu a {
            padding: 10px 15px !important;
        }

    .homepage .promotions .col-xs-12 {
        width: 100% !important;
        padding-right: 40px;
        padding-left: 40px;
    }

    span.info-desc {
        max-width: 100% !important;
        min-width: auto;
    }

    .htlmap {
        position: fixed !important;
        top: 10% !important;
        left: 1% !important;
        z-index: 99999 !important;
        width: 100%;
        padding: 0px !important;
    }

    table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
        text-align: left !important;
        float: left;
        width: 100%;
    }

    table.inner-table-hsr.hsr-rr-table {
        float: left;
        width: 100%;
    }

    table.pannel-table-hsr {
        float: left;
        width: 100%;
    }
}

@media (min-width:240px) and (max-width:639px) {
    .fullwidth {
        width: 100% !important;
    }

    table.pannel-table-hsr {
        float: left;
        width: 100%;
    }

    .srvcmenu {
        text-align: center !important;
        margin: 5px 0px 0px 0px;
    }

        .srvcmenu a {
            padding: 10px 15px !important;
        }

    .homepage .promotions .col-xs-12 {
        width: 100% !important;
        padding-right: 40px;
        padding-left: 40px;
    }

    table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
        text-align: left !important;
        float: left;
        width: 100%;
    }

    table.inner-table-hsr.hsr-rr-table {
        float: left;
        width: 100%;
    }



    .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: #fd6303 !important;
    font-weight: bold;
    font-size: 15px !important;
}

/*hotel image gallery*/

.example-container {
    margin-bottom: 0px;
    max-height: 250px;
    overflow: auto;
    scrollbar-color: #049047 #ddd;
    height: auto;
}

pre {
    display: none;
}

.gallery {
    max-width: 3050px;
    width: 3050px;
    overflow: auto;
}

    .gallery img {
        width: 80px;
        border: 2px solid #cdcdcd;
        border-radius: 5px;
        height: 80px;
        margin-bottom: 5px;
    }

        .gallery img:hover {
            border: 2px solid #3c3c3c;
        }


.rebox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7);
}

    .rebox * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }

.rebox-contents {
    position: absolute;
    top: 5%;
    left: 5%;
    text-align: center;
    width: 90%;
    height: 90%;
}

    .rebox-contents .rebox-content {
        cursor: pointer;
        border: 5px solid #fff;
        background-color: #fff;
        box-shadow: 0 0 20px #000;
        border-radius: 1px;
        max-width: 100%;
        max-height: 80%;
        margin: auto;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

.rebox-loading {
    width: 31px;
    height: 31px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 48%;
    left: 50%;
}

.rebox-caption {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    background: #000;
    background: rgba(0,0,0,0.7);
}

    .rebox-caption p {
        margin: 0 auto;
        max-width: 70%;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding: 10px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
    }

.rebox-button {
    position: absolute;
    z-index: 9999;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    opacity: 0.5;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    border-radius: 32px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .rebox-button:hover,
    .rebox-button:focus {
        opacity: 1;
        text-decoration: none;
    }

.rebox-close {
    right: 10px;
    top: 10px;
    font-size: 45px;
    font-weight: bold;
}

.rebox-next {
    right: 45%;
    bottom: 5%;
    background-image: url(../images/gal-next.png);
    background-position: center;
    background-repeat: no-repeat;
}

.rebox-prev {
    left: 45%;
    bottom: 5%;
    background-image: url(../images/gal-prev.png);
    background-position: center;
    background-repeat: no-repeat;
}

.rebox-loading {
    left: 50%;
    top: 48%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/*hotel image gallery*/
#divHotelInfo li span {
    position: relative;
    left: -10px;
}

.uploadbtn {
    width: auto;
    padding: 10px;
    height: auto;
    border: 1px solid #e5e5e5;
    max-width: 100%;
}


/*--------------------For Receipt-----------*/

.Rec_table {
    width: 96%;
    margin: 35px 15px 15px 15px;
    color: #000000; /*border: solid 1px #000000;	*/
    border: none;
    padding: 0px 0px 0px 0px;
}

.Rec_td_img {
    width: 25%;
    border: none;
}

.Rec_img_1_L {
    position: relative;
    left: 5px;
    width: 65px;
    height: 65px;
    /*background: url(./images/st_logo.gif) #ffffff no-repeat;*/
    overflow: hidden;
    border: none;
}

.Rec_img_1_LAtharva /* Viraj on 10-6-2013 */ {
    position: relative;
    left: 5px;
    width: 125px;
    height: 80px;
    /*background: url(./images/st_logo.gif) #ffffff no-repeat;*/
    overflow: hidden;
    border: none;
}

.Rec_sp_rec {
    text-align: right;
    vertical-align: top;
    border: none;
    font-size: x-large;
    color: #000000;
    font-weight: bolder;
}

.Rec_td_Cmp {
    width: 55%;
    text-align: left;
    vertical-align: bottom;
    border: none;
    font-size: x-large;
    color: #000000;
    font-weight: bolder;
}

.Rec_td_CmpAtharva /* viraj on 12-6-2013*/ {
    width: 55%;
    text-align: center; /* viraj on 12-6-2013*/
    vertical-align: bottom;
    border: none;
    font-size: x-large;
    color: #000000;
    font-weight: bolder;
}

.Rec_td_Add {
    width: 100%;
    text-align: center;
    vertical-align: top;
    border: none;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

.Rec_td_Add1 {
    width: 100%;
    text-align: center;
    vertical-align: top;
    border: none;
    font-size: small;
    color: #000000;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

.Rec_td_AddLast {
    width: 100%;
    text-align: center;
    vertical-align: top;
    border-bottom: solid 1px #000000;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: small;
    color: #000000;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

.Rec_td_cmpdtl {
    text-align: left;
    vertical-align: top;
    border: none;
    color: #000000;
    font-size: 14px;
    padding: 5px 0px 0px 0px;
}



.Rec_td_cmpdtReceived {
    text-align: left;
    vertical-align: top;
    border: none;
    color: #000000;
    font-size: 14px;
    padding: 10px 0px 0px 5px;
}

.Rec_td_Detail {
    text-align: left;
    vertical-align: middle;
    border-left: solid 1px #000000;
    border-top: solid 0px #000000;
    border-right: solid 0px #000000;
    border-bottom: solid 0px #000000;
    color: #000000;
    font-size: 14px;
}

.ReceiptDtl_table {
    width: 100%;
    margin: 0px 0px 0px 0px;
    border: solid 2px #000000;
    color: #000000;
}

.ReceiptDtl_td_topHeader {
    text-align: center;
    border-bottom: solid 1px #000000;
}

.ReceiptDtl_td_top {
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-right: solid 0px #000000;
    border-top: solid 0px #000000;
}

.ReceiptDtl_td_item {
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-right: solid 0px #ccc;
    border-top: solid 0px #ccc;
    margin: 1px 0px 1px 0px;
}

.ReceiptDtl_td_item1 {
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-right: solid 0px #000000;
    border-top: solid 0px #000000;
    margin: 1px 0px 1px 0px;
}

.ReceiptDtl_td_item_amt1 {
    text-align: right;
    vertical-align: middle;
    border-left: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-right: solid 0px #000000;
    border-top: solid 0px #000000;
    padding-right: 50px;
    margin: 1px 0px 1px 0px;
}

.rec_tr {
    border: solid 0px #000000;
}

.rec_TotalInWord {
    border: solid 0px #000000;
    font-size: medium;
}

.ReceiptDtl_td_item_mode {
    text-align: left;
    vertical-align: middle;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-right: solid 0px #ccc;
    border-top: solid 0px #ccc;
    margin: 1px 0px 1px 0px;
}

.ReceiptDtl_td_item_amt {
    text-align: right;
    vertical-align: middle;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-right: solid 0px #ccc;
    border-top: solid 0px #ccc;
    padding-right: 50px;
    margin: 1px 0px 1px 0px;
}

.hr-p2_038d a {
    padding: 0px 12px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 154px;
    font-size: 12px/14px;
    font-weight: normal;
    color: #4d6fb4;
    background: #ffffff;
    text-decoration: none;
    border: solid 1px #57238A;
    text-align: center;
}

.hr-p2_038dnew {
    padding: 0px 12px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 100px;
    height: 17px;
    font-size: 12px/14px;
    font-weight: normal;
    color: #4d6fb4;
    background: #ffffff;
    text-decoration: none;
    border: solid 1px #57238A;
    text-align: center;
}

.mypass {
    /*  background-image: url("images/st_logo.gif");*/
    background-attachment: scroll;
    background-position: 500px 1000px;
    background-repeat: no-repeat;
    opacity: 0.1;
    filter: alpha(opacity=10);
    color: blue;
    position: absolute;
    width: 300px;
    height: 300px;
    left: 34%;
    top: 200px;
    color: #000000;
}

.RECr {
    font-size: 18px;
}

.Rec_ReceiptNo {
    font-size: 15px;
}

.rec_tr_Sal {
    border: solid 0px #000000;
    text-align: right;
    padding-right: 20px;
}

.rec_reclisation {
    border: solid 0px #000000;
    font-size: small;
}

.rec_underline {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 66%;
    color: #ccc;
    margin: -5px 0 0 33%;
}

.rec_underline_To {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 86%;
    color: #ccc;
    margin: 0px 0 0 13%;
}

.rec_underline_Words {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 98%;
    color: #ccc;
    margin: -25px 0 0 0;
}

.rec_underline_Words1 {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 98%;
    color: #ccc;
    margin: 24px 0 0 0px;
}

.rec_underline_Co {
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    width: 91%;
    color: #ccc;
    margin: -2px 0 0 30px;
}

.rec_underline_Words2 {
    width: 98%;
    border: solid 0px #ccc;
    background: none repeat scroll 0 0 #CCC;
    color: #ccc;
    margin: 0px 0 0 0px;
}

.rec_Remark {
    border: solid 2px #2e7aa7;
    background-color: #fff;
    position: absolute;
    width: 300px;
    left: 500px;
    padding-left: 5px;
    color: #2e7aa7;
}

.rec_table_back {
    border: solid 0px #2e7aa7;
    background: transparent url(../images/slogo.gif) no-repeat scroll 0 0;
    background-position: 150px 170px;
}

.Rec_td_img_Inbound {
    border: none;
}

.Rec_td_CmpAtharva_Inbound {
    width: 55%;
    text-align: center;
    vertical-align: bottom;
    border: none;
    font-size: 21px;
    color: #000000;
    font-weight: bolder;
}

hr {
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    background: #cdeeff;
    border: 0 solid #ccc;
    color: #ccc;
}

.Rec_img_1_LAtharva {
    position: relative;
    left: 5px;
    width: 125px;
    height: 80px;
    /*background: url(./images/st_logo.gif) #ffffff no-repeat;*/
    overflow: hidden;
    border: none;
}

.Rec_img_1_L {
    position: relative;
    left: 5px;
    width: 65px;
    height: 65px;
    /* background: url(./images/st_logo.gif) #ffffff no-repeat; */
    overflow: hidden;
    border: none;
}

.rec_tr .table > tbody > tr > td {
    border: 1px solid #000;
}


@media (max-width: 1299px) and (min-width: 1040px) {
    .scroller {
        right: 6% !important;
    }
}

@media (max-width: 1039px) and (min-width: 992px) {
    .scroller {
        right: 2% !important;
    }
}

@media (max-width: 991px) and (min-width: 955px) {
    .scroller {
        right: 12% !important;
        width: 160px !important;
    }
}

@media (max-width: 954px) and (min-width: 926px) {
    .scroller {
        right: 11% !important;
        width: 160px !important;
    }
}

@media (max-width: 925px) and (min-width: 880px) {
    .scroller {
        right: 9% !important;
        width: 160px !important;
    }
}

@media (max-width: 879px) and (min-width:840px) {
    .scroller {
        right: 7% !important;
        width: 160px !important;
    }
}

@media (max-width: 839px) and (min-width:805px) {
    .scroller {
        right: 5% !important;
        width: 160px !important;
    }
}

@media (max-width: 804px) and (min-width:769px) {
    .scroller {
        right: 3% !important;
        width: 160px !important;
    }

    .carousel-inner > .item > img {
        height: 350px;
    }

    .bannercurve {
        min-height: 352px !important;
    }
}

@media (max-width: 768px) and (min-width:351px) {

    .srvcmenu {
        margin: 10px 0px 15px 0px !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li > a {
        padding: 6px 4px 6px 2px !important;
        font-size: 13px !important;
        border-radius: 5px 5px 0px 0px !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li {
        margin-right: 5px;
        margin-top: 20px;
    }


    .mailli {
        float: left !important;
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin: 0px auto !important;
    }




    .navbar-right {
        width: 100% !important;
        text-align: center !important;
        margin: 0px 0px 0px 0px !important;
        float: right !important;
    }

    .navbar-default .navbar-nav > li {
        color: #fff !important;
        font-size: 14px !important;
        font-weight: normal !important;
        border: 0px !important;
        border-bottom: 0px solid #f1f1f1 !important;
        margin: 10px 5px !important;
        width: auto;
        float: right;
    }

    .navbar-default #bs-example-navbar-collapse-1 .navbar-nav > li {
        color: #fff !important;
        font-size: 14px !important;
        font-weight: normal !important;
        border: 0px !important;
        border-bottom: 1px solid #007638 !important;
        margin-bottom: 2px !important;
        width: 100%;
        float: left;
        padding: 5px;
        margin-top: 0px !important;
    }

    .navbar-default .navbar-nav > li:last-child {
        border: 0px !important;
    }

    .d-inline-block-xs {
        display: inline-block !important;
    }

    h5.no-span::before, h5.no-span::after {
        width: 50% !important;
    }

    .padd-top20-res0 {
        padding-top: 0px !important;
    }

    .scroller {
        right: 3% !important;
        width: 33% !important;
    }

    .mrg-btm0-xs {
        margin-bottom: 0px !important;
    }

    .padd-lft10-xs {
        padding-left: 10px !important;
    }

    .mrg-lft10-xs {
        margin-left: 10px !important;
    }

    .mrg-lft0-xs {
        margin-left: 0px !important;
    }

    .h4-res {
        font-size: 11px !important;
    }

    .txtcenter-res {
        text-align: center !important;
    }

    .mrg-lft10-xxs {
        margin-left: 10px !important;
    }

    .airli-nam {
        font-size: 11px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .pull-left-xs {
        float: left !important;
    }
}

@media (max-width: 768px) and (min-width:240px) {
    .carousel-inner > .item > img {
        height: 450px;
    }
}


@media (max-width: 768px) and (min-width:500px) {
    .mailli .pull-left {
        width: 40%;
        margin-left: 10%;
    }
    /*.carousel-inner > .item > img{height:450px;}*/
}

@media (max-width: 499px) and (min-width:200px) {
    .mailli .pull-left {
        width: auto;
        margin-left: 0%;
    }
}

@media (max-width: 350px) and (min-width:240px) {
    .navbar-right {
        width: 100% !important;
        text-align: center !important;
        margin: 0px 0px 0px 0px !important;
        float: right !important;
    }

    .navbar-default .navbar-nav > li {
        color: #fff !important;
        font-size: 14px !important;
        font-weight: normal !important;
        border: 0px !important;
        border-bottom: 0px solid #f1f1f1 !important;
        margin: 10px 5px !important;
        width: auto;
        float: right;
    }

    .navbar-default #bs-example-navbar-collapse-1 .navbar-nav > li {
        color: #fff !important;
        font-size: 14px !important;
        font-weight: normal !important;
        border: 0px !important;
        border-bottom: 1px solid #007638 !important;
        margin-bottom: 2px !important;
        width: 100%;
        float: left;
        padding: 6px;
        margin-top: 0px !important;
    }

    .navbar-default .navbar-nav > li:last-child {
        border: 0px !important;
    }

    .pull-left-xs {
        float: left !important;
    }

    .airli-nam {
        font-size: 11px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mrg-lft10-xxs {
        margin-left: 10px !important;
    }

    .txtcenter-res {
        text-align: center !important;
    }

    .h4-res {
        font-size: 11px !important;
    }

    .d-inline-block-xs {
        display: inline-block !important;
    }

    h5.no-span::before, h5.no-span::after {
        width: 50% !important;
    }

    .scroller {
        right: 3% !important;
        width: 40% !important;
    }
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
    color: #464646;
    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: #049047;
}

/*.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 #049047;
}

    .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: #049047 !important;
        font-size: 23px !important;
        margin: 20px 0px 15px !important;
        font-weight: bold;
        text-align: center;
    }

    .loadhginfo p {
        color: #049047 !important;
        font-size: 16px !important;
        font-weight: 500;
        text-align: center;
    }

.loadhginfo2 {
    border-radius: 5px;
    margin-top: 15% !important;
    padding: 0% 0px 15px 0px;
    height: auto !important;
}

    .loadhginfo2 .col-lg-9, .loadhginfo2 .col-md-9, .loadhginfo2 .col-sm-8, .loadhginfo2 .col-xs-12 {
        width: 100% !important;
    }

.loadhginfo2bg {
    background-color: #f0f2ee;
    height: 130px;
    width: 100% !important;
}

    .loadhginfo2bg .mrg-top10 {
        margin-top: 0px !important;
    }

    .loadhginfo2bg img.mrg-top10 {
        min-height: 130px;
    }


.loadhginfo2 .modal-content {
    border-radius: 5px !important;
    background-color: transparent;
}

.loadhginfo2 .modal-header {
    padding: 3px 10px !important;
    background-color: #049047;
    border: 0px;
    color: #ffffff;
}

.loadhginfo2 .modal-body {
    border-radius: 10px;
    padding: 20px 1px;
    text-align: center;
    background-color: #fc5000;
    border: 3px solid #049047;
}

.loadhginfo2 h2 {
    color: #ffffff !important;
    font-size: 20px !important;
    margin: 5px 0px 5px !important;
    padding: 0px !important;
    text-transform: unset !important;
    font-weight: bold !important;
    line-height: 35px;
    text-align: center;
}

.loadhginfo2 h3 {
    color: #ffffff !important;
    font-size: 17px !important;
    font-family: 'Roboto', sans-serif;
    margin: 0px 0px 10px;
    background: none !important;
    font-weight: 500 !important;
    padding-bottom: 5px !important;
    margin-bottom: 10px !important;
}

    .loadhginfo2 h3 span {
        font-size: 13px !important;
        text-align: center !important;
        font-weight: normal !important;
        color: #ffffff !important;
    }

.loadhginfo2 h4 {
    text-align: center !important;
    color: #ffffff !important;
    font-size: 18px !important;
    margin: 10px !important;
    font-weight: bold !important;
    text-align: center;
}


.loadhginfo2 p {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 400;
    text-align: center;
}

#MainBody table.tbl-block-responsive-xs tr td {
    /*myBookinPage*/
    padding: 8px;
    vertical-align: top;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px 6px !important;
    font-size: 13px;
    /*word-break: break-word;*/
}




#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;
}

.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 #049047;
    color: #464646;
    background-color: #e1ecd9;
    margin-left: 10px;
}

    .btnaddroom:hover {
        background-color: #049047;
        border: 1px solid #464646;
        color: #fbfbfb;
    }

    .btnaddroom:active {
        background-color: #464646;
        border: 1px solid #464646;
        color: #fbfbfb;
    }

    .btnaddroom:focus {
        background-color: #464646;
        border: 1px solid #464646;
        color: #fbfbfb;
    }

.bkngstts h3 {
    background: #e0e0e0 !important;
    color: #049047 !important;
    display: inline;
    padding: 6px 15px !important;
    text-transform: uppercase;
}

.bkngstts a.colapse-link i.fa {
    color: #049047;
}


@media (max-width:769px) and (min-width:200px) {

    table.hsrrrtbl {
        border: 0px solid #d4d4d4 !important;
    }

        table.hsrrrtbl tbody.hsrr-tbody-main tr {
            border: 0px solid #eee3f9 !important;
            margin-bottom: 15px;
        }

        table.hsrrrtbl tbody.hsrr-tbody-main .rr-detailpanel tr {
            border: 0px solid #ddd !important;
            margin-bottom: 5px;
            float: left;
            width: 100%;
        }

    #MainBody table.tbl-block-responsive-xs tr td {
        padding: 5px !important;
        line-height: normal;
    }

    .agncyapprov table.tbl-block-responsive-xs tr td {
        padding: 5px !important;
    }

    .agncyapprov .table > tbody > tr > th {
        border-top: 0px solid #ddd;
    }

    .pos-smry .tbl-block-responsive-xs td.data-td-responsive:before {
        display: none !important;
    }

    .pos-smry .data-td-responsive {
        display: table-cell !important;
    }

    .right-border {
        border-right: 0px solid #ccc !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border: none;
        white-space: normal !important;
        margin: 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 {
    .bkngsmgid {
        width: 100%;
    }

        .bkngsmgid th, .bkngsmgid td {
            height: 48px;
            overflow: hidden !important;
        }

    .prnt-flthd {
        text-align: left !important;
    }

    .prnt-fltimg {
        width: 20px !important;
        float: left !important;
        text-align: left !important;
    }

    .prnt-fltinfo {
        width: 100px !important;
        float: left !important;
        text-align: left !important;
    }

    .prnt-fltdep {
        width: 150px !important;
        float: left !important;
        text-align: left !important;
    }

    #flight-itinerary .prnt-fltdep .box .citycode span {
        font-size: 12px !important;
    }

    #flight-itinerary .prnt-fltarv .box .citycode span {
        font-size: 12px !important;
    }

    .prnt-fltarv {
        width: 150px !important;
        float: left !important;
        text-align: left !important;
    }

    .prnt-fltdur {
        width: 150px !important;
        float: left !important;
        text-align: left !important;
    }

    .prnt-fltarv .box .nxtday {
        color: #ffffff !important;
        float: left !important;
        background-color: #000000 !important;
    }

    #flight-itinerary .txtcenter-res {
        text-align: left !important;
    }

    #flight-itinerary .box h5, .h5 {
        font-size: 13px !important;
    }

    .htdtls .htdtls-small {
        height: 180px !important;
    }

        .htdtls .htdtls-small span.info-label {
            font-size: 10px !important;
            margin: 0px !important;
            line-height: 18px !important;
        }

    .htdtls .htdtls-large span.info-label {
        font-size: 10px !important;
        margin: 0px !important;
        line-height: 18px !important;
    }

    .htdtls .htdtls-small span.info-desc {
        font-size: 10px !important;
        margin: 0px !important;
        line-height: 18px !important;
    }

    .htdtls .htdtls-large span.info-desc {
        font-size: 10px !important;
        margin: 0px !important;
        line-height: 18px !important;
    }

    .htdtls .htdtls-large {
        height: 230px !important;
        font-size: 10px !important;
    }

    .htdtls .htdtls2 {
        height: 230px !important;
    }

    .prnt-bdr {
        border: 1px solid #a0a0a0 !important;
    }

    .info-sec-new {
        border: 1px solid #a0a0a0 !important;
    }

        .info-sec-new .headrow {
            background: none !important;
        }

    .headrow h3 {
        background: none !important;
    }

    .bkngstts h3 {
        background: #e0e0e0 !important;
        color: #464646 !important;
        display: inline;
        padding: 6px 15px !important;
        text-transform: uppercase;
    }

    h3.pan-headNew {
        font-size: 14px !important;
    }

    .row.room-info h3 {
        font-size: 12px !important;
    }

    h3.pan-head {
        font-size: 12px !important;
    }

    .container {
        width: 98% !important;
    }

    .headrow h3 {
        font-size: 14px !important;
    }

    header, footer, .button-list, .accordion, .print-hidden {
        display: none !important;
    }


    span.info-desc, span.info-label, a.link-red {
        margin: 0px;
        font-size: 12px !important;
    }

    .room-info h3 {
        font-size: 12px !important;
    }

    span.info-desc .fa-plus-square {
        display: none !important;
    }

    .whitebg {
        background: #fff;
        box-shadow: 0px 0px 0px 0px #fff !important;
    }

        .whitebg .col-md-9, .whitebg .col-sm-8 {
            width: 100% !important;
        }

    .print-col-xs-12 {
        width: 50% !important;
        float: left !important;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .rooms .info-field {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .rooms h3.pan-head {
        padding: 7px 5px;
    }

    #PrintData {
        width: 100% !important;
        overflow: hidden !important;
    }

    table.hsrrrtbl td:first-child {
        width: 7.5% !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        margin: 15px 0;
        padding: 8px !important;
        white-space: normal !important;
    }

    .data-td-responsive:before {
        display: none;
    }

    .table > tbody > tr > td {
        border-top: 1px solid #ddd;
    }

    .tbl-block-responsive-xs tr {
        border: none;
        margin-bottom: 0;
        display: table-row;
    }

    table.hsrrrtbl {
        text-align: center !important;
        border: 0px;
    }

    span.info-desc {
        min-width: auto;
    }

    table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
        font-size: 12px !important;
    }

    table th, table td, table thead th, table tbody td {
        font-size: 12px !important;
    }



    .rcpt-tbl .prnt-fnt1 {
        font-size: 13px !important;
    }

    .rcpt-tbl .prnt-fnt2 {
        font-size: 14px !important;
    }

    .left-td-hd {
        text-align: left;
        border: 0px solid #ccc !important;
        line-height: 20px !important;
    }

    .right-td-hd {
        text-align: right;
        border: 0px solid #ccc !important;
        line-height: 20px !important;
    }

    .inv_td_performa {
        font-size: 17px !important;
        font-weight: bold !important;
    }

    .inv_td_performa2 {
        font-size: 15px !important;
        font-weight: bold !important;
    }

    .NoBorder-td-hd {
        line-height: 20px !important;
    }

    .newtxtsizeprnt {
        font-size: 13px !important;
    }

    .headtxt {
        font-size: 13px !important;
    }

    p.bottom-line {
        font-size: 10px !important;
    }

    .table {
        width: 100% !important;
    }

    /*Remittance css print start*/
    #frmRemittancePrintbankid1 table, #frmRemittancePrintbankid2 table {
        margin: 0;
        padding: 0;
        line-height: 1em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 13px !important;
        line-height: 1.5em !important;
    }


    /*Praveen */
    .dvcontent6 {
        text-align: justify;
        margin-left: 30px;
        margin-right: 0px;
        padding: 0;
        line-height: 1em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 14px;
    }

    .dvcontent7 {
        text-align: justify;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0;
        line-height: 1.3em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 14px;
    }

    td.t_07_Date {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_07_Form {
        padding-top: 172px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 13px;
    }

    .break-before {
        display: block;
        page-break-before: always;
        position: relative;
    }


    /*Praveen End*/


    /*Start Page 1 */
    table.tbl_01_01 {
        margin: 0;
        padding: 0;
        line-height: 1.3em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 12px;
    }

    td.t_01_Date {
        padding-top: 160px;
        padding-left: 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_01_Sign {
        padding-top: 105px;
        padding-left: 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_01_BankAdd {
        padding-left: 0px;
        padding-top: 20px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_01_Subject {
        padding-left: 0px;
        padding-top: 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    td.t_01_remBankDetail {
        padding-left: 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }


    span.sp_01_remBankDetail {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 11px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_Add {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 148px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_AccNo {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 60px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_BenName {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 24px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_CC {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 51px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_SC {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 60px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_IBAN {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 98px;
        font-weight: bold;
    }

    span.sp_01_remBankDetail_Detail {
        position: absolute;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        left: 135px;
        font-weight: bold;
    }
    /*End Page 1 */

    /*Start Page 2 */
    table.tbl_02 {
        margin: 10px 10px 0px 0px;
        padding: 0;
        line-height: 1.3em;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        background: #FFFFFF;
        voice-family: inherit;
        font-size: 12px;
    }

    td.t_02_Annexure {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-right: 30px;
        font-weight: bold;
    }

    td.t_02_Signature {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-right: 30px;
        font-size: 13x;
    }

    td.t_02_Form {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 13px;
    }

    td.t_02_c {
        padding-left: 20px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Name {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 73px;
        font-weight: bold;
    }

    td.t_02_cChild {
        padding-left: 80px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Add_1 {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Add_2 {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 95px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Add_3 {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 95px;
        font-size: 13px;
    }

    span.sp_02_Dtl_Head_Acc {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 15px;
        font-weight: bold;
        font-size: 13px;
    }

    span.sp_02_Dtl_RemCurrAmt {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        font-weight: bold;
        font-size: 13px;
    }

    span.sp_02_BenAdd {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        padding-left: 110px;
        font-size: 13px;
    }

    span.sp_02_BenDtl {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 20px;
        padding-left: 25px;
        font-size: 13px;
    }

    span.sp_02_clustion {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 15px;
        padding-left: 5px;
        font-size: 13px;
    }

    tr.t_02_Date {
        /*padding-top: 25px;*/
        padding-left: 20px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        margin-left: 5px;
        font-size: 13px;
    }

    tr.t_02_Final {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-left: 800px;
        padding-top: 10px;
        font-size: 13px;
    }

    span.s_02_Final {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-right: 40px;
        margin-right: 40px;
        font-size: 13px;
    }

    span.d_02_Final {
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        padding-right: 70px;
        margin-right: 70px;
    }
    /*End Page 2 */

    /*Start Page 3 */
    table.tbl_03 {
        margin: 0;
        padding: 0;
        line-height: 0.8em !important;
        font-family: roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1000px;*/
        width: 640px;
        border: solid 1px #000000;
    }

    td.t_03_img {
        padding: 0px 2px 0px 2px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        left: 15px;
        height: 15;
        border-bottom: solid 1px #000000;
        font-size: 12px;
    }

    td.t_03_Head {
        padding: 25px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-weight: bolder;
        font-size: 12px;
        height: 15;
        border-bottom: solid 1px #000000;
    }

    td.t_03_subHead {
        padding: 1px 2px 2px 2px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 8px;
        line-height: 9px;
    }

    td.t_03_Date {
        padding: 0px 5px 0px 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: bottom;
        font-size: 8px;
    }

    td.t_03_Application {
        padding: 1px 2px 2px 2px;
        font-family: roboto, sans-serif;
        background-color: #696969;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 8px;
        color: #ffffff;
        font-weight: bold;
    }

    span.sp_03_Add {
        margin-left: 5px;
        font-family: roboto, sans-serif;
        font-size: xx-small;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        line-height: 10px;
        color: #000000;
    }

    td.t_03_Contact {
        padding: 0px 5px 0px 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
    }

    span.s_03_Contact {
        padding: 0px 5px 0px 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: bottom;
        font-size: xx-small;
    }

    table.tbl_01 {
        margin: 10px 10px 0px 0px;
        padding: 0;
        line-height: 0.8em;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 630px;
        border: solid 1px #000000;
    }

    table.tbl_03_02 {
        margin: 0px 10px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 640px;
        border: solid 1px #000000;
    }

    td.t_03_spDetails {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
        border-left: solid 1px #000000;
    }

    table.tbl_03_03 {
        margin: 0px 10px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 640px;
        border: solid 1px #000000;
    }

    td.t_03_32a {
        padding: 5px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 12px;
        width: 75px;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
    }

    td.t_03_valueHead {
        padding: 5px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 12px;
        width: 125px;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
    }

    td.t_03_value {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 12px;
        width: 125px;
        border-right: solid 1px #000000;
    }

    td.t_03_32a_sub {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: center;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
        width: 75px;
    }

    td.t_03_Description {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
    }

    td.t_03_Description_sub {
        padding: 0px 5px 0px 5px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
        font-size: 12px;
    }

    span.sp_03_Yes {
        margin-left: 10px;
        font-family: roboto, sans-serif;
        font-size: xx-small;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
    }

    span.sp_03_Opt {
        margin-left: 10px;
        margin-right: 0px;
        font-family: roboto, sans-serif;
        font-size: xx-small;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: middle;
    }

    table.tbl_03_04 {
        margin: 0px 0px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 640px;
    }

    table.tbl_03_04_sub_01 {
        margin: 0px 0px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 320px;
        border: solid 1px #000000;
    }

    table.tbl_03_04_sub_02 {
        margin: 0px 0px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 320px;
        border-top: solid 1px #000000;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
    }

    td.t_03_custsig {
        margin: 15px 15px 15px 10px;
        padding: 10px 15px 15px 10px;
        font-family: roboto, sans-serif;
        background-color: #ffffff; /*text-align: left;*/
        text-indent: 0px;
        text-transform: none;
        vertical-align: bottom;
        font-size: 12px;
        border: solid 1px #000000; /*border-right:solid 1px #000000;*/
        height: 53px;
        width: 523px;
    }

    table.tbl_03_05 {
        margin: 10px 0px 0px 0px;
        padding: 0;
        line-height: 0.8em !important;
        font-family: 8px/9px roboto, sans-serif;
        color: #4a4a4a;
        voice-family: inherit; /*height: 1500px;*/
        width: 640px;
        border: none;
    }

    img.sbank {
        width: 90px;
        height: 55px;
    }

    td.t_03_bottom {
        padding: 1px 2px 2px 2px;
        font-family: roboto, sans-serif;
        background-color: #ABABAB;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        font-size: 12px;
        color: #969696;
        font-weight: bold;
    }

    span.sp_03_signa {
        margin: 0px;
        font-family: roboto, sans-serif;
        font-size: xx-small;
        background-color: #ffffff;
        text-align: right;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
    }

    td.t_03_footerimg {
        padding: 0px 0px 0px 0px;
        font-family: roboto, sans-serif;
        background-color: #ffffff;
        text-align: left;
        text-indent: 0px;
        text-transform: none;
        vertical-align: top;
        left: 15px;
        height: 15;
        border-bottom: solid 1px #000000;
    }

    img.footerimg {
        width: 660px;
        height: 15px;
    }

    .prntimgtd1 {
        width: 50% !important;
    }

    .prntimgtd2 {
        width: 50% !important;
    }


    #frmRemittancePrintbankid1 table, #frmRemittancePrintbankid2 table {
        border-spacing: unset;
        border-collapse: unset;
    }
    /*Remittance css print end*/

}

@media print and (max-width: 769px) {
    .thead-new {
        visibility: visible !important;
        background-color: #e0e0e0;
        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: #e0e0e0;
        padding: 5px !important;
    }

    table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
        font-size: 12px !important;
    }

    .data-td-responsive:before {
        display: none !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border: 0px solid #ccc;
        white-space: normal !important;
    }
}

@media print (max-width: 480px) {
    #flight-itinerary .prnt-fltdep .box .citycode span {
        font-size: 12px !important;
    }

    #flight-itinerary .prnt-fltarv .box .citycode span {
        font-size: 12px !important;
    }

    .thead-new {
        visibility: visible !important;
        background-color: #e0e0e0;
        padding: 5px !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive {
        border: 0px solid #ccc;
        width: 100% !important;
        white-space: normal !important;
        padding: 10px !important;
        text-align: left !important;
    }

    .data-td-responsive:before {
        display: none !important;
    }

    .tbl-block-responsive-xs td.data-td-responsive:before {
        display: inline !important;
        padding: 0 !important;
    }
}

@media print (max-width: 639px) and (min-width: 240px) {
    .prnt-fltarv .box .nxtday {
        color: #000000 !important;
        float: left !important;
        background-color: #FFFFFF !important;
    }

    #flight-itinerary .txtcenter-res {
        text-align: left !important;
    }

    #flight-itinerary .box h5, .h5 {
        font-size: 13px !important;
    }

    #flight-itinerary .prnt-fltdep .box .citycode span {
        font-size: 12px !important;
    }

    #flight-itinerary .prnt-fltarv .box .citycode span {
        font-size: 12px !important;
    }

    .thead-new {
        visibility: visible !important;
        background-color: #e0e0e0;
        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: #464646;
        font-weight: bold;
        font-size: 16px;
        position: absolute;
        overflow: hidden;
        animation: marquee 10s linear infinite;
    }

    .marquee span {
        float: left;
        width: 50%;
        color: #ea0000;
    }



@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@media (min-width: 300px) and (max-width:585px) {
    .marquee span {
        float: left;
        width: 100% !important;
    }

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .disabled span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 40px;
        line-height: normal;
    }
}

.popUp {
    background-color: rgba(0,0,0,0.7);
    display: block;
}

.popUp1 {
    font-weight: normal;
}

#tbStatus .options .nav > li > a {
    margin-bottom: 0px;
    padding: 9px 14px;
}

#tbStatus .nav-tabs > li > a {
    margin-right: 4px;
    font-weight: 500;
    /* border-left: 1px solid #ddd; */
    border: 1px solid #ddd;
    padding: 7px 15px;
}

#tbStatus .nav-tabs > li.active > a {
    background-color: #ff4f01;
    color: #ffffff !important;
    border-color: #ff4f01;
}

#tbStatus .nav-tabs {
    border-bottom: 0px solid #ddd;
}


#tbStatus .options .nav-tabs > li.active > a {
    color: #fff !important;
    cursor: default;
    background-color: #049047;
}

#tbStatus .nav-tabs > li.active > a:hover, #tbStatus .nav-tabs > li.active > a:focus {
    color: #fff !important;
    cursor: default;
    /*    background-color: #464646;
    border-color: #464646;*/
}

#btnSetCookiee .hover-btn {
    background-color: #ffffff !important;
    border-radius: 5px;
    color: #049047 !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #049047;
    font-weight: 500;
}

.hght {
    background-color: #e0e0e0;
    color: #4a4a4a !important;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}


/*/*Book card report print*/
.fullDiv {
    border-top: 1px solid #000000 !important;
}

#PrintData {
    border: 1px solid #000000 !important;
}

.td_L_A {
    border: 1px solid #000000 !important;
    border-left: 0px solid #000000 !important;
}

.td_L_A_L {
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}
/*.tdclass{  border-top:1px solid #000000;border-bottom :1px solid #000000;}*/
.td_L_A1 {
    border-right: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}

.td_L_A1_L {
    border-right: 0px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}

.tdclassright {
    border-right: 1px solid #000000 !important;
}
/*Book card report print*/

.alert-danger2 {
    color: #ff0000;
    background-color: #ffffff;
    border: 1px dotted #ff0000;
    padding: 7px !important;
}


.main p {
    font-size: 45px !important;
    font-weight: bold !important;
}

/*//matrix*/

.table .carousel-control.left {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    font-size: 20px;
    color: #049047;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background: none;
    filter: alpha(opacity=50);
    opacity: .8;
    margin-top: 95px;
    float: left;
}


.table .carousel-control.right {
    position: relative;
    top: 0;
    bottom: 0;
    right: -25px;
    width: 30px;
    font-size: 20px;
    color: #049047;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background: none;
    filter: alpha(opacity=50);
    opacity: .8;
    margin-top: 95px;
    float: left;
}




#scrldwn {
    float: left;
    width: 100%;
    height: 75px;
}

.demoscrldwn a {
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #464646;
    text-decoration: none;
}

    .demoscrldwn a:hover {
        color: #049047;
    }

#scrldwn a:hover span {
    border-left: 2px solid #049047;
    border-bottom: 2px solid #049047;
}



#scrldwn a {
    padding-top: 53px;
    margin-top: 46px;
}

    #scrldwn a span {
        position: absolute;
        top: 0;
        left: 50%;
        width: 15px;
        height: 15px;
        margin-left: -12px;
        border-left: 2px solid #464646;
        border-bottom: 2px solid #464646;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: sdb07 1s infinite;
        animation: sdb07 1s infinite;
        opacity: 0;
        box-sizing: border-box;
    }

        #scrldwn a span:nth-of-type(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

        #scrldwn a span:nth-of-type(2) {
            top: 16px;
            -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
        }

        #scrldwn a span:nth-of-type(3) {
            top: 32px;
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

@-webkit-keyframes sdb07 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb07 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(242, 103, 84);
    width: 35px;
    height: 35px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 2px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.6;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 9px;
        top: 6px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        font-size: 28px;
        transition: all 0.3s ease;
        opacity: 0.6;
    }

    #return-to-top:hover {
        background: #464646;
        opacity: 1;
    }

        #return-to-top:hover i {
            color: #fff;
            top: -2px;
            opacity: 1;
        }

.trvlrhd {
    font-size: 16px;
    margin-bottom: 5px !important;
    color: #404040;
    background: #e5e5e5;
    padding: 10px;
    font-weight: bold !important;
}

.stop-heading h4 {
    font-size: 16px;
    color: #049047;
    text-decoration: underline;
    margin-bottom: 0;
    margin-top: 25px;
    font-weight: 600 !important;
}

.ui-datepicker .ui-datepicker-title select {
    color: #464646 !important;
}

#theCarousel .table > tbody > tr > td {
    font-size: 13px;
    padding: 5px;
    border: 1px solid #cdeeff !important;
}



#theCarousel .carousel-control {
    width: 40px;
    color: #049047;
    background: none !important;
}

.alrsltname {
    float: left;
    width: 100%;
    text-align: center;
    height: 30px;
}

.arlnname {
    float: left;
    width: 100%;
    text-align: center;
    height: 41px;
}

.alrslttbl .table > tbody > tr > td {
    font-size: 13px;
    padding: 5px;
}

#loading h3 {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff;
}


.Otripmarginclass {
    padding-bottom: 20px !important;
    padding-top: 10px !important;
}

.Rtripmarginclass {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.Otripmarginclass2 {
    padding-bottom: 20px !important;
    padding-top: 10px !important;
}

.Rtripmarginclass2 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

#baggage .panel {
    background-color: #fbfbfb;
}

#baggage .panel-body {
    padding: 0px;
}

#baggage .nav-tabs > li > a {
    border-radius: 0px;
    color: #737373;
    font-size: 15px;
    padding: 5px 20px;
    border: 0px;
    border-bottom: 3px solid #fff;
}

    #baggage .nav-tabs > li > a:hover {
        background-color: #fbfbfb;
        color: #049047 !important;
        cursor: pointer;
        border: 0px;
        border-bottom: 3px solid #049047;
    }


#baggage .nav-tabs > li.active > a, #baggage .nav-tabs > li.active > a:hover, #baggage .nav-tabs > li.active > a:focus {
    background-color: #fbfbfb;
    color: #049047 !important;
    border: 0px;
    border-bottom: 3px solid #049047;
}

#baggage .panel-default > .panel-heading {
    border-bottom: 1px solid #049047;
}

#baggage .tab-pane.active {
    border: 0px;
    float: left;
    width: 100%;
    border-top: 1px solid #eaeaea;
}

#Farerulelist div {
    margin-bottom: 10px;
}

#Farerulelist p {
    font-size: 13px;
    line-height: 25px;
}

.nrfico {
    background-color: #e24129;
    color: #fff;
    padding: 2px 5px;
    border-radius: 100%;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0px 0px 6px 0px #ef5943;
    margin-right: 5px;
}

.rfico {
    background-color: #079237;
    color: #fff;
    padding: 2px 5px;
    border-radius: 100%;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0px 0px 6px 0px #0cb346;
    margin-right: 5px;
}


.col-title > a:before {
    font-family: FontAwesome;
    content: "\f056";
    padding-left: 5px;
}

.col-title > a.collapsed:before {
    content: "\f055";
}


#Citymap .table > tbody > tr > td {
    border: 0px solid #ffebcf !important;
}

.htmlrateprcbrkp > tbody > tr > td {
    border: 0px solid #ffebcf !important;
}

.htlratesbg {
    background-color: #e0e0e0;
}

.htlratesbg2 {
    background-color: #e2e8dd;
}

    .htlratesbg2 .ttlcost {
        min-width: 100px;
        display: inline-block;
        width: 50%;
        font-weight: 700;
        text-align: right;
        font-size: 20px;
        color: #049047;
    }

    .htlratesbg2 .tcost {
        color: #049047 !important;
    }


#divHotelInfo ul li {
    list-style-type: none;
}

    #divHotelInfo ul li::before {
        content: "";
        display: inline-block;
        width: 9px;
        height: 9px;
        border-right: 3px solid #464646;
        border-top: 3px solid #464646;
        transform: rotate(45deg);
        position: absolute;
        left: -19px;
        border-radius: 1px;
        top: 5px;
    }

#divHotelInfo .imgico {
    float: left;
    margin-right: 10px;
    padding: 7px;
    border-radius: 3px;
    height: 60px;
}

#divHotelInfo .pnlbdy {
    padding-top: 10px !important;
    border-left: 2px solid #f7ebe5;
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    margin-top: 6px;
}

    .rating-stars ul > li.star {
        display: inline-block;
    }

        .rating-stars ul > li.star > i.fa {
            width: auto;
            font-size: 20px;
            height: auto;
            margin: 0;
        }

.bnr-data .rating-stars ul > li.star > i.fa {
    color: #FFEB3B !important;
}


.onepg .navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    font-size: 15px !important;
    font-weight: bold;
    padding: 20px 20px !important;
    border-top: 7px solid #555555;
    border-right: 1px solid #cdcdcd !important;
}

.onepg .navbar-inverse .navbar-nav > li:last-child > a {
    border-right: 0px solid #cdcdcd !important;
}

.onepg .navbar-inverse {
    background-color: #555555;
    border-radius: 0px;
}

.itinerary a.hding:hover {
    text-decoration: none !important;
}

.itinerary a.hding:hover {
    text-decoration: none !important;
}

#carousel-example-generic .fa-chevron-circle-right {
    top: 0;
}

#carousel-example-generic .fa-chevron-circle-left {
    top: 0;
}

#carousel-example-generic .fa-chevron-circle-right::before {
    font-size: 35px !important;
}

#carousel-example-generic .fa-chevron-circle-left::before {
    font-size: 35px !important;
}

.fa-chevron-left, .carousel-control .fa-chevron-right {
    margin-top: -10px;
    margin-left: -10px;
    /*color: #444;*/
}

.fa-chevron-left {
    width: 100% !important;
    height: 30px !important;
    margin-top: 20px !important;
    font-size: 30px !important;
    left: 45% !important;
    top: 50% !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.6) !important;
}


.fa-chevron-right {
    width: 100% !important;
    height: 30px !important;
    margin-top: 20px !important;
    font-size: 30px !important;
    right: -20% !important;
    top: 50% !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.6) !important;
}

.itinerary a.hding {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: bold;
    padding: 0px !important;
    border-bottom: 1px solid #ccc;
}

    .itinerary a.hding span.day {
        background-color: #7d7d7d;
        color: #fff;
        padding: 5px 20px;
        margin-right: 15px;
        float: left;
        width: auto;
    }

    .itinerary a.hding span {
        padding: 0;
        margin: 0;
        background: none;
        color: #3a3a3a;
        width: 80%;
        float: left;
    }

    .itinerary a.hding .fa {
        width: auto !important;
        height: auto !important;
        margin: 0px !important;
        font-size: 20px !important;
        padding: 0;
        background-color: #f8f8f8;
        color: #3a3a3a;
        box-shadow: none !important;
        text-shadow: none !important;
    }

.colps img {
    border-radius: 5px;
}

.itinerary .collapse.in {
    margin-left: 80px;
    margin-top: 18px;
    float: left;
    border-left: 2px solid #b7b7b7;
    padding: 0px 10px 0px 0px;
    height: auto;
    width: 89%;
}

    .itinerary .collapse.in:before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #fff;
        float: left;
        border-radius: 100%;
        position: absolute;
        margin-top: -9px;
        margin-left: -6px;
        border: 1px solid #7d7d7d;
    }

.itinerary .opnclsall {
    font-size: 17px;
    font-weight: 600;
    float: right;
}

    .itinerary .opnclsall a {
        color: #464646;
    }

        .itinerary .opnclsall a:hover {
            color: #049047;
            text-decoration: underline !important;
        }

    .itinerary .opnclsall .fa {
        height: auto;
        width: auto;
        font-size: 16px;
    }

.bnr {
    height: 500px;
    width: 100%;
    float: left;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
}

.bnr-clr {
    height: 100%;
    position: relative;
    background-color: #ffffff00;
    // background-image: linear-gradient(#000000, #00000054, #000000);
}

.bnr-data {
    position: absolute;
    bottom: 0;
    left: 7%;
    width: 86%;
}

    .bnr-data h1 {
        color: #fff;
        line-height: 42px !important;
    }

        .bnr-data h1 span {
            font-size: 20px;
            font-weight: 600;
            line-height: 20px;
        }

    .bnr-data h5 {
        color: #fff;
        font-size: 16px;
        line-height: 25px !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }

.prcsec {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px !important;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .prcsec h3 span {
        text-decoration: line-through;
    }



img.zoom {
    width: 100%;
    height: 140px;
    border-radius: 0px;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

/* Tabbed Styles */
.tabbed {
    width: 80%;
    margin: 0 auto;
    border-bottom: 3px solid #049047 !important;
    overflow: hidden;
    transition: border 250ms ease;
    float: left;
    width: 100%;
}

    .tabbed ul {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        float: left;
        padding-left: 15px;
        list-style-type: none;
        width: 100%;
        border-bottom: 3px solid #fc5000 !important;
    }

        .tabbed ul li {
            display: block;
            float: left;
            padding: 10px 7px 7px;
            background-color: #e0e0e0;
            margin-right: 20px;
            z-index: 2;
            position: relative;
            cursor: pointer;
            color: #777;
            transition: all 250ms ease;
            font-weight: 500;
            font-size: 14px;
        }

            .tabbed ul li:before,
            .tabbed ul li:after {
                display: block;
                content: " ";
                position: absolute;
                top: 0;
                height: 102%;
                width: 12px;
                background-color: #e0e0e0;
                transition: all 250ms ease;
            }

            .tabbed ul li:before {
                right: -5px;
                /*box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;*/
            }

            .tabbed ul li:after {
                left: -5px;
                /*box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0*/;
            }

            .tabbed ul li:hover,
            .tabbed ul li:hover:before,
            .tabbed ul li:hover:after {
                background-color: #f9e5dd;
                color: #049047;
            }

            .tabbed ul li.active {
                z-index: 3;
            }

                .tabbed ul li.active,
                .tabbed ul li.active:before,
                .tabbed ul li.active:after {
                    background-color: #fc5000;
                    color: #fff;
                }

                    .tabbed ul li.active a {
                        color: #ffffff;
                    }

            .tabbed ul li a {
                color: #666666;
            }

    /* Round Tabs */
    .tabbed.round ul li {
        border-radius: 0px 3px 0 0;
        margin-top: 8px;
    }

        .tabbed.round ul li:before {
            border-radius: 0 4px 0 0;
        }

        .tabbed.round ul li:after {
            border-radius: 4px 0 0 0;
        }

.drpimg {
    background: transparent url(../images/da.png) no-repeat 97% center;
}






.bnr {
    height: 450px;
    width: 100%;
    float: left;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -30px;
}

.bnr-clr {
    height: 100%;
    position: relative;
    background-color: #ffffff00;
    background-image: linear-gradient(#000000, #00000054, #000000);
}

.bnr-data {
    position: absolute;
    bottom: 0;
    left: 7%;
    width: 86%;
}

    .bnr-data h1 {
        color: #fff;
        line-height: 42px !important;
    }

        .bnr-data h1 span {
            font-size: 20px;
            font-weight: 600;
            line-height: 20px;
        }

    .bnr-data h5 {
        color: #fff;
        font-size: 16px;
        line-height: 25px !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }


.holyimg .tags {
    position: absolute;
    bottom: 6px;
    right: 0px;
}

.tags {
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
    list-style: none;
    font-family: Futura, sans-serif;
}

    .tags li, .tags a {
        float: left;
        line-height: 23px;
        position: relative;
        font-size: 13px;
        font-weight: bold;
    }

    .tags a {
        margin-left: 20px;
        padding: 0 10px 0 12px;
        background: #049047;
        color: #fff !important;
        text-decoration: none;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        margin-top: 4px;
        text-transform: uppercase;
    }

        .tags a:before {
            content: "";
            float: left;
            position: absolute;
            top: 0;
            left: -12px;
            width: 0;
            height: 0;
            border-color: transparent #049047 transparent transparent;
            border-style: solid;
            border-width: 12px 12px 12px 0;
        }

        .tags a:after {
            content: "";
            position: absolute;
            top: 10px;
            left: 0;
            float: left;
            width: 4px;
            height: 4px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            background: #242726;
            -moz-box-shadow: -1px -1px 2px #004977;
            -webkit-box-shadow: -1px -1px 2px #004977;
            box-shadow: -1px -1px 2px #004977;
        }

.pkgdtl .detailtag li, .detailtag a {
    float: left;
    line-height: 20px;
    position: relative;
    font-size: 12px;
    font-weight: normal;
}

.pkgdtl .detailtag a {
    margin-left: 13px;
    padding: 0 6px 0 9px;
    background: #a2a2a2;
    color: #fff !important;
    text-decoration: none;
    margin-top: 0px;
    text-transform: capitalize;
    margin-right: 10px;
}

    .pkgdtl .detailtag a:before {
        content: "";
        float: left;
        position: absolute;
        top: 0;
        left: -9px;
        width: 0;
        height: 0;
        border-color: transparent #a2a2a2 transparent transparent;
        border-style: solid;
        border-width: 10px 9px 10px 0;
        border-radius: 2px;
    }

    .pkgdtl .detailtag a:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 1px;
        float: left;
        width: 4px;
        height: 4px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #f8f8f8;
        -moz-box-shadow: -1px -1px 2px #404040;
        -webkit-box-shadow: -1px -1px 2px #404040;
        box-shadow: -1px -1px 2px #404040;
    }

.detailtag .tags a:hover {
    background: #fff;
}

    .detailtag .tags a:hover:before {
        border-color: transparent #fff transparent transparent;
    }

.pkgdtl .rating-stars ul {
    list-style-type: none;
    padding: 0;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .pkgdtl .rating-stars ul > li.star {
        display: inline-block;
    }

        .pkgdtl .rating-stars ul > li.star > i.fa {
            width: auto;
            font-size: 16px;
            height: auto;
            margin: 1px 0px 0px;
            color: #049047;
            float: left;
        }

.pkgdtl .tags {
    font-family: 'Roboto', sans-serif !important;
}

.bdrbrn .fa {
    width: auto;
    font-size: 16px;
    height: auto;
    padding: 0;
    margin-right: 5px;
}

.bdrbrn a {
    background-color: #f7941d;
    border-radius: 5px;
    padding: 1px 7px;
    color: #252525;
    font-size: 13px;
    font-weight: normal;
    margin: 0px 0px 0px 7px;
    float: left;
}

    .bdrbrn a:hover {
        background-color: #51aee5;
        color: #212121;
    }

.icotag span {
    width: 70px;
    text-align: center;
    font-weight: 600;
}

.prcsec {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px !important;
    text-align: center;
}

    .prcsec h3 span {
        text-decoration: line-through;
    }

.onepg .navbar-inverse .navbar-nav > li > a {
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    padding: 8px 20px !important;
    border: 0px;
    border-top: 0px solid #555555;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

    .onepg .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #cdcdcd;
        color: #000000;
        border-top: 0px solid #234706;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .onepg .navbar-inverse .navbar-nav > li > a.active {
        background-color: #51aee5;
        color: #000000;
        border-top: 0px solid #234706;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.onepg .navbar-inverse {
    background-color: #f8f8f8;
    border-radius: 0px;
    margin-bottom: 10px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    margin-top: 12px !important;
}

    .onepg .navbar-inverse .navbar-toggle {
        border-color: #3330;
        background-color: #8a8a8a;
        margin: 0px;
        margin-left: 15px;
        float: left;
        width: 94%;
        padding: 10px 10px;
        border-radius: 0px;
    }

.itinerary a.hding:hover {
    text-decoration: none !important;
}

.itinerary a.hding {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: bold;
    padding: 0px !important;
    border-bottom: 1px solid #ccc;
}

    .itinerary a.hding span.day {
        background-color: #7d7d7d;
        color: #fff;
        padding: 5px 20px;
        margin-right: 15px;
        float: left;
        width: auto;
    }

    .itinerary a.hding span {
        padding: 0;
        margin: 0;
        background: none;
        color: #3a3a3a;
        width: 80%;
        float: left;
    }

    .itinerary a.hding .fa {
        width: auto !important;
        height: auto !important;
        margin: 0px !important;
        font-size: 20px !important;
        padding: 0;
        background-color: #f8f8f8;
        color: #3a3a3a;
        box-shadow: none !important;
        text-shadow: none !important;
    }

.colps img {
    border-radius: 5px;
}

.itinerary .collapse.in {
    margin-left: 80px;
    margin-top: 18px;
    float: left;
    border-left: 2px solid #b7b7b7;
    padding: 0px 10px 0px 0px;
    height: auto;
    width: 89%;
}

    .itinerary .collapse.in:before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #fff;
        float: left;
        border-radius: 100%;
        position: absolute;
        margin-top: -9px;
        margin-left: -6px;
        border: 1px solid #7d7d7d;
    }

.itinerary .opnclsall {
    font-size: 17px;
    font-weight: 600;
    float: right;
}

    .itinerary .opnclsall .fa {
        height: auto;
        width: auto;
        font-size: 16px;
    }

ul.incls {
    list-style-image: url(../images/incl.png);
    font-size: 15px;
    line-height: normal;
}

    ul.incls li, ul.excls li {
        margin-bottom: 13px !important;
    }

ul.excls {
    list-style-image: url(../images/excl.png);
    font-size: 15px;
    line-height: normal;
}

#divInclusions h4 {
    font-weight: bold !important;
    font-size: 15px;
    color: #7a7a7a;
}

#divExclusions h4 {
    font-weight: bold !important;
    font-size: 15px;
    color: #7a7a7a;
}

#divInclusions ul {
    list-style-image: url(../images/incl.png);
    font-size: 14px;
    line-height: normal;
    padding-left: 25px;
    color: #616161;
    margin-bottom: 0px;
}

#divExclusions ul {
    list-style-image: url(../images/excl.png);
    font-size: 14px;
    line-height: normal;
    padding-left: 25px;
    color: #616161;
    margin-bottom: 0px;
}

#divInclusions ul li {
    margin-bottom: 7px !important;
    color: #616161;
    font-size: 13px;
}

#divExclusions ul li {
    margin-bottom: 7px !important;
    color: #616161;
    font-size: 13px;
}

.onepg .table > thead > tr > th, .onepg .table > tbody > tr > th, .onepg .table > tfoot > tr > th, .onepg .table > thead > tr > td, .onepg .table > tbody > tr > td, .onepg .table > tr > td, .onepg .table > tfoot > tr > td {
    border: 1px solid #d0d0d0 !important;
}


ul.mustlist {
    padding: 0px;
}

    ul.mustlist .fa {
        width: auto;
        height: auto;
        margin: 0px;
        padding: 0px;
    }

.mustlist li {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 10px;
}

.prchdtl {
    background-color: #d7d7d7;
    border-bottom: 5px solid #b7b7b7;
    padding: 4px 10px 7px;
}

    .prchdtl h3 {
        color: #464646 !important;
        font-size: 19px !important;
        font-weight: bold !important;
        margin-bottom: 3px !important;
    }

.onepg h2 {
    color: #6d6d6d !important;
    font-weight: bold !important;
}

.hdtlform {
    background-color: #ebebeb;
    padding: 10px;
    float: left;
    width: 100%;
}

    .hdtlform .floating-inpt {
        background-color: #fff;
        padding: 10px !important;
        height: 45px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .hdtlform .form-control {
        padding: 10px;
        height: 45px;
    }

    .hdtlform textarea.form-control {
        height: auto !important;
    }

    .hdtlform .bkbtn {
        width: 100%;
        float: left;
        background-color: #464646 !important;
        color: #ffffff !important;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        padding: 15px !important;
        text-align: center;
        font-weight: bold;
        border-radius: 0px;
        border: 0px;
        font-size: 18px;
        text-decoration: none;
    }

        .hdtlform .bkbtn:hover {
            background-color: #049047 !important;
        }

.fyt .input-group-addon {
    padding: 8px 4px;
    font-size: 15px;
    border: 2px solid #ccc;
    border-right: 0px;
    font-weight: bold;
    text-align: center;
    border-radius: 0px;
    line-height: 24px;
    padding-bottom: 0px !important;
    height: auto;
}

.fyt input.form-control {
    padding: 10px;
    height: auto;
    border: 2px solid #ccc;
    border-right: 0px;
    border-bottom: 2px solid #ccc !important;
    width: 85%;
}

    .fyt input.form-control:focus {
        border: 2px solid #049047;
        border-right: 0px;
        border-bottom: 2px solid #049047 !important;
    }

.fyv .input-group-addon {
    padding: 8px 15px;
    font-size: 17px;
    border-right: 2px solid #ccc;
    font-weight: bold;
    text-align: center;
    border-radius: 0px;
    line-height: 24px;
    padding-bottom: 0px !important;
    height: auto;
}

.fyv input.form-control {
    padding: 10px;
    height: auto;
    border: 0px solid #ccc;
    border-right: 0px;
    /* border-bottom: 2px solid #ccc !important; */
    width: 87%;
}

.fyv .btn-serh {
    background-color: #ee595d;
    color: #fff;
    padding: 7px 28px;
    border: 1px solid #ee595d;
    border-radius: 0 31px 32px 0;
    margin: 0px;
    line-height: 41px;
    border-bottom: 2px solid #ee595d !important;
    cursor: pointer;
    font-size: 18px;
}

    .fyv .btn-serh:hover {
        background-color: #B20B10;
        border: 1px solid #B20B10;
        border-bottom: 2px solid #B20B10 !important;
    }

.holyincl {
    height: 100px;
    margin-bottom: 0px;
}

#review .fa {
    width: auto;
    padding: 0px;
    height: auto;
    font-size: 18px;
    color: #FFC107;
}

.onepg h2 {
    font-size: 18px !important;
    margin: 0px 0px 10px !important;
    border-left: 4px solid #51aee5;
    padding-left: 8px;
    text-transform: capitalize !important;
}

#divInclusions h3, #divExclusions h3 {
    color: #464646;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0px 10px;
    background: none !important;
    font-weight: bold !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid #d4d4d4;
}

#hDisplayPrice {
    font-size: 22px !important;
    font-weight: bold !important;
}

.custmbox #hDisplayPrice {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #049047 !important;
}

#review .addrevbtn {
    font-size: 14px;
    border: 1px solid #049047;
    padding: 5px 10px;
    border-radius: 5px;
    color: #049047;
    font-weight: bold;
}

    #review .addrevbtn .fa {
        width: auto;
        height: auto;
        margin: 0px 0px 0px 5px;
        font-size: 14px;
    }

.review .addrevbtn {
    font-size: 14px;
    border: 1px solid #464646;
    padding: 5px 10px;
    border-radius: 5px;
    color: #464646;
    font-weight: bold;
}

    .review .addrevbtn:hover {
        background-color: #464646;
        color: #fff;
    }

    .review .addrevbtn .fa {
        width: auto;
        height: auto;
        margin: 0px 0px 0px 5px;
        font-size: 14px;
    }

.back2top {
    right: 10px;
    position: absolute;
    bottom: 20px;
    font-size: 48px;
    color: #464646;
}

    .back2top:hover {
        color: #049047;
        bottom: 25px;
    }

@media Screen {
    .scrnhdn {
        display: none !important;
    }
}


@media print {
    * {
        -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
        color-adjust: exact !important; /*Firefox*/
    }

    body {
        color: #D7D7D7 !important;
        margin: 20px !important;
    }

    p {
        text-align: justify !important;
    }

    .prcsec h3 {
        font-size: 22px !important;
    }

    .prcsec p {
        text-align: center !important;
    }

    .prnthdn {
        display: none !important;
    }

    .itinerary a.hding span {
        width: 100% !important;
    }

    .itinerary .colps {
        width: 100% !important;
        float: left !important;
        margin: 0px 0px 15px 5px !important;
        padding: 0px !important;
    }

        .itinerary .colps .collapse {
            display: block !important;
        }

    .bnr-data h1 {
        color: #049047 !important;
        font-size: 30px !important;
        margin-top: 0px !important;
    }

    .prcsec {
        padding: 0px !important;
    }

    .tags a {
        background-color: #049047;
        color: #fff !important;
    }

    #hdnBannerMainImage {
        background-image: none !important;
    }

    .bnr {
        height: auto !important;
        background-image: none !important;
        border-bottom: 1px solid #ccc !important;
    }

    .bnr-data {
        position: relative !important;
        width: 100%;
        float: left;
        left: 15px;
        margin: 0px !important;
    }

    .tags a:before {
        display: none;
    }

    .tags a {
        color: #049047 !important;
        float: left !important;
    }

    .prnt40 {
        width: 40% !important;
        float: left !important;
    }

    .prnt60 {
        width: 60% !important;
        float: left !important;
    }

    .prnt30 {
        width: 30% !important;
        float: left !important;
    }

    .prnt70 {
        width: 70% !important;
        float: left !important;
    }

    h1#hPackageName span {
        width: 100% !important;
        float: left !important;
        margin: 10px 0px !important;
    }

    .thumb img.zoom {
        width: 150px !important;
        height: 150px !important;
    }

    .itinerary a.hding .fa {
        display: none;
    }

    .itinerary a.hding {
        width: 100% !important;
        float: left !important;
        margin: 0px 0px 10px -10px !important;
        padding: 0px !important;
    }

    .itinerary a {
        width: 100% !important;
        float: left !important;
        margin: 0px !important;
        padding: 0px !important;
    }

        .itinerary a.hding span.day {
            padding: 0px !important;
            width: 100% !important;
            float: left !important;
            margin: 0px !important;
        }

    #myCarousel img {
        width: 200px !important;
        height: 200px !important;
        float: left;
    }

    .onepg h2 {
        margin-top: 15px !important;
        font-size: 23px !important;
    }

        .onepg h2 b {
            color: #049047 !important;
        }

    .onepg #lstNavigations9 h3 {
        font-size: 17px !important;
    }

    .scrnhdn .thumbimgprnt {
        width: 150px;
        height: 150px;
        float: left;
        margin: 10px;
    }

    .prcsec h3#hDisplayPrice {
        color: #049047 !important;
    }

    a[href]:after {
        content: none !important;
        word-break: break-all !important;
    }

    .itinerary a.hding {
        font-size: 16px !important;
    }

    .bnr-data .rating-stars ul > li.star > i.fa-star:before, .bnr-data .rating-stars ul > li.star > i.fa, .review .rev .fa-star:before {
        color: #fec006 !important;
    }

    .prnthldmainimg {
        height: 300px !important;
        width: 100% !important;
    }

    ul li h3 {
        font-size: 14px !important;
        margin: 0px;
    }

    .itinerary .collapse.in, .itinerary .collapse.in div {
        width: 100% !important;
    }
}

/********************************************************************Package************************************************************************/




.fa-circle:before {
    content: "\f111";
    font-size: 9px;
    vertical-align: baseline;
    padding-right: 5px;
}

.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;
}

.eraopentr td {
    border-bottom: 0 !important;
}

.eracoltr.collapse td {
    border-top: 0 !important;
}

.eracoltr.collapse .eracoltbl td.total {
    border-top: 1px solid #ddd !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 only screen and (max-width:767px) {
    .portfolio_item_text {
        padding: 25px;
    }



    .wizard .nav-tabs > li a {
        height: 35px;
        border: 0px !important;
        background-color: transparent !important;
        margin: 0px auto 35px auto !important;
    }

        .wizard .nav-tabs > li a.wiznamelnk {
            margin: 0px !important;
        }

    ul.timeline:before {
        left: 28px;
    }

    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: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 #049047;
        }
}

@media all and (min-width: 768px) {
    .htlimgnew {
        width: 21% !important;
        float: left;
        padding: 0px;
        position: relative;
    }

    .htlinfonew {
        width: 79% !important;
        float: left;
        padding: 0px 10px 0px 20px;
    }

    .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;
        }
}



/*..........................................*/

.pkgbdttab .nav-tabs {
    box-shadow: 0px 0px 6px #d0d0d0;
    border-radius: 100px;
    background-color: #fff;
}

    .pkgbdttab .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 100px;
    }

.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .options .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #393939 !important;
    cursor: default;
    background-color: #049047;
    border: 0px;
}

.pkgbdttab .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #393939;
    cursor: default;
    font-size: 15px;
    background-color: #049047;
    border-bottom-color: transparent;
    font-weight: bold;
    border: 0px;
}

.pkgbdttab .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 100px;
}

.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .tab-content > .active {
    display: block;
    border: 1px solid #e8e8e8;
    margin-top: -2px;
    z-index: 1;
    padding: 0px 20px 10px;
}

.wizard {
    margin: 10px auto;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 20px auto;
        margin-bottom: 0;
        border-bottom: 0px;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

/*.wizard .nav-tabs > li {
        float: none;
        margin-bottom: 0px;
        display: inline-block;
        width: 18%;
    }*/

.connecting-line {
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    width: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 32%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

.wizard .tab-pane .text-reg {
    margin-bottom: 0px;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 18px;
    text-align: justify;
}


.wizard li.active span.wizname {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #049047;
    left: 0;
}

.wizard li.active span.round-tab {
    background: #049047;
    border: 2px solid #049047;
    /* box-shadow: inset 2px 2px 5px 0px rgba(6, 6, 6, 0.25); */
}

    .wizard li.active span.round-tab span {
        font-size: 14px;
        font-weight: bold;
        color: #fff !important;
    }

.wizard li.disabled span.round-tab span {
    font-size: 14px;
    font-weight: bold;
    color: #e0e0e0;
}

.wizard li span.round-tab span {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}


.wizard li.active span.round-tab i {
    color: #ffffff;
    margin-right: 5px;
}

.wizard li.active a:focus span.round-tab i {
    color: #ffffff !important;
}

span.round-tab:hover {
    color: #a0a0a0;
    border: 2px solid #c7c7c7;
}

span.round-tab {
    width: 185px;
    height: 40px;
    line-height: normal;
    display: inline-block;
    border-radius: 10px;
    background: #c7c7c7;
    border: 2px solid #b9b9b9;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
    top: -8px;
    padding: 8px 10px;
}

    span.round-tab i {
        color: #049047;
        text-align: center;
        vertical-align: text-top;
        font-size: 20px;
        margin-right: -2px;
        margin-top: -2px;
        margin-right: 5px;
    }

.disabled span.round-tab {
    width: 185px;
    height: auto;
    line-height: normal;
    display: inline-block;
    border-radius: 10px;
    background: #fbfbfb;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
    top: -8px;
    padding: 8px 5px;
}

    .disabled span.round-tab i {
        color: #e0e0e0;
        text-align: center;
        vertical-align: text-top;
        font-size: 20px;
        margin-right: -2px;
        margin-top: -2px;
        margin-right: 5px;
    }

span.round-tab i {
    color: #a7a5a5;
}

span.round-tab i {
    color: #ffffff;
}

.disabled span.wizname {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    left: 0;
    color: #e0e0e0;
}



span.wizname {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    left: 0;
    color: #a7a5a5;
}

.wiznamelnk {
    height: 0 !important;
    margin-bottom: 0 !important;
    margin: 0px auto !important;
    float: left;
    text-align: center;
    width: 100% !important;
}

/*.wizard .nav-tabs > li {
    width: 25%;
}*/

/*.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0px auto;
    bottom: 3px;
    border: 5px solid transparent;
    border-bottom-color:#049047;
    transition: 0.1s ease-in-out;
}*/

/*.wizard li:before {
   content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0px auto;
    top: 32%;
    width: 100%;
    height: 3px;
    background-color:#e0e0e0;
    transition: 0.1s ease-in-out;
    z-index: 1;
}*/

.wizard li.active:before {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0px auto;
    top: 32%;
    width: 100%;
    height: 1px;
    background-color: #e0e0e000;
    transition: 0.1s ease-in-out;
    z-index: 1;
}

.wizard li.disabled:before {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0px auto;
    top: 32%;
    width: 100%;
    height: 3px;
    background-color: #e0e0e000;
    transition: 0.1s ease-in-out;
    z-index: 1;
}

.wizard li:last-child:before {
    display: none;
}



.wizard .nav-tabs > li a {
    width: 185px;
    height: 40px;
    margin: 0px auto;
    padding: 0;
    background-color: transparent;
    border: 0px;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
        border: 0px;
    }

.wizard .nav-tabs > li.active a:focus {
    background-color: transparent;
}

.wizard .nav-tabs > li.disabled a {
    cursor: not-allowed !important;
}

.wizard .tab-pane {
    position: relative;
    padding: 10px;
    border: 1px solid #049047;
    border-radius: 6px;
    /*box-shadow: 0px 1px 7px 2px #ccc !important;*/
}

.wizard h3 {
    margin-top: 0;
}

.wizard .tab-pane .fa-star:before {
    content: "\f005";
    color: #ababab;
    margin-right: 2px;
}

.wizard .tab-pane h4, .wizard .tab-pane .h4 {
    font-size: 15px;
}

.pkghdbg {
    background-color: #eeeeee;
}

    .pkghdbg h3 {
        color: #049047;
        font-weight: bold;
        margin: 15px 10px;
        text-align: left;
        text-transform: uppercase;
        font-size: 21px;
    }

        .pkghdbg h3 span {
            color: #049047;
            font-weight: normal;
            font-size: 16px;
            text-transform: capitalize;
        }



.pkghdbg {
    background-color: #eeeeee;
}

    .pkghdbg h3 {
        color: #049047;
        font-weight: bold;
        margin: 15px 10px !important;
        text-align: left;
        text-transform: capitalize;
        font-size: 21px !important;
    }

        .pkghdbg h3 span {
            color: #272727;
            font-weight: normal;
            font-size: 16px;
            text-transform: capitalize;
        }

    .pkghdbg .fa {
        text-align: center;
        color: #049047;
        font-size: 23px;
        margin: 16px;
    }

        .pkghdbg .fa:hover {
            color: #000000;
        }



    .pkghdbg .pkgprc {
        border: 0px solid #049047;
    }

        .pkghdbg .pkgprc h3 {
            color: #049047;
            font-weight: bold;
            margin: 0;
            text-align: center;
            font-size: 21px;
            margin-top: 0px !important;
            margin-bottom: 0px !IMPORTANT;
        }

            .pkghdbg .pkgprc h3 span {
                color: #049047;
                font-weight: 500;
                font-size: 11px !important;
                margin: 0px;
            }


    .pkghdbg .pkgbtn {
        text-align: center;
        background: #049047 !important;
        border-radius: 0px;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 18px !important;
    }

        .pkghdbg .pkgbtn:hover {
            background: #333334 !important;
            font-size: 18px !important;
        }

        .pkghdbg .pkgbtn a {
            padding: 14px 15px 14px;
            color: #fff;
            border-radius: 0px;
            text-align: center;
            font-size: 18px !important;
            font-weight: bold;
        }

.scrollLink.txtcolor {
    color: #049047 !important;
}

.scrollLink.bold {
    font-weight: bold !important;
}

#pkgnav {
    width: 100%;
    background-color: #f7f7f7;
    float: left;
    padding: 0px 25px 1px;
    z-index: 9;
    border-bottom: 1px solid #eee;
}

    #pkgnav ul {
        list-style-type: none;
        display: flex;
        margin: 0;
        padding: 0;
    }

        #pkgnav ul li {
            padding: 12px 0px !important;
        }


    #pkgnav a {
        padding: 12px 25px !important;
        font-weight: 500;
        font-size: 15px;
        border-radius: 0;
        margin: 0px;
        background-color: #f7f7f7;
        color: #636363;
    }

        #pkgnav a.active {
            padding: 12px 25px !important;
            border: 0px;
            font-size: 15px;
            border-top: 3px solid #049047;
            border-bottom: 3px solid #049047;
            color: #000000;
            box-shadow: none;
            border-radius: 0px;
        }



.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

    .fixed#pkgnav {
        width: 84.5% !important;
        background-color: #eeeeee;
        float: left;
        padding: 0px !important;
        z-index: 9;
        margin-left: 105px;
    }

.pkg-table-bordered > tr > td {
    border: 1px solid #f4cece;
    padding: 6px;
    font-size: 13px;
    /* font-size: 13.5px; */
    /* font-size: 14px; */
}

.pkg-tblbg {
    background-color: #f7f7f7;
}

.pkgeditbtn {
    padding: 2px 4px;
    background-color: #f7f7f7;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    color: #333333 !important;
    font-weight: normal;
    font-size: 12px;
    margin-right: 10px;
}

    .pkgeditbtn:hover {
        background-color: #049047;
        color: #353535 !important;
    }

    .pkgeditbtn:last-child {
        margin-right: 0px;
    }

.addtourbtn {
    padding: 4px 10px;
    background-color: #049047;
    border: 1px solid #049047;
    border-radius: 5px;
    color: #393939 !important;
    font-weight: normal;
    font-size: 13px;
    margin-right: 10px;
}

    .addtourbtn:hover {
        background-color: #fff;
        color: #049047 !important;
        border: 1px solid #049047;
    }
/*.fixed ul{padding: 0px 80px !important;}*/

.timeline {
    list-style: none;
    padding: 10px 0 10px;
    position: relative;
}

    .timeline:before {
        top: 20px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 2px;
        background-color: #d7d7d7;
        left: 4.7%;
        margin-left: -1.5px;
    }

.timeline-heading {
    padding: 10px 13px 0px 20px;
    background-color: #234706;
    cursor: pointer;
    height: auto;
    float: left;
    line-height: 30px;
    width: 100%;
}

.timeline .active, .timeline .timeline-heading:hover {
    /*background-color: #049047;*/
}

.timeline .subcollapse {
    width: 100%;
    text-align: left;
}
    /* Icon when the collapsible content is shown */
    .timeline .subcollapse:after {
        font-family: FontAwesome;
        content: "\f068";
        float: right;
        margin-left: 15px;
        color: #636363;
    }
    /* Icon when the collapsible content is hidden */
    .timeline .subcollapse.collapsed:after {
        content: "\f067";
        color: #636363;
    }

.subcollapse {
    background-color: #e1e1e1;
    padding: 7px 10px;
    color: #4e4e4e;
    cursor: pointer;
    font-size: 15px;
    float: left;
    width: 100%;
}

    .subcollapse .fa-building:before {
        font-size: 18px;
        margin-right: 5px;
    }

    .subcollapse .fa-star:before {
        color: #ffc107;
        margin-right: 2px;
    }

.dybg .subcollapse .fa-star:before {
    color: #313131;
    margin-right: 2px;
}

.timeline .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin: 0px;
}

.timeline .timeline-heading:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    border-left: 1px solid #fff;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 13px;
    margin-top: -10px;
    float: right;
    right: 0;
    padding-top: 5px;
    color: #fff;
    width: 4%;
    min-height: 42px;
}

.timeline .active:after {
    content: "\f106";
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    line-height: 40px;
    border-left: 1px solid #fff;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 13px;
}

.timeline-body {
    padding: 10px 20px;
    float: left;
    width: 100%;
}


    .timeline-body img {
        margin-bottom: 10px;
    }

.timeline > li {
    margin-bottom: 20px;
    position: relative;
}

    .timeline > li:before,
    .timeline > li:after {
        content: " ";
        display: table;
    }

    .timeline > li:after {
        clear: both;
    }

    .timeline > li:before,
    .timeline > li:after {
        content: " ";
        display: table;
    }

    .timeline > li:after {
        clear: both;
    }

    .timeline > li > .timeline-panel {
        width: 88%;
        float: left;
        border: 1px solid #d4d4d4;
        border-radius: 2px;
        padding: 0px;
        position: relative;
        left: 12%;
        background-color: #fff;
    }

        /*.timeline > li > .timeline-panel:before {
                position: absolute;
                top: 16px;
                right: -15px;
                display: inline-block;
                border-top: 7px solid transparent;
                border-left: 17px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 7px solid transparent;
                content: " ";
            }*/

        /*.timeline > li > .timeline-panel:after {
               position: absolute;
    top: 7px;
    right: -10px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 14px solid #049047;
    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 #234706;
            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: #234706 !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: #049047 !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    width: 95%;
    display: inline;
    float: left;
    line-height: 20px;
    margin-bottom: 10px;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.inclsn {
    float: left;
    width: 100%;
    padding-left: 10px;
}

.exclsn {
    float: left;
    width: 100%;
    padding-left: 10px;
}

.inclsn li {
    list-style-type: none;
}

.exclsn li {
    list-style-type: none;
}

.inclsn .fa-check {
    color: green;
    margin-right: 5px;
}

.exclsn .fa-times {
    color: rgb(216, 0, 67);
    margin-right: 5px;
}

    .exclsn .fa-times:before {
        font-size: 17px;
    }


.pkgbdttab .nav-tabs {
    box-shadow: 0px 0px 6px #d0d0d0;
    border-radius: 100px;
    background-color: #fff;
}

    .pkgbdttab .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 100px;
    }

.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .options .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #393939 !important;
    cursor: default;
    background-color: #049047;
    border: 0px;
}

.pkgbdttab .nav-tabs > li.active > a, .pkgbdttab .nav-tabs > li.active > a:hover, .pkgbdttab .nav-tabs > li.active > a:focus {
    color: #393939;
    cursor: default;
    font-size: 15px;
    background-color: #049047;
    border-bottom-color: transparent;
    font-weight: bold;
    border: 0px;
}

.pkgbdttab .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 100px;
}

.pkgbdttab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    font-size: 15px;
}

.pkgbdttab .tab-content > .active {
    display: block;
    border: 1px solid #e8e8e8;
    margin-top: -2px;
    z-index: 1;
    padding: 0px 20px 10px;
}


@media screen and (max-width: 679px) and (min-width: 550px) {
    .logbg {
        padding: 15px 10px;
    }
}

@media screen and (max-width: 549px) and (min-width: 495px) {
    .logbg {
        padding: 0px 0px 35px 0px;
    }
}

@media screen and (max-width: 494px) and (min-width: 475px) {
    .logbg {
        padding: 0px 0px 32px 0px;
        margin: 0;
    }
    /*.logbg .logbtnbg{    bottom: 60px;}*/

}

@media screen and (max-width: 474px) and (min-width: 370px) {
    .logbg {
        /*padding: 0px 0px 26px 0px;
        margin: -33px 5% 7% 5%;*/
    }
}

@media screen and (max-width: 369px) and (min-width: 303px) {
    .logbg {
        /*padding: 0px 0px 35px 0px;
        margin: -33px 5% 7% 5%;*/
    }
}

@media screen and (max-width: 302px) and (min-width: 150px) {
    .logbg {
        padding: 0px 0px 35px 0px;
        margin: 0;
    }

        .logbg .logbtnbg {
            bottom: 80px;
        }
}


/*@media screen and (max-width: 449px) and (min-width: 150px) {
    .logbg {padding: 0px 0px 40px 0px;
            margin: -33px 5% 5% 5%;
    }
    /*.logbg .logbtnbg{    bottom: 60px;}*/






@media screen and (max-width: 767px) and (min-width: 412px) {
    span.info-label {
        margin: 3px 0px 0px 0px;
    }

    span.info-desc {
        margin: 3px 0px 5px 0px;
        border-bottom: 0px dashed #e1e1e1;
        padding-bottom: 0px;
        /*width: 100%;
        max-width: 100%;*/
    }
}

@media screen and (max-width: 411px) and (min-width: 150px) {
    span.info-label {
        margin: 5px 0px 0px 0px;
    }

    span.info-desc {
        margin: 3px 0px 5px 0px;
        border-bottom: 1px dashed #e1e1e1;
        padding-bottom: 6px;
        width: 100%;
        max-width: 100%;
        float: left;
        min-width: 100%;
    }
}


@media screen and (max-width: 767px) and (min-width: 150px) {
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #fff;
    }

    .srchbg .Rtripmarginclass .magic-radio:checked + label:before, .srchbg .Rtripmarginclass .magic-radio + label:before {
        position: relative !important;
    }

    .srchbg .Rtripmarginclass .magic-radio:checked + label:after, .srchbg .Rtripmarginclass .magic-checkbox:checked + label:after {
        position: relative !important;
        top: -17px !important;
        left: 49.5% !important;
    }

    .srchbg .Rtripmarginclass label.radio-label {
        width: 100% !important;
        padding: 0px !important;
    }

    .loadhginfo2bg img.mrg-top10 {
        min-height: auto;
    }

    .loadhginfo2bg {
        height: auto !important;
    }

    .currconvrts {
        bottom: 27px !important;
        right: 46px !important;
    }

    .currconvrss {
        bottom: 27px !important;
        right: 46px !important;
    }

    .mrg-top0-xs {
        margin-top: 0 !important;
    }

    .pkgdtl .htl {
        height: auto !important;
    }

        .pkgdtl .htl .htldtl {
            height: auto !important;
        }

        .pkgdtl .htl .htlimag {
            max-width: 100%;
            min-height: 130px;
            max-height: 130px;
            margin-bottom: 10px;
            float: left;
        }

    .paddACK {
        padding: 10px 20px !important;
    }

    .price {
        float: none !important;
    }

    .cutprc {
        float: none !important;
    }

    .imgglr .carousel-inner {
        max-height: 147px !important;
        min-height: 147px !important;
    }

    .dybg .col-xs-12 {
        width: 100% !important;
    }

    .dydtl .col-xs-12 {
        width: 100% !important;
    }

    .onepg .navbar-inverse .navbar-nav > li > a {
        padding: 5px !important;
        border-right: 0px !important;
        border-bottom: 1px solid #ccc;
        width: 100.3%;
    }

    .onepg .navbar-inverse {
        border: 1px solid #cdcdcd !important;
        border-bottom: 0px solid #ccc !important;
    }

    .dydtl {
        border-left: 0px solid #ffe2bc !important;
        border-top: 2px solid #ffe2bc;
    }

    .imgglr {
        border-radius: 5px;
        padding: 0px !important;
        margin-bottom: 20px !important;
    }

    #tabmenu .navbar-nav > li {
        width: 100% !important;
    }

    .carousel-inner > .item > img {
        height: 550px;
    }

    .imgglr .carousel-inner > .item > img {
        display: block !important;
    }

    #myNavbar.navbar-collapse {
        padding: 0px !important;
        border: 0px;
    }

    a.hsr-colapse {
        margin-right: 0% !important;
    }

    .htlratesbg2 a.hsr-book-btn {
        float: right !important;
    }

    .nwrsltmain .pagination.pull-right {
        float: none !important;
        margin-top: 10px !important;
        margin-bottom: -6px !important;
    }

    .srchbg .options .panel-heading .nav-tabs > li.active:first-child {
        margin-right: 0px !important;
    }

    .htlimgnew img {
        width: 100% !important;
        margin: 0px auto 10px;
    }

    .nwrslt .pricehtl {
        text-align: center !important;
    }

    .nwrslt .btn-select {
        float: none !important;
    }

    .htlimgnew {
        width: 100% !important;
        float: left;
        padding: 0px;
        position: relative;
        text-align: center;
    }

    .htlinfonew {
        width: 100% !important;
        float: left;
        padding: 0px 10px;
        text-align: center;
    }

    .text-center-sm {
        text-align: center !important;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .airli-nam {
        font-size: 11px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        top: 30% !important;
    }

    .box .pric {
        margin-top: 80% !important;
    }
}

@media (max-width:480px) {
    a.hsr-colapse {
        font-size: 13px !important;
        padding: 1px 5px !important;
        border-radius: 5px;
        min-height: 22px;
        min-width: 80px;
        line-height: 22px;
        cursor: pointer;
        float: left !important;
        margin-right: 0% !important;
    }

    span.hsr-room-heading {
        float: left !important;
        width: 100%;
    }

    a.hsr-colapse .fa-plus:before {
        font-size: 10px !important;
    }

    a.hsr-colapse .fa-minus:before {
        font-size: 10px !important;
    }

    a.hsr-colapse-new {
        background: #e0e0e0;
        color: #464646 !important;
        font-weight: bold;
        font-size: 14px;
        border-radius: 5px;
        min-height: 22px;
        min-width: 80px;
        line-height: 22px;
        cursor: pointer;
        margin-right: 0%;
        float: none;
        padding: 5px;
    }

        a.hsr-colapse-new .fa-plus:before {
            font-size: 10px;
        }

        a.hsr-colapse-new .fa-minus:before {
            font-size: 10px;
        }




    .data-td-responsive:before {
        width: 100%;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        float: left;
    }

    .data-td-inner-res {
        width: 100%;
        margin: 5px 0 !important;
        float: left;
    }
}

#button {
    display: inline-block;
    background-color: #FF9800;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

    #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 21px;
        line-height: 42px;
        color: #fff;
    }

    #button:hover {
        cursor: pointer;
        background-color: #333;
        margin-top: -10px !important;
    }

    #button:active {
        background-color: #555;
    }

    #button.show {
        opacity: 1;
        visibility: visible;
        margin: 0px;
    }


@media (min-width: 500px) {

    #button {
        margin: 30px;
    }
}


@media (min-width:768px) and (max-width:991px) {
    .onepg .navbar-inverse .navbar-nav > li > a {
        padding: 8px 10px !important;
        font-size: 14px !important;
    }
}

@media (min-width:481px) and (max-width:767px) {

    .currconvrssr {
        bottom: 25px !important;
        right: 0px !important;
    }
}

@media (min-width:150px) and (max-width:480px) {

    .currconvrssr {
        bottom: 25px !important;
        right: -29px !important;
    }

        .currconvrssr::after {
            left: 57% !important;
        }
}

@media (min-width:150px) and (max-width:331px) {
    .Re-lable {
        float: right !important;
        margin-top: -18px;
        padding-left: 4px;
    }
}



/* */

.slider .slider-handle {
    background: #e4e4e4 !important;
    border-radius: 50%;
    border: 1px solid #b9b9b9;
}

/* */



/* Checkbox */

.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: -2px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 17px;
    width: 17px;
    transition: all 0.15s ease-out 0s;
    background: #ffffff;
    border: 2px solid #0b8d47;
    color: #fff;
    cursor: pointer;
    display: inline-block !important;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}




    .option-input:checked {
        background: #088e47;
    }

        .option-input:checked:hover {
            background: #088e47;
            border: 2px solid #088e49;
        }

        .option-input:checked::before {
            height: 17px;
            /* width: 16px; */
            position: absolute;
            content: "\f10c";
            font-family: FontAwesome;
            display: inline-block;
            font-size: 13px;
            text-align: center;
            line-height: 14px;
            right: 0;
            left: 0;
            margin: auto;
        }

        .option-input:checked::after {
            -webkit-animation: click-wave 0.25s;
            -moz-animation: click-wave 0.25s;
            animation: click-wave 0.25s;
            background: #0f1b44;
            content: '';
            display: block;
            position: relative;
            z-index: 100;
        }

    .option-input.radio {
        border-radius: 50%;
        margin-left: 0px !important;
        top: -4px;
    }

        .option-input.radio::after {
            border-radius: 50%;
        }

/* End Checkbox */


/* slider Height */

.bannercurve {
    min-height: 400px;
}

/* End slier Height */


/* */

.shwrsltttl span {
    color: #fff;
}

.shwrsltttl {
    background: #058e48;
}
#DivPromotions2 {
    margin: 0px !important;
}

/* */


/* Flight Page */
.flt-fltr a {
    padding: 6px 6px 6px 35px !important;
    background-color: #fc5000 !important;
    border-radius: 0px;
    color: #fff;
    width: 100%;
    font-weight: bold;
    float: left;
    font-size: 13px;
}

    .flt-fltr a .iconsize2 {
        font-size: 18px !important;
        margin-right: 0;
        margin-top: 0px;
        float: left;
        position: absolute;
        left: 5px;
        color: #fff;
        height: 22px;
    }

.flt-fltr .collapse {
    float: left;
    width: 100%;
    border: 1px solid rgb(223 222 222);
    padding: 10px;
    margin: 0px;
}

.flt-fltr {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 13px;
}

.box .nav-tabs > li > a:hover {
    /* border: none; */
    background: #fff2ec;
    padding: 6px 6px;
    color: #464646;
    text-decoration: underline;
    border-radius: 0;
    margin: 0;
}

.stslft {
    padding: 2px 5px;
    width: auto;
    float: left;
    background-color: #ffffff;
    color: #089143;
    border-radius: 2px;
    border: 1px solid #089143;
}

.flt-rvs {
    display: inline;
    width: 0px;
    float: left;
}

    .flt-rvs i {
        margin-top: 32px !important;
        transform: rotate(180deg);
        margin-left: 8px !important;
        font-size: 16px;
        float: left;
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

.flt-fltr a.collapsed {
    background-color: #888888 !important;
}

/* flight Page End */


/* */

.offer-panel {
    background: #f7f5f4;
    border: 1.9px solid #d4d0d0;
    border-radius: 8px;
    padding: 10px;
    margin-left: 20px;
}

.catagory-name span {
    font-size: 14px;
    color: #606060;
}

.offer-label {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-top: 8px;
}

.pro-cap {
    color: #038a43;
    font-size: 14px;
    margin-top: 5px;
}

.img-offers img {
    border-radius: 10px;
    position: relative;
    left: -20px;
    height: 185px;
}


/*.prom-content {
    margin-left: 148px;
}*/
.view-btn {
    background: #f85900;
    color: #fff;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin-top: 14px;
}

    .view-btn:hover {
        color: #ffffff;
        background: #f76e22;
    }

    .view-btn:focus {
        color: #ffffff !important;
        background: #f76e22;
    }

.nav-flex {
    display: flex;
    align-items: center;
}

.prom-flex {
    display: flex;
    align-items: center;
}

.choose-img img {
    margin: auto;
}

.choose-img p {
    text-align: center;
    font-size: 15px;
    margin-top: 12px;
    color: #000;
}

#social-icon {
    padding: 0;
}

    #social-icon .fa {
        color: #fff !important;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: #ff6400;
        text-align: center;
        border-radius: 50px;
        font-size: 17px !important;
        font-weight: 500 !important;
    }

    #social-icon li {
        padding-right: 0px !important;
    }

        #social-icon li::after {
            display: none !important;
        }

    #social-icon .fa:hover {
        background: #f17f36;
    }

.bg-light-grey {
    background: #f1f1f1;
}

.bannercurve:after {
    content: '';
    width: 100%;
    height: 65px;
    background: url(../images/59/curveshape-59-591.png);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background-size: 100%;
    background-position: center;
    bottom: -1px;
}

.text-align-r {
    text-align: right;
}

.slick-dots li button {
    display: none;
}

.offer-container {
    padding: 0 50px;
}

.homenav .active a {
    background-color: #088d4b;
    color: #fff !important;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 25px 25px 0 0;
}

    .nav-tabs > li > a:hover {
        background: #ff4f01;
        color: #fff;
    }

ul.top-tabs-style li a:hover i {
    color: #fff;
}

#timemrg {
    padding: 50px 0;
}

.srchbg #timemrg1 {
    padding: 50px 0;
    height: auto;
    max-height: 750px;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

/* */


@media (max-width: 1118px) {
    .bannercurve:after {
        height: 60px !important;
    }
}

@media (max-width: 1018px) {
    #amazingcarousel-1 .amazingcarousel-prev {
        left: 0% !important;
    }

    #amazingcarousel-1 .amazingcarousel-next {
        right: 0% !important;
    }
}

@media (max-width: 1034px) {
    .bannercurve:after {
        height: 50px !important;
    }
}

@media (max-width: 858px) {
    .bannercurve:after {
        height: 45px !important;
    }
}

@media (max-width: 775px) {
    .bannercurve:after {
        display: none;
    }
}

@media (max-width: 768px) {
    .text-align-r {
        text-align: center !important;
    }

    .subfoot h4 {
        margin-bottom: 0px;
    }
}

@media (max-width: 650px) {
    #amazingcarousel-1 .amazingcarousel-prev {
        left: -3% !important;
    }

    #amazingcarousel-1 .amazingcarousel-next {
        right: -3% !important;
    }
}

@media (max-width: 425px) {
    .img-offers img {
        border-radius: 0px;
        position: static;
    }

    .offer-panel {
        border-radius: 0px;
        padding: 0px;
        margin-left: 0px;
    }

    .prom-flex {
        display: block;
        text-align: center;
    }

        .prom-flex img {
            margin: auto;
            padding-bottom: 15px;
            width: 97%;
        }
}

/* */

@media (min-width: 1354px) {
    .bannercurve:after {
        content: '';
        width: 100%;
        height: 70px;
    }
}

@media (min-width: 1455px) {
    .bannercurve:after {
        content: '';
        width: 100%;
        height: 82px;
    }
}

/* */

/* */

.cont-form .form-control {
    margin-bottom: 15px;
}

.cont-form label {
    margin-bottom: 2px;
    margin-top: 0;
    padding: 0;
}

.cont-heading {
    color: #078f47;
}

.mail {
    word-wrap: break-word;
}

.smttrip-brnch .mrg-btm20-res {
    margin-top: 20px;
}

.no-padding {
    padding: 0px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-20 {
    margin-top: 20px;
}

/* */


@media (min-width: 1150px) and (max-width: 1399px) {
    .CombdataDiv {
        margin-right: 7% !important;
        width: 64% !important;
    }


        .CombdataDiv.bottom {
            margin-right: 0% !important;
            width: 100% !important;
        }
}


@media (min-width: 1110px) and (max-width: 1149px) {
    .CombdataDiv {
        margin-right: 5% !important;
        width: 67% !important;
    }

        .CombdataDiv.bottom {
            margin-right: 0% !important;
            width: 100% !important;
        }
}

@media (min-width: 992px) and (max-width: 1109px) {
    .CombdataDiv {
        margin-right: 2% !important;
        width: 71% !important;
    }

        .CombdataDiv.bottom {
            margin-right: 0% !important;
            width: 100% !important;
        }
}

@media screen and (max-width:300px) and (min-width: 150px) {
    .logo-res {
        /* height: 70px; */
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none !important;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 239px) and (min-width:150px) {
    .navbar-collapse {
        padding: 5px !important;
    }

    .navbar-right {
        width: 100% !important;
        text-align: center !important;
        margin: 0px 0px 0px 0px !important;
        float: right !important;
    }

    .navbar-default .navbar-nav > li {
        color: #fff !important;
        font-size: 14px !important;
        font-weight: normal !important;
        border: 0px !important;
        border-bottom: 0px solid #f1f1f1 !important;
        margin: 10px 5px !important;
        width: auto;
        float: right;
    }

    .navbar-default #bs-example-navbar-collapse-1 .navbar-nav > li {
        color: #fff !important;
        font-size: 14px !important;
        font-weight: normal !important;
        border: 0px !important;
        border-bottom: 1px solid #007638 !important;
        margin-bottom: 2px !important;
        width: 100%;
        float: left;
        padding: 3px;
        margin-top: 0px !important;
    }

    .navbar-default .navbar-nav > li:last-child {
        border: 0px !important;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
    }
}