a.btn-pay {}

[data-theme=dark] a.btn-pay:hover {background: #151521;}
[data-theme=light] a.btn-pay:hover {background: #f3f6f9;}






.image-round img {border-radius: 0.475rem;}


.btn-mini, a.btn-mini {
	padding: 4px 8px!important;
	font-size: .9rem;
	border-radius: 0.275rem;
}



.dashboard-widget-body {max-height: 400px;overflow-y: auto;}


/* FORMS */
.core-form .card-body {padding-bottom:0;}

.without-tabs fieldset {
	padding: 0.5rem 1.5rem 0.5rem 1.5rem;
	border-radius: 4px;
	border: solid 1px #2b2b40;
	margin-bottom: 1rem;

	box-shadow: var(--kt-card-box-shadow);
	background-color: var(--kt-card-bg);
}
[data-theme=light] .without-tabs fieldset {
	border: solid 1px #eff2f5;
}
.without-tabs fieldset legend {
	width: auto;
	padding: 0;
	margin: 0;
	float:none;
}

form .child_field{margin-left: 55px}

.hide_field {
	display: none !important;
}

form .error_text{
	font-size:12px; color:red; float:right; margin-top: 4px;
}

.is-busy { position: relative; }
.is-busy * {
	transition: none;
	visibility: hidden;
}
.is-busy:after {
	content: '';
	display: block;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	border: 5px solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	color: inherit;
	background-color: transparent;
	-webkit-animation: loader-button 0.9s linear infinite;
	animation: loader-button 0.9s linear infinite;
	z-index: 99;
	width: 1.5rem;
	height: 1.5rem;
	margin: -0.75rem;
}
@-webkit-keyframes loader-button{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loader-button{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}


.pcms-form__symbols_count_wrap .symbols_count {
	position: absolute;
	top: 0;
	right: 0;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 0.9375rem;
	color: #888888;
	line-height: 1.5;
	border: 1px solid transparent;
}

.auto_copy_value {
	cursor: pointer;
	color: #20a8d8;
	border-bottom: 1px dotted #20a8d8;
}

.is_collapsed {
	transition: all 0.3s ease;
}
.is_collapse {
	position: relative;
	background: #f0f3f5;
	height: 36px;
	box-sizing: border-box;
	line-height: 36px;
	cursor: pointer;
}
.is_collapse > legend {
	position: absolute;
	top: 0;
	width: 100% !important;
	box-sizing: border-box;
	display: block;
	left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.is_collapsed > legend:before {
	content: '+';
	display: inline-block;
	margin: 0 10px 0 10px;
	font-size: 16px;
}
.is_collapsed.do_expand > legend:before {
	content: '';
	display: none;
}
.is_collapsed.do_expand > legend {
	cursor: pointer;
}
.is_collapse > .field, .is_collapse > .field_tabbed, .hide_field {
	display: none !important;
}

.pattern_fields_panel {
	display: none;
}
.pattern_fields > a {
	text-decoration: none;
	display: inline-block;
	padding: 4px 5px;
	border-radius: 2px;
	background-color: #8ad4ee;
	color: #FFF;
	margin: 0 0 2px 0;
}
.pattern_fields > a:hover {
	background-color: #20a8d8;
}
.ace_redactor {
	height: 350px;
}

.pcms-form__password-field-icon {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0.75rem 0 0;
	font-size: 160%;
	color: #888888;
	line-height: 1.7;
	border: 1px solid transparent;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
.pcms-form__password-field>input {
	padding-right: 3rem;
}


/* GRID */
.datagrid_loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 31px;
}
.datagrid .form-control {
	height: calc(calc(1.6em + 0.5rem + 2px));
	padding: 0.5rem;
}
.custom-select {
	height: calc(calc(1.6em + 0.5rem + 2px));
	padding: 0.5rem;
}
.datagrid tr .grid_field_value::after {
	transition: opacity 0.3s;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f044";
	display: inline-block;
	margin: 0 0 0 10px;
	cursor: pointer;
	color: #c8ced3;
	opacity: 0;
}
.datagrid tr:hover .grid_field_value::after {
	opacity: 1;
}
.grid_field_edit > .button {
	margin: 1rem 0 0 0;
}
.grid_field_edit {
	display: none;
	position: absolute;
	background-color: #151521;
	padding: 1rem;
	box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.52);
	width: 270px;
	top: 2rem;
	left: 0.75rem;
	z-index: 1;
}
.grid_field_value {
	display: flex;
	align-items: center;
}
.grid_field_value > span {
	white-space: nowrap;
}

.datagrid .actions {display: flex;justify-content: flex-end;}
.datagrid .actions .btn {margin-left:2px;}

.datagrid .btn i {padding-right:0;}

.flag_trigger i {font-size: 28px;}
.flag_trigger.flag_on i {color:#50cd89;}
.flag_trigger.flag_off i {}


.datagrid.table-dragged tbody > tr:not(.filter) > td.dragged_handle {
	cursor: move;
}
.datagrid.table-dragged tbody > tr > td.dragged_handle,
.is-sortable .card-header > .db-sortable-handle {
	position: relative;
}
.datagrid.table-dragged tbody > tr:not(.filter) > td.dragged_handle::before,
.is-sortable .card-header > .db-sortable-handle::before,
.layout-col-title > span::before,
.widgets-layout-scheme:not(.disable-sortable) > .layout-row-title > .cell > span::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0dc";
	color:#565674;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right:0;
	opacity: 0;
	transition: opacity 0.3s;
	will-change: opacity;
}
.datagrid.table-dragged tbody > tr:hover > td.dragged_handle::before,
.is-sortable .card-header:hover > .db-sortable-handle::before,
.widgets-layout-scheme:not(.disable-sortable) > .layout-row-title:hover > .cell > span::before,
.layout-col-title:hover > span::before {
	opacity: 1;
}

[data-theme=dark] table.dataTable > tbody > tr.active > * {
	background: #2c2c4b;
}
[data-theme=light] table.dataTable > tbody > tr.active > * {
	background: #fff6d5;
}



table.dataTable td:first-child, table.dataTable th:first-child, table.dataTable tr:first-child {padding-left: 15px;}
table.dataTable td:last-child, table.dataTable th:last-child, table.dataTable tr:last-child {padding-right: 15px;}

.dataTables_length .form-select-sm {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}



/*.datagrid .actions a {
	display: inline-block;
	text-decoration: none;
}
.datagrid .actions > a::before {
	margin: 0;
	padding: 0 3px;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
}
.datagrid .actions > a.view::before { content: "\f06e"; }
.datagrid .actions > a.edit::before { content: "\f044"; }
.datagrid .actions > a.config::before { content: "\f013"; }
.datagrid .actions > a.labels::before { content: "\f02b"; }
.datagrid .actions > a.fields::before { content: "\f02b"; }
.datagrid .actions > a.filter::before { content: "\f0b0"; }
.datagrid .actions > a.permissions::before { content: "\e08c"; }
.datagrid .actions > a.delete::before { content: "\f2ed"; }
.datagrid .actions > a.user::before { content: "\e001"; }
.datagrid .actions > a.play::before { content: "\e071"; }
.datagrid .actions > a.accept::before { content: "\e080"; }
.datagrid .actions > a.copy::before { content: "\e040"; }
*/






.inline_submit {}


/* UPLOAD FILES */
.image-update-btn, .image-delete-btn, .image-link-btn
{
	transform: translate(-50%,-50%);
	position: absolute;
	left: 100%;
}
.image-update-btn {
	top: 0;
}
.image-delete-btn {
	top: 100%;
}
.image-link-btn {
	top: 100%;
	left: 0;
}



/* AVATARS */
.pcms-profile-avatar__default {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: .875rem;
	border-radius: 0.475rem;
}
.pcms-profile-avatar__default svg {
	width: 100%;
	height: 100%;
	text-rendering: optimizeSpeed;
}
.pcms-profile-avatar__default.avatar__mini {
	width: 50px;
	height: 50px;
}
.peer_online:after, .peer_no_online:after {
	bottom: 10px;
	right: -6px;
	border: 2px solid #1e1e2d;
	height: 1em;
	width: 1em;
	content: '';
	position: absolute;
	border-radius: 50%;
}
.peer_online:after {
	background-color: #4dbd74;
}
.peer_no_online:after {
	background-color: #ffc107;
}

.symbol-35px .pcms-profile-avatar__default.avatar__mini, .symbol-35px img {
	width: 35px;
	height: 35px;
	border-radius: 0.475rem;
}



/* DEBUG */
.core-debug-bar {
	background: #151521;
	border-radius: 10px;
	overflow-y: auto;
	position: fixed;
	left:30px;
	bottom: 30px;
	width: 90%;
	display: none;
	z-index: 999;

	box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.52);
}
.core-debug-bar.active {
	height: 300px;
	display: block;
}

.queries_wrap .query {
	border-radius: 6px;
	padding:10px;
	margin-bottom:5px;
	background:#1e1e2d;
	border:solid 1px #28283f;
}
.queries_wrap .query .src{
	font-size:12px;
	color:#999;
}
.queries_wrap .query .debug_data{
	margin-top:4px;
	color: #a4deff;
}
.queries_wrap .query_time {
	color: #999;
	font-size: 12px;
	margin: 4px 0 0;
}
.queries_wrap .red_query {
	color: #c0392b;
}
.queries_wrap .green_query {
	color: #27ae60;
}



/* LOADER */
div.core-loader {border-radius: 0.475rem;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);background-color: #2B2B40;color: #92929F;font-weight: 500;margin: 0!important;width: auto;padding: 1rem 2rem!important;transform: translateX(-50%) translateY(-50%);position: absolute;top: 50%;left: 50%;text-align: center;}
div.core-loader>div:last-child {position: relative;width: 80px;height: 15px;margin: 1em auto}
div.core-loader>div:last-child>div {position: absolute;top: 0;width: 13px;height: 13px;border-radius: 50%;background: rgba(13, 110, 253, .9);animation-timing-function: cubic-bezier(0, 1, 1, 0)}
div.core-loader>div:last-child>div:nth-child(1) {left: 8px;animation: datatables-loader-1 .6s infinite}
div.core-loader>div:last-child>div:nth-child(2) {left: 8px;animation: datatables-loader-2 .6s infinite}
div.core-loader>div:last-child>div:nth-child(3) {left: 32px;animation: datatables-loader-2 .6s infinite}
div.core-loader>div:last-child>div:nth-child(4) {left: 56px;animation: datatables-loader-3 .6s infinite}
@keyframes datatables-loader-1 {
	0% {transform: scale(0)}
	100% {transform: scale(1)}
}
@keyframes datatables-loader-3 {
	0% {transform: scale(1)}
	100% {transform: scale(0)}
}
@keyframes datatables-loader-2 {
	0% {transform: translate(0, 0)}
	100% {transform: translate(24px, 0)}
}

.core-loader.no-bg {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	background-color: transparent;
}