@media (min-width: 768px) {  .table-responsive {  overflow: inherit;   } }

@media print{
  #pre_check {
    position: absolute;
    top: -15px;
    left: -110px;
    width: 190mm; height: 148mm;
    margin:0;
  }
}

/* Padding cho tất cả các màn hình */
.my-mt-xs-3 {
    margin-top: 0px;
}

/* Dành riêng cho các màn hình có chiều rộng nhỏ hơn 576px (mobile) */
@media (max-width: 768px) {
    .mb-xs-1 { margin-bottom: 0.25rem !important; }
    .mb-xs-2 { margin-bottom: 0.5rem !important; }
    .mb-xs-3 { margin-bottom: 1rem !important; }
    .mb-xs-4 { margin-bottom: 1.5rem !important; }
    .mb-xs-5 { margin-bottom: 3rem !important; }
    .w-xs-30 { width:30% !important; }
}

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

.modal-content{
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0);
    border-style:none;
}

h1{font-size: 19pt; text-transform: capitalize;}

.w-5{width:5%!important}
.w-10{width:10%!important}
.w-15{width:15%!important}
.w-20{width:20%!important}
.w-30{width:30%!important}
.w-35{width:35%!important}
.w-40{width:40%!important}
.w-45{width:45%!important}
.w-55{width:55%!important}
.w-60{width:60%!important}
.w-65{width:65%!important}
.w-70{width:70%!important}

.h-fixed{max-height:100px;}

.minimize-table td, 
.minimize-table th {
    padding-top: 5px;
    padding-bottom: 5px;
}

#pre_check input {
    border: none;
    outline: none;
}
#pre_check input:focus {
    border-color: transparent; /* Loại bỏ viền border */
    box-shadow: none; /* Loại bỏ shadow */
    outline: none; /* Loại bỏ outline */
}

.no_border {
    border: none;
    outline: none;
}
.no_border:focus {
    border-color: transparent; /* Loại bỏ viền border */
    box-shadow: none; /* Loại bỏ shadow */
    outline: none; /* Loại bỏ outline */
}
.my-decoration {
    text-decoration: none !important; /* Loại bỏ tất cả các gạch dưới hoặc đường trang trí văn bản */
    color: #000 !important; /* Đặt màu chữ cho liên kết */
}

.my-decoration:hover {
    color: #0066CC !important; /* Đặt màu chữ khi hover */
    text-decoration: none !important; /* Đảm bảo không có gạch dưới khi hover */
}

