html, body {
	background-color: #f7f8fa;
	min-width: 320px;
}

.p_block.p_header, .p_block.p_header h1, .p_block.p_header h2, .p_block.p_header h3, .p_block.p_header h4, .p_block.p_header h5 {
	margin-top: 2em;
	font-weight: 600;
}

.columns {
	display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
    flex-direction: row;
}

.columns .column {
    flex: 1;
}

.p_block ol {
  counter-reset: item;
  list-style: none;
  margin: .5em 0;
}

.p_block ol li {
	counter-increment: item;
	margin: .5em 0;
}

.p_block ol li::before {
	content: counters(item, ".") ". ";
}

.checklist {
	display: flex;
	flex-direction: column;
	gap: .25em;
	list-style: none;
    padding: 0;
}

.tc-table {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    font-size: 14px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    line-height: 1.4;
    background-color: #fff;
    margin: 1em 0;
}

.tc-table:after {
    width: calc(var(--cell-size));
    height: 100%;
    left: calc(var(--cell-size)*-1);
    top: 0
}

.tc-row-heading {
    font-weight: 600;
    border-bottom: 2px solid #eee;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f5f5f5;
}

.tc-table--heading .tc-row:first-child:after {
    bottom: -2px;
    border-bottom: 2px solid #eee;
}

.tc-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
    position: relative;
    border-bottom: 1px solid #eee;
}

.tc-row:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: var(--cell-size);
    height: 100%;
    bottom: -1px;
    right: calc(var(--cell-size)*-1);
    border-bottom: 1px solid #eee;
}

.tc-cell {
    border-right: 1px solid #eee;
    padding: 6px 12px;
    overflow: hidden;
    outline: none;
    line-break: normal
}

.tc-table--heading .tc-row:first-child {
	z-index: 0;
}

.footer {
	box-sizing: border-box;
	padding: 1em;
	line-height: 1.35;
}

.footer {
	text-align: center;
	color: #888;
	font-size: .91em;
}

	.footer .legal a {
		display: inline-block;
		margin: 0 .5em;
		
		opacity: .8;
	}

	.footer .legal a:hover {
		opacity: 1;
	}


.inner {
	max-width: 1440px;
	margin: 0 auto;
}

.list-item {
	background-color: #fff;
	border-radius: 4px;
	padding: 20px;
	margin-top: 20px;
}

	.list-item .sett {
		float: left;
		margin: 0 10px 0 0;
		display: inline;
		/* display: inline-block; */
	}

		.list-item .sett a {
			opacity: .2;
			transition: all .15s ease;
		}

		.list-item .sett a:hover {
			opacity: .4;
		}

	.list-item .title {
		font-size: 18px;
	}

	.link {
		display: block;
		margin: 20px 0;
	}

.card {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
    box-sizing: border-box;
}

.profile .section, .support .section {
    position: relative;
    margin-bottom: 20px;
}

.section.desc {
	line-height: 1.5;
}

.profile h1, .support h1 {
	text-align: center;
	margin-bottom: 1em;
}

.prof-desc {
	margin-bottom: 2em;
	text-align: center;
	font-size: 1.15em;
}

.prof-help {
	margin-left: 30px;
	background-color: #eee;
	padding: 20px;
	border-radius: 4px;
}

.prof-help-desc {
	font-size: 1.15em;
	line-height: 1.5;
}

.not-valid {
	color: #d72a2a;
	margin-bottom: 10px;
	background-color: #ffecec;
	padding: 5px 10px;
	border-radius: 3px;
}

.prof-result {
	margin-bottom: 20px;
	padding: 15px 20px;
	border-radius: 4px;
	color: #4394ff;
	font-weight: 500;
	background-color: #e9f6ff;
	display: none;
}

.prof-result.error {
	color: #d72a2a;
	background-color: #ffecec;
}

.prof-result.warn {
	color: #444;
	background-color: #fff6c1;
}

.store-list .title {
	margin-bottom: 20px;
}

.store-list .stats {
	margin: 0;
	padding: 0;
}

.store-list .stats li {
	list-style: none;
	margin-bottom: 10px;
	color: #888;
}

.store-list .stats li:last-child {
	margin-bottom: 0;
}

.store-list .stats li > span {
	/*float: right;*/
	font-weight: 500;
}

.plan_info {
	line-height: 1.5;
}

.ending {
	color: #888;
}

.sites h1 {
	margin-bottom: 1em;
}

.newsite {
	text-align: right;
}

