#global-loader {
  position: fixed;
  z-index: 50000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: linear-gradient(45deg, #3498db, #e74c3c, #2ecc71);
  background-size: 200% 200%;
  animation: gradient-shift 5s ease infinite;
}
.count-down .countdown {
  border-radius: 5px;
}
.countdown span:first-child {
  font-size: 30px;
}

button.ibtn {
	inset-block-start: 2px !important;
	inset-inline-end: 10px !important;
}

.wpx-100 {
	width: 100px;
}
.hw-10 {
	height: 10px;
	width: 10px;
}

[data-menu-styles="light"][data-nav-layout="vertical"] 
.app-sidebar .main-sidebar-header .header-logo img {
  max-height: 36px;
	width: auto;
}
[data-menu-styles="dark"][data-nav-layout="vertical"] 
.app-sidebar .main-sidebar-header .header-logo img {
  max-height: 36px;
	width: auto;
}

.main-header-container .header-element.notifications_header_btn {
	display: none;
}


/* CUSTOM STYLE */
	html {
		--primary-rgb: 58, 88, 146 !important;
		/*
		--body-bg-rgb: 8, 78, 115 !important;
		--body-bg-rgb2: 22 ,92 ,129 !important;
		--light-rgb: 13, 86, 120 !important;
		--form-control-bg: rgb(13, 86, 120) !important;
		--input-border: rgba(255,255,255,0.1) !important;
		*/
	}
	
	/* для статусов */
		.bg-outline-primary,
		.bg-outline-new {
			background-color: var(--custom-white);
			border: 1px solid var(--primary-color);
			color: var(--primary-color);
		}

		.bg-outline-secondary {
			background-color: var(--custom-white);
			border: 1px solid rgb(var(--secondary-rgb));
			color: rgb(var(--secondary-rgb));
		}

		.bg-outline-warning,
		.bg-outline-work {
			background-color: var(--custom-white);
			border: 1px solid rgb(var(--warning-rgb));
			color: rgb(var(--warning-rgb));
		}

		.bg-outline-info,
		.bg-outline-close {
			background-color: var(--custom-white);
			border: 1px solid rgb(var(--info-rgb));
			color: rgb(var(--info-rgb));
		}

		.bg-outline-success,
		.bg-outline-active {
			background-color: var(--custom-white);
			border: 1px solid rgb(var(--success-rgb));
			color: rgb(var(--success-rgb));
		}

		.bg-outline-danger,
		.bg-outline-to_del,
		.bg-outline-delete {
			background-color: var(--custom-white);
			border: 1px solid rgb(var(--danger-rgb));
			color: rgb(var(--danger-rgb));
		}
		
		
.main-header-center .form-control.global_filter {
	width: 100%;
	background-color: var(--custom-white);
}