body {
    min-height: 100vh;
}

body.modal-open, body.megamenu-open, body.quickseach-open,
body.kt-quick-panel--on, body.dpis-help-panel--on, body.dpis-side-panel--on, body.swal2-shown {
	overflow: hidden !important;
}

body.megamenu-open .kt-sticky-toolbar {
	display: none;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(1, 2, 3, 0.4);
	border-radius: 10px;
	border: 1px solid rgba(255, 254, 253, 0.4);
	transition: background-color 150ms ease;
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(1, 2, 3, 0.6);
}

::-webkit-scrollbar-thumb:active {
	background: rgba(1, 2, 3, 0.8);
}



::-ms-reveal {
	display: none;
}
.revealable-pw {
	position: relative;
}
.revealable-pw input[type="text"] ~ .reveal-pw-btn,
.revealable-pw input[type="password"] ~ .reveal-pw-btn {
	position: absolute;
	top: 0;
	right: calc(.375em + .325rem);
	transition: right 150ms ease-out;
}
.revealable-pw input[type="text"].is-invalid ~ .reveal-pw-btn,
.revealable-pw input[type="password"].is-invalid ~ .reveal-pw-btn {
	right: calc((.375em + .325rem) * 2.5);
}

[class^="dx-"]:not([class*="icon"]) {
	font-size: unset !important;
}

.font--sarabun .dx-widget, .font--family-0 .dx-widget {
	font-family: Helvetica, Arial, Thonburi, Tahoma, sans-serif !important;
}
.font--sarabun .dx-widget, .font--family-1 .dx-widget {
	font-family: 'Noto Serif Thai', 'Noto Serif', sans-serif !important;
}
.font--sarabun .dx-widget, .font--family-2 .dx-widget {
	font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif !important;
}
.font--sarabun .dx-widget, .font--family-3 .dx-widget {
	font-family: 'Sarabun', sans-serif !important;
}

.kt-header__brand-logo-default {padding: 0!important;}
.kt-header__brand-logo-default img {max-height: 66px;}
.kt-header__brand-logo-default img.org-logo {max-width: 66px;}

.kt-header__brand-logo-sticky {padding: 0!important;}
.kt-header__brand-logo-sticky img {max-height: 36px;}
.kt-header__brand-logo-sticky img.org-logo {max-width: 36px;}

.kt-quick-search .kt-quick-search__form .form-control:not(:focus) {
	color: #ccc;
}

.kt-quick-search__item {
	transition: all 300ms ease-in-out;
}
.kt-quick-search__item:hover {
	background-color: rgba(0, 0, 0, .05);
}

.cursor-default {cursor: default!important;}
.cursor-pointer {cursor: pointer!important;}

.pointer-event-none {pointer-events: none}
.pointer-event-all {pointer-events: all}
.pointer-event-auto {pointer-events: auto}

.overflow-y-hidden {overflow-y: hidden}
.overflow-x-hidden {overflow-x: hidden}

input.form-control[readonly]:not(.original),
textarea.form-control[readonly]:not(.original) {
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjChYTMynLfzMbAAAAwklEQVQY033NPUoDURQG0PPGN46k8idVmjSJ2YHgTgSnsRH3IbgBF2BrJ64gWkkkK1DSKHYWdoGoE4uB5A2Oft3l3Ptd6mw5MzEzM3GqkKRwYaw0MlIaO7e5xmP3Bqtp4M6RVeWtMi1SulGQYc+OaQOndnVrjJbmDZwjEkU9HX31IlT6OnregksHtr37Si6jrg+PwYsTTzaEBJe+7buKFp69+p1gkSW/msn+grX/j1WrVES5YUtDZSgPrh36bLnMPfwA72Am7AsONaYAAAA1dEVYdENvbW1lbnQAQ29udmVydGVkIHdpdGggZXpnaWYuY29tIFNWRyB0byBQTkcgY29udmVydGVyLCnjIwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0xMC0yMlQxOTo1MDo0NiswMDowMG6+7/EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMTAtMjJUMTk6NTA6NDYrMDA6MDAf41dNAAAAEnRFWHRTb2Z0d2FyZQBlemdpZi5jb22gw7NYAAAAAElFTkSuQmCC), auto;
	border-style: dashed;
}
input.form-control[readonly]:not(:empty):not(.original):not(.form-control-plaintext) {
	font-weight: bolder;
}
input.form-control.form-control-plaintext[readonly] {
	cursor: auto;
}

