/*.user-row-1 {
	background-color: #CCC;
}

.user-row-7 {
	background-color: #AAA;
}

.user-row-2 {
	background-color: #888;
}

.user-row-3 {
	background-color: #777;
}

.user-row-4 {
	background-color: #666;
}

.user-row-5 {
	background-color: #555;
}*/
/*
.balance-change div {
	display: inline-block;
	border: 1px solid #777;
	margin: 0px 5px;
	padding: 1px;
}*/

body {
	background-image: url("../bg/blurred-background-1.jpg");
}

.fixed-table-container::-webkit-scrollbar {
	width: 4px;
}

.fixed-table-container::-webkit-scrollbar-track {
    background: #ffffff00;
}

.fixed-table-container::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background-color: #30a5ff;
}

#settings .user-setting.drop-down:not(.drop-down-active) > .user-setting {
	display: none;
}

#settings .user-setting:not(.drop-down) > .setting-block > .drop-down-button {
	display: none;
}

#settings .user-setting.drop-down:not(.drop-down-active) > .setting-block > .drop-down-button > .glyphicon-chevron-up {
	display: none;
}

#settings .setting-block > .drop-down-button > .glyphicon {
	font-size: 15px;
}

#settings .user-setting.drop-down.drop-down-active > .setting-block > .drop-down-button > .glyphicon-chevron-down {
	display: none;
}

.setting-block [headline] {
	font-weight: bold;
	text-decoration: underline;
}

.setting-block [headline="1"] {
	font-size: 150%;
}

.setting-block [headline="2"] {
	font-size: 125%;
}

.usersettings .save-all {
	text-align: center;
}
.usersettings #save-all:not(.active) {
	display: none;
}

.select2-container {
	color: #555;
}

.usersettings .array-buttons {
	display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	right: 0;
}

.usersettings .array-buttons > .add {
	height: 34px;
}

.user-setting {
	/*border-left: 1px solid #FFF;*/
	margin-left: 10px;
	padding-left: 10px;
	/*border-bottom: 1px solid #FFF;*/
}
.setting-block {
	display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
	padding-bottom: 5px;
	min-height: 34px;
}

.setting-block:hover {
	background-color: #FFF3;
}

.setting-block > .value,.usersettings .array {
	width: 300px;
}

.usersettings .array {
	position: relative;
	display: grid;
    grid-gap: 10px;
	justify-content: space-between;
}

.usersettings .array .value {
	display: flex;
}

.setting-block::after {
	clear: both;
	content: "";
	display: block;
}

.usersettings .message {
	margin-left: 5px;
	padding: 0px 5px;
	border-radius: 5px;
}

.usersettings .message[status="success"] {
	background-color: green;
}
.usersettings .message[status="error"]{
	background-color: red;
}

.usersettings .array-buttons > .message:not([status]), .usersettings .value > .message:not([status]) {
	display: none;
}

.usersettings .save {
	background-color: green;
	/*Пока так*/
	display: none !important;
}

.usersettings .remove {
	background-color: red;
}

.usersettings .glyphicon {
	font-size: 20px;
	margin-left: 5px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    text-align: center;
	border-radius: 2px;
}

.user-setting:not(.changed) > .setting-block > .value > .save,.user-setting:not(.changed) > .setting-block > .array .save {
	display: none;
}

.usersettings .value > * {
	display: flex;
}

@media screen and (max-width:600px) {
	.setting-block {
		grid-auto-flow: dense;
		grid-template-columns: auto;
		border-bottom: 1px solid #ccc;
		padding: 10px 0;
	}

	.setting-block > .value, .usersettings .array {
		width: auto;
		max-width: 300px;
	}
}

a {
	cursor: pointer;
}

.cashbox-form {
	display: inline-block;
	margin: 5px;
}

pre {
	border: 0;
    background-color: transparent;
    color: inherit;
    padding: 0;
    margin: 0;
    font-size: inherit;
}

.history-matrix	canvas {
	border:1px solid #dddddd;
}

.history-settings {
	margin-top: 20px;
}

.history-rejected {
	background: rgba(240, 52, 52, .5);
}

.users-table-span.users-table-span-allocated {
	font-weight: bold;
	color: #ff8300;
}

.close-icon {
	float: right;
}

.close-icon span {
	font-size: 30px;
}

.news-icon {
	display: inline-block;
	cursor: pointer;
}

.main-news {
	top: -600px;
	width: 800px;
	height: 600px;
	margin: auto;
	left: 0;
	right: 0;
	position: fixed;
	background-color: #CCC;
	transition-duration: 1s;
	z-index: 3;
}

.main-news.active {
	top: 60px;
}

.main-news .panel-body {
	height: 535px;
	overflow-x: auto;
	overflow-y: auto;
}

.history-providers {
	grid-column: 1 / -1;
}

.history-providers .btn {
	width: 100%;
}

.users-wager-toggle {
	cursor: pointer;
}

.user-wager {
	display: none;
}

.user-wager.active {
	display: inline;
}

.users-last-toggle {
	cursor: pointer;
	margin: 0px 5px;
}

.last-in:not(.active),.last-out:not(.active) {
	display: none;
}

