%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/bitrix/www/bitrix/js/main/core/css/
Upload File :
Create Path :
Current File : /home/bitrix/www/bitrix/js/main/core/css/core_ui_select.css

.main-ui-select-inner-item {
	margin-bottom: 0;
}

.main-ui-select-inner-item.main-ui-select-inner-item-selected {
	background: #f3f6f8;
}

.popup-select-content .main-ui-select-inner-item,
.popup-multiselect-content .main-ui-select-inner-item {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.main-ui-select-inner-item.main-ui-select-inner-item-selected {
	background: #f3f6f8;
}

.main-ui-control.main-ui-select .main-ui-square-search,
.main-ui-control.main-ui-select .main-ui-square-search-item {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.main-ui-control.main-ui-multi-select .main-ui-square-search {
	position: relative;
}

.main-ui-control.main-ui-multi-select .main-ui-square-search::before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.main-ui-control.main-ui-multi-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.main-ui-square {
	box-sizing: border-box;
}

.main-ui-select-inner-item.main-ui-select-inner-item-legend {
	margin-top: 6px;
	padding-left: 10px;
	font-weight: bold;
	cursor: default;
	border-bottom: none;
}

.main-ui-select-inner-item.main-ui-select-inner-item-legend .main-ui-select-inner-item-element {
	height: 28px;
	line-height: 28px;
	margin-top: 2px;
}

.main-ui-select-inner-item.main-ui-select-inner-item-legend:hover {
	background: inherit;
}

.main-ui-select-inner-item.main-ui-select-inner-item-legend .main-ui-select-inner-label::before {
	display: none;
}

.bx-mac .main-ui-mac-scroll::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

.bx-mac .main-ui-mac-scroll::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.popup-select-content .main-ui-checked {
	background: #f3f6f8;
	font-weight: bold;
}

.main-ui-popup-show-animation {
	animation: popupShowAnimation 200ms;
	animation-fill-mode: both;
}

.main-ui-popup-close-animation {
	animation: popupCloseAnimation 200ms;
	animation-fill-mode: both;
}

.main-ui-popup-fast-show-animation {
	animation: popupShowAnimation 150ms;
	animation-delay: 10ms;
	animation-fill-mode: both;
}

.main-ui-popup-fast-close-animation {
	animation: popupCloseAnimation 150ms;
	animation-fill-mode: both;
}

.main-ui-square.main-ui-square-selected {
	-webkit-box-shadow: inset 0 0 0 2px #3BB4E3;
	box-shadow: inset 0 0 0 2px #3BB4E3;
}

.main-ui-control.main-ui-select,
.main-ui-control.main-ui-multi-select {
	padding: 3px 32px 3px 3px;
	height: auto;
	min-height: 38px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI1IDE2Ij4gIDxwb2x5Z29uIGZpbGw9IiM1MzVDNjkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIzLjU0NiA3LjQyNSAzLjU0NiAxLjYwNyAxLjYwNyAxLjYwNyAxLjYwNyA4LjM5NCAxLjYwNyA5LjM2NCA5LjM2NCA5LjM2NCA5LjM2NCA3LjQyNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDkuOSAxLjY1NykiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: right center;
	color: #535c69;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.main-ui-control.main-ui-multi-select {
	display: table;
	padding-bottom: 0;
}

.main-ui-control.main-ui-select {
	height: 38px;
}

.main-ui-select-name {
	display: inline-block;
	max-width: 450px;
	padding: 0 0 0 5px;
	line-height: 31px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.main-ui-select-inner {
	padding: 6px;
	margin: 1px 0 0 0;
	-webkit-box-shadow: 0 6px 21px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 6px 21px 0 rgba(0,0,0,0.15);
	box-shadow: 0 6px 21px 0 rgba(0,0,0,0.15);
}

.main-ui-select-inner-item {
	padding: 0 6px 0 3px;
	min-height: 33px;
	font: 14px/33px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #80868e;
	-webkit-transition: background .3s;
	transition: background .3s;
	cursor: pointer;
}

.main-ui-select-inner-item:last-child {
	margin: 0;
}

.main-ui-select-inner-item:hover {
	background: #f3f6f8;
}

.main-ui-select-inner-item.color1 {
	background: #d5f8fc;
	cursor: default;
}

.main-ui-select-inner-item.color2 {
	background: #f0f7ca;
	cursor: default;
}

.popup-multiselect-content {
	padding: 6px;
}

.popup-select-content {
	overflow: hidden;
	padding: 6px 0;
}

.popup-select-content .main-ui-select-inner-item {
	border-bottom: 3px solid #fff;
}

.popup-multiselect-content .main-ui-select-inner-item {
	margin: 0;
	padding: 0;
}

.popup-multiselect-content .main-ui-select-inner-item:last-child,
.popup-select-content .main-ui-select-inner-item:last-child {
	margin: 0;
	border-bottom: 0;
}

.main-ui-square-container {
	display: block;
}

.main-ui-square {
	position: relative;
	display: inline-block;
	float: left;
	padding: 0 30px 0 13px;
	margin: 0 3px 3px 0;
	height: 30px;
	border-radius: 2px;
	background: #bcedfc;
	font: 15px/30px "Helvetica Neue", Arial, Helvetica, sans-serif;
	vertical-align: middle;
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
	z-index: 2;
}

.main-ui-square-item {
	display: inline-block;
	max-width: 250px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-ui-square-delete {
	height: 30px;
	width: 25px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.065%203.682L2.377.994%201.01%202.362%203.696%205.05.99%207.757l1.368%201.37%202.708-2.71%202.7%202.703%201.37-1.368-2.702-2.7%202.682-2.684L7.748%201%205.065%203.682z%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
}

.main-ui-square-search {
	display: inline-block;
	padding: 0 0 0 5px;
	height: 30px;
	float: left;
}

.main-ui-square-search-item {
	width: 1px;
	padding: 0;
	height: 30px;
	border: none;
	font: 15px/30px "Helvetica Neue", Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	letter-spacing: 10px;
}

.main-ui-select .main-ui-control-value-delete,
.main-ui-multi-select .main-ui-control-value-delete {
	right: 25px;
	top: 50%;
	height: -webkit-calc(100% - 2px);
	height: calc(100% - 2px);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.main-ui-multi-select .main-ui-control-value-delete-item,
.main-ui-select .main-ui-control-value-delete-item {
	top: 50%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.main-ui-select-inner-label {
	display: inline-block;
	position: relative;
	line-height: 21px;
	padding-left: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.main-ui-select-inner-label:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 4px;
	height: 15px;
	width: 18px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23C6CDD3%22%20rx%3D%222%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}

.main-ui-checked .main-ui-select-inner-label:before {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20x%3D%22.5%22%20y%3D%221.125%22%20fill%3D%22%23FFF%22%20stroke%3D%22%23259EC6%22%20rx%3D%222%22/%3E%3Cpath%20fill%3D%22%23259EC6%22%20d%3D%22M7.53%208.487l-3.775-3.6-1.25%201.368%204.94%205.01.075-.074.286.335%208.694-10.4L15.094%200%207.53%208.487z%22/%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: 2px 0;
}

.main-ui-item-icon-block {
	position: absolute;
	top: 0;
	right: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 5px;
	height: 39px;
	width: 60px;
	box-sizing: border-box;
}

.main-ui-item-icon {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 100%;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	opacity: .3;
	cursor: pointer;
}

.main-ui-item-icon:hover {
	opacity: 1;
}

.main-ui-focus {
	border: 1px solid rgba(81, 203, 238, 1);
}


@keyframes popupShowAnimation {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,5px,0);
		-moz-transform: translate3d(0,5px,0);
		-ms-transform: translate3d(0,5px,0);
		-o-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0px,0);
		-moz-transform: translate3d(0,0px,0);
		-ms-transform: translate3d(0,0px,0);
		-o-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0);
	}
}

@keyframes popupCloseAnimation {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0,0px,0);
		-moz-transform: translate3d(0,0px,0);
		-ms-transform: translate3d(0,0px,0);
		-o-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,25px,0);
		-moz-transform: translate3d(0,25px,0);
		-ms-transform: translate3d(0,25px,0);
		-o-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0);
	}
}

Zerion Mini Shell 1.0