body{
	/*font-family: 'PT Sans Caption', sans-serif;*/
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #f5f5f5;
	max-width: 1920px;
}

h1{
	color: #333;
	font-size: 28px;
}

h2 {
	color: #333;
	font-size: 24px;
}

h3{
	font-size: 20px;
}

h4{
	font-size: 18px;
}

h5{
	font-size: 16px;
}

h6{
	font-size: 16px;
}

a{
	color: #0057a9;
}

a:hover{
	text-decoration: none;
	color: #0057a9;
}

a:focus{
	text-decoration: none;
	color: #0057a9;
}

p{
	margin: 0 0 10px;
}

ul,ol{
	margin-left: 20px;
	margin: 0;
	padding: 0;
}
ul ul{
	margin-left: 20px;
}

img{
	max-width: 100%;
	height: auto;
}

h1, h2, h3, .h1, .h2, .h3{
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 700;
	color: #171717;
	margin-top: 0;
	margin-bottom: 20px;
}

h4, h5, h6, .h4, .h5, .h6{
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 20px;
}

.google-drive{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(../img/icons/google-drive.png);
	background-position: center;
	background-size: cover;
	vertical-align: -1px;
}


.button,
.btn{
	outline: none;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	border: 1px solid #4077d6;
	padding: 10px 8px;
	font-weight: bold;
	border-radius: 3px;
	background-color: #4c8bf7;
	border-color: #4077d6;
	color: #f5f5f5;
}

.button:hover,
.btn:hover{
	background-color: #4d85e6;
	color: #f5f5f5;
}

.btn:focus {
	color: #fff;
}

.btn.btn-inverse{
	background-color: transparent;
	color: #4c8bf7;
}

.btn.btn-empty{
	border-color: transparent;
	background-color: transparent;
	color: #4c8bf7;
}

.form-container {
	margin-top: 30px;
	width: 320px;
	margin: auto;
	text-align: center;
}

.form-container p{
	margin: 0;
	position: relative;
}

.form-container input{
	display: block;
	width: 100%;
	outline: none;
	border: 0;
	border-bottom: 2px solid #ffd200;
	margin-bottom: 30px;
	background-color: transparent;
}

.form-container input.button {
	border: 1px solid;
	background-color: #4c8bf7;
}

.form-container input.button:hover{
	background-color: #4d85e6;
}

.form-container label{
	position: absolute;
	display: block;
	text-align: left;
	transition: all .2s;
	top: 0;
}

.form-container label.active{
	font-size: 14px;
	top: -20px;
}

.form-container img{
	margin-bottom: 60px;
}

.form-container .login-remember{
	display: none;
}

.admin-bar .main-head{
	top: 32px;
}

.admin-bar .side-panel{
	top: 97px;
}

.main-head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #fff;
	border-bottom: 1px solid #e8eaeb;
	margin-bottom: 30px;
}

.main-head-container{
	display: flex;
	align-items: center;
	height: 65px;
	position: relative;
}

.main-head-container .dashboard-title{
	font-family: 'PT Sans Caption', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin-right: 15px;
	text-transform: uppercase;
}


.main-head-container .logo {
	width: 65px;
	height: 65px;
	border-right: 1px solid #e8eaeb;
	line-height: 65px;
	padding: 0 10px;
	object-fit: contain;
	margin-right: 30px;
	z-index: 1;
	background: #fff;
}

.main-head-settings{
	position: absolute;
	left: 65px;
	top: 0;
	height: 65px;
	background-color: #162b39;
	color: #fff;
	align-items: center;
	display: flex;
	transform: translateX(-110%);
	transition: all .15s;
}

.main-head-settings.active{
	transform: translateX(0%);

}

.main-head-settings .user-display-name{
	margin:0 15px;
}

.header-settings-container{
	align-items: center;
	display: flex;
	height: 65px;
}

.header-settings-container .panel-item a{
	width: 65px;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	color: #fff;
}

