.btn-group-xs>.btn, .btn-xs {
    --bs-btn-padding-y: 0.2rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.6rem;
    --bs-btn-border-radius: 0.2rem;
}
.table-circle .btn-circle{
	width: 1.65rem;
    height: 1.65rem;
    font-size: .7rem; 
    border-width: .2em !important;
    font-weight: 600;
}
.btn-group-xs>.btn.btn-circle, 
.btn.btn-circle.btn-xs {
    width: 1.4rem;
    height: 1.4rem;
    font-size: .6rem;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: .5rem;
    }
	.swiper{
		min-height:90px;
	}
	.btn-swiper{
		min-height:200px;
	}
}
@media (max-width: 991.98px) {
}

@media (max-width: 1198.98px) {
	img.brand-img {
		max-height: 35px !important;
	}
	nav nav-link,
	nav .dropdown-item {
		font-weight: 500 !important;
	}
	nav .dropdown-toggle::after {
		position: absolute;
		left: 50%;
		top: 35px;
	}
	nav  .container{
        max-width: 96% !important;
    }
}
.lottPickerSelected{
	zoom:90%;
}
@media (max-width: 575.98px) {
	table td .btn.btn-circle {
		width: 1.8rem;
		height: 1.8rem;
		font-size: .8rem;
	}
	table td .btn.btn-circle+.btn.btn-circle {
		margin-left:0;
		margin-right:0;
	}
	.table-sm td {
		padding: .2rem .2rem;
	}
	.mx-xs-auto {
		margin-right: 0rem !important;
		margin-left: 0rem !important;
	}
	.mb-xs-0  {
		margin-bottom: 0rem !important;
	}
	.mb-xs-1  {
		margin-bottom: 1rem !important;
	}
	.mb-xs-2  {
		margin-bottom: 2rem !important;
	}
	.mb-xs-3  {
		margin-bottom: 3rem !important;
	}
	.mb-xs-4  {
		margin-bottom: 4rem !important;
	}
	.mb-xs-5  {
		margin-bottom: 5rem !important;
	}
	
	.mt-xs-0{margin-top:0!important}.mt-xs-1{margin-top:.25rem!important}.mt-xs-2{margin-top:.5rem!important}.mt-xs-3{margin-top:.75rem!important}.mt-xs-4{margin-top:1rem!important}.mt-xs-5{margin-top:1.25rem!important}.mt-xs-6{margin-top:1.5rem!important}.mt-xs-7{margin-top:1.75rem!important}.mt-xs-8{margin-top:2rem!important}.mt-xs-9{margin-top:2.25rem!important}.mt-xs-10{margin-top:2.5rem!important}.mt-xs-11{margin-top:3rem!important}.mt-xs-12{margin-top:3.5rem!important}.mt-xs-13{margin-top:4rem!important}.mt-xs-14{margin-top:4.5rem!important}.mt-xs-15{margin-top:5rem!important}.mt-xs-16{margin-top:6rem!important}.mt-xs-17{margin-top:7rem!important}.mt-xs-18{margin-top:8rem!important}.mt-xs-19{margin-top:9rem!important}.mt-xs-20{margin-top:10rem!important}.mt-xs-21{margin-top:12.5rem!important}.mt-xs-22{margin-top:15rem!important}.mt-xs-23{margin-top:17.5rem!important}.mt-xs-24{margin-top:20rem!important}.mt-xs-25{margin-top:22.5rem!important}.mt-xs-auto{margin-top:auto!important}
		
	.mt-xs-n1{margin-top:-.25rem!important}.mt-xs-n2{margin-top:-.5rem!important}.mt-xs-n3{margin-top:-.75rem!important}.mt-xs-n4{margin-top:-1rem!important}.mt-xs-n5{margin-top:-1.25rem!important}.mt-xs-n6{margin-top:-1.5rem!important}.mt-xs-n7{margin-top:-1.75rem!important}.mt-xs-n8{margin-top:-2rem!important}.mt-xs-n9{margin-top:-2.25rem!important}.mt-xs-n10{margin-top:-2.5rem!important}.mt-xs-n11{margin-top:-3rem!important}.mt-xs-n12{margin-top:-3.5rem!important}.mt-xs-n13{margin-top:-4rem!important}.mt-xs-n14{margin-top:-4.5rem!important}.mt-xs-n15{margin-top:-5rem!important}.mt-xs-n16{margin-top:-6rem!important}.mt-xs-n17{margin-top:-7rem!important}.mt-xs-n18{margin-top:-8rem!important}.mt-xs-n19{margin-top:-9rem!important}.mt-xs-n20{margin-top:-10rem!important}.mt-xs-n21{margin-top:-12.5rem!important}.mt-xs-n22{margin-top:-15rem!important}.mt-xs-n23{margin-top:-17.5rem!important}.mt-xs-n24{margin-top:-20rem!important}.mt-xs-n25{margin-top:-22.5rem!important}
	.mx-xs-0{margin-right:0!important;margin-left:0!important}.mx-xs-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xs-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xs-3{margin-right:.75rem!important;margin-left:.75rem!important}.mx-xs-4{margin-right:1rem!important;margin-left:1rem!important}.mx-xs-5{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-xs-6{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xs-7{margin-right:1.75rem!important;margin-left:1.75rem!important}.mx-xs-8{margin-right:2rem!important;margin-left:2rem!important}.mx-xs-9{margin-right:2.25rem!important;margin-left:2.25rem!important}.mx-xs-10{margin-right:2.5rem!important;margin-left:2.5rem!important}.mx-xs-11{margin-right:3rem!important;margin-left:3rem!important}.mx-xs-12{margin-right:3.5rem!important;margin-left:3.5rem!important}.mx-xs-13{margin-right:4rem!important;margin-left:4rem!important}.mx-xs-14{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-xs-15{margin-right:5rem!important;margin-left:5rem!important}.mx-xs-16{margin-right:6rem!important;margin-left:6rem!important}.mx-xs-17{margin-right:7rem!important;margin-left:7rem!important}.mx-xs-18{margin-right:8rem!important;margin-left:8rem!important}.mx-xs-19{margin-right:9rem!important;margin-left:9rem!important}.mx-xs-20{margin-right:10rem!important;margin-left:10rem!important}.mx-xs-21{margin-right:12.5rem!important;margin-left:12.5rem!important}.mx-xs-22{margin-right:15rem!important;margin-left:15rem!important}.mx-xs-23{margin-right:17.5rem!important;margin-left:17.5rem!important}.mx-xs-24{margin-right:20rem!important;margin-left:20rem!important}.mx-xs-25{margin-right:22.5rem!important;margin-left:22.5rem!important}.mx-xs-auto{margin-right:auto!important;margin-left:auto!important}
	
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500; 
}
.svg-bg .fa-xl {
    font-size: 2.5em;
}
@media (min-width: 576px) {
   #filterArea  .col-number {
        flex: 0 0 auto;
        width: 8.333333335% !important;
    }
}
@media (max-width: 575.98px) {
   #filterArea  .col-number {
        flex: 0 0 auto;
        width: 9% !important;
    }
	
   #filterArea  .card-body{
	padding: 15px;
   }
	
}
#filterArea .selection .btn.btn-circle {
	color:#fff;
	background-color:#e2626b;
    border-color: #e2626b;
}
.row#content_row{
    margin-right: 0;
    margin-left: 0;
}
.row#content_row>*,
.row#content_row>.col {
    padding-right:0 !important; 
    padding-left:0 !important;
}
.counter{ 
}
  .select2-selection__choice__display{
    padding:.5rem ;
    background-color:#edf2fc;
    border-radius:5px;
    border: 1px solid #9499a3;
    font-weight: 800;
  }
  .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    position: relative;
    min-width: 5em;
    padding: .35em  .35em;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    position: absolute;
    right: 7px;
    margin-left: .25rem;
}
.form-switch-lg {
    font-size: 26px;
    min-height: 36px;
    line-height: 36px;
}
 .table td {
    vertical-align: middle;
}
.btn-close{
	z-index: 1;
}
.modal-body {
    padding: 1rem !important;
}
.text_container ul, 
.text_container li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.text_container { 
	height: 32px;
	line-height: 32px; 
	overflow: hidden;
	padding: 5px 0;
	margin: 20px auto;
	font-size:.8rem;
}
.carousel-control-next, .carousel-control-prev {
    font-size: 2.5em;
}
.carousel-item h3{
  text-shadow: 1px -1px #fafafa;
}
.nav-wrapper{
	position:relative;
}
.nav-wrapper>div>div,
.nav-wrapper>div>.row>div{
    z-index: 1 !important;
}
.tp-dfwv{
	display:none !important;
}
#canvas,
#particles {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 1;
}
.card-header {
    padding: 0.9rem 2rem;
}
  .isHidden{visibility:hidden;}
  .corner-frame table,
  .scrollable-columns-frame table{
	width: 100% !important;
     margin-bottom: 0 !important;
  }
  span.nowrap,
