Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/components/bitrix/main.mail.form/templates/.default/
Upload File :
Current File : /var/www/homesaver/www/bitrix/components/bitrix/main.mail.form/templates/.default/style.css

.main-mail-form-border-bottom {
	border-bottom: 1px solid rgba(198,205,211,0.35);
}

.main-mail-form-wrapper {
	clear: both;
	background: #fff;
	padding: 10px 50px;
	font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	border-radius: var(--main-mail-form-border-radius, var(--ui-border-radius-md));
}

.ui-selector-footer .ui-selector-footer-link-add.hide-before:before {
	visibility: hidden;
}

.main-mail-form-fields-wrapper {
	padding: 7px 0;
}

.main-mail-form-docs-wrapper {
	margin: -20px 0 15px 0;
	border-top: 1px solid rgba(198,205,211,0.35);
	background: rgba(235, 241, 244, 0.23);
	padding: 10px 20px;
}

.main-mail-form-fields-table {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.main-mail-form-fields-table-cell {
	padding: 7px 0;
}

.main-mail-form-fields-footer-cell {
	padding: 0;
}

.main-mail-form-field-title-cell {
	padding-right: 10px;
	color: #80868e;
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
}

.main-mail-form-field-title,
.main-mail-form-field-spacer,
.main-mail-form-field-spacer-25 {
	display: inline-block;
	vertical-align: middle;
}

.main-mail-form-field-title-required .main-mail-form-field-title {
	font-weight: var(--ui-font-weight-bold);
}

.main-mail-form-field-spacer {
	height: 39px;
}

.main-mail-form-field-spacer-25 {
	height: 25px;
}

.main-mail-form-field-value-cell {
	width: 100%;
	vertical-align: middle;
}

.main-mail-form-field-value-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #c6cdd3;
	border-radius: var(--main-mail-form-field-border-radius, var(--ui-border-radius-2xs, 2px));
	padding: 3px;
	min-height: 39px;
}

.main-mail-form-field-value-short .main-mail-form-field-value-wrapper {
	max-width: 480px;
}

