.min-w-130px{
	min-width: 130px;
}

.min-w-140px{
	min-width: 140px;
}

.flatpickr-custom-css{
	border: 1px solid #A7A9B1 !important;
	width: 100%;
	padding: 7px 10.5px;
}

.flatpickr-day{
	height: 36px  !important;
	line-height: 36px !important;
}

.flatpickr-custom-css input:focus,
.flatpickr-custom-css input:focus-visible {
    border-color: green !important;
    box-shadow: 0 0 0 1px green !important;
}

.flatpickr-day.today{
	border: none !important;
}

.form-check-input{
	border: 2px solid #e0e4e7;
}

.table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6 !important;
}

.table tr, .table th, .table td{
	padding: 5px 0;
}
/*.table tbody tr:last-child td{
	border-bottom: 1px solid #dee2e6 !important;
}*/
.table.table-row-bordered tr{
	border-bottom-color: #dee2e6;
}
.header-fixed .header{
	background-image: linear-gradient(to right, #1a1a27, #2B4162);
}
.header .header-menu .menu > .menu-item > .menu-link .menu-title{
	color: #b5b5c3;
}
.header .header-menu .menu > .menu-item > .menu-link .menu-icon, 
.header .header-menu .menu > .menu-item > .menu-link .menu-icon .svg-icon, 
.header .header-menu .menu > .menu-item > .menu-link .menu-icon i {
	color: #b5b5c3;
}
.header .header-menu .menu > .menu-item > .menu-link .menu-arrow:after,
.aside-menu .menu-item .menu-link .menu-arrow:after {
	background-color: #b5b5c3;
}
.aside{
	background-image: linear-gradient(#12100E, #2B4162);
}
.aside .aside-logo{
/*	background-color: #12100E;*/
}
.aside .aside-toggle i, .aside .aside-toggle .svg-icon {
	color: #fff;
}
.aside-menu .menu-item .menu-link.active{
	background-color: #f1f3f6;
	color: #333;
}
.aside-menu .menu-item .menu-link.active .menu-title{
	color: #333;
	font-weight: 600;
}
.aside-menu .menu-item .menu-link .menu-icon, .aside-menu .menu-item .menu-link .menu-icon .svg-icon, .aside-menu .menu-item .menu-link .menu-icon i{
	color: #b5b5c3;
}
.aside-menu .menu-item .menu-link.active:after{
	border: 0;
}
.aside-menu .menu-item .menu-link .menu-title {
	color: #b5b5c3;
}
.menu-item .menu-link .menu-icon {
	width: inherit;
}

.aside-menu .menu-item .menu-link.active .menu-bullet .bullet{
	background-color: #333;
}
.aside-menu .menu .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, 
.aside-menu .menu .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, 
.aside-menu .menu .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, 
.aside-menu .menu .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link{
	padding-left: 0.75rem;
}

.menu-item .menu-link .menu-bullet {
	margin-right: 1rem;
}

.menu-item .menu-link .menu-bullet:active {
	color: #333;
}

.nav-line-tabs .nav-item .nav-link{
	color: #1F2939;
}

.nav-line-tabs .nav-item .nav-link.active, 
.nav-line-tabs .nav-item.show .nav-link{
	font-weight: 600;
}
.menu-sub {
	padding: 0 10px;
}
.symbol > img {
	border-radius: 0.75rem;
}
.btn .btn-icon .btn-h-0{
	height: 0 !important;
}
/*custom nav*/
.flex-container {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap; /* Mặc định là wrap */
}
.flatpickr-day.today{
	background: #50cd89;
	color: #fff;
}
.flatpickr-day.selected{
	background: #009ef7;
}
/*Custom style*/
.bg-holiday{
	background-color: #FFFF99 !important;
}

/*css preview img*/
#contentPreviewImages01 img,
#contentPreviewImages02 img {
	max-width: 48%;
	max-height: 200px;
	margin: 2px;
	border: 1px solid #e4e6ef;
}

/*quill*/
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
    border: 1px solid #a1a5b7;
}

.aside-menu .menu .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link{
	padding-left: 1rem;
}

.card .card-header .card-toolbar{
	align-items: stretch;
}

.breadcrumb .breadcrumb-item{
	padding-right: inherit;
}

.ribbon.ribbon-triangle.ribbon-top-start {
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border-bottom: solid 1rem transparent !important;
    border-left: solid 1rem transparent;
    border-right: solid 2rem transparent !important;
    border-top: solid 2rem transparent;
}

.text-secondary{
	color: #7e8299 !important;
}

/*start pagination*/
.custom-page-link{
	background-color: #E9E9E9 !important; 
	color: #111 !important; 
	border-radius: 50% !important;
}

.custom-page-link:hover{
	background-color: #C9C9C9 !important; 
}

.custom-page-link.active{
	color: #FFF !important;
	background-color: #47BE7D !important; 
}
/*end pagination*/

/*modal*/


/*Css cho primevue*/

/*Hiển thị Select trên modal boostrap*/
.p-datepicker-panel,
.p-multiselect-overlay,
.p-select-overlay
{
  z-index: 1060 !important; /* Giá trị cao hơn modal */
}

.p-inputicon,
.p-datepicker-input-icon-container{
	top: 40% !important;
}

.p-button{
	height: 35px;
}

.p-tab-active{
	background: #fff !important;
	color: #059669 !important;
}

.p-tab:not(.p-tab-active):not(.p-disabled):hover{
	background: #fff !important;
}

.p-inputtext,
.p-select{
	width: 100% !important;
}

.filter_style{
	width: 200px !important;
	font-size: 14px;
}

.modal-header, 
.modal-body,
.modal-footer{
	padding: 1rem 1.75rem;
}

.col-hide-on-mobile {
	display: none;
}

/*Primevue Style*/
.p-dialog-header{
	padding: 0.75rem 1.25rem !important;
}

@media (min-width: 768px) {
	.col-hide-on-mobile {
		display: table-cell;
	}
}




