@font-face {
    font-family: 'Be Vietnam Pro';
    font-display: auto;
    src: local('fonts'), url('/css/fonts/bevietnampro-regular.ttf') format('truetype');
}
body {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    font-family: "Be Vietnam Pro", Arial, Tahoma, Verdana !important;
    font-size: 11pt;
}

a {
    font-family: "Be Vietnam Pro", Arial, Tahoma, Verdana !important;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Be Vietnam Pro", Arial, Tahoma, Verdana !important;
}

span {
    font-family: "Be Vietnam Pro", Arial, Tahoma, Verdana !important;
}

.main-panel{
    width: 100%;
    display: inline-block;

}

.tojoin div.dropdown ul.dropdown-menu {
    z-index: 1010;
}

    .tojoin div.dropdown ul.dropdown-menu li a {
        padding-left: 15px;
    }

        .tojoin div.dropdown ul.dropdown-menu li a:hover {
            color: #0054b6;
        }

        .tojoin div.dropdown ul.dropdown-menu li a.profile {
            line-height: 30px;
            display: inline-block;
            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(0, 0, 0)'><path d='M10 20c-5.523 0-10-4.477-10-10s4.477-10 10-10v0c5.523 0 10 4.477 10 10s-4.477 10-10 10v0zM7 6v2c0 1.657 1.343 3 3 3s3-1.343 3-3v0-2c0-1.657-1.343-3-3-3s-3 1.343-3 3v0zM3.35 14.44c1.456 2.155 3.89 3.553 6.65 3.553s5.194-1.398 6.632-3.525l0.018-0.028c-1.951-0.918-4.238-1.453-6.65-1.453s-4.699 0.536-6.748 1.495l0.098-0.041z'/></svg>") no-repeat 15px center;
            background-size: 16px;
            padding-left: 35px;
        }

.tojoin div.dropdown .dropdown-toggle {
    border: none;
    border-radius: 15px;
}

.tojoin div.dropdown ul.dropdown-menu li #logoutForm a {
    line-height: 30px;
    display: inline-block;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(0, 0, 0)'><path d='M19 10l-6-5v3h-7v4h7v3l6-5zM3 3h8v-2h-8c-1.1 0-2 0.9-2 2v14c0 1.1 0.9 2 2 2h8v-2h-8v-14z'/></svg>") no-repeat 15px center;
    background-size: 16px;
    padding-left: 35px;
}
/*header*/
.head-mod {
    width: 100%;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 7.5%;
    padding-right: 7.5%;
    border-bottom: solid 1px #008DCE;
}

.head-rtext {
    width: 30%;
    float: left;
    text-align: right;
    padding-top: 8px;    
}

    .head-rtext span {
        font-size: 19pt;
        letter-spacing: 1.9px;
    }

.head-logo {
    width: 20%;
    float: left;
    text-align: center;    
}

    .head-logo a img {
        width: 100%;        
    }

.head-btn {
    width: auto;
    float: right;
    padding-top: 10px;
}

.lang-btn {
    width: 33px;
    height: 33px;
    display: inline-block;
    border-radius: 100%;
    float: left;
    margin-right: 15px;
    cursor: pointer;
    background: url("https://photo.travelchain.asia/vietnamese-flag.svg") no-repeat center;
    background-size: 35px;
}

