@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

*{
    outline:none;
}

HTML{
    min-width: 300px;
    height: 100%;
}

BODY{
    min-width: 300px;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #090f1e;
    background-image: url(../img/bg_1.png?1);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    overflow-x: hidden;
}

input, select, textarea, button{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

BODY::-webkit-scrollbar {
    width: 4px;
}
BODY::-webkit-scrollbar-track {
    background: #090f1e;
    border-radius: 0;
}
BODY::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: 0 solid rgba(0, 0, 0, 0);
    background-color: #2e3341;
}

.flex_space{flex: 1;}



.head{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 55px;
    padding: 0 15px;
    background: #101628;
	z-index: 999;
}
.head > div{
    display: flex;
    align-items: center;
    height: 100%;
}
.head .logo img{
    display: block;
    margin: 0;
    padding: 0;
    height: 35px;
}
.head svg{
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    height: 35px;
    fill: #a6becf;
}
side{
    background-color: #101628;
    background-image: url(../img/gradient.png);
    background-position: top right;
    background-repeat: no-repeat;
}
side .menu{
    background: none;
}



.page{
    display: flex;
}
.bar{
    position: relative;
    width: 50px;
}
.menu{
    position: relative;
    width: 230px;
}



.bar > div{
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 20px);
    background: #141b2e;
    padding: 10px 7px;
    overflow-x: hidden;
    overflow-y: auto;
}
.bar .logo{
    margin-top: 15px!important;
    margin-bottom: 15px;
}
.bar a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    transition: 0.3s;
}
.bar .logo img{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.bar svg{
    display: block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: auto;
    fill: #a6becf;
}
.bar a:hover svg{
    fill: var(--main_color);
}
.bar > div::-webkit-scrollbar {
    width: 4px;
}
.bar > div::-webkit-scrollbar-track {
    background: #141b2e;
    border-radius: 0;
}
.bar > div::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: 0 solid rgba(0, 0, 0, 0);
    background-color: rgba(255, 255, 255, 0.05);
}



.menu{
    background-color: #101628;
    background-image: url(../img/gradient.png);
    background-position: top right;
    background-repeat: no-repeat;
	z-index: 1;
}
.menu > div{
    position: sticky;
    top: 0;
    height: calc(100vh - 20px);
    padding: 10px 20px;
    overflow-x: hidden;
    overflow-y: auto;
}
.menu > div > div{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    margin-top: 25px;
}
.menu > div > a{
    display: flex;
    align-items: center;
    color: #7994a7;
    text-decoration: none;
    padding: 9px 0;
    transition: 0.3s;
}
.menu > div > a svg{
    display: block;
    margin: 0;
    padding: 0;
    width: 23px;
    height: auto;
    fill: #7994a7;
    margin-right: 15px;
    transition: 0.3s;
}
.menu > div > a > div:nth-child(2){
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;

}
.menu > div > a > div:nth-child(3){
    background: var(--main_gradient);
    color: #fff;
    border-radius: 500px;
    padding: 2px 3px;
    min-width: 15px;
    text-align: center;
}
.menu > div > a:hover{
    color: #fff;
}
.menu > div > a:hover svg{
    fill: #fff;
}
.menu_active{
    color: #fff!important;
}
.menu_active svg{
    fill: var(--main_color)!important;
}
.menu > div::-webkit-scrollbar {
    width: 4px;
}
.menu > div::-webkit-scrollbar-track {
    background: none;
    border-radius: 0;
}
.menu > div::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: 0 solid rgba(0, 0, 0, 0);
    background-color: rgba(255, 255, 255, 0.05);
}

.content{
    display: flex;
    flex-direction: column;
    width: 1250px;
    margin: 20px auto;
		max-width: 100vw;
}
.content > h1{
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
    padding: 0 20px;
    font-weight: 300;
    font-size: 21px;
    width: calc(100% - 40px);
    max-width: 100%;
}
.content > h1 > div{
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
.content > h1 > a{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    padding: 5px;
    background: var(--main_gradient);
    border-radius: 500px;
}
.content > h1 > a > svg{
    display: block;
    margin: 0;
    padding: 0;
    width: 17px;
    height: auto;
    fill: #fff;
    transition: 0.3s;
}
.content > div{
    flex: 1;
    margin: 0 20px;
	padding: 15px;
    background: rgba(17, 23, 40, 0.95);
    border-radius: 20px;
}
.content_stretch{
    flex: 1;
}














@media (max-width: 1600px) {
    .content{flex: 1; width: auto;}
}

@media (max-width: 1000px) {
    BODY{padding-top: 55px; height: calc(100% - 55px);}
    .head{display: block;}
    .page > div:nth-child(1){display: none;}
    .page > div:nth-child(2){display: none;}
    .content > div{margin: 0 10px;}
}










.contener{
	min-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}

.user_auth_block{
	background:#fff;
	width:320px;
	border-radius:15px;
	padding:1px 15px 15px 15px;
	position: relative;
}

.user_auth_block H2{
	color: #000;
	text-align: center;
	font-size: 17px;
}

.user_auth_block .inpreg{
	width: calc(100% - 30px);
	padding:7px 15px;
	margin-bottom:5px;
	background: #ececec;
	border-radius:50px;
	border: 0;
}

.user_auth_block .errors{
	background-color:#b10000;
	color: #ffffff;
	padding:7px 10px;
	margin-bottom:10px;
	border-radius:3px;
	text-align:center;
	border-radius: 50px;
}

.user_auth_block button{
    width: 100%;
    margin-top: 5px;
    padding: 10px 10px;
    background: linear-gradient(90.77deg, #0095ff .96%, #0855c4 99.87%);
    border-radius: 10px;
    border: 0;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
}


.user_blocks{
	display: flex;
	gap: 0 20px;
}
.user_blocks > div{
	flex: 1;
	background: var(--block_bg);
	color: var(--block_color);
	border-radius: var(--main_radius);
	padding: 15px;
}



.noty_bar{
	background: var(--main_color)!important;
	color: #fff!important;
}



.stat_filter{
    display: flex;
    align-items: center;
    background: var(--content_head_bg);
    color: var(--content_head_color);
    border-radius: var(--main_radius);
    padding: 10px;
    margin-bottom: 10px;
}
.stat_filter > div:first-child{
    flex: 1;
    display: flex;
    align-items: center;
}

.datepicker-here{
    border: 1px solid var(--block_bg);
    padding: 5px 10px 5px 33px;
    border-radius: var(--main_radius);
    text-align: center;
    background-color: var(--block_bg);
    color: var(--block_color);
    background-image: url(../img/calendar.png);
    background-position: center left 5px;
    background-repeat: no-repeat;
    background-size: 17px;
}

.stat_filter > div:first-child a{
    background: var(--block_bg);
    color: var(--block_color);
    text-decoration: none;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 50px;
    transition: 0.3s;
}
.stat_filter > div:first-child .active{
    background: var(--main_color)!important;
}

@media (max-width: 1000px) {
    .stat_filter{flex-direction: column;}
    .stat_filter > div:first-child a:nth-child(3){display: none;}
    .stat_filter > div:first-child a:nth-child(5){display: none;}
    .datepicker-here{margin-top: 5px;}
}



.stats{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.stat_block{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 27%;
    background: var(--block_bg);
    color: var(--block_color);
    border-radius: var(--main_radius);
    padding: 20px 10px 15px 10px;
    text-align: center;
    border-bottom: 2px solid var(--main_color);
}
.stat_block_name{
    margin-bottom: 7px;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--main_color);
    text-decoration: none;
}
.stat_block_data{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.stat_block_data > div{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4.5px 0;
}
.stat_block_data > div > div{
    margin: 0px 3px;
}
.stat_block_data .s_name{
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.5);
}
.stat_block_data .s_amount{
    font-size: 15px;
    font-weight: bold;
}
.stat_block_data .s_count{
    background: #161d30;
    padding: 2px 5px;
    border-radius: 50px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 9px;
}
.stat_block_no_data{
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
}
#online .s_amount{
    font-size: 27px;
    font-weight: 700;
    color: var(--main_color);
}
#reg .s_amount, #auth .s_amount, #visitors .s_amount, #views .s_amount{
    font-size: 27px;
    font-weight: 700;
}

@media (max-width: 1000px) {
    .stat_block{min-width: 45%;}
}
@media (max-width: 601px) {
    .stat_block{min-width: 95%;}
}



.graph{
    margin-top: 10px;
    padding: 10px;
    background: var(--block_bg);
    color: var(--block_color);
    border-radius: var(--main_radius);
    text-align: center;
    border-bottom: 2px solid var(--main_color);
}
.graph_head{
    font-size: 14.5px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px;
}