.table  thead th,
.table  thead td 
.table  tbody.nowrap th,
.table  tbody.nowrap td{
    overflow: hidden;
    white-space: nowrap;
}
  .scrollable-columns-table { width: 100%  !important;}
.scrollable-data-table { width: calc(100% + 8px) !important;}
div::-webkit-scrollbar ,
table::-webkit-scrollbar {
    height: 10px !important;
    width: 10px !important;
}

div::-webkit-scrollbar-track,
table::-webkit-scrollbar-track {
    border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

div::-webkit-scrollbar-thumb,
table::-webkit-scrollbar-thumb {
    border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
 
  .form-select,
  .modal-content,
  .col-form-label,
 .form-label {
    color: var(--bs-body-color);
}
  img.brand-img{
	max-height:50px;
  }
#header-cart .dropdown>.dropdown-menu {
    background: #fafafa;
}

#header-cart table{
    min-width: 400px;
}
#header-cart .btn.btn-circle.btn-sm {
    width: 1.25rem;
    height: 1.25rem; 
    font-size: .5rem !important; 
}
#header-cart .btn.btn-circle.btn-sm i {
    font-size: .55rem;
}   
#alert {
  z-index: 9999;
  pointer-events: all;
	max-width:350px;
}

#modal-payment input, 
#modal-payment select, 
#modal-payment textarea {
    -webkit-appearance: auto !important;
}
}
@media (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}
 
