.mid-tab {
	margin-left: auto;
	margin-right: auto;
	/*width: fit-content;*/
	width: 50%;
}

.tab-font {
	font-size: 24px !important;
	font-weight: bold !important;
}

.li-tab {
	/*background: #1f3bb3 !important;*/
	color: white !important;
	padding: 1px;
	/* border-radius: 12px 12px 0px 0px; */
}

.d-card {
	border-radius: 30px;
	-webkit-box-shadow: 0 20px 20px rgb(0 0 0 / 20%),
		0px 0px 50px rgb(0 0 0 / 20%);
	box-shadow: 0 20px 20px rgb(0 0 0 / 20%), 0px 0px 50px rgb(0 0 0 / 20%);
	min-height: 13vh;
	padding: 1rem 2rem;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 16rem;
	text-align: center;
}

.btn-change-vip-unverify {
	background: #cb4141;
	color: white;
	padding: 2px 12px;
	text-decoration: none;
	font-weight: 600;
	border-radius: 25px;
	cursor: pointer;
	margin: 2px;
}

.btn-change-vip-verify {
	background: #5caafb;
	color: white;
	padding: 2px 12px;
	text-decoration: none;
	font-weight: 600;
	border-radius: 25px;
	cursor: pointer;
}

.filter-container {
	position: inherit;
	margin-left: calc(42vw - 65px);
}

.diamond-info {
	color: #fbfbfb;
	font-weight: bold;
	display: none;
	height: 30px;
	margin-top: 15px;
	background: black;
	border-radius: 6px;
}

.red-profile {
	margin: 8px 26px 0;
	border: 1px solid;
	border-radius: 8px;
	padding: 4px;
}

.red-pro-pic {
	height: 50px;
	border-radius: 8px;
}

.twitter-typeahead {
	width: 18.5em;
}

.payLabelInfo {
	display: grid;
}

.proPayDiamondsGrey {
	border: 9px solid #aaa;
	border-radius: 50%;
	margin-bottom: 8px;
}
.proPayDiamondsGold {
	border: 9px solid rgb(221, 182, 9);
	border-radius: 50%;
	margin-bottom: 8px;
}

.proPayDiamondsBlue {
	border: 9px solid rgb(39, 104, 243);
	border-radius: 50%;
	margin-bottom: 8px;
}

/************************************
*
* New Style
* @author: Ian
* @start: 20-03-2022
*
*
*/

html,
body {
	height: 100%;
	width: 100%;
	overflow: unset !important;
}

/* ---- Login ----- */
.auth-form-light {
	min-width: 30rem;
}

/*********************************
*
* Commons
*
*****/
.hide {
	display: none !important;
}

.hidden {
	position: absolute !important;

	visibility: hidden !important;
}

.font-10 {
	font-size: 10px !important;
}
.font-12 {
	font-size: 12px !important;
}
.font-14 {
	font-size: 14px !important;
}
.font-16 {
	font-size: 16px !important;
}
.font-18 {
	font-size: 18px !important;
}

input.form-control {
	padding: 0.5rem 0.81rem !important;
}

.row {
	--bs-gutter-x: 16px !important;
}

.rounded-default {
	border-radius: 5px !important;
}