.hbet{
	background: #1a233a;
	padding: 10px;
	border-radius: 7px;
	margin-bottom: 10px;
}
.hbet_head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.hbet_head > div:last-child{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.hbet_mini{
	color: rgba(255, 255, 255, 0.55);
	font-size: 11px;
}
.hbet_am{
	font-weight: bold;
	color: var(--main_color);
}
.hbet_status{
	padding: 5px 10px;
	border-radius: 7px;
	color: #fff;
}
.hbet_status_0{
	background: rgba(255, 255, 255, 0.15);
}
.hbet_status_1{
	background: #007914;
}
.hbet_status_2{
	background: #900b0b;
}
.hbet_status_3{
	background: #e8af00;
    color: #000;
}
.hbet_event{
	background: #222d4a;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 10px 0;
	padding: 9px;
	border-radius: 7px;
}
.hbet_event > div:first-child > div{
	margin: 2.1px 0;
}
.hbet_event > div:last-child{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.hbet_event .hbet_status{
	margin-top: 7px;
}
.hbet_live{
	color: #ff2020;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 5px;
	text-decoration: none;
}



.els{
	display: flex;
	align-items: center;
	background: #1a233a;
	gap: 7px;
	padding: 10px;
	border-radius: 7px;
	margin-bottom: 10px;
}
.els_name{
	flex: 1;
}




.spins_img{
	width: 90px;
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 5px;
}

















/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/



































A{
	color:var(--main_color);
}

a:focus{outline:none;}
a {outline:none;}
* {outline:none;}

.clear{clear:both;}

.leftcolum{
	width:230px;
	background:#19191f;
}

.table_edit{
	width: 100%;
}

.topline{
	position:fixed;
	display:flex;
	align-items: center;
	background:#fff;
	box-shadow:0px 0px 3px #5c5c5c;
	width:100%;
	height:60px;
	top:0px;
	z-index:10;
}

.logoLk{
	display:block;
	background-color:#000;
	background-image:url(../img/logo.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:95px;
	width:227px;
	height:60px;
	border-left:3px solid #000;
	transition:0.3s;
	box-shadow:0px 0px 5px #000;
}



.miniAvatar{
	float:left;
	width:50px;
	height:50px;
	border-radius:50px;
	margin-top:5px;
	margin-left:5px;
	background-position: center center;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
}

.miniAvatarDetail{
	float:left;
	width:50px;
	height:50px;
	border-radius:50px;
	margin-top:10px;
	margin-left:5px;
	background-position: center center;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
}

.nameProject{
	float:left;
	color:#fff;
	height:60px;
	line-height:60px;
	margin-left:10px;
	font-size:17px;
	color:#ececec;
	font-weight:bold;
	transition:0.3s;
	width:135px;
}

.nameProjectDetail{
	float:left;
	color:#000!important;
	height:70px;
	line-height:70px;
	margin-left:10px;
	font-size:17px;
	color:#ececec;
	font-weight:bold;
	transition:0.3s;
	width:200px;
	transition:0.3s;
}

.strProject{
	float:right;
	background-image:url(../img/strProject.png);
	width:15px;
	height:10px;
	margin-top:25px;
	margin-right:7px;
	opacity:0.4;
	transition:0.3s;
}


.viborKass{
	display:block;
	height:70px;
	padding:0px 10px 0px 0px;
	border-bottom:1px solid #e5e5e5;
	transition:0.3s;
}



.viborKass:hover .nameProjectDetail{

}


.viborKass:hover .viborbtntyp{
	color:var(--main_color);
	border:1px solid var(--main_color);
}

.balanceProject{
	float:left;
	height:70px;
	line-height:70px;
	width:150px;
	color:var(--main_color);
	font-weight:bold;
	font-size:17px;
	padding:0px 10px;
}
.balanceProject val{
	color:#000;
	font-size:14px;
}


.viborbtntyp{
	float:left;
	border:1px solid #000;
	color:#000;
	padding:5px 10px;
	margin-left:10px;
	border-radius:3px;
	margin-top:20px;
	transition:0.3s;
}


.viborbtntypAct{
	float:left;
	border:1px solid var(--main_color);
	background:var(--main_color);
	color:#fff;
	padding:5px 10px;
	margin-left:10px;
	border-radius:3px;
	margin-top:20px;
	transition:0.3s;
}

.zagAdm{
	flex: 1;
}

.zagAdm a{
	display:block;
	float:left;
	font-size:24px;
	color: rgba(0,0,0,.7);
	height:58px;
	line-height:57px;
	margin-left:20px;
	text-decoration:none;
	border-bottom:3px solid var(--main_color);
}



.settings{
	display:block;
	margin-right:8px;
	width:25px;
	height:25px;
}
.settings .img-svg{
	width:100%;
	transition:0.3s;
	fill:#3b3b3b;
}
.settings:hover .img-svg{
	fill:var(--main_color);
}



.support{
	display:block;
	margin-right:8px;
	width:25px;
	height:25px;
}
.support .img-svg{
	width:100%;
	transition:0.3s;
	fill:#3b3b3b;
}
.support:hover .img-svg{
	fill:var(--main_color);
}



.notice{
	display:block;
	margin-right:8px;
	width:25px;
	height:25px;
}
.notice .img-svg{
	width:100%;
	transition:0.3s;
	fill:#3b3b3b;
}
.notice:hover .img-svg{
	fill:var(--main_color);
}



.exit{
	display:block;
	margin-right:10px;
	width:25px;
	height:25px;
}
.exit .img-svg{
	width:100%;
	transition:0.3s;
	fill:#3b3b3b;
}
.exit:hover .img-svg{
	fill:var(--main_color);
}

.userTop{
	display:flex;
	align-items: center;
	color:#000;
	text-decoration:none;
	background:#f9f9f9;
	color:#000;
	border: 1px solid #ccc;
	padding: 7px 10px;
	border-radius:3px;
	margin-right:10px;
	transition: 0.3s;
}
.userTop div:nth-child(2){
	flex:1;
	margin-left:5px;
}
.userTop .img-svg{
	fill:#3b3b3b;
	width:17px;
	transition:0.3s;
}
.userTop:hover{
	border: 1px solid var(--main_color);
	background: var(--main_color);
	color: #ffffff;
}
.userTop:hover .img-svg{
	fill:#fff;
}


.docUser{
	position: relative;
	float: left;
	width: 73px;
	height: 73px;
	background-size: cover;
	background-position: center center;
	margin: 5px;
	cursor: pointer;
	transition: 0.3s;
	border-radius: var(--main_radius);
}
.dellDoc{
	display: none;
	position: absolute;
	z-index: 15;
	width: 17px;
	height: 17px;
	top: 0;
	right: 0;
	background: #000000;
	background-image: url('/img/close.png');
	background-size: 9px;
	background-position: center center;
	background-repeat: no-repeat;
}
.showDoc{
	display: none;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	background-image: url('/img/searchWhite.svg');
	background-size: 30px;
	background-position: center center;
	background-repeat: no-repeat;
}
.docUser:hover .dellDoc{
	display: block;
}
.docUser:hover .showDoc{
	display: block;
}


.articleImgFlex{
	display: flex;
	align-items: center;
}
.articleImgFlex div:last-child{
	flex:1;
}
.articleImg{
	position: relative;
	float:left;
	width: 60px;
	height: 50px;
	background-size: cover;
	background-position: center center;
	padding: 0;
	margin-right:5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	cursor:pointer;
	transition: 0.3s;
	border-radius:3px;
}
.articleImg:hover .dellDoc{
	display: block;
}
.articleImg:hover .showDoc{
	display: block;
}


.razdelZag{
	color:#5a5a5a;
	padding:5px 17px;
	font-size:15px;
}


.leftcolum a{
	display:block;
	color:#fff;
	text-decoration:none;
	background-position: center left 17px;
	background-repeat: no-repeat;
	padding:15px 5px 15px 60px;
	font-size:16px;
	opacity:0.7;
	transition:0.2s;
}

.leftcolum a:hover{
	border-left:3px solid var(--main_color);
	background-color:#131318;
	opacity:1;
}

.act{
	border-left:3px solid var(--main_color)!important;
	background-color:#0b0b0e!important;
	opacity:1!important;
}

.ic1{background-image: url(../img/ic1.png);}
.ic2{background-image: url(../img/ic2.png);}
.ic3{background-image: url(../img/ic3.png);}
.ic4{background-image: url(../img/ic4.png);}
.ic5{background-image: url(../img/ic5.png);}
.ic6{background-image: url(../img/ic6.png);}
.ic7{background-image: url(../img/ic7.png);}
.ic8{background-image: url(../img/ic8.png);}
.ic9{background-image: url(../img/ic9.png);}
.ic10{background-image: url(../img/ic10.png);}
.ic11{background-image: url(../img/ic11.png);}
.ic12{background-image: url(../img/ic12.png);}
.ic13{background-image: url(../img/ic13.png);}
.ic14{background-image: url(../img/ic14.png);}
.ic15{background-image: url(../img/ic15.png);}
.ic16{background-image: url(../img/ic16.png);}
.ic17{background-image: url(../img/ic17.png);}
.ic18{background-image: url(../img/ic18.png);}
.ic19{background-image: url(../img/ic19.png);}
.ic20{background-image: url(../img/ic20.png);}
.ic21{background-image: url(../img/ic21.png);}
.ic22{background-image: url(../img/ic22.png);}
.ic23{background-image: url(../img/ic23.png);}
.ic24{background-image: url(../img/ic24.png);}
.ic25{background-image: url(../img/ic25.png);}
.ic26{background-image: url(../img/ic26.png);}
.ic27{background-image: url(../img/ic27.png);}
.ic28{background-image: url(../img/ic28.png);}
.ic29{background-image: url(../img/ic29.png);}
.ic30{background-image: url(../img/ic30.png);}

.modulLkLink{
	display:block;
	float:left;
	background-color: #dfdfdf;
    color: #4a4a4a;
    padding: 5px 10px;
	margin:5px 10px 5px 0px;
	text-decoration:none;
	border-radius:3px;
}
.modulLkLinkActive{
	background-color: var(--main_color)!important;
    color: #fff!important;
}

.netKass{
	width:340px;
	margin:10% auto 0;
}

.netKass a{
	display: block;
	width:215px;
    margin: 0px auto 0px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    background: var(--main_color);
    padding: 10px 15px;
    font-size: 21px;
    border-radius: 3px;
    transition: 0.3s;
}

.blockregkass{
	width:500px;
	margin:10% auto 0;
	padding:20px 0;
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
}


.blockregkass label{
	margin-right:15px;
}

.blockregkass td{
	padding:10px 20px;
}


.inpAddcassa{
	border:1px solid #888888;
	padding:5px 10px;
	width:250px;
}

.inpAddcassaPart{
	border:1px solid #888888;
	padding:5px 10px;
	width:150px;
}


.checkbox {
  vertical-align: top;
  margin: 0;
  width: 15px;
  height: 15px;
}

.checkbox + label {
  cursor: pointer;
}

.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}

.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 45px;
  height: 22px;
  border-radius: 13px;
  background: var(--input_bg);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background: #FFF;
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
  background: var(--main_color);
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
  left: 25px;
}


.radio {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 0px;
}
.radio + label {
  cursor: pointer;
}
.radio:not(checked) {
  position: absolute;
  opacity: 0;
}
.radio:not(checked) + label {
  position: relative;
  padding: 0 0 0 30px;
}
.radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 22px;
  height: 22px;
  background: var(--input_bg);
  border: 1px solid var(--input_bg);
  border-radius: 50%;
}
.radio:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--main_color);
  opacity: 0;
  transition: all .2s;
}
.radio:checked + label:after {
  opacity: 1;
}


