Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/js/landing/ui/button/sidebarbutton/src/css/
Upload File :
Current File : /var/www/homesaver/www/bitrix/js/landing/ui/button/sidebarbutton/src/css/sidebar_button.css

.landing-ui-button-sidebar {
	background: none;
	color: #525C69;
	font-size: 15px;
	line-height: 40px;
	padding: 0 20px 0 15px;
	border: none;
	display: flex;
	align-items: center;
	height: 40px;
	width: 100%;
	text-align: left;
}

.landing-ui-button-sidebar .landing-ui-button-text {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	border-radius: 100px;

	display: inline-block;
	line-height: 30px;
}

.landing-ui-button-sidebar:hover {
	background: rgba(82, 92, 105, .07);
}

.landing-ui-button-sidebar.landing-ui-active .landing-ui-button-text {
	background: rgba(82, 92, 105, .6);
	color: #ffffff;
}


.landing-ui-button-sidebar.landing-ui-new-section .landing-ui-button-text {
	position: relative;
}

.landing-ui-button-sidebar.landing-ui-new-section .landing-ui-button-text::before {
	background: #2FC6F6;
	position: absolute;
	top: 7px;
	right: 7px;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
}


.landing-ui-button-sidebar:not(.landing-ui-button-sidebar-child) {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	font-size: 12px;
	text-transform: uppercase;
	color: #333333;
	line-height: 41px;
	border-bottom: 1px rgba(216, 216, 216, .5) solid;
	border-radius: 0;
	margin-left: 30px;
	margin-right: 35px;
	padding-left: 0!important;
	padding-top: 0;
	width: calc(100% - 60px);
}


.landing-ui-button-sidebar:not(.landing-ui-button-sidebar-child) .landing-ui-button-text {
	margin-left: -15px;
}

.landing-ui-button-sidebar:not(.landing-ui-button-sidebar-child):hover {
	background: none;
}

.landing-ui-button-sidebar-child + .landing-ui-button-sidebar:not(.landing-ui-button-sidebar-child),
.landing-ui-button-sidebar-empty + .landing-ui-button-sidebar:not(.landing-ui-button-sidebar-child) {
	margin-top: 40px;
}


.landing-ui-button-sidebar.landing-ui-button-sidebar-feedback {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	position: relative;
	overflow: visible;
	margin-top: 40px;
	background: none;
	color: #0063C6;
	font-size: 14px;
	text-transform: none;
}

.landing-ui-button-sidebar.landing-ui-button-sidebar-feedback:not(.landing-ui-active):hover {
	opacity: .65;
}

.landing-ui-button-sidebar.landing-ui-button-sidebar-feedback::before {
	display: block;
	content: '';
	position: absolute;
	top: -17px;
	left: 30px;
	width: 156px;
	border-top: 1px rgba(0, 0, 0, .1) solid;
	pointer-events: none;
}

.landing-ui-button-sidebar-icon {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	font-size: 13px;
	color: #00A6DB;
	display: inline-block;
	background-position: left;
	background-repeat: no-repeat;
	height: 16px;
	padding-left: 19px;
	line-height: 14px;
	margin-left: 3px;
}

.landing-ui-button-sidebar-icon-important {
	background-image: url("images/important-icon.svg");
}

.landing-ui-button-sidebar-more {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	opacity: 0.4;
	font-size: 10px;
	color: #525C69;
	line-height: 18px;
	position: fixed;
	bottom: 75px;
	border-bottom: 0;
	padding-left: 30px!important;
	width: 288px;
}

.landing-ui-button-sidebar-more .landing-ui-button-text {
	padding-left: 5px;
}

.landing-ui-button-sidebar-more::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	width: 238px;
	left: 30px;
	border-top: 1px rgba(0, 0, 0, .1) solid;
	pointer-events: none;
}

.landing-ui-button-sidebar-more::before {
	background: url("images/more-button-icon.svg") 50% no-repeat;
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
}