/* 20.01.2022 в связи с разработкой мобильной версии было принято решение об организации стилей:
1) Отступить от стандартной файловой структуры проекта БЭМ, которая подразумевает наличие уровней
переопределения при разделении проекта на платформы (например: mobile, desktop)
2) Создать отдельные папки с независимыми друг от друга стилями для desktop и mobile
учитывая, что при этом будет происходить copy-paste
Ссылка на документацию БЭМ для разделения проекта на платформы:
https://ru.bem.info/methodology/redefinition-levels */


.body--overflow-hidden {
	overflow: hidden;
}

.container--df {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.container--gap-20 {
    gap: 20px
}


/*-------------- popup -----------------*/

/* modal */
.modal{
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

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

	padding: 10px;

	width: 100%;
	height: 100%;

	overflow: auto;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;

	background-color: rgba(70, 51, 101, 0.5);

}
.modal--show{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.modal--no-pd{
	padding: 0;
}
.modal--bottom{
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.modal--z20000{
	z-index: 20000;
}
.modal__dialog{
	margin: auto;

	overflow: auto;

	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.modal__dialog--gray-bg{
	background: #F8F8F8;
}
.modal__dialog--m0{
	margin: 0;
}
.modal__dialog--transparent-bg{
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* placeholder-stat */
.placeholder-stat{
	width: 100%;
}
.placeholder-stat__body{
	padding: 21px 15px 0px 15px;

	background-color: #FFFFFF;
}
.placeholder-stat__title{
	margin-bottom: 5px;
}
.placeholder-stat__text{
	margin-bottom: 10px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: calc(19.6/14);
	color: #000000;
}
.placeholder-stat__loading{
	margin-bottom: 20px;
}
.placeholder-stat__rectangle{
	width: 6%;
	height: 20px;
	background-color: #F8F8F8;
	border-radius: 2px;
}
.placeholder-stat__rectangle--medium{
	width: 31%;
}
.placeholder-stat__rectangle--big{
	width: 100%;
	height: 31px;
}
.placeholder-stat__item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;

	padding: 14px 99px 14px 30px;

	border-bottom: 1px solid #F8F8F8;
	position: relative;
}
.placeholder-stat__checkbox{
	position: absolute;
	left: 0;
	top: 50%;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

    margin: 0;
}

/* loading-line */
.loading-line{
	width: 100%;
	height: 5px;

	background-color: #E6E6E6;
	position: relative;
	overflow: hidden;
}
.loading-line::before{
	content: "";
	display: block;
	position: absolute;

	height: 5px;
	width: 34%;

	background-color: #FFDB4D;
	animation: loading-line 2s ease-in-out infinite;

}
@keyframes loading-line {
	from {
		left: -34%;
	}
	to {
		left: 100%;
	}
}

/* tooltip */
.tooltip{
	display: none;

	position: absolute;

	width: 100%;
	max-width: 250px;

	background: #FFFFFF;

	-webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1)) drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1)) drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.2));
	border-radius: 2px;
}
.tooltip--adaptive-width{
	width: auto;
	max-width: none;
}
.tooltip__body{
	position: relative;
	padding: 10px;

}
.tooltip__angle{
	position: absolute;
	z-index: -2;

	width: 10px;
	height: 10px;

	background: #fff;

	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);

	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}
.tooltip__content{
	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: calc(14.4/12);
	color: #000000;
}
.tooltip__title-error{
	margin-bottom: 5px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: calc(14.4/12);
	color: #C80000;
}
.tooltip__p-error{
	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: calc(14.4/12);
	color: #C80000;
}

/* popup-filter */
.popup-filter{
	display: none;

	padding: 20px 20px 20px 5px;

	width: 300px;

	background: #F8F8F8;

	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
}
.popup-filter--show{
	display: block;
}