.search-match {
	color: green;
}

.balance-plus, .balance-minus {
	top: -2px;
    position: relative;
    border: 0px;
    padding: 7px 12px;
    border-radius: 4px;
}

.glyphicon-small {
	font-size: 90%;
}

#users-table .tr-users-in:not(th), #payments-statistics-table .tr-users-in:not(th){
	background-color: #37c3377d  !important;
}

#users-table .tr-users-out:not(th), #payments-statistics-table .tr-users-out:not(th) {
	background-color: #f1747496 !important;
}

#users-table .tr-users-profit:not(th), #payments-statistics-table .tr-users-profit:not(th) {
	background-color: #00bbff6e !important;
}

.a-user {
	background-color: rgba(245,245,245,0.3) !important;
}

.danger {
	color: red;
	font-size: 15px;
}

.ping-icon {
	display: inline-block;
}

.gamessystem .row {
	margin-bottom: 5px;
}

.gamessystem-provider {
	margin: 0px !important;
	padding: 0px !important;
}

.datetime-message {
	font-size: 10px;
	display: none;
}

.minpadding {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.circle-status {
	display: inline-block;
	float: left;
    width: 10px;
    height: 10px;
    z-index: 3;
    border-radius: 15px;
    background-color: white;
    margin-right: 4px;
    margin-top: 5px;
}

.circle-status-green {
    background: linear-gradient(to bottom right, yellowgreen, olivedrab);
}

.circle-status-red {
    background: linear-gradient(to bottom right, red, #A00);
}

.circle-status-yellow {
	background: #FF0;
}

.navbar-right .fa-desktop,.navbar-right .news-icon span {
	font-size: 30px;
    position: relative;
}

.navbar-right .fa-desktop {
    top: 10px;
}

.navbar-right .news-icon {
	margin-right: 5px;
}

.navbar-right .news-icon span {
	top: 13px;
}

.ping-status {
	position: relative;
    left: -26px;
}

.ping-status.glyphicon-ok {
    color: green;
}

.ping-status.glyphicon-warning-sign {
	color: #ffb53e;
}

.ping-status.glyphicon-remove {
	color: #f9243f;
}

.users-table-span-red {
	color: red !important;
}
.users-table-span-green {
	color: green !important;
}

.desktop-version .fixed-table-body, .desktop-version .fixed-table-container, .desktop .fixed-table-body, .desktop .fixed-table-container, .mobile .fixed-table-body, .mobile .fixed-table-container {
	overflow: unset;
}

.navbar-right {
	line-height: 50px;
}

.mobile-site .fixed-table-container {
	overflow-x: auto;
}

.mobile-site .fixed-table-body {
	overflow-x: visible;
	overflow-y: visible;
}

.navbar-right li {
	display: inline;
}

.alert-message {
	margin: auto;
	display: block;
	position: fixed;
	z-index: 10000;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	-webkit-backface-visibility: hidden;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}

.bg-success, .bg-danger {
	opacity: 1;
	visibility: visible;
}

.balance-change input {
	width: 120px;
	display: inline;
}

.balance-change form {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 8px;
    grid-template-columns: 120px 44px 44px;
    justify-content: center;
    align-items: center;
}

.balance-change {
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

.users-take-all {
	border: 1px solid #F00;
}

.right-icon,.xls-icon {
	float: right;
	font-size: 20px;
}

.right-icon span {
	top: 5px;
}

.xls-icon img {
    height: 30px;
}

table tr:hover td {
	background-color: rgba(245,245,245,0.2) !important;
}

.user-result {
    position: relative;
	left: 0px;
	top: 0px;
	text-align: center;
}

.user-result a > span {
    pointer-events: none;
}

.user-search-result {
	list-style-type: none;
	padding-left: 10px;
}

.user-search-result > li {
    position: relative;
    margin: 5px 0;
}

@media (max-width: 1200px) {
	.user-search-result > li {
	    margin: 10px 0;
	}
}

.search-page-number-start {
	margin-left: 10px;
}

.search-page-number-end {
	margin-right: 10px;
}

.search-match {
	color: green;
}

.user-search-div {
	display: none;
}

.user-search-pagination {
    display: none;
    align-items: center;
}

.user-search-pagination.active {
	display: flex;
}

.user-result>a:nth-child(2) {
	margin-left: 5px;
}

.user-search-page-num {
	margin-left: 10px;
	max-width: 100px;
}

hr {
	width: 100%;
}

.border_bottom {
	border-bottom: 1px solid #888;
}

#games-data-table .glyphicon, #games-delete-table .glyphicon, #promocodes-statistics-table .glyphicon, .operation-apply-halls,
#sites-data-table .glyphicon {
	cursor: pointer;
}

.sort-link {
	cursor: pointer;
	text-decoration: underline;
}

#gamessort_alert {
	display: none;
}

.buttons {
	display: none;
	position: absolute;
	left: 0px;
	top: 20px;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
    background-color: rgba(200, 200, 200, .9);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
    text-align: center;
	z-index: 1;

	width: initial;
    grid-gap: 3px;
	flex-direction: column;
    align-items: flex-start;
	justify-content: center;
    padding: 3px 8px;
}

.buttons.active {
	display: grid;
	background-color: rgba(81, 81, 81, 90);
	z-index: 3;
}

.buttons a {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 5px;
	grid-template-columns: 30px 1fr;
	text-align: left;
}

.buttons li,.button{
	display:inline;
	font-size: 18px;
}

.buttons .fa, .buttons .glyphicon  {
	display: flex;
    justify-content: flex-start;
    align-items: center;
	width: 100%;
    margin: 0 !important;
}

.breadcrumb_li:not(:first-child) {
	position: relative;
	left: 0px;
	top: 0px;
	text-align: center;
	padding: 0px 10px;
}

.breadcrumb > li:first-child {
	margin-right: 10px;
	transition: .2s transform ease;
}

.breadcrumb > li:first-child:hover {
	transform: scale(1.2);
}

.userstable {
	display: inline-block;
	position: relative;
	left: 0px;
	top: 0px;
	width: fit-content;
}

.userstable .glyphicon {
	margin: 0 3px;
}

@media screen and (max-width: 700px) {
	.userstable {
		word-break: break-word;
		min-width: 110px;
	}
}

.breadcrumb-span:before {
	padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
		opacity: .6;
}

.users-note {
	color: yellow;
	margin-right: 3px;
}

.datetime-choose {
	text-decoration: none !important;
}

.datetime-choose:not(:first-child):before {
	content: " | ";
}

.nomargin {
	padding: 0px;
}

.nomargin input,.nomargin select {
	padding: 0px;
	margin: 0px;
	min-width: 45px;
	width: 0px;
	display: inline;
}

.nopadding {
	padding: 0px;
}

.currency, .currencies {
	display: none;
}

.balance_panel input, .balance_panel select {
	margin: 0px;
}

.balance_panel:before, .balance_panel:after, .balance_panel .row:before, .balance_panel .row:after {
	display: none;
}

.balance_panel .table-settings, .balance_panel .table-settings.settings {
	display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 10px;
}

.balance_panel .row.xscenter {
	justify-content: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0px;
}

.description.form-control {
	width: 100%;
    height: 100px;
}

.edit-row {
	margin: 0px;
    padding: 5px 10px;
	margin-bottom: 5px;
	transition: .3s all linear;
}

.btn {
	text-align: center;
	padding: 7px 12px;
}

.pannel-create-user .panel-body {
    padding: 35px 13px 13px;
}

.frame .row, .frame .panel {
	margin: 0;
}

@media (max-width: 767px) {
	.main {
		padding: 0px;
	}
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		padding-right: 5px;
		padding-left: 5px;
	}
	.panel-body, .pannel-create-user .panel-body {
	    padding: 10px;
	}

	.xscenter {
		text-align: center;
	}

	.btn {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.edit-row {
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
		height: 44px;
		border-radius: 6px;
}

.edit-row>div {
	line-height: inherit;
	margin-bottom: 0 !important;
}

.edit-row p {
	margin: 0;
}

.explanationBlock {
	border: 1px solid white;
	padding: 5px;
	margin: 3px 3px 10px 0;
	line-height: 1.6rem;
	font-size: 1.2rem;
	border-radius: 4px;
}

.edit-caption {
	font-size: 140%;
	font-weight: bold;
	padding: 15px 0px;
}

.input-group-addon {
	cursor: pointer;
}

.edit-row:hover {
	background-color: RGBA(256,256,256,0.2);
}

#games-data-table {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#games-data-table tr {
	cursor: pointer;
}

.page {
	display: none;
}

.amount,.currencies {
	width: 	100px;
	display: inline;
}

.currencies {
	display: none;
}

.useredit-user-edit .form-control {
	max-width: 300px;
}

textarea.form-control {
	max-width: none;
}

.link-tab {
	text-decoration: underline;
}

.icon-red {
	color: red;
}

.frame {
	width: 300px;
	position: absolute;
	display: none;
	z-index: 1031;
	box-shadow: 0 0 3px #373737;
}

.frame .panel {
	background-color: #444;
}

.frame .fa-window-close {
	right: 20px;
    top: 5px;
    position: absolute;
    cursor: pointer;
}

.frame .panel-body {
    padding-top: 35px;
}

.balance-frame {
	z-index: 1032;
}

.create-frame {
	position: fixed;
	width: 370px !important;
}

.users-table-span {
	color: yellow;
}

.sidebar {
	height: calc(100vh - 50px);
    position: fixed;
	-webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
	overflow-x: initial;
    overflow-y: auto;
	z-index: 3;
}

.mobile .sidebar.collapse.in >div  {
    overflow: auto;
    height: calc(100vh - 50px);
}

.sidebar .divider {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin: 20px 0;
}

.sidebar .datetime {
	padding-top: 15px;
	padding-left: 15px;
    width: 100%;
    border-radius: 0px;
}

.sidebar .user-result span.glyphicon, .sidebar .user-result span.fa {
	margin-right: 0px;
	font-size: 16px;
}

@media screen and (max-width: 600px) {
	.sidebar .user-result span.glyphicon, .sidebar .user-result span.fa {
		font-size: 18px;
		padding-right: 10px;
	}

	.user-search-result > li {
		margin: 5px 0;
	}
}

.input-group .form-control.search-login {
	float: none;
}

.form-control.select-number {
	width: auto;
	display: inline;
}

.float-sm-right {
	float: right !important;
}

.x-margin {
	margin: 0px 5px;
}

.navbar-header {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	width: 100%;
}

.bets-find-user-form > div{
	min-width: 185px;
	padding: 0;
}

.bets-find-user-form button {
	min-width: 80px;
}

@media (min-width: 480px) {
	.navbar-right {
		float: right!important;
	}
}

@media (max-width: 850px) {
	.main-news {
		width: 100%;
	}
}

.add-currency-block .col-without-padding {
	padding: 0;
}

@media (max-width: 767px) {
	.row-padding {
		padding-right: 15px;
    	padding-left: 15px;
	}
}

.fa-window-close:before {
	font-size: 25px;
}

/* mobile frame  */
@media (max-width: 1200px) {
	.frame {
		position: fixed;
		top: 0 !important;
		left: 0  !important;
		width: 100% !important;
	}

	.frame .panel {
		position: fixed;
		top: 0;
	    width: 100%;
		height: 100vh;
		overflow: auto;
		margin: 0;
	}

	.frame .panel-body {
		padding-top: 45px;
	}

	.fa-window-close:before {
		font-size: 37px;
	}
}


/* news page */
.news-form {
	display: flex;
    align-items: center;
	justify-content: center;
}

.news-form > * {
	padding: 5px 10px;
}

@media (max-width: 767px) {
	.pannel-btn {
		padding: 0 10px;
	}
}

.row-vertical-center {
	display: flex;
    align-items: center;
}

.center-space-between {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.center-space-between.minpadding {
	width: auto;
}

.center-space-between::before, .center-space-between::after {
	display: none;
}

.date-block {
	display: flex;
	grid-gap: 10px;
	flex-direction: row;
}

.table-filter.date-filter {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.flex-250 {
	flex: 0 1 250px;
	min-width: 250px;
}
.flex-350 {
	flex: 0 1 350px;
	min-width: 350px;
}

.panel-heading {
	display: flex;
    justify-content: space-between;
    align-items: center;
	line-height: inherit;
}

.fixed .panel-heading {
	position: fixed;
    width: 100%;
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, .75);
    z-index: 1030;
	top: 50px;
	left: 0;
}

.fixed .panel-body>.row {
	position: fixed;
    width: 100%;
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, .75);
    z-index: 1030;
    top: 115px;
    padding: 5px;
    left: 0;
}

.fixed-pannel thead {
	background: #23303a;
    z-index: 2;
}

.balance-form {
	max-width: 400px;
}

.table-settings,
.row.settings,
.additional-settings {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
	justify-content: space-between;
	align-items: center;
    -grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

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

@media screen and (min-width: 900px) {
	.history_panel .row.settings {
		grid-template-columns: unset;
	}
}

.balance-amount {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
	justify-content: stretch;
	align-items: center;
    margin-bottom: 10px;
}

.balance-amount label {
	margin: 0;
}

.row.settings, .additional-settings {
	grid-template-columns: repeat(auto-fit, minmax(100px, 18%));
}

@media screen and (min-width:900px) {
	.row.settings.table-settings  {
		grid-template-columns: auto;
	}
}

.table-settings, .row.table-settings {
	justify-content: flex-start;
}

.row.settings > form,
.table-settings > form,
.row.settings > div,
.table-settings > div,
.additional-settings > div {
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	grid-gap: 10px;
}

.table-filter {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
}

.table-filter-container {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
	grid-gap: 10px;
}

.table-filter-container::before, .table-filter-container::after {
	display: none;
}

.table-filter-container .settings {
	margin-bottom: 0;
}

.table-filter__child {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
	grid-gap: 10px;
}

.panel {
	margin-left: 15px;
    margin-right: 15px;
}

@media (max-width: 1200px) {
	.col-sm-offset-3 {
		margin-left: 0 !important;
	}

	.col-sm-9 {
		width: 100% !important;
	}

	.navbar-toggle {
		display: block;
		margin-right: 0;
		margin-bottom: 0;
	}
}

@media (max-width: 1000px) {
	.edit-row {
		grid-gap: 15px;
		padding: 10px 15px;
		grid-template-columns: 37% 58%;
	}

	#bonuses .edit-row {
		grid-template-columns: 60% 35%;
	}

	.edit-caption {
		padding: 15px;
	}

	.tab-content {
		padding: 15px 0;
	}

	.usersettings .tab-content {
		padding: 15px
	}

	.table-settings-actions {
		display: flex;
	}

	.table-settings-actions button,
	.table-settings-actions a {
		display: block;
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}

	.table-action {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.gamessort {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
	}

	.gamessort > div {
		width: 100% !important;
	}
}

@media (max-width: 900px) {
	.table-filter-container {
		grid-auto-flow: dense;
		grid-template-columns: 100%;
	}

	.row.settings,
	.additional-settings,
	.table-settings {
		display: grid;
		align-items: center;
		justify-content: space-between;
		grid-gap: 10px;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-flow: dense;
	}

	.row.settings > div,
	.additional-settings > div,
	.table-settings > div {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		grid-gap: 10px;
	}

	.table-switch {
		flex-direction: row !important;
	}

	.row.settings select,
	.additional-settings select,
	.table-settings select {
		width: 100% !important;
	}

	.panel.cashbox-panel {
		width: 100%;
	}

	.row.settings, .table-settings, .table-filter-container, .additional-settings {
		grid-gap: 15px;
	}
}

@media (max-width: 750px) {
	.center-space-between {
		flex-wrap: wrap;
	}

	.date-block {
		display: grid;
	}

	.panel {
		margin-left: 0;
		margin-right: 0;
	}

	.balance-form {
		max-width: 100%;
	}

	.gamessystem .col-sm-8, .gamessystem > .row {
		margin: 10px 0;
	}

	.breadcrumb_li:not(:first-child) {
		padding: 0 10px 7px;
	}
}

@media (max-width: 600px) {
	.edit-row {
		grid-gap: 15px;
		padding: 10px 15px;
		grid-template-columns: 37% 58%;
	}

	.edit-row--checkbox {
		grid-template-columns: auto;
	}

	.edit-row .form-group {
		display: flex;
	}

	.edit-row .form-group input[type="checkbox"] {
		margin-left: auto;
	}

	.table-settings > div:not(.table-switch) {
		flex-direction: column;
    	align-items: flex-start;
	}
}

.table-switch {
    display: flex;
}

.table-switch p {
    margin: 0;
}

.table-switch-info {
	display: none !important;
}

.table-switch-info.active {
	display: flex !important;
}

.switch {
	position: relative;
	display: inline-block;
    width: 40px;
	min-width: 40px;
    height: 20px;
	margin-bottom: 0;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 3px;
    bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	transform: translateX(110%);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	margin-left: 0;
	margin-right: 0;
}

.status-buttons {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 15px;
}

.table-bordered {
	border: 0;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #444;
}

.table--terminals {
	white-space: nowrap;
}

.gamessort {
	display: grid;
    grid-template-columns: 48% 48%;
	grid-gap: 35px;
}

.gamessort .panel, .editgamessystem-wrap .panel, .select-currency .panel {
	margin: 0;
}

.gamessort .position-btn {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    max-width: 130px;
}

.gamessort .form-control {
	min-width: 70px;
}

@media screen and (max-width:1600px) {
	.gamessort {
		grid-auto-flow: row;
		grid-template-columns: auto;
	}

	.gamessort > .panel:last-child {
    	grid-row: 1;
	}
}

.editgamessystem-wrap {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	grid-gap: 35px;
}

.editgamessystem-wrap::before, .editgamessystem-wrap::after, .row.settings::after, .table-settings::after,
.row.settings::before, .table-settings::before, .additional-settings::before, .additional-settings::after {
	display: none !important;
}
@media screen and (max-width:1000px) {
	.editgamessystem-wrap {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:600px) {
	.editgamessystem-wrap {
		grid-template-columns: repeat(1, 1fr);
	}

	.row.settings, .table-settings, .additional-settings {
		grid-template-columns: repeat(2, 1fr);
	}

	.history-providers {
		grid-column: 1 / -1;
	}
}

@media screen and (max-width:480px) {
	.row.settings > form,
	.table-settings > form,
	.additional-settings > form {
		grid-column: 1 / -1;
	}
}

.select-currency {
	padding: 0;
}

.main, .main>.page, .main>.row>.row, .main .fixed-pannel {
	margin-bottom: 0;
	padding-bottom: 0;
}

.nav>li>p {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.pannel-buttons {
	display: grid;
    grid-auto-flow: column;
    align-items: center;
    grid-gap: 15px;
    margin-left: 10px;
}

.btn-create-terminal {
	border: 0;
	white-space: break-spaces;
}

@media screen and (max-width: 800px) {
	.buttons.active {
		grid-gap: 10px 0;
	}
}

@media screen and (max-width: 430px) {
	.btn-create-terminal {
		padding-left: 6px;
    	padding-right: 6px;
	}

	.pannel-buttons {
 		margin-left: 6px;
	}
}

@media screen and (max-width: 370px) {
	.btn-create-terminal {
		font-size: 12px;
	}
}

.disable-scroll {
	overflow: hidden;
}

.user-buttons {
	display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: fit-content;
}

.user-buttons a {
    border: 1px solid #b1b1b1;
    width: 100%;
    text-align: left;
    padding: 5px 10px;
 	font-size: 20px;
}

.user-buttons a:not(:last-child) {
    border-bottom: 0;
}

.user-buttons a span:first-child {
	margin-right: 10px;
}

@media screen and (max-width: 1200px) {
	.user-buttons a {
	    -margin: 4px 7px;
	    padding: 8px 13px;
	}
}

.page-up.active {
    visibility: visible;
    opacity: 1;
}

.page-up {
    z-index: 999;
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size: 70px;
    background: transparent;
    border: 0;
    opacity: 0;
    visibility: hidden;
    color: #ffffff;
    cursor: pointer;
    text-shadow: 0 0 10px #0000007d;
    transition: all 1s;
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
	.page-up {
	    bottom: 70px;
	    right: 70px;
	}
}}

.panel-body-users .userstable > a {
	display: flex;
	align-items: center;
}

@media (max-width:800px) {
	body {
		background-size: auto;
		height: 100vh;
	}
}
#settings .input-group-addon {
	display: none;
}
#settings .input-date {
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#settings .date {
	margin-right: 4px;
}

#settings .datetime-style {
	max-width: 148px;
}