.header-settings-container .panel-item span {
	margin-top: 5px;
	font-size: 11px;
	display: block;
}

.header-settings-container .panel-item i{
	font-size: 26px;
}

.head-links{
	margin-left: auto;
	padding: 0 15px;
	padding-right: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.head-links-icons {
	margin-right: 30px;
	font-size: 0;
}

.head-links-icons .head-links-icon {
	width: 48px;
	height: 48px;
	line-height: 48px;
	border: 1px solid;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	border-radius: 50%;
	margin-right: 15px;
}

.balanse-info{
	margin-right: 45px;
}

.main-head-container .account-info svg{
	width: 32px;
	height: 32px;
	margin-right: 10px;
	fill: #ff2c00;
	vertical-align: middle;
}

.main-head-container .account-info span{
	color: #ff2c00;
}

.main-head-container .add-project{
	margin-left: 15px;
}

.btn-radius {
	color: #4c8bf7;
	background-color: rgba(76, 139, 247, 0.1);
	padding: 2px 15px;
	border-radius: 14px;
}

.btn-radius i {
	color: #ff5050;
	font-size: 16px;
	margin-right: 7px;
	vertical-align: -2px;
}

.page-row{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

	margin: 0 -15px;
}

.page-row-content{
	padding-left: 15px;
	padding-right: 15px;
	flex: 1 1 auto;
}

.page-row-sidebar{
	padding-left: 15px;
	padding-right: 15px;
	flex: 0 0 320px;
}

.page-row-sidebar{
	display: none;
}

.sidebar .widget{
	background-color: #fff;
	box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.15);
	padding: 20px;
	margin-bottom: 30px;
}

.sidebar .widget .widget-title{

}

.widget ul{
	margin: 0;
	padding: 0;
}

.widget ul li{
	display: block;
	margin-bottom: 5px;
	list-style: none;
}

.widget ul li a{
	color: #171717;
}

.project-links{
	font-size: 0;
		margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #eaeaea;
}

.project-links .project-link{
	font-size: 15px;
	display: inline-block;
	color: #363b44;
	padding-right: 20px;
	border-right: 1px solid #eaeaea;
	margin-right: 20px;
}

.project-links .project-link:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}

.project-links .project-link i{
	margin-right: 10px;
}
.main-head-container .dashboard-title .back-button:hover{
	color: #4c8bf7;
}
.main-head-container .dashboard-title .back-button{
	color: #ccc;
}
a.back-button {
	color: #ccc;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 12px;
	transition: all .25s;
}

a.back-button:hover{
	color: #4c8bf7;
}

a.back-button i {
	font-size: 24px;
	vertical-align: -4px;
}

.panel{
	background-color: #fff;
	/*box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.15);*/
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	margin-bottom: 5px;
	flex: 1 0 100%;
	width: 100%;
}

.panel-head{
	border-bottom: 1px solid #d5d5d5;
	padding: 10px;
	display: flex;
	align-items: center;
}

.panel-links{
	margin-left: auto;
	margin-left: 0;
}

.panel-links a{
	color: #ccc;
	transition: all .25s;
	margin-left: 10px;
}


.panel-head .panel-links a:hover,
.panel-links a:hover{
	color: #4c8bf7;
}
.panel-head .panel-links .trash-project:hover,
.panel-links .trash-project:hover{
	color: #f20;
}

.panel-head .panel-links a{
	color: #ccc;
}

.main-head .panel-links {

}

.main-head .panel-links a{
	margin-left: 0;
	margin-right: 10px;
}

.main-head .panel-links a:last-child{
	margin-right: 0;
}

.panel-head .panel-title{
	font-family: 'PT Sans', sans-serif;
	display: inline-block;
	margin: 0;
	font-weight: 400;
	font-size: 15px;
	vertical-align: -1px;
}

.panel-head .panel-title a{
	color: #0057a9;
}

