::-webkit-scrollbar-thumb {
	background-color: #9ca3c3;
	border-radius: 10px;
}

::-webkit-scrollbar {
	width: 7px;
	height: 0px;
}

.off_color {
	color: #adb5bd;
}

.form-control:focus {
	outline: none;
	box-shadow: none;
	background-color: transparent;
}

.form-control {
	color: #ffffff !important;
	background-color: transparent;
}

.form-control {
	border: 1px solid #34384c !important;
}

input {
	outline: 0;
	color: #ffffff;
	border-radius: 100px !important;
}

input[type="search"]::-webkit-input-placeholder {
	color: #34384c !important;
}

input[type="search"]::-moz-placeholder {
	color: #34384c !important;
}

.btn {
	border-radius: 20px;
	text-align: center;
	padding: 5px 30px 5px 30px;
	/* min-width: 140px; */
	cursor: pointer;
	text-decoration: none;
}

.btn_blue {
	border: 1px solid #1a82ff;
	color: white;
}

.btn_blue:hover {
	background: #1a82ff;
	color: #ffffff;
}

.btn_blue.active,
.btn_blue:active {
	border: 1px solid #1a63f1 !important;
	background: #1a63f1 !important;
	color: #ffffff;
}

.btn_orange {
	border: 1px solid #ff5f1a;
	color: white;
}

.btn_orange:hover {
	background: #ff5f1a;
	color: #ffffff;
}

.btn_orange.active,
.btn_orange:active {
	border: 1px solid #ff441a !important;
	background: #ff441a !important;
	color: #ffffff;
}

.btn_gray {
	border: 1px solid rgba(47, 50, 65, 0.5);
	color: white;
}

.btn_gray:hover {
	background: #00000033;
	color: #ffffff;
}

.btn_gray.active,
.btn_gray:active {
	border: 1px solid rgba(47, 50, 65, 0.5) !important;
	background: rgba(47, 50, 65, 0.5) !important;
	color: #ffffff;
}

.btn_red {
	border: 1px solid #fa2256;
	border-radius: 20px;
	text-align: center;
	padding: 5px 30px 5px 30px;
	min-width: 140px;
	cursor: pointer;
	color: white;
	text-decoration: none;
}

.btn_red:hover {
	background: #fa2256;
	color: #ffffff;
}

.btn-check:focus + .btn,
.btn:focus {
	outline: none;
	box-shadow: none;
}

.grey {
	color: #a5adcf;
}

.grey-hold-width {
	color: #a5adcf;
	width: 40px;
}

@media only screen and (max-device-width: 768px) {
	.grey {
		font-size: 0.9rem;
	}
}

.box_color {
	background: rgba(47, 50, 65, 0.5);
	backdrop-filter: blur(4px);
	border-radius: 14px;
	border: 7px solid #1e1f25;
}

@media only screen and (max-device-width: 768px) {
	.mob_box_color {
		background: rgba(47, 50, 65, 0.5);
		backdrop-filter: blur(4px);
		border-radius: 14px;
		border: 7px solid #1e1f25;
	}

	.mob_box_color .box_color {
		border: none;
		border-radius: 0px;
		background: none;
		backdrop-filter: blur(0px);
	}
}

.mb0 {
	margin: 0;
}

.fm {
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
	margin-left: -20px;
}

@media only screen and (max-device-width: 768px) {
	.fm {
		font-size: 0.8rem;
		margin-bottom: 1rem;
		margin-left: 0px;
	}
}

@media only screen and (max-device-width: 768px) {
	.pm15 {
		padding-top: 15px !important;
	}
}

.cost {
	float: right;
	font-size: 20px;
}

@media only screen and (max-device-width: 768px) {
	.cost {
		float: none;
		font-size: 17px;
		margin-bottom: 5px;
	}
}

.costtxt {
	font-size: 20px;
	margin-bottom: 25px;
}

@media only screen and (max-device-width: 768px) {
	.costtxt {
		font-size: 13px;
		margin-bottom: 5px;
	}
}