.create-user-block {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}

.create-user-block p:first-child {
	color: #6dca00;
}

.create-user-block p {
	font-size: 16px;
}

.frame .createuser .create-user-fields > div:not(:last-child), .frame .balance_panel form > div:not(:last-child) {
	border: 1px solid #b1b1b1;
    border-bottom: 0;
    margin: 0;
    padding: 6px 5px;
    display: flex;
    align-items: center;
}

.frame .createuser .create-user-fields .login-row + div {
	border-bottom: 1px solid #b1b1b1;
}

.frame .createuser .create-user-fields .login-row + div + div {
	border-top: 0;
}

.frame .createuser .create-user-fields > div:last-child, .frame .balance_panel form > div:last-child {
	margin: 0;
    padding: 6px 5px;
}

.frame .createuser .create-user-fields > div:nth-last-child(2), .frame .balance_panel form > div:nth-last-child(2) {
	border: 1px solid #b1b1b1;
}

.reg-login {
	position: relative;
}

.copy-button {
	position: absolute;
    top: -5px;
    right: -35px;
    font-size: 20px;
    transition: color .3s;
}

#history-table tr td:nth-child(2) {
	max-width: 100px;
	word-break: break-all;
}

.panel-body-users .userstable > a {
	display: flex;
	align-items: center;
}