.tickets-head {
	/*border-bottom: 1px solid #eee;*/
	font-size: .85em;
	color: #888;
	padding-bottom: .85em;
}

.tickets-list {
	padding: 1em 0;
	border-top: 1px solid #eee;
}

	.tickets-list .update {
		margin-top: .5em;
		color: #888;
		font-size: .85em;
	}

.support:not(.ticket-dashboard):not(.tickets-dashboard__workspace) .status {
	font-size: 13px;
	color: #fff;
	padding: 7px 11px 7px 26px;
	border-radius: 50px;
	background-color: #eee;
	background-position: 8px center;
	background-repeat: no-repeat;
	display: inline-block;
}

.support:not(.ticket-dashboard):not(.tickets-dashboard__workspace) .status.new {
	background-color: #009fff;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12px' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M467.812,431.851l-36.629-61.056c-16.917-28.181-25.856-60.459-25.856-93.312V224c0-67.52-45.056-124.629-106.667-143.04 V42.667C298.66,19.136,279.524,0,255.993,0s-42.667,19.136-42.667,42.667V80.96C151.716,99.371,106.66,156.48,106.66,224v53.483 c0,32.853-8.939,65.109-25.835,93.291l-36.629,61.056c-1.984,3.307-2.027,7.403-0.128,10.752c1.899,3.349,5.419,5.419,9.259,5.419 H458.66c3.84,0,7.381-2.069,9.28-5.397C469.839,439.275,469.775,435.136,467.812,431.851z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M188.815,469.333C200.847,494.464,226.319,512,255.993,512s55.147-17.536,67.179-42.667H188.815z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.support:not(.ticket-dashboard):not(.tickets-dashboard__workspace) .status.inwork {
	background-color: #FF8F00;
	background-image: url("data:image/svg+xml,%3Csvg width='12px' height='12px' fill='%23fff' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m256 0c-141.375 0-256 114.625-256 256s114.625 256 256 256 256-114.625 256-256-114.625-256-256-256zm165.332031 277.332031h-165.332031c-11.796875 0-21.332031-9.554687-21.332031-21.332031v-165.332031c0-11.777344 9.535156-21.335938 21.332031-21.335938s21.332031 9.558594 21.332031 21.335938v144h144c11.796875 0 21.335938 9.554687 21.335938 21.332031s-9.539063 21.332031-21.335938 21.332031zm0 0'/%3E%3C/svg%3E");
}

.support:not(.ticket-dashboard):not(.tickets-dashboard__workspace) .status.wait {
	background-color: #00c853;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12px' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M511.563,434.259c-1.728-142.329-124.42-258.242-277.087-263.419V95.999c0-17.645-14.342-31.999-31.974-31.999 c-7.931,0-15.591,3.042-21.524,8.562c0,0-134.828,124.829-173.609,163.755C2.623,241.109,0,248.088,0,255.994 c0,7.906,2.623,14.885,7.369,19.687c38.781,38.915,173.609,163.745,173.609,163.745c5.933,5.521,13.593,8.562,21.524,8.562 c17.631,0,31.974-14.354,31.974-31.999v-74.591c153.479,2.156,255.792,50.603,255.792,95.924c0,5.896,4.767,10.666,10.658,10.666 c0.167,0.021,0.333,0.01,0.416,0c5.891,0,10.658-4.771,10.658-10.666C512,436.259,511.854,435.228,511.563,434.259z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.support:not(.ticket-dashboard):not(.tickets-dashboard__workspace) .status.closed {
	background-color: #dadada;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='%23fff' viewBox='-64 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m336 192h-16v-64c0-70.59375-57.40625-128-128-128s-128 57.40625-128 128v64h-16c-26.453125 0-48 21.523438-48 48v224c0 26.476562 21.546875 48 48 48h288c26.453125 0 48-21.523438 48-48v-224c0-26.476562-21.546875-48-48-48zm-229.332031-64c0-47.0625 38.269531-85.332031 85.332031-85.332031s85.332031 38.269531 85.332031 85.332031v64h-170.664062zm0 0'/%3E%3C/svg%3E");
}

.sup-panel {
	padding-right: 1em;
}

	.sup-panel > .section {
		color: #888;
	}

	.sup-panel > .section > .sinfo {
		margin-top: .5em;
		color: #444;
		font-weight: 500;
	}

.chat {
	margin-bottom: 25px;
/*	height: 70vh;
	overflow-y: scroll;*/
}