.btn.disabled, .btn:disabled {
	cursor: default;
}
[class*="btn-outline"].disabled, [class*="btn-outline"]:disabled {
	filter: grayscale(1);
	background-color: #ccc;
}

.kt-sticky-toolbar.kt-sticky-toolbar--left {
	right: auto;
	left: 0;
	border-radius: 0 3px 3px 0;
}

.line-height-sm {
	line-height: 1.2;
}

.backdrop-blur {
	backdrop-filter: blur(2px);
}
.backdrop-blur-1 {
	backdrop-filter: blur(4px);
}
.backdrop-blur-2 {
	backdrop-filter: blur(10px);
}

.input-group>.twitter-typeahead {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}
.input-group>.twitter-typeahead>.form-control:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.lh-1 {
	line-height: 1 !important;
}
.font-size-90 {
	font-size: 90% !important;
}
.font-size-1rem {
	font-size: 1rem !important;
}

.font-weight-300 {font-weight: 300!important;}
.font-weight-500 {font-weight: 500!important;}
.font-weight-600 {font-weight: 600!important;}

.strikediag {
	background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
}

.kt-nav.dpis-menu-nav .kt-nav__item > .kt-nav__link:not(.construction) .kt-nav__link-text {
    pointer-events: none;
    color: #ccc!important;
}

.swal2-container {
    overflow-y: auto !important;
	z-index: 1160 !important;
}