.line_block {
	/*max-height: 500px;*/
	overflow-x: scroll;
}

@media only screen and (max-device-width: 768px) {
	.line_block::-webkit-scrollbar-thumb {
		display: none;
	}
}

/*@media only screen and (max-device-width: 768px) {
    .line_block{
        max-height: initial;
        overflow-x: auto;
    }
} */
.header_line {
	border-bottom: 1px solid #34384c;
	font-size: 14px;
}

@media only screen and (max-device-width: 768px) {
	.header_line {
		min-width: 975px;
		font-size: 12px;
	}
}

.hash {
	color: #56ccf2;
	font-style: italic;
	cursor: pointer;
	text-decoration: none;
}

.red_line {
	border-bottom: 1px solid #34384c;
}

@media only screen and (max-device-width: 768px) {
	.red_line {
		min-width: 975px;
		font-size: 12px;
	}
}

@media only screen and (max-device-width: 768px) {
	.pm0 {
		padding: 0 !important;
	}
}

.red_line:hover {
	background: #00000033;
	opacity: 1;
}

.red_line:last-child {
	border-bottom: none;
}

.red_line p {
	color: #fa2256;
	opacity: 0.6;
	font-size: 14px;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

.red_line .col {
	margin: auto;
}

.green_line {
	border-bottom: 1px solid #34384c;
}

@media only screen and (max-device-width: 768px) {
	.green_line {
		min-width: 975px;
		font-size: 12px;
	}
}

.green_line:hover {
	background: #00000033;
	opacity: 1;
}

.green_line:last-child {
	border-bottom: none;
}

.green_line p {
	color: #11cabe;
	opacity: 0.7;
	font-size: 14px;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

.green_line .col {
	margin: auto;
}

.green {
	color: #11cabe !important;
}

.red {
	color: #d02250 !important;
}

.yellow {
	color: #ca8f11;
}

.error_cost {
	color: #adb5bd;
	font-size: 0.76rem;
}

@media only screen and (max-device-width: 768px) {
	.error_cost {
		width: 170px;
	}
}

@media only screen and (max-device-width: 768px) {
	.error_head {
		width: 170px;
	}
}

.bi-wallet {
	color: #bd47fb;
	font-size: 21px;
}

.modal {
	background: #000000b8;
}

.modal-header {
	border-bottom: 1px solid #1e1f25;
}

.modal-content {
	background-color: #1e1f25;
	border-radius: 14px;
}

.modal-content .checkbox-google {
	float: none;
	padding-bottom: 18px;
}

.form-select {
	color: #5f676f;
	background-color: #262832;
	border: 1px solid #303446;
	border-radius: 50px;
}

.form-select:focus {
	border-color: #34384c;
	outline: 0;
	box-shadow: none;
}

.option_select {
	color: white;
}

.option_select:active {
	outline: 0;
}

.bnt_alert {
	background: none;
	color: white;
	border: none;
}

.bg-danger2 {
	width: 16px;
	height: 16px;
	font-size: 0.6rem;
	color: #1a63f1;
	border: 2px solid;
}

.search_block {
	background: rgba(47, 50, 65, 0.5) !important;
	border: 1px solid #34384c !important;
	border-radius: 100px !important;
	color: #34384c !important;
}

.search_block input {
	background: none;
	border: none;
	outline: 0;
	color: #ffffff;
}

.search_block input::placeholder {
	color: #a5adcf !important;
}

.search_block .bi {
	color: white;
	padding-left: 12px;
}

@media only screen and (max-device-width: 768px) {
	.hidden_mobile {
		display: none;
	}
}

@media only screen and (max-device-width: 820px) {
	.hidden_mobile {
		display: none;
	}
}

@media only screen and (max-device-width: 1180px) {
	.hidden_mobile {
		display: none;
	}
}

@media only screen and (max-device-width: 2560px) {
	.hidden_desktop {
		display: none;
	}
}

@media only screen and (max-device-width: 9999999px) {
	.hidden_desktop {
		display: none;
	}
}

@media only screen and (max-device-width: 768px) {
	.hidden_desktop {
		display: block;
	}
}

@media only screen and (max-device-width: 820px) {
	.hidden_desktop {
		display: block;
	}
}

@media only screen and (max-device-width: 1180px) {
	.hidden_desktop {
		display: block;
	}
}

.vline {
	border-right: 1px solid #34384c;
	width: 1px;
	height: 160px;
	margin-top: -22px;
}

@media only screen and (max-device-width: 1180px) {
	.vline {
		display: none;
	}
}

.h50 {
	height: 40%;
}

/*.checkbox-google {*/
/*    float: right;*/
/*}*/

.checkbox-google .checkbox-google-switch {
	display: inline-block;
	width: 45px;
	height: 22px;
	border-radius: 20px;
	position: relative;
	vertical-align: top;
	background: #1d1f25;
	transition: 0.2s;
}

@media only screen and (max-device-width: 768px) {
	.checkbox-google .checkbox-google-switch {
		top: 0px;
	}
}

.checkbox-google .checkbox-google-switch:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: -1px;
	background: #fa2256;
	border-radius: 50%;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 1px 5px 0 rgba(0, 0, 0, 0.12);
	transition: 0.15s;
}

.checkbox-google input[type="checkbox"] {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.checkbox-google input[type="checkbox"]:checked + .checkbox-google-switch {
	background: #1d1f25;
}

.checkbox-google
	input[type="checkbox"]:checked
	+ .checkbox-google-switch:before {
	background: #11c9be;
	transform: translateX(25px);
}

.checkbox-google label {
	margin-left: 12px;
}

/* Hover */
.checkbox-google
	input[type="checkbox"]:not(:disabled)
	+ .checkbox-google-switch {
	cursor: pointer;
	border: 1px solid #5d6588;
}

.w-20 {
	width: 20%;
}

.w-10 {
	width: 10%;
}

@media only screen and (max-device-width: 768px) {
	.w-20 {
		width: auto;
	}
}

.mcy-4 {
	margin-top: 1.5rem !important;
}

@media only screen and (max-device-width: 768px) {
	.mcy-4 {
		margin-top: 0.5rem !important;
	}
}

.mby-4 {
	margin-bottom: 1rem !important;
}

.pcb-7 {
	padding-bottom: 7px;
}

@media only screen and (max-device-width: 768px) {
	.pbm-10 {
		padding-bottom: 10px;
	}
}

@media only screen and (max-device-width: 768px) {
	.h60m {
		height: 30px;
	}
}

@media only screen and (max-device-width: 768px) {
	.custom_col {
		margin-top: 20px;
	}
}

.img-custom {
	max-width: 90%;
	height: auto;
	padding-bottom: 14px;
	margin-left: -11px;
}

@media only screen and (max-device-width: 768px) {
	.img-custom {
		max-width: 100%;
		height: auto;
		padding-bottom: 0px;
		margin-left: 0px;
	}
}

.plc3 {
	padding-left: 20px;
}

.mtext {
	word-wrap: break-word;
}

@media only screen and (max-device-width: 768px) {
	.mtext {
		text-align: center;
	}
}

.small,
small {
	font-size: 0.575em;
}

@media only screen and (max-device-width: 768px) {
	.small,
	small {
		font-size: 13px;
	}
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

@media only screen and (max-device-width: 768px) {
	.f16 {
		font-size: 13px;
	}
}

.f17 {
	font-size: 17px;
}

@media only screen and (max-device-width: 768px) {
	.f17 {
		font-size: 14px;
	}
}

.f20 {
	font-size: 20px;
}

@media only screen and (max-device-width: 768px) {
	.f20 {
		font-size: 13px;
	}
}

.f24 {
	font-size: 24px;
}

.f25 {
	font-size: 25px;
}

@media only screen and (max-device-width: 768px) {
	.f25 {
		font-size: 20px;
	}
}

.f27 {
	font-size: 27px;
}

.mfs {
	font-size: 12px;
}

.m14 {
	margin: 14px;
}

@media only screen and (max-device-width: 768px) {
	.m14 {
		margin: auto;
	}
}

.pb-20 {
	padding-top: 20px;
}

@media only screen and (max-device-width: 768px) {
	.pb-20 {
		padding-top: 10px;
	}
}

@media only screen and (max-device-width: 768px) {
	.m-m {
		margin-top: calc(-1 * var(--bs-gutter-y)) !important;
		margin-right: calc(-0.5 * var(--bs-gutter-x)) !important;
		margin-left: calc(-0.5 * var(--bs-gutter-x)) !important;
	}
}

.graf-custom {
	width: 160px;
}

.bi-arrow-down {
	font-size: 18px;
}

.bi-arrow-up {
	font-size: 18px;
}

.mb3 {
	margin-bottom: 4px;
}

.mh117 {
	max-height: 120px;
}

.mt-17 {
	margin-top: -20px;
}

.mt-14 {
	margin-top: 56px;
}

.ml-4 {
	margin-left: 16px;
}

@media only screen and (max-device-width: 768px) {
	.mt-17 {
		margin-top: -6px;
	}
}

.pt3 {
	margin-top: 3px;
}

.pl20 {
	padding-left: 20px;
}

.pl18 {
	padding-left: 18px;
}

.pl18w {
	padding-left: 18px;
	margin-top: -3px;
}

@media only screen and (max-device-width: 768px) {
	.pl18w {
		margin-top: 3px;
	}
}

.img_80 {
	width: 79%;
	margin-top: 3px;
}

@media only screen and (max-device-width: 768px) {
	.img_80 {
		width: 100%;
		margin-top: 0px;
	}
}

.fw-600 {
	font-weight: 500;
}

.slct {
	display: block;
	border-radius: 100px;
	border: 1px solid #34384d;
	background-color: #262832;
	width: 100%;
	padding: 4px 15px 4px 10px;
	color: #636c74;
	background-position: 290px -145px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-decoration: none;
}

.slct:focus {
	background-color: #262832;
}

.slct .bi-caret-down {
	float: right;
}

.slct:hover {
	color: #9dacb9;
}

.slct.active {
	border-radius: 10px 10px 0 0;
	border-bottom: none;
}

.drop {
	margin: 0;
	padding: 0;
	border: 1px solid #34384d;
	border-top: none;
	display: none;
	background: #262832;
	border-radius: 0 0 10px 10px;
}

.drop li {
	list-style: none;
	border-top: 1px solid #34384d;
	cursor: pointer;
	display: block;
	color: #444;
	padding: 4px 15px 4px 25px;
	background-position: 10px -119px;
}

.drop a {
	color: #9098b6;
	text-decoration: none;
}

.drop li:hover {
	background: #00000033;
	color: #222;
}

.link_head {
	text-decoration: none;
}

.link_head:hover {
	color: #ebeef1;
}

[data-tooltip] {
	position: relative; /* Относительное позиционирование */
}

[data-tooltip]::after {
	font-style: normal;
	font-size: 11px;
	word-wrap: break-word;
	content: attr(data-tooltip);
	position: absolute;
	width: 250px;
	left: -50px;
	top: 0;
	background: #1e1f25;
	border-radius: 10px;
	border: 1px solid #34384d;
	color: #fff;
	padding: 0.5em;
	box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
	pointer-events: none;
	opacity: 0;
	transition: 1s;
}

[data-tooltip]:hover::after {
	opacity: 1; /* Показываем подсказку */
	top: -3.5em; /* Положение подсказки */
}

.mlm12 {
	margin-left: 12px;
}

.table {
	border-color: #272833;
}

.dataTables_length {
	display: none;
}

#example_filter {
	display: none;
}

table,
th,
td {
	border: 1px solid black;
	border-collapse: collapse;
}

.table > :not(caption) > * > * {
	box-shadow: none;
}

.table-bordered > :not(caption) > * {
	border-width: 0px 0;
}

.table-bordered > :not(caption) > * > * {
	border-width: 0 0px;
}

.red_line td {
	color: #d02250 !important;
}

.green_line td {
	color: #17aaa3 !important;
}

.header_line th {
	color: #a5adcf;
	font-size: 1rem;
}

.pagination a {
	color: #9ca3c3;
	text-decoration: none;
}

.paginate_button.active {
	background: #a5adcf;
	width: 25px;
	border-radius: 100px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}

.paginate_button.active a {
	color: #272833;
}

.paginate_button {
	border-radius: 5px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}

.paginate_button a {
	color: #9ca3c3;
}

.dataTables_info {
	color: #a5adcf;
	font-weight: 100;
	display: none;
}

.paginate_button.next {
	background: #272833;
}

.paginate_button.next a {
	color: #9ca3c3;
}

.paginate_button.previous.disabled {
	background: #272833;
	width: auto;
}

.paginate_button.previous.disabled a {
	color: #9ca3c3;
}

.paginate_button.previous {
	background: #272833;
	width: auto;
}

.paginate_button.previous a {
	color: #9ca3c3;
}

.pagination {
	margin-top: 23px;
}

@media only screen and (max-device-width: 768px) {
	.mob_img {
		margin-right: -16px;
	}
}

@media only screen and (max-device-width: 768px) {
	.mob_f17 {
		font-size: 10px;
		margin-right: -30px !important;
	}
}

.mt7 {
	margin-right: -70px;
}

@media only screen and (max-device-width: 768px) {
	.mt7 {
		margin-top: 7px;
		margin-right: 0px;
	}
}

.no-events {
	padding: 16px;
	text-align: center;
}

.list-group-item {
	color: #ffffff;
	background: rgba(47, 50, 65, 0.5);
	border-radius: 14px !important;
	margin-bottom: 16px;
}

.list-group-item:hover,
.list-group-item:active,
.list-group-item:focus {
	background: #00000033;
	color: #ffffff;
}

.list-group-item:last-child {
	margin-bottom: 0;
}

.wallet-info {
	color: #ffffff;
}

.wallet-info > tbody > tr > td {
	border: 2px solid rgba(47, 50, 65, 0.5);
}

.percentage-wrapper {
	position: relative;
}

.percentage-wrapper .percentage {
	position: absolute;
	bottom: 10px;
	right: 24px;
}

@media only screen and (max-device-width: 768px) {
	.percentage-wrapper .percentage {
		right: 16px;
	}
}

.wallet-address {
	overflow: hidden;
	text-overflow: ellipsis;
}

.content-wrapper {
	margin-top: 1.5rem;
}

@media only screen and (min-device-width: 576px) {
	.content-wrapper {
		margin-top: 3rem;
	}
}

.mt-8 {
	margin-top: 3rem;
}

.operator-setup-button {
	margin-top: 0.5rem;
	display: flex;
	flex-direction: row;
	padding-top: 12px;
	padding-bottom: 12px;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

@media only screen and (min-device-width: 768px) {
	.operator-setup-button {
		margin-top: 0;
		margin-left: 1rem;
		padding: 16px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

.users-icon {
	width: 24px;
	opacity: 50%;
}

@media only screen and (min-device-width: 768px) {
	.users-icon {
		width: 32px;
	}
}

.event .hash p {
	color: #417ff7;
}

.event .error_cost {
	color: #fa2256;
	font-size: 12px;
}

.event .error_cost {
	margin: 0 !important;
	padding: 0 !important;
}

.support-fab-custom {
	bottom: 1.5rem;
	right: 1.5rem;
	z-index: 1050;
	width: 3.5rem;
	height: 3.5rem;
	background-color: #44b1d5;
	border: none;
	transition: all 0.2s ease;
}

.support-fab-custom:hover {
	background-color: #3a9bc1;
	transform: scale(1.05);
}