.notclick{
  pointer-events: none;
  background: #dadada;
}
.namestaff{
  color: Black;
  font-weight: bold;
}

a.text-center img {

  background: white;
  opacity: 1;
  padding: 2px;
  border-radius: 5px;
}

.thongtincategory .breadcrumb-item+.breadcrumb-item::before{
  content: ">";
}

.thongtincategory .breadcrumb-item{
  font-size: 0.9rem !important;
}

.form-group{
  margin-bottom: 0.5rem;
}

.info-customer p{
  font-weight: bold;
  color: green;
  font-size: 0.9rem;
  margin: 0px;
}

#resultsearch, #resultsearchorder{
  position: absolute;
  top: 100%;
  background: white;
  width: 100%;
  border: 1px solid #dadada;
  display: none;
  z-index: 99;
  height: 250px;
  overflow-y: scroll;

}

ul#resultsearch.active, #resultsearchorder.active{
  display: block;
}

ul#resultsearch.active p:hover, #resultsearchorder.active p:hover{
  background: #007bff;
  color: white;
  cursor: pointer;
}

.loading, .loadingsearchticket{
  display: none;
  position: absolute;
  left: 0%;z-index: 99;
  top:-5px;
}
.loading i,.loadingsearchticket i{
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  color: red;
}
@keyframes spin {
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

.loadingsearchcus {
  position: absolute;
  top: 5px;
  z-index: 999;
  right: 10%;
}
.quote-title{
  font-weight: bold;
  margin-top: 30px;
}
.error{
  text-align: center;
}
.error p:nth-child(1){
  color: red;
  font-size: 1.3rem;
  font-weight: bold;
}

.addcusfrommodal{
  cursor: pointer;
}
.table td, .table th{
  padding: 0.3rem;
}

i.fas.fa-trash-alt {
  color: red;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}

a.brand-link.text-center img{
  max-height: 70px;
}

.login-logo img {
  height: 100px;
}

.nav-treeview {
  margin-left: 10px;
}

table.tableqoute {
  width: 90%;
  border-collapse: collapse;
  margin: 20px auto;
  font-family: Arial, sans-serif;
}
table.tableqoute  th, table.tableqoute td {
  border: 1px solid #000;
  padding: 8px 12px;
  text-align: left;
}
table.tableqoute th {
  background-color: #f2f2f2;
}
table.tableqoute tr:last-child td {
  font-weight: bold;
}
table.tableqoute .right-align {
  text-align: right;
}

.qoute-detail p{
  margin-bottom: 2px;
}

.name-product-print {
  font-weight: bold;
  font-size: 1.3rem;
}
.name-sn-print{
  font-style: italic;
  font-weight: bold;
}
.line{
  width: 80%;
    height: 4px;
    background: #007bff;
    margin: 30px auto;
}

.red{
/*  color: red;*/
  display: inline-block;
}

fieldset {
    padding: 30px;
    border: 2px solid #140ca6;
    margin-bottom: 5px;
}

.add-more-quote,.save-data-quote{
  display: none;
}

.delete-item-qoute{
/*  display: none;*/
}

.delete-item-qoute:hover{
  display: inline-block;
}

.logo-company img {
    max-width: 150px;
}

.modal-title {
    font-weight: bold;
    color: #0c88be;
    text-transform: capitalize;
    font-size: 1.5rem;
}

li.breadcrumb-item.breadcrumb-item-step.active {
    color: #dc3545;
}

h3.card-title {
    font-weight: bold;
}

a.btn.btn-app.btn-app-action {
    padding: 17px;
    font-size: 0.8rem;
    color: black;
    transition: 0.3s all;
}

a.btn.btn-app.btn-app-action:hover {
    border:1px solid #007bff;
     color: black;
     transition: 0.3s all;
}

.tinhtien td:nth-child(3), .tinhtien td:nth-child(4){
  text-align: right !important;
}
a.btn.btn-app.btn-app-action ul li{
  width: 60px;
}
a.btn.btn-app.btn-app-action span{
  font-size: 14px !important;
}

#checkpermisstion th input{
  display: inline-block;
  margin-right: 5px;
}