.panel-head a{
	color: #171717;
}

.panel-content{
	padding: 10px;
	position: relative;
}

.page-header{
	margin-bottom: 30px;
}

.page-header h1 {
	display: inline-block;
	vertical-align: -2px;
	margin: 0;
}



.wrapper{
	padding-left: 80px;
	padding-top: 95px;
	padding-right: 15px;
	padding-bottom: 30px;
	position: relative;
}

.side-panel{
	background-color: #1b3446;
	color: #fff;
	position: fixed;
	top: 65px;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 65px;
	text-align: center;
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	overflow-x: hidden;
}


.side-panel::-webkit-scrollbar-track{
	background-color: #1b3446;
}

.side-panel::-webkit-scrollbar{
	width: 5px;
	background-color: #1b3446;
}

.side-panel::-webkit-scrollbar-thumb{
	background-color: #aab0b6;
	/*border: 2px solid #555555;*/
}

.side-panel a{
	color: #aab0b6;
}

.side-panel a:hover{
	color: #aab0b6;
}

.side-panel .panel-item{
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	position: relative;
}


.side-panel .panel-item .panel-count {
	background: #ff2800;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 5px;
	color: #ffffff;
	font-weight: 400;
	/*background: #ffa017;*/
	width: 20px;
	height: 20px;
	line-height: 19px;
	border-radius: 50%;
	padding: 0;
	margin: 0;
	/*border: 1px solid #ffda44;*/
}


.side-panel .panel-item.current{
	/*background-color: #162b3a;*/
}
.side-panel .panel-item.current,
.side-panel .panel-item.current a{
	color: #fff;
	font-weight: bold;
}

.side-panel .panel-item.panel-item-bottom{
	margin-top: auto;
}

.side-panel .panel-item img,
.side-panel .panel-item svg{
	width: 30px;
	height: auto;
}

.side-panel .panel-item i{
	font-size: 26px;
}

.side-panel .panel-item span{
	margin-top: 3px;
	font-size: 11px;
	line-height: 13px;
	padding: 0 5px;
	display: block;
}


.ui-sortable .panel-head{
	cursor: all-scroll;
}

.ui-sortable{
	opacity: 1;
	transition: all .25s;
}

.ui-sortable-disabled {
	opacity: .5;
}

/*.project-sitemap .sitemap-buttons{
	white-space: nowrap;
	position: absolute;
	left: 100%;
	top: 0;
}
*/

.sitemap-buttons{
	display: none;
	margin-left: 20px;
	font-size: 0;
	vertical-align: middle;
}

.sitemap-buttons a{
	margin-right: 15px;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #ccc;
}

ul.project-sitemap .sitemap-buttons a{
	color: #ccc;
}

ul.project-sitemap .sitemap-buttons a:hover{
	color: #4c8bf7;
}

ul.project-sitemap .sitemap-buttons a.sitemap-remove:hover{
	color: #f20;
}

.project-sitemap .sitemap-buttons{
	display: inline-block;
}

ul.project-sitemap a{
	color: #313942;
}

ul.project-sitemap{
	position: relative;
	margin: 0;
	padding-left: 0;
	font-size: 15px;

}

ul.project-sitemap ul:before{
	content: '';
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #848c90;
}

ul.project-sitemap ul li:after {
	/*content: '';*/
	position: absolute;
	left: -20px;
	top: 10px;
	width: 10px;
	background: #848c90;
	height: 1px;
}

ul.project-sitemap ul{
	position: relative;
	margin: 0;
	padding-left: 40px;
}

ul.project-sitemap li{
	display: block;
	position: relative;
}

ul.project-sitemap li span{
	display: inline-block;
	min-height: 25px;
	/*background-color: #fff;*/
}

ul.project-sitemap ul li{

}

.project-sitemap .root > span #sitemap-edit,
.project-sitemap .root > span #sitemap-clone,
.project-sitemap .root > span #sitemap-remove{
	display: none;
}