.bg-nhatkhang{background-color:#0066CC; color:#fff; border-radius: 3px;}
.bg-yellow{background-color:#FEF7E5;}
.text-yellow{color:yellow;}

.bg-primary-light{background-color:#E6F7FF;}


.bg-purple-light{background-color:#E8EDFF;}


.bg-rose-light{background-color:#FFE7FF;}


.bg-red-light{background-color:#FFE5E6;}

.bg-green-light{background-color:#FBFFF2;}

.bg-success-light{background-color:#E8FFEA}
.btn-green{--bs-btn-color:#fff;--bs-btn-bg:#66CC00;--bs-btn-border-color:#66CC00;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#4C9900;--bs-btn-hover-border-color:#4C9900;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4C9900;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#66CC00;--bs-btn-disabled-border-color:#66CC00}

.bg-info-light{background-color:#7db4d8; color:#fff;}
.bg-dark-light{background-color:#e9ecef;}
.removeAll{color:#dc3545;}

    .green{background-color:#FBFFF2  !important}
    .lightr{background-color:#E8FFEA  !important}
    .danhgia{background-color:#FEF7E5  !important}
    .xrose{background-color:#FFE7FF  !important}
    .xprimary{background-color:#E6F7FF  !important}
    .xred{background-color:#FFE5E6  !important}

tr.xdark td { background-color: #e9ecef; }
tr.xgreen td { background-color: #FBFFF2; }
tr.xinfo td { background-color: #7db4d8; }
tr.xsuccess td { background-color: #E8FFEA; }
tr.xyellow td { background-color: #FEF7E5; }
tr.xrose td { background-color: #FFE7FF; }
tr.xprimary td { background-color: #E6F7FF; }
tr.xred td { background-color: #FFE5E6; }
tr.xpurple td { background-color: #E8EDFF; }
/********************************************************************/
tr.text-secondary td { color: rgb(108 117 125) }

/*** PANEL PRIMARY ***/
#myTab{background-color: #ebeef3; border-radius: 7px; padding:1px;}
#myTab > #myTabContent {background-color: #fff;}
#myHeadingTab{ padding: 9px 9px 0 9px;}
#myTab > #myHeadingTab > li {margin-right: 2px; border: 1px solid #ddd; border-radius: 3px; border-bottom: none;}
#myTab > #myHeadingTab > li > .active {font-weight: bold; border: none; border-top: 3px solid #2d74ac;}
#myTab > #myHeadingTab > li > .active > i {color: #2d74ac;}
#myTab > #myHeadingTab > li > button {color: #555}
#myTab > #myHeadingTab > li > button:hover {background-color: #fff; border: none; border-top: 3px solid #7db4d8;}


.pointerAjax, .popUpForm, .zoomIt{cursor:pointer}
.text-shadow, .pointerAjax:hover, .popUpForm:hover{ text-shadow: 0px 0px 15px #FF00CC;}
.thumb_img{max-height:29px;}
.thumb_39px{max-height:39px;}

.nowrap_btn{
    display: inline-flex; /* Chuyển từ flex sang inline-flex để nút không chiếm toàn bộ chiều rộng */
    justify-content: center; /* Căn giữa nội dung theo chiều ngang */
    align-items: center; /* Căn giữa nội dung theo chiều dọc */
    white-space: nowrap; /* Ngăn chữ và icon xuống dòng */
}
.nowrap_btn i {
    display: inline-block; /* Giữ icon và chữ trên cùng một dòng */
}

.bdr{border-bottom: dotted 1px #333;}
.bdr_none{border: :none;}

.py-1_2{padding-top: 6px; padding-bottom: 6px; }
.font8pt{font-size:8pt;}
.font10pt{font-size:10pt;}
.fs-7{font-size:11pt;}
.fs-8{font-size:10.5pt;}
.fs-9{font-size:9pt;}
.fs-10{font-size:8pt;}

.copy-button, #copy-anh{cursor: pointer;}
.copy-me {opacity: 0;
    position: absolute;
    left: -9999px;}

/* --- CALLOUT --------------*/
.bd-callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    /*padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;*/
    /*color: var(--bd-callout-color, inherit);*/
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.bd-callout h4 {
    font-family: 'Lora', sans-serif ;
    font-style: italic;
    padding: 5px 0;
    color: rgb(153 0 0) !important;
    /*background-color: var(--bd-callout-border);
    color:#fff;
    border-bottom: 0.1rem solid var(--bd-callout-border, var(--bs-gray-300))*/
}

.bd-callout>:last-child {
    margin-bottom: 0
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-primary {
    /*--bd-callout-color: var(--bs-primary-text-emphasis);
    --bd-callout-bg: var(--bs-primary-bg-subtle);*/
    --bd-callout-border: var(--bs-primary-border-subtle)
}

.bd-callout-warning {
    --bd-callout-color: var(--bs-warning-text-emphasis);
    /*--bd-callout-bg: var(--bs-warning-bg-subtle);*/
    --bd-callout-border: var(--bs-warning-border-subtle)
}

.bd-callout-danger {
    --bd-callout-color: var(--bs-danger-text-emphasis);
    /*--bd-callout-bg: var(--bs-danger-bg-subtle);*/
    --bd-callout-border: var(--bs-danger-border-subtle)
}

label:has(~ input[required])::after {
    content: " *";
    color: red;
}

label:has(~ select[required])::after {
    content: " *";
    color: red;
}