/* Start:/local/templates/customerbirthdays/template_styles.css?16362439304657*/
.buttons-container {
	margin-bottom: 16px;
	margin-left: 16px
}

.settings-container {
	margin-bottom: 16px;
	margin-left: 16px;
	border-left: green 1px solid;
	padding-left: 8px
}


.btn.btn-primary {
	--ui-btn-background: #3bc8f5;
	--ui-btn-background-hover: #3eddff;
	--ui-btn-background-active: #12b1e3;
	--ui-btn-border-color: #3bc8f5;
	--ui-btn-border-color-hover: #3eddff;
	--ui-btn-border-color-active: #12b1e3;
	--ui-btn-color: #fff;
	--ui-btn-color-hover: #fff;
	--ui-btn-color-active: #fff;
	color: var(--ui-btn-color);
	border-color: var(--ui-btn-border-color);
	background-color: var(--ui-btn-background);
	text-transform: uppercase;
	font: normal 12px/30px "OpenSans-Bold", Helvetica, Arial, sans-serif;
	cursor: pointer;
	transition: 160ms background-color linear, 160ms color linear, 160ms opacity linear, 160ms border-color linear;
}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:focus {
	--ui-btn-background: #3bc8f5;
	--ui-btn-background-hover: #3eddff;
	--ui-btn-background-active: #12b1e3;
	--ui-btn-border-color: #3bc8f5;
	--ui-btn-border-color-hover: #3eddff;
	--ui-btn-border-color-active: #12b1e3;
	--ui-btn-color: #fff;
	--ui-btn-color-hover: #fff;
	--ui-btn-color-active: #fff;
	border-color: var(--ui-btn-border-color-hover);
	background-color: var(--ui-btn-background-hover);
	color: var(--ui-btn-color-hover);
}

.btn.btn-success {
	--ui-btn-background: #bbed21;
	--ui-btn-background-hover: #d2f95f;
	--ui-btn-background-active: #b2e232;
	--ui-btn-border-color: #bbed21;
	--ui-btn-border-color-hover: #d2f95f;
	--ui-btn-border-color-active: #b2e232;
	--ui-btn-opacity-after: .2;
	--ui-btn-colors-after-bg: #535c69;
	--ui-btn-colors-before-bg: #535c69;
	--ui-btn-color: #535c69;
	--ui-btn-color-hover: #535c69;
	--ui-btn-color-active: #535c69;
	color: var(--ui-btn-color);
	border-color: var(--ui-btn-border-color);
	background-color: var(--ui-btn-background);
	text-transform: uppercase;
	font: normal 12px/30px "OpenSans-Bold", Helvetica, Arial, sans-serif;
	cursor: pointer;
	transition: 160ms background-color linear, 160ms color linear, 160ms opacity linear, 160ms border-color linear;
}

.btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success:focus {
	--ui-btn-background: #bbed21;
	--ui-btn-background-hover: #d2f95f;
	--ui-btn-background-active: #b2e232;
	--ui-btn-border-color: #bbed21;
	--ui-btn-border-color-hover: #d2f95f;
	--ui-btn-border-color-active: #b2e232;
	--ui-btn-opacity-after: .2;
	--ui-btn-colors-after-bg: #535c69;
	--ui-btn-colors-before-bg: #535c69;
	--ui-btn-color: #535c69;
	--ui-btn-color-hover: #535c69;
	--ui-btn-color-active: #535c69;
	border-color: var(--ui-btn-border-color-hover);
	background-color: var(--ui-btn-background-hover);
	color: var(--ui-btn-color-hover);
}

.btn.btn-outline-secondary {
	--ui-btn-background: transparent;
	--ui-btn-background-hover: #cfd4d8;
	--ui-btn-background-active: #dde2e5;
	--ui-btn-border-color: #c6cdd3;
	--ui-btn-border-color-hover: #c6cdd3;
	--ui-btn-border-color-active: #9fa4ab;
	--ui-btn-opacity-after: .3;
	--ui-btn-colors-after-bg: #535c69;
	--ui-btn-colors-before-bg: #535c69;
	--ui-btn-color: #535b69;
	--ui-btn-color-hover: #535b69;
	--ui-btn-color-active: #535b69;
	color: var(--ui-btn-color);
	border-color: var(--ui-btn-border-color);
	background-color: var(--ui-btn-background);
	text-transform: uppercase;
	font: normal 12px/30px "OpenSans-Bold", Helvetica, Arial, sans-serif;
	cursor: pointer;
	transition: 160ms background-color linear, 160ms color linear, 160ms opacity linear, 160ms border-color linear;
}

.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary.active, .btn.btn-outline-secondary:focus {
	--ui-btn-background: transparent;
	--ui-btn-background-hover: #cfd4d8;
	--ui-btn-background-active: #dde2e5;
	--ui-btn-border-color: #c6cdd3;
	--ui-btn-border-color-hover: #c6cdd3;
	--ui-btn-border-color-active: #9fa4ab;
	--ui-btn-opacity-after: .3;
	--ui-btn-colors-after-bg: #535c69;
	--ui-btn-colors-before-bg: #535c69;
	--ui-btn-color: #535b69;
	--ui-btn-color-hover: #535b69;
	--ui-btn-color-active: #535b69;
	border-color: var(--ui-btn-border-color-hover);
	background-color: var(--ui-btn-background-hover);
	color: var(--ui-btn-color-hover);
}

@font-face {
	font-family: "OpenSans-Bold";
	src: local("Open Sans Bold"), url("/bitrix/js/ui/fonts/opensans/opensans-bold.eot?#iefix") format("embedded-opentype"), url("/bitrix/js/ui/fonts/opensans/opensans-bold.woff") format("woff"), url("/bitrix/js/ui/fonts/opensans/opensans-bold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
/* End */
/* /local/templates/customerbirthdays/template_styles.css?16362439304657 */