a {
    color: #303F9F;
    cursor: pointer;
}

label {
    font-size: 9pt;
    font-weight: 300;
}

.icheckbox lable {
    margin-bottom: 0px;
}

.btn {
    padding: 3px 5px;
    line-height: 17px;
}

.btn-group {
}

.form-group {
    margin-bottom: 0px;
}
/*'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, */
.mdl-data-table, .mdl-data-table th {
    font-size: 9.5pt;
    font-family: sans-serif;
    padding-bottom: 0px;
    color: #111111;
}

table.dataTable tr.odd {
    background-color: #E8EAF6;
}

table.dataTable tr.even {
    background-color: white;
}

.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-left: 5px;
    padding-right: 5px;
}

.row {
    margin: 5px 0;
}

.input-group-addon {
    padding: 3px 10px;
}

.content-header {
    padding: 10px 0 0 0;
    text-align: center;
}

    .content-header h1 {
        font-weight: bold;
        color: #015f99;
        text-transform: uppercase;
    }

.content {
    overflow-y: scroll;
    /*height: 85%;
    position:absolute;
    width:98%;*/
}

#table_wrapper {
    height: 100%;
}

.form-control {
    height: 25px;
    padding: 1px 5px;
    font-size: 9.5pt;
}

.wrapper {
    position: inherit;
}

.modal-body {
    padding: 5px;
}

.pagination {
    margin: 5px;
}

.mdl-button {
    padding: 0 5px;
    min-width: 36px;
}

.content {
    padding: 5px;
}

.modal-header {
    padding: 7px;
    font-weight: bold;
}

.modal-header {
    padding: 7px;
}

.bg-qls {
    background: black;
    border: 1px solid black;
}

.main-sidebar {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 100%;
}

select.input-sm {
    height: 25px;
    line-height: 25px;
}

@media (min-width: 840px) {
    .mdl-cell {
        margin: 0;
    }
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        overflow: hidden;
    }
}

/*******THANHLM******/

/*Table color tracking*/
#transport_tracking tr:nth-child(even) {
}

#transport_tracking tr:nth-child(odd) {
    background-color: #e6e6fa;
}

/*Hinh logo */
.user-panel > .image > a > img {
    width: 100%;
    max-width: 45px;
    height: auto;
}
/*CSS thiet lap brandname
*/

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

#table_brandnamesms_wrapper .mdl-grid.dt-table{
    padding-right:0px;
}
/*Table an cot banhang online*/
#table-ancot{
    border: 1px solid;
    width:100%;
}
#table-ancot td:not(:first-child){
    padding-left:70px;
}
#table-ancot td{
    border: 1px solid;
}
/*Custom table bao cao*/
#tableChiTiet-BaoCaoTongHop .dataTables_scrollBody{
    background-color:white;
}

/*No padding in chitoet chinh sua online*/
#table-capnhat-dh_wrapper .mdl-data-table td:first-of-type,#table-capnhat-dh_wrapper .mdl-data-table th:first-of-type{
    padding:0px;
}

/*Main header*/
.main-header navbar-nav > li > a{
    line-height:15px;
}

.main-header .logo{
    height:30px;
    line-height:30px;
}

.main-header .sidebar-toggle{
    padding:7px 7px;
}

.main-header .navbar{
    min-height:30px;
    height:30px;
}
@media (min-width: 768px){
    .main-header .navbar-nav > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
}
}


/*Content Nhan vien*/
.group-nv{
    border:1px solid #d2d6de; padding:5px;
}


@media (min-width: 992px) and (max-width: 1199px) {
    .label-baocao{
        font-size:9px;
    }
}

.group-bc{
    border:1px solid #d2d6de;
    color:black;
}

.group-bc label{
    font-weight:bold;
}

.table-tongquat{
    width:100%;
    border: 1px solid #d2d6de;
}

/*Custom css btn-sucess focus*/
.btn-success:focus, .btn-success.focus{
    border-color:#008d4c;
    background-color:#00a65a;
}

.dropdown-menu > li > a:hover{
   background-color: #008d4c;
}

/*Quan Ly Kho*/
#tonkho-container div.dataTables_wrapper div.mdl-grid.dt-table {
    padding: 0px;
}

/*Print page break*/
@media print {
    section {
        page-break-after: always;
    }
}

#InHoaDonBanHang, #InHoaDonBanHang h1{
     font-family: 'Times New Roman';
}