.btnLk{
	background-color: var(--main_color);
	color:#fff;
	border:0px;
	border-radius:3px;
	font-size:16px;
	padding:7px 20px;
	cursor:pointer;
	transition:0.3s;
	text-align: center;
	transition: opacity .2s ease-in-out;
	user-select: none;
}

.btnLk.disabled{
	opacity: .6;
	pointer-events: none;
}



#regKassaOkbl{
	padding:0px 20px;
}






.teloLk{
	margin:20px;
}

.bl_Balance{
	float:left;
	margin:15px;
	background:#fff;
	width:270px;
	height:250px;
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	border-top:2px solid var(--main_color);
}

.bl_Balance_content:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-bottom-color: var(--main_color);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: -17px;
    right: -17px;
}


.bl_Oborot{
	float:left;
	margin:15px;
	background:#fff;
	width:270px;
	height:250px;
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	border-top:2px solid #52ae53;
}

.bl_Oborot_content:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-bottom-color: #52ae53;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: -17px;
    right: -17px;
}

.bl_ActivateOff{
	float:left;
	margin:15px;
	background:#fff;
	width:270px;
	height:250px;
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	border-top:2px solid #f03f3b;
}

.bl_ActivateOff_content:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-bottom-color: #f03f3b;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: -17px;
    right: -17px;
}


.bl_Operation{
	float:left;
	margin:15px;
	background:#fff;
	width:98%;
	min-height:250px;
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	border-top:2px solid #b86fd7;
}

.bl_Operation_content:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-bottom-color: #b86fd7;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: -17px;
    right: -17px;
}


.bl_Paymethod{
	float:left;
	margin:15px;
	background:#fff;
	width:98%;
	min-height:250px;
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	border-top:2px solid #fdbf28;
}

.bl_Paymethod_content:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-bottom-color: #fdbf28;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: -17px;
    right: -17px;
}


.bl_telo_ind{
	padding:10px 15px;
}

.bl_telo_ind_zag{
	color: rgba(0,0,0,.46);
	font-size: 18px;
	margin-bottom:10px;
}


.balance{
	text-align:center;
	font-weight:bold;
	font-size:32px;
	margin-top:60px;
}

.currency{
	text-align:center;
	font-size:17px;
}



.tabs_balance {
	width:185px;
    margin: 40px auto 0;
    padding: 0;
    list-style: none;
}

.tabs_balance li {
    text-align:center;
    float:left;
    padding:2px 5px;
	border-radius:3px;
	font-size:13px;
    background:#fff;
    margin:0px 3px;
    cursor:pointer;
    color:#000;
	border:1px solid var(--main_color);
    -webkit-transition:all .2s linear 0s;
    -webkit-transition-delay:.2s 0s;
    transition:all .2s linear 0s;
}

.tabs_balance li.active {
    background:var(--main_color);
    color:#fff; 
}
	

.tabs .info{
	display:none;
	width:100%;
	margin:0px;
}

.tabs .info.active{
	display:block;
}

.oborotLeftCol{
	padding:5px 10px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#434343;
}

.oborotTable{
	margin-top:20px;
}

.oborotNoDan{
	color:#6e6e6e;
}


.noData{
	text-align:center;
	margin-top:90px;
	color:#d3d1d2;
}

.notMessage{
	text-align:center;
	background:#fff;
	color:#303030;
	padding:20px;
	margin:20px;
}


.teloCenterInLk{
	width: auto;
	padding: 0;
}

.tableForm td{
	padding:3px 5px;
}

.inpLkst{
	width:400px;
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
	padding:7px 10px;
}

.inpLkstCat{
	width:420px;
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
	padding:7px 10px;
}


.inpLkstArea{
	width:400px;
	height:50px;
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
	padding:7px 10px;
	font-family: 'PT Sans';
    font-size: 14px;
}


.inpLkOt{
	width:340px;
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
	padding:7px 10px;
	margin-bottom:5px;
}

.inpLkOtArea{
	width:320px;
	height:50px;
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
	padding:7px 10px;
	font-family: 'PT Sans';
    font-size: 14px;
	margin-bottom:7px;
}


.modalDialog {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 400px;
		position: relative;
		margin: 10% auto;
		background: var(--block_bg);
		color: var(--block_color);
		border-radius: var(--main_radius);
	}

	.close {
		background-image:url(../img/close.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:15px;
		width: 25px;
		height: 25px;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.close:hover {opacity:0.8;}

.textModal{
	padding:15px;
	color: #fff;
}

.zagModal{
	background-color: var(--main_color);
	font-size:22px;
	color:#fff;
	padding:12px 15px;
	border-radius:3px 3px 0px 0px;
}


.teloInKab{
	overflow-x: auto;
}

.teloInKab::-webkit-scrollbar {
	height: 4px;
}
.teloInKab::-webkit-scrollbar-track {
	background: #141b2e;
	border-radius: 0;
}
.teloInKab::-webkit-scrollbar-thumb {
	border-radius: 50px;
	border: 0 solid rgba(0, 0, 0, 0);
	background-color: rgba(255, 255, 255, 0.05);
}

.teloInKab tr:first-child > td:first-child{border-radius: var(--main_radius) 0 0 0;}
.teloInKab tr:first-child > td:last-child{border-radius: 0 var(--main_radius) 0 0;}
.teloInKab tr:last-child > td:first-child{border-radius: 0 0 0 var(--main_radius);}
.teloInKab tr:last-child > td:last-child{border-radius: 0 0 var(--main_radius);}



.teloInKabMin{padding: 10px 0;}
.teloInKabMin tr:first-child > td:first-child{border-radius: var(--main_radius) 0 0 0;}
.teloInKabMin tr:first-child > td:last-child{border-radius: 0 var(--main_radius) 0 0;}
.teloInKabMin tr:last-child > td:first-child{border-radius: 0 0 0 var(--main_radius);}
.teloInKabMin tr:last-child > td:last-child{border-radius: 0 0 var(--main_radius);}



.tableTsykl{
	width:100%;
	margin:0px;
	border-radius: var(--main_radius);
}
.tableTsykl td{
    padding: 10px 7px;
    text-align: center;
	color: var(--td_color);
}
.tableTsykl tr:nth-child(2n) td{
	background: var(--td_bg);
}
.tableTsykl tr:nth-child(2n+1) td{
	background: var(--td2_bg);
	
}
.tableTsykl tr:hover td{
	background: var(--td_hover);
}
.tableTsykl tr:first-child > td:first-child{border-radius: var(--main_radius) 0 0 0;}
.tableTsykl tr:first-child > td:last-child{border-radius: 0 var(--main_radius) 0 0;}
.tableTsykl tr:last-child > td:first-child{border-radius: 0 0 0 var(--main_radius);}
.tableTsykl tr:last-child > td:last-child{border-radius: 0 0 var(--main_radius);}



.tableTsykl2{
	width:100%;
	margin:0px;
}
.tableTsykl2 td{
    padding: 10px 7px;
    text-align: center;
	color: var(--td_color);
}
.tableTsykl2 tr:nth-child(2n) td{
	background: var(--td_bg);
}
.tableTsykl2 tr:nth-child(2n+1) td{
	background: var(--td2_bg);
	
}
.tableTsykl2 tr:hover td{
	background: var(--td_hover);
}
.tableTsykl2 tr:first-child > td:first-child{border-radius: var(--main_radius) 0 0 0;}
.tableTsykl2 tr:first-child > td:last-child{border-radius: 0 var(--main_radius) 0 0;}
.tableTsykl2 tr:last-child > td:first-child{border-radius: 0 0 0 var(--main_radius);}
.tableTsykl2 tr:last-child > td:last-child{border-radius: 0 0 var(--main_radius);}



.tableTsykl2Lig{
	width:100%;
	margin:0px;
}
.tableTsykl2Lig td{
    padding: 10px 7px;
    text-align: center;
	color: var(--td_color);
}
.tableTsykl2Lig tr:nth-child(2n) td{
	background: var(--td_bg);
}
.tableTsykl2Lig tr:nth-child(2n+1) td{
	background: var(--td2_bg);
	
}
.tableTsykl2Lig tr:hover td{
	background: var(--td_hover);
}
.tableTsykl2Lig tr:first-child > td:first-child{border-radius: var(--main_radius) 0 0 0;}
.tableTsykl2Lig tr:first-child > td:last-child{border-radius: 0 var(--main_radius) 0 0;}
.tableTsykl2Lig tr:last-child > td:first-child{border-radius: 0 0 0 var(--main_radius);}
.tableTsykl2Lig tr:last-child > td:last-child{border-radius: 0 0 var(--main_radius);}





.icoTopSport{
	width:30px;
	padding:0px!important;
}

.tdZags{
	background-color: var(--content_head_bg)!important;
	padding: 10px 5px!important;
}

.imgReviews{
	width:50px;
	height:50px;
	border-radius:100px;
}


.dell {
    cursor: pointer;
    border: 0px;
    display: block;
    background: url(../img/dell.png);
    width: 20px;
    height: 20px;
    margin: 0px auto;
}


#addReviewsCl{
	float:right;
	background-color: var(--main_color);
	color:#fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	border-radius:3px;
	font-size:16px;
}

#addReviewsClRed{
	float:right;
	background-color: var(--main_color);
	color:#fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	border-radius:3px;
	font-size:16px;
}