form label{
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
}

.sitemap-form{
	transition: all .2s;
	position: relative;
	max-width: 300px;
	padding: 20px;
	margin-top: 30px;
	border: 1px solid #eaeaea;
}

.sitemap-form.error .form-title,
.sitemap-form.error{
	border-color: red;
}

.sitemap-form.disabled{
	opacity: .6;
	filter: grayscale(50%);
}

.sitemap-form input{
	border: 1px solid #aaa;
	display: block;
	width: 100%;
	padding: 5px 10px;
	margin-top: 5px;
}

.sitemap-form input.btn{
	margin-top: 20px;
	border-color: #337ab7;
}

.sitemap-form select{
	margin-top: 5px;
	padding: 5px 10px;
	display: block;
	width: 100%;
	outline: none;
	border: 1px solid #aaa;
}

.sitemap-form .form-title{
	padding: 10px 20px;
	margin: -20px -20px 20px;
	border-bottom: 1px solid #eaeaea;
	font-size: 16px;
}

.sitemap-form .error{
	margin: 10px 0 0;
	color: red;
	padding: 5px;
	text-align: center;
	border: 1px solid;
}

.sitemap-form .success{
	margin: 10px 0 0;
	color: green;
	padding: 5px;
	text-align: center;
	border: 1px solid;
}

.sitemap-form.disabled .loader{
	display: flex;
}

.form.disabled{

}

.form.disabled .loader{
	display: block;
}

.loader{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	justify-content: center;
	align-items: center;
}

.loader span{
	width: 64px;
	height: 64px;
	background-position: center;
	background-size: cover;
	background-image: url(../img/loading.png);
	transform-origin: center;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-name: rotates;
}

@keyframes rotates{
	from{
		transform:rotate(0);
	}

	to{
		transform:rotate(360deg);
	}
}

a.sitemap-cancel{
	margin-top: 10px;
	display: inline-block;
	color: red;
}

.handsontable,
#roottable,
#wordtable{
	max-width: 100%;
	margin-bottom: 10px;
}

.projects-list .panel-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.project-users {
	align-items: center;
	display: flex;
	font-size: 13px;
	color: #707070;
}

.project-users i {
	margin-right: 5px;
}

.project-users .project-user {
	margin-left: 10px;
}

/*#query-monitor{
	display: none !important;
}*/

label[for="acf-_post_title"]{
	font-size: 0 !important;
}

label[for="acf-_post_title"]:before{
	content: 'Заголовок';
	font-size: 15px;
	display: inline-block;
}



.single-projects_sitemap label[for="acf-_post_title"]:before{
	content: 'Название страницы в меню';
}

.page-template-page-create-project label[for="acf-_post_title"]:before{
	content: 'Название проекта';
}


.panel-content .acf-fields > .acf-field {
	display: flex;
	padding: 0;
	border: 0;
	margin-bottom: 10px;
	align-items: center;
}

.panel-content .acf-field .acf-label{
	vertical-align: baseline;
	margin-bottom: 0;
	flex: 0 1 20%;
	margin-right: 15px;
}
.panel-content .acf-fields > .acf-field-relationship,
.panel-content .acf-fields > .acf-field-textarea{
	align-items: flex-start;
}

.panel-content .acf-field .acf-label label{
	margin: 0;
	font-weight: 400;
	color: #848c90;

}

.panel-content .acf-field .acf-input{
	flex: 1 0 auto;
}

.panel-content .acf-field .acf-input textarea,
.panel-content .acf-field .acf-input input{
	font-size: 15px;
	border: 0;
	color: #313942;
	padding: 0 !important;
	border-bottom: 1px solid transparent;
}


.panel-content .acf-icon{
	display: none;
}

.panel-content .acf-field .acf-input textarea{
	height: auto;
	min-height: 28px;
	resize: vertical;
}

.panel-content .select2-container .select2-search--inline .select2-search__field:focus{
	border-bottom: 0;
}