@media (max-width:800px) {
	body {
		background-size: auto;
		height: 100vh;
	}
}
#settings .input-group-addon {
	display: none;
}
#settings .input-date {
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#settings .date {
	margin-right: 4px;
}

#settings .datetime-style {
	max-width: 148px;
}

.create-user-block {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}

.create-user-block p:first-child {
	color: #6dca00;
}

.create-user-block p {
	font-size: 16px;
}

.frame .createuser .create-user-fields > div:not(:last-child), .frame .balance_panel form > div:not(:last-child) {
	border: 1px solid #b1b1b1;
    border-bottom: 0;
    margin: 0;
    padding: 6px 5px;
    display: flex;
    align-items: center;
}

.frame .createuser .create-user-fields .login-row + div {
	border-bottom: 1px solid #b1b1b1;
}

.frame .createuser .create-user-fields .login-row + div + div {
	border-top: 0;
}

.frame .createuser .create-user-fields > div:last-child, .frame .balance_panel form > div:last-child {
	margin: 0;
    padding: 6px 5px;
}

.frame .createuser .create-user-fields > div:nth-last-child(2), .frame .balance_panel form > div:nth-last-child(2) {
	border: 1px solid #b1b1b1;
}

.reg-login {
	position: relative;
}

.copy-button {
	position: absolute;
    top: -5px;
    right: -35px;
    font-size: 20px;
    transition: color .3s;
}