/* Điều chỉnh chiều cao cho Select2 */
.select2-container .select2-selection--single {
    height: 38px; /* Chiều cao phù hợp với Bootstrap 4/5 */
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

/* Xử lý khi Select2 đang ở trạng thái focus */
.select2-container--default .select2-selection--single:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Xử lý mũi tên cho Select2 */
.select2-container .select2-selection__arrow {
    height: 38px;
    right: 10px;
}

/* Đảm bảo Select2 không bị giãn */
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

button.btn.btn-outline-primary.btn-lg i {
    display: block;
    margin: 10px 0px;
}


/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.left,.right{
  height: max-content;
}

button.nutnextspecial
{
  margin-bottom: -4px !important;
}

.modalinventory label{
  font-weight: bold !important;
}

.mauptten{
  display: none;
}

.modalpattel ul li {
    list-style: none;
    display: inline;
    margin: 5px 30px;
}


/*loadingchung*/


/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
}
.loader::before,
.loader::after {
  content:"";
  grid-area: 1/1;
  --c: no-repeat radial-gradient(farthest-side, #fed00b 92%, #0000);
  background: 
    var(--c) 50%  0, 
    var(--c) 50%  100%, 
    var(--c) 100% 50%, 
    var(--c) 0    50%;
  background-size: 12px 12px;
  animation: l12 1s infinite;
}
.loader::before {
  margin: 4px;
  filter: hue-rotate(45deg);
  background-size: 8px 8px;
  animation-timing-function: linear
}

@keyframes l12 { 
  100%{transform: rotate(.5turn)}
}

.loadall {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #34323266;
    z-index: 99999;
    text-align: center;
    display: none;
}

a.nav-link.dropdown-toggle span{
      font-weight: 300;
}
td[data-field='discount'] {
  text-align: center;
}


tr.total-payment,tr.balance {
    font-size: 1.4rem;
    font-weight: bold;
    padding: 15px 0px;
   
}

tr.balance,tr.balance input {
    color: red;
}


#createticketsammarytmodal h4{
  color: red;
  font-weight: bold;
}

.money-btn.active {
    font-weight: bold;
    color: white;
}

span.notifyloaddata{
  color: red;
}
.resetpos{
  display: inline;
  background: blue;
}

.print-data-loaded{
  display: none;
}

.edit-customer-from{
  display: none;
}

.edit-cus{
  color: #007bff;
  cursor: pointer;
  margin: 0px 7px;
  display: inline;
}

.Not.paid{
    background: red;
    color: white;
    padding: 4px;
    border-radius: 5px;
   
}

.Completed, .Paid{
    background: green;
    color: white;
    padding: 4px;
    border-radius: 5px;
    
}

.Deposited{
  background: gold;
    color: white;
    padding: 4px;
    border-radius: 5px;

}
.Installment {
  background: #007bff;
    color: white;
    padding: 4px;
    border-radius: 5px;
    
}
.modal {
  overflow-y:auto;
}

.modal-dialog.modal-ex{
      max-width: 95%;
}

input#id-device-number {
    text-transform: uppercase;
}

.login-box {
    transform: translateY(-15%);
}

.anhsign{
  border: 1px solid #c4c4c4;
    border-radius: 10px;

}

.card-body.login-card-body {
    padding: 50px 20px;
}

#invoice-POS .logo img{
  width: 80%;
}

.content-header{
  padding: 0px .5rem;
}

.card.checkoutvspayment {
    height: 338px;
    overflow-y: scroll;
}

.content-pos .card-header{
  padding: 5px 1.25rem;
  height: 30px;
}

.row.mb-2 {
    margin-bottom: 0px !important;
}


.content-pos .card-body{
padding: 0.35rem;
}
.content-pos .card{
  margin-bottom:0.5rem;
}
.content-pos .btn-app{
height: 55px;
    padding: 8px 5px;
}
.content-pos .onhand{
  display: block;
  font-size: 11px;
  color: green;
}

.content-pos a.btn.btn-app.btn-app-action{
  background: rgb(209,237,255);
}
.content-pos ol.breadcrumb.float-sm-left.w-100 {
    padding: 5px;
}


.categoryheit{
  height: 340px;
  overflow: auto;
}

.tinhtongtamthoi p span{
 padding: 0px 5px;
 padding-left: 50px;
}

