/*@font-face {
  font-family: 'Open Sans'; 
  src: url(open_sans.ttf); 
 }*/


body{
	margin: 0px;
	padding: 0px;
	background: #fff;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;
	
}
h1, h2, h3, h4, h5, h6{
	margin: 0px;
	padding: 0px;
}

.w{
	max-width: 1100px;
	margin: auto;
}


.warning{
	text-align: center;
	display: block;
	margin: 15px 0px 5px 0px;
}
.InfOK{
	background: #64d464;
	padding: 5px;
	border-radius: 5px;
	color: #000;
	font-size: 14px;
	margin: 5px 0px;
}
.debug-point-time{
	text-align: center;
	font-size: 12px;
	color: #000;
	background: #fff;
	border: solid 1px #f00;
	border-radius: 3px;
	padding: 4px 0px;
	
}
.title-page{
	text-align: center;
	margin: 10px 0px;
}
/******************************************************/
.cst-button{
	display: inline-block;
	cursor: pointer;
    color: #000;
    padding: 15px 32px;
	border-radius: 5px;
	border: solid 1px #888;
    text-align: center;
    text-decoration: none;
	
	background: linear-gradient(to top, #a0a0a0, #f5f5f5);
    font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4); 
}
.cst-button:hover{
	background: linear-gradient(to top, #929292, #e8e8e8);
}
/******************************************************/
input.input-txt{
	border-radius: 4px;
	padding: 4px 0px;
	text-indent: 8px;
}
input.input-submit{
	border-radius: 4px;
	padding: 4px 10px;
	cursor: pointer;
}
/******************************************************/

/******************************************************/
.ButtonListBuy{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 16px;
	margin: 0px 10px;
	/*background: linear-gradient(to top, #30c11c, #b9e839);*/
	color: #fff;
}
.ButtonListBuy .butLabel,.ButtonListBuy .ListSelected,.ButtonListBuy .blbBuy{
	padding: 0px 10px;
	

	line-height: 35px;
	height: 35px;

}
.ButtonListBuy .butLabel{
	background: linear-gradient(to top, #239e12, #b9e839);
	min-width: 150px;
}
.ButtonListBuy .ListSelected{

	
	background: linear-gradient(to top, #239e12, #b9e839);


}
.ButtonListBuy .blbBuy{
	cursor: pointer;
	padding: 0px 15px;
	color: #000;
	font-weight: bold;
	background: linear-gradient(to top, #e4784f, #f5eb77);
	/*background: linear-gradient(to top, #227717, #90f577);*/
}
.ButtonListBuy .ListSelected{
	cursor: pointer;
}
.ButtonListBuy .ListSelected i{
	position: relative;
	top: -5px;
}
.ButtonListBuy .List{
	display: none;
	/*background: #30c11c;*/
	
	
	
}
.ButtonListBuy .List .LstOption{
	border-bottom: solid 1px #fff;
	padding: 5px 16px;
	cursor: pointer;
	font-size: 14px;
	background: linear-gradient(to top, #37da0f, #22a210);
}
.ButtonListBuy .ListSelect{
	position: relative;
}
.ButtonListBuy .ListPrice.hover  .List{
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 1000;
}
.ButtonListBuy .ListSelect:hover .List{
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 1000;
}
/*.ButtonListBuy .ListSelect:hover .List{
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 1000;
}*/
.ButtonListBuy .ListPrice{
	min-width: 200px;
}
.ButtonListBuy .ListPrice .List{
	min-width: 200px;
}
.btbCell .ButtonListBuy{
	margin-bottom: 10px;
}
/******************************************************/

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



header{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background: linear-gradient(to top, #235461, #52afc7);
	padding: 20px 0px;
	color: #fff;
	z-index: 600;
	width: 100%;
}

.site{
	margin-top: 105px;
}

@media(min-width: 1200px){
	body.big-stat-width .mob-scroll{
		height: 7280px;
	}

	

	body.big-stat-width table.Table_Chart{
		position: absolute;
		left: 10px;
	}
	body.big-stat-width header{
		position: absolute;
	}
	body.big-stat-width .bg-max-top{
		background: linear-gradient(to top, #235461, #52afc7);
		position: absolute;
		top: 0px;
		left: 0px;
		min-width: 1750px;
		height: 80px;
		z-index: 1;
		
	}
	
	body.big-stat-width .site{
		padding-top: 95px;
	}
}

.site-title{
	
	

	font-size: 18px;
	font-weight: bold;

}
.site-pos-title{
	margin-left: 5px;
	position: relative;
	top: 6px;
}
@media(max-width: 600px){
	.site-pos-title{
		display: none;
	}


}
.site-title h1, .site-title span{
	font-size: 18px;
	font-weight: bold;
	
}
.site-title a{
	/*-color: #d4f7f2;*/

}
.header-top{
	min-height: 35px;
}

@media(min-width: 960px){
	.header-top .left,.header-top .right{
		width: 300px;
	}
}


.header-top .left{
	display: flex;
	justify-content: left;
	margin-top: -20px;
}
.header-top .site-logo{
	position: relative;
	height: 40px;
} 
@media(max-width: 500px){
	.header-top .site-logo{
		height: auto;
	}
}

.header-top .left img{
	width: 75px;
	
	/*position: absolute;
	top: -20px;
	left: 0px;*/
}

.header-top{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}


.header-top .right{
	display: flex;
	justify-content: right;
	flex-wrap: wrap;
	margin-top: -10px;
}
.bdo .header-top .right{
	justify-content: left;
}

.header-top .right .user{
	margin-top: 8px;
	margin-right: 10px;
	font-size: 14px;
	position: relative;
	z-index: 500;
}
.bdo .header-top .right .user{
	margin-left: 10px;
	
}
.header-top .right .user i{
	font-size: 23px;
	cursor: pointer;
	margin-left: 1px;
}
.header-top .right .user .user-menu{
	display: none;
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px;
	padding: 2px;
	background: #fff;
	color: #333;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	min-width: 180px; 
}

.bdo .header-top .right .user .user-menu{
	right: auto;
	left: 0px;
}
@media(max-width: 400px){
	.header-top .right .user .user-menu{
		min-width: 200px; 
	}
}


.header-top .right .user .user-menu.show{
	display: block;
}
.header-top .right .user .user-menu .um-item{
	margin: 0px;
	padding: 0px;
}
.header-top .right .user .user-menu  .um-item-close{
	display: flex;
	justify-content: right;
}
.bdo .header-top .right .user .user-menu  .um-item-close{
	justify-content: left;
}
.header-top .right .user .user-menu  .um-item-close .icon-close{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	cursor: pointer;
}

.header-top .right .user .user-menu  .um-item-close .icon-close:hover{
	background: #ddd;
}


.header-top .right .user .user-menu .um-account{
	border-bottom: solid 1px #ccc;
}
.header-top .right .user .user-menu .um-account .um-lbl{
	font-weight: bold;
}

.header-top .right .user .user-menu .um-account .um-name{
	margin: 4px 0px 4px 8px;
}

.header-top .right .user .user-menu .um-item a, .header-top .right .user .user-menu .um-account{
	color: #333;
	display: block;
	padding: 8px 5px;
	
}
.header-top .right .user .user-menu .um-item a:hover {
	background: #f1f1f1;
}
.header-top .right .user .user-menu .um-item:last-child a{
	border-bottom: none;
}

.header-top .right .user .user-menu .um-exit{
	border-top: solid 1px #ccc;
}


.header-top a{
	color: #d4eff7;
	text-decoration: none;
}

.header-top a label.reg{
	font-size: 12px;
	vertical-align: super;
}

.header-top .logo-interview{
	margin-right: 5px;
}
.header-top .logo-interview img, .header-top .logo-interview canvas{
	max-width: 200px;
	max-height: 60px;
	
}

@media(max-width: 1200px){
	.header-top .logo-interview img, .header-top .logo-interview canvas{
		max-width: 90px;
		max-height: 60px;
		
	}
}


@media(max-width: 400px){

	.header-top .logo-interview img, .header-top .logo-interview canvas{
		max-width: 50px;
		max-height: 50px;
		
	}
}


.header-description{
	
	font-size: 8px;
	color: #d4eff7;
	max-width: 320px;
	line-height: 10px;
	max-height: 30px;
}
.header-description.txt-row-4{
	font-size: 6px;
	line-height: 8px;
}

/******************************************************/
header .menu{
	margin-top: 7px;
}
header .menu ul{
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	
}
header .menu li{
	padding: 0px 4px;
	margin: 0px;
}
.menu .cart .info{
	display: none;
	background: #fbc86b;
	border-radius: 100%;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	font-size: 10px;
	color: #000;
	position: relative;
	top: -5px;
}
.menu .cart.full .info{
	display: inline-block;
	
}
header .menu a:hover{
	text-decoration: underline;
}
header .button-menu{
	display: none;
}

header .menu.mobile-menu{
	display: block;
	background: linear-gradient(to top, #52afc7, #235461);
	color: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
header .menu.mobile-menu a{
	color: #fff;
}

.header-top .center .mobile-menu ul{
	text-align: center;
	display: block;
	margin-top: 30px;
}
.header-top .center .mobile-menu li{
	width: 100%;
	margin: 16px 0px;
	font-size: 18px;
}
header .menu .menu-close{
	display: none;
}
header .menu.mobile-menu .menu-close{
	display: block;
	position: absolute;
	top: -5px;
	right: 20px;
	font-size: 50px;
	color: #fff;
	cursor: pointer;
}
/******************************************************/
@media (max-width: 1100px){
	header .w{
		padding: 0px 10px;
	}
}
@media (max-width: 900px){
	
	
	
	header .button-menu{
		display: block;
		font-size: 40px;
		margin-top: -7px;
	}
	header .menu{
		display: none;
	}
	

}

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

header .lang_full{
	

	
	font-size: 20px;
	cursor: pointer;
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
}
.bdo header .lang_full{
	margin-right: 10px;
}
.lang_full .icon-lang svg{
	position: absolute;
	top: 0px;
	max-width: 18px;
}
.lang_full .icon-lang path{
  fill: #fff;
}
header .lang_full .win_list_lang{
	
	padding: 10px;
	border-radius: 10px;
	border: solid 1px #aaa;
	position: absolute;
	top: 18px;
	right: 0px;
	width: 450px;
	background: #fff;
	z-index: 1000;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5); 
	display: none;
	
}
@media(min-width: 500px){
	.bdo header .lang_full .win_list_lang{
		right: -450px;
	}
}

header .lang_full .win_list_lang .lang-fl{
	display: flex;
	flex-direction: column; 
	flex-wrap: wrap;
	height: 560px;
}	

header .lang_full .win_list_lang .item-lang{
	display: inline;
	height: 20px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	/*display: flex;
	justify-content: start;*/
	/*width: 120px;*/
	page-break-inside: avoid;
	break-inside: avoid;
}

.bdo header .lang_full .win_list_lang .item-lang{
	width: 110px;
}
header .lang_full .win_list_lang .item-lang.selected{
	background: linear-gradient(to top, #1f627b, #6ca1b5);
}
header .lang_full .win_list_lang a{
	color: #000;
	font-size: 12px;
}

header .lang_full .win_list_lang .item-lang.selected a{
	color: #fff;
	text-decoration: none;
}
header.lang_full .pos-button{
	margin-top: 10px;
	display: flex;
	justify-content: right;
	padding-bottom: 10px;
}
header .lang_full .button-translate{
	font-size: 12px;
	cursor: pointer;
	color: #fff;
	background: linear-gradient(to top, #0274b3, #65b6e2);
	padding: 4px 12px;
}
header .lang_full .pos-button a.button-translate{
	color: #fff;
}

@media (max-width: 450px){
	
	header .lang_full{
		position: static;
	}

	header .lang_full .icon-lang{
		position: relative;
	}

	

	header .lang_full .win_list_lang{
		top: 50px;
		width: 100%;
		padding: 0px;
		
	}


	
	header .lang_full .win_list_lang .lang-fl{
		height: 730px;
		
	}
	header .lang_full .win_list_lang .lang-fl:first-child{
		padding-left: 20px;
	}


	.bdo header .lang_full .win_list_lang .lang-fl{
		width: 100px;
	}
	
	header .win_list_lang .item-lang{
		width: 120px;
		/*text-align: center;*/
	}
}

@media (max-width: 300px){
	.header-top .right .user{
		top: -9px;
	}

	header .lang_full .win_list_lang .lang-fl:first-child{
		padding-left: 5px;
	}

	header .win_list_lang .item-lang{
		width: 90px;
	}
}

.site{
	min-height: calc(100vh - 180px);
}
@media (min-width: 1000px){
	.site{
		min-height: calc(100vh - 140px);
	}
}

/*****************************************************************/
.work{
	padding-bottom: 35px;
}
/*****************************************************************/
.site .work .navigation {
    font-size: 12px;
    color: #555;
    margin: 5px 0px;
}
.site .work .navigation a{
	color: #555;
}


.butBuy {
	color: #fff;
    background: linear-gradient(to top, #235461, #52afc7);
    display: block;

    font-size: 20px;
    font-weight: bold;
    transition: all .2s linear;
    border-radius: 4px;
    width: 160px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    cursor: pointer;
}

.but_back{
	text-decoration: none;
	color: #fff;
    background: linear-gradient(to top, #7b7d7d, #dcd4d4);
	border-radius: 4px;
	margin: 10px 0px;
	padding: 5px 25px;
	display: inline-block;
	font-size: 14px;
}
/*****************************************************************/



/*****************************************************************/
.MenuBranch{
	/*padding: 0px 5px;*/
}
.MenuBranch ul{
	list-style: none;
	padding: 0px;
	max-width: 100%;
}
.MenuBranch li{
	display: block;
	margin: 0px;
	padding: 0px;
}
.MenuBranch ul ul{
	padding-left: 40px;
}

.MenuBranch a{
	color: #52595e;
	text-decoration: none;
	display: block;
	/*width: 100%;*/
	background: #e6e5e5;

	padding: 10px 10px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5); 
	border-radius: 30px;
	font-weight: 100;
	font-size: 16px;
	margin: 10px 0px;
	cursor: pointer;
	text-indent: 25px;
	-moz-transition: background 0.6s ease-out ;
	-ms-transition: background 0.6s ease-out ;
	-o-transition: background 0.6s ease-out ;
	-webkit-transition: background 0.6s ease-out ;
	transition: background 0.6s ease-out ;
}


.MenuBranch a:hover{
	color: #fff;
	background: #2F6776;
}

.PageMyTariffs .Item{
	border: solid 1px #cacaca;
    padding: 15px;
    margin: 10px 0px;
    border-radius: 5px;
	box-shadow:  5px 5px 5px rgba(0,0,0,0.3);
	color: #555;
	background: #f3f2f2;

	
}

.PageMyTariffs .Item .right {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	min-width: 160px;
}
.PageMyTariffs .Item .right .posButBuy{
	min-width: 160px;
	min-height: 5px;
}

.PageMyTariffs .Item .LabelFilter{
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}
/*@media (min-width: 460px){
	.PageMyTariffs .Item .right .butBuy{
		width: auto;
		padding: 0px 10px;
	}
}*/
@media (max-width: 460px){
	.PageMyTariffs .p-sb{
		display: block;
		text-align: center;
	}
	.PageMyTariffs .Item .right {
		display: block;

	}
	.PageMyTariffs .Item .right .posButBuy{
		display: flex;
		justify-content: center;
	}
	.PageMyTariffs .Item .LabelFilter span{
		display: none;
	}

	
}
.PageMyTariffs .Item .Name{
	font-weight: bold;

}
.PageMyTariffs .Item  .Date{
	font-size: 14px;
}
.PageMyTariffs .Item .Price{
	color: #000;
	font-weight: bold;
	margin-right: 15px;
	height: 40px;
	line-height: 40px;
	
}
.PageMyTariffs .Item  .butBuy{
	height: auto;
}
.PageMyTariffs .lbl{
	font-size: 14px;
	
}
/*.PageMyTariffs .butBuy{
	margin: 10px 0px;
}*/
/*****************************************************************/
/**************************************************/
.PagePay .EnterPay{
	width: 300px;
	border: solid 1px #fff;
	border-radius: 10px;
	padding: 10px;
}
.PagePay .EnterPay.Tinkoff .Logo{
	background: url(img/Tinkoff.svg);
    width: 200px;
    height: 70px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
	margin: auto;
}
.PagePay .EnterPay.PayPal .Logo{
	background: url(img/PayPal.png);
    width: 200px;
    height: 70px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
	margin: auto;
}
.PagePay .EnterPay .Name{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.PagePay .EnterPay .Price{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fba233;
}
.PagePay .EnterPay input[type=text]{
	font-size: 18px;
	background-color: #fff;
	border-radius: 24px;
	width: 300px;
	padding: 6px;
	display: block;
	margin: 10px 0px;
}


.PagePay .EnterPay input[type=submit]{
	font-size: 18px;
	font-weight: bold;
	padding: 8px 20px 8px 20px;
	cursor: poiner;
	border-radius: 6px;
	border: none;
	background: #1070D1;
	color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5); 
	margin-left: 80px;
	cursor: poiner;
}
.PagePay .EnterPay a{
	background: #256edc;
	background: linear-gradient(to top, #256edc,#87b2f3);
	color: #fff;
	text-decoration: none;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 6px;
	margin: auto;
	display: block;
}
.PagePay .EnterPay button{
	background: #256edc;
	background: linear-gradient(to top, #256edc,#87b2f3);
	color: #fff;
	text-decoration: none;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 6px;
	margin: auto;
	display: block;
	border: none;
	line-height: auto;
}

/***********************************************/
.dmwin .FastBuyMethod{
	color: #000;
}
.dmwin .FastBuyMethod .FBRow{
	border: solid 1px #aaa;
	border-radius: 5px;
	overflow: hidden;
	padding: 5px;
	width: 280px;
	height: 40px;
	margin: auto;
	margin-bottom: 8px;
	
}

.dmwin .FastBuyMethod .FBRow a{
	background: #256edc;
	background: linear-gradient(to top, #256edc,#87b2f3);
	color: #fff;
	text-decoration: none;
	width: 160px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 6px;
	margin: auto;
	display: block;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}


.dmwin .FastBuyMethod .Logo{
	margin-top: 8px;
	float: left;
	width: 100px;
    height: 35px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}
.dmwin .FastBuyMethod  .Tinkoff .Logo{
	background: url(img/Tinkoff.svg);
	background-repeat: no-repeat;
    background-size: contain;

}
.dmwin .FastBuyMethod  .PayPal .Logo{
	background: url(img/PayPal.png);
	background-repeat: no-repeat;
    background-size: contain;

}
.dmwin .FastBuyMethod  .Fondy .Logo{
	background: url(img/Fondy.png);
	background-repeat: no-repeat;
    background-size: contain;
	width: 100px;
	height: 25px;
	border-radius: 4px;
	
}
.dmwin .FastBuyMethod  .UnionPay .Logo{
	background: url(img/UnionPay.png);
	background-repeat: no-repeat;
    background-size: auto 50px;
	width: 100px;
	height: 25px;
	border-radius: 4px;
	
}
.dmwin .FastBuyMethod  .Alipay .Logo{
	background: url(img/Alipay.png) 5px 2px #fff;
	background-repeat: no-repeat;
    background-size: auto 50px;
	width: 100px;
	height: 25px;
	border-radius: 4px;
	
}
.dmwin .FastBuyMethod  .Wechat .Logo{
	background: url(img/Wechat.png) 5px 0px #fff;
	background-repeat: no-repeat;
    background-size: contain;
	width: 100px;
	height: 25px;
	border-radius: 4px;
	
}

.dmwin .FastBuyMethod  .Nihaopay .Logo{
	background: url(img/Nihaopay.png) 0px 3px #fff;
	background-repeat: no-repeat;
    background-size: contain;
	width: 100px;
	height: 25px;
	border-radius: 4px;
	
}

.dmwin .FastBuyMethod  .Privat24 .Logo{
	background: url(img/PrivatBank.png) center #fff;
	background-repeat: no-repeat;
    background-size: contain;
	width: 100px;
	height: 25px;
	border-radius: 4px;
	
}
.dmwin .FastBuyMethod .Nihaopay select{
	margin-left: 20px;
	margin-top: 25px;
	float: left;
}
.dmwin .FastBuyMethod  .Nihaopay button{
	border: none;
	background: #256edc;
	background: linear-gradient(to top, #256edc,#87b2f3);
	color: #fff;
	text-decoration: none;
	width: 160px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 6px;
	margin: auto;
	display: block;
	float: right;
	margin-right: 10px;
	margin-top: 20px;
	font-size: 16px;
}
.dmwin .FastBuyMethod h3{
	text-align: center;
	margin: 10px 0px 5px 0px;
}
.dmwin .FastBuyMethod p{
	text-align: center;
	margin: 5px 0px;
	font-size: 14px;
}
.dmwin .FastBuyMethod a.fast-payment{
	display: none;
}

/***********************************************/
/*****************************************************************/
footer{
	font-size: 11px;

	color: #fff;
	background: linear-gradient(to top, #313435, #525a5e);
	/*padding-bottom: 30px;*/

	width: 100%;
	padding-bottom: 10px;

}

footer a{
	color: #fff;
}

.menu-bottom{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px 0px;
}
.menu-bottom ul{
	margin: 0px 0px;
	list-style: none;
	padding: 0px;

}
.menu-bottom li{
	padding: 2px 0px;
}
.menu-bottom  a{
	color: #fff;
	/*text-decoration: none;*/
	font-size: 14px;
}
@media (max-width: 1100px){
	.menu-bottom{
		padding: 0px 10px;
	}
}
@media (max-width: 600px){
	.menu-bottom ul{
		width: 100%;
		text-align: center;
	}
}




@media(min-width: 1200px){
	body.big-stat-width header{
		position: absolute;
	}
	body.big-stat-width footer{
		position: absolute;
		z-index: 1000;
	}
	body.big-stat-width .pos-bg-max-footer{
		position: relative;
	}
	body.big-stat-width .bg-max-footer{
		background: linear-gradient(to top, #313435, #525a5e);
		position: absolute;
		top: 0px;
		left: 0px;
		min-width: 1750px;
		height: 60px;
		z-index: 1;
	}
}
/*****************************************************************/
.registration, .EnterNewPassword, .login, .RestorePassword{
	border: solid 1px #aaa;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	background: #f1f1f1;
}
.registration a, .EnterNewPassword a, .login a, .RestorePassword a{
	color: #327081;
	text-decoration: none;
}
.registration a:hover, .EnterNewPassword a:hover, .login a:hover, .RestorePassword a:hover{
	text-decoration: underline;
}
.login{
  position: relative;
  top: 100px;
  width: 300px;
  margin: auto;
}
@media(max-width: 300px){
	.login{
		width: 100%;
	}
}

.login.Invalid{
	height: 290px;
}


.login .row{
	width: 280px;
	margin: auto;
	/*padding-top: 20px;*/
	padding: 10px 0px;
	min-height: 40px;
}
.login .row.l{
	padding: 0px;
	text-align: center;
}

.login .row input[type="text"], input[type='password'], .registration input[type="text"] , .RestorePassword input[type="text"]{
	font-size: 16px;


	border-radius: 6px;
	width: 240px;
	padding: 6px;
	border: solid 1px #aaa;
	background: #fff;
}
.login .row button, .registration button, .EnterNewPassword button, .RestorePassword .row button{
	font-size: 18px;
	font-weight: normal;
	padding: 8px 20px 8px 20px;
	cursor: pointer;
	border-radius: 6px;
	border: none;
	background: #327081;
	color: #fff;
	/*box-shadow: 2px 2px 5px rgba(0,0,0,0.4);*/
}

/*.login .row a {
    color: #327081;
}*/
.login .MesInvalid{
	text-align: center;
	color: red;
	font-size: 16px;
	padding-top: 6px;
	width: 280px;
	margin: auto;
}
.RowSN{
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.RowSN a{
	display: block;
	width: 32px;
	height: 32px;
	margin: 0px 5px;
}
@media(max-width: 960px){
	.RowSN{
		justify-content: space-between;
		padding: 5px 35px 5px 35px;
	}
	.RowSN a{
		width: 40px;
		height: 40px;
		margin: 0px 0px;
	}
}

.RowSN a.ButLinkedin{
	background: url(img/LinkedIn_logo_32.png)no-repeat;
	background-size: cover;
}
.RowSN a.ButFacebook{
	background: url(img/facebook_logo_32.png)no-repeat;
	background-size: cover;
}
.RowSN a.ButVK{
	background: url(img/Vk_Logo_32.png)no-repeat;
	background-size: cover;
}
/***************************/
.login .LogoLinkedin{
	width: 80px;
	height: 80px;
	margin: auto;
	background: url(img/LinkedIn_logo.png)no-repeat;
	background-size: cover;
}
.login h3{
	text-align: center;
	margin: 0px;
}
.login.EnterLinkedin a.ButtonEnter{
	display: block;
	text-decoration: none;
	width: 100px;
	height: 40px;
	margin: auto;
	line-height: 40px;
	border-radius: 6px;
	color: #fff;
	background: linear-gradient(to top, #0274b3, #65b6e2);
	text-align: center;
}
/***************************/
.lbl_free_reg{
	text-align: center;
	font-size: 14px;
	position: relative;
	top: 70px;
}

.registration button, .EnterNewPassword button{
	margin-left: 0px;
}

.iconMail{
	width: 22px;
	height: 22px;
	background: url(img/icon-mail.png)no-repeat center;
	background-size: cover;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}
.iconPass{
	width: 22px;
	height: 22px;
	background: url(img/icon-password.png)no-repeat center;
	background-size: cover;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.login .LReg, .login .LRP{
	display: block;
	font-size: 12px;
	text-decoration: none;
	margin-top: 5px;
}

@media(max-width: 960px){
	.login .LReg, .login .LRP{
		font-size: 16px;
	}
	
}
/*.login .LReg:hover, .login .LRP:hover{
	text-decoration: underline;
}*/

.RestorePassword{
  position: relative;
  top: 100px;
  width: 300px;
  margin: auto;
  height: 250px;
}


.RestorePassword .row{
	width: 280px;
	margin: auto;
	padding-top: 20px;
	height: 40px;
}
.RestorePassword .row.text{
	font-size: 14px;

}
.RestorePassword .row input[type="text"]{
	font-size: 18px;


	border-radius: 6px;
	width: 260px;
	padding: 6px;
}
/*.RestorePassword .row button{
	font-size: 18px;
	font-weight: bold;
	padding: 8px 20px 8px 20px;
	cursor: poiner;
	border-radius: 6px;
	border: none;
	background: #1070D1;
	color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5); 
	margin: auto;
}*/

.RestorePassword .row a{
	text-align: center;
}


.RestorePasswordSend{
  position: relative;
  top: 100px;
  width: 300px;
  margin: auto;

  height: 150px;
}


.RestorePasswordSend .row{
	width: 280px;
	margin: auto;
	padding-top: 20px;
	height: 40px;

	text-align: center;
}

.registration .MesInvalid{
	font-size: 12px;
	color: red;
	font-style: italic;
}

.registration, .EnterNewPassword{
  position: relative;
  top: 100px;
  width: 300px;
  margin: auto;

  background-size: contain;

  padding: 10px 0px;
}

@media(max-width: 300px){
	.registration, .EnterNewPassword{
		width: 100%;
	}
}
.registration table{
	text-align: center;
}
.registration input{
	width: 100%;
}
.registration button{
	margin: 10px auto;
}
@media (max-width: 450px){
	.registration table td{
		padding: 5px 0px;
	}
	/*.registration, .EnterNewPassword{
		width: 95%;
	}
	.registration table, .EnterNewPassword table{
		display: block;
		text-align: center;
	}
	.registration tbody, .EnterNewPassword tbody{
		display: block;
		text-align: center;
	}
	.registration table tr, .EnterNewPassword table tr{
		display: block;
		text-align: center;
	}
	.registration table td, .EnterNewPassword table td{
		display: block;
		text-align: center;
	}
	.registration input{
		text-align: center;
	}*/
}
.registration form, .EnterNewPassword form{
  /*border: solid 1px #0099FF;
  border-radius: 10px;"*/
}
.registration form table, .EnterNewPassword form table{
  margin: 10px auto;

}

.registration p, .login p{
	text-align: center;
}


.home-info{
	text-align: center;
	font-size: 14px;
	padding: 10px 0px;
	border: solid 1px #c7c7c7;
	border-radius: 20px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5); 
	margin: 5px 0px;
	background: #f5f5f5;
}
/*****************************************************************/

.CurrencySelect{
	display: flex;
	justify-content:left;
	flex-wrap: wrap;
}
.CurrencySelect label{
	font-size: 12px;
	margin-top: 3px;
	margin-right: 4px;
}
.CurrencySelect .cur{
	font-size: 12px;
	border: solid 1px #aaa;
	cursor: pointer;
	margin-right: 2px;
	padding: 2px;
	background: #deded8;
}
.CurrencySelect .cur.Active{
	background: #bcdce4;
}
@media (max-width: 600px){
	.CurrencySelect{
		justify-content:center;
	}
	.CurrencySelect .cur{
		font-size: 16px;
		margin: 0px 5px;
		padding: 5px;
	}
	.CurrencySelect label{
		font-size: 14px;
	}
}



.TriffTabs{
	overflow: hidden;
}
.TriffTabs .Tab{
	width: 14.2%;
	float: left;
	border-bottom: none;
	height: 50px;
	max-height: 50px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	margin-top: 30px;
	/*background: linear-gradient(to top, #235461, #52afc7);
	color: #fff;*/
	background: linear-gradient(to top, #777879, #e2e6e6);
    color: #000;

}
.TriffTabs .Tab.Select {
    color: #fff;
    /*background: linear-gradient(to top, #235461, #aee0ec);*/
	background: linear-gradient(to top, #5f5f5f, #aeb2b3);
}
.TriffTabs .Tab.Select {
    height: 55px;
    max-height: 55px;
    margin-top: 25px;
}
.TriffTabs .title{
	margin-top: 10px;
}
.TriffTabs .Tab.Select{

	height: 55px;
	max-height: 55px;

	margin-top: 25px;
	
}
.TriffTabs .Tab .Price{
	font-size: 11px;
}
.TriffDetail{
	width: 100%;
	border: solid 1px #dad8d8;
    color: #444;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	margin-bottom: 25px;
	background: #eeeeee;

}
.TriffDetail .Detail{
	display: none;
}
.TriffDetail .Detail .title{
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #000;

	margin: auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #d5d8da;
}

.TriffDetail .Detail .title-list{
	text-align: center;
	color: #000;
	font-size: 12px;
	padding-bottom: 10px;
}
.TriffDetail .Detail .title-list .level{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.TriffDetail .Detail .title-list .item{
	padding: 2px 8px;
	cursor: pointer;
}
.TriffDetail .Detail .title-list .item.active{
	background: linear-gradient(to top, #002028, #50d3f3);
	color:  #fff;
}
.TriffDetail .Detail .title-list .item:hover{
	background: linear-gradient(to top, #386772, #a2edff);
}
.TriffDetail .Detail .title-list .lvl-0{
	font-size: 30px;
	font-weight: 700;
}

.TriffDetail .Detail .title-list .lvl-1{
	font-size: 26px;
	font-weight: 700;
}

.TriffDetail .Detail .title-list .lvl-1{
	font-size: 16px;
}

.TriffDetail .Detail .wrapper{
	padding: 40px 0px 60px 0px;
	max-width: 1200px;
	width: 100%;
	margin: auto;
	
}


.TriffDetail .Detail .TariffDesc{
	display: none;
}
.TriffDetail .Detail .TariffDesc.active{
	display: block;
}

.TriffDetail .Detail.Select{
	display: block;
}

.TriffDetail .PositionVideo{
	margin: 5px 20px;
}

.TriffDetail .ListTime .row{
	
	border: solid 1px #545452;
	border-radius: 4px;
	padding: 5px;
	margin-top: 10px;
	box-shadow: inset 0px 0px 10px rgba(255,255,255,0.5);
	background: linear-gradient(to top, #151515, #2f889e);
	color: #fff;

	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

}

@media(max-width: 1200px){
	.TriffDetail .ListTime .row{
		height: auto;
		display: block;
		text-align: center;
	}
}

.TriffDetail .ListTime .row.poll-shop-row{
  height: auto;
}
.TriffDetail .ListTime .row.poll-shop-row .name{
	font-weight: bold;
	margin-left: 10px;

}
.TriffDetail .ListTime .row.poll-shop-row .name a{
	margin-left: 10px;
	color: #fff;
}

.TriffDetail .ListTime .row .cell-info .cell-info-row{
	display: block;
}
.TriffDetail .ListTime .row .cell-info .cell-info-row .cell-info-row-left{
	display: block;
}
@media (min-width: 960px){

	.TriffDetail .ListTime .row  .cell-info-row{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	.TriffDetail .ListTime .row .cell-info-row .cell-info-row-left{
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
	}
	.TriffDetail .ListTime .row .cell-info-row .cell-info-row-right{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 10px;
	}
}
@media (max-width: 960px){
	.TriffDetail .ListTime .row.poll-shop-row .cell-info-row div{
		max-width: 100%;
		width: 100%;
		text-align: center;
		align-items: center;
		justify-content: center;
	}
}

.TriffDetail .row.poll-shop-row .buy{
	margin: 0px;
}
.TriffDetail .row.poll-shop-row .desc{
	max-width: 350px;
}
.TriffDetail  .poll-shop-row .poll-description{
	font-size: 12px;
	margin: 10px 10px 8px 10px;
}
.TriffDetail .ListTime .name{
	display: flex;
	align-items: center;
}
.TriffDetail .ListTime .price span{
	display: inline-block;
	margin-right: 10px;
}
@media (max-width: 960px){
	.TriffDetail .ListTime .price span{
		display: inline;
		margin-right: 0px;
	}
}
.TriffDetail .InfoText{
	position: relative;
	
}

.TriffDetail .InfoText.ytVideo{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.TriffDetail .InfoText.ytVideo .TriffList{
	max-width: 760px;
}


@media (min-width: 960px) {
	.TriffDetail .TriffList{
		width: 960px;
	}
}
.TriffDetail .TriffList a{
	color: #000;
}
/*.TriffDetail .TriffList ul{
	margin: 0px;
	padding: 0px;
}*/
.TriffDetail .PreviewImage{
	width: 150px;
	height: 120px;
	overflow: hidden;
	position: absolute;
	left: 1020px;
	top: 15px;
}
.TriffDetail .PreviewImage img{
	max-width: 100%;
	
}
.TriffButBuy{
	display: block;
	
	font-size: 20px;
	font-weight: bold;
	transition: all .2s linear;
	border-radius: 4px;
	width: 160px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin-left: 25px;
	text-decoration: none;
	cursor: pointer;
	color: #000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3ec95), color-stop(1, #f9850e));
}
.cell-info-row-right .TriffButBuy{
	margin:0px;
}
@media(max-width: 1200px){
	.TriffButBuy{
		margin: auto;
	}
}
@media(max-width: 960px){
	.TriffButBuy{
		width: 100%;
	}
}
/*****************************************************************/
.site .MenuTariffs{
  width: 100%;
  margin-bottom: 10px;

}
.site .MenuTariffs ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
	justify-content: left;
	flex-wrap: wrap;
  
}
.bdo .site .MenuTariffs ul{
	justify-content: right;
}
.site .MenuTariffs ul a{
  font-size: 14px;
  text-decoration: none;
  display: block;
}
.site .MenuTariffs ul li{
	min-width: 100px;

	padding: 0px 10px;
	border-bottom: none;
	height: 50px;
	line-height: 50px;
	max-height: 50px;
	text-align: center;
	cursor: pointer;
	margin-top: 5px;

}

.site .MenuTariffs ul li.title{
	box-shadow: none;
	text-align: left;
	cursor: default;
	background: linear-gradient(to top, #b9bbbb, #f0f2f3);
}

.site .MenuTariffs ul li.Select{
    height: 55px;
    line-height: 55px;
    max-height: 55px;
    margin-top: 0px;
}

.site .MenuTariffs ul li.TDemo{
	line-height: 18px;
}
.site .MenuTariffs ul li.TDemo a{
	padding-top: 12px;
}

.site .MenuTariffs ul li{
	background: #dddfe0;
	box-shadow: inset 0 5px 5px rgb(0, 0, 0,0.2);
	color: #000;
}
.site .MenuTariffs ul a{
  color: #000;
}
.site .MenuTariffs ul li.Select{
    background: #c2c3c3;
}
.MenuTariffs .SelectTariff{
	display: none;
}

/*@media(max-width: 1100px){
	.site .MenuTariffs ul li{
		height: 40px;
		line-height: 40px;
		max-height: 40px;
	}
	.site .MenuTariffs ul li.Select{
		height: 40px;
		line-height: 40px;
		max-height: 40px;
	}
	
}*/

@media (max-width: 740px){
	
	.MenuTariffs .title{
		display: none;
	}
	
	.site  .MenuTariffs{
		max-width: 300px;
		margin: 10px auto 20px auto;
	}
	
	.MenuTariffs .SelectTariff{
		display: block;
		text-align: center;
		cursor: poiner;
		font-size: 16px;
		font-weight: 500;
		height: 60px;
		line-height: 60px;
		border: solid 1px #cecdcd;
		border-radius: 10px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.5); 
		background: #f3f3f3;
		position: relative;
	}
	.MenuTariffs .SelectTariff br{
		display: none;
	}
	.MenuTariffs .SelectTariff .arrow{
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 35px;
		color: #444;
	}
	.MenuTariffs .SelectTariff .arrow .up{
		display: none;
	}
	.MenuTariffs .SelectTariff.up .arrow .up{
		display: block;
	}
	.MenuTariffs .SelectTariff.up .arrow .down{
		display: none;
	}
	.site .MenuTariffs ul{
		display: none;
		border: solid 1px #cecdcd;
		border-radius: 10px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.5); 
		overflow: hidden;
	}

	.site .MenuTariffs ul li{
		box-shadow: none;
		background: #f3f3f3;
		margin: 0px;
		border-top: solid 1px #cecdcd;
	}
	.site .MenuTariffs ul li.Select{
		background: linear-gradient(to top, #b9b9b9, #e0e0e0);
	}
	

}




.TariffsNE {
	margin-top: 8px;
}
.TariffsNE .title .arrow{
	width: 30px;
	height: 15px;
	cursor: pointer;
	background: url(img/SelectArrow.png) no-repeat 0px -25px;
	display: inline-block;
	box-shadow: 0 0 5px rgba(255,255,255,0.5); 
	border-radius: 2px;
	
}
.TariffsNE .title .arrow.activ{
	background: url(img/SelectArrow.png) no-repeat 0px -4px;
}
.TariffsNE .list{
	overflow: hidden;
	display: none;
}
.TariffsNE .item{
	border: solid 1px #888;
    /*width: 880px;*/
    height: 30px;
    line-height: 30px;
    font-size: 14px;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
@media(max-width: 1000px){
	.TariffsNE .item{
		height: auto;
		justify-content: center;
		text-align: center;
		padding-bottom: 5px;
	}
}

.TariffsNE .item.Activ{
	color: #333;
	border: solid 1px #333;
}
.TariffsNE .item>a{
	/*float: left;*/
	display: block;
}

.TariffsNE .item a.name{
	min-width: 80px;
	text-indent: 10px;
	color: #000;
	display: inline-block;
	
}
.TariffsNE .item.Activ a.name{
	color: #333;
}
.TariffsNE .item.filter .name{
	text-indent: 18px;
	font-size: 12px;
}

.TariffsNE .filtert{
	/*float: left;*/
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	
}
.TariffsNE .filtert .title{
	display: inline-block
}
.TariffsNE .mails{
	/*float: left;*/
	width: 30px;
	height: 30px;
	margin-right: 10px;
	
}
.TariffsNE .mails .icon{
	width: 30px;
	height: 30px;
	font-size: 14px;
	background: url(img/email-30.png) no-repeat center;
	background-size: 25px 25px;
	cursor: pointer;
	
	
}
.TariffsNE .mails .mlist{
	padding: 5px;
	border-radius: 5px;
	position: relative;
	top: 0px;
	left: 30px;
	width: auto;
	/*float: left;*/
	box-shadow: 0 0 10px rgba(255,255,255,0.5); 
	display: none;
}

.TariffsNE .mails .mlist .mail{
	/*color: #fba233;*/
}
.TariffsNE .filtert>div{
	display: inline;
}
.TariffsNE .longtime{
	/*float: left;*/
	min-width: 340px;
	height: 30px;

}
.TariffsNE .date{
	/*float: left;*/
	width: 230px;
	
}
.TariffsNE .but-add-filter{
	background: #0099FF;
    color: #fff;
	width: 190px;
    cursor: pointer;
    border-radius: 4px;
	text-align: center;
	height: 26px;
	line-height: 26px;
	margin-top: 2px;
	/*float: left;*/
}
/*****************************************************************/

/*****************************************************************/
/***********************/
/*Filter Tree Emails*/

.OptionFilter{
	width: 200px;
	border-radius: 6px;
	height: 30px;
	line-height: 30px;
	display: flex;
	justify-content: left;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 5px;
	
	/*border: solid 1px #9a9999;*/
}
.OptionFilter a{
	display: block;
	width: 50%;
	background: #b31616;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}
.Page_Statisctics .OptionFilter a{
	color: #fff;
}

.OptionFilter a.Activ{
	background: #14c714;
	box-shadow: inset 0 0 20px rgba(255,255,255,0.8);
}

@media(max-width: 960px){
	.WinFilterSelect{
		text-align: center;
		min-height: 500px;
	}
	.OptionFilter{
		margin: auto;
	}
	.WinFilterSelect .filter{
		display: flex;
		justify-content: center;
	}
	.WinFilterSelect .filter .SelectList{
		text-align: left;
		float: none;
	}
}

/***********************/
/*Page Tree Emails*/
.WinAddEmail{
	border: solid 1px #b7b2b2;
	border-radius: 10px;
	padding: 15px 10px;
	width: 360px;
	margin-top: 20px;
}
.WinAddEmail .InputWrap{
	margin: 10px 0px;
}
.WinAddEmail .InputWrap.nf .emptyText{
	display: block;
}
.WinAddEmail .InputWrap.nf .empty{
	display: inline-block;
}
.WinAddEmail .InputWrap.nfblm .emptyTextBLM{
	display: block;
}
.WinAddEmail .InputWrap.nfblm .emptyBLM{
	display: inline-block;
}
.WinAddEmail .emptyText{
	color: red;
	font-size: 11px;
	margin-top: 2px;
	display: none;
}
.WinAddEmail .empty{
	width: 18px;
	height: 18px;
	background: url(img/attention.png);
	background-size: cover;
	display: none;
}
.WinAddEmail .emptyTextBLM{
	color: red;
	font-size: 11px;
	margin-top: 2px;
	display: none;
}
.WinAddEmail .emptyBLM{
	width: 18px;
	height: 18px;
	background: url(img/attention.png);
	background-size: cover;
	display: none;
}
.WinAddEmail .InputWrap input{
	width: 300px;
	font-size: 20px;
	border-radius: 4px;
	text-indent: 8px;
	border-radius: 6px;
	padding: 6px;
	border: solid 1px #aaa;
	background: #fff;
	font-size: 14px;

}
.WinAddEmail .ButtonAdd{

    border-radius: 8px;
    background: #327081;
	color: #fff;
    padding: 8px 16px 8px 16px;
    font-size: 16px;
    border: none;
    margin-top: 15px;
    cursor: pointer;
	display: inline-block;
}
.WinAddEmail p{
	font-size: 12px;
}
.WinAddEmail .win{
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
}
.WinAddEmail .win .WinInfo{
	border: solid 8px #f78a8a;
	border-radius: 10px;
	background: #fff;
	width: 300px;
	height: 120px;
	margin: auto;
	position: relative;
	top: 50%;
	margin-top: -50px;
	color: #000;
}
.WinAddEmail .win .WinInfo .icon{
	width: 60px;
	height: 60px;
	background: url(img/attention.png);
	background-size: cover;
	float: left;
	margin-top: 10px;
}
.WinAddEmail .win .WinInfo .Text{
	float: left;
	height: 60px;
	line-height: 30px;
	margin-top: 10px;
	width: 200px;
	text-align: center;
	
}

.WinAddEmail .win .but{
	background: #cbcecb;
    border-radius: 8px;
	border: solid 1px #9c9898;
    color: #000;
    padding: 8px 16px 8px 16px;
    margin-top: 15px;
    cursor: pointer;
	width: 80px;
	margin: auto;
	text-align: center;
	font-weight: bold;
	margin-top: 4px;
}
.WinAddEmail .butAddTest{
	margin-top: 20px;
	display: none;
}
.WinAddEmail .butAddTest a{
	background: linear-gradient(to top, #00b7ff, #8ad7f5);
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
}
.WinAddEmail .butAddTest a:hover{
	background: linear-gradient(to top, #04709a, #8ad7f5);
}
/***********************/
.WinFilterSelect{
	/*width: 300px;
	overflow: hidden;*/
}
.WinFilterSelect p{
	/*text-align: center;*/
}

/***********************/
/*Filter Tree Emails*/
.FilterTreeMails{
	border: solid 1px #b7b2b2;
	border-radius: 10px;
	padding: 15px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}

.FilterTreeMails .email{
	background: #0099FF;
    border-radius: 16px;
    color: #fff;
    padding: 3px 10px 3px 10px;
    font-size: 14px;

	margin-right: 6px;
}
.FilterTreeMails .atn{
	font-size: 11px;
	margin-top: 4px;
	text-align: right;
}
.FilterTreeMails .right, .FilterTreeMails .left{
	min-width: 300px;
}
.FilterTreeMails .left .email-list{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.FilterTreeMails .right .email-list{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

@media (max-width: 600px){
	.FilterTreeMails .right{
		display: block;
		margin-top: 15px;
	}
	.FilterTreeMails .right .email-list{
		justify-content: start;
	}
	.FilterTreeMails label{
		margin-top: 5px;
	}
}

/*Interview*/
.InterviewList{
	margin-top: 10px;
	color: #333;
}
.InterviewList .Name a{
	color: #333;
}

.InterviewList .add{
	width: 36px;
	height: 36px;
	background: url(img/add.png);
	cursor: poiner;
}

.InterviewToolBar .but{
	text-decoration: none;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 0px 15px;
	margin-left: 10px;
	background: linear-gradient(to top, #828384, #cacaca);
	border-radius: 4px;
	font-size: 14px;
}
.InterviewToolBar .butBuyVUCA{
	color: #fff;
	padding: 0px 15px;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    height: 35px;
    line-height: 35px;
	background: linear-gradient(to top, #0099FF, #88c9f5);
	margin-left: 10px;
}


.InterviewList .List{
	margin: 10px 0px;
}
.InterviewList .List .Item{
	margin-bottom: 2px;
}
.InterviewList .List .Prew{
	border: solid 1px #888;
	width: 100%;
	min-height: 30px;
	line-height: 30px;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
}
.InterviewList .List .Name{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-indent: 10px;
}
@media(max-width: 800px){
	.InterviewList .List .Name{

		text-indent: 0px;
		padding-left: 5px;
		line-height: 20px;
		
		
	}
}

@media(max-width: 600px){
	.InterviewList .List .Name{
		display: block;
		width: 200px;				
		
	}
	.InterviewList .List .Name>div{
		display: inline;
		height: auto;
	}
}

.InterviewList .cellNumber{
	width: 20px;
	height: 100%;
	border-right: solid 1px #888;
	text-indent: 0px;
	text-align: center;
}
.InterviewList .List .right{
	display: flex;
	justify-content: start;
}
.InterviewList .butEmail, .InterviewList .butLink, .InterviewList .butEdit , .InterviewList .butDelete, .InterviewList .butDeleteLocked{

	width: 30px;
	min-height: 30px;
	cursor: pointer;
	border-left: solid 1px #888;
	border-right: solid 1px #888;
	
}



.InterviewList .butDeleteLocked{
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #b3b3b3;
}
.InterviewList .but-sell{
	min-height: 30px;
	line-height: 30px;
	cursor: pointer;
	border-left: solid 1px #888;
	padding: 0px 4px;
	font-size: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to top, #ababab,#fbfbfb);
}
.InterviewList .but-sell:hover{
	background: linear-gradient(to top, #f9850e,#f3ec95);
}
.InterviewList .but-sell .icon{
	margin-right: 3px;
	width: 16px;
	height: 16px;
}
.InterviewList .but-sell .status>div{
	display: none;
}
.InterviewList .but-sell.status-sell .status .sell{
	display: block;
}

.InterviewList .but-sell.status-moderation .status .moderation{
	display: block;
}
.InterviewList .but-sell.status-up-for-sale .status .up-for-sale{
	display: block;
}
.InterviewList .but-sell.status-complete .status .complete{
	display: block;
}
.InterviewList .but-sell.status-rejected .status .rejected{
	display: block;
}
.InterviewList .but-sell.status-moderation{
	background: linear-gradient(to top, #f9850e,#f3ec95);
}
.InterviewList .but-sell.status-complete{
	background: linear-gradient(to top, #f3713f,#ffdfb1);
}
.InterviewList .but-sell.status-rejected{
	background: linear-gradient(to top, #f3713f,#ffdfb1);
}
.InterviewList .but-sell.status-up-for-sale{
	background: linear-gradient(to top, #6fe16d,#eefb80);
}
.InterviewList .butConstructor{
	min-height: 30px;
	line-height: 30px;
	cursor: pointer;
	border-left: solid 1px #888;
	border-right: solid 1px #888;
	text-align: center;
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #000;
	padding: 0px 4px;
}

.InterviewList .butEmail{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.InterviewList .butDelete{
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.InterviewList .butDelete:hover{
	color: #f00;
}




.InterviewList .butConstructor i{
	font-size: 14px;
	position: relative;
	top: 2px;
}
.InterviewList .date{
	border-left: solid 1px #888;
	font-size: 12px;
	padding: 0px 5px;
}
.InterviewList .butEmail .num{
	font-size: 10px;
	text-align: center;
	width: 100%;
	position: relative;
	top: 10px;
}
.InterviewList .colFilter{

	width: 150px;
	min-height: 30px;
	border-left: solid 1px #888;
	border-right: solid 1px #888;
	font-size: 9px;
	text-align: center;

}

.InterviewList img.icon{
	width: 18px;
	height: 18px;
}

@media(max-width: 600px) and (min-width: 400px){
	.InterviewList .colFilter{
		width: 80px;
	}
}

@media(max-width: 400px){
	.InterviewList .colFilter{
		width: 50px;
	}
	
	.InterviewList .butConstructor{
		width: 40px;
		font-size: 8px;
	}
}

.InterviewList .colFilter>div{
	display: inline;
}
.InterviewList .FiltersSelect{
	font-size: 9px;
}
.InterviewList .List .Email{
	border: solid 1px #ddd;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-indent: 10px;
	display: none;
}
.InterviewList .List .LinkWrapper{
	display: none;
}
.InterviewList .List .Link{
	width: 100%;
	//height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-indent: 10px;
	display: none;
	border: solid 1px #777;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	
}
.InterviewList .List .Link .Link-left{
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
.InterviewList .List .Link .Link-right{
	display: flex;
	justify-content: right;
	flex-wrap: wrap;
}
.InterviewList .butCopy{
	margin-left: 5px;
	text-indent: 32px;
	padding-right: 4px;
	cursor: pointer;
	background: url(img/copy-link-black.png) no-repeat center left;
    border-right: solid 1px #777;


}
.InterviewList  .InterviewLink{
	border-right: solid 1px #777;
	width: 560px;
	max-width: 100%;
}
.InterviewList .LinkLang{
	width: 150px;
	border-right: solid 1px #777;
}
.InterviewList .LinkLang select{
	position: relative;
	top: 5px;
	max-width: 130px;
}
.InterviewList.Poll-Plus .LinkLang{
	width: auto;
	border-right: none;
}
.InterviewList.Poll-Plus .LinkLang select{
	position: relative;
	top: 5px;
	max-width: auto;
}
.InterviewList .EditLinkInterview{
	
	text-indent: 0px;
	text-decoration: none;
	color: #000;
	text-indent: 0px;
	font-size: 10px;
	padding: 0px 5px;
	
}
@media(max-width: 740px){
	.InterviewList .List .Link{
		justify-content: center;
		
		
	}
	.InterviewList .butCopy{
		border-right: none;
		padding: 10px 0px;
	}
	.InterviewList .InterviewLink{
		border-top: solid 1px #777;
		text-align: center;
		text-indent: 0px;
	}
}

.InterviewList .butLink{
	background: url(img/trf_black/link.png) no-repeat center;
}
.InterviewList .butEmail{
	background: url(img/trf_black/email.png) no-repeat center;
}
.InterviewList .butEdit{
	 background-image: url(/template/assets/svg/pen-field.svg);
	 background-size: 18px 18px;
	 background-repeat: no-repeat;
	 background-position: center;
	/*background: url(img/trf_black/edit.png) no-repeat center;*/
}

.icon-email{
	width: 12px;
	height: 12px;
	background: url(img/trf_black/email.png) no-repeat center;
}

.WindowTextInterview{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	display: none;
}
.WindowTextInterview .p-cc{
	height: 100%;
}
.WindowTextInterview .win{
	position: relative;
	width: 320px;
	min-height: 175px;
	padding-bottom: 10px;
	background: #fff;
	border: solid 1px #aaa;
	border-radius: 5px;
	box-shadow:  5px 5px 5px rgba(0,0,0,0.5);
	
}
.WindowTextInterview .win h3{
	text-align: center;
	padding-top: 16px;
}

.WindowTextInterview .win .InputText{
	width: 300px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 20px;
	border-radius: 0px;
	font-size: 20px;
	text-indent: 10px;
	display: block;
	height: 40px;
	line-height: 40px;
	font-weight: bold;

}

.WindowTextInterview .win .buttons{
	width: 280px;
	margin: auto;
	display: flex;
	justify-content: space-between;

	
}
.WindowTextInterview .win .buttons button{

	width: 120px;
	min-height: 35px;
	line-height: 24px;
	padding: 5px 4px;
	font-size: 20px;
	font-weight: bold;

	border-radius: 5px;
	cursor: pointer;
}
.WindowTextInterview .win .buttons button:hover{
	
}



.WindowTextInterview .Text{
	max-width: 100%;
	height: 110px;
	line-height: 110px;
	margin-top: 15px;
	white-space: pre-line;
	text-align: center;
}


.WindowAlert{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300;
	height: 30;
	text-align: center;
	margin-top: -25px;
	margin-left: -150px;
	color: #fff;
	font-size: 12px;
	background: #000;
	border: solid 1px #ddd;
	padding-top: 15px;
	cursor: pointer;
	display: none;
}
.EmailInterview{
	border: solid 1px #ddd;
	border-radius: 5px;
	padding: 5px;
	overflow: hidden;

}

.EmailInterview .email{
	background: #0099FF;
    border-radius: 16px;
    color: #fff;
    padding: 3px 10px 3px 10px;
    font-size: 14px;
	float: left;
	margin-right: 6px;
	box-shadow:  inset 0 0 15px rgba(255,255,255,0.8);
	border: solid 1px rgba(255,255,255,0.6);
	
}

.CopyBox{
	display: none;

}

.ShowChartsTenEmail{
	font-size: 12px;
	margin: 4px 0px;
}

.ViewOrder{
	text-align: center;
}
.ViewOrder .ImgOk{
	width: 100px;
	height: 100px;
	margin: auto;
	background: url(img/ok.png);
}
.ViewOrder p{
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
}
.ViewOrder .pc{
	color: green;
	font-size: 18px;
	font-weight: bold;
}
.ViewOrder .Paypal{
	background: url(img/PayPal.png)center no-repeat;
	height: 52px;
	width: 200px;
	margin: auto;
}
.ViewOrder .Fondy{
	background: url(img/Fondy.png)center no-repeat;
	height: 52px;
	width: 200px;
	margin: auto;
	background-size: cover;
}
.ViewOrder .go-page{
	text-align: center;
	margin: 10px 0px;
}
.ViewOrder .go-page a{
	color: #000;
}


.PayOk{
	border: solid 8px #09a209;
	border-radius: 10px;
	width: 340px;
	height: 100px;
	line-height: 100px;
	margin: auto;
	margin-top: 50px;
	background: #fff;
	color: #000;
	font-weight: bold;
}
.PayOk .img{
	margin: 8px 10px 0px 8px;
	width: 80px;
	height: 80px;
	background: url(img/ok.png) no-repeat;
	background-size: cover;
	float: left;
}

/****************************************************/
/*Statistics*/
.info{
	/*height: 40px;*/
}
.info span{
	background: #0099FF;
	border-radius: 16px;
	color: #fff;
	padding: 3px 10px 3px 10px;
	font-size: 14px;
}
.info.cnt{
	display: flex;
	align-items: center;
	justify-content: center;
}
.info.cnt span{
	margin: 0px 5px;
}
.Page_Statisctics a{
	color: #000;
}
.Page_Statisctics .srow-fl{
	display: flex;
	justify-content: left;
}

.Tariff5 .Page_Statisctics .srow{
	width: 1200px;
	padding-left: 10px;
}
.Page_Statisctics .srow h4{
	max-width: 500px;
	z-index: 100;
	position: relative;
	margin: 15px 0px;
}
.Page_Statisctics table.tmain{
	width: 460px;
	font-size: 14px;
	border-spacing: 0px;
	min-height: 400px;
}
.Page_Statisctics table.tmain tr td:first-child {
	width: 390px;
}
.Page_Statisctics table.tmain tr td:last-child {
	min-width: 40px;
	text-align: center;
}
.Page_Statisctics table.tmain th{background: #d2d2d2;}
/*.Page_Statisctics table td{
	border: solid 1px #d2d2d2;
}*/
.Page_Statisctics table.tmain td.percent{
	text-align: center;
}
.Page_Statisctics table.tmain td.percent span{
	background: #fff;
	border-radius: 5px;
	color: #000;
}

.Page_Statisctics .scol table td{
	font-size: 12px;

}

.Page_Statisctics .col-cr-stat>div{
	margin-right: 10px;
}

.Page_Statisctics .col-cr-stat .list-drop-down{
	margin-top: 10px;
}
.Page_Statisctics .col-cr-mt{
	width: 92px;
	margin-right: 15px;
}
@media(max-width: 960px){
	.Page_Statisctics .col-cr-stat{
		margin-bottom: 10px;
	}

}

/*.Page_Statisctics .scol rect{
	fill: #28292b !important;
}*/
.Page_Statisctics .scol.chart{
	overflow: hidden;
	width: 650px;
	height: 400px;
}

.Page_Statisctics .srow .chart_graphic{

	/*margin-left: -145px;*/


}
/*.Page_Statisctics .chart_graphic{
	position: relative;
	top: -100px;
}*/

@media(max-width: 680px){
	.Page_Statisctics .srow .chart_graphic .google-visualization-tooltip-item-list{
		width: 300px;
		margin: auto;
		text-align: center;
	}
}
/*.Table-Chart-scroll{
	margin-top: 25px;
	width: 100%;
	overflow-x: scroll;

}
@media(min-width: 1200px){
	.Table-Chart-scroll{

		overflow-y: scroll;
		height: 80%;
		position: absolute;
		left: 0px;
		width: 100%;
	}
	.Table-Chart-scroll-wrap{
		
	}
	
}*/
table.Table_Chart{
	margin-top: 30px;
	border-collapse: collapse;
	border: none;
}

table.Table_Chart td h3{
	text-align: left;
}
.bdo table.Table_Chart td h3{
	text-align: right;
}
table.Table_Chart td h4{
	margin: 5px 0px;
	text-align: left;
}
.bdo table.Table_Chart td h4{
	text-align: right;
}
table.Table_Chart td.tc_cell{
	vertical-align: top;
}
table.Table_Chart .chart_graphic{
	overflow: hidden;
	width: 400px;
	height: 400px;
}

table.Table_Chart table td{
	border: solid 1px #d2d2d2;
}
table.tbl-border td{
	border: solid 1px #d2d2d2;
}
@media(min-width: 800px){
	.PageViewstatistics .PositionVideo{
		position: relative;
	}
	.PageViewstatistics .PositionVideo .VideoYT{
		position: absolute;
		right: 0px;
		top: -90px;
	}
}
.MTVideoYT{
	margin-top: 18px;
}
.PageViewstatistics #vpr h4{
	margin-right: 15px;
}



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

.butFilterTible{
	position: fixed;
	top: 130px;
	right: 0px;
	width: 70px;
	height: 50px;


	z-index: 110;

	border-radius: 5px 0px 0px 5px;
	background: linear-gradient(to top, #07707b, #8ad7f5);
	color: #fff;
	text-align: center;
	font-size: 30px;
	cursor: pointer;
}
.butFilterTible i{
	margin-top: 8px;
}


.FilterTible{
	display: none;
	position: fixed;
	top: 50px;
	right: 0px;
	width: 100%;
	border: solid 1px #d2d2d2;
	background: #fff;
	padding: 2px 0px 10px 0px;
	z-index: 100;
	
}

.FilterTible table{
	width: 100%;
}
.FilterTible a{
	font-size: 16px;
	text-decoration: none;
	color: #000;
	
}
.FilterTible a:hover{
	color: #0099FF;
	text-decoration: underline;
}

.FilterTible .ev{
	width: 16px;
	height: 16px;
	background:url(img/eye.png)no-repeat center;
	background-size: cover;
}
.FilterTible .butFilterClose{
	float: right;
	cursor: pointer;
	margin-right: 15px;
}

@media(min-width: 860px){
	.FilterTible{
		width: 180px;
		z-index: 120;

	}
	.FilterTible a{
		font-size: 10px;
	}
	
}
@media(max-width: 860px){
	.butFilterTible{
		z-index: 110;
	}
	.FilterTible{
		top: 0px;
		
	}
}

/****************************************************/
.MTProgress{
	width: 300px;
	height: 75px;
	background: #fff;
	border: solid 1px #333;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -50px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5); 
}
.MTProgress .Progress{
	width: 200px;
	height: 20px;
	margin: auto;
	margin-top: 25px;
	border: solid 1px #333;
}
.MTProgress .Progress .value{
	height: 20px;
	width: 0px;
	background: linear-gradient(to left, #0ba01d, #84e090);
}


.MTProgressBar{
	width: 300px;
	height: 75px;
	background: #fff;
	border: solid 1px #333;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -50px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5); 
	z-index: 500;
	display: none;
}
.MTProgressBar .Progress{
	width: 200px;
	height: 20px;
	margin: auto;
	margin-top: 25px;
	border: solid 1px #333;
}
.MTProgressBar .Progress .value{
	height: 20px;
	width: 0px;
	background: linear-gradient(to left, #0ba01d, #84e090);
	
}
/****************************************************/
/**************************************************/
/*Master Table*/
/**************************************************/
.PageTable .MTFilters{
	width: 520px;
	overflow: hidden;
	margin-top: 15px;
}
.PageTable .FilterCol{
	float: left;
	margin-right: 10px;
	width: 250px;
	min-height: 180px;
}
@media(max-width: 600px){
	.PageTable .MTFilters{
		width: 100%;
	}
	.PageTable .FilterCol{
		float: none;
		margin: auto;
	}
	.PageTable .FilterCol.col-empty{
		display: none;
	}
}


.MasterTableList{
	width: 240px;
	border: solid 1px #999;
	padding: 5px;
	min-height: 130px;
	position: relative;
	border-radius: 5px;
}
.MasterTableList .title{
	position: absolute;
	top: 10px;
	left: 60px;
}
.MasterTableList .add{
	background: green;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
}
.MasterTableList .add:hover ul{
	display: block;
}
.MasterTableList .add ul{
	display: none;
	list-style: none;
	z-index: 500;
	line-height: 20px;
	width: 200px;
	color: #000;
	font-size: 14px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: solid 1px #333;
	background: #fff;
	font-weight: normal;
}
.bdo .MasterTableList .add ul{
	text-align: right;
	text-indent: 5px;

}
.MasterTableList .add li{
	padding: 0px;
	margin: 0px;
}
.MasterTableList .add li:hover{
	background: #aaa;
}
.MasterTableList .list{
	border: solid 1px #999;
	height: 100px;
	margin-top: 5px;
	font-size: 14px;
	border-radius: 5px;
}
.MasterTableList .list .item{
	color: #333;
	font-size: 14px;
	margin-bottom: 2px;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	text-indent: 5px;
	background: linear-gradient(to top, rgba(0,0,0,0.2) 0%, #fff 36%, rgba(0,0,0,0.2) 100%);

}
.MasterTableList .list .item .del{
	float: right;
	width: 14px;
    height: 16px;
    background: url(img/Icon_delete.png)no-repeat center;
    cursor: pointer;
	margin-right: 2px;
}
.MasterTableList .MTView{
	margin-top: 40px;
	width: 240px;
	height: 100px;
	font-size: 12px;
}


.PageTable .MT_Setting{
	margin-left: 260px;
}
.MasterTable{
	border-collapse: collapse;
}
.MasterTable  td{
	min-width: 100px;
	min-height: 30px;
	line-height: 30px;
	border-bottom: solid 1px #333;
	border-right: solid 1px #333;
	box-shadow: inset 3px 3px 5px rgba(0,0,0,0.4);
	text-align: center;
	background: #f5de71;
	color: black;
}
.MasterTable td:hover{
	box-shadow: inset 3px 3px 5px rgba(0,0,0,0.0);
}
.MasterTable .RAll{
	background: #9acef3;
	position: relative;
}
.MasterTable .rhc{
	width: 100px;
	height: 30px;
	font-weight: bold;
	background: #a2f9a2;
}
.MasterTable .rhc:hover{
	box-shadow: inset 3px 3px 5px rgba(0,0,0,0.0);
}
.MasterTable td.Group{
	background: #ddd;
}
.MasterTable td.cell{
	background: #333;
	color: #fff;
}

.MasteTable.buttton{
	margin: 20px 0px;
	display: inline-block;
	background: linear-gradient(to top, #026102, #1dc727);
	
	color: #fff;
	padding: 0px 20px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}
.MasteTable.buttton:hover{
	background: linear-gradient(to top, #008000, #48fb52);
}
@media(max-width: 600px){
	.MasteTable.buttton{
		margin: 20px auto;
	}
}


/*StripTabs*/
.StripTabs{
	margin-top: 10px;
}
.StripTabs .stTabs{
	overflow: hidden;
	height: 46px;
	width: 100%;
	border-bottom: solid 1px #333;
}
.StripTabs .stTabs .Tab{
	height: 40px;
	line-height: 40px;
	width: 100px;
	text-align: center;
	border: solid 1px #333;
	border-radius: 5px 5px 0px 0px;
	float: left;
	cursor: pointer;
	margin-top: 5px;
	background: linear-gradient(to top, #00b7ff, #8ad7f5);
}
.StripTabs .stTabs .Tab.Activ{
	height: 45px;
	line-height: 45px;
	margin-top: 0px;
}
.bdo .StripTabs .stTabs .Tab{
	float: right;
}
.StripTabs .BL{
	display: none;
	min-height: 300px;
}
.StripTabs .BL.Activ{
	display: block;
}
.StripTabs .stMenuRow{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.bdo .StripTabs .stMenuRow{
	justify-content: right;
}
.StripTabs .stMenu{
	border: solid 1px #ccc;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}

.bdo .StripTabs .stMenu{
	justify-content: right;
}
.StripTabs .stMenu .title{
	text-align: center;
}
.StripTabs .stMenu .butGraphics{
	width: 30px;
	height: 30px;
	border: solid 1px #ccc;
	border-radius: 4px;
	margin-top: 10px;
	margin-left: 10px;
	cursor: pointer;
	background: url(img/icon-graphics.png) center;
}
.StripTabs .stMenu .butGraphics:hover{
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
}

.StripTabs .stMenu .List{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.StripTabs .stMenu .icon{
	width: 40px;
	height: 40px;
	background-size: cover;
	margin: auto;
}
.StripTabs .stMenu .item{
	cursor: pointer;
	border: solid 1px #ddd;
	margin: 5px;
	padding: 2px;
}



.StripTabs .stMenu .item.activ{
	box-shadow:  0 0 5px rgba(0,0,0,0.5); 
}
.StripTabs .stMenu .title{
	font-size: 12px;
	/*margin-top: 2px;*/
}
.StripTabs .stMenu .icon.grp{
	background: url(img/graphic_6/g1.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp1{
	background: url(img/graphic_6/g1_1.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp2{
	background: url(img/graphic_6/g1_2.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp3{
	background: url(img/graphic_6/g1_3.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp4{
	background: url(img/graphic_6/g1_4.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp5{
	background: url(img/graphic_6/g1_5.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp6{
	background: url(img/graphic_6/g1_6.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp7{
	background: url(img/graphic_6/g1_7.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp8{
	background: url(img/graphic_6/g1_8.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp9{
	background: url(img/graphic_6/g1_9.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.grp10{
	background: url(img/graphic_6/g1_10.png);
	background-size: cover;
}

.StripTabs .stMenu .icon.pnt{
	background: url(img/graphic_6/g2.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt1{
	background: url(img/graphic_6/g2_1.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt2{
	background: url(img/graphic_6/g2_2.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt3{
	background: url(img/graphic_6/g2_3.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt4{
	background: url(img/graphic_6/g2_4.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt5{
	background: url(img/graphic_6/g2_5.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt6{
	background: url(img/graphic_6/g2_6.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt7{
	background: url(img/graphic_6/g2_7.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt8{
	background: url(img/graphic_6/g2_8.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt9{
	background: url(img/graphic_6/g2_9.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pnt10{
	background: url(img/graphic_6/g2_10.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.bc{
	background: url(img/graphic_6/g3.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.bc1{
	background: url(img/graphic_6/g3_1.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.bc2{
	background: url(img/graphic_6/g3_2.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.bc3{
	background: url(img/graphic_6/g3_3.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.bc4{
	background: url(img/graphic_6/g3_4.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.bc5{
	background: url(img/graphic_6/g3_5.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.bc6{
	background: url(img/graphic_6/g3_6.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.bc7{
	background: url(img/graphic_6/g3_7.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.bc8{
	background: url(img/graphic_6/g3_8.png);
	background-size: cover;
}

.StripTabs .stMenu .icon.lr{
	background: url(img/graphic_6/g4.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.lr1{
	background: url(img/graphic_6/g4_1.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.lr2{
	background: url(img/graphic_6/g4_2.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.lr3{
	background: url(img/graphic_6/g4_3.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.lr4{
	background: url(img/graphic_6/g4_4.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.lr5{
	background: url(img/graphic_6/g4_5.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.lr6{
	background: url(img/graphic_6/g4_6.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pe{
	background: url(img/graphic_6/g5.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pe1{
	background: url(img/graphic_6/g5.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pe2{
	background: url(img/graphic_6/g5_2.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pe3{
	background: url(img/graphic_6/g5_3.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.ar{
	background: url(img/graphic_6/g6.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.ar1{
	background: url(img/graphic_6/g6_1.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.ar2{
	background: url(img/graphic_6/g6_2.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.ar3{
	background: url(img/graphic_6/g6_3.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.ar4{
	background: url(img/graphic_6/g6_4.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.ar5{
	background: url(img/graphic_6/g6_5.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.ar6{
	background: url(img/graphic_6/g6_6.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.ar7{
	background: url(img/graphic_6/g6_7.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.ar8{
	background: url(img/graphic_6/g6_8.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.rg,.StripTabs .stMenu .icon.rg1{
	background: url(img/graphic_6/g7.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.rg2{
	background: url(img/graphic_6/g7_1.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pl{
	background: url(img/graphic_6/g8.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pl1{
	background: url(img/graphic_6/g8_1.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pl2{
	background: url(img/graphic_6/g8_2.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pl3{
	background: url(img/graphic_6/g8_3.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.pl4{
	background: url(img/graphic_6/g8_4.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.mng{
	background: url(img/graphic_6/g10.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.na{
	background: url(img/graphic_6/g9.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.lng{
	background: url(img/graphic_6/g11.png);
	background-size: cover;
}
.StripTabs .stMenu .icon.tbl{
	background: url(img/graphic_6/g12.png);
	background-size: cover;
}
.StripTabs .stMenu .splitter{
	width: 3px;
	height: 70px;
	background: #aaa;
	float: left;
	margin: 5px 10px;
	border-radius: 2px;
}

.StripTabs .stMenu .Group{
	display: none;
}
.StripTabs .stMenu .Group.Active{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.StripTabs .stMenu .Group.graphic{
	width: auto;
	background-color: rgba(255,255,255,0);
}
.StripTabs .stMenu .Zm{
	overflow: hidden;
	height: 50px;
}

.StripTabs .stMenu .ZoomPluss{
	background: url(img/graphic_6/zoom_but.png)-5px -2px;
} 
.StripTabs .stMenu .ZoomMinus{
	background: url(img/graphic_6/zoom_but.png) 56px -2px;
} 
.StripTabs .stMenu  .ZoomTitle{
	text-align: center;
	font-size: 10px;

}

.CB-Graphic{
	position: relative;
	min-width: 840px;
}
.CB-Graphic canvas.Graphic{
	position: absolute;
	top: 0px;
	left: 20px;
	
}
.CB-Graphic canvas{
	background: #fff;
}
.CB-Graphic .GraphicInfo{
	position: absolute;
	background: #fff;
	font-size: 12px;
	border: solid 1px #aaa;
	border-radius: 4px;
	padding: 2px;
	color: #000;
}
.CB-Graphic .TitleX, .CB-Graphic .TitleXns{
	text-align: center;
	font-size: 12px;
	/*margin-top: 20px;*/
	width: 800px;
}
.CB-Graphic .TitleY{
	text-align: center;
	font-size: 12px;
	position: absolute;
	top: 200px;
	left: -210px;
	width: 400px;
	transform: rotate(90deg);
}
.bdo .CB-Graphic .TitleY{
	left: auto;
	right: -210px;
}
.CB-Graphic .Legend{
	width: 800px;
	margin-top: 10px;
	overflow: hidden;
}
.CB-Graphic .Legend .item{
	height: 20px;
	overflow: hidden;
	width: 150px;
	float: left;
	margin-right: 10px;
}
.bdo .CB-Graphic .Legend .item{
	float: right;
}
.CB-Graphic .color{
	float: left;
}
.bdo .CB-Graphic .color{
	float: right;
}
.CB-Graphic .color.graphic, .CB-Graphic .color.petal{
	/*width: 10px;
	height: 2px;*/
	width: 8px;
	height: 8px;
	margin-top: 4px;
}
.CB-Graphic .color.points, .CB-Graphic .color.pie, .CB-Graphic .color.ring{
	width: 8px;
	height: 8px;
	border-radius: 100%;
}
.CB-Graphic .color.bar, .CB-Graphic .linear, .CB-Graphic .color.area{
	width: 8px;
	height: 8px;
}
.CB-Graphic .item .name{
	float: left;
	margin-left: 10px;
	font-size: 9px;
}

.bdo .CB-Graphic .item .name{
	float: right;
	margin-right: 4px;
}

.CB-Graphic .Table{
	font-size: 11px;
	margin-top: 4px;
}
.CB-Graphic .Table .row{
	overflow: hidden;
	height: 18px;
}
.CB-Graphic .Table .row:first-child>div{
	border-top: solid 1px #aaa;
}
.CB-Graphic .Table .row>div{
	float: left;
	overflow: hidden;
	border-bottom: solid 1px #aaa;
	height: 16px;
	line-height: 16px;
	box-shadow:1px 0px 0 #a9a5a5;
}
.bdo .CB-Graphic .Table .row>div{
	box-shadow:-1px 0px 0 #a9a5a5;
	text-indent: 5px;
}
.bdo .CB-Graphic .Table .row>div{
	float: right;
}
.CB-Graphic .Table .name{
	width: 100px;
	overflow: hidden;
	white-space:nowrap;
}
.CB-Graphic .Table .row:first-child>div.bn{
	border-top: none;
}
.CB-Graphic .Table .color{

	float: left;
	margin-top: 5px;
	margin-right: 2px;
}
.bdo .CB-Graphic .Table .color{
	float: right;
}
.CB-Graphic .Table .cell{
	text-align: center;
	font-size: 11px;
}
.CB-Graphic .Table .cell-min{
	text-align: center;
	font-size: 7px;
}
.GraphicWait{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -110px;
	height: 30px;
	line-height: 30px;
	width: 220px;
	text-align: center;
	background: #fff;
	color: #000;
	border: solid 1px #333;
	font-size: 14px;
	
}
.GraphicWait .icon{
	width: 26px;
	height: 26px;
	background: url(img/graphic_wait.png);
	float: left;
	margin-top: 3px;
}

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

.SelectList{
	width: 90px;
	height: 25px;
	line-height: 25px;
	/*float: left;*/
	display: inline-block;
    margin-right: 10px;
	border: solid 1px #d6d2d2;
	border-radius: 5px;
	font-size: 14px;
	background: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.2) 0%, #fff 36%, rgba(0,0,0,0.2) 100%);
	color: #000;
}
@media(max-width: 900px){
	.SelectList{
		margin: 5px;
	}
}
.SelectList .title{
	text-indent: 5px;
	color: #333;
	font-size: 12px;
}
.SelectList .arrow{
	width: 14px;
	float: right;
	height: 14px;
	background: url(img/SelectArrow.png)0px -10px no-repeat;
	margin-right: 0px;
	margin-top: 7px;
	background-size: cover;
}
.SelectList.disclosed .arrow{
	background-position: 0px 0px;
}
.SelectList.disclosed .WrpList{
	display: block;
}
@media(max-width: 960px){
	.SelectList.disclosed .WrpList{
		margin-left: -60px;
	}
	.SelectList.disclosed .WrpList.mLeft{
		margin-left: 0px;
	}
}
.SelectList .WrpList{
	display: none;
	min-width: 100px;
	background: #fff;
	position: absolute;
	border: solid 1px #7b7979;
	z-index: 1000;
}
.SelectList .WrpList.big{
	//width: 120px;
	
}
.SelectList .Search{
	width: 200px;
}
.SelectList input.InputSearch{
	width: 170px;
	margin: 5px 0px 5px 5px;
	height: 20px;
	line-height: 20px;
	border-radius: 0px;
	font-size: 12px;
	font-weight: normal;
}
.SelectList .Search .butClear{
	margin-top: 5px;
	margin-right: 2px;
	width: 19px;
    height: 19px;
    background: url(img/icon_clear.png)no-repeat center;
	float: right;
	cursor: pointer;
	border: solid 1px #ddd;
}
.SelectList .WrpList.big .List{
	height: 200px;
	overflow-y: scroll;
}
@media(max-width: 1100px){
	.SelectList .WrpList.big .List{
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}
	.SelectList .WrpList.big .List::-webkit-scrollbar{
		width: 16px; 
		height: 20px; 
		background-color: #fff;
	}
	.SelectList .WrpList.big .List::-webkit-scrollbar-thumb {
		background-color: #333;
		border-radius: 5px;
	}
}
.SelectList .AllFil{
	border-bottom: solid 1px #ccc;
}

.SelectList .But{
	display: flex;
	justify-content: left;
	padding: 5px 0px;
	
}
.bdo .SelectList .But{
	justify-content: right;
}
.SelectList .But div{
	min-width: 60px;
	color: #fff;
	background: #0099FF;
	border-radius: 4px;
	padding: 2px 8px;
	font-size: 12px;
	margin-left: 5px;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
}
.bdo .SelectList .But div{
	margin-left: 0px;
	margin-right: 5px;
}
/*.Page_Statisctics .SelectList{
	float: left;
	margin-right: 10px;
}*/
/**************************************/

/**************************************/
/*Tariff 5*/
.Tariff5 .Tabs{
	height: 52px;
	border-bottom: solid 1px #888;
	margin: 10px 0px;
}
.Tariff5 .Tabs a{
	display: block;
	float: left;
	text-decoration: none;

	padding: 0px 20px;
	height: 50px;
    max-height: 55px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
	border-bottom: none;
	color: #000;
   background: linear-gradient(to top, #a9a9ab, #ebeeef);
}
.Tariff5 .Tabs a.Activ{
    height: 55px;
    max-height: 55px;
	margin-top: -5px;
	
}

.Tariff5 .Tabs a.Activ{
    background: linear-gradient(to top, #d3d3d8, #b1afaf);
}	
.Tariff5 .info{
	margin-bottom: 8px;
}
.ChartComparison{
	width: 1480px;
	overflow: hidden;
	
}
@media(min-width: 1100px){
	.ChartComparison{
		width: 1650px;
		
	}
}

.ChartComparison .Mails,.ChartComparison .Select{
	width: 50%;
	float: left;
}
.ChartComparison .Select .FiltersSelect{
	display: inline;
	font-size: 14px;
	font-weight: normal;
}

.FiltersSelect{
	font-size: 14px;
}
/**************Default Graphic****************/


.DefaultGraphic{
	width:  900px;


}

.DefaultGraphic .RowGraphic{
	height: 370px;

}
.DefaultGraphic .Percent{
	width: 100px;
	float: left;
	height: 370px;
	overflow: hidden;
	/*border-right: solid 2px #fff;*/
}
.bdo .DefaultGraphic .Percent{
	float: right;
}
.DefaultGraphic .Percent .title{
	height: 20px;
	line-height: 20px;
	text-align: center;

}
.DefaultGraphic .Percent .p{
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;

}
.DefaultGraphic .Graphic{
	width: 800px;
	float: left;
	position: relative;
}

.DefaultGraphic .Row{
	overflow: hidden;
	text-align: center;

	font-size: 12px;
}
.DefaultGraphic .Row.PercentFilter{
	color: #0094FF;
}
.DefaultGraphic .Row.PercentFilter .ColTitle.row-email{
	font-size: 9px;
}
.DefaultGraphic .ColTitle{
	width: 100px;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bdo .DefaultGraphic .ColTitle{
	float: right;
}
.DefaultGraphic .sz1 .ColTitle{
	height: 60px;
}
.DefaultGraphic .sz2 .ColTitle{
	height: 40px;
}
.DefaultGraphic .ColTitle .nmail{
	word-wrap: break-word;
	font-size: 9px;
}
.DefaultGraphic .Col{
	width: 99px;
	float: left;

}
.DefaultGraphic .Col-2{
	width: 199px;
	float: left;

	height: 40px;
	line-height: 40px;
}
.DefaultGraphic .Col-3{
	width: 299px;
	float: left;

	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.bdo .DefaultGraphic .Col{
	float: right;
	border-left: none;
	border-right: solid 1px #888;
}
.bdo .DefaultGraphic .Col-2{
	float: right;
	border-left: none;
	border-right: solid 1px #888;

}
.bdo .DefaultGraphic .Col-3{
	float: right;
	border-left: none;
	border-right: solid 1px #888;

}
.DefaultGraphic .sz1 .Col{
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.DefaultGraphic .sz2 .Col{
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.DefaultGraphic{
	border: solid 3px #888;

}

.DefaultGraphic .RowGraphic{

	border-bottom: solid 1px #888;
}

.DefaultGraphic .Percent .title{

	border-bottom: solid 1px #888;
	font-size: 14px;
}
.DefaultGraphic .Percent .p{

	border-bottom: solid 1px #888;
}


.DefaultGraphic .Row{

	border-bottom: solid 1px #888;

}
.DefaultGraphic .Row.PercentFilter{
	color: #0094FF;
}


.DefaultGraphic .Col{

	border-left: solid 1px #888;
}
.DefaultGraphic .Col-2{

	border-left: solid 1px #888;

}
.DefaultGraphic .Col-3{

	border-left: solid 1px #888;

}
.DefaultGraphic form{
	margin: 0px;
	padding: 0px;
}
.DefaultGraphic .Graphic .gsdtDefault-label{
	position: absolute;
	
}
.DefaultGraphic .Graphic .gsdtDefault-label .box{
	background: linear-gradient(to top, #b7b7b7, #fff);
	color:#000;
	margin-top: -30px;
	left: -50%;
	position: relative;
	text-align: center;
	border-radius: 3px;
	font-size: 12px;
	padding: 4px 16px;
	width: auto;
	max-height: 25px;
}
.DefaultGraphic .Graphic .gsdtDefault-label .arrow{
	border: 5px solid transparent; border-top: 8px solid #b7b7b7;
	width: 4px;
	height: 25px;
	position: absolute;
	top: -5px;
	left: -5px;
}
.DefaultGraphic .Graphic .gsdtDefault-label .box label{
	display: block;
	white-space:nowrap;
}
/*****************************************************************/

.warning{
	background: #e6e5e5;
    padding: 10px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    border-radius: 30px;
    text-align: center;
    font-weight: 100;
    font-size: 12px;
	margin-bottom: 25px;
}
.AlertBuy{
	position: fixed;
	bottom: 10px;
	left: 50%;
	width: 300px;
	height: 50px;
	margin-left: -150px;
	border: solid 3px #fba233;
	border-radius: 5px;
	text-align: center;
	color: #fba233;
	padding-bottom: 5px;
	background: #000;
	display: none;
	z-index: 10000;
}
.AlertBuy p{
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 4px;
}
.AlertBuy a{
	color: #fba233;
	font-size: 14px;
}
.WrapDownload{
	padding: 5px 25px 5px 5px;
	border: solid 1px #b5b2b2;
	border-radius: 6px;
	margin: 5px 0px;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	max-width: 155px;
}
a.WrapDownload{
	color: #000;
}
span.WrapDownload{
	cursor: pointer;
}
.PosLeftWrapDownload{
	padding-left: 400px;
}
@media(max-width: 700px){
	.PosLeftWrapDownload{
		padding-left: 0px;
	}
}
.WrapDownloadExcel{
	padding: 5px 25px 5px 5px;
	border: solid 1px #b5b2b2;
	border-radius: 6px;
	margin: 5px 0px;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
}
/*****************************************************************/
/****************************************************/
.WinScreen{
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.WinScreen .WinInfo{
	width: 360px;
	background: #fff;
	color: #000;
	border-radius: 5px;
	padding: 20px 0px;
}
.WinScreen .WinInfo .Text{
	width: 100%;
	margin: auto;
	/*border: solid 1px #ccc;*/
	text-align: center;
	line-height: 25px;
}
.WinScreen .WinInfo .ButClose{
	background: linear-gradient(to top, #00b7ff, #8ad7f5);
	color: #fff;
	font-size: 16px;
	width: 140px;
	margin: auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;

}
/****************************************************/
/*Test*/
.test-regulations{
	background: #e6e5e5;
	padding: 10px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5); 
	border-radius: 30px;
	text-align: center;
	
	font-weight: 100;
	font-size: 12px;
	margin: 10px 0px;
}
.ViewTest .but-qst{
	font-size: 14px;
	padding: 5px 0px 5px 4px;
	cursor: pointer;
	border-radius: 4px;
}
.ViewTest .but-qst label{
	font-weight: bold;
	
}
/*.ViewTest .but-qst.active{
	background: linear-gradient(to top, #00b7ff, #8ad7f5);
}*/
.ViewTest  ul.question{
	/*list-style: none;*/
	font-size: 14px;
	padding: 0px 5px 0px 0px;
}
.ViewTest  ul.question li{
	cursor: pointer;
	/*padding: 5px 0px;*/
	
}
.ViewTest  ul.question li:hover{
	background: #ccc;
}
.ViewTest input[type=submit] {
    width: 180px;
    margin: auto;
    /*display: block;*/
    height: 32px;
    margin-top: 10px;
    font-size: 16px;
    cursor: pointer;
}

.ViewTest .sdtest-main-info{display: none;}

.Question-Text{
	color: #000;
	margin: 10px 0px;
	text-align: center;
	font-size: 30px;
	font-weight: 300;
}



.TestAttention, .TestAttentionHelp{
	font-size: 14px;
	text-align: center;
	color: #908f8f;
}
.sdtListQuestion{
	margin: 10px 0px;
}
.List-Select-Answers .butSelectAnswer{
	position: relative;
	background: #e6e5e5;

	padding: 10px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5); 
	border-radius: 30px;
	font-weight: 100;
	font-size: 16px;
	
	cursor: pointer;
	text-indent: 25px;
	-moz-transition: background 0.6s ease-out ;
	-ms-transition: background 0.6s ease-out ;
	-o-transition: background 0.6s ease-out ;
	-webkit-transition: background 0.6s ease-out ;
	transition: background 0.6s ease-out ;
}
.List-Select-Answers .butSelectAnswer label{
	/*color: #000;*/
	font-weight: bold;
}

.List-Select-Answers .butSelectAnswer:hover{
	color: #fff;
	background: #9f9f9f;

}
.sdtListQuestion.active .butSelectAnswer{
	color: #fff;
	background: #2F6776;
}
.List-Select-Answers .butSelectAnswer:hover span{
	color: #fff;


}
.List-Select-Answers .butSelectAnswer .Answer-Text{
	padding-left: 15px;
}
.List-Select-Answers .butSelectAnswer .Answer-Icon{
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -15px;
	

}
.List-Select-Answers .butSelectAnswer .Answer-Icon i{
	font-size: 24px;
}

.sdtListQuestion .Answer-Icon i.fa-angle-down{
	display: inline-block;
}
.sdtListQuestion.active .Answer-Icon i.fa-angle-down{
	display: none;
}
.sdtListQuestion.active .Answer-Icon i.fa-angle-up{
	display: inline-block;
}
.sdtListQuestion .Answer-Icon i.fa-angle-up{
	display: none;
}
/*.position-answer{
	display: none;
	padding: 20px 0px;
	position: fixed;
	background: #fff;
	z-index: 1000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}*/

.title-answer{
	background: #284a50;
	color: #fff;
	padding: 10px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5); 
	border-radius: 30px;
	text-align: center;
	
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
}
.sdtListQuestion ul.List-Answers{
	max-height: 0px;
	
	-moz-transition: max-height 0.2s ease-out;
	-ms-transition: max-height 0.2s  ease-out;
	-o-transition: max-height 0.2s  ease-out;
	-webkit-transition: max-height 0.2s ease-out;
	transition: max-height 0.2s ease-out;
	overflow: hidden;
}
.sdtListQuestion.active{
	background: #e1dfdf;
	border-radius: 30px;
	padding-bottom: 20px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5); 
}
.sdtListQuestion.active ul.List-Answers{

	max-height: 1500px;
	-moz-transition: max-height 2s ease-in;
	-ms-transition: max-height 2s  ease-in;
	-o-transition: max-height 2s  ease-in;
	-webkit-transition: max-height 2s ease-in;
	transition: max-height 2s ease-in;
	
}
ul.List-Answers{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	
}
ul.List-Answers li{
	
	background: #f3f3f3;

	padding: 10px 20px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5); 
	border-radius: 30px;
	font-weight: 100;
	font-size: 16px;
	margin: 10px 0px ;
	cursor: pointer;
	
	-moz-transition: background 0.4s ease-in ;
	-ms-transition: background 0.4s ease-in ;
	-o-transition: background 0.4s ease-in ;
	-webkit-transition: background 0.4s ease-in ;
	transition: background 0.4s ease-in ;
	list-style: none;
}
ul.List-Answers li:hover{
	color: #fff;
	background: #7d888b;

}
.position-TestButtonNext{
	display: none;
}
@media (max-width: 900px){
	.test-regulations{
		display: none;
	}
	.position-TestButtonNext{
		position: fixed;
		left: 0px;
		bottom: 0px;
		width: 100%;
		z-index: 500;
		background: rgba(255,255,255,0.7);
		padding: 8px 0px;
	}
	.ViewTest{
		padding: 10px;
	}
	

	

	
	.Question-Text{
		font-size: 16px;
		margin: 5px 0px;
	}
	.workspace{
		margin: 0px;
		padding: 0px 10px;
	}
	.ViewTest .TestStep{
		margin-top: 4px;
		height: 14px;
	}
	.position-answer{
		padding: 0px 0px 10px 0px;
		overflow-y: scroll;
	}
	.test-regulations{
		display: none;
	}
	.title-answer{
		font-size: 14px;
		margin-bottom: 0px;
		background: #fff;
		padding: 0px;
		color: #908f8f;
		font-weight: 300;
		box-shadow: none;
	}
	/*ul.List-Answers{
		padding-bottom:50px;
	}*/
	ul.List-Answers li{
		font-size: 14px;
		text-align: center;
		margin: 5px 0px;
		padding: 5px;
		color: #000;
		border-radius: 5px;
	}
	.List-Select-Answers .butSelectAnswer{
		font-size: 14px;
		color: #000;
	}
	.TestAttention{
		display: none;
	}
	.TestButtonNext{
		margin-top: 0px;
	}

}
.TestButtonNext{
	
	background: linear-gradient(to top, #969595, #e6e5e5);
	padding: 15px 40px;
	border: solid 1px #908a8a;
	color: #000;
	border-radius: 25px;
	font-weight: 500;
	font-size: 20px;
	cursor: pointer;
	margin-top: 20px;
}
.TestButtonNext:hover{
	color: #fff;
	background: linear-gradient(to top, #2F6776, #3e879a);
}
/****************************************************/
#graphic .graphic{
	font-size: 12px;
  background-color: #000000;
  width: 900px;
    border-spacing: 0px;
	margin: auto;
}
#graphic .graphic tr td{
	min-width: 94px;
  max-width: 94px;
  width: 94px;
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
  text-align: center;
  vertical-align: middle;
}
#graphic.graphic tr{
	width: 900px;
}
#graphic .graphic img{
	width: 100%;
	height: 100%;
}

.graphic tr td.image-gtaphic{
	min-width: 94px;
	line-height: 0px;
	padding:0px;
}

#graphic .color{
  text-transform: capitalize;
}
.wrap-tb{
  padding: 0;
  background-color: #000000;
  color: #FFFFFF;
}
#graphic .pr
{
  min-width:110px;
}
#graphic .gpr{
  width:100%;
  height:39px;
  border-top:solid 1px #FFFFFF;
  position: relative;
}
#graphic .gpr span{
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
#graphic .ght{
  text-align: center;
  height:15px;
}

#graphic .graphic b{
  font-size: 16px;
}

.PercentImg{
	position: absolute;
	top: 200px;
	color: #000;
}
.PercentImg .vp{
	float: left;
	width: 102px;
	text-align: center;
}

@media (max-width: 1000px) {
  /*.graphic tr td{
    min-width: 99px;
    max-width: 99px;
  }
  .graphic tr td:first-child{
    width: 110px;
    max-width: 1100px;
  }
  .graphic img{
    height: 385px;
  }*/

}
#graphic{
	position: relative;
	display: inline-block;
}
#graphic .PosButViewRD{
	position: absolute;
	top: 10px;
	width: 100%;
	
}
/****************************************************/
.WinRD{
	display: none;
	position: fixed;
	top:0px;
	left: 0px;

	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1000;
	overflow: scroll;
}


.ResultDescription{
	width: 95%;
	margin: auto;
	padding-top: 50px;
}
.ResultDescription .StripClose{
	position: fixed;
	top:0px;
	left: 0;

	width: 100%;
	height: 45px;
	background: #fff;
	z-index: 1000;
	border-bottom: solid 1px #333;
}
.ResultDescription .Close{
	cursor: pointer;
	text-decoration: underline;
	background: #fff;
	width: 80px;
	margin: auto;
	padding: 2px 10px;
	border: solid 1px #333;
	border-radius: 4px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}
.ResultDescription .Close:hover{
	color: red;
}
a.ButtonViewRD{
	display: block;
	text-decoration: none;
}
.ButtonViewRD{
	display: inline-block;
	padding: 2px 8px;
	/*width: 300px;
	height: 30px;*/
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	margin: auto;
	font-size: 16px;
	border: solid 1px #bfbcbc;
	margin-top: 5px;
	margin-bottom: 5px;
	background: linear-gradient(to top, #989a9a, #fff);
	color: #333;
	min-width: 600px
}
.ResultDescription .Item{
	border: solid 1px #333;
	/*width: 100%;*/
	padding: 10px;
	margin: 5px 0px;
	box-shadow: 5px 05px 10px rgba(0,0,0,0.5); 
}

.ResultDescription .Title{
	background: linear-gradient(to top, #00b7ff, #a7e2f9);
	border-radius: 5px;
	position: relative;
}
.ResultDescription .Title .TButton{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	/*background: #333;*/
	cursor: pointer;
	text-align: center;
	font-size: 22px;
	color: #000;
	background: url(img/arrow_up.png) no-repeat center;
	background-size: contain;
	opacity: 0.6;
}
.ResultDescription .Title .TButton.hide{
	background: url(img/arrow_down.png) no-repeat center;
	background-size: contain;
}
.ResultDescription .Item h3{
	margin: 0px;
	text-align: center;
	text-shadow: none;
	color: #000;
}
.ResultDescription .Item.ic{
	/*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
}
.ResultDescription .Item.ic h3{
	/*width: 105px;*/
	/*margin-top: 12px;*/
}

.ResultDescription .Item.ic table{
	width: 100%;
	border: solid 1px;
	word-break: break-all;
}
.ResultDescription .Item.SM table tr td.cell-1{
	width: 94px;
}

.ResultDescription .Item.InLive table tr td.ncolor{
	text-transform: capitalize;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	
}
.ResultDescription .Item.InLive table tr td.ncolor div{
	text-align: center;
	font-size: 16px;
	
}
.ResultDescription .Item.InLive  td{
	border-bottom: dotted 1px #aaa;
}
.ResultDescription .Item.InLive  tr:last-child td{
	border: none;
}
.ResultDescription .Item.SM h3{
	font-size: 14px;
	width: 90px;
}

.ResultDescription .Item.SM table td{
	text-align: center;
}
.ResultDescription .Item a{
	color: #0c6b98;
}
@media(max-width: 600px){
	.ResultDescription .Item table td.desc{
		word-break: break-all;
	}
	.ResultDescription .Item.SM h3{
		width: 100%;
		text-align: center;
		padding: 10px 0px;
	}
	.ResultDescription .Item.ic>table{
		display: block;
	}
	.ResultDescription .Item.ic>table>tbody>tr{
		display: block;
	}
	.ResultDescription .Item.SM table tr td.cell-1{
		display: block;
		width: 100%;
		text-align: center;
	}
	.ResultDescription .Item.InLive table tr td.ncolor span{
		writing-mode: vertical-rl;
	}
	.ResultDescription .Item.InLive table tr td.ncolor div{
		padding: 0px 0px 10px 0px;
		display: inline-block;
	}
}
/****************************************************/
.button-scroll-top{
	display: none;
	position: fixed;
	right: 5px;
	bottom: 70px;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	border: solid 1px #989696;
	background: rgba(0,0,0,0.3);
	color: #000;
	text-align: center;
	line-height: 64px;
	cursor: pointer;
	font-size: 55px;
	font-weight: bold;
	z-index: 5000;
}
/****************************************************/
/*Content*/

.View-Content{
	color: #52595e;
}
.View-Content h1{
	text-align: center;
    font-size: 24px;
}
.View-Content img{
	max-width: 100%;
	height: auto !important;
}
@media(max-width: 960px){
	.View-Content{
		padding: 0px 10px;
	}
}
/****************************************************/
/*VUCA*/

.VUCA_Report .VUCA_Question{
	margin: 10px 0px;
}
.VUCA_Report .VUCA_Question_name{
	font-weight: bold;
	font-size: 18px;
	margin: 5px 0px;
	text-align: center;
	max-width: 1000px;
}
.VUCA_Report .VUCA_Answer_List{
	/*display: flex;
	justify-content: center;
	flex-wrap: wrap;*/
	margin: 4px 0px;
}
/*.VUCA_Report .VUCA_Answer_List>div{
	width: 50%;
	
}*/
.pos-vuca-select-result{
	position: relative;
	height: 2px;
}
@media(max-width: 960px){
	.pos-vuca-select-result{
		height: 20px;
	}
	
}
@media(min-width: 1000px){
	.VUCA_Report .VUCA_Row_Answer{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	
	
}
.poll-list-poll_answers .vuca_answers_legend{
	position: relative;
	min-height: 20px;
}
.poll-list-poll_answers .vuca_answers_legend .va-cell{
	display: flex;
	align-items: center;
	justify-content: start;
	position: absolute;
}
.poll-list-poll_answers .vuca_answers_legend .va-cell.main{
	right: 10px;
}
.poll-list-poll_answers .vuca_answers_legend .va-cell.additional{
	left: 50%;
	margin-left: 5px;
}

.bdo .poll-list-poll_answers .vuca_answers_legend .va-cell.main{
	left: 30px;
	right: auto;
}

.bdo .poll-list-poll_answers .vuca_answers_legend .va-cell.additional{
	right: 50%;
	left: auto;
	margin-right: -10px;
}

@media(max-width: 960px){
	.poll-list-poll_answers .vuca_answers_legend .va-cell.additional{
		left: 0px;
		margin-left: 5px;
	}

	.bdo .poll-list-poll_answers .vuca_answers_legend .va-cell.additional{
		right: 0px;
		left: auto;
		margin-right: -10px;
	}
}
.poll-list-poll_answers .vuca_answers_legend .circle{
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin-right: 10px;
}

.bdo .poll-list-poll_answers .vuca_answers_legend .circle{
	margin-left: 10px;
}
.poll-list-poll_answers .vuca_answers_legend .va-cell.main .circle{
	background: #07707b;;
}
.poll-list-poll_answers .vuca_answers_legend .va-cell.additional .circle{
	background: #f18500;;
}

.VUCA_Report .VUCA_Answer_List .VUCA_Answer{
	text-align: right;
	width: 50%;
}
.VUCA_Report .VUCA_Answer_List .group-last .VUCA_Answer{
	border-bottom: solid 1px #ccc ;
}
.VUCA_Report .VUCA_Answer_Percent{
	display: flex;
	justify-content: start;
	/*align-items: center;*/

	width: 50%;
	position: relative;
	border-bottom: solid 1px #ccc ;
}

.VUCA_Report .VUCA_Answer_List .VUCA_Row_Answer:last-child{
	border-bottom: solid 1px #ccc ;
}

.VUCA_Report .VUCA_Answer_Percent .PrecentStrip{
	width: calc(100% - 85px);
	position: relative;
}

.VUCA_Report .VUCA_Answer_Percent .PrecentValue{
	height: 15px;
	width: 100%;
	background: #07707b;
	position: absolute;
	top: 5px;
	margin-left: 5px;
	border-radius: 15px;
}
.VUCA_Report .VUCA_Answer_Percent .PrecentValue.Additional{
	background: #f18500;
}
.VUCA_Report .VUCA_Answer_Percent .Value{
	font-size: 11px;
	margin-left: 4px;
	margin-top: 4px;
	
}
.VUCA_Report .VUCA_Answer_List_Result{
	position: absolute;
	right: 0px;
	width: 80px;
	text-align: center;
}
.bdo .VUCA_Report .VUCA_Answer_List_Result{
	right: auto;
	left: 0px;
}
.VUCA_Report .VUCA_Answer_List_Result .value{
	display: none;
	font-size: 12px;
	width: 80px;
	text-align: center;
	
	
	
}
.VUCA_Report .VUCA_Answer_List_Result.Type_Text{
	position: static;
	right: none;
	width: auto;
}
.VUCA_Report .VUCA_Answer_List_Result.Type_Text .value{
	width: auto;
}
.VUCA_Report .VUCA_Answer_List_Result .value.active{
	display: flex;
	align-items: center;
	justify-content: center;
	
}
@media(max-width: 1000px){
	.Page_Statisctics_Vuca h3{
		text-align: center;
	}
	.VUCA_Report .VUCA_Answer_List .VUCA_Answer{
		text-align: center;
		width: 100%;
	}
	.VUCA_Report .VUCA_Row_Answer{
		display: flex;
		justify-content: left;
		flex-wrap: wrap;
		

	}


	.VUCA_Report .VUCA_Answer_Percent{
		width: 500px;
	}
	.VUCA_Report .VUCA_Answer_List_Result{
		width: 50px;
		text-align: right;
	}

	
}
@media(max-width: 600px){
	.VUCA_Report .VUCA_Answer_Percent .PrecentValue{
		top: 0px;
	}
	.VUCA_Report .VUCA_Answer_Percent{
		width: 100%;
	}

	.VUCA_Report .VUCA_Answer_List .VUCA_Answer{
		font-size: 14px;
		text-align: left;
		width: 60%;
		padding-left: 5px;
	}
	/*.VUCA_Report .VUCA_Answer_List .VUCA_Row_Answer{
		margin-bottom: 5px;
	}*/
	.VUCA_Report .VUCA_Answer_List_Result{
		width: auto;
		margin-right: 10px;
	}
	
	.VUCA_Report .VUCA_Answer_Percent .Value{
		font-size: 14px;
		margin-left: 2px;
		position: relative;
		top: -2px;
		margin-top: 0px;
	}
}
@media(max-width: 500px){
	.Page_Statisctics_Vuca h3{
		font-size: 16px;
	}
	.VUCA_Report .VUCA_Answer_List_Result .value{
		width: auto;
	}

}
/*@media(max-width: 500px){
	.VUCA_Report .VUCA_Answer_Percent{
		justify-content: center;
		width: 100%;
		margin: 0px;
	}
	
	.VUCA_Report .VUCA_Answer_List_Result .value{
		width: 100%;
	}
	
	.VUCA_Report .VUCA_Answer_List_Result{
		width: 100%;
	}
}*/
.vuca-view-results .vuca-poll-result{
	display: none;
}
.vuca-view-results .vuca-poll-result.active{
	display: block;
}
.vuca-view-results .vuca-user-answer{
	
	border: solid 1px #aaa;
	border-radius: 5px;
	margin: 8px 0px;
	padding: 5px;
}

.vuca-view-results .vuca-qst{
	margin: 4px 0px;
	font-size: 14px;
	/*font-weight: bold;*/
	color: #333;
}
.vuca-select-result{
	position: absolute;
	right: 0px;
	display: flex;
	justify-content: left;
	margin-top: 10px;
}
.vuca-select-result .prev,.vuca-select-result .next{
	cursor: pointer;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: solid 1px #aaa;
	border-radius: 4px;
	background: linear-gradient(to top, #e2e2e2, #fff);
}
.vuca-select-result i{
	margin-top: 2px;
}
.vuca-select-result .val{
	cursor: pointer;
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: solid 1px #ccc;
	margin: 0px 4px;
	font-size: 12px;
}
/****************************************************/
.Tabs{
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
	height: 40px;
	border-bottom: solid 1px #aaa;
}
.Page_Statisctics .Tabs a{
	display: block;
	height: 40px;
	line-height: 40px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	padding: 0px 15px;
	border: solid 1px #aaa;
	border-radius: 4px 4px 0px 0px;
	background: linear-gradient(to top, #e2e2e2, #fff);
	
}
.Page_Statisctics .Tabs a.active{
	background: linear-gradient(to top, #b9bbbb, #f0f2f3);
}
/****************************************************/
.Page_Statisctics .PollShopRowBuy{
	background: #f2f2f2;
	padding: 10px;
	border-radius: 8px;
}
.Page_Statisctics .PollShopRowBuy .cell-info .cell-info-row{
	display: block;
}
.Page_Statisctics .PollShopRowBuy .cell-info .cell-info-row .cell-info-row-left{
	display: block;
}
.Page_Statisctics .dmwin{
	z-index: 5000;
}

.Page_Statisctics .PollShopRowBuy .cell-info-row{
	border: solid 1px #d6d2d2;
	background: #e7e7e7;
	border-radius: 10px;
	padding: 5px 0px;
	margin-top: 10px;
}
.Page_Statisctics .PollShopRowBuy .cell-info-row .price{
	margin-left: 5px;
}

.Page_Statisctics .PollShopRowBuy .cell-info-row .cell-united{
	display: flex;
	justify-content: start;
	align-items: center;
	flex-wrap: wrap;
}

.Page_Statisctics .PollShopRowBuy .cell-info-row .cell-united .price{
	margin-right: 15px;
}

@media (min-width: 960px){

	.Page_Statisctics .PollShopRowBuy  .cell-info-row{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
	}
	.Page_Statisctics .PollShopRowBuy .cell-info-row .cell-info-row-left{
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
	}
	.Page_Statisctics .PollShopRowBuy .cell-info-row .cell-info-row-left>div{
		margin-right: 15px;
	}
	.Page_Statisctics .PollShopRowBuy .cell-info-row .cell-info-row-right{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 10px;
	}
}
@media (max-width: 960px){
	.Page_Statisctics .PollShopRowBuy  .cell-info-row{
		text-align: center;
	}
	.Page_Statisctics .PollShopRowBuy .cell-info-row .cell-united{
		justify-content: center;
	}
	.Page_Statisctics .PollShopRowBuy   .cell-info-row-right{
		margin-top: 10px;
	}
}
/****************************************************/
.Page_Statisctics table.table-vuca-correlation{
	min-width: 100%;
}
.Page_Statisctics table.table-vuca-correlation .hd-color{
	min-height: 40px;
	width: 30px;
	
}
.Page_Statisctics table.table-vuca-correlation  .t-val{
	text-align: center;
	min-width: 45px;
	padding: 12px 10px;
	cursor: pointer;
}
.Page_Statisctics table.table-vuca-correlation  .t-val .significant{
	background: #30af19;
  color: #fff;
  border-radius: 10px;
  padding: 3px 6px;
  min-width: 53px;
}
table.table-vuca-correlation td.t-val .prompt{
	font-size: 11px;
	color: #000;
	background: linear-gradient(to top, #bce8f9, #fff);
	

	top: -25px;
	width: 160px;
}





table.table-vuca-correlation td.t-val:hover .prompt.Strong_negative{
	background: linear-gradient(to top, #ff0000, #f7bbbb);
	color: #fff;
}
table.table-vuca-correlation td.t-val:hover .prompt.Strong_negative::after {
	border-top: 10px solid #ff0000;
}
table.table-vuca-correlation td.t-val:hover .prompt.Average_negative{
	background: linear-gradient(to top, #ef6565, #ffffff);
}
table.table-vuca-correlation td.t-val:hover .prompt.Average_negative::after {
	border-top: 10px solid #ef6565;
}
table.table-vuca-correlation td.t-val:hover .prompt.Weak_negative{
	background: linear-gradient(to top, #ffb4b4, #ffffff);
}
table.table-vuca-correlation td.t-val:hover .prompt.Weak_negative::after {
	border-top: 10px solid #ffb4b4;
}

table.table-vuca-correlation td.t-val:hover .prompt.Strong_positive{
	background: linear-gradient(to top, #019201, #0f0);
	color: #fff;
}
table.table-vuca-correlation td.t-val:hover .prompt.Strong_positive::after {
	border-top: 10px solid #019201;
}

table.table-vuca-correlation td.t-val:hover .prompt.Average_positive{
	background: linear-gradient(to top, #00ff00, #fff);
}
table.table-vuca-correlation td.t-val:hover .prompt.Average_positive::after {
	border-top: 10px solid #00ff00;
}

table.table-vuca-correlation td.t-val:hover .prompt.Weak_positive{
	background: linear-gradient(to top, #94ff94, #fff);
}
table.table-vuca-correlation td.t-val:hover .prompt.Weak_positive::after {
	border-top: 10px solid #94ff94;
}

.vuca-view-correlation h3{
	text-align: center;
	margin: 10px 0px;
}
.vuca-view-correlation table{
	font-size: 12px;
	border-collapse: collapse;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5); 
}
.vuca-view-correlation table td{
	
	border: solid 1px #aaa;
}
.vuca-view-correlation table tr td:first-child {
	text-indent: 10px;
}
.vuca-view-correlation .Correlation_header{
	text-align: center;
	margin: 10px 0;
}



/****************************************************/
.date-select-filter{
	margin-bottom: 10px;
}
/****************************************************/
.select-filter-label{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 10px 0px;
}
.select-filter-label .sf-label{
	font-size: 14px;
	width: 400px;
	padding: 8px 0px;

}
.select-filter-label .selectlist-lite .selectlist-lite-lbl{
	width: 680px;
}

.RightExportIcon .select-filter-label{
	width: 150px;
	margin: 0px;
}
.RightExportIcon .select-filter-label .selectlist-lite .selectlist-lite-lbl{
	width: 150px;
}
.RightExportIcon .selectlist-lite .selectlist-lite-lbl{
	min-width: 150px;
	min-height: 34px;
}

.RightExportIcon .select-filter-label .selectlist-lite .selectlist-lite-lbl .sl-label{
	max-width: 120px;
	padding: 0px;
	padding-left: 2px;
	min-height: 34px;
	word-wrap:  break-word;            

}
@media(max-width: 700px){
	.select-filter-label .sf-label{
		width: 300px;
	}
	.select-filter-label .selectlist-lite .selectlist-lite-lbl{
		width: 300px;
	}
	.RightExportIcon .select-filter-label{
		width: 300px;

	}
	.RightExportIcon .select-filter-label .selectlist-lite .selectlist-lite-lbl{
		width: 300px;
	}
	.RightExportIcon .selectlist-lite .selectlist-lite-lbl{
		min-width: 300px;
	}
}

/*****************************************************************/
.bgMsgWin{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	
}
.bgMsgWin.Show{
	display: flex;
	align-items: center;
	justify-content: center;
}
.MsgWin{
	background: #fff;
	color: #000;
	font-size: 14px;
	min-width: 300px;
	min-height: 50px;
	padding: 15px 25px;
	border: solid 1px #ddd;
	border-radius: 5px;
	box-shadow: 4px 4px 10px rgba(0,0,0,0.5); 
}
.MsgWin .mwButtons{
	display: flex;
	justify-content: center;
}
.MsgWin .mwButtons{
	margin-top: 10px;
}
.MsgWin .mwButtons .mw-but{
	background: linear-gradient(to top, #0099ff, #8ad7f5);
	color: #fff;
	cursor: pointer;
	padding: 5px 25px;
}
/*****************************************************************/
.Arrow-Drop-Down{
	width: 30px;
	height: 15px;
	cursor: pointer;
	background: url(img/SelectArrow.png) no-repeat 0px -25px;
	display: inline-block;
	box-shadow: 0 0 5px rgba(255,255,255,0.5); 
	border-radius: 2px;
}
.Arrow-Drop-Down.Show{
	background-position: 0px -4px;
}
.Box-Arrow-Drop-Down{
	display: none;
}
/*****************************************************************/
.hidden-container-button label{
	font-size: 12px;
}
.hidden-container-button .arrow{
	width: 30px;
    height: 15px;
    cursor: pointer;
    background: url(img/SelectArrow.png) no-repeat 0px -25px;
    display: inline-block;
    box-shadow: 0 0 5px rgb(255 255 255 / 50%);
    border-radius: 2px;
}
.hidden-container-button.up .arrow{
	background-position: 0px -4px;
}

.hidden-container{
	display: none;
}
.col-mt-fs{
	width: 102px;
}
.col-mt-fs .hidden-container{
	width: 102px;
}
.col-mt-fs .FiltersSelect{
	position: absolute;
	background: #fff;
	width: 102px;
}
.col-mt-fs .FiltersSelect span{
	display: block;
	font-size: 12px;
	padding: 2px;
}
/*****************************************************************/

/*.list-drop-down.col-cr-stat{
	width: 92px;
	margin-right: 10px;
}*/
.list-drop-down.col-cr-mt{
	width: 92px;
	margin-right: 15px;
	margin-top: 10px;
}

.list-drop-down .FiltersSelect{
	background: #fff;
	z-index: 5000;
	position: absolute;
}
/*****************************************************************/

.wrapper-delete-account{

	padding: 15px;
	min-height: 300px;
	background: #ddd;
	border-radius: 5px;
	border: solid 1px #b9b9b9;
}
.wrapper-delete-account .row{
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrapper-delete-account .info-text{
	font-size: 16px;
	font-weight: nrnmal;
}
.wrapper-delete-account .button-delete-account{
	margin-top: 40px;
	padding: 10px 34px;
	background: linear-gradient(to top, #8d0202, #df7878);
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	
}
.win-delete-account{
	display: none;
}
.win-delete-account .win-bg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.2);
}
.win-delete-account .win{
	min-width: 300px;
	background: #fff;
	padding: 15px;
	border-radius: 4px;
	font-size: 16px;
}
.win-delete-account .win .text{
	text-align: center;
	color: #000;
	margin: 5px 0px;
}
.win-delete-account .win .buttons{
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.win-delete-account .win .buttons .but{
	background: linear-gradient(to top, #1e1e1e, #e5e5e5);
	cursor: pointer;
	color: #fff;
	padding: 5px 0px;
	min-width: 60px;
	margin: 0px 10px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
}
.win-delete-account .win .buttons .but:hover{
	background: linear-gradient(to top, #00b7ff, #8ad7f5);
}
.page-account-deleted{
	text-align: center;
	min-height: 300px;
}
.page-account-deleted .text-info{
	margin: 30px 0px;
}
.page-account-deleted .button-page-login a{
	color: #00adff;
}
/*****************************************************************/
table.FormWite{
	font-size: 16px;
	border-collapse: collapse;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
}

table.FormWite thead{
	background: linear-gradient(to top, #d4d0d0, #f7f7f7);
}
table.FormWite thead td{
	padding: 5px;
	text-align: center;
	border-right: solid 1px #4c4c4c;
}
table.FormWite tbody td{
	padding: 5px;
	border-bottom: solid 1px #d5d5d5;
	border-right: solid 1px #d5d5d5;
}
table.FormWite  td:first-child{
	border-left: solid 1px #d5d5d5;
}
/*****************************************************************/
.PageViewbilling-history table{
	border-collapse: collapse;
	width: 100%;
}
.PageViewbilling-history thead tr{
	background: linear-gradient(to top, #777879, #e2e6e6);
    color: #000;
}

.PageViewbilling-history thead tr a{
	color: #000;
}

.PageViewbilling-history thead td{
	height: 50px;
	text-align: center;
}

.PageViewbilling-history tbody tr{
	height: 40px;
	background: #fff;
}

.PageViewbilling-history tbody td{
	padding: 0px 10px;
	font-size: 14px;
}

.PageViewbilling-history  td.ws-nowrap{
	white-space: nowrap;
}

.PageViewbilling-history tbody tr:nth-child(even){
	background: #e2e6e6;
}

.PageViewbilling-history td{
	border-left: solid 1px #d7d7d7;
}
.PageViewbilling-history tr td:last-child{
	border-right: solid 1px #d7d7d7;
}

.PageViewbilling-history tbody tr:last-child td{
	border-bottom: solid 1px #d7d7d7;
}

.PageViewbilling-history tr td:nth-child(2){
	max-width: 280px;
}
/*****************************************************************/