.swal2-icon {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.bottom-0 {
	bottom: 0;
}

.unselectable {
    user-select: none !important;
}


.ps > .ps__rail-x, .ps > .ps__rail-y {
	margin: 2px;
	opacity: 1;
}

.ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y {
	opacity: 1;
}

.ps > .ps__rail-y > .ps__thumb-y {right: 0;}

.ps > .ps__rail-x, .ps > .ps__rail-x > .ps__thumb-x {height: 2px;}
.ps > .ps__rail-y, .ps > .ps__rail-y > .ps__thumb-y {width: 2px;}

.ps > .ps__rail-x, .ps > .ps__rail-y {
	transition: background-color .2s linear, height .2s ease-in-out, opacity .2s linear;
	-webkit-transition: background-color .2s linear, height .2s ease-in-out, opacity .2s linear;
}

.ps > .ps__rail-x, .ps > .ps__rail-x > .ps__thumb-x,
.ps > .ps__rail-y, .ps > .ps__rail-y > .ps__thumb-y {
	border-radius: 1rem;
}

.ps>.ps__rail-x>.ps__thumb-x,
.ps>.ps__rail-y>.ps__thumb-y{
	opacity: 1;
	background: #afb2b9;
}

.ps>.ps__rail-x>.ps__thumb-x:focus,
.ps>.ps__rail-x>.ps__thumb-x:hover,
.ps>.ps__rail-y>.ps__thumb-y:focus,
.ps>.ps__rail-y>.ps__thumb-y:hover{
	opacity: 1;
	background: #878a91;
}

.ps > .ps__rail-x:focus, .ps > .ps__rail-x:hover,
.ps > .ps__rail-y:focus, .ps > .ps__rail-y:hover {
	background-color: rgba(238, 238, 238, 0.9);
}

.ps > .ps__rail-x:focus, .ps > .ps__rail-x:hover,
.ps > .ps__rail-x:focus > .ps__thumb-x, .ps > .ps__rail-x:hover > .ps__thumb-x,
.ps > .ps__rail-x > .ps__thumb-x:focus, .ps > .ps__rail-x > .ps__thumb-x:hover,
.ps.ps--scrolling-x > .ps__rail-x, .ps.ps--scrolling-x > .ps__rail-x,
.ps.ps--scrolling-x > .ps__rail-x > .ps__thumb-x, .ps.ps--scrolling-x > .ps__rail-x > .ps__thumb-x {
	height: 6px;
}

.ps > .ps__rail-y:focus, .ps > .ps__rail-y:hover,
.ps > .ps__rail-y:focus > .ps__thumb-y, .ps > .ps__rail-y:hover > .ps__thumb-y,
.ps > .ps__rail-y > .ps__thumb-y:focus, .ps > .ps__rail-y > .ps__thumb-y:hover,
.ps.ps--scrolling-y > .ps__rail-y, .ps.ps--scrolling-y > .ps__rail-y,
.ps.ps--scrolling-y > .ps__rail-y > .ps__thumb-y, .ps.ps--scrolling-y > .ps__rail-y > .ps__thumb-y {
	width: 6px;
}

.table thead th, .table thead td {
    /*font-weight: 700;*/
}
.table.table-sm td, .table.table-sm thead th {
	padding-top: .3rem;
	padding-bottom: .3rem;
}
.table td.dataTables_empty {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.table-font-active,
.table-font-active > th,
.table-font-active > td,
.dataTables_wrapper .dataTable .table-font-active th,
.dataTables_wrapper .dataTable .table-font-active td{
	color: #5867DD;
	color: var(--primary);
}
.table-font-600,
.table-font-600 > th,
.table-font-600 > td {
	font-weight: 600;
}
.table-font-bold,
.table-font-bold > th,
.table-font-bold > td {
	font-weight: 700;
}
.table-fixed, .table--fixed {
    table-layout: fixed;
}
/*.table thead td, .table thead th {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}*/
/*.dpis-action-cell */.no-action-rights {
	display: none !important;
	pointer-events: none !important;
}
table.dataTable.table-sm > thead > tr > th {
	padding-right: 0.3rem!important;
}
div.dataTables_wrapper div.dataTables_info {
	padding: 0;
}
div.dataTables_wrapper .kt-pagination .kt-pagination__toolbar .form-control.form-control-xs {
	height: 2rem;
}
div.dataTables_wrapper .dt-buttons .btn.btn-xs {
	font-size: 1rem;
	font-weight: 500;
	height: 2rem;
	line-height: 1;
	padding: 0 0.5rem;
}
div.dataTables_wrapper div.dataTables_length label {
	margin-bottom: 0;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	justify-content: center !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item>.page-link {
	height: 2rem;
	min-width: 2rem;
}

/*
.picker--org-path {
	line-height: 1.1;
}
*/
.dataTables_wrapper .dataTable {
	border-collapse: collapse!important;
	line-height: 1.2;
}
.dataTables_wrapper .dataTable,
.dataTables_wrapper .dataTables_scroll {
    margin: 0 !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHeadInner {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	max-width: 100%;
}

.dataTables_wrapper .dataTables_scrollBody table thead tr th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

div.DTS div.dataTables_scrollBody .ps__rail-x,
div.DTS div.dataTables_scrollBody .ps__rail-y {
	z-index: 3;
}

table.dataTable.table-sm>thead>tr>th .kt-checkbox,
table.dataTable.table-sm>thead>tr>th .kt-checkbox *,
table.dataTable.table-sm>thead>tr>th .kt-radio,
table.dataTable.table-sm>thead>tr>th .kt-radio * {
	padding-right: 0!important;
}

@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
	.blockUI.blockOverlay {
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}
}

div.dataTables_wrapper .pagination-center div.dataTables_paginate ul.pagination {
    justify-content: center !important;
}
/*table.dataTable tbody > tr.selected {
	background-color: inherit !important;
}*/

.page-item.active .page-link {
	z-index: auto;
}

.fa-xl {
	font-size: 1.5em !important;
}

.btn.btn-xs [class^="fa-"], .btn-group-xs > .btn [class^="fa-"], .btn.btn-xs [class*=" fa-"], .btn-group-xs > .btn [class*=" fa-"] {
    font-size: 1rem;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0.5rem 1rem;
    font-size: 0.55rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn.btn-icon.btn-xs, .btn-group-xs > .btn.btn-icon {
    height: 2rem;
    width: 2rem;
}

.modal {
	padding-right: 0!important;
}

.fade, .modal.fade, .modal.fade .modal-dialog, .modal-backdrop.fade {
	-webkit-transition: unset !important;
	transition: unset !important;
}

.modal .modal-content .modal-header .close {
	font-size: 0;
}

.modal-footer {
	padding: .75rem 1.25rem;
}

.modal-xl {
	max-width: 96vw !important;
    margin-left: auto;
	margin-right: auto;
}

.display-5 {
    font-size: 3em;
}

.display-6 {
    font-size: 2em;
}

.display-7 {
    font-size: 1.5em;
}
/*
.kt-header {
	z-index: 12;
}*/

/*.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-wrapper img {
    height: 50px;
}*/

/*.kt-header__topbar {
	min-width: 600px;
	justify-content: flex-end;
}*/

@media (min-width: 1025px) {
	.kt-header__topbar-item--search {
		min-width: 180px;
	}
}

.kt-header__topbar-icon[data-badge]:not([data-badge="0"])::after {
	content: attr(data-badge);
	padding: 0;
	margin: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	font-size: .75rem;
	color: #fff;
	background: #fd397a;
	position: absolute;
	top: 5px;
	right: 5px;
}

.kt-section__title {
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 0;
    margin: 0 0 1.75rem 0;
    color: #464457;
}

#kt_header {
	z-index: 3;
}

/*.kt-menu__nav > .kt-menu__item > .kt-menu__link {
    background-color: #27283d;
    border: 0;
    padding: 0.75rem 1.5rem;
    color: #84859a;
}*/

@media (min-width: 1025px) {
	.kt-header__bottom {
		height: 50px !important;
		background-color: rgba(0,0,0,0.15) !important;
		transition: all 150ms ease-in-out;
	}

	.kt-header__bottom[data-favourite-count="0"] {
		display: none !important;
	}
	body.megamenu-open .kt-header__top .dpis-menu-wrapper {
		overflow-y: auto;
	}
	body.megamenu-open .kt-header__bottom {
		overflow: hidden !important;
		height: 0 !important;
		opacity: 0;
	}

	.kt-header__bottom .kt-menu__nav > .kt-menu__item > .kt-menu__link {
		background-color: rgba(255,255,255,0.8);
	}
	.kt-header__bottom .kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-icon {
		color: #333;
		/*color: var(--primary);*/
	}
	.kt-header__bottom .kt-header-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active)>.kt-menu__link, .kt-header-menu .kt-menu__nav>.kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active)>.kt-menu__link {
		background-color: #fff;
	}
	.kt-header__bottom .kt-header-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active)>.kt-menu__link .kt-menu__link-text, .kt-header-menu .kt-menu__nav>.kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active)>.kt-menu__link .kt-menu__link-text {
		color: #374afb !important;
	}

	.kt-header__bottom .kt-header-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu.kt-menu__submenu--2x {
		width: 550px;
		/*column-count: 2;*/
	}

	.kt-header__bottom .kt-header-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu.kt-menu__submenu--2x>.kt-menu__subnav {
		float: left;
		width: 50%;
	}

	/*.kt-header__bottom .kt-header-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu.kt-menu__submenu--2x .kt-menu__subnav {

		!* Method 1-1 *!
		display: flex;

		!* Method 1-2 *!
		flex-direction: column;
	}*/

	/*.kt-header__bottom .kt-header-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu.kt-menu__submenu--2x>.kt-menu__subnav>.kt-menu__item.kt-menu__item--submenu {
		width: 275px;

		!* Method 0 *!
		!*break-inside: avoid;*!
		!*page-break-inside: avoid;*!

		!* Method 2 *!
		!*float: left;*!
	}*/
}