#InHoaDonBanHang .font-mau-02{
      font-family: Tahoma;
 }

#InHoaDonBanHang section:last-of-type {
    page-break-after: always;
}

#InHoaDonBanHang .print-content:last-of-type {
    page-break-after: always;
}

#InHoaDonBanHang table th, #InHoaDonBanHang table td{
    padding:0px;
}

#InHoaDonBanHang .invoice-info p, #InHoaDonBanHang .invoice-info span{
    margin-bottom:0px;
    line-height:15px;
}

#InHoaDonBanHang .print-content  { width:80mm; } /* sheet size */
@media print { #InHoaDonBanHang .print-content { width: 80mm } } /* fix for Chrome */


/*Don hang truc tiep app*/
#donhangtructiep-app, #banhangonline-full {
    font-family: Tahoma;
}

/*Thong ke dash board*/
#ThongKe {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #696969;
    font-size: 11px;
}


/*Custom place holder*/
#SoDT_select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style: italic;
    color:black;
}

#SoDT_select::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
    color:black;
}

#SoDT_select:-ms-input-placeholder { /* IE 10+ */
    font-style: italic;
    color:black;
}

#SoDT_select:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    color:black;
}

#KhachHang::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style: italic;
    color:black;
}

#KhachHang::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
    color:black;
}

#KhachHang:-ms-input-placeholder { /* IE 10+ */
    font-style: italic;
    color:black;
}

#KhachHang:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    color:black;
}

/*Thong tin khuyen mai table*/
#table-thongtinkhuyenmai th, td {
    padding: 3px;
}
/*custom CSS thu ngay*/
.thungay-calendar {
    display: flex;
    height: 35px;
    background-color: black;
    margin-left: 5px;
}

    .thungay-calendar span {
        color: white;
        align-self: center;
        margin: 0 auto;
    }

.isSelected_calendar span {
    color: #baf400;
}

/*Custom tooltip boostraps*/
.tooltip-inner {
    max-width: none;
    white-space: nowrap;
    text-align: left;
    font-family: Tahoma;
}

    .tooltip-inner p {
        font-size: 12px;
        margin-bottom: 3px;
    }

/*Css quy cach san pham*/
#tableQuyCach input[type="text"], #table-chitietbaohanh input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*Custom CSS table cap nhat khach hang*/


#thongtinkh-capnhat th, #thongtinkh-capnhat td, #thongtinKH th, #thongtinKH td, #thongtingh th, #thongtingh td {
    padding: 3px;
}

#thongtinkh-capnhat label {
    margin: 0px;
}

.table-common td, th {
    padding: 3px;
}

/*Custom margin padding*/
.margin-top-5 {
    margin-top: 5px !important;
}

.padding-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*custom grid*/
@media (min-width: 840px) {
    #donHangHienTai .mdl-cell--12-col, #donHangHienTai .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - -6px);
    }
}

.select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active {
    border-color: #3c8dbc;
}


/*BOder don hang*/
.tab-donhanghientai .tab-content {
    border-width: 2px;
    border-style: groove;
}
/*Custom Layout*/
@media (min-width:992px) {
    #ThongTinKhachHang {
        width: inherit;
        min-width: 430px;
        max-width: 430px;
        float: right;
        height: 100%;
        position: relative;
        overflow: auto;
    }

    #container-dshang {
        width: calc(100% - 430px);
    }
}
/*Text align in table*/

#donHangHienTai .dataTables_scrollFootInner table {
    border: none;
}

.footer-custom th, .footer-custom td {
    border: none;
}

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

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

.tag {
    line-height: 12px;
    padding: 2px;
}

.color-blue {
    color: #0032f1;
}

#XemNhanhDonHang table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#XemNhanhDonHang td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

#XemNhanhDonHang tr:nth-child(even) {
    background-color: #dddddd;
}

/*Auto completed height*/
.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9999;
}

/*select 2 custom height*/
.timkiem-hanghoa .select2-container .select2-selection--multiple, #ChiTietDH .select2-container .select2-selection--multiple,
#capnhatdonhang-chinh .select2-container .select2-selection--multiple,
.product-remote-s-text .select2-container .select2-selection--multiple,
#tao-combosp .select2-container .select2-selection--multiple,
 .BaoCaoSanPham .select2-container .select2-selection--multiple,
#dlg_TaoKiemKe .select2-container .select2-selection--multiple{
    min-height: 15px;
    max-height: 25px;
    height: 24px;
}

