/* 
    Created on : 25-09-2019, 14:33:07
    Author     : nham.tv8693
*/ 
*{margin: 0;padding: 0;box-sizing: border-box;}
ul{list-style: none}
body{overflow-x: hidden;font-family: 'Roboto', sans-serif;}
a{text-decoration: none}
.container{max-width: 1280px;height:auto;margin: auto;}
.left100{width:100%;height:auto;float: left;}
.bx-login{width: 100%;height: 100%;position: fixed;background: #CCC url('../images/background-login-bee-coffee.jpg');background-size: cover;background: #fee27f;}
.bx-login .main-login{width: calc(100% - 30px);height: calc(100% - 100px);position: absolute;top: 50px;left: 15px;background: #FFF;border-radius: 10px;padding: 40px 10px;}
.bx-login .main-login h3{text-align: center;padding-bottom: 30px;font-size: 24px;color: #000000;padding-top: 5px;font-weight: normal;}
.bx-login .main-login .field-group{width: 100%;height: auto;float: left;margin-bottom: 20px;}
.bx-login .main-login .field-group label{width: 100%;height: auto;float: left;padding-bottom: 10px;color: #000000;}
.bx-login .main-login .field-group input{width: 100%;height: 45px;float: left;border: #CCC solid 1px;border-radius: 5px;padding-left: 10px;font-size: 14px;}
.bx-login .main-login .field-group button{width: 100%;background: #ffd500;border: 0px;color: #000;font-size: 14px;height: 40px;border-radius: 5px;border: #b47d38 solid 1px;}
.copyright{width: 100%;height: auto;float: left;}
.copyright p{font-size: 13px;color: #000;text-align: center;}
.bx-login .logo{width: 150px;height: 60px;/*! position: absolute; */margin: auto;top: -35px;/*! background: #ffd500; */text-align: center;left: 0;right: 0;/*! border-radius: 50%; *//*! border: #b47d38 solid 1px; */margin-bottom: 0px;}
.bx-login .logo img{height: 60px;position: relative;/*! top: 15px; */}
.bx-group-menu{width: 100%;height: auto;float: left;}
.bx-group-menu h2{width: 100%;height: 60px;float: left;text-align: left;position: relative;margin-bottom: 15px;color: #FFF;font-size: 20px;box-shadow: 1px 1px 5px -1px #CCC;line-height: 60px;}
.bx-group-menu h2 span{width: 40px;height: 40px;float: left;text-align: center;}
.bx-group-menu h2 a{color:#FFF}
.bx-group-menu h2 .item-cart{width: auto;height: 60px;position: absolute;top: 0;right: 10px;text-align: right;}
.bx-group-menu h2 .item-cart span{width: auto;height: auto;}
.bx-group-menu h2 .item-cart strong{float: left;padding-left: 10px;font-size: 27px;}
.bx-group-menu h2 .title-time{width: auto;position: absolute;top: 0;right: 10px;font-size: 15px;font-weight: normal;}
.bx-group-menu h2 .title-time i{font-size: 22px;position: relative;top: 1px;}
.bx-group-menu .list-item{width: 100%;height: auto;float: left;padding: 0 10px;}
.bx-group-menu .list-item .item{width: 50%;height: auto;float: left;margin-bottom: 10px;border-bottom: #f2f2f2 solid 1px;}
.bx-group-menu .list-item .item:nth-child(even){}
.bx-group-menu .list-item .item .thumb{width: 90px;height: 90px;float: left;padding: 5px;}
.bx-group-menu .list-item .item .thumb img{width: auto;height: 100%;object-fit: cover;border-radius: 10px;margin: auto;display: block;}
.bx-group-menu .list-item .info{width: 100%;height: 67px;float: left;position: relative;padding: 10px;}
.bx-group-menu .list-item .info .title{font-size: 16px;color: #333;padding-bottom: 5px;text-transform: uppercase;padding-left: 20px;}
.bx-group-menu .list-item .info .price{font-size: 16px;color: #ea4335;width: 100%;float: left;}
.bx-group-menu .list-item .select{width: 100%;float: right;position: absolute;left: 0;bottom: 5px;top: 0;}
.bx-group-menu .list-item .select button{width: 28px;height: 28px;background: #b77c39;border: #b77c39 solid 1px;border-radius: 50%;font-size: 21px;color: #FFF;line-height: 26px;font-weight: 100;}
.bx-group-menu .list-item .select button:first-child{margin-left: 5px;position: relative;bottom: -13px;right: 60px;position: absolute;top: 6px;}
.bx-group-menu .list-item .select button:last-child{right: 0;float: right;margin-right: 10px;width: 40px;height: 40px;}
.bx-group-menu .list-item .n{position: absolute;font-size: 13px;background: #f6005d;color: #FFF;width: 20px;height: 20px;text-align: center;line-height: 21px;border-radius: 50%;opacity: 0.3;transition: 0.5s;left: 6px;bottom: 8px;top: 9px;}
.bx-group-menu .list-item .n.active{opacity: 1}
.bx-group-menu .title-block-group{width: 100%;height: auto;float: left;margin-top: 20px;}
.bx-group-menu .title-block-group h3{text-align: center;width: auto;background: #b77c39;color: #FFF;position: relative;text-transform: uppercase;font-weight: normal;font-size: 16px;height: 35px;line-height: 35px;border-radius: 5px 5px 0 0;float: left;padding: 0 20px;}
.bx-group-menu .list-item-group{width: 100%;height: auto;float: left;box-shadow: 0px 0px 6px 0px #A2A2A2;border-radius: 5px;padding: 10px;}
.bx-group-menu .title-block-group:first-child{margin-top: 0;}
.cart{width: 100%;height: 50px;position: fixed;bottom: 0;background: #4a0b97;box-shadow: 1px 1px 5px -1px #CCC;}
.cart .total{width: calc(100% - 90px);float: left;height: 50px;}
.cart .total span{width: auto;float: left;line-height: 50px;color: #FFF;font-size: 21px;padding-right: 10px;padding-left: 10px;}
.cart .total strong{line-height: 50px;font-size: 22px;color: #FFF;}
.cart .create-order{width: 90px;float: right;height: 50px;}
.cart .create-order button{width: calc(100% - 3px);height: 44px;float: left;font-size: 17px;background: #f6005d;color: #FFF;border: 0;position: relative;top: 3px;border-radius: 5px;}
.bx-message{width: calc(100% - 50px);height: auto;position: absolute;z-index: 9999;background: #c430a0;bottom: 20px;left: -90000px;border-radius: 5px;box-shadow: 3px 3px 6px -2px #9e0a7a;transition: 0.5s}
.bx-message.active{left:10px}
.bx-message .ctn-message{width: 100%;height: auto;float: left;padding: 15px 10px;}
.bx-message .ctn-message p{color: #FFF;font-size: 14px;}
.bx-message .ctn-message span{width: 25px;height: 25px;position: absolute;top: 0;right: 0;text-align: center;line-height: 25px;border-radius: 50%;color: #8C0068;}
.loading{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.5);visibility: hidden;opacity: 0;transition: 0.3s;}
.loading .load{width: 50px;height: 50px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;position: absolute;color: #FFF;font-size: 27px;text-align: center;line-height: 50px;}
.loading.active{visibility: visible;opacity: 1}
.loading .load i{}
.main-menu{width: 100%;height: auto;padding: 10px;float: left;}
.main-menu .logo{}
.main-menu .logo img{height: 50px;margin: auto;display: block;}
.main-menu h1{color: #FFF;text-align: center;padding: 10px 0 20px 0;}
.main-menu .list-menu{width: 100%;height: auto;float: left;}
.main-menu .list-menu .block-item{width: 100%;height: auto;float: left;}
.main-menu .list-menu .item{width: calc(25% - 20px);height: 100px;float: left;background: #FFF;margin: 10px;border-radius: 5px;}
.main-menu .list-menu .item a{}
.main-menu .list-menu .item .icon{width: 50px;height: 50px;text-align: center;font-size: 20px;color: #000;background: #fccd43;border-radius: 50%;line-height: 50px;margin: auto;border: #b57c3a solid 1px;}
.main-menu .list-menu .item .icon i{}
.main-menu .list-menu .item .name{width: 100%;height: auto;float: left;text-align: center;font-size: 15px;padding-top: 5px;color: #333;}
.main-menu .list-menu .item.item-red .name{color: #ea4335;}
.main-menu .list-menu .item.item-red .icon{background: #ea4335;border: #ea4335 solid 1px;color: #FFF;}
.color-w{color:#333 !important;}
.list-order{width: 100%;height: auto;float: left;background: #FFF;padding: 10px;margin-bottom: 80px;padding-top: 0;}
.list-order ul{display: table;}
.list-order ul li{width: 100%;height: 40px;float: left;line-height: 40px;border-bottom: #CCC solid 1px;font-size: 14px;}
.list-order ul li.auto{height:auto}
.list-order ul li:first-child{font-weight: bold}
.list-order ul li:last-child{font-weight: bold;border-bottom: 0;}
.list-order ul li .stt{width: 30px;float: left;}
.list-order ul li .time{width: calc(100% - 170px);float: left;}
.list-order ul li .timesm{width: 70px;float: left;}
.list-order ul li .total{width: 45px;float: left;text-align: center;}
.list-order ul li .name{width: calc(100% - 200px);float: left;text-align: left;}
.list-order ul li .price{width: 120px;float: left;text-align: right;}
.list-order ul li .title{width: 50%;float: left;text-align: left;}
.list-order ul li textarea{width: 100%;
height: 80px;
float: left;
border: #CCC solid 1px;
resize: none;
margin: 5px 0;
border-radius: 5px;
padding: 5px;}
.list-order ul li button{background: #fccd43;
height: 40px;
padding: 0 20px;
text-transform: uppercase;
font-weight: bold;
border-radius: 5px;
margin: 10px 0;
color: #000;
border: #b77737 solid 1px;}
.list-order ul li .note{font-size: 12px;
color: #c63531;
font-style: italic;
line-height: 20px;}
.bx-form{width: 100%;height: auto;float: left;}
.bx-form .title{width: 100%;height: auto;float: left;text-align: center;padding-bottom: 20px;}
.bx-form .title h3{color: #FFF;font-weight: 400;text-transform: uppercase;font-size: 16px;}
.bx-form .form-control{width: 100%;height: auto;float: left;padding: 0 10px;}
.bx-form .form-control .group{width: 100%;height: auto;float: left;margin-bottom: 15px;}
.bx-form .form-control .group label{display: block;font-size: 14px;color: #333;padding-bottom: 5px;}
.bx-form .form-control .group input{width: 100%;height: 35px;border: #CCC solid 1px;border-radius: 3px;}
.bx-form .form-control .group select{width: 100%;height: 35px;border: #CCC solid 1px;border-radius: 3px;}
.bx-form .form-control .group button{background: #ea4335;border: 0;color: #FFF;height: 40px;font-size: 15px;padding: 0 20px;border-radius: 3px;}
.ca{text-align: left;text-transform: uppercase;font-weight: bold;background: #008bfd;color: #FFF;padding-left: 10px;border-bottom: #008bfd solid 1px !important;}
.ca strong{float: right;padding-right: 10px;font-style: italic;color: #FFF;}
.left{float:left;}
.right{float:right}
.ok{color: #090;font-size: 13px;padding: 2px 5px;border-radius: 3px;}
.notok{color: #ea4234;font-size: 13px;padding: 2px 5px;border-radius: 3px;}
.txtcenter{text-align: center}
.orderStt{background: #090;color: #FFF;width: 25px;height: 25px;float: left;border-radius: 50%;text-align: center;line-height: 25px;position: relative;top: 7px;}
.list-employee{width: 100%;height: 100%;float: left;top: 65px;background: #FFF;}
.list-employee .item{width: 100%;height: auto;float: left;border-bottom: #F4F4F4 solid 1px;position: relative}
.list-employee .item .avata{width: 80px;height: 80px;float: left;padding: 10px;}
.list-employee .item .avata img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.list-employee .item .info{width: calc(100% - 100px);height: auto;float: left;padding-left: 10px;padding-top: 20px;}
.list-employee .item .info p{width: 100%;height: auto;float: left;font-size: 14px;}
.list-employee .item .info p.fullname{font-weight: bold;font-size: 16px;padding-bottom: 5px;}
.list-employee .item .btnCheck{width: 80px;height: auto;position: absolute;right: 10px;top: 20px;}
.list-employee .item .btnCheck a{color: #FFF;border: 0;width: 100%;height: 35px;border-radius: 3px;font-size: 14px;cursor: pointer;float: left;text-align: center;line-height: 35px;}
.list-employee .item .btnCheck a.checkin{background: #076833;}
.list-employee .item .btnCheck a.checkout{background: #cc0033}
header.header-index{width: 100%;height: 130px;background: #008bfd;position: relative;background: url('https://wallpapers-clan.com/wp-content/uploads/2023/01/bees-honeycomb-yellow-wallpaper-scaled.jpg');background-size: cover;background: #fccd43;}
header.header-index .info-header-index{width: 100%;height: auto;float: left;position: absolute;top: 9px;}
header.header-index .info-header-index .logo{width: auto;float: left;padding-left: 25px;}
header.header-index .info-header-index .logo img{height: 45px;width: auto;float: left;position: relative;top: -6px;}
header.header-index .info-header-index h1{width: auto;float: left;font-size: 15px;position: relative;top: 6px;color: #000;font-weight: normal;padding-left: 5px;}
header.header-index .info-header-index .address{width: auto;float: right;color: #000;font-size: 14px;position: relative;top: 8px;right: 15px;}
header.header-index .info-header-index .address i{}
header.header-index .quick-report{width: calc(100% - 40px);height: 130px;float: left;background: #FFF;margin: 50px 20px 20px 20px;border-radius: 20px;padding: 15px 15px 20px 15px;box-shadow: 0px 0px 6px 0px #C1C1C1;}
header.header-index .quick-report .total-report{width: 100%;height: auto;float: left;position: relative;}
header.header-index .quick-report .total-report span{width: 100%;height: auto;float: left;text-transform: uppercase;font-size: 14px;color: #b77c3e;padding-bottom: 5px;}
header.header-index .quick-report .total-report strong{color: #333;font-size: 19px;}
header.header-index .quick-report .total-report .icon-notice{width: 30px;float: left;position: absolute;height: 30px;right: 55px;top: 12px;color: #ea4335;}
header.header-index .quick-report .total-report .icon-notice i{font-size: 23px;}
header.header-index .quick-report .total-report .icon-notice .number{position: absolute;top: -12px;right: -5px;border: #ea4335 solid 1px;border-radius: 50%;font-size: 11px;width: 20px;height: 20px;text-align: center;line-height: 20px;background: #ea4335;color: #FFF;}
header.header-index .quick-report .total-report .icon-cart{width: 30px;float: left;position: absolute;height: 30px;right: 8px;top: 12px;color: #ea4335;}
header.header-index .quick-report .total-report .icon-cart i{font-size: 23px;color: #008bfd;}
header.header-index .quick-report .total-report .icon-cart .number{position: absolute;top: -12px;right: -5px;border: #0079eb solid 1px;border-radius: 50%;font-size: 11px;width: 20px;height: 20px;text-align: center;line-height: 20px;background: #008bfd;color: #FFF;}
header.header-index .quick-report .total-sm{width: 100%;height: auto;float: left;border-top: #F2F2F2 solid 1px;margin-top: 10px;padding-top: 10px;margin-bottom: 10px;}
header.header-index .quick-report .total-sm .item{width: 33.3333%;height: auto;float: left;text-align: center;}
header.header-index .quick-report .total-sm .item span{width: 100%;height: auto;float: left;color: #b77c3e;font-size: 14px;padding-bottom: 5px;}
header.header-index .quick-report .total-sm .item strong{color: #333;font-size: 17px;}
header.header-index .quick-report .total-sm .item.item-red strong{color:#ea4335}
header.header-index .quick-report .total-sm .item.item-red span{color:#ea4335}
footer{width: 100%;height: 50px;position: fixed;bottom: 0;left: 0;background: #008bfd;border-top: #b77737 solid 1px;background: #fccd43;}
footer .list-item{width: 100%;height: auto;float: left;}
footer .list-item .item{width: 25%;height: auto;float: left;text-align: center;height: 50px;padding-top: 4px;}
footer .list-item .item .icon{color: #000;width: 100%;float: left;padding-bottom: 5px;}
footer .list-item .item .icon i{}
footer .list-item .item .text{color: #000;text-transform: uppercase;font-size: 13px;}
.btn-create-order{width: 100%;height: auto;position: fixed;bottom: 75px;left: 0;z-index: 9;text-align: center;}
.btn-create-order a{background: #fccd43;color: #000;text-transform: uppercase;padding: 15px 35px;border-radius: 5px;box-shadow: 0px 0px 3px 0px #b77c39;border: #b77c39 solid 1px;}
.block-cart{width: 100%;height: auto;float: left;margin-bottom: 80px}
.block-cart h3{width: 100%;
height: auto;
float: left;
text-align: left;
font-weight: normal;
color: #008bfd;
font-size: 16px;
padding-left: 10px;}
.block-cart .list-product-in-cart{width: 100%;height: auto;float: left;padding: 10px;}
.block-cart .list-product-in-cart .item{width: 100%;
  height: auto;
  float: left;
  padding: 10px;
  border-bottom: #F1F1F1 solid 1px;}
.block-cart .list-product-in-cart .item:last-child{background: #FCFCFC;border: #F1F1F1 solid 1px;border-top: 0;}
.block-cart .list-product-in-cart .info{width: calc(100% - 100px);float: left;}
.block-cart .list-product-in-cart .info .name{font-size: 16px;}
.block-cart .list-product-in-cart .item:last-child .info .name{text-transform: uppercase;font-size: 17px;}
.block-cart .list-product-in-cart .price{width: 100px;float: left;text-align: right;}
.block-cart .list-product-in-cart .price span{color: #ea4335;font-size: 17px;}
.block-cart .list-product-in-cart .item:last-child .price span{font-size: 20px;font-weight: bold;}
.block-cart .list-product-in-cart .remove{width: auto;float: right;}
.block-cart .list-product-in-cart .remove a{color: #ea4335;font-size: 20px;}
.block-cart .list-product-in-cart .option{width: 100%;height: auto;float: left;}
.block-cart .list-product-in-cart .option label{margin-right: 10px;font-size: 14px;width: calc(25% - 10px);float: left;margin-bottom: 5px;}
.block-cart .list-product-in-cart .option input{margin-right: 5px;}
.list-pay{width: 100%;height: auto;float: left;padding: 10px;}
.list-pay label{width: 50%;float: left;padding-bottom: 10px;}
.list-pay input{}
.btn-checkout{width: 100%;height: auto;float: left;text-align: center;}
.btn-checkout button{background: #ea4335;color: #FFF;border: 0;text-transform: uppercase;font-size: 16px;padding: 10px 20px;border-radius: 5px;}
.block-order-wait{width: 100%;height: auto;float: left;margin-bottom: 50px;}
.block-order-wait h3{text-align: center;text-transform: uppercase;font-weight: normal;color: #008bfd;font-size: 17px;}
.block-order-wait .list-order-w{width: 100%;height: auto;float: left;padding: 10px;}
.block-order-wait .item{width: 100%;height: auto;float: left;margin-bottom: 10px;box-shadow: 0px 0px 7px 0px #D7D7D7;border-radius: 5px;padding: 10px;}
.block-order-wait .item h4{font-size: 14px;width: 100%;height: auto;float: left;margin-bottom: 5px;color: #008bfd;position: relative;}
.block-order-wait .item h4 span{font-weight: normal;font-style: italic;font-size: 12px;background: #008bfd;color: #FFF;padding: 2px 10px;border-radius: 3px;}
.block-order-wait .item .list-items{width: 100%;height: auto;float: left;}
.block-order-wait .item .items{width: 100%;height: auto;float: left;border-bottom: #E3E3E3 solid 1px;padding-bottom: 10px;position: relative;}
.block-order-wait .item .items:last-child{border-bottom: 0px}
.block-order-wait .item .items .info{width: 100%;height: auto;float: left;padding-bottom: 5px;}
.block-order-wait .item .items .info .name{width: auto;float: left;padding-top: 5px;}
.block-order-wait .item .items .info .timeWait{width: auto;float: right;font-size: 15px;color: #ea4335;position: relative;top: 10px;right: 65px;}
.block-order-wait .item .items .options{width: 100%;height: auto;float: left;}
.block-order-wait .item .items .options span{font-size: 13px;font-style: italic;margin-right: 5px;background: #008bfd;color: #FFF;padding: 2px 10px;border-radius: 5px;}
.block-order-wait .item .items button{background: #ea4335;border: 0;color: #FFF;position: absolute;right: 0;text-transform: uppercase;padding: 5px 8px;border-radius: 5px;top: 7px;}
.block-order-list{}
.block-order-list .order-tab{width: 100%;
height: 40px;
float: left;
border-bottom: #ededed solid 1px;}
.block-order-list .order-tab ul{}
.block-order-list .order-tab ul li{width: calc(50% - 20px);
height: 40px;
float: left;
text-align: center;
background: #e3e3e3;
line-height: 40px;
margin: 0 10px;
border: #e3e3e3 solid 1px;
border-radius: 5px 5px 0 0;
position: relative;}
.block-order-list .order-tab ul li.active{background: #FFF;
top: 1px;
border-bottom: #FFF solid 1px;}
.block-order-list .item .price{width: auto;float: right;color: #eb483b;position: relative;top: 6px;}
.block-order-list .order-content-tab{width: 100%;height: auto;float: left;}
.block-order-list .order-content-tab .content-tab{width: 100%;height: auto;float: left;display: none;}
.block-order-list .order-content-tab .content-tab.active{display: block;}
.block-order-list .item h4 .control{width: auto;position: absolute;right: 0;top: 0;}
.block-order-list .item h4 .control .btn{width: 25px;height: 25px;float: left;text-align: center;line-height: 25px;}
.block-order-list .item h4 .control a{color: #008bfd;}
.list-field{width:100%;height:auto;float:left;padding-top: 10px}
.list-field .field-group{width:100%;height:auto;float:left;padding:0 5px;margin-bottom: 10px}
.list-field .field-group label{width:100px;float:left;}
.list-field .field-group input{width:calc(100% - 120px);height:35px;float:left;margin-left: 20px;border:#CCC solid 1px;background:#FFF}
.list-field .field-group input.note{margin: 0;padding-left: 10px;width: 100%;height: 40px;border-radius: 4px;border: #e1e1e1 solid 1px;}
.gift-search{width: 100%;height: auto;float: left;margin-bottom: 15px;}
.gift-search input{width: calc(100% - 80px);height: 35px;float: left;margin-right: 10px;padding-left: 5px;font-size: 13px;border-radius: 5px;border: #b27635 solid 1px;}
.gift-search button{width: 70px;height: 35px;background: #fccd43;border: #b27635 solid 1px;border-radius: 3px;float: left;}
.list-order.list-gift ul li:last-child{font-weight: normal}
.bx-checkin{width: 100%;height: auto;float: left;}
.bx-checkin .checkin-group{}
.bx-checkin .checkin-group{width: 100%;height: auto;float: left;padding: 0 5px;}
.bx-checkin .checkin-group input{}
.bx-checkin .checkin-group button{background: #146ebe;border: 0;color: #FFF;border-radius: 3px;height: 35px;padding: 0 20px;font-size: 14px;}
.bx-checkin .info-checkin{width: 100%;height: auto;float: left;border-bottom: #CCC solid 1px;padding-bottom: 10px;margin-bottom: 10px;}
.bx-checkin .info-checkin .img{width: 100%;height: 80px;float: left;}
.bx-checkin .info-checkin .img img{width: 60px;height: 60px;object-fit: cover;float: left;padding: 3px;}
.bx-checkin .info-checkin .info{width: 100%;height: auto;float: left;}
.bx-checkin .info-checkin .info span{width: 100%;height: auto;float: left;padding-bottom: 5px;font-size: 15px;}
.report-tab{width: calc(100% - 30px);height: auto;float: left;margin-bottom: 10px;box-shadow: 0px 0px 7px 0px #D7D7D7;border-radius: 5px;padding: 10px;margin-left: 15px;margin-top: 15px;}
.report-tab .total{width: 100%;height: auto;float: left;border-bottom: #FEFE solid 1px;padding-bottom: 6px;margin-bottom: 10px;}
.report-tab .total strong{float:left;text-transform: uppercase;font-size: 14px;color: #1b97fd;font-weight: normal;}
.report-tab .total a{background: #ee6257;
color: #FFF;
font-size: 14px;
padding: 3px 10px;
border-radius: 3px;
float: right;cursor: pointer;}
.report-tab .detail-report{}
.report-tab .detail-report .item-report{width: 33.3333%;height: auto;float: left;text-align: center;font-size: 15px;}
.report-tab .detail-report span{padding-bottom: 5px;display: block;color: #b77c3e;}
.report-tab .detail-report strong{}
.mess-note{padding: 0 10px;
margin: 5px 0;
width: 100%;
height: auto;
float: left;}
.mess-note p{color: #ea4335;
font-size: 14px;
padding-bottom: 5px;}
.group-form{width: 100%;
height: auto;
float: left;
margin: 10px 0;
padding: 0 10px;}
.group-form .item-frm{width: 100%;
height: auto;
float: left;}
.group-form .item-frm textarea{width: 100%;
height: 80px;
border: #CCC solid 1px;
border-radius: 5px;
padding: 5px;
font-size: 13px;
resize: none;}
.item-checkbar{margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: #CCC solid 1px;}
.btn-huong-dan{color:#0079eb;position: relative;
  z-index: 99;
  cursor: pointer;}
.bx-box-hd{z-index: 99999999999;width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);top: 0;left: 0;display: none;}
.bx-box-hd .bx-box-hd-ctn{width: calc(100% - 20px);height: auto;background: #FFF;position: relative;left: 10px;padding: 20px;border-radius: 5px;top: 50px;}
.bx-box-hd .bx-box-hd-ctn .ctn{width: 100%;height: auto;float: left;padding-bottom: 20px;}
.bx-box-hd .bx-box-hd-ctn p{padding-bottom: 5px;font-size: 15px;}
.bx-box-hd .bx-box-hd-ctn .close{text-align: center;}
.bx-box-hd .bx-box-hd-ctn .close button{background: #146ebe;color: #FFF;border: 0;height: 40px;padding: 0 20px;border-radius: 5px;font-size: 14px;}
.voucher-code{width: 100%;height: auto;float: left;margin-bottom: 15px;}
.voucher-code span{background: #fee27f;font-size: 14px;padding: 5px 15px;border-radius: 5px;border: #d1a452 solid 1px;margin-left: 10px;}
.group-box-cart{margin-bottom: 15px;width: calc(100% - 16px);height: auto;float: left;border: #EFEFEF solid 1px;background: #F8F8F8;margin-left: 8px;border-radius: 5px;padding-top: 10px;}
.bx-header-line{width: 100%;height: auto;float: left;border-bottom: #CCC solid 1px;margin-bottom: 15px;}
.bx-header-line h5{width: auto;float: left;background: #FFF;position: relative;top: 7px;padding-right: 20px;font-size: 14px;text-transform: uppercase;}
.bx-filter{width: 100%;height: auto;float: left;margin-bottom: 15px;}
.bx-filter .select-date{width: 100%;height: auto;float: left;padding: 0 10px;}
.bx-filter .select-date input{height: 35px;border-radius: 5px;border: #CCC solid 1px;}
.bx-filter .select-date button{margin-top: 10px;background: #fccd43;border: #edbe34 solid 1px;border-radius: 5px;height: 35px;padding: 0 20px;font-weight: bold;font-size: 14px;}
.bx-filter .select-date select{width: auto;
  height: 35px;
  background: #FFF;
  border: #CCC solid 1px;
  border-radius: 5px;
  padding: 0 10px;}