html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.25;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:root {

	--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	--font-base: .875rem;

	--font-normal: 400;
	--font-medium: 600;
	--font-bold: 800;

	--font-size-xs: 0.55rem;
	--font-size-s: 0.65rem;
	--font-size-m: 1rem;
	--font-size-l: 1.15rem;
	--font-size-xl: 1.3125rem;

	--primary: #0052CC;
	--primary-subtle: #0065FF;
	--primary-light: #DEEBFF;
	--primary-lightdark: #0747A6;
	--primary-dark: #05367F;

	--error: #DE350B;
	--error-light: #FFEBE6;
	--error-dark: #BF2600;

	--success: #00875A;
	--success-light: #E3FCEF;
	--success-dark: #006644;

	--warning: #FF991F;
	--warning-light: #FFFAE6;
	--warning-dark: #FF8B00;

	--gray-bg: #FAFBFC;
	--gray-ultra-light: #F4F5F7;
	--gray-light: #EBECF0;
	--gray: #DFE1E6;
	--gray-dark: #505F79;

	--link: #0052CC;
	--color: #091E42;
	--bg: #fff;

	--white: #FFFFFF;

	--gap: 1rem;
	--gap-1: .5rem;
	--gap-2: 1.5rem;

	--border-radius: .2rem;

	--aside-width: 320px;

	--element-height: 32px;

}


@media only screen and (min-width: 960px) {
	:root {
		--aside-width: 304px;
	}
}


b {
	font-weight: bold;
}

.gap {
	gap: var(--gap)
}

.logo {
	fill: var(--primary-light);
	filter: brightness(0) invert(1);
}

.bg-ultra-light {
	background: var(--gray-ultra-light);
}

.bg-light {
	background: var(--gray-light);
}

.bg-gray {
	background: var(--gray);
}

.d-grid {
	display: grid;
}

*, *::before, *::after {
	box-sizing: border-box;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
}

html, body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

html {
	font-size: 16px;
}

body {
	background: var(--bg);
	letter-spacing: -.2px;

}

body, select, input, button, textarea {
	font-size: var(--font-base);
	font-family: var(--font-family);
	font-weight: var(--font-normal);
	font-style: normal;
	color: var(--color);
}

a {
	color: var(--link);
	text-decoration: none;
}

a:hover {
	color: var(--primary);
	text-decoration: underline;
}

.alert {
	padding: var(--gap);
}

.alert--warning {
	background: var(--warning-light);
	color: var(--warning-dark);
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--gap);
	padding-left: var(--gap);
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -1rem;
	margin-left: -1rem;
}

[class^="col"] {
	position: relative;
	width: 100%;
	padding-left: var(--gap);
	padding-right: var(--gap);
}


.p {
	padding: var(--gap);
}

.pb {
	padding-bottom: var(--gap);
}

.p-1 {
	padding: var(--gap-1);
}

.pt {
	padding-top: var(--gap);
}

.py {
	padding-top: var(--gap);
	padding-bottom: var(--gap);
}

.py-1 {
	padding-top: var(--gap-1);
	padding-bottom: var(--gap-1);
}

.px {
	padding-left: var(--gap);
	padding-right: var(--gap);
}

.px-1 {
	padding-left: var(--gap-1);
	padding-right: var(--gap-1);
}

.pl {
	padding-left: var(--gap)
}

.m {
	margin: var(--gap);
}

.ml {
	margin-left: var(--gap);
}

.ml-1 {
	margin-left: var(--gap-1);
}

.mr {
	margin-right: var(--gap);
}

.mb {
	margin-bottom: var(--gap);
}

.mt {
	margin-top: var(--gap);
}

.mx {
	margin-left: var(--gap);
	margin-right: var(--gap);
}

.my {
	margin-top: var(--gap);
	margin-bottom: var(--gap);
}

.mb-1 {
	margin-bottom: var(--gap-1);
}

.mr-1 {
	margin-right: var(--gap-1);
}

.b {
	border: 1px solid var(--gray-light);
}

.bb {
	border-bottom: 1px solid var(--gray-light);
}

.bt {
	border-top: 1px solid var(--gray-light);
}

.flex {
	display: flex;
}

.flex-column {
	flex-direction: column;
}