.delete-post{
	color: #f20;
	margin-top: 10px;
	display: inline-block;
}

.delete-post:hover{
	color: #f20;
}

.panel-content .acf-field .acf-input textarea:focus,
.panel-content .acf-field .acf-input input:focus{
	outline: none;
	border-bottom-color: #4c8bf7;
}

.panel-content .acf-field-5baa02dafdfde .acf-label{
	color: #848c90;
}

.panel-content .acf-field-5baa02dafdfde .acf-label.active:after{
	color: #4c8bf7;
}

.panel-content .acf-field-5baa02dafdfde .acf-label label{
	display: inline-block;
	margin-right: 10px;
}

.panel-content .acf-field-5baa02dafdfde .acf-label:after{
	content: "\f013";
	font-family: "Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 900;
	color: #ccc;
	cursor: pointer;
}

.panel-content .acf-field-5baa02dafdfde .acf-input{
	display: none;
}

*::-webkit-input-placeholder {
	color: #848c90;
}
*:-moz-placeholder {
	color: #848c90;
}
*::-moz-placeholder {
	color: #848c90;
}
*:-ms-input-placeholder {
	color: #848c90;
}

.updated {
	color: #28b446;
	border-left: 2px solid;
	padding-left: 8px;
}

.sitemap-row{
	display: flex;
	margin-left: -15px;
	margin-right: 15px;
}

.sitemap-row .sitemap-col:first-child{
	border-right: 1px solid #eaeaea;
}

.sitemap-row .sitemap-col{
	padding:0 15px;
	flex: 1 0 50%;
}

p.success-save {
	display: inline-block;
	margin: 0;
	margin-left: 15px;
	color: green;
	padding: 0 0 0 10px;
	text-align: center;
	border-left: 1px solid;
		color: #28b446;
	border-left: 2px solid;
	padding-left: 8px;
}

p.error-save{
	display: inline-block;
	margin: 0;
	margin-left: 15px;
	color: green;
	padding: 0 0 0 10px;
	text-align: center;
	color: #ff2800;
	border-left: 2px solid;
	padding-left: 8px;
}

.annotation {
	font-size: 13px;
	color: #ccc;
	margin-top: 15px;
}

.project-filters {
	margin-bottom: 5px;
	font-size: 0;
}

.project-filters a {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	color: #707070;
	border: 1px solid transparent;
	padding: 0 5px;
	border-radius: 3px;
}

.project-filters a:hover,
.project-filters a.active{
	color: #fff;
	background: #4c8bf7;
	border-color: #4077d6;
}


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


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

.checkbox + label {
	cursor: pointer;
}

.checkbox:not(checked) {
	position: absolute;
	opacity: 0;
}
.checkbox:not(checked) + label {
	position: relative;
	padding: 10px;
	font-size: 14px;
	font-weight: 400;
	margin-right: 10px;
	display: inline-block;
	user-select: none;
}