/* PROGRESS */
.progress_container {
  margin-top: 50px;
  left: 50%;
  position: absolute;
  top:150px;
  transform: translate(-50%, -50%);
  background:#fff;
	min-height:250px;
}
/* PROGRESS */
.progress_loading {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 30em;
}
.progress_loading-bar {
  animation-duration: 3s;
  animation-name: width;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  background-size: 30em 0.25em;
  height: 100%;
  position: relative;
}
.progress_loading-shadow {
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  height: 4em;
  position: absolute;
  top: 100%;
  transform: skew(135deg);
  transform-origin: 0 0;
  width: 100%;
}

/* ANIMATIONS */
@keyframes width {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 1, 2);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
 
/* END PROGRESS */
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}
@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
    }
}
/* TYPE WRITER */
  .typeWriter {
		font-family: monospace;
		font-size: 14px;
		/*white-space: pre-wrap;  Giữ định dạng xuống dòng nếu có */
		display: none; /* Ẩn mặc định */
	}
	.typing {
		display: block; 
	}
	tr.typing {
		display: table-row;
	}
	/* Định dạng cho table để dễ nhìn */
	.typeWriter table {
		border-collapse: collapse;
	}
	.typeWriter table,
	typeWriter th,
	.typeWriter td {  
	}
	/* Ẩn nội dung trong th, td ban đầu */
	.typeWriter th, .typeWriter td {
		visibility: hidden;
	}
	/* Hiển thị nội dung khi có class typing-cell */
	.typeWriter .typing-cell {
		visibility: visible;
	} 
	 .bg-dark .typing-cell,
	.bg-dark .typing {
		color: #fff;
	}
	/* Hiệu ứng con trỏ nhấp nháy */
        .cursor {
            display: inline-block;
            width: 1px;
            height: 1.5em;
            background-color: #000;
            vertical-align: middle;
            animation: blink 0.1s step-end infinite;
            margin-left: 3px;
        }
        .bg-dark .cursor {
            background-color: #fff;
		}
        @keyframes blink {
            50% {
                opacity: 0;
            }
        }