:root[data-bs-theme=light] {
	--bs-primary: #001E32;
	--bs-primary-light: #F7F3F0;
	
	--bs-primary-active: #E3000F;
	
	--bs-text-primary: #001E32;
	--bs-link-color-rgb: #001E32;

	--osztrak-gold: #AD836A;
	--bs-text-dark: #000000;
}
[data-bs-theme=dark] {
	--bs-primary: #3498db; 
/*	--bs-primary-light: #d2d4dc;
	
	--bs-primary-active: #be9d52;*/
	
	--bs-text-primary: #3498db;
	--bs-link-color-rgb: #001E32;

	--osztrak-gold: #AD836A;

	.text-dark-50-kanban {
		color: var(--bs-white);
	}
}

body {
	font-family: "Montserrat" !important;
	color: #62636A;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar {
  background-color: #001E32;
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-heading {
  color: #ffffff !important;
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link {
  color: #ffffff;
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-arrow::after {
	background-color: #ffffff;
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
  color: #ffffff;
}

@media (max-width: 767px) {
	div.dataTables_wrapper div.dataTables_paginate {
		margin-top: -1rem !important;
	}
}

/* Telefonszám országkód választó*/
.search-box, .select-box .options, .country-name {
	color: var(--bs-primary) !important;
}

.stepper.stepper-pills {
	--bs-stepper-icon-number-color: #001E32;
}
.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check {
	--bs-stepper-icon-number-color: #001E32;
	--bs-stepper-icon-check-color-completed: #001E32;
}

.progress-bar {
	background-color: #001E32;
}

.form-control.form-control-solid,
.form-select.form-select-solid {
	border: 1px solid #DBDBDF;
}

.form-check-input:checked {
	background-color: #f7961e;
}


table.dataTable.table-striped > tbody > tr.odd.selected > * {
	box-shadow: inset 0 0 0 9999px rgba(210,212,220,0.95);
}

.dt-buttons .btn-light-success, .dt-buttons .btn-light-warning, .dt-buttons .btn-light-danger {
	background-color: var(--bs-primary-light);
}

.dt-buttons .btn-light-success, .dt-buttons .btn-light-success i,
.dt-buttons .btn-light-warning, .dt-buttons .btn-light-warning i,
.dt-buttons .btn-light-danger, .dt-buttons .btn-light-danger i {
  color: var(--bs-primary);
}

.badge-danger {
	background-color: var(--osztrak-gold);
}

.btn-check:active + .btn.btn-active-color-primary .svg-icon, .btn-check:active + .btn.btn-active-color-primary i, .btn-check:checked + .btn.btn-active-color-primary .svg-icon, .btn-check:checked + .btn.btn-active-color-primary i, .btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.active i, .btn.btn-active-color-primary.show .svg-icon, .btn.btn-active-color-primary.show i, .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:hover:not(.btn-active) i, .show > .btn.btn-active-color-primary .svg-icon, .show > .btn.btn-active-color-primary i {
	color: var(--osztrak-gold);
}

.form-check-input:checked {
	border-color: var(--osztrak-gold);
  }

.ranges li.active {
	background-color: var(--bs-primary)!important;
	color: var(--bs-component-active-color);
	transition: color .2s ease;
  }

  .ranges li:hover {
	color: var(--bs-primary-active) !important;
  }

  .input-group > .input-group-append > .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  }

.kanban-container .kanban-board {
	margin-left: 0.5% !important;
	margin-right: 0.5% !important;
	width: 15.8333333333% !important;
}

.kanban-board:first-child {
	margin-left: 0% !important;
	margin-right: 0.5% !important;
}

.kanban-board:last-child {
	margin-left: 0.5% !important;
	margin-right: 0% !important;
}

@media (max-width: 768px) {
	.kanban-container .kanban-board {
		margin-left: 0.5% !important;
		margin-right: 0.5% !important;
		width: 100% !important;
	}

	.kanban-board:first-child {
		margin-left: 0.5% !important;
		margin-right: 0.5% !important;
	}
	
	.kanban-board:last-child {
		margin-left: 0.5% !important;
		margin-right: 0.5% !important;
	}
}