Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/js/landing/ui/form/styleform/src/css/
Upload File :
Current File : /var/www/homesaver/www/bitrix/js/landing/ui/form/styleform/src/css/style_form.css

.landing-ui-form-style {
	background: #fff;
	transform: translateZ(0);
	will-change: transform;
	margin: 0 0 5px;
	padding: 20px;
	border-radius: var(--ui-border-radius-md);
}

.landing-ui-form-style.landing-ui-form-style--collapsed {
	background-color: rgba(255, 255, 255, 0.8);
}

.landing-ui-form-style--collapsed .landing-ui-form-description,
.landing-ui-form-style--collapsed .landing-ui-form-body {
	display: none;
}

.landing-ui-form-style .landing-ui-form-header {
	font-size: 17px;
	line-height: 20px;
	display: block;
	padding-bottom: 0;
	margin-bottom: 0;
}

.landing-ui-form-style .landing-ui-form-header:hover {
	cursor: pointer;
}

.landing-ui-form-style .landing-ui-form-header .landing-ui-form-header-text {
	display: inline-block;
	border-bottom: 1px transparent dashed;
}

.landing-ui-form-style .landing-ui-form-header:hover .landing-ui-form-header-text {
	color: #2fc6f7;
}

.landing-ui-form-style .landing-ui-form-header + .landing-ui-form-body {
	margin-top: 8px;
}

.landing-ui-form-style + .landing-ui-form-style::before {
	position: absolute;
	top: 0;
}

.landing-ui-form-style .landing-ui-form-body .landing-ui-field:last-child {
	margin-bottom: 0;
}

.landing-ui-form-replace-by-templates-card {
	width: 100%;
	height: 107px;
	background: #eaf9fe url('images/replace_by_templates_card_bg.png') no-repeat right bottom;
	border-radius: 6px;
	padding: 16px 13px;
	position: relative;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.landing-ui-form-replace-by-templates-card:after
{
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	left: 6px;
	right: 6px;
	bottom: -25px;
	background-color: #f1f2f3;
	margin: 5px 0;
}

.landing-ui-form-replace-by-templates-card-title {
	font-weight: 300;
	font-size: 17px;
	line-height: 20px;
	color: #535C69;
}

.landing-ui-form-replace-by-templates-card-button {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjE2MDQgMi4zNDM0M0w0LjY4NzQ1IDYuODcwNDhMNS44NjAwMyA3Ljk5OTg1TDQuNjg3NDUgOS4xMjk4OUwwLjE2MDQgMTMuNjU2OUwxLjc1Nzg3IDE1LjI1NDRMOS4wMTIwMyA4LjAwMDI1TDEuNzU3ODcgMC43NDYwOTRMMC4xNjA0IDIuMzQzNDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
	background-position-x: calc(100% - 9px);
	background-position-y: center;
	background-repeat: no-repeat;
	padding-right: 35px;
}

.landing-ui-form-lock-icon
{
	display: inline-block;
	position: absolute;
	top: -10px;
	right: -5px;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC40NjEwNCA4LjQ5NjQ4VjkuNjYwNzFIMy41Mzg5MlY4LjQ5NjQ4QzMuMzcyOTYgOC4zNjEyNCAzLjI2NjcyIDguMTU0NjIgMy4yNjY3MiA3LjkyMjk2QzMuMjY2NzIgNy41MTU1MSAzLjU5NTAzIDcuMTg1MjIgMy45OTk5OSA3LjE4NTIyQzQuNDA0OTMgNy4xODUyMiA0LjczMzI0IDcuNTE1NTEgNC43MzMyNCA3LjkyMjk2QzQuNzMzMjQgOC4xNTQ2MiA0LjYyNzAzIDguMzYxMjQgNC40NjEwNCA4LjQ5NjQ4Wk0xLjk5MjUxIDMuNzY2NzdDMS45OTI1MSAyLjY1MTIzIDIuODkxMzIgMS43NDY5MSA0LjAwMDAyIDEuNzQ2OTFDNS4xMDg3NiAxLjc0NjkxIDYuMDA3NTYgMi42NTEyMyA2LjAwNzU2IDMuNzY2NzdWNS40NzQyNEgxLjk5MjUxVjMuNzY2NzdaTTcuMDY4NDYgNS40NzM5OFYzLjc2NjUxQzcuMDY4NDYgMi4wNjE0MiA1LjY5NDY1IDAuNjc5MTk5IDMuOTk5OTkgMC42NzkxOTlDMi4zMDUzNSAwLjY3OTE5OSAwLjkzMTU0MyAyLjA2MTQyIDAuOTMxNTQzIDMuNzY2NTFWNS40NzM5OEgwLjVDMC4yMjM4NTcgNS40NzM5OCAwIDUuNjk3ODQgMCA1Ljk3Mzk4VjEwLjgyMUMwIDExLjA5NzEgMC4yMjM4NTggMTEuMzIxIDAuNSAxMS4zMjFINy41QzcuNzc2MTQgMTEuMzIxIDggMTEuMDk3MSA4IDEwLjgyMVY1Ljk3Mzk4QzggNS42OTc4NCA3Ljc3NjE0IDUuNDczOTggNy41IDUuNDczOThINy4wNjg0NloiIGZpbGw9IiMyRkM2RjYiLz4KPC9zdmc+Cg==) no-repeat center;
	background-size: 8px;
	background-position-y: 2px;
}