.flex-column-reverse {
	flex-direction: column-reverse;
}

.flex-row {
	flex-direction: row;
}

.flex-start {
	justify-content: flex-start;
}

.flex-center {
	justify-content: center;
}

.flex-middle {
	align-items: center;
}

.flex-between {
	justify-content: space-between;
}

.flex-end {
	justify-content: flex-end;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.image-container {

}

.image-wrapper {
	width: 40px;
	height: 40px;
}

.image-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}


@media only screen and (min-width: 960px) {
	.flex-md {
		display: flex;
	}

	.flex-md-column {
		flex-direction: column;
	}

	.flex-md-column-reverse {
		flex-direction: column-reverse;
	}

	.flex-md-row {
		flex-direction: row;
	}

	.flex-md-start {
		justify-content: flex-start;
	}

	.flex-md-center {
		justify-content: center;
	}

	.flex-md-middle {
		align-items: center;
	}

	.flex-md-between {
		justify-content: space-between;
	}

	.flex-md-end {
		justify-content: flex-end;
	}

	.flex-md-nowrap {
		flex-wrap: nowrap;
	}
}

.w100 {
	width: 100%;
}

.col-1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}

.col-2 {
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.col-5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}

.col-8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}

.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}

.col-11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

@media only screen and (min-width: 960px) {
	.col-md-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}

	.col-md-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}

	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.col-md-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}

	.col-md-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}

	.col-md-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}

	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.d-none {
	display: none;
}

.text--medium {
	font-weight: var(--font-medium);
}

.text--bold {
	font-weight: var(--font-bold);
}

.text--s {
	font-size: var(--font-size-s);
}

.text--m {
	font-size: var(--font-size-m);
}

.text--l {
	font-size: var(--font-size-l);
}

.text--xl {
	font-size: var(--font-size-xl);
}

.text--primary {
	color: var(--primary);
}

.text--success {
	color: var(--success);
}

.text--error {
	color: var(--error);
}

.text--muted {
	color: var(--gray);
}

.text--center {
	text-align: center;
}

.text--left {
	text-align: left;
}

.text--right {
	text-align: right;
}

.bg {
	background-color: var(--gray-bg);
}

.bg--primary {
	background-color: var(--primary);
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-weight: var(--font-normal);
	padding: var(--gap-1) var(--gap-1);
	background: transparent;
	user-select: none;
	border: 1px solid transparent;
	color: var(--gray);
	transition: all .3s ease;
	outline: none;
	border-radius: var(--border-radius);
}

.btn:hover {
	color: var(--gray-dark);
}

.btn--primary {
	background: var(--primary);
	color: var(--gray-ultra-light);
}

.btn--primary:hover {
	background: var(--primary-subtle);
	color: var(--primary-light);
}


.btn--primary:focus {
	background: var(--primary-dark);
}

.btn--error {
	background: var(--error-light);
	color: var(--error);
}

.btn--primary-soft {
	background: var(--primary-light);
	color: var(--primary);
}

.btn--primary-soft:hover {
	background: var(--primary);
	color: var(--primary-light);
}

.btn--loading {
	color: var(--gray-dark) !important;
	pointer-events: none;
	cursor: not-allowed;
}

.btn--secondary {
	background: transparent;
}

.btn--sm {
	height: var(--element-height);
	padding-left: var(--gap-1);
	padding-right: var(--gap-1);
	font-size: var(--font-size-s);
	border-radius: var(--border-radius);
}


.btn--xs {
	height: 24px;
	width: 24px;
	padding: 0;
}

.btn--icon {
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 50%;
	background: var(--gray-bg);
	color: var(--gray-dark);
}

.btn--icon:hover {
	border-color: var(--gray-ultra-light);
}

.btn--icon:focus {
	background-color: var(--gray-ultra-light);
}

.btn--success {
	pointer-events: none;
	background: var(--success);
	color: var(--success-light);
}


.aside {
	width: var(--aside-width);
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background: var(--primary-lightdark);
	z-index: 9;
}

.aside__navigation li ul li:last-child {
	padding-bottom: 0;
}

.aside__navigation-link {
	display: flex;
	align-items: center;
}