.timkiem-hanghoa .select2-search__field, #ChiTietDH .select2-search__field,
#capnhatdonhang-chinh .select2-search__field,
.product-remote-s-text .select2-search__field,
#tao-combosp .select2-search__field,
 .BaoCaoSanPham .select2-search__field,
 #dlg_TaoKiemKe .select2-search__field{
    margin-top: 0px !important;
}

    .timkiem-hanghoa .select2-search__field:focus, #ChiTietDH .select2-search__field,
    #capnhatdonhang-chinh .select2-search__field,
    .product-remote-s-text .select2-search__field:focus,
    #tao-combosp .select2-search__field:focus,
    .BaoCaoSanPham .select2-search__field:focus,
     #dlg_TaoKiemKe .select2-search__field:focus,
    #ComboSP-pop .select2-search__field:focus{
        border: none;
    }

    /*Custom selecttion choice*/
     .BaoCaoSanPham .select2-selection__choice{
         background-color:inherit !important;
         border:none !important;
         color:black !important;
         padding:0 !important;
         margin:0 !important;
     }

.bigdrop {
    width: 500px !important;
}

.bigdrop-cafe {
    width: 350px !important;
}

.bigdrop .select2-results__options {
    max-height: 500px !important;
}

.normal-drop {
    width: 200px !important;
}

/*Custom table*/
#tabledsdonhang_wrapper .no-sort::after, #tabledsdonhang_wrapper .no-sort::before {
    display: none !important;
}

#tabledsdonhang_wrapper .no-sort {
    pointer-events: none !important;
    cursor: default !important;
}

#tabledsdonhang.mdl-data-table td:first-of-type, #tabledsdonhang.mdl-data-table th:first-of-type {
    padding-left: 10px;
    padding-right: 16px;
}

#donHangHienTai .mdl-data-table td:first-of-type, #donHangHienTai .mdl-data-table th:first-of-type {
    padding-left: 0px;
}

#tableChiTiet.mdl-data-table td:first-of-type, #tableChiTiet.mdl-data-table th:first-of-type {
    padding-left: 0px;
}

#table-capnhat-dh.mdl-data-table td:first-of-type, #table-capnhat-dh.mdl-data-table th:first-of-type, #table-capnhat-dh.mdl-data-table td:first-of-type, #table-capnhat-dh.mdl-data-table th:first-of-type {
    padding-left: 0px;
}

/*Cuatom table donhang bang hang online*/
#table-taodh, #table-taodh th, #table-taodh_wrapper, #tableDH, #tableDH th, #tableDH td {
    font-family: Tahoma !important;
}

    #table-taodh_wrapper .mdl-cell.mdl-cell--12-col {
        width: 451px;
    }

    #table-taodh_wrapper #table-taodh {
        width: 451px !important;
        margin-left: -1px;
    }

    #table-taodh_wrapper .mdl-grid {
        padding: 0px;
    }
/*Custom tab CSS*/

#donHangHienTai .mdl-grid,.dt-table{
    padding-left:0px;
}

.tab-donhanghientai .nav-tabs {
}

.tab-donhanghientai .tab-content {
    padding: 5px;
}

.tab-donhanghientai .nav-tabs > li > a {
    font-weight: bold;
    color: #007500;
    background-color: beige;
}

    .tab-donhanghientai .nav-tabs > li > a:hover {
        background-color: #f6e18d !important;
        color: #007500;
    }

.tab-donhanghientai .nav-tabs > li.active > a, .tab-donhanghientai .nav-tabs > li.active > a:hover, .tab-donhanghientai .nav-tabs > li.active > a:focus {
    background-color: #f6e18d !important;
    color: #007500;
}

/*Custom padding row*/
.label-banhang {
    padding-right: 0px;
    padding-left: 0px;
}

.text-banhang {
    padding-left: 0px;
    padding-right: 0px;
}

/*Custom margin checkbox*/
.custom-css-checkbox > .icheckbox_square-blue {
    margin-top: -20px;
}

.timkiem-hanghoa .icheckbox_square-blue {
    margin-left: 5px;
}

/* Header cells */
table.header-color thead th {
    background: #d3e2d8;
}

/*Style Label nhập xuất kho*/
.nhap-xuat-giatri {
    font-size: 16px;
    color: cornflowerblue;
}

.nhap-xuat-giatri-chitiet {
    font-size: 14px;
    color: cornflowerblue;
}

