Your IP : 216.73.216.163

Current Path : /home/user/web/pansionat-v-yaroslavle.ru/public_html/bitrix/js/ui/buttons/
Upload File :
Current File : /home/user/web/pansionat-v-yaroslavle.ru/public_html/bitrix/js/ui/buttons/ui.buttons.css

/*region Variables*/
:root {
	/*size*/
	--ui-btn-size-xs: 26px;
	--ui-btn-size-sm: 31px;
	--ui-btn-size-md: 39px;
	--ui-btn-size-lg: 47px;
	/**/
	--ui-btn-inner-color-dark: #535c69;
	--ui-btn-inner-color-light: #fff;
	/*Default*/
	--ui-btn-bg-default: #868d95;
	--ui-btn-bg-default-hover: #5b6573;
	--ui-btn-bg-default-active: #3b506e;
	/*Success*/
	--ui-btn-bg-success: #bbed21;
	--ui-btn-bg-success-hover: #d2f95f;
	--ui-btn-bg-success-active: #b2e232;
	/*Danger*/
	--ui-btn-bg-danger: #f1361a;
	--ui-btn-bg-danger-hover: #cc1c00;
	--ui-btn-bg-danger-active: #d24430;
	/*Primary*/
	--ui-btn-bg-primary: #3bc8f5;
	--ui-btn-bg-primary-hover: #3eddff;
	--ui-btn-bg-primary-active: #12b1e3;
	/*Secondary*/
	--ui-btn-bg-secondary: #c5e7f4;
	--ui-btn-bg-secondary-hover: #d1eef9;
	--ui-btn-bg-secondary-active: #aee0f2;
	/*Light*/
	--ui-btn-bg-light: transparent;
	--ui-btn-bg-light-hover: #f6f8f9;
	--ui-btn-bg-light-active: #d6f1fb;

	/*Icon colors*/
	--ui-btn-icon-color: black;
}

.header {
	--ui-btn-inner-color-dark: #535c69;
	--ui-btn-inner-color-light: #fff;
	/*Danger*/
	--ui-btn-bg-danger: #000;
	--ui-btn-bg-danger-hover: #333;
	--ui-btn-bg-danger-active: #3d3d3d;
}

/*endregion*/

/*region Base style*/
.ui-btn-container { margin: 15px 0; }

.ui-btn-container-center { text-align: center; }

.ui-btn,
.ui-btn-main {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 19px;
	height: 39px;
	outline: none;
	border: none;
	border-radius: 2px;
	background-color: var(--ui-btn-bg-default);
	color: var(--ui-btn-inner-color-light);
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	/*letter-spacing: -0.31px;*/
	font: 600 12px/39px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
	transition: 160ms color linear, 160ms background-color linear, 160ms opacity linear, 160ms padding linear;
}

/* region Fix for IE*/
.bx-ie .ui-btn,
.bx-ie .ui-btn-main {
	background-color: #868d95;
	color: #fff;
}

/*endregion*/

.ui-btn.ui-btn-no-caps,
.ui-btn-double.ui-btn-no-caps .ui-btn-main {
	text-transform: none;
	font-weight: 400;
}

.ui-btn + .ui-btn,
.ui-btn + .ui-btn-double,
.ui-btn-double + .ui-btn,
.ui-btn-double + .ui-btn-double { margin-left: 12px; }

a.ui-btn:focus,
.ui-btn:hover,
.ui-btn-hover,
.ui-btn-main:hover,
.ui-btn-extra:hover,
.ui-btn-hover .ui-btn-main,
.ui-btn-hover .ui-btn-extra,
.ui-btn-main-hover .ui-btn-main,
.ui-btn-extra-hover .ui-btn-extra {
	background-color: var(--ui-btn-bg-default-hover);
	color: var(--ui-btn-inner-color-light);
}

.ui-btn:active,
.ui-btn-active,
.ui-btn.ui-btn-wait,
.ui-btn.ui-btn-clock,
.ui-btn-main:active,
.ui-btn-extra:active,
.ui-btn-active .ui-btn-main,
.ui-btn-active .ui-btn-extra,
.ui-btn-main-active .ui-btn-main,
.ui-btn-extra-active .ui-btn-extra,
.ui-btn-double.ui-btn-wait .ui-btn-main,
.ui-btn-double.ui-btn-clock .ui-btn-main {
	outline: none;
	background-color: var(--ui-btn-bg-default-active);
	color: var(--ui-btn-inner-color-light);
}

.ui-btn-double {
	position: relative;
	display: inline-block;
	padding-right: 30px;
	border-radius: 3px;
}

.ui-btn-main { border-radius: 2px 0 0 2px; }

.ui-btn-extra {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 30px;
	outline: none;
	border: none;
	border-radius: 0 2px 2px 0;
	background-color: var(--ui-btn-bg-default);
	color: var(--ui-btn-inner-color-light);
	cursor: pointer;
	transition: 160ms all linear;
}

.ui-btn-extra:after {
	position: absolute;
	top: 7px;
	bottom: 6px;
	left: 0;
	width: 1px;
	background-color: #fff;
	background-color: var(--ui-btn-inner-color-light);
	content: '';
	opacity: .8;
}

.ui-btn-extra:before {
	position: absolute;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	margin-top: -2px;
	margin-left: -4px;
	width: 8px;
	border: 4px solid transparent;
	border-top-color: #fff;
	border-top-color: var(--ui-btn-inner-color-light);
	background: none;
	content: '';
}

/* region Fix for IE*/
.bx-ie a.ui-btn:focus,
.bx-ie .ui-btn:hover,
.bx-ie .ui-btn-hover,
.bx-ie .ui-btn-main:hover,
.bx-ie .ui-btn-extra:hover,
.bx-ie .ui-btn-hover .ui-btn-main,
.bx-ie .ui-btn-hover .ui-btn-extra,
.bx-ie .ui-btn-main-hover .ui-btn-main,
.bx-ie .ui-btn-extra-hover .ui-btn-extra {
	background-color: #5b6573;
	color: #fff;
}

.bx-ie .ui-btn:active,
.bx-ie .ui-btn-active,
.bx-ie .ui-btn.ui-btn-wait,
.bx-ie .ui-btn.ui-btn-clock,
.bx-ie .ui-btn-main:active,
.bx-ie .ui-btn-extra:active,
.bx-ie .ui-btn-active .ui-btn-main,
.bx-ie .ui-btn-active .ui-btn-extra,
.bx-ie .ui-btn-main-active .ui-btn-main,
.bx-ie .ui-btn-extra-active .ui-btn-extra,
.bx-ie .ui-btn-double.ui-btn-wait .ui-btn-main,
.bx-ie .ui-btn-double.ui-btn-clock .ui-btn-main {
	background-color: #3b506e;
	color: #fff;
}

.bx-ie .ui-btn-extra {
	background-color: #868d95;
	color: #fff;
}