#addSport{
	float:right;
	background-color: var(--main_color);
	color:#fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	border-radius:3px;
	font-size:16px;
}

#addBanners{
	float:right;
	background-color: var(--main_color);
	color:#fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	border-radius:3px;
	font-size:16px;
}

#addLeagues{
	background-color: var(--main_color);
	color:#fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	border-radius:3px;
	font-size:16px;
}


.addLeagues{
	background-color: var(--main_color);
	color:#fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	border-radius:3px;
	font-size:16px;
}

#razdelInfo{
	float:right;
	background-color: #e2e2e2;
	color:#242424;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	border-radius:3px;
	font-size:16px;
}

#razdelBack{
	float:left;
	background-color: #e2e2e2;
	color:#242424;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	border-radius:3px;
	font-size:16px;
}


.errorInSql{
	background: var(--content_head_bg);
	color: var(--content_head_color);
	text-align:center;
	padding:15px 15px;
	border-radius: var(--main_radius);
}

.betsInSql{
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	text-align:center;
	padding:15px 15px;
	margin-bottom:10px;
}

.modulLk{
	background: var(--content_head_bg);
	color: var(--content_head_color);
	border-radius: var(--main_radius);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	padding: 10px;
	margin-bottom: 10px;
}

.modulLkUser{
	display: flex;
	align-items: center;
	background: var(--block_bg);
	color: var(--block_color);
	margin-bottom: 11px;
	border-radius: 7px;
}
.modulLkUser div:nth-child(1){
	background: var(--main_gradient);
	padding: 7px 10px 4px 10px;
	border-radius: 7px 0 0 7px;
}
.modulLkUser div:nth-child(1) img{
	width: 25px;
}
.modulLkUser div:nth-child(1) a{
	display: block;
}
.modulLkUser div:nth-child(2){
	flex: 1;
	padding: 0px 15px;
}
.modulLkUser div:nth-child(2) a{
	color: var(--block_color);
	font-size: 16px;
	text-decoration: none;
}

.modulLk2{
	background-color: var(--block_bg);
	color: var(--block_color);
	border-radius: var(--main_radius);
	padding: 10px;
	margin: 10px 0;
}



.imgInRedArt{
	max-height:50px;
	max-width:100px;
	border-radius:3px;
	float:left;
	margin-right:10px;
}


.linknaStr{
	text-align:center;
	padding:10px 15px;
	background:#f4f5f5;
	margin-top:20px;
}

input:disabled{
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
}


.teloUserRedInLk{
	background: var(--block_bg);
	color: var(--block_color);
	border-radius: var(--main_radius);
	float: left;
	width: 350px;
	margin: 20px;
	padding: 15px;
}

.teloUserRedInLkNew{
	background: var(--block_bg);
	color: var(--block_color);
	border-radius: var(--main_radius);
	float: left;
	width: 450px;
	margin: 20px;
	padding: 15px;
}

.iti--allow-dropdown{width:255px;}
.iti--allow-dropdown input{width:100%;}

.inpLkstRedUsr {
    width: 235px;
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 6px 10px;
}

.inpLkstRedUsrS {
    width: 255px;
    background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 6px 10px;
}

.inpLkstRedUsrT{
	width: 300px;
    background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 6px 10px;
	font-family: 'PT Sans';
    font-size: 14px;
	height:60px;
	resize: none;
}


.teloUserRedInLkLine{
	background: var(--block_bg);
	color: var(--block_color);
	border-radius: var(--main_radius);
	margin: 10px 0px;
	padding: 10px 10px 15px 10px;
}



.btnLkInRed{
	display:block;
	float:left;
	background-color: var(--main_color);
	color:#fff;
	border:0px;
	border-radius:3px;
	font-size:16px;
	padding:7px 20px;
	cursor:pointer;
	transition:0.3s;
	margin-top:5px;
	margin-right:15px;
}


.teloUserRedInLkLine a{
	display:block;
	float:left;
	background-color: var(--main_color);
    color: #fff;
	border-radius: 3px;
    font-size: 16px;
    padding: 7px 20px;
	transition: 0.3s;
	margin-right:15px;
	text-decoration:none;
	margin-top:5px;
}
.teloUserRedInLkLine a:hover{
	opacity:0.8;
}