/* filter */
.filter__item{
	margin-bottom: 20px;

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

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

	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.filter__item:last-child{
	margin-bottom: 0;
}
.filter__title{
	margin-right: 10px;
}
.filter__btn{
	margin-right: 10px;
}
.filter__btn + .filter__btn{
	margin-left: 5px;
	margin-right: 0px;
}


.filter__input{
	display: block;
	width: 124px;

	padding: 0.462em 0.923em;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: calc(15.6/13);
	color: #000000;

	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
}
.filter__input:focus{
	outline: none;
	border-color: #FFDB4D;
}



/* create-ad */
.create-ad{
	width: 100%;
	max-width: 690px;

	border-radius: 5px;

	position: relative;
}
.create-ad__body{
	padding: 15px 15px 20px;

	background: #F8F8F8;
}
.create-ad__up{
	margin-bottom: 16px;
}
.create-ad__item{
	margin-bottom: 15px;
}
.create-ad__item--mb20{
	margin-bottom: 20px;
}
.create-ad__subitem{
	position: relative;

	max-width: 400px;
}
.create-ad__subitem--df{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

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

.create-ad__input:focus{
	outline: none;
	border: 1px solid #FFDB4D;
}
.create-ad__count{
	position: absolute;

	left: calc(100% + 10px);
	top: 50%;

	transform: translateY(-50%);
}
.create-ad__count--t0{
	top: 0;
	transform: translateY(0);
}
.create-ad__subtitle{
	padding-top: 20px;
	margin-bottom: 5px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: calc(18/16);
	color: #000000;

	border-top: 1px solid #E6E6E6;
}
.create-ad__domain{
	margin-right: 10px;

	padding: 2px 4px;

	-ms-flex-negative: 0;
	flex-shrink: 0;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: calc(15.6/13);
	color: #000000;

	background: #E6E6E6;
	border-radius: 2px;
}
.create-ad__domain--hidden{
	display: none;
}
.create-ad__btn{
	display: inline-block;
	vertical-align: top;
	padding: 0;

	border: 0;
    border-radius: 0;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;

	position: absolute;

	right: 0;

	width: 37px;
    height: 100%;

    background: url("../../img/icons/cross-gray-light-fat-10x10.svg") center no-repeat;
}

/* textarea-create-ad */
.textarea-create-ad{
	width: 400px;
	min-height: 44px;
	resize: none;

	padding: 0.462em 0.923em;

	border: 1px solid rgba(0, 0, 0, 0.1);

	background: #FFFFFF;
	border-radius: 2px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: calc(16/13);
	color: #000000;
}

/* ad-created */
.ad-created{
	width: 100%;
	max-width: 690px;

	border-radius: 5px;
}
.ad-created__body{
	padding: 20px 15px 20px;

	background: #F8F8F8;
}
.ad-created__up{
	padding-bottom: 20px;
	border-bottom: 1px solid #E6E6E6;
}
.ad-created__title{
	margin-bottom: 20px;
}
.ad-created__down{
	margin-top: 20px;
}

/* popup-guide */
.popup-guide{
	width: 100%;
	max-width: 640px;

	border-radius: 2px;
}
.popup-guide__body{
	padding: 10px;

	background: #FFFFFF;
}
.popup-guide__title{
	margin-bottom: 10px;
}
.popup-guide__text--mb10 {
	margin-bottom: 10px;
}
.popup-guide__text--mb20{
	margin-bottom: 20px;
}
.popup-guide__img{
	margin: 0 auto;
}
.popup-guide__content{
	margin-top: 20px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.popup-guide__col{
	max-width: 300px;
}
.popup-guide__footer{
	margin-top: 20px;
}
.popup-guide__btn{
	margin-right: 10px;
}







/* ---------- message (start) ------------ */
.message{
	padding: 10px;

	border-radius: 2px;
}
.message--hidden{
	display: none;
}
.message--pink{
	background-color: #FFD2BE;
}
.message--yellow{
	background-color: #FFEDA6;
}
.message--mb20{
	margin-bottom: 20px;
}
.message--mt20{
	margin-top: 20px;
}
.message__link{
	margin-left: 10px;
}



/* message-process */
.message-process{
	position: fixed;

	bottom: 15px;
	left: 15px;

	z-index: 100;
	padding: 11.5px 35px 11.5px 10px;

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

	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
}
.message-process--hidden{
	display: none;
}
.message-process--red{
	background-color: #C80000;
}
.message-process--purple{
	background-color: #8D67CC;
}
.message-process__text{
	position: relative;
	
	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: calc(16.8/14);
	color: #FFFFFF;
}
.message-process__text::before{
	position: absolute;
	content: "";
	display: block;
	width: 20px;
	height: 20px;

	top: 50%;
	right: -25px;
}
.message-process__text--process::before{
	-webkit-animation: message-process-loader 2s linear infinite;
	animation: message-process-loader 2s linear infinite;

	background: url("../../img/icons/icon-loader-star-white-20x20.svg") center no-repeat;
}
.message-process__text--success::before{
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../../img/icons/check-white-20x20.svg") center no-repeat;
}
@keyframes message-process-loader {
	0%{
		-webkit-transform: translateY(-50%) rotate(0);
		-ms-transform: translateY(-50%) rotate(0);
		transform: translateY(-50%) rotate(0);
	}
	100%{
		-webkit-transform: translateY(-50%) rotate(360deg);
		-ms-transform: translateY(-50%) rotate(360deg);
		transform: translateY(-50%) rotate(360deg);
	}
}
/* ---------- message (end) ------------ */







/* window-campaigns */
.window-campaigns{
	display: none;
	position: absolute;
	padding: 20px;

	width: 100%;
	max-width: 308px;

	background: #FFFFFF;

	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.2);
	
	border-radius: 2px;

	-webkit-transition: top .5s linear, left .5s linear;
	-o-transition: top .5s linear, left .5s linear;
	transition: top .5s linear, left .5s linear;
}
.window-campaigns--show{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.window-campaigns__campaign-link{
	margin-bottom: 10px;
}
.window-campaigns__campaign-link:last-child{
	margin-bottom: 0;
}



/* viewing-ads */
.viewing-ads{
	position: relative;

	width: 100%;
	max-width: 850px;

	border-radius: 5px;
}
.viewing-ads__body{
	padding: 15px 20px 15px 15px;
	
	background: #F8F8F8;
}
.viewing-ads__header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

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

	padding-left: 5px;
}
.viewing-ads__content{
	height: 375px;
	overflow-y: auto;

    scrollbar-width: thin;
    /* не стилизуем цвет скроллбара и ползунка */
    /* чтобы не терять эффект ховера в блинк-браузерах */
}
.viewing-ads__row{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;

	padding: 20px 0 20px 5px;

	border-bottom: 1px solid #E6E6E6;
}
.viewing-ads__row:last-child{
	padding-bottom: 5px;
	border-bottom: 0;
}
.viewing-ads__item{
	width: 50%;
}
.viewing-ads__item--pl15{
	padding-left: 15px;
}
.viewing-ads__ad{
	margin-bottom: 15px;
}







/* popup-collisions */
.popup-collisions{
	max-width: 537px;

	border-radius: 5px;
}
.popup-collisions__body{
	position: relative;
	padding: 20px 62px 20px 15px;
	
	background: #F8F8F8;
}
.popup-collisions__btn-cross{
	position: absolute;
	top: 20px;
	right: 15px;
}
.popup-collisions__title{
	margin-bottom: 5px;
}
.popup-collisions__text{
	margin-top: 5px;
	margin-bottom: 20px;
}
.popup-collisions__list-words{
	margin-bottom: 20px;
}



/*-------------- popup -----------------*/





/* ------------- other -------------- */

/* breadcrumbs styles */
.breadcrumbs{
	position: relative;
}
.breadcrumbs--truncated::after{
    position: absolute;
    content: "";
    z-index: 1;

    top: 0;
    bottom: 0;
    right: -15px;

    width: 110px;
    
    background: linear-gradient(270deg, #FFFFFF 40%, rgba(255,255,255,0) 100%);
}
.breadcrumbs__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.breadcrumbs__item{
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.breadcrumbs__item--mr15{
	margin-right: 15px;
}
.breadcrumbs__item--mr20{
	margin-right: 20px;
}
.breadcrumbs__item--slash{
	position: relative;
	padding-right: 18px;
}
.breadcrumbs__item--slash::after{
	position: absolute;
	content: '/';

	top: 57%;
	right: 5px;
	
	color: #888888;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.breadcrumbs__link{
	position: relative;
	padding-left: 16px;
}
.breadcrumbs__link::before{
	position: absolute;
	content: '';

	top: 50%;
	left: 0;

	width: 11px;
	height: 11px;

	background: url("../../img/icons/arrow-breadcrumbs.svg") center no-repeat;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.breadcrumbs__btn-three-dots{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;

	width: 20px;
	height: 20px;
}
.breadcrumbs__window-campaigns{
	position: absolute;
	z-index: 3;
	right: 0;
	top: calc(100% + 8px);
}










/* campaign-link */
.campaign-link{
	/* display: -webkit-box;
	display: -ms-flexbox;
	display: flex; */

	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;

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

	text-decoration: none;
}
.campaign-link__quantity{
	margin-right: 5px;
	padding: 0 5px;

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

	min-width: 20px;
	height: 20px;

	border-radius: 10px;

	background-color: #FFDB4D;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
	color: #000000;
}
.campaign-link__text{
	display: inline-block;
	padding: 2px 5px 4px;

	background-color: #E6E6E6;
	border-radius: 2px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
	color: #000000;
}
.campaign-link__text:hover{
	background-color: #FFDB4D;
}
.campaign-link__text--fls0{
	-ms-flex-negative: 0;
	flex-shrink: 0;
}





/* pointer-events-none
отключение событий мыши */
.pointer-events-none{
	pointer-events: none;
}
/* cursor-not-allowed */
.cursor-not-allowed{
    cursor: not-allowed !important;
}
/* !important использован, чтобы перебить
cursor: pointer у aside-btn */

/* ------------- other -------------- */





/* img */
.img{
	display: block;
	max-width: 100%;
}
.img--mxw500{
	max-width: 500px;
}





/* keyword-analysis */
.keyword-analysis__breadcrumbs{
	margin-top: 20px;
	margin-bottom: 10px;
}
.keyword-analysis__statistics-tab{
	margin-top: 20px;
}




/* keyword-synonyms */
.keyword-synonyms{
	display: inline-block;

	width: 14px;
	height: 14px;

	background: url("../../img/icons/synonyms.svg") center no-repeat;
}







/* statistics-tab */
.statistics-tab__title{
	display: inline-block;
	margin-bottom: 20px;

	position: relative;

	cursor: pointer;
}
.statistics-tab__title::after{
	position: absolute;
	content: "";
	display: block;

	top: 50%;
	right: -20px;

	width: 12px;
	height: 8px;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	background: url("../../img/icons/angle-down-black-12x7.svg") center no-repeat;
}
.statistics-tab__title--active::after{
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../../img/icons/angle-up-black-12x7.svg") center no-repeat;

}
.statistics-tab__down{
	display: none;

	padding: 20px 0;

	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.statistics-tab__left{
	width: 35%;
}
.statistics-tab__right{
	width: 65%;
}
.statistics-tab__item{
	margin-bottom: 10px;
}
.statistics-tab__item:last-child{
	margin-bottom: 0px;
}
.statistics-tab__text{
	max-width: 398px;
}

/* interval */
.interval{
	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: calc(15.6/13);
	color: #000000;
}
.interval__input{
	margin: 0px 10px;
}








/* stat-date */
.stat-date{
	display: inline-flex;
    gap: 5px;
    flex-wrap: wrap;

	padding: 10px;

	background: #F8F8F8;
	border-radius: 2px;
}
.stat-date__btn{
	display: inline-flex;
    flex-shrink: 0;

	padding: 0.231em 0.385em;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: calc(15.6/13);
	color: #444343;
    text-decoration: none;

	border: 0;
    border-radius: .154em;

	background-color: #E6E6E6;

    cursor: pointer;

}
.stat-date__btn--active{
	background-color: rgba(255, 219, 77, 0.5);
}



/* START почти полная копиписта из traffic-sources-analysis.css */

/* heading */
.page-title__lead {
    margin-bottom: 18px;
}
.page-title__sub-2 {
    font-family: Roboto Slab;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}
@media(min-width: 768px) {
    .page-title__sub-2 {
        font-size: 24px;
    }
}
.page-title__sub-3 {
    font-size: 16px;
}

/* report-target */
/* report-goals */
.report-goals__group {
    padding-top: 10px;
}
@media(min-width: 576px) {
    .report-goals__group {
        max-width: 320px;
    }
}
.report-goals__item {
    padding: 5px 10px;
}
.report-goals__item--fill {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-radius: 2px;
    background: #f8f8f8;
}

.report-goals__label {
    display: flex;
    align-items: center;
    gap: 5px;
    
    cursor: pointer;
}

.report-goals__text {
    display: inherit;
    padding: 2px 4px 3px;
    color: #000;
    border-radius: 2px;
}

.report-goals__checkbox {
    cursor: pointer;
}

.report-goals__checkbox:checked+ .report-goals__text {
    background: rgba(255, 219, 77, .5);
}
.report-goals__checkbox:disabled+ .report-goals__text {
    font-weight: normal;
    background: #e6e6e6;
}

/* END почти полная копиписта из traffic-sources-analysis.css */







/* keyword-options */
.keyword-options{
	padding: 20px 0;

	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.keyword-options__up{
	margin-bottom: 20px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.keyword-options__left--w38pct{
	width: 38%;
}
.keyword-options__left--df {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.keyword-options__left--aic {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.keyword-options__right--w62pct{
	width: 62%;
}
.keyword-options__right--df {
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.keyword-options__right--aic {
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.keyword-options__right--gap-10 {
    gap: 10px
}
.keyword-options__right--pr-70 {
    padding-right: 70px;
}
.keyword-options__link-minus-phrase{
	margin-right: 20px;
}
.keyword-options__wrap-filter{
	position: relative;
	display: inline-block;
	margin-right: 20px;
}
.keyword-options__view{
	margin-right: 10px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: calc(16.8/14);
	color: #888888;
}
.keyword-options__down{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

    justify-content: space-between;
}
.keyword-options__item{
	margin-right: 30px;

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

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.keyword-options__text{
	margin-left: 10px;
}
.keyword-options__synonyms{
	margin-left: 10px;
}
.keyword-options__info{
	margin-left: 10px;
}



.wrap-filter__popup-filter{
	position: absolute;
	z-index: 2;
	top: calc(100% + 10px);
	right: -25px;
}











/* indicator-filtered-quantity */
.indicator-filtered-quantity{
	display: inline-block;
	padding: 5px 26px 5px 5px;

	background: #FFFFFF;
	border: 1px solid rgba(136, 136, 136, 0.5);
	border-radius: 2px;

	position: relative;
}
.indicator-filtered-quantity--hidden{
	display: none;
}
.indicator-filtered-quantity__quantity{
	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
	color: #000000;
}
.indicator-filtered-quantity__btn{
	display: inline-block;
	vertical-align: top;
	padding: 0;

	font-family: inherit;
	background: none;
	border: 0;
    text-decoration: none;
    cursor: pointer;

	position: absolute;
	right: 5px;
	top: 50%;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	width: 16px;
	height: 16px;

	background: url("../../img/icons/cross-gray-fat-8x8.svg") center no-repeat;
}









/* pagination-analysis-search-queries */
.pagination-analysis-search-queries{
	padding: 23px 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
}
.pagination-analysis-search-queries__body{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/* prev */
.pagination-analysis-search-queries__btn-prev{
	padding: 2px 0 2px 25px;
	margin-right: 20px;

	position: relative;

	background: none;
	border: 0;
    text-decoration: none;
    cursor: not-allowed;

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

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: calc(18/16);
	color: #888888;
}
.pagination-analysis-search-queries__btn-prev::before{
	content: "";
	position: absolute;
	left: 0;

	width: 20px;
	height: 20px;

	background: url("../../img/icons/arrow-left-pagination-gray.svg") center no-repeat;
}
/* prev active */
.pagination-analysis-search-queries__btn-prev--active{
	color: #8D67CC;
	cursor: pointer;
}
.pagination-analysis-search-queries__btn-prev--active::before{
	background: url("../../img/icons/arrow-right-pagination-purple.svg") center no-repeat;

	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* next */
.pagination-analysis-search-queries__btn-next{
	padding: 2px 25px 2px 0;

	position: relative;

	background: none;
	border: 0;
    text-decoration: none;
    cursor: not-allowed;

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

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: calc(18/16);
	color: #888888;
}
.pagination-analysis-search-queries__btn-next::before{
	content: "";
	position: absolute;
	right: 0;

	width: 20px;
	height: 20px;

	background: url("../../img/icons/arrow-left-pagination-gray.svg") center no-repeat;

	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* next active */
.pagination-analysis-search-queries__btn-next--active{
	color: #8D67CC;
	cursor: pointer;
}
.pagination-analysis-search-queries__btn-next--active::before{
	background: url("../../img/icons/arrow-right-pagination-purple.svg") center no-repeat;

	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
/* approximately */
.pagination-analysis-search-queries__approximately{
	margin-left: 20px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: calc(15.6/13);
	color: #888888;
}













/* ASIDE */

/* asid */
.aside{
	position: fixed;

	top: 0;
	bottom: 0;
	right: -380px;

	z-index: 1010;

	width: 380px;
}
.aside--show{
	right: 0;
}
.aside__inner{
	position: relative;

	height: 100%;

	background-color: #F8F8F8;

	border-left: 1px solid #C4C4C4;
}
.aside__btn-wrap{
	position: absolute;

	top: calc(50% - 89px);
	left: -64px;

	width: 64px;
	border-radius: 5px 0px 0px 5px;
	border: 1px solid #C4C4C4;
	border-right: none;

	background: #F8F8F8;

	overflow: hidden;
}
.aside__content{
	padding: 40px 40px 20px 20px;

	height: 100%;

	position: relative;
}
.aside__up{
	margin-bottom: 20px;

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

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.aside__campaign{
	position: relative;
	margin-bottom: 20px;
}
.aside__campaign--hidden{
	display: none;
}
.aside__campaign::after{
	position: absolute;
	content: "";

	right: -40px;
	top: 0;
    bottom: 0;

	width: 40px;

    background: linear-gradient(270deg, #F8F8F8 50%, rgba(248, 248, 248,0) 100%);
}
.aside__campaign-item{
	margin-bottom: 10px;
}
.aside__campaign-item:last-child{
	margin-bottom: 0;
}
.aside__window-campaigns{
	position: absolute;
	z-index: 1;
	top: calc(100% + 8px);
}
.aside__tab-wrap{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.aside__tab-wrap::after{
	position: absolute;
	content: "";

	bottom: 0;
	left: -20px;
	right: -40px;

	height: 1px;
	background-color: #C4C4C4;
}
.aside__search-word{
	position: absolute;
	top: 159px;
	width: 100%;
}
.aside__search-word--hidden{
	z-index: -1;
}
.aside__search-word--t196{
	top: 196px;
}
.aside__list-mode{
	position: absolute;

	top: 209px;

	height: calc(100% - 355px);
}
.aside__list-mode--t246{
	top: 246px;
}
.aside__list-mode--height-230{
	height: calc(100% - 230px);
}
.aside__list-mode--height-260{
	height: calc(100% - 260px);
}
.aside__list-mode--height-267{
	height: calc(100% - 267px);
}
.aside__list-mode--height-297{
	height: calc(100% - 297px);
}
.aside__list-mode--height-392{
	height: calc(100% - 392px);
}
.aside__list-mode--hidden{
	z-index: -1;
}
.aside__brick-mode{
	position: absolute;

	top: 159px;

	height: calc(100% - 305px);
}
.aside__brick-mode--t196{
	top: 196px;
}
.aside__brick-mode--height-342{
	height: calc(100% - 342px);
}
.aside__brick-mode--hidden{
	z-index: -1;
}
.aside__counter{
	position: absolute;
	bottom: 119px;
}
.aside__counter--hidden{
	z-index: -1;
}
.aside__counter--dn{
	display: none;
}
.aside__message{
	position: absolute;

	bottom: 49px;
}
.aside__message--hidden{
	z-index: -1;
}
.aside__down{
	position: absolute;
	bottom: 81px;
}
.aside__down--hidden{
	z-index: -1;
}
.aside__report{
	position: absolute;
	bottom: 22px;
}
.aside__report--hidden{
	z-index: -1;
}
.aside__link {
	position: absolute;
	bottom: 22px;
}
.aside__link--hidden {
    z-index: -1;
}

.campaign-item{
	position: relative;
}
.campaign-item__window-campaigns{
	position: absolute;
	z-index: 1;
	top: calc(100% + 8px);
}
.aside__btn-textarea-save{
	margin-right: 10px;
}



/* aside__minus-words */
.aside__minus-words--hidden{
	display: none;
}

/* aside__hidden-words */
.aside__hidden-words--hidden{
	display: none;
}





/* aside-btn */
.aside-btn{
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #F8F8F8;

	position: relative;
	width: 100%;
	height: 88px;


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

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;

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

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	border: none;
	cursor: pointer;
}
.aside-btn:first-child::after{
	position: absolute;
	content: "";
	bottom: 0;
	width: 40px;
	height: 1px;

	background: #E6E6E6;
}
.aside-btn:last-child::after{
	position: absolute;
	content: "";
	top: 0;
	width: 40px;
	height: 1px;

	background: #E6E6E6;
}
.aside-btn--h72{
	height: 72px;
}
.aside-btn--hidden{
	display: none;
}

/* aside-btn--minus-word */
.aside-btn--minus-word:hover .aside-btn__icon-minus::after{
	opacity: 1;
}
.aside-btn--minus-word--active .aside-btn__icon-minus::after{
	opacity: 1;
}
.aside-btn--minus-word--active::before{
	position: absolute;
	content: "";

	top: 50%;
	right: 0;

	width: 2px;
	height: 56px;
	border-radius: 2px 0px 0px 2px;

	background: #C80000;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.aside-btn__icon-minus{
	position: relative;

	width: 24px;
	height: 24px;

	background: url("../../img/icons/minus-circle-red.svg") center no-repeat;
}
.aside-btn__icon-minus::after{
	position: absolute;
	content: "";

	top: 50%;
	left: 50%;

	width: 40px;
	height: 40px;
	border-radius: 50%;

	background: rgba(200, 0, 0, 0.1);

	transition: opacity .15s linear;

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	opacity: 0;
}

/* aside-btn--hidden-word */
.aside-btn--hidden-word:hover .aside-btn__icon-eye::after{
	opacity: 1;
}
.aside-btn--hidden-word--active .aside-btn__icon-eye::after{
	opacity: 1;
}
.aside-btn--hidden-word--active::before{
	position: absolute;
	content: "";

	top: 50%;
	right: 0;

	width: 2px;
	height: 56px;
	border-radius: 2px 0px 0px 2px;

	background: #8D67CC;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.aside-btn__icon-eye{
	position: relative;

	width: 24px;
	height: 24px;

	background: url("../../img/icons/eye-off-purple-24x24.svg") center no-repeat;
}
.aside-btn__icon-eye::after{
	position: absolute;
	content: "";

	top: 50%;
	left: 50%;

	width: 40px;
	height: 40px;
	border-radius: 50%;

	background: rgba(141, 103, 204, 0.15);

	transition: opacity .15s linear;

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	opacity: 0;
}
.aside-btn__count{
	margin-top: 10px;
}

/* aside-btn--close-aside */
.aside-btn--close-aside:hover .aside-btn__icon-arrow::after{
	opacity: 1;
}
.aside-btn__icon-arrow{
	position: relative;

	width: 24px;
	height: 24px;

	background: url("../../img/icons/arrow-right-close-aside.svg") center no-repeat;
}
.aside-btn__icon-arrow::after{
	position: absolute;
	content: "";

	top: 50%;
	left: 50%;

	width: 40px;
	height: 40px;
	border-radius: 50%;

	background: rgba(136, 136, 136, 0.15);

	transition: opacity .15s linear;

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	opacity: 0;
}




/* search-word */
.search-word{
	max-width: 320px;
	position: relative;
}
.search-word__input{
	display: block;
	width: 100%;

	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;

	padding: 11px 120px 11px 11px;
	height: 40px;

	/* font */
	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: calc(15.6/13);
	color: #000000;
}
.search-word__input:focus{
	outline: none;
	border: 1px solid #FFDB4D;
}
.search-word__input::placeholder{
	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: calc(15.6/13);
	color: #888888;
}
.search-word__count{
	position: absolute;

	top: 50%;
	right: 62px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: calc(15.6/13);
	color: #888888;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

}
.search-word__count--hidden{
	display: none;
}
.search-word__separator{
	position: absolute;
	content: "";

	top: 50%;

	width: 1px;
	height: 30px;

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

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.search-word__separator--hidden{
	display: none;
}
.search-word__separator--1{
	right: 117px;
}
.search-word__separator--2{
	right: 61px;
}
.search-word__separator--3{
	right: 30px;
}
.search-word__btn{
	display: inline-block;
	padding: 0;

	background: none;
	border: 0;
    cursor: pointer;

	position: absolute;

	height: 50%;
	right: 0;
}
.search-word__btn[disabled]{
	cursor: not-allowed;
}
.search-word__btn--prev{
	width: 30px;
	top: 0;

	background: url("../../img/icons/angle-up-gray.svg") center no-repeat;
}
.search-word__btn--next{
	width: 30px;
	bottom: 0;

	background: url("../../img/icons/angle-down-gray.svg") center no-repeat;
}
.search-word__btn--search{
	top: 50%;
	right: 62px;

	height: 100%;
	width: 55px;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	/* font */
	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
	color: #000000;
}
.search-word__btn--reset{
	top: 50%;
	right: 31px;
	
	height: 100%;
	width: 30px;
	
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	background: url("../../img/icons/cross-gray-light-fat-10x10.svg") center/50% no-repeat;
}
.search-word__btn--hidden{
	display: none;
}
.search-word__spinner{
    display: none;
	position: absolute;

	top: 50%;
	right: 5px;

    width: 20px;
    height: 20px;
    transform: translate(0, -50%);
}
.search-word__spinner--show{
    display: block;
}

.search-item{
	background-color: rgba(255, 219, 77, 0.5);
}
.search-item--purple{
	background-color: rgba(141, 103, 204, 0.5);
}




/* list-mode */
.list-mode{
	padding: 12px;

	width: 320px;

	/* overflow-y: auto; */
	overflow: auto;

	background-color: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #FFFFFF;

    scrollbar-width: thin;
    /* не стилизуем цвет скроллбара и ползунка */
    /* чтобы не терять эффект ховера в блинк-браузерах */
}







/* textual-element */
/* wrap */
.textual-element__wrap{
	position: relative;
	display: block;

	padding: 7px 64px 7px 5px;

	min-height: 28px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    line-height: 1;

    border-radius: 2px;
    background-color: #FFFFFF;
}
.textual-element__wrap:hover button{
	display: block;
}
.textual-element__wrap:hover{
	background-color: rgba(255, 219, 77, 0.5);
}
.textual-element__wrap--hidden:hover button{
	display: none;
}
/* span */
.textual-element__span{
	display: inline-block;
}
.textual-element__span--cursor-pointer{
	cursor: pointer;
}
/* btn */
.textual-element__pen{
	display: none;
	vertical-align: top;
	padding: 0;

	font-family: inherit;
	border: 0;
    text-decoration: none;
    cursor: pointer;

	position: absolute;

	top: 50%;
	bottom: 0;
	right: 34px;
	z-index: 1;

	width: 24px;
	height: 28px;

	background: url("../../img/icons/pen-gray-20x20.svg") center no-repeat;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.textual-element__pen:hover{
	background: url("../../img/icons/pen-black-20x20.svg") center no-repeat;
}
.textual-element__cross{
	display: none;
	vertical-align: top;
	padding: 0;

	font-family: inherit;
	border: 0;
    text-decoration: none;
    cursor: pointer;

	position: absolute;

	top: 50%;
	bottom: 0;
	right: 0;
	z-index: 1;

	width: 34px;
	height: 28px;

	background: url("../../img/icons/cross-gray-fat-10x10.svg") center no-repeat;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.textual-element__cross:hover{
	background: url("../../img/icons/cross-black-fat-10x10.svg") center no-repeat;
}
/* input */
.textual-element__input{
	padding-left: 4px;
	padding-right: 4px;
	height: 28px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    line-height: 1;

	border: 1px solid transparent;
    border-radius: 2px;
    background-color: #FFFFFF;
	
	position: absolute;
	
	top: 0;
	left: 0;
	z-index: 1;
}
.textual-element__input:focus{
	outline: none;
	border: 1px solid #888888;
}











/* brick-mode (textarea) */
.brick-mode{
	width: 320px;
	
	resize: none;

	padding: 0.857em;

	border: 1px solid #FFFFFF;

	background: #FFFFFF;
	border-radius: 2px;

	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: calc(20/14);
	color: #000000;

    scrollbar-width: thin;
    /* не стилизуем цвет скроллбара и ползунка */
    /* чтобы не терять эффект ховера в блинк-браузерах */
}
.brick-mode::placeholder{
	font-family: 'Exo 2', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: calc(20/14);
	color: #888888;
}
.brick-mode:focus{
	outline: none;
	border: 1px solid #FFDB4D;
}










/* ad */
.ad__number{
	margin-bottom: 5px;
}
.ad__text{
	margin-top: 5px;
	margin-bottom: 5px;
}




/* list-words */
.list-words{
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	border-radius: 2px;

	max-height: 260px;
	overflow-y: auto;

    scrollbar-width: thin;
    /* не стилизуем цвет скроллбара и ползунка */
    /* чтобы не терять эффект ховера в блинк-браузерах */
}
.list-words__item{
	padding: 5px 5px 5px 15px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.list-words__item:nth-child(even){
	background-color: #F8F8F8;
}
.list-words__item--p15{
	padding: 15px;
}
.list-words__checkbox{
	cursor: pointer;
}
.list-words__text{
	margin-left: 10px;

	cursor: pointer;
}