.help-btn {
    width: 33px;
    height: 33px;
    display: inline-block;
    border-radius: 100%;
    float: left;
    margin-right: 15px;
    cursor: pointer;
    background: 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='M23 12c0-3.037-1.232-5.789-3.222-7.778s-4.741-3.222-7.778-3.222-5.789 1.232-7.778 3.222-3.222 4.741-3.222 7.778 1.232 5.789 3.222 7.778 4.741 3.222 7.778 3.222 5.789-1.232 7.778-3.222 3.222-4.741 3.222-7.778zM21 12c0 2.486-1.006 4.734-2.636 6.364s-3.878 2.636-6.364 2.636-4.734-1.006-6.364-2.636-2.636-3.878-2.636-6.364 1.006-4.734 2.636-6.364 3.878-2.636 6.364-2.636 4.734 1.006 6.364 2.636 2.636 3.878 2.636 6.364zM10.033 9.332c0.183-0.521 0.559-0.918 1.022-1.14s1.007-0.267 1.528-0.083c0.458 0.161 0.819 0.47 1.050 0.859 0.183 0.307 0.284 0.665 0.286 1.037 0 0.155-0.039 0.309-0.117 0.464-0.080 0.16-0.203 0.325-0.368 0.49-0.709 0.709-1.831 1.092-1.831 1.092-0.524 0.175-0.807 0.741-0.632 1.265s0.741 0.807 1.265 0.632c0 0 1.544-0.506 2.613-1.575 0.279-0.279 0.545-0.614 0.743-1.010 0.2-0.4 0.328-0.858 0.328-1.369-0.004-0.731-0.204-1.437-0.567-2.049-0.463-0.778-1.19-1.402-2.105-1.724-1.042-0.366-2.135-0.275-3.057 0.167s-1.678 1.238-2.044 2.28c-0.184 0.521 0.090 1.092 0.611 1.275s1.092-0.091 1.275-0.611zM12 18c0.552 0 1-0.448 1-1s-0.448-1-1-1-1 0.448-1 1 0.448 1 1 1z'/></svg>") no-repeat center;
    background-size: 37px;
}

.bookingcheck-btn {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    border: solid 1px #c0c0c0;
    float: left;
    margin-right: 15px; text-decoration: none;
}

.tojoin {
    display: inline-block;
    height: 33px;
    border: solid 1px #00BBFF;
    border-radius: 15px;
    float: left;
}

.regis-btn {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    float: left;
    background-color: #00BBFF;
    color: #000;
    text-decoration: none;
}

    .regis-btn:hover {
        background-color: #008DCE;
        color: #fff;
    }

.signin-btn {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    padding-left: 25px;
    padding-right: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    float: left;
    color: #000;
    background: 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='M14 10l-6-5v3h-7v4h7v3l6-5zM17 17h-8v2h8c1.1 0 2-0.9 2-2v-14c0-1.1-0.9-2-2-2h-8v2h8v14z'/></svg>") no-repeat 5px center;
    background-size: 16px;
    text-decoration: none;
}
/*end header*/
.login-panel {
    border: solid 1px #c0c0c0;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
.signin-head {
    font-size: 12pt;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 15px;
}
.extlog-head {
    display: inline-block;
    color: #555;
    width: 100%;
    padding-bottom: 5px;
}
.extlogin-btn {
    display: inline-block;
    padding-bottom: 15px;
}
.btnGoogle {
    width: 120px;
    float: left;
    border: solid 1px silver;
    font-weight: bold;
    background: #f9f9f9 url(images/google_logo.svg) no-repeat 5% center;    
    background-size: 20px;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
}
.btnFacebook {
    width: 140px;
    float: left;
    border: solid 1px #006bd6;
    font-weight: bold;
    color: #006bd6;
    background: #f9f9f9 url(images/face.svg) no-repeat 5% center;
    background-size: 20px;
    padding: 5px 10px 5px 10px;
    margin-left: 15px;
    border-radius: 3px;
}
.loginbott{
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}
    .loginbott a {
        display: block;
        margin-bottom: 15px;
        color: #555;
        text-decoration: none;
    }
    .loginbott a:hover{
        color: #006bd6;
        text-decoration: underline;
    }
.sign-text {
    width: 100%;
    display: inline-block;
    border-bottom: solid 1px silver;
    padding-bottom: 10px;    
    margin-bottom: 15px;
}
.footer-copy{
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    text-align: center;
}
.regisbutton{
    padding-bottom: 15px;
}