html,body { height: 100%; }
body {background-image: linear-gradient(to right, #fff 0%, #fff 50%, #fafafa 50%, #fafafa 100%); font: 16px 'Golos Text'; color: #333; }
.container{max-width: 1170px;}
.note{color: #a6a6a6; font-weight: 400;} 
.sidebar{background: #fafafa; padding-top: 40px; margin-left: -15px;}
.sidebar .wrap{background: #fff; padding-left: 15px; margin-left: -15px;}
.main{background: #fafafa; padding-top: 40px;}
.siderbar-banner{padding-top: 140px;}
.logo{
	margin: 0 auto;
}
a:focus, button:focus, input:focus{
	outline: none;
}
 
a, a:hover, .fiolent{color: #7c76b5;}
.underline{text-decoration: underline;}
h1{
	color: #333;
	margin: 48px 0 40px; 
	font-size: 32px;
	font-weight: bold;
}

.logo img{
	width: 170px;
}
.left-navi{
	padding: 30px 0;
}
.wrap .left-navi:first-child{
   padding-top: 50px;
}

p.last-child{
	margin-bottom: 0;
}
h2{
	margin: 30px 0 10px;
	font-weight: bold;
	font-size: 24px;
}
.border-bottom{
	margin: 0 0px 0 -55px;
	padding-left: 55px;
	border-bottom: 1px solid #ddd;
}
.info-block{
	padding: 0px 0 20px;
	border-bottom: 1px solid #ddd;
	margin-right: -55px;
	padding-right: 55px;
}
.left-navi ul{
	margin: 0;
	padding: 0;
}
.left-navi li{
	padding:10px;
	list-style: none;
	background-position:left 10px;
	background-repeat: no-repeat;	
}
.left-navi li a{
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;	
}
.left-navi li.active{ 
	background-color: #FFCC33;
}
.left-navi li.active a{ 
	color: #333;
	text-decoration: none;
}

.left-navi li a:hover{ 
	text-decoration: underline;
}

.liked{margin: 0;}
.feedback{padding: 15px 20px 3px 35px;  background-repeat: no-repeat; background-position-x: left; display: inline-block; margin-top: 10px;}
.like{	background-image: url('account/images/like.png');  background-position-y: 10px;}
.dislike{	background-image: url('account/images/dislike.png');  background-position-y: 16px;}

.like.active{	background-image: url('account/images/like-active.png');}
.dislike.active{	background-image: url('account/images/dislike-active.png');}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #f29200;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #f29200;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #f29200;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #f29200;
  opacity: 1;
}

input[readonly="readonly"]::-webkit-input-placeholder {color: #a6a6a6;}
input[readonly="readonly"]::-moz-placeholder {color: #a6a6a6;}
input[readonly="readonly"]:-ms-input-placeholder {color: #a6a6a6;}
input[readonly="readonly"]:--moz-placeholder {color: #a6a6a6;}


body>.container>.row{
	margin-right: -30px;
	margin-left: -30px;
	flex-direction: row-reverse;
}
.header>.container>.row{
	margin-right: -15px;
	margin-left: -15px;
	justify-content: space-between;
}

.profile-links .user::before {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-image: url(../img/lk/profile1.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
    margin-right: 5px;
    margin-top: 2px;
    box-sizing: content-box;
}

.lk-white .profile-links .user::before {
  background-image: url(../img/lk/profile_white.svg);
}

.profile-links .logout::before {
    width: 20px;
    height: 24px;
    margin-top: 3px;
    margin-right: 5px;
    background-image: url(../img/lk/exit1.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center center;
}

.lk-white .profile-links .logout::before {
  background-image: url(../img/lk/exit_white.svg);
}

.header_phone {
    font-size: 16px;
    padding: 0px 0px 0px 25px;
    background: url(../img/lk/call1.svg) no-repeat left center;
    display: inline-block;
    margin: 0px 0 0 30px;
    line-height: 36px;
}

.bell {
    display: inline-block;
    width: 24px;
    height: 32px;
    font-size: 12px;
    color: #ff7400;
    padding-left: 20px;
    background-image: url(../img/lk/uvedomleniya1.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    position: relative;
}

.bell-white {
  background-image: url(../img/lk/uvedomleniya_white.svg);
}

.bell_count{
    padding-left: 5px;
    color: #ff7400;
    font-size: 12px;
    font-weight: bold;
}
.bell:hover {
    display: inline-block;
    width: 24px;
    height: 32px;
    background-image: url(../img/lk/uvedomleniya.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
}

.bell-white:hover {
  background-image: url(../img/lk/uvedomleniya_white.svg);
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255,115,12, 0);
		box-shadow: 0 0 0 0 rgba(255,115,12, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 0px rgba(255,115,12, 0);
		box-shadow: 0 0 0 0px rgba(255,115,12, 0);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(255,115,12, 0);
		box-shadow: 0 0 0 10px rgba(255,115,12, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255,115,12, 0);
		box-shadow: 0 0 0 0 rgba(255,115,12, 0);
	}
}

.bell.message::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #ff7400;
    position: absolute;
    top: 9px;
    left: 9px;
	animation: pulse 4s infinite;
}
.bell-view{
   color: #666;
   font: 12px 'Ubuntu';
   text-decoration: none;
   line-height: 25px;
   padding:  5px 10px;
}
.bell-view:hover{
   color: #5a5ede;
   text-decoration: underline;
}
.bell-view::before{
    content: '';
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background-image: url(../img/ascon-spb/all_icon.svg); 
    background-repeat: no-repeat;
    background-size: 1500px;
    background-position: -500px -117px;
}
.bell-view:hover::before{
    background-position: -500px -146px;
}

.bg0{	background-image: url('account/images/bg0.png');}
/*
.subs{	background-image: url('account/images/subscribe.svg');}
.subs.active{background-image: url('account/images/subscribe_h.svg');}
*/

.bg3{	background-image: url('account/images/bg3.png');}
.bg4{	background-image: url('account/images/bg4.png');}
.bg5{	background-image: url('account/images/bg5.png');}
.bg7{	background-image: url('account/images/bg7.png');}

.social{margin: 0;}
.social a{display: inline-block; margin: 0 10px 0 0; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center center;}
.vk{	background-image: url('../img/lk/logo_vk.svg');}

nav.navbar{margin: 0; padding: 0;}
.bg22{	background-image: url('account/images/user.png');}

.left-navi li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
   background-image: none;
   padding-right: 0;
   flex-flow: wrap;
   margin-bottom: 5px;
}

.left-navi li::before {
    content: '';
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: left center;
}

.left-navi li .note{
  flex-basis: 100%;
  margin-left: 35px;
}

.left-navi .subs::before{	width:22px; background-image: url('account/images/subscribe.svg'); background-size:22px}
//.left-navi .subs.active::before{background-image: url('account/images/subscribe_h.svg');}

.left-navi .docs::before{background-image: url('account/images/documflow.svg');}
.left-navi .docs.disable-link::before{	 background-image: url('account/images/documflow_h.svg'); background-size:16px}


.left-navi .bg2::before {
    height: 22px;
    background-image: url(../img/lk/an.svg);
    /*background-image: url(../img/lk/poleznii_content.svg);*/
}

.left-navi .bg2.active::before {
 /*   background-image: url(../img/lk/poleznii_content_h.svg); */
}

.left-navi .bg1::before {
    width: 22px;
    background-image: url(../img/lk/moi_seminari.svg);
}

.left-navi .bg1.active::before {
    width: 22px;
  /*  background-image: url(../img/lk/moi_seminari_h.svg);*/
}


.left-navi .gb::before{
	width: 22px;
	background-image: url(../img/lk/glavnaya_kniga.svg);
}

.left-navi .gb.active::before{
	width: 22px;
/*	background-image: url(../img/lk/glavnaya_kniga_h.svg); */
}


.left-navi .bells::before {
    background-image: url(../img/lk/uvedomleniya.svg);
}

.left-navi .gid::before {
  background-image: url(../img/lk/gid_new.svg);
}
.left-navi .promo::before {
  background-image: url(../img/lk/promo.svg);
}
.left-navi .pexpress::before {
  background-image: url(../img/lk/pexpress.svg);
}

.left-navi .mys::before {
    background-image: url(../img/lk/myorders.svg);   
    background-size: 23px;
}
  
.left-navi .bells.active::before {
//    background-image: url(../img/lk/uvedomleniya_h.svg);
} 

.left-navi .help::before {
    background-image: url(../img/lk/help.svg);
}
.left-navi .help.active::before {
 //   background-image: url(../img/lk/help_h.svg);
}

.left-navi .bg6::before {
    background-image: url(../img/lk/obratitsya.svg);
}

.left-navi .bg6.active::before {
//    background-image: url(../img/lk/obratitsya_h.svg);
}

.left-navi .kplus::before {
    margin-right: 11px;
    height: 24px;
    width: 24px;
    background-image: url(../img/lk/KP_icon.svg);
    background-size: cover;
}
.left-navi .kplus.active::before {
 //   background-image: url(../img/lk/KP_icon_h.svg);
}

.left-navi .bg4::before {
    background-image: url(../img/lk/seminari_i_kursi.svg);
}
.left-navi .bg4.active::before {
 //   background-image: url(../img/lk/seminari_i_kursi_h.svg);
}


.left-navi .new {
    height: 52px;
}
.left-navi .new a {
    float: left;
}
.left-navi .new::after {
    content: '';
    display: block;
    float: left;
    width: 46px;
    height: 22px;
    margin-left: 10px;
    background-image: url(../img/new.svg);
    background-repeat: no-repeat;
    background-position: left center;
}

.left-navi .user::before{
    background-image: url(../img/lk/profile.svg);
}
.left-navi .user.active::before{
   // background-image: url(../img/lk/profile_h.svg);
}


.left-navi .lkc::before{
    height: 22px;
    background-image: url(../img/lk/lkc.svg);
}

.left-navi .lkc.active::before{
    height: 22px;
  //  background-image: url(../img/lk/lkc_h.svg);
}
/*
.left-navi .disable-link::before{
    height: 22px;
    background-image: url(../img/lk/lkc_d.svg);
}
*/
.left-navi .bonuses::before{
    width: 24px;
    height: 24px;
    background-image: url(../img/lk/gift.svg);
}

.left-navi .profit::before{
    width: 24px;
    height: 24px;
    background-image: url(../img/lk/profit.svg);
}

.left-navi .profit.disable-link::before{
    width: 24px;
    height: 24px;
    background-image: url(../img/lk/profit_d.svg);
}

.left-navi .bonuses.active::before{
    width: 24px;
    height: 24px;
 //   background-image: url(../img/lk/gift_h.svg);
}

.left-navi .contragents::before{
    width: 22px;
    height: 22px;
    background-image: url(../img/lk/contragents.svg);
}

.left-navi .contragents.disable-link::before{
    width: 22px;
    height: 22px;
    background-image: url(../img/lk/contragents_d.svg);
}


.sett{	background-image: url('account/images/sett.png');}
.logout{	background-image: url('account/images/logout.png');}

.kplus{	background: url('account/images/kplus.png') no-repeat left center; padding: 5px 0 5px 35px; font-size: 16px; font-weight: normal; line-height: 24px; }


.nav-tabs{
	margin: 0 -55px 0 0;
	padding-right: 55px;
}
.nav-item{padding: 0 48px 0 0;}
.nav-tabs .nav-link{color: #333; padding: 0 0 25px; border-bottom: 3px solid #bababa;}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
    color: #333;
    background-color: transparent;
    border-color: transparent;
	border-bottom: 3px solid #6873EA;
}
legend{padding: 35px 0 10px; font-size: 16px; font-weight: bold; color: #333;}
input[type="text"],input[type="phone"],input[type="email"], input[type="password"], input[type="tel"], textarea, textarea.form-control {
	width: 100%;
	height: 45px;
	padding-left: 30px;
	font-size: 16px;
	margin: 0;
	border-radius: 5px;
	border-radius: 5px;
	box-shadow: none;
	border: 1px solid #ddd;
}

#QuestionInfoForm input,#QuestionInfoForm textarea {
  border-color:#6873ea;
}
p.twoline{min-height: 40px;}

input:focus{border-color: #6873ea;}
input[readonly="readonly"], input[readonly="readonly"]:focus{color: #a6a6a6; border-color: #ddd;}
button.reg, a.reg, a.reg:focus, a.reg:active, input[type="submit"] {
	border-radius: 5px;
	background-color: #6873ea;
	color: #fff;
	font-family:"Ubuntu",sans-serif;
	cursor: pointer;
	display: inline-block;
	border: none;
	transition: all 0.3s;
	font-size: 16px;
	padding: 12px 0px;
	width: 170px;
	text-align: center;
	text-decoration: none;
	opacity: 1;
	font-weight: normal;
	text-shadow: none;
}
button.reg, a.reg, a.reg:focus, a.reg:active, .reg {
	margin: 40px auto 10px;
}
button.reg:hover, a.reg:hover, input[type="submit"]:hover {
	background-color: #6d689f;
	color: #fff;
	text-shadow: none;
	opacity: 1;
}

.input, .wrap-input{position: relative; max-width: 370px;}
.icon{position: absolute; right: -35px; top: 20px;}
.trash{	background-image: url('account/images/del.png'); background-repeat: no-repeat; background-position: center center; display: inline-block; margin-left: 10px; width: 25px; height: 25px;}
.add{	background-image: url('account/images/add.png'); background-repeat: no-repeat; background-position: center center; display: inline-block; margin-left: 10px; width: 25px; height: 25px;}

.doc-list{margin: 0; padding: 6px 0;}
.doc-list li{margin: 0 0 25px 0; padding: 0; list-style: none;}
.doc-list li a{display: block; padding: 5px 0 5px 35px; background-image: url('account/images/doc.png'); background-repeat: no-repeat; background-position: left center;}

.danger{padding: 15px 0 15px 30px; background-image: url('account/images/danger.png'); background-repeat: no-repeat; background-position: left center; color: #f44d4d; float: right; margin: 10px 0 10px;}
.danger span{text-decoration: underline;}
.danger:hover{color: #f44d4d;}

.right-side .danger{float: none; margin-top: 40px; display: inline-block;}

.fiolent-add {display: inline-block; padding: 25px 0 25px 30px; background-image: url('account/images/add2.png'); background-repeat: no-repeat; background-position: left center;}
.fiolent-add span{text-decoration: underline;}

label{margin: 30px 0 10px; font-weight: bold;}
input.form-error{color: #e63331;}
.help-block{display: block; font-weight: normal; margin: 5px 0;}
.text-danger{ color: #f15e5b !important;}
.has-error.error label{
	color: #333;
}
.has-error.error input{
	color: #f29200;
}

.modal-dialog{
	margin: 1.75rem auto;
}
.shareModal {
    position: relative;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    outline: 0;
}
.modal-content, .shareModal{
	border: none;	
    background: #fff;
	padding: 43px;
    width: 570px;
	color: #333;
	font-size: 14px;
	margin: 0 auto;
}
#myModal .modal-content{
    width: 700px;
}
.modal-sm{
   max-width: 370px;
}
.modal-sm .modal-content{
	padding: 10px 40px;
}
.modal-dialog  .success p:first-child{padding: 25px 0 25px 60px; background-image: url('account/images/success.png'); background-repeat: no-repeat; background-position: left center; font-size: 16px; margin: 0; }

.form-control{
	max-width: 370px;
	margin-bottom: 30px;
}
.modal-dialog h1{
	margin-bottom: 20px;
}
.modal-dialog p{
	margin: 0px 0 35px;
}
.modal-dialog p.centered{
	margin: 35px 0 0px;
}
.modal-dialog .form-group{
	margin: 0;
	text-align: center;
}
input[type="submit"] {
}	
textarea{
	height: 150px;
	margin: 0 auto;
}
.modal-dialog .logo img{
	width: 115px;
}
.manager-info{
	padding-top: 40px;
	padding-bottom: 40px;
}
hr{
  margin-right: -55px;
}

.btn-close{
	float: none;
}
label.error{
	text-align: center;
	font-weight: normal;
	margin: 5px 0;	
}
.error{
	color: #f15e5b;
}
.reg .btn-height-link span{margin: 0;}
.empty-btn{
	border-radius: 5px;
	border: 1px solid #6873ea;
	color: #6873ea;
	font-family:"Ubuntu",sans-serif;
	cursor: pointer;
	display: inline-block;
	transition: all 0.3s;
	font-size: 16px;
	padding: 10px 30px;
	min-width: 230px;
	margin-right:30px;
	margin-bottom:30px;
	text-decoration: none;
}
.btn-height-link span{
	padding: 20px 30px;
	display: inline-block;
	margin-top: 30px;
	text-decoration: underline;
}
.note-block{
	padding: 30px 50px 20px 80px;
	background: url('account/images/attantion.png') no-repeat 25px 35px #fff;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin: 20px 0;
}

.note-block-profile{
	padding: 30px 50px 20px 80px;
	background: url('account/images/attantion.png') no-repeat 25px 35px #fff;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin: 20px 0;
}

.note-block a.reg:hover{margin-top: 0;width: 80px;}
.note-block p{margin-right: 50px; display: inline-block;}
.note-block div{width: 200px; display: inline-block;}

.opacity{opacity: 0.5;}
.opacity input{color: #f29200;}
.opacity input[readonly='readonly']:focus{color: #f29200;}

.left-side{padding-left: 0px;}
.right-side{padding-right: 0px; text-align: right;}

.note-block .empty-btn{
	margin: 0 20px;
	min-width: 30px;
	padding: 10px 20px;	
}
.note-block .reg{
   margin: 0; width: 80px;
}

input[type="file"] {
    display: none;
}
#file-selected{
	margin-bottom: 30px;	
}
.custom-file-upload {
	background: url('account/images/attach.png') no-repeat left top;
    display: inline-block;
    padding: 0px 25px 30px 25px;
    cursor: pointer;
	color: #7c76b5;
	text-decoration: underline;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
}
.eye{
	position: absolute;
	right: 10px;
	bottom: 12px;
	display: block;
	width: 22px;
	height: 19px;
	background: url('account/images/hide.png') no-repeat center center;
	cursor: pointer;
}
.eye.show{
	background: url('account/images/show.png') no-repeat center center;
}
.changePassFormInputContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

}

.changePassFormInputContainer .wrap-input {
  min-width: 245px;
  flex-basis: 30%;
}

.changePassFormInputContainer label {
  margin-top: 0;
}

.changePassFormInputContainer input[type="password"] {
  margin: 0;
}

.changePassFormInputContainer .reg {
  margin-top: 16px;
}

#UserChangePasswordForm .eye{
	bottom: auto;
	top: 42px;
}
.delete-profile{margin-top: 40px;}
button.close:not(.reg){
	text-indent: -99999px;
	opacity: 1;
	margin-top: -10px;
	display: block;
	width: 15px; height: 15px;
	background: url('account/images/close.png') no-repeat center center;
}
button.close:focus{outline: none;}
.clmn{display: block; max-width: 370px; float: left;}

.events-list{margin: 15px -15px;}
.events-list>div{order:2;}
.events-list>div.big{order:1;}
.events-list.nosort{margin: 40px -15px 15px;}
.event-block{
	padding: 0px;
	margin:  0 0px 30px;
	border-radius: 5px;
	background-color: #fff;
	position: relative;
	height: 305px;
	box-shadow: 0 0 4px 0px #6873ea;
	transition: 0.5s;
	max-width:270px;
}
.bonuses.event-block{
	height: 325px;
}
.big .event-block{
	max-width:570px;
}
.packages .event-block{
	box-shadow: 0 0 6px 1px rgba(108,115,226,0.6);
	height: 310px;
}
.event-block.free, .event-block.removed{
	box-shadow: 0 0 4px 0px rgba(0,0,0,0.15);
}
.navigator .event-block{
	height: 265px;
}
.test-drive .event-block{
	height: 375px;
}

.event-top{
	border-radius: 5px 5px 0 0;
	background-position: center top;
	background-repeat: no-repeat;
	height: 100px;
	position: relative;
	padding: 10px 10px 0 20px;	
	background-size: 140%;
	transition: background-size 0.5s;
}
.big .event-top{
    background-size: 100%;
    background-position: center top;
}
.event-block:hover .event-top{
	 background-size: 150%;
}
.big .event-block:hover .event-top{
	 background-size: 110%;
}
.event-content{
	padding:  20px 15px 20px 15px;
	position: relative;
	height: 225px;
}
.test-drive .event-content{
	height: 280px;
}
.bonuses .event-content{
	height: 225px;
}

.test-drive .event-content .button-block{
	margin-bottom: 0px;
	margin-top: 10px;
}

.bottom-fix{
	position: absolute;
	left: 20px;
	bottom: 12px;	
}
.event-block p{font-size: 14px;}
.navigator .event-block p{margin: 0 0 10px 0;}
.event-block p.title{font-size: 18px;}
.packages .event-block p.title{margin-top: 12px; margin-bottom: 10px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; height: 3.9em; line-height: 1.3em;}
.bonuses .event-content p.title{margin-top: 12px; margin-bottom: 10px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; height: 3.9em; line-height: 1.3em;}

.event-block.removed p.title{color:#a6a6a6;}
.event-block p.title a{color: #333;}
.event-block p.title:first-letter{text-transform: uppercase;}
.packages .event-block p.note{font-size: 16px; margin-bottom: 3px;}
.packages .event-block p.note-mini{font-size: 12px;     margin-bottom: 0px;}
.packages .empty-btn{padding: 8px 25px; min-width: 127px;}
.looked .event-block {
    height: 340px;
}
.looked .event-content {
    padding: 28px 15px 20px 20px;
    height: 240px;
}
.looked .event-block p.title {
    margin-top: 7px;
}
.event-block .empty-btn{margin: 0; position: absolute; bottom: 20px; left: 20px; text-align: center;}
.test-drive .test-drive_btns{margin: 0; position: absolute; bottom: 20px; left: 20px;}
.test-drive .test-drive_btns .empty-btn {
  position: relative;
  bottom: auto;
  left: auto;
}

.packages .event-block .empty-btn{bottom: 22px;}
.packages  .test-drive .event-block .empty-btn{position: relative; bottom: auto; left: auto;}

.till{
	position: absolute;
	bottom: -30px; left: 0;
	width: 100%;
	text-align: left;
}
.till span{
	font-size: 12px;
	color: #fff;
	padding: 10px 10px;
	background: #6c71e2;
	border-radius: 5px;
	display: block;
	width: 195px;
	margin-left: 20px;
}
.long-till span {
    padding: 6px 10px;
    width: 250px;
    margin-left: 10px;
}

.big .till span{
	width: 270px;
}
.till.green span{
  background: #61bd4f;
}
.till.orange span{
  background: #f19000;
}
.gray {
    color: #b3b3b3;
    background: transparent;
}
.till.gray span{
  background: #cfcfcf;
 color: #333;
}
.sidebar .empty-btn{margin-bottom: 0;}
.manager-text p:last-child{margin-top: 0px;}
.manager-text{margin-left: 65px; padding-top: 7px;}
.manager-img{float: left; max-width: 50px;}

.date_theme{
  padding-left: 20px;
  background: url("../img/navigator/calendar.png") 0 center no-repeat;
}
.popover-link{
	background: url("../img/navigator/popover.png") center center no-repeat;
	float: right;
	cursor: pointer;
	display: block;
	width: 30px; height: 30px;
}
.copy-link{
	padding-left: 25px;
	background: url('../img/navigator/copy_f.png') no-repeat left center;
	display: block;
	text-decoration: none;
	color: #333;
	transition: 0.5s;
	margin: 5px 8px 5px 3px;
	display: block;
}
.pdf, .pdf:hover{
  display: block;
  position: relative;
  color: #333;
}
.pdf:before{
     content: " ";
	display:block;
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	background: url('../img/ascon-spb/all_icon.svg') no-repeat;
	background-size: 1400px;
	background-position: -955px -108px;
}
.pdf:hover:before{
	background-position: -955px -136px;
}
.delete{
  padding-left: 25px;
  background: url("../img/navigator/delete.png") 0 center no-repeat;
  text-decoration: none;
  color: #333;
  transition: 0.5s;
  margin: 5px 8px;
  display: block;
}
.order-note{
	font-size: 14px;
	color: #7c76b5;
	margin: 25px 0 20px;
}
.order-note a{
	padding: 0 4px;
	text-decoration: underline;
}
.order-note a.delete, .order-note a.delete-all {
    padding: 0;
    background: none;
    text-decoration: none;
    color: #7c76b5;
    transition: 0.5s;
    margin: 0px 0px 10px;
    display: inline;
    float: right;
}
.order-note a.delete::before, 
.order-note a.delete-all::before {
    content: '';
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url(../img/ascon-spb/all_icon.svg);
    background-repeat: no-repeat;
    background-size: 1300px;
    background-position: -555px -25px;
}
.delete:hover{
  background: url("../img/navigator/delete_h.png") 0 center no-repeat;
  text-decoration: none;
  color: #333;
}
.copy-link:hover{
  background: url("../img/navigator/copy_h.png") 0 center no-repeat;
  text-decoration: none;
  color: #333;
}
.popover{top: 20px!important; border: none; border-radius: 0px; box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.035);z-index: 1049; }
.bs-popover-left > .arrow{margin-top: -35px;}

span.disabled[data-target='#more']{
	display: none;
}
p.paginate-btn{width: 100%; text-align:center; margin: 10px 0; order: 3;}
.paginate-btn a{text-decoration: underline;}
.star{padding-top: 180px; background: url(../img/navigator/icon-star-on.svg) no-repeat center 115px; font-size: 14px; text-align: center;}
.event-top input, .pop-block  input{position: absolute; left: -999999px;}
.favorite {
    background: url(../img/navigator/icon-star-off.svg) 0 center no-repeat;
    padding: 3px 20px 3px 28px;
    margin-left: 0;
    color: #333;
}
.favorite.active {
    background-image: url(../img/navigator/icon-star-on.svg);
    color: #333;
}
.whatch_counter:before {
    content: " ";
    display: block;
    float: left;
    width: 20px;
    height: 16px;
    margin-right: 5px;
    background: url(../img/ascon-spb/all_icon.svg) no-repeat;
    background-size: 1268px;
    background-position: -793px -100px;
}
.register_counter:before {
    content: " ";
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(../img/ascon-spb/all_icon.svg) no-repeat;
    background-size: 1268px;
    background-position: -152px -100px;
}
h6{
  font-size: 24px;
  margin: 35px 0 15px;
}

.desc, .order-note a.desc{
    padding-right: 20px;
    background: url(../img/navigator/sort.png) no-repeat right bottom;

}
.asc, .order-note a.asc{
    padding-right: 20px;
    background: url(../img/navigator/sortdown.png) no-repeat right bottom;

}
.sert{
    position: absolute;
    bottom: 32px;
    right: 20px;
  font-size: 12px;
  text-decoration: underline;
  padding-left: 17px;
  background: url(../img/sert.png) no-repeat left bottom;
  color: #6c71e2;
}
.a-n-go{
 color: #333;
}
.a-n-go::after{
    content: " ";
    display: inline-block;
    width: 13px;
    height: 20px;
    margin-left: 8px;
    background: url(../img/navigator/a-n-go.png) no-repeat top center;
}
.a-n-go:hover{
   color: #6b72e6;
}
.deny *{color: #ccc;}
.deny .kplus {
    background: url(account/images/kplus-deny.png) no-repeat left center;
}
.deny .kplus.confirmpsk{
    background: url(account/images/kplus.png) no-repeat left center;
    color: #7c76b5;

}

.md-form {  vertical-align: top;  position: relative;  margin:  30px 30px 30px;  padding-left: 35px;}
.md-form_textarea {  border: 1px solid #c2c2c2;  background: #fff;  border-radius: 5px;}
.md-form_select{  padding-left: 0;}
.md-form_select select {  width: 100%;  padding: 10px 30px;  border-radius: 5px;  color: #555;}
.md-form_textarea textarea{  padding: 10px 0px;  font-size: 14px;  line-height: 1.2;  color: #555;  width: 100%;  border: none; height: 80px;}
.md-form .form-control {  height: 40px;  padding: 5px;  border: none;  border-bottom: 1px solid #eee;  border-radius: 0;  box-shadow: none;  margin:  0px;}
.form-icon{  width: 20px;  height: 40px;  position: absolute;  top: 0; left: 0;  display: block;}
.telefon{  background: url('../img/ascon-spb/phone_form.svg') no-repeat center center;  background-size: 20px auto;}
.fio, .familiya_i_imya{  background: url('../img/ascon-spb/user_form.svg') no-repeat center center;  background-size: 20px auto;}
.email{  background: url('../img/ascon-spb/envelope_form.svg') no-repeat center center;  background-size: 20px auto;}
.modal-dialog label{  font-weight: normal;  font-size: 14px;}
.modal-dialog input[type="checkbox"]~label{  margin: 20px 0;}
.modal-dialog input[type="checkbox"]~label{  margin: 2px 5px;}

.form_checkbox, .form_radio {  display: none;}

.form_checkbox-custom_new{  display: inline-block;  font-size: 12px;  margin-right: 16px;  margin-top: 2px;  border: 1px solid #8283c3;  padding: 0;  background: white;  height: 14px;  min-width: 14px;}
.form_radio-custom{  display: inline-block;  font-size: 12px;  margin-right: 10px;  border: 1px solid #8283c3;  padding: 0;  border-radius: 14px;  background: white;  height: 14px;  width: 14px;}
.checks .form_checkbox-custom_new {  border-color: #d0d0d0;}
.checks .form_checkbox-custom_new:before {  color: black;}
.checks label{  display: flex;  margin-bottom: 10px;}
.form_checkbox_level{  font-weight: 300;  line-height: 20px;  margin-right: 10px;}

.form_checkbox:checked + .form_checkbox-custom_new:before {  content: "\2713";  display: block;  font-size: 14px;  padding-left: 2px;}
.form_radio:checked + .form_radio-custom:before {  content: "\2713";  display: block;  font-size: 14px;  padding-left: 2px;}

.md-form_check {  display: flex;  flex-direction: column;  flex-wrap: wrap;  margin: 10px 30px;}
.md-form_radio {  display: flex;  flex-direction: column;  flex-wrap: wrap;  margin: 10px 30px;}
.md-form_check label{  display: flex;  margin-bottom: 15px;}

.md-form label{  position: absolute;  pointer-events: none;  left: 35px;  top: 0px;  line-height: 40px;  transition: .3s;  color: #757575;  font-weight: normal;  font-size: 18px; margin: 0;}
.md-form user agent stylesheet input:-internal-autofill-selected{  background-color: #fff !important;}
.md-form .form-control:focus,
.md-form .form-control.full {  border-bottom: 2px solid #7377b8;}
.md-form .form-control.error {  border-bottom: 2px solid #ef534f;}

.md-form .form-control:focus~label,
.md-form .form-control.full~label,
.md-form .form-control.error~label,
.md-form .form-control[required='required']:valid~label,
.md-form .form-control[value=""]~label{  top: -25px;  font-size: 12px;}

label.error {color: #ef534f;}
.md-form .form-control.error ~ label.error {
    top: 0px;
    font-size: 16px;
}

.md-form .form-control:focus~label{color: #7377b8;}
.md-form .form-control.error~label{  color: #ef534f;}
button.close.md-form:not(.reg){
	position: absolute;
	top: 35px; right: 20px;
}
.jClever .modal-header, .jClever .modal-footer{
   display: block;
   padding: 10px;
}
.modal-dialog .jClever p{
   margin-bottom: 0px;
}
.flex-block{
 display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row wrap;
 margin-bottom: 20px;
box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.035);
 border-radius: 5px;
 background: #fff;
 padding:25px 40px;
 font-size: 14px;
}
.flex-block a{
   text-decoration: underline;
   min-width: 150px;
   padding: 10px 0;
}
.flex-block p{
   min-width: 200px;
  margin: 0;
}

#QuestionText{
   max-width: 100%;
   height: 130px;
}
#QuestionInfoForm{
   margin: 20px 0 0 -15px;
}
.left-navi li.disable-link a,
.disable-link a{
    pointer-events: none;
    color: #ccc;
}
.lkc-info{
  margin: 20px 15px;
}
.lkc-info p{
  font-size: 14px;
}
.lkc-info ol{
  font-size: 14px;
  margin: 10px 0px;
  padding: 0 0 0 15px;
}
.lkc-info ol li{
   margin: 5px 0px;
   padding: 0;
}
.quest {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url(../img/ascon-spb/all_icon.svg);
    background-repeat: no-repeat;
    background-size: 1200px;
    background-position: -916px -1px;
    margin-top: -5px;
    cursor: pointer;
}
.preview  table{
	box-sizing: content-box;
	font-size: 14px;
	line-height: normal;
	border-collapse: separate;
	border-spacing: 5px 0px;
	margin-bottom: 10px;
margin-top: 30px;
}
.preview h3+table{margin-top: 30px;} 
.preview  table p{
	font-size: 14px;
	line-height: normal;
	margin: 0;
}
.preview table td,
.preview table th{
	padding: 10px 15px;
	vertical-align: middle;
	border-bottom: 1px solid #dedede;
}
.preview table thead td{
	border-bottom: 0px solid #dedede;
	background: #f2f2f2;
}
#InstructionIndexForm .form-group {
    position: relative;
    width: 100%;
    padding: 0px 0 20px;
}
#InstructionIndexForm .form-group input[type="text"] {
   margin: 0;
}

input[type="submit"].search {
    width: 24px;
    height: 24px;
    background: url('../img/ascon-spb/search.svg') no-repeat;
    position: absolute;
    top: 10px;
    right: 13px;
    text-indent: -9999999px;
}
.panel {
    margin-bottom: 20px;
}
.panel-body {
    padding: 20px 40px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.panel-heading h4 {
    font-size: 16px;
}
.top-help {
    display: inline-block;
    width: 22px;
    height: 32px;
    background-image: url(../img/lk/help1.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
    float: right;
    margin: 0 20px 0 15px;
}
.empty-btn.gray{
  border: 1px solid #a6a6a6;
  color: #a6a6a6;
  cursor: default;
}
.tab-content {
   margin-top: 30px;
}
.panel-default-main{
  padding: 10px 20px;
  background: #fff;
  box-shadow: 0 0 4px 0px rgba(0,0,0,0.15);
  margin: 10px 0;
}
.panel-heading-main h4{
   padding: 0;
   margin: 0;
   border-bottom: none;
}
.panel-heading-main h4 a{
  font-size: 18px;
  color: #333;
}

.panel-heading h4 a{
   color: #333;
}

.panel-default-main .publication-block{
   padding-left: 30px;
   margin-top: 20px;
}
.panel-default-main .publication-block p{
   font-size: 16px;
}
.publication-block a.favorite {
  width: 1px;
  padding: 0 0 0 30px;
  display: block;
  float: left;
white-space: nowrap;
color: inherit;
overflow: hidden;
}
#profile{
   padding-top: 0px;
}
#colleagues{
   padding-top: 0px;
}
.new-design p.note{
   font-size: 14px;
   line-height: 1.5;
   color: #333333;
   margin-bottom: 30px;
}
.new-design p.note a{
  text-decoration: underline;
}
.new-design #InstructionIndexForm .form-group{
   padding: 0;
   margin: 0px 0 35px 0;
}
.new-design #InstructionIndexForm input[type="text"] {
   border-color: #C7CFE2;
   padding: 8px 13px;
  font-size: 14px;
   color: #333;
}

.new-design #InstructionIndexForm input[type="text"]::placeholder {
  color: #8692AF;
  font-size: 14px;
  opacity: 1; /* Firefox */
}

.new-design .accordion {
   border-top: 1px solid #C7CFE2;
}

.new-design .panel-default-main {
   border: none;
   box-shadow: none;
   border-bottom: 1px solid #C7CFE2;
   padding: 18px 0;
   margin: 0;
   background: transparent;
}
.new-design .panel-heading-main h4 a {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  display: block;
}

.new-design .panel-heading h4 a {
  position: relative;
  display: block;
  padding-right: 50px;
}

.panel-default .publication-block{
   padding-left: 15px;
   margin-top: 15px;
}

.new-design .panel-heading h4 {
  font-size: 14px;
  font-weight: 400;
}

.new-design .panel-default-main .publication-block p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.new-design .panel-default-main .publication-block p a {
 color: #7476BC;
 text-decoration: underline;
}
.new-design .panel-default-main .panel-heading h4 a::after{
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(../img/icons/close-main.svg);
  position: absolute;
  right: 20px;
  top: -5px;
}
.new-design .panel-default-main .panel-heading h4 a:not(.collapsed)::after{
  background: url(../img/icons/open-main.svg);
}

.new-design .panel-default .panel-heading h4 a::after{
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/icons/close.svg);
  position: relative;
  top: 5px;
  right: -5px;
}
.new-design .panel-default .panel-heading h4 a:not(.collapsed)::after{
  background: url(../img/icons/open.svg);
}


.new-design .publication-block a.favorite {
   background-size: 23px;
   text-decoration: none;	
}
.new-design .icon-wrap img{
   width: 30px;
   margin-right: 15px;
}