@charset "UTF-8"; /* TIPS * font-size: * .8em = 12.8px * .87em = 14px * 1em = 16px * 1.13em = 18px */ .containers > .wrapper > .container.menu-bar .block-title a.icon:hover, .containers > .wrapper > .container.nav .block-title a.icon:hover, .containers > .wrapper > .BlockComponent.menu-bar .block-title a.icon:hover, .containers > .wrapper > .BlockComponent.nav .block-title a.icon:hover, .containers > .wrapper > .Block.menu-bar .block-title a.icon:hover, .containers > .wrapper > .Block.nav .block-title a.icon:hover, .containers > .wrapper > .ContainerComponent.menu-bar .block-title a.icon:hover, .containers > .wrapper > .ContainerComponent.nav .block-title a.icon:hover, .containers > .wrapper > .Container.menu-bar .block-title a.icon:hover, .containers > .wrapper > .Container.nav .block-title a.icon:hover, .Application > .wrapper > .container.menu-bar .block-title a.icon:hover, .Application > .wrapper > .container.nav .block-title a.icon:hover, .Application > .wrapper > .BlockComponent.menu-bar .block-title a.icon:hover, .Application > .wrapper > .BlockComponent.nav .block-title a.icon:hover, .Application > .wrapper > .Block.menu-bar .block-title a.icon:hover, .Application > .wrapper > .Block.nav .block-title a.icon:hover, .Application > .wrapper > .ContainerComponent.menu-bar .block-title a.icon:hover, .Application > .wrapper > .ContainerComponent.nav .block-title a.icon:hover, .Application > .wrapper > .Container.menu-bar .block-title a.icon:hover, .Application > .wrapper > .Container.nav .block-title a.icon:hover, .ApplicationComponent > .wrapper > .container.menu-bar .block-title a.icon:hover, .ApplicationComponent > .wrapper > .container.nav .block-title a.icon:hover, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar .block-title a.icon:hover, .ApplicationComponent > .wrapper > .BlockComponent.nav .block-title a.icon:hover, .ApplicationComponent > .wrapper > .Block.menu-bar .block-title a.icon:hover, .ApplicationComponent > .wrapper > .Block.nav .block-title a.icon:hover, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar .block-title a.icon:hover, .ApplicationComponent > .wrapper > .ContainerComponent.nav .block-title a.icon:hover, .ApplicationComponent > .wrapper > .Container.menu-bar .block-title a.icon:hover, .ApplicationComponent > .wrapper > .Container.nav .block-title a.icon:hover, .popup-window > .wrapper > .container.menu-bar .block-title a.icon:hover, .popup-window > .wrapper > .container.nav .block-title a.icon:hover, .popup-window > .wrapper > .BlockComponent.menu-bar .block-title a.icon:hover, .popup-window > .wrapper > .BlockComponent.nav .block-title a.icon:hover, .popup-window > .wrapper > .Block.menu-bar .block-title a.icon:hover, .popup-window > .wrapper > .Block.nav .block-title a.icon:hover, .popup-window > .wrapper > .ContainerComponent.menu-bar .block-title a.icon:hover, .popup-window > .wrapper > .ContainerComponent.nav .block-title a.icon:hover, .popup-window > .wrapper > .Container.menu-bar .block-title a.icon:hover, .popup-window > .wrapper > .Container.nav .block-title a.icon:hover, .containers > .wrapper > .container.menu-bar .MenuComponent > a:hover, .containers > .wrapper > .container.nav .MenuComponent > a:hover, .containers > .wrapper > .BlockComponent.menu-bar .MenuComponent > a:hover, .containers > .wrapper > .BlockComponent.nav .MenuComponent > a:hover, .containers > .wrapper > .Block.menu-bar .MenuComponent > a:hover, .containers > .wrapper > .Block.nav .MenuComponent > a:hover, .containers > .wrapper > .ContainerComponent.menu-bar .MenuComponent > a:hover, .containers > .wrapper > .ContainerComponent.nav .MenuComponent > a:hover, .containers > .wrapper > .Container.menu-bar .MenuComponent > a:hover, .containers > .wrapper > .Container.nav .MenuComponent > a:hover, .Application > .wrapper > .container.menu-bar .MenuComponent > a:hover, .Application > .wrapper > .container.nav .MenuComponent > a:hover, .Application > .wrapper > .BlockComponent.menu-bar .MenuComponent > a:hover, .Application > .wrapper > .BlockComponent.nav .MenuComponent > a:hover, .Application > .wrapper > .Block.menu-bar .MenuComponent > a:hover, .Application > .wrapper > .Block.nav .MenuComponent > a:hover, .Application > .wrapper > .ContainerComponent.menu-bar .MenuComponent > a:hover, .Application > .wrapper > .ContainerComponent.nav .MenuComponent > a:hover, .Application > .wrapper > .Container.menu-bar .MenuComponent > a:hover, .Application > .wrapper > .Container.nav .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .container.menu-bar .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .container.nav .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .BlockComponent.nav .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .Block.menu-bar .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .Block.nav .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .ContainerComponent.nav .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .Container.menu-bar .MenuComponent > a:hover, .ApplicationComponent > .wrapper > .Container.nav .MenuComponent > a:hover, .popup-window > .wrapper > .container.menu-bar .MenuComponent > a:hover, .popup-window > .wrapper > .container.nav .MenuComponent > a:hover, .popup-window > .wrapper > .BlockComponent.menu-bar .MenuComponent > a:hover, .popup-window > .wrapper > .BlockComponent.nav .MenuComponent > a:hover, .popup-window > .wrapper > .Block.menu-bar .MenuComponent > a:hover, .popup-window > .wrapper > .Block.nav .MenuComponent > a:hover, .popup-window > .wrapper > .ContainerComponent.menu-bar .MenuComponent > a:hover, .popup-window > .wrapper > .ContainerComponent.nav .MenuComponent > a:hover, .popup-window > .wrapper > .Container.menu-bar .MenuComponent > a:hover, .popup-window > .wrapper > .Container.nav .MenuComponent > a:hover, .containers > .wrapper > .container.menu-bar .MenuComponent > a.active, .containers > .wrapper > .container.nav .MenuComponent > a.active, .containers > .wrapper > .BlockComponent.menu-bar .MenuComponent > a.active, .containers > .wrapper > .BlockComponent.nav .MenuComponent > a.active, .containers > .wrapper > .Block.menu-bar .MenuComponent > a.active, .containers > .wrapper > .Block.nav .MenuComponent > a.active, .containers > .wrapper > .ContainerComponent.menu-bar .MenuComponent > a.active, .containers > .wrapper > .ContainerComponent.nav .MenuComponent > a.active, .containers > .wrapper > .Container.menu-bar .MenuComponent > a.active, .containers > .wrapper > .Container.nav .MenuComponent > a.active, .Application > .wrapper > .container.menu-bar .MenuComponent > a.active, .Application > .wrapper > .container.nav .MenuComponent > a.active, .Application > .wrapper > .BlockComponent.menu-bar .MenuComponent > a.active, .Application > .wrapper > .BlockComponent.nav .MenuComponent > a.active, .Application > .wrapper > .Block.menu-bar .MenuComponent > a.active, .Application > .wrapper > .Block.nav .MenuComponent > a.active, .Application > .wrapper > .ContainerComponent.menu-bar .MenuComponent > a.active, .Application > .wrapper > .ContainerComponent.nav .MenuComponent > a.active, .Application > .wrapper > .Container.menu-bar .MenuComponent > a.active, .Application > .wrapper > .Container.nav .MenuComponent > a.active, .ApplicationComponent > .wrapper > .container.menu-bar .MenuComponent > a.active, .ApplicationComponent > .wrapper > .container.nav .MenuComponent > a.active, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar .MenuComponent > a.active, .ApplicationComponent > .wrapper > .BlockComponent.nav .MenuComponent > a.active, .ApplicationComponent > .wrapper > .Block.menu-bar .MenuComponent > a.active, .ApplicationComponent > .wrapper > .Block.nav .MenuComponent > a.active, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar .MenuComponent > a.active, .ApplicationComponent > .wrapper > .ContainerComponent.nav .MenuComponent > a.active, .ApplicationComponent > .wrapper > .Container.menu-bar .MenuComponent > a.active, .ApplicationComponent > .wrapper > .Container.nav .MenuComponent > a.active, .popup-window > .wrapper > .container.menu-bar .MenuComponent > a.active, .popup-window > .wrapper > .container.nav .MenuComponent > a.active, .popup-window > .wrapper > .BlockComponent.menu-bar .MenuComponent > a.active, .popup-window > .wrapper > .BlockComponent.nav .MenuComponent > a.active, .popup-window > .wrapper > .Block.menu-bar .MenuComponent > a.active, .popup-window > .wrapper > .Block.nav .MenuComponent > a.active, .popup-window > .wrapper > .ContainerComponent.menu-bar .MenuComponent > a.active, .popup-window > .wrapper > .ContainerComponent.nav .MenuComponent > a.active, .popup-window > .wrapper > .Container.menu-bar .MenuComponent > a.active, .popup-window > .wrapper > .Container.nav .MenuComponent > a.active, .containers > .wrapper > .container.menu-bar .Menu > a:hover, .containers > .wrapper > .container.nav .Menu > a:hover, .containers > .wrapper > .BlockComponent.menu-bar .Menu > a:hover, .containers > .wrapper > .BlockComponent.nav .Menu > a:hover, .containers > .wrapper > .Block.menu-bar .Menu > a:hover, .containers > .wrapper > .Block.nav .Menu > a:hover, .containers > .wrapper > .ContainerComponent.menu-bar .Menu > a:hover, .containers > .wrapper > .ContainerComponent.nav .Menu > a:hover, .containers > .wrapper > .Container.menu-bar .Menu > a:hover, .containers > .wrapper > .Container.nav .Menu > a:hover, .Application > .wrapper > .container.menu-bar .Menu > a:hover, .Application > .wrapper > .container.nav .Menu > a:hover, .Application > .wrapper > .BlockComponent.menu-bar .Menu > a:hover, .Application > .wrapper > .BlockComponent.nav .Menu > a:hover, .Application > .wrapper > .Block.menu-bar .Menu > a:hover, .Application > .wrapper > .Block.nav .Menu > a:hover, .Application > .wrapper > .ContainerComponent.menu-bar .Menu > a:hover, .Application > .wrapper > .ContainerComponent.nav .Menu > a:hover, .Application > .wrapper > .Container.menu-bar .Menu > a:hover, .Application > .wrapper > .Container.nav .Menu > a:hover, .ApplicationComponent > .wrapper > .container.menu-bar .Menu > a:hover, .ApplicationComponent > .wrapper > .container.nav .Menu > a:hover, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar .Menu > a:hover, .ApplicationComponent > .wrapper > .BlockComponent.nav .Menu > a:hover, .ApplicationComponent > .wrapper > .Block.menu-bar .Menu > a:hover, .ApplicationComponent > .wrapper > .Block.nav .Menu > a:hover, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar .Menu > a:hover, .ApplicationComponent > .wrapper > .ContainerComponent.nav .Menu > a:hover, .ApplicationComponent > .wrapper > .Container.menu-bar .Menu > a:hover, .ApplicationComponent > .wrapper > .Container.nav .Menu > a:hover, .popup-window > .wrapper > .container.menu-bar .Menu > a:hover, .popup-window > .wrapper > .container.nav .Menu > a:hover, .popup-window > .wrapper > .BlockComponent.menu-bar .Menu > a:hover, .popup-window > .wrapper > .BlockComponent.nav .Menu > a:hover, .popup-window > .wrapper > .Block.menu-bar .Menu > a:hover, .popup-window > .wrapper > .Block.nav .Menu > a:hover, .popup-window > .wrapper > .ContainerComponent.menu-bar .Menu > a:hover, .popup-window > .wrapper > .ContainerComponent.nav .Menu > a:hover, .popup-window > .wrapper > .Container.menu-bar .Menu > a:hover, .popup-window > .wrapper > .Container.nav .Menu > a:hover, .containers > .wrapper > .container.menu-bar .Menu > a.active, .containers > .wrapper > .container.nav .Menu > a.active, .containers > .wrapper > .BlockComponent.menu-bar .Menu > a.active, .containers > .wrapper > .BlockComponent.nav .Menu > a.active, .containers > .wrapper > .Block.menu-bar .Menu > a.active, .containers > .wrapper > .Block.nav .Menu > a.active, .containers > .wrapper > .ContainerComponent.menu-bar .Menu > a.active, .containers > .wrapper > .ContainerComponent.nav .Menu > a.active, .containers > .wrapper > .Container.menu-bar .Menu > a.active, .containers > .wrapper > .Container.nav .Menu > a.active, .Application > .wrapper > .container.menu-bar .Menu > a.active, .Application > .wrapper > .container.nav .Menu > a.active, .Application > .wrapper > .BlockComponent.menu-bar .Menu > a.active, .Application > .wrapper > .BlockComponent.nav .Menu > a.active, .Application > .wrapper > .Block.menu-bar .Menu > a.active, .Application > .wrapper > .Block.nav .Menu > a.active, .Application > .wrapper > .ContainerComponent.menu-bar .Menu > a.active, .Application > .wrapper > .ContainerComponent.nav .Menu > a.active, .Application > .wrapper > .Container.menu-bar .Menu > a.active, .Application > .wrapper > .Container.nav .Menu > a.active, .ApplicationComponent > .wrapper > .container.menu-bar .Menu > a.active, .ApplicationComponent > .wrapper > .container.nav .Menu > a.active, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar .Menu > a.active, .ApplicationComponent > .wrapper > .BlockComponent.nav .Menu > a.active, .ApplicationComponent > .wrapper > .Block.menu-bar .Menu > a.active, .ApplicationComponent > .wrapper > .Block.nav .Menu > a.active, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar .Menu > a.active, .ApplicationComponent > .wrapper > .ContainerComponent.nav .Menu > a.active, .ApplicationComponent > .wrapper > .Container.menu-bar .Menu > a.active, .ApplicationComponent > .wrapper > .Container.nav .Menu > a.active, .popup-window > .wrapper > .container.menu-bar .Menu > a.active, .popup-window > .wrapper > .container.nav .Menu > a.active, .popup-window > .wrapper > .BlockComponent.menu-bar .Menu > a.active, .popup-window > .wrapper > .BlockComponent.nav .Menu > a.active, .popup-window > .wrapper > .Block.menu-bar .Menu > a.active, .popup-window > .wrapper > .Block.nav .Menu > a.active, .popup-window > .wrapper > .ContainerComponent.menu-bar .Menu > a.active, .popup-window > .wrapper > .ContainerComponent.nav .Menu > a.active, .popup-window > .wrapper > .Container.menu-bar .Menu > a.active, .popup-window > .wrapper > .Container.nav .Menu > a.active, .containers > .wrapper > .container.menu-bar > .header .ButtonComponent:hover, .containers > .wrapper > .container.menu-bar > .header .Button:hover, .containers > .wrapper > .container.nav > .header .ButtonComponent:hover, .containers > .wrapper > .container.nav > .header .Button:hover, .containers > .wrapper > .BlockComponent.menu-bar > .header .ButtonComponent:hover, .containers > .wrapper > .BlockComponent.menu-bar > .header .Button:hover, .containers > .wrapper > .BlockComponent.nav > .header .ButtonComponent:hover, .containers > .wrapper > .BlockComponent.nav > .header .Button:hover, .containers > .wrapper > .Block.menu-bar > .header .ButtonComponent:hover, .containers > .wrapper > .Block.menu-bar > .header .Button:hover, .containers > .wrapper > .Block.nav > .header .ButtonComponent:hover, .containers > .wrapper > .Block.nav > .header .Button:hover, .containers > .wrapper > .ContainerComponent.menu-bar > .header .ButtonComponent:hover, .containers > .wrapper > .ContainerComponent.menu-bar > .header .Button:hover, .containers > .wrapper > .ContainerComponent.nav > .header .ButtonComponent:hover, .containers > .wrapper > .ContainerComponent.nav > .header .Button:hover, .containers > .wrapper > .Container.menu-bar > .header .ButtonComponent:hover, .containers > .wrapper > .Container.menu-bar > .header .Button:hover, .containers > .wrapper > .Container.nav > .header .ButtonComponent:hover, .containers > .wrapper > .Container.nav > .header .Button:hover, .Application > .wrapper > .container.menu-bar > .header .ButtonComponent:hover, .Application > .wrapper > .container.menu-bar > .header .Button:hover, .Application > .wrapper > .container.nav > .header .ButtonComponent:hover, .Application > .wrapper > .container.nav > .header .Button:hover, .Application > .wrapper > .BlockComponent.menu-bar > .header .ButtonComponent:hover, .Application > .wrapper > .BlockComponent.menu-bar > .header .Button:hover, .Application > .wrapper > .BlockComponent.nav > .header .ButtonComponent:hover, .Application > .wrapper > .BlockComponent.nav > .header .Button:hover, .Application > .wrapper > .Block.menu-bar > .header .ButtonComponent:hover, .Application > .wrapper > .Block.menu-bar > .header .Button:hover, .Application > .wrapper > .Block.nav > .header .ButtonComponent:hover, .Application > .wrapper > .Block.nav > .header .Button:hover, .Application > .wrapper > .ContainerComponent.menu-bar > .header .ButtonComponent:hover, .Application > .wrapper > .ContainerComponent.menu-bar > .header .Button:hover, .Application > .wrapper > .ContainerComponent.nav > .header .ButtonComponent:hover, .Application > .wrapper > .ContainerComponent.nav > .header .Button:hover, .Application > .wrapper > .Container.menu-bar > .header .ButtonComponent:hover, .Application > .wrapper > .Container.menu-bar > .header .Button:hover, .Application > .wrapper > .Container.nav > .header .ButtonComponent:hover, .Application > .wrapper > .Container.nav > .header .Button:hover, .ApplicationComponent > .wrapper > .container.menu-bar > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .container.menu-bar > .header .Button:hover, .ApplicationComponent > .wrapper > .container.nav > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .container.nav > .header .Button:hover, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar > .header .Button:hover, .ApplicationComponent > .wrapper > .BlockComponent.nav > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .BlockComponent.nav > .header .Button:hover, .ApplicationComponent > .wrapper > .Block.menu-bar > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .Block.menu-bar > .header .Button:hover, .ApplicationComponent > .wrapper > .Block.nav > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .Block.nav > .header .Button:hover, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar > .header .Button:hover, .ApplicationComponent > .wrapper > .ContainerComponent.nav > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .ContainerComponent.nav > .header .Button:hover, .ApplicationComponent > .wrapper > .Container.menu-bar > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .Container.menu-bar > .header .Button:hover, .ApplicationComponent > .wrapper > .Container.nav > .header .ButtonComponent:hover, .ApplicationComponent > .wrapper > .Container.nav > .header .Button:hover, .popup-window > .wrapper > .container.menu-bar > .header .ButtonComponent:hover, .popup-window > .wrapper > .container.menu-bar > .header .Button:hover, .popup-window > .wrapper > .container.nav > .header .ButtonComponent:hover, .popup-window > .wrapper > .container.nav > .header .Button:hover, .popup-window > .wrapper > .BlockComponent.menu-bar > .header .ButtonComponent:hover, .popup-window > .wrapper > .BlockComponent.menu-bar > .header .Button:hover, .popup-window > .wrapper > .BlockComponent.nav > .header .ButtonComponent:hover, .popup-window > .wrapper > .BlockComponent.nav > .header .Button:hover, .popup-window > .wrapper > .Block.menu-bar > .header .ButtonComponent:hover, .popup-window > .wrapper > .Block.menu-bar > .header .Button:hover, .popup-window > .wrapper > .Block.nav > .header .ButtonComponent:hover, .popup-window > .wrapper > .Block.nav > .header .Button:hover, .popup-window > .wrapper > .ContainerComponent.menu-bar > .header .ButtonComponent:hover, .popup-window > .wrapper > .ContainerComponent.menu-bar > .header .Button:hover, .popup-window > .wrapper > .ContainerComponent.nav > .header .ButtonComponent:hover, .popup-window > .wrapper > .ContainerComponent.nav > .header .Button:hover, .popup-window > .wrapper > .Container.menu-bar > .header .ButtonComponent:hover, .popup-window > .wrapper > .Container.menu-bar > .header .Button:hover, .popup-window > .wrapper > .Container.nav > .header .ButtonComponent:hover, .popup-window > .wrapper > .Container.nav > .header .Button:hover, html, body { background-color: #002B36; } .containers > .wrapper > .container.menu-bar, .containers > .wrapper > .container.nav, .containers > .wrapper > .BlockComponent.menu-bar, .containers > .wrapper > .BlockComponent.nav, .containers > .wrapper > .Block.menu-bar, .containers > .wrapper > .Block.nav, .containers > .wrapper > .ContainerComponent.menu-bar, .containers > .wrapper > .ContainerComponent.nav, .containers > .wrapper > .Container.menu-bar, .containers > .wrapper > .Container.nav, .Application > .wrapper > .container.menu-bar, .Application > .wrapper > .container.nav, .Application > .wrapper > .BlockComponent.menu-bar, .Application > .wrapper > .BlockComponent.nav, .Application > .wrapper > .Block.menu-bar, .Application > .wrapper > .Block.nav, .Application > .wrapper > .ContainerComponent.menu-bar, .Application > .wrapper > .ContainerComponent.nav, .Application > .wrapper > .Container.menu-bar, .Application > .wrapper > .Container.nav, .ApplicationComponent > .wrapper > .container.menu-bar, .ApplicationComponent > .wrapper > .container.nav, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar, .ApplicationComponent > .wrapper > .BlockComponent.nav, .ApplicationComponent > .wrapper > .Block.menu-bar, .ApplicationComponent > .wrapper > .Block.nav, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar, .ApplicationComponent > .wrapper > .ContainerComponent.nav, .ApplicationComponent > .wrapper > .Container.menu-bar, .ApplicationComponent > .wrapper > .Container.nav, .popup-window > .wrapper > .container.menu-bar, .popup-window > .wrapper > .container.nav, .popup-window > .wrapper > .BlockComponent.menu-bar, .popup-window > .wrapper > .BlockComponent.nav, .popup-window > .wrapper > .Block.menu-bar, .popup-window > .wrapper > .Block.nav, .popup-window > .wrapper > .ContainerComponent.menu-bar, .popup-window > .wrapper > .ContainerComponent.nav, .popup-window > .wrapper > .Container.menu-bar, .popup-window > .wrapper > .Container.nav, .blocks-wrapper > .ContainerComponent .header .ButtonComponent:hover, .blocks-wrapper > .ContainerComponent .header .Button:hover, .blocks-wrapper > .BoxComponent .header .ButtonComponent:hover, .blocks-wrapper > .BoxComponent .header .Button:hover, .blocks-wrapper > .Container .header .ButtonComponent:hover, .blocks-wrapper > .Container .header .Button:hover, .blocks-wrapper > .Box .header .ButtonComponent:hover, .blocks-wrapper > .Box .header .Button:hover, .wrapper > .ContainerComponent .header .ButtonComponent:hover, .wrapper > .ContainerComponent .header .Button:hover, .wrapper > .BoxComponent .header .ButtonComponent:hover, .wrapper > .BoxComponent .header .Button:hover, .wrapper > .Container .header .ButtonComponent:hover, .wrapper > .Container .header .Button:hover, .wrapper > .Box .header .ButtonComponent:hover, .wrapper > .Box .header .Button:hover, .blocks-wrapper > .ContainerComponent .header div.icon:hover, .blocks-wrapper > .BoxComponent .header div.icon:hover, .blocks-wrapper > .Container .header div.icon:hover, .blocks-wrapper > .Box .header div.icon:hover, .wrapper > .ContainerComponent .header div.icon:hover, .wrapper > .BoxComponent .header div.icon:hover, .wrapper > .Container .header div.icon:hover, .wrapper > .Box .header div.icon:hover, .menu > * .link:hover, .MenuComponent > * .link:hover, .Menu > * .link:hover, .menu > a.value:hover, .menu > a.value.active, .menu > a.href:hover, .menu > a.href.active, .MenuComponent > a.value:hover, .MenuComponent > a.value.active, .MenuComponent > a.href:hover, .MenuComponent > a.href.active, .Menu > a.value:hover, .Menu > a.value.active, .Menu > a.href:hover, .Menu > a.href.active, .table .line:nth-child(odd), .table .line input:disabled, input:disabled[type=text], input:disabled[type=password], input:disabled[type=number], .InputComponent:disabled, .Input:disabled, textarea:disabled, .input.wrapper:disabled, .select:disabled, .SelectComponent:disabled, .Select:disabled, .Iframe:disabled, .table .line input.disabled, input.disabled[type=text], input.disabled[type=password], input.disabled[type=number], .disabled.InputComponent, .disabled.Input, textarea.disabled, .disabled.input.wrapper, .disabled.select, .disabled.SelectComponent, .disabled.Select, .disabled.Iframe, .table .line input[disabled], input[disabled][type=text], input[disabled][type=password], input[disabled][type=number], .InputComponent[disabled], .Input[disabled], textarea[disabled], .input.wrapper[disabled], .select[disabled], .SelectComponent[disabled], .Select[disabled], .Iframe[disabled], .FieldsComponent .TxtComponent, .FieldsComponent .Txt, .Fields .TxtComponent, .Fields .Txt, .FieldsComponent.table > .input.wrapper > div:nth-child(2n), .Fields.table > .input.wrapper > div:nth-child(2n), .ItemsComponent > div:nth-child(2n), .Items > div:nth-child(2n) { background-color: #073642; } .btn, .ButtonComponent, .Button, .ApplicationComponent > button, .Application > button, .table .line input, input[type=text], input[type=password], input[type=number], .InputComponent, .Input, textarea, .input.wrapper, .select, .SelectComponent, .Select, .Iframe, .input .InputComponent + span, .input .Input + span, .select select option, .SelectComponent select option, .Select select option { background-color: #586E75; } .menu.context, .MenuComponent.context, .Menu.context, .ApplicationComponent > button:hover, .Application > button:hover { background-color: #FDF6E3; } .menu.context > a.value:hover, .MenuComponent.context > a.value:hover, .Menu.context > a.value:hover, .ApplicationComponent > button, .Application > button { background-color: #EEE8D5; } .containers > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .containers > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .containers > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .containers > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .containers > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb, .Iframe::-webkit-scrollbar-thumb { background-color: #839496; } .accent.btn, .accent.ButtonComponent, .accent.Button, .ApplicationComponent > button.accent, .Application > button.accent { background-color: #268bd2; } .error.btn, .error.ButtonComponent, .error.Button, .ApplicationComponent > button.error, .Application > button.error { background-color: #dc322f; } .warn.btn, .warn.ButtonComponent, .warn.Button, .ApplicationComponent > button.warn, .Application > button.warn { background-color: #b58900; } .ok.btn, .ok.ButtonComponent, .ok.Button, .ApplicationComponent > button.ok, .Application > button.ok { background-color: #859900; } .disabled.checkbox label, .disabled.CheckBoxComponent label, .disabled.CheckBox label, .disabled.radio label, .disabled.RadioComponent label, .disabled.Radio label, .disabled.checkbox label:before, .disabled.CheckBoxComponent label:before, .disabled.CheckBox label:before, .disabled.radio label:before, .disabled.RadioComponent label:before, .disabled.Radio label:before { color: #586E75; } .menu > * .comment, .MenuComponent > * .comment, .Menu > * .comment, .btn:disabled, .ButtonComponent:disabled, .Button:disabled, .ApplicationComponent > button:disabled, .Application > button:disabled, .disabled.btn, .disabled.ButtonComponent, .disabled.Button, .ApplicationComponent > button.disabled, .Application > button.disabled, .btn[disabled], .ButtonComponent[disabled], .Button[disabled], .ApplicationComponent > button[disabled], .Application > button[disabled], .table .line input:disabled, input:disabled[type=text], input:disabled[type=password], input:disabled[type=number], .InputComponent:disabled, .Input:disabled, textarea:disabled, .input.wrapper:disabled, .select:disabled, .SelectComponent:disabled, .Select:disabled, .Iframe:disabled, .table .line input.disabled, input.disabled[type=text], input.disabled[type=password], input.disabled[type=number], .disabled.InputComponent, .disabled.Input, textarea.disabled, .disabled.input.wrapper, .disabled.select, .disabled.SelectComponent, .disabled.Select, .disabled.Iframe, .table .line input[disabled], input[disabled][type=text], input[disabled][type=password], input[disabled][type=number], .InputComponent[disabled], .Input[disabled], textarea[disabled], .input.wrapper[disabled], .select[disabled], .SelectComponent[disabled], .Select[disabled], .Iframe[disabled], .select:disabled select, .select.disabled select, .select[disabled] select, .SelectComponent:disabled select, .SelectComponent.disabled select, .SelectComponent[disabled] select, .Select:disabled select, .Select.disabled select, .Select[disabled] select, .disabled.checkbox, .disabled.CheckBoxComponent, .disabled.CheckBox, .disabled.radio, .disabled.RadioComponent, .disabled.Radio { color: #657B83; } .containers > .wrapper > .container > .header.icon:before, .containers > .wrapper > .BlockComponent > .header.icon:before, .containers > .wrapper > .Block > .header.icon:before, .containers > .wrapper > .ContainerComponent > .header.icon:before, .containers > .wrapper > .Container > .header.icon:before, .Application > .wrapper > .container > .header.icon:before, .Application > .wrapper > .BlockComponent > .header.icon:before, .Application > .wrapper > .Block > .header.icon:before, .Application > .wrapper > .ContainerComponent > .header.icon:before, .Application > .wrapper > .Container > .header.icon:before, .ApplicationComponent > .wrapper > .container > .header.icon:before, .ApplicationComponent > .wrapper > .BlockComponent > .header.icon:before, .ApplicationComponent > .wrapper > .Block > .header.icon:before, .ApplicationComponent > .wrapper > .ContainerComponent > .header.icon:before, .ApplicationComponent > .wrapper > .Container > .header.icon:before, .popup-window > .wrapper > .container > .header.icon:before, .popup-window > .wrapper > .BlockComponent > .header.icon:before, .popup-window > .wrapper > .Block > .header.icon:before, .popup-window > .wrapper > .ContainerComponent > .header.icon:before, .popup-window > .wrapper > .Container > .header.icon:before, .containers > .wrapper > .container > .header h1, .containers > .wrapper > .BlockComponent > .header h1, .containers > .wrapper > .Block > .header h1, .containers > .wrapper > .ContainerComponent > .header h1, .containers > .wrapper > .Container > .header h1, .Application > .wrapper > .container > .header h1, .Application > .wrapper > .BlockComponent > .header h1, .Application > .wrapper > .Block > .header h1, .Application > .wrapper > .ContainerComponent > .header h1, .Application > .wrapper > .Container > .header h1, .ApplicationComponent > .wrapper > .container > .header h1, .ApplicationComponent > .wrapper > .BlockComponent > .header h1, .ApplicationComponent > .wrapper > .Block > .header h1, .ApplicationComponent > .wrapper > .ContainerComponent > .header h1, .ApplicationComponent > .wrapper > .Container > .header h1, .popup-window > .wrapper > .container > .header h1, .popup-window > .wrapper > .BlockComponent > .header h1, .popup-window > .wrapper > .Block > .header h1, .popup-window > .wrapper > .ContainerComponent > .header h1, .popup-window > .wrapper > .Container > .header h1, .btn, .ButtonComponent, .Button, .ApplicationComponent > button, .Application > button, .table .line input, input[type=text], input[type=password], input[type=number], .InputComponent, .Input, textarea, .input.wrapper, .select, .SelectComponent, .Select, .Iframe, .select select, .SelectComponent select, .Select select { color: #FDF6E3; } .blocks-wrapper > .block-item > p:first-child, .wrapper > .block-item > p:first-child, .blocks-wrapper > .ContainerComponent .header h1, .blocks-wrapper > .ContainerComponent .header .title, .blocks-wrapper > .BoxComponent .header h1, .blocks-wrapper > .BoxComponent .header .title, .blocks-wrapper > .Container .header h1, .blocks-wrapper > .Container .header .title, .blocks-wrapper > .Box .header h1, .blocks-wrapper > .Box .header .title, .wrapper > .ContainerComponent .header h1, .wrapper > .ContainerComponent .header .title, .wrapper > .BoxComponent .header h1, .wrapper > .BoxComponent .header .title, .wrapper > .Container .header h1, .wrapper > .Container .header .title, .wrapper > .Box .header h1, .wrapper > .Box .header .title, .blocks-wrapper > .ContainerComponent .header h2, .blocks-wrapper > .BoxComponent .header h2, .blocks-wrapper > .Container .header h2, .blocks-wrapper > .Box .header h2, .wrapper > .ContainerComponent .header h2, .wrapper > .BoxComponent .header h2, .wrapper > .Container .header h2, .wrapper > .Box .header h2, .blocks-wrapper > .ContainerComponent .header div.icon::before, .blocks-wrapper > .BoxComponent .header div.icon::before, .blocks-wrapper > .Container .header div.icon::before, .blocks-wrapper > .Box .header div.icon::before, .wrapper > .ContainerComponent .header div.icon::before, .wrapper > .BoxComponent .header div.icon::before, .wrapper > .Container .header div.icon::before, .wrapper > .Box .header div.icon::before, .blocks-wrapper > .ContainerComponent .header div.icon, .blocks-wrapper > .BoxComponent .header div.icon, .blocks-wrapper > .Container .header div.icon, .blocks-wrapper > .Box .header div.icon, .wrapper > .ContainerComponent .header div.icon, .wrapper > .BoxComponent .header div.icon, .wrapper > .Container .header div.icon, .wrapper > .Box .header div.icon, .blocks-wrapper > .ContainerComponent p a, .blocks-wrapper > .ContainerComponent .Txt a, .blocks-wrapper > .BoxComponent p a, .blocks-wrapper > .BoxComponent .Txt a, .blocks-wrapper > .Container p a, .blocks-wrapper > .Container .Txt a, .blocks-wrapper > .Box p a, .blocks-wrapper > .Box .Txt a, .wrapper > .ContainerComponent p a, .wrapper > .ContainerComponent .Txt a, .wrapper > .BoxComponent p a, .wrapper > .BoxComponent .Txt a, .wrapper > .Container p a, .wrapper > .Container .Txt a, .wrapper > .Box p a, .wrapper > .Box .Txt a, .menu > * .link, .MenuComponent > * .link, .Menu > * .link { color: #EEE8D5; } .containers > .wrapper > .container > .header h2, .containers > .wrapper > .BlockComponent > .header h2, .containers > .wrapper > .Block > .header h2, .containers > .wrapper > .ContainerComponent > .header h2, .containers > .wrapper > .Container > .header h2, .Application > .wrapper > .container > .header h2, .Application > .wrapper > .BlockComponent > .header h2, .Application > .wrapper > .Block > .header h2, .Application > .wrapper > .ContainerComponent > .header h2, .Application > .wrapper > .Container > .header h2, .ApplicationComponent > .wrapper > .container > .header h2, .ApplicationComponent > .wrapper > .BlockComponent > .header h2, .ApplicationComponent > .wrapper > .Block > .header h2, .ApplicationComponent > .wrapper > .ContainerComponent > .header h2, .ApplicationComponent > .wrapper > .Container > .header h2, .popup-window > .wrapper > .container > .header h2, .popup-window > .wrapper > .BlockComponent > .header h2, .popup-window > .wrapper > .Block > .header h2, .popup-window > .wrapper > .ContainerComponent > .header h2, .popup-window > .wrapper > .Container > .header h2 { color: #93A1A1; } .menu > * .title, .menu > * .info, .MenuComponent > * .title, .MenuComponent > * .info, .Menu > * .title, .Menu > * .info, .menu > *.link:after, .MenuComponent > *.link:after, .Menu > *.link:after, .table .line > *, .table .line input::placeholder, input[type=text]::placeholder, input[type=password]::placeholder, input[type=number]::placeholder, .InputComponent::placeholder, .Input::placeholder, textarea::placeholder, .input.wrapper::placeholder, .select::placeholder, .SelectComponent::placeholder, .Select::placeholder, .Iframe::placeholder, .FieldsComponent .TxtComponent, .FieldsComponent .Txt, .Fields .TxtComponent, .Fields .Txt, .FieldsComponent.table > .input.wrapper > div > p, .Fields.table > .input.wrapper > div > p, .checkbox label:before, .CheckBoxComponent label:before, .CheckBox label:before, .radio label:before, .RadioComponent label:before, .Radio label:before, .checkbox label, .CheckBoxComponent label, .CheckBox label, .radio label, .RadioComponent label, .Radio label, html, body, a { color: #839496; } .color-yellow, .color-warn, .icon-color-warn:before, .blocks-wrapper > .ContainerComponent .header .ButtonComponent.warn, .blocks-wrapper > .ContainerComponent .header .Button.warn, .blocks-wrapper > .BoxComponent .header .ButtonComponent.warn, .blocks-wrapper > .BoxComponent .header .Button.warn, .blocks-wrapper > .Container .header .ButtonComponent.warn, .blocks-wrapper > .Container .header .Button.warn, .blocks-wrapper > .Box .header .ButtonComponent.warn, .blocks-wrapper > .Box .header .Button.warn, .wrapper > .ContainerComponent .header .ButtonComponent.warn, .wrapper > .ContainerComponent .header .Button.warn, .wrapper > .BoxComponent .header .ButtonComponent.warn, .wrapper > .BoxComponent .header .Button.warn, .wrapper > .Container .header .ButtonComponent.warn, .wrapper > .Container .header .Button.warn, .wrapper > .Box .header .ButtonComponent.warn, .wrapper > .Box .header .Button.warn { color: #b58900; stroke: #b58900; } .color-orange { color: #cb4b16; stroke: #cb4b16; } .color-red, .color-error, .icon-color-error:before, .blocks-wrapper > .ContainerComponent .header .ButtonComponent.error, .blocks-wrapper > .ContainerComponent .header .Button.error, .blocks-wrapper > .BoxComponent .header .ButtonComponent.error, .blocks-wrapper > .BoxComponent .header .Button.error, .blocks-wrapper > .Container .header .ButtonComponent.error, .blocks-wrapper > .Container .header .Button.error, .blocks-wrapper > .Box .header .ButtonComponent.error, .blocks-wrapper > .Box .header .Button.error, .wrapper > .ContainerComponent .header .ButtonComponent.error, .wrapper > .ContainerComponent .header .Button.error, .wrapper > .BoxComponent .header .ButtonComponent.error, .wrapper > .BoxComponent .header .Button.error, .wrapper > .Container .header .ButtonComponent.error, .wrapper > .Container .header .Button.error, .wrapper > .Box .header .ButtonComponent.error, .wrapper > .Box .header .Button.error { color: #dc322f; stroke: #dc322f; } .color-magenta { color: #d33682; stroke: #d33682; } .color-violet { color: #6c71c4; stroke: #6c71c4; } .color-blue, .color-accent, .icon-color-accent:before, .blocks-wrapper > .ContainerComponent .header .ButtonComponent.accent, .blocks-wrapper > .ContainerComponent .header .Button.accent, .blocks-wrapper > .BoxComponent .header .ButtonComponent.accent, .blocks-wrapper > .BoxComponent .header .Button.accent, .blocks-wrapper > .Container .header .ButtonComponent.accent, .blocks-wrapper > .Container .header .Button.accent, .blocks-wrapper > .Box .header .ButtonComponent.accent, .blocks-wrapper > .Box .header .Button.accent, .wrapper > .ContainerComponent .header .ButtonComponent.accent, .wrapper > .ContainerComponent .header .Button.accent, .wrapper > .BoxComponent .header .ButtonComponent.accent, .wrapper > .BoxComponent .header .Button.accent, .wrapper > .Container .header .ButtonComponent.accent, .wrapper > .Container .header .Button.accent, .wrapper > .Box .header .ButtonComponent.accent, .wrapper > .Box .header .Button.accent { color: #268bd2; stroke: #268bd2; } .color-cyan { color: #2aa198; stroke: #2aa198; } .color-green, .color-ok, .icon-color-ok:before, .blocks-wrapper > .ContainerComponent .header .ButtonComponent.ok, .blocks-wrapper > .ContainerComponent .header .Button.ok, .blocks-wrapper > .BoxComponent .header .ButtonComponent.ok, .blocks-wrapper > .BoxComponent .header .Button.ok, .blocks-wrapper > .Container .header .ButtonComponent.ok, .blocks-wrapper > .Container .header .Button.ok, .blocks-wrapper > .Box .header .ButtonComponent.ok, .blocks-wrapper > .Box .header .Button.ok, .wrapper > .ContainerComponent .header .ButtonComponent.ok, .wrapper > .ContainerComponent .header .Button.ok, .wrapper > .BoxComponent .header .ButtonComponent.ok, .wrapper > .BoxComponent .header .Button.ok, .wrapper > .Container .header .ButtonComponent.ok, .wrapper > .Container .header .Button.ok, .wrapper > .Box .header .ButtonComponent.ok, .wrapper > .Box .header .Button.ok { color: #859900; stroke: #859900; } .table .line:nth-child(odd) > *, .FieldsComponent.table > .input.wrapper > div:nth-child(2n) > p, .Fields.table > .input.wrapper > div:nth-child(2n) > p, .ItemsComponent > div:nth-child(2n) > span:first-child, .Items > div:nth-child(2n) > span:first-child { border-color: #002B36; } .containers > .wrapper > .Container > .blocks > .wrapper > .Container::before, .Application > .wrapper > .Container > .blocks > .wrapper > .Container::before, .ApplicationComponent > .wrapper > .Container > .blocks > .wrapper > .Container::before, .popup-window > .wrapper > .Container > .blocks > .wrapper > .Container::before, .table .line:nth-child(odd) > *:last-child, .table .line > *, .FieldsComponent.table, .Fields.table, .FieldsComponent.table > .input.wrapper > div, .Fields.table > .input.wrapper > div, .ItemsComponent, .Items, .ItemsComponent > div, .Items > div, .ItemsComponent > div > span:first-child, .Items > div > span:first-child { border-color: #073642; } .containers > .wrapper > .container.menu-bar .header, .containers > .wrapper > .container.nav .header, .containers > .wrapper > .BlockComponent.menu-bar .header, .containers > .wrapper > .BlockComponent.nav .header, .containers > .wrapper > .Block.menu-bar .header, .containers > .wrapper > .Block.nav .header, .containers > .wrapper > .ContainerComponent.menu-bar .header, .containers > .wrapper > .ContainerComponent.nav .header, .containers > .wrapper > .Container.menu-bar .header, .containers > .wrapper > .Container.nav .header, .Application > .wrapper > .container.menu-bar .header, .Application > .wrapper > .container.nav .header, .Application > .wrapper > .BlockComponent.menu-bar .header, .Application > .wrapper > .BlockComponent.nav .header, .Application > .wrapper > .Block.menu-bar .header, .Application > .wrapper > .Block.nav .header, .Application > .wrapper > .ContainerComponent.menu-bar .header, .Application > .wrapper > .ContainerComponent.nav .header, .Application > .wrapper > .Container.menu-bar .header, .Application > .wrapper > .Container.nav .header, .ApplicationComponent > .wrapper > .container.menu-bar .header, .ApplicationComponent > .wrapper > .container.nav .header, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar .header, .ApplicationComponent > .wrapper > .BlockComponent.nav .header, .ApplicationComponent > .wrapper > .Block.menu-bar .header, .ApplicationComponent > .wrapper > .Block.nav .header, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar .header, .ApplicationComponent > .wrapper > .ContainerComponent.nav .header, .ApplicationComponent > .wrapper > .Container.menu-bar .header, .ApplicationComponent > .wrapper > .Container.nav .header, .popup-window > .wrapper > .container.menu-bar .header, .popup-window > .wrapper > .container.nav .header, .popup-window > .wrapper > .BlockComponent.menu-bar .header, .popup-window > .wrapper > .BlockComponent.nav .header, .popup-window > .wrapper > .Block.menu-bar .header, .popup-window > .wrapper > .Block.nav .header, .popup-window > .wrapper > .ContainerComponent.menu-bar .header, .popup-window > .wrapper > .ContainerComponent.nav .header, .popup-window > .wrapper > .Container.menu-bar .header, .popup-window > .wrapper > .Container.nav .header, .containers > .wrapper > .container, .containers > .wrapper > .BlockComponent, .containers > .wrapper > .Block, .containers > .wrapper > .ContainerComponent, .containers > .wrapper > .Container, .Application > .wrapper > .container, .Application > .wrapper > .BlockComponent, .Application > .wrapper > .Block, .Application > .wrapper > .ContainerComponent, .Application > .wrapper > .Container, .ApplicationComponent > .wrapper > .container, .ApplicationComponent > .wrapper > .BlockComponent, .ApplicationComponent > .wrapper > .Block, .ApplicationComponent > .wrapper > .ContainerComponent, .ApplicationComponent > .wrapper > .Container, .popup-window > .wrapper > .container, .popup-window > .wrapper > .BlockComponent, .popup-window > .wrapper > .Block, .popup-window > .wrapper > .ContainerComponent, .popup-window > .wrapper > .Container, .containers > .wrapper > .container hr, .containers > .wrapper > .BlockComponent hr, .containers > .wrapper > .Block hr, .containers > .wrapper > .ContainerComponent hr, .containers > .wrapper > .Container hr, .Application > .wrapper > .container hr, .Application > .wrapper > .BlockComponent hr, .Application > .wrapper > .Block hr, .Application > .wrapper > .ContainerComponent hr, .Application > .wrapper > .Container hr, .ApplicationComponent > .wrapper > .container hr, .ApplicationComponent > .wrapper > .BlockComponent hr, .ApplicationComponent > .wrapper > .Block hr, .ApplicationComponent > .wrapper > .ContainerComponent hr, .ApplicationComponent > .wrapper > .Container hr, .popup-window > .wrapper > .container hr, .popup-window > .wrapper > .BlockComponent hr, .popup-window > .wrapper > .Block hr, .popup-window > .wrapper > .ContainerComponent hr, .popup-window > .wrapper > .Container hr, .containers > .wrapper > .container .footer-container, .containers > .wrapper > .BlockComponent .footer-container, .containers > .wrapper > .Block .footer-container, .containers > .wrapper > .ContainerComponent .footer-container, .containers > .wrapper > .Container .footer-container, .Application > .wrapper > .container .footer-container, .Application > .wrapper > .BlockComponent .footer-container, .Application > .wrapper > .Block .footer-container, .Application > .wrapper > .ContainerComponent .footer-container, .Application > .wrapper > .Container .footer-container, .ApplicationComponent > .wrapper > .container .footer-container, .ApplicationComponent > .wrapper > .BlockComponent .footer-container, .ApplicationComponent > .wrapper > .Block .footer-container, .ApplicationComponent > .wrapper > .ContainerComponent .footer-container, .ApplicationComponent > .wrapper > .Container .footer-container, .popup-window > .wrapper > .container .footer-container, .popup-window > .wrapper > .BlockComponent .footer-container, .popup-window > .wrapper > .Block .footer-container, .popup-window > .wrapper > .ContainerComponent .footer-container, .popup-window > .wrapper > .Container .footer-container, .btn, .ButtonComponent, .Button, .ApplicationComponent > button, .Application > button { border-color: #586E75; } .btn:disabled, .ButtonComponent:disabled, .Button:disabled, .ApplicationComponent > button:disabled, .Application > button:disabled, .disabled.btn, .disabled.ButtonComponent, .disabled.Button, .ApplicationComponent > button.disabled, .Application > button.disabled, .btn[disabled], .ButtonComponent[disabled], .Button[disabled], .ApplicationComponent > button[disabled], .Application > button[disabled] { border-color: #657B83; } .preloader:before, .PreloaderComponent:before, .Preloader:before, .table .line input, input[type=text], input[type=password], input[type=number], .InputComponent, .Input, textarea, .input.wrapper, .select, .SelectComponent, .Select, .Iframe, .input .InputComponent + span, .input .Input + span { border-color: #839496; } .accent.btn, .accent.ButtonComponent, .accent.Button, .ApplicationComponent > button.accent, .Application > button.accent { border-color: #268bd2; } .error.btn, .error.ButtonComponent, .error.Button, .ApplicationComponent > button.error, .Application > button.error { border-color: #dc322f; } .warn.btn, .warn.ButtonComponent, .warn.Button, .ApplicationComponent > button.warn, .Application > button.warn { border-color: #b58900; } .ok.btn, .ok.ButtonComponent, .ok.Button, .ApplicationComponent > button.ok, .Application > button.ok { border-color: #859900; } .menu > *, .MenuComponent > *, .Menu > *, .btn, .ButtonComponent, .Button, .ApplicationComponent > button, .Application > button, .select, .SelectComponent, .Select, .checkbox, .CheckBoxComponent, .CheckBox, .radio, .RadioComponent, .Radio { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .containers > .wrapper > .container > .blocks > .blocks-wrapper, .containers > .wrapper > .BlockComponent > .blocks > .blocks-wrapper, .containers > .wrapper > .Block > .blocks > .blocks-wrapper, .containers > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper, .containers > .wrapper > .Container > .blocks > .blocks-wrapper, .Application > .wrapper > .container > .blocks > .blocks-wrapper, .Application > .wrapper > .BlockComponent > .blocks > .blocks-wrapper, .Application > .wrapper > .Block > .blocks > .blocks-wrapper, .Application > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper, .Application > .wrapper > .Container > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .container > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .BlockComponent > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .Block > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .Container > .blocks > .blocks-wrapper, .popup-window > .wrapper > .container > .blocks > .blocks-wrapper, .popup-window > .wrapper > .BlockComponent > .blocks > .blocks-wrapper, .popup-window > .wrapper > .Block > .blocks > .blocks-wrapper, .popup-window > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper, .popup-window > .wrapper > .Container > .blocks > .blocks-wrapper, textarea, .Iframe { scrollbar-width: thin; scrollbar-color: #839496 transparent; } .containers > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar, .containers > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar, .containers > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar, .containers > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar, .containers > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar, .Application > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar, .Application > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar, .Application > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar, .Application > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar, .Application > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar, .ApplicationComponent > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar, .ApplicationComponent > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar, .ApplicationComponent > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar, .ApplicationComponent > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar, .ApplicationComponent > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar, .popup-window > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar, .popup-window > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar, .popup-window > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar, .popup-window > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar, .popup-window > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar, textarea::-webkit-scrollbar, .Iframe::-webkit-scrollbar { width: .25em; } .containers > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .containers > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .containers > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .containers > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .containers > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .Application > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .ApplicationComponent > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .BlockComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .Block > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, .popup-window > .wrapper > .Container > .blocks > .blocks-wrapper::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb, .Iframe::-webkit-scrollbar-thumb { border-radius: 2em; } /* icons */ .icon:before { font-family: "pejava"; } .icon-gear:before { content: ''; } .icon-check-on:before { content: ''; } .icon-check-off:before { content: ''; } .icon-group:before { content: ''; } .icon-logo:before { content: ''; } .icon-logo2:before { content: "\E011"; } .icon-left:before { content: ''; } .icon-card:before { content: ''; } .icon-right:before { content: ''; } .icon-time:before { content: ''; } .icon-up:before { content: ''; } .icon-lecture:before { content: ''; } .icon-reward:before { content: ''; } .icon-dot:before { content: ''; } .icon-fb:before { content: ''; } .icon-home:before { content: ''; } .icon-link:before { content: ''; } .icon-ok:before { content: ''; } .icon-plus:before { content: ''; } .icon-radio-on:before { content: ''; } .icon-radio-off:before { content: ''; } .icon-skype:before { content: "\E01E"; } .icon-telegram:before { content: "\E01F"; } .icon-remove:before { content: ''; } .icon-mail:before { content: "\E01A"; } .icon-space:before { content: ' '; } .icon-refresh:before { content: "\E021"; } .icon-bin:before { content: "\E022"; } .icon-float:before { content: "\E023"; } /* icons material (mi) */ .full-height { height: 100% !important; } .full-width { width: 100% !important; } .padding-no { padding: 0; } .margin-no { margin: 0; } .margin { display: block; margin-top: .5rem; margin-bottom: .5rem; } .bold { font-weight: bold; } .strike { text-decoration: line-through; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .block { display: block; } .inline-block { display: inline-block; } .none { display: none; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .elements-small > .blocks > .wrapper, .elements-small > .wrapper { display: block; } .elements-small > .blocks > .wrapper > *, .elements-small > .wrapper > * { width: 100%; max-width: 50px; display: inline-block; } .elements-medium > .blocks > .wrapper, .elements-medium > .wrapper { display: block; } .elements-medium > .blocks > .wrapper > *, .elements-medium > .wrapper > * { width: 100%; max-width: 150px; display: inline-block; } .elements-big > .blocks > .wrapper, .elements-big > .wrapper { display: block; } .elements-big > .blocks > .wrapper > *, .elements-big > .wrapper > * { width: 100%; max-width: 300px; display: inline-block; } .elements-huge > .blocks > .wrapper, .elements-huge > .wrapper { display: block; } .elements-huge > .blocks > .wrapper > *, .elements-huge > .wrapper > * { width: 100%; max-width: 400px; display: inline-block; } .grid-column > .blocks > .wrapper, .grid-column > .wrapper { display: block; } .grid-column > .blocks > .wrapper > *, .grid-column > .wrapper > * { display: inline-block; width: 100%; } .grid-row > .blocks > .wrapper, .grid-row > .wrapper { display: flex; flex-direction: row; flex-grow: 1; } .wrap > .blocks > .wrapper > *, .wrap > .wrapper > * { width: auto; } .nowrap > .blocks > .wrapper > *, .nowrap > .wrapper > * { width: auto; white-space: nowrap; } .picture-text > .blocks > .wrapper, .picture-text > .wrapper { display: flex; flex-direction: row; flex-grow: 1; } .picture-text > .blocks > .wrapper > *, .picture-text > .wrapper > * { padding-left: .5rem; } .picture-text > .blocks > .wrapper > *:first-child, .picture-text > .wrapper > *:first-child { max-width: 3rem; max-height: 3rem; padding-left: 0; } [cols="0"] .grid-small > .blocks > .wrapper, [cols="0"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="0"] .grid-small > .blocks > .wrapper > *, [cols="0"] .grid-small > .wrapper > * { width: 100%; display: inline-block; } [cols="1"] .grid-small > .blocks > .wrapper, [cols="1"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="1"] .grid-small > .blocks > .wrapper > *, [cols="1"] .grid-small > .wrapper > * { width: 100%; display: inline-block; } [cols="2"] .grid-small > .blocks > .wrapper, [cols="2"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="2"] .grid-small > .blocks > .wrapper > *, [cols="2"] .grid-small > .wrapper > * { width: 50%; display: inline-block; } [cols="3"] .grid-small > .blocks > .wrapper, [cols="3"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="3"] .grid-small > .blocks > .wrapper > *, [cols="3"] .grid-small > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="4"] .grid-small > .blocks > .wrapper, [cols="4"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="4"] .grid-small > .blocks > .wrapper > *, [cols="4"] .grid-small > .wrapper > * { width: 25%; display: inline-block; } [cols="5"] .grid-small > .blocks > .wrapper, [cols="5"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="5"] .grid-small > .blocks > .wrapper > *, [cols="5"] .grid-small > .wrapper > * { width: 20%; display: inline-block; } [cols="6"] .grid-small > .blocks > .wrapper, [cols="6"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="6"] .grid-small > .blocks > .wrapper > *, [cols="6"] .grid-small > .wrapper > * { width: 16.66667%; display: inline-block; } [cols="7"] .grid-small > .blocks > .wrapper, [cols="7"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="7"] .grid-small > .blocks > .wrapper > *, [cols="7"] .grid-small > .wrapper > * { width: 14.28571%; display: inline-block; } [cols="8"] .grid-small > .blocks > .wrapper, [cols="8"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="8"] .grid-small > .blocks > .wrapper > *, [cols="8"] .grid-small > .wrapper > * { width: 12.5%; display: inline-block; } [cols="9"] .grid-small > .blocks > .wrapper, [cols="9"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="9"] .grid-small > .blocks > .wrapper > *, [cols="9"] .grid-small > .wrapper > * { width: 11.11111%; display: inline-block; } [cols="10"] .grid-small > .blocks > .wrapper, [cols="10"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="10"] .grid-small > .blocks > .wrapper > *, [cols="10"] .grid-small > .wrapper > * { width: 10%; display: inline-block; } [cols="11"] .grid-small > .blocks > .wrapper, [cols="11"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="11"] .grid-small > .blocks > .wrapper > *, [cols="11"] .grid-small > .wrapper > * { width: 9.09091%; display: inline-block; } [cols="12"] .grid-small > .blocks > .wrapper, [cols="12"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="12"] .grid-small > .blocks > .wrapper > *, [cols="12"] .grid-small > .wrapper > * { width: 8.33333%; display: inline-block; } [cols="13"] .grid-small > .blocks > .wrapper, [cols="13"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="13"] .grid-small > .blocks > .wrapper > *, [cols="13"] .grid-small > .wrapper > * { width: 7.69231%; display: inline-block; } [cols="14"] .grid-small > .blocks > .wrapper, [cols="14"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="14"] .grid-small > .blocks > .wrapper > *, [cols="14"] .grid-small > .wrapper > * { width: 7.14286%; display: inline-block; } [cols="15"] .grid-small > .blocks > .wrapper, [cols="15"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="15"] .grid-small > .blocks > .wrapper > *, [cols="15"] .grid-small > .wrapper > * { width: 6.66667%; display: inline-block; } [cols="16"] .grid-small > .blocks > .wrapper, [cols="16"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="16"] .grid-small > .blocks > .wrapper > *, [cols="16"] .grid-small > .wrapper > * { width: 6.25%; display: inline-block; } [cols="17"] .grid-small > .blocks > .wrapper, [cols="17"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="17"] .grid-small > .blocks > .wrapper > *, [cols="17"] .grid-small > .wrapper > * { width: 5.88235%; display: inline-block; } [cols="18"] .grid-small > .blocks > .wrapper, [cols="18"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="18"] .grid-small > .blocks > .wrapper > *, [cols="18"] .grid-small > .wrapper > * { width: 5.55556%; display: inline-block; } [cols="19"] .grid-small > .blocks > .wrapper, [cols="19"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="19"] .grid-small > .blocks > .wrapper > *, [cols="19"] .grid-small > .wrapper > * { width: 5.26316%; display: inline-block; } [cols="20"] .grid-small > .blocks > .wrapper, [cols="20"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="20"] .grid-small > .blocks > .wrapper > *, [cols="20"] .grid-small > .wrapper > * { width: 5%; display: inline-block; } [cols="21"] .grid-small > .blocks > .wrapper, [cols="21"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="21"] .grid-small > .blocks > .wrapper > *, [cols="21"] .grid-small > .wrapper > * { width: 4.7619%; display: inline-block; } [cols="22"] .grid-small > .blocks > .wrapper, [cols="22"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="22"] .grid-small > .blocks > .wrapper > *, [cols="22"] .grid-small > .wrapper > * { width: 4.54545%; display: inline-block; } [cols="23"] .grid-small > .blocks > .wrapper, [cols="23"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="23"] .grid-small > .blocks > .wrapper > *, [cols="23"] .grid-small > .wrapper > * { width: 4.34783%; display: inline-block; } [cols="24"] .grid-small > .blocks > .wrapper, [cols="24"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="24"] .grid-small > .blocks > .wrapper > *, [cols="24"] .grid-small > .wrapper > * { width: 4.16667%; display: inline-block; } [cols="25"] .grid-small > .blocks > .wrapper, [cols="25"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="25"] .grid-small > .blocks > .wrapper > *, [cols="25"] .grid-small > .wrapper > * { width: 4%; display: inline-block; } [cols="26"] .grid-small > .blocks > .wrapper, [cols="26"] .grid-small > .wrapper { width: 100%; box-sizing: border-box; } [cols="26"] .grid-small > .blocks > .wrapper > *, [cols="26"] .grid-small > .wrapper > * { width: 3.84615%; display: inline-block; } [cols="0"] .grid-medium > .blocks > .wrapper, [cols="0"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="0"] .grid-medium > .blocks > .wrapper > *, [cols="0"] .grid-medium > .wrapper > * { width: 100%; display: inline-block; } [cols="1"] .grid-medium > .blocks > .wrapper, [cols="1"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="1"] .grid-medium > .blocks > .wrapper > *, [cols="1"] .grid-medium > .wrapper > * { width: 100%; display: inline-block; } [cols="2"] .grid-medium > .blocks > .wrapper, [cols="2"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="2"] .grid-medium > .blocks > .wrapper > *, [cols="2"] .grid-medium > .wrapper > * { width: 100%; display: inline-block; } [cols="3"] .grid-medium > .blocks > .wrapper, [cols="3"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="3"] .grid-medium > .blocks > .wrapper > *, [cols="3"] .grid-medium > .wrapper > * { width: 100%; display: inline-block; } [cols="4"] .grid-medium > .blocks > .wrapper, [cols="4"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="4"] .grid-medium > .blocks > .wrapper > *, [cols="4"] .grid-medium > .wrapper > * { width: 100%; display: inline-block; } [cols="5"] .grid-medium > .blocks > .wrapper, [cols="5"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="5"] .grid-medium > .blocks > .wrapper > *, [cols="5"] .grid-medium > .wrapper > * { width: 100%; display: inline-block; } [cols="6"] .grid-medium > .blocks > .wrapper, [cols="6"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="6"] .grid-medium > .blocks > .wrapper > *, [cols="6"] .grid-medium > .wrapper > * { width: 50%; display: inline-block; } [cols="7"] .grid-medium > .blocks > .wrapper, [cols="7"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="7"] .grid-medium > .blocks > .wrapper > *, [cols="7"] .grid-medium > .wrapper > * { width: 50%; display: inline-block; } [cols="8"] .grid-medium > .blocks > .wrapper, [cols="8"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="8"] .grid-medium > .blocks > .wrapper > *, [cols="8"] .grid-medium > .wrapper > * { width: 50%; display: inline-block; } [cols="9"] .grid-medium > .blocks > .wrapper, [cols="9"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="9"] .grid-medium > .blocks > .wrapper > *, [cols="9"] .grid-medium > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="10"] .grid-medium > .blocks > .wrapper, [cols="10"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="10"] .grid-medium > .blocks > .wrapper > *, [cols="10"] .grid-medium > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="11"] .grid-medium > .blocks > .wrapper, [cols="11"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="11"] .grid-medium > .blocks > .wrapper > *, [cols="11"] .grid-medium > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="12"] .grid-medium > .blocks > .wrapper, [cols="12"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="12"] .grid-medium > .blocks > .wrapper > *, [cols="12"] .grid-medium > .wrapper > * { width: 25%; display: inline-block; } [cols="13"] .grid-medium > .blocks > .wrapper, [cols="13"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="13"] .grid-medium > .blocks > .wrapper > *, [cols="13"] .grid-medium > .wrapper > * { width: 25%; display: inline-block; } [cols="14"] .grid-medium > .blocks > .wrapper, [cols="14"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="14"] .grid-medium > .blocks > .wrapper > *, [cols="14"] .grid-medium > .wrapper > * { width: 25%; display: inline-block; } [cols="15"] .grid-medium > .blocks > .wrapper, [cols="15"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="15"] .grid-medium > .blocks > .wrapper > *, [cols="15"] .grid-medium > .wrapper > * { width: 20%; display: inline-block; } [cols="16"] .grid-medium > .blocks > .wrapper, [cols="16"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="16"] .grid-medium > .blocks > .wrapper > *, [cols="16"] .grid-medium > .wrapper > * { width: 20%; display: inline-block; } [cols="17"] .grid-medium > .blocks > .wrapper, [cols="17"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="17"] .grid-medium > .blocks > .wrapper > *, [cols="17"] .grid-medium > .wrapper > * { width: 20%; display: inline-block; } [cols="18"] .grid-medium > .blocks > .wrapper, [cols="18"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="18"] .grid-medium > .blocks > .wrapper > *, [cols="18"] .grid-medium > .wrapper > * { width: 16.66667%; display: inline-block; } [cols="19"] .grid-medium > .blocks > .wrapper, [cols="19"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="19"] .grid-medium > .blocks > .wrapper > *, [cols="19"] .grid-medium > .wrapper > * { width: 16.66667%; display: inline-block; } [cols="20"] .grid-medium > .blocks > .wrapper, [cols="20"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="20"] .grid-medium > .blocks > .wrapper > *, [cols="20"] .grid-medium > .wrapper > * { width: 16.66667%; display: inline-block; } [cols="21"] .grid-medium > .blocks > .wrapper, [cols="21"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="21"] .grid-medium > .blocks > .wrapper > *, [cols="21"] .grid-medium > .wrapper > * { width: 14.28571%; display: inline-block; } [cols="22"] .grid-medium > .blocks > .wrapper, [cols="22"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="22"] .grid-medium > .blocks > .wrapper > *, [cols="22"] .grid-medium > .wrapper > * { width: 14.28571%; display: inline-block; } [cols="23"] .grid-medium > .blocks > .wrapper, [cols="23"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="23"] .grid-medium > .blocks > .wrapper > *, [cols="23"] .grid-medium > .wrapper > * { width: 14.28571%; display: inline-block; } [cols="24"] .grid-medium > .blocks > .wrapper, [cols="24"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="24"] .grid-medium > .blocks > .wrapper > *, [cols="24"] .grid-medium > .wrapper > * { width: 12.5%; display: inline-block; } [cols="25"] .grid-medium > .blocks > .wrapper, [cols="25"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="25"] .grid-medium > .blocks > .wrapper > *, [cols="25"] .grid-medium > .wrapper > * { width: 12.5%; display: inline-block; } [cols="26"] .grid-medium > .blocks > .wrapper, [cols="26"] .grid-medium > .wrapper { width: 100%; box-sizing: border-box; } [cols="26"] .grid-medium > .blocks > .wrapper > *, [cols="26"] .grid-medium > .wrapper > * { width: 12.5%; display: inline-block; } [cols="0"] .grid-big > .blocks > .wrapper, [cols="0"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="0"] .grid-big > .blocks > .wrapper > *, [cols="0"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="1"] .grid-big > .blocks > .wrapper, [cols="1"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="1"] .grid-big > .blocks > .wrapper > *, [cols="1"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="2"] .grid-big > .blocks > .wrapper, [cols="2"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="2"] .grid-big > .blocks > .wrapper > *, [cols="2"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="3"] .grid-big > .blocks > .wrapper, [cols="3"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="3"] .grid-big > .blocks > .wrapper > *, [cols="3"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="4"] .grid-big > .blocks > .wrapper, [cols="4"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="4"] .grid-big > .blocks > .wrapper > *, [cols="4"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="5"] .grid-big > .blocks > .wrapper, [cols="5"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="5"] .grid-big > .blocks > .wrapper > *, [cols="5"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="6"] .grid-big > .blocks > .wrapper, [cols="6"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="6"] .grid-big > .blocks > .wrapper > *, [cols="6"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="7"] .grid-big > .blocks > .wrapper, [cols="7"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="7"] .grid-big > .blocks > .wrapper > *, [cols="7"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="8"] .grid-big > .blocks > .wrapper, [cols="8"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="8"] .grid-big > .blocks > .wrapper > *, [cols="8"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="9"] .grid-big > .blocks > .wrapper, [cols="9"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="9"] .grid-big > .blocks > .wrapper > *, [cols="9"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="10"] .grid-big > .blocks > .wrapper, [cols="10"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="10"] .grid-big > .blocks > .wrapper > *, [cols="10"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="11"] .grid-big > .blocks > .wrapper, [cols="11"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="11"] .grid-big > .blocks > .wrapper > *, [cols="11"] .grid-big > .wrapper > * { width: 100%; display: inline-block; } [cols="12"] .grid-big > .blocks > .wrapper, [cols="12"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="12"] .grid-big > .blocks > .wrapper > *, [cols="12"] .grid-big > .wrapper > * { width: 50%; display: inline-block; } [cols="13"] .grid-big > .blocks > .wrapper, [cols="13"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="13"] .grid-big > .blocks > .wrapper > *, [cols="13"] .grid-big > .wrapper > * { width: 50%; display: inline-block; } [cols="14"] .grid-big > .blocks > .wrapper, [cols="14"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="14"] .grid-big > .blocks > .wrapper > *, [cols="14"] .grid-big > .wrapper > * { width: 50%; display: inline-block; } [cols="15"] .grid-big > .blocks > .wrapper, [cols="15"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="15"] .grid-big > .blocks > .wrapper > *, [cols="15"] .grid-big > .wrapper > * { width: 50%; display: inline-block; } [cols="16"] .grid-big > .blocks > .wrapper, [cols="16"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="16"] .grid-big > .blocks > .wrapper > *, [cols="16"] .grid-big > .wrapper > * { width: 50%; display: inline-block; } [cols="17"] .grid-big > .blocks > .wrapper, [cols="17"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="17"] .grid-big > .blocks > .wrapper > *, [cols="17"] .grid-big > .wrapper > * { width: 50%; display: inline-block; } [cols="18"] .grid-big > .blocks > .wrapper, [cols="18"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="18"] .grid-big > .blocks > .wrapper > *, [cols="18"] .grid-big > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="19"] .grid-big > .blocks > .wrapper, [cols="19"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="19"] .grid-big > .blocks > .wrapper > *, [cols="19"] .grid-big > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="20"] .grid-big > .blocks > .wrapper, [cols="20"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="20"] .grid-big > .blocks > .wrapper > *, [cols="20"] .grid-big > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="21"] .grid-big > .blocks > .wrapper, [cols="21"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="21"] .grid-big > .blocks > .wrapper > *, [cols="21"] .grid-big > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="22"] .grid-big > .blocks > .wrapper, [cols="22"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="22"] .grid-big > .blocks > .wrapper > *, [cols="22"] .grid-big > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="23"] .grid-big > .blocks > .wrapper, [cols="23"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="23"] .grid-big > .blocks > .wrapper > *, [cols="23"] .grid-big > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="24"] .grid-big > .blocks > .wrapper, [cols="24"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="24"] .grid-big > .blocks > .wrapper > *, [cols="24"] .grid-big > .wrapper > * { width: 25%; display: inline-block; } [cols="25"] .grid-big > .blocks > .wrapper, [cols="25"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="25"] .grid-big > .blocks > .wrapper > *, [cols="25"] .grid-big > .wrapper > * { width: 25%; display: inline-block; } [cols="26"] .grid-big > .blocks > .wrapper, [cols="26"] .grid-big > .wrapper { width: 100%; box-sizing: border-box; } [cols="26"] .grid-big > .blocks > .wrapper > *, [cols="26"] .grid-big > .wrapper > * { width: 25%; display: inline-block; } [cols="0"] .grid-huge > .blocks > .wrapper, [cols="0"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="0"] .grid-huge > .blocks > .wrapper > *, [cols="0"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="1"] .grid-huge > .blocks > .wrapper, [cols="1"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="1"] .grid-huge > .blocks > .wrapper > *, [cols="1"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="2"] .grid-huge > .blocks > .wrapper, [cols="2"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="2"] .grid-huge > .blocks > .wrapper > *, [cols="2"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="3"] .grid-huge > .blocks > .wrapper, [cols="3"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="3"] .grid-huge > .blocks > .wrapper > *, [cols="3"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="4"] .grid-huge > .blocks > .wrapper, [cols="4"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="4"] .grid-huge > .blocks > .wrapper > *, [cols="4"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="5"] .grid-huge > .blocks > .wrapper, [cols="5"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="5"] .grid-huge > .blocks > .wrapper > *, [cols="5"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="6"] .grid-huge > .blocks > .wrapper, [cols="6"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="6"] .grid-huge > .blocks > .wrapper > *, [cols="6"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="7"] .grid-huge > .blocks > .wrapper, [cols="7"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="7"] .grid-huge > .blocks > .wrapper > *, [cols="7"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="8"] .grid-huge > .blocks > .wrapper, [cols="8"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="8"] .grid-huge > .blocks > .wrapper > *, [cols="8"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="9"] .grid-huge > .blocks > .wrapper, [cols="9"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="9"] .grid-huge > .blocks > .wrapper > *, [cols="9"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="10"] .grid-huge > .blocks > .wrapper, [cols="10"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="10"] .grid-huge > .blocks > .wrapper > *, [cols="10"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="11"] .grid-huge > .blocks > .wrapper, [cols="11"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="11"] .grid-huge > .blocks > .wrapper > *, [cols="11"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="12"] .grid-huge > .blocks > .wrapper, [cols="12"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="12"] .grid-huge > .blocks > .wrapper > *, [cols="12"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="13"] .grid-huge > .blocks > .wrapper, [cols="13"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="13"] .grid-huge > .blocks > .wrapper > *, [cols="13"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="14"] .grid-huge > .blocks > .wrapper, [cols="14"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="14"] .grid-huge > .blocks > .wrapper > *, [cols="14"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="15"] .grid-huge > .blocks > .wrapper, [cols="15"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="15"] .grid-huge > .blocks > .wrapper > *, [cols="15"] .grid-huge > .wrapper > * { width: 100%; display: inline-block; } [cols="16"] .grid-huge > .blocks > .wrapper, [cols="16"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="16"] .grid-huge > .blocks > .wrapper > *, [cols="16"] .grid-huge > .wrapper > * { width: 50%; display: inline-block; } [cols="17"] .grid-huge > .blocks > .wrapper, [cols="17"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="17"] .grid-huge > .blocks > .wrapper > *, [cols="17"] .grid-huge > .wrapper > * { width: 50%; display: inline-block; } [cols="18"] .grid-huge > .blocks > .wrapper, [cols="18"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="18"] .grid-huge > .blocks > .wrapper > *, [cols="18"] .grid-huge > .wrapper > * { width: 50%; display: inline-block; } [cols="19"] .grid-huge > .blocks > .wrapper, [cols="19"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="19"] .grid-huge > .blocks > .wrapper > *, [cols="19"] .grid-huge > .wrapper > * { width: 50%; display: inline-block; } [cols="20"] .grid-huge > .blocks > .wrapper, [cols="20"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="20"] .grid-huge > .blocks > .wrapper > *, [cols="20"] .grid-huge > .wrapper > * { width: 50%; display: inline-block; } [cols="21"] .grid-huge > .blocks > .wrapper, [cols="21"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="21"] .grid-huge > .blocks > .wrapper > *, [cols="21"] .grid-huge > .wrapper > * { width: 50%; display: inline-block; } [cols="22"] .grid-huge > .blocks > .wrapper, [cols="22"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="22"] .grid-huge > .blocks > .wrapper > *, [cols="22"] .grid-huge > .wrapper > * { width: 50%; display: inline-block; } [cols="23"] .grid-huge > .blocks > .wrapper, [cols="23"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="23"] .grid-huge > .blocks > .wrapper > *, [cols="23"] .grid-huge > .wrapper > * { width: 50%; display: inline-block; } [cols="24"] .grid-huge > .blocks > .wrapper, [cols="24"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="24"] .grid-huge > .blocks > .wrapper > *, [cols="24"] .grid-huge > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="25"] .grid-huge > .blocks > .wrapper, [cols="25"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="25"] .grid-huge > .blocks > .wrapper > *, [cols="25"] .grid-huge > .wrapper > * { width: 33.33333%; display: inline-block; } [cols="26"] .grid-huge > .blocks > .wrapper, [cols="26"] .grid-huge > .wrapper { width: 100%; box-sizing: border-box; } [cols="26"] .grid-huge > .blocks > .wrapper > *, [cols="26"] .grid-huge > .wrapper > * { width: 33.33333%; display: inline-block; } /* components */ .containers > .wrapper > .container .footer-container > *, .containers > .wrapper > .BlockComponent .footer-container > *, .containers > .wrapper > .Block .footer-container > *, .containers > .wrapper > .ContainerComponent .footer-container > *, .containers > .wrapper > .Container .footer-container > *, .Application > .wrapper > .container .footer-container > *, .Application > .wrapper > .BlockComponent .footer-container > *, .Application > .wrapper > .Block .footer-container > *, .Application > .wrapper > .ContainerComponent .footer-container > *, .Application > .wrapper > .Container .footer-container > *, .ApplicationComponent > .wrapper > .container .footer-container > *, .ApplicationComponent > .wrapper > .BlockComponent .footer-container > *, .ApplicationComponent > .wrapper > .Block .footer-container > *, .ApplicationComponent > .wrapper > .ContainerComponent .footer-container > *, .ApplicationComponent > .wrapper > .Container .footer-container > *, .popup-window > .wrapper > .container .footer-container > *, .popup-window > .wrapper > .BlockComponent .footer-container > *, .popup-window > .wrapper > .Block .footer-container > *, .popup-window > .wrapper > .ContainerComponent .footer-container > *, .popup-window > .wrapper > .Container .footer-container > *, .footer-container .input.wrapper { display: inline-block; width: 100%; height: 3.25rem; border: 0; } .containers > .wrapper > .container.menu-bar .header, .containers > .wrapper > .container.nav .header, .containers > .wrapper > .BlockComponent.menu-bar .header, .containers > .wrapper > .BlockComponent.nav .header, .containers > .wrapper > .Block.menu-bar .header, .containers > .wrapper > .Block.nav .header, .containers > .wrapper > .ContainerComponent.menu-bar .header, .containers > .wrapper > .ContainerComponent.nav .header, .containers > .wrapper > .Container.menu-bar .header, .containers > .wrapper > .Container.nav .header, .Application > .wrapper > .container.menu-bar .header, .Application > .wrapper > .container.nav .header, .Application > .wrapper > .BlockComponent.menu-bar .header, .Application > .wrapper > .BlockComponent.nav .header, .Application > .wrapper > .Block.menu-bar .header, .Application > .wrapper > .Block.nav .header, .Application > .wrapper > .ContainerComponent.menu-bar .header, .Application > .wrapper > .ContainerComponent.nav .header, .Application > .wrapper > .Container.menu-bar .header, .Application > .wrapper > .Container.nav .header, .ApplicationComponent > .wrapper > .container.menu-bar .header, .ApplicationComponent > .wrapper > .container.nav .header, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar .header, .ApplicationComponent > .wrapper > .BlockComponent.nav .header, .ApplicationComponent > .wrapper > .Block.menu-bar .header, .ApplicationComponent > .wrapper > .Block.nav .header, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar .header, .ApplicationComponent > .wrapper > .ContainerComponent.nav .header, .ApplicationComponent > .wrapper > .Container.menu-bar .header, .ApplicationComponent > .wrapper > .Container.nav .header, .popup-window > .wrapper > .container.menu-bar .header, .popup-window > .wrapper > .container.nav .header, .popup-window > .wrapper > .BlockComponent.menu-bar .header, .popup-window > .wrapper > .BlockComponent.nav .header, .popup-window > .wrapper > .Block.menu-bar .header, .popup-window > .wrapper > .Block.nav .header, .popup-window > .wrapper > .ContainerComponent.menu-bar .header, .popup-window > .wrapper > .ContainerComponent.nav .header, .popup-window > .wrapper > .Container.menu-bar .header, .popup-window > .wrapper > .Container.nav .header { -webkit-box-shadow: 0px 16px 8px -4px #073642; -moz-box-shadow: 0px 16px 8px -4px #073642; box-shadow: 0px 16px 8px -4px #073642; } .dnd > .wrapper { background-image: none !important; } .dnd > .wrapper > *, .dnd > * { padding-left: 1rem; background-repeat: no-repeat; background-size: 1rem; background-position: .5rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='100' height='100' viewBox='0 0 100 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3ccircle fill='%23EEE8D5' cx='35' cy='20' r='7'%3e%3c/circle%3e%3ccircle fill='%23EEE8D5' cx='65' cy='20' r='7'%3e%3c/circle%3e%3ccircle fill='%23EEE8D5' cx='35' cy='50' r='7'%3e%3c/circle%3e%3ccircle fill='%23EEE8D5' cx='65' cy='50' r='7'%3e%3c/circle%3e%3ccircle fill='%23EEE8D5' cx='35' cy='80' r='7'%3e%3c/circle%3e%3ccircle fill='%23EEE8D5' cx='65' cy='80' r='7'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e"); } .dnd > .wrapper > *.dnd-up, .dnd > *.dnd-up { border-top: 0.3rem solid #EEE8D5 !important; } .dnd > .wrapper > *.dnd-down, .dnd > *.dnd-down { border-bottom: 0.3rem solid #EEE8D5 !important; } .dnd > .wrapper > *.dnd-target, .dnd > *.dnd-target { background-color: #002B36 !important; } .dnd > .wrapper > *.dnd-target > *, .dnd > .wrapper > *.dnd-target:before, .dnd > *.dnd-target > *, .dnd > *.dnd-target:before { opacity: .3; } .wrapper > * { box-sizing: border-box; width: 100%; max-width: 540px; } div.ApplicationComponent, div.Application { height: 100vh; } .containers, .Application, .ApplicationComponent, .popup-window { height: 100%; } .containers > .wrapper, .Application > .wrapper, .ApplicationComponent > .wrapper, .popup-window > .wrapper { height: 100%; vertical-align: top; display: flex; flex-direction: row; /* * Separators for "Application > .Container > .Container" */ } .containers > .wrapper > .Container > .blocks > .wrapper > .Container:first-child::before, .containers > .wrapper > .Container > .blocks > .wrapper > .Container.join, .Application > .wrapper > .Container > .blocks > .wrapper > .Container:first-child::before, .Application > .wrapper > .Container > .blocks > .wrapper > .Container.join, .ApplicationComponent > .wrapper > .Container > .blocks > .wrapper > .Container:first-child::before, .ApplicationComponent > .wrapper > .Container > .blocks > .wrapper > .Container.join, .popup-window > .wrapper > .Container > .blocks > .wrapper > .Container:first-child::before, .popup-window > .wrapper > .Container > .blocks > .wrapper > .Container.join { content: none; } .containers > .wrapper > .Container > .blocks > .wrapper > .Container::before, .Application > .wrapper > .Container > .blocks > .wrapper > .Container::before, .ApplicationComponent > .wrapper > .Container > .blocks > .wrapper > .Container::before, .popup-window > .wrapper > .Container > .blocks > .wrapper > .Container::before { border-bottom-style: solid; border-bottom-width: 1px; display: block; content: ""; width: calc(100% - 2rem); margin-left: 1rem; height: 1px; margin-top: 1rem; } .containers > .wrapper > .container, .containers > .wrapper > .BlockComponent, .containers > .wrapper > .Block, .containers > .wrapper > .ContainerComponent, .containers > .wrapper > .Container, .Application > .wrapper > .container, .Application > .wrapper > .BlockComponent, .Application > .wrapper > .Block, .Application > .wrapper > .ContainerComponent, .Application > .wrapper > .Container, .ApplicationComponent > .wrapper > .container, .ApplicationComponent > .wrapper > .BlockComponent, .ApplicationComponent > .wrapper > .Block, .ApplicationComponent > .wrapper > .ContainerComponent, .ApplicationComponent > .wrapper > .Container, .popup-window > .wrapper > .container, .popup-window > .wrapper > .BlockComponent, .popup-window > .wrapper > .Block, .popup-window > .wrapper > .ContainerComponent, .popup-window > .wrapper > .Container { text-align: left; height: 100%; max-height: 100vh; flex-grow: 1; border-right-width: 1px; border-right-style: solid; position: relative; } .containers > .wrapper > .container.menu-bar, .containers > .wrapper > .container.nav, .containers > .wrapper > .BlockComponent.menu-bar, .containers > .wrapper > .BlockComponent.nav, .containers > .wrapper > .Block.menu-bar, .containers > .wrapper > .Block.nav, .containers > .wrapper > .ContainerComponent.menu-bar, .containers > .wrapper > .ContainerComponent.nav, .containers > .wrapper > .Container.menu-bar, .containers > .wrapper > .Container.nav, .Application > .wrapper > .container.menu-bar, .Application > .wrapper > .container.nav, .Application > .wrapper > .BlockComponent.menu-bar, .Application > .wrapper > .BlockComponent.nav, .Application > .wrapper > .Block.menu-bar, .Application > .wrapper > .Block.nav, .Application > .wrapper > .ContainerComponent.menu-bar, .Application > .wrapper > .ContainerComponent.nav, .Application > .wrapper > .Container.menu-bar, .Application > .wrapper > .Container.nav, .ApplicationComponent > .wrapper > .container.menu-bar, .ApplicationComponent > .wrapper > .container.nav, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar, .ApplicationComponent > .wrapper > .BlockComponent.nav, .ApplicationComponent > .wrapper > .Block.menu-bar, .ApplicationComponent > .wrapper > .Block.nav, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar, .ApplicationComponent > .wrapper > .ContainerComponent.nav, .ApplicationComponent > .wrapper > .Container.menu-bar, .ApplicationComponent > .wrapper > .Container.nav, .popup-window > .wrapper > .container.menu-bar, .popup-window > .wrapper > .container.nav, .popup-window > .wrapper > .BlockComponent.menu-bar, .popup-window > .wrapper > .BlockComponent.nav, .popup-window > .wrapper > .Block.menu-bar, .popup-window > .wrapper > .Block.nav, .popup-window > .wrapper > .ContainerComponent.menu-bar, .popup-window > .wrapper > .ContainerComponent.nav, .popup-window > .wrapper > .Container.menu-bar, .popup-window > .wrapper > .Container.nav { flex-grow: 0; border-right-width: 0; width: auto; min-width: 300px; } .containers > .wrapper > .container.menu-bar > .header.icon, .containers > .wrapper > .container.nav > .header.icon, .containers > .wrapper > .BlockComponent.menu-bar > .header.icon, .containers > .wrapper > .BlockComponent.nav > .header.icon, .containers > .wrapper > .Block.menu-bar > .header.icon, .containers > .wrapper > .Block.nav > .header.icon, .containers > .wrapper > .ContainerComponent.menu-bar > .header.icon, .containers > .wrapper > .ContainerComponent.nav > .header.icon, .containers > .wrapper > .Container.menu-bar > .header.icon, .containers > .wrapper > .Container.nav > .header.icon, .Application > .wrapper > .container.menu-bar > .header.icon, .Application > .wrapper > .container.nav > .header.icon, .Application > .wrapper > .BlockComponent.menu-bar > .header.icon, .Application > .wrapper > .BlockComponent.nav > .header.icon, .Application > .wrapper > .Block.menu-bar > .header.icon, .Application > .wrapper > .Block.nav > .header.icon, .Application > .wrapper > .ContainerComponent.menu-bar > .header.icon, .Application > .wrapper > .ContainerComponent.nav > .header.icon, .Application > .wrapper > .Container.menu-bar > .header.icon, .Application > .wrapper > .Container.nav > .header.icon, .ApplicationComponent > .wrapper > .container.menu-bar > .header.icon, .ApplicationComponent > .wrapper > .container.nav > .header.icon, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar > .header.icon, .ApplicationComponent > .wrapper > .BlockComponent.nav > .header.icon, .ApplicationComponent > .wrapper > .Block.menu-bar > .header.icon, .ApplicationComponent > .wrapper > .Block.nav > .header.icon, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar > .header.icon, .ApplicationComponent > .wrapper > .ContainerComponent.nav > .header.icon, .ApplicationComponent > .wrapper > .Container.menu-bar > .header.icon, .ApplicationComponent > .wrapper > .Container.nav > .header.icon, .popup-window > .wrapper > .container.menu-bar > .header.icon, .popup-window > .wrapper > .container.nav > .header.icon, .popup-window > .wrapper > .BlockComponent.menu-bar > .header.icon, .popup-window > .wrapper > .BlockComponent.nav > .header.icon, .popup-window > .wrapper > .Block.menu-bar > .header.icon, .popup-window > .wrapper > .Block.nav > .header.icon, .popup-window > .wrapper > .ContainerComponent.menu-bar > .header.icon, .popup-window > .wrapper > .ContainerComponent.nav > .header.icon, .popup-window > .wrapper > .Container.menu-bar > .header.icon, .popup-window > .wrapper > .Container.nav > .header.icon { padding-left: 4rem; } .containers > .wrapper > .container.menu-bar > .header.icon:before, .containers > .wrapper > .container.nav > .header.icon:before, .containers > .wrapper > .BlockComponent.menu-bar > .header.icon:before, .containers > .wrapper > .BlockComponent.nav > .header.icon:before, .containers > .wrapper > .Block.menu-bar > .header.icon:before, .containers > .wrapper > .Block.nav > .header.icon:before, .containers > .wrapper > .ContainerComponent.menu-bar > .header.icon:before, .containers > .wrapper > .ContainerComponent.nav > .header.icon:before, .containers > .wrapper > .Container.menu-bar > .header.icon:before, .containers > .wrapper > .Container.nav > .header.icon:before, .Application > .wrapper > .container.menu-bar > .header.icon:before, .Application > .wrapper > .container.nav > .header.icon:before, .Application > .wrapper > .BlockComponent.menu-bar > .header.icon:before, .Application > .wrapper > .BlockComponent.nav > .header.icon:before, .Application > .wrapper > .Block.menu-bar > .header.icon:before, .Application > .wrapper > .Block.nav > .header.icon:before, .Application > .wrapper > .ContainerComponent.menu-bar > .header.icon:before, .Application > .wrapper > .ContainerComponent.nav > .header.icon:before, .Application > .wrapper > .Container.menu-bar > .header.icon:before, .Application > .wrapper > .Container.nav > .header.icon:before, .ApplicationComponent > .wrapper > .container.menu-bar > .header.icon:before, .ApplicationComponent > .wrapper > .container.nav > .header.icon:before, .ApplicationComponent > .wrapper > .BlockComponent.menu-bar > .header.icon:before, .ApplicationComponent > .wrapper > .BlockComponent.nav > .header.icon:before, .ApplicationComponent > .wrapper > .Block.menu-bar > .header.icon:before, .ApplicationComponent > .wrapper > .Block.nav > .header.icon:before, .ApplicationComponent > .wrapper > .ContainerComponent.menu-bar > .header.icon:before, .ApplicationComponent > .wrapper > .ContainerComponent.nav > .header.icon:before, .ApplicationComponent > .wrapper > .Container.menu-bar > .header.icon:before, .ApplicationComponent > .wrapper > .Container.nav > .header.icon:before, .popup-window > .wrapper > .container.menu-bar > .header.icon:before, .popup-window > .wrapper > .container.nav > .header.icon:before, .popup-window > .wrapper > .BlockComponent.menu-bar > .header.icon:before, .popup-window > .wrapper > .BlockComponent.nav > .header.icon:before, .popup-window > .wrapper > .Block.menu-bar > .header.icon:before, .popup-window > .wrapper > .Block.nav > .header.icon:before, .popup-window > .wrapper > .ContainerComponent.menu-bar > .header.icon:before, .popup-window > .wrapper > .ContainerComponent.nav > .header.icon:before, .popup-window > .wrapper > .Container.menu-bar > .header.icon:before, .popup-window > .wrapper > .Container.nav > .header.icon:before { font-size: 2rem; line-height: 2rem; top: .5rem; } .containers > .wrapper > .container.fullscreen, .containers > .wrapper > .BlockComponent.fullscreen, .containers > .wrapper > .Block.fullscreen, .containers > .wrapper > .ContainerComponent.fullscreen, .containers > .wrapper > .Container.fullscreen, .Application > .wrapper > .container.fullscreen, .Application > .wrapper > .BlockComponent.fullscreen, .Application > .wrapper > .Block.fullscreen, .Application > .wrapper > .ContainerComponent.fullscreen, .Application > .wrapper > .Container.fullscreen, .ApplicationComponent > .wrapper > .container.fullscreen, .ApplicationComponent > .wrapper > .BlockComponent.fullscreen, .ApplicationComponent > .wrapper > .Block.fullscreen, .ApplicationComponent > .wrapper > .ContainerComponent.fullscreen, .ApplicationComponent > .wrapper > .Container.fullscreen, .popup-window > .wrapper > .container.fullscreen, .popup-window > .wrapper > .BlockComponent.fullscreen, .popup-window > .wrapper > .Block.fullscreen, .popup-window > .wrapper > .ContainerComponent.fullscreen, .popup-window > .wrapper > .Container.fullscreen { max-width: 100%; } .containers > .wrapper > .container hr, .containers > .wrapper > .BlockComponent hr, .containers > .wrapper > .Block hr, .containers > .wrapper > .ContainerComponent hr, .containers > .wrapper > .Container hr, .Application > .wrapper > .container hr, .Application > .wrapper > .BlockComponent hr, .Application > .wrapper > .Block hr, .Application > .wrapper > .ContainerComponent hr, .Application > .wrapper > .Container hr, .ApplicationComponent > .wrapper > .container hr, .ApplicationComponent > .wrapper > .BlockComponent hr, .ApplicationComponent > .wrapper > .Block hr, .ApplicationComponent > .wrapper > .ContainerComponent hr, .ApplicationComponent > .wrapper > .Container hr, .popup-window > .wrapper > .container hr, .popup-window > .wrapper > .BlockComponent hr, .popup-window > .wrapper > .Block hr, .popup-window > .wrapper > .ContainerComponent hr, .popup-window > .wrapper > .Container hr { margin-left: 1rem; margin-right: 1rem; border-top-width: 1px; border-top-style: solid; border-bottom: 0; } .containers > .wrapper > .container > .header, .containers > .wrapper > .BlockComponent > .header, .containers > .wrapper > .Block > .header, .containers > .wrapper > .ContainerComponent > .header, .containers > .wrapper > .Container > .header, .Application > .wrapper > .container > .header, .Application > .wrapper > .BlockComponent > .header, .Application > .wrapper > .Block > .header, .Application > .wrapper > .ContainerComponent > .header, .Application > .wrapper > .Container > .header, .ApplicationComponent > .wrapper > .container > .header, .ApplicationComponent > .wrapper > .BlockComponent > .header, .ApplicationComponent > .wrapper > .Block > .header, .ApplicationComponent > .wrapper > .ContainerComponent > .header, .ApplicationComponent > .wrapper > .Container > .header, .popup-window > .wrapper > .container > .header, .popup-window > .wrapper > .BlockComponent > .header, .popup-window > .wrapper > .Block > .header, .popup-window > .wrapper > .ContainerComponent > .header, .popup-window > .wrapper > .Container > .header { -webkit-box-shadow: 0px 16px 8px -4px #002b36; -moz-box-shadow: 0px 16px 8px -4px #002b36; box-shadow: 0px 16px 8px -4px #002b36; position: absolute; top: 0; left: 0; right: 0; z-index: 10; box-sizing: border-box; padding: 1rem; overflow: hidden; } .containers > .wrapper > .container > .header.icon, .containers > .wrapper > .BlockComponent > .header.icon, .containers > .wrapper > .Block > .header.icon, .containers > .wrapper > .ContainerComponent > .header.icon, .containers > .wrapper > .Container > .header.icon, .Application > .wrapper > .container > .header.icon, .Application > .wrapper > .BlockComponent > .header.icon, .Application > .wrapper > .Block > .header.icon, .Application > .wrapper > .ContainerComponent > .header.icon, .Application > .wrapper > .Container > .header.icon, .ApplicationComponent > .wrapper > .container > .header.icon, .ApplicationComponent > .wrapper > .BlockComponent > .header.icon, .ApplicationComponent > .wrapper > .Block > .header.icon, .ApplicationComponent > .wrapper > .ContainerComponent > .header.icon, .ApplicationComponent > .wrapper > .Container > .header.icon, .popup-window > .wrapper > .container > .header.icon, .popup-window > .wrapper > .BlockComponent > .header.icon, .popup-window > .wrapper > .Block > .header.icon, .popup-window > .wrapper > .ContainerComponent > .header.icon, .popup-window > .wrapper > .Container > .header.icon { padding-left: 3.5rem; } .containers > .wrapper > .container > .header.icon:before, .containers > .wrapper > .BlockComponent > .header.icon:before, .containers > .wrapper > .Block > .header.icon:before, .containers > .wrapper > .ContainerComponent > .header.icon:before, .containers > .wrapper > .Container > .header.icon:before, .Application > .wrapper > .container > .header.icon:before, .Application > .wrapper > .BlockComponent > .header.icon:before, .Application > .wrapper > .Block > .header.icon:before, .Application > .wrapper > .ContainerComponent > .header.icon:before, .Application > .wrapper > .Container > .header.icon:before, .ApplicationComponent > .wrapper > .container > .header.icon:before, .ApplicationComponent > .wrapper > .BlockComponent > .header.icon:before, .ApplicationComponent > .wrapper > .Block > .header.icon:before, .ApplicationComponent > .wrapper > .ContainerComponent > .header.icon:before, .ApplicationComponent > .wrapper > .Container > .header.icon:before, .popup-window > .wrapper > .container > .header.icon:before, .popup-window > .wrapper > .BlockComponent > .header.icon:before, .popup-window > .wrapper > .Block > .header.icon:before, .popup-window > .wrapper > .ContainerComponent > .header.icon:before, .popup-window > .wrapper > .Container > .header.icon:before { font-size: 1.5rem; line-height: 1.5rem; position: absolute; top: .8rem; left: 1rem; } .containers > .wrapper > .container > .header h1, .containers > .wrapper > .BlockComponent > .header h1, .containers > .wrapper > .Block > .header h1, .containers > .wrapper > .ContainerComponent > .header h1, .containers > .wrapper > .Container > .header h1, .Application > .wrapper > .container > .header h1, .Application > .wrapper > .BlockComponent > .header h1, .Application > .wrapper > .Block > .header h1, .Application > .wrapper > .ContainerComponent > .header h1, .Application > .wrapper > .Container > .header h1, .ApplicationComponent > .wrapper > .container > .header h1, .ApplicationComponent > .wrapper > .BlockComponent > .header h1, .ApplicationComponent > .wrapper > .Block > .header h1, .ApplicationComponent > .wrapper > .ContainerComponent > .header h1, .ApplicationComponent > .wrapper > .Container > .header h1, .popup-window > .wrapper > .container > .header h1, .popup-window > .wrapper > .BlockComponent > .header h1, .popup-window > .wrapper > .Block > .header h1, .popup-window > .wrapper > .ContainerComponent > .header h1, .popup-window > .wrapper > .Container > .header h1 { font-size: 1.13em; margin: 0 0 .25em 0; white-space: nowrap; } .containers > .wrapper > .container > .header h2, .containers > .wrapper > .BlockComponent > .header h2, .containers > .wrapper > .Block > .header h2, .containers > .wrapper > .ContainerComponent > .header h2, .containers > .wrapper > .Container > .header h2, .Application > .wrapper > .container > .header h2, .Application > .wrapper > .BlockComponent > .header h2, .Application > .wrapper > .Block > .header h2, .Application > .wrapper > .ContainerComponent > .header h2, .Application > .wrapper > .Container > .header h2, .ApplicationComponent > .wrapper > .container > .header h2, .ApplicationComponent > .wrapper > .BlockComponent > .header h2, .ApplicationComponent > .wrapper > .Block > .header h2, .ApplicationComponent > .wrapper > .ContainerComponent > .header h2, .ApplicationComponent > .wrapper > .Container > .header h2, .popup-window > .wrapper > .container > .header h2, .popup-window > .wrapper > .BlockComponent > .header h2, .popup-window > .wrapper > .Block > .header h2, .popup-window > .wrapper > .ContainerComponent > .header h2, .popup-window > .wrapper > .Container > .header h2 { font-size: .9em; font-weight: normal; margin: 0; white-space: nowrap; } .containers > .wrapper > .container.footer > .blocks, .containers > .wrapper > .BlockComponent.footer > .blocks, .containers > .wrapper > .Block.footer > .blocks, .containers > .wrapper > .ContainerComponent.footer > .blocks, .containers > .wrapper > .Container.footer > .blocks, .Application > .wrapper > .container.footer > .blocks, .Application > .wrapper > .BlockComponent.footer > .blocks, .Application > .wrapper > .Block.footer > .blocks, .Application > .wrapper > .ContainerComponent.footer > .blocks, .Application > .wrapper > .Container.footer > .blocks, .ApplicationComponent > .wrapper > .container.footer > .blocks, .ApplicationComponent > .wrapper > .BlockComponent.footer > .blocks, .ApplicationComponent > .wrapper > .Block.footer > .blocks, .ApplicationComponent > .wrapper > .ContainerComponent.footer > .blocks, .ApplicationComponent > .wrapper > .Container.footer > .blocks, .popup-window > .wrapper > .container.footer > .blocks, .popup-window > .wrapper > .BlockComponent.footer > .blocks, .popup-window > .wrapper > .Block.footer > .blocks, .popup-window > .wrapper > .ContainerComponent.footer > .blocks, .popup-window > .wrapper > .Container.footer > .blocks { padding-bottom: 3.25rem; } .containers > .wrapper > .container > .blocks, .containers > .wrapper > .BlockComponent > .blocks, .containers > .wrapper > .Block > .blocks, .containers > .wrapper > .ContainerComponent > .blocks, .containers > .wrapper > .Container > .blocks, .Application > .wrapper > .container > .blocks, .Application > .wrapper > .BlockComponent > .blocks, .Application > .wrapper > .Block > .blocks, .Application > .wrapper > .ContainerComponent > .blocks, .Application > .wrapper > .Container > .blocks, .ApplicationComponent > .wrapper > .container > .blocks, .ApplicationComponent > .wrapper > .BlockComponent > .blocks, .ApplicationComponent > .wrapper > .Block > .blocks, .ApplicationComponent > .wrapper > .ContainerComponent > .blocks, .ApplicationComponent > .wrapper > .Container > .blocks, .popup-window > .wrapper > .container > .blocks, .popup-window > .wrapper > .BlockComponent > .blocks, .popup-window > .wrapper > .Block > .blocks, .popup-window > .wrapper > .ContainerComponent > .blocks, .popup-window > .wrapper > .Container > .blocks { padding-top: 5rem; height: 100%; box-sizing: border-box; } .containers > .wrapper > .container > .blocks > .blocks-wrapper, .containers > .wrapper > .BlockComponent > .blocks > .blocks-wrapper, .containers > .wrapper > .Block > .blocks > .blocks-wrapper, .containers > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper, .containers > .wrapper > .Container > .blocks > .blocks-wrapper, .Application > .wrapper > .container > .blocks > .blocks-wrapper, .Application > .wrapper > .BlockComponent > .blocks > .blocks-wrapper, .Application > .wrapper > .Block > .blocks > .blocks-wrapper, .Application > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper, .Application > .wrapper > .Container > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .container > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .BlockComponent > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .Block > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .Container > .blocks > .blocks-wrapper, .popup-window > .wrapper > .container > .blocks > .blocks-wrapper, .popup-window > .wrapper > .BlockComponent > .blocks > .blocks-wrapper, .popup-window > .wrapper > .Block > .blocks > .blocks-wrapper, .popup-window > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper, .popup-window > .wrapper > .Container > .blocks > .blocks-wrapper { height: 100%; overflow-y: auto; box-sizing: border-box; } .containers > .wrapper > .container > .blocks > .blocks-wrapper > .Iframe, .containers > .wrapper > .BlockComponent > .blocks > .blocks-wrapper > .Iframe, .containers > .wrapper > .Block > .blocks > .blocks-wrapper > .Iframe, .containers > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper > .Iframe, .containers > .wrapper > .Container > .blocks > .blocks-wrapper > .Iframe, .Application > .wrapper > .container > .blocks > .blocks-wrapper > .Iframe, .Application > .wrapper > .BlockComponent > .blocks > .blocks-wrapper > .Iframe, .Application > .wrapper > .Block > .blocks > .blocks-wrapper > .Iframe, .Application > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper > .Iframe, .Application > .wrapper > .Container > .blocks > .blocks-wrapper > .Iframe, .ApplicationComponent > .wrapper > .container > .blocks > .blocks-wrapper > .Iframe, .ApplicationComponent > .wrapper > .BlockComponent > .blocks > .blocks-wrapper > .Iframe, .ApplicationComponent > .wrapper > .Block > .blocks > .blocks-wrapper > .Iframe, .ApplicationComponent > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper > .Iframe, .ApplicationComponent > .wrapper > .Container > .blocks > .blocks-wrapper > .Iframe, .popup-window > .wrapper > .container > .blocks > .blocks-wrapper > .Iframe, .popup-window > .wrapper > .BlockComponent > .blocks > .blocks-wrapper > .Iframe, .popup-window > .wrapper > .Block > .blocks > .blocks-wrapper > .Iframe, .popup-window > .wrapper > .ContainerComponent > .blocks > .blocks-wrapper > .Iframe, .popup-window > .wrapper > .Container > .blocks > .blocks-wrapper > .Iframe { border: 0; height: calc(100% - .5rem); padding: 0; } .containers > .wrapper > .container.padding > .blocks > .blocks-wrapper, .containers > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper, .containers > .wrapper > .Block.padding > .blocks > .blocks-wrapper, .containers > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper, .containers > .wrapper > .Container.padding > .blocks > .blocks-wrapper, .Application > .wrapper > .container.padding > .blocks > .blocks-wrapper, .Application > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper, .Application > .wrapper > .Block.padding > .blocks > .blocks-wrapper, .Application > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper, .Application > .wrapper > .Container.padding > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .container.padding > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .Block.padding > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper, .ApplicationComponent > .wrapper > .Container.padding > .blocks > .blocks-wrapper, .popup-window > .wrapper > .container.padding > .blocks > .blocks-wrapper, .popup-window > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper, .popup-window > .wrapper > .Block.padding > .blocks > .blocks-wrapper, .popup-window > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper, .popup-window > .wrapper > .Container.padding > .blocks > .blocks-wrapper { padding-left: 1rem; padding-right: 1rem; } .containers > .wrapper > .container.padding > .blocks > .blocks-wrapper .blocks-wrapper, .containers > .wrapper > .container.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .containers > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper .blocks-wrapper, .containers > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .containers > .wrapper > .Block.padding > .blocks > .blocks-wrapper .blocks-wrapper, .containers > .wrapper > .Block.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .containers > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .blocks-wrapper, .containers > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .containers > .wrapper > .Container.padding > .blocks > .blocks-wrapper .blocks-wrapper, .containers > .wrapper > .Container.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .Application > .wrapper > .container.padding > .blocks > .blocks-wrapper .blocks-wrapper, .Application > .wrapper > .container.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .Application > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper .blocks-wrapper, .Application > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .Application > .wrapper > .Block.padding > .blocks > .blocks-wrapper .blocks-wrapper, .Application > .wrapper > .Block.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .Application > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .blocks-wrapper, .Application > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .Application > .wrapper > .Container.padding > .blocks > .blocks-wrapper .blocks-wrapper, .Application > .wrapper > .Container.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .ApplicationComponent > .wrapper > .container.padding > .blocks > .blocks-wrapper .blocks-wrapper, .ApplicationComponent > .wrapper > .container.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .ApplicationComponent > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper .blocks-wrapper, .ApplicationComponent > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .ApplicationComponent > .wrapper > .Block.padding > .blocks > .blocks-wrapper .blocks-wrapper, .ApplicationComponent > .wrapper > .Block.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .ApplicationComponent > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .blocks-wrapper, .ApplicationComponent > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .ApplicationComponent > .wrapper > .Container.padding > .blocks > .blocks-wrapper .blocks-wrapper, .ApplicationComponent > .wrapper > .Container.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .popup-window > .wrapper > .container.padding > .blocks > .blocks-wrapper .blocks-wrapper, .popup-window > .wrapper > .container.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .popup-window > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper .blocks-wrapper, .popup-window > .wrapper > .BlockComponent.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .popup-window > .wrapper > .Block.padding > .blocks > .blocks-wrapper .blocks-wrapper, .popup-window > .wrapper > .Block.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .popup-window > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .blocks-wrapper, .popup-window > .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .ContainerComponent > .header, .popup-window > .wrapper > .Container.padding > .blocks > .blocks-wrapper .blocks-wrapper, .popup-window > .wrapper > .Container.padding > .blocks > .blocks-wrapper .ContainerComponent > .header { padding-left: 0; padding-right: 0; } .containers > .wrapper > .container .footer-container, .containers > .wrapper > .BlockComponent .footer-container, .containers > .wrapper > .Block .footer-container, .containers > .wrapper > .ContainerComponent .footer-container, .containers > .wrapper > .Container .footer-container, .Application > .wrapper > .container .footer-container, .Application > .wrapper > .BlockComponent .footer-container, .Application > .wrapper > .Block .footer-container, .Application > .wrapper > .ContainerComponent .footer-container, .Application > .wrapper > .Container .footer-container, .ApplicationComponent > .wrapper > .container .footer-container, .ApplicationComponent > .wrapper > .BlockComponent .footer-container, .ApplicationComponent > .wrapper > .Block .footer-container, .ApplicationComponent > .wrapper > .ContainerComponent .footer-container, .ApplicationComponent > .wrapper > .Container .footer-container, .popup-window > .wrapper > .container .footer-container, .popup-window > .wrapper > .BlockComponent .footer-container, .popup-window > .wrapper > .Block .footer-container, .popup-window > .wrapper > .ContainerComponent .footer-container, .popup-window > .wrapper > .Container .footer-container { border-width: 0; border-top-width: 1px; border-top-style: solid; position: absolute; bottom: 0; left: 0; right: 0; z-index: 9; height: 3.25rem; box-sizing: border-box; overflow: hidden; } .blocks-wrapper > .block-item, .wrapper > .block-item { margin: 0 0 1rem 0; box-sizing: border-box; } .blocks-wrapper > .ContainerComponent .header, .blocks-wrapper > .BoxComponent .header, .blocks-wrapper > .Container .header, .blocks-wrapper > .Box .header, .wrapper > .ContainerComponent .header, .wrapper > .BoxComponent .header, .wrapper > .Container .header, .wrapper > .Box .header { padding: .5rem 1rem 0 1rem; position: relative; min-height: 2rem; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .blocks-wrapper > .ContainerComponent .header > .FieldsComponent, .blocks-wrapper > .ContainerComponent .header .ButtonComponent, .blocks-wrapper > .ContainerComponent .header > .Fields, .blocks-wrapper > .ContainerComponent .header .Button, .blocks-wrapper > .BoxComponent .header > .FieldsComponent, .blocks-wrapper > .BoxComponent .header .ButtonComponent, .blocks-wrapper > .BoxComponent .header > .Fields, .blocks-wrapper > .BoxComponent .header .Button, .blocks-wrapper > .Container .header > .FieldsComponent, .blocks-wrapper > .Container .header .ButtonComponent, .blocks-wrapper > .Container .header > .Fields, .blocks-wrapper > .Container .header .Button, .blocks-wrapper > .Box .header > .FieldsComponent, .blocks-wrapper > .Box .header .ButtonComponent, .blocks-wrapper > .Box .header > .Fields, .blocks-wrapper > .Box .header .Button, .wrapper > .ContainerComponent .header > .FieldsComponent, .wrapper > .ContainerComponent .header .ButtonComponent, .wrapper > .ContainerComponent .header > .Fields, .wrapper > .ContainerComponent .header .Button, .wrapper > .BoxComponent .header > .FieldsComponent, .wrapper > .BoxComponent .header .ButtonComponent, .wrapper > .BoxComponent .header > .Fields, .wrapper > .BoxComponent .header .Button, .wrapper > .Container .header > .FieldsComponent, .wrapper > .Container .header .ButtonComponent, .wrapper > .Container .header > .Fields, .wrapper > .Container .header .Button, .wrapper > .Box .header > .FieldsComponent, .wrapper > .Box .header .ButtonComponent, .wrapper > .Box .header > .Fields, .wrapper > .Box .header .Button { float: right; border: 0; } .blocks-wrapper > .ContainerComponent .header > .FieldsComponent > *, .blocks-wrapper > .ContainerComponent .header .ButtonComponent > *, .blocks-wrapper > .ContainerComponent .header > .Fields > *, .blocks-wrapper > .ContainerComponent .header .Button > *, .blocks-wrapper > .BoxComponent .header > .FieldsComponent > *, .blocks-wrapper > .BoxComponent .header .ButtonComponent > *, .blocks-wrapper > .BoxComponent .header > .Fields > *, .blocks-wrapper > .BoxComponent .header .Button > *, .blocks-wrapper > .Container .header > .FieldsComponent > *, .blocks-wrapper > .Container .header .ButtonComponent > *, .blocks-wrapper > .Container .header > .Fields > *, .blocks-wrapper > .Container .header .Button > *, .blocks-wrapper > .Box .header > .FieldsComponent > *, .blocks-wrapper > .Box .header .ButtonComponent > *, .blocks-wrapper > .Box .header > .Fields > *, .blocks-wrapper > .Box .header .Button > *, .wrapper > .ContainerComponent .header > .FieldsComponent > *, .wrapper > .ContainerComponent .header .ButtonComponent > *, .wrapper > .ContainerComponent .header > .Fields > *, .wrapper > .ContainerComponent .header .Button > *, .wrapper > .BoxComponent .header > .FieldsComponent > *, .wrapper > .BoxComponent .header .ButtonComponent > *, .wrapper > .BoxComponent .header > .Fields > *, .wrapper > .BoxComponent .header .Button > *, .wrapper > .Container .header > .FieldsComponent > *, .wrapper > .Container .header .ButtonComponent > *, .wrapper > .Container .header > .Fields > *, .wrapper > .Container .header .Button > *, .wrapper > .Box .header > .FieldsComponent > *, .wrapper > .Box .header .ButtonComponent > *, .wrapper > .Box .header > .Fields > *, .wrapper > .Box .header .Button > * { border: 0; } .blocks-wrapper > .ContainerComponent .header .ButtonComponent, .blocks-wrapper > .ContainerComponent .header .Button, .blocks-wrapper > .BoxComponent .header .ButtonComponent, .blocks-wrapper > .BoxComponent .header .Button, .blocks-wrapper > .Container .header .ButtonComponent, .blocks-wrapper > .Container .header .Button, .blocks-wrapper > .Box .header .ButtonComponent, .blocks-wrapper > .Box .header .Button, .wrapper > .ContainerComponent .header .ButtonComponent, .wrapper > .ContainerComponent .header .Button, .wrapper > .BoxComponent .header .ButtonComponent, .wrapper > .BoxComponent .header .Button, .wrapper > .Container .header .ButtonComponent, .wrapper > .Container .header .Button, .wrapper > .Box .header .ButtonComponent, .wrapper > .Box .header .Button { border: 0; padding: .5rem; background-color: transparent; } .blocks-wrapper > .ContainerComponent .header h1, .blocks-wrapper > .ContainerComponent .header .title, .blocks-wrapper > .BoxComponent .header h1, .blocks-wrapper > .BoxComponent .header .title, .blocks-wrapper > .Container .header h1, .blocks-wrapper > .Container .header .title, .blocks-wrapper > .Box .header h1, .blocks-wrapper > .Box .header .title, .wrapper > .ContainerComponent .header h1, .wrapper > .ContainerComponent .header .title, .wrapper > .BoxComponent .header h1, .wrapper > .BoxComponent .header .title, .wrapper > .Container .header h1, .wrapper > .Container .header .title, .wrapper > .Box .header h1, .wrapper > .Box .header .title { font-weight: bold; font-size: 1rem; } .blocks-wrapper > .ContainerComponent .header h2, .blocks-wrapper > .BoxComponent .header h2, .blocks-wrapper > .Container .header h2, .blocks-wrapper > .Box .header h2, .wrapper > .ContainerComponent .header h2, .wrapper > .BoxComponent .header h2, .wrapper > .Container .header h2, .wrapper > .Box .header h2 { font-weight: normal; font-size: .87rem; } .blocks-wrapper > .ContainerComponent .header div.icon::before, .blocks-wrapper > .BoxComponent .header div.icon::before, .blocks-wrapper > .Container .header div.icon::before, .blocks-wrapper > .Box .header div.icon::before, .wrapper > .ContainerComponent .header div.icon::before, .wrapper > .BoxComponent .header div.icon::before, .wrapper > .Container .header div.icon::before, .wrapper > .Box .header div.icon::before { float: left; line-height: 1rem; font-size: 1rem; margin: .67rem .67rem .67rem 0; } .blocks-wrapper > .ContainerComponent .header div.icon, .blocks-wrapper > .BoxComponent .header div.icon, .blocks-wrapper > .Container .header div.icon, .blocks-wrapper > .Box .header div.icon, .wrapper > .ContainerComponent .header div.icon, .wrapper > .BoxComponent .header div.icon, .wrapper > .Container .header div.icon, .wrapper > .Box .header div.icon { position: absolute; top: 0; right: 0; padding: .5rem 1rem; } .footer-container .blocks-wrapper > .ContainerComponent .header, .footer-container .blocks-wrapper > .BoxComponent .header, .footer-container .blocks-wrapper > .Container .header, .footer-container .blocks-wrapper > .Box .header, .footer-container .wrapper > .ContainerComponent .header, .footer-container .wrapper > .BoxComponent .header, .footer-container .wrapper > .Container .header, .footer-container .wrapper > .Box .header { display: none; } .blocks-wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper, .blocks-wrapper > .ContainerComponent.padding > .blocks-wrapper, .blocks-wrapper > .BoxComponent.padding > .blocks > .blocks-wrapper, .blocks-wrapper > .BoxComponent.padding > .blocks-wrapper, .blocks-wrapper > .Container.padding > .blocks > .blocks-wrapper, .blocks-wrapper > .Container.padding > .blocks-wrapper, .blocks-wrapper > .Box.padding > .blocks > .blocks-wrapper, .blocks-wrapper > .Box.padding > .blocks-wrapper, .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper, .wrapper > .ContainerComponent.padding > .blocks-wrapper, .wrapper > .BoxComponent.padding > .blocks > .blocks-wrapper, .wrapper > .BoxComponent.padding > .blocks-wrapper, .wrapper > .Container.padding > .blocks > .blocks-wrapper, .wrapper > .Container.padding > .blocks-wrapper, .wrapper > .Box.padding > .blocks > .blocks-wrapper, .wrapper > .Box.padding > .blocks-wrapper { padding-left: 1rem; padding-right: 1rem; } .blocks-wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .padding, .blocks-wrapper > .ContainerComponent.padding > .blocks-wrapper .padding, .blocks-wrapper > .BoxComponent.padding > .blocks > .blocks-wrapper .padding, .blocks-wrapper > .BoxComponent.padding > .blocks-wrapper .padding, .blocks-wrapper > .Container.padding > .blocks > .blocks-wrapper .padding, .blocks-wrapper > .Container.padding > .blocks-wrapper .padding, .blocks-wrapper > .Box.padding > .blocks > .blocks-wrapper .padding, .blocks-wrapper > .Box.padding > .blocks-wrapper .padding, .wrapper > .ContainerComponent.padding > .blocks > .blocks-wrapper .padding, .wrapper > .ContainerComponent.padding > .blocks-wrapper .padding, .wrapper > .BoxComponent.padding > .blocks > .blocks-wrapper .padding, .wrapper > .BoxComponent.padding > .blocks-wrapper .padding, .wrapper > .Container.padding > .blocks > .blocks-wrapper .padding, .wrapper > .Container.padding > .blocks-wrapper .padding, .wrapper > .Box.padding > .blocks > .blocks-wrapper .padding, .wrapper > .Box.padding > .blocks-wrapper .padding { padding-left: 0; padding-right: 0; } .blocks-wrapper > .ContainerComponent p, .blocks-wrapper > .BoxComponent p, .blocks-wrapper > .Container p, .blocks-wrapper > .Box p, .wrapper > .ContainerComponent p, .wrapper > .BoxComponent p, .wrapper > .Container p, .wrapper > .Box p { margin-top: .5rem; margin-bottom: .5rem; font-size: .87rem; } .blocks-wrapper > .ContainerComponent p.ok, .blocks-wrapper > .BoxComponent p.ok, .blocks-wrapper > .Container p.ok, .blocks-wrapper > .Box p.ok, .wrapper > .ContainerComponent p.ok, .wrapper > .BoxComponent p.ok, .wrapper > .Container p.ok, .wrapper > .Box p.ok { color: #859900 !important; } .blocks-wrapper > .ContainerComponent p.error, .blocks-wrapper > .BoxComponent p.error, .blocks-wrapper > .Container p.error, .blocks-wrapper > .Box p.error, .wrapper > .ContainerComponent p.error, .wrapper > .BoxComponent p.error, .wrapper > .Container p.error, .wrapper > .Box p.error { color: #dc322f !important; } .blocks-wrapper > .ContainerComponent p.warn, .blocks-wrapper > .BoxComponent p.warn, .blocks-wrapper > .Container p.warn, .blocks-wrapper > .Box p.warn, .wrapper > .ContainerComponent p.warn, .wrapper > .BoxComponent p.warn, .wrapper > .Container p.warn, .wrapper > .Box p.warn { color: #b58900 !important; } .blocks-wrapper > .ContainerComponent p.accent, .blocks-wrapper > .BoxComponent p.accent, .blocks-wrapper > .Container p.accent, .blocks-wrapper > .Box p.accent, .wrapper > .ContainerComponent p.accent, .wrapper > .BoxComponent p.accent, .wrapper > .Container p.accent, .wrapper > .Box p.accent { color: #268bd2 !important; } .blocks-wrapper > .ContainerComponent p a:hover, .blocks-wrapper > .ContainerComponent .Txt a:hover, .blocks-wrapper > .BoxComponent p a:hover, .blocks-wrapper > .BoxComponent .Txt a:hover, .blocks-wrapper > .Container p a:hover, .blocks-wrapper > .Container .Txt a:hover, .blocks-wrapper > .Box p a:hover, .blocks-wrapper > .Box .Txt a:hover, .wrapper > .ContainerComponent p a:hover, .wrapper > .ContainerComponent .Txt a:hover, .wrapper > .BoxComponent p a:hover, .wrapper > .BoxComponent .Txt a:hover, .wrapper > .Container p a:hover, .wrapper > .Container .Txt a:hover, .wrapper > .Box p a:hover, .wrapper > .Box .Txt a:hover { text-decoration: underline; } .menu.dnd.dnd-target > *:hover, .MenuComponent.dnd.dnd-target > *:hover, .Menu.dnd.dnd-target > *:hover { background-color: inherit !important; } .menu.dnd > *, .MenuComponent.dnd > *, .Menu.dnd > * { padding-left: 2rem; position: relative; } .menu.dnd > *.dnd-up, .MenuComponent.dnd > *.dnd-up, .Menu.dnd > *.dnd-up { border-top-width: 0 !important; } .menu.dnd > *.dnd-up:first-child, .MenuComponent.dnd > *.dnd-up:first-child, .Menu.dnd > *.dnd-up:first-child { border-top-width: .3rem !important; } .menu.dnd > *::before, .MenuComponent.dnd > *::before, .Menu.dnd > *::before { width: 1rem; margin: .5rem; vertical-align: middle; text-align: center; cursor: grab; position: absolute; top: 0; bottom: 0; left: 0; } .menu.dnd > *.icon, .MenuComponent.dnd > *.icon, .Menu.dnd > *.icon { padding-left: 4.5rem; } .menu.dnd > *.icon::before, .MenuComponent.dnd > *.icon::before, .Menu.dnd > *.icon::before { padding-left: 2rem; left: 0; } .menu.dnd > *.url, .MenuComponent.dnd > *.url, .Menu.dnd > *.url { padding-left: 5rem; } .menu.dnd > *.url::before, .MenuComponent.dnd > *.url::before, .Menu.dnd > *.url::before { content: ''; } .menu.dnd > *.url > span.img, .MenuComponent.dnd > *.url > span.img, .Menu.dnd > *.url > span.img { left: 2rem; } .menu > *, .MenuComponent > *, .Menu > * { display: block; position: relative; padding: .5rem 1rem; } .menu > * > *, .MenuComponent > * > *, .Menu > * > * { vertical-align: middle; display: inline-block; } .menu > *.margin, .MenuComponent > *.margin, .Menu > *.margin { margin-bottom: 0; } .menu > *.icon, .MenuComponent > *.icon, .Menu > *.icon { padding: .5rem 1rem .5rem 3rem; } .menu > *.icon:before, .MenuComponent > *.icon:before, .Menu > *.icon:before { position: absolute; left: 1rem; } .menu > *.avatar, .menu > *.img, .menu > *.url, .MenuComponent > *.avatar, .MenuComponent > *.img, .MenuComponent > *.url, .Menu > *.avatar, .Menu > *.img, .Menu > *.url { padding: .5rem 1rem .5rem 4rem; min-height: 3rem; height: auto; box-sizing: border-box; line-height: 2rem; display: flex; flex-flow: column nowrap; justify-content: center; } .menu > *.avatar span.img, .menu > *.avatar img, .menu > *.img span.img, .menu > *.img img, .menu > *.url span.img, .menu > *.url img, .MenuComponent > *.avatar span.img, .MenuComponent > *.avatar img, .MenuComponent > *.img span.img, .MenuComponent > *.img img, .MenuComponent > *.url span.img, .MenuComponent > *.url img, .Menu > *.avatar span.img, .Menu > *.avatar img, .Menu > *.img span.img, .Menu > *.img img, .Menu > *.url span.img, .Menu > *.url img { height: 2rem; width: 2rem; border-radius: 50%; position: absolute; top: 50%; transform: translate(0, -50%); left: 1rem; background-position: center; background-size: cover; } .menu > *.avatar > *, .menu > *.img > *, .menu > *.url > *, .MenuComponent > *.avatar > *, .MenuComponent > *.img > *, .MenuComponent > *.url > *, .Menu > *.avatar > *, .Menu > *.img > *, .Menu > *.url > * { line-height: 1rem; } .menu > *.root, .MenuComponent > *.root, .Menu > *.root { margin-top: .5rem; } .menu > *.root:first-child, .MenuComponent > *.root:first-child, .Menu > *.root:first-child { margin-top: 0; } .menu > *.root .title, .MenuComponent > *.root .title, .Menu > *.root .title { font-weight: bold; } .menu > * .title, .menu > * .info, .MenuComponent > * .title, .MenuComponent > * .info, .Menu > * .title, .Menu > * .info { display: block; font-size: .87rem; } .menu > * .comment, .MenuComponent > * .comment, .Menu > * .comment { display: block; font-size: .8rem; margin-top: .25rem; } .menu > * .link, .MenuComponent > * .link, .Menu > * .link { font-size: .8rem; float: right; padding: .1rem .5rem; } .menu > *.link, .MenuComponent > *.link, .Menu > *.link { padding-right: 3rem; } .menu > *.link:after, .MenuComponent > *.link:after, .Menu > *.link:after { position: absolute; right: 1rem; top: 50%; transform: translate(0, -50%); font-family: pejava; content: ''; line-height: 1rem; } .menu > a, .MenuComponent > a, .Menu > a { cursor: default; } .menu > a.value:hover, .menu > a.value.active, .menu > a.href:hover, .menu > a.href.active, .MenuComponent > a.value:hover, .MenuComponent > a.value.active, .MenuComponent > a.href:hover, .MenuComponent > a.href.active, .Menu > a.value:hover, .Menu > a.value.active, .Menu > a.href:hover, .Menu > a.href.active { cursor: pointer; } .table { width: 100%; padding: .5em 1em; display: table; box-sizing: border-box; } .table .line { display: table-row; } .table .line:nth-child(odd) > *:first-child { border-left-color: #073642; border-left-width: 1px; border-left-style: solid; } .table .line > * { display: table-cell; padding: .25em .5em; font-size: .87em; border-right-width: 1px; border-right-style: solid; } .table .line > *:first-child { border-left-width: 1px; border-left-style: solid; } .table .line:last-child > * { border-bottom-width: 1px; border-bottom-style: solid; } .table .line input { padding: .25em .5em !important; border: 0 !important; border-bottom: 1px solid #073642 !important; width: 100%; } .popup { position: relative; } .popup .popup-window { z-index: 10; position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 5rem; text-align: center; background-color: rgba(0, 43, 54, 0.9); display: flex; flex-direction: row; justify-content: center; align-items: center; } .popup .popup-window .popup-wrapper { line-height: 1rem; text-align: left; max-width: 350px; max-height: 100%; overflow: auto; height: auto; width: 100%; display: inline-block; vertical-align: middle; text-align: center; } .popup .popup-window .popup-wrapper > .Container { border: 0; } .popup.ContainerComponent .popup-window, .popup.Container .popup-window { line-height: 100vh; } .popup.ContainerComponent .popup-window > *, .popup.Container .popup-window > * { line-height: normal; } .preloader, .PreloaderComponent, .Preloader { text-align: center; line-height: 1rem; overflow: hidden; } .preloader:before, .PreloaderComponent:before, .Preloader:before { content: ""; width: 5rem; height: 5rem; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1rem; border-radius: 50%; border-width: .5rem; border-style: solid; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } @keyframes rotating { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* Form components */ .btn, .ButtonComponent, .Button, .ApplicationComponent > button, .Application > button { background-color: #4d6066; border-style: solid; border-width: 1px; padding: .5rem 1rem; font-size: .87rem; line-height: 1rem; box-sizing: border-box; display: inline-block; cursor: pointer; outline: none !important; border-radius: 2px; } .accent.btn:hover, .accent.ButtonComponent:hover, .accent.Button:hover, .ApplicationComponent > button.accent:hover, .Application > button.accent:hover { background-color: #3797db; } .ok.btn:hover, .ok.ButtonComponent:hover, .ok.Button:hover, .ApplicationComponent > button.ok:hover, .Application > button.ok:hover { background-color: #9bb300; } .error.btn:hover, .error.ButtonComponent:hover, .error.Button:hover, .ApplicationComponent > button.error:hover, .Application > button.error:hover { background-color: #e04845; } .warn.btn:hover, .warn.ButtonComponent:hover, .warn.Button:hover, .ApplicationComponent > button.warn:hover, .Application > button.warn:hover { background-color: #cf9c00; } .btn:hover, .ButtonComponent:hover, .Button:hover, .ApplicationComponent > button:hover, .Application > button:hover { background-color: #637c84; } .btn:disabled, .ButtonComponent:disabled, .Button:disabled, .ApplicationComponent > button:disabled, .Application > button:disabled, .disabled.btn, .disabled.ButtonComponent, .disabled.Button, .ApplicationComponent > button.disabled, .Application > button.disabled, .btn[disabled], .ButtonComponent[disabled], .Button[disabled], .ApplicationComponent > button[disabled], .Application > button[disabled] { background-color: transparent; cursor: not-allowed; pointer-events: none; } .icon.btn:empty:before, .icon.ButtonComponent:empty:before, .icon.Button:empty:before, .ApplicationComponent > button.icon:empty:before, .Application > button.icon:empty:before { padding-right: 0; } .icon.btn:before, .icon.ButtonComponent:before, .icon.Button:before, .ApplicationComponent > button.icon:before, .Application > button.icon:before { padding-right: .5rem; } .table .line input:disabled, input:disabled[type=text], input:disabled[type=password], input:disabled[type=number], .InputComponent:disabled, .Input:disabled, textarea:disabled, .input.wrapper:disabled, .select:disabled, .SelectComponent:disabled, .Select:disabled, .Iframe:disabled, .table .line input.disabled, input.disabled[type=text], input.disabled[type=password], input.disabled[type=number], .disabled.InputComponent, .disabled.Input, textarea.disabled, .disabled.input.wrapper, .disabled.select, .disabled.SelectComponent, .disabled.Select, .disabled.Iframe, .table .line input[disabled], input[disabled][type=text], input[disabled][type=password], input[disabled][type=number], .InputComponent[disabled], .Input[disabled], textarea[disabled], .input.wrapper[disabled], .select[disabled], .SelectComponent[disabled], .Select[disabled], .Iframe[disabled], .select:disabled select, .select.disabled select, .select[disabled] select, .SelectComponent:disabled select, .SelectComponent.disabled select, .SelectComponent[disabled] select, .Select:disabled select, .Select.disabled select, .Select[disabled] select, .disabled.checkbox, .disabled.CheckBoxComponent, .disabled.CheckBox, .disabled.radio, .disabled.RadioComponent, .disabled.Radio { cursor: not-allowed; pointer-events: none; } .table .line input, input[type=text], input[type=password], input[type=number], .InputComponent, .Input, textarea, .input.wrapper, .select, .SelectComponent, .Select, .Iframe { border-style: solid; border-width: 1px; padding: .5rem; font-size: .87rem; line-height: 1rem; box-sizing: border-box; border-radius: 0; width: 100%; } .table .line input.error, input.error[type=text], input.error[type=password], input.error[type=number], .error.InputComponent, .error.Input, textarea.error, .error.input.wrapper, .error.select, .error.SelectComponent, .error.Select, .error.Iframe { background-color: #8d1a18; } .footer-container .table .line input, .table .line .footer-container input, .footer-container input[type=text], .footer-container input[type=password], .footer-container input[type=number], .footer-container .InputComponent, .footer-container .Input, .footer-container textarea, .footer-container .input.wrapper, .footer-container .select, .footer-container .SelectComponent, .footer-container .Select, .footer-container .Iframe { height: 3.25rem; } .FieldsComponent .block-item, .Fields .block-item { margin: 0; } .FieldsComponent .TxtComponent, .FieldsComponent .Txt, .Fields .TxtComponent, .Fields .Txt { width: auto; padding: .5rem; } .FieldsComponent.table, .Fields.table { border-width: 1px; border-style: solid; border-collapse: collapse; /* Drag and drop */ } .FieldsComponent.table.dnd > .input.wrapper > div::before, .Fields.table.dnd > .input.wrapper > div::before { content: ''; border-right: 1px solid #073642; display: table-cell; width: 2rem; margin: .5rem; vertical-align: middle; text-align: center; cursor: grab; } .FieldsComponent.table > p, .Fields.table > p { display: none; } .FieldsComponent.table > .input.wrapper, .Fields.table > .input.wrapper { font-size: .87rem; display: table; table-layout: fixed; border-width: 0; } .FieldsComponent.table > .input.wrapper > div, .Fields.table > .input.wrapper > div { border-width: 0; border-bottom-width: 1px; border-style: solid; display: table-row; } .FieldsComponent.table > .input.wrapper > div > *, .Fields.table > .input.wrapper > div > * { display: table-cell; } .FieldsComponent.table > .input.wrapper > div > p, .Fields.table > .input.wrapper > div > p { padding: .3rem; vertical-align: middle; } > .FieldsComponent.table > .input.wrapper:only-child, > .Fields.table > .input.wrapper:only-child { content: ""; display: table-row; } .input.wrapper { background-color: transparent; padding: 0; max-width: 100%; display: flex; } .input.wrapper > * { flex-grow: 1; } .input.wrapper > .block-item { padding: 0; } .input.wrapper > .block-item > p { display: none; } .input.wrapper > .block-item .input, .input.wrapper > .block-item .input > * { border-top: 0; border-bottom: 0; border-right: 0; height: 100%; } .input.wrapper > .block-item:first-child .input, .input.wrapper > .block-item:first-child input { border-left: 0; } .input.wrapper > .block-item .InputComponent, .input.wrapper > .block-item .SelectComponent, .input.wrapper > .block-item .Input, .input.wrapper > .block-item .Select { width: 100%; } .input.wrapper > .block-item .CheckBoxComponent, .input.wrapper > .block-item .CheckBox { height: 100%; } .input.wrapper > .block-item .CheckBoxComponent label, .input.wrapper > .block-item .CheckBox label { height: 100%; line-height: 2rem; text-align: center; } .input.wrapper > .block-item .CheckBoxComponent label:before, .input.wrapper > .block-item .CheckBox label:before { margin: .5rem; } .input.wrapper > button, .input.wrapper > .block-CheckBox { width: auto; border: 0; border-radius: 0; } .footer-container .input.wrapper { display: flex; } .footer-container .input.wrapper > * { height: 100%; display: inline-block; } .input { position: relative; } .input .InputComponent, .input .Input { outline: 0; } .input .InputComponent + span, .input .Input + span { border-width: 0; border-style: solid; position: absolute; height: auto !important; top: 0; left: .5rem; max-height: 0; overflow: hidden; font-size: .68rem; transition: top .2s, max-height .2s; } .input .InputComponent + span:empty, .input .Input + span:empty { display: none; } .input .InputComponent:valid + span, .input .Input:valid + span { top: -6px; color: #93A1A1; padding: 0 .5rem; border-top-width: 1px; max-height: 1rem; } .select, .SelectComponent, .Select { padding: 0; display: inline-block; height: auto; cursor: pointer; position: relative; } .select select, .SelectComponent select, .Select select { height: 2rem; cursor: pointer; min-width: 100%; width: 100%; background-color: transparent; border: 0; padding: .5rem 2rem .5rem .5rem; margin: 0; font-size: .87rem; outline: none !important; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; -o-appearance: none !important; position: relative; z-index: 1; line-height: .8rem; } .select select option, .SelectComponent select option, .Select select option { font-size: .87rem; padding: 1.1rem; font-weight: normal; display: block; white-space: pre; min-height: 1.2em; padding: 0px 2px 1px; } .footer-container .select select, .footer-container .SelectComponent select, .footer-container .Select select { height: 3.25rem; } .select span, .SelectComponent span, .Select span { position: absolute; font-family: "pejava"; width: 2rem; height: 2rem; top: 0; right: 0; text-align: center; line-height: 2rem; z-index: 0; font-size: 1rem; } .footer-container .select span, .footer-container .SelectComponent span, .footer-container .Select span { line-height: 3.25rem; } .ItemsComponent, .Items { font-size: .87rem; border-width: 1px; border-style: solid; border-collapse: collapse; display: table; } .ItemsComponent > div, .Items > div { border-width: 0; border-bottom-width: 1px; border-style: solid; display: table-row; } .ItemsComponent > div > span, .Items > div > span { display: table-cell; padding: .3rem; } .ItemsComponent > div > span:first-child, .Items > div > span:first-child { border-width: 0; border-right-width: 1px; border-style: solid; } .checkbox, .CheckBoxComponent, .CheckBox, .radio, .RadioComponent, .Radio { cursor: pointer; display: inline-block; } .disabled.checkbox label, .disabled.CheckBoxComponent label, .disabled.CheckBox label, .disabled.radio label, .disabled.RadioComponent label, .disabled.Radio label { cursor: not-allowed; pointer-events: none; } .disabled.checkbox label:before, .disabled.CheckBoxComponent label:before, .disabled.CheckBox label:before, .disabled.radio label:before, .disabled.RadioComponent label:before, .disabled.Radio label:before { cursor: not-allowed; pointer-events: none; } .checkbox input, .CheckBoxComponent input, .CheckBox input, .radio input, .RadioComponent input, .Radio input { display: none; } .footer-container .checkbox input, .footer-container .CheckBoxComponent input, .footer-container .CheckBox input, .footer-container .radio input, .footer-container .RadioComponent input, .footer-container .Radio input { display: none; } .checkbox input:checked + label:before, .CheckBoxComponent input:checked + label:before, .CheckBox input:checked + label:before, .radio input:checked + label:before, .RadioComponent input:checked + label:before, .Radio input:checked + label:before { content: ''; } .checkbox label, .CheckBoxComponent label, .CheckBox label, .radio label, .RadioComponent label, .Radio label { display: inline-block; font-size: .87rem; vertical-align: bottom; line-height: 1rem; cursor: pointer; } .checkbox label:before, .CheckBoxComponent label:before, .CheckBox label:before, .radio label:before, .RadioComponent label:before, .Radio label:before { font-family: pejava; font-size: 1rem; content: ''; display: inline-block; width: 1rem; height: 1rem; line-height: 1rem; margin-right: .5rem; } .footer-container .block-CheckBox { display: inline-block; width: 3.25rem; height: 3.25rem; } .footer-container .block-CheckBox .CheckBoxComponent, .footer-container .block-CheckBox .CheckBox { width: 3.25rem; line-height: 3.25rem; } .footer-container .block-CheckBox .CheckBoxComponent label::before, .footer-container .block-CheckBox .CheckBox label::before { display: inline; margin: 1.1rem; line-height: 3.25rem; } .radio, .RadioComponent, .Radio { margin-top: .25em; margin-bottom: .25em; } .radio input:checked + label:before, .RadioComponent input:checked + label:before, .Radio input:checked + label:before { content: ''; } .radio label, .RadioComponent label, .Radio label { padding-right: .5rem; } .radio label:before, .RadioComponent label:before, .Radio label:before { content: ''; } textarea { width: 100%; height: 15rem; resize: vertical; } .picture, .PictureComponent, .Picture { background-size: cover; background-position: center; } .picture span, .PictureComponent span, .Picture span { display: inline-block; padding-bottom: 100%; width: 100%; } .picture.round, .PictureComponent.round, .Picture.round { border-radius: 50%; } .PieChartComponent, .PieChart { width: 100%; height: auto; position: relative; } .PieChartComponent path, .PieChart path { fill-opacity: 0; stroke-width: 100px; } .PieChartComponent circle, .PieChart circle { cx: 500; cy: 500; r: 450; fill-opacity: 0; stroke-width: 100px; stroke: #073642; } .PieChartComponent div, .PieChart div { position: absolute; top: 50%; left: 0; width: 100%; height: auto; text-align: center; transform: translate(0, -50%); } .PieChartComponent div span, .PieChart div span { display: inline-block; width: 100%; } .TxtComponent.padding, .Txt.padding { padding-left: 1rem; padding-right: 1rem; } .Iframe { background-color: transparent; } /* Services */ .ApplicationComponent.touched > button, .Application.touched > button { display: none !important; } .ApplicationComponent > button, .Application > button { padding: 1rem .5rem; z-index: 1000; display: none; position: fixed; top: 0; font-size: 1.5rem; } .ApplicationComponent > button:last-child, .Application > button:last-child { right: 0; } .ApplicationComponent.swiper.first > button, .Application.swiper.first > button { display: none; } .ApplicationComponent.swiper.first > button:last-child, .Application.swiper.first > button:last-child { display: block; } .ApplicationComponent.swiper.last > button, .Application.swiper.last > button { display: block; } .ApplicationComponent.swiper.last > button:last-child, .Application.swiper.last > button:last-child { display: none; } .ApplicationComponent.swiper > button, .Application.swiper > button { display: block; } .ApplicationComponent.swiper > .wrapper, .Application.swiper > .wrapper { overflow: hidden; position: relative; display: block; } .ApplicationComponent.swiper > .wrapper > .ContainerComponent, .ApplicationComponent.swiper > .wrapper > .Container, .Application.swiper > .wrapper > .ContainerComponent, .Application.swiper > .wrapper > .Container { top: 0; position: absolute; min-width: auto !important; } /* EXTRA */ html, body { height: 100%; font-family: Arial; font-weight: 400; margin: 0; padding: 0; box-sizing: border-box; } a { cursor: pointer; text-decoration: none; } span { font-size: .87rem; }