#DPIS_Menu {
    left: 0;
    right: 0;
}

#DPISSubmenu .kt-header-menu-wrapper .kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link {
	max-height: 40px;
}

/*@media (max-width: 1024px) {
	.kt-header-menu-mobile .kt-menu__nav {
		margin-top: 60px;
	}
}*/

/*.kt-quick-panel {
	z-index: 1031;
}*/

.dpis-help-panel {
	width: 100% !important;
	max-width: 800px;
}
.dpis-help-panel .card.help-card img {
	max-width: 100%;
}
.kt-quick-panel--right .kt-quick-panel.dpis-help-panel {
	right: -100%;
}
.kt-quick-panel--right .kt-quick-panel.dpis-help-panel.kt-quick-panel--on {
	right: 0;
}

@media (max-width: 1024px) {
    .dpis-menu-wrapper .row {
        flex-wrap: wrap;
    }
	.dpis-menu-wrapper .row .col {
		min-width: 100%;
	}
    .dpis-menu-wrapper .row .col + .col {
        border-left: none !important;
    }

	.dpis-menu-wrapper .kt-nav .kt-nav__section .kt-nav__section-text {
		font-size: 1.3rem;
		line-height: 1.1;
	}
	.dpis-menu-wrapper .kt-nav .kt-nav__item>.kt-nav__link .kt-nav__link-text {
		font-size: 1rem;
	}
}
@media (min-width: 1025px) {
	.kt-header--fixed.kt-header--minimize.modal-open {
		padding-top: 180px !important;
	}
	.kt-header--minimize .dpis-menu-wrapper {
		max-height: calc(100vh - 60px)
	}
	.dpis-menu-wrapper {
		max-height: calc(100vh - 110px)
	}
	.dpis-menu-wrapper .row {
	}
	.dpis-menu-wrapper .row .col {
		min-width: 275px;
	}

	.dpis-menu-wrapper .kt-nav .kt-nav__section .kt-nav__section-text {
		font-size: 1.3rem;
		line-height: 1.1;
	}
	.dpis-menu-wrapper .kt-nav .kt-nav__item>.kt-nav__link .kt-nav__link-text {
		font-size: 1.1rem;
	}
}