.tinhtongtamthoi {
    width: 98%;
    background: white;
    margin: auto;
    margin-bottom: 5px;
}

.tinhtongtamthoi p {
    margin: 5px;
    font-weight: bold;
    padding-right: 10px;
}

div#buttonofbottom {
     position: fixed;
   width: 55%;
    z-index: 10;
    bottom: 10px;
   
}

.content-wrapper{
   position: relative;
 
}

.fixcungmanhinh{
  height: 750px;
  overflow-y:auto;
}

.chieucaocodinh{
  height: 110px;
 
}

#draggable_maytinh { width: 390px;
    height: 450px;
    padding: 40px;
    background: #efefefb8;
    border-radius: 10px;
 position: absolute;
    display: none; /* Ban đầu ẩn đi */
  }

  .hienthimaytinh {
   position: absolute; /* Đảm bảo các vị trí con phụ thuộc vào container */
            height: 10px;
            width: 10px;
            z-index: 999;
            top:30px;
            right: 30px;
}
select.custom-select.branchadmin {
    width: 40%;
}
ul.navbar-nav {
    width: 100%;
}
ul.navbar-nav.ml-auto{
  justify-content: end;
}


.namobottom {
    position: fixed;
    bottom: 0px;
    z-index: 9;
    background: #ffffffbd;
    width: 38%;
    padding: 5px 10px;
}

.hienthitotal {
    position: fixed;
    width: 60%;
    background: #ffffff;
    bottom: 0px;
    right: 20%;
    box-shadow: 0px 0px 5px 1px #000000;
    left: 6%;
    height: 240px ;
/*    border: 1px solid red;*/
    border-radius: 10px;
    padding: 20px;
    display: none;
}

button.actionsame {
    background: white;
    color: black;
    border: none;
    width: 100%;
    text-align: left;
    padding: 5px 10px;
}
.btn-group.btn-samehover.show a{
   border-bottom:1px solid #dfdcdc;
      padding: 5px 10px;
     width: 100%;
     display: block;
     cursor: pointer;
}

div.example_wrapper_inven {
    height: 100vh;
}

.btn-group.btn-samehover.show a:hover,button.actionsame:hover{
    background: rgb(209,237,255);
    color: black;
  
}
button.actionsame:hover{
   color: red;
}
.inven-table td, .inven-table th{
  font-size: 14px;
}

.btn-group.btn-samehover .dropdown-menu.show{
  box-shadow: 3px 2px 8px 3px #323232
}

div#specifications .row.mb-2 {
    margin-bottom: 5px !important;
}

#searchDevice .result {
    position: absolute;
    top: 40px;
    background: white;
    box-shadow: 1px 1px 5px 2px #b7b7b7;
    z-index: 99;
    display: none;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
}

#searchDevice .result div {
    padding: 10px;
    font-size: 15px;
    border-bottom: 1px solid #e2e0e0;
}
.show-result,.show-result-inventory{
  cursor: pointer;
}

#searchDevice h5{
  font-weight: bold;
  color: #007bff;
}

li.nav-item.dropdown.user-menu a span {
    font-size: 15px;
}

span.Not.Paid, .Not.Paid span{
  background: red;
}

.update-item-ticket {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 99;
}

a.btn.btn-app.btn-app-action.hand_on_zero {
    background: #b6b6b6;
    pointer-events: none;
}

.row.advanced-search-inventory {
    width: 100%;
}

.buoc b {
    color: red;
}

.buoc {
  margin-top:10px;
}
div#dragArea {
    border: 1px solid #dfdfdf;
    padding: 10px 30px;
    border-radius: 20px;
}
#check-all,.row-checkbox{
     transform: scale(1.5);
    margin: 5px;
}


div#device-blocks-wrapper {
    border: 1px solid #28a745;
    margin-bottom: 10px;
    border-radius: 7px;
}


#ModalSupport .search-container {
            max-width: 90%;
            margin: 00px auto;
            padding: 10px;
        }
        
#ModalSupport      .select2-container {
            width: 100% !important;
        }
        
 #ModalSupport     .select2-selection {
            height: 45px !important;
            padding: 8px !important;
        }
        
#ModalSupport  .select2-selection__rendered {
            line-height: 28px !important;
}