/**Style cac button trong ban hang truc tiep*/
.btn-banhang-tructiep {
    padding: 4px;
    margin-top: 8px;
}

/*Mau thong ke MGG*/
.thongke-mgg {
    color: crimson;
}

/*Bang chon nhom hang hoa*/
#table-nhomhanghoa {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    /*#table-nhomhanghoa td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}*/

    #table-nhomhanghoa tr:nth-child(even) {
        background-color: #dddddd;
    }

/*NOte Khuyen mai*/
.note-km-1 p {
    font-size: 13px;
    color: #d73925;
    margin-bottom: 3px;
}

.note-km-2 p {
    font-size: 13px;
    color: #3c8dbc;
    margin-bottom: 3px;
}

/*Style label tinh trang don*/
.label-tinhtrang {
    color: #17a079;
    font-weight: bold !important;
}

/*Label Icheck chung*/
.label-icheck {
    color: #d73925;
}

/*Custom Icheck size*/
.icheckbox_square-blue {
    background-size: 160px 16px;
    width: 13px;
    height: 13px;
    border: 1px solid;
}

    .icheckbox_square-blue.hover {
        background-position: -17px -1px;
        border-color: #56a3d1;
    }

    .icheckbox_square-blue.checked {
        background-position: -33px -2px;
        border-color: #56a3d1;
    }


/*Square*/
.iradio_square-blue {
    background-size: 160px 16px;
    width: 13px;
    height: 13px;
    border: 1px solid;
    border-radius: 10px;
}

.iradio_square-blue {
    background-position: -97px -1px;
}

    .iradio_square-blue.hover {
        background-position: -97px -1px;
        border-color: #56a3d1;
    }

    .iradio_square-blue.checked {
        background-position: -113px -2px;
        border-color: #56a3d1;
    }

/*Text left with dropdow button*/
#ThongTinKhachHang .btn.btn-flat {
    text-align: left;
}


/*Icon main page*/

.icon-img {
    width: 32px;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
}

.label_db {
    font-family: Courier New;
    margin-top: 10px;
    margin-bottom: 0px;
}

.middle-text {
    vertical-align: middle !important;
    padding-top: 0px !important;
}

.label-inform {
    margin-bottom: 0px;
    margin-top: 5px;
}

.label_db span {
    font-size: 17px;
    margin-left: 3px;
    font-weight: bold;
}

/*Overlay*/

.overlay-container {
    display: block;
    background: rgba(0, 0, 0, 0.2);
}

.overlay-modal {
    width: initial;
    margin: 0;
    top: 50%;
    left: 50%;
    position: absolute;
}

.overlay-content {
    position: absolute;
    font-size: 52px;
    box-shadow: none;
    border: none;
    background: none !important;
    color: beige;
}



/*Quản lý công nợ*/
.cn-main-title {
    text-align: center;
    color: #d73925;
    text-transform: uppercase;
}

.cn-sub-title {
    text-align: center;
    color: #d73925;
}

.cn-selected {
    border-color: #204d74;
    background-color: #204d74;
}

.table-fake {
    display: none;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #3c8dbc;
    color: white;
}

#Donhang table.dataTable tbody tr.selected, #donHangHienTai table.dataTable tbody tr.selected {
    background-color: #3c8dbc !important;
}

.donhang-in:focus, .donhang-in:active {
    outline: none;
}

table.dataTable tbody tr.selected .dh-huy-chuyenhoan {
    background-color: #3c8dbc;
    color: white;
}

table.dataTable tbody tr.selected .sp-quanlyton{
    background-color: #3c8dbc;
    color: white;
}




table.dataTable tbody tr.selected {
    background-color: #3c8dbc;
    color: white;
}

/*table.dataTable tbody tr.selected  .highlight-text{
    color:white !important;
}*/

tr.group {
    background-color: beige;
}

.highlight-text {
    color: red;
}

.dh-huy-chuyenhoan {
    background-color: #fdbaaf;
}

.sp-quanlyton{
    color: #009900;
}

#table-thutheodon tbody tr:hover, #table-thutheodon tbody tr:hover {
    background-color: #3c8dbc;
    color: white;
}

#dsdon {
    word-wrap: break-word;
}

.padding-row {
    padding: 3px 3px;
    margin: 0 3px;
    border-bottom: 1px solid #dedede;
}

/**Fix multiple moddal scrool bootraps*/
.modal {
    overflow: auto !important;
}


/*******TRUONGNH******/
/*TagsDonHang*/
#textGhiChu {
    color: red;
}
/*end TagsDonHang*/