.main-mail-form-field-value-rcpt .main-mail-form-field-value-wrapper {
	padding: 3px 0 0 3px;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-wrapper,
.main-mail-form-editor-wrapper.main-mail-form-field-value-menu-ext {
	margin-right: 24px;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-menu-ext-button {
	position: absolute;
	display: block;
	top: 0px;
	right: -30px;
	opacity: 0.6;
	cursor: pointer;
	transition: opacity .2s;
}

.main-mail-form-editor-wrapper .main-mail-form-field-value-menu-ext-button {
	right: -29px;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-menu-ext-button:before {
	content: ' ';
	display: block;
	margin: 16px 17px 16px 5px;
	width: 4px;
	height: 4px;
	background: #80868e;
	box-shadow: 6px 0 0 #80868e, 12px 0 0 #80868e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-menu-ext-button:hover {
	opacity: 1;
}

.main-mail-form-field-value-menu-ext-content .popup-window-content {
	max-height: 360px;
	overflow-y: auto;
}

.main-mail-form-field-rcpt-value-wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-bottom: 3px;
	min-width: 160px;
}

.main-mail-form-field-value {
	position: relative;
	box-sizing: border-box;
	outline: none;
	border: none;
	padding: 0 5px;
	height: 31px;
	width: 100%;
	font: 15px/31px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	vertical-align: middle;
}

.main-mail-form-field-value::placeholder {
	font-size: 13px;
	color: #80868e;
}

.main-mail-form-field-rcpt-value {
	vertical-align: baseline;
}

.main-mail-form-field-from-icon {
	display: inline-block;
	margin: 0 5px 0 0;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #535c6a no-repeat center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny4xODgiIGhlaWdodD0iNTQuMDYzIiB2aWV3Qm94PSIwIDAgNDcuMTg4IDU0LjA2MyI+PGRlZnM+PHN0eWxlPi5jbHMtMSB7IGZpbGw6ICNmZmY7IGZpbGwtcnVsZTogZXZlbm9kZDsgfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJTaGFwZV8yX2NvcHlfNCIgZGF0YS1uYW1lPSJTaGFwZSAyIGNvcHkgNCIgY2xhc3M9ImNscy0xIiBkPSJNNDcuMTggNTQuMDYyYzAtMy4yMTctMy42MS0xNi44MjYtMy42MS0xNi44MjYgMC0xLjk5LTIuNi00LjI2LTcuNzItNS41ODVhMTcuMzk0IDE3LjM5NCAwIDAgMS00Ljg4Ny0yLjIyM2MtLjMzLS4xODgtLjI4LTEuOTI1LS4yOC0xLjkyNWwtMS42NDgtLjI1YzAtLjE0Mi0uMTQtMi4yMjUtLjE0LTIuMjI1IDEuOTcyLS42NjMgMS43Ny00LjU3NCAxLjc3LTQuNTc0IDEuMjUyLjY5NSAyLjA2OC0yLjQgMi4wNjgtMi40IDEuNDgyLTQuMy0uNzM4LTQuMDQtLjczOC00LjA0YTI3LjA1IDI3LjA1IDAgMCAwIDAtNy45MThjLS45ODctOC43MDgtMTUuODQ3LTYuMzQ0LTE0LjA4NS0zLjUtNC4zNDMtLjgtMy4zNTIgOS4wODItMy4zNTIgOS4wODJsLjk0MiAyLjU2Yy0xLjg1IDEuMi0uNTY0IDIuNjUtLjUgNC4zMi4wOSAyLjQ2NiAxLjYgMS45NTUgMS42IDEuOTU1LjA5MyA0LjA3IDIuMSA0LjYgMi4xIDQuNi4zNzcgMi41NTYuMTQyIDIuMTIuMTQyIDIuMTJsLTEuNzg2LjIxN2E3LjEgNy4xIDAgMCAxLS4xNCAxLjczMmMtMi4xLjkzNi0yLjU1MyAxLjQ4NS00LjY0IDIuNC00LjAzMiAxLjc2Ny04LjQxNCA0LjA2NS05LjE5MyA3LjE2Uy0uMDEyIDU0LjA2LS4wMTIgNTQuMDZoNDcuMTl6Ii8+PC9zdmc+);
	background-size: 50%;
	vertical-align: middle;
}

.main-mail-form-field-from-copy {
	float: right;
}

.main-mail-form-field-from-copy-checkbox {
	vertical-align: middle;
	margin: 0px 5px;
}

.main-mail-form-field-from-copy-text {
	color: #80868e;
}

.main-mail-form-field-value-menu {
	color: #525c69;
	cursor: pointer;
}

.main-mail-form-field-value-menu:after {
	content: "";
	display: inline-block;
	margin: -1px 0 0 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4.5px 0 4.5px;
	border-color: rgba(82,92,105,.5) transparent transparent transparent;
	vertical-align: middle;
	-webkit-transition: border-color .3s;
	transition: border-color .3s;
}
.main-mail-form-field-value-menu:hover:after {
	border-color: rgba(82,92,105,1) transparent transparent transparent;
}

.main-mail-form-field-value-menu-content .popup-window-content {
	max-height: 360px;
	overflow-y: auto;
}

.main-mail-form-fields-buttons {
	text-align: right;
	font-size: 12px;
}

.main-mail-form-field-button {
	margin: 0 0 0 10px;
	color: #80868e;
	cursor: pointer;
	border-bottom: 1px dashed transparent;
	transition: border-bottom-color .1s linear;
}

.main-mail-form-field-button:hover {
	border-bottom-color: #80868e;
}

.main-mail-form-quote-button-wrapper {
	display: block;
}

.main-mail-form-quote-button {
	display: inline-block;
	margin: 10px;
	height: 12px;
	width: 32px;
	background: #e2e3e5;
	color: #535c69;
	text-align: center;
	line-height: 5px;
	cursor: pointer;
}

.main-mail-form-footer-wrapper,
.main-mail-form-footer {
	box-sizing: border-box;
	padding: 10px 0;
}

.main-mail-form-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
}

.main-mail-form-footer-fixed {
	position: fixed;
	bottom: 0;
	z-index: 1500;
	padding: 10px 20px;
	box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, .05);
	transform: translateY(0) !important;
	transition: transform .4s ease-in-out;
}

.main-mail-form-footer-fixed-hidden {
	transform: translateY(200%) !important;
}

.main-mail-form-editor-wrapper {
	position: relative;
}

.main-mail-form-drop-animation {
	-webkit-animation: mainMailFormDropKeyframes .2s linear forwards !important;
	animation: mainMailFormDropKeyframes .2s linear forwards !important;
}