.bx-ie .ui-btn-extra:after { background-color: #fff; }

.bx-ie .ui-btn-extra:before { border-top-color: #fff; }

/*endregion*/
/*endregion*/

/*region Size*/
.ui-btn.ui-btn-lg,
.ui-btn-double.ui-btn-lg .ui-btn-main,
.ui-btn-double.ui-btn-lg .ui-btn-extra {
	height: var(--ui-btn-size-lg);
	border-radius: 3px;
	font-size: 12px;
	line-height: var(--ui-btn-size-lg);
}

.ui-btn-double.ui-btn-lg { padding-right: 33px; }

.ui-btn-double.ui-btn-lg .ui-btn-main { border-radius: 3px 0 0 3px; }

.ui-btn-double.ui-btn-lg .ui-btn-extra {
	width: 33px;
	border-radius: 0 3px 3px 0;
}

.ui-btn-double.ui-btn-lg .ui-btn-extra:before { margin-top: -3px; }

.ui-btn-double.ui-btn-lg .ui-btn-extra:after {
	top: 11px;
	bottom: 10px;
}

.ui-btn.ui-btn-md,
.ui-btn-double.ui-btn-md .ui-btn-main,
.ui-btn-double.ui-btn-md .ui-btn-extra {
	height: var(--ui-btn-size-md);
	font-size: 12px;
	line-height: var(--ui-btn-size-md);
}

.ui-btn.ui-btn-sm,
.ui-btn-double.ui-btn-sm .ui-btn-main,
.ui-btn-double.ui-btn-sm .ui-btn-extra {
	height: var(--ui-btn-size-sm);
	font-size: 12px;
	line-height: var(--ui-btn-size-sm);
}

.ui-btn.ui-btn-xs,
.ui-btn-double.ui-btn-xs .ui-btn-main,
.ui-btn-double.ui-btn-xs .ui-btn-extra {
	height: var(--ui-btn-size-xs);
	font-size: 11px;
	line-height: var(--ui-btn-size-xs);
}

/* region Fix for IE*/
.bx-ie .ui-btn.ui-btn-lg,
.bx-ie .ui-btn-double.ui-btn-lg .ui-btn-main,
.bx-ie .ui-btn-double.ui-btn-lg .ui-btn-extra {
	height: 47px;
	line-height: 47px;
}

.bx-ie .ui-btn.ui-btn-md,
.bx-ie .ui-btn-double.ui-btn-md .ui-btn-main,
.bx-ie .ui-btn-double.ui-btn-md .ui-btn-extra {
	height: 39px;
	line-height: 39px;
}

.bx-ie .ui-btn.ui-btn-sm,
.bx-ie .ui-btn-double.ui-btn-sm .ui-btn-main,
.bx-ie .ui-btn-double.ui-btn-sm .ui-btn-extra {
	height: 31px;
	line-height: 31px;
}

.bx-ie .ui-btn.ui-btn-xs,
.bx-ie .ui-btn-double.ui-btn-xs .ui-btn-main,
.bx-ie .ui-btn-double.ui-btn-xs .ui-btn-extra {
	height: 26px;
	line-height: 26px;
}

/*endregion*/
/*endregion*/

/*region Color*/
/*region Default button*/
.ui-btn-default.ui-btn,
.ui-btn-default.ui-btn-double .ui-btn-main,
.ui-btn-default.ui-btn-double .ui-btn-extra {
	background-color: var(--ui-btn-bg-default);
	color: #fff;
}

.ui-btn-default.ui-btn:hover,
a.ui-btn-default.ui-btn:focus,
.ui-btn-default.ui-btn.ui-btn-hover,
.ui-btn-default.ui-btn-double .ui-btn-main:hover,
.ui-btn-default.ui-btn-double .ui-btn-extra:hover,
.ui-btn-default.ui-btn-double.ui-btn-hover .ui-btn-main,
.ui-btn-default.ui-btn-double.ui-btn-hover .ui-btn-extra,
.ui-btn-default.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.ui-btn-default.ui-btn-double.ui-btn-extra-hover .ui-btn-extra {
	background-color: var(--ui-btn-bg-default-hover);
	color: #fff;
}

.ui-btn-default.ui-btn:active,
.ui-btn-default.ui-btn.ui-btn-wait,
.ui-btn-default.ui-btn.ui-btn-clock,
.ui-btn-default.ui-btn.ui-btn-active,
.ui-btn-default.ui-btn-double .ui-btn-main:active,
.ui-btn-default.ui-btn-double .ui-btn-extra:active,
.ui-btn-default.ui-btn-double.ui-btn-active .ui-btn-main,
.ui-btn-default.ui-btn-double.ui-btn-active .ui-btn-extra,
.ui-btn-default.ui-btn-double.ui-btn-main-active .ui-btn-main,
.ui-btn-default.ui-btn-double.ui-btn-extra-active .ui-btn-extra {
	background-color: var(--ui-btn-bg-default-active);
	color: #fff;
}

.ui-btn-default.ui-btn-double .ui-btn-extra:after {
	background-color: #fff;
	opacity: .8;
}

.ui-btn-default.ui-btn-double .ui-btn-extra:before { border-top-color: #fff; }

/* region Fix for IE*/
.bx-ie .ui-btn-default.ui-btn,
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-main,
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-extra { background-color: #868d95; }

.bx-ie .ui-btn-default.ui-btn:hover,
.bx-ie a.ui-btn-default.ui-btn:focus,
.bx-ie .ui-btn-default.ui-btn.ui-btn-hover,
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-main:hover,
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-extra:hover,
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-hover .ui-btn-main,
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-hover .ui-btn-extra,
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-extra-hover .ui-btn-extra { background-color: #5b6573; }

.bx-ie .ui-btn-default.ui-btn:active,
.bx-ie .ui-btn-default.ui-btn.ui-btn-wait,
.bx-ie .ui-btn-default.ui-btn.ui-btn-clock,
.bx-ie .ui-btn-default.ui-btn.ui-btn-active,
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-main:active,
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-extra:active,
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-active .ui-btn-main,
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-active .ui-btn-extra,
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-main-active .ui-btn-main,
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-extra-active .ui-btn-extra { background-color: #3b506e; }

/*endregion*/
/*endregion*/

/*region Success button*/
.ui-btn-success.ui-btn,
.ui-btn-success.ui-btn-double .ui-btn-main,
.ui-btn-success.ui-btn-double .ui-btn-extra {
	background-color: var(--ui-btn-bg-success);
	color: #535c69;
}

.ui-btn-success.ui-btn:hover,
a.ui-btn-success.ui-btn:focus,
.ui-btn-success.ui-btn.ui-btn-hover,
.ui-btn-success.ui-btn-double .ui-btn-main:hover,
.ui-btn-success.ui-btn-double .ui-btn-extra:hover,
.ui-btn-success.ui-btn-double.ui-btn-hover .ui-btn-main,
.ui-btn-success.ui-btn-double.ui-btn-hover .ui-btn-extra,
.ui-btn-success.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.ui-btn-success.ui-btn-double.ui-btn-extra-hover .ui-btn-extra {
	background-color: var(--ui-btn-bg-success-hover);
	color: #535c69;
}

.ui-btn-success.ui-btn:active,
.ui-btn-success.ui-btn.ui-btn-wait,
.ui-btn-success.ui-btn.ui-btn-clock,
.ui-btn-success.ui-btn.ui-btn-active,
.ui-btn-success.ui-btn-double .ui-btn-main:active,
.ui-btn-success.ui-btn-double .ui-btn-extra:active,
.ui-btn-success.ui-btn-double.ui-btn-active .ui-btn-main,
.ui-btn-success.ui-btn-double.ui-btn-active .ui-btn-extra,
.ui-btn-success.ui-btn-double.ui-btn-main-active .ui-btn-main,
.ui-btn-success.ui-btn-double.ui-btn-extra-active .ui-btn-extra,
.ui-btn-success.ui-btn-double.ui-btn-wait .ui-btn-main,
.ui-btn-success.ui-btn-double.ui-btn-clock .ui-btn-main {
	background-color: var(--ui-btn-bg-success-active);
	color: #535c69;
}

.ui-btn-success.ui-btn-double .ui-btn-extra:after {
	background-color: #535c69;
	opacity: .2;
}

.ui-btn-success.ui-btn-double .ui-btn-extra:before { border-top-color: #535c69; }

/* region Fix for IE*/
.bx-ie .ui-btn-success.ui-btn,
.bx-ie .ui-btn-success.ui-btn-double .ui-btn-main,
.bx-ie .ui-btn-success.ui-btn-double .ui-btn-extra { background-color: #bbed21; }

.bx-ie .ui-btn-success.ui-btn:hover,
.bx-ie a.ui-btn-success.ui-btn:focus,
.bx-ie .ui-btn-success.ui-btn.ui-btn-hover,
.bx-ie .ui-btn-success.ui-btn-double .ui-btn-main:hover,
.bx-ie .ui-btn-success.ui-btn-double .ui-btn-extra:hover,
.bx-ie .ui-btn-success.ui-btn-double.ui-btn-hover .ui-btn-main,
.bx-ie .ui-btn-success.ui-btn-double.ui-btn-hover .ui-btn-extra,
.bx-ie .ui-btn-success.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.bx-ie .ui-btn-success.ui-btn-double.ui-btn-extra-hover .ui-btn-extra { background-color: #d2f95f; }

.bx-ie .ui-btn-success.ui-btn:active,
.bx-ie .ui-btn-success.ui-btn.ui-btn-wait,
.bx-ie .ui-btn-success.ui-btn.ui-btn-clock,
.bx-ie .ui-btn-success.ui-btn.ui-btn-active,
.bx-ie .ui-btn-success.ui-btn-double .ui-btn-main:active,
.bx-ie .ui-btn-success.ui-btn-double .ui-btn-extra:active,
.bx-ie .ui-btn-success.ui-btn-double.ui-btn-active .ui-btn-main,
.bx-ie .ui-btn-success.ui-btn-double.ui-btn-active .ui-btn-extra,
.bx-ie .ui-btn-success.ui-btn-double.ui-btn-main-active .ui-btn-main,
.bx-ie .ui-btn-success.ui-btn-double.ui-btn-extra-active .ui-btn-extra { background-color: #b2e232; }

/*endregion*/

/*endregion*/

/*region Danger button*/
.ui-btn-danger.ui-btn,
.ui-btn-danger.ui-btn-double .ui-btn-main,
.ui-btn-danger.ui-btn-double .ui-btn-extra {
	background-color: var(--ui-btn-bg-danger);
	color: #fff;
}

.ui-btn-danger.ui-btn:hover,
a.ui-btn-danger.ui-btn:focus,
.ui-btn-danger.ui-btn.ui-btn-hover,
.ui-btn-danger.ui-btn-double .ui-btn-main:hover,
.ui-btn-danger.ui-btn-double .ui-btn-extra:hover,
.ui-btn-danger.ui-btn-double.ui-btn-hover .ui-btn-main,
.ui-btn-danger.ui-btn-double.ui-btn-hover .ui-btn-extra,
.ui-btn-danger.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.ui-btn-danger.ui-btn-double.ui-btn-extra-hover .ui-btn-extra {
	background-color: var(--ui-btn-bg-danger-hover);
	color: #fff;
}

.ui-btn-danger.ui-btn:active,
.ui-btn-danger.ui-btn.ui-btn-wait,
.ui-btn-danger.ui-btn.ui-btn-clock,
.ui-btn-danger.ui-btn.ui-btn-active,
.ui-btn-danger.ui-btn-double .ui-btn-main:active,
.ui-btn-danger.ui-btn-double .ui-btn-extra:active,
.ui-btn-danger.ui-btn-double.ui-btn-active .ui-btn-main,
.ui-btn-danger.ui-btn-double.ui-btn-active .ui-btn-extra,
.ui-btn-danger.ui-btn-double.ui-btn-main-active .ui-btn-main,
.ui-btn-danger.ui-btn-double.ui-btn-extra-active .ui-btn-extra,
.ui-btn-danger.ui-btn-double.ui-btn-wait .ui-btn-main,
.ui-btn-danger.ui-btn-double.ui-btn-clock .ui-btn-main {
	background-color: var(--ui-btn-bg-danger-active);
	color: #fff;
}

.ui-btn-double.ui-btn-danger .ui-btn-extra:after {
	background-color: #fff;
	opacity: .8;
}

.ui-btn-double.ui-btn-danger .ui-btn-extra:before {
	border-top-color: #fff;
}

/* region Fix for IE*/
.bx-ie .ui-btn-danger.ui-btn,
.bx-ie .ui-btn-danger.ui-btn-double .ui-btn-main,
.bx-ie .ui-btn-danger.ui-btn-double .ui-btn-extra { background-color: #f1361a; }

.bx-ie .ui-btn-danger.ui-btn:hover,
.bx-ie a.ui-btn-danger.ui-btn:focus,
.bx-ie .ui-btn-danger.ui-btn.ui-btn-hover,
.bx-ie .ui-btn-danger.ui-btn-double .ui-btn-main:hover,
.bx-ie .ui-btn-danger.ui-btn-double .ui-btn-extra:hover,
.bx-ie .ui-btn-danger.ui-btn-double.ui-btn-hover .ui-btn-main,
.bx-ie .ui-btn-danger.ui-btn-double.ui-btn-hover .ui-btn-extra,
.bx-ie .ui-btn-danger.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.bx-ie .ui-btn-danger.ui-btn-double.ui-btn-extra-hover .ui-btn-extra { background-color: #cc1c00; }

.bx-ie .ui-btn-danger.ui-btn:active,
.bx-ie .ui-btn-danger.ui-btn.ui-btn-wait,
.bx-ie .ui-btn-danger.ui-btn.ui-btn-clock,
.bx-ie .ui-btn-danger.ui-btn.ui-btn-active,
.bx-ie .ui-btn-danger.ui-btn-double .ui-btn-main:active,
.bx-ie .ui-btn-danger.ui-btn-double .ui-btn-extra:active,
.bx-ie .ui-btn-danger.ui-btn-double.ui-btn-active .ui-btn-main,
.bx-ie .ui-btn-danger.ui-btn-double.ui-btn-active .ui-btn-extra,
.bx-ie .ui-btn-danger.ui-btn-double.ui-btn-main-active .ui-btn-main,
.bx-ie .ui-btn-danger.ui-btn-double.ui-btn-extra-active .ui-btn-extra { background-color: #d24430; }

/*endregion*/
/*endregion*/

/*region Primary button*/
.ui-btn-primary.ui-btn,
.ui-btn-primary.ui-btn-double .ui-btn-main,
.ui-btn-primary.ui-btn-double .ui-btn-extra {
	background-color: var(--ui-btn-bg-primary);
	color: #fff;
}

.ui-btn-primary.ui-btn:hover,
a.ui-btn-primary.ui-btn:focus,
.ui-btn-primary.ui-btn.ui-btn-hover,
.ui-btn-primary.ui-btn-double .ui-btn-main:hover,
.ui-btn-primary.ui-btn-double .ui-btn-extra:hover,
.ui-btn-primary.ui-btn-double.ui-btn-hover .ui-btn-main,
.ui-btn-primary.ui-btn-double.ui-btn-hover .ui-btn-extra,
.ui-btn-primary.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.ui-btn-primary.ui-btn-double.ui-btn-extra-hover .ui-btn-extra {
	background-color: var(--ui-btn-bg-primary-hover);
	color: #fff;
}

.ui-btn-primary.ui-btn:active,
.ui-btn-primary.ui-btn.ui-btn-wait,
.ui-btn-primary.ui-btn.ui-btn-clock,
.ui-btn-primary.ui-btn.ui-btn-active,
.ui-btn-primary.ui-btn-double .ui-btn-main:active,
.ui-btn-primary.ui-btn-double .ui-btn-extra:active,
.ui-btn-primary.ui-btn-double.ui-btn-active .ui-btn-main,
.ui-btn-primary.ui-btn-double.ui-btn-active .ui-btn-extra,
.ui-btn-primary.ui-btn-double.ui-btn-main-active .ui-btn-main,
.ui-btn-primary.ui-btn-double.ui-btn-extra-active .ui-btn-extra,
.ui-btn-primary.ui-btn-double.ui-btn-wait .ui-btn-main,
.ui-btn-primary.ui-btn-double.ui-btn-clock .ui-btn-main {
	background-color: var(--ui-btn-bg-primary-active);
	color: #fff;
}

.ui-btn-primary.ui-btn-double .ui-btn-extra:after {
	background-color: #fff;
	opacity: .8;
}

.ui-btn-primary.ui-btn-double .ui-btn-extra:before { border-top-color: #fff; }

/* region Fix for IE*/
.bx-ie .ui-btn-primary.ui-btn,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-extra { background-color: #3bc8f5; }

.bx-ie .ui-btn-primary.ui-btn:hover,
.bx-ie a.ui-btn-primary.ui-btn:focus,
.bx-ie .ui-btn-primary.ui-btn.ui-btn-hover,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-main:hover,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-extra:hover,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-hover .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-hover .ui-btn-extra,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-extra-hover .ui-btn-extra { background-color: #3eddff; }

.bx-ie .ui-btn-primary.ui-btn:active,
.bx-ie .ui-btn-primary.ui-btn.ui-btn-wait,
.bx-ie .ui-btn-primary.ui-btn.ui-btn-clock,
.bx-ie .ui-btn-primary.ui-btn.ui-btn-active,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-main:active,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-extra:active,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-active .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-active .ui-btn-extra,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-main-active .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-extra-active .ui-btn-extra { background-color: #12b1e3; }

/*endregion*/
/*endregion*/

/*region Secondary button*/
.ui-btn-secondary.ui-btn,
.ui-btn-secondary.ui-btn-double .ui-btn-main,
.ui-btn-secondary.ui-btn-double .ui-btn-extra {
	border: 1px solid #aee0f2;
	background-color: var(--ui-btn-bg-secondary);
	color: var(--ui-btn-inner-color-dark);
}

.ui-btn-secondary.ui-btn-double .ui-btn-main { border-right: none; }

.ui-btn-secondary.ui-btn-double .ui-btn-extra { border-left: none; }

.ui-btn-secondary.ui-btn:hover,
a.ui-btn-secondary.ui-btn:focus,
.ui-btn-secondary.ui-btn.ui-btn-hover,
.ui-btn-secondary.ui-btn-double .ui-btn-main:hover,
.ui-btn-secondary.ui-btn-double .ui-btn-extra:hover,
.ui-btn-secondary.ui-btn-double.ui-btn-hover .ui-btn-main,
.ui-btn-secondary.ui-btn-double.ui-btn-hover .ui-btn-extra,
.ui-btn-secondary.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.ui-btn-secondary.ui-btn-double.ui-btn-extra-hover .ui-btn-extra {
	border-color: #aee0f2;
	background-color: var(--ui-btn-bg-secondary-hover);
	color: var(--ui-btn-inner-color-dark);
}

.ui-btn-secondary.ui-btn:active,
.ui-btn-secondary.ui-btn.ui-btn-wait,
.ui-btn-secondary.ui-btn.ui-btn-clock,
.ui-btn-secondary.ui-btn.ui-btn-active,
.ui-btn-secondary.ui-btn-double .ui-btn-main:active,
.ui-btn-secondary.ui-btn-double .ui-btn-extra:active,
.ui-btn-secondary.ui-btn-double.ui-btn-wait .ui-btn-main,
.ui-btn-secondary.ui-btn-double.ui-btn-clock .ui-btn-main,
.ui-btn-secondary.ui-btn-double.ui-btn-active .ui-btn-main,
.ui-btn-secondary.ui-btn-double.ui-btn-wait .ui-btn-extra,
.ui-btn-secondary.ui-btn-double.ui-btn-active .ui-btn-extra,
.ui-btn-secondary.ui-btn-double.ui-btn-main-active .ui-btn-main,
.ui-btn-secondary.ui-btn-double.ui-btn-extra-active .ui-btn-extra {
	border-color: #aee0f2;
	background-color: var(--ui-btn-bg-secondary-active);
	color: var(--ui-btn-inner-color-dark);
}

.ui-btn-secondary.ui-btn-double .ui-btn-extra:after {
	background-color: var(--ui-btn-inner-color-dark);
	opacity: .8;
}

.ui-btn-secondary.ui-btn-double .ui-btn-extra:before { border-top-color: var(--ui-btn-inner-color-dark); }

/* region Fix for IE*/
.bx-ie .ui-btn-secondary.ui-btn,
.bx-ie .ui-btn-secondary.ui-btn-double .ui-btn-main,
.bx-ie .ui-btn-secondary.ui-btn-double .ui-btn-extra {
	background-color: #c5e7f4;
	color: #535c69;
}

.bx-ie .ui-btn-secondary.ui-btn:hover,
.bx-ie a.ui-btn-secondary.ui-btn:focus,
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-hover,
.bx-ie .ui-btn-secondary.ui-btn-double .ui-btn-main:hover,
.bx-ie .ui-btn-secondary.ui-btn-double .ui-btn-extra:hover,
.bx-ie .ui-btn-secondary.ui-btn-double.ui-btn-hover .ui-btn-main,
.bx-ie .ui-btn-secondary.ui-btn-double.ui-btn-hover .ui-btn-extra,
.bx-ie .ui-btn-secondary.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.bx-ie .ui-btn-secondary.ui-btn-double.ui-btn-extra-hover .ui-btn-extra {
	background-color: #d1eef9;
	color: #535c69;
}

.bx-ie .ui-btn-secondary.ui-btn:active,
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-wait,
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-clock,
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-active,
.bx-ie .ui-btn-secondary.ui-btn-double .ui-btn-main:active,
.bx-ie .ui-btn-secondary.ui-btn-double .ui-btn-extra:active,
.bx-ie .ui-btn-secondary.ui-btn-double.ui-btn-active .ui-btn-main,
.bx-ie .ui-btn-secondary.ui-btn-double.ui-btn-active .ui-btn-extra,
.bx-ie .ui-btn-secondary.ui-btn-double.ui-btn-main-active .ui-btn-main,
.bx-ie .ui-btn-secondary.ui-btn-double.ui-btn-extra-active .ui-btn-extra {
	background-color: #aee0f2;
	color: #535c69;
}

.bx-ie .ui-btn-secondary.ui-btn-double .ui-btn-extra:after { background-color: #535c69; }

.bx-ie .ui-btn-secondary.ui-btn-double .ui-btn-extra:before { border-top-color: #535c69; }

/*endregion*/

/*endregion*/

/*region Link button*/
.ui-btn-link.ui-btn,
.ui-btn-link.ui-btn-double .ui-btn-main,
.ui-btn-link.ui-btn-double .ui-btn-extra {
	background-color: transparent;
	color: #535c69;
}

.ui-btn-link.ui-btn {
	padding-right: 0;
	padding-left: 0;
}

.ui-btn-link.ui-btn-double .ui-btn-main { padding-left: 0; }

.ui-btn-link.ui-btn:hover,
a.ui-btn-link.ui-btn:focus,
.ui-btn-link.ui-btn.ui-btn-hover,
.ui-btn-link.ui-btn-double .ui-btn-main:hover,
.ui-btn-link.ui-btn-double .ui-btn-extra:hover,
.ui-btn-link.ui-btn-double.ui-btn-hover .ui-btn-main,
.ui-btn-link.ui-btn-double.ui-btn-hover .ui-btn-extra,
.ui-btn-link.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.ui-btn-link.ui-btn-double.ui-btn-extra-hover .ui-btn-extra {
	background-color: transparent;
	color: #333;
}

.ui-btn-link.ui-btn:active,
.ui-btn-link.ui-btn.ui-btn-wait,
.ui-btn-link.ui-btn.ui-btn-clock,
.ui-btn-link.ui-btn.ui-btn-active,
.ui-btn-link.ui-btn-double .ui-btn-main:active,
.ui-btn-link.ui-btn-double .ui-btn-extra:active,
.ui-btn-link.ui-btn-double.ui-btn-wait .ui-btn-main,
.ui-btn-link.ui-btn-double.ui-btn-clock .ui-btn-main,
.ui-btn-link.ui-btn-double.ui-btn-active .ui-btn-main,
.ui-btn-link.ui-btn-double.ui-btn-main-active .ui-btn-main,
.ui-btn-link.ui-btn-double.ui-btn-active .ui-btn-extra,
.ui-btn-link.ui-btn-double.ui-btn-extra-active .ui-btn-extra {
	background-color: transparent;
	color: #000;
}

.ui-btn-link.ui-btn-double .ui-btn-extra:after {
	background-color: #535c69;
	opacity: .5;
}

.ui-btn-link.ui-btn-double .ui-btn-extra:before { border-top-color: #535c69; }

/*endregion*/

/*region Light*/
.ui-btn-light.ui-btn,
.ui-btn-light.ui-btn-double .ui-btn-main,
.ui-btn-light.ui-btn-double .ui-btn-extra {
	background-color: var(--ui-btn-bg-light);
	color: #000;
}

.ui-btn-light.ui-btn:hover,
a.ui-btn-light.ui-btn:focus,
.ui-btn-light.ui-btn.ui-btn-hover,
.ui-btn-light.ui-btn-double .ui-btn-main:hover,
.ui-btn-light.ui-btn-double .ui-btn-extra:hover,
.ui-btn-light.ui-btn-double.ui-btn-hover .ui-btn-main,
.ui-btn-light.ui-btn-double.ui-btn-hover .ui-btn-extra,
.ui-btn-light.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.ui-btn-light.ui-btn-double.ui-btn-extra-hover .ui-btn-extra {
	background-color: var(--ui-btn-bg-light-hover);
	color: #000;
}

.ui-btn-light.ui-btn:active,
.ui-btn-light.ui-btn.ui-btn-wait,
.ui-btn-light.ui-btn.ui-btn-clock,
.ui-btn-light.ui-btn.ui-btn-active,
.ui-btn-light.ui-btn-double .ui-btn-main:active,
.ui-btn-light.ui-btn-double .ui-btn-extra:active,
.ui-btn-light.ui-btn-double.ui-btn-wait .ui-btn-main,
.ui-btn-light.ui-btn-double.ui-btn-clock .ui-btn-main,
.ui-btn-light.ui-btn-double.ui-btn-active .ui-btn-main,
.ui-btn-light.ui-btn-double.ui-btn-main-active .ui-btn-main,
.ui-btn-light.ui-btn-double.ui-btn-active .ui-btn-extra,
.ui-btn-light.ui-btn-double.ui-btn-extra-active .ui-btn-extra {
	background-color: var(--ui-btn-bg-light-active);
	color: #000;
}

.ui-btn-light.ui-btn-double .ui-btn-extra:after {
	background-color: #535c69;
	opacity: .5;
}

.ui-btn-light.ui-btn-double .ui-btn-extra:before { border-top-color: #535c69; }

/* region Fix for IE*/
.bx-ie .ui-btn-light.ui-btn,
.bx-ie .ui-btn-light.ui-btn-double .ui-btn-main,
.bx-ie .ui-btn-light.ui-btn-double .ui-btn-extra { background-color: transparent; }

.bx-ie .ui-btn-light.ui-btn:hover,
.bx-ie a.ui-btn-light.ui-btn:focus,
.bx-ie .ui-btn-light.ui-btn.ui-btn-hover,
.bx-ie .ui-btn-light.ui-btn-double .ui-btn-main:hover,
.bx-ie .ui-btn-light.ui-btn-double .ui-btn-extra:hover,
.bx-ie .ui-btn-light.ui-btn-double.ui-btn-hover .ui-btn-main,
.bx-ie .ui-btn-light.ui-btn-double.ui-btn-hover .ui-btn-extra,
.bx-ie .ui-btn-light.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.bx-ie .ui-btn-light.ui-btn-double.ui-btn-extra-hover .ui-btn-extra { background-color: #f6f8f9; }

.bx-ie .ui-btn-light.ui-btn:active,
.bx-ie .ui-btn-light.ui-btn.ui-btn-wait,
.bx-ie .ui-btn-light.ui-btn.ui-btn-clock,
.bx-ie .ui-btn-light.ui-btn.ui-btn-active,
.bx-ie .ui-btn-light.ui-btn-double .ui-btn-main:active,
.bx-ie .ui-btn-light.ui-btn-double .ui-btn-extra:active,
.bx-ie .ui-btn-light.ui-btn-double.ui-btn-active .ui-btn-main,
.bx-ie .ui-btn-light.ui-btn-double.ui-btn-active .ui-btn-extra,
.bx-ie .ui-btn-light.ui-btn-double.ui-btn-main-active .ui-btn-main,
.bx-ie .ui-btn-light.ui-btn-double.ui-btn-extra-active .ui-btn-extra { background-color: #d6f1fb; }

/*endregion*/
/*endregion*/

/*region Light-border button*/
.ui-btn-light-border.ui-btn,
.ui-btn-light-border.ui-btn-double .ui-btn-main,
.ui-btn-light-border.ui-btn-double .ui-btn-extra {
	border: 1px solid #c4cace;
	background-color: var(--ui-btn-bg-light);
	color: #535b69;
	line-height: 37px;
}

.ui-btn-light-border.ui-btn-double .ui-btn-main { border-right: none; }

.ui-btn-light-border.ui-btn-double .ui-btn-extra { border-left: none; }

.ui-btn-light-border.ui-btn:hover,
a.ui-btn-light-border.ui-btn:focus,
.ui-btn-light-border.ui-btn.ui-btn-hover,
.ui-btn-light-border.ui-btn-double .ui-btn-main:hover,
.ui-btn-light-border.ui-btn-double .ui-btn-extra:hover,
.ui-btn-light-border.ui-btn-double.ui-btn-hover .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-hover .ui-btn-extra,
.ui-btn-light-border.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-extra-hover .ui-btn-extra {
	border-color: #9fa4ab;
	background-color: var(--ui-btn-bg-light-hover);
	color: #535c69;
}

.ui-btn-light-border.ui-btn:active,
.ui-btn-light-border.ui-btn.ui-btn-wait,
.ui-btn-light-border.ui-btn.ui-btn-clock,
.ui-btn-light-border.ui-btn.ui-btn-active,
.ui-btn-light-border.ui-btn-double .ui-btn-main:active,
.ui-btn-light-border.ui-btn-double .ui-btn-extra:active,
.ui-btn-light-border.ui-btn-double.ui-btn-wait .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-clock .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-active .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-main-active .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-active .ui-btn-extra,
.ui-btn-light-border.ui-btn-double.ui-btn-extra-active .ui-btn-extra {
	border-color: #9fa4ab;
	background-color: var(--ui-btn-bg-light-active);
	color: #535c69;
}

.bitrix24-light-theme .pagetitle-wrap .ui-btn-light-border { color: #fff;}

.bitrix24-light-theme .pagetitle-wrap .ui-btn-light-border:hover { background-color: #cfd4d878; }

.bitrix24-light-theme .pagetitle-wrap .ui-btn-light-border:active { background-color: #dde2e578; }

.ui-btn-light-border.ui-btn.ui-btn-lg,
.ui-btn-light-border.ui-btn-double.ui-btn-lg .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-lg .ui-btn-extra { line-height: calc(var(--ui-btn-size-lg) - 2px); }

.ui-btn-light-border.ui-btn.ui-btn-md,
.ui-btn-light-border.ui-btn-double.ui-btn-md .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-md .ui-btn-extra { line-height: calc(var(--ui-btn-size-md) - 2px); }

.ui-btn-light-border.ui-btn.ui-btn-sm,
.ui-btn-light-border.ui-btn-double.ui-btn-sm .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-sm .ui-btn-extra { line-height: calc(var(--ui-btn-size-sm) - 2px); }

.ui-btn-light-border.ui-btn.ui-btn-xs,
.ui-btn-light-border.ui-btn-double.ui-btn-xs .ui-btn-main,
.ui-btn-light-border.ui-btn-double.ui-btn-xs .ui-btn-extra { line-height: calc(var(--ui-btn-size-xs) - 2px); }

.ui-btn-light-border.ui-btn-double .ui-btn-extra:after {
	background-color: #535c69;
	opacity: .5;
}

.ui-btn-light-border.ui-btn-double .ui-btn-extra:before { border-top-color: #535c69; }

/* region Fix for IE*/
.bx-ie .ui-btn-primary.ui-btn,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-extra { background-color: transparent; }

.bx-ie .ui-btn-primary.ui-btn:hover,
.bx-ie a.ui-btn-primary.ui-btn:focus,
.bx-ie .ui-btn-primary.ui-btn.ui-btn-hover,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-main:hover,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-extra:hover,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-hover .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-hover .ui-btn-extra,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-main-hover .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-extra-hover .ui-btn-extra { background-color: #cfd4d8; }

.bx-ie .ui-btn-primary.ui-btn:active,
.bx-ie .ui-btn-primary.ui-btn.ui-btn-wait,
.bx-ie .ui-btn-primary.ui-btn.ui-btn-clock,
.bx-ie .ui-btn-primary.ui-btn.ui-btn-active,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-main:active,
.bx-ie .ui-btn-primary.ui-btn-double .ui-btn-extra:active,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-active .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-active .ui-btn-extra,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-main-active .ui-btn-main,
.bx-ie .ui-btn-primary.ui-btn-double.ui-btn-extra-active .ui-btn-extra { background-color: #dde2e5; }

.bx-ie .ui-btn-light-border.ui-btn.ui-btn-lg,
.bx-ie .ui-btn-light-border.ui-btn-double.ui-btn-lg .ui-btn-main,
.bx-ie .ui-btn-light-border.ui-btn-double.ui-btn-lg .ui-btn-extra { line-height: 45px; }

.bx-ie .ui-btn-light-border.ui-btn.ui-btn-md,
.bx-ie .ui-btn-light-border.ui-btn-double.ui-btn-md .ui-btn-main,
.bx-ie .ui-btn-light-border.ui-btn-double.ui-btn-md .ui-btn-extra { line-height: 37px; }

.bx-ie .ui-btn-light-border.ui-btn.ui-btn-sm,
.bx-ie .ui-btn-light-border.ui-btn-double.ui-btn-sm .ui-btn-main,
.bx-ie .ui-btn-light-border.ui-btn-double.ui-btn-sm .ui-btn-extra { line-height: 31px; }

.bx-ie .ui-btn-light-border.ui-btn.ui-btn-xs,
.bx-ie .ui-btn-light-border.ui-btn-double.ui-btn-xs .ui-btn-main,
.bx-ie .ui-btn-light-border.ui-btn-double.ui-btn-xs .ui-btn-extra { line-height: 26px; }

/*endregion*/
/*endregion*/

/*endregion*/

/*region Border radius*/
.ui-btn.ui-btn-round.ui-btn-lg { border-radius: calc(var(--ui-btn-size-lg) / 2); }

.ui-btn.ui-btn-round,
.ui-btn.ui-btn-round.ui-btn-md { border-radius: calc(var(--ui-btn-size-md) / 2); }

.ui-btn.ui-btn-round.ui-btn-sm { border-radius: calc(var(--ui-btn-size-sm) / 2); }

.ui-btn.ui-btn-round.ui-btn-xs { border-radius: calc(var(--ui-btn-size-xs) / 2); }

/* region Fix for IE*/
.bx-ie .ui-btn.ui-btn-round.ui-btn-lg { border-radius: 23.5px; }

.bx-ie .ui-btn.ui-btn-round,
.bx-ie .ui-btn.ui-btn-round.ui-btn-md { border-radius: 19.5px; }

.bx-ie .ui-btn.ui-btn-round.ui-btn-sm { border-radius: 16.5px; }

.bx-ie .ui-btn.ui-btn-round.ui-btn-xs { border-radius: 13px; }

/*endregion*/
/*endregion*/

/*region Others*/

/*region Counter*/
.ui-btn .ui-btn-counter,
.ui-btn-double .ui-btn-counter {
	display: inline-block;
	margin-top: -2px;
	padding: 0 8px;
	border-radius: 10px;
	background-color: #f34829;
	color: #fff;
	vertical-align: middle;
	font: 11px/19px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
}

.ui-btn.ui-btn-xs .ui-btn-counter,
.ui-btn-double.ui-btn-xs .ui-btn-counter {
	margin-top: -4px;
}

/*endregion*/

/*region Dropdown*/
.ui-btn.ui-btn-dropdown,
.ui-btn-double.ui-btn-dropdown .ui-btn-main { padding-right: 29px; }

.ui-btn.ui-btn-dropdown:before,
.ui-btn-double.ui-btn-dropdown .ui-btn-main:before {
	position: absolute;
	top: 50%;
	right: 13px;
	display: block;
	box-sizing: border-box;
	margin-top: -2.5px;
	width: 8px;
	height: 8px;
	border-bottom: 2px solid;
	border-left: 2px solid;
	content: '';
	transform: translateY(-50%) rotate(-45deg);
}

.ui-btn.ui-btn-xs.ui-btn-dropdown:before,
.ui-btn-double.ui-btn-xs.ui-btn-dropdown .ui-btn-main:before { margin-top: .5px; }

.ui-btn.ui-btn-link.ui-btn-dropdown:before,
.ui-btn.ui-btn-secondary.ui-btn-dropdown:before,
.ui-btn.ui-btn-light.ui-btn-dropdown:before,
.ui-btn.ui-btn-success.ui-btn-dropdown:before,
.ui-btn.ui-btn-light-border.ui-btn-dropdown:before,
.ui-btn-double.ui-btn-link.ui-btn-dropdown .ui-btn-main:before,
.ui-btn-double.ui-btn-secondary.ui-btn-dropdown .ui-btn-main:before,
.ui-btn-double.ui-btn-light.ui-btn-dropdown .ui-btn-main:before,
.ui-btn-double.ui-btn-success.ui-btn-dropdown .ui-btn-main:before,
.ui-btn-double.ui-btn-light-border.ui-btn-dropdown .ui-btn-main:before { border-color: #535c69; }

.ui-btn.ui-btn-dropdown:before,
.ui-btn.ui-btn-danger.ui-btn-dropdown:before,
.ui-btn.ui-btn-primary.ui-btn-dropdown:before,
.ui-btn.ui-btn-default.ui-btn-dropdown:before,
.ui-btn-double.ui-btn-dropdown .ui-btn-main:before,
.ui-btn-double.ui-btn-danger.ui-btn-dropdown .ui-btn-main:before,
.ui-btn-double.ui-btn-primary.ui-btn-dropdown .ui-btn-main:before,
.ui-btn-double.ui-btn-default.ui-btn-dropdown .ui-btn-main:before { border-color: #fff; }

/*endregion*/

/*region Wait*/
.ui-btn.ui-btn-disabled,
.ui-btn-double.ui-btn-disabled,
.ui-btn-double.ui-btn-disabled-main .ui-btn-main,
.ui-btn-double.ui-btn-disabled-extra .ui-btn-extra {
	opacity: .4;
	cursor: not-allowed;
}

.ui-btn.ui-btn-wait,
.ui-btn-double.ui-btn-wait .ui-btn-main {
	background-position: center;
	background-repeat: no-repeat;
	color: rgba(0, 0, 0, 0) !important;
}

.ui-btn.ui-btn-wait:after,
.ui-btn-double.ui-btn-wait .ui-btn-main:after { opacity: 0; }

.ui-btn.ui-btn-wait,
.ui-btn.ui-btn-danger.ui-btn-wait,
.ui-btn.ui-btn-primary.ui-btn-wait,
.ui-btn.ui-btn-default.ui-btn-wait,
.ui-btn-double.ui-btn-wait .ui-btn-main,
.ui-btn-double.ui-btn-danger.ui-btn-wait .ui-btn-main,
.ui-btn-double.ui-btn-primary.ui-btn-wait .ui-btn-main,
.ui-btn-double.ui-btn-default.ui-btn-wait .ui-btn-main { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2221px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2021%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20.loader%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transform-origin%3A%2050%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20-moz-transform-origin%3A%2050%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20animation%3A%20loader%201s%20infinite%20steps%2812%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20@keyframes%20loader%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20100%25%7B%20transform%3A%20rotate%28360deg%29%3B%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%20%20%3Cg%20width%3D%2221%22%20height%3D%2221%22%20x%3D%220%22%20y%3D%220%22%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20class%3D%22loader%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.43449953%2C8.074594%20L6.43449953%2C8.074594%20C6.13556114%2C8.58186178%205.47632706%2C8.75237795%204.96905928%2C8.45343956%20L2.51048718%2C7.00440881%20C2.00393286%2C6.70547042%201.83341669%2C6.04552289%202.13235509%2C5.53825511%20C2.43129348%2C5.03170079%203.09052755%2C4.86118462%203.59708188%2C5.16012301%20L6.05636743%2C6.60915375%20C6.56292175%2C6.90809215%206.73343793%2C7.56803968%206.43449953%2C8.074594%22%20%20%20%20%20%20opacity%3D%220.1%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.10876858%2C6.41466543%20L8.10876858%2C6.41466543%20C7.59936043%2C6.70932309%206.94083981%2C6.53381272%206.64689562%2C6.02369111%20L5.21855512%2C3.55299025%20C4.92389747%2C3.0435821%205.09940784%2C2.38577494%205.60952944%2C2.09111728%20C6.11893759%2C1.79645963%206.77674475%2C1.97197%207.07140241%2C2.4820916%20L8.4997429%2C4.95279247%20C8.79440056%2C5.46220062%208.61817673%2C6.12000778%208.10876858%2C6.41466543%22%20%20%20%20%20%20opacity%3D%220.2%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.4295722%2C5.79210304%20L10.4295722%2C5.79210304%20C9.84097032%2C5.79210304%209.35938699%2C5.3105197%209.35938699%2C4.72191785%20L9.35938699%2C1.86809069%20C9.35938699%2C1.27948884%209.84097032%2C0.797905505%2010.4295722%2C0.797905505%20C11.018174%2C0.797905505%2011.4997574%2C1.27948884%2011.4997574%2C1.86809069%20L11.4997574%2C4.72191785%20C11.4997574%2C5.3105197%2011.018174%2C5.79210304%2010.4295722%2C5.79210304%22%20opacity%3D%220.3%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.3206752%2C2.13214105%20L15.3206752%2C2.13214105%20C15.827943%2C2.43107944%2015.9977457%2C3.09031352%2015.6988073%2C3.5975813%20L14.2497766%2C6.05615339%20C13.9508382%2C6.56270772%2013.2916041%2C6.73322389%2012.7843363%2C6.43428549%20C12.2770685%2C6.1353471%2012.1072658%2C5.47611302%2012.4062042%2C4.9695587%20L13.855235%2C2.51027315%20C14.1541733%2C2.00371883%2014.8134074%2C1.83320265%2015.3206752%2C2.13214105%22%20%20%20%20%20opacity%3D%220.4%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.7680984%2C5.60924406%20L18.7680984%2C5.60924406%20C19.0627561%2C6.11865221%2018.8872457%2C6.77717283%2018.3771241%2C7.07111702%20L15.9064232%2C8.49945752%20C15.3970151%2C8.79411517%2014.7392079%2C8.6186048%2014.4438368%2C8.1084832%20C14.1498926%2C7.59907505%2014.325403%2C6.94126789%2014.8355246%2C6.64661023%20L17.3062254%2C5.21826974%20C17.8156336%2C4.92361209%2018.4734408%2C5.09983591%2018.7680984%2C5.60924406%22%20%20%20opacity%3D%220.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M20.0612388%2C10.4295722%20L20.0612388%2C10.4295722%20C20.0612388%2C11.018174%2019.5796555%2C11.4997574%2018.9910537%2C11.4997574%20L16.1372265%2C11.4997574%20C15.5486246%2C11.4997574%2015.0670413%2C11.018174%2015.0670413%2C10.4295722%20C15.0670413%2C9.84097032%2015.5486246%2C9.35938699%2016.1372265%2C9.35938699%20L18.9910537%2C9.35938699%20C19.5796555%2C9.35938699%2020.0612388%2C9.84097032%2020.0612388%2C10.4295722%22%20%20opacity%3D%220.6%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.7270033%2C15.3206752%20L18.7270033%2C15.3206752%20C18.4280649%2C15.8272295%2017.7688308%2C15.9977457%2017.2615631%2C15.6988073%20L14.802991%2C14.2497766%20C14.2957232%2C13.9508382%2014.1259205%2C13.2916041%2014.4248589%2C12.7843363%20C14.7237972%2C12.2770685%2015.3830313%2C12.1072658%2015.8895856%2C12.4062042%20L18.3488712%2C13.855235%20C18.856139%2C14.1541733%2019.0259417%2C14.8134074%2018.7270033%2C15.3206752%22%20%20%20opacity%3D%220.7%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.2496149%2C18.7680984%20L15.2496149%2C18.7680984%20C14.7402068%2C19.0627561%2014.0823996%2C18.8872457%2013.7877419%2C18.3771241%20L12.3594014%2C15.9064232%20C12.0647438%2C15.3970151%2012.2409676%2C14.7392079%2012.7503758%2C14.4445503%20C13.2597839%2C14.1498926%2013.9183045%2C14.325403%2014.2129622%2C14.8355246%20L15.6405892%2C17.3062254%20C15.9352469%2C17.8156336%2015.7597365%2C18.4734408%2015.2496149%2C18.7680984%22%20opacity%3D%220.8%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.4295722%2C20.0612388%20L10.4295722%2C20.0612388%20C9.84097032%2C20.0612388%209.35938699%2C19.5796555%209.35938699%2C18.9910537%20L9.35938699%2C16.1372265%20C9.35938699%2C15.5486246%209.84097032%2C15.0670413%2010.4295722%2C15.0670413%20C11.018174%2C15.0670413%2011.4997574%2C15.5486246%2011.4997574%2C16.1372265%20L11.4997574%2C18.9910537%20C11.4997574%2C19.5796555%2011.018174%2C20.0612388%2010.4295722%2C20.0612388%22%20%20opacity%3D%220.9%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.074594%2C14.4246448%20L8.074594%2C14.4246448%20C8.58186178%2C14.7235832%208.75237795%2C15.3828173%208.45343956%2C15.8900851%20L7.00440881%2C18.3486572%20C6.70547042%2C18.8552115%206.04552289%2C19.0257277%205.53825511%2C18.7267893%20C5.03170079%2C18.4278509%204.86118462%2C17.7686168%205.16012301%2C17.2620625%20L6.60915375%2C14.8027769%20C6.90809215%2C14.2962226%207.56803968%2C14.1257064%208.074594%2C14.4246448%22%20%20%20%20%20%20opacity%3D%220.95%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5.79210304%2C10.4295722%20L5.79210304%2C10.4295722%20C5.79210304%2C11.018174%205.3105197%2C11.4997574%204.72191785%2C11.4997574%20L1.86809069%2C11.4997574%20C1.27948884%2C11.4997574%200.797905505%2C11.018174%200.797905505%2C10.4295722%20C0.797905505%2C9.84097032%201.27948884%2C9.35938699%201.86809069%2C9.35938699%20L4.72191785%2C9.35938699%20C5.3105197%2C9.35938699%205.79210304%2C9.84097032%205.79210304%2C10.4295722%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.41466543%2C12.7503758%20L6.41466543%2C12.7503758%20C6.70932309%2C13.2597839%206.53381272%2C13.9175911%206.02369111%2C14.2122487%20L3.55299025%2C15.6405892%20C3.0435821%2C15.9352469%202.38577494%2C15.7590231%202.09040383%2C15.2496149%20C1.79645963%2C14.7402068%201.97197%2C14.0823996%202.4820916%2C13.7877419%20L4.95279247%2C12.3594014%20C5.46220062%2C12.0647438%206.12000778%2C12.2409676%206.41466543%2C12.7503758%22%20%20%20%20%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); }

.ui-btn.ui-btn-link.ui-btn-wait,
.ui-btn.ui-btn-secondary.ui-btn-wait,
.ui-btn.ui-btn-light.ui-btn-wait,
.ui-btn.ui-btn-success.ui-btn-wait,
.ui-btn.ui-btn-link-border.ui-btn-wait,
.ui-btn.ui-btn-light-border.ui-btn-wait,
.ui-btn-double.ui-btn-link.ui-btn-wait .ui-btn-main,
.ui-btn-double.ui-btn-secondary.ui-btn-wait .ui-btn-main,
.ui-btn-double.ui-btn-light.ui-btn-wait .ui-btn-main,
.ui-btn-double.ui-btn-success.ui-btn-wait .ui-btn-main,
.ui-btn-double.ui-btn-link-border.ui-btn-wait .ui-btn-main,
.ui-btn-double.ui-btn-light-border.ui-btn-wait .ui-btn-main { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2221px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2021%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20.loader%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transform-origin%3A%2050%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20-moz-transform-origin%3A%2050%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20animation%3A%20loader%201s%20infinite%20steps%2812%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20@keyframes%20loader%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20100%25%7B%20transform%3A%20rotate%28360deg%29%3B%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%20%20%3Cg%20width%3D%2221%22%20height%3D%2221%22%20x%3D%220%22%20y%3D%220%22%20fill%3D%22%23535c69%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20class%3D%22loader%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.43449953%2C8.074594%20L6.43449953%2C8.074594%20C6.13556114%2C8.58186178%205.47632706%2C8.75237795%204.96905928%2C8.45343956%20L2.51048718%2C7.00440881%20C2.00393286%2C6.70547042%201.83341669%2C6.04552289%202.13235509%2C5.53825511%20C2.43129348%2C5.03170079%203.09052755%2C4.86118462%203.59708188%2C5.16012301%20L6.05636743%2C6.60915375%20C6.56292175%2C6.90809215%206.73343793%2C7.56803968%206.43449953%2C8.074594%22%20%20%20%20%20%20opacity%3D%220.1%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.10876858%2C6.41466543%20L8.10876858%2C6.41466543%20C7.59936043%2C6.70932309%206.94083981%2C6.53381272%206.64689562%2C6.02369111%20L5.21855512%2C3.55299025%20C4.92389747%2C3.0435821%205.09940784%2C2.38577494%205.60952944%2C2.09111728%20C6.11893759%2C1.79645963%206.77674475%2C1.97197%207.07140241%2C2.4820916%20L8.4997429%2C4.95279247%20C8.79440056%2C5.46220062%208.61817673%2C6.12000778%208.10876858%2C6.41466543%22%20%20%20%20%20%20opacity%3D%220.2%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.4295722%2C5.79210304%20L10.4295722%2C5.79210304%20C9.84097032%2C5.79210304%209.35938699%2C5.3105197%209.35938699%2C4.72191785%20L9.35938699%2C1.86809069%20C9.35938699%2C1.27948884%209.84097032%2C0.797905505%2010.4295722%2C0.797905505%20C11.018174%2C0.797905505%2011.4997574%2C1.27948884%2011.4997574%2C1.86809069%20L11.4997574%2C4.72191785%20C11.4997574%2C5.3105197%2011.018174%2C5.79210304%2010.4295722%2C5.79210304%22%20opacity%3D%220.3%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.3206752%2C2.13214105%20L15.3206752%2C2.13214105%20C15.827943%2C2.43107944%2015.9977457%2C3.09031352%2015.6988073%2C3.5975813%20L14.2497766%2C6.05615339%20C13.9508382%2C6.56270772%2013.2916041%2C6.73322389%2012.7843363%2C6.43428549%20C12.2770685%2C6.1353471%2012.1072658%2C5.47611302%2012.4062042%2C4.9695587%20L13.855235%2C2.51027315%20C14.1541733%2C2.00371883%2014.8134074%2C1.83320265%2015.3206752%2C2.13214105%22%20%20%20%20%20opacity%3D%220.4%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.7680984%2C5.60924406%20L18.7680984%2C5.60924406%20C19.0627561%2C6.11865221%2018.8872457%2C6.77717283%2018.3771241%2C7.07111702%20L15.9064232%2C8.49945752%20C15.3970151%2C8.79411517%2014.7392079%2C8.6186048%2014.4438368%2C8.1084832%20C14.1498926%2C7.59907505%2014.325403%2C6.94126789%2014.8355246%2C6.64661023%20L17.3062254%2C5.21826974%20C17.8156336%2C4.92361209%2018.4734408%2C5.09983591%2018.7680984%2C5.60924406%22%20%20%20opacity%3D%220.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M20.0612388%2C10.4295722%20L20.0612388%2C10.4295722%20C20.0612388%2C11.018174%2019.5796555%2C11.4997574%2018.9910537%2C11.4997574%20L16.1372265%2C11.4997574%20C15.5486246%2C11.4997574%2015.0670413%2C11.018174%2015.0670413%2C10.4295722%20C15.0670413%2C9.84097032%2015.5486246%2C9.35938699%2016.1372265%2C9.35938699%20L18.9910537%2C9.35938699%20C19.5796555%2C9.35938699%2020.0612388%2C9.84097032%2020.0612388%2C10.4295722%22%20%20opacity%3D%220.6%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.7270033%2C15.3206752%20L18.7270033%2C15.3206752%20C18.4280649%2C15.8272295%2017.7688308%2C15.9977457%2017.2615631%2C15.6988073%20L14.802991%2C14.2497766%20C14.2957232%2C13.9508382%2014.1259205%2C13.2916041%2014.4248589%2C12.7843363%20C14.7237972%2C12.2770685%2015.3830313%2C12.1072658%2015.8895856%2C12.4062042%20L18.3488712%2C13.855235%20C18.856139%2C14.1541733%2019.0259417%2C14.8134074%2018.7270033%2C15.3206752%22%20%20%20opacity%3D%220.7%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.2496149%2C18.7680984%20L15.2496149%2C18.7680984%20C14.7402068%2C19.0627561%2014.0823996%2C18.8872457%2013.7877419%2C18.3771241%20L12.3594014%2C15.9064232%20C12.0647438%2C15.3970151%2012.2409676%2C14.7392079%2012.7503758%2C14.4445503%20C13.2597839%2C14.1498926%2013.9183045%2C14.325403%2014.2129622%2C14.8355246%20L15.6405892%2C17.3062254%20C15.9352469%2C17.8156336%2015.7597365%2C18.4734408%2015.2496149%2C18.7680984%22%20opacity%3D%220.8%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.4295722%2C20.0612388%20L10.4295722%2C20.0612388%20C9.84097032%2C20.0612388%209.35938699%2C19.5796555%209.35938699%2C18.9910537%20L9.35938699%2C16.1372265%20C9.35938699%2C15.5486246%209.84097032%2C15.0670413%2010.4295722%2C15.0670413%20C11.018174%2C15.0670413%2011.4997574%2C15.5486246%2011.4997574%2C16.1372265%20L11.4997574%2C18.9910537%20C11.4997574%2C19.5796555%2011.018174%2C20.0612388%2010.4295722%2C20.0612388%22%20%20opacity%3D%220.9%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.074594%2C14.4246448%20L8.074594%2C14.4246448%20C8.58186178%2C14.7235832%208.75237795%2C15.3828173%208.45343956%2C15.8900851%20L7.00440881%2C18.3486572%20C6.70547042%2C18.8552115%206.04552289%2C19.0257277%205.53825511%2C18.7267893%20C5.03170079%2C18.4278509%204.86118462%2C17.7686168%205.16012301%2C17.2620625%20L6.60915375%2C14.8027769%20C6.90809215%2C14.2962226%207.56803968%2C14.1257064%208.074594%2C14.4246448%22%20%20%20%20%20%20opacity%3D%220.95%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5.79210304%2C10.4295722%20L5.79210304%2C10.4295722%20C5.79210304%2C11.018174%205.3105197%2C11.4997574%204.72191785%2C11.4997574%20L1.86809069%2C11.4997574%20C1.27948884%2C11.4997574%200.797905505%2C11.018174%200.797905505%2C10.4295722%20C0.797905505%2C9.84097032%201.27948884%2C9.35938699%201.86809069%2C9.35938699%20L4.72191785%2C9.35938699%20C5.3105197%2C9.35938699%205.79210304%2C9.84097032%205.79210304%2C10.4295722%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.41466543%2C12.7503758%20L6.41466543%2C12.7503758%20C6.70932309%2C13.2597839%206.53381272%2C13.9175911%206.02369111%2C14.2122487%20L3.55299025%2C15.6405892%20C3.0435821%2C15.9352469%202.38577494%2C15.7590231%202.09040383%2C15.2496149%20C1.79645963%2C14.7402068%201.97197%2C14.0823996%202.4820916%2C13.7877419%20L4.95279247%2C12.3594014%20C5.46220062%2C12.0647438%206.12000778%2C12.2409676%206.41466543%2C12.7503758%22%20%20%20%20%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); }

/*endregion*/

/*region Clock*/
.ui-btn.ui-btn-clock,
.ui-btn-double.ui-btn-clock .ui-btn-main {
	background-position: center;
	background-repeat: no-repeat;
	color: rgba(0, 0, 0, 0) !important;
}

.ui-btn.ui-btn-clock:after,
.ui-btn-double.ui-btn-clock .ui-btn-main:after { opacity: 0; }

.ui-btn.ui-btn-clock,
.ui-btn.ui-btn-danger.ui-btn-clock,
.ui-btn.ui-btn-primary.ui-btn-clock,
.ui-btn.ui-btn-default.ui-btn-clock,
.ui-btn-double.ui-btn-clock .ui-btn-main,
.ui-btn-double.ui-btn-danger.ui-btn-clock .ui-btn-main,
.ui-btn-double.ui-btn-primary.ui-btn-clock .ui-btn-main,
.ui-btn-double.ui-btn-default.ui-btn-clock .ui-btn-main { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20.arrow%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transform-origin%3A%20.5%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20-moz-transform-origin%3A%20.5%200%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%0A%20%20%20%20%3Csvg%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20fill%3D%22none%22%20r%3D%228.5%22%20cx%3D%229%22%20cy%3D%229%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20width%3D%226px%22%20height%3D%221px%22%20id%3D%22ar2%22%20x%3D%228.5%22%20y%3D%228.5%22/%3E%0A%20%20%20%20%3C/svg%3E%0A%0A%20%20%20%20%3Cg%20width%3D%2219%22%20height%3D%2219%22%20x%3D%220%22%20y%3D%220%22%20%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20class%3D%22arrow%22%20id%3D%22ar1%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20width%3D%221%22%20height%3D%227%22%20x%3D%228.5%22%20y%3D%229%22/%3E%0A%20%20%20%20%20%20%20%20%3CanimateTransform%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20from%3D%220%209%209%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20to%3D%22360%209%209%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dur%3D%221s%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); }

.ui-btn.ui-btn-link.ui-btn-clock,
.ui-btn.ui-btn-secondary.ui-btn-clock,
.ui-btn.ui-btn-light.ui-btn-clock,
.ui-btn.ui-btn-success.ui-btn-clock,
.ui-btn.ui-btn-link-border.ui-btn-clock,
.ui-btn.ui-btn-light-border.ui-btn-clock,
.ui-btn-double.ui-btn-link.ui-btn-clock .ui-btn-main,
.ui-btn-double.ui-btn-secondary.ui-btn-clock .ui-btn-main,
.ui-btn-double.ui-btn-light.ui-btn-clock .ui-btn-main,
.ui-btn-double.ui-btn-success.ui-btn-clock .ui-btn-main,
.ui-btn-double.ui-btn-link-border.ui-btn-clock .ui-btn-main,
.ui-btn-double.ui-btn-light-border.ui-btn-clock .ui-btn-main { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20.arrow%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20transform-origin%3A%20.5%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20-moz-transform-origin%3A%20.5%200%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%0A%20%20%20%20%3Csvg%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20fill%3D%22none%22%20r%3D%228.5%22%20cx%3D%229%22%20cy%3D%229%22%20stroke%3D%22%23535c69%22%20stroke-width%3D%221%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23535c69%22%20width%3D%226px%22%20height%3D%221px%22%20id%3D%22ar2%22%20x%3D%228.5%22%20y%3D%228.5%22/%3E%0A%20%20%20%20%3C/svg%3E%0A%0A%20%20%20%20%3Cg%20width%3D%2219%22%20height%3D%2219%22%20x%3D%220%22%20y%3D%220%22%20%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20class%3D%22arrow%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23535c69%22%20width%3D%221%22%20height%3D%227%22%20x%3D%228.5%22%20y%3D%229%22/%3E%0A%20%20%20%20%20%20%20%20%3CanimateTransform%0A%20%20%20%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20%20%20%20from%3D%220%209%209%22%0A%20%20%20%20%20%20%20%20%20%20%20%20to%3D%22360%209%209%22%0A%20%20%20%20%20%20%20%20%20%20%20%20dur%3D%221s%22%0A%20%20%20%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); }

/*endregion*/

/*endregion*/