.centered {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.max-100 {
	max-width: 200px !important;
}

.max-150 {
	max-width: 200px !important;
}

.max-200 {
	max-width: 200px !important;
}

.flex-1 {
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 !important;
	flex: 1 !important;
}

.text-ellipsed {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.bg-secondary-light {
	background: #f2f2f2;
}
.bg-secondary-dark {
	background: #c4c4c4;
}

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

/*********************************
*
* Layout
*
*****/
.container-scroller {
	height: 100%;
}

/* ------ navbar ----- */

.navbar {
	background: #fff;
	height: 50px;

	padding-left: 220px !important;
}

.sidebar-icon-only .navbar {
	padding-left: 70px !important;
}

.navbar .navbar-toggler:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.navbar .navbar-toggler {
	font-size: 1rem;
}

.navbar .navbar-collapse-toggler {
	padding: 0.5rem;
	margin: 0 !important;

	border-radius: 50%;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	cursor: pointer;
}

.navbar .navbar-collapse {
	position: absolute;
	top: 2.25rem;
	right: 0;
}

.navbar .navbar-card {
	min-width: 12rem;

	background: #fff;
	margin-bottom: 16px;
	border-radius: 5px;
}

.navbar .navbar-collapse-title {
	display: block;
	margin-bottom: 0rem;

	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.navbar .navbar-collapse-subtitle {
	font-size: 8px;
	font-weight: 700;
	text-align: center;

	padding: 0.25rem 0.75rem;
}

.navbar .navbar-card ul {
	list-style: none;
}

.navbar .navbar-card ul .dropdown-item {
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
}

.navbar .navbar-search {
	height: 100%;

	padding: 0 1rem;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.navbar .navbar-search-button {
	display: block;
	height: 100%;
	font-size: 1.05rem;
	margin-right: 0.5rem;
	margin-left: -1rem;

	background: none;
	border: none;
}

.navbar .navbar-search-button:hover {
	color: #c0c0c0;
}

.navbar .navbar-search-input {
	width: 0;
	height: inherit;

	border: none;
}

.navbar .navbar-search.is-active .navbar-search-input {
	width: 100%;

	background: #f2f2f2;
	padding: 0 0.5rem;
}

/* ------ sidebar ----- */
.sidebar {
	min-height: unset !important;
	height: 100%;

	position: fixed;
	left: 0;
	top: 0;
	z-index: 1030;

	max-height: 100%;
}

.sidebar-icon-only .sidebar {
	width: 70px !important;
}

.sidebar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #fff;
	background-color: #fff;
}

.sidebar::-webkit-scrollbar {
	width: 5px;
	background-color: #fff;
}

.sidebar::-webkit-scrollbar-thumb {
	background-color: #f5f5f6;
	border: 2px solid #f5f5f6;
}

@media screen and (max-width: 991px) {
	.sidebar {
		max-height: 100%;
	}
}

@media screen and (min-width: 992px) {
	.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
		color: #484848 !important;
	}

	.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link i.menu-icon {
		color: #1f3bb3 !important;
	}
}

.sidebar .sidebar-logo-wrapper {
	display: block;
	width: 100%;
	height: 100px;

	padding: 1rem;

	text-decoration: none;
}

.sidebar .sidebar-logo {
	width: 75px;
	-o-object-fit: contain;
	object-fit: contain;
}

.sidebar-icon-only .sidebar .sidebar-logo {
	width: 50px;
}

.sidebar .nav .nav-item .nav-link {
	padding: 10px 25px !important;
}

.sidebar .nav.sub-menu {
	padding: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 3rem !important;
}

.sidebar-icon-only .nav-item.hover-open .collapse {
	padding-bottom: 0.75rem !important;
}

.sidebar .nav.sub-menu .nav-item {
	position: relative;
}

.sidebar .nav.sub-menu .nav-item::before {
	margin-top: 0;
	border-radius: unset;
	background: unset;

	width: 0 !important;
	height: 0 !important;

	border-top: 4px solid transparent !important;
	border-bottom: 4px solid transparent !important;
	border-left: 4px solid #b2b2b2 !important;

	position: absolute !important;
	top: 12px !important;
}

.sidebar-icon-only .sidebar .nav-item.hover-open .nav.sub-menu {
	padding-left: 2rem !important;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
	content: "\F0142";
}

/* ------ main ----- */

.main-panel {
	width: 100% !important;
	min-height: unset !important;
	height: 100%;
	padding-left: 220px; /* width of sidebar */
	padding-top: 50px; /* height of navbar */
}

.sidebar-icon-only .main-panel {
	padding-left: 70px;
}

.content-toolbar {
	margin-bottom: 1rem;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.content-toolbar-title {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0;
}

.content-toolbar-tools > * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.content-card {
	background: #fff;

	padding: 16px;
	margin-bottom: 16px;

	border-radius: 5px;
}

.content-card-box {
	padding: 16px;
	margin-bottom: 16px;
	border-radius: 5px;
}

.content-card .table th,
.content-card .table td {
	padding: 0.5rem 1rem !important;
	line-height: normal !important;
}

.content-card .table img.is-active {
	border: 2px solid #054eaa;
}

.content-loader {
	width: 100%;
	height: 100%;

	background: rgba(0, 0, 0, 0.01);

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	position: absolute;
	inset: 0;

	z-index: 999;
}

.content-loader section {
	width: 16rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	padding: 1rem 4rem;

	background: #fff;
	border: 1px solid #dee2e6 !important;
	border-radius: 5px;

	font-size: 14px;
	text-align: center;
}

.content-loader .spinner-border {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 1rem;
}

/* ------- footer ----- */
.footer {
	background: #f5f5f6;
}

/* ------- content datatable ----- */
.content .dataTables_wrapper {
	font-size: 14px;
}

.content .dataTables_wrapper input {
	background: #f4f5f7;
	border: 1px solid #dbdbdb;
}

.content .dataTables_wrapper .paginate_button {
	line-height: normal !important;
}

.content .dataTables_wrapper td.mw-100px,
.content .dataTables_wrapper th.mw-100px {
	max-width: 100px;
	white-space: nowrap;
	-o-text-overflow: clip;
	text-overflow: clip;
	overflow: hidden;
}

.content .dataTables_wrapper td.mw-150px,
.content .dataTables_wrapper th.mw-150px {
	max-width: 150px;
	white-space: nowrap;
	-o-text-overflow: clip;
	text-overflow: clip;
	overflow: hidden;
}

p {
	white-space: unset;
}

.content .dataTables_wrapper td.mw-200,
.content .dataTables_wrapper th.mw-200 {
	max-width: 200px;
	white-space: nowrap;
	-o-text-overflow: clip;
	text-overflow: clip;
	overflow: hidden;
}

.content .dataTables_wrapper td.ws-wrap,
.content .dataTables_wrapper th.ws-wrap {
	white-space: unset;
}

.content .dataTables_wrapper .td-max-100 {
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.content .dataTables_wrapper .td-max-150 {
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.content .dataTables_wrapper .td-max-200 {
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

/*********************************
*
* Dashboard
*
*****/

/* ----- bubble -----*/
.bubble-wrapper {
	margin: 0 -0.5rem;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.bubble-container {
	width: 100%;
	padding: 0 0.5rem 1rem;
}

.bubble {
	margin: 0;
	padding: 0.5rem 0.5rem 1rem;

	border: none;
	border-right: 4px solid lightgrey;
	border-radius: 5px;

	background: #fff;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;

	position: relative;
}

.bubble-icon {
	width: 5rem;
	margin: 0;

	font-size: 2.5rem;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.bubble-icon img {
	width: 2.5rem;
	-o-object-fit: contain;
	object-fit: contain;

	position: relative;
	top: 10px;
}

.bubble-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;

	padding: 0 0.5rem;
}

.bubble-text {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
}

.bubble-subtext {
	display: block;

	margin-top: -5px;

	color: #888888;
	font-size: 14px;
	font-weight: 600;
}

.bubble-percentage {
	color: #48484848;
	font-size: 10px;
	font-weight: 600;

	cursor: default;

	position: absolute;
	bottom: 10px;
	right: 12px;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.bubble-container {
		width: 50%;
	}
	.bubble-container1 {
		width: 50%;
	}
	.bubble-container2 {
		width: 50%;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.bubble-container {
		width: 33.33%;
	}
	.bubble-container1 {
		width: 33.33%;
	}
	.bubble-container2 {
		width: 33.2%;
	}
}

/*  XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.bubble-container {
		width: 20%;
	}
	.bubble-container1 {
		width: 24.87%;
		padding-left: 10px;
	}
	.bubble-container2 {
		width: 33.2%;
	}
}

/* ----- box -----*/
.card.box {
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.card.box .card-body {
	padding: 0.5rem !important;
}

.card.box .box-title {
	font-size: 16px;
	font-weight: 700;

	display: block;
	margin-bottom: 1rem;
}

/* ----- filter dropdown ------- */

.d-dropdown-toggler {
	background: transparent;
	background-color: transparent;
	border: none;
	font-size: 14px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.d-dropdown-toggler:hover {
	color: #1f3bb3;
}

.d-dropdown {
	width: 200px;
	height: auto;

	background: #fff;
	font-size: 14px;

	position: absolute;
	top: 0;
	right: 0;
	z-index: 1029;

	overflow: hidden;
	-webkit-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.d-dropdown.is-open {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.d-dropdown-head {
	padding: 0.5rem;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.d-dropdown-body {
}

.d-dropdown-item {
	padding: 0 0.5rem;
	margin: 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.d-dropdown-item .form-check-label {
	margin-left: 1rem;
}

.d-dropdown-body .form-check-input {
	margin: 0;
}

.d-dropdown-foot {
	padding: 0.5rem;
}

.d-dropdown-btn {
	padding: 0.25rem 0.5rem;
	font-size: 14px;
}

/* ----- loader ------- */
.d-loader {
	width: calc(100% - 220px);
	background-color: #ececec;
	padding: 0.15rem 1rem;

	text-align: center;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.5);

	position: fixed;
	top: 50px;
	left: 0;
}

.sidebar-icon-only .d-loader {
	width: 100% !important;
	padding-left: 70px;
}

/*********************************
*
* Manage Users > Motivators
* link: /users/motivators
*
*****/
.manage-users .btn-badge img {
	width: 0.75rem;
	-o-object-fit: contain;
	object-fit: contain;
}

.manage-users .motivator-badges-column {
	margin-bottom: 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.manage-users .motivator-badge-img {
	width: 1rem;
	-o-object-fit: contain;
	object-fit: contain;
}

/*********************************
*
* Manage Channels > Reported Posts
* link: /channels/reported-posts
*
*****/

.reported-posts .preview-container {
	height: 25rem;
}

.reported-posts .preview-container .content-loader {
	background: rgba(0, 0, 0, 0.25);
}

.reported-posts .preview-container figure {
	height: 100%;
	background: rgba(0, 0, 0, 1);
}
.reported-posts .preview-container img,
.reported-posts .preview-container iframe {
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.reported-posts .preview-container video {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

/*********************************
*
* Manage Channels > Reported Posts
* link: /channels/reported-posts
*
*****/

.coin-sales .coin-sales-wrapper {
	width: 250px;
	height: 175px;

	margin: auto;
	padding: 1rem;

	background-color: #f4f5f7;
	/* border-radius: 50%; */

	position: absolute;
	inset: 0;
}
@media (max-width: 991px) {
	.coin-sales .coin-sales-wrapper {
		width: 150px;
		height: 150px;
		margin: auto 0;
		inset: unset;
		right: -1rem;
		top: 0;
		bottom: 3rem;
	}
}

.coin-sales .coin-sales-container {
	width: 100%;
	height: 100%;
	background-color: #fff;
	/* border-radius: 50%; */

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	cursor: default;
}

.coin-sales .coin-sales-icon {
	width: 50px;
	height: 50px;
	margin-bottom: 1rem;
}
.coin-sales .coin-sales-icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.status-badge {
	color: #fff;
	font-weight: 600;
	padding: 2px 6px;
	border-radius: 10px;
}
.totCoinInfo {
	background-color: blue;
	color: white;
	padding: 0px 10px 0px 10px;
	border-radius: 5px;
}
.sidebar {
	overflow-y: scroll;
}
.setChannelImage {
	border-radius: 25;
}
.profiledetails {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 20px;
}

.monthlyregistrationchart {
	margin-top: 56px;
	margin-bottom: 56px;
}
.userNameCol {
	width: 50px;
}

.dropdown-container-slidemorph {
	width: 300px;
	overflow: hidden;
	min-width: 0;
	max-width: none;
	-webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.dropdown-container-slidemorph .dropdown-menu {
	min-width: auto;
	padding: 3px 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
.dropdown-container-slidemorph > .dropdown-menu > .dropdown-submenu {
	position: static;
}
.dropdown-container-slidemorph
	> .dropdown-menu
	> .dropdown-submenu
	> .dropdown-menu {
	display: block;
	top: -3px;
	right: 0;
	left: auto;
	border: 0;
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.dropdown-container-slidemorph > .dropdown-menu > .dropdown-submenu.open > ul {
	visibility: visible;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.dropdown-container-slidemorph .dropdown-submenu > a:after {
	top: 50%;
	right: 20px;
	margin: -4px 0 0 0;
	position: absolute;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e080";
	font-size: 9.6px;
	color: #777777;
}
.dropdown-backlink {
	border-bottom: 1px solid #e5e5e5;
}
.dropdown-backlink > a {
	position: relative;
	white-space: nowrap !important;
}
.dropdown-backlink > a:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -4px 4px 0 0;
	position: relative;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e079" !important;
	font-size: 9.6px;
	color: #777777 !important;
	width: 14px;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	color: #fff;
	text-decoration: none;
}
.dropdownFilters {
	margin-top: 4px;
}

/*********************************
*
* Global Search
* link: /search
*
*****/

.g-search-wrapper {
	padding: 1rem;
}

.g-search-subtitle {
	display: block;

	font-size: 14px;
	font-weight: bold;
}

.g-search-results {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	margin-top: 1rem;
	margin-bottom: -1rem;
}

.g-search-result {
	border-radius: 5px;

	margin: 0 0.5rem 1rem;
}

.g-search-result figure {
	height: 200px;

	background: #c4c4c4;
	margin: 0;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.g-search-result img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.g-search-result .card-body {
	padding: 0.5rem;
}

.g-search-loading {
	padding: 1rem 1rem 2rem;

	text-align: center;

	font-size: 12px;
	font-style: italic;
}

@import url(https://fonts.googleapis.com/css?family=Montserrat);
* {
	margin: 0;
	padding: 0;
}

#multistepsform {
	width: 1300px;
	margin: 50px auto;
	text-align: center;
	position: relative;
}
#multistepsform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	position: relative;
}
#multistepsform fieldset:not(:first-of-type) {
	display: none;
}
#multistepsform input,
#multistepsform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2c3e50;
	font-size: 13px;
}
#multistepsform input:focus,
#multistepsform textarea:focus {
	border-color: #679b9b;
	outline: none;
	color: #637373;
}
#multistepsform .action-button {
	width: 100px;
	background: #1565c0;
	font-weight: bold;
	color: #fff;
	-webkit-transition: 150ms;
	-o-transition: 150ms;
	transition: 150ms;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
	float: right;
}
#multistepsform .action-button:hover,
#multistepsform .action-button:focus {
	-webkit-box-shadow: 0 0 0 2px #0d47a1;
	box-shadow: 0 0 0 2px #0d47a1;
	color: #fff;
}

#multistepsform .action-button-step2 {
	width: 100px;
	background: #1565c0;
	font-weight: bold;
	color: #fff;
	-webkit-transition: 150ms;
	-o-transition: 150ms;
	transition: 150ms;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 100px 5px 0px 0px;
	float: right;
}
#multistepsform .action-button-step2:hover,
#multistepsform .action-button-step2:focus {
	-webkit-box-shadow: 0 0 0 2px #0d47a1;
	box-shadow: 0 0 0 2px #0d47a1;
	color: #fff;
}

#multistepsform .fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2c3e50;
	margin-bottom: 10px;
	font-weight: 900;
}
#multistepsform .fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 50px;
	font-weight: 800;
}
#multistepsform #progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
	font-weight: 800;
}
#multistepsform #progressbar li {
	list-style-type: none;
	color: #679b9b;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 800;
	width: 33.33%;
	float: left;
	position: relative;
}
#multistepsform #progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 40px;
	line-height: 40px;
	display: block;
	font-size: 10px;
	font-weight: 800;
	color: #fff;
	background: #679b9b;
	border-radius: 50%;
	margin: 0 auto 5px auto;
}
#multistepsform #progressbar li:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #679b9b;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1;
}
#multistepsform #progressbar li:first-child:after {
	content: none;
}
#multistepsform #progressbar li.active {
	color: #0277bd;
}
#multistepsform #progressbar li.active:before,
#multistepsform #progressbar li.active:after {
	background: #0277bd;
	color: white;
}

.label {
	font-weight: 800;
}

.file-upload-image {
	background-color: #ffffff;
	width: 300px;
	margin: 0 auto;
	padding: 20px;
}

.file-upload-cover-image {
	background-color: #ffffff;
	width: 300px;
	margin: 0 auto;
	padding: 20px;
}

.file-upload-btn-image {
	width: 200px;
	margin: 0;
	color: #fff;
	background: #054eaa;
	border: none;
	padding: 10px;
	border-bottom: 4px solid #0d47a1;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}

.file-upload-btn-image:hover {
	background: #0277bd;
	color: #ffffff;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}

.file-upload-btn-image:active {
	border: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.file-upload-content-image {
	display: none;
	text-align: center;
}

.file-upload-input-image {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 50%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}

.image-upload-wrap {
	margin-top: 20px;
	border: 1px dashed black;
	position: relative;
	height: 150px;
	width: 200px;
}

.file-upload-content-cover-image {
	display: none;
	text-align: center;
}

.file-upload-input-cover-image {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 50%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}

.cover-image-upload-wrap {
	margin-top: 20px;
	border: 1px dashed black;
	position: relative;
	height: 150px;
	width: 200px;
}

.image-dropping,
.image-upload-wrap:hover,
.cover-image-upload-wrap:hover {
	background-color: black;
	border: 1px dashed #ffffff;
}

.image-title-wrap {
	padding: 0 15px 15px 15px;
	color: #222;
}

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

.drag-text-image h4 {
	font-weight: 100;
	text-transform: uppercase;
	color: #15824b;
	padding: 60px 0;
}

.file-upload-image {
	max-height: 200px;
	max-width: 200px;
	margin: auto;
	padding: 20px;
}

.file-upload-cover-image {
	max-height: 200px;
	max-width: 200px;
	margin: auto;
	padding: 20px;
}

.file-upload-audio {
	background-color: #ffffff;
	width: 300px;
	margin: 0 auto;
	padding: 20px;
}

.file-upload-btn-audio {
	width: 200px;
	margin: 0;
	color: #fff;
	background: #054eaa;
	border: none;
	padding: 10px;
	border-bottom: 4px solid #0d47a1;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}

.file-upload-btn-audio:hover {
	background: #0277bd;
	color: #ffffff;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}

.file-upload-btn-audio:active {
	border: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.file-upload-content-audio {
	display: none;
	text-align: center;
}

.file-upload-input-audio {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 50%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}

.audio-upload-wrap {
	margin-top: 20px;
	border: 1px dashed black;
	position: relative;
	height: 150px;
	width: 200px;
}

.audio-dropping,
.audio-upload-wrap:hover {
	background-color: black;
	border: 1px dashed #ffffff;
}

.audio-title-wrap {
	padding: 0 15px 15px 15px;
	color: #222;
}

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

.drag-text-audio h4 {
	font-weight: 100;
	text-transform: uppercase;
	color: #15824b;
	padding: 60px 0;
}

.file-upload-audio {
	max-height: 200px;
	max-width: 200px;
	margin: auto;
	padding: 20px;
}

.file-upload-json {
	background-color: #ffffff;
	width: 300px;
	margin: 0 auto;
	padding: 20px;
}

.file-upload-btn-json {
	width: 100%;
	margin: 0;
	color: #fff;
	background: #054eaa;
	border: none;
	padding: 10px;
	border-bottom: 4px solid #0d47a1;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
	width: 200px;
}

.file-upload-btn-json:hover {
	background: #0277bd;
	color: #ffffff;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}

.file-upload-btn-json:active {
	width: 100%;
	margin: 0;
	color: #fff;
	background: #054eaa;
	border: none;
	padding: 10px;
	border-bottom: 4px solid #0d47a1;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
	width: 200px;
}

.file-upload-btn-json:hover {
	background: #0277bd;
	color: #ffffff;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}

.file-upload-btn-json:active {
	border: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.file-upload-content-json {
	display: none;
	text-align: center;
}

.file-upload-input-json {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 50%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}

.json-upload-wrap {
	margin-top: 20px;
	border: 1px dashed black;
	position: relative;
	height: 150px;
	width: 200px;
}

.json-dropping,
.json-upload-wrap:hover {
	background-color: black;
	border: 1px dashed #ffffff;
}

.json-title-wrap {
	padding: 0 15px 15px 15px;
	color: #222;
}

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

.drag-text-json h4 {
	font-weight: 100;
	text-transform: uppercase;
	color: #15824b;
	padding: 60px 0;
}

.file-upload-json {
	max-height: 200px;
	max-width: 200px;
	margin: auto;
	padding: 20px;
}

.image-readonly-imagename {
	width: 300px;
}

.modal-body1 {
	/* 	background: #222 !important; */
	width: 300px;
}

/* .modal-body{ */
/*   background: #222 !important; */
/* } */

.modal .btn-close {
	background: transparent
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
		center/1em auto no-repeat !important;
	border: none !important;
	font-size: 12px !important;
}

.modal .btn-close1 {
	border: none !important;
	font-size: 12px !important;
}

/*********************************
*
* User Profile
* link: /profile
*
*****/

.profile-title {
	display: block;
	font-size: 16px;
	font-weight: bold;

	margin-bottom: 0.75rem;
}

.profile-subtitle {
	display: block;
	font-size: 14px;
	font-weight: bold;

	margin-bottom: 0.75rem;
}

.profile-avatar {
	background: #c4c4c4;
	border-radius: 50%;

	margin: 0;
	padding: 2px;
}

.profile-avatar img {
	border-radius: inherit;

	-o-object-fit: contain;
	object-fit: contain;
}

.profile-box {
	background-color: #fafafa;

	border-radius: 3px;
	padding: 0.5rem 1rem;
}

.profile-box + .profile-box {
	margin-top: 0.75rem;
}

.profile .badge {
	color: black;
	font-size: 10px !important;
}

.profile .bg-total {
	background-color: #dce775;
}

.profile .bg-active {
	background-color: #00bcd4;
}

.profile .bg-count {
	background-color: #42a5f5;
}

.profile .bg-viewmore {
	background-color: #f5f5f5;
}

.profile .table td {
	font-size: 12px !important;
}

/*********************************
*
* Animated Placeholder
* type: tool
* code from https://codepen.io/aji/pen/evMKWN
*****/

@-webkit-keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}

.placeholder {
	border-radius: 3px;
}

.placeholder .animated-background {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: darkgray;
	background: -o-linear-gradient(left, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(10%, #eeeeee),
		color-stop(18%, #dddddd),
		color-stop(33%, #eeeeee)
	);
	background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
	background-size: 800px 104px;
	height: inherit;
	width: inherit;
	position: relative;
	border-radius: inherit;
}

/*********************************
*
* Tournament
* link: /tournaments
*
*****/

.tournament .tournament-headers {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	border-bottom: 1px solid #ccc;
}

.tournament .tournament-headers h3 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	font-weight: 400;
	border-right: 1px dashed #ccc;
	margin: 0;
	padding: 1rem;
	font-size: 1rem;
}

.tournament .tournament-brackets {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	list-style-type: none;
	margin-bottom: 50px;
}

.tournament .bracket {
	padding-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 30px 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	list-style-type: none;
	border-right: 1px dashed #ccc;
	-ms-flex: 1;
	flex: 1;
}

.tournament .team-item {
	display: block;
	margin: 0.5rem 10px;
	position: relative;
	border-radius: 2px;
}

.tournament .team-item:after {
	content: "";
	border-color: darkgrey;
	border-width: 2px;
	position: absolute;
	display: block;
	width: 10px;
	right: -11px;
}

.tournament .team-item:nth-of-type(odd):after {
	border-right-style: solid;
	border-top-style: solid;
	height: 100%;
	top: 50%;
}

.tournament .team-item:nth-of-type(even):after {
	border-right-style: solid;
	border-bottom-style: solid;
	height: 100%;
	top: -50%;
}

.tournament .team-item:before {
	content: "";
	border-top: 2px solid darkgrey;
	position: absolute;
	height: 2px;
	width: 10px;
	left: -10px;
	top: 50%;
}

.tournament .bracket:nth-child(2) .team-item:nth-of-type(odd):after {
	height: 200%;
	top: 50%;
}

.tournament .bracket:nth-child(2) .team-item:nth-of-type(even):after {
	height: 200%;
	top: -150%;
}

.tournament .bracket:nth-child(3) .team-item:nth-of-type(odd):after {
	height: 350%;
	top: 50%;
}

.tournament .bracket:nth-child(3) .team-item:nth-of-type(even):after {
	height: 350%;
	top: -300%;
}

.tournament .bracket:nth-child(4) .team-item:nth-of-type(odd):after {
	height: 700%;
	top: 50%;
}

.tournament .bracket:nth-child(4) .team-item:nth-of-type(even):after {
	height: 700%;
	top: -650%;
}

.tournament .bracket:first-of-type .team-item:before {
	display: none;
}

.tournament .bracket:nth-child(4) .team-item:after {
	display: none;
}

.tournament .bracket:last-of-type .team-item:before,
.tournament .bracket:last-of-type .team-item:after {
	display: none;
}

.tournament .team-item time {
	display: inline-block;
	background-color: #dbdbdb;
	font-size: 0.8rem;
	padding: 0 0.6rem;
}

.tournament .team-item-date {
	display: block;
	font-size: 11px;
	color: lightgray;
}

.tournament .team-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	background-color: #f4f4f4;
	padding: 0.5rem;
	line-height: 2;
	text-align: center;
	border-radius: inherit;
}

.tournament .team-details.editable {
	width: 100%;
	border: none;
}

.tournament .team-details.editable:hover {
	background-color: #e7e7e7;
}

.tournament .team-item-date {
	position: relative;
}

.tournament .btn-edit-timing {
	margin: 0;
	padding: 0;

	position: absolute;
	right: -1rem;
}

.tournament .btn-edit-timing > i {
	font-size: 12px;
	color: yellowgreen;
}

.tournament .team-score {
	font-size: 12px;
	padding: 1px 2px;
	margin: 2px;
	min-width: 25px;
	color: #fdfdfd;
	background-color: #c4c4c4;
}

.tournament .team-score.winner {
	background: yellowgreen;
}

.tournament .team-info {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0;
}

.tournament .team-avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #c4c4c4;
	background-color: #c4c4c4;
}

.tournament .team-info.winner .team-avatar {
	border-color: yellowgreen;
}

.tournament .team-name {
	font-size: 12px;
}

/*--- round of 3 ----*/

.tournament .round-of-3 .bracket:nth-child(3) .team-item:after {
	display: none;
}

/*--- round of 2 ----*/

.tournament .round-of-2 .bracket:nth-child(2) .team-item:after {
	display: none;
}

.tournament
	.round-of-2
	.bracket:nth-child(1)
	.team-item:nth-of-type(odd):after {
	height: 120%;
}

/* --- winner --- */
.tournament .bracket.winner .team-item {
	background: transparent;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.tournament .bracket.winner .winner-avatar {
	width: 200px;
	height: 200px;

	border-radius: 50%;
	border: 5px solid #f4f4f4;
	background: #f4f4f4;
	position: relative;
}

.tournament .bracket.winner .winner-img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: inherit;
}

.tournament .bracket.winner .winner-crown {
	font-size: 85px;
	color: yellowgreen;
	position: absolute;
	top: -100px;
	right: 0;
	-webkit-transform: rotateZ(21deg);
	-ms-transform: rotate(21deg);
	transform: rotateZ(21deg);
	z-index: 0;
}

.tournament .bracket.winner .winner-name {
	font-size: 20px;
	font-weight: bold;
}

.tournament .players {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	margin-bottom: 2rem;
}

.tournament .player-vs {
	font-size: 60px;
	font-weight: 900;
	letter-spacing: -5px;
	margin: 0 2rem;
	text-shadow: black;

	text-align: center;
}

.tournament .player-vs em:first-child {
	position: relative;
	top: -10px;
	/* color: #fd76d0; */
}

.tournament .player-vs em:last-child {
	position: relative;
	bottom: -10px;
	left: -16px;
	/* color: #1ebbff; */
}

.tournament .player > figure {
	border-radius: 5px;
	padding: 0.85rem;

	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* .tournament .player:first-child > figure,
.tournament .player:first-child .player-name {
  background-color: #fd76d0;
}

.tournament .player:last-child > figure,
.tournament .player:last-child .player-name {
  background-color: #1ebbff;
} */

.tournament .player-frame {
	background: white;
	border-radius: 5px;
	padding-bottom: 0.75rem;

	-webkit-box-shadow: 1px 1px 5px 0px rgba(66, 66, 66, 0.5) inset;
	box-shadow: 1px 1px 5px 0px rgba(66, 66, 66, 0.5) inset;
}

.tournament .player-avatar {
	width: 150px;
	height: 150px;
	-o-object-fit: contain;
	object-fit: contain;

	overflow: hidden;
}

.tournament .player-name {
	width: 100%;

	text-align: center;
	padding: 0.5rem 0.85rem;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;

	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;

	position: absolute;
	bottom: -0.5rem;
	left: 0;

	border-radius: 5px;
}

.tournament .player-search-results {
	height: 300px;
	max-height: 300px;
	overflow-y: auto;

	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tournament .player-search-result {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0.5rem 0;

	position: relative;
}

.tournament .player-search-result:not(.selected) {
	cursor: pointer;
}

.tournament .player-search-result-overlay {
	border-radius: inherit;

	height: 100%;
	width: 100%;

	background-color: rgba(0, 0, 0, 0.25);

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	position: absolute;
	top: 0;
	left: 0;

	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}

.tournament .player-search-result.selected {
	border: 2px solid #34b1aa !important;
}

.tournament
	.player-search-result:not(.selected):hover
	.player-search-result-overlay {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.tournament .player-search-overlay {
	width: 100%;
	height: 100%;

	border-radius: inherit;

	font-size: 12px;
	color: lightgray;

	position: absolute;
	top: 0;
	left: 0;
}

.tournament .player-search-overlay.dark {
	background-color: rgba(0, 0, 0, 0.01);
}
.btn-screenshot-block-channel {
	background-color: #ff5252;
	margin: 10px;
	border-radius: 10px;
	padding: 7px;
}
.btn-screenshot-ban-user {
	background-color: #d32f2f;
	color: white;
	margin: 10px;
	border-radius: 10px;
	padding: 7px;
}
.btn-coin-failed-add-coins {
	background-color: #0069a5;
	color: white;
	margin: 10px;
	border-radius: 10px;
	padding: 7px;
}
.btn-coin-failed-check-payment {
	background-color: green;
	color: white;
	margin: 10px;
	border-radius: 10px;
	padding: 7px;
}
.btn-view-details-dibsy {
	color: white;
	margin: 10px;
	border-radius: 10px;
	padding: 7px;
}
.pending-kyc-count {
	border-radius: 20px;
	font-size: 9px;
	line-height: 1;
	padding: 0.375rem 0.5625rem;
	font-weight: normal;
	background-color: red;
	margin-left: 3px;
	color: white;
}
.payment-kyc {
	background-color: red;
	color: white !important;
}
.export-btn {
	margin-left: 20px;
	padding: 2px 15px !important;
	float: right;
}