.main-mail-form-rise-animation {
	-webkit-animation: mainMailFormRiseKeyframes .2s linear forwards !important;
	animation: mainMailFormRiseKeyframes .2s linear forwards !important;
}

.main-mail-form-hide-animation {
	-webkit-animation: mainMailFormHideKeyframes .2s linear forwards !important;
	animation: mainMailFormHideKeyframes .2s linear forwards !important;
}

@-webkit-keyframes mainMailFormDropKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes mainMailFormDropKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes mainMailFormRiseKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes mainMailFormRiseKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes mainMailFormHideKeyframes {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes mainMailFormHideKeyframes {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

/* main.post.form + disk.uf.file hacks */
.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form,
.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-text {
	margin: 0;
	padding: 0;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form {
	margin: 0 0 5px 0;
	padding: 0;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form-but-wrap {
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
}
.main-mail-form-wrapper .main-mail-form-editor-wrapper .diskuf-selectdialog {
	margin: 5px 0 0 0;
	padding: 15px 0;
	border: none;
	border-top: 1px solid rgba(198,205,211,0.35);
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .diskuf-files-block {
	padding: 5px 0 0 5px;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form {
	border-top: 1px solid transparent;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper.main-mail-form-editor-no-toolbar .feed-add-post-form {
	border-top: 1px solid rgba(198,205,211,0.35);
}

/* rcpt selector styles */
.feed-add-destination-link.main-mail-form-field-rcpt-add-link {
	font-family: inherit;
	font-size: inherit;
	line-height: 17px;
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 9px;
}
.main-mail-form-field-rcpt-item,
.main-mail-form-field-rcpt-more-wrapper {
	margin: 0 3px 3px 0;
	vertical-align: middle;
}
.main-mail-form-wrapper .main-mail-form-field-rcpt-item .feed-add-post-destination,
.main-mail-form-wrapper .main-mail-form-field-rcpt-more-wrapper .feed-add-post-destination {
	margin: 0;
}
.feed-add-post-destination.main-mail-form-field-rcpt-item-more {
    background: #efefef;
    color: #808080;
	padding: 0 10px;
	cursor: pointer;
}

.menu-popup-right-icon {
	padding-right: 16px;
}
.menu-popup-item .main-mail-form-field-from-menu-delete-icon {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 32px;
}

/* version = 1 patch begin */
.feed-add-post-destination.feed-add-post-destination-mailcontacts {
	background-color: #ffec91;
	color: #a26b00;
	padding-left: 32px;
}
.feed-add-post-destination.feed-add-post-destination-mailcontacts:before {
	background: url("/bitrix/components/bitrix/main.post.form/templates/.default/images/sprite_mpf_5.png?1") no-repeat 0 -92px;
	content: "";
	height: 13px;
	position: absolute;
	width: 13px;
	left: 9px;
	top: 8px
}
.feed-add-post-destination.feed-add-post-destination-mailcontacts::before {
	background-position: -33px -92px
}
.feed-add-post-destination.feed-add-post-destination-mailcontacts .feed-add-post-del-but {
	background-position: -113px -61px;
}
/* version = 1 patch end */

.main-mail-form-field-value-rcpt .ui-tile-selector-selector-wrap {
	padding: 2px 2px;
}

.main-post-form-toolbar-button[data-id="signature-select"] i {
	display: inline-block;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8488 8.24265V8.24265C18.6298 7.4616 18.6298 6.19527 17.8488 5.41422V5.41422C17.0677 4.63317 15.8014 4.63317 15.0204 5.41422L13.763 6.67157M17.8488 8.24265L19.9701 10.364L15.0204 15.3137M17.8488 8.24265L16.5914 9.5M13.763 6.67157L4.58013 15.8544L4.41376 18.8492L7.40856 18.6829L16.5914 9.5M13.763 6.67157L16.5914 9.5' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: 3px 1px;
}

.main-post-form-toolbar-button[data-id="calendar-sharing-link"] i {
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2664 17.7829H6.10336V9.02617H17.901V12.4206H20.0154V7.86124C20.0354 6.69821 19.1738 5.72699 18.0617 5.65644H16.735V6.20764C16.735 7.12043 16.0246 7.86124 15.1493 7.86124C14.2739 7.86124 13.5635 7.12043 13.5635 6.20764V5.65644H10.3321V6.20764C10.3321 7.12043 9.62269 7.86124 8.74629 7.86124C7.8699 7.86124 7.16053 7.12043 7.16053 6.20764V5.65644H5.94267C4.86224 5.65424 3.98478 6.56482 3.98267 7.69147C3.98267 7.74769 3.98478 7.80392 3.98901 7.86124V18.8853C3.98901 19.4938 4.46262 19.9876 5.04618 19.9876H10.2664V17.7829Z' fill='%23525C69'/%3E%3Cpath d='M9.52332 4.77672V5.98937C9.52332 6.43694 9.17551 6.79963 8.74629 6.79963C8.31708 6.79963 7.96927 6.43694 7.96927 5.98937V4.7657C7.97138 4.31923 8.32237 3.95874 8.75158 3.96095C9.18079 3.96426 9.52543 4.32915 9.52332 4.77672Z' fill='%23525C69'/%3E%3Cpath d='M15.8829 4.80607V5.95588C15.8829 6.3781 15.5541 6.72094 15.1481 6.72094C14.7422 6.71984 14.4155 6.37699 14.4155 5.95477V4.80607C14.4155 4.38275 14.7443 4.04101 15.1492 4.04101C15.5541 4.04101 15.8829 4.38275 15.8829 4.80607Z' fill='%23525C69'/%3E%3Cpath d='M8 11H10V13H8V11Z' fill='%23525C69'/%3E%3Cpath d='M13 11H11V13H13V11Z' fill='%23525C69'/%3E%3Cpath d='M12.0336 15.5606C12.0336 15.0083 12.4813 14.5606 13.0336 14.5606H19.7465C20.2987 14.5606 20.7465 15.0083 20.7465 15.5606V16.0606C20.7465 16.6129 20.2987 17.0606 19.7465 17.0606H13.0336C12.4813 17.0606 12.0336 16.6129 12.0336 16.0606V15.5606Z' fill='%23525C69'/%3E%3Cpath d='M13.0336 18.5492C12.4813 18.5492 12.0336 18.997 12.0336 19.5492V20.0492C12.0336 20.6015 12.4813 21.0492 13.0336 21.0492H19.7465C20.2987 21.0492 20.7465 20.6015 20.7465 20.0492V19.5492C20.7465 18.997 20.2987 18.5492 19.7465 18.5492H13.0336Z' fill='%23525C69'/%3E%3C/svg%3E%0A");
	background-size: 21px;
}

.main-post-form-toolbar-button[data-id="calendar-sharing-link"] .--locked {
	display: inline-block;
}

.main-post-form-toolbar-button[data-id="calendar-sharing-link"] .--locked > i {
	display: inline-block;
	background: no-repeat calc(100% - 8px) center var(--ui-color-palette-white-base, #fff) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%229%22%20height%3D%2212%22%20viewBox%3D%220%200%209%2012%22%3E%0A%20%20%3Cpath%20fill%3D%22%2328BAE9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M356.952%2C204.92251%20L358%2C204.92251%20L358%2C211.92251%20L349%2C211.92251%20L349%2C204.92251%20L350.052%2C204.92251%20L350.052%2C203.33451%20C350.115332%2C201.474832%20351.641245%2C200%20353.502%2C200%20C355.362755%2C200%20356.888668%2C201.474832%20356.952%2C203.33451%20L356.952%2C204.92251%20Z%20M355.996428%2C204.92251%20L356.008%2C203.33451%20C355.903002%2C201.999785%20354.835746%2C200.943593%20353.5%2C200.85251%20C352.164254%2C200.943593%20351.096998%2C201.999785%20350.992%2C203.33451%20L351.005041%2C204.92251%20L355.996428%2C204.92251%20Z%20M354.019%2C208.80151%20L354.019%2C210.08851%20L352.981%2C210.08851%20L352.981%2C208.80151%20C352.787695%2C208.647866%20352.675031%2C208.414437%20352.675%2C208.16751%20C352.675%2C207.711875%20353.044365%2C207.34251%20353.5%2C207.34251%20C353.955635%2C207.34251%20354.325%2C207.711875%20354.325%2C208.16751%20C354.324969%2C208.414437%20354.212305%2C208.647866%20354.019%2C208.80151%20L354.019%2C208.80151%20Z%22%20transform%3D%22translate%28-349%20-200%29%22/%3E%0A%3C/svg%3E%0A);
}