.dpis-menu-wrapper {
	width: 100%;
}

.dpis-menu-wrapper .row .col {
	border-left: 1px solid transparent;
	border-bottom: 1px solid #f6f6f6;
}

.dpis-menu-wrapper .row .col + .col {
    border-left-color: #f6f6f6;
}

.dpis-menu-wrapper .kt-nav {
    line-height: 1.35;
    margin-bottom: 15px;
}

.dpis-menu-wrapper .kt-nav .kt-nav__section {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dpis-menu-wrapper .kt-nav .kt-nav__item[data-level="2"] > .kt-nav__link {
	padding-left: 2.75rem
}

.dpis-menu-wrapper .kt-nav .kt-nav__item[data-level="3"] > .kt-nav__link {
	padding-left: 3.75rem
}

.dpis-menu-wrapper .kt-nav .kt-nav__item[data-level="4"] > .kt-nav__link {
	padding-left: 4.75rem
}

.kt-menu__subnav .kt-menu__item .icon-menu-placeholder,
.dpis-menu-wrapper .kt-nav .kt-nav__item .icon-menu-placeholder {
	transform: scale(0.4);
	opacity: 0.75
}


.dpis-side-panel {
	background-color: #fff;
	-webkit-box-shadow: 0 0 28px 0 rgba(82,63,105,.13);
	box-shadow: 0 0 28px 0 rgba(82,63,105,.13);
	padding: 0;
}

.dpis-side-panel {
	z-index: 1001;
	position: fixed;
	-webkit-overflow-scrolling: touch;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	-webkit-transform: translate3d(0,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	width: 425px!important;
	max-width: 100vw;
	-webkit-transition: left .3s ease,right .3s ease;
	transition: left .3s ease,right .3s ease;
	left: -445px;
}

.dpis-side-panel {
	background: #fff;
	-webkit-box-shadow: 0 1px 9px -3px rgba(0,0,0,.75);
	box-shadow: 0 1px 9px -3px rgba(0,0,0,.75);
}

.dpis-side-panel.dpis-side-panel--on {
	-webkit-transition: left .3s ease,right .3s ease;
	transition: left .3s ease,right .3s ease;
}

.dpis-side-panel--left .dpis-side-panel {
	left: -445px;
	right: auto;
}

.dpis-side-panel--left .dpis-side-panel.dpis-side-panel--on {
	left: 0;
}

.dpis-side-panel-overlay {
	background: rgba(0,0,0,.1);
}

.dpis-side-panel-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	z-index: 1000;
	background: rgba(0,0,0,.1);
	-webkit-animation: kt-animate-fade-in .3s linear 1;
	animation: kt-animate-fade-in .3s linear 1;
}

.dpis-side-panel .dpis-side-panel__close {
	position: absolute;
	z-index: 1;
	right: 1.5rem;
	top: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 28px;
	height: 28px;
	background-color: #f7f8fa;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 4px;
}

.dpis-side-panel .dpis-side-panel__close:hover {
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color: #421bd6;
}

.dpis-side-panel .dpis-side-panel__close i {
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: .8rem;
	color: #74788d;
}
.dpis-side-panel .dpis-side-panel__close:hover i {
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #fff;
}

.nav-tabs-hscroll {
    flex-wrap: nowrap;
}

.nav-tabs-hscroll .nav-item {
    flex: 0 0 auto;
}

.form-control-plaintext {
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}

.select2-container--default .select2-dropdown {
	-webkit-box-shadow: none;
	box-shadow: none;
	transition: box-shadow .3s ease-in-out;
}
.select2-container--default.select2-container--open .select2-dropdown {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0,0,0,.07), 0 8px 16px rgba(0,0,0,.07), 0 16px 32px rgba(0,0,0,.07), 0 32px 64px rgba(0,0,0,.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0,0,0,.07), 0 4px 8px rgba(0,0,0,.07), 0 8px 16px rgba(0,0,0,.07), 0 16px 32px rgba(0,0,0,.07), 0 32px 64px rgba(0,0,0,.07);
}
/*
.select2-container--open .select2-dropdown--below {

}
*/

