﻿.camnhan {padding: 79px 0;position: relative;left: 0;top: 0;background-image: url('/Design/bgcamnhan.jpg');background-size: cover;background-attachment: fixed;padding-top: 90px;overflow: hidden;}
.formbinhluan {width: 94%;margin-left: 0%;float:left;background-color: rgba(72, 72, 72, 0.5);padding: 40px 3%;border-radius: 10px;}
.textbl {float:left;width: 46%;margin-bottom: 20px;position: relative;}
.textbl.full {width:100%}
.textbl.l {float:left}
.textbl.r {float:right}
.textbl.hl {width: 20%;float: left;margin: auto;margin-bottom: 15px;}
.textbl.hl p {width: 100%;margin-bottom: 5px;}

.textbl select {border:none;font-size:15px;padding: 5px 10px;border-radius:3px;background:none;border:1px solid white;color:white;float: left;cursor: pointer;width: 85%;float: left;text-align: center;outline: none;}
.textbl select option {color:black}
.textbl p {float:left;margin:auto;color: white;font-weight:  bold;text-transform:  uppercase;font-size: 14px;margin-bottom: 5px;}
.datecn {width: 98%;float: left;background: none;border: 1px solid white;border-radius: 6px;padding: 10px 1%;font-size: 14px;color: white;outline: none;height: 18px;}
.textbl textarea {width: 98%;float:  left;background: none;border:  1px solid white;border-radius: 6px;padding: 10px 1%;font-size: 14px;color: white;outline: none;height: 18px;}
.textbl.full p {width:100%;margin-bottom: 10px;}
.alldanhgia {width: 96%;float:left;margin-top:20px;margin-bottom:20px;text-align: left;border: 1px solid white;padding: 20px 2%;border-radius: 4px;}
.buttonbl {float:left;width: 100%;text-align: center;}
.titcamnhan {width:100%;float:left;color:white;font-weight:bold;text-transform:uppercase;font-size:19px}
.btnbinhluan {background:none;background-color: #ec990b;padding: 11px 20px;outline: none;cursor: pointer;width: 200px;color: #fff;font-size: 22px;border-radius: 4px;/* text-transform: uppercase; *//* font-family: sfb; */}
.btnbinhluan:hover {background-color:#e30606;color:white}
.formhienthi {width: 96%;float:left;background-color: rgba(72, 72, 72, 0.5);margin-top:30px;padding: 30px 2%;border-radius: 4px;}
.ndhoi:before {
    top: -21px;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(238,238,238,0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    margin-left: -11px;
    z-index: 1;
    display: none;
    }

.ndhoi:after {top: -21px;left: 18px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255,255,255,0);border-bottom-color: #dfdfdf;border-width: 10px;margin-left: -10px;display: none;}

    .ndhoi {width: 64%;float: right;position:relative;background-color: #ffffff;padding: 16px 2%;margin-top: 0;border: 1px solid #dfdfdf;border-radius: 4px;font-size:  15px;color: #00252b;}
    .nguoihoi {width: 26%;float:left;margin-bottom: 10px;}
    .tenng {float:left;color: #ffffff;font-size: 17px;font-weight:  bold;width: 100%;}
    .quoctichng {width:100%;float:left;color: white;font-size: 15px;margin-top: 3px;}
    .emailng {float:left;font-size:  16px;color: white;margin-left: 0;margin-top: 3px;width: 100%;}
    .dtng {float:left;font-size: 16px;color: #f7de64;margin-left: 0;margin-top: 3px;width: 100%;}
    .ngayng {float:left;font-size:  13px;color: #ababab;margin-top: 3px;margin-left: 0;width: 100%;}
    .ngayng.nlt {color:white}
    .ngtl {width: 91%;margin-left: 5%;float:left;margin-bottom:40px;border: 1px solid #dfdfdf;padding-bottom:10px;background-color: #ffffff;margin-top: 11px;padding: 10px 2%;border-radius: 4px;}
    .tentl {width:100%;float:left;margin-top: 0;font-size:16px;font-weight:bold;}
    .ndtl {width:100%;float:left;font-size:  15px;margin-top: 5px;}
    .showtthoi {width:100%;float:left;margin-top: 10px;border-top: 1px solid white;padding-top: 30px;}
    .formchung {width: 76%;float:left;margin-left: 12%;height: auto !important;/* overflow:hidden; */position: relative;margin-bottom: 60px;}
    .showtthoi:last-child {margin-bottom:0}
    .alldiem {float:right;width: 31px;height: 31px;position:relative;margin-left: 10px;}
.diemchitiet {position:absolute;display:none;/* display: block; */z-index: 999;right: 0;top: 100%;width: 161px;background-color: #e6a00e;color: white;padding: 10px 10px;border-radius: 4px;}
.diemtong {width:100%;/* float:left; */background-color: #e6a00e;color:white;font-size:15px;font-weight:bold;text-align:center;vertical-align: middle;margin: auto;padding: 6px 0;border-radius: 8px 0 8px 0;cursor: pointer;}
.alldiem:hover .diemchitiet {display:block}
.showthongtincn  {float:left;padding-bottom: 0;margin-bottom: 0;position: relative;padding-bottom: 2px;}
.dgtm {position:absolute;display: none;z-index: 999;left: 0;top: 100%;width: 161px;background-color: #e85d00;color: white;padding: 10px 10px;border-radius: 4px;}
.showthongtincn:hover .dgtm {display:block}
.lbdemcn {
    width: 49px;
    float: left;
    background-color: #e6a00e;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    padding: 12px 0;
    border-radius: 8px 0 8px 0;
    cursor: pointer;
    }

    .lbdanhgia {color:white;font-size:20px;font-weight:bold;margin-top: 0px;}
    .lbdemtongcd {display: block;color: white;font-size: 14px;margin-top: 4px;}
    .gom {float:left;margin-left: 10px;}
    .dgtong {color:white;font-weight:bold;font-size:17px;border-bottom:1px solid rgba(255, 255, 255, 0.4);padding-bottom:3px;margin-bottom:5px}
    .dct {font-size:14px;color:rgba(255, 255, 255, 0.9);line-height:24px}
    .loaitien {width:100%;float:left;margin-top: 15px;}
    .tbloaitien {width:100%;float:left;font-size:17px;color:white;margin-bottom:10px}
    .loaitien table {float:left}
    .loaitien td {}
    .chontien {/* float: right; *//* color: #2a4502 !important; */font-size: 20px;line-height: 14px;}
    .alltreem {width:100%;float:left;border-top: 1px solid white;margin-top: 10px;border-bottom: 1px solid white;padding-bottom: 20px;}
    .alltreem .txttreem {width:32%;margin-left: 2%;}
    .alltreem .txttreem:first-child {margin-left:0}

.alltreem .txttreem .span_book {width:100%;float:left;margin-bottom: 10px;text-align: center;}
.alltreem .txttreem select {float: none;margin: auto;display: block;}
.uploadImage {display: inline-block;overflow:hidden;}
#result {display: block;/* width: 90px; */overflow: hidden;margin-top: 5px;}
#result  img {width: 100px;}
#result div {float:left;border: 1px solid white;}
.input-image {display:inline-block;margin-left:10px;color: #fff;outline: none;font-size: 15px;}
.error-contact {position:absolute;right: 4px;bottom: 7px;font-size: 20px;color: #f19819 !important;}