.linkInRed1{background-color: #009a28!important;}
.linkInRed2{background-color: #7f0096!important;}
.linkInRed3{background-color: #960035!important;}
.linkInRed4{background-color: #ffae00!important;}
.linkInRed5{background-color: #00b2b8!important;}


.socInRedUs{
	background:#ececed;
	padding:5px 10px;
	margin-top:10px;
	border-radius:3px;
}

.spanNoneEn{
	color:#ccc;
	font-style:italic;
}

.status{
	display: block;
	float: left;
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 6px;
	border-radius: 50px;
}

.statusIcOn{
	background: var(--main_color);
	width: 9px;
	height: 9px;
	border-radius: 50px;
}

.statusIcOff{
	background: #ccc;
	width: 9px;
	height: 9px;
	border-radius: 50px;
}

.icoImgTD{
	background:var(--main_color)!important;
	padding:0px!important;
	min-height:44px;
	width:44px;
}

.icoImgTD img{
	max-width:35px;
	max-height:35px;
}


.icoImgLigTD{
	background:var(--main_color)!important;
	padding:0px!important;
	min-height:30px;
	width:30px;
}

.icoImgLigTD img{
	max-width:25px;
	max-height:25px;
}


.bannerImgTD{
	padding:0px!important;
	width:250px;
}

.bannerImgTD img{
	display: block;
	width:250px;
}


.bannerImgTDFO{
	padding:0px!important;
	width:100px;
}

.bannerImgTDFO img{
	width:100px;
	padding:10px;
}

.opLoadBann{
	background: #cbe5ff;
	border:1px solid #9dceff;
	border-radius: 3px;
	padding:1px 5px;
}


.paymentImgTD{
	width: 100px;
}


.redact {
    cursor: pointer;
    border: 0px;
    display: block;
    background: url(../img/redact.png);
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin: 0px auto;
}


.copyObj {
    cursor: pointer;
    border: 0px;
    display: block;
    background-image: url(../img/copyObj.svg);
	background-size:cover;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin: 0px auto;
}


.settingsObj {
    cursor: pointer;
    border: 0px;
    display: block;
    background-image: url(../img/settingsObj.png);
	background-size:cover;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin: 0px auto;
}

.settingsPen {
    cursor: pointer;
    border: 0px;
    display: block;
    background-image: url(../img/pen.png);
	background-size:cover;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin: 0px auto;
}

.delleteObj{
	cursor: pointer;
	border: 0px;
	display: inline-block;
	background-image: url(../img/delleteObj.png);
	background-size:cover;
	width: 20px;
	height: 20px;
	opacity: 0.7;
}

.infinOk{
	background:#e6e6e6;
	font-size:13px;
	font-weight:bold;
	border-radius:3px;
	padding:1px 3px;
	color:#979797;
}

.imgObjIco{
	width:100%;
	height:44px;
	margin-bottom:10px;
}

.imgObjIcoCont{
	background: var(--main_color);
    padding: 0px;
	width: 44px;
    height: 44px;
	text-align:center;
}

.imgObjIcoCont img {
    max-width: 35px;
    max-height: 35px;
}

.rightInImgObj{
	background:#f0f0f0;
}

.dellimg{
	background:#e3e3e3;
	margin-left:15px;
	padding:4px 10px;
	color:#000;
	text-decoration:none;
	border-radius:3px;
	transition:0.3s;
}
.dellimg:hover{
	background:#ccc;
}

.statusTypeAct{
	background:var(--main_color);
	color:#fff;
	text-decoration:none;
	padding:2px 4px;
	border-radius:3px;
	font-weight:bold;
}

.statusTypeOff{
	background:#e3e3e3;
	color:#6e6e6e;
	text-decoration:none;
	padding:2px 4px;
	border-radius:3px;
	font-weight:bold;
}

.vnInModalLigue{
	background:#e2e2e2;
	padding:5px 10px;
	border-radius:4px;
	margin-bottom:7px;
}

.strTopToSport{
	background-image:url(../img/strTopToSport.png);
	background-size:cover;
	width:18px;
	height:18px;
	float:right;
	margin-right:5px;
	opacity:0.5;
}


.timeZoneObl{
	float:right;
    margin-top: 11px;
    margin-right: 10px;
}

.timeZone{
	display:block;
	border-radius: 3px;
	font-size:14px;
	background-color:#dfdfdf;
	background-image:url(../img/strTime.png);
	background-position:center right 6px;
	background-size:12px;
	background-repeat:no-repeat;
	padding:6px 25px 6px 6px;
	color:#4a4a4a;
	text-decoration:none;
}
.timeZone:hover{
	color:#4a4a4a;
	text-decoration:none;
}

.timeZoneMenu{
	display: none;
	position:absolute;
	z-index:10;
	background-color:#dfdfdf;
	width:500px;
	margin-left:-430px;
	border-radius: 3px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
}
.timeZoneMenu a{
	display:block;
	padding:5px 10px;
	border-bottom:1px solid #c5c5c5;
	color:#000;
	text-decoration:none;
}
.timeZoneMenu a:hover{
	background:#d6d6d6;
}
.timeZone:focus ~ .timeZoneMenu, 
.timeZone:active ~ .timeZoneMenu, 
.timeZoneMenu:hover{display: block;} 


.timeZoneAct{
	background:var(--main_color)!important;
	color:#fff!important;
}


.betsInSql{
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	text-align:left;
	padding:15px 15px;
	margin-bottom:10px;
	border-bottom:2px solid var(--main_color);
}

.betsInSql2{
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	text-align:left;
	padding:15px 15px;
	margin-bottom:10px;
	border-bottom:2px solid #328cf1;
}


.betStatusSt{
	background:#dedede;
	color:#464646;
	padding:3px 5px;
	border-radius:3px;
}

.betStatusSt1{
	background:#0b9d00;
	color:#fff;
	padding:3px 5px;
	border-radius:3px;
}
.betStatusSt2{
	background:#d60000;
	color:#fff;
	padding:3px 5px;
	border-radius:3px;
}
.betStatusSt3{
	background:#f3f000;
	color:#000;
	padding:3px 5px;
	border-radius:3px;
}

.betCalculate{
	background:var(--main_color);
	color:#fff;
	padding:3px 5px;
	border-radius:3px;
	text-decoration:none;
}


.kuponItem{
	background:#fff;
	border:1px solid #d8d8d8;
	padding:3px 5px;
	margin-bottom:3px;
	border-radius:3px;
	font-size:12px;
}
.kuponItem div{
	font-weight:bold;
}

.kuponItem div span{
	float:right;
}


.betsItem{
	background:#fff;
	border:1px solid #d8d8d8;
	margin-bottom:3px;
	border-radius:3px;
}
.betsItem div{
	font-weight:bold;
}

.betsItem div span{
	float:right;
}

.betsItem table{
	width:100%;
}


.betsPocazateli{
	width:100%;
}
.betsPocazateli td{
	text-align:center;
	background:#fafafa;
	border-right:3px solid #fff;
	padding:5px 10px;
	border-radius:3px;
}

.countLeftMenu{
	float:right;
	background:var(--main_color);
	border-radius:50px;
	padding:1px 5px;
}


.statusWith0{
	min-width: 80px;
	text-align:center;
	padding:5px 10px;
	background: #dec600;
	color: #000;
	border-radius:3px;
	white-space: nowrap;
}

.statusWith1{
	width:110px;
	text-align:center;
	padding:5px 10px;
	margin:0px auto;
	background:#08a300;
	color:#fff;
	border-radius:3px;
	white-space: nowrap;
}

.statusWith2{
	width:110px;
	text-align:center;
	padding:5px 10px;
	margin:0px auto;
	background:#a3001b;
	color:#fff;
	border-radius:3px;
	white-space: nowrap;
}

.withd{
	background-image:url('../img/settingsObj.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 17px;
	border-radius:3px;
	display:block;
	margin-left:3px;
	width:25px;
	height:27px;
}

.withd2{
	background-image:url('../img/settingsObj.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:3px;
	display:block;
	float:left;
	margin-right:7px;
	width:20px;
	height:20px;
}

.ipbl{
	background:#a90000;
	padding:0px 9px;
	border-radius:50px;
	margin-left:10px;
}

.ipno{
	background:#34ab00;
	padding:0px 9px;
	border-radius:50px;
	margin-left:10px;
}

.inpsearch{
	background: var(--input_bg);
	border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 5px 10px;
	border-radius:3px;
}

.btnsearch{
	cursor:pointer;
	background-color: var(--main_color);
    color: #fff;
    padding: 5px 10px;
    margin-left: 5px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 16px;
	border:0px;
}


.posits{
	float:right;
	background: var(--input_bg);
	border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 5px 10px;
	border-radius:3px;
}

.banInManager{
	background:#a90000;
	color:#fff;
	font-weight:bold;
	border-radius:3px;
	padding:1px 3px;
	font-size:12px;
}

.idIntResult{
	border-radius: 3px;
    background-color: #dfdfdf;
	padding:3px 5px;
}

.statusResInAdm{
	display:block;
	border:1px solid #ccc;
	padding:5px;
	border-radius:50px;
}
.statusResInAdm .cps1{
	background:#209d13;
	width:13px;
	height:13px;
	margin:0px auto;
	border-radius:50px;
}
.statusResInAdm .cps2{
	background:#970202;
	width:13px;
	height:13px;
	margin:0px auto;
	border-radius:50px;
}

.linkInCounter{
	float:left;
}

.linkInCounter a{
	display:block;
	float:left;
	background: var(--block_bg);
	color: var(--block_color);
	text-decoration:none;
	padding:5px 10px;
	margin-right:5px;
	border-radius:50px;
	transition:0.3s;
}
.linkInCounter a:hover{
	color:#fff;
	background:#fd8b01;
}


.actBtCoun{
	color:#fff!important;
	background: var(--main_color)!important;
}

.counterMiniBlock{
	float: left;
    margin: 7px 0px 7px 10px;
	padding:5px;
	background-color: var(--block_bg);
	color: var(--block_color);
	border-radius: var(--main_radius);
	/*
	background-image: url('../img/graph.png');
	background-position: right 10px top;
	background-repeat: no-repeat;
	*/
    min-width: 215px;
    height: 180px;
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
    border-bottom: 2px solid var(--main_color);
	text-align:center;
}

.both{clear:both;}


.centerInfoCount{
	font-weight:bold;
}



.zagModulLk2{
	float:left;
	font-size:18px;
}

.selInGrRost{
	float:right;
	background: var(--input_bg);
	border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 5px 10px;
    border-radius: 3px;
	margin-left:10px;
}

.posInBlCountPage{
	float:left;
	background:#f5f5f5;
	padding:5px 10px;
	border-radius:3px;
	margin:5px;
	width:200px;
}

.posInBlCountPage span{
	float:right;
	background:#dfdfdf;
	padding:0px 3px;
	color:#464646;
	border-radius:50px;
}



.allAddBl{margin-bottom:10px;}
.allAddBl span{font-weight:bold;}
.moneyCurrFi span{font-weight:bold;}


.razdelmenu{
	color:#a9a9a9;
	background:rgba(0,0,0,0.5);
	padding:5px 10px 5px 20px;
	margin-top:5px;
}

.spantimeIpBlock{
    background-color: #dfdfdf;
    color: #4a4a4a;
    padding: 1px 5px;
    border-radius: 3px;
	font-size:11px;
}

.spantimeIpBlock2{
    background-color: #dfdfdf;
    color: #4a4a4a;
    padding: 1px 5px;
    border-radius: 3px;
}

.blockLeagId{
	background-color: var(--main_color);
    color: #fff;
    padding: 1px 5px;
    border-radius: 3px;
	margin-right:5px;
}

.blockLeagPath{
	background-color: #d69c00;
    color: #fff;
    padding: 1px 5px;
    border-radius: 3px;
	margin-right:5px;
	margin-left:5px;
}

.pometkaInSett{
	float:left;
	width:115px;
	text-align:center;
	font-weight:bold;
}

.rasschetBets{
	width:150px;
	background-color:#f8f8f8;
	background-image: url(../img/settingsObj.png);
    background-position: center left 10px;
    background-repeat: no-repeat;
	border-radius:0px 3px 3px 0px;
}

.rasschetBets a{
	display:block;
	padding-left:40px;
	color:#000;
	text-decoration:none;
	font-size:14px;
	height:33px;
	line-height:33px;
	transition:0.3s;
}
.rasschetBets a:hover{
	color:var(--main_color);
}

.statusBet1{
	width:150px;
	background-color:#0b9d00;
	background-image: url(../img/statusBet1.png);
    background-position: center left 10px;
    background-repeat: no-repeat;
	color:#fff;
	font-size:14px;
	border-radius:0px 3px 3px 0px;
}
.statusBet1 span{padding-left:45px;}

.statusBet2{
	width:150px;
	background-color:#d60000;
	background-image: url(../img/statusBet2.png);
    background-position: center left 10px;
    background-repeat: no-repeat;
	color:#fff;
	font-size:14px;
	border-radius:0px 3px 3px 0px;
}
.statusBet2 span{padding-left:45px;}


.statusBet3{
	width:150px;
	background-color:#f3f000;
	background-image: url(../img/statusBet3.png);
    background-position: center left 10px;
    background-repeat: no-repeat;
	color:#000;
	font-size:14px;
	border-radius:0px 3px 3px 0px;
}
.statusBet3 span{padding-left:45px;}

.resultInBets{
	background: #dedede;
    color: #464646;
    padding: 0px 5px;
    border-radius: 3px;
}

.betLeag{
	color:#7a7a7a;
}

.betTime{
	background:#e7e7e7;
	color:#7a7a7a;
	border-radius:3px;
	padding:0px 3px;
}

.betTypelive{
	background-color: #002c5e;
    background-image: url(../img/liveindic.png);
	background-size:10px;
	background-repeat:no-repeat;
    background-position: center left 3px;
	border-radius:3px;
	padding:0px 3px 0px 16px;
	color: #fff;
	font-weight:bold;
	text-transform:uppercase;
}


.betTypeline{
	background-color: var(--main_color);
	border-radius:3px;
	padding:0px 3px;
    color: #fff;
	font-weight:bold;
	text-transform:uppercase;
}


.infoAutoCalc{
	display:bloc;
	float:right;
	background-color: var(--main_color);
    color: #fff;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 3px;
	text-decoration:none;
}

.cronAutoCalc{
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:5px 5px;
	margin:10px 0px;
}

.fortuneUsers{
	float: right;
    background-color: #eaeaea;
    color: #5b5b5b;
    padding: 5px 10px;
    margin-left: 10px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 16px;
}
.fortuneUsers span{font-weight:bold;}


.zagFortune{
	font-size:18px;
	margin-bottom:10px;
}

.changeparnter{
    background-color: var(--main_color);
    color: #fff;
    border: 0px;
    border-radius: 3px;
    padding: 0px 3px;
	text-decoration:none;
}



/* Обновление 06.05.2018 */

.coverObj{
	cursor: pointer;
    border: 0px;
    display: block;
    background-image: url(../img/oblojkaObj.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin: 0px auto;
}

.coverObjAct{
	cursor: pointer;
    border: 0px;
    display: block;
    background-image: url(../img/oblojkaObjAct.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin: 0px auto;
}

.topObj{
	float:left;
	cursor: pointer;
    border: 0px;
    display: block;
    background-image: url(../img/topObj.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin: 0px auto;
}

.leagObj{
	float:left;
	cursor: pointer;
    border: 0px;
    display: block;
    background-image: url(../img/leagObj.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin: 0px auto;
}

.eventObj{
	float:left;
	cursor: pointer;
    border: 0px;
    display: block;
    background-image: url(../img/eventObj.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin: 0px auto;
}

.countSpTop0{
	float:left;
    background: #039400;
    border-radius: 50px;
    padding: 1px 4px;
	font-size:10px;
	color:#fff;
	margin:2px 0px 0px 3px;
}

.countSpTop{
	float:left;
    background: var(--main_color);
    border-radius: 50px;
    padding: 1px 4px;
	font-size:10px;
	color:#fff;
	margin:2px 0px 0px 3px;
}

.countSpTop2{
	float:left;
    background: #ffae00;
    border-radius: 50px;
    padding: 1px 4px;
	font-size:10px;
	color:#fff;
	margin:2px 0px 0px 3px;
}

.countSpTop3{
	float:left;
    background: #e6e6e6;
    border-radius: 50px;
    padding: 1px 4px;
	font-size:10px;
	color:#979797;
	margin:2px 0px 0px 3px;
}



.coverSportAdm{
	width:100%;
	background-size: cover;
	background-position:center center;
	height:200px;
	border:2px solid var(--main_color);
	margin-bottom:10px;
}

.iconSportAdm{
	width:50px;
	height:50px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:95%;
	border:2px solid var(--main_color);
	margin:0px auto 10px;
}

#coverDefError{
	float: right;
    background-color: #960035;
	background-image: url(../img/warning2.png);
	background-position:center left 5px;
	background-repeat:no-repeat;
    background-size: 25px;
    color: #fff;
    padding: 5px 10px 5px 40px;
    margin-left: 10px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 16px;
}



.finBlockUser{
	margin-top:10px;
	border-collapse: collapse;
}

.finBlockUser td div{
	text-decoration:underline;
	padding-bottom:9px;
}

.finBlockNoti{
	margin-top:8px;
	color:#868686;
}

.finTd1{width:50%; background:#f6f6f6; padding:7px; text-align:center; border:1px solid #ccc;}
.finTd2{width:50%; background:#ffffff; padding:7px; text-align:center; border:1px solid #ccc;}
.finTd3{width:50%; background:#ffffff; padding:7px; text-align:center; border:1px solid #ccc;}
.finTd4{width:50%; background:#f6f6f6; padding:7px; text-align:center; border:1px solid #ccc;}
.finTd5{width:50%; background:#f6f6f6; padding:7px; text-align:center; border:1px solid #ccc;}
.finTd6{width:50%; background:#ffffff; padding:7px; text-align:center; border:1px solid #ccc;}

/* / Обновление 06.05.2018 */


.cachecss{
	width: 43px;
	height: 43px;
	border-radius: 50px;
	background: var(--main_color);
	border: 3px solid #2b4791;
	cursor: pointer;
}
.cachecss:hover{
	background: linear-gradient(to top, var(--main_color), #4f83be);
}


/* Обновление 03.06.2018 */

.linkInRed5 span{background:#fff; padding:2px 4px; border-radius:50px; color:#00b2b8; font-size:11px;}
.linkInRed6{background-color: #59770a!important;}
.linkInRed7{background-color: #633533!important;}
.linkInRed8{background-color: #11696c!important;}


/* / Обновление 03.06.2018 */



/* Обновление 17.06.2018 */
	.betInfo{
		display:block;
		opacity:0.6;
		background-image: url(../img/settingsObj.png);
		background-position: center center;
		background-repeat:no-repeat;
		width:35px;
		height:30px;
		transition:0.3s;
	}
	.betInfo:hover{opacity:1;}
	.betCalc{
		display:block;
		opacity:0.8;
		background-image: url(../img/calc.png);
		background-position: center center;
		background-size:23px;
		background-repeat:no-repeat;
		width:35px;
		height:30px;
		transition:0.3s;
	}
	.betCalc:hover{opacity:1;}
	.betStatus{
		width:35px;
		background-color:#dddddd;
		background-image: url(../img/betStatus.png);
		background-position: center center;
		background-size:21px;
		background-repeat:no-repeat;
	}
	.btStWin{
		background-color:#0b9d00;
		background-image: url(../img/statusBet1.png);
		background-position: center center;
		background-repeat: no-repeat;
	}
	.btStLose{
		background-color:#d60000;
		background-image: url(../img/statusBet2.png);
		background-position: center center;
		background-repeat: no-repeat;
	}
	.btStReturn{
		background-color:#f3f000;
		background-image: url(../img/statusBet3.png);
		background-position: center center;
		background-repeat: no-repeat;
	}
	.betDeleteTd{
		width:35px;
		padding:0px!important;
	}
	.betDelete{
		display:block;
		opacity:0.4;
		background-image: url(../img/betdelete.png);
		background-position: center center;
		background-size:20px;
		background-repeat:no-repeat;
		width:35px;
		height:25px;
		transition:0.3s;
	}
	.betDelete:hover{opacity:1;}
	.betIndLive{
		background-color: #d60000;
		border-radius: 3px;
		padding: 0px 3px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
	}
	.confirmcalcNo{
		display:block;
		opacity:0.7;
		background-image: url(../img/calcno.png);
		background-position: center center;
		background-size:20px;
		background-repeat:no-repeat;
		width:35px;
		height:25px;
		transition:0.3s;
	}
	.confirmcalcYes{
		display:block;
		opacity:0.7;
		background-image: url(../img/calcyes.png);
		background-position: center center;
		background-size:20px;
		background-repeat:no-repeat;
		width:35px;
		height:25px;
		transition:0.3s;
	}
	.wisorsendY{
		background:#3c8be4;
		border:1px solid var(--main_color);
		color:#fff;
		margin-top:10px;
		padding:5px 10px;
	}
	.wisorsendN{
		background:#c63939;
		border:1px solid #900000;
		color:#fff;
		margin-top:10px;
		padding:5px 10px;
	}
	.betInfoNotic{
		margin-top:7px;
		color:#919191;
		font-size:11px;
	}
	.btnLinkLk{
	display:block;
	background-color: var(--main_color);
	color:#fff;
	border:0px;
	border-radius:3px;
	font-size:16px;
	padding:7px 20px;
	cursor:pointer;
	transition:0.3s;
	margin:0px auto 0;
	text-decoration:none;
	width:230px;
	}
	.calcbetName{
		width: 320px;
		padding:7px 10px;
		text-align:center;
		border: 1px solid #ccc;
		background-color:#e8e8e8;
		margin:0px auto;
		color:#494949;
	}
	.betsUser{
		float: left;
		background-color: #f2f2f2;
		color: #4a4a4a;
		padding: 5px 10px;
		border-radius: 3px;
	}
/* / Обновление 17.06.2018 */


/* Обновление 05.07.2018 */
.linkInRed9{background-color: #2e317c!important;}
.linkInRed15{background-color: #961ab5!important;}
.userBonus{font-size:12px; color:#696969;}
/* / Обновление 05.07.2018 */


/* Обновление 07.07.2018 */
.betBonusTd{
	background-image: url(../img/free.png)!important;
	background-position: center center!important;
	background-size:23px!important;
	background-repeat:no-repeat!important;
	width:35px;
	padding:0px!important;
}
/* / Обновление 07.07.2018 */

/* Обновление 08.07.2018 */
.addBtnAdm{
	display:block;
	width:200px;
	text-align:center;
	margin:0px auto;
	background-color: var(--main_color);
	color:#fff;
	padding:5px 10px;
	margin-top:10px;
	text-decoration:none;
	border-radius:3px;
	font-size:16px;
}
.inpsearchText{
	background: var(--input_bg);
	border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 5px 10px;
    border-radius: 3px;
	padding:6px 10px;
}

/* / Обновление 08.07.2018 */


/* Обновление 10.07.2018 */
.linkInRed10{background-color: #49545f!important;}
.linkInRed11{background-color: #79c2ff!important;}
/* / Обновление 10.07.2018 */


/* Обновление 21.07.2018 */
.blockPromo{
	width:100%;
	display:table;
	border-spacing: 20px;
	border-collapse: separate;
}
.promoBet{
	display:table-cell;
	background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
    padding: 15px;
	width:50%;
}
.promoReg{
	display:table-cell;
	background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
    padding: 15px;
	width:50%;
}
.promoZag{text-align:center; background:#f9f9f9; padding:10px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);}
.promoZag div{font-weight:bold; font-size:16px; margin-bottom:7px;}
.modulLkPromo{
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
	padding:10px;
	margin: 20px 20px 0px 20px;
}
.indPromo1{
	color:#fff;
	background: var(--main_color);
    border-radius: 50px;
    padding: 1px 5px;
}
.indPromo2{
	color:#fff;
	background: #2e5100;
    border-radius: 50px;
    padding: 1px 5px;
}
.indPromo3{
	color:#fff;
	background: #2a0051;
    border-radius: 50px;
    padding: 1px 5px;
}
.withdell{
	background-image:url(../img/delleteObj.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:17px;
	border-radius:3px;
	display:block;
	float:left;
	margin-left:3px;
	width:25px;
	height:27px;
}
.promoCount0{
	padding:1px 5px;
	margin-right:3px;
	border-radius:3px;
	color:#494949;
	font-size:13px;
}
.promoCount1{
	background-color:#237300;
	padding:1px 5px;
	margin-right:3px;
	border-radius:3px;
	color:#fff;
	font-size:13px;
}
.promoError{
	background-color:#810101;
	padding:1px 5px;
	margin-right:3px;
	border-radius:3px;
	color:#fff;
	font-size:13px;
}
.promoLogZag{
	font-size:17px;
	margin-bottom:10px;
}
/* / Обновление 21.07.2018 */



/* / Обновление 28.07.2018 */
.tableFormSpeed td{padding:10px 5px;}
.croninfoopt{background: #f0f0f0; border:1px solid #ccc; padding:5px 10px; text-align:center; margin-top:5px;}
/* / Обновление 28.07.2018 */

.koefzag{
	text-align: center;
    padding: 10px 15px;
    background: #f4f5f5;
	margin-top:20px;
	margin-bottom:10px;
	font-size:16px;
}
.koefzag span{
	font-weight:bold;
}

.coefAdmRed{
	float:left;
	width:150px;
	padding:5px;
	background: #f4f5f5;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
}

.inpLkstKoef{
	width:100%;
	border:0px solid #fff;
	padding:3px 0px;
	text-align:center;
	margin-top:5px;
	font-weight:bold;
}

.greySmoll{
	color:#5c5c5c;
	font-size:12px;
}

.btnLimitCoupon{
	display:block;
	color:#fff;
	text-decoration: none;
	text-align:center;
    background-color: var(--main_color);
	padding: 8px 10px;
    border-radius: 3px;
}


.droplang {
	position: relative;
	margin: 0!important;
}
.droplangbtn {
	cursor: pointer;
	display: flex;
    align-items: center;
    color: #7994a7;
    text-decoration: none;
    padding: 9px 0;
    transition: 0.3s;
	text-transform: capitalize;
	font-weight: 400;
    font-size: 14px;
}
.droplangbtn > div img {
    display: block;
    margin: 0;
    padding: 0;
    width: 23px;
    margin-right: 15px;
	border-radius: 500px;
}
.droplangbtn > div svg {
    display: block;
    margin: 0;
    padding: 0;
    width: 23px;
    height: auto;
    fill: #7994a7;
    margin-right: 15px;
    transition: 0.3s;
}
.droplangbtn > div:nth-child(2) {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
.droplangbtn span{
	font-weight: 700;
	text-transform: uppercase;
}
.droplangbtn:hover{color: #fff;}
.droplang-content {
    display: none;
    position: absolute;
    float: left;
    left: 0px;
    min-width: 70px;
    z-index: 99999;
    bottom: 100%;
}
.droplang:hover .droplang-content {display: block;}
.drop_wrap{
	background: #fff;
	color: #000;
	border-radius: 5px;
	padding: 10px;
}
.drop_wrap a{
	margin: 5px 0;
	display: flex;
	align-items: center;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}
.drop_wrap a img{
	display: block;
	width: 30px;
	border-radius: 5px;
	margin: 0 10px 0 0;
	padding: 0;
}



.dropdown {
	position: absolute;
	right: 0px;
	background-color: #fff;
	min-width: 180px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius: 10px;
	z-index: 110;
	transition: all .5s ease-in-out;
	transform: scale(0);
	transform-origin: top right;
	opacity: 0;
	margin-top:10px;
	padding: 10px 0;
  }
  .dropdown a {
	padding: 5px 16px;
	font-size: 12px;
	font-weight: 600;
	display: block;
	color: #181818;
	transition: color .2s ease-in;
  }
  .dropdown a:hover {
	color: #013d79;
  }
  .dropdown::after {
	content: '';
	position: absolute;
	right: 4px; top: -14px;
	border: 10px solid transparent;
	border-bottom: 12px solid #fff;
  }
  .user-dropdown a.user-options-btn > i {
	transition: 0.3s;
  }
  .user-dropdown:hover .dropdown {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	transform: scale(1);
  }
  .user-dropdown:hover a.user-options-btn {
	color: #181818;
  }
  .user-dropdown:hover a.user-options-btn > i {
	transform: rotate(180deg);
  }
  .time-dropdown-style {
	min-width: auto;
  }
  .time-dropdown-style a{
	text-decoration: none;
  }
  .time-dropdown {
	position: relative;
	display: flex;
	align-items: center;
	margin-right:10px;
	background: #f9f9f9;
    color: #000;
    border: 1px solid #ccc;
	height:35px;
	padding: 0px 10px;
	border-radius: 3px;
  }
  .time-dropdown:hover .dropdown {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	transform: scale(1);
  }
  .a.user-time-change {
	transition: all .3s ease;
  }
  .time-dropdown:hover a.user-time-change {
	color: #fff;
  }
  .time-dropdown a {
	margin-left: 0;
  }
  .time-dropdown a.user-time-change > i {
	transform: rotate(0deg);
	transition: all .3s ease;
	color:#000;
  }
  .time-dropdown:hover a.user-time-change > i {
	transform: rotate(180deg);
  }
  .langFlex{
	display:flex;
	align-items: center;
  }
  .langFlex div:nth-child(2){
	flex:1;
	padding-left: 10px;
  }
  .langFlex img{
	width: 30px;
	height: 20px;
	border-radius: 3px;
	margin: 0;
	padding: 0;
  }
  

.langFlexUp{
	display:flex;
	align-items: center;
	cursor: pointer;
}
.langFlexUp div:nth-child(2){
	flex:1;
	padding-left: 7px;
	padding-right:7px;
}
.langFlexUp img{
	width: 20px;
	height: 16px;
	border-radius: 3px;
	margin: 0;
	padding: 0;
}

.langTabs{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.langTabs a{
	display: flex;
	flex-direction: row;
	align-items: center;
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
	color: var(--input_color);
	text-decoration: none;
	border-radius: 3px;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.langTabs a img{
	display: block;
	width: 25px;
	height: 25px;
	border-radius:5px;
	margin-right: 7px;
}
.ui-tabs-active a{
	border: 1px solid var(--main_color);
	background: var(--main_color);
	color: #ffffff;
}

.editArticle{
	margin-top: 15px;
}

.notice-user-1{
	margin-top: 10px;
	padding: 5px 10px;
	background: #f1f8fe;
	border:1px solid #9ed2fa;
}


.form-inp{
	width:calc(100% - 20px);
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
    color: var(--input_color);
    border-radius: var(--main_radius);
	padding:7px 10px;
}
.form-sel{
	width:100%;
	background: var(--input_bg);
    border: 1px solid var(--input_bg);
    color: var(--input_color);
    border-radius: var(--main_radius);
	padding:7px 10px;
}


.smartphoto{
	background: rgba(0,0,0,0.9);
}

.urlAlias{
	padding: 1px 5px;
	border-radius:2px;
	background: #fef1f1;
	border:1px solid #fa9e9e;
	margin-right: 5px;
}

.addPaymentMethods{
	display: block;
	float: left;
	background-color: var(--main_color);
    color: #fff;
    border: 0px;
    border-radius: 3px;
    font-size: 16px;
    padding: 7px 20px;
    cursor: pointer;
	transition: 0.3s;
	text-decoration: none;
	margin-top: 10px;
}

.paymentMethodValue{
	background-color: var(--main_color);
	color: #fff;
	padding: 7px 10px;
	border-radius:5px;
	float: left;
}

.tableTsykl888 td{
	border:0px;
}


.dateStat{
	border:1px solid #ccc;
	padding:3px 10px;
	width:170px;
	border-radius:3px;
}
.btnLkInCount{
	background-color: var(--main_color);
	color:#fff;
	border:0px;
	border-radius:3px;
	font-size:16px;
	padding:5px 10px;
	cursor:pointer;
	transition:0.3s;
	margin-left:1px;
}
.profitYes{
	color:#055a00;
	font-weight:bold;
}
.profitNo{
	color:#af2626;
	font-weight:bold;
}
.profitZero{
	color:#000;
	font-weight:bold;
}
.zagStats{
	padding: 5px 25px;
	font-size:21px;
}
.zagStats span{
	font-size:15px;
}
.accessMask::first-letter{
	color:#ccc;
}




.cats_flex{
	display: flex;
	flex-wrap: wrap;
}
.cats_flex > div{
	background: var(--block_bg);
	padding: 2px 5px;
	border-radius:3px;
	margin: 3px;
}


.table_img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 65px;
	border-radius:4px;
	background: var(--block_bg);
}
.table_img img{
	display: block;
	border-radius:4px;
	max-width: 100%;
	max-height: 100%;
}


.image_red_flex{
	display: flex;
}

.image_red_img_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 38px;
	background: #dde0eb;
	margin-left: 4px;
	margin-right: 5px;
}
.image_red_img_wrap img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}


.pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	background: var(--content_head_bg);
	color: var(--content_head_color);
	border-radius: var(--main_radius);
    padding: 10px;
    margin: 15px 0px;
}
.pagination a{
	text-decoration: none;
	color: #fff;
	background-color: #222d4c;
	padding: 3px 7px;
	border-radius: 5px;
	margin: 3px 3px;
}
.nav_active{
	color: #fff!important;
	background-color: var(--main_color)!important;
}


.blocker{
	z-index: 99999;
}
.new_modal_head{
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 25px;
}

.new_style table{
	width: 100%;
}
.new_style table td{
	padding: 3px 0;
}
.new_style table td:nth-child(2n+1){
	text-align: right;
	padding-right: 15px;
}
.new_style input[type=text], .new_style input[type=number]{
	border: 1px solid #ccc;
	padding: 5px 9px;
	width: calc(100% - 18px);
}
.new_style select{
	border: 1px solid #ccc;
	padding: 5px 9px;
	width: 100%;
}
.new_style input[type=submit]{
    background-color: var(--main_color);
    color: #fff;
    border: 0px;
    border-radius: 3px;
    font-size: 16px;
    padding: 7px 20px;
    cursor: pointer;
    transition: 0.3s;
	width: 60%;
	margin-top: 17px;
}

.amount_finance{
	display: flex;
	align-items: center;
	justify-content: center;
}
.amount_finance > div{
	white-space: nowrap;
}
.amount_finance > div:first-child, .amount_finance > div:last-child{
	font-size: 11px;
	color: #676767;
}
.amount_finance > div:nth-child(2){
	padding: 0 5px;
}
.amount_finance > div:nth-child(2) b{
	font-size: 17px;
}



.payment_details{
	display: flex;
	align-items: center;
}
.payment_details > div:first-child{
	flex: 1;
}
.pay_info{
	font-size: 11px;
	color: #818181;
}
.deposit_status{
    text-align: center;
    padding: 5px 10px;
    margin: 0px auto;
    background: #08a300;
    color: #fff;
    border-radius: 3px;
	font-size: 13px;
}
.deposit_status_fail{
	background: #a3001b;
}
.deposit_updated{
	font-size: 11px;
	color: #fff;
	margin-top: 3px;
}


.promo_log_user{
	display: flex;
	margin-bottom: 5px;
}
.promo_log_user > div:first-child{
	flex: 1;
}
.promo_log_user > div{
	background: rgba(239, 239, 239, 0.3);
	padding: 5px;
	border-radius: 5px;
}



.avatar_simple{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
    height: 55px;
	border-radius: 500px;
    background: var(--main_color);
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}
.avatar_photo{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 55px;
    height: 55px;
	border-radius: 500px;
}

.ava_color_q{background: var(--main_color);}
.ava_color_w{background: #3c46c4;}
.ava_color_e{background: #693cc4;}
.ava_color_r{background: #9f3cc4;}
.ava_color_t{background: #c43cbc;}
.ava_color_y{background: #c43c72;}
.ava_color_u{background: #c43c49;}
.ava_color_i{background: #3c82c4;}
.ava_color_o{background: #3cacc4;}
.ava_color_p{background: #3cc4b6;}
.ava_color_a{background: #3cc46f;}
.ava_color_s{background: #76c43c;}
.ava_color_d{background: #c4bc3c;}
.ava_color_f{background: #c4693c;}
.ava_color_g{background: var(--main_color);}
.ava_color_h{background: #3c46c4;}
.ava_color_j{background: #693cc4;}
.ava_color_k{background: #9f3cc4;}
.ava_color_l{background: #c43cbc;}
.ava_color_z{background: #c43c72;}
.ava_color_x{background: #c43c49;}
.ava_color_c{background: #3c82c4;}
.ava_color_v{background: #3cacc4;}
.ava_color_b{background: #3cc4b6;}
.ava_color_n{background: #3cc46f;}
.ava_color_m{background: #76c43c;}
.ava_color_0{background: var(--main_color);}
.ava_color_1{background: var(--main_color);}
.ava_color_2{background: #3c46c4;}
.ava_color_3{background: #693cc4;}
.ava_color_4{background: #9f3cc4;}
.ava_color_5{background: #c43cbc;}
.ava_color_6{background: #c43c72;}
.ava_color_7{background: #c43c49;}
.ava_color_8{background: #3c82c4;}
.ava_color_9{background: #3cacc4;}



.user_list_info{
	display: flex;
	align-items: center;
}
.user_list_info > div:last-child{
	flex: 1;
	padding-left: 15px;
}

.user_list_id{
	color: #7a7a7a;
	font-size: 11px;
	text-decoration: none;
}



.disigne{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.disigne_block{
	display: flex;
	align-items: center;
	width: 45%;
	margin-bottom: 15px;
}
.disigne_block > div:first-child{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	margin-right: 15px;
	border-radius: 10px;
	background: var(--block_bg);
}
.disigne_block > div:first-child img{
	max-width: 95%;
	max-height: 95%;
}
.disigne_block > div > a{
	display: block;
	width: 100px;
	padding: 7px 20px;
	border-radius: 3px;
	background-color: var(--main_color);
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
}
.design_color{
	height: 33px;
	border-radius: 3px;
	border: 1px solid #ccc;
}



.modal{
	z-index: 99999;
	padding: 0;
	box-shadow: 0 0 0 #000;
	background: var(--block_bg);
	color: var(--block_color);
}
.modal_head{
	background-color: var(--main_color);
    font-size: 22px;
    color: #fff;
    padding: 12px 15px;
    border-radius: 8px 8px 0px 0px;
}
.modal_content{
	padding: 15px 30px;
}
.modal_footer{
	padding: 5px 30px 15px 30px;
	display: flex;
	justify-content: center;
}

.modal_content .details-row{
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 10px;
}

.modal_content .details-row input{ 
	margin-bottom: 0;
}

.modal_content .details-row button{
	margin: 0;
}

.modal_input{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.modal_input > div:first-child{
	width: 71px;
}
.modal_input > div:last-child{
	flex: 1;
}

.modal_input_flex{
	display: flex;
}
.modal_input_flex > div:first-child{
	flex: 1;
}
.modal_input_flex > div:last-child{
	margin-left: 7px;
	width: 100px;
}



.modal_h2{
	margin: 10px 0;
	font-weight: 700;
	font-size: 16px;
}



.term_input{
	display: flex;
	align-items: center;
}
.term_input > div:first-child{
	width: 59px;
	text-transform: uppercase;
	font-weight: bold;
}
.term_input > div:last-child{
	flex: 1;
}



.modal_content input{
	width: calc(100% - 20px);
	background: var(--input_bg);
	border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 7px 10px;
	margin-bottom: 5px;
}
.modal_content textarea{
	width: calc(100% - 20px);
	background: var(--input_bg);
	border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 7px 10px;
	resize: none;
	margin-bottom: 5px;
}
.modal_content select{
	width: 100%;
	background: var(--input_bg);
	border: 1px solid var(--input_bg);
	color: var(--input_color);
	border-radius: var(--main_radius);
    padding: 6px 10px;
	margin-bottom: 5px;
}
.modal_content button{
	display: flex;
	margin: 10px auto 0;
	background-color: var(--main_color);
    color: #fff;
    border: 0px;
    border-radius: 3px;
    font-size: 16px;
    padding: 7px 20px;
    cursor: pointer;
}

.modal_hide_info{
	margin-top: 15px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.3);
}



.spangrey{
	color: #737373;
	font-size: 11px;
}



.session_active{
    width: 110px;
    text-align: center;
    padding: 5px 10px;
    margin: 0px auto;
    background: #08a300;
    color: #fff;
    border-radius: 3px;
}
.session_passive{
    width: 110px;
    text-align: center;
    padding: 5px 10px;
    margin: 0px auto;
    background: #a3001b;
    color: #fff;
    border-radius: 3px;
}

.e404{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 135px;
	font-weight: 700;
}

input[type='color']{
	padding-top: 0px;
	padding-bottom: 0px;
}

.daily_bonus_bank {
    display: flex;
    gap: 7px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    padding: 10px;
    background: #1a233a;
    border-radius: 5px;
}
.daily_bonus_bank input {
    background: var(--input_bg);
    border: 1px solid var(--input_bg);
    color: var(--input_color);
    border-radius: var(--main_radius);
    padding: 7px 10px;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: center;
}

.wager_head {
    margin-top: 15px;
    background: #12192a;
    border-radius: 7px;
    padding: 5px 10px;
    font-size: 19px;
    font-weight: bold;
}
.flex_min_max {
    display: flex;
    align-items: center;
    justify-content: center;
}

.selector_zone > div > div:nth-child(2){
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 7px 15px;
}
.selector_zone > div > div:nth-child(1){
	margin: 15px 0;
	font-weight: bold;
	font-size: 19px;
}
.selector_zone > div > div:nth-child(2) a{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
}
@media (max-width: 1600px) {
    .selector_zone > div > div:nth-child(2){grid-template-columns: 1fr;}
}