.aside__navigation-chevron {
	position: absolute;
	right: var(--gap-2);
}

.aside__navigation-chevron--is-active {
	transform: rotate(180deg);
}

.aside__navigation-child {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease;
}

.aside__navigation-child--is-active {
	max-height: 500px;
}

.aside__navigation-link, .aside__navigation-child-link {
	color: var(--primary-light);
	padding: var(--gap-1);
	border-radius: var(--border-radius);
	margin-bottom: var(--gap-1)
}

.aside__navigation-link:hover, .aside__navigation-child-link:hover {
	text-decoration: none;
	color: var(--primary-light);
	background: var(--primary-subtle);;
}

.aside__navigation-child-link--is-active {
	color: var(--primary-light);
	background: var(--primary-dark);
}


.aside__navigation-child-link {
	display: flex;
	align-items: center;
}

.aside__navigation-child-link::before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1px solid var(--primary-light);
	margin-right: 13px;
	margin-left: 6px;
}

.aside__navigation--is-active svg {
	color: var(--primary);
}


.nav {
	border-bottom: 1px solid var(--gray-light);
}

.wrapper {
	padding-left: var(--aside-width);
	height: 100vh;
}

.card {
	border: 1px solid var(--gray-light);
	border-radius: var(--border-radius);
}

.card__nav-item {
	display: inline-flex;
	padding: var(--gap);
	color: var(--color);
	font-weight: var(--font-bold);
	position: relative;
}

.card__nav-item:hover {
	color: var(--primary-dark);
	text-decoration: none;
}

.card__nav-item--is-active {
	color: var(--primary);
	border-bottom: 2px solid var(--primary);
	background: var(--gray-ultra-light);
}

.card__nav-count {
	position: absolute;
	top: -8px;
	right: -8px;
	background: var(--primary);
	width: 16px;
	height: 16px;
	color: var(--white);
	border-radius: 50%;
	font-size: .445rem;
	display: inline-grid;
	place-items: center;
	z-index: 9;
	box-shadow: 0 0 0 4px var(--white);
	font-weight: var(--font-normal);
}

.card__tab {
	display: none;
	padding-bottom: 80px;
}

.card__tab--is-active {
	display: block;
}

.card__tab-footer {
	position: fixed;
	bottom: 0;
	z-index: 1;
	width: calc(100% - 2rem - var(--aside-width));
	left: calc(1rem + var(--aside-width));
}

.form__control {
	display: block;
	width: 100%;
	height: var(--element-height);
	padding: var(--gap-1);
	font-size: var(--font-base);
	font-weight: var(--font-normal);
	line-height: 1.8;
	color: var(--color);
	border: 2px solid var(--gray-light);
	border-radius: var(--border-radius);
	transition: background .15s ease, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	outline: none;
	background: var(--gray-ultra-light);
}

.form__near .form__group {
	width: 100%;
	margin: 0 -.5rem;
}

.form__control:hover {
	background: var(--gray-light);
}

.form__control:focus {
	border-color: var(--primary-subtle);
	box-shadow: 0 0 10px 5px var(--gray-ultra-light);
	background: var(--white);
}

.form__control:disabled {
	background: var(--bg);
	border-color: var(--bg);
}

.form__group--column {
	flex-direction: column;
}

.from__group--start {
	align-items: flex-start;
}

.form__group--column .form__label {
	margin-bottom: var(--gap-1)
}

.form__group--column .form__control, .form__group--column .form__label {
	width: 100%;
}

.form__checkbox {
	margin: var(--gap-1) var(--gap-1) var(--gap-1) 0;
}