.checkbox:not(checked) + label:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 18px;
	height: 18px;
	background-image: url(../img/check.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.checkbox:not(checked) + label:after {
	content: '';
}

.checkbox:checked + label:before {
	content: '';
	background-position: 0 -18px;
}




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



.check-list-table{

}

.check-list-table .check-list-row{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

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

.check-list-row-right,
.check-list-row-left {
	display: flex;
	align-items: flex-start;
}

.check-list-table .check-list-row:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.check-list-table .check-list-row .by_date{
	white-space: nowrap;
	margin-left: 20px;
}

.check-list-table .check-list-row .by_who{
	white-space: nowrap;
	margin-left: 20px;
}

.check-list-table .check-list-row .by_time{
	white-space: nowrap;
	margin-left: 20px;
	order: 999;
}

.item-title,
.check-list-item .item-title {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	margin: 0;
}

.panel-content .item-title {
	margin: 0 0 10px;
}

.box .box-title {
	font-family: 'PT Sans', sans-serif;
	display: inline-block;
	margin: 0;
	font-weight: 400;
	font-size: 15px;
	vertical-align: -1px;
}

.box .box-title br {
	display: none;
}

.box .box-content {
	display: none;
	font-size: 13px;
	color: #707070;
}

.box.active .box-content{
	display: block;
}

.box.active .box-toggle{
	color: #4c8bf7;
}

.box.active .box-toggle i{
	transform: rotate(180deg);
}

.box .box-toggle {
	color: #ccc;
	font-size: 16px;
	vertical-align: -1px;
	margin-left: 5px;
}

.task-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

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

.task-item.disabled {
/*	opacity: .5;
	filter: grayscale(100%);*/
}

.task-item:last-child{
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.task-row{
	flex: 1 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.task-row div{

}

.task-row-left{

}

.task-row-right{
	justify-content: flex-end;
}

.task-row-right div{
	margin-left: 15px;
}

.form-row{
	margin-bottom: 10px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.form-row textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #d5d5d5;
	border-radius: 0;
	resize: vertical;
}

.form-row textarea:focus{
	outline: none;
	border-color: #4c8bf7;
}

.form-row .input-task{
	width: 85%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.form-row .input-task-time{
	border-left-color: #fff;
	width: 15%;
	resize: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.form-buttons .btn {
	margin-right: 10px;
}

.loading {
	background: #fff url(../img/loader.gif);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
	background-color: rgba(255, 255, 255, 0.8);
	background-image: url(../img/loader.gif);
	background-size: 64px;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}

.loading.showing{
	display: block;
}

.task-done,
.task-done-by {
	color: #28b446;
}

.task-done-by {
	border-right: 1px solid #eaeaea;
	padding-right: 15px;
}

.post-form{
	position: relative;
	margin: 30px 0;
}

.post-form .editor-buttons{
	margin-top: 5px;
}


.popup-mixer{
	max-width: 600px;
	padding: 10px;
	background-color: #fff;
	margin: auto;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	position: relative;
}

.popup-mixer textarea{
	line-height: 100%;
	/*border: 1px solid #d5d5d5;*/
	border: none;
	outline: none;
	height: 100%;
	font-size: 16px;
	border-radius: 4px;
	width: 100%;
/*	padding-left: 10px;*/
	padding-top: 10px;
	resize: none;
	box-sizing: border-box;
	margin-bottom: 6px;
}

.new-checkbox.checkbox:not(checked) + label {
	padding-left: 30px;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

.new-checkbox.checkbox:not(checked) + label:before {
	top: 6px;
}


#geo-form input.btn {
	margin-top: 15px;
}

.site-favicon{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}

.get-favicon.error{
	color: #f20;
}

.panel .site-favicon{
	width: 16px;
	height: 16px;
	vertical-align: -3px;
}

.js-table,
.js-table2{
	max-width: 100%;
	margin-bottom: 10px;
}


.alert-saver{
	position: fixed;
	z-index: 99999;
	right: 15px;
	bottom: 15px;
	display: inline-block;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 3px;
	background-color: #edf3fe;
	color: #4c8bf7;
}


.delete-js,
.delete-js:hover,
.delete-js:focus{
	color: #ff5050;
}


.load-site-form {
	font-size: 0;
	vertical-align: middle;
	margin: 0;
}

.load-site-form input[type="number"],
.load-site-form input[type="text"]{
	padding: 9px 10px 8px;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	outline: none;
	margin-right: 10px;
	font-size: 14px;
	vertical-align: bottom;
}


.lemma-form textarea{
	display: block;
	padding: 10px;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	margin-bottom: 5px;
	outline: none;
	min-height: 120px;
	width: 100%;
}

.lemma-form p{
	margin-top: 15px;
	font-weight: bold;
}

.lemma-form .toggler .btn{
	margin-right: 10px;
	margin-bottom: 15px;
}

.lemma-form .lemma-checkbox{

}

.lemma-form .lemma-checkbox.checkbox:not(checked) + label{
	padding-top: 0;
	padding-bottom: 0;
}

.lemma-form .lemma-checkbox.checkbox:not(checked) + label:before{
	top: 2px;
}


.js-tables {
	margin: 0;
}

.js-tables p {
	margin-top: 30px;
	font-weight: bold;
}

.js-tables table {
	text-align: left;
	width: 100%;
}

.js-tables table thead th{
	background-color: #f0f0f0;
	border: 1px solid #d5d5d5;
	padding: 3px 10px;
	font-weight: bold;
}

.js-tables table td {
	border: 1px solid #d5d5d5;
	padding: 3px 10px;
	word-break: break-word;
}

.page-template-page-xmlproxy table{
	margin-top: 30px;
}


textarea {
	font-size: 14px;
	display: block;
	padding: 10px;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	margin-bottom: 5px;
	outline: none;
	min-height: 120px;
	width: 100%;
}

.ovh{
	height: 100vh;
	overflow: hidden;
}

.ovh .loading{
	height: 100vh;
}

.panel-head .btn{
	color: #f5f5f5;
	margin-left: 15px;
}


.loading span {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	text-align: center;
	margin-top: 46px;
	font-size: 16px;
}

.analyzer-filter {
	display: inline-block;
	vertical-align: middle;
}

.analyzer-filter span {
	line-height: 1;
	display: block;
	font-size: 12px;
	margin-bottom: 1px;
}

.select2{
	width: 180px;
}


.region-container p {
	margin: 0;
	font-size: 13px;
}

.region-container {
	margin-right: 15px;
}





.latest-sites h4 {
	font-size: 16px;
	margin: 0;
}

.latest-sites span{
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
}

.latest-sites p {
	margin: 0 0 5px;
	color: #4c8bf7;
	cursor: pointer;
	font-weight: 600;
}

.latest-sites p:hover{
	text-decoration: underline;
}

.latest-sites {
	margin-bottom: 15px;
}

.latest-sites p:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: 2px;
	background: #4c8bf7;
}

.latest-sites-container {
	display: inline-block;
}

.mass-analyzer-container {
	font-size: 0;
}

.mass-analyzer-container input {
	font-size: 14px;
}

.mass-analyzer-container .btn {
	vertical-align: middle;
}

.mass-analyzer-container .analyzer-filter {
	margin-right: 15px;
}

.mass-analyzer-container .analyzer-filter input[type=text] {
	width: 200px;
}

.mass-analyzer-container .analyzer-filter input[type=number] {
	width: 130px
}


.proxy-per-page-container p {
	margin: 0;
	font-size: 13px;
}

.proxy-per-page-container input {
	width: 60px;
}

.proxy-per-page-container {
	margin-right: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	font-size: 14px;
}


.panel-content .select2-container--default .select2-selection--single {
	height: 40px;
	border-color: #d5d5d5;
}

.panel-content .select2-container {
	margin-right: 10px;
}

.panel-content .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px;
}

.button, .btn{
	vertical-align: middle;
}

.panel-content .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 38px;
}


.filter-list-container h3{
	font-family: 'PT Sans', sans-serif;
	margin: 0;
	font-size: 16px;
	color: #000;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	line-height: 1;
	cursor: pointer;
}

.filter-list-container h3:after{
	display: inline-block;
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 18px;
	margin-left: 10px;
}

.filter-list-container h3.active:after{
	content: "\f106";
}

.filter-list-container ul {
	margin-left: 29px;
	font-size: 14px;
	display: none;
	margin-top: 3px;
	list-style: none;
}

.filter-list-container > div{
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
}

.filter-list-container .buttons-group {
	margin: 20px 0 0;
}

.filter-list-container .filter-checkbox{
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../img/check.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
}

.filter-list-container .filter-checkbox.active{
	background-position: 0 -18px;
}

.filter-list-container .filter-checkbox.active.disabled {
	filter: grayscale(1);
}

.filter-list-container .filter-checkbox.active.disabled + h3 {
	opacity: .4;
}

.filter-list-container {
	margin: 0 0 20px;
	padding: 0;

}




.button-group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.button-group .sep {
	margin: 0 30px;
	border-left: 1px solid #d5d5d5;
	height: 40px;
}

.filter-input-wrapper {
	margin-right: 15px;
}

.filter-input-wrapper input {
	width: 42px;
	text-align: center;
}

.info-message {
	color: #0f5132;
	background-color: #d1e7dd;
	border: 1px solid #badbcc;
	display: inline-block;
	padding: 7px 10px;
	font-size: 16px;
	border-radius: .25rem;
	vertical-align: middle;
}




.app-nav {
	position: fixed;
	right: 30px;
	padding: 15px 10px;
	top: 50%;
	transform: translateY(-5%);
	background: #fff;
	background-color: #edf3fe;
	border: 1px solid #b6d4fe;
	border-radius: 5px;
	z-index: 9999;
}

.app-nav a {
	display: block;
	color: #41464b;
}


.filter-list-container h3 span {
	color: #41464b;
	font-weight: 400;
	font-size: 14px;
}







.hide-before-click{
	display: none;
}


.filter-row {
	margin: 20px 0 0;
	border:  1px solid #d5d5d5;
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 30px;
}

.filter-row.active{
	display: flex;
	/*margin-top: -10px;*/
	/*align-items: flex-start;*/
	/*margin-left: -15px;
	margin-right: -15px;*/
}

.filter-row.active .filter-col:first-child{
	border-right: 1px solid #eaeaea;
}

.filter-row .filter-col{
padding: 15px;
}

.filter-row.active .filter-col{
	/*border-top: 1px solid #eaeaea;*/
	border-bottom: 1px solid #eaeaea;

	/*margin-bottom: 20px;*/
	flex: 1 0 50%;
	width: 50%;
}


.filter-row .filter-col:last-child {
	display: none;
}

.filter-row.active .filter-col:last-child {
	display: block;
}


.app-buttons {
	display: flex;
	justify-content: flex-start;
	background: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	padding-left: 10px;
}

.app-buttons .buttons-group {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	padding-right: 10px;
	border-right:  1px solid #d5d5d5;
		display: flex;
	align-items: flex-end;
}



.app-buttons .buttons-group .latest-sites {
	margin-right: 20px;
	margin-bottom: 0;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.app-buttons .buttons-group .analyzer-form {
	display: flex;
	flex-direction: column;
}

.app-buttons .buttons-group .form-group {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.app-buttons .buttons-group .form-group span {
	width: 120px;
	margin-right: 5px;
}











.steps {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 0 0 20px;
}

.steps .step {
	border-radius: 40px;
	border: 1px solid #d5d5d5;
	display: flex;
	align-items: center;
	gap: 12px;
	background-color: #fff;
}

.steps .step div {
	background-color: #d5d5d5;
	width: 32px;
	height: 32px;
	font-size: 15px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.steps .step.active{
	border-color: #4c8bf7;
}

.steps .step.active div{
	background: #4c8bf7;
	color: #fff;
}

.steps .step span{
	display: inline-block;
	padding-right: 12px;
}




.wp-content ol{
	padding-left: 30px;
	margin-bottom: 20px;
}

.wp-content ul {
	padding-left: 0;
	margin-bottom: 20px;
}

.wp-content ol li,
.wp-content ul li {
	margin-bottom: 5px;
}

.wp-content ul li{
	padding-left: 30px;
	display: block;
	position: relative;
}

.wp-content ul li:before{
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #4c8bf7;
	position: absolute;
	left: 15px;
	top: 9px;
}

.wp-content p{
	font-size: 16px;
	margin: 0 0 15px;
	line-height: 1.4;
}