/************Drag&Drop************/
/* layout.css Style */
.upload-drop-zone {
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px;
    background-size: 95% 95%;
    background-position: center;
    background-repeat: no-repeat;
}

/* skin.css Style*/
.upload-drop-zone {
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 200px;
    text-align: center;
}

    .upload-drop-zone.drop {
        color: #222;
        border-color: #222;
    }
/************end Drag&Drop************/
.container {
    margin-top: 20px;
}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .image-preview-input input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.image-preview-input-title {
    margin-left: 2px;
}
/*******TRUONGNH END******/
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*******END-THANHLM******/

/*******KHANHVC******/
.ThongKe {
    border-bottom: 2px dotted;
    border-bottom-color: cadetblue;
    margin-bottom: 5px;
    padding: 0px;
}

.hh {
    margin-top: 0px;
}

.has-feedback .form-control {
    padding-right: 12px;
}

.morris-hover.morris-default-style {
    background: beige;
    border: none;
    color: black;
}

.TongTien {
    width: 100%;
    text-align: center;
    float: left;
    padding-top: 0px;
    color: white;
    font-size: large;
}

.TongTien_BH1 {
    height: 100%;
    text-align: left;
    color: white;
    font-size: large;
}

.Tien_BH1 {
    text-align: center;
    float: left;
    padding-top: 0px;
    color: white;
    font-size: large;
}
/*thubnail*/
.glyphicon {
    margin-right: 5px;
}

.thumbnail {
    margin-bottom: 0px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

    .item.list-group-item:nth-of-type(odd):hover, .item.list-group-item:hover {
        background: #428bca;
    }

    .item.list-group-item .list-group-image {
        margin-right: 10px;
    }

    .item.list-group-item .thumbnail {
        margin-bottom: 0px;
    }

    .item.list-group-item .caption {
        padding: 9px 9px 0px 9px;
    }

    .item.list-group-item:nth-of-type(odd) {
        background: #eeeeee;
    }

    .item.list-group-item:before, .item.list-group-item:after {
        display: table;
        content: " ";
    }

    .item.list-group-item img {
        float: left;
    }

    .item.list-group-item:after {
        clear: both;
    }

.list-group-item-text {
    margin: 0 0 11px;
}

/*calculater*/
.calculater td {
    cursor: pointer;
    padding: 5px;
    border: black solid 2px;
    text-align: center;
    font-weight: bold;
    font-size: large;
    width: 33%;
    background-color: #eeeeee;
}

    .calculater td:hover {
        background-color: #3c8dbc;
    }

.calculater th {
    text-align: right;
}

.calculater table {
    margin: 5px;
}

.col-a {
    width: 115px;
    height: auto;
    float: left;
    padding: 5px;
}
/*================== Cafe ==============*/
.col-a-topping-cafe {
    width: 95px;
    height: auto;
    float: left;
    padding: 5px;
    margin:5px;
    border:1px solid gray;
}
.img_topping{
    height:100px;
    width:85px;
    float:left;
}

.select-topping {
    background-color: yellow;
}

.Noselect-topping {
    background-color: none;
}

.tangsltopping {
    float: right;
    margin-right: 5px;
}

.giamsltopping {
    float: left;
    margin-left: 5px;
}

/*ds hàng hóa ở cafe app*/
.table-hanghoa {
    width: 100%;
    height: 100%;
    margin: 0px;
    display: block;
}

    .table-hanghoa thead {
        width: 100%;
        background-color: #56a3d1;
    }

        .table-hanghoa thead tr {
            width: 100%;
            height: auto;
        }

    .table-hanghoa tbody tr:nth-child(even) {
        background-color: #dddddd;
    }

    .table-hanghoa tbody tr.clicked {
        background-color: #56a3d1;
    }

    .table-hanghoa tbody tr:hover{
        background-color:#337ab7;
    }

    .table-hanghoa tbody td {
        padding-left: 5px !important;
        text-overflow: ellipsis;
    }

#ThongTinKhachHang-Cafe {
    width: inherit;
    min-width: 430px;
    max-width: 430px;
    float: right;
    height: 100%;
    position: relative;
    overflow: auto;
}

#container-dshang-cafe {
    width: calc(100% - 430px);
}

/*ds loai sp*/
#dsLoaiSP list-group:hover {
    color: red;
    padding-left: 5px;
}

.dsLoaiSP :hover {
    color: red;
}

