.reser-mod
{
    display: inline-block;
    padding-left: 7%;
    padding-right: 7%;    
    width: 100%;
    padding-top: 15px;        
}
.reser-form .form-horizontal{
    padding-top: 15px;
}
.fullnameform {
    width: 50%;
    float: left;
}
.reser-infoleft {
    width: 40%;
    display: inline-block;
    float: left;
    border: solid 1px #c0c0c0;
    padding: 1px;
}
.reser-inforight {
    width: 59%;
    display: inline-block;    
    float: right;
}
.step-text {
    width: 100%;
    display: inline-block;
    height: 45px;
}
.seconstep-text {
    width: 70%;
    float: left;
    display: inline-block;
    background-color: #00aeff;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #fff;
}
.laststep-text {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    float: right;
    padding-left: 15px;
    background-color: #0054b6;
    width: 30%;
    color: #fff;
}
.head-text {
    width: 100%;
    display: inline-block;
    background-color: #00aeff;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #fff;
}

.head-text .tick {
    display: inline-block;
    float: right;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgb(255, 255, 255)'><path d='M2.93 17.070c-1.884-1.821-3.053-4.37-3.053-7.193 0-5.523 4.477-10 10-10 2.823 0 5.372 1.169 7.19 3.050l0.003 0.003c1.737 1.796 2.807 4.247 2.807 6.947 0 5.523-4.477 10-10 10-2.7 0-5.151-1.070-6.95-2.81l0.003 0.003zM15.66 15.66c1.449-1.449 2.344-3.45 2.344-5.66 0-4.421-3.584-8.004-8.004-8.004-2.21 0-4.211 0.896-5.66 2.344v0c-1.449 1.449-2.344 3.45-2.344 5.66 0 4.421 3.584 8.004 8.004 8.004 2.21 0 4.211-0.896 5.66-2.344v0zM6.7 9.29l2.3 2.31 4.3-4.3 1.4 1.42-5.7 5.68-3.7-3.7 1.4-1.42z'/></svg>") no-repeat 5px center;
    background-size: 20px;
    border-radius: 100%;
    margin-right: 15px;
}
    .rh-info {
        width: 100%;
        display: inline-block;
    }
    .rh-info .h-title {
        width: 100%;
        display: inline-block;
        padding-top: 10px;
        padding-bottom: 10px;        
        line-height: 25px;
        padding-left: 15px;
    }
    .rh-info .rh-photo {
        width: 100%;
        display: inline-block;
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
        .rh-info .rh-photo img {
            width: 100%;
            display: inline-block;
            height: 220px;
            object-position: center center;
            object-fit: cover;
        }
    .rh-info .h-title i {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='28' fill='rgb(238, 224, 0)'><path d='M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z'/></svg>") no-repeat center;        
        background-size: 14px;
    }
    .rh-info .hotel-address {
        display: block;
        color: #555;
        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(102, 102, 102)'><path d='M8 0c-3.313 0-6 2.687-6 6s6 10 6 10 6-6.687 6-10-2.687-6-6-6zM8 10c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zM8 4c-1.104 0-2 0.896-2 2s0.896 2 2 2 2-0.896 2-2-0.896-2-2-2z'/></svg>") no-repeat 15px 5px;
        background-size: 16px !important;
        padding-left: 35px;
        padding-top: 2px;
        font-size: 10pt;
    }
    .rh-info .click-viewmap {
        cursor: pointer;
        color: #555;
        display: inline-block;
        background-color: #f0f0f0;
        padding: 2px 10px 2px 10px;
        border-radius: 10px;
        cursor: pointer;
    }
        .rh-info .click-viewmap:hover {
            background-color: #008DCE;
            color: #fff;
        }
.room-sltinfo{
    width: 100%;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.slt-rateitem {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    font-size: 10pt;
    color: #555;
}
.slt-rateitem .img-room{
    width: 25%;
    float: left;
    margin-right: 10px;
}
    .slt-rateitem .rname{
        display: block;
    }
.slt-rateitem .rp{
    display: block;
}
.slthead{
    width: 100%;
    display: inline-block;
    padding-top:15px;
    font-weight: bold;
    color: #000; font-size: 11pt;
}
.res-info{
    width: 100%;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10pt;
    color: #555;
    background-color: #f9f9f9;
    margin-top: 15px;
}
    .res-info .slthead{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .ckifo {
        width: 48%;
        display: inline-block;
        float: left;
        border-right: solid 1px #c0c0c0;
    }
.ckofo {
    width: 50%;
    display: inline-block;
    float: left;
    padding-left: 10px;
}
.ttrn{
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ckifo span:first-child{
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ckifo span.chktime, .ckofo span.chktime{
    display: block;
}
.ckifo span.ngay, .ckofo span.ngay {
    font-weight: bold;
}

.ckofo span:first-child {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ttrslt{
    display: inline-block;
    width: 100%;
    padding-top: 15px;    
}
.price-sumary{
    width: 100%;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
    .price-sumary .slthead{
        border-top: solid 1px #c0c0c0;
        padding-bottom: 5px;
    }
    .price-sumary .totalprice {
        font-size: 13pt;
    }
.price-sum .ot-price{
    color: #666;
}
.price-sum .ot-price span:first-child {
    text-decoration: line-through;
}
.price-sum .nt-price{
    display: inline-block; padding-left: 5px;
}
.taxfeeincluded {
    display: inline-block;
    width: 100%;
    background-color: green;
    color: #fff;
    padding: 3px 5px 3px 5px;
}
.notinc-taxfee {
    display: inline-block;
    width: 100%;
    background-color: #fffddb;
    color: #000;
    padding: 3px 5px 3px 5px;
}
.none-logged {
    border: solid 1px #c0c0c0;
    padding: 15px 15px 15px 15px;
    margin-top: 5px;
}
.logged {
    padding: 15px 15px 15px 15px;
    margin-top: 5px;
    background-color: #f0f0f0;
}
.reser-form{
    padding: 15px 15px 15px 15px;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    border: solid 1px #c0c0c0;
}
.reserfrm-mess {
    padding: 15px 15px 15px 15px;
    display: inline-block;
    width: 100%;
    background-color: #f0f0f0;
}
.ipmess{
    color: #666; font-size: 10pt;
}
.frm-head{
    width: 100%;
    display: inline-block;
    padding-bottom: 15px;
    padding-right: 0px;
}
    .frm-head label{
        text-align: right;
        padding-left: 10px;
    }
    .frm-head span.cap {
        font-weight: bold;
        display: inline-block;
        padding-bottom: 5px;
        border-bottom: solid 3px #333;
        text-align: left;
    }
.res-sltcity {
    height: 41px;
    font-size: 11pt;
    width: 97%;
}
.addres-input{
    margin-top: 15px;
    margin-bottom: 0px!important;
}
.specialreq-input {
    margin-top: 15px;
    margin-bottom: 0px !important;
}
.aster {
    color: red;
}
.lb-radio label{
    text-align: left!important;
}
.special-req{
    width: 100%;
    height: 80px;
}
.req-specmess{
    font-size: 10pt;
    color: #666;
}
.reser-btn {
    padding: 15px 25px 15px 25px;
    border: none;
    background-color: #0054b6;
    color: #fff;    
    display: block;
}
.reser-commit{
    width: 100%;
    padding-top: 15px;
}
.commitdiv {
    width: 100%;    
    display: inline-block;    
    background-color: #fffddb;
    margin-top: 15px;
}
.submit-btn
{
    padding-top: 15px;
    width: 100%;
    display: inline-block;
    
}
.commit-text {
    padding: 15px;
    display: inline-block;  
}
.iphintmes{
    padding-right: 0px;
    padding-left: 10px;
}
.iphintmes span {
    background: #fffddb;
    color: #666;
    font-size: 10pt;
    display: inline-block;
    padding: 10px 15px 10px 15px;
}
/*combobox*/
.dropbtn {
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(102, 102, 102)'><path d='M13.418 7.859c0.271-0.268 0.709-0.268 0.978 0s0.272 0.701 0 0.969l-3.908 3.83c-0.27 0.268-0.707 0.268-0.979 0l-3.908-3.83c-0.27-0.267-0.27-0.701 0-0.969s0.709-0.268 0.978 0l3.421 3.141 3.418-3.141z'/></svg>") no-repeat 97% center;
    background-size: 16px;
    border: none;
    cursor: pointer;
    border: solid 1px #c0c0c0;
    border-radius: 5px;
    width: 100%!important;
    padding: 10px 15px;
    text-align: left;
}
    .country-dropdown{
        width: 100%;
        
    }

    .dropbtn:hover, .dropbtn:focus {
        background-color: #ddd;
    }

#myInput {
    box-sizing: border-box;
    font-size: 16px;
    padding: 8px 20px 8px 40px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgb(102, 102, 102)'><path d='M19.427 20.427c-1.39 0.99-3.090 1.573-4.927 1.573-4.694 0-8.5-3.806-8.5-8.5s3.806-8.5 8.5-8.5c4.694 0 8.5 3.806 8.5 8.5 0 1.837-0.583 3.537-1.573 4.927l5.585 5.585c0.55 0.55 0.546 1.431-0 1.976l-0.023 0.023c-0.544 0.544-1.431 0.546-1.976 0l-5.585-5.585zM14.5 20c3.59 0 6.5-2.91 6.5-6.5s-2.91-6.5-6.5-6.5c-3.59 0-6.5 2.91-6.5 6.5s2.91 6.5 6.5 6.5v0z'/></svg>") no-repeat 5px center;
    background-size: 16px;
}

    #myInput:focus {
        outline: 3px solid #ddd;
    }

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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    max-height: 280px;
}

    .dropdown-content span{
        color: black;
        padding: 8px 16px;
        text-decoration: none;
        display: block;
    }
        .dropdown-content span:hover{
            background-color: #008DCE;
            color: #fff;
            cursor: pointer;
        }

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

.show {
    display: block;
}
.phonediv{
    display: inline-block;
    border: solid 1px #c0c0c0;
    border-radius: 5px;
    width: 100%;
}
.resprefix-input{
    width: 70px;
    float: left; 
    border: none;
    border-right: solid 1px #f0f0f0;
    height: 41px;
}
.resphone-input {
    width: 220px;
    float: left;
    border: none;
    height: 41px;
}
.form-group .error{
    background-color: #fffddb;
    border: solid 1px red;
}
.taxfeetext{
    display: inline-block;
    width: 100%;    
    padding: 5px 10px 5px 10px;
    border-bottom: solid 1px #c0c0c0;
}
.total-payment {
    width: 100%;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.totalpaytext{
    font-weight: bold;
    font-size: 13pt;
}
.booking-check{
   width: 100%;
   display: inline-block;
   padding-top: 15px;
}
.bochkfrm {
    width: 40%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #c0c0c0;
    padding: 15px;
    background-color: #f9f9f9;
}
.bochkfrm .form-group input{
    color: #000;
    font-weight: bold;
}
.inputnote{
    display: block;
    font-size: 9pt;
    font-style: italic;
    color: #666;
    padding-top: 3px;
}
.booking-details{
    width: 100%;
    display: inline-block;
}