.select2-dropdown {z-index: 9999 !important}

	.bootstrap-timepicker-minute,.bootstrap-timepicker-hour,.bootstrap-timepicker-meridian,.bootstrap-timepicker-second {
		width:50px !important;
	}

	::-webkit-scrollbar {
	    width: 7px;
	}

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

	.datepicker{z-index:1151 !important;}

	.form-tab li a:hover {
		background: #eeeeee !important;
	}
	.form-tab li a.selected {
		background: #3c8dbc !important;
		color:#ffffff !important;
	}
	.alert_floating {
		bottom:10px;
		right:10px;
		position: fixed;
		z-index:1001;
		background: rgba(255, 140, 127, 0.7);
		color:#222222;
		font-weight: bold;
		padding:20px 50px 20px 50px;
		border-radius: 10px;
		box-shadow: 0px 0px 5px #aaaaaa;
	}

	#table_dashboard {
		font-size: 0.875rem;
	}

	

	.login-box-body {
      box-shadow: 0px 0px 25px #999999;
    }

	/*
	| ----------------------------------------------------------------------
	| AdminLTE 2 skins on the AdminLTE 4 layout
	| ----------------------------------------------------------------------
	| Each privilege picks a skin (skin-blue, skin-red-light, ...). The skin
	| colours the header and the sidebar brand; "-light" skins get the light
	| sidebar (data-bs-theme set in sidebar.blade.php).
	*/
	body { --cb-skin: #3c8dbc; --cb-skin-dark: #367fa9; --cb-skin-text: #fff; }
	body.skin-blue, body.skin-blue-light { --cb-skin: #3c8dbc; --cb-skin-dark: #367fa9; }
	body.skin-yellow, body.skin-yellow-light { --cb-skin: #f39c12; --cb-skin-dark: #e08e0b; }
	body.skin-green, body.skin-green-light { --cb-skin: #00a65a; --cb-skin-dark: #008d4c; }
	body.skin-purple, body.skin-purple-light { --cb-skin: #605ca8; --cb-skin-dark: #555299; }
	body.skin-red, body.skin-red-light { --cb-skin: #dd4b39; --cb-skin-dark: #d73925; }
	body.skin-black, body.skin-black-light { --cb-skin: #ffffff; --cb-skin-dark: #f4f4f4; --cb-skin-text: #333; }

	.app-header.navbar {
		background-color: var(--cb-skin) !important;
		border-bottom: 0;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
	}
	.app-header .navbar-nav > .nav-item > .nav-link {
		color: var(--cb-skin-text);
		font-weight: 600;
	}
	.app-header .navbar-nav > .nav-item > .nav-link:hover,
	.app-header .navbar-nav > .nav-item > .nav-link:focus,
	.app-header .navbar-nav > .nav-item.show > .nav-link {
		color: var(--cb-skin-text);
		background-color: rgba(0, 0, 0, 0.1);
	}
	.app-header .navbar-badge {
		font-size: 0.6rem;
		font-weight: 600;
	}

	.app-sidebar .sidebar-brand {
		background-color: var(--cb-skin-dark);
		border-bottom-color: rgba(0, 0, 0, 0.1);
	}
	.app-sidebar .sidebar-brand .brand-link,
	.app-sidebar .sidebar-brand .brand-link:hover {
		color: var(--cb-skin-text);
	}
	.app-sidebar .sidebar-brand .brand-text {
		font-size: 1.15rem;
		font-weight: 600 !important;
		letter-spacing: 0.02em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	/* The dark sidebar of AdminLTE 2's skins. */
	.app-sidebar[data-bs-theme="dark"] {
		--bs-secondary-bg: #222d32;
		--bs-secondary-bg-rgb: 34, 45, 50;
	}
	.app-sidebar[data-bs-theme="dark"] .sidebar-menu .nav-link.active {
		box-shadow: inset 3px 0 0 var(--cb-skin);
	}
	body.skin-black .app-sidebar[data-bs-theme="dark"] .sidebar-menu .nav-link.active {
		box-shadow: inset 3px 0 0 #fff;
	}

	.app-sidebar .sidebar-brand .brand-link .cb-brand-mark {
		float: none;
		display: inline-flex;
		flex-shrink: 0;
		margin-right: 0.5rem;
		align-items: center;
		justify-content: center;
		width: 2.1rem;
		height: 2.1rem;
		max-height: none;
		border-radius: var(--bs-border-radius);
		background: rgba(255, 255, 255, 0.2);
		color: var(--cb-skin-text);
		font-weight: 700;
		font-size: 1rem;
		line-height: 1;
	}
	body.skin-black .app-sidebar .cb-brand-mark,
	body.skin-black-light .app-sidebar .cb-brand-mark {
		background: rgba(0, 0, 0, 0.08);
	}

	/* Sidebar user panel */
	.user-panel {
		color: var(--bs-body-color);
		gap: 0.75rem;
		padding: 0.85rem 1rem;
		border-bottom: 1px solid var(--bs-border-color);
		white-space: nowrap;
		overflow: hidden;
	}
	.user-panel > .info > p {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 2px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.user-panel > .info > a {
		font-size: 11px;
		opacity: 0.85;
		color: var(--bs-secondary-color);
	}
	.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .user-panel > .info {
		display: none;
	}

	/* Section labels: "Navigation", "Superadmin" */
	.sidebar-menu > .nav-header {
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}
	.sidebar-menu .nav-link .nav-icon.fa {
		width: 1.25rem;
		text-align: center;
		font-size: 1rem;
	}
	.sidebar-menu .nav-link p {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Page title row */
	.app-content-header .cb-page-title {
		margin: 0;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.app-content-header .cb-page-title > .btn {
		vertical-align: middle;
		margin-bottom: 2px;
	}
	.app-content-header .breadcrumb {
		font-size: 0.875rem;
	}

	/*
	| ----------------------------------------------------------------------
	| User initials in place of the photo
	| ----------------------------------------------------------------------
	| 2.1rem in the navbar (.user-image), 90px in the user menu, 40px in the
	| sidebar panel.
	*/
	.cb-initials {
		display: inline-block;
		flex-shrink: 0;
		border-radius: 50%;
		text-align: center;
		font-weight: 600;
		letter-spacing: 0.02em;
		color: #fff;
		background: rgba(255, 255, 255, 0.25);
		user-select: none;
	}
	.user-menu .user-image.cb-initials {
		width: 2.1rem;
		height: 2.1rem;
		margin-top: -0.5rem;
		margin-bottom: -0.5rem;
		margin-right: 0.35rem;
		font-size: 12px;
		line-height: 2.1rem;
		vertical-align: middle;
	}
	body.skin-black .user-menu .user-image.cb-initials,
	body.skin-black-light .user-menu .user-image.cb-initials {
		color: #444;
		background: rgba(0, 0, 0, 0.08);
	}
	.user-menu .user-header {
		background-color: var(--cb-skin);
		color: var(--cb-skin-text);
	}
	.user-menu .user-header > .cb-initials {
		position: relative;
		z-index: 5;
		width: 90px;
		height: 90px;
		line-height: 84px;
		font-size: 32px;
		border: 3px solid rgba(255, 255, 255, 0.2);
	}
	.user-panel > .image > .cb-initials {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		background: rgba(255, 255, 255, 0.12);
	}
	/* Light skins have a light sidebar, so the panel badge needs dark text. */
	.app-sidebar[data-bs-theme="light"] .user-panel > .image > .cb-initials {
		color: #444;
		background: rgba(0, 0, 0, 0.08);
	}

	/* Notifications menu */
	#list_notifications .menu {
		max-height: 220px;
		overflow-y: auto;
	}

	/*
	| ----------------------------------------------------------------------
	| Data grid (default/index + default/table)
	| ----------------------------------------------------------------------
	*/
	.cb-grid-toolbar {
		padding: 0.75rem 1rem;
	}
	.cb-grid-search {
		width: 260px;
		max-width: 100%;
	}
	.cb-grid-search .input-group-text {
		color: var(--bs-secondary-color);
		border-right: 0;
	}
	.cb-grid-search .form-control {
		border-left: 0;
	}
	.cb-grid-search .form-control:focus {
		box-shadow: none;
	}
	.cb-grid-search .input-group:focus-within {
		border-radius: var(--bs-border-radius-sm);
		box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .2);
	}
	#form-limit-paging .form-select {
		width: auto;
	}
	@media (max-width: 575.98px) {
		.cb-grid-toolbar .box-tools,
		.cb-grid-search {
			width: 100%;
		}
		.cb-grid-search {
			flex: 1 1 100%;
		}
	}
	.cb-chip {
		font-size: 0.8rem;
		padding: 0.35em 0.75em;
		color: var(--bs-body-color) !important;
	}
	.cb-chip:hover {
		background-color: var(--bs-secondary-bg) !important;
	}

	.cb-grid > thead > tr > th {
		background-color: var(--bs-tertiary-bg);
		border-bottom-width: 1px;
		font-size: 0.75rem;
		font-weight: 600;
		letter-spacing: 0.03em;
		text-transform: uppercase;
		color: var(--bs-secondary-color);
		white-space: nowrap;
		vertical-align: middle;
	}
	.cb-grid > :not(caption) > * > * {
		padding: 0.55rem 0.75rem;
	}
	.cb-grid .cb-sort {
		color: inherit;
		text-decoration: none;
	}
	.cb-grid .cb-sort .fa {
		margin-left: 0.25rem;
		opacity: 0.35;
	}
	.cb-grid .cb-sort:hover .fa,
	.cb-grid .cb-sort.is-sorted .fa {
		opacity: 1;
	}
	.cb-grid .cb-sort.is-sorted {
		color: var(--bs-primary);
	}
	.cb-grid .cb-grid-check {
		width: 2.5rem;
		text-align: center;
	}
	.cb-grid .cb-grid-check .form-check-input {
		margin: 0;
		cursor: pointer;
	}
	.cb-grid .cb-grid-number {
		width: 1%;
		white-space: nowrap;
		color: var(--bs-secondary-color);
	}
	.cb-grid .cb-grid-actions {
		width: 1%;
		white-space: nowrap;
	}
	/* Rows toggle their checkbox on click, so they read as selectable. */
	.cb-grid tbody tr:has(.checkbox) {
		cursor: pointer;
	}
	.cb-grid tbody tr.cb-row-selected > * {
		--bs-table-bg-state: rgba(var(--bs-primary-rgb), .1);
	}
	.cb-grid tbody td img {
		border-radius: var(--bs-border-radius-sm);
		object-fit: cover;
	}
	.cb-grid tbody tr.cb-grid-empty > td {
		--bs-table-bg-type: transparent;
		cursor: default;
	}
	.cb-grid .button_action .btn-xs {
		--bs-btn-padding-y: 0.2rem;
		--bs-btn-padding-x: 0.45rem;
		line-height: 1.2;
	}
	.cb-grid-footer .pagination {
		--bs-pagination-padding-x: 0.6rem;
		--bs-pagination-padding-y: 0.25rem;
		--bs-pagination-font-size: 0.875rem;
		margin: 0;
	}
	.cb-filter-row + .cb-filter-row {
		margin-top: 0.5rem;
		padding-top: 0.5rem;
		border-top: 1px solid var(--bs-border-color-translucent);
	}