.ui-grid-tile {
	margin: 0 -9px;
	position: relative;
}

.ui-grid-tile-no-data-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	animation: ui-grid-tile-no-data-inner-show .1s linear forwards;
	animation-delay: .4s;
}

.ui-grid-tile-no-data-image {
	margin: auto;
	width: 87px;
	height: 111px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2087%20111%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23535c69%3B%20fill-rule%3A%20evenodd%3B%20opacity%3A%200.12%3B%20%7D%3C/style%3E%3C/defs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M86.93%2025.17l.018-.018L61.884.032l-.03.03v-.05H.012v111h86.8v-.008h.17V31.988h.034v-6.82h-.085zM61.84%209.63l15.504%2015.54H61.84V9.63zm18.336%2094.564H6.816V6.83h48.222v18.34h-.02v6.818h25.16v72.206zM56.91%2044.814L44.43%2057.32%2031.95%2044.812%2026.576%2050.2l12.48%2012.508-12.48%2012.507%205.376%205.388L44.43%2068.1l12.48%2012.508%205.377-5.388-12.48-12.508L62.288%2050.2z%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.ui-grid-tile-no-data-text {
	font: 32px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #c6c8cc;
	text-align: center;
	white-space: nowrap;
}

@keyframes ui-grid-tile-no-data-inner-show {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}

}

.bitrix24-dark-theme .ui-grid-tile-no-data-text {
	color: #909090;
}

.bitrix24-light-theme .ui-grid-tile-no-data-image {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2087%20111%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23fff%3B%20fill-rule%3A%20evenodd%3B%20opacity%3A%200.12%3B%20%7D%3C/style%3E%3C/defs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M86.93%2025.17l.018-.018L61.884.032l-.03.03v-.05H.012v111h86.8v-.008h.17V31.988h.034v-6.82h-.085zM61.84%209.63l15.504%2015.54H61.84V9.63zm18.336%2094.564H6.816V6.83h48.222v18.34h-.02v6.818h25.16v72.206zM56.91%2044.814L44.43%2057.32%2031.95%2044.812%2026.576%2050.2l12.48%2012.508-12.48%2012.507%205.376%205.388L44.43%2068.1l12.48%2012.508%205.377-5.388-12.48-12.508L62.288%2050.2z%22/%3E%3C/svg%3E');
}

.bitrix24-dark-theme .ui-grid-tile-no-data-image {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2087%20111%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23333%3B%20fill-rule%3A%20evenodd%3B%20opacity%3A%200.12%3B%20%7D%3C/style%3E%3C/defs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M86.93%2025.17l.018-.018L61.884.032l-.03.03v-.05H.012v111h86.8v-.008h.17V31.988h.034v-6.82h-.085zM61.84%209.63l15.504%2015.54H61.84V9.63zm18.336%2094.564H6.816V6.83h48.222v18.34h-.02v6.818h25.16v72.206zM56.91%2044.814L44.43%2057.32%2031.95%2044.812%2026.576%2050.2l12.48%2012.508-12.48%2012.507%205.376%205.388L44.43%2068.1l12.48%2012.508%205.377-5.388-12.48-12.508L62.288%2050.2z%22/%3E%3C/svg%3E');
}

.ui-grid-tile-item {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 9px;
}

.ui-grid-tile-fade {
	pointer-events: none;
}

.ui-grid-tile-fade .ui-grid-tile-item {
	opacity: .5;
}

.ui-grid-tile-item:focus {
	outline: none;
}

.ui-grid-tile-item:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.ui-grid-tile-item-fixed-height:before {
	display: none;
}

.ui-grid-tile-item-to-fade {
	pointer-events: none;
	opacity: 0;
	transition: .1s;
	transform: scale3d(.85,.85,.85);
}

.ui-grid-tile-item-to-receive {
	pointer-events: none;
	transition: .3s;
	animation: ui-grid-tile-item-to-receive .4s ease-out forwards;
}

@keyframes ui-grid-tile-item-to-receive {
	0% {
		transform: scale3d(1,1,1);
	}
	25% {
		transform: scale3d(1.02,1.02,1.02);
	}
	75% {
		transform: scale3d(.99,.99,.99);
	}
	100% {
		transform: scale3d(1,1,1);
	}
}

.ui-grid-tile-item-to-remove {
	width: 0 !important;
	margin: 0;
	transition: .3s;
}

.ui-grid-tile-item-active {
	pointer-events: none;
}

.ui-grid-tile-item-content {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.ui-grid-tile-item-draggable,
.ui-grid-tile-item-draggable-single {
	position: absolute;
	transform: translate(-50%, -50%);
	transition: none;
	z-index: 9999;
}

.ui-grid-tile-item-draggable-single {
	transform: translate(-50%, -50%) rotate(4deg);
}

.ui-grid-tile-item-draggable .ui-grid-tile-item {
	border: none;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.ui-grid-tile-item-draggable .ui-grid-tile-item:first-child {
	z-index: 99;
}

.ui-grid-tile-item-draggable .ui-grid-tile-item:nth-child(2) {
	z-index: 9;
	transform: translate(4%, 1%) rotate(4deg);
}

.ui-grid-tile-item-draggable .ui-grid-tile-item:nth-child(3) {
	z-index: 1;
	transform: translate(8%, 2%) rotate(8deg);
}

.ui-grid-tile-item-checkbox {
	position: absolute;
	width: 18px;
	height: 18px;
	background: #fff;
	border: 1px solid rgba(130,139,149,.67);
	border-radius: 2px;
	top: 9px;
	right: 10px;
	pointer-events: none;
	opacity: 0;
	transition: .3s;
	z-index: 99;
}

.ui-grid-tile-multi-select-mode .ui-grid-tile-item-checkbox,
.ui-grid-tile-item-checkbox-checked,
.ui-grid-tile-item:hover .ui-grid-tile-item-checkbox {
	opacity: 1;
	pointer-events: auto;
}

.ui-grid-tile-multi-select-mode .ui-grid-tile-item-checkbox {
	pointer-events: none !important;
}

.ui-grid-tile-item-checkbox:before {
	content: ' ';
	position: absolute;
	width: 11px;
	height: 9px;
	top: 5px;
	left: 4px;
	transition: .1s;
	opacity: 0;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211px%22%20height%3D%229px%22%20viewBox%3D%220%200%2011%209%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20transform%3D%22translate%28-429.000000%2C%20-293.000000%29%22%20fill%3D%22%23fff%22%3E%3Cg%20transform%3D%22translate%28235.000000%2C%20274.000000%29%22%3E%3Cpolygon%20points%3D%22195.763786%2021.7055734%20198.039772%2023.9815596%20203.025463%2019%20204.789249%2020.763786%20199.807689%2025.7453457%20198.039772%2027.5091317%20196.275986%2025.7453457%20194%2023.4693595%22%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E') center center no-repeat;
}

.ui-grid-tile-item-checkbox-checked {
	border-color: #2687E8;
	background: #2687E8;
	transition: .1s;
}

.ui-grid-tile-item-checkbox-checked:before {
	opacity: 1;
}