.form__checkbox-input {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.form__checkbox-label {
	cursor: pointer;
	display: flex;
	align-items: center;
	font-weight: var(--font-medium);
}

.form__checkbox-label:before {
	content: '';
	width: 16px;
	height: 16px;
	background: var(--gray-bg);
	border: 1px solid var(--gray-light);
	display: inline-block;
	margin-right: var(--gap-1);
	cursor: pointer;
	border-radius: var(--border-radius);
	transition: background-color .3s ease;
}

.form__checkbox-input[type="checkbox"]:checked ~ .form__checkbox-label:before {
	cursor: pointer;
	box-shadow: 0 0 10px 5px var(--gray-ultra-light);
	background: var(--primary) no-repeat center;
	background-size: 8px 8px;
	border-color: var(--primary);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.form__group textarea.form__control {
	min-height: 120px;
	padding: var(--gap-1) var(--gap-1);
}

.select {
	position: relative;
	z-index: 2;
}

.select__overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.select__input-arrow {
	position: absolute;
	right: var(--gap-1);
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.select__results {
	position: absolute;
	top: calc(var(--element-height) - 1px);
	width: 100%;
	max-height: 116px;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: rgb(214, 228, 241) 0px 3px 12px 0px;
	border: var(--primary-light);
	z-index: 2;
}

.select__results-item {
	cursor: pointer;
	height: var(--element-height);
	width: 100%;
	margin-top: -1px;
	background: var(--white);
	cursor: pointer;
}

.select__results-item:hover, .select__results-item--active {
	background: var(--primary-light);
	color: var(--primary)
}

.seo__title {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 3px;
	color: #1a0dab;
	font-family: arial, sans-serif;
	padding-top: 4px;
}

.seo__link {
	font-family: arial, sans-serif;
	font-size: 14px;
	line-height: 1.3;
	color: #202124;
	font-style: normal;
}

.seo__description {
	font-family: arial, sans-serif;
	line-height: 1.58;
	word-wrap: break-word;
	max-width: 48em;
	color: var(--gray);
	font-size: 14px;
}

.label {
	font-size: var(--font-size-s);
	background: var(--gray-ultra-light);
	color: var(--gray-dark);
	display: inline;
	padding: 4px var(--gap-1);
	border-radius: 20px;
	font-weight: var(--font-bold);
	text-transform: uppercase;
	line-height: 1.75;
}

.label-success {
	color: var(--success);
	background: var(--success-light);
}

.label-warning {
	color: var(--warning);
	background: var(--warning-light);
}

.label-primary {
	color: var(--primary);
	background: var(--primary-light);
}

.label-error {
	color: var(--error);
	background: var(--error-light);
}

.modal {
	position: fixed;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--bg);
	border: 1px solid var(--gray-light);
	min-width: 50%;
	z-index: 9;
	box-shadow: 0 0 10px 5px var(--gray-light);
}

.modal-full {
	display: none;
}

.modal__content {
	position: relative;
	margin-bottom: 60px;
}

.modal__footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--bg);
	padding: var(--gap);
}

.modal-inline {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: var(--bg);
	display: none;
}

.modal-on {
	height: auto;
	box-shadow: 0px 5px 30px 0px rgba(0, 82, 204, 0.2);
	width: 720px;
	left: 50%;
	top: -50%;
	transform: translate(-50%, 50%)
}

.modal-inline--is-active {
	display: block;
}

.notification {
	position: fixed;
	right: 15px;
	top: 60px;
	width: 200px;
	z-index: 99;
}

.notification__item {
	text-align: center;
	width: 100%;
	padding: var(--gap);
	margin-bottom: var(--gap-1);
	border-radius: var(--border-radius);
	font-weight: var(--font-medium);
}

.notification__item--success {
	background: var(--success-light);
	color: var(--success-dark);
}

.notification__item--error {
	background: var(--error-light);
	color: var(--error-dark);
}

.help-block {
	display: block;
	font-size: var(--font-size-s);
	margin-top: 8px;
	color: var(--gray-dark);
}

.file-manager {
	display: grid;
	grid-template-columns: repeat( auto-fit, min(100px) );
}

.file-manager__item {
	position: relative;
	height: 112px;
}

.file-manager__item:hover .file-manager__item-url {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
}

.file-manager__item-title {
	line-height: 1;
	height: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: 100%;
	word-wrap: anywhere;
	text-align: center;
	overflow: hidden;
	color: var(--gray-dark);
}

.file-manager__item-menu {
	position: absolute;
	right: var(--gap-1);
	top: var(--gap-1);
	z-index: 1;
	opacity: 0;
}

.file-manager__item:hover .file-manager__item-title {
	color: var(--primary)
}

.file-manager__item:hover .file-manager__item-menu {
	opacity: 1;
}

.file-manager__item-url:focus {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
}

