/**
*   Microsite todo - вероятно, избавиться совсем
*/
/**
*   Microsite
*/
:root {
  --application-width: 1006px;
  --font-family: Arial, sans-serif;
  --base-font-size: 14px;
  --base-mobile-font-size: 16px;
  --text-color: #384554;
  --link-color-normal: #384554;
  --link-color-hover: #7740bf;
  --link-color-active: #7740bf;
  --link-color-visited: #384554;
  --error-color: #341d54;
  --overlay-background: #111b27;
  --overlay-text: #FFFFFF;
  --input-background-color: #ffffff;
  --selected-color: #341d54;
  --border-color: #dfe4ea;
  --border-color-r: 223;
  --border-color-g: 228;
  --border-color-b: 234;
  --controls-color: #7740bf;
  --tooltip-bg: #ffffff;
  --content-bg: url('/images/content-bg.png?v=1765512594414');
  --form-border-normal: #9a9a9a;
  --form-border-active: #7740bf;
  --form-border-radius: 3px;
  --form-input-height: 24px;
  --header-menu-bg-normal: #f1f5f8;
  --header-menu-bg-hover: #ffffff;
  --header-menu-bg-active: #7740bf;
  --header-menu-text-color-normal: #341d54;
  --header-menu-border-color: #e0e9ef;
  --header-menu-bg-submenu: #ffffff;
  --button-background-color: #e6e6e6;
  --main-bg: url('/storage/css/themes/8f/37/c3/68366ea277751fa71fbcfb1e692a130fd6/main-bg.png?v=1765512594414');
  --background-color: #ffffff;
  --highlighted-header-color: #f1f5f8;
  --panel-header-border: #5f3399;
  --panel-header-text: #ffffff;
  --panel-header-active-text: #FFFFFF;
  --panel-header-bg: #7740bf;
  --address-accordion: #d7dde3;
  --address-accordion-hover: #f5f7f8;
  --address-accordion-text-color: #303a46;
  --start-page-steps-sprite: url('/images/ms-start-page-sprite-png-part.png?v=1765512594414');
  --sprite: url('/images/sprite.png?v=1765512594414');
  --pager-text: #7740bf;
  --pager-active-text: #7740bf;
  --pager-bg: #ffffff;
  --pager-bg-active: #ffffff;
  --pager-bg-active-hover: #58abb7;
  --pager-border: #ffffff;
  --pager-border-active: #7740bf;
  --price-bg: #e4f8f9;
  --button-action: #7740bf;
  --button-action-active: #341d54;
  --button-action-border: #6637a4;
  --button-action-hover: #9266cc;
  --button-action-text: #FFFFFF;
  --button-top-panel: #341d54;
  --button-top-panel-active: #7740bf;
  --button-top-panel-border: #241439;
  --button-top-panel-hover: #4b2a7a;
  --button-top-panel-text: #FFFFFF;
  --button-functional: #7740bf;
  --button-functional-active: #7740bf;
  --button-functional-border: #6637a4;
  --button-functional-hover: #9266cc;
  --button-functional-text: #FFFFFF;
  --button-neutral: #ffffff;
  --button-neutral-active: #7740bf;
  --button-neutral-border: #7740bf;
  --button-neutral-hover: #ffffff;
  --button-neutral-text: #7740bf;
  --button-negative: #ff7070;
  --button-negative-active: #fe5252;
  --button-negative-border: #ff4c4c;
  --button-negative-hover: #ffa3a3;
  --button-negative-text: #FFFFFF;
  --button-content-bg-normal: #7740bf;
  --button-content-bg-active: #ffffff;
  --button-content-border-color: #4a2876;
  --button-content-text: #ffffff;
  --step-text-content-font-style: normal;
  --step-text-content-font-size: 14px;
  --step-text-content-color: #384554;
  --step-text-header-font-style: normal;
  --step-text-header-font-size: 24px;
  --step-text-header-color: #384554;
  --step-color-text-1: #FFFFFF;
  --step-color-bg-1: #7740bf;
  --step-color-text-2: #FFFFFF;
  --step-color-bg-2: #7740bf;
  --step-color-text-3: #FFFFFF;
  --step-color-bg-3: #7740bf;
  --step-color-text-4: #FFFFFF;
  --step-color-bg-4: #7740bf;
  --main-tabs: #7740bf;
  --main-tabs-hover: #9266cc;
  --main-tabs-text: #ffffff;
  --main-tabs-text-active: #303a46;
  --main-tabs-border: #6637a4;
  --main-tabs-separator: #a079d2;
  --online-editor-sprite-image: url('/images/online-editor-sprite.png?v=1765512594415');
  --app-footer-text: #303a46;
  --app-footer-text-hover: #341d54;
  --footer-bg: #313d4b;
  --footer-link: #b087e5;
  --footer-link-hover: #dfe9e9;
  --uniform-sprite: url('/images/uniform/sprite-fotobook.png?v=1765512594415');
  --book-areas-bg: #FFFFFF;
  --book-areas-border: #000000;
  --book-areas-intersect-bg: #000000;
  --lang-arrow-x: -120px;
  --lang-arrow-y: 0;
  --middle-header-sprite: url('/images/ms-middle-header-images-sprite.png?v=1765512594415');
  --middle-header-bg: url('/images/ms-middle-header-bg.png?v=1765512594415');
  --logo-bg-color: #FFFFFF;
  --logo-border-color: #ffffff;
  --editor-command-button: #7740bf;
  --editor-command-button-border: #5f3399;
  --editor-command-button-content: #301a4c;
  --editor-menu-image-background: #f2f2f2;
  --editor-menu-accordion-text-color: #303a46;
  --editor-menu-accordion-arrow: #303a46;
  --editor-menu-accordion-background: #f1f5f8;
  --editor-menu-accordion-background-hover: #ffffff;
  --editor-menu-accordion-border: #cfdde7;
  --editor-menu-accordion-border-hover: #f1f5f8;
  --provider-background-normal: #ffffff;
  --provider-background-hover: #f1f5f8;
  --provider-background-active: #ffffff;
  --provider-border-normal: #ffffff;
  --provider-border-hover: #7740bf;
  --provider-border-active: #7740bf;
  --photo-editor-sprite: url('/images/edit-photo-icons.png?v=1765512594415');
  --user-menu-text-color: #303a46;
  --user-menu-text-color-selected: #ffffff;
  --user-menu-background-normal: #fdfdfd;
  --user-menu-background-active: #7740bf;
  --disabled-opacity: 0.35;
  --progress-bar-background: #edebeb;
  --progress-bar-border: #ffffff;
  --progress-bar-progress: #7740bf;
  --float-panel-slider: #341d54;
  --price-striked-opacity: .5;
}
/**
*   Application
*/
.create-steps-header,
.tr-panel-header {
  border: 1px solid var(--panel-header-border);
  background-color: var(--panel-header-bg);
  color: var(--panel-header-text) !important;
}
.create-steps-header .text,
.tr-panel-header .text {
  color: var(--panel-header-text);
}
.create-steps-header .text span,
.tr-panel-header .text span {
  color: var(--panel-header-active-text);
}
.commands-button,
.tr-commands-button {
  border: 1px solid var(--button-top-panel-border);
  background-color: var(--button-top-panel);
  color: var(--button-top-panel-text) !important;
}
.commands-button:hover,
.tr-commands-button:hover {
  -webkit-filter: var(--button-top-panel-hover);
          filter: var(--button-top-panel-hover);
}
.commands-button:active,
.tr-commands-button:active,
.commands-button.active,
.tr-commands-button.active {
  background-color: var(--button-top-panel-active);
}
.commands-button:active:not(.disabled),
.tr-commands-button:active:not(.disabled),
.commands-button.active:not(.disabled),
.tr-commands-button.active:not(.disabled) {
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.33) inset;
       box-shadow: 0 3px 9px rgba(0, 0, 0, 0.33) inset;
}
.commands-button.disabled,
.tr-commands-button.disabled,
.commands-button.disabled:hover,
.tr-commands-button.disabled:hover,
.commands-button.disabled:active,
.tr-commands-button.disabled:active,
.preview .commands-button.nopreview,
.preview .tr-commands-button.nopreview,
.preview .commands-button.nopreview:hover,
.preview .tr-commands-button.nopreview:hover,
.preview .commands-button.nopreview:active,
.preview .tr-commands-button.nopreview:active {
  background-color: #e5e7e7;
  border: 1px solid #b1b1b1;
}
#methods_list.active .method.selected {
  background: #a079d2;
}
#methods_list .method a {
  color: #ffffff !important;
}
#methods_list .method:not(.selected) {
  background: #a079d2;
}
button:not(.ui-dialog-titlebar-close):not(.autocomplete-button):not(.fotobook_button),
input[type=submit],
.tr-buttons {
  cursor: pointer;
  font-family: var(--font-family);
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: 1px solid #ff3838 !important;
  background-color: #ff7070 !important;
  color: #ffffff !important;
}
.ui-dialog:not(.core-text-12) .ui-dialog-buttonset button:not(.ui-dialog-titlebar-close):not(.autocomplete-button):not(.fotobook_button),
.ui-dialog:not(.core-text-12) .ui-dialog-buttonset input[type=submit],
.ui-dialog:not(.core-text-12) .ui-dialog-buttonset .tr-buttons {
  font-size: 93% !important;
}
.ui-dialog.core-text-12 .ui-dialog-buttonset button:not(.ui-dialog-titlebar-close):not(.autocomplete-button):not(.fotobook_button),
.ui-dialog.core-text-12 .ui-dialog-buttonset input[type=submit],
.ui-dialog.core-text-12 .ui-dialog-buttonset .tr-buttons {
  font-size: 100% !important;
}
button:not(.ui-dialog-titlebar-close):not(.autocomplete-button):not(.fotobook_button):hover,
input[type=submit]:hover,
.tr-buttons:hover,
button:not(.ui-dialog-titlebar-close):not(.autocomplete-button):not(.fotobook_button):focus,
input[type=submit]:focus,
.tr-buttons:focus {
  border: 1px solid #ff7070 !important;
  background-color: #ff8a8a !important;
  color: #ffffff !important;
}
button:not(.ui-dialog-titlebar-close):not(.autocomplete-button):not(.fotobook_button):active,
input[type=submit]:active,
.tr-buttons:active {
  border: 1px solid #ff3838 !important;
  background-color: #ff7070 !important;
  color: #ffffff !important;
}
button:not(.ui-dialog-titlebar-close):not(.autocomplete-button):not(.fotobook_button).disabled,
input[type=submit].disabled,
.tr-buttons.disabled,
button:not(.ui-dialog-titlebar-close):not(.autocomplete-button):not(.fotobook_button).disabled:hover,
input[type=submit].disabled:hover,
.tr-buttons.disabled:hover {
  border: 1px solid #ff3838 !important;
  background-color: #ff5757 !important;
  opacity: var(--disabled-opacity);
}
.jspVerticalBar .jspDrag,
.jspVerticalBar .jspArrow,
.tr-jsp {
  background-color: #4b5868 !important;
  border-color: #d2dae1 !important;
}
.jspVerticalBar .jspDrag:hover,
.jspVerticalBar .jspArrow:hover,
.tr-jsp:hover {
  background-color: #566577 !important;
}
.jspTrack {
  border-color: #d2dae1 !important;
}
.jspVerticalBar .jspTrack {
  background-color: #d2dae1 !important;
}
.jspHorizontalBar .jspTrack {
  background-color: #d2dae1 !important;
}
.jspHorizontalBar .jspArrowLeft:after {
  border-right-color: #ffffff !important;
}
.jspHorizontalBar .jspArrowRight:after {
  border-left-color: #ffffff !important;
}
.jspVerticalBar .jspArrowUp:after {
  border-bottom-color: #ffffff !important;
}
.jspVerticalBar .jspArrowDown:after {
  border-top-color: #ffffff !important;
}
.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspArrow {
  background-color: #4b5868 !important;
  border-color: #d2dae1 !important;
}
.jspHorizontalBar .jspDrag:hover,
.jspHorizontalBar .jspArrow:hover {
  background-color: #566577 !important;
}
.jspCorner {
  background-color: #d2dae1;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-color: #d2dae1;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
.qtip-default {
  background-color: var(--tooltip-bg) !important;
}
.qtip {
  color: #303a46 !important;
}
.qtip.img-prev {
  background: #e2e9e9 !important;
}
.redactor-toolbar-tooltip {
  color: #303a46 !important;
  background: #FFFFFF !important;
}
.qtip-light {
  background: #FFFFFF !important;
}
.tr-qtip {
  border-color: #c8d0ce !important;
  background-color: var(--tooltip-bg) !important;
  color: #303a46 !important;
}
.content-bg {
  background: var(--content-bg) repeat !important;
}
.sprite-image {
  background-image: var(--sprite) !important;
}
.sprite-image-ba:before,
.sprite-image-ba:after {
  background-image: var(--sprite) !important;
}
.oe-sprite-image {
  background-image: url('/images/online-editor-sprite.png?v=1765512594418') !important;
  background-repeat: no-repeat;
}
.photocollection-content .edit-buttons-set .button-set {
  background: url('/images/online-editor-sprite.png?v=1765512594418') no-repeat scroll transparent;
}
.oe-sprite-image-ba:before,
.oe-sprite-image-ba:after {
  background: url('/images/online-editor-sprite.png?v=1765512594418') no-repeat scroll transparent;
}
.uniform-sprite-image,
.uniform-sprite-image span {
  background: var(--uniform-sprite) no-repeat scroll transparent;
}
.uniform-sprite-image-ba:before,
.uniform-sprite-image-ba:after {
  background: url('/images/uniform/sprite-fotobook.png?v=1765512594419') no-repeat scroll transparent !important;
}
.edit-icons-sprite {
  background-image: url('/images/edit-icons.png?v=1765512594419');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: transparent;
}
.edit-icons-sprite-ba:before,
.edit-icons-sprite-ba:after {
  background: url('/images/edit-icons.png?v=1765512594419') no-repeat scroll transparent;
}
.m-head,
.tr-m-head {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-bottom-color: #ffffff !important;
}
.m-head a,
.tr-m-head a {
  color: #7740bf !important;
}
.m-head a:hover,
.tr-m-head a:hover {
  color: #341d54 !important;
}
#bottom-controls {
  border-color: #b3b4bb !important;
  color: #000000 !important;
  background-color: #f1f5f8 !important;
}
#bottom-controls:before {
  background-color: #f8fafb !important;
}
#bottom-controls .bottom-controls-item {
  border-right-color: #f8fafb !important;
}
#bottom-controls .bottom-controls-item:before {
  background-color: #c1d3e0 !important;
}
#bottom-controls .bottom-controls-item a {
  color: #000000 !important;
}
#bottom-controls .bottom-controls-item.styled-item:hover {
  background-color: #ffffff !important;
}
#bottom-controls .bottom-controls-item.styled-item:active {
  background-color: #341d54 !important;
}
.tr-bottom-controls {
  border-color: #b3b4bb !important;
  color: #000000 !important;
  background-color: #f1f5f8 !important;
}
.tr-bottom-controls:hover {
  background-color: #ffffff !important;
}
.tr-bottom-controls:active {
  background-color: #341d54 !important;
}
.controls-button {
  border-color: #FFFFFF !important;
  background: rgba(12, 8, 6, 0.5) !important;
}
.controls-button:hover {
  background: rgba(12, 8, 6, 0.8) !important;
}
.empty-text-placeholder {
  background: rgba(0, 0, 0, 0.3) !important;
}
.empty-text-placeholder-common .empty-text-placeholder-text {
  color: #ffffff !important;
}
.drop-placeholder-text {
  color: #000000 !important;
}
.ui-dialog .ui-widget-header,
.tr-dialog-header {
  background-color: #f1f5f8 !important;
  border-color: #f1f5f8 !important;
  color: #303a46 !important;
}
.ui-dialog {
  border-color: #f1f5f8 !important;
}
.ui-dialog .ui-dialog-content {
  color: var(--text-color) !important;
}
.ui-dialog .ui-dialog-buttonpane {
  border-color: #f1f5f8 !important;
  background-color: #ffffff !important;
}
.yiiPager .page a,
.photo-yiiPager .page a {
  color: var(--pager-text) !important;
  border-color: var(--pager-border) !important;
  background-color: var(--pager-bg) !important;
}
.yiiPager .page a:hover,
.photo-yiiPager .page a:hover {
  background-color: #ffffff !important;
}
.yiiPager .selected a,
.photo-yiiPager .selected a {
  background-color: var(--pager-bg-active) !important;
  color: var(--pager-active-text) !important;
  border-color: var(--pager-border-active) !important;
}
.yiiPager .selected a:hover,
.photo-yiiPager .selected a:hover {
  background-color: #58abb7 !important;
}
.editorToolbar {
  background-color: #c6cbcc !important;
  border-color: #7740bf !important;
}
.editorToolbar:after {
  border-bottom-color: #c6cbcc !important;
}
.editorToolbar.right-toolbar:after,
.editorToolbar.left-toolbar:after,
.editorToolbar.right-toolbar:before,
.editorToolbar.left-toolbar:before {
  border-bottom-color: transparent !important;
}
.editorToolbar.right-toolbar:after {
  border-right-color: #c6cbcc !important;
}
.editorToolbar.left-toolbar:after {
  border-left-color: #c6cbcc !important;
}
.editorToolbar:before {
  border-bottom-color: #7740bf !important;
}
.editorToolbar.right-toolbar:before {
  border-right-color: #7740bf !important;
}
.editorToolbar.left-toolbar:before {
  border-left-color: #7740bf !important;
}
.editorToolbar.upper-toolbar:before {
  border-top-color: #7740bf !important;
}
.editorToolbar.upper-toolbar:after {
  border-top-color: #c6cbcc !important;
}
.editorToolbar .tb-dropdown .selected {
  background-color: #341d54 !important;
}
.tr-editorToolbar {
  background-color: #c6cbcc !important;
  border-color: #7740bf !important;
}
.jnotify-notification .jnotify-message {
  color: #FFFFFF !important;
}
.jnotify-notification .jnotify-background,
.jnotify-notification .jnotify-message {
  background-color: #341d54 !important;
}
.jnotify-notification-warning .jnotify-background,
.jnotify-notification-warning .jnotify-message {
  background-color: #7740bf !important;
}
.jnotify-notification-error .jnotify-background,
.jnotify-notification-error .jnotify-message {
  background-color: #de5353 !important;
}
.fotobookUploaderCurrentProgress {
  background-image: none;
}
.fotobookUploaderCurrentProgress .success {
  border-color: #7740bf #5f3399 #532d86;
}
.fotobookUploaderCurrentProgress .warning {
  border-color: #341d54 #1d102e #11091b;
  background-color: #341d54;
}
.fotobookUploaderCurrentProgress .error {
  border-color: #de5353 #d52929 #c02525;
  background-color: #de5353;
}
.fotobookUploaderCurrentProgress > span > span {
  color: #ffffff;
}
#print {
  color: #303a46 !important;
}
.pod-title {
  background: #e4e8ea !important;
  color: #303a46 !important;
}
.pod-title.pod-total {
  background: #e4f8f9 !important;
}
.carousel-list .page_num.active {
  background-image: -moz-linear-gradient(top, #EEEEEE, #EEEEEE);
  background-image: linear-gradient(to bottom, #EEEEEE, #EEEEEE);
  border-color: var(--border-color) !important;
}
.carousel-item.has-errors {
  background: #f1b0b0 !important;
}
.book-page-num {
  color: #303a46 !important;
}
.tb-popup-window {
  background: #fcfcfc;
  border: 1px solid #341d54;
}
.slider-name {
  color: #1d102e !important;
}
html:not(.edit-mode-instant) #book .page-container:not(.editing):not(.locked) > .container-box-shadow:hover,
html:not(.edit-mode-instant) #book .page-container:not(.editing):not(.locked) > *:hover ~ .container-box-shadow,
html.edit-mode-instant #book .foto-container:not(.empty):not(.editing) .container-box-shadow:hover,
html.edit-mode-instant #book .text-container:not(.editing) .container-box-shadow:hover,
.container-box-shadow.img-over-container {
  -moz-box-shadow: inset 0 0 0 1px rgba(159, 167, 174, 0.6), 0px 0px 12px 2px #9fa7ae;
       box-shadow: inset 0 0 0 1px rgba(159, 167, 174, 0.6), 0px 0px 12px 2px #9fa7ae;
}
#photo-edit .box-shadow {
  background: #000000 !important;
}
.editorToolbar.editorToolbar_TEXT .open-list ul {
  background-color: #ffffff;
  border: 1px solid #000000;
}
.editorToolbar.editorToolbar_TEXT .open-list ul li {
  color: #161a27;
}
.editorToolbar.editorToolbar_TEXT .open-list ul li:hover {
  color: #7740bf;
  background-color: #e2e9ea;
}
.redactor-dropdown {
  background-color: #ffffff;
}
.redactor-dropdown a:not(.jspArrow) {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #161a27;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.redactor-dropdown a:not(.jspArrow):hover {
  color: #7740bf;
  background-color: #e2e9ea;
}
.redactor-dropdown a:not(.jspArrow).selected,
.redactor-dropdown a:not(.jspArrow).active {
  background-color: #341d54;
}
#roller-content .image-preview.oe-sprite-bg-image {
  background: url('/images/online-editor-sprite.png?v=1765512594425');
}
#roller-content .image-preview.iconsSpriteImage {
  background: url('/images/edit-icons.png?v=1765512594425');
}
.book-button .bg,
.tr-book-button .bg,
.book-button .tip,
.tr-book-button .tip {
  stroke: #341d54;
}
.book-button .bg,
.tr-book-button .bg {
  fill: #341d54;
}
.book-button .bg:hover,
.tr-book-button .bg:hover {
  fill: #4b2a7a;
}
.book-button .tip,
.tr-book-button .tip {
  fill: #ffffff;
}
/**
*   Microsite
*/
.site_header_full_width,
.tr-ms-header {
  background-color: #ffffff;
}