.select2-container--default .form-control-sm {
	border-radius: .2rem!important;
}
.select2-container--default .select2-selection--multiple.form-control-sm {
	padding-left: .125rem!important;
}
.select2-container--default .select2-selection--multiple.form-control-sm,
.select2-container--default .select2-selection--multiple.form-control-sm .select2-selection__rendered {
	padding-top: .125rem!important;
	padding-bottom: .125rem!important;
	/*padding-left: .125rem!important;*/
}
.select2-container--default .select2-selection--multiple.form-control-sm .select2-selection__rendered {
	padding-right: .125rem!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
	font-weight: inherit;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field[placeholder]:not([placeholder=""]) {
	width: 100%!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
	border: 0;
	position: absolute;
	top: 50%;
	font-family: LineAwesome;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	content: "";
	font-size: 1.4rem;
	display: inline-block;
	left: auto;
	right: 0.6rem;
	margin-right: .4rem;
	margin-top: -1rem;
}

.select2-container--default.select2-container--disabled .select2-selection__clear ,
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none !important;
}

.select2-container--default .select2-selection.select2-selection--single.form-control-sm {
	padding: 0;
}
.select2-container--default .select2-selection.select2-selection--single.form-control-sm > .select2-selection__rendered {
	padding: .5rem 3rem .5rem 1rem;
}

select.form-control.is-invalid + .select2-container .select2-selection {
    border-color: #fd397a;
}

select.form-control.is-invalid + .select2-container .select2-selection__arrow {
    color: #fd397a;
}

.is-invalid .kt-checkbox > span {
    border-color: #fd397a;
}

