@charset "UTF-8"; wax-segment { position: relative; display: block; } wax-segment::after { clear: both; } fz-icon { display: inline-block; text-align: center; position: relative; vertical-align: sub; height: 1.2em; } fz-icon > svg { height: 100%; max-height: 100%; width: auto; aspect-ratio: 1/1; } fz-icon > span { font-size: 9px; color: white; font-family: monospace; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } fz-icon > span.middle { top: 50%; transform: translateY(-50%); bottom: auto; } fz-icon > span.top { top: 0; bottom: auto; } fz-icon > span.bottom { top: auto; bottom: 0; } fz-icon > span.left { left: 0; right: auto; } fz-icon > span.right { left: auto; right: 0; } .fz-icon.circle, fz-icon.circle, .icon-circle, .circle-border { display: inline-flex; position: relative; align-items: center; justify-content: center; height: 1.5em; width: auto; aspect-ratio: 1/1; } img.fz-icon.circle { padding: 4px; } img.fz-icon { aspect-ratio: 1/1; } .grayscale-disable { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -webkit-filter: grayscale(0); filter: none; } .grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .clear, .clear_both { clear: both; } .alpha_100 { opacity: 1; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha( opacity= 100 ); } .alpha_90 { opacity: 0.9; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter: alpha( opacity= 90 ); } .alpha_80 { opacity: 0.8; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha( opacity= 80 ); } .alpha_70 { opacity: 0.7; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter: alpha( opacity= 70 ); } .alpha_60 { opacity: 0.6; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha( opacity= 60 ); } .alpha_50 { opacity: 0.5; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha( opacity= 50 ); } .alpha_40 { opacity: 0.4; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha( opacity= 40 ); } .alpha_30 { opacity: 0.3; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter: alpha( opacity= 30 ); } .alpha_20 { opacity: 0.2; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); filter: alpha( opacity= 20 ); } .alpha_15 { opacity: 0.15; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); filter: alpha( opacity= 15 ); } .alpha_0 { opacity: 0; transition: all 0.25s; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha( opacity= 0 ); } .bolt-color { color: #F7A939; } wax-context .hotkey { position: relative; } wax-context .hotkey::before { content: attr(title); position: absolute; right: 4px; height: 100%; display: flex; align-items: center; align-content: center; color: #999; opacity: 0; font-weight: bold; transition: 0.3s all; } wax-context .hotkey:hover::before { opacity: 1; } html.disable-smooth-scroll { scroll-behavior: unset !important; } body.debug.observer [scroll-y], body.debug.observer [fz-spy-focus], body.debug.observer .axis { outline: 2px solid #489bde; } body.debug.observer [scroll-y]::before, body.debug.observer [fz-spy-focus]::before, body.debug.observer .axis::before { content: attr(data-distance); position: absolute; display: block; width: 100%; height: 100%; text-align: center; padding-top: 8px; color: #FFF; opacity: 0.3; background-color: #489bde; z-index: 5; pointer-events: none; } body.debug.observer [scroll-y].was-in, body.debug.observer [fz-spy-focus].was-in, body.debug.observer .axis.was-in { outline: 2px solid #dd4014; } body.debug.observer [scroll-y].was-in::before, body.debug.observer [fz-spy-focus].was-in::before, body.debug.observer .axis.was-in::before { background-color: #dd4014; } body.debug.observer [scroll-y].in, body.debug.observer [fz-spy-focus].in, body.debug.observer .axis.in { outline: 2px solid #d20d76; } body.debug.observer [scroll-y].in::before, body.debug.observer [fz-spy-focus].in::before, body.debug.observer .axis.in::before { background-color: #d20d76; } .axis { position: relative; } fz-item, fz-list, fz-block, fz-content, fz-select, fz-form, fz-menu { display: block; position: relative; } fz-item::after, fz-list::after, fz-block::after, fz-content::after, fz-select::after, fz-form::after, fz-menu::after { clear: both; } fz-trigger { display: inline; } fz-inblock, fz-ib { display: inline-block; position: relative; } fz-image { background-size: contain; height: 100%; display: inline-block; width: 100%; background-repeat: no-repeat; background-position: center; } fz-menu-item, fz-menu-line { display: inline-block; word-break: keep-all; word-wrap: none; overflow: hidden; padding: 3px; } fz-menu-item::after, fz-menu-line::after { clear: both; } fz-menu-line { display: block; } fz-call, fz-btn, fz-label { display: inline-block; cursor: pointer; } fz-call, fz-submit, [fz-event], [fz-call]:not(form) { cursor: pointer; } fz-data, fz-hidden, fz-notice, fz-template { display: none; } fz-space { white-space: nowrap; height: 100%; color: transparent; display: inline-block; word-spacing: 10px; letter-spacing: 10px; } fz-block-right { display: flex; float: right; justify-content: flex-end; align-items: center; width: 20%; height: 100%; margin-right: 10px; } fz-block-left { display: flex; float: right; text-align: right; width: 20%; height: 100%; } fz-bar { display: flex; width: 100%; position: relative; flex-direction: row; align-content: center; justify-content: space-between; align-items: center; } fz-bar ul { list-style: none; display: flex; margin: 0; padding: 0; } fz-bar ul :after { content: ""; clear: both; } fz-bar > fz-block { display: flex; align-items: center; white-space: nowrap; height: 100%; margin: 0 10px; } fz-bar > fz-block > a { height: 100%; } fz-bar > fz-block img { height: calc(100% - 10px); } fz-circle { border-radius: 50%; overflow: hidden; margin: 5px; display: flex; position: relative; align-items: center; justify-content: center; height: calc(100% - 10px * 0.75); aspect-ratio: 1 / 1; display: inline-flex; } fz-circle > picture { width: 100%; position: relative; display: block; } fz-circle > *:not(.absolute) { position: relative; } fz-circle.content-right { justify-content: right; } fz-circle.content-left { justify-content: left; } .border-x1 { border: 5px solid transparent; } .border-x2 { border: 10px solid transparent; } fz-scroll-delay { display: block; width: 100%; min-height: 80vh; position: relative; background: transparent !important; pointer-events: none; } body.editable fz-scroll-delay { display: none; } .call-content { transition: opacity 0.4s; opacity: 1; } body.call-loading .call-content { transition: opacity 0.1s; } html.smooth-scroll { scroll-behavior: smooth; } .tab-menu { margin-bottom: 20px; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #DDD; } .tab-menu::after { content: " "; display: block; clear: both; } .tab-menu.no-margin { margin: 0; } .tab-menu > [data-tab] { border-bottom: none; color: #333; padding: 8px; opacity: 0; cursor: pointer; float: left; transition: all 0.6s; } .tab-menu > [data-tab]:hover { color: #999; } .tab-menu > [data-tab].selected { background: linear-gradient(0deg, #efefef 0%, #ffffff 80%); color: #009fe3; border-bottom: none; margin-bottom: -1px; } .tab-menu > [data-tab].small { padding: 4px; } .tab-menu > [data-tab].init:not(.ani) { opacity: 1; } .tab-menu > [data-tab].init.disabled { color: #aaaaab; cursor: default; } .tabs.tabs-fill.init { height: 100%; } .tabs.tabs-fill.init > .tab.active { height: calc(100% - 52px) !important; overflow: auto !important; } .tabs > .tab { display: none; } .tabs > .tab.active { display: block; } .tab-menu.col-margin, .modal-body .tab-menu, .col-padding .tab-menu { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .fz-collapse, .dropdown:not(li) { transition: opacity 0.14s, transform 0.2s; z-index: 1; opacity: 0; pointer-events: none; } .fz-collapse.pull-up, .dropdown:not(li).pull-up { transform: translateY(12px); } .fz-collapse.pull-up.dropdown, .dropdown:not(li).pull-up.dropdown { border-radius: 0 0 6px 6px; } .fz-collapse, .dropdown:not(li), .fz-collapse.pull-down, .dropdown:not(li).pull-down { transform: translateY(-12px); } .fz-collapse.dropdown, .dropdown:not(li).dropdown, .fz-collapse.pull-down.dropdown, .dropdown:not(li).pull-down.dropdown { border-radius: 6px 6px 0 0; } .fz-collapse.pull-in, .dropdown:not(li).pull-in { transform: translateY(0px); } .fz-collapse.in, .dropdown:not(li).in { opacity: 1; pointer-events: all; transform: translateY(0px); } dialog.fz-collapse.in { z-index: 9920; top: 80px; margin: 0; padding: 0; height: auto; width: 80%; position: fixed; background: none; border: none; display: block; } .dropdown:not(li) { left: 0; width: 100%; min-width: max-content; position: absolute !important; top: calc(100% + 2px); z-index: -1; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .zoom-50 { position: relative; } .zoom-50 > * { transform: scale(50%); transform-origin: 0 0; position: absolute; } .zoom-75 { position: relative; } .zoom-75 > * { transform: scale(75%); transform-origin: 0 0; position: absolute; } .zoom-25 { position: relative; } .zoom-25 > * { transform: scale(25%); transform-origin: 0 0; position: absolute; } .dev-res .used { transition: all 0.7s; border: 3px solid transparent; border-width: 1px 2px; border-radius: 6px; background-color: #FFF; } .dev-res .used.bg-red { border-color: #DE1C22; } #dev-bar .visible { opacity: 1 !important; } #dev-bar { z-index: 10000; position: fixed; bottom: 8px; right: 8px; display: flex; } .dev-interact { display: flex; word-break: break-all; align-items: flex-start; flex-direction: column; padding: 12px; margin: 10px; max-height: calc(100% - 20px); border-radius: 8px; overflow: hidden; z-index: 30000; position: fixed; height: auto; width: 350px; border-bottom: 1px solid #CCC; } .dev-interact:not(.smaller) { font-size: 14px; } .dev-interact:hover { background-color: #EEE; } .dev-interact.opts { transition: all 0.7s; } .dev-interact.opts.alpha_0 { pointer-events: none; } .debug-list pre { color: #333; margin-left: 0px; padding: 4px; background-color: #EEE; border: 1px solid #DDD; border-radius: 4px; font-size: 12px; line-height: 120%; margin: 2px 0; } .debug-list pre code { padding: 0; } .debug-list { } .debug-list .class-name { font-variant: petite-caps; font-weight: bold; } fz-tree, fz-tree-item { display: block; position: relative; } fz-tree::after, fz-tree-item::after { clear: both; } fz-tree fz-icon { display: inline-block; margin: 0; line-height: 100%; } fz-tree code { color: #c00b14; background-color: #F2F2F2; border-bottom: 1px dotted #666; padding: 3px; font-size: inherit; font-weight: light; border-radius: 5px; font-size: 80%; } fz-tree:not(.root) { margin-left: 11px; } fz-tree.root { font-size: 14px; } fz-tree.style-solid { border: 1px solid #DDD; border-left: none; background-color: #fff; } fz-tree.style-solid fz-tree-item { border: 1px solid #DDD; border-top: none; border-right: none; } fz-tree.style-solid fz-tree:not(.root) { margin-left: 8px; border-left: 1px solid #888; border-bottom: 0; padding-bottom: 0; } fz-tree.style-classic { background-color: #fff; } fz-tree.style-classic, fz-tree.style-classic fz-tree { border-left: 1px dotted #AAA; } fz-tree.style-classic fz-tree-item::after { content: " "; position: absolute; left: -1px; top: 12px; height: 80%; border-top: 1px dotted #AAA; width: 8px; z-index: -1; display: block; } fz-tree.style-classic fz-tree-item:last-child::after { background-color: #FFF; } .tree > .tree-sort { border-left: none !important; } fz-tree { border-bottom: 1px solid transparent; position: relative; margin-top: 2px; } fz-tree .item-placeholder { background-color: #EEE; border-bottom: 1px solid #d6c7a4; height: 24px; } fz-tree > fz-tree-item .inner fz-icon { font-size: 20px; margin: 0px; vertical-align: middle; height: 22px; line-height: 100%; display: inline-block; transition: all 0.3s; } fz-tree > fz-tree-item .inner fz-icon.tree-arrow { font-size: 14px; display: inline-block; height: 22px; width: 17px; padding-top: 3px; margin-left: -4px; vertical-align: middle; overflow: hidden; } fz-tree > fz-tree-item.empty fz-menu-line .count { color: transparent; } fz-tree > fz-tree-item.empty fz-menu-line .fa-folder { color: #dd9d54; } fz-tree > fz-tree-item.empty > .inner > .icon-move { color: #aaaaab; } fz-tree > fz-tree-item.empty > .tree-sub { max-height: none; overflow: visible; } fz-tree > fz-tree-item .icon-note { position: absolute; left: 13px; padding-top: 6px; text-align: left; color: #fff; font-weight: normal; font-size: 8px; } fz-tree > fz-tree-item.parent.open > .inner, fz-tree > fz-tree-item > .inner:active { background-color: rgba(200, 200, 200, 0.17); } fz-tree > fz-tree-item.open:not(.parent) > .inner { background-color: rgba(200, 200, 200, 0.17); } fz-tree > fz-tree-item.parent:not(.closed) > .inner { top: attr(data-lvl); z-index: 2; position: sticky; } fz-tree > fz-tree-item.parent:not(.closed) > .inner .tree-arrow { transform: rotate(90deg); color: #000; } fz-tree > fz-tree-item.closed:hover > .inner { background-color: rgba(200, 200, 200, 0.12); } fz-tree > fz-tree-item > fz-tree { margin-left: 11px; padding-bottom: 2px; position: relative; transition: transform 0.4s; opacity: 1; transform: translateY(0); } fz-tree > fz-tree-item > fz-tree > .tree-sort { padding-top: 10px; margin-top: -10px; } fz-tree > fz-tree-item.closed > .inner > .icon-move::before { content: "\f105"; } fz-tree > fz-tree-item.closed > fz-tree { height: 0; padding-bottom: 0px; padding-top: 0px; overflow: hidden; margin-bottom: 0; margin-top: 0; opacity: 0; border: none; transform: translateY(-10px); } fz-tree > fz-menu-line { position: relative; z-index: 1; } fz-tree > fz-menu-line .inner { padding: 2px; padding-left: 7px; border-bottom: 1px solid transparent; display: block; white-space: nowrap; color: #2A2B2C; } fz-tree > fz-menu-line .inner:hover { text-decoration: none; } fz-tree > fz-menu-line:has(.item-placeholder) > .inner { font-weight: bold; } fz-tree > fz-menu-line:has(>.tree-sub>.tree-sort>.item-placeholder) > .tree-sub > .tree-sort { border-left-color: #d6c7a4; } @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 1px solid #FFFFFFAA; outline-offset: 0; } .btn:hover, .btn:focus, .btn.focus { text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #EFEFEF; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #d6d6d6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #d6d6d6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #d6d6d6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #c4c4c4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #EFEFEF; border-color: #ccc; } .btn-default .badge { color: #EFEFEF; background-color: #333; } .btn-primary { color: #fff; background-color: #009fe3; border-color: #008dca; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #007bb0; border-color: #00344a; } .btn-primary:hover { color: #fff; background-color: #007bb0; border-color: #00628c; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #007bb0; border-color: #00628c; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #00628c; border-color: #00344a; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #009fe3; border-color: #008dca; } .btn-primary .badge { color: #009fe3; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #009fe3; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #006996; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 7px; } .btn-sm { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 22px; font-size: 24px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 1px solid #FFFFFFAA; outline-offset: 0; } output { display: block; padding-top: 7px; font-size: 16px; line-height: 1.42857143; color: #2A2B2C; } .form-control { display: block; width: 100%; padding: 6px 12px; color: #2A2B2C; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control:invalid { outline: 2px solid #009fe3; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: default; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 22px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: default; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: default; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: default; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 38px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 33px; line-height: 33px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 33px; line-height: 33px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 33px; min-height: 36px; padding: 6px 10px; font-size: 14px; line-height: 1.5; } .input-lg { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 7px; } select.input-lg { height: 49px; line-height: 49px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 7px; } .form-group-lg select.form-control { height: 49px; line-height: 49px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 49px; min-height: 42px; padding: 11px 16px; font-size: 20px; line-height: 1.3333333; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container::after { display: block; content: ""; clear: both; } .container::after { display: block; content: ""; clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid::after { display: block; content: ""; clear: both; } .container-fluid::after { display: block; content: ""; clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row::after { display: block; content: ""; clear: both; } .row::after { display: block; content: ""; clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: metropolis, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #009fe3; text-decoration: none; } a:hover, a:focus { color: #006996; text-decoration: underline; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; width: 100%; } .img-rounded { border-radius: 7px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 22px; margin-bottom: 22px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 22px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 16.5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } p { margin: 0 0 11px; } small, .small { font-size: 87%; } mark, .mark { background-color: #fcf8e3; padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #009fe3; } a.text-primary:hover, a.text-primary:focus { color: #007bb0; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #009fe3; } a.bg-primary:hover, a.bg-primary:focus { background-color: #007bb0; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } ul, ol { margin-top: 0; margin-bottom: 11px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .modal-open { overflow: hidden; } .modal { display: none; overflow: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9992; -webkit-overflow-scrolling: touch; padding-bottom: 8vh; outline: 0; } .modal.fade .modal-dialog { transform: translateY(-20px); transition: 0.5s; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 7px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header::after { display: block; content: ""; clear: both; } .modal-header::after { display: block; content: ""; clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer::after { display: block; content: ""; clear: both; } .modal-footer::after { display: block; content: ""; clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 2vh auto; } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .alert { padding: 15px; margin-bottom: 22px; border: 1px solid transparent; border-radius: 5px; margin: 20px; max-width: 600px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } div.alert.fz-collapse { pointer-events: none; } div.alert.fz-collapse.in { pointer-events: all; } .alert-success { background-color: #5cb85c; border-color: #298529; color: #FFFFFF; } .alert-success hr { border-top-color: #237223; } .alert-success .alert-link { color: #e6e6e6; } .alert-info { background-color: #2595CC; border-color: #006299; color: #FFFFFF; } .alert-info hr { border-top-color: #004c72; } .alert-info .alert-link { color: #e6e6e6; } .alert-warning { background-color: #ed881f; border-color: #cb6600; color: #FFFFFF; } .alert-warning hr { border-top-color: #af5900; } .alert-warning .alert-link { color: #e6e6e6; } .alert-danger { background-color: #DE1C22; border-color: #ab0000; color: #FFFFFF; } .alert-danger hr { border-top-color: #7a0004; } .alert-danger .alert-link { color: #e6e6e6; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #009fe3; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .breadcrumb { padding: 8px 15px; margin-bottom: 22px; list-style: none; background-color: #f5f5f5; border-radius: 5px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #777777; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar::after { display: block; content: ""; clear: both; } .btn-toolbar::after { display: block; content: ""; clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group-xs > .btn { padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .btn-group-sm > .btn { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .btn-group-lg > .btn { padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 7px; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group::after { display: block; content: ""; clear: both; } .btn-group-vertical > .btn-group::after { display: block; content: ""; clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .close { float: right; font-size: 24px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.4; filter: alpha(opacity=40); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .fade { opacity: 0; -webkit-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #FFF; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: 0; right: auto; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 14px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: 0; right: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 7px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 49px; line-height: 49px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 33px; line-height: 33px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 16px; font-weight: normal; line-height: 1; color: #2A2B2C; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 5px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 14px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 20px; border-radius: 7px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 24px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 7px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 72px; } } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #009fe3; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #007bb0; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 5px; border-top-left-radius: 5px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: default; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #009fe3; border-color: #009fe3; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #b0e7ff; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 22px; margin-bottom: 22px; background-color: #f5f5f5; border-radius: 5px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 14px; line-height: 22px; color: #fff; text-align: center; background-color: #009fe3; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { border-color: transparent; } .btn-default:hover, .btn-primary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover { border-color: inherit; } .thumbnail { display: block; padding: 4px; margin-bottom: 22px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; width: 100%; margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #009fe3; } .thumbnail .caption { padding: 9px; color: #333; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 7px; } .well-sm { padding: 9px; border-radius: 3px; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .clearfix::after { display: block; content: ""; clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @media (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .pull-sm-right { float: right !important; } } @media (max-width: 1199px) { .padding-bot-sm { padding-bottom: 30px; } } .btn-primary-contrast { background-color: #FFF; color: #009fe3; border: 1px solid #009fe3; } .btn-primary-contrast:hover { color: #008ed2; } .btn-secondary-contrast { background-color: #fff; color: #0069B4; border: 1px solid #0069B4; } .btn-secondary-contrast:hover { color: #eeeeee; } .buttons .btn-default { background-color: #FFF; } .btn-big { width: 100%; font-size: 30px; } #mobile-navbar-collapse { width: 70%; min-width: 340px; transform: translate3d(100%, 0, 0); left: auto; right: 0; top: 0; height: 100%; padding-top: 10px; padding-bottom: 70px; opacity: 0; } @media screen and (max-width: 900px) { #mobile-navbar-collapse { transition: all 0.7s; pointer-events: none; position: fixed; } #mobile-navbar-collapse.in, #mobile-navbar-collapse.open { transform: translate3d(0, 0, 0); opacity: 1; pointer-events: all; } .navbar-toggle.open { z-index: 9999; } } #newNav { position: fixed; z-index: 2; background-color: #fff; width: 100%; } .navbar-placeholder { height: 160px; } @media screen and (max-width: 900px) { .navbar-placeholder { height: 50px; } } .navbar-brand { float: left; padding: 12px 15px; font-size: 20px; line-height: 22px; height: 50px; } .dropdown-menu { position: absolute; width: fit-content; top: 50px; left: 0; opacity: 0; z-index: 1000; visibility: hidden; display: block !important; float: left; min-width: 160px; padding: 0px !important; list-style: none; font-size: 16px; text-align: left; background-color: #fff; border: none; border-radius: 5px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); background-clip: padding-box; transition: all 0.2s; } .dropdown-menu li { float: none !important; } .dropdown-menu li a { padding: 10px 15px; } .dropdown-menu .dropdown-menu { top: 0px !important; } .navbar-nav li { float: left; } .navbar-nav li:hover > .dropdown-menu { top: 99%; opacity: 1; visibility: visible; max-height: none; padding: 5px 0px; } .navbar-nav > li > .dropdown-menu { padding-top: 0px; } .navbar-collapse.collapse.in { max-height: 100%; position: fixed; display: block; width: 100%; background-color: transparent; left: 0; transition: all 0.4s; } .navbar-right { float: right; } .navbar-left { float: left; } @media (min-width: 768px) { #navbar-toggle { display: none; } .collapse { display: block; } } @media (max-width: 767px) { .navbar-collapse { height: 100% !important; display: block; width: 100%; position: fixed !important; background-color: #fff; left: 100%; border-top: 1px solid #009fe3; padding-top: 15px; transition: all 0.1s ease-in; overflow: auto !important; } .navbar-header::after { display: block; content: ""; clear: both; } .navbar-header::after { display: block; content: ""; clear: both; } .dropdown-menu { visibility: visible; opacity: 1; } .dropdown-menu .dropdown-menu li { padding-left: 20px !important; } .navbar-nav li { float: none; } .navbar-right { float: none; } .navbar-left { float: none; } .navbar-brand { padding: 0; padding-top: 10px; padding-bottom: 10px; } .clearfix:after, .form-horizontal .form-group:after, .container:after, .container-fluid:after, .row:after, .dl-horizontal dd:after, .modal-header:after, .modal-footer:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .nav:after, .pager:after { clear: both; } } .navbar-brand, .navbar-nav > li > a { text-shadow: none !important; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav::after { display: block; content: ""; clear: both; } .nav::after { display: block; content: ""; clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: default; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #009fe3; } .nav .nav-divider { height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 5px 5px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #2A2B2C; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 5px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 5px 5px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 5px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #009fe3; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 5px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 5px 5px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .pager { padding-left: 0; margin: 22px 0; list-style: none; text-align: center; } .pager::after { display: block; content: ""; clear: both; } .pager::after { display: block; content: ""; clear: both; } .pager li { display: inline; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pagination { display: inline-block; padding-left: 0; margin: 22px 0; border-radius: 5px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #009fe3; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #006996; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #009fe3; border-color: #009fe3; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: default; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 20px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 7px; border-top-left-radius: 7px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 7px; border-top-right-radius: 7px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 14px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .fa-spinner:before { content: "\f110" !important; } .is-loading.fa, .is-loading.fal, .is-loading.far, .is-loading.fas, .is-loading.fab, .is-loading.fad, .is-loading .fa, .is-loading .fal, .is-loading .far, .is-loading .fas, .is-loading .fab, .is-loading .fad { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .is-loading.fa:before, .is-loading.fal:before, .is-loading.far:before, .is-loading.fas:before, .is-loading.fab:before, .is-loading.fad:before, .is-loading .fa:before, .is-loading .fal:before, .is-loading .far:before, .is-loading .fas:before, .is-loading .fab:before, .is-loading .fad:before { content: "\f110" !important; } .p-left { float: left; width: 45%; } .p-right { float: right; width: 45%; } .alpha_0 { zoom: 1; } .text-cold { color: #0288d1; } :root { --primary: #009fe3; --secondary: #9fd6de; } html { min-height: 100%; position: relative; } body { font-family: metropolis, Helvetica, Arial, sans-serif; height: 100%; overflow-y: scroll; overflow-x: hidden; background-color: #fff; } address { font-weight: inherit; font-size: inherit; font-style: inherit; } .frozen-error > .alert { margin: 0 auto; margin-bottom: 10px; } .vmain { width: 100%; } .padding { padding: 15px; } .padding-bottom { padding-bottom: 15px; } .height-100 { height: 100%; } .preload:not(.loaded) { visibility: hidden; } .pointer { cursor: pointer; } .relative { position: relative; } .absolute { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .h100 { height: 100%; } .h100.nx3childs > * { height: 100%; } .h100.nx3childs > * > * { height: 100%; } .h100.nx3childs > * > * > * { height: 100%; } .h90 { height: 90%; } .h70 { height: 70%; } .strong { font-weight: bold; } .normal { font-weight: normal; } .transition { transition: all 0.7s; } @media (max-width: 1200px) { .hidden-max-lg { display: none !important; } } @media (min-width: 768px) { .visible-sb, .visible-sm, .mobile-visible { display: none !important; } .hidden-sb, .hidden-sm { display: block !important; } } @media (min-width: 992px) { .visible-min-md, .visible-md { display: block !important; } .hidden-min-md, .hidden-md { display: none !important; } .text-left-md { text-align: left; } .text-right-md { text-align: right; } .text-center-md { text-align: center; } } @media (min-width: 1200px) { .text-left-lg { text-align: left; } .text-right-lg { text-align: right; } .text-center-lg { text-align: center; } } @media (max-width: 1199px) { .visible-max-md { display: block !important; } .hidden-max-md { display: none !important; } } @media (max-width: 991px) { .vmargin-sm { margin: 20px 0; } .text-left-sm { text-align: left; } .text-right-sm { text-align: right; } .text-center-sm { text-align: center; } } .absolute-right, .img-container-absolute { position: absolute; right: 0; top: 0; } .absolute-center, .img-container-absolute { top: 50%; left: 50%; transform: translate(-50%, -50%); } .margin-1 { margin: 10px; } .margin-2 { margin: 20px; } .margin-3 { margin: 40px; } .margin-4 { margin: 80px; } .margin-top-1 { margin-top: 10px; } .margin-top-2 { margin-top: 20px; } .margin-top-3 { margin-top: 40px; } .margin-top-4 { margin-top: 80px; } .margin-bottom-1 { margin-bottom: 10px; } .margin-bottom-2 { margin-bottom: 20px; } .margin-bottom-3 { margin-bottom: 40px; } .margin-bottom-4 { margin-bottom: 80px; } .padding-05 { padding: 5px; } .padding-1 { padding: 10px; } .padding-2 { padding: 20px; } .padding-3 { padding: 40px; } .padding-4 { padding: 80px; } .padding-left { padding-left: 10px; } .padding-right { padding-right: 10px; } .padding-top { padding-top: 10px; } .padding-top-05 { padding-top: 5px; } .padding-bottom { padding-bottom: 10px; } .padding-bottom-05 { padding-bottom: 5px; } .padding-top-bot { padding-top: 5px; padding-bottom: 5px; } .margin-left { margin-left: 10px; } .margin-right { margin-right: 10px; } .margin-top { margin-top: 10px; } .margin-top-05 { margin-top: 5px; } .margin-bottom { margin-bottom: 10px; } .margin-bottom-05 { margin-bottom: 5px; } @media (max-width: 767px) { .hidden-br, .hidden-xs, .hidden-sb, .mobile-hidden { display: none; } .vmargin-xs { margin: 20px 0; } .vmargin { margin-top: 30px; margin-bottom: 30px; } .visible-sb { display: block !important; } .text-left-xs { text-align: left; } .text-center-xs { text-align: center; } .vcenter, .flex-reverse { display: block; } .text-left-xs { text-align: left; } .text-right-xs { text-align: right; } .text-center-xs { text-align: center; } .padding-0-xs { padding: 0; } .padding-3 { padding: 30px; } .padding-1-xs { padding: 10px; } .padding-2-xs { padding: 20px; } .padding-3-xs { padding: 40px; } .padding-4-xs { padding: 80px; } } .bg-none { background-image: none; background-color: transparent; border: none; outline: none; } .bg-1 { background-color: #009fe3; color: #FFF; } .bg-2 { background-color: #0069B4; color: #FFF; } .bg-text, .bg-1 .bg-text { background-color: #FFF; } .bg-2 .bg-text { background-color: #FFF; } .bg-gray-lighter { background-color: #eeeeee; color: #333; } .bg-transparent { background-color: rgba(255, 255, 255, 0.6); color: #222; } .bg-transparent-black { background-color: rgba(0, 0, 0, 0.8); color: #FFF; } .bg-transparent-black-05 { background-color: rgba(0, 0, 0, 0.5); color: #FFF; } .bg-white { background-color: #FFF; color: #333; } .bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4, .bg-white h5 { color: #333; } .bg-success-i { background-color: #5cb85c !important; } .bg-warning-i { background-color: #f0ad4e !important; } .bg-danger-i { background-color: #d9534f !important; } .fill-text { fill: #333; } .fill-inverse { fill: #FFF; } .fill-1 { fill: #009fe3; } .fill-2 { fill: #0069B4; } .text-block { text-align: justify; } .text-default { color: #333; stroke: #333; } .text-text { stroke: #333; } .text-inverse { color: #FFF; stroke: #FFF; } .text-1 { color: #009fe3; stroke: #009fe3; border-color: #009fe3; } .text-2 { color: #0069B4; stroke: #0069B4; border-color: #0069B4; } .text-gray { color: #2A2B2C; } .text-light { color: #777777; } .text-gray-lighter { color: #eeeeee; } .border-text { border-color: #333; } .border-inverse { border-color: #FFF; } .border-1 { border-color: #009fe3; } .border-2 { border-color: #0069B4; } .text-s1 { font-size: 16px; } .text-s2 { font-size: 20px; } .text-s3 { font-size: 28px; } .text-s4 { font-size: 34px; } .text-s5 { font-size: 41px; } .vpadding { padding: 60px 0; } .vpadding-2 { padding: 30px 0; } .vmargin-2 { padding: 30px 0; } .vcenter { display: flex; align-items: center; } .vcenter-right { display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; } .flex-reverse { display: -webkit-flex; display: flex; flex-flow: row-reverse; } .container { max-width: 100%; } .container .container, .row .container, .display .container { width: auto; } .container .container.padding, .row .container.padding, .display .container.padding { padding: 20px; } .rounded { border-radius: 4px; } .bg-3 { background-color: #EFEFEF; color: #333; } .bg-4 { background-color: #82cff0; color: #333; } .bg-3 .bg-text { background-color: #333; } .bg-4 .bg-text { background-color: #333; } .fill-3 { fill: #EFEFEF; } .text-3 { color: #EFEFEF; stroke: #EFEFEF; border-color: #EFEFEF; } .text-4 { color: #82cff0; stroke: #82cff0; border-color: #82cff0; } .border-3 { border-color: #EFEFEF; } .border-4 { border-color: #82cff0; } .border-bottom-divs > div, .border-bottom { border-bottom: 1px solid #DDD; } .border { border: 1px solid transparent; border-radius: 4px; } .border-top { border-top: 1px solid transparent; border-top-color: #EAEAEA; } .border-bottom { border-bottom: 1px solid transparent; border-bottom-color: #EAEAEA; } .border-primary-hover { border-color: #009fe3; transition: 0.6s; } .border-hidden { border: 1px solid transparent; } .box { background-color: #fff; border-radius: 4px; } .radius { border-radius: 4px; } .circle { border-radius: 50%; } .break-a a::after, .break::after { content: "\A"; white-space: pre; } @media (min-width: 992px) { .break-a-md a::after, .break-md::after { content: "\A"; white-space: pre; } } @media (max-width: 991px) { .break-a-sm a::after, .break-sm::after { content: "\A"; white-space: pre; } } @media (max-width: 767px) { .break-a-xs a::after, .break-xs::after { content: "\A"; white-space: pre; } } .circle-border { border: 1px solid; } .btn.small, .btn.btn-small { padding: 7.5px 15px; padding-bottom: 6px; } .btn.smaller, .btn.btn-smaller { padding: 3px 7.5px; padding-bottom: 2.25px; font-size: 70%; } .btn.large { padding: 22.5px 45px; } .btn-full { width: 100%; display: block; } .margin-lr-05 { margin-left: 15px / 2; margin-right: 15px / 2; } .margin-bt-05 { margin-top: 15px / 2; margin-bottom: 15px / 2; } .cold-glass { background-color: #FFFFFFEE; border: 2px solid #EEE; color: #333; padding: 4px; border-radius: 6px; } .cold-glass a, .cold-glass fz-a, .cold-glass fz-item { padding: 4px; color: #111; border-bottom: 1px solid transparent; } .cold-glass a:hover:not(.logo), .cold-glass fz-a:hover:not(.logo), .cold-glass fz-item:hover:not(.logo) { text-decoration: none; border-bottom: 1px solid #0288d1; color: #444; } .cold-glass .text-orange { color: #ff740a; } .cold-radius { border-radius: 6px; } .bg-dark { background-color: #333; color: #FFF; } .cold-text { color: #0288d1; } .cold-bg { color: #FFF; background-color: #0288d1; } .cold-bg-2 { color: #FFF; background-color: #1593ed; } .cold-shadow { filter: drop-shadow(2px 4px 6px #0288d1); } .cold-shadow-xs { filter: drop-shadow(0px 3px 3px #999999aa); } .clickable:hover { cursor: pointer; opacity: 0.7; } .smaller { font-size: 11px; line-height: 120%; } .small-xs { font-size: 12px; } .move-left { margin-left: -1em; } .margin-to-padding { margin: 0 -15px; padding: 0 15px; } .container { max-width: 100%; } .clearfix:after { clear: both; } .fixed { position: fixed; top: 0; left: 0; } .fixed-left { position: fixed; transition: all 0.3s; height: calc(100vh - 80px -120px); left: 0px; top: 80px; width: 550px; max-width: 100%; } .fixed-left.out { left: -550px; } .fixed.middle, .absolute.middle { top: 50%; transform: translateY(-50%); bottom: auto; } .fixed.top, .absolute.top { top: 0; bottom: auto; } .fixed.bottom, .absolute.bottom { top: auto; bottom: 0; } .fixed.left, .absolute.left { left: 0; right: auto; } .fixed.right, .absolute.right { left: auto; right: 0; } .fixed-center-right { position: fixed; top: calc(50% - 50px); z-index: 5000; } .fixed-bottom-left { position: fixed; right: auto; top: auto; left: 10px; bottom: 10px; z-index: 5000; } .fixed-bottom-right { position: fixed; left: auto; top: auto; right: 10px; bottom: 10px; z-index: 5000; } .flex { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; align-content: center; width: 100%; height: 100%; } .flex-left { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; } .flex-right { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; align-content: flex-end; justify-content: flex-end; } .flex-middle { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .flex-top { display: flex; align-items: flex-start; flex-direction: column; } .flex-center-row { display: flex; align-items: center; flex-direction: row; justify-content: center; } .flex-center { align-items: center; } .flex-center > picture { width: 100%; position: relative; display: block; } .flex-bottom { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end; } .row-flex { display: flex; flex-direction: row; flex-wrap: wrap; } .row-flex::after { content: " "; clear: both; display: table; } .flex-wrap { flex-wrap: wrap; } .align-left { text-align: left; justify-content: flex-start; flex-direction: row; align-content: center; } .align-center { text-align: left; justify-content: center; flex-direction: row; align-content: center; } .align-right { text-align: right; justify-content: flex-start; flex-direction: row; align-content: center; align-items: flex-end; } .nowrap.flex { flex-wrap: nowrap; } .wrap.flex { flex-wrap: wrap; } .go-down { flex-direction: column; justify-content: flex-start; } .go-right { flex-direction: row; justify-content: flex-start; } .go-left { flex-direction: row-reverse; justify-content: flex-start; } .go-up { flex-direction: column-reverse; justify-content: flex-start; } @media (max-width: 767px) { .flex-wrap-xs { flex-wrap: wrap; } .flex-left-xs { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; } .flex-right-xs { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: nowrap; align-content: flex-end; justify-content: flex-end; } .flex-middle-xs { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .flex-top-xs { display: flex; align-items: flex-start; flex-direction: column; } .flex-center-xs { align-items: center; flex-direction: column; } .flex-bottom-xs { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end; } .row-flex-xs { display: flex; flex-direction: row; flex-wrap: wrap; } .row-flex-xs::after-xs { content: " "; clear: both; display: table; } .flex-wrap-xs { flex-wrap: wrap; } .align-left-xs { text-align: left; justify-content: flex-start; flex-direction: row; align-content: center; } .align-center-xs { text-align: left; justify-content: center; flex-direction: row; align-content: center; } .align-right-xs { text-align: right; justify-content: flex-start; flex-direction: row; align-content: center; } .nowrap.flex-xs { flex-wrap: nowrap; } .wrap.flex-xs { flex-wrap: wrap; } .go-down-xs { flex-direction: column; justify-content: flex-start; } .go-right-xs { flex-direction: row; justify-content: flex-start; } .go-left-xs { flex-direction: row-reverse; justify-content: flex-start; } .go-up-xs { flex-direction: column-reverse; justify-content: flex-start; } } .grid-table { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; padding-bottom: 10px; } .grid-table:not(.container) { width: 100%; } .grid-table.cols-md-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-table.cols-md-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-table.cols-md-2-1 { grid-template-columns: 2fr 1fr; } .grid-table.cols-md-1-2 { grid-template-columns: 1fr 2fr; } .grid-table.cols-md-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-table.cols-md-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-table.cols-md-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-table.cols-md-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-table.cols-md-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-table.cols-md-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-table.cols-md-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .gap-0, .gap-0.grid-table { gap: 0; } .gap-05, .gap-05.grid-table { gap: 5px; } .gap-1, .gap-1.grid-table { gap: 10px; } .gap-2, .gap-2.grid-table { gap: 20px; } .gap-3, .gap-3.grid-table { gap: 40px; } .gap-4, .gap-4.grid-table { gap: 80px; } .flex-center { display: flex; position: relative; align-items: center; justify-content: center; } .flex-center > *:not(.absolute) { position: relative; } .flex-center.content-right { justify-content: right; } .flex-center.content-left { justify-content: left; } @media (min-width: 1500px) { .grid-table.cols-lg-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-table.cols-lg-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-table.cols-lg-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-table.cols-lg-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-table.cols-lg-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-table.cols-lg-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-table.cols-lg-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-table.cols-lg-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .flex-center.content-center-lg { justify-content: center; } .flex-center.content-right-lg { justify-content: right; } .flex-center.content-left-lg { justify-content: left; } .gap-1-lg { gap: 10px; } .gap-2-lg { gap: 20px; } .gap-3-lg { gap: 40px; } .gap-4-lg { gap: 80px; } } @media (max-width: 991px) { .grid-table.cols-sm-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-table.cols-sm-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-table.cols-sm-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-table.cols-sm-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-table.cols-sm-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-table.cols-sm-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-table.cols-sm-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-table.cols-sm-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .flex-center.content-center-sm { justify-content: center; } .flex-center.content-right-sm { justify-content: right; } .flex-center.content-left-sm { justify-content: left; } .gap-1-sm { gap: 10px; } .gap-2-sm { gap: 20px; } .gap-3-sm { gap: 40px; } .gap-4-sm { gap: 80px; } } @media (max-width: 767px) { .grid-table.cols-xs-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-table.cols-xs-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-table.cols-xs-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-table.cols-xs-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-table.cols-xs-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-table.cols-xs-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-table.cols-xs-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-table.cols-xs-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .flex-center.content-center-xs { justify-content: center; } .flex-center.content-right-xs { justify-content: right; } .flex-center.content-left-xs { justify-content: left; } .gap-1-xs { gap: 10px; } .gap-2-xs { gap: 20px; } .gap-3-xs { gap: 40px; } .gap-4-xs { gap: 80px; } } .full-height { height: 100%; } .full-height > .vmain { height: 100%; } .full-height > .vmain > div { height: 100%; } .full-height > div { height: 100%; } .childs-align-bottom { position: absolute; bottom: 0px; left: 0; width: 100%; display: table-cell; vertical-align: bottom; } .place-bottom { position: absolute; width: 100%; bottom: 0; left: 0; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0; line-height: 1.4em; } .hover-content .hover-visible, .hover .hover-visible, .hover-content .hover-block-visible, .hover .hover-block-visible { display: none; } .hover-content .hover-visible-ts, .hover .hover-visible-ts { opacity: 0; transition: all 0.3s; } .hover-content .hover-zoom, .hover .hover-zoom { transition: all 0.3s; } .hover-content .hover-slide-down, .hover .hover-slide-down { overflow: hidden; max-height: 0px; transition: all 0.8s; } .hover-content .hover-slide-up, .hover .hover-slide-up { overflow: hidden; max-height: 60px; transition: all 0.4s; } .hover-content .hover-alpha-50, .hover .hover-alpha-50, .hover-content .hover-alpha-30, .hover .hover-alpha-30 { transition: all 0.6s; } .hover-content:hover .hover-rotate-90, .hover:hover .hover-rotate-90 { animation: rotate-90 0.9s ease 0.1s 1; } .hover-content:hover .hover-text-primary, .hover:hover .hover-text-primary { color: #009fe3; } .hover-content:hover .hover-visible, .hover:hover .hover-visible { display: inline; } .hover-content:hover .hover-visible-ts, .hover:hover .hover-visible-ts { opacity: 1; } .hover-content:hover .hover-block-visible, .hover:hover .hover-block-visible, .hover-content:hover div.hover-visible, .hover:hover div.hover-visible, .hover-content:hover p.hover-visible, .hover:hover p.hover-visible { display: block; } .hover-content:hover .hover-hidden, .hover:hover .hover-hidden { display: none; } .hover-content:hover .hover-zoom, .hover:hover .hover-zoom { transform: scale(1.2); } .hover-content:hover .hover-slide-down, .hover:hover .hover-slide-down { max-height: 110px; } .hover-content:hover .hover-slide-up, .hover:hover .hover-slide-up { max-height: 0px; } .hover-content:hover .hover-alpha-50, .hover:hover .hover-alpha-50 { opacity: 0.5; } .hover-content:hover .hover-alpha-30, .hover:hover .hover-alpha-30 { opacity: 0.3; } .btn.hover-danger { color: #d9534f; } .btn.hover-danger:hover { background-color: #d9534f; box-shadow: none; background: linear-gradient(0deg, #ff8682 30%, #d9534f 100%); color: #FFF !important; } .btn.hover-danger:hover i { color: #FFF !important; } .img-logo { max-width: 90%; height: 100px; } .img-responsive { width: 100%; } .img-fit, .img-fit > picture { width: 100%; min-height: 100%; } .img-fit > img, .img-fit > picture > img { height: 100%; width: 100%; max-width: none; max-height: none; object-fit: cover; } .img-container-absolute { width: max-content; height: max-content; min-width: 100%; min-height: 100%; } .img-container-absolute img { min-width: 100%; min-height: 100%; max-height: max-content; max-width: max-content; } .img-container { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; overflow: hidden; } .img-container picture { display: inline-flex; width: 100%; height: 100%; align-content: center; justify-content: center; align-items: center; } .img-container img { width: 100%; object-fit: contain; } .img-container img { max-height: 100%; max-width: 100%; } .item-list > fz-list > fz-item:nth-child(odd) { background-color: #f5f5f5; border-bottom: 1px solid #dedede; } .item-list > fz-list > fz-item:nth-child(even) { background-color: #fbfbfb; border-bottom: 1px solid #dedede; } .no-style { text-decoration: none; color: inherit; } .no-style:hover { text-decoration: none; color: inherit; } .no-color { color: transparent !important; } .no-transition, .no-transition::after, .no-transition::before { transition: none !important; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-radius { border-radius: 0 !important; } .no-background, .no-bg { background-image: none !important; background: transparent !important; } .no-border { border: none !important; } .no-border-top { border-top: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .no-border-bottom { border-bottom: none !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .no-radius-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .no-radius-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .pager { display: flex; align-items: center; flex-direction: row; justify-content: center; gap: 5px; } @media print { .dont-print, .navbar, .sidebar, #header, footer, #foot { display: none; } } .row.bordered { padding: 5px 0; border-bottom: 1px solid #DDD; } .row.padding { padding: 5px 0; } .row.no-margin { margin-left: 0; margin-right: 0; } .row.no-margin > div { padding-left: 0; padding-right: 0; } .col-padding { padding: 15px; } .clear-after::after { content: " "; display: block; clear: both; } .ani-rotate, .effect-rotate-90 { animation: rotate-90 0.9s ease 0.1s 1; } @keyframes rotate-90 { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } .filter-blur, .blur { filter: blur(10px); } .filter-invert-greyscale { filter: invert() grayscale(); } .filter-invert { filter: invert(); } .filter-greyscale { filter: grayscale(); } .filter-sepia { filter: sepia(); } .filter-shadow { filter: drop-shadow(5px 5px 5px #AAA); } .shadow-sm { box-shadow: 0px 2px 8px rgba(58, 57, 76, 0.08), 0px 2px 4px rgba(58, 57, 76, 0.3); } .no-shadow { box-shadow: none !important; } .size-100.img-container { height: 100%; width: 100%; } .size-100 > picture, .size-100 > img, .size-100 > .img-container { width: 100%; max-height: 100%; } .size-90.img-container { height: 100%; width: 100%; } .size-90 > picture, .size-90 > img, .size-90 > .img-container { width: 90%; max-height: 100%; } .size-70.img-container { height: 100%; width: 100%; } .size-70 > picture, .size-70 > img, .size-70 > .img-container { width: 70%; max-height: 100%; } .size-50.img-container { height: 100%; width: 100%; } .size-50 > picture, .size-50 > img, .size-50 > .img-container { width: 50%; max-height: 100%; } .size-30.img-container { height: 100%; width: 100%; } .size-30 > picture, .size-30 > img, .size-30 > .img-container { width: 30%; max-height: 100%; } .size-24.img-container { height: 100%; width: 100%; } .size-24 > picture, .size-24 > img, .size-24 > .img-container { width: 24%; max-height: 100%; } .size-12.img-container { height: 100%; width: 100%; } .size-12 > picture, .size-12 > img, .size-12 > .img-container { width: 12%; max-height: 100%; } .height-min-1 { min-height: 50px; } .height-min-2 { min-height: 100px; } .vh5 { min-height: 5vh; } .vh30 { min-height: 30vh; } .vh50 { min-height: 50vh; } .vh80 { min-height: 80vh; } .vh100 { min-height: 100vh; } * .em13, fz-icon .em13 { height: 1.3em; } * .em15, fz-icon .em15 { height: 1.5em; } * .em20, fz-icon .em20 { height: 2em; } .t-room05, .space05 { height: 7.5px; } .t-room1, .space1 { height: 15px; } .t-room2, .space2 { height: 30px; } .t-room3, .space3 { height: 45px; } .t-room4, .space4 { height: 60px; } .t-room5, .space5 { height: 75px; } .t-room6, .space6 { height: 90px; } .t-room7, .space7 { height: 105px; } .t-room8, .space8 { height: 120px; } .t-room9, .space9 { height: 135px; } .t-room10, .space10 { height: 150px; } .t-room0, .space0 { height: auto; } .vmargin { margin-top: 60px; margin-bottom: 60px; } .mobile-only { display: none !important; } @media (max-width: 767px) { .mobile-only { display: block !important; } .vmargin { margin-top: 30px; margin-bottom: 30px; } .space1 { height: 7.5px; } .space1 .pos { font-size: 10px; } .space2 { height: 15px; } .space3 { height: 22.5px; } .space4 { height: 30px; } .space5 { height: 37.5px; } .space6 { height: 45px; } .space7 { height: 52.5px; } .space8 { height: 60px; } .space9 { height: 67.5px; } .space10 { height: 75px; } .mobile-room { height: 15px; } .mobile-room1 { height: 15px; } .mobile-room2 { height: 30px; } .mobile-room3 { height: 45px; } .mobile-room4 { height: 60px; } .mobile-room5 { height: 75px; } .mobile-room6 { height: 90px; } .mobile-room7 { height: 105px; } .mobile-room8 { height: 120px; } .mobile-room9 { height: 135px; } .mobile-room10 { height: 150px; } .mobile-room0 { height: 0px; } } .vmargin-1 { margin: 15px 0; } .vmargin-2 { margin: 30px 0; } .vmargin-3 { margin: 45px 0; } .vmargin-4 { margin: 60px 0; } .vmargin-5 { margin: 75px 0; } .vmargin-6 { margin: 90px 0; } .vmargin-7 { margin: 105px 0; } .vmargin-8 { margin: 120px 0; } .vmargin-9 { margin: 135px 0; } .vmargin-10 { margin: 150px 0; } ::-webkit-scrollbar { width: 7.5px; height: 7.5px; background-color: #DDD; } ::-webkit-scrollbar-track-piece { border-bottom: 2px solid #d6c7a4; border-top: 2px solid #d6c7a4; background-color: #DDD; } ::-webkit-scrollbar-thumb { background-color: #d6c7a4; border-radius: 4px; } body.special-scroll::-webkit-scrollbar, .modal-body::-webkit-scrollbar, .big-scroll::-webkit-scrollbar { width: 12px; } .disable-scroll { position: fixed; overflow-y: scroll !important; width: 100%; } .no-scroll { overflow: hidden; } .scroll { overflow-y: auto; } @media (min-width: 581px) { .desktop-scroll { overflow: auto; } } .sticky { position: sticky; top: 0; z-index: 100; } .contains-table { overflow: auto; } .contains-table .bg-text { color: #333; } .contains-table table { min-width: 100%; margin-bottom: 30px; } .contains-table table tr { border: 1px solid #aaaaab; background-color: #efefef; color: #333; } .contains-table table tr:nth-child(odd) { background-color: #FFFFFF; } .contains-table table tr td { padding: 8px; border: 1px solid #aaaaab; } .contains-table table tr td p { margin: 0; } .contains-table table tr td:first-child { text-align: left; } table.DbugL { min-width: none; margin: 0; } #page { overflow: hidden; } .text-code { font-family: monospace; letter-spacing: 2px; border: 1px dotted #7f8080; border-radius: 4px; padding: 2px 6px; font-weight: bolder; } .text-block { text-align: justify; } [fz-toggle] { cursor: pointer; } .trans-height { transform: scaleY(0); transform-origin: top; } .trans-height.in { transform: scaleY(1); } .trans-reset { transform: scaleY(1); } li { list-style-type: none; } .z-behind { z-index: -1; } .z-before { z-index: 1; } .z-base { z-index: 0; } .z-behind-modal { z-index: 9000; } .z-behind-navbar { z-index: 500; } .pretty * { box-sizing: border-box; } .pretty input:not([type=checkbox]):not([type=radio]) { display: none; } .pretty { position: relative; display: inline-block; margin-right: 1em; white-space: nowrap; line-height: 1; } .pretty input { position: absolute; left: 0; top: 0; min-width: 1em; width: 100%; height: 100%; z-index: 2; opacity: 0; margin: 0; padding: 0; cursor: pointer; } .pretty .state label { position: initial; display: inline-block; font-weight: 400; margin: 0; text-indent: 1.5em; min-width: calc(1em + 2px); } .pretty .state label:after, .pretty .state label:before { content: ''; width: calc(1em + 2px); height: calc(1em + 2px); display: block; box-sizing: border-box; border-radius: 0; border: 1px solid transparent; z-index: 0; position: absolute; left: 0; top: calc((0% - (100% - 1em)) - 8%); background-color: transparent; } .pretty .state label:before { border-color: #bdc3c7; } .pretty .state.p-is-hover, .pretty .state.p-is-indeterminate { display: none; } @-webkit-keyframes zoom { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @keyframes zoom { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes tada { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: scale(7); transform: scale(7); } 38% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 55% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.5); transform: scale(1.5); } 72% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } 81% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.24); transform: scale(1.24); } 89% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } 95% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } } @keyframes tada { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: scale(7); transform: scale(7); } 38% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 55% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.5); transform: scale(1.5); } 72% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } 81% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.24); transform: scale(1.24); } 89% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } 95% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes jelly { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 40% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 50% { -webkit-transform: scale3d(0.85, 1.15, 1); transform: scale3d(0.85, 1.15, 1); } 65% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 75% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes jelly { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 40% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 50% { -webkit-transform: scale3d(0.85, 1.15, 1); transform: scale3d(0.85, 1.15, 1); } 65% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 75% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes rotate { 0% { opacity: 0; -webkit-transform: translateZ(-200px) rotate(-45deg); transform: translateZ(-200px) rotate(-45deg); } 100% { opacity: 1; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); } } @keyframes rotate { 0% { opacity: 0; -webkit-transform: translateZ(-200px) rotate(-45deg); transform: translateZ(-200px) rotate(-45deg); } 100% { opacity: 1; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); } } @-webkit-keyframes pulse { 0% { box-shadow: 0 0 0 0 #bdc3c7; } 100% { box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0); } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 #bdc3c7; } 100% { box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0); } } .pretty.p-default.p-fill .state label:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .pretty.p-default .state label:after { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .pretty.p-default input:checked ~ .state label:after { background-color: #bdc3c7 !important; } .pretty.p-default.p-thick .state label:after, .pretty.p-default.p-thick .state label:before { border-width: calc(1em / 7); } .pretty.p-default.p-thick .state label:after { -webkit-transform: scale(0.4) !important; -ms-transform: scale(0.4) !important; transform: scale(0.4) !important; } .pretty.p-icon .state .icon { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc((0% - (100% - 1em)) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-icon .state .icon:before { margin: 0; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; } .pretty.p-icon input:checked ~ .state .icon { opacity: 1; } .pretty.p-icon input:checked ~ .state label:before { border-color: #5a656b; } .pretty.p-svg .state .svg { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc((0% - (100% - 1em)) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-svg .state svg { margin: 0; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; } .pretty.p-svg input:checked ~ .state .svg { opacity: 1; } .pretty.p-image .state img { opacity: 0; position: absolute; width: calc(1em + 2px); height: calc(1em + 2px); top: 0; top: calc((0% - (100% - 1em)) - 8%); left: 0; z-index: 0; text-align: center; line-height: normal; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .pretty.p-image input:checked ~ .state img { opacity: 1; } .pretty.p-switch input { min-width: 2em; } .pretty.p-switch .state { position: relative; } .pretty.p-switch .state:before { content: ''; border: 1px solid #bdc3c7; border-radius: 60px; width: 2em; box-sizing: unset; height: calc(1em + 2px); position: absolute; top: 0; top: calc((0% - (100% - 1em)) - 16%); z-index: 0; transition: all 0.5s ease; } .pretty.p-switch .state label { text-indent: 2.5em; } .pretty.p-switch .state label:after, .pretty.p-switch .state label:before { transition: all 0.5s ease; border-radius: 100%; left: 0; border-color: transparent; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .pretty.p-switch .state label:after { background-color: #bdc3c7 !important; } .pretty.p-switch input:checked ~ .state:before { border-color: #5a656b; } .pretty.p-switch input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch input:checked ~ .state label:after { background-color: #5a656b !important; left: 1em; } .pretty.p-switch.p-fill input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-switch.p-fill input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch.p-fill input:checked ~ .state label:after { background-color: #fff !important; left: 1em; } .pretty.p-switch.p-slim .state:before { height: 0.1em; background: #bdc3c7 !important; top: calc(50% - 0.1em); } .pretty.p-switch.p-slim input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) { display: none; } .pretty.p-has-hover input:hover ~ .state.p-is-hover { display: block; } .pretty.p-has-hover input:hover ~ .state.p-is-hover .icon { display: block; } .pretty.p-has-focus input:focus ~ .state label:before { box-shadow: 0 0 3px 0 #bdc3c7; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) { display: none; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate { display: block; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon { display: block; opacity: 1; } .pretty.p-toggle .state.p-on { opacity: 0; display: none; } .pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img, .pretty.p-toggle .state.p-off { opacity: 1; display: inherit; } .pretty.p-toggle .state.p-off .icon { color: #bdc3c7; } .pretty.p-toggle input:checked ~ .state.p-on { opacity: 1; display: inherit; } .pretty.p-toggle input:checked ~ .state.p-off { opacity: 0; display: none; } .pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before { content: none; } .pretty.p-plain.p-plain .icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .pretty.p-round .state label:after, .pretty.p-round .state label:before { border-radius: 100%; } .pretty.p-round.p-icon .state .icon { border-radius: 100%; overflow: hidden; } .pretty.p-round.p-icon .state .icon:before { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .pretty.p-curve .state label:after, .pretty.p-curve .state label:before { border-radius: 20%; } .pretty.p-smooth .icon, .pretty.p-smooth .svg, .pretty.p-smooth label:after, .pretty.p-smooth label:before { transition: all 0.5s ease; } .pretty.p-smooth input:checked + .state label:after { transition: all 0.3s ease; } .pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img { -webkit-animation: zoom 0.2s ease; animation: zoom 0.2s ease; } .pretty.p-smooth.p-default input:checked + .state label:after { -webkit-animation: zoom 0.2s ease; animation: zoom 0.2s ease; } .pretty.p-smooth.p-plain input:checked + .state label:before { content: ''; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all 0.5s ease; } .pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:after, .pretty.p-tada:not(.p-default) input:checked + .state label:before { -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:after, .pretty.p-jelly:not(.p-default) input:checked + .state label:before { -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state label:before { border-color: transparent; } .pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before { -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before { border-color: transparent; } .pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before { -webkit-animation: pulse 1s; animation: pulse 1s; } .pretty input[disabled] { cursor: not-allowed; display: none; } .pretty input[disabled] ~ * { opacity: 0.5; } .pretty.p-locked input { display: none; cursor: not-allowed; } .pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after { background-color: #428bca !important; } .pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before { border-color: #428bca; } .pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg { color: #428bca; stroke: #428bca; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after { background-color: #428bca !important; } .pretty.p-switch input:checked ~ .state.p-primary:before { border-color: #428bca; } .pretty.p-switch.p-fill input:checked ~ .state.p-primary:before { background-color: #428bca !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-primary:before { border-color: #245682; background-color: #245682 !important; } .pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after { background-color: #5bc0de !important; } .pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before { border-color: #5bc0de; } .pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg { color: #5bc0de; stroke: #5bc0de; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after { background-color: #5bc0de !important; } .pretty.p-switch input:checked ~ .state.p-info:before { border-color: #5bc0de; } .pretty.p-switch.p-fill input:checked ~ .state.p-info:before { background-color: #5bc0de !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-info:before { border-color: #2390b0; background-color: #2390b0 !important; } .pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after { background-color: #5cb85c !important; } .pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before { border-color: #5cb85c; } .pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg { color: #5cb85c; stroke: #5cb85c; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after { background-color: #5cb85c !important; } .pretty.p-switch input:checked ~ .state.p-success:before { border-color: #5cb85c; } .pretty.p-switch.p-fill input:checked ~ .state.p-success:before { background-color: #5cb85c !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-success:before { border-color: #357935; background-color: #357935 !important; } .pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after { background-color: #f0ad4e !important; } .pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before { border-color: #f0ad4e; } .pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg { color: #f0ad4e; stroke: #f0ad4e; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after { background-color: #f0ad4e !important; } .pretty.p-switch input:checked ~ .state.p-warning:before { border-color: #f0ad4e; } .pretty.p-switch.p-fill input:checked ~ .state.p-warning:before { background-color: #f0ad4e !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-warning:before { border-color: #c77c11; background-color: #c77c11 !important; } .pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after { background-color: #d9534f !important; } .pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before { border-color: #d9534f; } .pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg { color: #d9534f; stroke: #d9534f; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after { background-color: #d9534f !important; } .pretty.p-switch input:checked ~ .state.p-danger:before { border-color: #d9534f; } .pretty.p-switch.p-fill input:checked ~ .state.p-danger:before { background-color: #d9534f !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-danger:before { border-color: #a02622; background-color: #a02622 !important; } .pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before { font-size: 1.2em !important; top: calc((0% - (100% - 1em)) - 35%) !important; } .pretty.p-bigger label { text-indent: 1.7em; } @media print { .pretty .state .icon, .pretty .state label:after, .pretty .state label:before, .pretty .state:before { color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .pretty .state label:after, .pretty .state label:before { width: calc( 1em + 2px ); height: calc( 1em + 2px ); top: calc((0% - (100% - 1em)) - 8%); transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1); } .pretty.p-icon .state .icon { width: calc(1em + 2px); height: calc(1em + 2px); top: calc((0% - (100% - 1em)) - 8%); font-size: 73%; } .pretty.p-switch .state:before { height: calc( 1em + 0px ); top: calc((0% - (100% - 1em)) - 8%); } .pretty .state label:after, .pretty .state label:before, .pretty.p-icon .state .icon { top: 0; } .pretty { white-space: normal; margin-right: 0px; } .pretty .state label { margin-left: 24px; text-indent: 0; line-height: 120%; } .pretty.p-icon .state .icon:before { margin: 0.2em; } .pretty .state label:before { border-radius: 4px; } .pretty.p-icon input:checked ~ .state label:before { border: none; } .pretty input:checked + .state label:after { border-radius: 4px; border: 2px solid #007cd9; } .pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after { background-color: #009fe3 !important; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0); } [data-aos=fade-up] { transform: translate3d(0, 100px, 0); } [data-aos=fade-down] { transform: translate3d(0, -100px, 0); } [data-aos=fade-right] { transform: translate3d(-100px, 0, 0); } [data-aos=fade-left] { transform: translate3d(100px, 0, 0); } [data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0); } [data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0); } [data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0); } [data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0); } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1); } [data-aos=zoom-in] { transform: scale(0.6); } [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos=zoom-out] { transform: scale(1.2); } [data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^=slide][data-aos^=slide] { transition-property: transform; } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0); } [data-aos=slide-up] { transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { transform: translate3d(100%, 0, 0); } [data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform; } [data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg); } [data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg); } [data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg); } [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg); } [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0); } .fa-close:before { content: "\f00d"; } .fa-spinner:before { content: "\f110" !important; } .is-loading .fa, .is-loading .far, .is-loading .fal { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .is-loading .fa:before { content: "\f110" !important; } .is-loading .fal:before { content: "\f110" !important; } .is-loading .fas:before { content: "\f110" !important; } .embed-responsive-piwik { padding-bottom: 3500px; } @media screen and (min-width: 1200px) { .embed-responsive-piwik { padding-bottom: 2210px; } } .auto-fixed { position: absolute; z-index: 2; } .fixed { position: fixed; top: 0; left: 0; } .fitpicture, .fitpicutre-s { display: none; } .height-ratio-1 { aspect-ratio: 1 / 1; } .hover-content .hover-visible, .hover-content .hover-block-visible { display: none; } .hover-content:hover .hover-visible { display: inline; } .hover-content:hover .hover-block-visible { display: block; } .hover-content:hover .hover-hidden { display: none; } .md-content h2, .md-content h3, .md-content h4 { padding-top: 8px; margin-bottom: 12px; } .md-content h2, .md-content h3 { padding-top: 0px; } .md-content em { font-style: italic; color: #666; } .md-content ul, .md-content ol { padding-left: 20px; padding-top: 4px; } .md-content ul li, .md-content ol li { padding-top: 4px; } .md-content ul li > ul, .md-content ol li > ul, .md-content ul li > ol, .md-content ol li > ol { padding-top: 4px; } .md-content ul p, .md-content ol p { margin-bottom: 4px; margin-top: 4px; } .md-content ul h2, .md-content ol h2, .md-content ul h3, .md-content ol h3, .md-content ul h4, .md-content ol h4, .md-content ul h5, .md-content ol h5 { margin-bottom: 12px; } .modal-body .stat-title { font-size: 14px; float: none; margin-top: 3px; } body.edit-view .modal { margin-left: 10px; margin-right: 10px; } @media (min-width: 1500px) { body.edit-view .modal { margin-left: 280px; } } .modal-header { border-top-left-radius: 4px; border-top-right-radius: 4px; } .modal-header button.close { font-size: 30px; } .modal-header.bg-1 button.close { color: #FFF; } .modal-dialog { margin: 0 auto; margin-top: 50px; max-width: 100%; width: 700px; } .modal-dialog.fullscreen { width: 1050px !important; } .modal-dialog.size-xs { width: 380px; } .modal-dialog.size-sm { width: 500px; } .modal-dialog.size-lg { width: 900px; } .modal-dialog.size-max { width: 90vw; margin-top: 40px; } .modal-dialog.size-fit { width: fit-content; margin-top: 40px; } .modal-content { border-radius: 4px; overflow: hidden; box-shadow: 0px 2px 8px rgba(58, 57, 76, 0.08), 0px 2px 4px rgba(58, 57, 76, 0.3); border-color: #AAA; } .row.bordered { padding: 5px 0; border-bottom: 1px solid #DDD; } .row.padding { padding: 5px 0; } .dialog-area.custom > .vform { width: 1000px; } .dialog-area.full > .vform { max-width: 100%; width: 600px; } .dialog-area.default > .vform { width: 600px; } .dialog-area { height: 100%; position: fixed; display: flex; width: 100%; max-height: 100%; left: 0; top: 0; z-index: 9999; margin-top: 0px; opacity: 0; transition: all 0.4s; flex-direction: column; align-content: center; justify-content: flex-start; align-items: center; pointer-events: none; background-color: transparent; } .dialog-area label { cursor: pointer; } .dialog-area > .vform { position: relative; margin: 0 auto; padding: 15px; overflow: visible; max-height: 75vh; max-width: 95%; margin-bottom: 100px !important; margin-top: 2vh; } .dialog-area > .vform .box { padding-left: 45px; text-align: center; margin-bottom: 15px; } .dialog-area > .vform button { font-weight: normal; } .dialog-area .title { padding: 10px; margin: -10px; margin-bottom: 20px; } .dialog-area > .box { transition: all 0.4s; transform: translateY(-20px); } .dialog-area.in { opacity: 1; pointer-events: all; } .dialog-area.in > .box { transform: translate(0, 0); } .sandbox { padding: 1px; padding-right: 6px; vertical-align: bottom; } .md-content > *:first-child { margin-top: 0; } .navbar-items { display: flex; flex-wrap: nowrap; flex-direction: row; column-gap: 20px; height: 46px; } .navbar-items > div, .navbar-items > a { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: center; padding: 8px 8px; color: #2A2B2C; } .navbar-items > div > img.fullsize, .navbar-items > a > img.fullsize { height: 90%; } .navbar-items > div > img.icon, .navbar-items > a > img.icon { height: 80%; margin-right: 6px; filter: grayscale(1); } .navbar-items > a:hover, .navbar-items > a.active { border-top: 4px solid #009fe3; margin-top: -4px; color: #009fe3; } .navbar-items > a:hover > img.icon, .navbar-items > a.active > img.icon { filter: grayscale(0); } .navbar-items a:hover { text-decoration: none; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9991; background-color: #fff; transition: opacity 1s; } .modal-backdrop.in { opacity: 0.8; } .modal .modal-header { padding-bottom: 10px; } .modal .modal-header .close { opacity: 1; } .modal .modal-header .close:active, .modal .modal-header .close.active { transition: all 0.5s; transform: scale(0.2); opacity: 0; } .modal-body { z-index: 2; } .modal-body .container { max-width: 100%; } .modal-dialog { margin: 0 auto; margin-top: 50px; max-width: 100%; width: 700px; } .modal-dialog.size-xs { width: 380px; } .modal-dialog.size-sm { width: 500px; } .modal-dialog.size-lg { width: 900px; } .modal-dialog.size-max { width: 90vw; margin-top: 40px; } .modal-dialog.size-fit { width: fit-content; margin-top: 40px; } input[type="file"]::file-selector-button { width: 100%; height: 100%; cursor: pointer; } .btn.upload { overflow: hidden; position: relative; } .btn.upload .progress { margin-bottom: 0; height: 2px; margin-top: -2px; margin-bottom: -2px; border-radius: 0; background-color: #DDD; } .btn.upload .progress .progress-bar { background-color: #000; transition: opacity 3s, width 0.6s; } .btn.upload .icon-finished { opacity: 0; transition: 1.2s; transform: translateY(14px); } .btn.upload .icon-loading { opacity: 0; transition: 0.6s; margin-left: -20px; } .btn.upload .progress { opacity: 0; transition: all 0.3s; } .btn.upload.loading .icon-loading { opacity: 0.7; } .btn.upload.loading .progress { opacity: 1; } .btn.upload.finished .progress-bar { opacity: 0; } .btn.upload.finished .icon-finished { opacity: 1; transform: translateY(0); } .btn.upload input.upload { z-index: 10; opacity: 0; filter: alpha(opacity=0); cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .redactor-dropdown.redactor-dropdown-format .redactor-dropdown-item-h1 { margin-top: 0; margin-bottom: 0; line-height: 1.4em; font-size: 41px; text-transform: uppercase; color: #009fe3; } .redactor-dropdown.redactor-dropdown-format .redactor-dropdown-item-h2 { margin-top: 0; margin-bottom: 0; line-height: 1.4em; font-size: 34px; font-weight: normal; } .redactor-dropdown.redactor-dropdown-format .redactor-dropdown-item-h3 { margin-top: 0; margin-bottom: 0; line-height: 1.4em; font-size: 28px; } .redactor-dropdown.redactor-dropdown-format .redactor-dropdown-item-h4 { margin-top: 0; margin-bottom: 0; line-height: 1.4em; font-weight: bold; font-size: 23px; } .redactor-dropdown.redactor-dropdown-format .redactor-dropdown-item-h5 { margin-top: 0; margin-bottom: 0; line-height: 1.4em; } fz-unit { display: flex; align-items: center; position: absolute; right: 0; top: 0; width: fit-content; height: 100%; padding-right: 10px; content: attr(fz-unit); color: #009fe3; pointer-events: none; font-weight: bold; } fz-unit.toggle { pointer-events: all; cursor: pointer; } fz-unit.toggle:hover { opacity: 0.7; } .row > div > fz-unit { right: 15px; } input[fz-unit] { padding-right: 3rem; text-align: right; } .form-control.required.empty { border-bottom-color: #d6c7a4; } .required.missing { color: #d9534f !important; border-bottom-color: #d9534f; } .required.missing::placeholder { color: #d9534f !important; } .required-child > .missing { border-bottom-color: #d9534f; } .required-child > .missing .selected { color: #d9534f !important; } input[disabled] { opacity: 0.5; } .admin-area .edit-line { padding-bottom: 8px; } .admin-area .edit-line .form-control, .admin-area .edit-line .btn { border-radius: 5px; } .admin-area .edit-title { font-size: 13px; font-weight: bold; background-color: #EEE; border: 1px solid #DDD; margin-bottom: -2px; padding: 2px; padding-left: 10px; } .admin-area .edit-input { margin-bottom: 5px; } .admin-area .edit-input input[type=text] { background-color: #FAFAFA; } .admin-area .nav > li > a { padding: 4px 8px; } select.modern { width: 100%; opacity: 0; } .modal-content { overflow: visible; } .pulldown { background-repeat: no-repeat; background-color: #efefef; border: 2px solid #aaaaab; border-radius: 4px; padding: 0px; text-align: left; position: relative; cursor: pointer; width: 100%; min-height: 36px; box-sizing: border-box; } .pulldown .arrow-icon { position: absolute; right: 6px; top: calc(50% - 10px); color: #999; } .childs_970 .pulldown { width: 970px; } .pulldown .li { position: absolute; cursor: default; z-index: 888; top: 30px; left: 0px; width: 100px; margin: 0; outline: 1px solid #aaaaab; background-color: #eeeeee; box-shadow: 2px 4px 8px #4c4c4cb5; } .pulldown .li.default { border-top: 2px solid #009fe3; } .pulldown .li.default, .pulldown .li .default, .pulldown .li div.search { overflow: auto; max-height: 35vh; } .pulldown .li > .row { margin: 0; } .pulldown .li .group-title { font-weight: bold; padding: 5px 10px; padding-top: 10px; border-bottom: 1px solid #BBB; } .pulldown:not(.in) .li { display: none; } .pulldown .li fz-item, .pulldown .el-read-only { border-bottom: 1px solid #f1f1f1; } .pulldown fz-item, .pulldown .el { padding: 6px 12px; margin: 0px; white-space: nowrap; overflow: hidden; position: relative; } .pulldown .li fz-item:hover, .pulldown .li .el:hover { background-color: #FAFAFA; border-color: #009fe3; transition: all 0.3s; cursor: pointer; } .pulldown .selected { color: #333; border: none; min-height: 30px; } .pulldown .selected > .is-default { color: #555556; } .pulldown .default fz-item.active { opacity: 0.3; background-color: #efefef; } .pulldown .value { display: none; } .pulldown p { display: none; } .pulldown .button { position: absolute; border: none; width: 16px; height: 16px; top: -2px; padding: 3px; margin: 0; } .pulldown .button:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .pulldown .button-add { width: auto; right: 0px; top: 3px; display: none; } .pulldown input.search { border: none; outline: none; background-color: transparent; width: 95%; padding: 2px 4px; padding-left: 26px; } .pulldown .loading { top: 7px; left: 5px; position: absolute; } .pulldown .loading.active { color: #009fe3; } .pulldown .reset, .pulldown .arrow { position: absolute; right: 5px; top: 0; height: 100%; width: auto; display: flex; align-items: center; font-size: 160%; background-color: transparent; color: #DE1C22; opacity: 0; transform: translateY(-16px); pointer-events: none; transition: all 0.6s; } .pulldown .reset:hover, .pulldown .arrow:hover { color: #222222; } .pulldown .arrow { color: #555556; } .pulldown.is-default .arrow { opacity: 1; transform: translateY(0px); } .pulldown.is-default .reset { transform: translateY(16px); } .pulldown:not(.is-default) .reset { pointer-events: all; opacity: 1; transform: translateY(0px); } .pulldown:hover .arrow { color: #009fe3; } .pulldown .selected > fz-item { transition: all 0.6s; } .pulldown .selected > fz-item.hidden { transform: translateY(16px); opacity: 0; display: block; } .pulldown .reset.able { display: flex; } .pulldown-margin .pulldown { margin-right: 30px; } .search-field { overflow: hidden; border-bottom: 2px solid #DDD; padding: 4px 0; background-color: #EEE; } .pulldown .overlay { position: absolute; left: 3px; top: 4px; width: 16px; } .pulldown .default.grid-table > fz-item { display: flex; font-size: 12px; color: #666666; line-height: 100%; gap: 6px; padding: 4px 8px; flex-direction: column; flex-wrap: nowrap; } .pulldown .default.grid-table > fz-item > i, .pulldown .default.grid-table > fz-item > fz-icon { font-size: 25px; } .admin-frame-left.modal-mode { z-index: 9999; } .ui-sortable-helper, .ui-draggable-gradding { z-index: 14000 !important; } #cmsModal .modal-dialog.size-fit .modal-body { padding: 0; border: 12px solid #333; margin-top: -1px; } .closed .vertical-stripe { transition: all 0.3s ease-in-out; transform: rotate(-90deg); } .closed .horizontal-stripe { transition: all 0.3s ease-in-out; transform: rotate(-90deg); opacity: 1; } .opened { opacity: 1; } .opened .vertical-stripe { transition: all 0.3s ease-in-out; transform: rotate(90deg); } .opened .horizontal-stripe { transition: all 0.3s ease-in-out; transform: rotate(90deg); opacity: 0; } .circle-plus { height: 30px; width: 45px; font-size: 1em; float: left; } .circle-plus .circle { position: relative; width: 2.55em; height: 2.5em; border-radius: 100%; } .circle-plus .circle .horizontal-stripe { position: absolute; background-color: #009fe3; width: 18px; height: 2px; left: 50%; margin-left: -11px; top: 50%; margin-top: -3px; } .circle-plus .circle .vertical-stripe { position: absolute; background-color: #009fe3; width: 2px; height: 18px; left: 50%; margin-left: -3px; top: 50%; margin-top: -11px; } .faq .accordion-border { border-bottom: 1px solid #EBEBEB; } .faq .container { padding-top: 0px; } .faq .accordion-wrap { background-color: transparent; width: 100%; padding-top: 13px; padding-bottom: 13px; transition: all 0.3s ease-out; position: relative; cursor: pointer; } .faq .accordion-icon { position: absolute; left: -10px; top: 3px; } .faq .text-size { color: #333; font-weight: bold; padding-top: 8px; padding-left: 35px; } .faq i { color: #333; } .faq .accordion-content { padding-right: 10px; padding-left: 10px; font-size: 16px; height: 0; overflow: hidden; transition: all 0.6s ease-out; } .faq .accordion-content > * { padding-left: 24px; } .faq .active-top { border-bottom: 1px solid #009fe3; } .faq .active-top .text-size { color: #009fe3; } .faq .active { background-color: #fff; transition: all 0.3s ease-out; height: auto; overflow: visible; padding-top: 30px; padding-bottom: 30px; } .faq .accordion-subtext { color: #333; } @media (max-width: 767px) { .faq .no-padding { padding-left: 0px; padding-right: 0px; } .faq .accordion-border { padding-left: 0px; } .faq .accordion-wrap { padding-left: 0px; } .faq .accordion-content { padding-left: 0px; padding-right: 0px; } } .accordion { transition: all 0.5s; } .accordion .service { border: 1px solid #E0E5E7; box-shadow: -4px 0px 0px #009fe3; border-radius: 3px; transition: all 0.5s; } .accordion .service .accordion-button { bottom: 20px; cursor: pointer; font-size: 14px; padding-top: 9px; padding-bottom: 9px; } .accordion .accordion-img { height: 84px; width: 84px; border-radius: 50%; overflow: hidden; position: absolute; top: 25px; left: 15px; } .accordion .text-section { padding-top: 18px; } .accordion .service-title { margin-bottom: 5px; } .accordion .accordion-content { overflow: hidden; height: 0px; transition: all 0.5s; } .accordion .active { padding-top: 40px; padding-bottom: 40px; transition: all 0.5s; display: block; height: auto; } .accordion .padding-l { padding-left: 20px; } .emergency-colors .service { box-shadow: -4px 0px 0px #C84E2F; } .emergency-colors .button { border: none !important; background-color: #D9534F; box-shadow: inset 0px -2px 0px #B62034; } .emergency-colors .button:hover { background-color: #B62034 !important; } .service { width: 100%; position: relative; padding: 15px; padding-top: 30px; padding-bottom: 15px; background-color: #F3F3F3; margin-bottom: 15px; box-shadow: -4px 0px 0px #267771; border-radius: 3px; } .service .service-img { position: absolute; top: 25px; left: 15px; height: 64px; } .service .text-section { padding-left: 80px; } .service .service-title { color: #000000; margin-bottom: 15px; font-weight: bold; } .service .service-button { float: right; font-size: 14px; padding-top: 9px; padding-bottom: 9px; } @media (max-width: 767px) { .service { min-height: auto; } .service .service-img { position: relative; top: auto; left: auto; margin-bottom: 15px; } .service .accordion-img { position: relative; top: auto; left: auto; margin-bottom: 15px; } .service .text-section { padding-left: 0px; } .accordion .padding-l { padding-left: 0px; } } @media (min-width: 768px) { .service { min-height: 270px; } } @media (min-width: 992px) { .service { min-height: 200px; } } @media (max-width: 599px) { .accordion-button { margin-left: 150px; } .emergency-colors .button { margin-left: 120px; } } .margin-m-top { margin-top: -50px; } .margin-m2-top { margin-top: -100px; } .margin-m-bottom { margin-bottom: -50px; } .margin-m2-bottom { margin-bottom: -100px; } @media (max-width: 767px) { .margin-m-top { margin-top: 0px; } .margin-m2-top { margin-top: 0px; } .margin-m-bottom { margin-bottom: 0px; } .margin-m2-bottom { margin-bottom: 0px; } } .vh100 > .vline, .vh100 > .flex { height: 100%; } .vh100 > .vline > .vview, .vh100 > .flex > .vview { height: 100%; } .screen-height { height: 100vh; } .screen-height > .row { height: 100%; } .screen-height > .row > div { height: 100%; } .screen-height > .row > div > .vmain { height: 100%; } .screen-height > .row > div > .vmain > .vline[data-co=container__flex], .screen-height > .row > div > .vmain > .vline[data-co=container__grid] { height: 100%; } .screen-height > .row > div > .vmain > .vline[data-co=container__flex] > .vview, .screen-height > .row > div > .vmain > .vline[data-co=container__grid] > .vview { height: 100%; } .screen-height > div:not(.row) { height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .com-line, .line_middle { border: none; height: 2px; padding: 0; } .com-halfline { position: relative; height: 2px; width: 50%; margin: 0 auto; } .shadow-top, .shadow-bottom { height: 10px; line-height: 0px; } .shadow-bottom { padding-bottom: 10px; margin-bottom: 20px; margin-top: -10px; box-shadow: 0px 10px 20px 0px rgba(150, 150, 150, 0.6); } .shadow-top { padding-top: 10px; margin-top: 20px; margin-bottom: -10px; box-shadow: 0px -10px 20px 0px rgba(150, 150, 150, 0.6); } div[class^=t-room] { clear: both; position: relative; } #consent-content .pretty .state label { margin-left: 2px; } #consent-content { background-color: rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; padding-bottom: 100px; height: 100%; overflow: auto; } #consent-content > .box { max-width: 95%; width: 600px; margin: 0 auto; margin-top: 40px; overflow: visible; } #consent-content .logo { width: 220px; margin: 0 auto; margin-top: -30px; padding: 6px; } #consent-content .pretty input[disabled]:checked ~ .state.p-success label:after { filter: grayscale(1); color: #000; } #consent-content .pretty.p-icon { line-height: 1; } #consent-content .pretty input[disabled] ~ * { opacity: 0.8; } .container .container { padding-left: 0; padding-right: 0; } #page { min-height: 70vh; } .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 1%; } .pswp__button--arrow--right { right: 1%; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; } a.pswp__share--download:hover { background: #DDD; } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #BBB; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url(../cold/lib/photoswipe/preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } .pswp__button { color: #FFF; font-size: 40px; } .pswp__top-bar { height: 80px; } .pswp__button--close { opacity: 1; right: 40px; top: 20px; } @media (max-width: 768px) { .pswp__button { color: #FFF; font-size: 20px; } .pswp__button--close { right: 10px; top: 10px; } } .pswp__button--share { display: none !important; } .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 500ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 500ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 500ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: transparent !important; } .pswp__caption__center { font-size: 16px; max-width: auto; width: 100%; text-align: center; } :root { --thumb-size: 50px; } .pswp__img--placeholder { filter: blur(20px); object-fit: cover; height: auto !important; min-width: var(--thumb-size); min-height: var(--thumb-size); } .pswp__ui--fit .pswp__caption { transition: height 0.4s; background-color: #000 !important; } .pswp__caption__center { max-width: 100%; } .pswp__caption__center h5 { color: #FFF; font-size: 1.1em; } .jQueryMosaic { width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .jQueryMosaic > div, .jQueryMosaic > a, .jQueryMosaic > img, .jQueryMosaic > video { float: left; } .jQueryMosaic > .item { position: relative; } .jQueryMosaic > .item.withImage { background-size: cover; } .jQueryMosaic > .item > .overlay { opacity: 0; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; } .jQueryMosaic > .item:hover > .overlay { opacity: 1; } .jQueryMosaic > .item > .overlay > .texts { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 15pt; background: rgba(0, 0, 0, 0.2); color: #fff; } .jQueryMosaic > .item > .overlay > .texts h1, .jQueryMosaic > .item > .overlay > .texts h2 { margin: 0; line-height: 1.3em; } .jQueryMosaic > .item > .overlay > .texts h1 { font-size: 17pt; } .jQueryMosaic > .item > .overlay > .texts h2 { font-size: 13pt; } .mosaic-gallery { display: none; } .s_gallery .row { margin-left: 0px; margin-right: 0px; } .s_gallery .gallery-item { user-select: none; } .s_gallery .gallery-item.is-empty { width: 150px; height: 150px; background-color: #EEE; } .s_gallery .gallery-content.mosaic-gallery { padding-left: 0px; padding-right: 0px; } .s_gallery .gallery-content.mosaic-gallery .gallery-item img { width: 100%; margin: 0; border: none; border-radius: 0; } .s_gallery .gallery-content.gallery-grid { } .s_gallery .gallery-content.gallery-grid .vmain { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; min-height: 80px; } .s_gallery .gallery-content.gallery-grid .vmain .img-item { display: flex; position: relative; align-items: center; justify-content: center; text-align: center; overflow: hidden; } .s_gallery .gallery-content.gallery-grid.gallery-cover .vline, .s_gallery .gallery-content.gallery-grid.gallery-contain .vline { height: fit-content; } .s_gallery .gallery-content.gallery-grid.gallery-cover .img-item, .s_gallery .gallery-content.gallery-grid.gallery-contain .img-item, .s_gallery .gallery-content.gallery-grid.gallery-cover .add-item-button, .s_gallery .gallery-content.gallery-grid.gallery-contain .add-item-button { aspect-ratio: 1 / 1; } .s_gallery .gallery-content.gallery-grid.gallery-cover .img-item > a, .s_gallery .gallery-content.gallery-grid.gallery-contain .img-item > a, .s_gallery .gallery-content.gallery-grid.gallery-cover .add-item-button > a, .s_gallery .gallery-content.gallery-grid.gallery-contain .add-item-button > a { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; } .s_gallery .gallery-content.gallery-grid.gallery-contain .img-item > a img { object-fit: contain; } .s_gallery .gallery-content.gallery-grid.gallery-cover .img-item > a img { object-fit: cover; } .s_gallery .gallery-content.gallery-grid.gallery-xs .vmain { grid-template-columns: repeat(20, 1fr); } .s_gallery .gallery-content.gallery-grid.gallery-sm .vmain { grid-template-columns: repeat(10, 1fr); } .s_gallery .gallery-content.gallery-grid.gallery-w12 .vmain { grid-template-columns: repeat(12, 1fr); } .s_gallery .gallery-content.gallery-grid.gallery-md .vmain { grid-template-columns: repeat(6, 1fr); } .s_gallery .gallery-content.gallery-grid.gallery-lg .vmain { grid-template-columns: repeat(3, 1fr); } @media (max-width: 767px) { .s_gallery .gallery-content.gallery-grid.gallery-xs .vmain { grid-template-columns: repeat(10, 1fr); } .s_gallery .gallery-content.gallery-grid.gallery-sm .vmain { grid-template-columns: repeat(5, 1fr); } .s_gallery .gallery-content.gallery-grid.gallery-md .vmain { grid-template-columns: repeat(4, 1fr); } .s_gallery .gallery-content.gallery-grid.gallery-lg .vmain { grid-template-columns: repeat(2, 1fr); } } .ps-gallery > .vline, .ps-gallery > .dragging { float: left; width: 100%; min-height: 150px; } .editable .s_gallery { } .editable .s_gallery .gallery-item img { max-width: 95%; max-height: 95%; } .vmain.editable .ps-gallery .vline:first-child { margin-top: 0; } .device-item { border-radius: 8px; padding: 12px; border: 4px solid #222; max-width: 1130px; margin: 0 auto; margin-bottom: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 0; } .device-item h3 { font-weight: normal; color: #111; } .device-item .details { margin-bottom: -12px; margin-top: 8px; padding: 4px 0px; color: #FFF; background-color: #222; } body.edit-view { } body.edit-view .vmain.editable { outline: none; } body.edit-view .vline:hover, body.edit-view .vline_sub:hover, body.edit-view .vfocus { outline: 3px solid #DDD; } body.edit-view .panel { box-shadow: none; } body.edit-view .i4kzoom { position: relative; } body.edit-view .i4kzoom > * { transform: scale(0.1); transform-origin: 0 0; position: absolute; } body.edit-view .i4kzoom > div { left: 11px; top: 8px; border-radius: 48px; border: 4px solid #222; } body.edit-view .i2kzoom { position: relative; } body.edit-view .i2kzoom > * { transform: scale(0.2); transform-origin: 0 0; position: absolute; } body.edit-view .i2kzoom > div { left: 11px; top: 8px; border-radius: 24px; border: 2px solid #222; } body.edit-view #content.is-screen { width: 405px; min-height: 234px; box-shadow: 0px 2px 8px rgba(58, 57, 76, 0.08), 0px 2px 4px rgba(58, 57, 76, 0.3); margin: 12px; background-color: #333; border-radius: 8px; } body.edit-view #content.is-screen .display { margin: 0 auto; } body.edit-view #content.is-screen .display-2k { margin: 0 auto; } body.edit-view #content.is-screen .display-4k { margin: 0 auto; } body.edit-view .vmain.tab > div > .vview > .device-program > div > .vmain > .panel > .vview, body.edit-view .vmain.tab > .device-program > div > .vmain, body.edit-view .is-device .device-program > .vmain, body.edit-view .is-device .device-program > .vmain > .panel > .vview { display: flex; position: relative; align-items: center; justify-content: center; flex-direction: column; justify-content: flex-start; } body.edit-view .vmain.tab > div > .vview > .device-program > div > .vmain > .panel > .vview > picture, body.edit-view .vmain.tab > .device-program > div > .vmain > picture, body.edit-view .is-device .device-program > .vmain > picture, body.edit-view .is-device .device-program > .vmain > .panel > .vview > picture { width: 100%; position: relative; display: block; } body.edit-view .vmain.tab > div > .vview > .device-program > div > .vmain > .panel > .vview > *:not(.absolute), body.edit-view .vmain.tab > .device-program > div > .vmain > *:not(.absolute), body.edit-view .is-device .device-program > .vmain > *:not(.absolute), body.edit-view .is-device .device-program > .vmain > .panel > .vview > *:not(.absolute) { position: relative; } body.edit-view .vmain.tab > div > .vview > .device-program > div > .vmain > .panel > .vview.content-right, body.edit-view .vmain.tab > .device-program > div > .vmain.content-right, body.edit-view .is-device .device-program > .vmain.content-right, body.edit-view .is-device .device-program > .vmain > .panel > .vview.content-right { justify-content: right; } body.edit-view .vmain.tab > div > .vview > .device-program > div > .vmain > .panel > .vview.content-left, body.edit-view .vmain.tab > .device-program > div > .vmain.content-left, body.edit-view .is-device .device-program > .vmain.content-left, body.edit-view .is-device .device-program > .vmain > .panel > .vview.content-left { justify-content: left; } body.edit-view .device-head { background-color: #F8F8F8; border-top: 1px solid #BBB; } body.edit-view .screen-list { background-color: #F8F8F8; border-radius: 4px; } body.edit-view .screen-list .updater-status-box { background-color: transparent; border-radius: 2px; border: 1px solid #EEE; } body.edit-view #content.is-screen.v16-10 { min-height: 259px; } body.device-edit .vmain.editable { outline: none; } body.device-edit #page > #content { max-width: 100%; margin: 0 auto; } body.device-edit #page > #content > .vmain.editable { border: none; margin-top: 10px; } body.device-edit #page > #content .updater-status-box.hidden { display: block !important; padding: 4px 40px; padding-bottom: 0px; color: #FFF; margin: 12px; margin-bottom: 4px; margin-top: 20px; border: 6px solid #333; background-color: #333; border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @media (max-width: 768px) { body.device-edit #page > #content .updater-status-box.hidden { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } } body.device-edit .device-program { background-color: #FFF; border-radius: 8px; padding: 8px; margin-bottom: 12px; overflow: hidden; max-width: 100%; } body.device-edit .device-program > .device-head { margin: -8px; padding: 16px; padding-bottom: 0; background-color: #EEE; border-bottom: 1px solid #009fe3; } body.device-edit .device-program .program-settings { border-top: 1px solid #CCC; padding-top: 6px; padding-bottom: 6px; } body.device-edit .device-overview-content { display: none; } body.device-edit .text-white { color: #FFF; } .page--screen { height: 100%; overflow: hidden; position: absolute; width: 100%; } .page--screen #header { background-color: #EFEFEF; border-bottom: 1px solid #CCC; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); position: relative; height: 120px; line-height: 120px; z-index: 2; } .page--screen .header--logo { float: left; margin-left: 15px; padding-bottom: 20px; padding-top: 0px; } .page--screen .header--logo img { vertical-align: middle; } .page--screen .header--logo__company { display: block; margin: 0 auto; padding-top: 15px; height: 105px; } .page--screen .header--logo__devion { position: absolute; left: 20px; top: 20px; height: 80px; filter: grayscale(100%); opacity: 0.5; } .page--screen #clock { height: 120px; position: absolute; right: 30px; top: 0; width: 120px; } .page--screen #img-screen { position: absolute; left: 0; top: 0; } .page--screen .ajax-item { left: 0; overflow: hidden; position: absolute; top: 0; z-index: 1; transition: opacity 0.7s ease-in; } .page--screen .ajax-item.current { z-index: 5; opacity: 1; } .page--screen .ajax-item.current.new { z-index: 6; opacity: 1; } .page--screen .ajax-item.new { opacity: 0; } .page--screen .ajax-item.done { opacity: 0; } .page--screen .footer { bottom: 0; color: #fff; font-size: 12px; height: 30px; line-height: 30px; padding-right: 20px; padding-left: 20px; position: absolute; width: 100%; z-index: 2; } .page--screen .footer a { color: #fff; } .page--screen #play_status { position: fixed; bottom: 15px; right: 15px; color: #FFF; z-index: 8; font-size: 16px; } .page--home > h1 { padding-left: 15px; } .is-screen .bg-fullscreen { width: 100%; position: absolute; top: 0; left: 0; height: 100%; text-align: center; } .is-screen .bg-fullscreen img { width: 100%; } .is-screen .bg-50p-img { width: 50%; height: 50%; position: absolute; top: 30%; left: 25%; } .is-screen .bg-50p-img img { max-height: 100%; } .is-screen .bg-element img { width: 100%; } .is-screen .display-2k .blockade-svg { position: absolute; bottom: 0; right: 0; width: 60%; } .is-screen .display-2k .triangle-svg { position: absolute; width: 30%; right: 300px; bottom: 200px; } .display-4k { width: 3840px; height: 2160px; overflow: hidden; } .display-2k { width: 1920px; height: 1080px; overflow: hidden; } .display-2k.r720p { width: 1280px; height: 720px; overflow: hidden; } .display-2k.v16-10 { height: 1200px; } .display { background-color: #FFF; font-size: 22px; position: relative; } .display .container { max-width: 100%; } .display .vview { height: 100%; } .display .flex-center { max-height: 100%; } .display .flex-center > .vmain { height: 100%; display: flex; position: relative; align-items: center; justify-content: center; } .display .flex-center > .vmain > picture { width: 100%; position: relative; display: block; } .display .flex-center > .vmain > *:not(.absolute) { position: relative; } .display .flex-center > .vmain.content-right { justify-content: right; } .display .flex-center > .vmain.content-left { justify-content: left; } .display .flex-center > .vmain > .vline { max-height: 100%; } .display .flex-bottom { max-height: 100%; } .display .flex-bottom > .vmain { height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end; } .display .flex-bottom > .vmain > .vline { max-height: 100%; } .display .vline[data-co=container__flex], .display .vline[data-co=container__grid], .display .grid-table { height: 100%; } .display .vline[data-co=container__flex] > .vmain, .display .vline[data-co=container__grid] > .vmain, .display .grid-table > .vmain { height: 100%; } .display .vline[data-co=container__flex] > .vmain > .vview, .display .vline[data-co=container__grid] > .vmain > .vview, .display .grid-table > .vmain > .vview { height: 100%; } .display .vline + .vline[data-co=container__grid], .display * + .grid-table { height: auto; } .display > .vmain { height: 100%; } .display > .vmain > .vline[data-co=container__flex], .display > .vmain > .vline[data-co=container__grid], .display > .vmain .vline[data-co=images__image] { height: 100%; } .display > .vmain > .vline[data-co=container__flex] > .vview, .display > .vmain > .vline[data-co=container__grid] > .vview, .display > .vmain .vline[data-co=images__image] > .vview { height: 100%; } .display > .vmain .vline[data-co=images__image] > .vview { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .color-mode-dark .is-screen { background-color: #EEE; } .color-mode-dark .display { background: #000; color: #FFF; } .color-mode-dark .display .text-text, .color-mode-dark .display .text-default { color: #FFF; } body.debug-mode .hidden-debug { display: none !important; } .is-screen .bg-fullscreen { width: 100%; position: absolute; top: 0; left: 0; height: 100%; text-align: center; } .is-screen .bg-fullscreen img { width: 100%; } .is-screen .bg-50p-img { width: 50%; height: 50%; position: absolute; top: 30%; left: 25%; } .is-screen .bg-50p-img img { max-height: 100%; } .is-screen .bg-element img { width: 100%; } .is-screen .display-2k .blockade-svg { position: absolute; bottom: 0; right: 0; width: 60%; } .is-screen .display-2k .triangle-svg { position: absolute; width: 30%; right: 300px; bottom: 200px; } .terminal-globe { position: relative; } div .text-primary { color: #009fe3; } div .text-primary > svg { fill: #009fe3; } div .text-primary.fad::after { color: #009fe3; } .hover:hover .hover-text-primary { color: #009fe3; } .hover:hover .hover-text-primary svg { fill: #009fe3; } .hover:hover .hover-border-primary { border-color: #009fe3; } *.border-primary { border-color: #009fe3 !important; } *.bg-primary, .box.bg-primary { background-color: #009fe3 !important; color: #FFF; border-color: #007dc1; } *.bg-primary .inherit-border, .box.bg-primary .inherit-border { border-color: #FFF; } textarea.bg-primary, input.bg-primary { border-color: #EEE; } textarea.bg-primary:focus, input.bg-primary:focus, textarea.bg-primary:active, input.bg-primary:active, textarea.bg-primary:focus-visible, input.bg-primary:focus-visible { border-color: #005b9f; } textarea.bg-primary::placeholder, input.bg-primary::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-primary-filled input[type=radio], .bg-primary-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-primary-filled.filled { background-color: #009fe3 !important; color: #FFF; border-color: #007dc1; } *.bg-primary-o15, *.bg-primary-o10 { background-color: rgba(0, 159, 227, 0.1) !important; } *.bg-primary-o30 { background-color: rgba(0, 159, 227, 0.3) !important; } *.bg-primary-o50 { background-color: rgba(0, 159, 227, 0.5) !important; } .bg-primary-o77, .bg-primary-o70 { background-color: rgba(0, 159, 227, 0.77) !important; } *.btn-primary { background-color: #009fe3; color: #FFF; transition: all 0.3s; } *.btn-primary:hover { background-color: #007bb0; border-color: #00587d; } div .text-secondary { color: #9fd6de; } div .text-secondary > svg { fill: #9fd6de; } div .text-secondary.fad::after { color: #9fd6de; } .hover:hover .hover-text-secondary { color: #9fd6de; } .hover:hover .hover-text-secondary svg { fill: #9fd6de; } .hover:hover .hover-border-secondary { border-color: #9fd6de; } *.border-secondary { border-color: #9fd6de !important; } *.bg-secondary, .box.bg-secondary { background-color: #9fd6de !important; color: #333; border-color: #7db4bc; } *.bg-secondary .inherit-border, .box.bg-secondary .inherit-border { border-color: #333; } textarea.bg-secondary, input.bg-secondary { border-color: #EEE; } textarea.bg-secondary:focus, input.bg-secondary:focus, textarea.bg-secondary:active, input.bg-secondary:active, textarea.bg-secondary:focus-visible, input.bg-secondary:focus-visible { border-color: #5b929a; } textarea.bg-secondary::placeholder, input.bg-secondary::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-secondary-filled input[type=radio], .bg-secondary-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-secondary-filled.filled { background-color: #9fd6de !important; color: #333; border-color: #7db4bc; } *.bg-secondary-o15, *.bg-secondary-o10 { background-color: rgba(159, 214, 222, 0.1) !important; } *.bg-secondary-o30 { background-color: rgba(159, 214, 222, 0.3) !important; } *.bg-secondary-o50 { background-color: rgba(159, 214, 222, 0.5) !important; } .bg-secondary-o77, .bg-secondary-o70 { background-color: rgba(159, 214, 222, 0.77) !important; } *.btn-secondary { background-color: #9fd6de; color: #333; transition: all 0.3s; } *.btn-secondary:hover { background-color: #79c6d1; border-color: #53b6c4; } div .text-primary-100 { color: #007cd9; } div .text-primary-100 > svg { fill: #007cd9; } div .text-primary-100.fad::after { color: #007cd9; } .hover:hover .hover-text-primary-100 { color: #007cd9; } .hover:hover .hover-text-primary-100 svg { fill: #007cd9; } .hover:hover .hover-border-primary-100 { border-color: #007cd9; } *.border-primary-100 { border-color: #007cd9 !important; } *.bg-primary-100, .box.bg-primary-100 { background-color: #007cd9 !important; color: #FFF; border-color: #005ab7; } *.bg-primary-100 .inherit-border, .box.bg-primary-100 .inherit-border { border-color: #FFF; } textarea.bg-primary-100, input.bg-primary-100 { border-color: #EEE; } textarea.bg-primary-100:focus, input.bg-primary-100:focus, textarea.bg-primary-100:active, input.bg-primary-100:active, textarea.bg-primary-100:focus-visible, input.bg-primary-100:focus-visible { border-color: #003895; } textarea.bg-primary-100::placeholder, input.bg-primary-100::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-primary-100-filled input[type=radio], .bg-primary-100-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-primary-100-filled.filled { background-color: #007cd9 !important; color: #FFF; border-color: #005ab7; } *.bg-primary-100-o15, *.bg-primary-100-o10 { background-color: rgba(0, 124, 217, 0.1) !important; } *.bg-primary-100-o30 { background-color: rgba(0, 124, 217, 0.3) !important; } *.bg-primary-100-o50 { background-color: rgba(0, 124, 217, 0.5) !important; } .bg-primary-100-o77, .bg-primary-100-o70 { background-color: rgba(0, 124, 217, 0.77) !important; } *.btn-primary-100 { background-color: #007cd9; color: #FFF; transition: all 0.3s; } *.btn-primary-100:hover { background-color: #005fa6; border-color: #004273; } div .text-primary-60 { color: #33b2e9; } div .text-primary-60 > svg { fill: #33b2e9; } div .text-primary-60.fad::after { color: #33b2e9; } .hover:hover .hover-text-primary-60 { color: #33b2e9; } .hover:hover .hover-text-primary-60 svg { fill: #33b2e9; } .hover:hover .hover-border-primary-60 { border-color: #33b2e9; } *.border-primary-60 { border-color: #33b2e9 !important; } *.bg-primary-60, .box.bg-primary-60 { background-color: #33b2e9 !important; color: #FFF; border-color: #1190c7; } *.bg-primary-60 .inherit-border, .box.bg-primary-60 .inherit-border { border-color: #FFF; } textarea.bg-primary-60, input.bg-primary-60 { border-color: #EEE; } textarea.bg-primary-60:focus, input.bg-primary-60:focus, textarea.bg-primary-60:active, input.bg-primary-60:active, textarea.bg-primary-60:focus-visible, input.bg-primary-60:focus-visible { border-color: #006ea5; } textarea.bg-primary-60::placeholder, input.bg-primary-60::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-primary-60-filled input[type=radio], .bg-primary-60-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-primary-60-filled.filled { background-color: #33b2e9 !important; color: #FFF; border-color: #1190c7; } *.bg-primary-60-o15, *.bg-primary-60-o10 { background-color: rgba(51, 178, 233, 0.1) !important; } *.bg-primary-60-o30 { background-color: rgba(51, 178, 233, 0.3) !important; } *.bg-primary-60-o50 { background-color: rgba(51, 178, 233, 0.5) !important; } .bg-primary-60-o77, .bg-primary-60-o70 { background-color: rgba(51, 178, 233, 0.77) !important; } *.btn-primary-60 { background-color: #33b2e9; color: #FFF; transition: all 0.3s; } *.btn-primary-60:hover { background-color: #179ad2; border-color: #1278a4; } div .text-primary-40 { color: #66c5ee; } div .text-primary-40 > svg { fill: #66c5ee; } div .text-primary-40.fad::after { color: #66c5ee; } .hover:hover .hover-text-primary-40 { color: #66c5ee; } .hover:hover .hover-text-primary-40 svg { fill: #66c5ee; } .hover:hover .hover-border-primary-40 { border-color: #66c5ee; } *.border-primary-40 { border-color: #66c5ee !important; } *.bg-primary-40, .box.bg-primary-40 { background-color: #66c5ee !important; color: #333; border-color: #44a3cc; } *.bg-primary-40 .inherit-border, .box.bg-primary-40 .inherit-border { border-color: #333; } textarea.bg-primary-40, input.bg-primary-40 { border-color: #EEE; } textarea.bg-primary-40:focus, input.bg-primary-40:focus, textarea.bg-primary-40:active, input.bg-primary-40:active, textarea.bg-primary-40:focus-visible, input.bg-primary-40:focus-visible { border-color: #2281aa; } textarea.bg-primary-40::placeholder, input.bg-primary-40::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-primary-40-filled input[type=radio], .bg-primary-40-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-primary-40-filled.filled { background-color: #66c5ee !important; color: #333; border-color: #44a3cc; } *.bg-primary-40-o15, *.bg-primary-40-o10 { background-color: rgba(102, 197, 238, 0.1) !important; } *.bg-primary-40-o30 { background-color: rgba(102, 197, 238, 0.3) !important; } *.bg-primary-40-o50 { background-color: rgba(102, 197, 238, 0.5) !important; } .bg-primary-40-o77, .bg-primary-40-o70 { background-color: rgba(102, 197, 238, 0.77) !important; } *.btn-primary-40 { background-color: #66c5ee; color: #333; transition: all 0.3s; } *.btn-primary-40:hover { background-color: #38b4e9; border-color: #189dd6; } div .text-primary-20 { color: #99d9f4; } div .text-primary-20 > svg { fill: #99d9f4; } div .text-primary-20.fad::after { color: #99d9f4; } .hover:hover .hover-text-primary-20 { color: #99d9f4; } .hover:hover .hover-text-primary-20 svg { fill: #99d9f4; } .hover:hover .hover-border-primary-20 { border-color: #99d9f4; } *.border-primary-20 { border-color: #99d9f4 !important; } *.bg-primary-20, .box.bg-primary-20 { background-color: #99d9f4 !important; color: #333; border-color: #77b7d2; } *.bg-primary-20 .inherit-border, .box.bg-primary-20 .inherit-border { border-color: #333; } textarea.bg-primary-20, input.bg-primary-20 { border-color: #EEE; } textarea.bg-primary-20:focus, input.bg-primary-20:focus, textarea.bg-primary-20:active, input.bg-primary-20:active, textarea.bg-primary-20:focus-visible, input.bg-primary-20:focus-visible { border-color: #5595b0; } textarea.bg-primary-20::placeholder, input.bg-primary-20::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-primary-20-filled input[type=radio], .bg-primary-20-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-primary-20-filled.filled { background-color: #99d9f4 !important; color: #333; border-color: #77b7d2; } *.bg-primary-20-o15, *.bg-primary-20-o10 { background-color: rgba(153, 217, 244, 0.1) !important; } *.bg-primary-20-o30 { background-color: rgba(153, 217, 244, 0.3) !important; } *.bg-primary-20-o50 { background-color: rgba(153, 217, 244, 0.5) !important; } .bg-primary-20-o77, .bg-primary-20-o70 { background-color: rgba(153, 217, 244, 0.77) !important; } *.btn-primary-20 { background-color: #99d9f4; color: #333; transition: all 0.3s; } *.btn-primary-20:hover { background-color: #6bc8ef; border-color: #3db7ea; } div .text-primary-10 { color: #b3e2f7; } div .text-primary-10 > svg { fill: #b3e2f7; } div .text-primary-10.fad::after { color: #b3e2f7; } .hover:hover .hover-text-primary-10 { color: #b3e2f7; } .hover:hover .hover-text-primary-10 svg { fill: #b3e2f7; } .hover:hover .hover-border-primary-10 { border-color: #b3e2f7; } *.border-primary-10 { border-color: #b3e2f7 !important; } *.bg-primary-10, .box.bg-primary-10 { background-color: #b3e2f7 !important; color: #333; border-color: #91c0d5; } *.bg-primary-10 .inherit-border, .box.bg-primary-10 .inherit-border { border-color: #333; } textarea.bg-primary-10, input.bg-primary-10 { border-color: #EEE; } textarea.bg-primary-10:focus, input.bg-primary-10:focus, textarea.bg-primary-10:active, input.bg-primary-10:active, textarea.bg-primary-10:focus-visible, input.bg-primary-10:focus-visible { border-color: #6f9eb3; } textarea.bg-primary-10::placeholder, input.bg-primary-10::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-primary-10-filled input[type=radio], .bg-primary-10-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-primary-10-filled.filled { background-color: #b3e2f7 !important; color: #333; border-color: #91c0d5; } *.bg-primary-10-o15, *.bg-primary-10-o10 { background-color: rgba(179, 226, 247, 0.1) !important; } *.bg-primary-10-o30 { background-color: rgba(179, 226, 247, 0.3) !important; } *.bg-primary-10-o50 { background-color: rgba(179, 226, 247, 0.5) !important; } .bg-primary-10-o77, .bg-primary-10-o70 { background-color: rgba(179, 226, 247, 0.77) !important; } *.btn-primary-10 { background-color: #b3e2f7; color: #333; transition: all 0.3s; } *.btn-primary-10:hover { background-color: #85d0f2; border-color: #57bfed; } div .text-secondary-100 { color: #7cc7d2; } div .text-secondary-100 > svg { fill: #7cc7d2; } div .text-secondary-100.fad::after { color: #7cc7d2; } .hover:hover .hover-text-secondary-100 { color: #7cc7d2; } .hover:hover .hover-text-secondary-100 svg { fill: #7cc7d2; } .hover:hover .hover-border-secondary-100 { border-color: #7cc7d2; } *.border-secondary-100 { border-color: #7cc7d2 !important; } *.bg-secondary-100, .box.bg-secondary-100 { background-color: #7cc7d2 !important; color: #333; border-color: #5aa5b0; } *.bg-secondary-100 .inherit-border, .box.bg-secondary-100 .inherit-border { border-color: #333; } textarea.bg-secondary-100, input.bg-secondary-100 { border-color: #EEE; } textarea.bg-secondary-100:focus, input.bg-secondary-100:focus, textarea.bg-secondary-100:active, input.bg-secondary-100:active, textarea.bg-secondary-100:focus-visible, input.bg-secondary-100:focus-visible { border-color: #38838e; } textarea.bg-secondary-100::placeholder, input.bg-secondary-100::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-secondary-100-filled input[type=radio], .bg-secondary-100-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-secondary-100-filled.filled { background-color: #7cc7d2 !important; color: #333; border-color: #5aa5b0; } *.bg-secondary-100-o15, *.bg-secondary-100-o10 { background-color: rgba(124, 199, 210, 0.1) !important; } *.bg-secondary-100-o30 { background-color: rgba(124, 199, 210, 0.3) !important; } *.bg-secondary-100-o50 { background-color: rgba(124, 199, 210, 0.5) !important; } .bg-secondary-100-o77, .bg-secondary-100-o70 { background-color: rgba(124, 199, 210, 0.77) !important; } *.btn-secondary-100 { background-color: #7cc7d2; color: #333; transition: all 0.3s; } *.btn-secondary-100:hover { background-color: #56b7c5; border-color: #3b9ead; } div .text-secondary-60 { color: #b2dee5; } div .text-secondary-60 > svg { fill: #b2dee5; } div .text-secondary-60.fad::after { color: #b2dee5; } .hover:hover .hover-text-secondary-60 { color: #b2dee5; } .hover:hover .hover-text-secondary-60 svg { fill: #b2dee5; } .hover:hover .hover-border-secondary-60 { border-color: #b2dee5; } *.border-secondary-60 { border-color: #b2dee5 !important; } *.bg-secondary-60, .box.bg-secondary-60 { background-color: #b2dee5 !important; color: #333; border-color: #90bcc3; } *.bg-secondary-60 .inherit-border, .box.bg-secondary-60 .inherit-border { border-color: #333; } textarea.bg-secondary-60, input.bg-secondary-60 { border-color: #EEE; } textarea.bg-secondary-60:focus, input.bg-secondary-60:focus, textarea.bg-secondary-60:active, input.bg-secondary-60:active, textarea.bg-secondary-60:focus-visible, input.bg-secondary-60:focus-visible { border-color: #6e9aa1; } textarea.bg-secondary-60::placeholder, input.bg-secondary-60::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-secondary-60-filled input[type=radio], .bg-secondary-60-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-secondary-60-filled.filled { background-color: #b2dee5 !important; color: #333; border-color: #90bcc3; } *.bg-secondary-60-o15, *.bg-secondary-60-o10 { background-color: rgba(178, 222, 229, 0.1) !important; } *.bg-secondary-60-o30 { background-color: rgba(178, 222, 229, 0.3) !important; } *.bg-secondary-60-o50 { background-color: rgba(178, 222, 229, 0.5) !important; } .bg-secondary-60-o77, .bg-secondary-60-o70 { background-color: rgba(178, 222, 229, 0.77) !important; } *.btn-secondary-60 { background-color: #b2dee5; color: #333; transition: all 0.3s; } *.btn-secondary-60:hover { background-color: #8cced8; border-color: #66bdcb; } div .text-secondary-40 { color: #c5e6eb; } div .text-secondary-40 > svg { fill: #c5e6eb; } div .text-secondary-40.fad::after { color: #c5e6eb; } .hover:hover .hover-text-secondary-40 { color: #c5e6eb; } .hover:hover .hover-text-secondary-40 svg { fill: #c5e6eb; } .hover:hover .hover-border-secondary-40 { border-color: #c5e6eb; } *.border-secondary-40 { border-color: #c5e6eb !important; } *.bg-secondary-40, .box.bg-secondary-40 { background-color: #c5e6eb !important; color: #333; border-color: #a3c4c9; } *.bg-secondary-40 .inherit-border, .box.bg-secondary-40 .inherit-border { border-color: #333; } textarea.bg-secondary-40, input.bg-secondary-40 { border-color: #EEE; } textarea.bg-secondary-40:focus, input.bg-secondary-40:focus, textarea.bg-secondary-40:active, input.bg-secondary-40:active, textarea.bg-secondary-40:focus-visible, input.bg-secondary-40:focus-visible { border-color: #81a2a7; } textarea.bg-secondary-40::placeholder, input.bg-secondary-40::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-secondary-40-filled input[type=radio], .bg-secondary-40-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-secondary-40-filled.filled { background-color: #c5e6eb !important; color: #333; border-color: #a3c4c9; } *.bg-secondary-40-o15, *.bg-secondary-40-o10 { background-color: rgba(197, 230, 235, 0.1) !important; } *.bg-secondary-40-o30 { background-color: rgba(197, 230, 235, 0.3) !important; } *.bg-secondary-40-o50 { background-color: rgba(197, 230, 235, 0.5) !important; } .bg-secondary-40-o77, .bg-secondary-40-o70 { background-color: rgba(197, 230, 235, 0.77) !important; } *.btn-secondary-40 { background-color: #c5e6eb; color: #333; transition: all 0.3s; } *.btn-secondary-40:hover { background-color: #9fd6de; border-color: #79c5d1; } div .text-secondary-20 { color: #d9eff2; } div .text-secondary-20 > svg { fill: #d9eff2; } div .text-secondary-20.fad::after { color: #d9eff2; } .hover:hover .hover-text-secondary-20 { color: #d9eff2; } .hover:hover .hover-text-secondary-20 svg { fill: #d9eff2; } .hover:hover .hover-border-secondary-20 { border-color: #d9eff2; } *.border-secondary-20 { border-color: #d9eff2 !important; } *.bg-secondary-20, .box.bg-secondary-20 { background-color: #d9eff2 !important; color: #333; border-color: #b7cdd0; } *.bg-secondary-20 .inherit-border, .box.bg-secondary-20 .inherit-border { border-color: #333; } textarea.bg-secondary-20, input.bg-secondary-20 { border-color: #EEE; } textarea.bg-secondary-20:focus, input.bg-secondary-20:focus, textarea.bg-secondary-20:active, input.bg-secondary-20:active, textarea.bg-secondary-20:focus-visible, input.bg-secondary-20:focus-visible { border-color: #95abae; } textarea.bg-secondary-20::placeholder, input.bg-secondary-20::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-secondary-20-filled input[type=radio], .bg-secondary-20-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-secondary-20-filled.filled { background-color: #d9eff2 !important; color: #333; border-color: #b7cdd0; } *.bg-secondary-20-o15, *.bg-secondary-20-o10 { background-color: rgba(217, 239, 242, 0.1) !important; } *.bg-secondary-20-o30 { background-color: rgba(217, 239, 242, 0.3) !important; } *.bg-secondary-20-o50 { background-color: rgba(217, 239, 242, 0.5) !important; } .bg-secondary-20-o77, .bg-secondary-20-o70 { background-color: rgba(217, 239, 242, 0.77) !important; } *.btn-secondary-20 { background-color: #d9eff2; color: #333; transition: all 0.3s; } *.btn-secondary-20:hover { background-color: #b3dfe5; border-color: #8dcfd8; } div .text-secondary-10 { color: #e2f3f5; } div .text-secondary-10 > svg { fill: #e2f3f5; } div .text-secondary-10.fad::after { color: #e2f3f5; } .hover:hover .hover-text-secondary-10 { color: #e2f3f5; } .hover:hover .hover-text-secondary-10 svg { fill: #e2f3f5; } .hover:hover .hover-border-secondary-10 { border-color: #e2f3f5; } *.border-secondary-10 { border-color: #e2f3f5 !important; } *.bg-secondary-10, .box.bg-secondary-10 { background-color: #e2f3f5 !important; color: #333; border-color: #c0d1d3; } *.bg-secondary-10 .inherit-border, .box.bg-secondary-10 .inherit-border { border-color: #333; } textarea.bg-secondary-10, input.bg-secondary-10 { border-color: #EEE; } textarea.bg-secondary-10:focus, input.bg-secondary-10:focus, textarea.bg-secondary-10:active, input.bg-secondary-10:active, textarea.bg-secondary-10:focus-visible, input.bg-secondary-10:focus-visible { border-color: #9eafb1; } textarea.bg-secondary-10::placeholder, input.bg-secondary-10::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-secondary-10-filled input[type=radio], .bg-secondary-10-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-secondary-10-filled.filled { background-color: #e2f3f5 !important; color: #333; border-color: #c0d1d3; } *.bg-secondary-10-o15, *.bg-secondary-10-o10 { background-color: rgba(226, 243, 245, 0.1) !important; } *.bg-secondary-10-o30 { background-color: rgba(226, 243, 245, 0.3) !important; } *.bg-secondary-10-o50 { background-color: rgba(226, 243, 245, 0.5) !important; } .bg-secondary-10-o77, .bg-secondary-10-o70 { background-color: rgba(226, 243, 245, 0.77) !important; } *.btn-secondary-10 { background-color: #e2f3f5; color: #333; transition: all 0.3s; } *.btn-secondary-10:hover { background-color: #bce3e8; border-color: #96d4db; } div .text-green { color: #5cb85c; } div .text-green > svg { fill: #5cb85c; } div .text-green.fad::after { color: #5cb85c; } .hover:hover .hover-text-green { color: #5cb85c; } .hover:hover .hover-text-green svg { fill: #5cb85c; } .hover:hover .hover-border-green { border-color: #5cb85c; } *.border-green { border-color: #5cb85c !important; } *.bg-green, .box.bg-green { background-color: #5cb85c !important; color: #FFF; border-color: #3a963a; } *.bg-green .inherit-border, .box.bg-green .inherit-border { border-color: #FFF; } textarea.bg-green, input.bg-green { border-color: #EEE; } textarea.bg-green:focus, input.bg-green:focus, textarea.bg-green:active, input.bg-green:active, textarea.bg-green:focus-visible, input.bg-green:focus-visible { border-color: #187418; } textarea.bg-green::placeholder, input.bg-green::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-green-filled input[type=radio], .bg-green-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-green-filled.filled { background-color: #5cb85c !important; color: #FFF; border-color: #3a963a; } *.bg-green-o15, *.bg-green-o10 { background-color: rgba(92, 184, 92, 0.1) !important; } *.bg-green-o30 { background-color: rgba(92, 184, 92, 0.3) !important; } *.bg-green-o50 { background-color: rgba(92, 184, 92, 0.5) !important; } .bg-green-o77, .bg-green-o70 { background-color: rgba(92, 184, 92, 0.77) !important; } *.btn-green { background-color: #5cb85c; color: #FFF; transition: all 0.3s; } *.btn-green:hover { background-color: #449d44; border-color: #357935; } div .text-blue { color: #2595CC; } div .text-blue > svg { fill: #2595CC; } div .text-blue.fad::after { color: #2595CC; } .hover:hover .hover-text-blue { color: #2595CC; } .hover:hover .hover-text-blue svg { fill: #2595CC; } .hover:hover .hover-border-blue { border-color: #2595CC; } *.border-blue { border-color: #2595CC !important; } *.bg-blue, .box.bg-blue { background-color: #2595CC !important; color: #FFF; border-color: #0373aa; } *.bg-blue .inherit-border, .box.bg-blue .inherit-border { border-color: #FFF; } textarea.bg-blue, input.bg-blue { border-color: #EEE; } textarea.bg-blue:focus, input.bg-blue:focus, textarea.bg-blue:active, input.bg-blue:active, textarea.bg-blue:focus-visible, input.bg-blue:focus-visible { border-color: #005188; } textarea.bg-blue::placeholder, input.bg-blue::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-blue-filled input[type=radio], .bg-blue-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-blue-filled.filled { background-color: #2595CC !important; color: #FFF; border-color: #0373aa; } *.bg-blue-o15, *.bg-blue-o10 { background-color: rgba(37, 149, 204, 0.1) !important; } *.bg-blue-o30 { background-color: rgba(37, 149, 204, 0.3) !important; } *.bg-blue-o50 { background-color: rgba(37, 149, 204, 0.5) !important; } .bg-blue-o77, .bg-blue-o70 { background-color: rgba(37, 149, 204, 0.77) !important; } *.btn-blue { background-color: #2595CC; color: #FFF; transition: all 0.3s; } *.btn-blue:hover { background-color: #1d75a1; border-color: #155676; } div .text-blue-bright { color: #3590F1; } div .text-blue-bright > svg { fill: #3590F1; } div .text-blue-bright.fad::after { color: #3590F1; } .hover:hover .hover-text-blue-bright { color: #3590F1; } .hover:hover .hover-text-blue-bright svg { fill: #3590F1; } .hover:hover .hover-border-blue-bright { border-color: #3590F1; } *.border-blue-bright { border-color: #3590F1 !important; } *.bg-blue-bright, .box.bg-blue-bright { background-color: #3590F1 !important; color: #FFF; border-color: #136ecf; } *.bg-blue-bright .inherit-border, .box.bg-blue-bright .inherit-border { border-color: #FFF; } textarea.bg-blue-bright, input.bg-blue-bright { border-color: #EEE; } textarea.bg-blue-bright:focus, input.bg-blue-bright:focus, textarea.bg-blue-bright:active, input.bg-blue-bright:active, textarea.bg-blue-bright:focus-visible, input.bg-blue-bright:focus-visible { border-color: #004cad; } textarea.bg-blue-bright::placeholder, input.bg-blue-bright::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-blue-bright-filled input[type=radio], .bg-blue-bright-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-blue-bright-filled.filled { background-color: #3590F1 !important; color: #FFF; border-color: #136ecf; } *.bg-blue-bright-o15, *.bg-blue-bright-o10 { background-color: rgba(53, 144, 241, 0.1) !important; } *.bg-blue-bright-o30 { background-color: rgba(53, 144, 241, 0.3) !important; } *.bg-blue-bright-o50 { background-color: rgba(53, 144, 241, 0.5) !important; } .bg-blue-bright-o77, .bg-blue-bright-o70 { background-color: rgba(53, 144, 241, 0.77) !important; } *.btn-blue-bright { background-color: #3590F1; color: #FFF; transition: all 0.3s; } *.btn-blue-bright:hover { background-color: #1076e3; border-color: #0c5db4; } div .text-orange { color: #FE9930; } div .text-orange > svg { fill: #FE9930; } div .text-orange.fad::after { color: #FE9930; } .hover:hover .hover-text-orange { color: #FE9930; } .hover:hover .hover-text-orange svg { fill: #FE9930; } .hover:hover .hover-border-orange { border-color: #FE9930; } *.border-orange { border-color: #FE9930 !important; } *.bg-orange, .box.bg-orange { background-color: #FE9930 !important; color: #FFF; border-color: #dc770e; } *.bg-orange .inherit-border, .box.bg-orange .inherit-border { border-color: #FFF; } textarea.bg-orange, input.bg-orange { border-color: #EEE; } textarea.bg-orange:focus, input.bg-orange:focus, textarea.bg-orange:active, input.bg-orange:active, textarea.bg-orange:focus-visible, input.bg-orange:focus-visible { border-color: #ba5500; } textarea.bg-orange::placeholder, input.bg-orange::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-orange-filled input[type=radio], .bg-orange-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-orange-filled.filled { background-color: #FE9930 !important; color: #FFF; border-color: #dc770e; } *.bg-orange-o15, *.bg-orange-o10 { background-color: rgba(254, 153, 48, 0.1) !important; } *.bg-orange-o30 { background-color: rgba(254, 153, 48, 0.3) !important; } *.bg-orange-o50 { background-color: rgba(254, 153, 48, 0.5) !important; } .bg-orange-o77, .bg-orange-o70 { background-color: rgba(254, 153, 48, 0.77) !important; } *.btn-orange { background-color: #FE9930; color: #FFF; transition: all 0.3s; } *.btn-orange:hover { background-color: #fa8001; border-color: #c76601; } div .text-orange-40 { color: #fec283; } div .text-orange-40 > svg { fill: #fec283; } div .text-orange-40.fad::after { color: #fec283; } .hover:hover .hover-text-orange-40 { color: #fec283; } .hover:hover .hover-text-orange-40 svg { fill: #fec283; } .hover:hover .hover-border-orange-40 { border-color: #fec283; } *.border-orange-40 { border-color: #fec283 !important; } *.bg-orange-40, .box.bg-orange-40 { background-color: #fec283 !important; color: #333; border-color: #dca061; } *.bg-orange-40 .inherit-border, .box.bg-orange-40 .inherit-border { border-color: #333; } textarea.bg-orange-40, input.bg-orange-40 { border-color: #EEE; } textarea.bg-orange-40:focus, input.bg-orange-40:focus, textarea.bg-orange-40:active, input.bg-orange-40:active, textarea.bg-orange-40:focus-visible, input.bg-orange-40:focus-visible { border-color: #ba7e3f; } textarea.bg-orange-40::placeholder, input.bg-orange-40::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-orange-40-filled input[type=radio], .bg-orange-40-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-orange-40-filled.filled { background-color: #fec283 !important; color: #333; border-color: #dca061; } *.bg-orange-40-o15, *.bg-orange-40-o10 { background-color: rgba(254, 194, 131, 0.1) !important; } *.bg-orange-40-o30 { background-color: rgba(254, 194, 131, 0.3) !important; } *.bg-orange-40-o50 { background-color: rgba(254, 194, 131, 0.5) !important; } .bg-orange-40-o77, .bg-orange-40-o70 { background-color: rgba(254, 194, 131, 0.77) !important; } *.btn-orange-40 { background-color: #fec283; color: #333; transition: all 0.3s; } *.btn-orange-40:hover { background-color: #fea950; border-color: #fd901e; } div .text-red { color: #DE1C22; } div .text-red > svg { fill: #DE1C22; } div .text-red.fad::after { color: #DE1C22; } .hover:hover .hover-text-red { color: #DE1C22; } .hover:hover .hover-text-red svg { fill: #DE1C22; } .hover:hover .hover-border-red { border-color: #DE1C22; } *.border-red { border-color: #DE1C22 !important; } *.bg-red, .box.bg-red { background-color: #DE1C22 !important; color: #FFF; border-color: #bc0000; } *.bg-red .inherit-border, .box.bg-red .inherit-border { border-color: #FFF; } textarea.bg-red, input.bg-red { border-color: #EEE; } textarea.bg-red:focus, input.bg-red:focus, textarea.bg-red:active, input.bg-red:active, textarea.bg-red:focus-visible, input.bg-red:focus-visible { border-color: #9a0000; } textarea.bg-red::placeholder, input.bg-red::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-red-filled input[type=radio], .bg-red-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-red-filled.filled { background-color: #DE1C22 !important; color: #FFF; border-color: #bc0000; } *.bg-red-o15, *.bg-red-o10 { background-color: rgba(222, 28, 34, 0.1) !important; } *.bg-red-o30 { background-color: rgba(222, 28, 34, 0.3) !important; } *.bg-red-o50 { background-color: rgba(222, 28, 34, 0.5) !important; } .bg-red-o77, .bg-red-o70 { background-color: rgba(222, 28, 34, 0.77) !important; } *.btn-red { background-color: #DE1C22; color: #FFF; transition: all 0.3s; } *.btn-red:hover { background-color: #b1161b; border-color: #831114; } div .text-red-40 { color: #eb777a; } div .text-red-40 > svg { fill: #eb777a; } div .text-red-40.fad::after { color: #eb777a; } .hover:hover .hover-text-red-40 { color: #eb777a; } .hover:hover .hover-text-red-40 svg { fill: #eb777a; } .hover:hover .hover-border-red-40 { border-color: #eb777a; } *.border-red-40 { border-color: #eb777a !important; } *.bg-red-40, .box.bg-red-40 { background-color: #eb777a !important; color: #FFF; border-color: #c95558; } *.bg-red-40 .inherit-border, .box.bg-red-40 .inherit-border { border-color: #FFF; } textarea.bg-red-40, input.bg-red-40 { border-color: #EEE; } textarea.bg-red-40:focus, input.bg-red-40:focus, textarea.bg-red-40:active, input.bg-red-40:active, textarea.bg-red-40:focus-visible, input.bg-red-40:focus-visible { border-color: #a73336; } textarea.bg-red-40::placeholder, input.bg-red-40::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-red-40-filled input[type=radio], .bg-red-40-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-red-40-filled.filled { background-color: #eb777a !important; color: #FFF; border-color: #c95558; } *.bg-red-40-o15, *.bg-red-40-o10 { background-color: rgba(235, 119, 122, 0.1) !important; } *.bg-red-40-o30 { background-color: rgba(235, 119, 122, 0.3) !important; } *.bg-red-40-o50 { background-color: rgba(235, 119, 122, 0.5) !important; } .bg-red-40-o77, .bg-red-40-o70 { background-color: rgba(235, 119, 122, 0.77) !important; } *.btn-red-40 { background-color: #eb777a; color: #FFF; transition: all 0.3s; } *.btn-red-40:hover { background-color: #e44b4f; border-color: #dc2025; } div .text-purple { color: #AD28AD; } div .text-purple > svg { fill: #AD28AD; } div .text-purple.fad::after { color: #AD28AD; } .hover:hover .hover-text-purple { color: #AD28AD; } .hover:hover .hover-text-purple svg { fill: #AD28AD; } .hover:hover .hover-border-purple { border-color: #AD28AD; } *.border-purple { border-color: #AD28AD !important; } *.bg-purple, .box.bg-purple { background-color: #AD28AD !important; color: #FFF; border-color: #8b068b; } *.bg-purple .inherit-border, .box.bg-purple .inherit-border { border-color: #FFF; } textarea.bg-purple, input.bg-purple { border-color: #EEE; } textarea.bg-purple:focus, input.bg-purple:focus, textarea.bg-purple:active, input.bg-purple:active, textarea.bg-purple:focus-visible, input.bg-purple:focus-visible { border-color: #690069; } textarea.bg-purple::placeholder, input.bg-purple::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-purple-filled input[type=radio], .bg-purple-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-purple-filled.filled { background-color: #AD28AD !important; color: #FFF; border-color: #8b068b; } *.bg-purple-o15, *.bg-purple-o10 { background-color: rgba(173, 40, 173, 0.1) !important; } *.bg-purple-o30 { background-color: rgba(173, 40, 173, 0.3) !important; } *.bg-purple-o50 { background-color: rgba(173, 40, 173, 0.5) !important; } .bg-purple-o77, .bg-purple-o70 { background-color: rgba(173, 40, 173, 0.77) !important; } *.btn-purple { background-color: #AD28AD; color: #FFF; transition: all 0.3s; } *.btn-purple:hover { background-color: #841e84; border-color: #5a155a; } div .text-pink { color: #f92672; } div .text-pink > svg { fill: #f92672; } div .text-pink.fad::after { color: #f92672; } .hover:hover .hover-text-pink { color: #f92672; } .hover:hover .hover-text-pink svg { fill: #f92672; } .hover:hover .hover-border-pink { border-color: #f92672; } *.border-pink { border-color: #f92672 !important; } *.bg-pink, .box.bg-pink { background-color: #f92672 !important; color: #FFF; border-color: #d70450; } *.bg-pink .inherit-border, .box.bg-pink .inherit-border { border-color: #FFF; } textarea.bg-pink, input.bg-pink { border-color: #EEE; } textarea.bg-pink:focus, input.bg-pink:focus, textarea.bg-pink:active, input.bg-pink:active, textarea.bg-pink:focus-visible, input.bg-pink:focus-visible { border-color: #b5002e; } textarea.bg-pink::placeholder, input.bg-pink::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-pink-filled input[type=radio], .bg-pink-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-pink-filled.filled { background-color: #f92672 !important; color: #FFF; border-color: #d70450; } *.bg-pink-o15, *.bg-pink-o10 { background-color: rgba(249, 38, 114, 0.1) !important; } *.bg-pink-o30 { background-color: rgba(249, 38, 114, 0.3) !important; } *.bg-pink-o50 { background-color: rgba(249, 38, 114, 0.5) !important; } .bg-pink-o77, .bg-pink-o70 { background-color: rgba(249, 38, 114, 0.77) !important; } *.btn-pink { background-color: #f92672; color: #FFF; transition: all 0.3s; } *.btn-pink:hover { background-color: #e60657; border-color: #b40544; } div .text-success { color: #5cb85c; } div .text-success > svg { fill: #5cb85c; } div .text-success.fad::after { color: #5cb85c; } .hover:hover .hover-text-success { color: #5cb85c; } .hover:hover .hover-text-success svg { fill: #5cb85c; } .hover:hover .hover-border-success { border-color: #5cb85c; } *.border-success { border-color: #5cb85c !important; } *.bg-success, .box.bg-success { background-color: #5cb85c !important; color: #FFF; border-color: #3a963a; } *.bg-success .inherit-border, .box.bg-success .inherit-border { border-color: #FFF; } textarea.bg-success, input.bg-success { border-color: #EEE; } textarea.bg-success:focus, input.bg-success:focus, textarea.bg-success:active, input.bg-success:active, textarea.bg-success:focus-visible, input.bg-success:focus-visible { border-color: #187418; } textarea.bg-success::placeholder, input.bg-success::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-success-filled input[type=radio], .bg-success-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-success-filled.filled { background-color: #5cb85c !important; color: #FFF; border-color: #3a963a; } *.bg-success-o15, *.bg-success-o10 { background-color: rgba(92, 184, 92, 0.1) !important; } *.bg-success-o30 { background-color: rgba(92, 184, 92, 0.3) !important; } *.bg-success-o50 { background-color: rgba(92, 184, 92, 0.5) !important; } .bg-success-o77, .bg-success-o70 { background-color: rgba(92, 184, 92, 0.77) !important; } *.btn-success { background-color: #5cb85c; color: #FFF; transition: all 0.3s; } *.btn-success:hover { background-color: #449d44; border-color: #357935; } div .text-info { color: #5bc0de; } div .text-info > svg { fill: #5bc0de; } div .text-info.fad::after { color: #5bc0de; } .hover:hover .hover-text-info { color: #5bc0de; } .hover:hover .hover-text-info svg { fill: #5bc0de; } .hover:hover .hover-border-info { border-color: #5bc0de; } *.border-info { border-color: #5bc0de !important; } *.bg-info, .box.bg-info { background-color: #5bc0de !important; color: #FFF; border-color: #399ebc; } *.bg-info .inherit-border, .box.bg-info .inherit-border { border-color: #FFF; } textarea.bg-info, input.bg-info { border-color: #EEE; } textarea.bg-info:focus, input.bg-info:focus, textarea.bg-info:active, input.bg-info:active, textarea.bg-info:focus-visible, input.bg-info:focus-visible { border-color: #177c9a; } textarea.bg-info::placeholder, input.bg-info::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-info-filled input[type=radio], .bg-info-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-info-filled.filled { background-color: #5bc0de !important; color: #FFF; border-color: #399ebc; } *.bg-info-o15, *.bg-info-o10 { background-color: rgba(91, 192, 222, 0.1) !important; } *.bg-info-o30 { background-color: rgba(91, 192, 222, 0.3) !important; } *.bg-info-o50 { background-color: rgba(91, 192, 222, 0.5) !important; } .bg-info-o77, .bg-info-o70 { background-color: rgba(91, 192, 222, 0.77) !important; } *.btn-info { background-color: #5bc0de; color: #FFF; transition: all 0.3s; } *.btn-info:hover { background-color: #31b0d5; border-color: #2390b0; } div .text-warning { color: #f0ad4e; } div .text-warning > svg { fill: #f0ad4e; } div .text-warning.fad::after { color: #f0ad4e; } .hover:hover .hover-text-warning { color: #f0ad4e; } .hover:hover .hover-text-warning svg { fill: #f0ad4e; } .hover:hover .hover-border-warning { border-color: #f0ad4e; } *.border-warning { border-color: #f0ad4e !important; } *.bg-warning, .box.bg-warning { background-color: #f0ad4e !important; color: #FFF; border-color: #ce8b2c; } *.bg-warning .inherit-border, .box.bg-warning .inherit-border { border-color: #FFF; } textarea.bg-warning, input.bg-warning { border-color: #EEE; } textarea.bg-warning:focus, input.bg-warning:focus, textarea.bg-warning:active, input.bg-warning:active, textarea.bg-warning:focus-visible, input.bg-warning:focus-visible { border-color: #ac690a; } textarea.bg-warning::placeholder, input.bg-warning::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-warning-filled input[type=radio], .bg-warning-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-warning-filled.filled { background-color: #f0ad4e !important; color: #FFF; border-color: #ce8b2c; } *.bg-warning-o15, *.bg-warning-o10 { background-color: rgba(240, 173, 78, 0.1) !important; } *.bg-warning-o30 { background-color: rgba(240, 173, 78, 0.3) !important; } *.bg-warning-o50 { background-color: rgba(240, 173, 78, 0.5) !important; } .bg-warning-o77, .bg-warning-o70 { background-color: rgba(240, 173, 78, 0.77) !important; } *.btn-warning { background-color: #f0ad4e; color: #FFF; transition: all 0.3s; } *.btn-warning:hover { background-color: #ec971f; border-color: #c77c11; } div .text-danger { color: #d9534f; } div .text-danger > svg { fill: #d9534f; } div .text-danger.fad::after { color: #d9534f; } .hover:hover .hover-text-danger { color: #d9534f; } .hover:hover .hover-text-danger svg { fill: #d9534f; } .hover:hover .hover-border-danger { border-color: #d9534f; } *.border-danger { border-color: #d9534f !important; } *.bg-danger, .box.bg-danger { background-color: #d9534f !important; color: #FFF; border-color: #b7312d; } *.bg-danger .inherit-border, .box.bg-danger .inherit-border { border-color: #FFF; } textarea.bg-danger, input.bg-danger { border-color: #EEE; } textarea.bg-danger:focus, input.bg-danger:focus, textarea.bg-danger:active, input.bg-danger:active, textarea.bg-danger:focus-visible, input.bg-danger:focus-visible { border-color: #950f0b; } textarea.bg-danger::placeholder, input.bg-danger::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-danger-filled input[type=radio], .bg-danger-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-danger-filled.filled { background-color: #d9534f !important; color: #FFF; border-color: #b7312d; } *.bg-danger-o15, *.bg-danger-o10 { background-color: rgba(217, 83, 79, 0.1) !important; } *.bg-danger-o30 { background-color: rgba(217, 83, 79, 0.3) !important; } *.bg-danger-o50 { background-color: rgba(217, 83, 79, 0.5) !important; } .bg-danger-o77, .bg-danger-o70 { background-color: rgba(217, 83, 79, 0.77) !important; } *.btn-danger { background-color: #d9534f; color: #FFF; transition: all 0.3s; } *.btn-danger:hover { background-color: #c9302c; border-color: #a02622; } div .text-white { color: #FFFFFF; } div .text-white > svg { fill: #FFFFFF; } div .text-white.fad::after { color: #FFFFFF; } .hover:hover .hover-text-white { color: #FFFFFF; } .hover:hover .hover-text-white svg { fill: #FFFFFF; } .hover:hover .hover-border-white { border-color: #FFFFFF; } *.border-white { border-color: #FFFFFF !important; } *.bg-white, .box.bg-white { background-color: #FFFFFF !important; color: #333; border-color: #dddddd; } *.bg-white .inherit-border, .box.bg-white .inherit-border { border-color: #333; } textarea.bg-white, input.bg-white { border-color: #EEE; } textarea.bg-white:focus, input.bg-white:focus, textarea.bg-white:active, input.bg-white:active, textarea.bg-white:focus-visible, input.bg-white:focus-visible { border-color: #bbbbbb; } textarea.bg-white::placeholder, input.bg-white::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-white-filled input[type=radio], .bg-white-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-white-filled.filled { background-color: #FFFFFF !important; color: #333; border-color: #dddddd; } *.bg-white-o15, *.bg-white-o10 { background-color: rgba(255, 255, 255, 0.1) !important; } *.bg-white-o30 { background-color: rgba(255, 255, 255, 0.3) !important; } *.bg-white-o50 { background-color: rgba(255, 255, 255, 0.5) !important; } .bg-white-o77, .bg-white-o70 { background-color: rgba(255, 255, 255, 0.77) !important; } *.btn-white { background-color: #FFFFFF; color: #333; transition: all 0.3s; } *.btn-white:hover { background-color: #e6e6e6; border-color: #cccccc; } div .text-black { color: #222222; } div .text-black > svg { fill: #222222; } div .text-black.fad::after { color: #222222; } .hover:hover .hover-text-black { color: #222222; } .hover:hover .hover-text-black svg { fill: #222222; } .hover:hover .hover-border-black { border-color: #222222; } *.border-black { border-color: #222222 !important; } *.bg-black, .box.bg-black { background-color: #222222 !important; color: #FFF; border-color: #000000; } *.bg-black .inherit-border, .box.bg-black .inherit-border { border-color: #FFF; } textarea.bg-black, input.bg-black { border-color: #EEE; } textarea.bg-black:focus, input.bg-black:focus, textarea.bg-black:active, input.bg-black:active, textarea.bg-black:focus-visible, input.bg-black:focus-visible { border-color: #000000; } textarea.bg-black::placeholder, input.bg-black::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-black-filled input[type=radio], .bg-black-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-black-filled.filled { background-color: #222222 !important; color: #FFF; border-color: #000000; } *.bg-black-o15, *.bg-black-o10 { background-color: rgba(34, 34, 34, 0.1) !important; } *.bg-black-o30 { background-color: rgba(34, 34, 34, 0.3) !important; } *.bg-black-o50 { background-color: rgba(34, 34, 34, 0.5) !important; } .bg-black-o77, .bg-black-o70 { background-color: rgba(34, 34, 34, 0.77) !important; } *.btn-black { background-color: #222222; color: #FFF; transition: all 0.3s; } *.btn-black:hover { background-color: #080808; border-color: #000000; } div .text-light { color: #666666; } div .text-light > svg { fill: #666666; } div .text-light.fad::after { color: #666666; } .hover:hover .hover-text-light { color: #666666; } .hover:hover .hover-text-light svg { fill: #666666; } .hover:hover .hover-border-light { border-color: #666666; } *.border-light { border-color: #EEEEEE !important; } *.bg-light, .box.bg-light { background-color: #EEEEEE !important; color: #333; border-color: #cccccc; } *.bg-light .inherit-border, .box.bg-light .inherit-border { border-color: #333; } textarea.bg-light, input.bg-light { border-color: #EEE; } textarea.bg-light:focus, input.bg-light:focus, textarea.bg-light:active, input.bg-light:active, textarea.bg-light:focus-visible, input.bg-light:focus-visible { border-color: #aaaaaa; } textarea.bg-light::placeholder, input.bg-light::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-light-filled input[type=radio], .bg-light-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-light-filled.filled { background-color: #EEEEEE !important; color: #333; border-color: #cccccc; } *.bg-light-o15, *.bg-light-o10 { background-color: rgba(238, 238, 238, 0.1) !important; } *.bg-light-o30 { background-color: rgba(238, 238, 238, 0.3) !important; } *.bg-light-o50 { background-color: rgba(238, 238, 238, 0.5) !important; } .bg-light-o77, .bg-light-o70 { background-color: rgba(238, 238, 238, 0.77) !important; } *.btn-light { background-color: #666666; color: #FFF; transition: all 0.3s; } *.btn-light:hover { background-color: #4d4d4d; border-color: #333333; } div .text-lighter { color: #AFAFAF; } div .text-lighter > svg { fill: #AFAFAF; } div .text-lighter.fad::after { color: #AFAFAF; } .hover:hover .hover-text-lighter { color: #AFAFAF; } .hover:hover .hover-text-lighter svg { fill: #AFAFAF; } .hover:hover .hover-border-lighter { border-color: #AFAFAF; } *.border-lighter { border-color: #F0F0F0 !important; } *.bg-lighter, .box.bg-lighter { background-color: #F0F0F0 !important; color: #333; border-color: #cecece; } *.bg-lighter .inherit-border, .box.bg-lighter .inherit-border { border-color: #333; } textarea.bg-lighter, input.bg-lighter { border-color: #EEE; } textarea.bg-lighter:focus, input.bg-lighter:focus, textarea.bg-lighter:active, input.bg-lighter:active, textarea.bg-lighter:focus-visible, input.bg-lighter:focus-visible { border-color: #acacac; } textarea.bg-lighter::placeholder, input.bg-lighter::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-lighter-filled input[type=radio], .bg-lighter-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-lighter-filled.filled { background-color: #F0F0F0 !important; color: #333; border-color: #cecece; } *.bg-lighter-o15, *.bg-lighter-o10 { background-color: rgba(240, 240, 240, 0.1) !important; } *.bg-lighter-o30 { background-color: rgba(240, 240, 240, 0.3) !important; } *.bg-lighter-o50 { background-color: rgba(240, 240, 240, 0.5) !important; } .bg-lighter-o77, .bg-lighter-o70 { background-color: rgba(240, 240, 240, 0.77) !important; } *.btn-lighter { background-color: #AFAFAF; color: #333; transition: all 0.3s; } *.btn-lighter:hover { background-color: #969696; border-color: #7c7c7c; } div .text-grey { color: #2A2B2C; } div .text-grey > svg { fill: #2A2B2C; } div .text-grey.fad::after { color: #2A2B2C; } .hover:hover .hover-text-grey { color: #2A2B2C; } .hover:hover .hover-text-grey svg { fill: #2A2B2C; } .hover:hover .hover-border-grey { border-color: #2A2B2C; } *.border-grey { border-color: #666666 !important; } *.bg-grey, .box.bg-grey { background-color: #666666 !important; color: #FFF; border-color: #444444; } *.bg-grey .inherit-border, .box.bg-grey .inherit-border { border-color: #FFF; } textarea.bg-grey, input.bg-grey { border-color: #EEE; } textarea.bg-grey:focus, input.bg-grey:focus, textarea.bg-grey:active, input.bg-grey:active, textarea.bg-grey:focus-visible, input.bg-grey:focus-visible { border-color: #222222; } textarea.bg-grey::placeholder, input.bg-grey::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-grey-filled input[type=radio], .bg-grey-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-filled.filled { background-color: #666666 !important; color: #FFF; border-color: #444444; } *.bg-grey-o15, *.bg-grey-o10 { background-color: rgba(102, 102, 102, 0.1) !important; } *.bg-grey-o30 { background-color: rgba(102, 102, 102, 0.3) !important; } *.bg-grey-o50 { background-color: rgba(102, 102, 102, 0.5) !important; } .bg-grey-o77, .bg-grey-o70 { background-color: rgba(102, 102, 102, 0.77) !important; } *.btn-grey { background-color: #2A2B2C; color: #FFF; transition: all 0.3s; } *.btn-grey:hover { background-color: #111212; border-color: #000000; } div .text-gray { color: #2A2B2C; } div .text-gray > svg { fill: #2A2B2C; } div .text-gray.fad::after { color: #2A2B2C; } .hover:hover .hover-text-gray { color: #2A2B2C; } .hover:hover .hover-text-gray svg { fill: #2A2B2C; } .hover:hover .hover-border-gray { border-color: #2A2B2C; } *.border-gray { border-color: #666666 !important; } *.bg-gray, .box.bg-gray { background-color: #666666 !important; color: #FFF; border-color: #444444; } *.bg-gray .inherit-border, .box.bg-gray .inherit-border { border-color: #FFF; } textarea.bg-gray, input.bg-gray { border-color: #EEE; } textarea.bg-gray:focus, input.bg-gray:focus, textarea.bg-gray:active, input.bg-gray:active, textarea.bg-gray:focus-visible, input.bg-gray:focus-visible { border-color: #222222; } textarea.bg-gray::placeholder, input.bg-gray::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-gray-filled input[type=radio], .bg-gray-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-filled.filled { background-color: #666666 !important; color: #FFF; border-color: #444444; } *.bg-gray-o15, *.bg-gray-o10 { background-color: rgba(102, 102, 102, 0.1) !important; } *.bg-gray-o30 { background-color: rgba(102, 102, 102, 0.3) !important; } *.bg-gray-o50 { background-color: rgba(102, 102, 102, 0.5) !important; } .bg-gray-o77, .bg-gray-o70 { background-color: rgba(102, 102, 102, 0.77) !important; } *.btn-gray { background-color: #2A2B2C; color: #FFF; transition: all 0.3s; } *.btn-gray:hover { background-color: #111212; border-color: #000000; } div .text-grey-100 { color: #161616; } div .text-grey-100 > svg { fill: #161616; } div .text-grey-100.fad::after { color: #161616; } .hover:hover .hover-text-grey-100 { color: #161616; } .hover:hover .hover-text-grey-100 svg { fill: #161616; } .hover:hover .hover-border-grey-100 { border-color: #161616; } *.border-grey-100 { border-color: #161616 !important; } *.bg-grey-100, .box.bg-grey-100 { background-color: #161616 !important; color: #FFF; border-color: #000000; } *.bg-grey-100 .inherit-border, .box.bg-grey-100 .inherit-border { border-color: #FFF; } textarea.bg-grey-100, input.bg-grey-100 { border-color: #EEE; } textarea.bg-grey-100:focus, input.bg-grey-100:focus, textarea.bg-grey-100:active, input.bg-grey-100:active, textarea.bg-grey-100:focus-visible, input.bg-grey-100:focus-visible { border-color: #000000; } textarea.bg-grey-100::placeholder, input.bg-grey-100::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-grey-100-filled input[type=radio], .bg-grey-100-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-100-filled.filled { background-color: #161616 !important; color: #FFF; border-color: #000000; } *.bg-grey-100-o15, *.bg-grey-100-o10 { background-color: rgba(22, 22, 22, 0.1) !important; } *.bg-grey-100-o30 { background-color: rgba(22, 22, 22, 0.3) !important; } *.bg-grey-100-o50 { background-color: rgba(22, 22, 22, 0.5) !important; } .bg-grey-100-o77, .bg-grey-100-o70 { background-color: rgba(22, 22, 22, 0.77) !important; } *.btn-grey-100 { background-color: #161616; color: #FFF; transition: all 0.3s; } *.btn-grey-100:hover { background-color: #000000; border-color: #000000; } div .text-gray-100 { color: #161616; } div .text-gray-100 > svg { fill: #161616; } div .text-gray-100.fad::after { color: #161616; } .hover:hover .hover-text-gray-100 { color: #161616; } .hover:hover .hover-text-gray-100 svg { fill: #161616; } .hover:hover .hover-border-gray-100 { border-color: #161616; } *.border-gray-100 { border-color: #161616 !important; } *.bg-gray-100, .box.bg-gray-100 { background-color: #161616 !important; color: #FFF; border-color: #000000; } *.bg-gray-100 .inherit-border, .box.bg-gray-100 .inherit-border { border-color: #FFF; } textarea.bg-gray-100, input.bg-gray-100 { border-color: #EEE; } textarea.bg-gray-100:focus, input.bg-gray-100:focus, textarea.bg-gray-100:active, input.bg-gray-100:active, textarea.bg-gray-100:focus-visible, input.bg-gray-100:focus-visible { border-color: #000000; } textarea.bg-gray-100::placeholder, input.bg-gray-100::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-gray-100-filled input[type=radio], .bg-gray-100-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-100-filled.filled { background-color: #161616 !important; color: #FFF; border-color: #000000; } *.bg-gray-100-o15, *.bg-gray-100-o10 { background-color: rgba(22, 22, 22, 0.1) !important; } *.bg-gray-100-o30 { background-color: rgba(22, 22, 22, 0.3) !important; } *.bg-gray-100-o50 { background-color: rgba(22, 22, 22, 0.5) !important; } .bg-gray-100-o77, .bg-gray-100-o70 { background-color: rgba(22, 22, 22, 0.77) !important; } *.btn-gray-100 { background-color: #161616; color: #FFF; transition: all 0.3s; } *.btn-gray-100:hover { background-color: #000000; border-color: #000000; } div .text-grey-70 { color: #494949; } div .text-grey-70 > svg { fill: #494949; } div .text-grey-70.fad::after { color: #494949; } .hover:hover .hover-text-grey-70 { color: #494949; } .hover:hover .hover-text-grey-70 svg { fill: #494949; } .hover:hover .hover-border-grey-70 { border-color: #494949; } *.border-grey-70 { border-color: #494949 !important; } *.bg-grey-70, .box.bg-grey-70 { background-color: #494949 !important; color: #FFF; border-color: #272727; } *.bg-grey-70 .inherit-border, .box.bg-grey-70 .inherit-border { border-color: #FFF; } textarea.bg-grey-70, input.bg-grey-70 { border-color: #EEE; } textarea.bg-grey-70:focus, input.bg-grey-70:focus, textarea.bg-grey-70:active, input.bg-grey-70:active, textarea.bg-grey-70:focus-visible, input.bg-grey-70:focus-visible { border-color: #050505; } textarea.bg-grey-70::placeholder, input.bg-grey-70::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-grey-70-filled input[type=radio], .bg-grey-70-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-70-filled.filled { background-color: #494949 !important; color: #FFF; border-color: #272727; } *.bg-grey-70-o15, *.bg-grey-70-o10 { background-color: rgba(73, 73, 73, 0.1) !important; } *.bg-grey-70-o30 { background-color: rgba(73, 73, 73, 0.3) !important; } *.bg-grey-70-o50 { background-color: rgba(73, 73, 73, 0.5) !important; } .bg-grey-70-o77, .bg-grey-70-o70 { background-color: rgba(73, 73, 73, 0.77) !important; } *.btn-grey-70 { background-color: #494949; color: #FFF; transition: all 0.3s; } *.btn-grey-70:hover { background-color: #2f2f2f; border-color: #161616; } div .text-gray-70 { color: #494949; } div .text-gray-70 > svg { fill: #494949; } div .text-gray-70.fad::after { color: #494949; } .hover:hover .hover-text-gray-70 { color: #494949; } .hover:hover .hover-text-gray-70 svg { fill: #494949; } .hover:hover .hover-border-gray-70 { border-color: #494949; } *.border-gray-70 { border-color: #494949 !important; } *.bg-gray-70, .box.bg-gray-70 { background-color: #494949 !important; color: #FFF; border-color: #272727; } *.bg-gray-70 .inherit-border, .box.bg-gray-70 .inherit-border { border-color: #FFF; } textarea.bg-gray-70, input.bg-gray-70 { border-color: #EEE; } textarea.bg-gray-70:focus, input.bg-gray-70:focus, textarea.bg-gray-70:active, input.bg-gray-70:active, textarea.bg-gray-70:focus-visible, input.bg-gray-70:focus-visible { border-color: #050505; } textarea.bg-gray-70::placeholder, input.bg-gray-70::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-gray-70-filled input[type=radio], .bg-gray-70-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-70-filled.filled { background-color: #494949 !important; color: #FFF; border-color: #272727; } *.bg-gray-70-o15, *.bg-gray-70-o10 { background-color: rgba(73, 73, 73, 0.1) !important; } *.bg-gray-70-o30 { background-color: rgba(73, 73, 73, 0.3) !important; } *.bg-gray-70-o50 { background-color: rgba(73, 73, 73, 0.5) !important; } .bg-gray-70-o77, .bg-gray-70-o70 { background-color: rgba(73, 73, 73, 0.77) !important; } *.btn-gray-70 { background-color: #494949; color: #FFF; transition: all 0.3s; } *.btn-gray-70:hover { background-color: #2f2f2f; border-color: #161616; } div .text-grey-60 { color: #555556; } div .text-grey-60 > svg { fill: #555556; } div .text-grey-60.fad::after { color: #555556; } .hover:hover .hover-text-grey-60 { color: #555556; } .hover:hover .hover-text-grey-60 svg { fill: #555556; } .hover:hover .hover-border-grey-60 { border-color: #555556; } *.border-grey-60 { border-color: #555556 !important; } *.bg-grey-60, .box.bg-grey-60 { background-color: #555556 !important; color: #FFF; border-color: #333334; } *.bg-grey-60 .inherit-border, .box.bg-grey-60 .inherit-border { border-color: #FFF; } textarea.bg-grey-60, input.bg-grey-60 { border-color: #EEE; } textarea.bg-grey-60:focus, input.bg-grey-60:focus, textarea.bg-grey-60:active, input.bg-grey-60:active, textarea.bg-grey-60:focus-visible, input.bg-grey-60:focus-visible { border-color: #111112; } textarea.bg-grey-60::placeholder, input.bg-grey-60::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-grey-60-filled input[type=radio], .bg-grey-60-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-60-filled.filled { background-color: #555556 !important; color: #FFF; border-color: #333334; } *.bg-grey-60-o15, *.bg-grey-60-o10 { background-color: rgba(85, 85, 86, 0.1) !important; } *.bg-grey-60-o30 { background-color: rgba(85, 85, 86, 0.3) !important; } *.bg-grey-60-o50 { background-color: rgba(85, 85, 86, 0.5) !important; } .bg-grey-60-o77, .bg-grey-60-o70 { background-color: rgba(85, 85, 86, 0.77) !important; } *.btn-grey-60 { background-color: #555556; color: #FFF; transition: all 0.3s; } *.btn-grey-60:hover { background-color: #3c3c3c; border-color: #222223; } div .text-gray-60 { color: #555556; } div .text-gray-60 > svg { fill: #555556; } div .text-gray-60.fad::after { color: #555556; } .hover:hover .hover-text-gray-60 { color: #555556; } .hover:hover .hover-text-gray-60 svg { fill: #555556; } .hover:hover .hover-border-gray-60 { border-color: #555556; } *.border-gray-60 { border-color: #555556 !important; } *.bg-gray-60, .box.bg-gray-60 { background-color: #555556 !important; color: #FFF; border-color: #333334; } *.bg-gray-60 .inherit-border, .box.bg-gray-60 .inherit-border { border-color: #FFF; } textarea.bg-gray-60, input.bg-gray-60 { border-color: #EEE; } textarea.bg-gray-60:focus, input.bg-gray-60:focus, textarea.bg-gray-60:active, input.bg-gray-60:active, textarea.bg-gray-60:focus-visible, input.bg-gray-60:focus-visible { border-color: #111112; } textarea.bg-gray-60::placeholder, input.bg-gray-60::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-gray-60-filled input[type=radio], .bg-gray-60-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-60-filled.filled { background-color: #555556 !important; color: #FFF; border-color: #333334; } *.bg-gray-60-o15, *.bg-gray-60-o10 { background-color: rgba(85, 85, 86, 0.1) !important; } *.bg-gray-60-o30 { background-color: rgba(85, 85, 86, 0.3) !important; } *.bg-gray-60-o50 { background-color: rgba(85, 85, 86, 0.5) !important; } .bg-gray-60-o77, .bg-gray-60-o70 { background-color: rgba(85, 85, 86, 0.77) !important; } *.btn-gray-60 { background-color: #555556; color: #FFF; transition: all 0.3s; } *.btn-gray-60:hover { background-color: #3c3c3c; border-color: #222223; } div .text-grey-50 { color: #6a6b6b; } div .text-grey-50 > svg { fill: #6a6b6b; } div .text-grey-50.fad::after { color: #6a6b6b; } .hover:hover .hover-text-grey-50 { color: #6a6b6b; } .hover:hover .hover-text-grey-50 svg { fill: #6a6b6b; } .hover:hover .hover-border-grey-50 { border-color: #6a6b6b; } *.border-grey-50 { border-color: #6a6b6b !important; } *.bg-grey-50, .box.bg-grey-50 { background-color: #6a6b6b !important; color: #FFF; border-color: #484949; } *.bg-grey-50 .inherit-border, .box.bg-grey-50 .inherit-border { border-color: #FFF; } textarea.bg-grey-50, input.bg-grey-50 { border-color: #EEE; } textarea.bg-grey-50:focus, input.bg-grey-50:focus, textarea.bg-grey-50:active, input.bg-grey-50:active, textarea.bg-grey-50:focus-visible, input.bg-grey-50:focus-visible { border-color: #262727; } textarea.bg-grey-50::placeholder, input.bg-grey-50::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-grey-50-filled input[type=radio], .bg-grey-50-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-50-filled.filled { background-color: #6a6b6b !important; color: #FFF; border-color: #484949; } *.bg-grey-50-o15, *.bg-grey-50-o10 { background-color: rgba(106, 107, 107, 0.1) !important; } *.bg-grey-50-o30 { background-color: rgba(106, 107, 107, 0.3) !important; } *.bg-grey-50-o50 { background-color: rgba(106, 107, 107, 0.5) !important; } .bg-grey-50-o77, .bg-grey-50-o70 { background-color: rgba(106, 107, 107, 0.77) !important; } *.btn-grey-50 { background-color: #6a6b6b; color: #FFF; transition: all 0.3s; } *.btn-grey-50:hover { background-color: #515151; border-color: #373838; } div .text-gray-50 { color: #6a6b6b; } div .text-gray-50 > svg { fill: #6a6b6b; } div .text-gray-50.fad::after { color: #6a6b6b; } .hover:hover .hover-text-gray-50 { color: #6a6b6b; } .hover:hover .hover-text-gray-50 svg { fill: #6a6b6b; } .hover:hover .hover-border-gray-50 { border-color: #6a6b6b; } *.border-gray-50 { border-color: #6a6b6b !important; } *.bg-gray-50, .box.bg-gray-50 { background-color: #6a6b6b !important; color: #FFF; border-color: #484949; } *.bg-gray-50 .inherit-border, .box.bg-gray-50 .inherit-border { border-color: #FFF; } textarea.bg-gray-50, input.bg-gray-50 { border-color: #EEE; } textarea.bg-gray-50:focus, input.bg-gray-50:focus, textarea.bg-gray-50:active, input.bg-gray-50:active, textarea.bg-gray-50:focus-visible, input.bg-gray-50:focus-visible { border-color: #262727; } textarea.bg-gray-50::placeholder, input.bg-gray-50::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-gray-50-filled input[type=radio], .bg-gray-50-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-50-filled.filled { background-color: #6a6b6b !important; color: #FFF; border-color: #484949; } *.bg-gray-50-o15, *.bg-gray-50-o10 { background-color: rgba(106, 107, 107, 0.1) !important; } *.bg-gray-50-o30 { background-color: rgba(106, 107, 107, 0.3) !important; } *.bg-gray-50-o50 { background-color: rgba(106, 107, 107, 0.5) !important; } .bg-gray-50-o77, .bg-gray-50-o70 { background-color: rgba(106, 107, 107, 0.77) !important; } *.btn-gray-50 { background-color: #6a6b6b; color: #FFF; transition: all 0.3s; } *.btn-gray-50:hover { background-color: #515151; border-color: #373838; } div .text-grey-40 { color: #7f8080; } div .text-grey-40 > svg { fill: #7f8080; } div .text-grey-40.fad::after { color: #7f8080; } .hover:hover .hover-text-grey-40 { color: #7f8080; } .hover:hover .hover-text-grey-40 svg { fill: #7f8080; } .hover:hover .hover-border-grey-40 { border-color: #7f8080; } *.border-grey-40 { border-color: #7f8080 !important; } *.bg-grey-40, .box.bg-grey-40 { background-color: #7f8080 !important; color: #FFF; border-color: #5d5e5e; } *.bg-grey-40 .inherit-border, .box.bg-grey-40 .inherit-border { border-color: #FFF; } textarea.bg-grey-40, input.bg-grey-40 { border-color: #EEE; } textarea.bg-grey-40:focus, input.bg-grey-40:focus, textarea.bg-grey-40:active, input.bg-grey-40:active, textarea.bg-grey-40:focus-visible, input.bg-grey-40:focus-visible { border-color: #3b3c3c; } textarea.bg-grey-40::placeholder, input.bg-grey-40::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-grey-40-filled input[type=radio], .bg-grey-40-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-40-filled.filled { background-color: #7f8080 !important; color: #FFF; border-color: #5d5e5e; } *.bg-grey-40-o15, *.bg-grey-40-o10 { background-color: rgba(127, 128, 128, 0.1) !important; } *.bg-grey-40-o30 { background-color: rgba(127, 128, 128, 0.3) !important; } *.bg-grey-40-o50 { background-color: rgba(127, 128, 128, 0.5) !important; } .bg-grey-40-o77, .bg-grey-40-o70 { background-color: rgba(127, 128, 128, 0.77) !important; } *.btn-grey-40 { background-color: #7f8080; color: #FFF; transition: all 0.3s; } *.btn-grey-40:hover { background-color: #666666; border-color: #4c4d4d; } div .text-gray-40 { color: #7f8080; } div .text-gray-40 > svg { fill: #7f8080; } div .text-gray-40.fad::after { color: #7f8080; } .hover:hover .hover-text-gray-40 { color: #7f8080; } .hover:hover .hover-text-gray-40 svg { fill: #7f8080; } .hover:hover .hover-border-gray-40 { border-color: #7f8080; } *.border-gray-40 { border-color: #7f8080 !important; } *.bg-gray-40, .box.bg-gray-40 { background-color: #7f8080 !important; color: #FFF; border-color: #5d5e5e; } *.bg-gray-40 .inherit-border, .box.bg-gray-40 .inherit-border { border-color: #FFF; } textarea.bg-gray-40, input.bg-gray-40 { border-color: #EEE; } textarea.bg-gray-40:focus, input.bg-gray-40:focus, textarea.bg-gray-40:active, input.bg-gray-40:active, textarea.bg-gray-40:focus-visible, input.bg-gray-40:focus-visible { border-color: #3b3c3c; } textarea.bg-gray-40::placeholder, input.bg-gray-40::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-gray-40-filled input[type=radio], .bg-gray-40-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-40-filled.filled { background-color: #7f8080 !important; color: #FFF; border-color: #5d5e5e; } *.bg-gray-40-o15, *.bg-gray-40-o10 { background-color: rgba(127, 128, 128, 0.1) !important; } *.bg-gray-40-o30 { background-color: rgba(127, 128, 128, 0.3) !important; } *.bg-gray-40-o50 { background-color: rgba(127, 128, 128, 0.5) !important; } .bg-gray-40-o77, .bg-gray-40-o70 { background-color: rgba(127, 128, 128, 0.77) !important; } *.btn-gray-40 { background-color: #7f8080; color: #FFF; transition: all 0.3s; } *.btn-gray-40:hover { background-color: #666666; border-color: #4c4d4d; } div .text-grey-30 { color: #B3B3B3; } div .text-grey-30 > svg { fill: #B3B3B3; } div .text-grey-30.fad::after { color: #B3B3B3; } .hover:hover .hover-text-grey-30 { color: #B3B3B3; } .hover:hover .hover-text-grey-30 svg { fill: #B3B3B3; } .hover:hover .hover-border-grey-30 { border-color: #B3B3B3; } *.border-grey-30 { border-color: #B3B3B3 !important; } *.bg-grey-30, .box.bg-grey-30 { background-color: #B3B3B3 !important; color: #333; border-color: #919191; } *.bg-grey-30 .inherit-border, .box.bg-grey-30 .inherit-border { border-color: #333; } textarea.bg-grey-30, input.bg-grey-30 { border-color: #EEE; } textarea.bg-grey-30:focus, input.bg-grey-30:focus, textarea.bg-grey-30:active, input.bg-grey-30:active, textarea.bg-grey-30:focus-visible, input.bg-grey-30:focus-visible { border-color: #6f6f6f; } textarea.bg-grey-30::placeholder, input.bg-grey-30::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-grey-30-filled input[type=radio], .bg-grey-30-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-30-filled.filled { background-color: #B3B3B3 !important; color: #333; border-color: #919191; } *.bg-grey-30-o15, *.bg-grey-30-o10 { background-color: rgba(179, 179, 179, 0.1) !important; } *.bg-grey-30-o30 { background-color: rgba(179, 179, 179, 0.3) !important; } *.bg-grey-30-o50 { background-color: rgba(179, 179, 179, 0.5) !important; } .bg-grey-30-o77, .bg-grey-30-o70 { background-color: rgba(179, 179, 179, 0.77) !important; } *.btn-grey-30 { background-color: #B3B3B3; color: #333; transition: all 0.3s; } *.btn-grey-30:hover { background-color: #9a9a9a; border-color: #808080; } div .text-gray-30 { color: #B3B3B3; } div .text-gray-30 > svg { fill: #B3B3B3; } div .text-gray-30.fad::after { color: #B3B3B3; } .hover:hover .hover-text-gray-30 { color: #B3B3B3; } .hover:hover .hover-text-gray-30 svg { fill: #B3B3B3; } .hover:hover .hover-border-gray-30 { border-color: #B3B3B3; } *.border-gray-30 { border-color: #B3B3B3 !important; } *.bg-gray-30, .box.bg-gray-30 { background-color: #B3B3B3 !important; color: #333; border-color: #919191; } *.bg-gray-30 .inherit-border, .box.bg-gray-30 .inherit-border { border-color: #333; } textarea.bg-gray-30, input.bg-gray-30 { border-color: #EEE; } textarea.bg-gray-30:focus, input.bg-gray-30:focus, textarea.bg-gray-30:active, input.bg-gray-30:active, textarea.bg-gray-30:focus-visible, input.bg-gray-30:focus-visible { border-color: #6f6f6f; } textarea.bg-gray-30::placeholder, input.bg-gray-30::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-gray-30-filled input[type=radio], .bg-gray-30-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-30-filled.filled { background-color: #B3B3B3 !important; color: #333; border-color: #919191; } *.bg-gray-30-o15, *.bg-gray-30-o10 { background-color: rgba(179, 179, 179, 0.1) !important; } *.bg-gray-30-o30 { background-color: rgba(179, 179, 179, 0.3) !important; } *.bg-gray-30-o50 { background-color: rgba(179, 179, 179, 0.5) !important; } .bg-gray-30-o77, .bg-gray-30-o70 { background-color: rgba(179, 179, 179, 0.77) !important; } *.btn-gray-30 { background-color: #B3B3B3; color: #333; transition: all 0.3s; } *.btn-gray-30:hover { background-color: #9a9a9a; border-color: #808080; } div .text-grey-20 { color: #aaaaab; } div .text-grey-20 > svg { fill: #aaaaab; } div .text-grey-20.fad::after { color: #aaaaab; } .hover:hover .hover-text-grey-20 { color: #aaaaab; } .hover:hover .hover-text-grey-20 svg { fill: #aaaaab; } .hover:hover .hover-border-grey-20 { border-color: #aaaaab; } *.border-grey-20 { border-color: #aaaaab !important; } *.bg-grey-20, .box.bg-grey-20 { background-color: #aaaaab !important; color: #FFF; border-color: #888889; } *.bg-grey-20 .inherit-border, .box.bg-grey-20 .inherit-border { border-color: #FFF; } textarea.bg-grey-20, input.bg-grey-20 { border-color: #EEE; } textarea.bg-grey-20:focus, input.bg-grey-20:focus, textarea.bg-grey-20:active, input.bg-grey-20:active, textarea.bg-grey-20:focus-visible, input.bg-grey-20:focus-visible { border-color: #666667; } textarea.bg-grey-20::placeholder, input.bg-grey-20::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-grey-20-filled input[type=radio], .bg-grey-20-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-20-filled.filled { background-color: #aaaaab !important; color: #FFF; border-color: #888889; } *.bg-grey-20-o15, *.bg-grey-20-o10 { background-color: rgba(170, 170, 171, 0.1) !important; } *.bg-grey-20-o30 { background-color: rgba(170, 170, 171, 0.3) !important; } *.bg-grey-20-o50 { background-color: rgba(170, 170, 171, 0.5) !important; } .bg-grey-20-o77, .bg-grey-20-o70 { background-color: rgba(170, 170, 171, 0.77) !important; } *.btn-grey-20 { background-color: #aaaaab; color: #FFF; transition: all 0.3s; } *.btn-grey-20:hover { background-color: #909092; border-color: #777778; } div .text-gray-20 { color: #aaaaab; } div .text-gray-20 > svg { fill: #aaaaab; } div .text-gray-20.fad::after { color: #aaaaab; } .hover:hover .hover-text-gray-20 { color: #aaaaab; } .hover:hover .hover-text-gray-20 svg { fill: #aaaaab; } .hover:hover .hover-border-gray-20 { border-color: #aaaaab; } *.border-gray-20 { border-color: #aaaaab !important; } *.bg-gray-20, .box.bg-gray-20 { background-color: #aaaaab !important; color: #FFF; border-color: #888889; } *.bg-gray-20 .inherit-border, .box.bg-gray-20 .inherit-border { border-color: #FFF; } textarea.bg-gray-20, input.bg-gray-20 { border-color: #EEE; } textarea.bg-gray-20:focus, input.bg-gray-20:focus, textarea.bg-gray-20:active, input.bg-gray-20:active, textarea.bg-gray-20:focus-visible, input.bg-gray-20:focus-visible { border-color: #666667; } textarea.bg-gray-20::placeholder, input.bg-gray-20::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-gray-20-filled input[type=radio], .bg-gray-20-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-20-filled.filled { background-color: #aaaaab !important; color: #FFF; border-color: #888889; } *.bg-gray-20-o15, *.bg-gray-20-o10 { background-color: rgba(170, 170, 171, 0.1) !important; } *.bg-gray-20-o30 { background-color: rgba(170, 170, 171, 0.3) !important; } *.bg-gray-20-o50 { background-color: rgba(170, 170, 171, 0.5) !important; } .bg-gray-20-o77, .bg-gray-20-o70 { background-color: rgba(170, 170, 171, 0.77) !important; } *.btn-gray-20 { background-color: #aaaaab; color: #FFF; transition: all 0.3s; } *.btn-gray-20:hover { background-color: #909092; border-color: #777778; } div .text-grey-15 { color: #EAEAEA; } div .text-grey-15 > svg { fill: #EAEAEA; } div .text-grey-15.fad::after { color: #EAEAEA; } .hover:hover .hover-text-grey-15 { color: #EAEAEA; } .hover:hover .hover-text-grey-15 svg { fill: #EAEAEA; } .hover:hover .hover-border-grey-15 { border-color: #EAEAEA; } *.border-grey-15 { border-color: #EAEAEA !important; } *.bg-grey-15, .box.bg-grey-15 { background-color: #EAEAEA !important; color: #333; border-color: #c8c8c8; } *.bg-grey-15 .inherit-border, .box.bg-grey-15 .inherit-border { border-color: #333; } textarea.bg-grey-15, input.bg-grey-15 { border-color: #EEE; } textarea.bg-grey-15:focus, input.bg-grey-15:focus, textarea.bg-grey-15:active, input.bg-grey-15:active, textarea.bg-grey-15:focus-visible, input.bg-grey-15:focus-visible { border-color: #a6a6a6; } textarea.bg-grey-15::placeholder, input.bg-grey-15::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-grey-15-filled input[type=radio], .bg-grey-15-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-15-filled.filled { background-color: #EAEAEA !important; color: #333; border-color: #c8c8c8; } *.bg-grey-15-o15, *.bg-grey-15-o10 { background-color: rgba(234, 234, 234, 0.1) !important; } *.bg-grey-15-o30 { background-color: rgba(234, 234, 234, 0.3) !important; } *.bg-grey-15-o50 { background-color: rgba(234, 234, 234, 0.5) !important; } .bg-grey-15-o77, .bg-grey-15-o70 { background-color: rgba(234, 234, 234, 0.77) !important; } *.btn-grey-15 { background-color: #EAEAEA; color: #333; transition: all 0.3s; } *.btn-grey-15:hover { background-color: #d1d1d1; border-color: #b7b7b7; } div .text-gray-15 { color: #EAEAEA; } div .text-gray-15 > svg { fill: #EAEAEA; } div .text-gray-15.fad::after { color: #EAEAEA; } .hover:hover .hover-text-gray-15 { color: #EAEAEA; } .hover:hover .hover-text-gray-15 svg { fill: #EAEAEA; } .hover:hover .hover-border-gray-15 { border-color: #EAEAEA; } *.border-gray-15 { border-color: #EAEAEA !important; } *.bg-gray-15, .box.bg-gray-15 { background-color: #EAEAEA !important; color: #333; border-color: #c8c8c8; } *.bg-gray-15 .inherit-border, .box.bg-gray-15 .inherit-border { border-color: #333; } textarea.bg-gray-15, input.bg-gray-15 { border-color: #EEE; } textarea.bg-gray-15:focus, input.bg-gray-15:focus, textarea.bg-gray-15:active, input.bg-gray-15:active, textarea.bg-gray-15:focus-visible, input.bg-gray-15:focus-visible { border-color: #a6a6a6; } textarea.bg-gray-15::placeholder, input.bg-gray-15::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-gray-15-filled input[type=radio], .bg-gray-15-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-15-filled.filled { background-color: #EAEAEA !important; color: #333; border-color: #c8c8c8; } *.bg-gray-15-o15, *.bg-gray-15-o10 { background-color: rgba(234, 234, 234, 0.1) !important; } *.bg-gray-15-o30 { background-color: rgba(234, 234, 234, 0.3) !important; } *.bg-gray-15-o50 { background-color: rgba(234, 234, 234, 0.5) !important; } .bg-gray-15-o77, .bg-gray-15-o70 { background-color: rgba(234, 234, 234, 0.77) !important; } *.btn-gray-15 { background-color: #EAEAEA; color: #333; transition: all 0.3s; } *.btn-gray-15:hover { background-color: #d1d1d1; border-color: #b7b7b7; } div .text-grey-10 { color: #eeeeee; } div .text-grey-10 > svg { fill: #eeeeee; } div .text-grey-10.fad::after { color: #eeeeee; } .hover:hover .hover-text-grey-10 { color: #eeeeee; } .hover:hover .hover-text-grey-10 svg { fill: #eeeeee; } .hover:hover .hover-border-grey-10 { border-color: #eeeeee; } *.border-grey-10 { border-color: #eeeeee !important; } *.bg-grey-10, .box.bg-grey-10 { background-color: #eeeeee !important; color: #333; border-color: #cccccc; } *.bg-grey-10 .inherit-border, .box.bg-grey-10 .inherit-border { border-color: #333; } textarea.bg-grey-10, input.bg-grey-10 { border-color: #EEE; } textarea.bg-grey-10:focus, input.bg-grey-10:focus, textarea.bg-grey-10:active, input.bg-grey-10:active, textarea.bg-grey-10:focus-visible, input.bg-grey-10:focus-visible { border-color: #aaaaaa; } textarea.bg-grey-10::placeholder, input.bg-grey-10::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-grey-10-filled input[type=radio], .bg-grey-10-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-10-filled.filled { background-color: #eeeeee !important; color: #333; border-color: #cccccc; } *.bg-grey-10-o15, *.bg-grey-10-o10 { background-color: rgba(238, 238, 238, 0.1) !important; } *.bg-grey-10-o30 { background-color: rgba(238, 238, 238, 0.3) !important; } *.bg-grey-10-o50 { background-color: rgba(238, 238, 238, 0.5) !important; } .bg-grey-10-o77, .bg-grey-10-o70 { background-color: rgba(238, 238, 238, 0.77) !important; } *.btn-grey-10 { background-color: #eeeeee; color: #333; transition: all 0.3s; } *.btn-grey-10:hover { background-color: #d5d5d5; border-color: #bbbbbb; } div .text-gray-10 { color: #eeeeee; } div .text-gray-10 > svg { fill: #eeeeee; } div .text-gray-10.fad::after { color: #eeeeee; } .hover:hover .hover-text-gray-10 { color: #eeeeee; } .hover:hover .hover-text-gray-10 svg { fill: #eeeeee; } .hover:hover .hover-border-gray-10 { border-color: #eeeeee; } *.border-gray-10 { border-color: #eeeeee !important; } *.bg-gray-10, .box.bg-gray-10 { background-color: #eeeeee !important; color: #333; border-color: #cccccc; } *.bg-gray-10 .inherit-border, .box.bg-gray-10 .inherit-border { border-color: #333; } textarea.bg-gray-10, input.bg-gray-10 { border-color: #EEE; } textarea.bg-gray-10:focus, input.bg-gray-10:focus, textarea.bg-gray-10:active, input.bg-gray-10:active, textarea.bg-gray-10:focus-visible, input.bg-gray-10:focus-visible { border-color: #aaaaaa; } textarea.bg-gray-10::placeholder, input.bg-gray-10::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-gray-10-filled input[type=radio], .bg-gray-10-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-10-filled.filled { background-color: #eeeeee !important; color: #333; border-color: #cccccc; } *.bg-gray-10-o15, *.bg-gray-10-o10 { background-color: rgba(238, 238, 238, 0.1) !important; } *.bg-gray-10-o30 { background-color: rgba(238, 238, 238, 0.3) !important; } *.bg-gray-10-o50 { background-color: rgba(238, 238, 238, 0.5) !important; } .bg-gray-10-o77, .bg-gray-10-o70 { background-color: rgba(238, 238, 238, 0.77) !important; } *.btn-gray-10 { background-color: #eeeeee; color: #333; transition: all 0.3s; } *.btn-gray-10:hover { background-color: #d5d5d5; border-color: #bbbbbb; } div .text-grey-05 { color: #efefef; } div .text-grey-05 > svg { fill: #efefef; } div .text-grey-05.fad::after { color: #efefef; } .hover:hover .hover-text-grey-05 { color: #efefef; } .hover:hover .hover-text-grey-05 svg { fill: #efefef; } .hover:hover .hover-border-grey-05 { border-color: #efefef; } *.border-grey-05 { border-color: #efefef !important; } *.bg-grey-05, .box.bg-grey-05 { background-color: #efefef !important; color: #333; border-color: #cdcdcd; } *.bg-grey-05 .inherit-border, .box.bg-grey-05 .inherit-border { border-color: #333; } textarea.bg-grey-05, input.bg-grey-05 { border-color: #EEE; } textarea.bg-grey-05:focus, input.bg-grey-05:focus, textarea.bg-grey-05:active, input.bg-grey-05:active, textarea.bg-grey-05:focus-visible, input.bg-grey-05:focus-visible { border-color: #ababab; } textarea.bg-grey-05::placeholder, input.bg-grey-05::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-grey-05-filled input[type=radio], .bg-grey-05-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-05-filled.filled { background-color: #efefef !important; color: #333; border-color: #cdcdcd; } *.bg-grey-05-o15, *.bg-grey-05-o10 { background-color: rgba(239, 239, 239, 0.1) !important; } *.bg-grey-05-o30 { background-color: rgba(239, 239, 239, 0.3) !important; } *.bg-grey-05-o50 { background-color: rgba(239, 239, 239, 0.5) !important; } .bg-grey-05-o77, .bg-grey-05-o70 { background-color: rgba(239, 239, 239, 0.77) !important; } *.btn-grey-05 { background-color: #efefef; color: #333; transition: all 0.3s; } *.btn-grey-05:hover { background-color: #d6d6d6; border-color: #bcbcbc; } div .text-gray-05 { color: #efefef; } div .text-gray-05 > svg { fill: #efefef; } div .text-gray-05.fad::after { color: #efefef; } .hover:hover .hover-text-gray-05 { color: #efefef; } .hover:hover .hover-text-gray-05 svg { fill: #efefef; } .hover:hover .hover-border-gray-05 { border-color: #efefef; } *.border-gray-05 { border-color: #efefef !important; } *.bg-gray-05, .box.bg-gray-05 { background-color: #efefef !important; color: #333; border-color: #cdcdcd; } *.bg-gray-05 .inherit-border, .box.bg-gray-05 .inherit-border { border-color: #333; } textarea.bg-gray-05, input.bg-gray-05 { border-color: #EEE; } textarea.bg-gray-05:focus, input.bg-gray-05:focus, textarea.bg-gray-05:active, input.bg-gray-05:active, textarea.bg-gray-05:focus-visible, input.bg-gray-05:focus-visible { border-color: #ababab; } textarea.bg-gray-05::placeholder, input.bg-gray-05::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-gray-05-filled input[type=radio], .bg-gray-05-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-05-filled.filled { background-color: #efefef !important; color: #333; border-color: #cdcdcd; } *.bg-gray-05-o15, *.bg-gray-05-o10 { background-color: rgba(239, 239, 239, 0.1) !important; } *.bg-gray-05-o30 { background-color: rgba(239, 239, 239, 0.3) !important; } *.bg-gray-05-o50 { background-color: rgba(239, 239, 239, 0.5) !important; } .bg-gray-05-o77, .bg-gray-05-o70 { background-color: rgba(239, 239, 239, 0.77) !important; } *.btn-gray-05 { background-color: #efefef; color: #333; transition: all 0.3s; } *.btn-gray-05:hover { background-color: #d6d6d6; border-color: #bcbcbc; } div .text-accent { color: #d6c7a4; } div .text-accent > svg { fill: #d6c7a4; } div .text-accent.fad::after { color: #d6c7a4; } .hover:hover .hover-text-accent { color: #d6c7a4; } .hover:hover .hover-text-accent svg { fill: #d6c7a4; } .hover:hover .hover-border-accent { border-color: #d6c7a4; } *.border-accent { border-color: #d6c7a4 !important; } *.bg-accent, .box.bg-accent { background-color: #d6c7a4 !important; color: #333; border-color: #b4a582; } *.bg-accent .inherit-border, .box.bg-accent .inherit-border { border-color: #333; } textarea.bg-accent, input.bg-accent { border-color: #EEE; } textarea.bg-accent:focus, input.bg-accent:focus, textarea.bg-accent:active, input.bg-accent:active, textarea.bg-accent:focus-visible, input.bg-accent:focus-visible { border-color: #928360; } textarea.bg-accent::placeholder, input.bg-accent::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-accent-filled input[type=radio], .bg-accent-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-accent-filled.filled { background-color: #d6c7a4 !important; color: #333; border-color: #b4a582; } *.bg-accent-o15, *.bg-accent-o10 { background-color: rgba(214, 199, 164, 0.1) !important; } *.bg-accent-o30 { background-color: rgba(214, 199, 164, 0.3) !important; } *.bg-accent-o50 { background-color: rgba(214, 199, 164, 0.5) !important; } .bg-accent-o77, .bg-accent-o70 { background-color: rgba(214, 199, 164, 0.77) !important; } *.btn-accent { background-color: #d6c7a4; color: #333; transition: all 0.3s; } *.btn-accent:hover { background-color: #c6b181; border-color: #b69c5e; } div .text-yellow { color: #FEB528; } div .text-yellow > svg { fill: #FEB528; } div .text-yellow.fad::after { color: #FEB528; } .hover:hover .hover-text-yellow { color: #FEB528; } .hover:hover .hover-text-yellow svg { fill: #FEB528; } .hover:hover .hover-border-yellow { border-color: #FEB528; } *.border-yellow { border-color: #FEB528 !important; } *.bg-yellow, .box.bg-yellow { background-color: #FEB528 !important; color: #FFF; border-color: #dc9306; } *.bg-yellow .inherit-border, .box.bg-yellow .inherit-border { border-color: #FFF; } textarea.bg-yellow, input.bg-yellow { border-color: #EEE; } textarea.bg-yellow:focus, input.bg-yellow:focus, textarea.bg-yellow:active, input.bg-yellow:active, textarea.bg-yellow:focus-visible, input.bg-yellow:focus-visible { border-color: #ba7100; } textarea.bg-yellow::placeholder, input.bg-yellow::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-yellow-filled input[type=radio], .bg-yellow-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-yellow-filled.filled { background-color: #FEB528 !important; color: #FFF; border-color: #dc9306; } *.bg-yellow-o15, *.bg-yellow-o10 { background-color: rgba(254, 181, 40, 0.1) !important; } *.bg-yellow-o30 { background-color: rgba(254, 181, 40, 0.3) !important; } *.bg-yellow-o50 { background-color: rgba(254, 181, 40, 0.5) !important; } .bg-yellow-o77, .bg-yellow-o70 { background-color: rgba(254, 181, 40, 0.77) !important; } *.btn-yellow { background-color: #FEB528; color: #FFF; transition: all 0.3s; } *.btn-yellow:hover { background-color: #f2a001; border-color: #bf7e01; } div .text-gray-02 { color: #f0f0f0; } div .text-gray-02 > svg { fill: #f0f0f0; } div .text-gray-02.fad::after { color: #f0f0f0; } .hover:hover .hover-text-gray-02 { color: #f0f0f0; } .hover:hover .hover-text-gray-02 svg { fill: #f0f0f0; } .hover:hover .hover-border-gray-02 { border-color: #f0f0f0; } *.border-gray-02 { border-color: #f0f0f0 !important; } *.bg-gray-02, .box.bg-gray-02 { background-color: #f0f0f0 !important; color: #333; border-color: #cecece; } *.bg-gray-02 .inherit-border, .box.bg-gray-02 .inherit-border { border-color: #333; } textarea.bg-gray-02, input.bg-gray-02 { border-color: #EEE; } textarea.bg-gray-02:focus, input.bg-gray-02:focus, textarea.bg-gray-02:active, input.bg-gray-02:active, textarea.bg-gray-02:focus-visible, input.bg-gray-02:focus-visible { border-color: #acacac; } textarea.bg-gray-02::placeholder, input.bg-gray-02::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-gray-02-filled input[type=radio], .bg-gray-02-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-gray-02-filled.filled { background-color: #f0f0f0 !important; color: #333; border-color: #cecece; } *.bg-gray-02-o15, *.bg-gray-02-o10 { background-color: rgba(240, 240, 240, 0.1) !important; } *.bg-gray-02-o30 { background-color: rgba(240, 240, 240, 0.3) !important; } *.bg-gray-02-o50 { background-color: rgba(240, 240, 240, 0.5) !important; } .bg-gray-02-o77, .bg-gray-02-o70 { background-color: rgba(240, 240, 240, 0.77) !important; } *.btn-gray-02 { background-color: #f0f0f0; color: #333; transition: all 0.3s; } *.btn-gray-02:hover { background-color: #d7d7d7; border-color: #bdbdbd; } div .text-grey-02 { color: #f0f0f0; } div .text-grey-02 > svg { fill: #f0f0f0; } div .text-grey-02.fad::after { color: #f0f0f0; } .hover:hover .hover-text-grey-02 { color: #f0f0f0; } .hover:hover .hover-text-grey-02 svg { fill: #f0f0f0; } .hover:hover .hover-border-grey-02 { border-color: #f0f0f0; } *.border-grey-02 { border-color: #f0f0f0 !important; } *.bg-grey-02, .box.bg-grey-02 { background-color: #f0f0f0 !important; color: #333; border-color: #cecece; } *.bg-grey-02 .inherit-border, .box.bg-grey-02 .inherit-border { border-color: #333; } textarea.bg-grey-02, input.bg-grey-02 { border-color: #EEE; } textarea.bg-grey-02:focus, input.bg-grey-02:focus, textarea.bg-grey-02:active, input.bg-grey-02:active, textarea.bg-grey-02:focus-visible, input.bg-grey-02:focus-visible { border-color: #acacac; } textarea.bg-grey-02::placeholder, input.bg-grey-02::placeholder { color: rgba(51, 51, 51, 0.5); } .bg-grey-02-filled input[type=radio], .bg-grey-02-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-grey-02-filled.filled { background-color: #f0f0f0 !important; color: #333; border-color: #cecece; } *.bg-grey-02-o15, *.bg-grey-02-o10 { background-color: rgba(240, 240, 240, 0.1) !important; } *.bg-grey-02-o30 { background-color: rgba(240, 240, 240, 0.3) !important; } *.bg-grey-02-o50 { background-color: rgba(240, 240, 240, 0.5) !important; } .bg-grey-02-o77, .bg-grey-02-o70 { background-color: rgba(240, 240, 240, 0.77) !important; } *.btn-grey-02 { background-color: #f0f0f0; color: #333; transition: all 0.3s; } *.btn-grey-02:hover { background-color: #d7d7d7; border-color: #bdbdbd; } div .text-brand-success { color: #5cb85c; } div .text-brand-success > svg { fill: #5cb85c; } div .text-brand-success.fad::after { color: #5cb85c; } .hover:hover .hover-text-brand-success { color: #5cb85c; } .hover:hover .hover-text-brand-success svg { fill: #5cb85c; } .hover:hover .hover-border-brand-success { border-color: #5cb85c; } *.border-brand-success { border-color: #5cb85c !important; } *.bg-brand-success, .box.bg-brand-success { background-color: #5cb85c !important; color: #FFF; border-color: #3a963a; } *.bg-brand-success .inherit-border, .box.bg-brand-success .inherit-border { border-color: #FFF; } textarea.bg-brand-success, input.bg-brand-success { border-color: #EEE; } textarea.bg-brand-success:focus, input.bg-brand-success:focus, textarea.bg-brand-success:active, input.bg-brand-success:active, textarea.bg-brand-success:focus-visible, input.bg-brand-success:focus-visible { border-color: #187418; } textarea.bg-brand-success::placeholder, input.bg-brand-success::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-brand-success-filled input[type=radio], .bg-brand-success-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-brand-success-filled.filled { background-color: #5cb85c !important; color: #FFF; border-color: #3a963a; } *.bg-brand-success-o15, *.bg-brand-success-o10 { background-color: rgba(92, 184, 92, 0.1) !important; } *.bg-brand-success-o30 { background-color: rgba(92, 184, 92, 0.3) !important; } *.bg-brand-success-o50 { background-color: rgba(92, 184, 92, 0.5) !important; } .bg-brand-success-o77, .bg-brand-success-o70 { background-color: rgba(92, 184, 92, 0.77) !important; } *.btn-brand-success { background-color: #5cb85c; color: #FFF; transition: all 0.3s; } *.btn-brand-success:hover { background-color: #449d44; border-color: #357935; } div .text-brand-info { color: #5bc0de; } div .text-brand-info > svg { fill: #5bc0de; } div .text-brand-info.fad::after { color: #5bc0de; } .hover:hover .hover-text-brand-info { color: #5bc0de; } .hover:hover .hover-text-brand-info svg { fill: #5bc0de; } .hover:hover .hover-border-brand-info { border-color: #5bc0de; } *.border-brand-info { border-color: #5bc0de !important; } *.bg-brand-info, .box.bg-brand-info { background-color: #5bc0de !important; color: #FFF; border-color: #399ebc; } *.bg-brand-info .inherit-border, .box.bg-brand-info .inherit-border { border-color: #FFF; } textarea.bg-brand-info, input.bg-brand-info { border-color: #EEE; } textarea.bg-brand-info:focus, input.bg-brand-info:focus, textarea.bg-brand-info:active, input.bg-brand-info:active, textarea.bg-brand-info:focus-visible, input.bg-brand-info:focus-visible { border-color: #177c9a; } textarea.bg-brand-info::placeholder, input.bg-brand-info::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-brand-info-filled input[type=radio], .bg-brand-info-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-brand-info-filled.filled { background-color: #5bc0de !important; color: #FFF; border-color: #399ebc; } *.bg-brand-info-o15, *.bg-brand-info-o10 { background-color: rgba(91, 192, 222, 0.1) !important; } *.bg-brand-info-o30 { background-color: rgba(91, 192, 222, 0.3) !important; } *.bg-brand-info-o50 { background-color: rgba(91, 192, 222, 0.5) !important; } .bg-brand-info-o77, .bg-brand-info-o70 { background-color: rgba(91, 192, 222, 0.77) !important; } *.btn-brand-info { background-color: #5bc0de; color: #FFF; transition: all 0.3s; } *.btn-brand-info:hover { background-color: #31b0d5; border-color: #2390b0; } div .text-brand-warning { color: #f0ad4e; } div .text-brand-warning > svg { fill: #f0ad4e; } div .text-brand-warning.fad::after { color: #f0ad4e; } .hover:hover .hover-text-brand-warning { color: #f0ad4e; } .hover:hover .hover-text-brand-warning svg { fill: #f0ad4e; } .hover:hover .hover-border-brand-warning { border-color: #f0ad4e; } *.border-brand-warning { border-color: #f0ad4e !important; } *.bg-brand-warning, .box.bg-brand-warning { background-color: #f0ad4e !important; color: #FFF; border-color: #ce8b2c; } *.bg-brand-warning .inherit-border, .box.bg-brand-warning .inherit-border { border-color: #FFF; } textarea.bg-brand-warning, input.bg-brand-warning { border-color: #EEE; } textarea.bg-brand-warning:focus, input.bg-brand-warning:focus, textarea.bg-brand-warning:active, input.bg-brand-warning:active, textarea.bg-brand-warning:focus-visible, input.bg-brand-warning:focus-visible { border-color: #ac690a; } textarea.bg-brand-warning::placeholder, input.bg-brand-warning::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-brand-warning-filled input[type=radio], .bg-brand-warning-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-brand-warning-filled.filled { background-color: #f0ad4e !important; color: #FFF; border-color: #ce8b2c; } *.bg-brand-warning-o15, *.bg-brand-warning-o10 { background-color: rgba(240, 173, 78, 0.1) !important; } *.bg-brand-warning-o30 { background-color: rgba(240, 173, 78, 0.3) !important; } *.bg-brand-warning-o50 { background-color: rgba(240, 173, 78, 0.5) !important; } .bg-brand-warning-o77, .bg-brand-warning-o70 { background-color: rgba(240, 173, 78, 0.77) !important; } *.btn-brand-warning { background-color: #f0ad4e; color: #FFF; transition: all 0.3s; } *.btn-brand-warning:hover { background-color: #ec971f; border-color: #c77c11; } div .text-brand-danger { color: #d9534f; } div .text-brand-danger > svg { fill: #d9534f; } div .text-brand-danger.fad::after { color: #d9534f; } .hover:hover .hover-text-brand-danger { color: #d9534f; } .hover:hover .hover-text-brand-danger svg { fill: #d9534f; } .hover:hover .hover-border-brand-danger { border-color: #d9534f; } *.border-brand-danger { border-color: #d9534f !important; } *.bg-brand-danger, .box.bg-brand-danger { background-color: #d9534f !important; color: #FFF; border-color: #b7312d; } *.bg-brand-danger .inherit-border, .box.bg-brand-danger .inherit-border { border-color: #FFF; } textarea.bg-brand-danger, input.bg-brand-danger { border-color: #EEE; } textarea.bg-brand-danger:focus, input.bg-brand-danger:focus, textarea.bg-brand-danger:active, input.bg-brand-danger:active, textarea.bg-brand-danger:focus-visible, input.bg-brand-danger:focus-visible { border-color: #950f0b; } textarea.bg-brand-danger::placeholder, input.bg-brand-danger::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-brand-danger-filled input[type=radio], .bg-brand-danger-filled input[type=checkbox] { opacity: 0; width: 1px !important; height: 1px; display: inline-block; margin-right: -4px; } .bg-brand-danger-filled.filled { background-color: #d9534f !important; color: #FFF; border-color: #b7312d; } *.bg-brand-danger-o15, *.bg-brand-danger-o10 { background-color: rgba(217, 83, 79, 0.1) !important; } *.bg-brand-danger-o30 { background-color: rgba(217, 83, 79, 0.3) !important; } *.bg-brand-danger-o50 { background-color: rgba(217, 83, 79, 0.5) !important; } .bg-brand-danger-o77, .bg-brand-danger-o70 { background-color: rgba(217, 83, 79, 0.77) !important; } *.btn-brand-danger { background-color: #d9534f; color: #FFF; transition: all 0.3s; } *.btn-brand-danger:hover { background-color: #c9302c; border-color: #a02622; } .outdoor-display-old { position: relative; } .outdoor-display-old .title { font-size: 180px; color: #009FE3; line-height: 219px; letter-spacing: 0.02em; font-weight: bold; text-transform: uppercase; } .outdoor-display-old .bottom-section { position: absolute; bottom: 0; width: 100%; } .outdoor-display-old .center-img { position: absolute; width: 2280px; height: 2280px; left: 50%; margin-left: -1140px; } .outdoor-display-old .center-img img { height: 100%; width: 100%; } .outdoor-display-old .subtitle { font-size: 60px; line-height: 73px; color: #636061; } .outdoor-display-old .custom-container { width: 3200px; margin: 0 auto; padding-top: 270px; position: relative; } .outdoor-display-old .water-section { width: 100%; background-color: #0069B4; height: 120px; color: #fff; font-size: 50px; padding-top: 20px; } .outdoor-display-old .text-section { width: 50%; float: left; } .outdoor-display-old .full-section { width: 100%; } .outdoor-display-old .bottom-text { font-weight: bold; font-size: 82.1918px; line-height: 100px; } .outdoor-display-old .smalltext { font-weight: bold; font-size: 59.3836px; line-height: 10px; } .outdoor-display-old .time-text { padding-top: 50px; font-size: 60px; line-height: 73px; text-transform: uppercase; color: #7D7D7D; } .outdoor-display-old .time-number { font-size: 120px; line-height: 146px; font-weight: bold; color: #0069B4; } .outdoor-display-old .time-number img { padding-right: 45px; } .outdoor-display-old .christmas-img-left { position: absolute; height: 800px; top: 800px; left: 0; } .outdoor-display-old .christmas-img-right { position: absolute; height: 837px; top: 600px; right: 0; } .outdoor-display-old .center-svg { position: relative; text-align: center; height: 1435px; width: 100%; } .outdoor-display-old .center-svg img { display: block; margin: 0 auto; } .outdoor-display-old .icon-text { padding-top: 180px; font-weight: bold; font-size: 80px; line-height: 97px; letter-spacing: 0.01em; text-transform: uppercase; } .outdoor-display-old .departments { float: left; } .outdoor-display-old .dark-blue { color: #0069B4; } .outdoor-display-old .light-blue { color: #009FE3; } .outdoor-display-old .margin-b { margin-bottom: 255px; } .outdoor-display-old .bubble-top { width: 400px; margin: 0 auto; height: 400px; border-radius: 50%; padding-top: 90px; text-align: center; font-size: 109.589px; font-weight: bold; z-index: 2; text-transform: uppercase; line-height: 116px; color: #fff; background-color: rgba(0, 159, 227, 0.8); } .outdoor-display-old .bubble-bottom { width: 322px; height: 322px; border-radius: 50%; text-align: center; color: #fff; background-color: rgba(0, 105, 180, 0.8); font-weight: bold; padding-top: 80px; text-transform: uppercase; font-size: 88.2192px; line-height: 94px; margin: 0 auto; } .outdoor-display-old .bubble-bottom .bottom-text { font-size: 66px; } .outdoor-display-old .bg-ellipse { position: absolute; top: -65px; left: -60px; } .outdoor-display-old .inactive-bubble { background-color: rgba(99, 96, 97, 0.5); } .outdoor-display-old .bubble-section { width: 500px; margin-top: 70px; text-align: center; position: relative; margin-right: 60px; margin-left: 60px; } .outdoor-display-old .bubble-line { position: relative; z-index: 2; } .outdoor-display-old .active-bubble { margin-top: 0px; } .outdoor-display-old .active-bubble .bubble-bottom { width: 400px; height: 400px; background-color: #0069b4; font-size: 100px; padding-top: 110px; } .outdoor-display-old .active-bubble .bubble-bottom .bottom-text { font-size: 60px; } .outdoor-display-old .active-bubble .bubble-top { padding-top: 140px; width: 500px; background-color: #009fe3; height: 500px; font-size: 150px; line-height: 180px; } .outdoor-display-old .active-bubble .bubble-top .bubble-time { margin-bottom: -40px; } .outdoor-display-old .wave-house { position: absolute; bottom: 120px; left: 100px; } .outdoor-display-old .wave-ship { position: absolute; bottom: 115px; left: 500px; } .outdoor-display-old .wave-geysir { position: absolute; bottom: 120px; right: 100px; } .outdoor-display-old .waves { width: 100%; position: relative; margin-bottom: -5px; } .outdoor-display-old .waves img { width: 100%; } .outdoor-display-old .bubble-img { width: 100%; position: absolute; bottom: 0; height: 930px; } .display-4k { height: 2160px; width: 3840px; overflow: hidden; } .img-shadow, .img-item, .ci-image { border-radius: 24px; border: 3px solid #f1f9fe; } .img-item img { border-color: transparent; border-width: 1px; } .img-shadow { box-shadow: 10px 16px 16px #DEDEDE; } .round { border-radius: 50%; } .color-mode-dark { } .color-mode-dark .img-shadow, .color-mode-dark .img-item, .color-mode-dark .ci-image { border: 3px solid transparent; } @font-face { font-family: 'metropolis'; src: url('../webfonts/Metropolis-Regular.woff'); } @font-face { font-family: 'metropolis'; font-weight: bold; src: url('../webfonts/Metropolis-Bold.woff'); } .admin-area { font-family: 'metropolis', Arial, Helvetica, sans-serif !important; } .is-screen { font-size: 50px / 2; } .is-screen ::marker { color: #009fe3; } .is-screen .wave-house { position: absolute; bottom: 120px / 2 - 4px; left: 100px / 2; } .is-screen .wave-ship { position: absolute; bottom: 70px / 2; } .is-screen .wave-geysir { position: absolute; bottom: 60px / 2 - 6px; right: -4px; } .is-screen .waves { width: 100%; position: absolute; bottom: 120px / 2; } .is-screen .waves img { width: 100%; } .is-screen .h-flip { transform: scaleX(-1); } .is-screen .water-section { width: 100%; background-color: #0069B4; height: 120px / 2; color: #fff; font-size: 50px / 2; bottom: 0; padding-top: 16px / 2; position: absolute; } .is-screen .text-area { margin: 4% 6%; color: #333; } .is-screen .text-area.max-60 { width: 60%; } .is-screen .text-area-bottom-right { right: 6%; position: absolute; bottom: 13%; color: #333; } .is-screen .bottom-section { position: absolute; bottom: 0; width: 100%; } .is-screen .bubble-img { width: 100%; position: absolute; bottom: 0; height: 930px / 2; } .is-screen .bubble-img img { width: 100%; } .is-screen .title { font-size: 180px / 2; color: #009FE3; line-height: 219px / 2; letter-spacing: 0.02em / 2; font-weight: bold; text-transform: uppercase; } .is-screen .title2 { font-size: 120px / 2; } .is-screen .subtitle2 { font-size: 70px / 2; } .is-screen .center-img { position: absolute; width: 2280px / 2; height: 2280px / 2; left: 50%; margin-left: -1140px / 2; } .is-screen .center-img img { height: 100%; width: 100%; } .is-screen .ship-track { position: absolute; width: 2800px / 2; height: 115px / 2; left: 400px / 2; } .is-screen h1 { padding-top: 16px; font-size: 90px; padding-bottom: 16px; text-transform: uppercase; } .is-screen h2 { padding-top: 16px; font-size: 70px; padding-bottom: 16px; } .is-screen h3 { padding-top: 16px; font-size: 50px; padding-bottom: 16px; } .is-screen h4 { padding-top: 16px; font-size: 40px; padding-bottom: 16px; } .is-screen.distance-far { font-size: 50px; } .is-screen.distance-far h1 { font-size: 110px; } .is-screen.distance-far h2 { font-size: 90px; } .is-screen.distance-far h3 { font-size: 75px; } .is-screen.distance-far h4 { font-size: 60px; } .display-4k .wave-house { bottom: 120px; left: 100px; } .display-4k .wave-ship { bottom: 70px; } .display-4k .wave-geysir { position: absolute; bottom: 114px; right: -4px; } .display-4k .waves { bottom: 116px; } .display-4k .water-section { height: 120px; font-size: 50px; padding-top: 20px; } .display-4k .bubble-img { height: 930px; } .display-4k .title { font-size: 180px; line-height: 219px; letter-spacing: 0.02em; text-transform: uppercase; } .display-4k .center-img { width: 2280px; height: 2280px; left: 50%; margin-left: -1140px; } .display-4k .ship-track { width: 2800px; height: 115px; left: 400px; } .bg-white-70 { background-color: rgba(255, 255, 255, 0.7); display: inline-block; color: #222; border-radius: 16px; } .cancel-display { position: relative; } .cancel-display .subtitle { font-size: 60px; line-height: 73px; color: #636061; } .cancel-display .custom-container { width: 3200px; margin: 0 auto; padding-top: 270px; position: relative; } .cancel-display .text-section { width: 50%; float: left; } .cancel-display .full-section { width: 100%; } .cancel-display .bottom-text { font-weight: bold; font-size: 82.1918px; line-height: 100px; } .cancel-display .smalltext { font-weight: bold; font-size: 59.3836px; line-height: 10px; } .cancel-display .time-text { padding-top: 50px; font-size: 60px; line-height: 73px; text-transform: uppercase; color: #7D7D7D; } .cancel-display .time-number { font-size: 120px; line-height: 146px; font-weight: bold; color: #0069B4; text-transform: uppercase; } .cancel-display .time-number img { padding-right: 45px; } .cancel-display .icon-text { padding-top: 180px; font-weight: bold; font-size: 80px; line-height: 97px; letter-spacing: 0.01em; text-transform: uppercase; } .cancel-display .departments { float: left; } .cancel-display .dark-blue { color: #0069B4; } .cancel-display .light-blue { color: #009FE3; } .cancel-display .margin-b { margin-bottom: 255px; } .cancel-display .bubble-top { width: 400px; margin: 0 auto; height: 400px; border-radius: 50%; padding-top: 115px; text-align: center; font-size: 109.589px; font-weight: bold; z-index: 2; text-transform: uppercase; line-height: 116px; color: #fff; background-color: rgba(0, 159, 227, 0.8); } .cancel-display .bubble-bottom { width: 322px; height: 322px; border-radius: 50%; text-align: center; color: #fff; background-color: rgba(0, 105, 180, 0.8); font-weight: bold; padding-top: 80px; text-transform: uppercase; font-size: 88.2192px; line-height: 94px; margin: 0 auto; } .cancel-display .bubble-bottom .bottom-text { font-size: 66px; } .cancel-display .bg-ellipse { position: absolute; top: -65px; left: -60px; } .cancel-display .inactive-bubble { background-color: rgba(99, 96, 97, 0.5); } .cancel-display .bubble-section { width: 500px; margin-top: 70px; text-align: center; position: relative; margin-right: 60px; margin-left: 60px; } .cancel-display .bubble-line { position: relative; z-index: 2; } .cancel-display .cancel-bubble { margin-top: 0px; } .cancel-display .cancel-bubble .bubble-bottom { width: 400px; height: 400px; background-color: #D41744; font-size: 100px; padding-top: 110px; } .cancel-display .cancel-bubble .bubble-bottom .bottom-text { font-size: 60px; } .cancel-display .cancel-bubble .bubble-top { padding-top: 140px; width: 500px; background-color: #D41744; height: 500px; font-size: 150px; line-height: 180px; } .cancel-display .cancel-bubble .bubble-top .bubble-time { margin-bottom: -40px; } .cancel-display .cancel-title { font-size: 120px; color: #D41744; font-weight: bold; position: relative; white-space: nowrap; margin-top: 100px; left: -50%; } .cancel-display .weather-cancel { font-size: 60px; color: #D41744; font-weight: bold; position: relative; white-space: nowrap; margin-top: 100px; text-align: center; left: -50%; width: 1044px; } .cancel-display .weather-padding .bubble-top { padding-top: 90px; padding-left: 70px; } .delayed-display { position: relative; } .delayed-display .subtitle { font-size: 60px; line-height: 73px; color: #636061; } .delayed-display .custom-container { width: 3200px; margin: 0 auto; padding-top: 270px; position: relative; } .delayed-display .text-section { width: 50%; float: left; } .delayed-display .full-section { width: 100%; } .delayed-display .bottom-text { font-weight: bold; font-size: 82.1918px; line-height: 100px; } .delayed-display .smalltext { font-weight: bold; font-size: 59.3836px; line-height: 10px; } .delayed-display .time-text { padding-top: 50px; font-size: 60px; line-height: 73px; text-transform: uppercase; color: #7D7D7D; } .delayed-display .time-number { font-size: 120px; line-height: 146px; font-weight: bold; color: #0069B4; } .delayed-display .time-number img { padding-right: 45px; } .delayed-display .cancel-bubble { margin-top: 0px; } .delayed-display .cancel-bubble .bubble-bottom { width: 322px; height: 322px; background-color: #D41744; font-size: 100px; padding-top: 110px; } .delayed-display .cancel-bubble .bubble-bottom .bottom-text { font-size: 60px; } .delayed-display .cancel-bubble .bubble-bottom img { width: 120px; } .delayed-display .cancel-bubble .bubble-top { padding-top: 90px; width: 400px; background-color: #D41744; height: 400px; font-size: 109.589px; line-height: 180px; } .delayed-display .cancel-bubble .bubble-top .bubble-time { margin-bottom: -40px; } .delayed-display .cancel-bubble .bubble-top img { width: 200px; position: absolute; top: -75px; left: 145px; } .delayed-display .cancel-bubble .cancel-title { color: #D41744; margin-left: 28%; } .delayed-display .alert-bubble { margin-top: 0px; } .delayed-display .alert-bubble .bubble-bottom { width: 322px; height: 322px; background-color: #FFA500; font-size: 100px; padding-top: 88px; } .delayed-display .alert-bubble .bubble-bottom .bottom-text { font-size: 60px; } .delayed-display .alert-bubble .bubble-bottom img { width: 120px; } .delayed-display .alert-bubble .bubble-top { padding-top: 90px; width: 400px; background-color: #FFA500; height: 400px; font-size: 109.589px; line-height: 180px; } .delayed-display .alert-bubble .bubble-top .bubble-time { margin-bottom: -40px; } .delayed-display .alert-bubble .bubble-top img { width: 200px; position: absolute; top: -75px; left: 145px; } .delayed-display .alert-bubble .cancel-title { color: #FFA500; margin-left: 19%; } .delayed-display .cancel-title { font-size: 60px; font-weight: bold; white-space: nowrap; top: 480px; background-color: #fff; position: absolute; z-index: 5; } .delayed-display .line-relative { width: 100%; height: 282px; position: relative; } .delayed-display .line-relative img { position: absolute; } .delayed-display .icon-text { padding-top: 180px; font-weight: bold; font-size: 80px; line-height: 97px; letter-spacing: 0.01em; text-transform: uppercase; } .delayed-display .departments { float: left; } .delayed-display .dark-blue { color: #0069B4; } .delayed-display .light-blue { color: #009FE3; } .delayed-display .margin-b { margin-bottom: 255px; } .delayed-display .bubble-top { width: 400px; margin: 0 auto; height: 400px; border-radius: 50%; padding-top: 90px; text-align: center; font-size: 109.589px; font-weight: bold; z-index: 2; text-transform: uppercase; line-height: 116px; color: #fff; background-color: rgba(0, 159, 227, 0.8); } .delayed-display .bubble-bottom { width: 322px; height: 322px; border-radius: 50%; text-align: center; color: #fff; background-color: rgba(0, 105, 180, 0.8); font-weight: bold; padding-top: 80px; text-transform: uppercase; font-size: 88.2192px; line-height: 94px; margin: 0 auto; } .delayed-display .bubble-bottom .bottom-text { font-size: 66px; } .delayed-display .bg-ellipse { position: absolute; top: -65px; left: -60px; } .delayed-display .inactive-bubble { background-color: rgba(99, 96, 97, 0.5); } .delayed-display .bubble-section { width: 500px; margin-top: 70px; text-align: center; position: relative; margin-right: 60px; margin-left: 60px; } .delayed-display .bubble-line { position: relative; z-index: 2; } .delayed-display .active-bubble { margin-top: 0px; } .delayed-display .active-bubble .bubble-bottom { width: 400px; height: 400px; background-color: #0069b4; font-size: 100px; padding-top: 110px; } .delayed-display .active-bubble .bubble-bottom .bottom-text { font-size: 60px; } .delayed-display .active-bubble .bubble-top { padding-top: 140px; width: 500px; background-color: #009fe3; height: 500px; font-size: 150px; line-height: 180px; } .delayed-display .active-bubble .bubble-top .bubble-time { margin-bottom: -40px; } .notenter-display .title { color: #FFA500; font-weight: bold; font-size: 180px; line-height: 219px; margin-top: 20px; } .notenter-display .subtitle { font-size: 60px; line-height: 73px; } .notenter-display .blockade-svg { position: absolute; margin-left: 1000px; } .notenter-display .triangle-svg { position: relative; margin-top: 230px; margin-left: 250px; } .single-depart { position: relative; } .single-depart .center-img { position: absolute; width: 2280px; height: 2280px; left: 50%; margin-left: -1140px; } .single-depart .center-img img { height: 100%; width: 100%; } .single-depart .subtitle { font-size: 60px; line-height: 73px; color: #636061; } .single-depart .custom-container { width: 3200px; margin: 0 auto; padding-top: 270px; position: relative; } .single-depart .text-section { width: 50%; float: left; } .single-depart .full-section { width: 100%; } .single-depart .bottom-text { font-weight: bold; font-size: 82.1918px; line-height: 100px; } .single-depart .smalltext { font-weight: bold; font-size: 59.3836px; line-height: 10px; } .single-depart .time-text { padding-top: 50px; font-size: 60px; line-height: 73px; text-transform: uppercase; color: #7D7D7D; } .single-depart .timer { font-weight: bold; font-size: 140px; line-height: 171px; } .single-depart .bottom-info { padding-top: 300px; } .single-depart .ship-name { font-size: 60px; line-height: 73px; color: #7D7D7D; padding-top: 60px; } .single-depart .icon-text { padding-top: 180px; font-weight: bold; font-size: 80px; line-height: 97px; letter-spacing: 0.01em; text-transform: uppercase; } .single-depart .icon-text .time { padding-top: 20px; font-size: 140px; } .single-depart .departments { width: 700px; text-align: center; float: left; } .single-depart .arrow-line { float: left; width: 280px; padding-top: 290px; } .single-depart .middle-info { padding-top: 160px; float: left; text-align: center; width: 1040px; } .single-depart .middle-ship { width: 800px; } .single-depart .dark-blue { color: #0069B4; } .single-depart .light-blue { color: #009FE3; } .single-depart .margin-b { margin-bottom: 255px; } .single-depart .bg-ellipse { position: absolute; top: -65px; left: -60px; } .color-mode-dark .outdoor-display .subtitle { font-size: 60px; line-height: 73px; color: #EFEFEF; } .outdoor-display { position: relative; } .outdoor-display .subtitle { font-size: 60px; line-height: 73px; color: #636061; } .outdoor-display .custom-container { width: 3200px; margin: 0 auto; padding-top: 130px; position: relative; } .outdoor-display .text-section { width: 100%; float: left; margin-top: -150px; } .outdoor-display .full-section { width: 100%; } .outdoor-display .bottom-text { font-size: 48px; line-height: 48px; } .outdoor-display .smalltext { font-weight: bold; font-size: 59.3836px; line-height: 10px; } .outdoor-display .time-text { padding-top: 50px; font-size: 60px; line-height: 73px; text-transform: uppercase; color: #7D7D7D; } .outdoor-display .time-number { font-size: 120px; line-height: 146px; font-weight: bold; color: #0069B4; } .outdoor-display .time-number img { padding-right: 45px; } .outdoor-display .cancel-bubble { margin-top: 0px; } .outdoor-display .cancel-bubble .bubble-bottom { width: 322px; height: 322px; background-color: #D41744; font-size: 100px; padding-top: 110px; } .outdoor-display .cancel-bubble .bubble-bottom .bottom-text { font-size: 60px; } .outdoor-display .cancel-bubble .bubble-bottom img { width: 120px; } .outdoor-display .cancel-bubble .bubble-top { padding-top: 90px; width: 400px; background-color: #D41744; height: 400px; font-size: 109.589px; } .outdoor-display .cancel-bubble .bubble-top img { width: 200px; position: absolute; top: -75px; left: 145px; } .outdoor-display .cancel-bubble .cancel-title { color: #D41744; margin-left: 28%; } .outdoor-display .alert-bubble { margin-top: 0px; } .outdoor-display .alert-bubble .bubble-bottom { width: 322px; height: 322px; background-color: #FFA500; font-size: 100px; padding-top: 88px; } .outdoor-display .alert-bubble .bubble-bottom .bottom-text { font-size: 60px; } .outdoor-display .alert-bubble .bubble-bottom img { width: 120px; } .outdoor-display .alert-bubble .bubble-top { padding-top: 90px; width: 400px; background-color: #FFA500; height: 400px; font-size: 109.589px; } .outdoor-display .alert-bubble .bubble-top img { width: 200px; position: absolute; top: -75px; left: 145px; } .outdoor-display .alert-bubble .cancel-title { color: #FFA500; margin-left: 19%; } .outdoor-display .cancel-title { font-size: 60px; font-weight: bold; white-space: nowrap; top: 420px; background-color: #fff; position: absolute; z-index: 5; } .outdoor-display .line-relative { width: 100%; height: 282px; position: relative; } .outdoor-display .line-relative img { position: absolute; } .outdoor-display .icon-text { padding-top: 120px; padding-bottom: 165px; font-weight: bold; font-size: 80px; line-height: 97px; letter-spacing: 0.01em; text-transform: uppercase; } .outdoor-display .departments { float: left; } .outdoor-display .dark-blue { color: #0069B4; } .outdoor-display .light-blue { color: #009FE3; } .outdoor-display .margin-b { margin-bottom: 255px; } .outdoor-display .bubble-top { width: 400px; margin: 0 auto; height: 400px; border-radius: 50%; padding-top: 70px; text-align: center; font-size: 109.589px; font-weight: bold; z-index: 2; text-transform: uppercase; line-height: 116px; color: #fff; background-color: rgba(0, 159, 227, 0.8); } .outdoor-display .bubble-bottom { width: 322px; height: 322px; border-radius: 50%; text-align: center; color: #fff; background-color: rgba(0, 105, 180, 0.8); font-weight: bold; padding-top: 80px; text-transform: uppercase; font-size: 88.2192px; line-height: 94px; margin: 0 auto; } .outdoor-display .bubble-bottom .bottom-text { font-size: 66px; } .outdoor-display .bg-ellipse { position: absolute; top: -65px; left: -60px; } .outdoor-display .inactive-state .cancel-title { color: #636061; margin-left: 19%; } .outdoor-display .inactive-bubble { background-color: rgba(99, 96, 97, 0.5); } .outdoor-display .bubble-section { width: 500px; margin-top: 100px; text-align: center; position: relative; margin-right: 40px; margin-left: 40px; } .outdoor-display .bubble-line { position: relative; z-index: 2; } .outdoor-display .active-bubble { margin-top: 0px; } .outdoor-display .active-bubble .bubble-bottom { width: 400px; height: 400px; background-color: #0069b4; font-size: 100px; padding-top: 110px; } .outdoor-display .active-bubble .bubble-bottom .bottom-text { font-size: 60px; } .outdoor-display .active-bubble .bubble-top { padding-top: 140px; width: 500px; background-color: #009fe3; height: 500px; font-size: 150px; line-height: 180px; } .outdoor-display .active-bubble .bubble-top .bubble-time { margin-bottom: -40px; } .outdoor-display .warning-section { position: relative; width: 1751px; margin-top: 125px; margin-left: 750px; } .outdoor-display .warning-section .warning-red { background-color: #D41744; border: 8px dashed #FFFFFF; box-sizing: border-box; border-radius: 20px; height: 160px; } .outdoor-display .warning-section .warning-text { color: #fff; font-weight: bold; font-size: 60px; padding-top: 30px; } .upload .center-svg { width: 100%; position: absolute; top: 0; left: 0; height: 100%; text-align: center; } .upload .center-svg img { width: 100%; } .christmas-img-left { position: absolute; height: 800px; top: 800px; left: 0; } .christmas-img-right { position: absolute; height: 837px; top: 600px; right: 0; } .center-svg { position: relative; text-align: center; height: 1435px; width: 100%; } .center-svg img { display: block; margin: 0 auto; } h4, .h4 { font-weight: bold; font-size: 23px; } h3, .h3 { font-size: 28px; } *.bg-white, .box.bg-white { border-color: inherit; } h2, .h2 { font-size: 34px; font-weight: normal; } .smaller { font-size: 12px; } .small-xs { font-size: 12px; } h1, .h1 { font-size: 41px; text-transform: uppercase; color: #009fe3; } @media (max-width: 768px) { h3 { font-size: 22px; } } a:hover, a:focus { text-decoration: none; } .bg-orange h3 { color: #FFF; } #foot { padding-right: 40px; padding-left: 40px; background-color: #333333; bottom: 0; font-size: 16px; padding-bottom: 24px; padding-top: 24px; position: relative; width: 100%; line-height: 30px; color: #F2F2F2; } #foot, #foot a { color: #eeeeee; } #foot .col-right { text-align: right; } #foot .line { width: 100%; background-color: #707070; height: 1px; margin-bottom: 30px; } #foot .foot-title { margin-bottom: 10px; } .margin-lr { margin-left: 10px; margin-right: 10px; } .padding-lr { padding-right: 30px; padding-left: 30px; } .padding-tb { padding-top: 20px; padding-bottom: 20px; } .vmargin { margin-top: 60px; margin-bottom: 60px; } @media (max-width: 767px) { .mobile-margin { margin-bottom: 10px; margin-top: 10px; } .vmargin { margin-top: 30px; margin-bottom: 30px; } .title-margin-t { margin-top: 40px; } } @media (min-width: 768px) { .title-margin-t { margin-top: 40px; } } @media (min-width: 992px) { .title-margin-t { margin-top: 0px; } } .navbar-placeholder { height: 80px; } @media screen and (max-width: 900px) { .navbar-placeholder { height: 60px; } } .navbar { transition: 2s height; } .navbar.fixed { position: fixed; top: 0; left: 0; } .admin_view .navbar.fixed { top: 30px; } .navbar-collapse.collapse { padding: 0; } @media screen and (max-width: 900px) { .navbar-collapse.collapse { padding-left: 15px; } .navbar-collapse.collapse.in { display: block !important; } } .navbar-brand { padding: 0; padding-top: 10px; height: auto; margin-left: 10px; } @media screen and (min-width: 992px) { .navbar-brand > img { height: 60px; } } @media screen and (min-width: 768px) { .navbar-brand > img { height: 50px; } } @media screen and (max-width: 768px) { .navbar-brand > img { height: 40px; padding-bottom: 10px; } } .navbar-default { border: 0; background-image: none; opacity: 1; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4); width: 100%; z-index: 1029; } .navbar-default .navbar-nav > li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (min-width: 768px) { .navbar-default .navbar-nav > li > .dropdown-menu { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; } } .navbar-default .navbar-nav .open a { background-image: none; } .navbar-default .navbar-nav .active > a { background-image: none !important; box-shadow: none; position: relative; } .navbar-default .navbar-nav .active > a, .navbar-default .navbar-nav .active > a:hover, .navbar-default .navbar-nav .active > a:focus { background-color: #EFEFEF; color: #009fe3; } .navbar-default .navbar-nav .dropdown:hover:not( .active ) > a:after, .navbar-default .navbar-nav .dropdown:focus:not( .active ) > a:after, .navbar-default .navbar-nav .dropdown.open:not( .active ) > a:after { background-image: url(../img/design/svg/svg-icon-triangle-333.svg); } .navbar-default .navbar-nav .dropdown:hover > .dropdown-menu, .navbar-default .navbar-nav .dropdown.selected > .dropdown-menu { display: block; } @media screen and (min-width: 900px) { .navbar-default .navbar-nav .dropdown > a:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); background-image: url(../img/design/svg/svg-icon-triangle.svg); background-repeat: no-repeat; background-position: center; background-size: 15%; content: ""; display: block; height: 25px; left: 50%; margin-left: -35px; margin-top: -5px; position: absolute; text-align: center; text-shadow: none; width: 70px; z-index: 1060; } } .dropdown-menu { background-color: #fff; border: none; min-width: 180px; } .dropdown-menu li a { padding: 10px 15px; } .dropdown-menu li a:hover { background-color: #fff; background-image: none; } #mainNavbar { background-color: rgba(250, 250, 250, 0.9); border-bottom: 1px solid #009fe3; } #mainNavbar ul.nav { border-left: 1px solid #CCC; } #mainNavbar ul.nav > li { border-right: 1px solid #CCC; margin: 0; } .navbar-nav > li { margin-left: 20px; } @media screen and (min-width: 768px) { .navbar-nav > li > a { padding-bottom: 24px; padding-top: 26px; } } .navbar-nav > li > a:hover { color: #009fe3; } .navbar-nav > li > .dropdown-menu { border-top: 0; padding-top: 10px; } @media screen and (max-width: 767px) { .navbar-nav > li > .dropdown-menu { border: none; box-shadow: none; display: block; float: none; margin-bottom: 10px; padding-top: 0; position: relative; top: auto; width: 100%; z-index: auto; } .navbar-nav > li > .dropdown-menu > li a { padding-bottom: 15px; padding-left: 30px; padding-top: 15px; } } .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus { color: #009fe3; background-color: #fff; } @media screen and (max-width: 900px) { .navbar-nav .open .dropdown-menu > li > a { line-height: 1.42857143; padding-bottom: 10px; padding-left: 30px; padding-top: 10px; } } .navbar-collapse.collapse.in { max-height: 60vh; } .telefonsvg { width: 200px; padding-top: 15px; } @media (max-width: 767px) { .hidden-sm { display: none; } .navbar-nav { background-color: #fff; } } .divider-bottom.divider-bottom::after { content: " "; position: absolute; z-index: 1; width: 100%; background-repeat: no-repeat; background-position: bottom; background-size: 100%; pointer-events: none; bottom: -2px; top: auto; background-image: url('../../img/divider-bottom.svg'); height: 380px; background-position: top; } @media (min-width: 1600px) { .divider-bottom.divider-bottom::after { background-size: cover; } } @media (max-width: 767px) { .divider-bottom.divider-bottom::after { background-size: 767px; } } @media (max-width: 600px) { .divider-bottom.divider-bottom::after { background-size: 600px; } } .divider-ci { height: 200px; } .display table { min-width: 100%; margin-bottom: 30px; } .display table tr { background-color: #d6c7a4; } .display table tr:nth-child(odd) { background-color: #9fd6de; } .display table tr:first-child { background-color: #009fe3; color: #FFF; } .display table tr td { padding: 8px; border: 3px solid #FFFFFF; text-align: center; vertical-align: top; } .display table tr td p { margin: 0; }