#history-table tr td:nth-child(2) {
	max-width: 100px;
	word-break: break-all;
}

.search-login {
	padding: 6px 30px 6px 12px;
}

.search-clean,
.user-search-clean {
	position: absolute;
    right: 8px;
    top: 2px;
    font-size: 20px;
	cursor: pointer;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}

.search-clean.active,
.user-search-clean.active {
	opacity: 1;
	visibility: visible;
}

.balance_panel .balance-link {
	color: #49abff;
	text-decoration: underline;
}

.bg-green {
	background-color: #4078409e;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td{
	border: 1px solid #444;
}

.table{
	border: 1px solid #444;
}

.search-selected .nopadding input.form-control[readonly] {
	background-color: #f9f0f082;
}

#games-data-table .getGame,
#games-data-table.search-result .arrow-button {
	display: none;
}

#games-data-table.search-result .getGame,
#games-data-table .arrow-button {
	display: initial;
}

#games-delete-table .getGame {
	display: none;
}

.bonus-wrapper{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.currencies-dropdown.dropdown.form-control{
	margin: unset;
	background-color: white;
	color: #828282;
	padding: unset;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.currencies-dropdown button.dropdown-toggle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.currencies-dropdown ul.dropdown-menu{
	margin: unset;
	width: 100%;
	max-height: 350px;
	overflow-y: scroll;
}
.currencies-dropdown ul.dropdown-menu li{
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
}
.currencies-dropdown ul.dropdown-menu .divider{
	margin: 0;
}
.currencies-dropdown ul.dropdown-menu li a{
	display: flex;
	width: 100%;
	padding: unset;
	color: #555;
}
.currencies-dropdown ul.dropdown-menu li a label:hover{
	background-color: #5897fb;
	color: #fff;
	cursor: pointer;
}
.currencies-dropdown ul.dropdown-menu li a label{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	padding: 7px 10px;
	margin: unset;
	font-size: 15px;
}
.currencies-dropdown ul.dropdown-menu li a label input[type=checkbox]{
	margin: 0 10px;
}
.currencies-dropdown span.select-text {
	padding-right: 3px;
}
.checkbox-container:has(input[type=checkbox]:checked) {
	background-color: #dddddd;
}

.currencies-dropdown .btn-default.dropdown-toggle {
	color: #828282;
}

.currencies-dropdown input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.currencies-dropdown .checkmark {
	position: relative;
	margin-right: 15px;
	height: 22px;
	width: 22px;
	background-color: #ddd;
}

/* On mouse-over, add a grey background color */
.currencies-dropdown .checkbox-container:hover input ~ .checkmark {
	background-color: #3db869;
}

/* When the checkbox is checked, add a blue background */
.currencies-dropdown .checkbox-container input:checked ~ .checkmark {
	background-color: #3db869;
}
.currencies-dropdown .checkbox-container input:checked:disabled ~ .checkmark {
	background-color: #a0dbb2;
}

.checkbox-container:has(input:checked:disabled) {
	color: #9a9fa3;
	background-color: #f7f2f2a6;
}

/* Create the checkmark/indicator (hidden when not checked) */
.currencies-dropdown .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.currencies-dropdown .checkbox-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.currencies-dropdown .checkbox-container .checkmark:after {
	left: 8px;
	top: 4px;
	width: 6px;
	height: 12px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.user-setting input.form-control[disabled] {
	cursor: not-allowed;
	background-color: #ffffff1a;
	opacity: 1;
}

.report-form .dropdown-menu {
	min-width: 225px;
}
.report-form .currencies-dropdown ul.dropdown-menu li a label {
	font-size: 14px;
}


.report-filters {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 20px;
}

.report-filters .filter-block {
	display: flex;
	width: 100%;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.report-filters .filter-block .filter-title {
	min-width: 125px;
}

.report-filters .filter-select {
	width: 212px;
	height: 32px;
	margin: 0 5px;
}

.report-filters #currencies {
	margin: 0 5px;
}

.report-filters .filter-select.currencies-dropdown.dropdown.form-control {
	margin: 0 5px;
}

.report-filters .user-groups-line {
	background-color: #394965;
	width: 2px;
	margin: 0 5px;
	height: 32px;
	border-radius: 1px;
}

.report-filters .date-time-wrapper {
	margin: 0 5px;
}

.report-filters  .filter-date {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 155px;
	margin-right: 5px;
}

.report-filters  .filter-block .input-group-addon {
	padding: 7px 21px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.filter-date .input-date {
	font-size: 12px;
}

.report-filters  .filter-block .to-date {
	margin: 0 5px;
}
.no-padding {
	padding: unset;
}

.report-form-block {
	border-top: 2px solid #2d3a51;
	padding: 15px 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.report-form .add-filter {
	padding: 5px 0;
	color: #55A3F8;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.report-form .add-filter:hover {
	text-decoration: unset;
}

.report-form .add-filter-text {
	text-decoration: underline;
}

.report-form .column-select {
	width: 100%;
}

button.btn-default.dropdown-toggle.column-select {
	background-color: inherit;
	margin: 0;
	height: 30px;
	display: flex;
	padding: 0 5px 0  12px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border: 0;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 12 12'%3E%3Ctitle%3Edown-arrow%3C/title%3E%3Cg fill='%23555555'%3E%3Cpath d='M10.293,3.293,6,7.586,1.707,3.293A1,1,0,0,0,.293,4.707l5,5a1,1,0,0,0,1.414,0l5-5a1,1,0,1,0-1.414-1.414Z' fill='%23555555' stroke='%23555555' stroke-width='1.5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: 0.6em;
	background-position: calc(100% - 0.4em) center;
	background-repeat: no-repeat;
}

.report-form .add-filter  .fa-plus-square {
	font-size: 20px;
	margin-left: 5px;
}
.report-form-block .download-text {

}
.report-form-block .filter-block {
	width: 212px;
}

.report-form-block .download-text {
	margin: 0 10px;
}

.report-form-block .filter-template {
	width: 50%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.report-filters-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: center;
}

.report-filters-block  .filter-column {
	width: 35%;
}
.report-filters-block  .report-options-block {
	width: 50%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}
.report-filters-block  .report-options-block .conditions {
	width: 30%;
}
.report-filters-block  .report-options-block .filter-inputs{
	width: 60%;
}
.report-form .currencies-dropdown ul.dropdown-menu {
	width: unset;
}
.user-sites {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 15px;
	margin-right: 15px;
}

.create-site-fields {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}

.site-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.user-setting[name="languages"] .value .select2.select2-container .selection{
	width: 100%;
}

.user-setting[name="superagents"] .value .select2.select2-container .selection{
	width: 100%;
}

.action-block {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.jc-fe {
	justify-content: flex-end;
}
.jc-sb {
	justify-content: space-between;
}
.report-form-block .save-template, .report-form-block .save-template:hover {
	text-decoration: underline;
	color: #55A3F8;
}

.report-form-block .selected-filters {
	display: flex;
	flex-wrap: wrap;
}

.report-form-block .selected-filters .filter-value {
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 5px 5px;
	margin: 0 5px;
}
.report-form-block .selected-filters .btn-link {
	margin: unset;
}


@media only screen and (max-width: 768px) {
	.report-filters .filter-block {
		align-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
	.report-filters .filter-select {
		width: 100%;
		margin: 5px 0;
	}
	.report-filters .filter-select.table-filter {
		display: flex;
	}
	.report-filters .filter-select.datetime-choose {
		width: 100%;
		display: flex;
	}
	.report-filters .user-groups-line {
		width: 100%;
		margin: 5px 0;
		height: 2px;
	}
	.report-filters .filter-select.currencies-dropdown.dropdown.form-control {
		margin: 5px 0;
	}
	.report-form-block {
		flex-direction: column;
	}
	.selected-filters-wrapper {
		flex-direction: row;
	}
	.report-filters .filter-block #currencies {
		width: 100%;
		margin: 5px 0;
	}
	.report-form-block .filter-block {
		width: 100%;
	}
	.report-form-block .filter-template {
		width: 100%;
		display: flex;
		flex-direction: row;
	}
	.report-form-block .filter-template.download-template {
		flex-direction: column;
		align-items: flex-start;
	}
	.report-form-block .download-text {
		margin: 10px 0;
	}
	.report-form-block .add-filter {
		min-width: 125px;
	}
	.report-form-block .selected-filters .filter-value {
		padding: 3px;
		margin: 3px;
	}
	.report-filters .date-time-wrapper {
		margin: 5px 0;
	}
}

.action-block .createSite {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.site-name::placeholder {
	color: #94b0c1;
	font-size: 17px;
}


.report-action-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	margin-bottom: 10px;
}

.report-action-buttons .action-button {
	width: auto;
	margin-right: 10px;
	height: 35px;
}

@media (max-width:768px) {
	.report-action-buttons {
		justify-content: space-between;
		margin-bottom: 5px;
	}

	.report-action-buttons .action-button {
		margin: 5px 0;
	}

	.report-action-buttons .action-button:nth-child(-n+2) {
		width: 49%;
	}

	.report-action-buttons .action-button:nth-child(3) {
		width: 100%;
	}
}

.main-news .panel {
	margin-left: unset;
	margin-right: unset;
}
.user-result .user-tree {
	display: none;
}

.user-result .user-tree.active {
	display: flex;
	flex-flow: wrap;
	justify-content: flex-start;
}

.user-result .ml-5 {
	margin-left: 2px;
}
.user-result .breadcrumb-span:before {
	padding: 0 2px;
}

.user-tree .buttons {
	top: unset;
}

.tox-editor-container .tox-promotion {
	display: none;
}

.user-setting[type="html"] .setting-block {
	display: flex;
	flex-direction: column;
}

.user-setting .add-promocode {
	margin: 5px 0;
}

.input-group .input-date-time.form-control {
	border-radius: 4px;
}

.game-list-actions {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.games-list-name {
	font-size: 15px;
	font-weight: bold;
	margin-right: 15px;
}

.game-fill-actions {
	width: 100%;
	display: flex;
	padding: 20px 15px 0 20px;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
}

.game-fill-block .panel-body {
	padding: 0 20px;
}
.game-list-type-select,
.create-list-type{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.game-list-type-select span{
	min-width: 100px;
}

.create-list-type span{
	min-width: 120px;
	margin-left: 10px;
}

.ml-5 {
	margin-left: 5px;
}

@media screen and (min-width: 900px) {
	.cashbox-panel {
		width: max-content;
		min-width: 100%;
	}
	.cashbox-container {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	.cashbox-container .cashbox-filter {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		width: auto;
	}
}
@media (max-width: 900px) and (hover: hover) {
	.cashbox-panel .bootstrap-table.bootstrap3 .fixed-table-container .fixed-table-body {
		overflow: auto;
	}
}

.cashbox-table .table-action .status-buttons {
	display: flex;
	flex-direction: column;
	grid-gap: 10px;
}
.cashbox-table .table-action .status-buttons .cashbox .btn {
	width: 100%;
}

.gamessort-actions {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
}

.create-list-type-btn {
	margin-left: 5px;
}

.game-list-header {
	height: max-content;
}

@media only screen and (max-width: 768px) {
	.game-fill-actions {
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		align-items: flex-start;
		gap: 10px;
	}

	.game-fill-actions .games-type-actions{
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		align-content: flex-start;
		gap: 10px;
		flex-wrap: wrap;
	}

	.game-fill-actions .create-list-type span {
		margin-left: unset;
	}

	.create-list-type {
		flex-wrap: wrap;
		gap: 5px;
	}

	.create-list-type-btn {
		margin-left: unset;
	}

	.game-list-header {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.row-position.search-selected {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		min-width: 120px;
	}

	.count-change-block {
		display: flex;
		gap: 5px;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
}
.balance_panel .list-types-block {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.games-count-field {
	max-width: 100px;
}