.file-manager__item-size {
	position: absolute;
	left: var(--gap-1);
	top: var(--gap-1);
}

.file-manager__item-created, .file-manager__item-size {
	font-size: .6rem;
	margin-top: 4px;
	display: inline-block;
	overflow: hidden;
	color: var(--gray);
}

.mw100 {
	max-width: 100%;
	max-height: 64px;
}

.h100 {
	height: 100%;
}

.draggable {
	cursor: grab;
}

.dragging {
	cursor: grabbing;
}

@media only screen and (min-width: 960px) {
	.d-md-flex {
		display: flex;
	}
}

select.form__control {
	padding-top: 0;
	padding-bottom: 0;
	cursor: pointer;
}

table {
	table-layout: fixed;
	word-wrap: break-word;
}

.dataTables_scrollBody {
	overflow-x: hidden !important;
}

.dataTables_scrollHeadInner {
	width: 100%;
	min-width: 100%;
}

.dataTables_scrollHeadInner .table {
	min-width: 100%;
}

.dataTables_wrapper .table {
	min-width: 100%;
}

small {
	font-size: var(--font-size-xs);
}

.input-text {
	text-align: center;
	margin: 0;
	padding: 0;
	user-select: none;
	border: 0;
	width: 100%;
	background: transparent;
	cursor: pointer;
}

.input-text:focus {
	background: transparent;
	outline: 0;
	user-select: none;
}

.input-text::selection {
	background: transparent;
}

table.dataTable tbody td {
	padding: 4px !important;
	overflow: initial !important;
	white-space: normal !important;
	text-overflow: initial !important;
}

/* .cropper-container img {
	object-fit: none;
} */

.on-mobile {
	display: none;
}

.grid {
	display: grid;
	gap: 1rem;
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-10 {
	grid-template-columns: repeat(10, minmax(0, 1fr));
}


@media only screen and (max-width: 960px) {

	table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
		padding-left: 30px!important;
	}

	.dashboard.col-md-10 {
		padding: 0;
	}

	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.on-mobile {
		display: initial;
	}

	.card__nav {
		display: flex;
		overflow: auto;
	}

	.logo {
		padding: .25rem var(--gap);
	}

	.logo__image {
		width: 32px;
	}

	.aside {
		position: fixed;
		width: 0;
		overflow: hidden;
		transition: all .3s ease;
	}

	.aside--active {
		width: var(--aside-width);
		overflow: auto;
	}

	.aside__navigation {
		margin-top: 0;
	}

	.aside__opacity {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 8;
		background: rgba(0, 0, 0, .5);
		width: 100%;
		height: 100%;
	}

	.card__tab-footer {
		width: calc(100% - 2rem);
		left: 0;
	}

	.dataTables_length {
		display: none !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 0 !important;
	}

	.dtr-title:empty {
		display: none !important;
	}

	table.dataTable > tbody > tr.child ul.dtr-details {
		width: 100%;
	}

	.card__tab {
		padding-bottom: 100px;
	}

	.wrapper {
		padding-left: 0;
	}

	table.dataTable > tbody > tr.child ul.dtr-details li {
		display: flex;
		align-items: center;
	}

	table.dataTable .dtr-title {
		text-align: left;
	}
}


.ghost {
	border: 1px dashed #000;
	background-color: #fff;
}

.custom-drag-ghost {
	/* The original cloned element must not take place up in the page and must not be visible */
	position: absolute;
	top: -99999px;
	left: -99999px;
	/* Just for appearance */
	background-color: #edb458;
	border: 1px solid #e8871e;
}

.hidden-drag-ghost {
	opacity: 0;
}

.transition {
	transition: all 2s ease-out .5s;
	top: 0;
}


.draggable {
	position: relative;
}

.can-drop:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 4px solid var(--primary);
	content: "";
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
}

.dragging {
	border: 4px solid var(--gray-light);
	opacity: .2;
}

.dataTables_processing {
	background-color: var(--primary)!important;
	z-index: 999999!important;
	padding: 20px!important;
	width:fit-content!important;
	height:fit-content!important;
	margin: 0!important;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0px 36px 0px rgba(66, 68, 90, .4);
}

table.dataTable tbody tr.tabel-gray td {
	background-color: var(--gray)!important;
}