.dsLoaiSP {
    height: 36%;
    overflow-y: scroll;
    margin-bottom: 0px;
    padding-left: 5px;
}

    .dsLoaiSP .list-group {
        margin-bottom: 5px;
    }

        .dsLoaiSP .list-group :hover {
            background-color: #ccc !important;
            color: white;
        }

    .dsLoaiSP a.list-group-item {
        padding-top: 0px;
        padding-bottom: 0px;
        border: none;
    }

        .dsLoaiSP a.list-group-item h5 {
            margin-top: 0px;
            margin-bottom: 0px;
        }




.LoaiSP-tk {
    height: 30px;
    margin: 2px;
}

.LoaiSP-dsSanPham {
    border-top: solid 1px;
    height: 56%;
    margin-top: 2px;
}
.KhungBanPhong {
    width: calc(100% - 305px);
    float: left;
}

.LoaiSP-TK-SP {
    float: right;
    border: solid 1px;
    height: 93vh;
    min-width: 300px;
    max-width: 300px;
}
/*Bàn phòng*/
.BanPhongTrong {
    width: 100px;
    background-color: #1e90ff;
    text-align: center;
    color: white;
    float: left;
    margin: 5px;
    height: 35px;
    font-size: larger;
    font-weight: bolder;
    padding: 10px;
}

.BanPhongBan {
    width: 100px;
    background-color: #8b0000;
    text-align: center;
    color: white;
    float: left;
    margin: 5px;
    height: 35px;
    font-size: larger;
    font-weight: bolder;
    padding: 10px;
}

.BanPhongInTam {
    width: 100px;
    background-color: #ffd700;
    text-align: center;
    color: white;
    float: left;
    margin: 5px;
    height: 35px;
    font-size: larger;
    font-weight: bolder;
    padding: 10px;
}

.legend-BanPhong {
    margin: 7px 20px;
    width: 94%;
    font-size: medium;
}

.btn-ChuyenToanBo-cafe {
    width: 80%;
    height: 60px;
    margin-left: 10%;
    margin-top: 70px !important;
}

.btn-Chuyen1mon-cafe {
    width: 80%;
    height: 60px;
    margin-left: 10%;
    margin-top: 10px !important;
}

#table-chuyentach-di tbody tr.clicked {
    color: white;
    background-color: #eeeeee;
}
/*Thêm phụ thu*/
.ThemPhuThu {
    float: left;
    margin-top: 8px;
    margin-left: 10px;
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
}
/*span giovao var khoang thoigian su dung*/
.BanHang-gio {
    color: #3838f8;
}
/*nút details topping ở detail_donhang*/
td.details-Donhang-control {
    /*background: url('../resources/details_open.png') no-repeat center center;*/
    background-color: red;
    cursor: pointer;
}

tr.shown td.details-Donhang-control {
    /*background: url('../resources/details_close.png') no-repeat center center;*/
    background-color: blue;
}


/*=================== end Cafe================*/
@media screen and (max-width: 600px) {
    #CategoryForm {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}

.KeNgang {
    border-top: 1px solid black;
    margin: 0;
    text-align: right;
    width: 30%;
}

.TongTien {
    height: 30px;
    font-size: 15pt;
    padding-top: 8px;
}
/*******END-KHANHVC******/


/*******VuVHT******/
/*.color-wrapper{
    position:relative;
    width:250px;
    margin:20px auto;
}
 
.color-wrapper p{ margin-bottom:5px; }
 
input.call-picker{
    border:1px solid #aaa;
    color:#666;
    text-transform:uppercase;
    float:left;
    outline:none;
    padding:10px;
    width:85px;
}
 
.color-picker{
    width:130px;
    background:#f3f3f3;
    height:81px;
    padding:5px;
    border:5px solid #fff;
    box-shadow:0px 0px 3px 1px #ddd;
    position:absolute;
    top:61px;
    left:2px;
}
 
.color-holder{
    background:#fff;
    cursor:pointer;
    border:1px solid #aaa;
    width:40px;
    height:36px;
    float:left;
    margin-left:5px;
}
 
.color-picker .color-item{
    cursor:pointer;
    width:10px;
    height:10px;
    list-style-type:none;
    float:left;
    margin:2px;
    border:1px solid #ddd;
}
 
.color-picker .color-item:hover{
    border:1px solid #666;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=8);
}*/
/*******END-VuVHT******/

.modal-danger-herder{
    background-color:red !important;
}