.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar [data-ktportlet-tool="toggle"] i[class^='fa'],
.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar [data-ktportlet-tool="toggle"] i[class^='fa'] {
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}
.kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar [data-ktportlet-tool="toggle"] i[class^='fa'],
.kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar [data-ktportlet-tool="toggle"] i[class^='fa'] {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.jstree {
    font-size: 13px;
}

.jstree .kt-badge {
    font-size: 0.8em;
    pointer-events: none;
}

.jstree .btn.btn-sm {
    font-size: 0.875em;
}

.jstree .btn.btn-sm [class*=" fa-"] {
    font-size: 1em;
}

.jstree.jstree-scrollable {
    overflow: auto;
    padding-bottom: 1rem;
}

.jstree.jstree-multiple-line .jstree-leaf {
    height: auto;
}
.jstree.jstree-multiple-line .jstree-anchor {
	/*display: inline;*/
	height: auto;
	white-space: normal;
	width: calc(100% - 24px);
}
.jstree.jstree-multiple-line .jstree-anchor > .jstree-anchor-text {
	display: inline-block;
	width: calc(100% - 26px);
}
.jstree.jstree-default-large.jstree-multiple-line .jstree-anchor {
	width: calc(100% - 32px);
}
.jstree.jstree-multiple-line .jstree-anchor.jstree-hovered {
	background: #e7f4f9;
}
.jstree.jstree-multiple-line .jstree-anchor.jstree-clicked {
	background: #def7fc;
}
.jstree.jstree-default-large.jstree-multiple-line .jstree-anchor > .jstree-anchor-text {
	display: inline-block;
	width: calc(100% - 71px);
}
.jstree.jstree-multiple-line .jstree-wholerow-ul {
	width: 100%;
}
.jstree.jstree-multiple-line .jstree-wholerow {
	/*height: 100%;*/
	opacity: 0;
}

.jstree-default .jstree-wholerow-hovered {
	background: #e7f4f9;
	background: var(--secondary) !important;
}

.jstree-default .jstree-wholerow-clicked {
	background: #beebff;
	background: #7fcdff !important;
	background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #beebff),to(#7fcdff)) !important;
	background: linear-gradient(to bottom, #beebff 0, #7fcdff 100%) !important;
}

.jstree .jstree-anchor--tools .jstree-wholerow-focus-only {
	visibility: hidden;
	pointer-events: none;
}

.jstree .jstree-wholerow-hovered ~ .jstree-anchor--tools .jstree-wholerow-focus-only,
.jstree .jstree-wholerow-clicked ~ .jstree-anchor--tools .jstree-wholerow-focus-only {
	visibility: visible;
	pointer-events: auto;
}

/*.jstree-default>.jstree-wholerow-ul .jstree-clicked {
	color: var(--light) !important;
}*/

.modal .jstree-contextmenu {
    z-index: 2000;
}

.jstree-default.jstree-default-large .jstree-container-ul:not(.jstree-striped) .jstree-node {
    border-top: 1px solid #ebedf2;
}

.jstree-default.jstree-default-large .jstree-container-ul:not(.jstree-striped) .jstree-node .jstree-node {
    border-left: 1px solid #ebedf2;
}

.jstree-default.jstree-default-large .jstree-container-ul:not(.jstree-striped) > .jstree-node:first-child {
    border-top: 0;
}

/*.jstree-default.jstree-default-large .jstree-container-ul:not(.jstree-striped) {
    border-bottom: 1px solid #ebedf2;
}*/

.jstree-default.jstree-default-large:not(.jstree-multiple-line) .jstree-anchor .btn-icon {
    opacity: 0;
    pointer-events: none;
}
.jstree-default.jstree-default-large:not(.jstree-multiple-line) .jstree-anchor.jstree-clicked .btn-icon,
.jstree-default.jstree-default-large:not(.jstree-multiple-line) .jstree-anchor.jstree-hovered .btn-icon {
    opacity: 1;
    pointer-events: auto;
}

.jstree-default.jstree-multiple-line .jstree-anchor .btn-icon {
	display: none;
}
.jstree-default.jstree-multiple-line .jstree-anchor.jstree-clicked .btn-icon,
.jstree-default.jstree-multiple-line .jstree-anchor.jstree-hovered .btn-icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.jstree-default .jstree-anchor[data-error]:not([data-error="0"]) {
    color: #f00;
    font-style: italic;
}

.jstree-default .jstree-anchor[data-error]:not([data-error="0"]):after {
    content: '*';
    display: inline-block;
}

.jstree-default .jstree-search {

}

.jstree-default .jstree-ellipsis.jstree-wholerow-ul {
    width: 100%;
}

.jstree-default .jstree-node {
    /*position: relative;*/
}

.jstree-thread {
    border-bottom: 2px solid #dee2e6;
    font-weight: 700;
    color: #6c7293;
}

.jstree-thread--tools {
    position: relative;
    /*float: right;*/
}
.jstree-thread--tools > * {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 100%;
}
.jstree-thread--tools > * + * {
    border-left: 1px solid #fafafa;
}

.jstree-anchor--tools {
	height: 24px;
	display: flex;
    position: absolute;
    right: 0;
	line-height: 1;
}

.jstree-default-large .jstree-anchor--tools {
    height: 32px;
}

.jstree .btn.btn-icon.btn-sm {
    width: 20px;
    height: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}
.jstree.jstree-default-large .btn.btn-icon.btn-sm {
	margin-top: 6px;
	margin-bottom: 6px;
}

.jstree-anchor--tools > * {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 100%;
}
.jstree-anchor--tools > * + * {
    border-left: 1px solid #fafafa;
}

.jstree-anchor--tools .btn-icon {
    opacity: 1;
    pointer-events: auto;
}

.jstree-anchor--tools .kt-checkbox.kt-checkbox--single {
    margin: 0;
    padding-left: 18px;
}

.jstree-thread--tools.--fix-width > *,
.jstree-anchor--tools.--fix-width > * {
    width: 50px;
}

pre.code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
}

.dropzone .dz-preview-file-list {
    display: block;
    padding: 1rem 0;
    margin: 0 1rem;
}
.dropzone .dz-preview-file-list + .dz-preview-file-list {
    border-top: 1px solid #ccc;
}
.dropzone .dz-preview-file-list.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview-file-list .dz-success-mark, .dropzone .dz-preview-file-list .dz-error-mark {
    display: none;
}
.dropzone .dz-preview-file-list.dz-success .dz-success-mark {
    display: inline;
}
.dropzone .dz-preview-file-list.dz-error .dz-error-mark {
    display: inline;
}

.fc-unthemed .fc-toolbar h2 {
	font-size: 1.5rem;
}
.fc-dayGrid-view .fc-day-number {
	padding: 0 2px !important;
}
.fc-unthemed .fc-day-grid td:not(.fc-axis) {
	padding: 0.2rem 0.2rem 0;
}
.fc-unthemed .fc-day-grid td:not(.fc-axis).fc-event-container {
	padding: 0.2rem 0.2rem;
}
.fc-unthemed .fc-event.fc-event-bar .fc-content {
	padding: 0.1rem 0.2rem 0.1rem 8px;
	line-height: 1.1;
}
.fc-unthemed .fc-event.fc-event-bar .fc-content:before {
	width: 0.2rem;
	height: auto;
	top: 1px;
	left: 1px;
	bottom: 1px;
	border-radius: 0.2rem;
}
.fc-unthemed .fc-event.fc-event-bar .fc-content .fc-title {
	font-size: 0.8rem;
}

.typeahead.kt-spinner:before {
	z-index: 999;
}

.competence-compare--list-item {
	height: 3.5rem;
	padding-top: 0;
	padding-bottom: 0;
}

.datepicker tbody tr>td.day.old.disabled,
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	color: #efefef;
	background: none;
}

.daterangepicker {
	font-family: inherit;
	z-index: revert;
}

.draggable-handle {
	cursor: grab !important;
}
.draggable-handle:active {
	cursor: grabbing !important;
}
.tooltip.bs-tooltip-top{
	z-index: 9999;
}

.pswp__button--zoom-1x, .pswp__button--zoom-2x, .pswp__button--zoom-4x {
	background: none;
	color: #fff;
}