.chat-item:after {
	content: '';
	display: block;
	clear: both;
}

.msg {
	margin-bottom: 10px;
	max-width: 80%;
	float: right;
	text-align: right;
	display: block;
	position: relative;
}

	.msg > .text {
		background-color: rgba(2,158,255, .25);
		padding: 10px 15px;
		border-radius: 20px;
		line-height: 1.5;
		text-align: left;
		border-radius: 20px 20px 3px 20px;
		overflow-x: hidden;
		text-overflow: ellipsis;
	}

	.msg.type2 > .text {
		/*max-width: 40%;*/
		background-color: rgba(2,158,255, .25);
		padding: 0;
		box-sizing: border-box;
		border: 4px solid transparent;
		overflow:hidden;
		border-radius: 20px;
		line-height: 1;
		/*text-align: left;*/
	}

		.msg.type2 > .text img {
			max-width: 300px;
			display: block;
		}

		.msg.type2 > .text .name {
			display: none !important;
		}

	.msg.type3, .msg.type4 {
		color: #888;
		width: 100%;
		max-width: 100%;
		text-align: center !important;
		box-sizing: border-box;
	}

		.msg.type3 > .text, .msg.type4 > .text {
			background-color: transparent !important;
			text-align: center;
			padding: 0;
		}

		.msg.type3 .name, .msg.type4 .name {
			display: none !important;
		}

	.msg .action {
		position: absolute;
		top: 12px;
		left: -20px;
		display: none;
	}

		.msg.operator .action {
			left: auto;
			right: -20px;
		}

	.chat-item:hover .msg .action {
		display: inline-block;
	}

	.msg .action a {
		display: block;
		width: 14px;
		height: 14px;
		opacity: .35;
	}

		a.rem {
			background: transparent url("data:image/svg+xml,%3Csvg width='10px' height='10px' fill='%23000' viewBox='0 0 515.556 515.556' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m64.444 451.111c0 35.526 28.902 64.444 64.444 64.444h257.778c35.542 0 64.444-28.918 64.444-64.444v-322.222h-386.666z'/%3E%3Cpath d='m322.222 32.222v-32.222h-128.889v32.222h-161.111v64.444h451.111v-64.444z'/%3E%3C/svg%3E") center no-repeat;
		}

		.msg .action a:hover {
			opacity: .7;
		}

.time {
	color: #888;
	font-size: 11px;
	padding: 5px 15px 0;
	opacity: .75;
}

.msg.operator {
	float: left;
	text-align: left;
}

.msg.operator > .text {
	background-color: #eee;
	border-radius: 20px 20px 20px 3px;
}

.msg.operator > .text > .name {
	font-size: 12px;
	color: #888;
	display: block;
	/*font-weight: bold;*/
}

.info_closed {
	background-color: #eee;
	padding: 15px 20px;
	border-radius: 3px;
	line-height: 1.5;
}

.legal h1 {
	font-size: 2em;
	font-weight: 500;
}

.legal .paragraph {
	margin: 1em 0;
	line-height: 1.4;
	font-size: 1.23em;
}

.legal .header h2 {
	font-weight: 500;
	margin-top: 1.5em;
}

.legal .updated {
	color: #888;
}

.legal .list {
	margin: 1em 0;
}

.legal .list ul {
	margin: 0;
	font-size: 1.23em;
}

.legal .list ul li {
	margin-bottom: 1em;
}

	.legal .list ul li:last-child {
		margin-bottom: 0;
	}









@media screen and (max-width: 767px) {

	.prof-help {
		margin-left: 0;
	}

	.card {
		margin-bottom: 20px;
	}

	.newsite {
		text-align: left;
		margin-top: 1em;
	}

	.store-list .stats {
		font-size: .8em;
		margin-top: 1em;
	}

	.store-list .stats li {
		margin: 5px 10px 0 0;
		display: inline-block;
	}

	.plan_info {
		margin-top: 1em;
	}

	.tickets-head {
		display: none;
	}

	.tickets-list {
		border: 1px solid #eee;
		border-radius: 5px;
		padding: 1em;
		margin-bottom: 1em;
		box-sizing: border-box;
	}

	.tickets-list:last-child {
		margin-bottom: 0;
	}

	.support:not(.ticket-dashboard):not(.tickets-dashboard__workspace) .status {
		margin-top: .9em;
	}

	.chat {
		border-top: 3px solid #eee;
		padding-top: 1.5em;
	}

}



.select.method.hidden {
        display: none;
}