.tippy-box[data-animation="fade"][data-state="hidden"] { opacity: 0; } [data-tippy-root] { max-width: calc(-10px + 100vw); } .tippy-box { position: relative; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border-radius: 4px; font-size: 14px; line-height: 1.4; outline: 0px; transition-property: transform, visibility, opacity; } .tippy-box[data-placement^="top"] > .tippy-arrow { bottom: 0px; } .tippy-box[data-placement^="top"] > .tippy-arrow::before { bottom: -7px; left: 0px; border-width: 8px 8px 0px; border-top-color: initial; transform-origin: center top; } .tippy-box[data-placement^="bottom"] > .tippy-arrow { top: 0px; } .tippy-box[data-placement^="bottom"] > .tippy-arrow::before { top: -7px; left: 0px; border-width: 0px 8px 8px; border-bottom-color: initial; transform-origin: center bottom; } .tippy-box[data-placement^="left"] > .tippy-arrow { right: 0px; } .tippy-box[data-placement^="left"] > .tippy-arrow::before { border-width: 8px 0px 8px 8px; border-left-color: initial; right: -7px; transform-origin: left center; } .tippy-box[data-placement^="right"] > .tippy-arrow { left: 0px; } .tippy-box[data-placement^="right"] > .tippy-arrow::before { left: -7px; border-width: 8px 8px 8px 0px; border-right-color: initial; transform-origin: right center; } .tippy-box[data-inertia][data-state="visible"] { transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); } .tippy-arrow { width: 16px; height: 16px; color: rgb(51, 51, 51); } .tippy-arrow::before { content: ""; position: absolute; border-color: transparent; border-style: solid; } .tippy-content { position: relative; padding: 5px 9px; z-index: 1; } .preload { background-color: rgb(22, 20, 19); min-width: 320px; position: fixed; z-index: 500; inset: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f8c0fe800a8.woff2') format("woff2"), url('../fonts/f2105ee11c7.woff') format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fa75c569925.woff2') format("woff2"), url('../fonts/f60b2dbb3d4.woff') format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fd358e21d59.woff2') format("woff2"), url('../fonts/f3eb7526359.woff') format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f9dda5dbfa2.woff2') format("woff2"), url('../fonts/f153ecf2e09.woff') format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f048b8a85eb.woff2') format("woff2"), url('../fonts/f3db9b88e04.woff') format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fa933cf38e8.woff2') format("woff2"), url('../fonts/f6d353a761d.woff') format("woff"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fd5ba3f7271.woff2') format("woff2"), url('../fonts/ff63e0f1eec.woff') format("woff"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f67fc5b29ea.woff2') format("woff2"), url('../fonts/f41962281fb.woff') format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fa4a6946e06.woff2') format("woff2"), url('../fonts/fb1dddd6a49.woff') format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f0174f31840.woff2') format("woff2"), url('../fonts/fda691704ad.woff') format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f39bb8af5b7.woff2') format("woff2"), url('../fonts/f977b596599.woff') format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f23082c885b.woff2') format("woff2"), url('../fonts/f15c3236393.woff') format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f3a9db4518e.woff2') format("woff2"), url('../fonts/f2eb53e3b3f.woff') format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f95e6391d8e.woff2') format("woff2"), url('../fonts/ff2706e8639.woff') format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fad00c1191f.woff') format("woff"), url('../fonts/f6703e87b2b.ttf') format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/f427f3e5242.woff') format("woff"), url('../fonts/f60ec31b7c6.ttf') format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fff2ce3b731.woff') format("woff"), url('../fonts/f93c62f7773.ttf') format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/f92f3f73386.woff') format("woff"), url('../fonts/f745738cd52.ttf') format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/ffe667b7d17.woff') format("woff"), url('../fonts/f12215d1c5d.ttf') format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fec966c6b2c.woff') format("woff"), url('../fonts/fc342bc4b8e.ttf') format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fffb5ff62ef.woff') format("woff"), url('../fonts/fe31d324430.ttf') format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/f0e7813601a.woff') format("woff"), url('../fonts/f7e810f5408.ttf') format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fe99ab075f1.woff') format("woff"), url('../fonts/f9b0b331dc0.ttf') format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fa27bb2db0e.woff') format("woff"), url('../fonts/faa0e4442c5.ttf') format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: gwi; src: url('../fonts/f4d6e3e0dae.ttf') format("truetype"), url('../fonts/fba26a2f4ea.woff') format("woff"); font-weight: normal; font-style: normal; font-display: block; } [class^="gwi_"], [class*=" gwi_"] { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: gwi !important; } .gwi_tg::before { content: ""; } .gwi_vk-brands-solid::before { content: ""; } .gwi_cookies::before { content: ""; } .gwi_share::before { content: ""; } .gwi_fb::before { content: ""; } .gwi_google::before { content: ""; } .gwi_instagram::before { content: ""; } .gwi_linkedin::before { content: ""; } .gwi_reddit::before { content: ""; } .gwi_sq-telegram::before { content: ""; } .gwi_tiktok::before { content: ""; } .gwi_twitch::before { content: ""; } .gwi_x::before { content: ""; } .gwi_youtube::before { content: ""; } .gwi_artstation::before { content: ""; } .gwi_discord::before { content: ""; } .gwi_ex-glob::before { content: ""; } .gwi_ind-list::before { content: ""; } .gwi_ind-marker-3::before { content: ""; } .gwi_calendar1::before { content: ""; } .gwi_check::before { content: ""; } .gwi_check-circle::before { content: ""; } .gwi_chevron-down::before { content: ""; } .gwi_chevron-left::before { content: ""; } .gwi_chevron-right::before { content: ""; } .gwi_chevron-up::before { content: ""; } .gwi_edit::before { content: ""; } .gwi_eye::before { content: ""; } .gwi_eye-off::before { content: ""; } .gwi_log-in::before { content: ""; } .gwi_log-out::before { content: ""; } .gwi_menu::before { content: ""; } .gwi_radio::before { content: ""; } .gwi_error::before { content: ""; } .gwi_calendar::before { content: ""; } .gwi_facebook::before { content: ""; } .gwi_facebook2::before { content: ""; } .gwi_image::before { content: ""; } .gwi_images::before { content: ""; } .gwi_feed::before { content: ""; } .gwi_clock::before { content: ""; } .gwi_spinner2::before { content: ""; } .gwi_spinner9::before { content: ""; } .gwi_spinner10::before { content: ""; } .gwi_zoom-in::before { content: ""; } .gwi_zoom-out::before { content: ""; } .gwi_cog::before { content: ""; } .gwi_fire::before { content: ""; } .gwi_cloud-download::before { content: ""; } .gwi_star-empty::before { content: ""; } .gwi_star-half::before { content: ""; } .gwi_star-full::before { content: ""; } .gwi_plus::before { content: ""; } .gwi_minus::before { content: ""; } .gwi_checkmark::before { content: ""; } .gwi_arrow-up2::before { content: ""; } .gwi_arrow-right2::before { content: ""; } .gwi_arrow-down2::before { content: ""; } .gwi_arrow-left2::before { content: ""; } .gwi_google-2::before { content: ""; } .gwi_facebook1::before { content: ""; } .gwi_instagram-2::before { content: ""; } .gwi_whatsapp::before { content: ""; } .gwi_rss::before { content: ""; } .gwi_youtube-2::before { content: ""; } .gwi_twitch-2::before { content: ""; } .gwi_steam::before { content: ""; } .gwi_github::before { content: ""; } .gwi_skype::before { content: ""; } .gwi_spinner11::before { content: ""; } .gwi_cog1::before { content: ""; } .gwi_stats-dots::before { content: ""; } .gwi_trophy::before { content: ""; } .gwi_gift::before { content: ""; } .gwi_shield::before { content: ""; } .gwi_attachment::before { content: ""; } .gwi_star-empty1::before { content: ""; } .gwi_star-full1::before { content: ""; } .gwi_info::before { content: ""; } .gwi_enter::before { content: ""; } .gwi_exit::before { content: ""; } .gwi_loop2::before { content: ""; } .gwi_checkbox-checked::before { content: ""; } .gwi_checkbox-unchecked::before { content: ""; } .gwi_embed2::before { content: ""; } .gwi_terminal::before { content: ""; } .gwi_instagram1::before { content: ""; } .gwi_whatsapp1::before { content: ""; } .gwi_envelope-o::before { content: ""; } .gwi_envelope::before { content: ""; } .gwi_vk::before { content: ""; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0px; top: -9999px; visibility: hidden; position: absolute !important; } .fancybox-container { backface-visibility: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; height: 100%; left: 0px; position: fixed; -webkit-tap-highlight-color: transparent; top: 0px; transform: translateZ(0px); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { inset: 0px; position: absolute; } .fancybox-outer { overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s, visibility linear 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s, visibility; visibility: visible; } .fancybox-infobar { color: rgb(204, 204, 204); font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0px; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0px 10px; pointer-events: none; text-align: center; top: 0px; user-select: none; } .fancybox-toolbar { right: 0px; top: 0px; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0px); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { backface-visibility: hidden; display: none; height: 100%; left: 0px; outline: none; overflow: auto; padding: 44px; position: absolute; text-align: center; top: 0px; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ""; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; width: 0px; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide--image { overflow: visible; padding: 44px 0px; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px 6px 0px; } .fancybox-slide--iframe { padding: 44px 44px 0px; } .fancybox-content { background: rgb(255, 255, 255); display: inline-block; margin: 0px 0px 6px; max-width: 100%; overflow: auto; padding: 24px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); backface-visibility: hidden; background: 0% 0% / 100% 100% no-repeat transparent; left: 0px; margin: 0px; max-width: none; overflow: visible; padding: 0px; position: absolute; top: 0px; transform-origin: left top; transition-property: transform, opacity, -webkit-transform; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-drag .fancybox-content { cursor: grab; } .fancybox-is-dragging .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0px; height: 100%; left: 0px; margin: 0px; max-height: none; max-width: none; padding: 0px; position: absolute; top: 0px; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--html .fancybox-content { margin-bottom: 6px; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; margin: 0px; overflow: visible; padding: 0px; width: 100%; } .fancybox-slide--video .fancybox-content { background: rgb(0, 0, 0); } .fancybox-slide--map .fancybox-content { background: rgb(229, 227, 223); } .fancybox-slide--iframe .fancybox-content { background: rgb(255, 255, 255); height: calc(100% - 44px); margin-bottom: 44px; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0px; height: 100%; margin: 0px; overflow: hidden; padding: 0px; width: 100%; } .fancybox-iframe { vertical-align: top; } .fancybox-error { background: rgb(255, 255, 255); cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: rgb(68, 68, 68); font-size: 16px; line-height: 20px; margin: 0px; padding: 0px; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0px; border-radius: 0px; cursor: pointer; display: inline-block; height: 44px; margin: 0px; outline: none; padding: 10px; transition: color 0.2s; vertical-align: top; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: rgb(204, 204, 204); } .fancybox-button:focus, .fancybox-button:hover { color: rgb(255, 255, 255); } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: rgb(136, 136, 136); cursor: default; } .fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricprecision; } .fancybox-button svg path { fill: transparent; stroke: currentcolor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentcolor; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-navigation .fancybox-button { height: 38px; opacity: 0; padding: 6px; position: absolute; top: 50%; width: 38px; } .fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity 0.25s, visibility, color 0.25s; } .fancybox-navigation .fancybox-button::after { content: ""; left: -25px; padding: 50px; position: absolute; top: -25px; } .fancybox-navigation .fancybox-button--arrow_left { left: 6px; } .fancybox-navigation .fancybox-button--arrow_right { right: 6px; } .fancybox-close-small { background: transparent; border: 0px; border-radius: 0px; color: rgb(85, 85, 85); cursor: pointer; height: 44px; margin: 0px; padding: 6px; position: absolute; right: 0px; top: 0px; width: 44px; z-index: 10; } .fancybox-close-small svg { fill: transparent; opacity: 0.8; stroke: currentcolor; stroke-width: 1.5; transition: stroke 0.1s; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:hover svg { opacity: 1; } .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small { color: rgb(204, 204, 204); padding: 5px; right: -12px; top: -44px; } .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg { background: transparent; color: rgb(255, 255, 255); } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } .fancybox-caption { bottom: 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; left: 0px; line-height: 1.5; padding: 25px 44px; right: 0px; } .fancybox-caption::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC"); background-repeat: repeat-x; background-size: contain; inset: -25px 0px 0px; content: ""; display: block; pointer-events: none; position: absolute; z-index: -1; } .fancybox-caption::after { border-bottom: 1px solid rgba(255, 255, 255, 0.3); content: ""; display: block; left: 44px; position: absolute; right: 44px; top: 0px; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: rgb(204, 204, 204); text-decoration: none; } .fancybox-caption a:hover { color: rgb(255, 255, 255); text-decoration: underline; } .fancybox-loading { animation: 0.8s linear 0s infinite normal none running a; background: transparent; border-width: 6px; border-style: solid; border-color: rgb(255, 255, 255) rgba(99, 99, 99, 0.5) rgba(99, 99, 99, 0.5); border-image: initial; border-radius: 100%; height: 60px; left: 50%; margin: -30px 0px 0px -30px; opacity: 0.6; padding: 0px; position: absolute; top: 50%; width: 60px; z-index: 99999; } @-webkit-keyframes a { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes a { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0px, 0px); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0px, 0px); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0px); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0px, 0px); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0px, 0px); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0px); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0px, 0px) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0px, 0px) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0px) scale(1); } .fancybox-share { background: rgb(244, 244, 244); border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: rgb(34, 34, 34); font-size: 35px; font-weight: 700; margin: 0px 0px 20px; } .fancybox-share p { margin: 0px; padding: 0px; } .fancybox-share__button { border: 0px; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0px 5px 10px; min-width: 130px; padding: 0px 15px; text-decoration: none; transition: 0.2s; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: rgb(255, 255, 255); } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: rgb(59, 89, 152); } .fancybox-share__button--fb:hover { background: rgb(52, 78, 134); } .fancybox-share__button--pt { background: rgb(189, 8, 29); } .fancybox-share__button--pt:hover { background: rgb(170, 7, 25); } .fancybox-share__button--tw { background: rgb(29, 161, 242); } .fancybox-share__button--tw:hover { background: rgb(13, 149, 232); } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: rgb(255, 255, 255); } .fancybox-share__input { background: transparent; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(215, 215, 215); border-image: initial; border-radius: 0px; color: rgb(93, 91, 91); font-size: 14px; margin: 10px 0px 0px; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: rgb(255, 255, 255); bottom: 0px; display: none; margin: 0px; padding: 2px 2px 4px; position: absolute; right: 0px; -webkit-tap-highlight-color: transparent; top: 0px; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow: auto hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { font-size: 0px; height: 100%; list-style: none; margin: 0px; overflow: hidden auto; padding: 0px; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: rgb(42, 42, 42); border-radius: 10px; } .fancybox-thumbs > ul > li { backface-visibility: hidden; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0px; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li { background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .fancybox-thumbs > ul > li::before { border: 4px solid rgb(78, 167, 249); inset: 0px; content: ""; opacity: 0; position: absolute; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs .fancybox-thumbs-active::before { opacity: 1; } @media (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0px; top: 0px; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); } button.swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s linear 0s infinite normal none running swiper-preloader-spin; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-flow: column wrap; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0px; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow::before { content: ""; background: rgb(0, 0, 0); position: absolute; inset: 0px; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } :root { --body-min-width: 20rem; --body-max-width: 100%; --body-background-color-rgb: #201c1b; --body-background-color: 32,28,27; --container-width: 87.5rem; --font-0: "DIN Next W1G",Tahoma,Arial,sans-serif; --font-1: "BeaufortforLOL","Philosopher","Times New Roman",Times,serif; --font-2: "Montserrat",Arial,sans-serif; --font-3: "Alice","Times New Roman",Times,serif; --font-ico: "gwi"; --color-light-rgb: #e8d1a6; --color-light: 232,209,166; --color-dark-rgb: #000; --color-dark: 0,0,0; --color-red-rgb: #ac0000; --color-red: 172,0,0; --color-yellow-rgb: #ff0; --color-yellow: 255,255,0; --color-orange-rgb: orange; --color-orange: 255,165,0; --color-pink-rgb: pink; --color-pink: 255,192,203; --color-purple-rgb: purple; --color-purple: 128,0,128; --color-blue-rgb: #00f; --color-blue: 0,0,255; --color-green-rgb: #0b0; --color-green: 0,187,0; --color-grey-rgb: grey; --color-grey: 128,128,128; --color-white-rgb: #fff; --color-white: 255,255,255; --color-black-rgb: #000; --color-black: 0,0,0; --color-brown-rgb: brown; --color-brown: 165,42,42; --color-aqua-rgb: #0ff; --color-aqua: 0,255,255; --color-0-rgb: #bab2a8; --color-0: 186,178,168; --color-1-rgb: #141414; --color-1: 20,20,20; --color-2-rgb: #fff; --color-2: 255,255,255; --color-3-rgb: #fff; --color-3: #fff; --color-4-rgb: #fff; --color-4: #fff; --color-5-rgb: #fff; --color-5: #fff; --color-6-rgb: #fff; --color-6: #fff; --color-7-rgb: #fff; --color-7: #fff; --color-8-rgb: #fff; --color-8: #fff; --color-9-rgb: #fff; --color-9: #fff; --color-accent-rgb: #ffb751; --color-accent: 255,183,81; --color-accent-hover-rgb: #ff0; --color-accent-hover: 255,255,0; --color-accent-2-rgb: #f80; --color-accent-2: 255,136,0; --color-accent-2-hover-rgb: #f80; --color-accent-2-hover: 255,136,0; --color-url-rgb: #ffb751; --color-url: 255,183,81; --color-url-hover-rgb: #ff0; --color-url-hover: 255,255,0; --margin: 0.875rem; --margin-half: calc(var(--margin)/2); --margin-third: calc(var(--margin)/3); --negative-margin: calc(var(--margin)*-1); --border-radius: 0.375rem; --border-width: 1px; --border-type: solid; --border-color: rgba(77,63,50,0.5); --border: var(--border-width) var(--border-type) var(--border-color); --shadow: 0px 0.4375rem 3.375rem rgba(36,30,10,0.1); } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0px; } hr { box-sizing: content-box; height: 0px; overflow: visible; border-color: rgba(0, 0, 0, 0.15); } pre { font-family: monospace, monospace; font-size: 1em; } abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button { appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -0.125rem; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } [hidden], template { display: none; } img { border-style: none; display: inline-block; vertical-align: middle; } iframe, img, video { max-width: 100%; } a { background-color: transparent; color: rgba(var(--color-url),1); transition-duration: 0.2s; transition-property: opacity, color, background-color; outline: 0px; text-decoration: underline; } a:hover { text-decoration: none; } a:active, a:focus { outline: 0px; } ::-webkit-input-placeholder { color: var(--input-placeholder-color); opacity: 1; } :focus::-webkit-input-placeholder { color: var(--input-placeholder-color-focus); } [class*=" gwi_"]::before, [class^="gwi_"]::before { margin: 0px; width: auto; } ol, ul { padding-left: 1.375em; margin: 0.625em 0px; } table { border: 0px; border-spacing: 0px 0.1875rem; text-align: center; font-size: 0.875rem; color: rgb(170, 163, 154); } td, th { border-top: 1px solid rgb(67, 62, 59); border-bottom: 1px solid rgb(67, 62, 59); padding: 0.1875rem 0.625rem; background-color: rgba(67, 62, 59, 0.15); height: 3.375rem; box-sizing: border-box; } td:first-child, th:first-child { border-left: 1px solid rgb(67, 62, 59); border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } td:last-child, th:last-child { border-right: 1px solid rgb(67, 62, 59); border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } th { font-family: var(--font-1); font-weight: 700; text-transform: uppercase; } tr:nth-child(2n) td, tr:nth-child(2n) th { background-color: rgb(46, 43, 41); } .table-heading { color: rgb(255, 248, 237); } ::-webkit-scrollbar { width: 0.375rem; height: 0.25rem; background-color: rgba(0, 0, 0, 0.4); } ::-webkit-scrollbar-thumb { background-color: rgb(107, 71, 37); } ::-webkit-scrollbar-thumb:hover { background-color: rgb(155, 102, 53); } * { scrollbar-width: thin; scrollbar-color: rgb(203, 167, 76) rgb(19, 16, 14); } html { line-height: 1.5; text-size-adjust: 100%; font-family: var(--font-0); font-size: 100%; font-weight: 400; color: rgba(var(--color-0),1); cursor: default; overflow-x: clip; } :root { --body-bg-image: none; } body { position: relative; z-index: 0; overflow-x: clip; margin: 0px; background-color: rgba(var(--body-background-color),1); background-image: var(--body-bg-image); background-size: max(160rem, 100%); background-position: center top; background-repeat: no-repeat; min-height: 100dvh; min-width: var(--body-min-width); display: flex; flex-direction: column; } body:has(.fancybox-active), body:has(.mob-menu-active), html:has(.fancybox-active), html:has(.mob-menu-active) { overflow: hidden; } .body_2 { --body-bg-image: url('../img/aca82598b9a.jpg'); } .body_3 { --body-bg-image: url('../img/a63b4967c3d.jpg'); } .page { margin: 0px auto; min-height: 100dvh; width: 100%; min-width: var(--body-min-width); max-width: var(--body-max-width); flex-grow: 1; transition: 0.3s; background-color: transparent; background-image: var(--body-bg-image); background-size: max(160rem, 100%); background-position: center top; background-repeat: no-repeat; } .page, .section { position: relative; z-index: 2; display: flex; flex-direction: column; box-sizing: border-box; } .section { flex-shrink: 0; justify-content: center; align-items: center; } .container { max-width: calc(var(--container-width) + var(--margin)*4); width: 100%; min-width: 0px; padding-right: calc(var(--margin)*2); padding-left: calc(var(--margin)*2); position: relative; z-index: 2; box-sizing: border-box; } .container_fluid { max-width: 100%; } .spacer { flex-grow: 1; min-height: 12.5rem; } .compensate-navigation { height: var(--navigation-height); box-sizing: border-box; } [data-tab] { display: none; opacity: 0; animation: 1s ease 0s 1 normal forwards running tab; } @-webkit-keyframes tab { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tab { 0% { opacity: 0; } 100% { opacity: 1; } } .title { color: rgb(255, 248, 237); font-family: var(--font-1); font-size: 1.625rem; font-weight: 700; line-height: 1.1; text-transform: uppercase; margin: 0px; } .title_size_small { font-size: 1.5rem; } .title_size_tiny { font-size: 1.125rem; } .desc { color: rgb(193, 185, 175); font-family: var(--font-0); font-size: 0.875rem; font-weight: 300; line-height: 1.2; margin: 0px; } .desc_size_small { font-size: 0.75rem; } .desc_size_large { font-weight: 500; font-size: 1rem; } .desc_font-weight_400 { font-weight: 400; } .desc_font-weight_500 { font-weight: 500; } .ttl { color: rgb(255, 248, 237); font-family: var(--font-1); font-size: 1.125rem; font-weight: 700; line-height: 1.1; text-transform: uppercase; margin: 0px; } .ttl_color_accent { color: rgb(229, 166, 77); } .ttl_center { text-align: center; } .ttl_mb { margin-bottom: 1.25rem; } .ttl_mt { margin-top: 1.25rem; } .heading { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; gap: 0.375rem; } .heading_2 { gap: 0.125rem; } .heading_3 { gap: 0.625rem; } .heading_mb { margin-bottom: 2.1875rem; } .heading_mb_2 { margin-bottom: 2.4375rem; } .heading_mb_3 { margin-bottom: 1.875rem; } .heading_mb_4 { margin-bottom: 4rem; } .heading_mt { margin-top: 2.1875rem; } .tblbox { max-width: 100%; overflow: auto; min-width: 0px; } .tblbox > table { width: 100%; min-width: 56.25rem; } .table-font-size { font-size: 0.875rem; } .itm { display: flex; justify-content: flex-start; align-items: center; gap: 1.125rem; line-height: 1.3; } .itm__img { display: block; flex-shrink: 0; } .itm__content { box-sizing: border-box; } .itm-list { display: grid; gap: 1rem; } .content-box { background-color: rgb(46, 43, 41); border-radius: 0.375rem; box-sizing: border-box; padding: 0.875rem; } .content-info { color: rgb(84, 74, 69); font-size: 0.75rem; } .text-1 { line-height: 1.5; } .preload { background-color: rgb(22, 20, 19); min-width: var(--body-min-width); position: fixed; z-index: 500; inset: 0px; opacity: 1; visibility: visible; transition: 0.5s cubic-bezier(0.64, 0.14, 0.34, 1.32); display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; padding: 0px 0.625rem; } .preload__logo { max-width: 100%; width: auto; height: auto; display: block; } .preload_fade { opacity: 0; visibility: hidden; transform: scale(1.4); } @-webkit-keyframes preanimateout { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(0); } } @keyframes preanimateout { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(0); } } .preload__progress { position: absolute; z-index: 20; top: 0px; left: 0px; width: 0px; height: 0.3125rem; background: rgb(255, 206, 143); } .preload__items { display: flex; justify-content: center; align-items: center; gap: 1.25rem; margin-top: 0.9375rem; } .preload__item { width: 0.875rem; height: 0.875rem; background: rgb(222, 207, 190); border-radius: 50%; clip-path: polygon(50% 0px, 100% 50%, 50% 100%, 0px 50%); } [data-gw-anime] { opacity: 0; transition: 1s; } [data-gw-anime-custom] { opacity: 1; } .zoomIn { animation: 1s ease 0s 1 normal forwards running zoomIn; } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes zoomIn { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } .zoomInDown { animation: 1s ease 0s 1 normal forwards running zoomInDown; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale(0.8) translateY(-5vh); } 100% { opacity: 1; transform: scale(1); } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale(0.8) translateY(-5vh); } 100% { opacity: 1; transform: scale(1); } } .zoomInUp { animation: 1s ease 0s 1 normal forwards running zoomInUp; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale(0.8) translateY(5vh); } 100% { opacity: 1; transform: scale(1); } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale(0.8) translateY(5vh); } 100% { opacity: 1; transform: scale(1); } } .fadeIn { animation: 1s ease 0s 1 normal forwards running fadeIn; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeInLeft { animation: 1s ease 0s 1 normal forwards running fadeInLeft; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20%); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20%); } 100% { opacity: 1; transform: translateX(0px); } } .fadeInRight { animation: 1s ease 0s 1 normal forwards running fadeInRight; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20%); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20%); } 100% { opacity: 1; transform: translateX(0px); } } .fadeInUp { animation: 1s ease 0s 1 normal forwards running fadeInUp; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translateY(5vh); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(5vh); } 100% { opacity: 1; transform: translateX(0px); } } .fadeInDown { animation: 1s ease 0s 1 normal forwards running fadeInDown; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-5vh); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-5vh); } 100% { opacity: 1; transform: translateX(0px); } } .turnRight { animation: 1s ease 0s 1 normal forwards running turnRight; transform-origin: center center; } @-webkit-keyframes turnRight { 0% { opacity: 0; transform: translateX(-15%) rotate(-15deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } @keyframes turnRight { 0% { opacity: 0; transform: translateX(-15%) rotate(-15deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .turLeft { animation: 1s ease 0s 1 normal forwards running turLeft; transform-origin: center center; } @-webkit-keyframes turLeft { 0% { opacity: 0; transform: translateX(15%) rotate(15deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } @keyframes turLeft { 0% { opacity: 0; transform: translateX(15%) rotate(15deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .countdown { display: inline-flex; flex-direction: column; font-family: var(--font-1); } .countdown, .countdown__heading { align-items: center; justify-content: center; } .countdown__heading { color: rgba(var(--color-0),1); text-align: center; margin-bottom: 0.375rem; font-size: 1.25rem; display: flex; width: 100%; gap: 0.625rem; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; } .countdown__counter, .countdown__item { display: flex; justify-content: center; align-items: center; } .countdown__item { flex-direction: column; text-align: center; min-width: 4.125rem; box-sizing: border-box; line-height: 1; } .countdown__amount { color: rgba(var(--color-0),1); font-size: 2.5rem; text-align: center; font-style: normal; font-weight: 400; font-feature-settings: "lnum"; font-variant-numeric: lining-nums; } .countdown__amount, .countdown__desc { text-transform: uppercase; box-sizing: border-box; line-height: 1; } .countdown__desc { color: rgba(var(--color-0),.7); font-size: 0.75rem; font-weight: 400; } .countdown__devider { font-size: 2.5rem; height: 50%; display: flex; justify-content: center; align-items: center; line-height: 1; position: relative; z-index: 0; margin: 0px 0.3125rem; } .countdown__devider::after { display: block; content: ":"; margin-top: -1.5rem; } :root { --tippy-bg-color: #12100f; --tippy-border-radius: 0.375rem; --tippy-font-size: 0.875rem; --tippy-text-color: #f5eee4; } .tippy-box { background-color: var(--tippy-bg-color); border-radius: var(--tippy-border-radius); border: 0px; font-size: var(--tippy-font-size); color: var(--tippy-text-color); box-sizing: border-box; position: relative; z-index: 0; font-family: var(--font-0); font-style: normal; font-weight: 400; line-height: 1.5; filter: drop-shadow(rgb(36, 35, 34) 0px 0px 1px) drop-shadow(rgb(36, 35, 34) 0px 0px 1px); max-width: 25rem !important; } .tip-content, .tippy-wrap { max-width: 25rem; } .tip-content { min-width: 11.875rem; text-align: center; box-sizing: border-box; padding: 0.75rem 1rem; } .tippy-arrow { color: var(--tippy-bg-color); width: 1.25rem; height: 1.25rem; } .tippy-box[data-placement^="top"] > .tippy-arrow::before { bottom: -0.5rem; border-width: 0.625rem 0.625rem 0px; border-top-color: initial; transform-origin: center top; } .tippy-box[data-placement^="bottom"] > .tippy-arrow::before { top: -0.5rem; border-width: 0px 0.625rem 0.625rem; } :root { --btn-w: 11.9375rem; --btn-h: 2.5rem; --btn-fs: 0.9375rem; --btn-scale: 1; --btn-img-url: url('../img/aadf6a77a7c.png'); --btn-letter-spacing: 0; } .btn { display: inline-flex; justify-content: center; align-items: center; gap: 0.5rem; box-sizing: border-box; text-decoration: none; text-align: center; flex-shrink: 0; font-style: normal; color: rgb(41, 33, 32); font-family: var(--font-1); font-size: calc(var(--btn-fs)*var(--btn-scale)); font-weight: 700; cursor: pointer; transition: 0.2s; box-shadow: none; position: relative; text-transform: uppercase; z-index: 0; outline: 0px; background: transparent; border: 0px; line-height: 1; padding: calc(0.3125rem*var(--btn-scale)) calc(0.3125rem*var(--btn-scale)) calc(0.375rem*var(--btn-scale)) calc(0.3125rem*var(--btn-scale)); width: calc(var(--btn-w)*var(--btn-scale)); min-width: 0px; max-width: 100%; min-height: calc(var(--btn-h)*var(--btn-scale)); text-wrap: nowrap balance; letter-spacing: var(--btn-letter-spacing); will-change: transform; text-shadow: rgba(232, 202, 160, 0.8) 0px 1px 0px; white-space-collapse: collapse; } .btn::before { display: block; content: ""; position: absolute; inset: 0px; z-index: -1; transition: 0.2s; background-image: var(--btn-img-url); background-size: 100% 100%; background-position: 50% center; background-repeat: no-repeat; pointer-events: none; filter: grayscale(0) brightness(100%); } .btn_accent_no::before { filter: grayscale(100%) brightness(50%); } .btn:hover::before, .btn_active::before, [data-open-tab-active="true"]::before { filter: grayscale(0) brightness(112%); } .btn__icon { display: block; position: relative; top: 1px; } .btn_size_small { --btn-w: 10rem; --btn-h: 2.625rem; --btn-fs: 0.875rem; } .btn_size_medium { --btn-img-url: url('../img/a353dc40354.png'); --btn-w: 14.375rem; --btn-h: 3rem; --btn-fs: 1.125rem; } .btn_size_large { --btn-img-url: url('../img/a3d1565b208.png'); --btn-w: 20.5625rem; --btn-h: 4.125rem; --btn-fs: 1.625rem; --btn-scale: 0.8; } .btn_size_long { --btn-img-url: url('../img/a0e196807f0.png'); --btn-w: 21.875rem; --btn-h: 3.25rem; --btn-fs: 1.08375rem; --btn-scale: 0.8; } .btn_size_2 { --btn-img-url: url('../img/afeb1e31b87.png'); --btn-w: 11.25rem; --btn-h: 2.875rem; --btn-fs: 1rem; } .btn_size_3 { --btn-img-url: url('../img/adf9fee6d8c.png'); --btn-w: 16.25rem; --btn-h: 3.125rem; --btn-fs: 1.125rem; --btn-scale: 0.9; } .btn_size_4 { --btn-img-url: url('../img/a6defe0f90c.png'); --btn-w: 12.875rem; --btn-h: 3rem; --btn-fs: 1.125rem; --btn-scale: 0.9; } .btn_size_5 { --btn-img-url: url('../img/abacf9ed4e6.png'); --btn-w: 20rem; --btn-h: 2.625rem; --btn-fs: 0.875rem; --btn-scale: 1; } .btn_size_6 { --btn-img-url: url('../img/a78f22ff43f.png'); --btn-w: 18.4375rem; --btn-h: 3.1875rem; --btn-fs: 0.875rem; --btn-scale: 1; padding: calc(0.3125rem*var(--btn-scale)) calc(0.3125rem*var(--btn-scale)) calc(0.3125rem*var(--btn-scale)) calc(0.3125rem*var(--btn-scale)); } .bt { text-decoration: none; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 0.5rem; background: transparent; min-height: 2.5rem; padding: 0.75rem 1.5rem; box-sizing: border-box; color: rgb(229, 207, 174); font-family: var(--font-1); font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 1; transition: 0.2s; border: 0.125rem solid rgb(75, 72, 71); width: max-content; } .bt:hover { background-color: rgba(75, 72, 71, 0.5); color: rgb(255, 233, 200); } .bttn { border: 1px solid rgb(182, 156, 117); border-radius: 0.25rem; min-width: 10.9375rem; height: 2.25rem; font-size: 0.875rem; font-family: var(--font-1); color: rgb(229, 207, 174); text-transform: uppercase; line-height: 1; text-align: center; display: inline-flex; justify-content: center; align-items: center; gap: 0.375rem; box-sizing: border-box; padding: 0.375rem 1rem; text-decoration: none; } .bttn:hover { background-color: rgba(229, 207, 174, 0.1); } .mdl { --mdl-inner-bg: url('../img/a3c33673a0b.jpg'); max-width: 34.375rem; width: 100%; box-sizing: border-box; background-color: transparent; font-family: var(--font-0); border: 0px; border-radius: var(--border-radius); padding: 0.75rem !important; } .mdl_welcome { max-width: 52.5rem; --mdl-inner-bg: url('../img/ad422512322.jpg'); } .mdl_welcome:has(.mdl__close_2) { max-width: 52.875rem; } .mdl__close { width: 1.5625rem; height: 1.5625rem; display: block; cursor: pointer; transition: 0.2s; border-radius: 50%; z-index: 20; position: absolute; top: 0.625rem; right: 0.625rem; background-color: transparent; background-image: url('../img/a4ea52301b6.png'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; } .mdl__close_2 { background-image: url('../img/ab4d6f6a30b.png'); width: 1.9375rem; height: 1.9375rem; } .mdl__close:hover { filter: brightness(120%); } .mdl__inner { color: rgb(193, 185, 175); width: 100%; box-shadow: none; padding: 1.875rem 1rem; border-radius: var(--border-radius); background-color: rgb(42, 39, 38); background-image: var(--mdl-inner-bg); background-size: cover; background-position: center top; background-repeat: no-repeat; } .mdl__body, .mdl__inner { box-sizing: border-box; border: 0px; position: relative; z-index: 0; } .mdl__body { background-size: auto; background-position: 50% center; background-repeat: repeat; overflow: hidden; border-radius: 0px; } .fancybox-container { z-index: 666 !important; } .fancybox-content { padding: 0px; background: transparent; } .fancybox-bg { background: rgb(28, 25, 24); } .fancybox-is-open .fancybox-bg { opacity: 0.95; } .gw-modal-close { display: none; } .fancybox-is-open .mdl_animated { animation: 0.5s ease 0s 1 normal none running modalIn; } .fancybox-is-closing .mdl_animated { animation: 0.5s ease 0s 1 normal none running modalout; } @-webkit-keyframes modalIn { 0% { opacity: 0; transform: translateY(-10vh); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes modalIn { 0% { opacity: 0; transform: translateY(-10vh); } 100% { opacity: 1; transform: translateY(0px); } } @-webkit-keyframes modalout { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(10vh); } } @keyframes modalout { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(10vh); } } .lang { --lang-img-size: 1.3125rem; --lang-list-offset: 0.75rem; width: auto; position: relative; color: rgba(var(--color-0),1); font-size: 1rem; font-family: var(--font-0); } .lang, .lang__box { box-sizing: border-box; flex-shrink: 0; } .lang__box { display: flex; align-items: center; justify-content: flex-start; gap: 0.375rem; overflow: hidden; cursor: pointer; transition: 0.3s; line-height: 1; text-decoration: none; padding: 0px; width: 100%; } .lang__box::after { display: block; content: ""; background-color: transparent; background-image: url('../img/a044b5bafd4.svg'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: 0.4375rem; height: 0.1875rem; color: rgb(255, 255, 255); font-size: 0.75rem; transition: 0.2s; cursor: pointer; pointer-events: none; } .lang:hover .lang__box::after { transform: rotateX(180deg); } .lang__icon { width: 2.0625rem; height: 2.0625rem; background-color: rgb(17, 15, 15); border-radius: 50%; flex-shrink: 0; display: flex; justify-content: center; align-items: center; } .lang__current-img { width: 1.3125rem; height: 1.3125rem; display: block; flex-shrink: 0; } .lang__title { text-transform: uppercase; } .lang__link, .lang__title { font-size: 1rem; font-weight: 500; color: rgb(174, 165, 153); } .lang__link { display: grid; grid-auto-flow: column; justify-content: flex-start; align-items: center; gap: 0.8125rem; overflow: hidden; grid-template-columns: var(--lang-img-size) 1fr; flex-shrink: 0; width: 100%; padding: 0.3125rem 1.75rem 0.3125rem 1.875rem; text-align: left; text-decoration: none; cursor: pointer; font-style: normal; white-space: nowrap; position: relative; z-index: 0; box-sizing: border-box; transition: 0.3s; line-height: 1; min-height: 2.5rem; } .lang__link:hover { opacity: 1; } .lang__name { text-transform: capitalize; padding-right: 0.125rem; } .lang__img, .lang__name { display: block; flex-shrink: 0; box-sizing: border-box; } .lang__img { height: var(--lang-img-size); width: var(--lang-img-size); border: 0px solid rgba(255, 200, 155, 0.55); border-radius: 50%; } .lang__link_sub:hover { background-color: rgba(255, 255, 255, 0.04); } .lang__list { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; opacity: 0; visibility: hidden; transition: 0.3s; transform: translateY(0.625rem); box-sizing: border-box; position: absolute; top: calc(100% + var(--lang-list-offset)); left: -1.625rem; width: calc(100% + 1.625rem); backdrop-filter: blur(0.1875rem); min-width: max-content; padding: 0.75rem 0px; border-radius: 0.5rem; background: rgb(18, 16, 15); border: 0.125rem solid rgb(68, 63, 58); } .lang__list::after { display: block; content: ""; position: absolute; bottom: 100%; left: 0px; right: 0px; height: var(--lang-list-offset); } .lang:hover .lang__list { opacity: 1; visibility: visible; transform: translateY(0px); } :root { --logo-height: auto; } .logo { display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 0; flex-shrink: 0; } .logo, .logo__img { transition: 0.2s; } .logo__img { display: block; margin: 0px; height: var(--logo-height); width: auto; } .logo:hover { filter: brightness(130%); } .logotype { display: flex; justify-content: center; align-items: center; text-decoration: none; font-size: 0.75rem; position: relative; z-index: 0; } .logotype__img { display: block; transition: 0.3s; } .logotype__img_hover_effect:hover { filter: brightness(120%); } .logotype__img_hover_animation { position: absolute; inset: 0px; z-index: 2; opacity: 0; transition: 0.2s; pointer-events: none; } .logotype:hover .logotype__img_hover_animation { animation: 0.3s ease 0s 1 normal none running logotype; } @-webkit-keyframes logotype { 0% { transform: scale(1); opacity: 0; } 20% { opacity: 0.3; } 100% { transform: scale(1.2); opacity: 0; } } @keyframes logotype { 0% { transform: scale(1); opacity: 0; } 20% { opacity: 0.3; } 100% { transform: scale(1.2); opacity: 0; } } :root { --link-w: 26.25rem; --link-h: 3.5rem; --link-fs: 1.0625rem; --link-scale: 1; --link-img-url: none; --link-letter-spacing: 0; --link-color: #ebca98; } .link { display: inline-flex; justify-content: center; align-items: center; gap: 0.5rem; box-sizing: border-box; text-decoration: none; text-align: center; flex-shrink: 0; font-style: normal; color: var(--link-color); font-family: var(--font-1); font-size: calc(var(--link-fs)*var(--link-scale)); font-weight: 700; cursor: pointer; transition: 0.2s; box-shadow: none; position: relative; text-transform: uppercase; z-index: 0; outline: 0px; background: transparent; line-height: 1; padding: calc(0.3125rem*var(--link-scale)); width: calc(var(--link-w)*var(--link-scale)); min-width: 0px; max-width: 100%; min-height: calc(var(--link-h)*var(--link-scale)); text-wrap: balance; letter-spacing: var(--link-letter-spacing); will-change: transform; border: 0.125rem solid rgb(200, 172, 130); border-radius: 0.375rem; } .link:hover { background-color: rgba(229, 207, 174, 0.1); } .link::before { display: block; content: ""; position: absolute; inset: 0px; z-index: -1; transition: 0.2s; background-image: var(--link-img-url); background-size: 100% 100%; background-position: 50% center; background-repeat: no-repeat; pointer-events: none; filter: grayscale(0) brightness(100%); } .link_accent_no::before { filter: grayscale(100%) brightness(50%); } .link:hover::before, .link_active::before, [data-open-tab-active="true"]::before { filter: grayscale(0) brightness(112%); } .link__icon { display: block; position: relative; z-index: 0; top: 1px; } .link_type_2 { --link-img-url: url('../img/a49e65defe5.png'); --link-color: #292120; text-shadow: rgba(232, 202, 160, 0.8) 0px 1px 0px; border: 0px; } .link_type_2:hover { background-color: transparent; } .links { display: grid; gap: 0.75rem; max-width: 26.25rem; margin: 0px auto; } :root { --swiper-arrow-scale: 0.7; } .arrow { background-color: transparent; background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: calc(2.5rem*var(--swiper-arrow-scale)); height: calc(4.75rem*var(--swiper-arrow-scale)); flex-shrink: 0; cursor: pointer; transition: 0.2s; } .arrow:hover { filter: brightness(130%); } .arrow_prev { background-image: url('../img/a93a522dc40.png'); } .arrow_next { background-image: url('../img/a1d707f5f49.png'); } .arrow.swiper-button-disabled { opacity: 0.3; pointer-events: none; } .arrows { gap: 2.5rem; } .arrows, .dots { display: flex; justify-content: center; align-items: center; } .dots { gap: 0.625rem; width: auto !important; } .dot { width: 0.875rem; height: 0.875rem; box-sizing: border-box; opacity: 1; cursor: pointer; flex-shrink: 0; transition: 0.3s; display: flex; justify-content: center; align-items: center; background-color: rgb(49, 41, 25); border-radius: 50%; } .dot_active { background-color: rgb(207, 162, 73); filter: drop-shadow(rgb(255, 194, 81) 0px 0px 0.6875rem); } .control__arrow { margin-bottom: 1.5625rem; } .control__arrow_prev { margin-right: 0.625rem; } .control__arrow_next { margin-left: 0.625rem; } [data-section="informer"] { background-color: rgb(255, 192, 102); } .informer { font-size: 0.875rem; font-family: var(--font-1); color: rgb(35, 30, 28); font-weight: 700; text-transform: uppercase; line-height: 1.2; text-align: center; padding: 0.4375rem 0px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.8125rem; } .informer__close { background-color: transparent; background-image: url('../img/ad049a3cc24.png'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: 1rem; height: 1rem; text-decoration: none; position: absolute; right: 0.75rem; top: calc(50% - 0.5rem); cursor: pointer; transition: 0.2s; } .informer__close:hover { filter: invert(0.3); } .abtn { background-color: rgb(172, 0, 0); text-align: center; display: flex; justify-content: center; align-items: center; gap: 0.375rem; text-decoration: none; font-size: 0.8125rem; font-family: var(--font-1); color: rgb(255, 255, 255); font-weight: 700; text-transform: uppercase; line-height: 1; box-sizing: border-box; padding: 0.375rem 0.625rem; border-radius: 0.1875rem; transition: 0.2s; } .abtn:hover { background-color: rgb(211, 11, 11); } :root { --navigation-height: 5rem; --navigation-height-scroll: 5rem; } [data-section="navigation"] { position: relative; left: 0px; right: 0px; top: 0px; z-index: 50; background-color: transparent; box-shadow: none; box-sizing: border-box; } [data-section="navigation"]::after { display: block; content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: -1; background: url('../img/ac742e60d60.jpg') 50% center / cover no-repeat transparent; } [data-container="navigation"] { z-index: 10; } .navigation { display: flex; justify-content: flex-start; height: var(--navigation-height); transition: 0.2s; position: relative; z-index: 0; } .nav-scroll .navigation { height: var(--navigation-height-scroll); } .navigation__gw-burger { align-self: center; flex-shrink: 0; } .navigation__menu { flex-grow: 1; } .navigation__box { position: relative; z-index: 5; display: flex; align-items: center; align-self: stretch; box-sizing: border-box; max-width: none; } .navigation__box_side_left { justify-content: flex-start; gap: 1.25rem; } .navigation__box_side_right { justify-content: flex-end; margin-left: auto; margin-right: 1.25rem; } .navigation__el_desktop { display: none; } .navigation__auth { margin-left: 1.25rem; box-sizing: border-box; display: flex; min-height: 3.125rem; } .navigation__auth, .navigation__bnrs { justify-content: center; align-items: center; } .navigation__bnrs { position: absolute; display: none; flex-wrap: wrap; gap: 0.125rem 0.3125rem; left: 0px; top: calc(100% + 1.25rem); } .navigation__bnrs a { flex-shrink: 0; } .body-other .navigation__bnrs { display: none; } [data-section="hero"] { background-color: transparent; background-image: url('../img/a324b5f2c10.webp'); background-size: cover; background-position: center top; background-repeat: no-repeat; } [data-container="hero"] { max-width: calc(50rem + var(--margin)*4); } .hero { box-sizing: border-box; padding-top: 3.4375rem; padding-bottom: 3.4375rem; transition: none; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; } .hero__box { max-width: 31.25rem; } .hero__box, .hero__content { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; width: 100%; } .hero__logotype { margin-bottom: 4.375rem; } .hero__title { font-size: 1.5rem; margin: 0px; } .hero__subtitle, .hero__title { color: rgb(255, 248, 237); font-family: var(--font-1); font-weight: 700; line-height: 1; } .hero__subtitle { font-size: 1.125rem; margin: 0.1875rem 0px 0px; text-transform: uppercase; } .hero__desc { color: rgb(193, 185, 175); font-family: var(--font-0); font-size: 1rem; font-weight: 400; margin: 0.9375rem 0px 0px; line-height: 1.4; text-align: center; max-width: 33.125rem; } .hero__btns { margin-top: 1.875rem; } .server { --server-status-color: #ffb751; cursor: default; } .server__box { justify-content: flex-start; text-align: left; min-height: 3.375rem; line-height: 1; } .server__box, .server__pic { display: flex; align-items: center; } .server__pic { background-color: transparent; background-image: url('../img/a86b270c532.png'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: 3.375rem; height: 3.375rem; flex-shrink: 0; position: relative; z-index: 0; margin-right: 1rem; justify-content: center; } .server__ico { display: block; width: 100%; height: 100%; } .server__content { position: relative; z-index: 2; flex-basis: 7.8125rem; display: grid; min-width: 0px; gap: 0.625rem; box-sizing: border-box; margin-right: auto; } .server__title { font-size: 1.25rem; font-family: var(--font-1); color: rgb(255, 248, 237); font-weight: 700; } .server__desc { font-size: 0.8125rem; color: rgb(255, 183, 81); } .server__border { background-size: cover; background-position: 50% center; background-repeat: no-repeat; width: 0.125rem; height: 2.625rem; display: block; flex-shrink: 0; border: 0px; align-self: center; background-image: linear-gradient(90deg, rgba(194, 179, 170, 0.1) 50%, rgba(0, 0, 0, 0.5) 0px); margin: 0px 0.625rem; } .server__info { display: grid; min-width: 0px; gap: 0.625rem; box-sizing: border-box; text-align: right; margin-left: auto; position: relative; z-index: 0; width: 5.3125rem; flex-shrink: 0; } .server__status { font-size: 1.25rem; font-family: var(--font-1); color: var(--server-status-color); font-weight: 700; } .server__time { font-size: 0.8125rem; color: rgb(245, 238, 228); padding-right: 1px; box-sizing: border-box; } .server__line { width: 100%; height: 0.125rem; background-image: linear-gradient(rgba(194, 179, 170, 0.1) 50%, rgba(0, 0, 0, 0.6) 0px); margin: 0.875rem 0px 0.625rem; } .server__about { min-height: 1rem; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding-bottom: 0.125rem; gap: 2rem; } .server__more { font-weight: 500; text-decoration: none; position: relative; font-size: 0.8125rem; font-family: var(--font-1); color: rgb(109, 104, 96); text-transform: uppercase; } .server__more::after { content: ""; display: block; height: 1px; background-color: rgb(109, 104, 96); position: absolute; left: 0px; right: 0px; bottom: -0.125rem; transition: 0.3s; pointer-events: none; } .server__more:hover::after { opacity: 0; bottom: -0.5rem; } .server__more_color_light { color: rgb(155, 135, 106); } .server__more_color_light::after { background-color: rgb(155, 135, 106); } .server__giftbox { width: 1.4375rem; height: 1.5rem; position: absolute; top: -0.625rem; left: -0.25rem; } .server__gift { background-color: transparent; background-image: url('../img/aa4817180bd.png'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: 1.4375rem; height: 1.5rem; pointer-events: none; animation: 1.5s ease-in-out 0s infinite normal none running server__gift; } @-webkit-keyframes server__gift { 0% { transform: translateY(0.3125rem); } 50% { transform: translateY(-0.3125rem); } 100% { transform: translateY(0.3125rem); } } @keyframes server__gift { 0% { transform: translateY(0.3125rem); } 50% { transform: translateY(-0.3125rem); } 100% { transform: translateY(0.3125rem); } } [data-server-status="on"] { --server-status-color: #0af34b; } [data-server-status="off"] { --server-status-color: #f73919; } .servinfo { font-size: 0.75rem; line-height: 1.2; } .servinfo__content_large { font-size: 0.8125rem; } .servinfo__mt { margin-top: 0.3125rem; } .servinfo__link { font-weight: 400; text-decoration: none; position: relative; font-size: 0.75rem; font-family: var(--font-0); color: rgb(245, 238, 228); text-transform: uppercase; } .servinfo__link::after { content: ""; display: block; height: 1px; background-color: rgb(245, 238, 228); position: absolute; left: 0px; right: 0px; bottom: -0.125rem; transition: 0.3s; pointer-events: none; } .servinfo__link:hover::after { opacity: 0; bottom: -0.5rem; } [data-section="servers"] { background-color: rgb(25, 20, 17); background-image: url('../img/a9575686e26.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; } [data-container="servers"] { min-height: 10.8125rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .servers { box-sizing: border-box; padding: 1.25rem 0px; width: 100%; display: grid; gap: 3.125rem; max-width: 18.75rem; margin: 0px auto; } .servers__server { flex-basis: 18.75rem; min-width: 0px; } .servers__border { margin: auto; height: 5.625rem; width: 0.125rem; background-image: linear-gradient(90deg, rgba(194, 179, 170, 0.1) 50%, rgba(0, 0, 0, 0.5) 0px); display: none; } :root { --post-height: 16.5rem; --post-size-title: 1.125rem; --post-size-desc: 0.875rem; --post-desc-max-height: auto; --post-desc-mt: 1rem; --post-desc-display: -webkit-box; --post-line-clamp: 5; --post-pic-height: 100%; --post-pic-overlay: linear-gradient(0deg,#282524,rgba(40,37,36,0.85) 30%,rgba(40,37,36,0.7)); --post-bar-mt: 1.5rem; } .post { box-sizing: border-box; padding: 0px; max-width: 100%; min-height: var(--post-height); color: rgba(var(--color-0),1); background-color: rgb(40, 37, 36); overflow: hidden; border-radius: 0.125rem; } .post, .post__body { position: relative; z-index: 0; display: flex; } .post__body { flex-direction: column; width: 100%; } .post__body::after { display: block; content: ""; background-image: var(--post-pic-overlay); z-index: -1; } .post__body::after, .post__pic { position: absolute; left: 0px; right: 0px; top: 0px; height: var(--post-pic-height); } .post__pic { z-index: -2; overflow: hidden; border-radius: 0.125rem; background-color: rgba(var(--bg),1); } .post__img { position: absolute; top: 0px; left: 0px; z-index: -2; transition: 1s; width: 100%; height: 100%; object-fit: cover; } .post__container { margin-top: auto; box-sizing: border-box; padding: 1.5rem; display: flex; flex-direction: column; align-items: flex-start; } .post__title { font-family: var(--font-1); font-size: var(--post-size-title); font-weight: 700; margin: 0px; line-height: 1.1; text-transform: uppercase; color: rgb(255, 248, 237); font-style: normal; } .post__desc { font-size: var(--post-size-desc); line-height: 1.5; font-weight: 400; margin-top: var(--post-desc-mt); margin-bottom: 0px; display: var(--post-desc-display); -webkit-box-orient: vertical; -webkit-line-clamp: var(--post-line-clamp); overflow: hidden; font-family: var(--font-0); color: rgb(178, 170, 161); font-style: normal; } .post__desc > p { margin: 0px; } .post__bar { margin-top: var(--post-bar-mt); flex-wrap: wrap; gap: 0.625rem 1.875rem; } .post__bar, .post__informer { display: flex; justify-content: flex-start; align-items: center; } .post__informer { gap: 0.375rem 1rem; } .post__info { display: flex; justify-content: center; align-items: center; gap: 0.375rem; font-size: 0.875rem; color: rgb(255, 248, 237); font-family: var(--font-1); } .post__info-ico { font-size: 1.3em; background-color: transparent; background-size: contain; background-position: 50% center; background-repeat: no-repeat; } .post__info-ico_time { background-image: url('../img/a7752e3207d.png'); width: 0.875rem; height: 0.9375rem; } [data-section="news"] { background-color: rgb(31, 28, 27); background-image: url('../img/af9cf5ca456.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; } .news { box-sizing: border-box; padding-top: 4.0625rem; padding-bottom: 4.6875rem; } .news__list { display: grid; gap: 1.375rem; } .news__more { background-color: rgb(40, 37, 36); padding: 1.5rem; display: grid; gap: 1.25rem 3.125rem; text-align: center; align-items: center; margin-top: 1.375rem; border-radius: 0.125rem; color: rgb(178, 170, 161); } .news__more-content { max-width: 54.375rem; } .social { display: grid; align-items: center; justify-content: center; gap: 2.5rem; text-align: center; } .social__content { display: grid; gap: 1.5rem; max-width: 30.625rem; } .social__title { font-size: 1.625rem; font-family: var(--font-1); color: rgb(255, 248, 237); font-weight: 700; line-height: 1; } .social__desc { font-size: 0.875rem; color: rgb(186, 178, 168); line-height: 1.286; } .social__list { display: grid; gap: 1.375rem; grid-template-columns: repeat(auto-fill, minmax(6.625rem, 1fr)); justify-content: center; } .social__item { box-sizing: border-box; border: 0.125rem solid rgb(55, 52, 50); display: flex; justify-content: center; align-items: center; border-radius: 0.3125rem; aspect-ratio: 1 / 1; font-size: 2.5rem; color: rgb(164, 158, 156); text-decoration: none; transition: 0.2s; } .social__item:hover { background-color: rgba(184, 174, 167, 0.2); } .social__pic { display: block; width: 2.875rem; height: 2.875rem; transition: 0.2s; } .social__item:hover .social__pic { filter: brightness(130%); } .fnav { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); text-align: center; justify-content: center; gap: 1.25rem 3.125rem; } .fnav__box { min-width: 0px; box-sizing: border-box; } .fnav__header { font-size: 0.875rem; font-weight: 700; color: rgba(var(--color-accent),1); font-family: var(--font-1); margin-bottom: 1rem; text-transform: uppercase; } .fnav__list { list-style-type: none; padding-left: 0px; margin: 0px; display: grid; gap: 0.625rem; } .fnav__link { text-decoration: none; transition: 0.2s; font-weight: 700; font-size: 0.75rem; line-height: 1.1; color: rgb(193, 187, 179); font-family: var(--font-1); text-transform: uppercase; } .fnav__link:hover { color: rgb(250, 245, 238); } [data-section="footer"] { margin-top: auto; z-index: 1; background-color: transparent; background-image: url('../img/aa815575b50.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; } .footer { padding-top: 4.25rem; padding-bottom: 4.0625rem; color: rgb(186, 178, 168); } .footer__socialbox { box-sizing: border-box; padding-bottom: 4.1875rem; } .footer__line { height: 1px; background-color: rgb(40, 37, 36); width: 100%; } .footer__container { display: grid; align-items: flex-start; gap: 2.5rem; padding-top: 3.3125rem; } .footer__about { font-size: 0.875rem; text-align: center; } .footer__copyright { font-size: 0.875rem; font-weight: 700; color: rgba(var(--color-accent),1); font-family: var(--font-1); margin-bottom: 1.25rem; text-transform: uppercase; } .footer__desc { font-size: 0.875rem; line-height: 1.3; max-width: 37.5rem; margin: 0px auto; } .footer__links { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; text-align: center; gap: 0.375rem 1.25rem; margin-top: 1.375rem; } .footer__link { text-decoration: none; font-size: 0.75rem; color: rgb(115, 111, 105); line-height: 1.1; } .footer__link:hover { color: rgb(194, 188, 178); } .footer__authors { font-size: 0.75rem; margin-top: 1.375rem; flex-direction: column; } .footer__author, .footer__authors { display: flex; justify-content: center; align-items: center; gap: 0.625rem; } .footer__author { color: rgb(115, 111, 105); text-decoration: none; transition: 0.2s; } .footer__author:hover { filter: brightness(120%); } .footer__bnrs { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1rem; } .bnr { display: block; transition: 0.2s; } .bnr, .bnr:hover { opacity: 1; } :root { --feature-size-title: 1.125rem; --feature-size-desc: 0.875rem; --feature-desc-mt: 1rem; --feature-desc-display: -webkit-box; --feature-line-clamp: 7; } .feature { text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .feature__title { font-family: var(--font-1); font-size: var(--feature-size-title); font-weight: 700; margin: 0px; line-height: 1.1; text-transform: uppercase; color: rgba(var(--color-accent),1); font-style: normal; } .feature__desc { font-size: var(--feature-size-desc); line-height: 1.5; font-weight: 400; margin-top: 1.875rem; margin-bottom: 0px; display: var(--feature-desc-display); -webkit-box-orient: vertical; -webkit-line-clamp: var(--feature-line-clamp); overflow: hidden; font-family: var(--font-0); color: rgb(178, 170, 161); font-style: normal; } [data-feature-anime] { opacity: 0; transition: 0.2s ease-in-out; } .swiper-slide-active [data-feature-anime] { opacity: 1; } [data-feature-anime="title"] { transform: translateY(1.25rem); } [data-feature-anime="desc"] { transform: translateY(-1.25rem); } .swiper-slide-active [data-feature-anime="desc"], .swiper-slide-active [data-feature-anime="title"], .swiper-slide-duplicate-active [data-feature-anime="desc"], .swiper-slide-duplicate-active [data-feature-anime="title"] { opacity: 1; transform: translateY(0px); transition: 0.5s ease-in-out; } [data-section="features"] { background-color: rgb(31, 28, 27); background-image: url('../img/a83ca954312.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; } .features { box-sizing: border-box; padding-top: 4.0625rem; padding-bottom: 2.5rem; } .features__wrap { max-width: 100%; min-width: 0px; position: relative; z-index: 0; background-color: transparent; background-image: url('../img/a87e290d2b4.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; height: 23.875rem; border-radius: 0.3125rem; display: flex; flex-direction: column; box-sizing: border-box; padding: 1.25rem; } .features__arrows { display: flex; justify-content: center; align-items: center; gap: 1.25rem; margin-top: 1.25rem; } .features__list { overflow: hidden; display: flex; width: 100%; max-width: 32.5rem; margin: 0px auto; flex-grow: 1; } .features__slide { display: flex; } .features__thumbs { max-width: 30.625rem; margin: 0px auto; overflow: hidden; box-sizing: border-box; padding: 2rem 0px; } .features__slide-thumbs { width: 33.3333%; height: 100%; } .features__slide-thumbs, .features__thumb { display: flex; justify-content: center; align-items: center; } .features__thumb { background-color: transparent; background-image: url('../img/a201f0b7252.png'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: 4.75rem; height: 4.75rem; filter: drop-shadow(rgba(255, 221, 190, 0) 0px 0px 0.625rem) grayscale(1) brightness(0.6); transition: 0.3s; cursor: pointer; transform: scale(0.9); } .swiper-slide-active .features__thumb, .swiper-slide-duplicate-active .features__thumb { filter: drop-shadow(rgba(255, 221, 190, 0.5) 0px 0px 0.625rem) grayscale(0) brightness(1); transform: scale(1); } .features__thumb-img { width: 4.5rem; height: 4.5rem; display: block; border-radius: 50%; overflow: hidden; border: 0.1875rem solid rgba(59, 47, 44, 0); box-sizing: border-box; } .event { border-radius: 0.5rem; justify-content: flex-start; flex-direction: column; text-align: center; background-color: transparent; background-image: url('../img/aca745fa7e4.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; min-height: 20rem; box-sizing: border-box; padding: 1.75rem 0.875rem; } .event, .event__pic { display: flex; align-items: center; } .event__pic { height: 6.375rem; justify-content: center; } .event__img { display: block; } .event__title { font-family: var(--font-1); font-size: 1.0625rem; font-weight: 700; margin: 1.25rem 0px 0px; line-height: 1; text-transform: uppercase; color: rgb(255, 248, 237); } .event__desc { margin: 1rem 0px 0px; font-size: 1rem; color: rgb(193, 185, 175); line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .event__desc > p { margin: 0px; } .event__btns { margin-top: auto; padding-top: 1.25rem; display: flex; justify-content: center; align-items: center; box-sizing: border-box; } [data-section="events"] { background-color: rgb(31, 28, 27); background-image: url('../img/ac2d40447dd.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; } .events { box-sizing: border-box; padding-top: 4.0625rem; padding-bottom: 5.375rem; } .events__list { display: grid; gap: 2.3125rem; max-width: 28.75rem; margin: 0px auto; } .events__more { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1.25rem; margin-top: 2.3125rem; } .up { background-color: transparent; background-image: url('../img/a75a860720f.png'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: 4.75rem; height: 2.5rem; cursor: pointer; transition: 0.5s; display: none; } .up:hover { filter: brightness(130%); } .up_position_fixed { position: fixed; bottom: 3.125rem; right: 3.125rem; z-index: 10; } [data-gw-scrollto].up { opacity: 0; pointer-events: none; transform: translateY(100%); } .nav-scroll [data-gw-scrollto].up { opacity: 1; pointer-events: all; transform: translateY(0px); } [data-section="consent"] { position: fixed; bottom: 0px; right: 0px; left: 0px; z-index: 20; animation: 1s ease 0s 1 normal forwards running consentShow; background: rgb(28, 26, 25); backdrop-filter: blur(0.5rem); box-shadow: rgb(0, 0, 0) 0px 0px 3.75rem; } @-webkit-keyframes consentShow { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes consentShow { 0% { opacity: 0; } 100% { opacity: 1; } } .consent { color: rgb(193, 185, 175); font-family: var(--font-0); font-size: 0.875rem; box-sizing: border-box; padding-top: 0.625rem; padding-bottom: 0.625rem; display: grid; align-items: center; text-align: center; gap: 1.25rem 3.125rem; } .invite { background-color: transparent; background-image: url('../img/a1a0a7f6c8a.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; box-sizing: border-box; padding: 1.5rem 1.25rem 1.875rem; border-radius: 0.375rem; } .invite, .invite__body { display: flex; justify-content: center; align-items: center; } .invite__body { flex-direction: column; text-align: center; max-width: 52.5rem; width: 100%; } .invite__title { font-family: var(--font-1); color: rgb(255, 255, 255); font-weight: 700; text-transform: uppercase; font-size: 1.5rem; margin: 0px; } .invite__desc { margin: 1.375rem 0px 0px; font-size: 1rem; color: rgb(193, 185, 175); line-height: 1.333; } .invite__btns { margin-top: 2.0625rem; } .requirements__body { background-color: transparent; background-image: url('../img/a619e26f149.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; box-sizing: border-box; padding: 1rem; border-radius: 0.375rem; gap: 2.5rem; color: rgb(170, 163, 154); font-size: 1rem; } .requirements__list { display: grid; gap: 0.1875rem; box-sizing: border-box; } .requirements__row { border: 1px solid rgb(67, 62, 59); border-radius: 0.375rem; display: grid; grid-template-columns: repeat(3, 1fr); min-height: 3.375rem; align-items: center; padding: 0.3125rem; box-sizing: border-box; } .requirements__item { box-sizing: border-box; padding: 0px 0.3125rem; font-size: 0.75rem; color: rgb(170, 163, 154); } .requirements__item_head { font-weight: 700; font-family: var(--font-1); text-transform: uppercase; color: rgb(255, 248, 237); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .resource { flex-direction: column; text-align: left; gap: 1.25rem; box-sizing: border-box; padding: 0.9375rem; min-height: 6.3125rem; border: 1px solid rgb(77, 73, 71); border-radius: 0.3125rem; } .resource, .resource__pic { display: flex; justify-content: center; align-items: center; } .resource__pic { background-color: transparent; background-image: none; background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: 4.25rem; height: 4.25rem; flex-shrink: 0; } .resource__ico { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .resource__title { font-size: 1.5rem; font-family: var(--font-1); color: rgb(255, 248, 237); font-weight: 700; line-height: 1; } .resource__content { flex-grow: 1; min-width: 0px; } .resource__btns { display: flex; justify-content: center; align-items: center; flex-shrink: 0; } .resources__body { background-color: transparent; background-image: url('../img/a37dcaf2f8b.jpg'); background-size: cover; background-position: 50% center; background-repeat: no-repeat; box-sizing: border-box; padding: 1.25rem 1rem; display: grid; border-radius: 0.375rem; gap: 2.5rem; color: rgb(193, 185, 175); font-size: 1rem; } .resources__about { margin-top: -0.375rem; } .resources__about-accent-text { color: rgb(255, 248, 237); } .resources__about-ttl { font-size: 1.375rem; font-family: var(--font-1); color: rgb(255, 248, 237); font-weight: 700; margin: 0px 0px 0.4375rem; } .resources__about-list { list-style-type: none; padding: 0px; display: grid; gap: 0.625rem; margin: 0px 0px 0.75rem; } .resources__about-num { color: rgb(255, 248, 237); } .resources__btns { margin-top: 0.625rem; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 0.875rem; } .resources__list { display: grid; gap: 1.625rem; } .resources__invitebox { margin-top: 2.875rem; } .resources__requirementsbox { margin-top: 6.125rem; } .resources__warn { background-color: transparent; background-image: url('../img/aefdb60470b.jpg'); background-size: cover; background-position: center top; background-repeat: no-repeat; border: 1px solid rgba(25, 23, 20, 0.5); border-radius: 0.375rem; box-sizing: border-box; padding: 1.5625rem 1.25rem; text-align: center; font-size: 1rem; color: rgb(193, 185, 175); line-height: 1.1; } .resources__warn-title { font-size: 1.25rem; font-family: var(--font-1); color: rgb(255, 248, 237); font-weight: 700; text-transform: uppercase; margin: 0px; } .resources__warn-text { margin: 1.4375rem 0px 0px; } .general { box-sizing: border-box; padding-top: 6.25rem; padding-bottom: 7.5rem; } .files__list { display: grid; gap: 0.8125rem; max-width: 20rem; width: 100%; margin: 0px auto; min-width: 0px; } .files__link { border: 0.125rem solid rgb(200, 172, 130); border-radius: 0.375rem; width: 100%; height: 2.625rem; display: flex; justify-content: center; align-items: center; text-decoration: none; font-size: 0.875rem; font-family: var(--font-1); color: rgb(235, 202, 152); font-weight: 700; line-height: 1; text-align: center; box-sizing: border-box; min-width: 0px; } .files__link:hover { background-color: rgba(235, 202, 152, 0.1); } .files__btn { --btn-w: 100%; width: 100%; } .welcome { text-align: center; font-size: 0.875rem; color: rgb(193, 185, 175); line-height: 1.333; } .welcome__langbox { margin-bottom: 2.5rem; } .welcome__title { margin: 0px; font-size: 1.625rem; font-family: var(--font-1); color: rgb(255, 248, 237); font-weight: 700; text-transform: uppercase; line-height: 1.2; } .welcome__text { margin-top: 1.5625rem; } .welcome__btns { display: grid; gap: 0.625rem; max-width: 18.4375rem; margin: 2.5rem auto 0px; } .welcome__link { border: 0.125rem solid rgb(145, 134, 115); border-radius: 0.375rem; width: 100%; height: 3.1875rem; display: flex; justify-content: center; align-items: center; text-decoration: none; font-size: 0.875rem; font-family: var(--font-1); color: rgb(229, 207, 174); font-weight: 700; line-height: 1; text-align: center; box-sizing: border-box; min-width: 0px; } .welcome__link:hover { background-color: rgba(229, 207, 174, 0.1); } .welcome__btn { --btn-w: 100%; width: 100%; } .welcome__control { text-align: center; margin-top: 1.375rem; } .welcome__hide-link { font-size: 0.875rem; color: rgb(102, 99, 95); text-decoration: underline; text-align: center; cursor: pointer; transition: 0.2s; } .welcome__hide-link:hover { color: rgb(155, 151, 146); text-decoration: underline; } .language { gap: 0.875rem; } .language, .language__item { display: flex; justify-content: center; align-items: center; } .language__item { flex-direction: column; text-align: center; width: 3.125rem; height: 4.5625rem; font-size: 0.875rem; color: rgb(174, 165, 153); font-weight: 500; text-transform: uppercase; line-height: 1; border-radius: 0.4375rem; background-color: rgb(36, 32, 31); text-decoration: none; gap: 0.5rem; transition: 0.2s; box-sizing: border-box; padding-top: 0.125rem; } .language__item:hover, .language__item_active { background-color: rgb(18, 16, 15); } .language__img { width: 1.5rem; height: 1.5rem; display: block; border-radius: 50%; } .support__body { background-color: transparent; background-image: url('../img/a6453efa279.jpg'); background-size: cover; background-position: center top; background-repeat: no-repeat; display: grid; gap: 1.5rem; box-sizing: border-box; padding: 1rem; text-align: center; } .support__title { margin-bottom: 1.25rem; } .support__desc { line-height: 1.26; } .support__desc_small_width { max-width: 31.25rem; margin: 0px auto; } .support__box { box-sizing: border-box; } .support__links_mt { margin-top: 2rem; } .support__links_mb { margin-bottom: 2rem; } .support__spacer { height: 0.3125rem; } .pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.5rem; list-style-type: none; margin: 0px; padding: 0px; } .pagination_mt { margin-top: 1.875rem; } .pagination__item_prev { margin-right: 0.625rem; } .pagination__item_next { margin-left: 0.625rem; } .pagination__link { font-size: 1.25rem; color: rgb(140, 126, 108); background: transparent; display: flex; justify-content: center; align-items: center; transition: 0.2s; height: 1.875rem; box-sizing: border-box; text-decoration: none; font-family: var(--font-1); font-weight: 700; padding: 0px 0.625rem; } .pagination__link_active { pointer-events: none; color: rgb(236, 212, 176); } .pagination__link:hover { color: rgb(236, 212, 176); } .pagination__link_next, .pagination__link_prev { background-color: transparent; background-image: url('../img/ac8cabb59bb.png'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; min-width: 1.5625rem; height: 2.625rem; } .pagination__link_next { background-image: url('../img/adf55166972.png'); } .pagination__link_next:hover, .pagination__link_prev:hover { filter: brightness(130%); } .blog__categories { margin-top: 2.8125rem; flex-wrap: wrap; gap: 1rem; } .blog__categories, .blog__category { display: flex; justify-content: center; align-items: center; } .blog__category { font-size: 0.75rem; font-family: var(--font-1); color: rgb(195, 170, 135); font-weight: 700; text-transform: uppercase; line-height: 1.2; text-align: center; min-width: 9.375rem; min-height: 2.25rem; box-sizing: border-box; padding: 0.375rem 0.3125rem 0.3125rem; border: 0.125rem solid rgb(195, 170, 135); border-radius: 0.25rem; text-decoration: none; transition: 0.3s; } .blog__category:hover { background-color: rgba(117, 102, 80, 0.4); color: rgb(231, 202, 159); } .blog__category_active { color: rgb(231, 202, 159); border: 0.125rem solid rgb(231, 202, 159); background-color: transparent; } .blog__list { display: grid; gap: 2.5rem; max-width: 23.75rem; width: 100%; margin: 2.625rem auto 0px; } .blog__post { --post-pic-height: 18.4375rem; --post-pic-overlay: linear-gradient(0deg,#282524,rgba(40,37,36,0.85) 30%,rgba(40,37,36,0.7)); --post-desc-mt: 2rem; --post-bar-mt: 4.375rem; --post-line-clamp: 4; } .blog__control { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.625rem; } .blog__control_mt { margin-top: 1.875rem; } :root { --article-height: 25rem; --article-size-title: 1.125rem; --article-size-desc: 0.875rem; --article-desc-max-height: auto; --article-desc-mt: 1.625rem; --article-desc-display: -webkit-box; --article-line-clamp: 5; --article-pic-height: 15.625rem; --article-pic-overlay: linear-gradient(0deg,#282524,rgba(40,37,36,0.85) 30%,rgba(40,37,36,0.7)); --article-bar-mt: 1.875rem; } .article { position: relative; z-index: 0; box-sizing: border-box; padding: 0px; display: flex; max-width: 100%; min-height: var(--article-height); color: rgba(var(--color-0),1); background-color: rgb(40, 37, 36); border-radius: 0.375rem; overflow: hidden; } .article__type { z-index: 5; pointer-events: none; position: absolute; left: 1.25rem; top: 1.25rem; font-size: 0.75rem; font-family: var(--font-1); color: rgba(234, 213, 183, 0.7); line-height: 1; text-align: center; text-transform: uppercase; font-weight: 500; border-radius: 0.25rem; border: 1px solid rgba(234, 213, 183, 0.5); width: 7.375rem; height: 1.875rem; display: flex; justify-content: center; align-items: center; } .article__body { display: flex; flex-direction: column; position: relative; z-index: 0; width: 100%; } .article__body::after { display: block; content: ""; background-image: var(--article-pic-overlay); z-index: -1; } .article__body::after, .article__pic { position: absolute; left: 0px; right: 0px; top: 0px; height: var(--article-pic-height); } .article__pic { z-index: -2; overflow: hidden; border-radius: 0.375rem; background-color: rgba(var(--bg),1); } .article__img { position: absolute; top: 0px; left: 0px; z-index: -2; transition: 1s; width: 100%; height: 100%; object-fit: cover; } .article__container { margin-top: auto; box-sizing: border-box; padding: 1.25rem; display: flex; flex-direction: column; align-items: flex-start; } .article__title { font-family: var(--font-1); font-size: var(--article-size-title); font-weight: 700; margin: 0px; line-height: 1.1; text-transform: uppercase; color: rgb(255, 248, 237); font-style: normal; } .article__desc { font-size: var(--article-size-desc); line-height: 1.5; font-weight: 400; margin-top: var(--article-desc-mt); margin-bottom: 0px; display: var(--article-desc-display); -webkit-box-orient: vertical; -webkit-line-clamp: var(--article-line-clamp); overflow: hidden; font-family: var(--font-0); color: rgb(178, 170, 161); font-style: normal; } .article__desc p { margin: 0px; } .article__bar { margin-top: var(--article-bar-mt); display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 0.625rem 1.875rem; } .article__btn { min-width: 9.125rem; border-radius: 0.25rem; } .article__informer { display: flex; justify-content: flex-start; align-items: center; gap: 0.375rem 1rem; } .article__info { display: flex; justify-content: center; align-items: center; gap: 0.375rem; font-size: 0.875rem; color: rgb(255, 248, 237); font-family: var(--font-1); } .article__info-ico { font-size: 1.3em; background-color: transparent; background-size: contain; background-position: 50% center; background-repeat: no-repeat; } .article__info-ico_time { background-image: url('../img/a5f4485f7a1.png'); width: 0.875rem; height: 0.9375rem; } [data-article-visible] { animation: 1s ease-in-out 0s 1 normal none running article-show; } @-webkit-keyframes article-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes article-show { 0% { opacity: 0; } 100% { opacity: 1; } } [data-article-visible="false"] { display: none; } .content { color: rgb(193, 185, 175); font-size: 0.875rem; line-height: 1.11; vertical-align: middle; } .content__body { background-color: rgb(38, 35, 33); padding: 1.25rem; } .content__body, .spoiler { border-radius: 0.375rem; box-sizing: border-box; } .spoiler { --spoiler-container-rows: 0fr; --spoiler-container-opacity: 0; --spoiler-container-maring: 0 0; --spoiler-container-padding: 0 0.875rem; --spoiler-bgc-heading: #373532; --spoiler-transition: 0.3s all; --spoiler-arrow-transform: rotateX(0deg); transition: var(--spoiler-transition); color: rgb(193, 185, 175); overflow: hidden; } [data-spoiler="active"] { --spoiler-container-rows: 1fr; --spoiler-container-opacity: 1; --spoiler-container-maring: 0; --spoiler-container-padding: 0.875rem; --spoiler-arrow-transform: rotateX(180deg); } .spoiler__heading { background-color: var(--spoiler-bgc-heading); background-image: none; background-size: cover; background-position: 50% center; background-repeat: no-repeat; transition: var(--spoiler-transition); display: flex; justify-content: flex-start; align-items: center; gap: 0.625rem; padding: 0.75rem 0.875rem; line-height: 1.1; min-height: 2.5rem; box-sizing: border-box; color: rgb(255, 255, 255); } [data-spoiler-trigger] { cursor: pointer; } .spoiler__arrow { display: flex; justify-content: center; align-items: center; position: relative; z-index: 0; color: rgb(255, 255, 255); margin-left: auto; transition: var(--spoiler-transition); transform: var(--spoiler-arrow-transform); width: 1.3125rem; height: 0.625rem; background-image: url('../img/acc3ddac23d.png'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; flex-shrink: 0; } .spoiler__content { display: grid; } .spoiler__title { font-size: 0.875rem; font-style: normal; font-weight: 700; line-height: normal; font-family: var(--font-1); } .spoiler__container { margin: var(--spoiler-container-maring); padding: var(--spoiler-container-padding); display: grid; grid-template-rows: var(--spoiler-container-rows); overflow: hidden; opacity: var(--spoiler-container-opacity); transition: var(--spoiler-transition); box-sizing: border-box; background: rgb(46, 43, 41); } .spoiler__content { min-height: 0px; font-size: 0.875rem; line-height: 1.4; } .spoiler__ico { flex-shrink: 0; display: none; } .spoiler-list { display: grid; gap: 0.4375rem; } @media (min-width: 460px) { .requirements__body { padding: 2.5rem; } .resource { padding: 0.9375rem 2rem; } .resources__body { padding: 2.8125rem 2.5rem; } .spoiler__heading { gap: 1.125rem; } .spoiler__ico { display: block; } } @media (min-width: 540px) { .countdown__heading { font-size: 2rem; } .countdown__amount { font-size: 2.5rem; } .countdown__desc { font-size: 0.875rem; } .btn_size_large, .btn_size_long { --btn-scale: 0.9; } .btn_size_long { --btn-w: 25.5625rem; } .btn_size_3, .btn_size_4, .btn_size_5, .btn_size_6 { --btn-scale: 1; } .mdl__inner { padding: 2.5rem; } .mdl__inner_2 { padding: 3.125rem 1.875rem 3.75rem; } .mdl__inner_welcome { padding: 2.5rem 2.5rem 2rem; } .hero__title { font-size: 1.875rem; } .hero__subtitle { font-size: 1.5rem; } .hero__desc { font-size: 1.0625rem; } } @media (min-width: 680px) { .content-box { padding: 1.5625rem; } .content-info { font-size: 1rem; } .mdl:has(.mdl__close_2) { padding: 0.9375rem !important; } .mdl__close { top: 0px; right: 0px; } .servers { max-width: 40rem; grid-template-columns: repeat(2, 1fr); } .features__slide-thumbs { width: 20%; } .consent { grid-template-columns: 1fr auto; font-size: 1rem; text-align: left; padding-top: 1.25rem; padding-bottom: 1.25rem; } .consent__btns { text-align: right; } .resource { justify-content: flex-start; flex-direction: row; } .welcome { font-size: 1.125rem; } .welcome__title { font-size: 2.375rem; } .blog__categories { gap: 1.625rem; } .blog__category { min-height: 2.5rem; font-size: 0.875rem; min-width: 11.25rem; } .blog__list { grid-template-columns: repeat(2, 1fr); max-width: 50rem; } :root { --article-line-clamp: 4; } .content { font-size: 1.125rem; } .content__body { padding: 2.5rem 3.125rem; } .spoiler { --spoiler-container-padding: 0 1.5625rem; } [data-spoiler="active"] { --spoiler-container-padding: 1.5625rem; } .spoiler__heading { padding: 0.875rem 1.5625rem; min-height: 4rem; } } @media (min-width: 720px) { .title { font-size: 2rem; } .title_size_small { font-size: 1.75rem; } .title_size_tiny { font-size: 1.25rem; } .desc { font-size: 1rem; } .desc_size_small { font-size: 0.875rem; } .desc_size_large { font-size: 1.125rem; } .ttl { font-size: 1.25rem; } .ttl_mb { margin-bottom: 1.625rem; } .ttl_mt { margin-top: 1.875rem; } .invite__title, .social__title { font-size: 1.75rem; } .requirements__row { padding: 0.625rem; } .support__title { font-size: 1.625rem; margin-bottom: 1.6875rem; } } @media (min-width: 840px) { td, th { padding: 0.375rem 1rem; } td:first-child, th:first-child { padding-left: 2.375rem; } td:last-child, th:last-child { padding-right: 2.375rem; } .countdown__item { min-width: 5.125rem; } .countdown__amount { font-size: 4.5rem; } .countdown__devider { font-size: 5rem; } .informer { font-size: 1.25rem; } .post__container { padding: 2.5rem 3.125rem; } .news__more { grid-template-columns: auto auto; padding: 1.875rem 3.125rem; text-align: left; } .news__more-btns { margin-left: auto; } .features__wrap { flex-direction: row; } .features__arrows { margin: 0px; } .features__arrow { position: absolute; top: 50%; transform: translateY(-50%); } .features__arrow_prev { left: 3.125rem; } .features__arrow_next { right: 3.125rem; } .events__list { max-width: none; grid-template-columns: repeat(3, 1fr); } .invite { padding: 2.8125rem 3.125rem 3.75rem; } .requirements__item { padding: 0px 0.625rem; font-size: 1rem; } .resources__warn { padding: 3.125rem 3.125rem 3.625rem; font-size: 1.375rem; } .resources__warn-title { font-size: 1.625rem; } .support__body { padding: 1.875rem; } .support__box { padding: 2.1875rem; border-radius: 0.375rem; border: 0.125rem solid rgba(74, 69, 66, 0.7); } .article__type { left: 2rem; top: 2rem; } .article__container { padding: 2rem; } .spoiler__content, .spoiler__title { font-size: 1.125rem; } } @media (min-width: 940px) { .blog__control_mt, .pagination_mt { margin-top: 3.125rem; } } @media (min-width: 1050px) { .content-box { padding: 2.5rem; } :root { --post-line-clamp: 3; --post-size-title: 1.5rem; } .news__list { grid-template-columns: 43% 1fr; } .news__post:first-child { --post-pic-height: 19.875rem; --post-pic-overlay: linear-gradient(0deg,#282524,rgba(40,37,36,0.85) 30%,rgba(40,37,36,0.7)); --post-desc-mt: 1.625rem; --post-bar-mt: 4.375rem; --post-line-clamp: 12; grid-row: span 2; min-height: 34.375rem; } .social { grid-template-columns: 1fr 30.625rem; text-align: left; } :root { --feature-line-clamp: 8; --feature-size-title: 1.5rem; } .features__arrow_prev { left: 6.75rem; } .features__arrow_next { right: 6.75rem; } :root { --article-size-title: 1.3125rem; } .spoiler { --spoiler-container-padding: 0 2.5rem; } [data-spoiler="active"] { --spoiler-container-padding: 2.5rem; } .spoiler__heading { padding: 1rem 2.5rem; } } @media (min-width: 1200px) { table { font-size: 1rem; } .title { font-size: 2.375rem; } .title_size_small { font-size: 2.0625rem; } .title_size_tiny { font-size: 1.25rem; } .desc { font-size: 1rem; } .desc_size_small { font-size: 0.875rem; } .desc_size_large { font-size: 1.125rem; } .ttl { font-size: 1.5rem; } .table-font-size { font-size: 1.125rem; } :root { --btn-fs: 0.9375rem; } .btn_size_small { padding: .3125rem calc(1rem*var(--btn-scale)); } .btn_size_large, .btn_size_long { --btn-scale: 1; } .btn_size_2 { --btn-fs: 1rem; } .btn_size_3, .btn_size_4 { --btn-scale: 1; --btn-fs: 1.125rem; } .btn_size_5, .btn_size_6 { --btn-scale: 1; --btn-fs: 0.875rem; } .lang { --lang-img-size: 1.3125rem; } :root { --link-fs: 1.0625rem; --swiper-arrow-scale: 1; } .control__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; margin: 0px; } .control__arrow_prev { right: calc(100% + 1.875rem); } .control__arrow_next { left: calc(100% + 1.875rem); } .gw-burger { display: none; } .menu { display: flex; align-self: stretch; } .menu__content, .menu__list { display: flex; width: 100%; } .menu__list { list-style-type: none; margin: 0px; justify-content: flex-start; align-items: stretch; opacity: 1; visibility: visible; padding: 0px; box-sizing: border-box; gap: 0px; } .menu__el { display: flex; position: relative; z-index: 0; } .menu__el_desktop_none { display: none; } .menu__item { padding: 0.625rem; display: flex; justify-content: center; align-items: center; text-decoration: none; text-align: center; color: rgb(174, 165, 153); cursor: pointer; font-style: normal; font-size: 1rem; font-weight: 500; white-space: nowrap; position: relative; z-index: 0; box-sizing: border-box; transition: 0.3s; font-family: var(--font-0); text-shadow: none; text-transform: uppercase; } @media (min-width: 1350px) { .menu__item { padding: 0.625rem 1.3125rem; } } .menu__el:hover [data-menu-open-sub-list], .menu__item:hover, .menu__item_open:hover { color: rgb(255, 248, 237); } .menu__dot { background-size: cover; background-position: 50% center; background-repeat: no-repeat; width: 0.125rem; height: 2.5rem; display: block; flex-shrink: 0; border: 0px; align-self: center; background-image: linear-gradient(90deg, rgba(194, 179, 170, 0.07) 50%, rgba(0, 0, 0, 0.3) 0px); } .menu__el_continer { display: none; } .menu__sub-list { position: absolute; left: -0.625rem; top: calc(100% - 0.6875rem); list-style: none; margin: 0px; z-index: 100; opacity: 0; visibility: hidden; transition: 0.3s; min-width: 100%; transform: translateY(0.625rem); padding: 0.75rem 0px; border-radius: 0.5rem; background: rgb(18, 16, 15); border: 0.125rem solid rgb(68, 63, 58); display: block !important; } .menu__sub-list:hover, [data-menu-open-sub-list="open"] ~ .menu__sub-list, [data-menu-open-sub-list]:hover ~ .menu__sub-list { opacity: 1; visibility: visible; transform: translateY(0px); } [data-menu-open-sub-list] .menu__item-arrow { display: block; content: ""; background-color: transparent; background-image: url('../img/a40d60ac9d0.svg'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: 0.4375rem; height: 0.1875rem; margin-top: 1px; margin-left: 0.3125rem; position: relative; top: 0px; transition: 0.2s; } .menu__el[\:has\(\[data-menu-open-sub-list\]\)]:hover .menu__item-arrow, .menu__item_open .menu__item-arrow { transform: rotateX(180deg); } .menu__el:has([data-menu-open-sub-list]):hover .menu__item-arrow, .menu__item_open .menu__item-arrow { transform: rotateX(180deg); } .menu__sub-item { padding: 0.3125rem 1.75rem; display: flex; justify-content: flex-start; align-items: center; text-align: left; text-decoration: none; color: rgb(174, 165, 153); cursor: pointer; font-style: normal; font-size: 1rem; font-weight: 500; white-space: nowrap; position: relative; z-index: 0; box-sizing: border-box; transition: 0.3s; line-height: 1; min-height: 2.5rem; } .menu__sub-item:hover { color: rgb(255, 248, 237); background-color: rgba(255, 248, 237, 0.06); } :root { --navigation-height: 5rem; --navigation-height-scroll: 5rem; } .navigation__box_side_left { margin-right: 1.5rem; } .navigation__box_side_right { margin-left: 2.5rem; margin-right: 0px; display: flex; } .navigation__el_desktop { display: flex; justify-content: center; } .navigation__auth { margin-left: 1.875rem; } .navigation__bnrs { display: flex; } [data-container="hero"] { max-width: calc(82.5rem + var(--margin)*4); } .hero { min-height: 41.5rem; } .hero__box { max-width: 40.625rem; } .hero__title { font-size: 2.375rem; } .hero__subtitle { font-size: 1.75rem; line-height: 1.5; } .hero__desc { font-size: 1.125rem; } .servers { max-width: none; display: flex; justify-content: center; align-items: center; gap: 1.5625rem; } .servers__border { display: block; } :root { --post-size-title: 1.75rem; --post-size-desc: 1rem; } .fnav { gap: 1.25rem 6.25rem; display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: left; } .fnav__box { width: max-content; } .fnav__header { font-size: 1rem; } .fnav__link { font-size: 0.8125rem; } .footer__container { grid-template-columns: 1fr 30.625rem; text-align: left; } .footer__about { text-align: left; } .footer__copyright { font-size: 1rem; } .footer__desc { margin: 0px; } .footer__links { margin-left: auto; flex-direction: row; justify-content: flex-start; text-align: left; } .footer__authors { align-items: flex-start; font-size: 0.875rem; } .footer__author, .footer__authors { justify-content: flex-start; } .footer__bnrs { justify-content: flex-end; } :root { --feature-size-title: 1.75rem; --feature-size-desc: 1rem; } .features__list { max-width: 46.875rem; } .event { padding: 1.75rem; } .event__title { font-size: 1.1875rem; } .events__list { grid-template-columns: repeat(3, 1fr); } .consent { padding-top: 1.625rem; padding-bottom: 1.625rem; font-size: 1.125rem; } .invite__title { font-size: 2.0625rem; } .invite__desc { font-size: 1.125rem; } .resources__body { grid-template-columns: 1fr 1fr; } .support__body { padding: 2.5rem; } .support__title { font-size: 1.625rem; } .blog__list { max-width: none; grid-template-columns: repeat(3, 1fr); } :root { --article-size-title: 1.5rem; --article-size-desc: 1rem; } .content__body { padding: 3.625rem 5rem; } } @media (min-width: 1440px) { .up { display: block; } } @media (min-width: 1720px) { .navigation__bnrs { left: auto; right: calc(100% + 6.25rem); top: 50%; transform: translateY(-50%); } } @media (min-width: 1860px) { .navigation__bnrs { right: calc(100% + 9.375rem); } } @media (max-width: 1199.99px) { .mbar { height: var(--navigation-height); display: flex; } .mbar__box { flex-basis: 50%; display: flex; } .gw-burger { display: flex; justify-content: center; align-items: center; z-index: 10; cursor: pointer; pointer-events: all; } .gw-burger, .gw-burger__box { background-color: transparent; position: relative; } .gw-burger__box { z-index: 5; width: 1.5rem; height: 1.1875rem; border-radius: 0px; box-sizing: border-box; flex-shrink: 0; } .gw-burger__line { height: 0.125rem; position: absolute; left: 0px; right: 0px; background-color: rgb(174, 165, 153); border-radius: 0px; transition: top 0.3s 0.3s, right 0.3s 0.3s, left 0.3s 0.2s, bottom 0.3s 0.3s, opacity 0.3s 0.4s, transform 0.3s; } .gw-burger__line_pos_top { top: 0px; } .gw-burger__line_pos_middle { top: 50%; left: 25%; transform: translateY(-50%); transition: 0.4s; } .gw-burger__line_pos_bottom { bottom: 0px; left: 50%; } .mob-menu-active .gw-burger__line { background-color: rgb(174, 165, 153); } .mob-menu-active .gw-burger__line_pos_top { transform: rotate(45deg) translateY(-50%); transform-origin: center top; top: 50%; right: 0px; transition: top 0.3s 0.1s, right 0.3s 0.1s, left 0.3s, bottom 0.3s 0.1s, opacity 0.1s, transform 0.3s 0.4s; } .mob-menu-active .gw-burger__line_pos_middle { opacity: 0; transition: opacity 0.3s 0.3s, transform 0.3s 0.1s, left 0.3s 0.3s; left: 100%; } .mob-menu-active .gw-burger__line_pos_bottom { transform: rotate(-45deg) translateY(50%); transform-origin: center bottom; bottom: 50%; right: 0px; left: 0px; transition: top 0.3s 0.1s, right 0.3s 0.1s, left 0.1s 0.3s, bottom 0.3s 0.1s, opacity 0.1s, transform 0.3s 0.4s; } .menu { position: absolute; top: var(--navigation-height); right: 0px; left: 0px; z-index: 2; box-sizing: border-box; padding-top: 0px; padding-bottom: var(--navigation-height); height: 100vh; overflow: hidden; display: flex; justify-content: flex-start; background-color: rgba(var(--body-background-color)); opacity: 0; transition: 0.5s 0.3s; visibility: hidden; box-shadow: 0 0 0 100vh rgba(var(--body-background-color),1); } @supports (height:100dvh) { .menu { height: 100dvh; } } .mob-menu-active .menu { visibility: visible; opacity: 1; transition: 0.5s; } .menu__content { transition: 0.3s; opacity: 0; width: 100%; box-sizing: border-box; overflow: hidden auto; display: flex; } .mob-menu-active .menu__content { opacity: 1; transition: 0.5s 0.3s; } .menu__list { width: 100%; list-style-type: none; padding: 1.25rem 0px; margin: auto; display: flex; justify-content: space-around; flex-direction: column; box-sizing: border-box; } .menu__dot { display: none; } .menu__el { width: 100%; position: relative; z-index: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; } .menu__el_auth, .menu__el_scl { margin-top: 1.25rem; } .menu__el_atop { position: relative; z-index: 5; } .menu__el_bar { margin-bottom: 1.875rem; } .menu__el_continer { display: flex; justify-content: center; align-items: center; margin-top: 1.25rem; } .menu__el_continer_divider { padding-top: 1.25rem; border-top: 1px solid rgba(174, 165, 153, 0.05); } .menu__el_continer:hover, [data-place-from="auth"] { z-index: 10; } .menu__item { padding: 0.625rem 0.9375rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-decoration: none; text-align: center; color: rgb(174, 165, 153); cursor: pointer; font-style: normal; font-size: 1rem; font-weight: 500; white-space: nowrap; text-transform: uppercase; width: 100%; min-height: 3.125rem; transition: 0.2s; font-family: var(--font-0); } .menu__item:hover, .menu__item_open { color: rgb(255, 248, 237); } .menu__sub-wrapper { display: none; } .subnav__container { padding: 0px; } .mob-menu-active { overflow: hidden; } [data-menu-open-sub-list]::after { display: block; content: ""; background-color: transparent; background-image: url('../img/a40d60ac9d0.svg'); background-size: contain; background-position: 50% center; background-repeat: no-repeat; width: 0.4375rem; height: 0.1875rem; margin-top: 1px; margin-left: 0.3125rem; position: relative; top: 0px; transition: 0.5s; } .menu__item_open::after { transform: rotateX(180deg); } .menu__item_open, .menu__sub-list { background: rgba(255, 248, 237, 0.05); } .menu__sub-list { list-style-type: none; padding: 0px; margin: 0px; display: none; width: 100%; } .menu__item_open ~ .menu__sub-list { display: block; } .menu__sub-item { display: flex; align-items: center; justify-content: center; text-decoration: none; box-sizing: border-box; padding: 0.5rem 1.25rem; transition: 0.3s; position: relative; z-index: 0; color: rgb(174, 165, 153); cursor: pointer; font-style: normal; font-size: 1rem; font-weight: 500; min-height: 3.125rem; text-align: center; } .menu__sub-item:hover { color: rgb(255, 248, 237); } .menu__sub-content { min-width: 0px; flex-grow: 1; } .menu__sub-name { font-size: 1.125rem; line-height: 1.125rem; color: rgb(0, 0, 0); transition: 0.2s; } .menu__sub-desc { padding-top: 0.1875rem; font-size: 0.875rem; line-height: 1rem; color: rgba(0, 0, 0, 0.6); transition: 0.2s; } .menu__scl { position: fixed; left: 0px; right: 0px; bottom: 0px; background: rgba(var(--color-bg-0),1); --scl-flex-basis: 100%; } .menu__btnbar { display: flex; justify-content: center; align-items: center; align-self: stretch; gap: 0.5rem; background-color: transparent; box-sizing: border-box; padding: 0.625rem 1.5rem; font-family: var(--font-2); font-size: 0.9375rem; font-style: normal; font-weight: 600; line-height: 1.6; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none; z-index: 10; height: 4.375rem; } .menu__btnbar, .menu__btnbar::after { transition: 0.2s; position: absolute; left: 0px; right: 0px; bottom: 0px; } .menu__btnbar::after { display: block; content: ""; top: 0px; z-index: -1; background-color: rgba(60, 44, 34, 0.6); background-image: none; background-size: cover; background-position: center bottom; background-repeat: no-repeat; } .menu__btnbar-txt { color: rgb(189, 177, 165); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0.0625rem 0.25rem); } } .pr { padding-right: var(--margin); } .pl { padding-left: var(--margin); } .pt { padding-top: var(--margin); } .pb { padding-bottom: var(--margin); } .mr { margin-right: var(--margin); } .ml { margin-left: var(--margin); } .mt { margin-top: var(--margin); } .mb { margin-bottom: var(--margin); } .m { margin: var(--margin); } .mra { margin-right: auto; } .mla { margin-left: auto; } .mta { margin-top: auto; } .ma { margin: auto; } .mba { margin-bottom: auto; } .mr0 { margin-right: 0px; } .ml0 { margin-left: 0px; } .mt0 { margin-top: 0px; } .mb0 { margin-bottom: 0px; } .m0 { margin: 0px; } .color-light { color: rgba(var(--color-light),1); } .color-dark { color: rgba(var(--color-dark),1); } .color-red { color: rgba(var(--color-red),1); } .color-yellow { color: rgba(var(--color-yellow),1); } .color-orange { color: rgba(var(--color-orange),1); } .color-pink { color: rgba(var(--color-pink),1); } .color-purple { color: rgba(var(--color-purple),1); } .color-blue { color: rgba(var(--color-blue),1); } .color-green { color: rgba(var(--color-green),1); } .color-grey { color: rgba(var(--color-grey),1); } .color-white { color: rgba(var(--color-white),1); } .color-black { color: rgba(var(--color-black),1); } .color-brown { color: rgba(var(--color-brown),1); } .color-aqua { color: rgba(var(--color-aqua),1); } .color-0 { color: rgba(var(--color-0),1); } .color-1 { color: rgba(var(--color-1),1); } .color-2 { color: rgba(var(--color-2),1); } .color-3 { color: rgba(var(--color-3),1); } .color-4 { color: rgba(var(--color-4),1); } .color-5 { color: rgba(var(--color-5),1); } .color-6 { color: rgba(var(--color-6),1); } .color-7 { color: rgba(var(--color-7),1); } .color-8 { color: rgba(var(--color-8),1); } .color-9 { color: rgba(var(--color-9),1); } .color-accent { color: rgba(var(--color-accent),1); } .color-url { color: rgba(var(--color-url),1); } .clear { clear: both; } .hidden { display: none; } .text-decoration-underline { text-decoration: underline; } .text-decoration-none { text-decoration: none; } .text-uppercase { text-transform: uppercase; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .d-flex, .flex { display: flex; } .justify-content-start { justify-content: start; } .justify-content-center { justify-content: center; } .justify-content-end { justify-content: end; } .fs_minus_5 { font-size: 0.5em; } .fs_minus_4 { font-size: 0.6em; } .fs_minus_3 { font-size: 0.7em; } .fs_minus_2 { font-size: 0.8em; } .fs_minus_1 { font-size: 0.9em; } .fs_plus_1 { font-size: 1.1em; } .fs_plus_2 { font-size: 1.2em; } .fs_plus_3 { font-size: 1.3em; } .fs_plus_4 { font-size: 1.4em; } .fs_plus_5 { font-size: 1.5em; } .font-family-0 { font-family: var(--font-0); } .font-family-1 { font-family: var(--font-1); } .font-family-2 { font-family: var(--font-2); } .font-family-3 { font-family: var(--font-3); } .font-family-4 { font-family: var(--font-4); } .w-100 { width: 100%; } .w-90 { width: 90%; } .w-80 { width: 80%; } .w-70 { width: 70%; } .w-60 { width: 60%; } .w-50 { width: 50%; } .w-40 { width: 40%; } .w-30 { width: 30%; } .w-20 { width: 20%; } .w-10 { width: 10%; } .compensate-for-scrollbar { margin-right: 0px; } *, ::before, ::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(87, 87, 87); text-align: left; background-color: rgb(240, 242, 245); } [tabindex="-1"]:focus { outline: 0px !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 20px; } p { margin-top: 0px; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0px; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(63, 156, 232); text-decoration: none; background-color: transparent; } a:hover { color: rgb(21, 104, 172); text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0px; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; } figure { margin: 0px 0px 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 10px; padding-bottom: 10px; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 5px; } button { border-radius: 0px; } button:focus { outline: -webkit-focus-ring-color auto 5px; } input, button, select, optgroup, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { overflow-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; appearance: none; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 20px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; line-height: 1.2; color: rgb(23, 23, 23); } h1, .h1 { font-size: 2.57143rem; } h2, .h2 { font-size: 2.14286rem; } h3, .h3 { font-size: 1.85714rem; } h4, .h4 { font-size: 1.57143rem; } h5, .h5 { font-size: 1.28571rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.5rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(228, 231, 237) currentcolor currentcolor; border-image: initial; } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: rgb(252, 248, 227); } .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { padding-left: 0px; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: rgb(240, 242, 245); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: rgb(108, 117, 125); } code { font-size: 87.5%; color: rgb(232, 62, 140); word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; } kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0px; margin-left: 0px; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; } } .table { width: 100%; margin-bottom: 1rem; color: rgb(87, 87, 87); } .table th, .table td { padding: 10px; vertical-align: top; border-top: 1px solid rgb(228, 231, 237); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(228, 231, 237); } .table tbody + tbody { border-top: 2px solid rgb(228, 231, 237); } .table-sm th, .table-sm td { padding: 5px; } .table-bordered { border: 1px solid rgb(228, 231, 237); } .table-bordered th, .table-bordered td { border: 1px solid rgb(228, 231, 237); } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.02); } .table-hover tbody tr:hover { color: rgb(87, 87, 87); background-color: rgba(0, 0, 0, 0.04); } .table-primary, .table-primary > th, .table-primary > td { background-color: rgb(201, 227, 249); } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: rgb(155, 204, 243); } .table-hover .table-primary:hover { background-color: rgb(178, 215, 246); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(178, 215, 246); } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: rgb(214, 216, 219); } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: rgb(179, 183, 187); } .table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); } .table-success, .table-success > th, .table-success > td { background-color: rgb(227, 241, 212); } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: rgb(204, 228, 175); } .table-hover .table-success:hover { background-color: rgb(214, 235, 193); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(214, 235, 193); } .table-info, .table-info > th, .table-info > td { background-color: rgb(194, 239, 245); } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: rgb(142, 225, 236); } .table-hover .table-info:hover { background-color: rgb(172, 233, 241); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(172, 233, 241); } .table-warning, .table-warning > th, .table-warning > td { background-color: rgb(255, 240, 195); } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: rgb(255, 227, 143); } .table-hover .table-warning:hover { background-color: rgb(255, 234, 170); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 234, 170); } .table-danger, .table-danger > th, .table-danger > td { background-color: rgb(251, 207, 206); } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: rgb(247, 166, 164); } .table-hover .table-danger:hover { background-color: rgb(249, 184, 182); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(249, 184, 182); } .table-light, .table-light > th, .table-light > td { background-color: rgb(253, 253, 254); } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: rgb(251, 252, 252); } .table-hover .table-light:hover { background-color: rgb(236, 236, 246); } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); } .table-dark, .table-dark > th, .table-dark > td { background-color: rgb(198, 200, 202); } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: rgb(149, 153, 156); } .table-hover .table-dark:hover { background-color: rgb(185, 187, 190); } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.04); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.04); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.04); } .table .thead-dark th { color: rgb(228, 231, 237); background-color: rgb(52, 58, 64); border-color: rgb(63, 71, 78); } .table .thead-light th { color: rgb(87, 87, 87); background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .table-dark { color: rgb(228, 231, 237); background-color: rgb(52, 58, 64); } .table-dark th, .table-dark td, .table-dark thead th { border-color: rgb(63, 71, 78); } .table-dark.table-bordered { border: 0px; } .table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.1); } .table-dark.table-hover tbody tr:hover { color: rgb(228, 231, 237); background-color: rgba(0, 0, 0, 0.18); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; } .table-responsive-sm > .table-bordered { border: 0px; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; } .table-responsive-md > .table-bordered { border: 0px; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; } .table-responsive-lg > .table-bordered { border: 0px; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; } .table-responsive-xl > .table-bordered { border: 0px; } } .table-responsive { display: block; width: 100%; overflow-x: auto; } .table-responsive > .table-bordered { border: 0px; } .form-control { display: block; width: 100%; height: calc(1.42857em + 2px + 0.857143rem); padding: 0.428571rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.42857; color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(212, 218, 227); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control:focus { color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); border-color: rgb(151, 165, 186); outline: 0px; box-shadow: none; } .form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: rgb(51, 51, 51); opacity: 1; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(1px + 0.428571rem); padding-bottom: calc(1px + 0.428571rem); margin-bottom: 0px; font-size: inherit; line-height: 1.42857; } .col-form-label-lg { padding-top: calc(1px + 0.642857rem); padding-bottom: calc(1px + 0.642857rem); font-size: 1.14286rem; line-height: 1.25; } .col-form-label-sm { padding-top: calc(1px + 0.357143rem); padding-bottom: calc(1px + 0.357143rem); font-size: 1rem; line-height: 1.14286; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.428571rem; padding-bottom: 0.428571rem; margin-bottom: 0px; line-height: 1.42857; color: rgb(87, 87, 87); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0px; padding-left: 0px; } .form-control-sm { height: calc(1.14286em + 2px + 0.714286rem); padding: 0.357143rem 0.6429rem; font-size: 1rem; line-height: 1.14286; border-radius: 0.2rem; } .form-control-lg { height: calc(1.25em + 2px + 1.28571rem); padding: 0.642857rem 1.286rem; font-size: 1.14286rem; line-height: 1.25; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 16px; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: rgb(108, 117, 125); } .form-check-label { margin-bottom: 0px; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(156, 204, 101); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 4px 10px; margin-top: 0.1rem; font-size: 0.928571rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(156, 204, 101, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: rgb(156, 204, 101); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: rgb(156, 204, 101); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: rgb(156, 204, 101); } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: rgb(156, 204, 101); } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: rgb(218, 236, 197); } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: rgb(181, 217, 139); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: rgb(156, 204, 101); } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: rgb(156, 204, 101); } .is-valid .form-control { border-color: rgb(156, 204, 101); } .is-valid .form-check-input ~ .form-check-label { color: rgb(156, 204, 101); } .is-valid .custom-control-input ~ .custom-control-label { color: rgb(156, 204, 101); } .is-valid .custom-control-input ~ .custom-control-label::before { background-color: rgba(156, 204, 101, 0.25); } .is-valid .valid-feedback, .is-valid .valid-tooltip { display: block; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(239, 83, 80); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 4px 10px; margin-top: 0.1rem; font-size: 0.928571rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(239, 83, 80, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: rgb(239, 83, 80); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: rgb(239, 83, 80); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: rgb(239, 83, 80); } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: rgb(239, 83, 80); } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: rgb(250, 198, 197); } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: rgb(243, 129, 127); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: rgb(239, 83, 80); } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: rgb(239, 83, 80); } .is-invalid .form-control { border-color: rgb(239, 83, 80); } .is-invalid .form-check-input ~ .form-check-label { color: rgb(239, 83, 80); } .is-invalid .custom-control-input ~ .custom-control-label { color: rgb(239, 83, 80); } .is-invalid .custom-control-input ~ .custom-control-label::before { background-color: rgba(239, 83, 80, 0.25); } .is-invalid .invalid-feedback, .is-invalid .invalid-tooltip { display: block; } .form-inline { display: flex; flex-flow: wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: wrap; align-items: center; margin-bottom: 0px; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0px; } } .btn { display: inline-block; font-weight: 600; color: rgb(87, 87, 87); text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.571429rem 1rem; font-size: 1rem; line-height: 16px; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: rgb(87, 87, 87); text-decoration: none; } .btn:focus, .btn.focus { outline: 0px; box-shadow: none; } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(121, 86, 37); border-color: rgb(121, 86, 37); } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus { color: rgb(255, 255, 255); background-color: rgb(87, 56, 14); border-color: rgb(87, 56, 14); } .btn-primary.disabled, .btn-primary:disabled { background-color: rgb(121, 86, 37); border-color: rgb(121, 86, 37); } .btn-primary:not([disabled]):not(.disabled):active { background-color: rgb(121, 86, 37); border-color: rgb(87, 56, 14); } .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: rgb(87, 56, 14); background-image: none; border-color: rgb(87, 56, 14); } .btn-primary.btn-noborder { border-color: rgb(121, 86, 37); } .btn-primary.btn-noborder:hover, .btn-primary.btn-noborder:focus, .btn-primary.btn-noborder.focus { border-color: rgb(87, 56, 14); } .btn-primary.btn-noborder.disabled, .btn-primary.btn-noborder:disabled, .btn-primary.btn-noborder:not([disabled]):not(.disabled):active, .btn-primary.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(121, 86, 37); } .show > .btn-primary.btn-noborder.dropdown-toggle { border-color: rgb(87, 56, 14); } .btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(80, 86, 92); } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus { color: rgb(255, 255, 255); background-color: rgb(80, 86, 92); border-color: rgb(56, 61, 65); } .btn-secondary.disabled, .btn-secondary:disabled { background-color: rgb(108, 117, 125); border-color: rgb(80, 86, 92); } .btn-secondary:not([disabled]):not(.disabled):active { background-color: rgb(108, 117, 125); border-color: rgb(80, 86, 92); } .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color: rgb(80, 86, 92); background-image: none; border-color: rgb(56, 61, 65); } .btn-secondary.btn-noborder { border-color: rgb(108, 117, 125); } .btn-secondary.btn-noborder:hover, .btn-secondary.btn-noborder:focus, .btn-secondary.btn-noborder.focus { border-color: rgb(80, 86, 92); } .btn-secondary.btn-noborder.disabled, .btn-secondary.btn-noborder:disabled, .btn-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(108, 117, 125); } .show > .btn-secondary.btn-noborder.dropdown-toggle { border-color: rgb(80, 86, 92); } .btn-success { color: rgb(255, 255, 255); background-color: rgb(156, 204, 101); border-color: rgb(126, 183, 61); } .btn-success:hover, .btn-success:focus, .btn-success.focus { color: rgb(255, 255, 255); background-color: rgb(126, 183, 61); border-color: rgb(100, 145, 48); } .btn-success.disabled, .btn-success:disabled { background-color: rgb(156, 204, 101); border-color: rgb(126, 183, 61); } .btn-success:not([disabled]):not(.disabled):active { background-color: rgb(156, 204, 101); border-color: rgb(126, 183, 61); } .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle { background-color: rgb(126, 183, 61); background-image: none; border-color: rgb(100, 145, 48); } .btn-success.btn-noborder { border-color: rgb(156, 204, 101); } .btn-success.btn-noborder:hover, .btn-success.btn-noborder:focus, .btn-success.btn-noborder.focus { border-color: rgb(126, 183, 61); } .btn-success.btn-noborder.disabled, .btn-success.btn-noborder:disabled, .btn-success.btn-noborder:not([disabled]):not(.disabled):active, .btn-success.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(156, 204, 101); } .show > .btn-success.btn-noborder.dropdown-toggle { border-color: rgb(126, 183, 61); } .btn-info { color: rgb(255, 255, 255); background-color: rgb(38, 198, 218); border-color: rgb(28, 151, 166); } .btn-info:hover, .btn-info:focus, .btn-info.focus { color: rgb(255, 255, 255); background-color: rgb(28, 151, 166); border-color: rgb(21, 112, 123); } .btn-info.disabled, .btn-info:disabled { background-color: rgb(38, 198, 218); border-color: rgb(28, 151, 166); } .btn-info:not([disabled]):not(.disabled):active { background-color: rgb(38, 198, 218); border-color: rgb(28, 151, 166); } .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle { background-color: rgb(28, 151, 166); background-image: none; border-color: rgb(21, 112, 123); } .btn-info.btn-noborder { border-color: rgb(38, 198, 218); } .btn-info.btn-noborder:hover, .btn-info.btn-noborder:focus, .btn-info.btn-noborder.focus { border-color: rgb(28, 151, 166); } .btn-info.btn-noborder.disabled, .btn-info.btn-noborder:disabled, .btn-info.btn-noborder:not([disabled]):not(.disabled):active, .btn-info.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(38, 198, 218); } .show > .btn-info.btn-noborder.dropdown-toggle { border-color: rgb(28, 151, 166); } .btn-warning { color: rgb(255, 255, 255); background-color: rgb(255, 202, 40); border-color: rgb(234, 176, 0); } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus { color: rgb(255, 255, 255); background-color: rgb(234, 176, 0); border-color: rgb(183, 138, 0); } .btn-warning.disabled, .btn-warning:disabled { background-color: rgb(255, 202, 40); border-color: rgb(234, 176, 0); } .btn-warning:not([disabled]):not(.disabled):active { background-color: rgb(255, 202, 40); border-color: rgb(234, 176, 0); } .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle { background-color: rgb(234, 176, 0); background-image: none; border-color: rgb(183, 138, 0); } .btn-warning.btn-noborder { border-color: rgb(255, 202, 40); } .btn-warning.btn-noborder:hover, .btn-warning.btn-noborder:focus, .btn-warning.btn-noborder.focus { border-color: rgb(234, 176, 0); } .btn-warning.btn-noborder.disabled, .btn-warning.btn-noborder:disabled, .btn-warning.btn-noborder:not([disabled]):not(.disabled):active, .btn-warning.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(255, 202, 40); } .show > .btn-warning.btn-noborder.dropdown-toggle { border-color: rgb(234, 176, 0); } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(239, 83, 80); border-color: rgb(234, 28, 24); } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus { color: rgb(255, 255, 255); background-color: rgb(234, 28, 24); border-color: rgb(189, 21, 17); } .btn-danger.disabled, .btn-danger:disabled { background-color: rgb(239, 83, 80); border-color: rgb(234, 28, 24); } .btn-danger:not([disabled]):not(.disabled):active { background-color: rgb(239, 83, 80); border-color: rgb(234, 28, 24); } .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle { background-color: rgb(234, 28, 24); background-image: none; border-color: rgb(189, 21, 17); } .btn-danger.btn-noborder { border-color: rgb(239, 83, 80); } .btn-danger.btn-noborder:hover, .btn-danger.btn-noborder:focus, .btn-danger.btn-noborder.focus { border-color: rgb(234, 28, 24); } .btn-danger.btn-noborder.disabled, .btn-danger.btn-noborder:disabled, .btn-danger.btn-noborder:not([disabled]):not(.disabled):active, .btn-danger.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(239, 83, 80); } .show > .btn-danger.btn-noborder.dropdown-toggle { border-color: rgb(234, 28, 24); } .btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(212, 218, 225); } .btn-light:hover, .btn-light:focus, .btn-light.focus { color: rgb(33, 37, 41); background-color: rgb(212, 218, 225); border-color: rgb(183, 193, 203); } .btn-light.disabled, .btn-light:disabled { background-color: rgb(248, 249, 250); border-color: rgb(212, 218, 225); } .btn-light:not([disabled]):not(.disabled):active { background-color: rgb(248, 249, 250); border-color: rgb(212, 218, 225); } .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle { background-color: rgb(212, 218, 225); background-image: none; border-color: rgb(183, 193, 203); } .btn-light.btn-noborder { border-color: rgb(248, 249, 250); } .btn-light.btn-noborder:hover, .btn-light.btn-noborder:focus, .btn-light.btn-noborder.focus { border-color: rgb(212, 218, 225); } .btn-light.btn-noborder.disabled, .btn-light.btn-noborder:disabled, .btn-light.btn-noborder:not([disabled]):not(.disabled):active, .btn-light.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(248, 249, 250); } .show > .btn-light.btn-noborder.dropdown-toggle { border-color: rgb(212, 218, 225); } .btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(25, 27, 30); } .btn-dark:hover, .btn-dark:focus, .btn-dark.focus { color: rgb(255, 255, 255); background-color: rgb(25, 27, 30); border-color: rgb(2, 2, 2); } .btn-dark.disabled, .btn-dark:disabled { background-color: rgb(52, 58, 64); border-color: rgb(25, 27, 30); } .btn-dark:not([disabled]):not(.disabled):active { background-color: rgb(52, 58, 64); border-color: rgb(25, 27, 30); } .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle { background-color: rgb(25, 27, 30); background-image: none; border-color: rgb(2, 2, 2); } .btn-dark.btn-noborder { border-color: rgb(52, 58, 64); } .btn-dark.btn-noborder:hover, .btn-dark.btn-noborder:focus, .btn-dark.btn-noborder.focus { border-color: rgb(25, 27, 30); } .btn-dark.btn-noborder.disabled, .btn-dark.btn-noborder:disabled, .btn-dark.btn-noborder:not([disabled]):not(.disabled):active, .btn-dark.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(52, 58, 64); } .show > .btn-dark.btn-noborder.dropdown-toggle { border-color: rgb(25, 27, 30); } .btn-outline-primary { color: rgb(162, 134, 110); background-color: transparent; background-image: none; border-color: rgb(162, 134, 110); } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus { color: rgb(255, 255, 255); background-color: rgb(162, 134, 110); border-color: rgb(162, 134, 110); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(162, 134, 110); background-color: transparent; } .btn-outline-primary:not([disabled]):not(.disabled):active { color: rgb(162, 134, 110); background-color: transparent; border-color: rgb(162, 134, 110); } .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(162, 134, 110); border-color: rgb(162, 134, 110); } .btn-outline-primary.btn-noborder { border-color: transparent; } .btn-outline-primary.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-primary.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-secondary { color: rgb(108, 117, 125); background-color: transparent; background-image: none; border-color: rgb(108, 117, 125); } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; } .btn-outline-secondary:not([disabled]):not(.disabled):active { color: rgb(108, 117, 125); background-color: transparent; border-color: rgb(108, 117, 125); } .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary.btn-noborder { border-color: transparent; } .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-success { color: rgb(156, 204, 101); background-color: transparent; background-image: none; border-color: rgb(156, 204, 101); } .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus { color: rgb(255, 255, 255); background-color: rgb(156, 204, 101); border-color: rgb(156, 204, 101); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(156, 204, 101); background-color: transparent; } .btn-outline-success:not([disabled]):not(.disabled):active { color: rgb(156, 204, 101); background-color: transparent; border-color: rgb(156, 204, 101); } .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(156, 204, 101); border-color: rgb(156, 204, 101); } .btn-outline-success.btn-noborder { border-color: transparent; } .btn-outline-success.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-success.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-info { color: rgb(38, 198, 218); background-color: transparent; background-image: none; border-color: rgb(38, 198, 218); } .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus { color: rgb(255, 255, 255); background-color: rgb(38, 198, 218); border-color: rgb(38, 198, 218); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(38, 198, 218); background-color: transparent; } .btn-outline-info:not([disabled]):not(.disabled):active { color: rgb(38, 198, 218); background-color: transparent; border-color: rgb(38, 198, 218); } .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(38, 198, 218); border-color: rgb(38, 198, 218); } .btn-outline-info.btn-noborder { border-color: transparent; } .btn-outline-info.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-info.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-warning { color: rgb(255, 202, 40); background-color: transparent; background-image: none; border-color: rgb(255, 202, 40); } .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus { color: rgb(255, 255, 255); background-color: rgb(255, 202, 40); border-color: rgb(255, 202, 40); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 202, 40); background-color: transparent; } .btn-outline-warning:not([disabled]):not(.disabled):active { color: rgb(255, 202, 40); background-color: transparent; border-color: rgb(255, 202, 40); } .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(255, 202, 40); border-color: rgb(255, 202, 40); } .btn-outline-warning.btn-noborder { border-color: transparent; } .btn-outline-warning.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-warning.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-danger { color: rgb(239, 83, 80); background-color: transparent; background-image: none; border-color: rgb(239, 83, 80); } .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus { color: rgb(255, 255, 255); background-color: rgb(239, 83, 80); border-color: rgb(239, 83, 80); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(239, 83, 80); background-color: transparent; } .btn-outline-danger:not([disabled]):not(.disabled):active { color: rgb(239, 83, 80); background-color: transparent; border-color: rgb(239, 83, 80); } .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(239, 83, 80); border-color: rgb(239, 83, 80); } .btn-outline-danger.btn-noborder { border-color: transparent; } .btn-outline-danger.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-danger.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-light { color: rgb(248, 249, 250); background-color: transparent; background-image: none; border-color: rgb(248, 249, 250); } .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light.focus { color: rgb(255, 255, 255); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; } .btn-outline-light:not([disabled]):not(.disabled):active { color: rgb(248, 249, 250); background-color: transparent; border-color: rgb(248, 249, 250); } .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light.btn-noborder { border-color: transparent; } .btn-outline-light.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-light.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-dark { color: rgb(52, 58, 64); background-color: transparent; background-image: none; border-color: rgb(52, 58, 64); } .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.focus { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; } .btn-outline-dark:not([disabled]):not(.disabled):active { color: rgb(52, 58, 64); background-color: transparent; border-color: rgb(52, 58, 64); } .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark.btn-noborder { border-color: transparent; } .btn-outline-dark.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-dark.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-link { font-weight: 400; color: rgb(63, 156, 232); text-decoration: none; } .btn-link:hover { color: rgb(21, 104, 172); text-decoration: none; } .btn-link:focus, .btn-link.focus { text-decoration: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: rgb(108, 117, 125); pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.642857rem 1.28571rem; font-size: 1.28571rem; line-height: 20px; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.357143rem 0.642857rem; font-size: 0.9286rem; line-height: 16px; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.2125em; vertical-align: 0.2125em; content: ""; border-width: 0.25em 0.25em 0px; border-style: solid solid none; border-color: currentcolor transparent; } .dropdown-toggle:empty::after { margin-left: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 8px 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(87, 87, 87); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(228, 231, 237); border-radius: 2px; } .dropdown-menu-left { right: auto; left: 0px; } .dropdown-menu-right { right: 0px; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0px; } .dropdown-menu-sm-right { right: 0px; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0px; } .dropdown-menu-md-right { right: 0px; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0px; } .dropdown-menu-lg-right { right: 0px; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0px; } .dropdown-menu-xl-right { right: 0px; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.2125em; vertical-align: 0.2125em; content: ""; border-width: 0px 0.25em 0.25em; border-style: none solid solid; border-color: currentcolor transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.2125em; vertical-align: 0.2125em; content: ""; border-width: 0.25em 0px 0.25em 0.25em; border-style: solid none solid solid; border-color: transparent currentcolor; } .dropright .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-toggle::after { vertical-align: 0px; } .dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.2125em; vertical-align: 0.2125em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.2125em; vertical-align: 0.2125em; content: ""; border-top: 0.25em solid transparent; border-right: 0.25em solid; border-bottom: 0.25em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0px; } .dropleft .dropdown-toggle::before { vertical-align: 0px; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(228, 231, 237); } .dropdown-item { display: block; width: 100%; padding: 5px 10px; clear: both; font-weight: 400; color: rgb(87, 87, 87); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; } .dropdown-item:hover, .dropdown-item:focus { color: rgb(22, 24, 27); text-decoration: none; background-color: rgb(240, 242, 245); } .dropdown-item.active, .dropdown-item:active { color: rgb(87, 87, 87); text-decoration: none; background-color: rgb(228, 231, 237); } .dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 8px 10px; margin-bottom: 0px; font-size: 0.928571rem; color: rgb(23, 23, 23); white-space: nowrap; } .dropdown-item-text { display: block; padding: 5px 10px; color: rgb(87, 87, 87); } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0px; } .dropleft .dropdown-toggle-split::before { margin-right: 0px; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.482143rem; padding-left: 0.482143rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.964286rem; padding-left: 0.964286rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.428571rem 1rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.42857; color: rgb(87, 87, 87); text-align: center; white-space: nowrap; background-color: rgb(246, 247, 249); border: 1px solid rgb(212, 218, 227); border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0px; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.25em + 2px + 1.28571rem); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.642857rem 1.286rem; font-size: 1.14286rem; line-height: 1.25; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.14286em + 2px + 0.714286rem); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.357143rem 0.6429rem; font-size: 1rem; line-height: 1.14286; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.643rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); border-color: rgb(63, 156, 232); background-color: rgb(63, 156, 232); } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgb(240, 242, 245) 0px 0px 0px 1px, rgb(63, 156, 232) 0px 0px 0px 3px; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(151, 165, 186); } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(222, 238, 251); border-color: rgb(222, 238, 251); } .custom-control-input:disabled ~ .custom-control-label { color: rgb(108, 117, 125); } .custom-control-input:disabled ~ .custom-control-label::before { background-color: rgb(233, 236, 239); } .custom-control-label { position: relative; margin-bottom: 0px; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.1785rem; left: -1.643rem; display: block; width: 1.143rem; height: 1.143rem; pointer-events: none; content: ""; background-color: rgb(255, 255, 255); border: 1px solid rgb(173, 181, 189); } .custom-control-label::after { position: absolute; top: 0.1785rem; left: -1.643rem; display: block; width: 1.143rem; height: 1.143rem; content: ""; background: 50% center / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: rgb(63, 156, 232); background-color: rgb(63, 156, 232); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 156, 232, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(63, 156, 232, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 156, 232, 0.5); } .custom-switch { padding-left: 2.50025rem; } .custom-switch .custom-control-label::before { left: -2.50025rem; width: 2.00025rem; pointer-events: all; border-radius: 0.5715rem; } .custom-switch .custom-control-label::after { top: calc(2px + 0.1785rem); left: calc(2px - 2.50025rem); width: calc(-4px + 1.143rem); height: calc(-4px + 1.143rem); background-color: rgb(173, 181, 189); border-radius: 0.5715rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: rgb(255, 255, 255); transform: translateX(0.85725rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 156, 232, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.42857em + 2px + 0.857143rem); padding: 0.428571rem 2rem 0.428571rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.42857; color: rgb(87, 87, 87); vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(212, 218, 227); border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: rgb(177, 215, 246); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px inset, rgba(177, 215, 246, 0.5) 0px 0px 5px; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 1rem; background-image: none; } .custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(233, 236, 239); } .custom-select-sm { height: calc(1.14286em + 2px + 0.714286rem); padding-top: 0.357143rem; padding-bottom: 0.357143rem; padding-left: 0.6429rem; font-size: 1rem; } .custom-select-lg { height: calc(1.25em + 2px + 1.28571rem); padding-top: 0.642857rem; padding-bottom: 0.642857rem; padding-left: 1.286rem; font-size: 1.14286rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.42857em + 2px + 0.857143rem); margin-bottom: 0px; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.42857em + 2px + 0.857143rem); margin: 0px; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: rgb(151, 165, 186); box-shadow: none; } .custom-file-input:disabled ~ .custom-file-label { background-color: rgb(233, 236, 239); } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(1.42857em + 2px + 0.857143rem); padding: 0.428571rem 1rem; font-weight: 400; line-height: 1.42857; color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(212, 218, 227); border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: calc(1.42857em + 0.857143rem); padding: 0.428571rem 1rem; line-height: 1.42857; color: rgb(87, 87, 87); content: "Browse"; background-color: rgb(246, 247, 249); border-left: inherit; border-radius: 0px 0.25rem 0.25rem 0px; } .custom-range { width: 100%; height: calc(1.4rem); padding: 0px; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(63, 156, 232); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: rgb(222, 238, 251); } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(222, 226, 230); border-color: transparent; border-radius: 1rem; } @media (prefers-reduced-motion: reduce) { } @media (prefers-reduced-motion: reduce) { } .custom-range:disabled::-webkit-slider-thumb { background-color: rgb(173, 181, 189); } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: rgb(108, 117, 125); pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid rgb(228, 231, 237); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: rgb(228, 231, 237); } .nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); border-color: rgb(228, 231, 237); } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 9px 14px; margin-bottom: 1rem; list-style: none; background-color: rgb(240, 242, 245); border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: rgb(108, 117, 125); content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: rgb(23, 23, 23); } .pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.571429rem 0.714286rem; margin-left: -1px; line-height: 1.2; color: rgb(23, 23, 23); background-color: rgb(240, 242, 245); border: 1px solid rgb(240, 242, 245); } .page-link:hover { z-index: 2; color: rgb(23, 23, 23); text-decoration: none; background-color: rgb(197, 205, 216); border-color: rgb(197, 205, 216); } .page-link:focus { z-index: 2; outline: 0px; box-shadow: none; } .page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); border-color: rgb(63, 156, 232); } .page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .pagination-lg .page-link { padding: 0.642857rem 1.42857rem; font-size: 1.28571rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.357143rem 0.5rem; font-size: 0.928571rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 3px 5px; font-size: 85%; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); } a.badge-primary:hover, a.badge-primary:focus { color: rgb(255, 255, 255); background-color: rgb(26, 132, 218); } a.badge-primary:focus, a.badge-primary.focus { outline: 0px; box-shadow: rgba(63, 156, 232, 0.5) 0px 0px 0px 0.2rem; } .badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); } a.badge-secondary:hover, a.badge-secondary:focus { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0px; box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .badge-success { color: rgb(255, 255, 255); background-color: rgb(156, 204, 101); } a.badge-success:hover, a.badge-success:focus { color: rgb(255, 255, 255); background-color: rgb(131, 191, 63); } a.badge-success:focus, a.badge-success.focus { outline: 0px; box-shadow: rgba(156, 204, 101, 0.5) 0px 0px 0px 0.2rem; } .badge-info { color: rgb(255, 255, 255); background-color: rgb(38, 198, 218); } a.badge-info:hover, a.badge-info:focus { color: rgb(255, 255, 255); background-color: rgb(30, 159, 175); } a.badge-info:focus, a.badge-info.focus { outline: 0px; box-shadow: rgba(38, 198, 218, 0.5) 0px 0px 0px 0.2rem; } .badge-warning { color: rgb(255, 255, 255); background-color: rgb(255, 202, 40); } a.badge-warning:hover, a.badge-warning:focus { color: rgb(255, 255, 255); background-color: rgb(244, 184, 0); } a.badge-warning:focus, a.badge-warning.focus { outline: 0px; box-shadow: rgba(255, 202, 40, 0.5) 0px 0px 0px 0.2rem; } .badge-danger { color: rgb(255, 255, 255); background-color: rgb(239, 83, 80); } a.badge-danger:hover, a.badge-danger:focus { color: rgb(255, 255, 255); background-color: rgb(235, 37, 33); } a.badge-danger:focus, a.badge-danger.focus { outline: 0px; box-shadow: rgba(239, 83, 80, 0.5) 0px 0px 0px 0.2rem; } .badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); } a.badge-light:hover, a.badge-light:focus { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); } a.badge-light:focus, a.badge-light.focus { outline: 0px; box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); } a.badge-dark:hover, a.badge-dark:focus { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); } a.badge-dark:focus, a.badge-dark.focus { outline: 0px; box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 24px; border: 0px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 600; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(33, 81, 121); background-color: rgb(217, 235, 250); border-color: rgb(201, 227, 249); } .alert-primary hr { border-top-color: rgb(178, 215, 246); } .alert-primary .alert-link { color: rgb(22, 54, 81); } .alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); } .alert-secondary hr { border-top-color: rgb(200, 203, 207); } .alert-secondary .alert-link { color: rgb(32, 35, 38); } .alert-success { color: rgb(81, 106, 53); background-color: rgb(235, 245, 224); border-color: rgb(227, 241, 212); } .alert-success hr { border-top-color: rgb(214, 235, 193); } .alert-success .alert-link { color: rgb(55, 72, 36); } .alert-info { color: rgb(20, 103, 113); background-color: rgb(212, 244, 248); border-color: rgb(194, 239, 245); } .alert-info hr { border-top-color: rgb(172, 233, 241); } .alert-info .alert-link { color: rgb(12, 64, 70); } .alert-warning { color: rgb(133, 105, 21); background-color: rgb(255, 244, 212); border-color: rgb(255, 240, 195); } .alert-warning hr { border-top-color: rgb(255, 234, 170); } .alert-warning .alert-link { color: rgb(89, 70, 14); } .alert-danger { color: rgb(124, 43, 42); background-color: rgb(252, 221, 220); border-color: rgb(251, 207, 206); } .alert-danger hr { border-top-color: rgb(249, 184, 182); } .alert-danger .alert-link { color: rgb(86, 30, 29); } .alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); } .alert-light hr { border-top-color: rgb(236, 236, 246); } .alert-light .alert-link { color: rgb(104, 104, 104); } .alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); } .alert-dark hr { border-top-color: rgb(185, 187, 190); } .alert-dark .alert-link { color: rgb(4, 5, 5); } @keyframes progress-bar-stripes { 0% { background-position: 20px 0px; } 100% { background-position: 0px 0px; } } .progress { display: flex; height: 20px; overflow: hidden; font-size: 1rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(63, 156, 232); transition: width 0.6s; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { 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: 20px 20px; } .progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: auto ease 0s 1 normal none running none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1 1 0%; } .list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; } .list-group-item-action { width: 100%; color: rgb(87, 87, 87); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: rgb(87, 87, 87); text-decoration: none; background-color: rgb(255, 185, 115); } .list-group-item-action:active { color: rgb(87, 87, 87); background-color: rgb(255, 197, 139); } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 237); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: rgb(255, 255, 255); } .list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(121, 86, 37); border-color: rgb(121, 86, 37); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } } .list-group-flush .list-group-item { border-right: 0px; border-left: 0px; border-radius: 0px; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0px; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0px; border-bottom: 0px; } .list-group-item-primary { color: rgb(33, 81, 121); background-color: rgb(201, 227, 249); } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: rgb(33, 81, 121); background-color: rgb(178, 215, 246); } .list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(33, 81, 121); border-color: rgb(33, 81, 121); } .list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: rgb(56, 61, 65); background-color: rgb(200, 203, 207); } .list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); } .list-group-item-success { color: rgb(81, 106, 53); background-color: rgb(227, 241, 212); } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: rgb(81, 106, 53); background-color: rgb(214, 235, 193); } .list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(81, 106, 53); border-color: rgb(81, 106, 53); } .list-group-item-info { color: rgb(20, 103, 113); background-color: rgb(194, 239, 245); } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: rgb(20, 103, 113); background-color: rgb(172, 233, 241); } .list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(20, 103, 113); border-color: rgb(20, 103, 113); } .list-group-item-warning { color: rgb(133, 105, 21); background-color: rgb(255, 240, 195); } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: rgb(133, 105, 21); background-color: rgb(255, 234, 170); } .list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 105, 21); border-color: rgb(133, 105, 21); } .list-group-item-danger { color: rgb(124, 43, 42); background-color: rgb(251, 207, 206); } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: rgb(124, 43, 42); background-color: rgb(249, 184, 182); } .list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(124, 43, 42); border-color: rgb(124, 43, 42); } .list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(253, 253, 254); } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: rgb(129, 129, 130); background-color: rgb(236, 236, 246); } .list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); } .list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, 200, 202); } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: rgb(27, 30, 33); background-color: rgb(185, 187, 190); } .list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; } .close:hover { color: rgb(0, 0, 0); text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0px; background-color: transparent; border: 0px; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.75rem; backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: rgb(108, 117, 125); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow: hidden auto; } .modal { position: fixed; top: 0px; left: 0px; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0px; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(-1rem + 100vh); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(-1rem + 100vh); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 0px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; } .modal-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 24px; border-bottom: 0px solid rgb(228, 231, 237); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 24px; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0px; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 20px; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 20px; border-top: 0px solid rgb(228, 231, 237); border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(-3.5rem + 100vh); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(-3.5rem + 100vh); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.928571rem; overflow-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0px; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0px; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(52, 58, 64); } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0px 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(52, 58, 64); } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0px; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0px; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(52, 58, 64); } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0px 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(52, 58, 64); } .tooltip-inner { max-width: 200px; padding: 4px 10px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(52, 58, 64); border-radius: 0.25rem; } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.928571rem; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(228, 231, 237); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-1px - 0.5rem); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgb(228, 231, 237); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgb(255, 255, 255); } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgb(228, 231, 237); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgb(255, 255, 255); } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-1px - 0.5rem); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgb(228, 231, 237); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgb(255, 255, 255); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid rgb(255, 255, 255); } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgb(228, 231, 237); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgb(255, 255, 255); } .popover-header { padding: 12px 10px; margin-bottom: 0px; font-size: 1rem; color: rgb(23, 23, 23); background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(242, 242, 242); border-top-left-radius: calc(-1px + 0.3rem); border-top-right-radius: calc(-1px + 0.3rem); } .popover-header:empty { display: none; } .popover-body { padding: 10px; color: rgb(87, 87, 87); } @keyframes spinner-border { 100% { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border-width: 0.25em; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: initial; border-radius: 50%; animation: 0.75s linear 0s infinite normal none running spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear 0s infinite normal none running spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: rgb(188, 124, 55) !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: rgb(161, 103, 41) !important; } .bg-secondary { background-color: rgb(108, 117, 125) !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: rgb(84, 91, 98) !important; } .bg-success { background-color: rgb(156, 204, 101) !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: rgb(131, 191, 63) !important; } .bg-info { background-color: rgb(38, 198, 218) !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: rgb(30, 159, 175) !important; } .bg-warning { background-color: rgb(255, 202, 40) !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: rgb(244, 184, 0) !important; } .bg-danger { background-color: rgb(239, 83, 80) !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: rgb(235, 37, 33) !important; } .bg-light { background-color: rgb(248, 249, 250) !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: rgb(218, 224, 229) !important; } .bg-dark { background-color: rgb(52, 58, 64) !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: rgb(29, 33, 36) !important; } .bg-white { background-color: rgb(255, 255, 255) !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid rgb(222, 226, 230) !important; } .border-top { border-top: 1px solid rgb(222, 226, 230) !important; } .border-right { border-right: 1px solid rgb(222, 226, 230) !important; } .border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; } .border-left { border-left: 1px solid rgb(222, 226, 230) !important; } .border-0 { border: 0px !important; } .border-top-0 { border-top: 0px !important; } .border-right-0 { border-right: 0px !important; } .border-bottom-0 { border-bottom: 0px !important; } .border-left-0 { border-left: 0px !important; } .border-primary { border-color: rgb(63, 156, 232) !important; } .border-secondary { border-color: rgb(108, 117, 125) !important; } .border-success { border-color: rgb(156, 204, 101) !important; } .border-info { border-color: rgb(38, 198, 218) !important; } .border-warning { border-color: rgb(255, 202, 40) !important; } .border-danger { border-color: rgb(239, 83, 80) !important; } .border-light { border-color: rgb(248, 249, 250) !important; } .border-dark { border-color: rgb(52, 58, 64) !important; } .border-white { border-color: rgb(255, 255, 255) !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0px !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .embed-responsive-21by9::before { padding-top: 42.8571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; } .fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0px; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; } .shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; } .shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; inset: 0px; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0px !important; } .mt-0, .my-0 { margin-top: 0px !important; } .mr-0, .mx-0 { margin-right: 0px !important; } .mb-0, .my-0 { margin-bottom: 0px !important; } .ml-0, .mx-0 { margin-left: 0px !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0px !important; } .pt-0, .py-0 { padding-top: 0px !important; } .pr-0, .px-0 { padding-right: 0px !important; } .pb-0, .py-0 { padding-bottom: 0px !important; } .pl-0, .px-0 { padding-left: 0px !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0px !important; } .mt-sm-0, .my-sm-0 { margin-top: 0px !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0px !important; } .pt-sm-0, .py-sm-0 { padding-top: 0px !important; } .pr-sm-0, .px-sm-0 { padding-right: 0px !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; } .pl-sm-0, .px-sm-0 { padding-left: 0px !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0px !important; } .mt-md-0, .my-md-0 { margin-top: 0px !important; } .mr-md-0, .mx-md-0 { margin-right: 0px !important; } .mb-md-0, .my-md-0 { margin-bottom: 0px !important; } .ml-md-0, .mx-md-0 { margin-left: 0px !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0px !important; } .pt-md-0, .py-md-0 { padding-top: 0px !important; } .pr-md-0, .px-md-0 { padding-right: 0px !important; } .pb-md-0, .py-md-0 { padding-bottom: 0px !important; } .pl-md-0, .px-md-0 { padding-left: 0px !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0px !important; } .mt-lg-0, .my-lg-0 { margin-top: 0px !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0px !important; } .pt-lg-0, .py-lg-0 { padding-top: 0px !important; } .pr-lg-0, .px-lg-0 { padding-right: 0px !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; } .pl-lg-0, .px-lg-0 { padding-left: 0px !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0px !important; } .mt-xl-0, .my-xl-0 { margin-top: 0px !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0px !important; } .pt-xl-0, .py-xl-0 { padding-top: 0px !important; } .pr-xl-0, .px-xl-0 { padding-right: 0px !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; } .pl-xl-0, .px-xl-0 { padding-left: 0px !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: rgb(255, 255, 255) !important; } .text-primary { color: rgb(63, 156, 232) !important; } a.text-primary.link-effect::before { background-color: rgb(63, 156, 232); } a.text-primary:hover, a.text-primary:focus { color: rgb(21, 104, 172) !important; } .text-secondary { color: rgb(108, 117, 125) !important; } a.text-secondary.link-effect::before { background-color: rgb(108, 117, 125); } a.text-secondary:hover, a.text-secondary:focus { color: rgb(61, 66, 70) !important; } .text-success { color: rgb(156, 204, 101) !important; } a.text-success.link-effect::before { background-color: rgb(156, 204, 101); } a.text-success:hover, a.text-success:focus { color: rgb(105, 152, 51) !important; } .text-info { color: rgb(247, 171, 51) !important; } a.text-info.link-effect::before { background-color: rgb(38, 198, 218); } a.text-info:hover, a.text-info:focus { color: rgb(22, 119, 132) !important; } .text-warning { color: rgb(255, 202, 40) !important; } a.text-warning.link-effect::before { background-color: rgb(255, 202, 40); } a.text-warning:hover, a.text-warning:focus { color: rgb(193, 145, 0) !important; } .text-danger { color: rgb(239, 83, 80) !important; } a.text-danger.link-effect::before { background-color: rgb(239, 83, 80); } a.text-danger:hover, a.text-danger:focus { color: rgb(199, 22, 18) !important; } .text-light { color: rgb(248, 249, 250) !important; } a.text-light.link-effect::before { background-color: rgb(248, 249, 250); } a.text-light:hover, a.text-light:focus { color: rgb(189, 198, 208) !important; } .text-dark { color: rgb(52, 58, 64) !important; } a.text-dark.link-effect::before { background-color: rgb(52, 58, 64); } a.text-dark:hover, a.text-dark:focus { color: rgb(6, 7, 8) !important; } .text-body { color: rgb(87, 87, 87) !important; } .text-muted { color: rgb(108, 117, 125) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::before, ::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid rgb(173, 181, 189); break-inside: avoid; } thead { display: table-header-group; } tr, img { break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .table-bordered th, .table-bordered td { border: 1px solid rgb(222, 226, 230) !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: rgb(228, 231, 237); } .table .thead-dark th { color: inherit; border-color: rgb(228, 231, 237); } } html, body { font-size: 14px; } html.no-focus :focus { outline: none !important; } strong { font-weight: 600; } a { transition: color 0.12s ease-out; } @media (min-width: 576px) { a.link-effect { position: relative; } a.link-effect::before { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 2px; content: ""; background-color: rgb(63, 156, 232); visibility: hidden; transform: translateY(6px); transform-origin: 50% 50%; opacity: 0; transition: transform 0.12s ease-out, opacity 0.12s ease-out; } } a:hover.link-effect::before { visibility: visible; transform: translateY(0px); opacity: 1; } p { line-height: 1.6; margin-bottom: 24px; } .nice-copy p, p.nice-copy { line-height: 1.8; font-size: 1.14286rem; } .nice-copy-story p, p.nice-copy-story { line-height: 1.8; font-size: 1.28571rem; color: rgb(98, 98, 98); } .nice-copy-story h2, .nice-copy-story h3, .nice-copy-story h4 { margin-top: 50px; } .font-size-h1 { font-size: 2.57143rem; } .font-size-h2 { font-size: 2.14286rem; } .font-size-h3 { font-size: 1.85714rem; } .font-size-h4 { font-size: 1.57143rem; } .font-size-h5 { font-size: 1.28571rem; } .font-size-h6 { font-size: 1rem; } @media (max-width: 767.98px) { .display-1 { font-size: 3.429rem; } .display-2 { font-size: 3.143rem; } .display-3 { font-size: 2.857rem; } .display-4 { font-size: 2.57143rem; } h1, .h1, .font-size-h1 { font-size: 2.14286rem; } h2, .h2, .font-size-h2 { font-size: 1.85714rem; } h3, .h3, .font-size-h3 { font-size: 1.57143rem; } h4, .h4, .font-size-h4 { font-size: 1.28571rem; } h5, .h5, .font-size-h5, h6, .h6, .font-size-h6 { font-size: 1rem; } } .content-heading { margin-bottom: 20px; padding-top: 30px; padding-bottom: 8px; font-size: 1.42857rem; font-weight: 400; line-height: 28px; border-bottom: 1px solid rgb(228, 231, 237); } .content-heading small { margin-top: 5px; font-size: 16px; font-weight: 400; color: rgb(108, 117, 125); } @media (min-width: 768px) { .content-heading { margin-bottom: 25px; padding-top: 40px; } .content-heading small { margin-top: 0px; } } .content-heading .dropdown { line-height: 1.5; } small, .small { font-weight: inherit; color: rgb(100, 100, 100); } .row.gutters-tiny { margin-right: -3px; margin-left: -3px; } .row.gutters-tiny > .col, .row.gutters-tiny > [class*="col-"] { padding-left: 3px; padding-right: 3px; } .row.gutters-tiny .push, .row.gutters-tiny .block { margin-bottom: 6px; } .row.row-deck > div { display: flex; align-items: stretch; } .row.row-deck > div > .block { min-width: 100%; } .table thead th { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; font-weight: 600; text-transform: uppercase; } .table-vcenter th, .table-vcenter td { vertical-align: middle; } .table-responsive > .table.table-bordered thead th, [class*="table-responsive-"] > .table.table-bordered thead th { border-top: 1px solid rgb(228, 231, 237); } .table-active, .table-active > th, .table-active > td { background-color: rgb(240, 242, 245); } .table-hover .table-active:hover { background-color: rgb(225, 229, 235); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgb(225, 229, 235); } .table-primary, .table-primary > th, .table-primary > td { background-color: rgb(200, 226, 248); } .table-hover .table-primary:hover { background-color: rgb(177, 215, 246); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(177, 215, 246); } .table-success, .table-success > th, .table-success > td { background-color: rgb(235, 245, 223); } .table-hover .table-success:hover { background-color: rgb(223, 239, 204); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(223, 239, 204); } .table-info, .table-info > th, .table-info > td { background-color: rgb(227, 244, 252); } .table-hover .table-info:hover { background-color: rgb(204, 235, 250); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(204, 235, 250); } .table-warning, .table-warning > th, .table-warning > td { background-color: rgb(252, 247, 230); } .table-hover .table-warning:hover { background-color: rgb(249, 240, 207); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(249, 240, 207); } .table-danger, .table-danger > th, .table-danger > td { background-color: rgb(250, 233, 232); } .table-hover .table-danger:hover { background-color: rgb(245, 213, 211); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(245, 213, 211); } .js-table-checkable tbody tr, .js-table-sections-header > tr { cursor: pointer; } .js-table-sections-header > tr > td:first-child > i { transition: transform 0.2s ease-in-out; } .js-table-sections-header + tbody { display: none; } .js-table-sections-header.show > tr > td:first-child > i { transform: rotate(90deg); } .js-table-sections-header.show + tbody { display: table-row-group; } label { font-weight: 600; } .invalid-feedback { font-size: 0.928571rem; } .btn { font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; } .btn.btn-square { border-radius: 0px !important; } .btn.btn-rounded { border-radius: 50px !important; } .btn .si { position: relative; top: 1px; } .btn.btn-hero { padding: 14px 38px; font-size: 1rem; line-height: 16px; border-radius: 3px; height: auto; } .btn.btn-hero.btn-sm, .btn-group-sm > .btn.btn-hero { padding: 11px 34px; font-size: 1rem; line-height: 16px; border-radius: 3px; } .btn.btn-hero.btn-lg, .btn-group-lg > .btn.btn-hero { padding: 15px 42px; font-size: 1.14286rem; line-height: 20px; border-radius: 3px; } .btn.btn-circle { padding: 9px 0px; font-size: 1rem; line-height: 1; min-width: 34px; height: 34px; text-align: center; border-radius: 50% !important; } .btn.btn-circle.btn-sm, .btn-group-sm > .btn.btn-circle { padding: 6px 0px; font-size: 1rem; line-height: 1; border-radius: inherit; min-width: 28px; height: 28px; } .btn.btn-circle.btn-lg, .btn-group-lg > .btn.btn-circle { padding: 12px 0px; font-size: 1rem; line-height: 1; border-radius: inherit; min-width: 40px; height: 40px; } .btn.btn-circle > .si { top: 0px; } .btn-secondary { color: rgb(33, 37, 41); background-color: rgb(240, 242, 245); border-color: rgb(203, 210, 221); } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus { color: rgb(33, 37, 41); background-color: rgb(203, 210, 221); border-color: rgb(173, 184, 200); } .btn-secondary.disabled, .btn-secondary:disabled { background-color: rgb(240, 242, 245); border-color: rgb(203, 210, 221); } .btn-secondary:not([disabled]):not(.disabled):active { background-color: rgb(240, 242, 245); border-color: rgb(203, 210, 221); } .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color: rgb(203, 210, 221); background-image: none; border-color: rgb(173, 184, 200); } .btn-secondary.btn-noborder { border-color: rgb(240, 242, 245); } .btn-secondary.btn-noborder:hover, .btn-secondary.btn-noborder:focus, .btn-secondary.btn-noborder.focus { border-color: rgb(203, 210, 221); } .btn-secondary.btn-noborder.disabled, .btn-secondary.btn-noborder:disabled, .btn-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(240, 242, 245); } .show > .btn-secondary.btn-noborder.dropdown-toggle { border-color: rgb(203, 210, 221); } .btn-outline-secondary { color: rgb(158, 130, 107); background-color: transparent; background-image: none; border-color: rgb(162, 134, 110); } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: rgb(255, 255, 255); background-color: rgb(162, 134, 110); border-color: rgb(162, 134, 110); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(158, 130, 107); background-color: transparent; } .btn-outline-secondary:not([disabled]):not(.disabled):active { color: rgb(158, 130, 107); background-color: transparent; border-color: rgb(162, 134, 110); } .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(162, 134, 110); border-color: rgb(162, 134, 110); } .btn-outline-secondary.btn-noborder { border-color: transparent; } .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-alt-primary { color: rgb(18, 90, 150); background-color: rgb(200, 226, 248); border-color: rgb(200, 226, 248); } .btn-alt-primary:hover, .btn-alt-primary:focus, .btn-alt-primary.focus { color: rgb(18, 90, 150); background-color: rgb(154, 203, 243); border-color: rgb(154, 203, 243); box-shadow: none; } .btn-alt-primary.disabled, .btn-alt-primary:disabled { background-color: rgb(200, 226, 248); border-color: rgb(200, 226, 248); } .btn-alt-primary:not([disabled]):not(.disabled):active { color: rgb(18, 90, 150); background-color: rgb(200, 226, 248); border-color: rgb(200, 226, 248); } .btn-alt-primary:not([disabled]):not(.disabled).active, .show > .btn-alt-primary.dropdown-toggle { color: rgb(18, 90, 150); background-color: rgb(154, 203, 243); border-color: rgb(154, 203, 243); } .btn-alt-secondary { color: rgb(23, 23, 23); background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .btn-alt-secondary:hover, .btn-alt-secondary:focus, .btn-alt-secondary.focus { color: rgb(23, 23, 23); background-color: rgb(197, 205, 216); border-color: rgb(197, 205, 216); box-shadow: none; } .btn-alt-secondary.disabled, .btn-alt-secondary:disabled { background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .btn-alt-secondary:not([disabled]):not(.disabled):active { color: rgb(23, 23, 23); background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .btn-alt-secondary:not([disabled]):not(.disabled).active, .show > .btn-alt-secondary.dropdown-toggle { color: rgb(23, 23, 23); background-color: rgb(197, 205, 216); border-color: rgb(197, 205, 216); } .btn-alt-success { color: rgb(92, 133, 44); background-color: rgb(235, 245, 223); border-color: rgb(235, 245, 223); } .btn-alt-success:hover, .btn-alt-success:focus, .btn-alt-success.focus { color: rgb(92, 133, 44); background-color: rgb(211, 233, 184); border-color: rgb(211, 233, 184); box-shadow: none; } .btn-alt-success.disabled, .btn-alt-success:disabled { background-color: rgb(235, 245, 223); border-color: rgb(235, 245, 223); } .btn-alt-success:not([disabled]):not(.disabled):active { color: rgb(92, 133, 44); background-color: rgb(235, 245, 223); border-color: rgb(235, 245, 223); } .btn-alt-success:not([disabled]):not(.disabled).active, .show > .btn-alt-success.dropdown-toggle { color: rgb(92, 133, 44); background-color: rgb(211, 233, 184); border-color: rgb(211, 233, 184); } .btn-alt-info { color: rgb(19, 100, 110); background-color: rgb(227, 244, 252); border-color: rgb(227, 244, 252); } .btn-alt-info:hover, .btn-alt-info:focus, .btn-alt-info.focus { color: rgb(19, 100, 110); background-color: rgb(181, 226, 247); border-color: rgb(181, 226, 247); box-shadow: none; } .btn-alt-info.disabled, .btn-alt-info:disabled { background-color: rgb(227, 244, 252); border-color: rgb(227, 244, 252); } .btn-alt-info:not([disabled]):not(.disabled):active { color: rgb(19, 100, 110); background-color: rgb(227, 244, 252); border-color: rgb(227, 244, 252); } .btn-alt-info:not([disabled]):not(.disabled).active, .show > .btn-alt-info.dropdown-toggle { color: rgb(19, 100, 110); background-color: rgb(181, 226, 247); border-color: rgb(181, 226, 247); } .btn-alt-warning { color: rgb(168, 126, 0); background-color: rgb(252, 247, 230); border-color: rgb(252, 247, 230); } .btn-alt-warning:hover, .btn-alt-warning:focus, .btn-alt-warning.focus { color: rgb(168, 126, 0); background-color: rgb(247, 232, 184); border-color: rgb(247, 232, 184); box-shadow: none; } .btn-alt-warning.disabled, .btn-alt-warning:disabled { background-color: rgb(252, 247, 230); border-color: rgb(252, 247, 230); } .btn-alt-warning:not([disabled]):not(.disabled):active { color: rgb(168, 126, 0); background-color: rgb(252, 247, 230); border-color: rgb(252, 247, 230); } .btn-alt-warning:not([disabled]):not(.disabled).active, .show > .btn-alt-warning.dropdown-toggle { color: rgb(168, 126, 0); background-color: rgb(247, 232, 184); border-color: rgb(247, 232, 184); } .btn-alt-danger { color: rgb(175, 19, 16); background-color: rgb(250, 233, 232); border-color: rgb(250, 233, 232); } .btn-alt-danger:hover, .btn-alt-danger:focus, .btn-alt-danger.focus { color: rgb(175, 19, 16); background-color: rgb(241, 193, 190); border-color: rgb(241, 193, 190); box-shadow: none; } .btn-alt-danger.disabled, .btn-alt-danger:disabled { background-color: rgb(250, 233, 232); border-color: rgb(250, 233, 232); } .btn-alt-danger:not([disabled]):not(.disabled):active { color: rgb(175, 19, 16); background-color: rgb(250, 233, 232); border-color: rgb(250, 233, 232); } .btn-alt-danger:not([disabled]):not(.disabled).active, .show > .btn-alt-danger.dropdown-toggle { color: rgb(175, 19, 16); background-color: rgb(241, 193, 190); border-color: rgb(241, 193, 190); } .btn-dual-secondary { color: rgb(31, 31, 31); background-color: transparent; border-color: transparent; } .btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus { color: rgb(31, 31, 31); background-color: rgb(209, 215, 225); border-color: rgb(209, 215, 225); box-shadow: none; } .btn-dual-secondary.disabled, .btn-dual-secondary:disabled { background-color: transparent; border-color: transparent; } .btn-dual-secondary:not([disabled]):not(.disabled):active { color: rgb(31, 31, 31); background-color: transparent; border-color: transparent; } .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .btn-dual-secondary.dropdown-toggle { color: rgb(31, 31, 31); background-color: rgb(209, 215, 225); border-color: rgb(209, 215, 225); } .page-header-inverse #page-header .btn-dual-secondary, .sidebar-inverse #sidebar .btn-dual-secondary { color: rgb(255, 255, 255); background-color: transparent; border-color: transparent; } .page-header-inverse #page-header .btn-dual-secondary:hover, .page-header-inverse #page-header .btn-dual-secondary:focus, .page-header-inverse #page-header .btn-dual-secondary.focus, .sidebar-inverse #sidebar .btn-dual-secondary:hover, .sidebar-inverse #sidebar .btn-dual-secondary:focus, .sidebar-inverse #sidebar .btn-dual-secondary.focus { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); box-shadow: none; } .page-header-inverse #page-header .btn-dual-secondary.disabled, .page-header-inverse #page-header .btn-dual-secondary:disabled, .sidebar-inverse #sidebar .btn-dual-secondary.disabled, .sidebar-inverse #sidebar .btn-dual-secondary:disabled { background-color: transparent; border-color: transparent; } .page-header-inverse #page-header .btn-dual-secondary:not([disabled]):not(.disabled):active, .sidebar-inverse #sidebar .btn-dual-secondary:not([disabled]):not(.disabled):active { color: rgb(255, 255, 255); background-color: transparent; border-color: transparent; } .page-header-inverse #page-header .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .page-header-inverse #page-header .btn-dual-secondary.dropdown-toggle, .sidebar-inverse #sidebar .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .sidebar-inverse #sidebar .btn-dual-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); } .fade { transition: opacity 0.15s ease-out; } .fade.fade-up { transition: opacity 0.15s ease-out, transform 0.3s ease-out; transform: translateY(100px); } .fade.fade-up.show { transform: translateY(0px); } .fade.fade-right { transition: opacity 0.15s ease-out, transform 0.3s ease-out; transform: translateX(-100px); } .fade.fade-right.show { transform: translateX(0px); } .fade.fade-left { transition: opacity 0.15s ease-out, transform 0.3s ease-out; transform: translateX(100px); } .fade.fade-left.show { transform: translateX(0px); } .dropdown-menu { padding-right: 8px; padding-left: 8px; } .dropdown-item { margin-bottom: 5px; border-radius: 4px; } .dropdown-header { margin-bottom: 5px; text-transform: uppercase; } .custom-control-label::before, .custom-control-label::after { top: 3px; } .css-control { position: relative; display: inline-block; padding: 6px 0px; margin: 0px; font-weight: 400; font-size: 1rem; cursor: pointer; } .css-control-input { position: absolute; z-index: -1; opacity: 0; } .css-control-input:focus ~ .css-control-indicator { box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; } .css-control-input ~ .css-control-indicator { position: relative; display: inline-block; margin-top: -3px; margin-right: 3px; vertical-align: middle; } .css-control-input ~ .css-control-indicator::after { position: absolute; content: ""; } .css-control.css-control-sm { padding: 3px 0px 4px; font-size: 1rem; } .css-control.css-control-lg { padding: 7px 0px; font-size: 1.14286rem; } .css-control.disabled { opacity: 0.5; cursor: not-allowed; } .css-control + .css-control { margin-left: 10px; } .css-radio .css-control-input ~ .css-control-indicator { width: 20px; height: 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 50%; } .css-radio .css-control-input ~ .css-control-indicator::after { inset: 2px; background-color: rgb(255, 255, 255); border-radius: 50%; opacity: 0; transition: opacity 0.15s ease-out; } .css-radio .css-control-input:checked ~ .css-control-indicator::after { opacity: 1; } .css-radio:hover .css-control-input ~ .css-control-indicator { border-color: rgb(228, 231, 237); } .css-radio.css-control-sm .css-control-input ~ .css-control-indicator { width: 16px; height: 16px; } .css-radio.css-control-lg .css-control-input ~ .css-control-indicator { width: 26px; height: 26px; } .css-radio.css-control-primary .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(63, 156, 232); } .css-radio.css-control-secondary .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(108, 117, 125); } .css-radio.css-control-info .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(38, 198, 218); } .css-radio.css-control-success .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(156, 204, 101); } .css-radio.css-control-warning .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(255, 202, 40); } .css-radio.css-control-danger .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(239, 83, 80); } .css-checkbox .css-control-input ~ .css-control-indicator { width: 20px; height: 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); transition: background-color 0.15s; } .css-checkbox .css-control-input ~ .css-control-indicator::after { inset: 0px; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; font-size: 10px; color: rgb(255, 255, 255); line-height: 18px; content: ""; text-align: center; } .css-checkbox:hover .css-control-input ~ .css-control-indicator { border-color: rgb(228, 231, 237); } .css-checkbox.css-control-sm .css-control-input ~ .css-control-indicator { width: 16px; height: 16px; } .css-checkbox.css-control-sm .css-control-input ~ .css-control-indicator::after { font-size: 8px; line-height: 15px; } .css-checkbox.css-control-lg { padding: 6px 0px 7px; } .css-checkbox.css-control-lg .css-control-input ~ .css-control-indicator { width: 28px; height: 28px; } .css-checkbox.css-control-lg .css-control-input ~ .css-control-indicator::after { font-size: 14px; line-height: 26px; } .css-checkbox.css-checkbox-rounded .css-control-input ~ .css-control-indicator { border-radius: 2px; } .css-checkbox.css-control-primary .css-control-input:checked ~ .css-control-indicator { background-color: rgb(63, 156, 232); border-color: rgb(23, 118, 195); } .css-checkbox.css-control-secondary .css-control-input:checked ~ .css-control-indicator { background-color: rgb(108, 117, 125); border-color: rgb(73, 79, 84); } .css-checkbox.css-control-info .css-control-input:checked ~ .css-control-indicator { background-color: rgb(38, 198, 218); border-color: rgb(26, 139, 153); } .css-checkbox.css-control-success .css-control-input:checked ~ .css-control-indicator { background-color: rgb(156, 204, 101); border-color: rgb(118, 172, 57); } .css-checkbox.css-control-warning .css-control-input:checked ~ .css-control-indicator { background-color: rgb(255, 202, 40); border-color: rgb(219, 165, 0); } .css-checkbox.css-control-danger .css-control-input:checked ~ .css-control-indicator { background-color: rgb(239, 83, 80); border-color: rgb(222, 24, 20); } .css-switch { padding: 3px 0px; } .css-switch .css-control-input ~ .css-control-indicator { width: 51px; height: 30px; background-color: rgb(238, 238, 238); border-radius: 30px; transition: background-color 0.3s; } .css-switch .css-control-input ~ .css-control-indicator::after { top: 2px; bottom: 2px; left: 2px; width: 26px; background-color: rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 1px 0px 3px; transition: transform 0.15s ease-out; } .css-switch .css-control-input:checked ~ .css-control-indicator { background-color: rgb(221, 221, 221); } .css-switch .css-control-input:checked ~ .css-control-indicator::after { box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 3px; transform: translateX(20px); } .css-switch.css-control-sm { padding: 3px 0px; } .css-switch.css-control-sm .css-control-input ~ .css-control-indicator { width: 36px; height: 20px; } .css-switch.css-control-sm .css-control-input ~ .css-control-indicator::after { width: 16px; } .css-switch.css-control-sm .css-control-input:checked ~ .css-control-indicator::after { transform: translateX(15px); } .css-switch.css-control-lg { padding: 4px 0px; } .css-switch.css-control-lg .css-control-input ~ .css-control-indicator { width: 65px; height: 34px; } .css-switch.css-control-lg .css-control-input ~ .css-control-indicator::after { width: 30px; } .css-switch.css-control-lg .css-control-input:checked ~ .css-control-indicator::after { transform: translateX(30px); } .css-switch.css-switch-square .css-control-input ~ .css-control-indicator, .css-switch.css-switch-square .css-control-input ~ .css-control-indicator::after { border-radius: 0px; } .css-switch.css-control-primary .css-control-input:checked ~ .css-control-indicator { background-color: rgb(63, 156, 232); } .css-switch.css-control-secondary .css-control-input:checked ~ .css-control-indicator { background-color: rgb(108, 117, 125); } .css-switch.css-control-info .css-control-input:checked ~ .css-control-indicator { background-color: rgb(38, 198, 218); } .css-switch.css-control-success .css-control-input:checked ~ .css-control-indicator { background-color: rgb(156, 204, 101); } .css-switch.css-control-warning .css-control-input:checked ~ .css-control-indicator { background-color: rgb(255, 202, 40); } .css-switch.css-control-danger .css-control-input:checked ~ .css-control-indicator { background-color: rgb(239, 83, 80); } .nav-link { color: rgb(87, 87, 87); font-weight: 600; } .nav-link:hover, .nav-link:focus { color: rgb(63, 156, 232); } .nav-tabs-block { background-color: rgb(246, 247, 249); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .nav-tabs-block .nav-item { margin-bottom: 0px; } .nav-tabs-block .nav-link { padding-top: 12px; padding-bottom: 12px; border-color: transparent; border-radius: 0px; } .nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus { color: rgb(63, 156, 232); background-color: transparent; border-color: transparent; } .nav-tabs-block .nav-link.active, .nav-tabs-block .nav-item.show .nav-link { color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); border-color: transparent; } .nav-tabs-alt { background-color: transparent; border-bottom-color: rgb(228, 231, 237); } .nav-tabs-alt .nav-item { margin-bottom: -3px; } .nav-tabs-alt .nav-link { padding-top: 12px; padding-bottom: 12px; background-color: transparent; border-color: transparent; } .nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus { color: rgb(63, 156, 232); background-color: transparent; border-color: transparent; box-shadow: rgb(63, 156, 232) 0px -2px inset; } .nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link { background-color: transparent; border-color: transparent; box-shadow: rgb(63, 156, 232) 0px -2px inset; } .nav-users { margin: 0px; padding: 0px; list-style: none; } .nav-users > li:last-child > a { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .nav-users a { position: relative; padding: 12px 8px 8px 71px; display: block; min-height: 62px; font-weight: 600; border-bottom: 1px solid rgb(240, 242, 245); } .nav-users a > img { position: absolute; left: 12px; top: 10px; width: 42px; height: 42px; border-radius: 50%; } .nav-users a > i { position: absolute; left: 40px; top: 40px; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; background-color: rgb(255, 255, 255); border-radius: 50%; } .nav-users a:hover { background-color: rgb(246, 247, 249); } .breadcrumb-item + .breadcrumb-item::before { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; content: ""; } .page-link { font-weight: 600; } .page-link:focus { color: rgb(23, 23, 23); background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .pagination-sm .page-link { font-size: 1rem; line-height: 16px; } .pagination-lg .page-link { font-size: 1.14286rem; line-height: 20px; } .badge-secondary { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.33); } a.badge-secondary:hover, a.badge-secondary:focus { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.33); } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 0.2rem; } .modal-content { border-radius: 0px; } .modal-header { padding-top: 16px; padding-bottom: 16px; } .modal-footer { padding-top: 10px; padding-bottom: 10px; border-top-width: 1px; } .modal-backdrop { background-color: rgb(7, 35, 58); } .modal-dialog.modal-dialog-top { margin-top: 0px !important; } .modal.fade .modal-dialog { transition-duration: 0.35s; } .modal.fade .modal-dialog.modal-dialog-popin { transform: scale(1.2, 1.2); } .modal.fade .modal-dialog.modal-dialog-popout { transform: scale(0.8, 0.8); } .modal.fade .modal-dialog.modal-dialog-slideup { transform: translate(0px, 25%); } .modal.fade .modal-dialog.modal-dialog-slideright { transform: translate(-25%, 0px); } .modal.fade .modal-dialog.modal-dialog-slideleft { transform: translate(25%, 0px); } .modal.fade .modal-dialog.modal-dialog-fromright { transform: translateX(25%) rotate(15deg) scale(0.8); } .modal.fade .modal-dialog.modal-dialog-fromleft { transform: translateX(-25%) rotate(-15deg) scale(0.8); } .modal.show .modal-dialog.modal-dialog-popin, .modal.show .modal-dialog.modal-dialog-popout { transform: scale(1, 1); } .modal.show .modal-dialog.modal-dialog-slideup, .modal.show .modal-dialog.modal-dialog-slideright, .modal.show .modal-dialog.modal-dialog-slideleft { transform: translate(0px, 0px); } .modal.show .modal-dialog.modal-dialog-fromright, .modal.show .modal-dialog.modal-dialog-fromleft { transform: translateX(0px) rotate(0deg) scale(1); } .popover-header { padding-bottom: 1px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } #page-container { margin: 0px auto; width: 100%; min-width: 320px; } #page-overlay { position: fixed; inset: 0px; content: ""; background: linear-gradient(to right, rgba(7, 35, 58, 0), rgba(7, 35, 58, 0.6)); z-index: 1033; opacity: 0; transition: opacity 0.26s cubic-bezier(0.47, 0, 0.745, 0.715), transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); transform: translateX(100%); } .sidebar-r #page-overlay { background: linear-gradient(to right, rgba(7, 35, 58, 0.6), rgba(7, 35, 58, 0)); transform: translateX(-100%); } @media (min-width: 992px) { .side-overlay-o.enable-page-overlay #page-overlay { transform: translateX(0px); opacity: 1; } } #main-container, #page-footer { overflow-x: hidden; } .content { margin: 0px auto; padding: 12px 12px 1px; width: 100%; overflow-x: visible; } .content .pull-t { margin-top: -12px; } .content .pull-b { margin-bottom: -1px; } .content .pull-t-b { margin-top: -12px; margin-bottom: -1px; } .content .pull-r-l { margin-right: -12px; margin-left: -12px; } .content .pull-all { margin: -12px -12px -1px; } .content.content-full { padding-bottom: 12px; } .content.content-full .pull-b, .content.content-full .pull-t-b, .content.content-full .pull-all { margin-bottom: -12px; } .content p, .content .push, .content .block, .content .items-push > div { margin-bottom: 12px; } .content .items-push-2x > div { margin-bottom: 24px; } .content .items-push-3x > div { margin-bottom: 36px; } @media (min-width: 768px) { .content { margin: 0px auto; padding: 24px 24px 1px; width: 100%; overflow-x: visible; } .content .pull-t { margin-top: -24px; } .content .pull-b { margin-bottom: -1px; } .content .pull-t-b { margin-top: -24px; margin-bottom: -1px; } .content .pull-r-l { margin-right: -24px; margin-left: -24px; } .content .pull-all { margin: -24px -24px -1px; } .content.content-full { padding-bottom: 24px; } .content.content-full .pull-b, .content.content-full .pull-t-b, .content.content-full .pull-all { margin-bottom: -24px; } .content p, .content .push, .content .block, .content .items-push > div { margin-bottom: 24px; } .content .items-push-2x > div { margin-bottom: 48px; } .content .items-push-3x > div { margin-bottom: 72px; } } @media (min-width: 1200px) { .content.content-narrow { max-width: 92%; } } .content.content-boxed { max-width: 1200px; } .content-side { margin: 0px auto; padding: 18px 18px 1px; width: 100%; overflow-x: hidden; } .content-side .pull-t { margin-top: -18px; } .content-side .pull-b { margin-bottom: -1px; } .content-side .pull-t-b { margin-top: -18px; margin-bottom: -1px; } .content-side .pull-r-l { margin-right: -18px; margin-left: -18px; } .content-side .pull-all { margin: -18px -18px -1px; } .content-side.content-side-full { padding-bottom: 18px; } .content-side.content-side-full .pull-b, .content-side.content-side-full .pull-t-b, .content-side.content-side-full .pull-all { margin-bottom: -18px; } .content-side p, .content-side .push, .content-side .block, .content-side .items-push > div { margin-bottom: 18px; } .content-side .items-push-2x > div { margin-bottom: 36px; } .content-side .items-push-3x > div { margin-bottom: 54px; } .content-side-user { height: 136px; background-color: rgb(246, 247, 249); overflow: hidden; } .content.content-top { padding-top: 60px; } @media (min-width: 992px) { .content.content-top { padding-top: 72px; } } .section-top { padding-top: 48px; } #page-header { position: relative; margin: 0px auto; width: 100%; background-color: rgb(255, 255, 255); } .overlay-header { position: absolute; inset: 0px; background-color: rgb(255, 255, 255); opacity: 0; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transform: translateY(-100%); will-change: opacity, transform; } .overlay-header.show { opacity: 1; transform: translateY(0px); } .content-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0px auto; padding: 7px 18px; height: 48px; } .content-header.content-header-fullrow { flex-direction: column; align-items: stretch; } .content-header-section { flex: 0 0 auto; } .content-header-section.content-header-section-wrap { flex: 1 1 auto; } .content-header-item { display: inline-block; height: 34px; line-height: 34px; vertical-align: middle; } .content-header-item-align { vertical-align: middle; } .content-header-logo { height: 34px; } #page-header > .content-header { padding-left: 12px; padding-right: 12px; } @media (min-width: 768px) { #page-header > .content-header { padding-left: 24px; padding-right: 24px; } } .sidebar-mini-visible, .sidebar-mini-visible-b { display: none; } .sidebar-mini-show { opacity: 0; } .sidebar-mini-show, .sidebar-mini-hide { transition: opacity 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); } .sidebar-mini-show.sidebar-mini-notrans, .sidebar-mini-hide.sidebar-mini-notrans { transition: none; } #sidebar { position: fixed; top: 0px; bottom: 0px; left: 0px; z-index: 1032; width: 100%; background-color: rgb(255, 255, 255); overflow-y: auto; transform: translateX(-100%) translateY(0px) translateZ(0px); will-change: transform; } .side-trans-enabled #sidebar { transition: transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); } .sidebar-r #sidebar { right: 0px; left: auto; transform: translateX(100%) translateY(0px) translateZ(0px); } @media (max-width: 991.98px) { .sidebar-o-xs #sidebar { transform: translateX(0px) translateY(0px) translateZ(0px); } } @media (min-width: 992px) { #sidebar { width: 230px; } .sidebar-o #sidebar { transform: translateX(0px) translateY(0px) translateZ(0px); } .sidebar-o.sidebar-mini #sidebar { overflow-x: hidden; transform: translateX(-176px) translateY(0px) translateZ(0px); transition: transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); } .sidebar-r.sidebar-o.sidebar-mini #sidebar { transform: translateX(176px) translateY(0px) translateZ(0px); } .sidebar-o.sidebar-mini #sidebar .sidebar-content { width: 230px; transform: translateX(176px) translateY(0px) translateZ(0px); transition: transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); will-change: transform; } .sidebar-o.sidebar-mini #sidebar:hover, .sidebar-o.sidebar-mini #sidebar:hover .sidebar-content, .sidebar-r.sidebar-o.sidebar-mini #sidebar .sidebar-content { transform: translateX(0px) translateY(0px) translateZ(0px); } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hide { opacity: 0; } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-show { opacity: 1; } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hidden, .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hidden-b { display: none; } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-visible { display: inline-block; } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-visible-b { display: block; } .sidebar-o.sidebar-mini #sidebar .nav-main > li.open > ul { display: none; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-hide { opacity: 1; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-show { opacity: 0; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-hidden { display: inline-block; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-hidden-b { display: block; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-visible, .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-visible-b { display: none; opacity: 0; } .sidebar-o.sidebar-mini #sidebar:hover .nav-main > li.open > ul { display: block; } } #side-overlay { position: fixed; top: 0px; right: 0px; bottom: 0px; z-index: 1034; width: 100%; background-color: rgb(255, 255, 255); overflow-y: auto; transform: translateX(100%) translateY(0px) translateZ(0px); will-change: transform; } .side-trans-enabled #side-overlay { transition: transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); } .sidebar-r #side-overlay { right: auto; left: 0px; transform: translateX(-100%) translateY(0px) translateZ(0px); } .side-overlay-o #side-overlay { transform: translateX(0px) translateY(0px) translateZ(0px); } @media (min-width: 992px) { #side-overlay { width: 320px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 25px; transform: translateX(110%) translateY(0px) translateZ(0px); } .sidebar-r #side-overlay { transform: translateX(-110%) translateY(0px) translateZ(0px); } .side-overlay-hover #side-overlay { transform: translateX(302px) translateY(0px) translateZ(0px); } .sidebar-r.side-overlay-hover #side-overlay { transform: translateX(-302px) translateY(0px) translateZ(0px); } .side-overlay-hover #side-overlay:hover, .side-overlay-o #side-overlay, .side-overlay-o.side-overlay-hover #side-overlay { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px; transform: translateX(0px) translateY(0px) translateZ(0px); } } @media (min-width: 1200px) { #page-container.main-content-narrow > #page-header .content-header, #page-container.main-content-narrow > #page-header .content, #page-container.main-content-narrow > #main-container .content, #page-container.main-content-narrow > #page-footer .content { max-width: 92%; } } #page-container.main-content-boxed > #page-header .content-header, #page-container.main-content-boxed > #page-header .content, #page-container.main-content-boxed > #main-container .content, #page-container.main-content-boxed > #page-footer .content { max-width: 1200px; } @media (min-width: 992px) { #page-container.page-header-modern #page-header { background-color: rgb(240, 242, 245); box-shadow: none !important; } #page-container.page-header-modern #page-header > .content-header { padding-top: 12px; padding-bottom: 2px; } } #page-container.page-header-inverse #page-header { color: rgb(203, 210, 221); background-color: rgb(52, 58, 64); } #page-container.page-header-glass #page-header { position: absolute; background-color: transparent; } #page-container.page-header-glass.page-header-fixed #page-header { transition: background-color 0.2s linear; will-change: background-color; box-shadow: none; } #page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.02) 0px 5px 10px; } #page-container.page-header-glass.page-header-fixed.page-header-scroll.page-header-inverse #page-header { background-color: rgb(52, 58, 64); box-shadow: none; } #page-container.page-header-glass #main-container, #page-container.page-header-glass.page-header-fixed #main-container { padding-top: 0px; } #page-container.page-header-fixed #page-header { position: fixed; box-shadow: rgba(0, 0, 0, 0.02) 0px 5px 10px; } #page-container.page-header-fixed #page-header > .content-header { padding-top: 7px; padding-bottom: 7px; } #page-container.page-header-fixed.page-header-inverse #page-header { box-shadow: none; } #page-container.page-header-fixed #main-container { padding-top: 48px; } #page-container.page-header-fixed #page-header, #page-container.page-header-glass #page-header { top: 0px; right: 0px; left: 0px; z-index: 1030; min-width: 320px; max-width: 100%; width: auto; } @media (min-width: 992px) { #page-container.page-header-fixed.sidebar-o #page-header, #page-container.page-header-glass.sidebar-o #page-header { left: 230px; } #page-container.page-header-fixed.sidebar-r.sidebar-o #page-header, #page-container.page-header-glass.sidebar-r.sidebar-o #page-header { right: 230px; left: 0px; } #page-container.page-header-fixed.sidebar-o.sidebar-mini #page-header, #page-container.page-header-glass.sidebar-o.sidebar-mini #page-header { left: 54px; } #page-container.page-header-fixed.sidebar-r.sidebar-o.sidebar-mini #page-header, #page-container.page-header-glass.sidebar-r.sidebar-o.sidebar-mini #page-header { right: 54px; left: 0px; } } @media (min-width: 992px) { #page-container.page-header-modern #sidebar { box-shadow: rgb(228, 231, 237) 5px 0px 10px; } #page-container.page-header-modern.sidebar-r #sidebar { box-shadow: rgb(228, 231, 237) -5px 0px 10px; } } #page-container.sidebar-inverse #sidebar { color: rgb(228, 231, 237); background-color: rgb(52, 58, 64); box-shadow: none; } #page-container.sidebar-inverse #sidebar .content-side-user { background-color: rgb(45, 50, 56); } @media (min-width: 992px) { #page-container.sidebar-o { padding-left: 230px; } #page-container.sidebar-r.sidebar-o { padding-right: 230px; padding-left: 0px; } #page-container.sidebar-o.sidebar-mini { padding-left: 54px; } #page-container.sidebar-r.sidebar-o.sidebar-mini { padding-right: 54px; padding-left: 0px; } #page-container.side-scroll #sidebar, #page-container.side-scroll #side-overlay { overflow-y: hidden; } } .hero { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100vh; min-height: 500px; } .hero.hero-sm { min-height: 300px; } .hero.hero-lg { min-height: 800px; } .hero-inner { flex: 0 0 auto; width: 100%; } .hero-static { min-height: 100vh; } .hero-promo { position: relative; overflow: hidden; } .hero-promo::before { position: absolute; right: -500px; bottom: -500px; left: 0px; height: 640px; content: ""; background: rgba(255, 255, 255, 0.2); transform: skewY(-20deg); z-index: 0; } .hero-bubbles { position: relative; overflow: hidden; } .hero-bubbles .hero-bubble { position: absolute; display: inline-block; border-radius: 100%; opacity: 0.2; z-index: 0; } .hero-bubbles .hero-bubble:nth-child(2n+1) { animation: 15s ease-in 0s infinite normal none running hero-bubble; } .hero-bubbles .hero-bubble:nth-child(2n) { animation: 15s ease-in 0s infinite reverse none running hero-bubble; } @keyframes hero-bubble { 0% { transform: scale(1); } 33% { transform: scale(1.5) translateY(1rem); } 50% { opacity: 0.5; } 66% { transform: scale(0.5) translateY(0px); } 100% { transform: scale(1); opacity: 0.2; } } .block { margin-bottom: 24px; background-color: rgb(255, 255, 255); box-shadow: rgb(228, 231, 237) 0px 1px 1px; } .block .block, .content-side .block { box-shadow: none; } .block-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 14px 20px; transition: opacity 0.2s ease-out; } .block-header.block-header-rtl { flex-direction: row-reverse; } .block-header.block-header-rtl .block-title { text-align: right; } .block-header.block-header-rtl .block-options { padding-right: 10px; padding-left: 0px; } .block-header-default { background-color: rgb(246, 247, 249); } .block-title { flex: 1 1 auto; min-height: 28px; margin: 0px; font-size: 1.14286rem; font-weight: 400; line-height: 28px; } .block-title small { font-size: 1rem; font-weight: 400; line-height: 22px; color: rgb(131, 131, 131); } .block-content { transition: opacity 0.2s ease-out; margin: 0px auto; padding: 20px 20px 1px; width: 100%; overflow-x: visible; } .block-content .pull-t { margin-top: -20px; } .block-content .pull-b { margin-bottom: -1px; } .block-content .pull-t-b { margin-top: -20px; margin-bottom: -1px; } .block-content .pull-r-l { margin-right: -20px; margin-left: -20px; } .block-content .pull-all { margin: -20px -20px -1px; } .block-content.block-content-full { padding-bottom: 20px; } .block-content.block-content-full .pull-b, .block-content.block-content-full .pull-t-b, .block-content.block-content-full .pull-all { margin-bottom: -20px; } .block-content p, .block-content .push, .block-content .block, .block-content .items-push > div { margin-bottom: 20px; } .block-content .items-push-2x > div { margin-bottom: 40px; } .block-content .items-push-3x > div { margin-bottom: 60px; } .block-content.block-content-sm { padding-top: 10px; } .block-content.block-content-sm .pull-t, .block-content.block-content-sm .pull-t-b, .block-content.block-content-sm .pull-all { margin-top: -10px; } .block-content.block-content-sm.block-content-full { padding-bottom: 10px; } .block-content.block-content-sm.block-content-full .pull-b, .block-content.block-content-sm.block-content-full .pull-t-b, .block-content.block-content-sm.block-content-full .pull-all { margin-bottom: -10px; } .block-table { display: table; border-collapse: collapse; width: 100%; } .block-table .block-row { display: table-row; } .block-table .block-cell { display: table-cell; padding: 20px; vertical-align: middle; } .block.block-bordered { border: 1px solid rgb(228, 231, 237); box-shadow: none; } .block.block-rounded { border-radius: 4px; } .block.block-rounded > .block-header { border-top-left-radius: 3px; border-top-right-radius: 3px; } .block.block-rounded > .block-header:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .block.block-rounded > .block-content:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .block.block-rounded > .block-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .block.block-themed > .block-header { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); } .block.block-themed > .block-header > .block-title { color: rgba(255, 255, 255, 0.9); } .block.block-themed > .block-header > .block-title small { color: rgba(255, 255, 255, 0.7); } .block.block-transparent { background-color: transparent; box-shadow: none; } .block.block-shadow { box-shadow: rgba(33, 37, 41, 0.05) 0px 15px 30px; } .block.block-mode-hidden.block-bordered > .block-header { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .block.block-mode-hidden > .block-content { display: none; } .block.block-mode-loading { position: relative; overflow: hidden; } .block.block-mode-loading > .block-header, .block.block-mode-loading > .block-content, .block.block-mode-loading > .nav-tabs { opacity: 0.05; } .block.block-mode-loading::before { position: absolute; inset: 0px; display: block; z-index: 1; content: " "; } .block.block-mode-loading::after { position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -25px; width: 50px; height: 50px; line-height: 50px; color: rgb(52, 58, 64); font-family: Simple-Line-Icons; font-size: 18px; text-align: center; z-index: 2; content: ""; animation: 1.75s linear 0s infinite normal none running fa-spin; border-radius: 25px; box-shadow: rgba(52, 58, 64, 0.05) 0px 0px 15px 15px; } .block.block-mode-loading.block-mode-hidden::after { margin: -15px 0px 0px -15px; width: 30px; height: 30px; line-height: 30px; box-shadow: rgba(52, 58, 64, 0.05) 0px 0px 8px 8px; } .block.block-mode-loading.block-mode-loading-inverse::after { background-color: rgb(52, 58, 64); color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 15px 15px; } .block.block-mode-loading.block-mode-loading-location::after { content: ""; } .block.block-mode-loading.block-mode-loading-energy::after { content: ""; } .block.block-mode-loading.block-mode-loading-refresh::after { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; content: ""; } .block.block-mode-loading.block-mode-loading-sun::after { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; content: ""; } .block.block-mode-loading.block-mode-loading-repeat::after { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; content: ""; } .block.block-mode-fullscreen { position: fixed; inset: 0px; z-index: 1035; margin-bottom: 0px; overflow-y: auto; backface-visibility: hidden; } .block.block-mode-fullscreen.block-bordered { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; } .block.block-mode-fullscreen.block-rounded { border-radius: 0px; } .block.block-mode-fullscreen.block-transparent { background-color: rgb(255, 255, 255); } .block.block-mode-pinned { position: fixed; right: 10px; bottom: 0px; width: 100%; max-width: 300px; z-index: 1031; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px; margin-bottom: 0px !important; } .block.block-mode-pinned > .block-content { max-height: 250px; overflow-y: auto; } a.block { display: block; color: rgb(87, 87, 87); font-weight: normal; transition: 0.12s ease-out; } a.block:hover { color: rgb(87, 87, 87); opacity: 0.65; } a.block:active { opacity: 1; } a.block.block-link-rotate:hover { transform: rotate(1deg); opacity: 1; } a.block.block-link-rotate:active { transform: rotate(0deg); } a.block.block-link-pop:hover { box-shadow: rgb(216, 221, 229) 0px 2px 30px; transform: translateY(-3px); opacity: 1; } a.block.block-link-pop:active { box-shadow: rgb(237, 239, 243) 0px 2px 10px; transform: translateY(0px); } a.block.block-link-shadow:hover { box-shadow: rgb(216, 221, 229) 0px 0px 36px; opacity: 1; } a.block.block-link-shadow:active { box-shadow: rgb(228, 231, 237) 0px 0px 10px; } .block.block-fx-rotate { transform: rotate(1deg); opacity: 1; } .block.block-fx-pop { box-shadow: rgb(216, 221, 229) 0px 2px 30px; transform: translateY(-3px); opacity: 1; } .block.block-fx-shadow { box-shadow: rgb(216, 221, 229) 0px 0px 36px; opacity: 1; } .block-options { flex: 0 0 auto; padding-left: 10px; min-height: 28px; } .block-options .block-options-item { padding: 6px 5px; line-height: 1.2; } .block.block-themed > .block-header .block-options .block-options-item { color: rgb(255, 255, 255); } .block-options .block-options-item, .block-options .dropdown, .block-options .dropup, .block-options .dropright, .block-options .dropleft { display: inline-block; } .block-sticky-options { position: relative; } .block-sticky-options .block-options { position: absolute; top: 14px; right: 20px; } .block-sticky-options .block-options.block-options-left { right: auto; left: 20px; padding-right: 10px; padding-left: 0px; } .btn-block-option { display: inline-block; padding: 6px 5px; line-height: 1.2; color: rgb(108, 117, 125); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; } .btn-block-option .si { position: relative; top: 1px; } .btn-block-option:hover { text-decoration: none; color: rgb(52, 58, 64); } a.btn-block-option:focus, .active > a.btn-block-option, .show > button.btn-block-option { text-decoration: none; color: rgb(52, 58, 64); } .btn-block-option:active { color: rgb(108, 117, 125); } a.btn-block-option:focus, .active > a.btn-block-option, .show > button.btn-block-option { text-decoration: none; color: rgb(52, 58, 64); } .block.block-themed > .block-header > .block-options .btn-block-option, .block.block-themed > .block-content > .block-options .btn-block-option { color: rgb(255, 255, 255); opacity: 0.7; } .block.block-themed > .block-header > .block-options .btn-block-option:hover, .block.block-themed > .block-content > .block-options .btn-block-option:hover { color: rgb(255, 255, 255); opacity: 1; } .block.block-themed > .block-header > .block-options .btn-block-option:active, .block.block-themed > .block-content > .block-options .btn-block-option:active { color: rgb(255, 255, 255); opacity: 0.6; } .block.block-themed > .block-header > .block-options a.btn-block-option:focus, .block.block-themed > .block-header > .block-options .active > a.btn-block-option, .block.block-themed > .block-header > .block-options .show > button.btn-block-option, .block.block-themed > .block-content > .block-options a.btn-block-option:focus, .block.block-themed > .block-content > .block-options .active > a.btn-block-option, .block.block-themed > .block-content > .block-options .show > button.btn-block-option { color: rgb(255, 255, 255); opacity: 1; } #page-loader { position: fixed; inset: 0px; background-color: rgb(63, 156, 232); z-index: 999998; transition: transform 0.35s ease-out; transform: translateY(-100%); will-change: transform; } #page-loader.show { transform: translateY(0px); } #page-loader::after, #page-loader::before { position: absolute; top: 50%; left: 50%; display: block; border-radius: 100%; content: ""; z-index: 999999; } #page-loader::after { margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; background-color: rgba(255, 255, 255, 0.5); border: 3px solid rgba(255, 255, 255, 0.75); animation: 1.5s ease-out 0s infinite normal none running page-loader-inner; } #page-loader::before { margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; background-color: white; animation: 1.5s ease-in 0s infinite normal none running page-loader-outer; } @keyframes page-loader-inner { 0%, 40% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } @keyframes page-loader-outer { 0% { transform: scale(1); } 40%, 100% { transform: scale(0); opacity: 0; } } .nav-main { margin: 0px -18px; padding: 0px; list-style: none; } .nav-main .nav-main-heading { padding: 30px 18px 6px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; opacity: 0.55; } .nav-main a { position: relative; display: block; padding: 9px 18px 9px 40px; font-weight: 600; color: rgba(87, 87, 87, 0.9); } .sidebar-inverse #sidebar .nav-main a { color: rgba(228, 231, 237, 0.75); } .nav-main a > i { position: absolute; top: 49%; right: auto; left: 18px; transform: translateX(0px) translateY(-50%); font-size: 14px; color: rgba(52, 58, 64, 0.75); } .sidebar-inverse #sidebar .nav-main a > i { color: rgb(228, 231, 237); } .nav-main a:hover, .nav-main a:focus, .nav-main a.active { color: rgb(0, 0, 0); } .sidebar-inverse #sidebar .nav-main a:hover, .sidebar-inverse #sidebar .nav-main a:focus, .sidebar-inverse #sidebar .nav-main a.active { color: rgb(255, 255, 255); } .nav-main a:hover > i, .nav-main a:focus > i, .nav-main a.active > i { color: rgb(63, 156, 232); } .sidebar-inverse #sidebar .nav-main a:hover > i, .sidebar-inverse #sidebar .nav-main a:focus > i, .sidebar-inverse #sidebar .nav-main a.active > i { color: rgb(63, 156, 232); } .nav-main a.nav-submenu { padding-right: 35px; } .nav-main a.nav-submenu::before, .nav-main a.nav-submenu::after { position: absolute; top: 50%; right: 15px; margin-top: -11px; width: 20px; height: 20px; display: block; line-height: 20px; text-align: center; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-size: 14px; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .nav-main a.nav-submenu::before { content: ""; opacity: 0.4; } .nav-main a.nav-submenu::after { content: ""; opacity: 0; transform: rotate(90deg); } .nav-main ul { margin: 0px; padding: 0px 0px 0px 40px; height: 0px; list-style: none; overflow: hidden; } .nav-main ul > li { opacity: 0; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(-15px); } .nav-main ul .nav-main-heading { padding-left: 0px; padding-right: 0px; } .nav-main ul a { padding: 7px 8px 7px 0px; font-size: 13px; color: rgba(87, 87, 87, 0.6); } .nav-main ul a:hover, .nav-main ul a:focus { background-color: transparent; } .nav-main ul a > i { margin-right: 10px; } .nav-main ul ul { padding-left: 12px; } .nav-main li.open > a.nav-submenu { color: rgb(0, 0, 0); } .sidebar-inverse #sidebar .nav-main li.open > a.nav-submenu { color: rgb(255, 255, 255); } .nav-main li.open > a.nav-submenu > i { color: rgb(63, 156, 232); } .sidebar-inverse #sidebar .nav-main li.open > a.nav-submenu > i { color: rgb(63, 156, 232); } .nav-main li.open > a.nav-submenu::before { opacity: 0; transform: rotate(-90deg); } .nav-main li.open > a.nav-submenu::after { opacity: 0.4; transform: rotate(0deg); } .nav-main li.open > ul { height: auto; padding-top: 5px; padding-bottom: 5px; background-color: rgb(246, 247, 249); } .sidebar-inverse #sidebar .nav-main li.open > ul { background-color: rgb(45, 50, 56); } .nav-main li.open > ul > li { opacity: 1; transform: translateX(0px); } .nav-main-header { display: none; } @media (min-width: 992px) { .nav-main-header { margin: 0px -3px; padding: 0px; display: inline-block; list-style: none; vertical-align: middle; } .nav-main-header li { position: relative; display: inline-block; margin: 0px 3px; } .nav-main-header a { position: relative; display: inline-block; padding: 9px 14px; font-weight: 600; line-height: 16px; border-radius: 3px; } .nav-main-header a > i { margin-right: 8px; } .nav-main-header a > i.si { position: relative; top: 1px; } .nav-main-header a.nav-submenu { padding-right: 28px; } .nav-main-header a.nav-submenu::before { position: absolute; top: 50%; right: 6px; margin-top: -10px; width: 20px; height: 20px; display: block; text-align: center; line-height: 20px; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; } .nav-main-header a.nav-submenu::before { content: ""; opacity: 0.5; } .nav-main-header ul { position: absolute; top: 100%; left: 0px; margin: 0px; padding: 15px 0px; display: none; z-index: 1032; } .nav-main-header ul li { display: block; margin: 0px; } .nav-main-header ul a { display: block; border-radius: 0px; min-width: 160px; } .nav-main-header ul a.nav-submenu::before { content: ""; } .nav-main-header ul ul { top: -15px; left: 100%; } .nav-main-header li:hover > a.nav-submenu { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .nav-main-header li:hover > ul { display: block; } .nav-main-header > li:last-child ul { right: 0px; left: auto; } .nav-main-header > li:last-child ul a.nav-submenu::before { content: ""; } .nav-main-header > li:last-child ul ul { right: 100%; left: auto; } .nav-main-header a { color: rgb(113, 113, 113); } .nav-main-header ul a { color: rgb(143, 143, 143); } .nav-main-header a:hover, .nav-main-header a:focus, .nav-main-header a.active, .nav-main-header li.open > a.nav-submenu, .nav-main-header li:hover > a.nav-submenu { color: rgb(0, 0, 0); background-color: rgb(228, 231, 237); } .nav-main-header ul, .nav-main-header > li:hover > a.nav-submenu { background-color: rgb(228, 231, 237); } .page-header-inverse #page-header .nav-main-header a, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a { color: rgb(200, 208, 218); } .page-header-inverse #page-header .nav-main-header ul a, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header ul a { color: rgb(173, 184, 200); } .page-header-inverse #page-header .nav-main-header a:hover, .page-header-inverse #page-header .nav-main-header a:focus, .page-header-inverse #page-header .nav-main-header a.active, .page-header-inverse #page-header .nav-main-header li.open > a.nav-submenu, .page-header-inverse #page-header .nav-main-header li:hover > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a:hover, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a:focus, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a.active, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header li.open > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header li:hover > a.nav-submenu { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.25); } .page-header-inverse #page-header .nav-main-header ul, .page-header-inverse #page-header .nav-main-header > li:hover > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header ul, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header > li:hover > a.nav-submenu { background-color: rgb(52, 58, 64); } .page-header-inverse.page-header-glass #page-header .nav-main-header ul, .page-header-inverse.page-header-glass #page-header .nav-main-header > li:hover > a.nav-submenu { background-color: rgb(41, 45, 50); } .nav-main-header .nav-main-heading { display: none; } .nav-main-header.nav-main-header-no-icons a > i { display: none; } } .form-material { position: relative; padding-top: 26px; } .form-material > label { position: absolute; top: 6px; left: 0px; margin-bottom: 0px; } .form-material.floating > label { font-size: 1.14286rem; font-weight: 400; cursor: text; z-index: 2; transition: 0.2s ease-out; transform: translateY(25px); } .form-material.form-material-sm.floating > label { font-size: 1rem; transform: translateY(22px); } .form-material.form-material-lg.floating > label { font-size: 1.28571rem; transform: translateY(27px); } .form-material > label, .form-material > .form-control:focus + label, .form-material.floating.open > label { font-size: 1rem; font-weight: 600; cursor: default; transform: translateY(0px); } .form-material.floating > .form-control:-webkit-autofill + label { font-size: 1rem; font-weight: 600; cursor: default; transform: translateY(0px); } .form-material.floating > .form-control[disabled] + label, .form-material.floating > .form-control[readonly] + label, fieldset[disabled] .form-material.floating > label { cursor: not-allowed; } .form-material > .form-control { padding-left: 0px; padding-right: 0px; border-color: transparent; border-radius: 0px; background-color: transparent; box-shadow: rgb(212, 218, 227) 0px 1px 0px; transition: box-shadow 0.3s ease-out; } .form-material > .form-control ~ .input-group-append { box-shadow: rgb(212, 218, 227) 0px 1px 0px; transition: box-shadow 0.3s ease-out; } .form-material > .form-control:focus { background-color: transparent; border-color: transparent; box-shadow: rgb(151, 165, 186) 0px 2px 0px; } .form-material > .form-control:focus + label { color: rgb(87, 87, 87); } .form-material > .form-control:focus ~ .input-group-append { box-shadow: rgb(151, 165, 186) 0px 2px 0px; } .form-material > select.form-control { border-radius: 1px; } .form-material .form-control[disabled], .form-material .form-control[readonly], .form-material fieldset[disabled] .form-control { background-color: rgb(255, 255, 255); border-bottom: 1px dashed rgb(204, 204, 204); box-shadow: none; } .form-material.input-group .input-group-text { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: transparent; } .form-material.form-material-primary > .form-control:focus { box-shadow: rgb(63, 156, 232) 0px 2px; } .form-material.form-material-primary > .form-control:focus + label { color: rgb(63, 156, 232); } .form-material.form-material-primary > .form-control:focus ~ .input-group-append { color: rgb(63, 156, 232); box-shadow: rgb(63, 156, 232) 0px 2px; } .form-material.form-material-success > .form-control:focus { box-shadow: rgb(156, 204, 101) 0px 2px; } .form-material.form-material-success > .form-control:focus + label { color: rgb(156, 204, 101); } .form-material.form-material-success > .form-control:focus ~ .input-group-append { color: rgb(156, 204, 101); box-shadow: rgb(156, 204, 101) 0px 2px; } .form-material.form-material-info > .form-control:focus { box-shadow: rgb(38, 198, 218) 0px 2px; } .form-material.form-material-info > .form-control:focus + label { color: rgb(38, 198, 218); } .form-material.form-material-info > .form-control:focus ~ .input-group-append { color: rgb(38, 198, 218); box-shadow: rgb(38, 198, 218) 0px 2px; } .form-material.form-material-warning > .form-control:focus { box-shadow: rgb(255, 202, 40) 0px 2px; } .form-material.form-material-warning > .form-control:focus + label { color: rgb(255, 202, 40); } .form-material.form-material-warning > .form-control:focus ~ .input-group-append { color: rgb(255, 202, 40); box-shadow: rgb(255, 202, 40) 0px 2px; } .form-material.form-material-danger > .form-control:focus { box-shadow: rgb(239, 83, 80) 0px 2px; } .form-material.form-material-danger > .form-control:focus + label { color: rgb(239, 83, 80); } .form-material.form-material-danger > .form-control:focus ~ .input-group-append { color: rgb(239, 83, 80); box-shadow: rgb(239, 83, 80) 0px 2px; } .is-valid .form-material > .form-control { box-shadow: rgb(156, 204, 101) 0px 1px 0px; } .is-valid .form-material > .form-control ~ .input-group-append { color: rgb(156, 204, 101); box-shadow: rgb(156, 204, 101) 0px 1px 0px; } .is-valid .form-material > .form-control:focus { box-shadow: rgb(156, 204, 101) 0px 2px; } .is-valid .form-material > .form-control:focus + label { color: rgb(156, 204, 101); } .is-valid .form-material > .form-control:focus ~ .input-group-append { color: rgb(156, 204, 101); box-shadow: rgb(156, 204, 101) 0px 2px; } .is-valid .form-material ~ .invalid-feedback, .is-valid .form-material ~ .invalid-tooltip { display: block; } .is-valid .form-material label { color: rgb(156, 204, 101); } .is-invalid .form-material > .form-control { box-shadow: rgb(239, 83, 80) 0px 1px 0px; } .is-invalid .form-material > .form-control ~ .input-group-append { color: rgb(239, 83, 80); box-shadow: rgb(239, 83, 80) 0px 1px 0px; } .is-invalid .form-material > .form-control:focus { box-shadow: rgb(239, 83, 80) 0px 2px; } .is-invalid .form-material > .form-control:focus + label { color: rgb(239, 83, 80); } .is-invalid .form-material > .form-control:focus ~ .input-group-append { color: rgb(239, 83, 80); box-shadow: rgb(239, 83, 80) 0px 2px; } .is-invalid .form-material ~ .invalid-feedback, .is-invalid .form-material ~ .invalid-tooltip { display: block; } .is-invalid .form-material label { color: rgb(239, 83, 80); } .img-avatar { width: 64px; height: 64px; border-radius: 50%; display: inline-block !important; } .img-avatar.img-avatar16 { width: 16px; height: 16px; } .img-avatar.img-avatar20 { width: 20px; height: 20px; } .img-avatar.img-avatar32 { width: 32px; height: 32px; } .img-avatar.img-avatar48 { width: 48px; height: 48px; } .img-avatar.img-avatar96 { width: 96px; height: 96px; } .img-avatar.img-avatar128 { width: 128px; height: 128px; } .img-avatar-thumb { margin: 5px; box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 0px 5px; } .img-avatar.img-avatar-rounded { border-radius: 3px; } .img-avatar.img-avatar-square { border-radius: 0px; } .img-thumb { padding: 6px; background-color: rgb(255, 255, 255); border-radius: 3px; } .img-link { display: inline-block; transition: transform 0.25s ease-out, opacity 0.25s ease-out; } .img-link:hover { transform: scale(1.04); opacity: 0.75; } .img-link:active { transform: scale(1); opacity: 1; } .img-link.img-link-simple:hover { transform: scale(1); } .img-link-zoom-in { cursor: zoom-in; } .img-fluid.img-fluid-100, .img-fluid-100 .img-fluid { width: 100%; } .list { margin: 0px; padding: 0px; list-style: none; } .list > li { position: relative; } .list.list-simple > li, .list-li-push > li { margin-bottom: 20px; } .list.list-simple-mini > li, .list-li-push-sm > li { margin-bottom: 10px; } .list-timeline { position: relative; padding-top: 20px; } .list-timeline > li { margin-bottom: 10px; } .list-timeline .list-timeline-time { margin: 0px; padding: 10px 20px; min-height: 50px; text-align: right; color: rgb(153, 153, 153); line-height: 30px; font-style: italic; background-color: rgb(246, 247, 249); border-radius: 2px; } .list-timeline .list-timeline-icon { position: absolute; top: 8px; left: 10px; width: 34px; height: 34px; line-height: 34px; color: rgb(255, 255, 255); text-align: center; border-radius: 10px; } .list-timeline .list-timeline-content { padding: 10px 10px 1px; } .list-timeline .list-timeline-content > p:first-child { margin-bottom: 0px; } @media (min-width: 768px) { .list-timeline-modern::before { position: absolute; top: 0px; left: 119px; bottom: 0px; display: block; width: 6px; content: ""; background-color: rgb(246, 247, 249); z-index: 1; } .list-timeline-modern > li { min-height: 40px; z-index: 2; } .list-timeline-modern > li:last-child { margin-bottom: 0px; } .list-timeline-modern .list-timeline-time { position: absolute; top: 0px; left: 0px; margin: 0px; padding-right: 0px; padding-left: 0px; width: 90px; font-size: 0.928571rem; line-height: normal; background-color: transparent; } .list-timeline-modern .list-timeline-icon { top: 3px; left: 105px; z-index: 2 !important; } .list-timeline-modern .list-timeline-content { padding-left: 155px; } } .list-activity > li { margin-bottom: 10px; padding-bottom: 7px; padding-left: 35px; border-bottom: 1px solid rgb(240, 242, 245); } .list-activity > li > i:first-child { position: absolute; left: 0px; top: 0px; display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; } .list-activity > li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .list-events > li { margin-bottom: 7px; padding: 10px 30px 10px 7px; font-size: 0.928571rem; font-weight: 600; background-color: rgb(227, 244, 252); border-left: 3px dotted rgba(0, 0, 0, 0.1); transition: transform 0.25s ease-out; } .list-events > li::before { position: absolute; top: 50%; left: auto; transform: translateX(0px) translateY(-50%); right: 10px; display: inline-block; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; color: rgba(0, 0, 0, 0.3); content: ""; } .list-events > li:hover { cursor: move; border-left-color: rgba(0, 0, 0, 0.3); transform: translateX(-5px); } .item { display: block; width: 60px; height: 60px; text-align: center; font-size: 28px; font-weight: 300; line-height: 60px; } a.item:hover, a.item:focus { opacity: 0.6; } .item.item-circle { border-radius: 50%; } .item.item-rounded { border-radius: 3px; } .item.item-rounded-big { border-radius: 24px; } .item.item-rounded-big.item-2x { border-radius: 35px; } .item.item-rounded-big.item-3x { border-radius: 50px; } .item.item-2x { width: 100px; height: 100px; line-height: 100px; } .item.item-3x { width: 150px; height: 150px; line-height: 150px; } .ribbon { position: relative; min-height: 52px; } .ribbon-box { position: absolute; top: 10px; right: 0px; padding: 0px 12px; height: 32px; line-height: 32px; color: rgb(255, 255, 255); font-weight: 600; z-index: 2; } .ribbon-box::before { position: absolute; display: block; width: 0px; height: 0px; content: ""; } .ribbon-bookmark .ribbon-box { padding-left: 10px; } .ribbon-bookmark .ribbon-box::before { top: 0px; right: 100%; height: 32px; border-width: 16px 0px 16px 8px; border-style: solid; border-color: currentcolor; border-image: initial; } .ribbon-modern .ribbon-box { top: 10px; right: -8px; padding-left: 12px; padding-right: 12px; border-radius: 16px; } .ribbon-modern .ribbon-box::before { display: none; } .ribbon-left .ribbon-box { right: auto; left: 0px; } .ribbon-left.ribbon-bookmark .ribbon-box { padding-left: 12px; padding-right: 10px; } .ribbon-left.ribbon-bookmark .ribbon-box::before { right: auto; left: 100%; border-left-width: 0px; border-right-width: 8px; } .ribbon-left.ribbon-modern .ribbon-box { left: -8px; } .ribbon-bottom .ribbon-box { top: auto; bottom: 10px; } .ribbon-primary .ribbon-box { background-color: rgb(121, 86, 37); } .ribbon-primary.ribbon-bookmark .ribbon-box::before { border-color: rgb(121, 86, 37) rgb(121, 86, 37) rgb(121, 86, 37) transparent; } .ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(63, 156, 232) transparent rgb(63, 156, 232) rgb(63, 156, 232); } .ribbon-primary.ribbon-modern .ribbon-box::before { border-color: rgb(63, 156, 232) rgb(63, 156, 232) transparent transparent; } .ribbon-primary.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(63, 156, 232) rgb(63, 156, 232) transparent; } .ribbon-primary.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(63, 156, 232) transparent transparent rgb(63, 156, 232); } .ribbon-primary.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(63, 156, 232) rgb(63, 156, 232); } .ribbon-success .ribbon-box { background-color: rgb(156, 204, 101); } .ribbon-success.ribbon-bookmark .ribbon-box::before { border-color: rgb(156, 204, 101) rgb(156, 204, 101) rgb(156, 204, 101) transparent; } .ribbon-success.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(156, 204, 101) transparent rgb(156, 204, 101) rgb(156, 204, 101); } .ribbon-success.ribbon-modern .ribbon-box::before { border-color: rgb(156, 204, 101) rgb(156, 204, 101) transparent transparent; } .ribbon-success.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(156, 204, 101) rgb(156, 204, 101) transparent; } .ribbon-success.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(156, 204, 101) transparent transparent rgb(156, 204, 101); } .ribbon-success.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(156, 204, 101) rgb(156, 204, 101); } .ribbon-info .ribbon-box { background-color: rgb(38, 198, 218); } .ribbon-info.ribbon-bookmark .ribbon-box::before { border-color: rgb(38, 198, 218) rgb(38, 198, 218) rgb(38, 198, 218) transparent; } .ribbon-info.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(38, 198, 218) transparent rgb(38, 198, 218) rgb(38, 198, 218); } .ribbon-info.ribbon-modern .ribbon-box::before { border-color: rgb(38, 198, 218) rgb(38, 198, 218) transparent transparent; } .ribbon-info.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(38, 198, 218) rgb(38, 198, 218) transparent; } .ribbon-info.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(38, 198, 218) transparent transparent rgb(38, 198, 218); } .ribbon-info.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(38, 198, 218) rgb(38, 198, 218); } .ribbon-warning .ribbon-box { background-color: rgb(255, 202, 40); } .ribbon-warning.ribbon-bookmark .ribbon-box::before { border-color: rgb(255, 202, 40) rgb(255, 202, 40) rgb(255, 202, 40) transparent; } .ribbon-warning.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(255, 202, 40) transparent rgb(255, 202, 40) rgb(255, 202, 40); } .ribbon-warning.ribbon-modern .ribbon-box::before { border-color: rgb(255, 202, 40) rgb(255, 202, 40) transparent transparent; } .ribbon-warning.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(255, 202, 40) rgb(255, 202, 40) transparent; } .ribbon-warning.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(255, 202, 40) transparent transparent rgb(255, 202, 40); } .ribbon-warning.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(255, 202, 40) rgb(255, 202, 40); } .ribbon-danger .ribbon-box { background-color: rgb(239, 83, 80); } .ribbon-danger.ribbon-bookmark .ribbon-box::before { border-color: rgb(239, 83, 80) rgb(239, 83, 80) rgb(239, 83, 80) transparent; } .ribbon-danger.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(239, 83, 80) transparent rgb(239, 83, 80) rgb(239, 83, 80); } .ribbon-danger.ribbon-modern .ribbon-box::before { border-color: rgb(239, 83, 80) rgb(239, 83, 80) transparent transparent; } .ribbon-danger.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(239, 83, 80) rgb(239, 83, 80) transparent; } .ribbon-danger.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(239, 83, 80) transparent transparent rgb(239, 83, 80); } .ribbon-danger.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(239, 83, 80) rgb(239, 83, 80); } .ribbon-crystal .ribbon-box { background-color: rgba(255, 255, 255, 0.35); } .ribbon-crystal.ribbon-bookmark .ribbon-box::before { border-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35) transparent; } .ribbon-crystal.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgba(255, 255, 255, 0.35) transparent rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35); } .options-container { position: relative; overflow: hidden; z-index: 1; display: block; } .options-container .options-item { transition: transform 0.35s ease-out; will-change: transform; } .options-container .options-overlay { position: absolute; inset: -2px; z-index: 2; content: ""; opacity: 0; visibility: hidden; transition: 0.3s ease-in; will-change: opacity, transform; } .options-container .options-overlay-content { position: absolute; top: 50%; transform: translateX(0px) translateY(-50%); right: 0px; left: 0px; text-align: center; } .options-container:hover .options-overlay { opacity: 1; visibility: visible; } @media (max-width: 767.98px) { .options-container .options-overlay { display: none; } .options-container:hover .options-overlay { display: block; } } .fx-item-zoom-in:hover .options-item { transform: scale(1.2, 1.2); } .fx-item-rotate-r:hover .options-item { transform: scale(1.4) rotate(8deg); } .fx-item-rotate-l:hover .options-item { transform: scale(1.4) rotate(-8deg); } .fx-overlay-slide-top .options-overlay { transform: translateY(100%); } .fx-overlay-slide-top:hover .options-overlay { transform: translateY(0px); } .fx-overlay-slide-right .options-overlay { transform: translateX(-100%); } .fx-overlay-slide-right:hover .options-overlay { transform: translateX(0px); } .fx-overlay-slide-down .options-overlay { transform: translateY(-100%); } .fx-overlay-slide-down:hover .options-overlay { transform: translateY(0px); } .fx-overlay-slide-left .options-overlay { transform: translateX(100%); } .fx-overlay-slide-left:hover .options-overlay { transform: translateX(0px); } .fx-overlay-zoom-in .options-overlay { transform: scale(0, 0); } .fx-overlay-zoom-in:hover .options-overlay { transform: scale(1, 1); } .fx-overlay-zoom-out .options-overlay { transform: scale(2, 2); } .fx-overlay-zoom-out:hover .options-overlay { transform: scale(1, 1); } .scrumboard { display: flex; align-items: flex-start; flex-wrap: nowrap; overflow-x: auto; opacity: 0; padding: 12px 12px 1px; } @media (min-width: 768px) { .scrumboard { padding: 24px 24px 1px; } } .scrumboard .scrumboard-col { flex: 0 0 auto; width: 320px; margin-right: 12px; } @media (min-width: 768px) { .scrumboard .scrumboard-col { margin-right: 24px; } } .scrumboard .scrumboard-item { position: relative; min-height: 42px; padding: 10px 87px 10px 10px; margin-bottom: 15px; font-weight: 600; color: rgb(168, 126, 0); background-color: rgb(252, 247, 230); border-bottom: 1px solid rgba(168, 126, 0, 0.1); box-shadow: rgba(168, 126, 0, 0.05) 0px 5px 8px; } .scrumboard .scrumboard-item-options { position: absolute; top: 7px; right: 7px; } .scrumboard .scrumboard-item-handler { cursor: move; } .scrumboard .scrumboard-item-placeholder { min-height: 42px; border: 1px dashed rgb(255, 202, 40); } @media print { #page-container, #main-container { padding: 0px !important; } #page-header, #page-footer, #page-loader, #sidebar, #side-overlay, .block-options { display: none !important; } } .bg-primary-op { background-color: rgba(63, 156, 232, 0.75) !important; } a.bg-primary-op:hover, a.bg-primary-op:focus, button.bg-primary-op:hover, button.bg-primary-op:focus { background-color: rgba(26, 132, 218, 0.75) !important; } .bg-primary-dark { background-color: rgb(52, 58, 64) !important; } a.bg-primary-dark:hover, a.bg-primary-dark:focus, button.bg-primary-dark:hover, button.bg-primary-dark:focus { background-color: rgb(29, 33, 36) !important; } .bg-primary-dark-op { background-color: rgba(52, 58, 64, 0.8) !important; } a.bg-primary-dark-op:hover, a.bg-primary-dark-op:focus, button.bg-primary-dark-op:hover, button.bg-primary-dark-op:focus { background-color: rgba(29, 33, 36, 0.8) !important; } .bg-primary-darker { background-color: rgb(33, 37, 41) !important; } a.bg-primary-darker:hover, a.bg-primary-darker:focus, button.bg-primary-darker:hover, button.bg-primary-darker:focus { background-color: rgb(10, 12, 13) !important; } .bg-primary-light { background-color: rgb(131, 191, 240) !important; } a.bg-primary-light:hover, a.bg-primary-light:focus, button.bg-primary-light:hover, button.bg-primary-light:focus { background-color: rgb(86, 168, 235) !important; } .bg-primary-lighter { background-color: rgb(200, 226, 248) !important; } a.bg-primary-lighter:hover, a.bg-primary-lighter:focus, button.bg-primary-lighter:hover, button.bg-primary-lighter:focus { background-color: rgb(154, 203, 243) !important; } .bg-body { background-color: rgb(240, 242, 245) !important; } a.bg-body:hover, a.bg-body:focus, button.bg-body:hover, button.bg-body:focus { background-color: rgb(209, 215, 225) !important; } .bg-body-light { background-color: rgb(246, 247, 249) !important; } a.bg-body-light:hover, a.bg-body-light:focus, button.bg-body-light:hover, button.bg-body-light:focus { background-color: rgb(216, 221, 229) !important; } .bg-body-dark { background-color: rgb(228, 231, 237) !important; } a.bg-body-dark:hover, a.bg-body-dark:focus, button.bg-body-dark:hover, button.bg-body-dark:focus { background-color: rgb(197, 205, 216) !important; } .bg-muted { background-color: rgb(108, 117, 125) !important; } a.bg-muted:hover, a.bg-muted:focus, button.bg-muted:hover, button.bg-muted:focus { background-color: rgb(84, 91, 98) !important; } .bg-success-light { background-color: rgb(235, 245, 223) !important; } a.bg-success-light:hover, a.bg-success-light:focus, button.bg-success-light:hover, button.bg-success-light:focus { background-color: rgb(211, 233, 184) !important; } .bg-warning-light { background-color: rgb(252, 247, 230) !important; } a.bg-warning-light:hover, a.bg-warning-light:focus, button.bg-warning-light:hover, button.bg-warning-light:focus { background-color: rgb(247, 232, 184) !important; } .bg-info-light { background-color: rgb(227, 244, 252) !important; } a.bg-info-light:hover, a.bg-info-light:focus, button.bg-info-light:hover, button.bg-info-light:focus { background-color: rgb(181, 226, 247) !important; } .bg-danger-light { background-color: rgb(250, 233, 232) !important; } a.bg-danger-light:hover, a.bg-danger-light:focus, button.bg-danger-light:hover, button.bg-danger-light:focus { background-color: rgb(241, 193, 190) !important; } .bg-white { background-color: rgb(255, 255, 255) !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: rgb(230, 230, 230) !important; } .bg-black { background-color: rgb(0, 0, 0) !important; } a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: black !important; } .bg-gray { background-color: rgb(206, 212, 218) !important; } a.bg-gray:hover, a.bg-gray:focus, button.bg-gray:hover, button.bg-gray:focus { background-color: rgb(177, 187, 196) !important; } .bg-gray-dark { background-color: rgb(108, 117, 125) !important; } a.bg-gray-dark:hover, a.bg-gray-dark:focus, button.bg-gray-dark:hover, button.bg-gray-dark:focus { background-color: rgb(84, 91, 98) !important; } .bg-gray-darker { background-color: rgb(52, 58, 64) !important; } a.bg-gray-darker:hover, a.bg-gray-darker:focus, button.bg-gray-darker:hover, button.bg-gray-darker:focus { background-color: rgb(29, 33, 36) !important; } .bg-gray-light { background-color: rgb(233, 236, 239) !important; } a.bg-gray-light:hover, a.bg-gray-light:focus, button.bg-gray-light:hover, button.bg-gray-light:focus { background-color: rgb(203, 211, 218) !important; } .bg-gray-lighter { background-color: rgb(248, 249, 250) !important; } a.bg-gray-lighter:hover, a.bg-gray-lighter:focus, button.bg-gray-lighter:hover, button.bg-gray-lighter:focus { background-color: rgb(218, 224, 229) !important; } .bg-gd-primary { background: linear-gradient(135deg, rgb(23, 118, 195) 0%, rgb(86, 168, 235) 100%) !important; } .bg-gd-dusk { background: linear-gradient(135deg, rgb(210, 98, 227) 0%, rgb(63, 156, 232) 100%) !important; } .bg-gd-cherry { background: linear-gradient(135deg, rgb(234, 97, 83) 0%, rgb(214, 44, 26) 100%) !important; } .bg-gd-aqua { background: linear-gradient(135deg, rgb(47, 172, 178) 0%, rgb(112, 178, 156) 100%) !important; } .bg-gd-emerald { background: linear-gradient(135deg, rgb(110, 171, 77) 0%, rgb(47, 172, 178) 100%) !important; } .bg-gd-sea { background: linear-gradient(135deg, rgb(31, 140, 228) 0%, rgb(38, 198, 218) 100%) !important; } .bg-gd-leaf { background: linear-gradient(135deg, rgb(255, 202, 40) 0%, rgb(156, 204, 101) 100%) !important; } .bg-gd-lake { background: linear-gradient(135deg, rgb(38, 198, 218) 0%, rgb(156, 204, 101) 100%) !important; } .bg-gd-sun { background: linear-gradient(135deg, rgb(239, 83, 80) 0%, rgb(255, 202, 40) 100%) !important; } .bg-gd-light { background: linear-gradient(0deg, rgb(246, 247, 249) 0%, rgb(255, 255, 255) 100%) !important; } .bg-black-op { background-color: rgba(0, 0, 0, 0.5) !important; } .bg-black-op-5 { background-color: rgba(0, 0, 0, 0.05) !important; } .bg-black-op-10 { background-color: rgba(0, 0, 0, 0.1) !important; } .bg-black-op-25 { background-color: rgba(0, 0, 0, 0.25) !important; } .bg-black-op-75 { background-color: rgba(0, 0, 0, 0.75) !important; } .bg-black-op-90 { background-color: rgba(0, 0, 0, 0.9) !important; } .bg-black-op-95 { background-color: rgba(0, 0, 0, 0.95) !important; } .bg-white-op { background-color: rgba(255, 255, 255, 0.5) !important; } .bg-white-op-5 { background-color: rgba(255, 255, 255, 0.05) !important; } .bg-white-op-10 { background-color: rgba(255, 255, 255, 0.1) !important; } .bg-white-op-25 { background-color: rgba(255, 255, 255, 0.25) !important; } .bg-white-op-75 { background-color: rgba(255, 255, 255, 0.75) !important; } .bg-white-op-90 { background-color: rgba(255, 255, 255, 0.9) !important; } .bg-white-op-95 { background-color: rgba(255, 255, 255, 0.95) !important; } .bg-image { background-color: rgb(248, 249, 250); background-position: 0% 50%; background-size: cover; } .bg-image-top { background-position-y: 0%; } .bg-image-bottom { background-position-y: 100%; } @media (min-width: 1200px) { .bg-image-fixed { background-attachment: fixed; } } .bg-pattern { background-repeat: repeat; } .bg-video { width: 100%; transform: translateZ(0px); } .border { border: 1px solid rgb(228, 231, 237) !important; } .border-t { border-top: 1px solid rgb(228, 231, 237) !important; } .border-r { border-right: 1px solid rgb(228, 231, 237) !important; } .border-b { border-bottom: 1px solid rgb(228, 231, 237) !important; } .border-l { border-left: 1px solid rgb(228, 231, 237) !important; } .border-light { border: 1px solid rgb(246, 247, 249) !important; } .border-light-t { border-top: 1px solid rgb(246, 247, 249) !important; } .border-light-r { border-right: 1px solid rgb(246, 247, 249) !important; } .border-light-b { border-bottom: 1px solid rgb(246, 247, 249) !important; } .border-light-l { border-left: 1px solid rgb(246, 247, 249) !important; } .border-white-op { border: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-white-op-t { border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-white-op-r { border-right: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-white-op-b { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-white-op-l { border-left: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-black-op { border: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-black-op-t { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-black-op-r { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-black-op-b { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-black-op-l { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-2x { border-width: 2px !important; } .border-3x { border-width: 3px !important; } .border-4x { border-width: 4px !important; } .border-5x { border-width: 5px !important; } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .opacity-0 { opacity: 0; } .opacity-1 { opacity: 1; } .click-ripple { display: block; position: absolute; background: rgba(255, 255, 255, 0.5); border-radius: 100%; transform: scale(0); } .click-ripple.animate { animation: 0.9s ease-out 0s 1 normal none running click-ripple; } @keyframes click-ripple { 100% { opacity: 0; transform: scale(3); } } .pos-t-5 { top: 5% !important; } .pos-t-10 { top: 10% !important; } .pos-t-20 { top: 20% !important; } .pos-t-25 { top: 25% !important; } .pos-t-30 { top: 30% !important; } .pos-t-40 { top: 40% !important; } .pos-t-50 { top: 50% !important; } .pos-t-60 { top: 60% !important; } .pos-t-70 { top: 70% !important; } .pos-t-75 { top: 75% !important; } .pos-t-80 { top: 80% !important; } .pos-t-90 { top: 90% !important; } .pos-t-100 { top: 100% !important; } .pos-l-5 { left: 5% !important; } .pos-l-10 { left: 10% !important; } .pos-l-20 { left: 20% !important; } .pos-l-25 { left: 25% !important; } .pos-l-30 { left: 30% !important; } .pos-l-40 { left: 40% !important; } .pos-l-50 { left: 50% !important; } .pos-l-60 { left: 60% !important; } .pos-l-70 { left: 70% !important; } .pos-l-75 { left: 75% !important; } .pos-l-80 { left: 80% !important; } .pos-l-90 { left: 90% !important; } .pos-l-100 { left: 100% !important; } .min-width-20 { min-width: 20px !important; } .min-width-30 { min-width: 30px !important; } .min-width-50 { min-width: 50px !important; } .min-width-75 { min-width: 75px !important; } .min-width-100 { min-width: 100px !important; } .min-width-125 { min-width: 125px !important; } .min-width-150 { min-width: 150px !important; } .min-width-175 { min-width: 175px !important; } .min-width-200 { min-width: 200px !important; } .min-width-300 { min-width: 300px !important; } .min-width-320 { min-width: 320px !important; } .min-height-20 { min-height: 20px !important; } .min-height-30 { min-height: 30px !important; } .min-height-50 { min-height: 50px !important; } .min-height-75 { min-height: 75px !important; } .min-height-100 { min-height: 100px !important; } .min-height-125 { min-height: 125px !important; } .min-height-150 { min-height: 150px !important; } .min-height-175 { min-height: 175px !important; } .min-height-200 { min-height: 200px !important; } .min-height-300 { min-height: 300px !important; } .min-height-400 { min-height: 400px !important; } .min-height-500 { min-height: 500px !important; } .wh-10 { width: 10px !important; height: 10px !important; } .wh-20 { width: 20px !important; height: 20px !important; } .wh-30 { width: 30px !important; height: 30px !important; } .wh-40 { width: 40px !important; height: 40px !important; } .wh-50 { width: 50px !important; height: 50px !important; } .m-5 { margin: 5px !important; } .mt-5, .my-5 { margin-top: 5px !important; } .mr-5, .mx-5 { margin-right: 5px !important; } .mb-5, .my-5 { margin-bottom: 5px !important; } .ml-5, .mx-5 { margin-left: 5px !important; } .m-10 { margin: 10px !important; } .mt-10, .my-10 { margin-top: 10px !important; } .mr-10, .mx-10 { margin-right: 10px !important; } .mb-10, .my-10 { margin-bottom: 10px !important; } .ml-10, .mx-10 { margin-left: 10px !important; } .m-15 { margin: 15px !important; } .mt-15, .my-15 { margin-top: 15px !important; } .mr-15, .mx-15 { margin-right: 15px !important; } .mb-15, .my-15 { margin-bottom: 15px !important; } .ml-15, .mx-15 { margin-left: 15px !important; } .m-20 { margin: 20px !important; } .mt-20, .my-20 { margin-top: 20px !important; } .mr-20, .mx-20 { margin-right: 20px !important; } .mb-20, .my-20 { margin-bottom: 20px !important; } .ml-20, .mx-20 { margin-left: 20px !important; } .m-30 { margin: 30px !important; } .mt-30, .my-30 { margin-top: 30px !important; } .mr-30, .mx-30 { margin-right: 30px !important; } .mb-30, .my-30 { margin-bottom: 30px !important; } .ml-30, .mx-30 { margin-left: 30px !important; } .m-50 { margin: 50px !important; } .mt-50, .my-50 { margin-top: 50px !important; } .mr-50, .mx-50 { margin-right: 50px !important; } .mb-50, .my-50 { margin-bottom: 50px !important; } .ml-50, .mx-50 { margin-left: 50px !important; } .m-100 { margin: 100px !important; } .mt-100, .my-100 { margin-top: 100px !important; } .mr-100, .mx-100 { margin-right: 100px !important; } .mb-100, .my-100 { margin-bottom: 100px !important; } .ml-100, .mx-100 { margin-left: 100px !important; } .m-150 { margin: 150px !important; } .mt-150, .my-150 { margin-top: 150px !important; } .mr-150, .mx-150 { margin-right: 150px !important; } .mb-150, .my-150 { margin-bottom: 150px !important; } .ml-150, .mx-150 { margin-left: 150px !important; } .m-200 { margin: 200px !important; } .mt-200, .my-200 { margin-top: 200px !important; } .mr-200, .mx-200 { margin-right: 200px !important; } .mb-200, .my-200 { margin-bottom: 200px !important; } .ml-200, .mx-200 { margin-left: 200px !important; } .m-300 { margin: 300px !important; } .mt-300, .my-300 { margin-top: 300px !important; } .mr-300, .mx-300 { margin-right: 300px !important; } .mb-300, .my-300 { margin-bottom: 300px !important; } .ml-300, .mx-300 { margin-left: 300px !important; } .p-5 { padding: 5px !important; } .pt-5, .py-5 { padding-top: 5px !important; } .pr-5, .px-5 { padding-right: 5px !important; } .pb-5, .py-5 { padding-bottom: 5px !important; } .pl-5, .px-5 { padding-left: 5px !important; } .p-10 { padding: 10px !important; } .pt-10, .py-10 { padding-top: 10px !important; } .pr-10, .px-10 { padding-right: 10px !important; } .pb-10, .py-10 { padding-bottom: 10px !important; } .pl-10, .px-10 { padding-left: 10px !important; } .p-15 { padding: 15px !important; } .pt-15, .py-15 { padding-top: 15px !important; } .pr-15, .px-15 { padding-right: 15px !important; } .pb-15, .py-15 { padding-bottom: 15px !important; } .pl-15, .px-15 { padding-left: 15px !important; } .p-20 { padding: 20px !important; } .pt-20, .py-20 { padding-top: 20px !important; } .pr-20, .px-20 { padding-right: 20px !important; } .pb-20, .py-20 { padding-bottom: 20px !important; } .pl-20, .px-20 { padding-left: 20px !important; } .p-30 { padding: 30px !important; } .pt-30, .py-30 { padding-top: 30px !important; } .pr-30, .px-30 { padding-right: 30px !important; } .pb-30, .py-30 { padding-bottom: 30px !important; } .pl-30, .px-30 { padding-left: 30px !important; } .p-50 { padding: 50px !important; } .pt-50, .py-50 { padding-top: 50px !important; } .pr-50, .px-50 { padding-right: 50px !important; } .pb-50, .py-50 { padding-bottom: 50px !important; } .pl-50, .px-50 { padding-left: 50px !important; } .p-100 { padding: 100px !important; } .pt-100, .py-100 { padding-top: 100px !important; } .pr-100, .px-100 { padding-right: 100px !important; } .pb-100, .py-100 { padding-bottom: 100px !important; } .pl-100, .px-100 { padding-left: 100px !important; } .p-150 { padding: 150px !important; } .pt-150, .py-150 { padding-top: 150px !important; } .pr-150, .px-150 { padding-right: 150px !important; } .pb-150, .py-150 { padding-bottom: 150px !important; } .pl-150, .px-150 { padding-left: 150px !important; } .p-200 { padding: 200px !important; } .pt-200, .py-200 { padding-top: 200px !important; } .pr-200, .px-200 { padding-right: 200px !important; } .pb-200, .py-200 { padding-bottom: 200px !important; } .pl-200, .px-200 { padding-left: 200px !important; } .p-300 { padding: 300px !important; } .pt-300, .py-300 { padding-top: 300px !important; } .pr-300, .px-300 { padding-right: 300px !important; } .pb-300, .py-300 { padding-bottom: 300px !important; } .pl-300, .px-300 { padding-left: 300px !important; } .push, .items-push > div { margin-bottom: 24px; } .font-w300 { font-weight: 300 !important; } .font-w400 { font-weight: 400 !important; } .font-w600 { font-weight: 600 !important; } .font-w700 { font-weight: 700 !important; } .font-size-default { font-size: 1rem !important; } .font-size-xl { font-size: 1.42857rem !important; } .font-size-lg { font-size: 1.28571rem !important; } .font-size-md { font-size: 1.14286rem !important; } .font-size-sm { font-size: 0.928571rem !important; } .font-size-xs { font-size: 0.857143rem !important; } .line-height-base { line-height: 1.5 !important; } .text-wrap-break-word { overflow-wrap: break-word; } .text-uppercase { letter-spacing: 0.0625rem; } .text-primary-dark { color: rgb(52, 58, 64) !important; } a.text-primary-dark.link-effect::before { background-color: rgb(52, 58, 64); } a.text-primary-dark:hover, a.text-primary-dark:focus { color: rgb(6, 7, 8) !important; } .text-primary-darker { color: rgb(33, 37, 41) !important; } a.text-primary-darker.link-effect::before { background-color: rgb(33, 37, 41); } a.text-primary-darker:hover, a.text-primary-darker:focus { color: black !important; } .text-primary-light { color: rgb(227, 168, 105) !important; } a.text-primary-light.link-effect::before { background-color: rgb(227, 168, 105); } a.text-primary-light:hover, a.text-primary-light:focus { color: rgb(40, 144, 229) !important; } .text-primary-lighter { color: rgb(200, 226, 248) !important; } a.text-primary-lighter.link-effect::before { background-color: rgb(200, 226, 248); } a.text-primary-lighter:hover, a.text-primary-lighter:focus { color: rgb(109, 179, 237) !important; } .text-body-bg { color: rgb(240, 242, 245) !important; } a.text-body-bg.link-effect::before { background-color: rgb(240, 242, 245); } a.text-body-bg:hover, a.text-body-bg:focus { color: rgb(179, 189, 204) !important; } .text-body-bg-dark { color: rgb(228, 231, 237) !important; } a.text-body-bg-dark.link-effect::before { background-color: rgb(228, 231, 237); } a.text-body-bg-dark:hover, a.text-body-bg-dark:focus { color: rgb(167, 178, 196) !important; } .text-body-bg-light { color: rgb(246, 247, 249) !important; } a.text-body-bg-light.link-effect::before { background-color: rgb(246, 247, 249); } a.text-body-bg-light:hover, a.text-body-bg-light:focus { color: rgb(185, 194, 208) !important; } .text-body-color { color: rgb(87, 87, 87) !important; } a.text-body-color.link-effect::before { background-color: rgb(87, 87, 87); } a.text-body-color:hover, a.text-body-color:focus { color: rgb(36, 36, 36) !important; } .text-body-color-dark { color: rgb(23, 23, 23) !important; } a.text-body-color-dark.link-effect::before { background-color: rgb(23, 23, 23); } a.text-body-color-dark:hover, a.text-body-color-dark:focus { color: black !important; } .text-body-color-light { color: rgb(228, 231, 237) !important; } a.text-body-color-light.link-effect::before { background-color: rgb(228, 231, 237); } a.text-body-color-light:hover, a.text-body-color-light:focus { color: rgb(167, 178, 196) !important; } .text-muted { color: rgb(108, 117, 125) !important; } a.text-muted.link-effect::before { background-color: rgb(108, 117, 125); } a.text-muted:hover, a.text-muted:focus { color: rgb(61, 66, 70) !important; } .text-success-light { color: rgb(235, 245, 223) !important; } a.text-success-light.link-effect::before { background-color: rgb(235, 245, 223); } a.text-success-light:hover, a.text-success-light:focus { color: rgb(186, 221, 145) !important; } .text-warning-light { color: rgb(252, 247, 230) !important; } a.text-warning-light.link-effect::before { background-color: rgb(252, 247, 230); } a.text-warning-light:hover, a.text-warning-light:focus { color: rgb(241, 218, 139) !important; } .text-info-light { color: rgb(227, 244, 252) !important; } a.text-info-light.link-effect::before { background-color: rgb(227, 244, 252); } a.text-info-light:hover, a.text-info-light:focus { color: rgb(135, 208, 242) !important; } .text-danger-light { color: rgb(250, 233, 232) !important; } a.text-danger-light.link-effect::before { background-color: rgb(250, 233, 232); } a.text-danger-light:hover, a.text-danger-light:focus { color: rgb(232, 153, 148) !important; } .text-white { color: rgb(255, 255, 255) !important; } a.text-white.link-effect::before { background-color: rgb(255, 255, 255); } a.text-white:hover, a.text-white:focus { color: rgb(204, 204, 204) !important; } .text-white-op { color: rgba(255, 255, 255, 0.8) !important; } a.text-white-op.link-effect::before { background-color: rgba(255, 255, 255, 0.8); } a.text-white-op:hover, a.text-white-op:focus { color: rgba(204, 204, 204, 0.8) !important; } .text-black { color: rgb(0, 0, 0) !important; } a.text-black.link-effect::before { background-color: rgb(0, 0, 0); } a.text-black:hover, a.text-black:focus { color: black !important; } .text-black-op { color: rgba(0, 0, 0, 0.5) !important; } a.text-black-op.link-effect::before { background-color: rgba(0, 0, 0, 0.5); } a.text-black-op:hover, a.text-black-op:focus { color: rgba(0, 0, 0, 0.5) !important; } .text-gray { color: rgb(206, 212, 218) !important; } a.text-gray.link-effect::before { background-color: rgb(206, 212, 218); } a.text-gray:hover, a.text-gray:focus { color: rgb(148, 161, 174) !important; } .text-gray-dark { color: rgb(108, 117, 125) !important; } a.text-gray-dark.link-effect::before { background-color: rgb(108, 117, 125); } a.text-gray-dark:hover, a.text-gray-dark:focus { color: rgb(61, 66, 70) !important; } .text-gray-darker { color: rgb(52, 58, 64) !important; } a.text-gray-darker.link-effect::before { background-color: rgb(52, 58, 64); } a.text-gray-darker:hover, a.text-gray-darker:focus { color: rgb(6, 7, 8) !important; } .text-gray-light { color: rgb(233, 236, 239) !important; } a.text-gray-light.link-effect::before { background-color: rgb(233, 236, 239); } a.text-gray-light:hover, a.text-gray-light:focus { color: rgb(174, 185, 196) !important; } .text-gray-lighter { color: rgb(248, 249, 250) !important; } a.text-gray-lighter.link-effect::before { background-color: rgb(248, 249, 250); } a.text-gray-lighter:hover, a.text-gray-lighter:focus { color: rgb(189, 198, 208) !important; } .text-dual-primary-dark { color: rgb(52, 58, 64) !important; } a.text-dual-primary-dark.link-effect::before { background-color: rgb(52, 58, 64); } a.text-dual-primary-dark:hover, a.text-dual-primary-dark:focus { color: rgb(6, 7, 8) !important; } .page-header-inverse #page-header .text-dual-primary-dark, .sidebar-inverse #sidebar .text-dual-primary-dark { color: rgb(228, 231, 237) !important; } .page-header-inverse #page-header a.text-dual-primary-dark.link-effect::before, .sidebar-inverse #sidebar a.text-dual-primary-dark.link-effect::before { background-color: rgb(228, 231, 237); } .page-header-inverse #page-header a.text-dual-primary-dark:hover, .page-header-inverse #page-header a.text-dual-primary-dark:focus, .sidebar-inverse #sidebar a.text-dual-primary-dark:hover, .sidebar-inverse #sidebar a.text-dual-primary-dark:focus { color: rgb(167, 178, 196) !important; } .align-parent { position: relative; } .align-v { position: absolute; top: 50%; right: auto; left: auto; transform: translateX(0px) translateY(-50%); } .align-v-r { position: absolute; top: 50%; right: 0px; left: auto; transform: translateX(0px) translateY(-50%); } .align-v-l { position: absolute; top: 50%; right: auto; left: 0px; transform: translateX(0px) translateY(-50%); } .align-v-r { position: absolute; top: 50%; right: 0px; left: auto; transform: translateX(0px) translateY(-50%); } .align-v-h { position: absolute; top: 50%; right: auto; left: 50%; transform: translateX(-50%) translateY(-50%); } .text-default { color: rgb(63, 156, 232) !important; } a.text-default.link-effect::before { background-color: rgb(63, 156, 232); } a.text-default:hover, a.text-default:focus { color: rgb(21, 104, 172) !important; } .text-default-dark { color: rgb(52, 58, 64) !important; } a.text-default-dark.link-effect::before { background-color: rgb(52, 58, 64); } a.text-default-dark:hover, a.text-default-dark:focus { color: rgb(6, 7, 8) !important; } .text-default-darker { color: rgb(33, 37, 41) !important; } a.text-default-darker.link-effect::before { background-color: rgb(33, 37, 41); } a.text-default-darker:hover, a.text-default-darker:focus { color: black !important; } .text-default-light { color: rgb(131, 191, 240) !important; } a.text-default-light.link-effect::before { background-color: rgb(131, 191, 240); } a.text-default-light:hover, a.text-default-light:focus { color: rgb(40, 144, 229) !important; } .text-default-lighter { color: rgb(200, 226, 248) !important; } a.text-default-lighter.link-effect::before { background-color: rgb(200, 226, 248); } a.text-default-lighter:hover, a.text-default-lighter:focus { color: rgb(109, 179, 237) !important; } .bg-default { background-color: rgb(63, 156, 232) !important; } a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus { background-color: rgb(26, 132, 218) !important; } .bg-default-op { background-color: rgba(63, 156, 232, 0.75) !important; } a.bg-default-op:hover, a.bg-default-op:focus, button.bg-default-op:hover, button.bg-default-op:focus { background-color: rgba(26, 132, 218, 0.75) !important; } .bg-default-dark { background-color: rgb(52, 58, 64) !important; } a.bg-default-dark:hover, a.bg-default-dark:focus, button.bg-default-dark:hover, button.bg-default-dark:focus { background-color: rgb(29, 33, 36) !important; } .bg-default-dark-op { background-color: rgba(52, 58, 64, 0.83) !important; } a.bg-default-dark-op:hover, a.bg-default-dark-op:focus, button.bg-default-dark-op:hover, button.bg-default-dark-op:focus { background-color: rgba(29, 33, 36, 0.83) !important; } .bg-default-darker { background-color: rgb(33, 37, 41) !important; } a.bg-default-darker:hover, a.bg-default-darker:focus, button.bg-default-darker:hover, button.bg-default-darker:focus { background-color: rgb(10, 12, 13) !important; } .bg-default-light { background-color: rgb(131, 191, 240) !important; } a.bg-default-light:hover, a.bg-default-light:focus, button.bg-default-light:hover, button.bg-default-light:focus { background-color: rgb(86, 168, 235) !important; } .bg-default-lighter { background-color: rgb(200, 226, 248) !important; } a.bg-default-lighter:hover, a.bg-default-lighter:focus, button.bg-default-lighter:hover, button.bg-default-lighter:focus { background-color: rgb(154, 203, 243) !important; } .bg-gd-default { background: linear-gradient(135deg, rgb(23, 118, 195) 0%, rgb(86, 168, 235) 100%) !important; } .text-elegance { color: rgb(210, 98, 227) !important; } a.text-elegance.link-effect::before { background-color: rgb(210, 98, 227); } a.text-elegance:hover, a.text-elegance:focus { color: rgb(169, 34, 189) !important; } .text-elegance-dark { color: rgb(64, 53, 55) !important; } a.text-elegance-dark.link-effect::before { background-color: rgb(64, 53, 55); } a.text-elegance-dark:hover, a.text-elegance-dark:focus { color: rgb(8, 7, 7) !important; } .text-elegance-darker { color: rgb(51, 42, 44) !important; } a.text-elegance-darker.link-effect::before { background-color: rgb(51, 42, 44); } a.text-elegance-darker:hover, a.text-elegance-darker:focus { color: black !important; } .text-elegance-light { color: rgb(225, 150, 236) !important; } a.text-elegance-light.link-effect::before { background-color: rgb(225, 150, 236); } a.text-elegance-light:hover, a.text-elegance-light:focus { color: rgb(200, 63, 221) !important; } .text-elegance-lighter { color: rgb(237, 193, 244) !important; } a.text-elegance-lighter.link-effect::before { background-color: rgb(237, 193, 244); } a.text-elegance-lighter:hover, a.text-elegance-lighter:focus { color: rgb(212, 107, 229) !important; } .bg-elegance { background-color: rgb(210, 98, 227) !important; } a.bg-elegance:hover, a.bg-elegance:focus, button.bg-elegance:hover, button.bg-elegance:focus { background-color: rgb(198, 55, 219) !important; } .bg-elegance-op { background-color: rgba(210, 98, 227, 0.75) !important; } a.bg-elegance-op:hover, a.bg-elegance-op:focus, button.bg-elegance-op:hover, button.bg-elegance-op:focus { background-color: rgba(198, 55, 219, 0.75) !important; } .bg-elegance-dark { background-color: rgb(64, 53, 55) !important; } a.bg-elegance-dark:hover, a.bg-elegance-dark:focus, button.bg-elegance-dark:hover, button.bg-elegance-dark:focus { background-color: rgb(36, 30, 31) !important; } .bg-elegance-dark-op { background-color: rgba(64, 53, 55, 0.83) !important; } a.bg-elegance-dark-op:hover, a.bg-elegance-dark-op:focus, button.bg-elegance-dark-op:hover, button.bg-elegance-dark-op:focus { background-color: rgba(36, 30, 31, 0.83) !important; } .bg-elegance-darker { background-color: rgb(51, 42, 44) !important; } a.bg-elegance-darker:hover, a.bg-elegance-darker:focus, button.bg-elegance-darker:hover, button.bg-elegance-darker:focus { background-color: rgb(23, 19, 20) !important; } .bg-elegance-light { background-color: rgb(225, 150, 236) !important; } a.bg-elegance-light:hover, a.bg-elegance-light:focus, button.bg-elegance-light:hover, button.bg-elegance-light:focus { background-color: rgb(212, 107, 229) !important; } .bg-elegance-lighter { background-color: rgb(237, 193, 244) !important; } a.bg-elegance-lighter:hover, a.bg-elegance-lighter:focus, button.bg-elegance-lighter:hover, button.bg-elegance-lighter:focus { background-color: rgb(225, 150, 236) !important; } .bg-gd-elegance { background: linear-gradient(135deg, rgb(188, 38, 211) 0%, rgb(216, 120, 231) 100%) !important; } .text-pulse { color: rgb(231, 76, 60) !important; } a.text-pulse.link-effect::before { background-color: rgb(231, 76, 60); } a.text-pulse:hover, a.text-pulse:focus { color: rgb(168, 35, 21) !important; } .text-pulse-dark { color: rgb(56, 56, 56) !important; } a.text-pulse-dark.link-effect::before { background-color: rgb(56, 56, 56); } a.text-pulse-dark:hover, a.text-pulse-dark:focus { color: rgb(5, 5, 5) !important; } .text-pulse-darker { color: rgb(35, 35, 35) !important; } a.text-pulse-darker.link-effect::before { background-color: rgb(35, 35, 35); } a.text-pulse-darker:hover, a.text-pulse-darker:focus { color: black !important; } .text-pulse-light { color: rgb(235, 109, 96) !important; } a.text-pulse-light.link-effect::before { background-color: rgb(235, 109, 96); } a.text-pulse-light:hover, a.text-pulse-light:focus { color: rgb(205, 42, 25) !important; } .text-pulse-lighter { color: rgb(243, 168, 160) !important; } a.text-pulse-lighter.link-effect::before { background-color: rgb(243, 168, 160); } a.text-pulse-lighter:hover, a.text-pulse-lighter:focus { color: rgb(232, 84, 69) !important; } .bg-pulse { background-color: rgb(231, 76, 60) !important; } a.bg-pulse:hover, a.bg-pulse:focus, button.bg-pulse:hover, button.bg-pulse:focus { background-color: rgb(214, 44, 26) !important; } .bg-pulse-op { background-color: rgba(231, 76, 60, 0.75) !important; } a.bg-pulse-op:hover, a.bg-pulse-op:focus, button.bg-pulse-op:hover, button.bg-pulse-op:focus { background-color: rgba(214, 44, 26, 0.75) !important; } .bg-pulse-dark { background-color: rgb(56, 56, 56) !important; } a.bg-pulse-dark:hover, a.bg-pulse-dark:focus, button.bg-pulse-dark:hover, button.bg-pulse-dark:focus { background-color: rgb(31, 31, 31) !important; } .bg-pulse-dark-op { background-color: rgba(56, 56, 56, 0.83) !important; } a.bg-pulse-dark-op:hover, a.bg-pulse-dark-op:focus, button.bg-pulse-dark-op:hover, button.bg-pulse-dark-op:focus { background-color: rgba(31, 31, 31, 0.83) !important; } .bg-pulse-darker { background-color: rgb(35, 35, 35) !important; } a.bg-pulse-darker:hover, a.bg-pulse-darker:focus, button.bg-pulse-darker:hover, button.bg-pulse-darker:focus { background-color: rgb(10, 10, 10) !important; } .bg-pulse-light { background-color: rgb(235, 109, 96) !important; } a.bg-pulse-light:hover, a.bg-pulse-light:focus, button.bg-pulse-light:hover, button.bg-pulse-light:focus { background-color: rgb(230, 68, 51) !important; } .bg-pulse-lighter { background-color: rgb(243, 168, 160) !important; } a.bg-pulse-lighter:hover, a.bg-pulse-lighter:focus, button.bg-pulse-lighter:hover, button.bg-pulse-lighter:focus { background-color: rgb(238, 126, 114) !important; } .bg-gd-pulse { background: linear-gradient(135deg, rgb(191, 39, 24) 0%, rgb(234, 97, 83) 100%) !important; } .text-flat { color: rgb(112, 178, 156) !important; } a.text-flat.link-effect::before { background-color: rgb(112, 178, 156); } a.text-flat:hover, a.text-flat:focus { color: rgb(66, 122, 103) !important; } .text-flat-dark { color: rgb(17, 63, 76) !important; } a.text-flat-dark.link-effect::before { background-color: rgb(17, 63, 76); } a.text-flat-dark:hover, a.text-flat-dark:focus { color: black !important; } .text-flat-darker { color: rgb(11, 40, 48) !important; } a.text-flat-darker.link-effect::before { background-color: rgb(11, 40, 48); } a.text-flat-darker:hover, a.text-flat-darker:focus { color: black !important; } .text-flat-light { color: rgb(172, 210, 197) !important; } a.text-flat-light.link-effect::before { background-color: rgb(172, 210, 197); } a.text-flat-light:hover, a.text-flat-light:focus { color: rgb(105, 174, 151) !important; } .text-flat-lighter { color: rgb(205, 228, 220) !important; } a.text-flat-lighter.link-effect::before { background-color: rgb(205, 228, 220); } a.text-flat-lighter:hover, a.text-flat-lighter:focus { color: rgb(139, 192, 174) !important; } .bg-flat { background-color: rgb(112, 178, 156) !important; } a.bg-flat:hover, a.bg-flat:focus, button.bg-flat:hover, button.bg-flat:focus { background-color: rgb(84, 155, 131) !important; } .bg-flat-op { background-color: rgba(112, 178, 156, 0.75) !important; } a.bg-flat-op:hover, a.bg-flat-op:focus, button.bg-flat-op:hover, button.bg-flat-op:focus { background-color: rgba(84, 155, 131, 0.75) !important; } .bg-flat-dark { background-color: rgb(17, 63, 76) !important; } a.bg-flat-dark:hover, a.bg-flat-dark:focus, button.bg-flat-dark:hover, button.bg-flat-dark:focus { background-color: rgb(8, 28, 34) !important; } .bg-flat-dark-op { background-color: rgba(17, 63, 76, 0.83) !important; } a.bg-flat-dark-op:hover, a.bg-flat-dark-op:focus, button.bg-flat-dark-op:hover, button.bg-flat-dark-op:focus { background-color: rgba(8, 28, 34, 0.83) !important; } .bg-flat-darker { background-color: rgb(11, 40, 48) !important; } a.bg-flat-darker:hover, a.bg-flat-darker:focus, button.bg-flat-darker:hover, button.bg-flat-darker:focus { background-color: rgb(1, 5, 7) !important; } .bg-flat-light { background-color: rgb(172, 210, 197) !important; } a.bg-flat-light:hover, a.bg-flat-light:focus, button.bg-flat-light:hover, button.bg-flat-light:focus { background-color: rgb(139, 192, 174) !important; } .bg-flat-lighter { background-color: rgb(205, 228, 220) !important; } a.bg-flat-lighter:hover, a.bg-flat-lighter:focus, button.bg-flat-lighter:hover, button.bg-flat-lighter:focus { background-color: rgb(172, 210, 197) !important; } .bg-gd-flat { background: linear-gradient(135deg, rgb(75, 139, 117) 0%, rgb(129, 187, 167) 100%) !important; } .text-corporate { color: rgb(47, 172, 178) !important; } a.text-corporate.link-effect::before { background-color: rgb(47, 172, 178); } a.text-corporate:hover, a.text-corporate:focus { color: rgb(26, 94, 97) !important; } .text-corporate-dark { color: rgb(50, 61, 76) !important; } a.text-corporate-dark.link-effect::before { background-color: rgb(50, 61, 76); } a.text-corporate-dark:hover, a.text-corporate-dark:focus { color: rgb(10, 12, 14) !important; } .text-corporate-darker { color: rgb(37, 45, 56) !important; } a.text-corporate-darker.link-effect::before { background-color: rgb(37, 45, 56); } a.text-corporate-darker:hover, a.text-corporate-darker:focus { color: black !important; } .text-corporate-light { color: rgb(90, 206, 211) !important; } a.text-corporate-light.link-effect::before { background-color: rgb(90, 206, 211); } a.text-corporate-light:hover, a.text-corporate-light:focus { color: rgb(42, 153, 158) !important; } .text-corporate-lighter { color: rgb(211, 242, 243) !important; } a.text-corporate-lighter.link-effect::before { background-color: rgb(211, 242, 243); } a.text-corporate-lighter:hover, a.text-corporate-lighter:focus { color: rgb(130, 218, 222) !important; } .bg-corporate { background-color: rgb(47, 172, 178) !important; } a.bg-corporate:hover, a.bg-corporate:focus, button.bg-corporate:hover, button.bg-corporate:focus { background-color: rgb(36, 133, 138) !important; } .bg-corporate-op { background-color: rgba(47, 172, 178, 0.75) !important; } a.bg-corporate-op:hover, a.bg-corporate-op:focus, button.bg-corporate-op:hover, button.bg-corporate-op:focus { background-color: rgba(36, 133, 138, 0.75) !important; } .bg-corporate-dark { background-color: rgb(50, 61, 76) !important; } a.bg-corporate-dark:hover, a.bg-corporate-dark:focus, button.bg-corporate-dark:hover, button.bg-corporate-dark:focus { background-color: rgb(30, 36, 45) !important; } .bg-corporate-dark-op { background-color: rgba(50, 61, 76, 0.83) !important; } a.bg-corporate-dark-op:hover, a.bg-corporate-dark-op:focus, button.bg-corporate-dark-op:hover, button.bg-corporate-dark-op:focus { background-color: rgba(30, 36, 45, 0.83) !important; } .bg-corporate-darker { background-color: rgb(37, 45, 56) !important; } a.bg-corporate-darker:hover, a.bg-corporate-darker:focus, button.bg-corporate-darker:hover, button.bg-corporate-darker:focus { background-color: rgb(17, 20, 25) !important; } .bg-corporate-light { background-color: rgb(90, 206, 211) !important; } a.bg-corporate-light:hover, a.bg-corporate-light:focus, button.bg-corporate-light:hover, button.bg-corporate-light:focus { background-color: rgb(52, 191, 198) !important; } .bg-corporate-lighter { background-color: rgb(211, 242, 243) !important; } a.bg-corporate-lighter:hover, a.bg-corporate-lighter:focus, button.bg-corporate-lighter:hover, button.bg-corporate-lighter:focus { background-color: rgb(171, 230, 233) !important; } .bg-gd-corporate { background: linear-gradient(135deg, rgb(31, 114, 117) 0%, rgb(52, 191, 198) 100%) !important; } .text-earth { color: rgb(110, 171, 77) !important; } a.text-earth.link-effect::before { background-color: rgb(110, 171, 77); } a.text-earth:hover, a.text-earth:focus { color: rgb(65, 101, 45) !important; } .text-earth-dark { color: rgb(66, 66, 66) !important; } a.text-earth-dark.link-effect::before { background-color: rgb(66, 66, 66); } a.text-earth-dark:hover, a.text-earth-dark:focus { color: rgb(15, 15, 15) !important; } .text-earth-darker { color: rgb(34, 34, 34) !important; } a.text-earth-darker.link-effect::before { background-color: rgb(34, 34, 34); } a.text-earth-darker:hover, a.text-earth-darker:focus { color: black !important; } .text-earth-light { color: rgb(160, 202, 138) !important; } a.text-earth-light.link-effect::before { background-color: rgb(160, 202, 138); } a.text-earth-light:hover, a.text-earth-light:focus { color: rgb(105, 164, 74) !important; } .text-earth-lighter { color: rgb(228, 240, 222) !important; } a.text-earth-lighter.link-effect::before { background-color: rgb(228, 240, 222); } a.text-earth-lighter:hover, a.text-earth-lighter:focus { color: rgb(172, 208, 152) !important; } .bg-earth { background-color: rgb(110, 171, 77) !important; } a.bg-earth:hover, a.bg-earth:focus, button.bg-earth:hover, button.bg-earth:focus { background-color: rgb(87, 136, 61) !important; } .bg-earth-op { background-color: rgba(110, 171, 77, 0.75) !important; } a.bg-earth-op:hover, a.bg-earth-op:focus, button.bg-earth-op:hover, button.bg-earth-op:focus { background-color: rgba(87, 136, 61, 0.75) !important; } .bg-earth-dark { background-color: rgb(66, 66, 66) !important; } a.bg-earth-dark:hover, a.bg-earth-dark:focus, button.bg-earth-dark:hover, button.bg-earth-dark:focus { background-color: rgb(41, 41, 41) !important; } .bg-earth-dark-op { background-color: rgba(66, 66, 66, 0.83) !important; } a.bg-earth-dark-op:hover, a.bg-earth-dark-op:focus, button.bg-earth-dark-op:hover, button.bg-earth-dark-op:focus { background-color: rgba(41, 41, 41, 0.83) !important; } .bg-earth-darker { background-color: rgb(34, 34, 34) !important; } a.bg-earth-darker:hover, a.bg-earth-darker:focus, button.bg-earth-darker:hover, button.bg-earth-darker:focus { background-color: rgb(9, 9, 9) !important; } .bg-earth-light { background-color: rgb(160, 202, 138) !important; } a.bg-earth-light:hover, a.bg-earth-light:focus, button.bg-earth-light:hover, button.bg-earth-light:focus { background-color: rgb(132, 186, 102) !important; } .bg-earth-lighter { background-color: rgb(228, 240, 222) !important; } a.bg-earth-lighter:hover, a.bg-earth-lighter:focus, button.bg-earth-lighter:hover, button.bg-earth-lighter:focus { background-color: rgb(200, 224, 187) !important; } .bg-gd-earth { background: linear-gradient(135deg, rgb(76, 118, 53) 0%, rgb(123, 182, 92) 100%) !important; } .animated { animation-duration: 1.2s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { animation-duration: 0.75s; } .animated.flipOutX, .animated.flipOutY { animation-duration: 0.75s; } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); } 40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } @keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { 0%, 100% { transform: translate3d(0px, 0px, 0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } .shake { animation-name: shake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: center top; animation-name: swing; } @keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } @keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); } 100% { transform: none; } } .wobble { animation-name: wobble; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { 0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { backface-visibility: visible; animation-name: flip; } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px) rotate3d(0, 0, 0, 0deg); } } .rollIn { animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { 0% { transform: translateY(-100%); visibility: visible; } 100% { transform: translateY(0px); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { transform: translateX(-100%); visibility: visible; } 100% { transform: translateX(0px); } } .slideInLeft { animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { transform: translateX(100%); visibility: visible; } 100% { transform: translateX(0px); } } @keyframes slideInRight { 0% { transform: translateX(100%); visibility: visible; } 100% { transform: translateX(0px); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { 0% { transform: translateY(100%); visibility: visible; } 100% { transform: translateY(0px); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { 0% { transform: translateY(0px); } 100% { visibility: hidden; transform: translateY(100%); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: translateX(0px); } 100% { visibility: hidden; transform: translateX(-100%); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateX(0px); } 100% { visibility: hidden; transform: translateX(100%); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateY(0px); } 100% { visibility: hidden; transform: translateY(-100%); } } .slideOutUp { animation-name: slideOutUp; } @font-face { font-family: simple-line-icons; src: url('../fonts/f104673f485.woff2') format("woff2"), url('../fonts/f3f501ddb05.ttf') format("truetype"), url('../fonts/f14b825d778.woff') format("woff"); font-weight: normal; font-style: normal; } .si { font-family: simple-line-icons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .si-user::before { content: ""; } .si-people::before { content: ""; } .si-user-female::before { content: ""; } .si-user-follow::before { content: ""; } .si-user-following::before { content: ""; } .si-user-unfollow::before { content: ""; } .si-login::before { content: ""; } .si-logout::before { content: ""; } .si-emotsmile::before { content: ""; } .si-phone::before { content: ""; } .si-call-end::before { content: ""; } .si-call-in::before { content: ""; } .si-call-out::before { content: ""; } .si-map::before { content: ""; } .si-location-pin::before { content: ""; } .si-direction::before { content: ""; } .si-directions::before { content: ""; } .si-compass::before { content: ""; } .si-layers::before { content: ""; } .si-menu::before { content: ""; } .si-list::before { content: ""; } .si-options-vertical::before { content: ""; } .si-options::before { content: ""; } .si-arrow-down::before { content: ""; } .si-arrow-left::before { content: ""; } .si-arrow-right::before { content: ""; } .si-arrow-up::before { content: ""; } .si-arrow-up-circle::before { content: ""; } .si-arrow-left-circle::before { content: ""; } .si-arrow-right-circle::before { content: ""; } .si-arrow-down-circle::before { content: ""; } .si-check::before { content: ""; } .si-clock::before { content: ""; } .si-plus::before { content: ""; } .si-minus::before { content: ""; } .si-close::before { content: ""; } .si-event::before { content: ""; } .si-exclamation::before { content: ""; } .si-organization::before { content: ""; } .si-trophy::before { content: ""; } .si-screen-smartphone::before { content: ""; } .si-screen-desktop::before { content: ""; } .si-plane::before { content: ""; } .si-notebook::before { content: ""; } .si-mustache::before { content: ""; } .si-mouse::before { content: ""; } .si-magnet::before { content: ""; } .si-energy::before { content: ""; } .si-disc::before { content: ""; } .si-cursor::before { content: ""; } .si-cursor-move::before { content: ""; } .si-crop::before { content: ""; } .si-chemistry::before { content: ""; } .si-speedometer::before { content: ""; } .si-shield::before { content: ""; } .si-screen-tablet::before { content: ""; } .si-magic-wand::before { content: ""; } .si-hourglass::before { content: ""; } .si-graduation::before { content: ""; } .si-ghost::before { content: ""; } .si-game-controller::before { content: ""; } .si-fire::before { content: ""; } .si-eyeglass::before { content: ""; } .si-envelope-open::before { content: ""; } .si-envelope-letter::before { content: ""; } .si-bell::before { content: ""; } .si-badge::before { content: ""; } .si-anchor::before { content: ""; } .si-wallet::before { content: ""; } .si-vector::before { content: ""; } .si-speech::before { content: ""; } .si-puzzle::before { content: ""; } .si-printer::before { content: ""; } .si-present::before { content: ""; } .si-playlist::before { content: ""; } .si-pin::before { content: ""; } .si-picture::before { content: ""; } .si-handbag::before { content: ""; } .si-globe-alt::before { content: ""; } .si-globe::before { content: ""; } .si-folder-alt::before { content: ""; } .si-folder::before { content: ""; } .si-film::before { content: ""; } .si-feed::before { content: ""; } .si-drop::before { content: ""; } .si-drawer::before { content: ""; } .si-docs::before { content: ""; } .si-doc::before { content: ""; } .si-diamond::before { content: ""; } .si-cup::before { content: ""; } .si-calculator::before { content: ""; } .si-bubbles::before { content: ""; } .si-briefcase::before { content: ""; } .si-book-open::before { content: ""; } .si-basket-loaded::before { content: ""; } .si-basket::before { content: ""; } .si-bag::before { content: ""; } .si-action-undo::before { content: ""; } .si-action-redo::before { content: ""; } .si-wrench::before { content: ""; } .si-umbrella::before { content: ""; } .si-trash::before { content: ""; } .si-tag::before { content: ""; } .si-support::before { content: ""; } .si-frame::before { content: ""; } .si-size-fullscreen::before { content: ""; } .si-size-actual::before { content: ""; } .si-shuffle::before { content: ""; } .si-share-alt::before { content: ""; } .si-share::before { content: ""; } .si-rocket::before { content: ""; } .si-question::before { content: ""; } .si-pie-chart::before { content: ""; } .si-pencil::before { content: ""; } .si-note::before { content: ""; } .si-loop::before { content: ""; } .si-home::before { content: ""; } .si-grid::before { content: ""; } .si-graph::before { content: ""; } .si-microphone::before { content: ""; } .si-music-tone-alt::before { content: ""; } .si-music-tone::before { content: ""; } .si-earphones-alt::before { content: ""; } .si-earphones::before { content: ""; } .si-equalizer::before { content: ""; } .si-like::before { content: ""; } .si-dislike::before { content: ""; } .si-control-start::before { content: ""; } .si-control-rewind::before { content: ""; } .si-control-play::before { content: ""; } .si-control-pause::before { content: ""; } .si-control-forward::before { content: ""; } .si-control-end::before { content: ""; } .si-volume-1::before { content: ""; } .si-volume-2::before { content: ""; } .si-volume-off::before { content: ""; } .si-calendar::before { content: ""; } .si-bulb::before { content: ""; } .si-chart::before { content: ""; } .si-ban::before { content: ""; } .si-bubble::before { content: ""; } .si-camrecorder::before { content: ""; } .si-camera::before { content: ""; } .si-cloud-download::before { content: ""; } .si-cloud-upload::before { content: ""; } .si-envelope::before { content: ""; } .si-eye::before { content: ""; } .si-flag::before { content: ""; } .si-heart::before { content: ""; } .si-info::before { content: ""; } .si-key::before { content: ""; } .si-link::before { content: ""; } .si-lock::before { content: ""; } .si-lock-open::before { content: ""; } .si-magnifier::before { content: ""; } .si-magnifier-add::before { content: ""; } .si-magnifier-remove::before { content: ""; } .si-paper-clip::before { content: ""; } .si-paper-plane::before { content: ""; } .si-power::before { content: ""; } .si-refresh::before { content: ""; } .si-reload::before { content: ""; } .si-settings::before { content: ""; } .si-star::before { content: ""; } .si-symbol-female::before { content: ""; } .si-symbol-male::before { content: ""; } .si-target::before { content: ""; } .si-credit-card::before { content: ""; } .si-paypal::before { content: ""; } .si-social-tumblr::before { content: ""; } .si-social-twitter::before { content: ""; } .si-social-facebook::before { content: ""; } .si-social-instagram::before { content: ""; } .si-social-linkedin::before { content: ""; } .si-social-pinterest::before { content: ""; } .si-social-github::before { content: ""; } .si-social-google::before { content: ""; } .si-social-reddit::before { content: ""; } .si-social-skype::before { content: ""; } .si-social-dribbble::before { content: ""; } .si-social-behance::before { content: ""; } .si-social-foursqare::before { content: ""; } .si-social-soundcloud::before { content: ""; } .si-social-spotify::before { content: ""; } .si-social-stumbleupon::before { content: ""; } .si-social-youtube::before { content: ""; } .si-social-dropbox::before { content: ""; } .si-social-vkontakte::before { content: ""; } .si-social-steam::before { content: ""; } .si-users::before { content: ""; } .si-bar-chart::before { content: ""; } .si-camcorder::before { content: ""; } .si-emoticon-smile::before { content: ""; } .si-eyeglasses::before { content: ""; } .si-moustache::before { content: ""; } .si-pointer::before { content: ""; } @font-face { font-family: FontAwesome; src: url('../fonts/f2adefcbc04.woff2') format("woff2"), url('../fonts/fba0c59deb5.woff') format("woff"), url('../fonts/faa58f33f23.ttf') format("truetype"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0px; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.142857em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0px; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: rgb(255, 255, 255); } .fa-glass::before { content: ""; } .fa-music::before { content: ""; } .fa-search::before { content: ""; } .fa-envelope-o::before { content: ""; } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-star-o::before { content: ""; } .fa-user::before { content: ""; } .fa-film::before { content: ""; } .fa-th-large::before { content: ""; } .fa-th::before { content: ""; } .fa-th-list::before { content: ""; } .fa-check::before { content: ""; } .fa-remove::before, .fa-close::before, .fa-times::before { content: ""; } .fa-search-plus::before { content: ""; } .fa-search-minus::before { content: ""; } .fa-power-off::before { content: ""; } .fa-signal::before { content: ""; } .fa-gear::before, .fa-cog::before { content: ""; } .fa-trash-o::before { content: ""; } .fa-home::before { content: ""; } .fa-file-o::before { content: ""; } .fa-clock-o::before { content: ""; } .fa-road::before { content: ""; } .fa-download::before { content: ""; } .fa-arrow-circle-o-down::before { content: ""; } .fa-arrow-circle-o-up::before { content: ""; } .fa-inbox::before { content: ""; } .fa-play-circle-o::before { content: ""; } .fa-rotate-right::before, .fa-repeat::before { content: ""; } .fa-refresh::before { content: ""; } .fa-list-alt::before { content: ""; } .fa-lock::before { content: ""; } .fa-flag::before { content: ""; } .fa-headphones::before { content: ""; } .fa-volume-off::before { content: ""; } .fa-volume-down::before { content: ""; } .fa-volume-up::before { content: ""; } .fa-qrcode::before { content: ""; } .fa-barcode::before { content: ""; } .fa-tag::before { content: ""; } .fa-tags::before { content: ""; } .fa-book::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-print::before { content: ""; } .fa-camera::before { content: ""; } .fa-font::before { content: ""; } .fa-bold::before { content: ""; } .fa-italic::before { content: ""; } .fa-text-height::before { content: ""; } .fa-text-width::before { content: ""; } .fa-align-left::before { content: ""; } .fa-align-center::before { content: ""; } .fa-align-right::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-list::before { content: ""; } .fa-dedent::before, .fa-outdent::before { content: ""; } .fa-indent::before { content: ""; } .fa-video-camera::before { content: ""; } .fa-photo::before, .fa-image::before, .fa-picture-o::before { content: ""; } .fa-pencil::before { content: ""; } .fa-map-marker::before { content: ""; } .fa-adjust::before { content: ""; } .fa-tint::before { content: ""; } .fa-edit::before, .fa-pencil-square-o::before { content: ""; } .fa-share-square-o::before { content: ""; } .fa-check-square-o::before { content: ""; } .fa-arrows::before { content: ""; } .fa-step-backward::before { content: ""; } .fa-fast-backward::before { content: ""; } .fa-backward::before { content: ""; } .fa-play::before { content: ""; } .fa-pause::before { content: ""; } .fa-stop::before { content: ""; } .fa-forward::before { content: ""; } .fa-fast-forward::before { content: ""; } .fa-step-forward::before { content: ""; } .fa-eject::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-plus-circle::before { content: ""; } .fa-minus-circle::before { content: ""; } .fa-times-circle::before { content: ""; } .fa-check-circle::before { content: ""; } .fa-question-circle::before { content: ""; } .fa-info-circle::before { content: ""; } .fa-crosshairs::before { content: ""; } .fa-times-circle-o::before { content: ""; } .fa-check-circle-o::before { content: ""; } .fa-ban::before { content: ""; } .fa-arrow-left::before { content: ""; } .fa-arrow-right::before { content: ""; } .fa-arrow-up::before { content: ""; } .fa-arrow-down::before { content: ""; } .fa-mail-forward::before, .fa-share::before { content: ""; } .fa-expand::before { content: ""; } .fa-compress::before { content: ""; } .fa-plus::before { content: ""; } .fa-minus::before { content: ""; } .fa-asterisk::before { content: ""; } .fa-exclamation-circle::before { content: ""; } .fa-gift::before { content: ""; } .fa-leaf::before { content: ""; } .fa-fire::before { content: ""; } .fa-eye::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-warning::before, .fa-exclamation-triangle::before { content: ""; } .fa-plane::before { content: ""; } .fa-calendar::before { content: ""; } .fa-random::before { content: ""; } .fa-comment::before { content: ""; } .fa-magnet::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-retweet::before { content: ""; } .fa-shopping-cart::before { content: ""; } .fa-folder::before { content: ""; } .fa-folder-open::before { content: ""; } .fa-arrows-v::before { content: ""; } .fa-arrows-h::before { content: ""; } .fa-bar-chart-o::before, .fa-bar-chart::before { content: ""; } .fa-twitter-square::before { content: ""; } .fa-facebook-square::before { content: ""; } .fa-camera-retro::before { content: ""; } .fa-key::before { content: ""; } .fa-gears::before, .fa-cogs::before { content: ""; } .fa-comments::before { content: ""; } .fa-thumbs-o-up::before { content: ""; } .fa-thumbs-o-down::before { content: ""; } .fa-star-half::before { content: ""; } .fa-heart-o::before { content: ""; } .fa-sign-out::before { content: ""; } .fa-linkedin-square::before { content: ""; } .fa-thumb-tack::before { content: ""; } .fa-external-link::before { content: ""; } .fa-sign-in::before { content: ""; } .fa-trophy::before { content: ""; } .fa-github-square::before { content: ""; } .fa-upload::before { content: ""; } .fa-lemon-o::before { content: ""; } .fa-phone::before { content: ""; } .fa-square-o::before { content: ""; } .fa-bookmark-o::before { content: ""; } .fa-phone-square::before { content: ""; } .fa-twitter::before { content: ""; } .fa-facebook-f::before, .fa-facebook::before { content: ""; } .fa-github::before { content: ""; } .fa-unlock::before { content: ""; } .fa-credit-card::before { content: ""; } .fa-feed::before, .fa-rss::before { content: ""; } .fa-hdd-o::before { content: ""; } .fa-bullhorn::before { content: ""; } .fa-bell::before { content: ""; } .fa-certificate::before { content: ""; } .fa-hand-o-right::before { content: ""; } .fa-hand-o-left::before { content: ""; } .fa-hand-o-up::before { content: ""; } .fa-hand-o-down::before { content: ""; } .fa-arrow-circle-left::before { content: ""; } .fa-arrow-circle-right::before { content: ""; } .fa-arrow-circle-up::before { content: ""; } .fa-arrow-circle-down::before { content: ""; } .fa-globe::before { content: ""; } .fa-wrench::before { content: ""; } .fa-tasks::before { content: ""; } .fa-filter::before { content: ""; } .fa-briefcase::before { content: ""; } .fa-arrows-alt::before { content: ""; } .fa-group::before, .fa-users::before { content: ""; } .fa-chain::before, .fa-link::before { content: ""; } .fa-cloud::before { content: ""; } .fa-flask::before { content: ""; } .fa-cut::before, .fa-scissors::before { content: ""; } .fa-copy::before, .fa-files-o::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-save::before, .fa-floppy-o::before { content: ""; } .fa-square::before { content: ""; } .fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; } .fa-list-ul::before { content: ""; } .fa-list-ol::before { content: ""; } .fa-strikethrough::before { content: ""; } .fa-underline::before { content: ""; } .fa-table::before { content: ""; } .fa-magic::before { content: ""; } .fa-truck::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-pinterest-square::before { content: ""; } .fa-google-plus-square::before { content: ""; } .fa-google-plus::before { content: ""; } .fa-money::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-columns::before { content: ""; } .fa-unsorted::before, .fa-sort::before { content: ""; } .fa-sort-down::before, .fa-sort-desc::before { content: ""; } .fa-sort-up::before, .fa-sort-asc::before { content: ""; } .fa-envelope::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-rotate-left::before, .fa-undo::before { content: ""; } .fa-legal::before, .fa-gavel::before { content: ""; } .fa-dashboard::before, .fa-tachometer::before { content: ""; } .fa-comment-o::before { content: ""; } .fa-comments-o::before { content: ""; } .fa-flash::before, .fa-bolt::before { content: ""; } .fa-sitemap::before { content: ""; } .fa-umbrella::before { content: ""; } .fa-paste::before, .fa-clipboard::before { content: ""; } .fa-lightbulb-o::before { content: ""; } .fa-exchange::before { content: ""; } .fa-cloud-download::before { content: ""; } .fa-cloud-upload::before { content: ""; } .fa-user-md::before { content: ""; } .fa-stethoscope::before { content: ""; } .fa-suitcase::before { content: ""; } .fa-bell-o::before { content: ""; } .fa-coffee::before { content: ""; } .fa-cutlery::before { content: ""; } .fa-file-text-o::before { content: ""; } .fa-building-o::before { content: ""; } .fa-hospital-o::before { content: ""; } .fa-ambulance::before { content: ""; } .fa-medkit::before { content: ""; } .fa-fighter-jet::before { content: ""; } .fa-beer::before { content: ""; } .fa-h-square::before { content: ""; } .fa-plus-square::before { content: ""; } .fa-angle-double-left::before { content: ""; } .fa-angle-double-right::before { content: ""; } .fa-angle-double-up::before { content: ""; } .fa-angle-double-down::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-angle-down::before { content: ""; } .fa-desktop::before { content: ""; } .fa-laptop::before { content: ""; } .fa-tablet::before { content: ""; } .fa-mobile-phone::before, .fa-mobile::before { content: ""; } .fa-circle-o::before { content: ""; } .fa-quote-left::before { content: ""; } .fa-quote-right::before { content: ""; } .fa-spinner::before { content: ""; } .fa-circle::before { content: ""; } .fa-mail-reply::before, .fa-reply::before { content: ""; } .fa-github-alt::before { content: ""; } .fa-folder-o::before { content: ""; } .fa-folder-open-o::before { content: ""; } .fa-smile-o::before { content: ""; } .fa-frown-o::before { content: ""; } .fa-meh-o::before { content: ""; } .fa-gamepad::before { content: ""; } .fa-keyboard-o::before { content: ""; } .fa-flag-o::before { content: ""; } .fa-flag-checkered::before { content: ""; } .fa-terminal::before { content: ""; } .fa-code::before { content: ""; } .fa-mail-reply-all::before, .fa-reply-all::before { content: ""; } .fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: ""; } .fa-location-arrow::before { content: ""; } .fa-crop::before { content: ""; } .fa-code-fork::before { content: ""; } .fa-unlink::before, .fa-chain-broken::before { content: ""; } .fa-question::before { content: ""; } .fa-info::before { content: ""; } .fa-exclamation::before { content: ""; } .fa-superscript::before { content: ""; } .fa-subscript::before { content: ""; } .fa-eraser::before { content: ""; } .fa-puzzle-piece::before { content: ""; } .fa-microphone::before { content: ""; } .fa-microphone-slash::before { content: ""; } .fa-shield::before { content: ""; } .fa-calendar-o::before { content: ""; } .fa-fire-extinguisher::before { content: ""; } .fa-rocket::before { content: ""; } .fa-maxcdn::before { content: ""; } .fa-chevron-circle-left::before { content: ""; } .fa-chevron-circle-right::before { content: ""; } .fa-chevron-circle-up::before { content: ""; } .fa-chevron-circle-down::before { content: ""; } .fa-html5::before { content: ""; } .fa-css3::before { content: ""; } .fa-anchor::before { content: ""; } .fa-unlock-alt::before { content: ""; } .fa-bullseye::before { content: ""; } .fa-ellipsis-h::before { content: ""; } .fa-ellipsis-v::before { content: ""; } .fa-rss-square::before { content: ""; } .fa-play-circle::before { content: ""; } .fa-ticket::before { content: ""; } .fa-minus-square::before { content: ""; } .fa-minus-square-o::before { content: ""; } .fa-level-up::before { content: ""; } .fa-level-down::before { content: ""; } .fa-check-square::before { content: ""; } .fa-pencil-square::before { content: ""; } .fa-external-link-square::before { content: ""; } .fa-share-square::before { content: ""; } .fa-compass::before { content: ""; } .fa-toggle-down::before, .fa-caret-square-o-down::before { content: ""; } .fa-toggle-up::before, .fa-caret-square-o-up::before { content: ""; } .fa-toggle-right::before, .fa-caret-square-o-right::before { content: ""; } .fa-euro::before, .fa-eur::before { content: ""; } .fa-gbp::before { content: ""; } .fa-dollar::before, .fa-usd::before { content: ""; } .fa-rupee::before, .fa-inr::before { content: ""; } .fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: ""; } .fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: ""; } .fa-won::before, .fa-krw::before { content: ""; } .fa-bitcoin::before, .fa-btc::before { content: ""; } .fa-file::before { content: ""; } .fa-file-text::before { content: ""; } .fa-sort-alpha-asc::before { content: ""; } .fa-sort-alpha-desc::before { content: ""; } .fa-sort-amount-asc::before { content: ""; } .fa-sort-amount-desc::before { content: ""; } .fa-sort-numeric-asc::before { content: ""; } .fa-sort-numeric-desc::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-youtube-square::before { content: ""; } .fa-youtube::before { content: ""; } .fa-xing::before { content: ""; } .fa-xing-square::before { content: ""; } .fa-youtube-play::before { content: ""; } .fa-dropbox::before { content: ""; } .fa-stack-overflow::before { content: ""; } .fa-instagram::before { content: ""; } .fa-flickr::before { content: ""; } .fa-adn::before { content: ""; } .fa-bitbucket::before { content: ""; } .fa-bitbucket-square::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-tumblr-square::before { content: ""; } .fa-long-arrow-down::before { content: ""; } .fa-long-arrow-up::before { content: ""; } .fa-long-arrow-left::before { content: ""; } .fa-long-arrow-right::before { content: ""; } .fa-apple::before { content: ""; } .fa-windows::before { content: ""; } .fa-android::before { content: ""; } .fa-linux::before { content: ""; } .fa-dribbble::before { content: ""; } .fa-skype::before { content: ""; } .fa-foursquare::before { content: ""; } .fa-trello::before { content: ""; } .fa-female::before { content: ""; } .fa-male::before { content: ""; } .fa-gittip::before, .fa-gratipay::before { content: ""; } .fa-sun-o::before { content: ""; } .fa-moon-o::before { content: ""; } .fa-archive::before { content: ""; } .fa-bug::before { content: ""; } .fa-vk::before { content: ""; } .fa-weibo::before { content: ""; } .fa-renren::before { content: ""; } .fa-pagelines::before { content: ""; } .fa-stack-exchange::before { content: ""; } .fa-arrow-circle-o-right::before { content: ""; } .fa-arrow-circle-o-left::before { content: ""; } .fa-toggle-left::before, .fa-caret-square-o-left::before { content: ""; } .fa-dot-circle-o::before { content: ""; } .fa-wheelchair::before { content: ""; } .fa-vimeo-square::before { content: ""; } .fa-turkish-lira::before, .fa-try::before { content: ""; } .fa-plus-square-o::before { content: ""; } .fa-space-shuttle::before { content: ""; } .fa-slack::before { content: ""; } .fa-envelope-square::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-openid::before { content: ""; } .fa-institution::before, .fa-bank::before, .fa-university::before { content: ""; } .fa-mortar-board::before, .fa-graduation-cap::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-google::before { content: ""; } .fa-reddit::before { content: ""; } .fa-reddit-square::before { content: ""; } .fa-stumbleupon-circle::before { content: ""; } .fa-stumbleupon::before { content: ""; } .fa-delicious::before { content: ""; } .fa-digg::before { content: ""; } .fa-pied-piper-pp::before { content: ""; } .fa-pied-piper-alt::before { content: ""; } .fa-drupal::before { content: ""; } .fa-joomla::before { content: ""; } .fa-language::before { content: ""; } .fa-fax::before { content: ""; } .fa-building::before { content: ""; } .fa-child::before { content: ""; } .fa-paw::before { content: ""; } .fa-spoon::before { content: ""; } .fa-cube::before { content: ""; } .fa-cubes::before { content: ""; } .fa-behance::before { content: ""; } .fa-behance-square::before { content: ""; } .fa-steam::before { content: ""; } .fa-steam-square::before { content: ""; } .fa-recycle::before { content: ""; } .fa-automobile::before, .fa-car::before { content: ""; } .fa-cab::before, .fa-taxi::before { content: ""; } .fa-tree::before { content: ""; } .fa-spotify::before { content: ""; } .fa-deviantart::before { content: ""; } .fa-soundcloud::before { content: ""; } .fa-database::before { content: ""; } .fa-file-pdf-o::before { content: ""; } .fa-file-word-o::before { content: ""; } .fa-file-excel-o::before { content: ""; } .fa-file-powerpoint-o::before { content: ""; } .fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: ""; } .fa-file-zip-o::before, .fa-file-archive-o::before { content: ""; } .fa-file-sound-o::before, .fa-file-audio-o::before { content: ""; } .fa-file-movie-o::before, .fa-file-video-o::before { content: ""; } .fa-file-code-o::before { content: ""; } .fa-vine::before { content: ""; } .fa-codepen::before { content: ""; } .fa-jsfiddle::before { content: ""; } .fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: ""; } .fa-circle-o-notch::before { content: ""; } .fa-ra::before, .fa-resistance::before, .fa-rebel::before { content: ""; } .fa-ge::before, .fa-empire::before { content: ""; } .fa-git-square::before { content: ""; } .fa-git::before { content: ""; } .fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: ""; } .fa-tencent-weibo::before { content: ""; } .fa-qq::before { content: ""; } .fa-wechat::before, .fa-weixin::before { content: ""; } .fa-send::before, .fa-paper-plane::before { content: ""; } .fa-send-o::before, .fa-paper-plane-o::before { content: ""; } .fa-history::before { content: ""; } .fa-circle-thin::before { content: ""; } .fa-header::before { content: ""; } .fa-paragraph::before { content: ""; } .fa-sliders::before { content: ""; } .fa-share-alt::before { content: ""; } .fa-share-alt-square::before { content: ""; } .fa-bomb::before { content: ""; } .fa-soccer-ball-o::before, .fa-futbol-o::before { content: ""; } .fa-tty::before { content: ""; } .fa-binoculars::before { content: ""; } .fa-plug::before { content: ""; } .fa-slideshare::before { content: ""; } .fa-twitch::before { content: ""; } .fa-yelp::before { content: ""; } .fa-newspaper-o::before { content: ""; } .fa-wifi::before { content: ""; } .fa-calculator::before { content: ""; } .fa-paypal::before { content: ""; } .fa-google-wallet::before { content: ""; } .fa-cc-visa::before { content: ""; } .fa-cc-mastercard::before { content: ""; } .fa-cc-discover::before { content: ""; } .fa-cc-amex::before { content: ""; } .fa-cc-paypal::before { content: ""; } .fa-cc-stripe::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-bell-slash-o::before { content: ""; } .fa-trash::before { content: ""; } .fa-copyright::before { content: ""; } .fa-at::before { content: ""; } .fa-eyedropper::before { content: ""; } .fa-paint-brush::before { content: ""; } .fa-birthday-cake::before { content: ""; } .fa-area-chart::before { content: ""; } .fa-pie-chart::before { content: ""; } .fa-line-chart::before { content: ""; } .fa-lastfm::before { content: ""; } .fa-lastfm-square::before { content: ""; } .fa-toggle-off::before { content: ""; } .fa-toggle-on::before { content: ""; } .fa-bicycle::before { content: ""; } .fa-bus::before { content: ""; } .fa-ioxhost::before { content: ""; } .fa-angellist::before { content: ""; } .fa-cc::before { content: ""; } .fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: ""; } .fa-meanpath::before { content: ""; } .fa-buysellads::before { content: ""; } .fa-connectdevelop::before { content: ""; } .fa-dashcube::before { content: ""; } .fa-forumbee::before { content: ""; } .fa-leanpub::before { content: ""; } .fa-sellsy::before { content: ""; } .fa-shirtsinbulk::before { content: ""; } .fa-simplybuilt::before { content: ""; } .fa-skyatlas::before { content: ""; } .fa-cart-plus::before { content: ""; } .fa-cart-arrow-down::before { content: ""; } .fa-diamond::before { content: ""; } .fa-ship::before { content: ""; } .fa-user-secret::before { content: ""; } .fa-motorcycle::before { content: ""; } .fa-street-view::before { content: ""; } .fa-heartbeat::before { content: ""; } .fa-venus::before { content: ""; } .fa-mars::before { content: ""; } .fa-mercury::before { content: ""; } .fa-intersex::before, .fa-transgender::before { content: ""; } .fa-transgender-alt::before { content: ""; } .fa-venus-double::before { content: ""; } .fa-mars-double::before { content: ""; } .fa-venus-mars::before { content: ""; } .fa-mars-stroke::before { content: ""; } .fa-mars-stroke-v::before { content: ""; } .fa-mars-stroke-h::before { content: ""; } .fa-neuter::before { content: ""; } .fa-genderless::before { content: ""; } .fa-facebook-official::before { content: ""; } .fa-pinterest-p::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-server::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-user-times::before { content: ""; } .fa-hotel::before, .fa-bed::before { content: ""; } .fa-viacoin::before { content: ""; } .fa-train::before { content: ""; } .fa-subway::before { content: ""; } .fa-medium::before { content: ""; } .fa-yc::before, .fa-y-combinator::before { content: ""; } .fa-optin-monster::before { content: ""; } .fa-opencart::before { content: ""; } .fa-expeditedssl::before { content: ""; } .fa-battery-4::before, .fa-battery::before, .fa-battery-full::before { content: ""; } .fa-battery-3::before, .fa-battery-three-quarters::before { content: ""; } .fa-battery-2::before, .fa-battery-half::before { content: ""; } .fa-battery-1::before, .fa-battery-quarter::before { content: ""; } .fa-battery-0::before, .fa-battery-empty::before { content: ""; } .fa-mouse-pointer::before { content: ""; } .fa-i-cursor::before { content: ""; } .fa-object-group::before { content: ""; } .fa-object-ungroup::before { content: ""; } .fa-sticky-note::before { content: ""; } .fa-sticky-note-o::before { content: ""; } .fa-cc-jcb::before { content: ""; } .fa-cc-diners-club::before { content: ""; } .fa-clone::before { content: ""; } .fa-balance-scale::before { content: ""; } .fa-hourglass-o::before { content: ""; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; } .fa-hourglass::before { content: ""; } .fa-hand-grab-o::before, .fa-hand-rock-o::before { content: ""; } .fa-hand-stop-o::before, .fa-hand-paper-o::before { content: ""; } .fa-hand-scissors-o::before { content: ""; } .fa-hand-lizard-o::before { content: ""; } .fa-hand-spock-o::before { content: ""; } .fa-hand-pointer-o::before { content: ""; } .fa-hand-peace-o::before { content: ""; } .fa-trademark::before { content: ""; } .fa-registered::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-gg::before { content: ""; } .fa-gg-circle::before { content: ""; } .fa-tripadvisor::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-odnoklassniki-square::before { content: ""; } .fa-get-pocket::before { content: ""; } .fa-wikipedia-w::before { content: ""; } .fa-safari::before { content: ""; } .fa-chrome::before { content: ""; } .fa-firefox::before { content: ""; } .fa-opera::before { content: ""; } .fa-internet-explorer::before { content: ""; } .fa-tv::before, .fa-television::before { content: ""; } .fa-contao::before { content: ""; } .fa-500px::before { content: ""; } .fa-amazon::before { content: ""; } .fa-calendar-plus-o::before { content: ""; } .fa-calendar-minus-o::before { content: ""; } .fa-calendar-times-o::before { content: ""; } .fa-calendar-check-o::before { content: ""; } .fa-industry::before { content: ""; } .fa-map-pin::before { content: ""; } .fa-map-signs::before { content: ""; } .fa-map-o::before { content: ""; } .fa-map::before { content: ""; } .fa-commenting::before { content: ""; } .fa-commenting-o::before { content: ""; } .fa-houzz::before { content: ""; } .fa-vimeo::before { content: ""; } .fa-black-tie::before { content: ""; } .fa-fonticons::before { content: ""; } .fa-reddit-alien::before { content: ""; } .fa-edge::before { content: ""; } .fa-credit-card-alt::before { content: ""; } .fa-codiepie::before { content: ""; } .fa-modx::before { content: ""; } .fa-fort-awesome::before { content: ""; } .fa-usb::before { content: ""; } .fa-product-hunt::before { content: ""; } .fa-mixcloud::before { content: ""; } .fa-scribd::before { content: ""; } .fa-pause-circle::before { content: ""; } .fa-pause-circle-o::before { content: ""; } .fa-stop-circle::before { content: ""; } .fa-stop-circle-o::before { content: ""; } .fa-shopping-bag::before { content: ""; } .fa-shopping-basket::before { content: ""; } .fa-hashtag::before { content: ""; } .fa-bluetooth::before { content: ""; } .fa-bluetooth-b::before { content: ""; } .fa-percent::before { content: ""; } .fa-gitlab::before { content: ""; } .fa-wpbeginner::before { content: ""; } .fa-wpforms::before { content: ""; } .fa-envira::before { content: ""; } .fa-universal-access::before { content: ""; } .fa-wheelchair-alt::before { content: ""; } .fa-question-circle-o::before { content: ""; } .fa-blind::before { content: ""; } .fa-audio-description::before { content: ""; } .fa-volume-control-phone::before { content: ""; } .fa-braille::before { content: ""; } .fa-assistive-listening-systems::before { content: ""; } .fa-asl-interpreting::before, .fa-american-sign-language-interpreting::before { content: ""; } .fa-deafness::before, .fa-hard-of-hearing::before, .fa-deaf::before { content: ""; } .fa-glide::before { content: ""; } .fa-glide-g::before { content: ""; } .fa-signing::before, .fa-sign-language::before { content: ""; } .fa-low-vision::before { content: ""; } .fa-viadeo::before { content: ""; } .fa-viadeo-square::before { content: ""; } .fa-snapchat::before { content: ""; } .fa-snapchat-ghost::before { content: ""; } .fa-snapchat-square::before { content: ""; } .fa-pied-piper::before { content: ""; } .fa-first-order::before { content: ""; } .fa-yoast::before { content: ""; } .fa-themeisle::before { content: ""; } .fa-google-plus-circle::before, .fa-google-plus-official::before { content: ""; } .fa-fa::before, .fa-font-awesome::before { content: ""; } .fa-handshake-o::before { content: ""; } .fa-envelope-open::before { content: ""; } .fa-envelope-open-o::before { content: ""; } .fa-linode::before { content: ""; } .fa-address-book::before { content: ""; } .fa-address-book-o::before { content: ""; } .fa-vcard::before, .fa-address-card::before { content: ""; } .fa-vcard-o::before, .fa-address-card-o::before { content: ""; } .fa-user-circle::before { content: ""; } .fa-user-circle-o::before { content: ""; } .fa-user-o::before { content: ""; } .fa-id-badge::before { content: ""; } .fa-drivers-license::before, .fa-id-card::before { content: ""; } .fa-drivers-license-o::before, .fa-id-card-o::before { content: ""; } .fa-quora::before { content: ""; } .fa-free-code-camp::before { content: ""; } .fa-telegram::before { content: ""; } .fa-thermometer-4::before, .fa-thermometer::before, .fa-thermometer-full::before { content: ""; } .fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: ""; } .fa-thermometer-2::before, .fa-thermometer-half::before { content: ""; } .fa-thermometer-1::before, .fa-thermometer-quarter::before { content: ""; } .fa-thermometer-0::before, .fa-thermometer-empty::before { content: ""; } .fa-shower::before { content: ""; } .fa-bathtub::before, .fa-s15::before, .fa-bath::before { content: ""; } .fa-podcast::before { content: ""; } .fa-window-maximize::before { content: ""; } .fa-window-minimize::before { content: ""; } .fa-window-restore::before { content: ""; } .fa-times-rectangle::before, .fa-window-close::before { content: ""; } .fa-times-rectangle-o::before, .fa-window-close-o::before { content: ""; } .fa-bandcamp::before { content: ""; } .fa-grav::before { content: ""; } .fa-etsy::before { content: ""; } .fa-imdb::before { content: ""; } .fa-ravelry::before { content: ""; } .fa-eercast::before { content: ""; } .fa-microchip::before { content: ""; } .fa-snowflake-o::before { content: ""; } .fa-superpowers::before { content: ""; } .fa-wpexplorer::before { content: ""; } .fa-meetup::before { content: ""; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; } .datepicker { z-index: 1051 !important; } .input-daterange .input-group-addon { padding: 4px 12px; margin: 0px; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: rgb(250, 234, 185); border-color: rgb(250, 234, 185); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: rgb(63, 156, 232); border-color: rgb(63, 156, 232); } .dropzone { min-height: 200px; background-color: rgb(246, 247, 249); border: 2px dotted rgb(212, 218, 227); border-radius: 3px; } .dropzone .dz-message { margin: 65px 0px; font-size: 16px; font-style: italic; font-weight: 600; color: rgb(87, 87, 87); } .dropzone:hover { background-color: rgb(255, 255, 255); border-color: rgb(63, 156, 232); } .dropzone:hover .dz-message { color: rgb(63, 156, 232); } table.dataTable { border-collapse: collapse !important; } table.dataTable td, table.dataTable th { box-sizing: border-box; } table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 20px; } table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before { display: none; } table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after { top: 10px; right: 6px; bottom: auto; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; font-size: 14px; opacity: 0.6; } table.dataTable thead .sorting::after { content: ""; } table.dataTable thead .sorting_asc::after { content: ""; } table.dataTable thead .sorting_desc::after { content: ""; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin-top: 10px; justify-content: center; } @media (min-width: 768px) { div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin-top: 2px; justify-content: flex-end; } } .pie-chart { position: relative; display: block; } .pie-chart > canvas { display: block; margin: 0px auto; } .pie-chart > span { position: absolute; top: 50%; transform: translateX(0px) translateY(-50%); right: 0px; left: 0px; text-align: center; } .flot-tooltip { position: absolute; display: none; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.75); padding: 4px 8px; } .flot-pie-label { font-size: 13px; text-align: center; padding: 4px 8px; color: rgb(255, 255, 255); } .legend > table td { padding: 3px 4px; font-size: 14px; } .fc-event { padding-left: 4px; padding-right: 2px; font-weight: 600; line-height: 1.4; color: rgb(23, 23, 23); border: 1px solid rgb(227, 244, 252); border-radius: 0px; } .fc-event:hover { color: rgb(87, 87, 87); } .fc-event, .fc-event-dot { background-color: rgb(227, 244, 252); } .fc button { height: 34px; line-height: 34px; font-weight: 600; cursor: default; } .fc-state-default.fc-corner-left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc-state-default.fc-corner-right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .fc-state-default { color: rgb(23, 23, 23); background-color: rgb(240, 242, 245); background-image: none; border: 1px solid rgb(212, 218, 227); text-shadow: none; box-shadow: none; } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: rgb(52, 58, 64); background-color: rgb(203, 210, 221); border-color: rgb(173, 184, 200); } .fc-state-hover { color: rgb(23, 23, 23); transition: 0.15s ease-out; } .fc-state-down, .fc-state-active { background-color: rgb(203, 210, 221); border-color: rgb(173, 184, 200); box-shadow: none; } .fc-state-disabled { opacity: 0.35; } .fc-toolbar { margin-bottom: 29px; } @media (max-width: 767.98px) { .fc-toolbar > div { display: block !important; float: none !important; margin-bottom: 12px !important; } .fc-toolbar > div::after { display: block; clear: both; content: ""; } } .fc thead th.fc-widget-header { padding-top: 6px; padding-bottom: 6px; font-size: 16px; font-weight: 600; text-transform: uppercase; background-color: rgb(246, 247, 249); } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: rgb(228, 231, 237); } .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { background: rgb(240, 242, 245); } .fc-unthemed .fc-today { background: rgb(246, 247, 249); } @media (max-width: 575.98px) { .fc-header-toolbar .fc-button { margin-top: 5px; margin-bottom: 5px; } } pre.pre-sh { padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; border-radius: 0px; } pre.pre-sh code.hljs { background: transparent; } pre.pre-sh code.pwrap { white-space: pre-wrap; } .irs.irs--round .irs-line, .irs.irs--round .irs-bar { height: 4px; } .irs.irs--round .irs-min, .irs.irs--round .irs-max, .irs.irs--round .irs-line, .irs.irs--round .irs-grid-pol { background: rgb(240, 242, 245); } .irs.irs--round .irs-handle { border-color: rgba(233, 147, 55, 0.77); } .irs.irs--round .irs-from::before, .irs.irs--round .irs-to::before, .irs.irs--round .irs-single::before { border-top-color: rgba(233, 147, 55, 0.77); } .irs.irs--round .irs-bar, .irs.irs--round .irs-from, .irs.irs--round .irs-to, .irs.irs--round .irs-single { background: rgba(233, 147, 55, 0.77); } .autocomplete-suggestions { border-color: rgb(228, 231, 237); box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 25px; } .autocomplete-suggestion { padding: 0.428571rem 1rem; color: rgb(87, 87, 87); font-size: 1rem; font-weight: 600; line-height: 1.5; } .autocomplete-suggestion b { color: rgb(63, 156, 232); font-weight: 600; } .autocomplete-suggestion.selected { background-color: rgb(240, 242, 245); } .jqstooltip { box-sizing: content-box; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; background-color: rgba(0, 0, 0, 0.75) !important; } div.tagsinput { padding: 5px 12px 1px; border-color: rgb(212, 218, 227); border-radius: 3px; } div.tagsinput input { padding-top: 0px; padding-bottom: 0px; margin-bottom: 2px; height: 22px; } .form-material div.tagsinput { padding-right: 0px; padding-left: 0px; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(212, 218, 227); border-image: initial; border-radius: 0px; } div.tagsinput span.tag { padding: 2px 5px; margin-bottom: 2px; height: 22px; line-height: 18px; color: rgb(255, 255, 255); font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; background-color: rgb(63, 156, 232); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; } div.tagsinput span.tag a { font-size: 13px; color: rgba(255, 255, 255, 0.5); } div.tagsinput span.tag a:hover { color: rgba(255, 255, 255, 0.75); } .draggable-column { min-height: 100px; } .draggable-handler { cursor: move; } .draggable-placeholder { background-color: rgb(237, 239, 243); border: 1px dashed rgb(197, 205, 216); } .jvectormap-tip { padding: 6px 8px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; background: rgb(33, 37, 41); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { left: 15px; padding: 4px; line-height: 15px; background: rgb(85, 85, 85); } .jvectormap-zoomin, .jvectormap-zoomout { width: 15px; height: 15px; } .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { opacity: 0.75; } .jvectormap-zoomout { top: 40px; } .select2-container .select2-selection--single { height: 34px; } .select2-container .select2-dropdown { border-color: rgb(212, 218, 227); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .select2-container--default .select2-selection--single { border-color: rgb(212, 218, 227); border-radius: 3px; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 12px; line-height: 34px; } .form-material .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px; } .form-material .select2-container--default .select2-selection--single { border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(212, 218, 227); border-image: initial; border-radius: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: rgb(108, 117, 125); } .select2-container--default .select2-selection--multiple { border-color: rgb(212, 218, 227); border-radius: 3px; min-height: 34px; } .form-material .select2-container--default .select2-selection--multiple { border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(212, 218, 227); border-image: initial; border-radius: 0px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-right: 12px; padding-left: 12px; } .form-material .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-left: 0px; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single { border-color: rgb(151, 165, 186); } .form-material .select2-container--default.select2-container--focus .select2-selection--multiple, .form-material .select2-container--default.select2-container--focus .select2-selection--single { border-bottom-color: rgb(151, 165, 186); } .is-valid .select2-container--default .select2-selection--single, .is-valid .select2-container--default .select2-selection--multiple, .is-valid .select2-container--default.select2-container--focus .select2-selection--single, .is-valid .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgb(156, 204, 101); } .is-valid .form-control .select2-container--default .select2-selection--single, .is-valid .form-control .select2-container--default .select2-selection--multiple, .is-valid .form-control .select2-container--default.select2-container--focus .select2-selection--single, .is-valid .form-control .select2-container--default.select2-container--focus .select2-selection--multiple { border-bottom-color: rgb(156, 204, 101); } .is-invalid .select2-container--default .select2-selection--single, .is-invalid .select2-container--default .select2-selection--multiple, .is-invalid .select2-container--default.select2-container--focus .select2-selection--single, .is-invalid .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgb(239, 83, 80); } .is-invalid .form-material .select2-container--default .select2-selection--single, .is-invalid .form-material .select2-container--default .select2-selection--multiple, .is-invalid .form-material .select2-container--default.select2-container--focus .select2-selection--single, .is-invalid .form-material .select2-container--default.select2-container--focus .select2-selection--multiple { border-bottom-color: rgb(239, 83, 80); } .select2-container--default .select2-selection--multiple .select2-selection__choice { height: 22px; line-height: 22px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; background-color: rgb(63, 156, 232); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 3px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px; color: rgba(255, 255, 255, 0.5); } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: rgba(255, 255, 255, 0.75); } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: rgb(212, 218, 227); } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgb(63, 156, 232); } .select2-container--default .select2-search--inline .select2-search__field { padding-right: 0px; padding-left: 0px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; box-shadow: none; } .form-material .select2-container--default .select2-search--inline .select2-search__field { padding-left: 0px; } .select2-search--dropdown .select2-search__field { padding: 6px 12px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-radius: 3px; box-shadow: none; } .CodeMirror-fullscreen, .editor-toolbar.fullscreen, .editor-preview-side { z-index: 1052; } .editor-preview { z-index: 1051; } .slick-slider.slick-dotted { margin-bottom: 50px; } .slick-slider.slick-dotted .slick-dots { bottom: -30px; } .slick-slider.slick-dotted.slick-dotted-inner { margin-bottom: 0px; } .slick-slider.slick-dotted.slick-dotted-inner .slick-dots { bottom: 10px; } .slick-slider.slick-dotted.slick-dotted-white .slick-dots li button::before { color: rgb(255, 255, 255); } .slick-slider .slick-prev, .slick-slider .slick-next { width: 40px; height: 60px; text-align: center; background-color: rgba(0, 0, 0, 0.03); z-index: 2; } .slick-slider .slick-prev:hover, .slick-slider .slick-next:hover { background-color: rgba(0, 0, 0, 0.15); } .slick-slider .slick-prev::before, .slick-slider .slick-next::before { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-size: 28px; font-weight: 900; line-height: 28px; color: rgb(52, 58, 64); } .slick-slider .slick-prev { left: 0px; } .slick-slider .slick-prev::before { content: ""; } .slick-slider .slick-next { right: 0px; } .slick-slider .slick-next::before { content: ""; } .slick-slider.slick-nav-white .slick-prev, .slick-slider.slick-nav-white .slick-next { background-color: rgba(255, 255, 255, 0.5); } .slick-slider.slick-nav-white .slick-prev:hover, .slick-slider.slick-nav-white .slick-next:hover { background-color: white; } .slick-slider.slick-nav-white .slick-prev::before, .slick-slider.slick-nav-white .slick-next::before { color: rgb(0, 0, 0); } .slick-slider.slick-nav-black .slick-prev, .slick-slider.slick-nav-black .slick-next { background-color: rgba(0, 0, 0, 0.25); } .slick-slider.slick-nav-black .slick-prev:hover, .slick-slider.slick-nav-black .slick-next:hover { background-color: black; } .slick-slider.slick-nav-black .slick-prev::before, .slick-slider.slick-nav-black .slick-next::before { color: rgb(255, 255, 255); } .slick-slider.slick-nav-hover .slick-prev, .slick-slider.slick-nav-hover .slick-next { opacity: 0; transition: opacity 0.25s ease-out; } .slick-slider.slick-nav-hover:hover .slick-prev, .slick-slider.slick-nav-hover:hover .slick-next { opacity: 1; } [data-simplebar] { position: relative; z-index: 0; overflow: hidden; } [data-simplebar="init"] { display: flex; } .simplebar-scroll-content { overflow: hidden scroll; min-width: 100%; box-sizing: content-box; } .simplebar-content { overflow-x: scroll; overflow-y: hidden !important; box-sizing: border-box !important; min-height: 100% !important; } .simplebar-track { z-index: 1; position: absolute; right: 0px; bottom: 0px; width: 7px; } .simplebar-scrollbar { position: absolute; right: 2px; width: 4px; min-height: 10px; } .simplebar-scrollbar::before { position: absolute; content: ""; border-radius: 5px; left: 0px; right: 0px; opacity: 0; transition: opacity 0.2s linear; background: padding-box rgb(33, 37, 41); } .sidebar-inverse #sidebar .simplebar-scrollbar::before { background: rgb(200, 226, 248); } .simplebar-track:hover .simplebar-scrollbar { opacity: 0.5; } .simplebar-track:hover .simplebar-scrollbar::before, .simplebar-track .simplebar-scrollbar.visible::before { opacity: 0.5; } .simplebar-track.vertical { top: 0px; } .simplebar-track.vertical .simplebar-scrollbar::before { top: 2px; bottom: 2px; } .simplebar-track.horizontal { left: 0px; width: auto; height: 7px; } .simplebar-track.horizontal .simplebar-scrollbar::before { height: 100%; left: 2px; right: 2px; } .horizontal.simplebar-track .simplebar-scrollbar { right: auto; top: 2px; height: 4px; min-height: 0px; min-width: 10px; width: auto; } .note-editor.note-frame .note-toolbar-wrapper { background-color: rgb(255, 255, 255); } .note-editor.note-frame .note-toolbar { background-color: rgb(252, 252, 252) !important; } .note-editor.note-frame.note-frame { border-color: rgb(221, 221, 221); } .note-editor.note-frame .note-toolbar { border-bottom-color: rgb(221, 221, 221); } .note-editor.note-frame .note-statusbar .note-resizebar { border-top-color: rgb(221, 221, 221); } .note-editor.note-frame .note-popover .popover-content .note-color .dropdown-menu, .note-editor.note-frame .card-header.note-toolbar .note-color .dropdown-menu { min-width: 350px; } .pw-strength-progress > .progress { height: 5px; } .dd, .dd-item, .dd-empty, .dd-placeholder { font-size: 13px; } .dd-handle { height: 2.5rem; padding: 0.5rem 0.75rem; color: rgb(87, 87, 87); background: rgb(246, 247, 249); border-color: rgb(228, 231, 237); } .dd-handle:hover { color: rgb(23, 23, 23); } .dd-item > button { height: 1.625rem; } .dd-empty, .dd-placeholder { border-color: rgb(33, 37, 41); background: rgb(200, 226, 248); opacity: 0.25; } .options-container .options-overlay-show { opacity: 1; visibility: visible; } .cc-selector-2 input { position: absolute; z-index: 999; } .cc-selector-2 input:active + .drinkcard-cc { opacity: 0.9; } .cc-selector-2 input:checked + .drinkcard-cc { filter: none !important; } .drinkcard-cc { cursor: pointer; transition: 100ms ease-in; filter: brightness(1) grayscale(1) opacity(0.7) !important; } .drinkcard-cc:hover { filter: brightness(1.2) grayscale(0.5) opacity(0.9) !important; } .drinkcard-cc img { border-radius: 4px; } .list_account div.accordion_account::before { content: ""; opacity: 0.4; } .list_account.open > div.accordion_account::before { opacity: 0; transform: rotate(90deg); } .list_account div.accordion_account::after { content: ""; opacity: 0; transform: rotate(-90deg); } .list_account.open > div.accordion_account::after { opacity: 0.4; transform: rotate(0deg); } .list_account div.accordion_account::before, .list_account div.accordion_account::after { position: absolute; left: 21px; width: 20px; height: 20px; display: block; text-align: center; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .btn-create-account { position: absolute; padding: 0.357143rem 12px; font-size: 0.9286rem; line-height: 20px; z-index: 2; top: 10px; right: 21px; } .form-group input[type="radio"], .form-group input[type="checkbox"] { display: none; } .form-group input[type="checkbox"] + .btn-group > label, .form-group input[type="radio"] + .btn-group > label { white-space: normal; } .form-group input[type="checkbox"] + .btn-group > label.btn-default, .form-group input[type="radio"] + .btn-group > label.btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); cursor: pointer; } .form-group input[type="radio"] + .btn-group > label span:first-child, .form-group input[type="checkbox"] + .btn-group > label span:first-child { display: none; } .form-group input[type="radio"] + .btn-group > label span:first-child + span, .form-group input[type="checkbox"] + .btn-group > label span:first-child + span { display: inline-block; } .form-group input[type="radio"]:checked + .btn-group > label span:first-child, .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child { display: inline-block; } .form-group input[type="radio"]:checked + .btn-group > label span:first-child + span, .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child + span { display: none; } .form-group input[type="checkbox"] + .btn-group > label span[class*="fa-"], .form-group input[type="radio"] + .btn-group > label span[class*="fa-"] { width: 15px; float: left; margin: 4px 0px 2px -2px; } .form-group input[type="checkbox"] + .btn-group > label div.content-label, .form-group input[type="radio"] + .btn-group > label div.content-label { margin-left: 22px; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f8c0fe800a8.woff2') format("woff2"), url('../fonts/f2105ee11c7.woff') format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fa75c569925.woff2') format("woff2"), url('../fonts/f60b2dbb3d4.woff') format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fd358e21d59.woff2') format("woff2"), url('../fonts/f3eb7526359.woff') format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f9dda5dbfa2.woff2') format("woff2"), url('../fonts/f153ecf2e09.woff') format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f048b8a85eb.woff2') format("woff2"), url('../fonts/f3db9b88e04.woff') format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fa933cf38e8.woff2') format("woff2"), url('../fonts/f6d353a761d.woff') format("woff"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fd5ba3f7271.woff2') format("woff2"), url('../fonts/ff63e0f1eec.woff') format("woff"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f67fc5b29ea.woff2') format("woff2"), url('../fonts/f41962281fb.woff') format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/fa4a6946e06.woff2') format("woff2"), url('data:,') format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f0174f31840.woff2') format("woff2"), url('../fonts/fda691704ad.woff') format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('data:,') format("woff2"), url('../fonts/f977b596599.woff') format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f23082c885b.woff2') format("woff2"), url('../fonts/f15c3236393.woff') format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('data:,') format("woff2"), url('../fonts/f2eb53e3b3f.woff') format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "DIN Next W1G"; src: url('../fonts/f95e6391d8e.woff2') format("woff2"), url('data:,') format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fad00c1191f.woff') format("woff"), url('../fonts/f6703e87b2b.ttf') format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('data:,') format("woff"), url('../fonts/f60ec31b7c6.ttf') format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fff2ce3b731.woff') format("woff"), url('../fonts/f93c62f7773.ttf') format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('data:,') format("woff"), url('../fonts/f745738cd52.ttf') format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/ffe667b7d17.woff') format("woff"), url('../fonts/f12215d1c5d.ttf') format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('data:,') format("woff"), url('../fonts/fc342bc4b8e.ttf') format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fffb5ff62ef.woff') format("woff"), url('data:,') format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/f0e7813601a.woff') format("woff"), url('../fonts/f7e810f5408.ttf') format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fe99ab075f1.woff') format("woff"), url('data:,') format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: BeaufortforLOL; src: local("☺"), url('../fonts/fa27bb2db0e.woff') format("woff"), url('../fonts/faa0e4442c5.ttf') format("truetype"); font-weight: 800; font-style: italic; } body { --color-accent: #ffe8b1; --color-22: rgba(22, 33, 54, 0.961); --block-bg: rgba(21, 21, 21, 0.788); --border-radius: 6px; background: url('../img/a73bbd56c04.jpg') center top / max(2560px, 100%) no-repeat rgb(32, 28, 27); color: rgb(255, 248, 237); min-height: 100vh; font-family: "DIN Next W1G", Tahoma, Arial, sans-serif; } a { color: rgb(191, 151, 98); } a:hover { color: rgb(247, 192, 121); } #page-header { background-size: cover; background-position: 50% center; background-repeat: no-repeat; z-index: 10; background-image: url('../img/aef1cbcfe17.jpg') !important; } #page-container.page-header-modern #page-header > .content-header { padding-top: 0px; padding-bottom: 0px; } .nav-main-header a { color: rgb(174, 165, 153); background: rgba(74, 74, 74, 0.31); box-sizing: border-box; border: 1px solid transparent; transition: 0.3s; font-weight: normal; } .nav-main-header a > i { color: rgb(255, 248, 237); } .nav-main-header a:hover > i, .nav-main-header .open a > i, .nav-main-header a:focus > i { color: rgb(41, 33, 32); } .btn-dual-secondary { color: rgb(174, 165, 153); font-family: BeaufortforLOL, Philosopher, "Times New Roman", Times, serif; text-transform: uppercase; border: 0px; } .text-dual-primary-dark { color: rgb(174, 165, 153) !important; } a.link-effect::before { background-color: rgb(174, 165, 153); } .nav-main-header a:hover, .nav-main-header a:focus, .nav-main-header a.active, .nav-main-header li.open > a.nav-submenu, .nav-main-header li:hover > a.nav-submenu { background-color: rgb(255, 248, 237); border: 1px solid transparent; color: rgb(41, 33, 32); } .btn-alt-info, .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .btn-dual-secondary.dropdown-toggle, .btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus, .btn-alt-success, .btn-alt-success:not([disabled]):not(.disabled).active, .show > .btn-alt-success.dropdown-toggle, .btn-alt-primary, .btn-alt-primary:not([disabled]):not(.disabled):active { background-image: url('../img/ab72896a0bf.png'); border: 0px; background-color: transparent; background-size: cover; outline: 0px; font-family: BeaufortforLOL, Philosopher, "Times New Roman", Times, serif; line-height: 1; text-transform: uppercase; background-position: center center; border-radius: 5px !important; color: rgb(41, 33, 32) !important; } .block { background-color: rgb(40, 37, 36); border: 1px solid rgba(255, 255, 255, 0.05); box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px; } .block.block-shadow { box-shadow: rgba(0, 0, 0, 0.14) 0px 5px 15px; } .block-header { background: rgba(0, 0, 0, 0.24) !important; } .bg-body-light { border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(255, 255, 255, 0.05) rgba(255, 255, 255, 0.05); border-image: initial; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px; background-color: rgba(0, 0, 0, 0.46) !important; } a.text-muted:hover, a.text-muted:focus { color: rgb(187, 187, 187) !important; } .submit-form { color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0.46); border-color: rgba(0, 0, 0, 0); font-size: 15px; } .submit-form:hover, .submit-form:active { background-color: rgba(255, 255, 255, 0.7); color: rgb(0, 0, 0); border-color: rgba(0, 0, 0, 0); } .submit-form.btn-alt-primary { background-color: transparent; border: 0px solid transparent; color: rgb(41, 33, 32); } .submit-form.btn-alt-primary:hover, .submit-form.btn-alt-primary:active { background-color: transparent; border: 0px; color: rgb(41, 33, 32); } .custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); border-color: rgb(41, 145, 62); background-color: rgb(38, 166, 46); } .form-control { color: rgb(130, 130, 130); background-color: rgba(0, 0, 0, 0.44); border: 1px solid rgba(255, 255, 255, 0.05); } .form-control:focus { color: rgb(219, 219, 219); background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.05); } .form-control optgroup { background-color: rgba(255, 255, 255, 0.05); color: rgb(182, 182, 182); } .form-control option { background-color: rgb(27, 27, 27); color: rgb(219, 219, 219); } .nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link { background-color: transparent; border-color: transparent; box-shadow: rgb(36, 36, 36) 0px -2px inset; color: rgb(219, 219, 219); } .nav-link { color: rgb(200, 197, 187); } .nav-link:focus, .nav-link:hover { color: rgb(255, 248, 237); } .nav-tabs { border-bottom: 0px; } .btn-secondary { color: rgb(130, 130, 130); background-color: rgba(0, 0, 0, 0.44); border: 1px solid rgba(255, 255, 255, 0.05); } .btn-secondary:not([disabled]):not(.disabled):active { color: rgb(219, 219, 219) !important; background-color: rgba(0, 0, 0, 0.6) !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; } .breadcrumb-item { color: rgb(255, 248, 237); } .breadcrumb-item:hover { color: rgb(139, 118, 85); } .breadcrumb-item.active { opacity: 0.4; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: rgb(255, 248, 237) !important; font-family: BeaufortforLOL, Philosopher, "Times New Roman", Times, serif; } .nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus { color: rgb(255, 248, 237); box-shadow: rgb(211, 182, 129) 0px -2px inset; } .nav-tabs-block { background-color: rgba(0, 0, 0, 0.24); } .nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus { color: rgb(255, 248, 237); } .table { color: rgb(168, 168, 168); } .block.block-bordered, .table-bordered, .table-bordered th, .table-bordered td { border: 1px solid rgba(255, 255, 255, 0.05); } .table th, .table td { border-top: 1px solid rgba(255, 255, 255, 0.05); } .input-group-text { background-color: rgba(39, 37, 45, 0.94); border: 1px solid rgba(56, 59, 62, 0.66); color: rgb(162, 161, 161); } .border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; } #calculation_board { color: rgba(253, 253, 253, 0.45); } .dropdown-menu { background-color: rgba(53, 53, 53, 0.95); border: 1px solid transparent; border-radius: 5px; } .dropdown-item { color: rgb(200, 200, 200); } .dropdown-item:focus, .dropdown-item:hover { color: rgb(59, 59, 59); } .nav-main-header ul, .nav-main-header > li:hover > a.nav-submenu { background-color: rgb(255, 248, 237); border: 1px solid transparent; color: rgb(41, 33, 32); } .nav-main-header li a span, .nav-main-header li a i { transition: 0.3s; } .nav-main-header li ul li a { background-color: rgb(255, 248, 237); color: rgb(41, 33, 32); } .nav-main-header li ul li a i { transition: 0.3s; color: rgb(41, 33, 32) !important; } .nav-main-header > li ul li a:hover { background-color: rgb(41, 33, 32); color: rgb(255, 248, 237); } .nav-main-header li ul li a:hover i { color: rgb(211, 182, 129) !important; } .dropdown-divider { border-top: 1px solid rgba(255, 255, 255, 0.05); } .border-b { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; } .block.block-fx-shadow { box-shadow: none; } .content .push { background-color: rgba(33, 33, 33, 0.65) !important; } .block .push { background-color: transparent !important; } .bg-info { background-color: rgba(38, 218, 193, 0.37) !important; } .content-heading { border-color: rgba(255, 255, 255, 0.05); } .alert-warning { color: rgb(255, 237, 203); background-color: rgba(255, 220, 119, 0.27); border-color: rgb(255, 240, 195); } #page-container.page-header-modern #sidebar { box-shadow: rgb(41, 33, 32) 5px 0px 20px; background: rgb(40, 37, 36); } #page-container #sidebar { color: rgb(217, 216, 227); background-color: rgb(17, 16, 16); } .sidebar-inverse #sidebar .nav-main a, #sidebar .nav-main a { color: rgba(216, 216, 216, 0.9); transition: 0.2s; font-weight: 500; font-size: 14px; text-transform: uppercase; padding: 9px 18px 9px 42px; } .sidebar-inverse #sidebar .nav-main a > i, #sidebar .nav-main a > i { color: rgba(216, 216, 216, 0.5); transition: 0.2s; font-size: 16px; } #sidebar .nav-main a:hover, #sidebar .nav-main a:focus, #sidebar .nav-main a.active, .sidebar-inverse #sidebar .nav-main a:hover, .sidebar-inverse #sidebar .nav-main a:focus, .sidebar-inverse #sidebar .nav-main a.active { color: rgb(255, 248, 237); } #sidebar .nav-main a.active > i, #sidebar .nav-main a:focus > i, #sidebar .nav-main a:hover > i, .sidebar-inverse #sidebar .nav-main a.active > i, .sidebar-inverse #sidebar .nav-main a:focus > i, .sidebar-inverse #sidebar .nav-main a:hover > i { color: rgb(255, 248, 237); } .sidebar-inverse #sidebar .simplebar-scrollbar::before { background: rgb(35, 40, 45); } .simplebar-content { display: flex; flex-direction: column; } .modal-content { background-color: rgb(24, 24, 24); } .border-right, .border-left, .border-top, .border-bottom { border-color: rgba(222, 226, 230, 0.08) !important; } hr { border-color: rgba(222, 226, 230, 0.08) !important; } .options-container .options-overlay { background-color: rgb(30, 30, 30) !important; } .btn-alt-success, .btn-alt-success:not([disabled]):not(.disabled).active, .show > .btn-alt-success.dropdown-toggle { color: rgb(13, 11, 10); background-color: rgb(255, 195, 52); border-color: rgb(255, 222, 186); } .btn-alt-success:hover, .btn-alt-success:focus, .btn-alt-success.focus, .btn-alt-success:not([disabled]):not(.disabled):active { color: rgb(41, 33, 32); background-color: rgb(255, 158, 34); border-color: rgb(255, 180, 97); } .btn-outline-primary { color: rgb(162, 134, 110); border-color: rgb(162, 134, 110); } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:not([disabled]):not(.disabled):active { color: rgb(247, 233, 199); background-color: rgba(83, 51, 27, 0.44); border-color: rgb(162, 134, 110); } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(121, 86, 37); border-color: rgb(121, 86, 37); } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not([disabled]):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(87, 56, 14); border-color: rgb(87, 56, 14); } .btn-alt-danger { color: rgb(238, 159, 158); background-color: rgba(123, 54, 51, 0.67); border-color: rgba(255, 178, 174, 0.19); } .btn-alt-danger:hover, .btn-alt-danger:focus, .btn-alt-danger.focus, .btn-alt-danger:not([disabled]):not(.disabled):active { color: rgb(244, 166, 164); background-color: rgb(102, 26, 21); border-color: rgb(123, 38, 33); } .btn.btn.btn { transition: 0.2s; font-weight: 700; border-radius: 6px !important; } .btn.btn.btn:hover { filter: brightness(1.1); } .css-switch .css-control-input ~ .css-control-indicator { background-color: rgb(83, 83, 83); } .nav-tabs-block .nav-link.active, .nav-tabs-block .nav-item.show .nav-link { color: rgb(215, 157, 57); background-color: rgba(174, 168, 131, 0.22); border-color: transparent; } .list-group-item { background-color: rgba(94, 94, 94, 0.24); border: 1px solid rgba(71, 73, 79, 0.5); } .list-group-item-action { color: rgb(204, 204, 204); } .intl-tel-input .country-list { background-color: rgb(26, 26, 26); border-color: rgb(70, 70, 70); } .intl-tel-input .country-list .country.highlight { background-color: rgb(40, 40, 40); } .intl-tel-input .country-list .divider { border-color: rgb(70, 70, 70); } .modal-backdrop { background-color: rgb(33, 37, 40); } a.block.block-link-shadow:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px; border-color: rgba(255, 210, 123, 0.37); } a.block, a.block:hover { color: rgb(225, 195, 122); } .text-muted { color: rgb(157, 156, 146) !important; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link, .nav-pills .show > .nav-link:hover { background-color: rgb(255, 248, 237); color: rgb(41, 33, 32); } .isel { background-color: rgba(51, 51, 51, 0.44); margin-bottom: 4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; } .checkbox__block { background: rgba(255, 238, 145, 0.44); border-radius: 3px 0px 0px 3px; box-shadow: rgba(0, 0, 0, 0.63) 2px 2px 10px inset; transform: scale(1); } .checkbox__block::after { border-radius: 3px 0px 0px 3px; } .checkbox__input:checked + .checkbox__block::after { background-color: rgb(41, 104, 41); } .content-header-item-logo { height: 148px; line-height: 100px; width: 100%; display: flex; justify-content: center; align-items: center; } .content-header-section-flex { display: flex; justify-content: center; align-items: center; } .content-side { margin: 100px auto 0px; } .logo { display: flex; justify-content: center; align-items: center; text-decoration: none; font-size: 12px; position: relative; z-index: 0; max-width: 119px; } .logo__img { display: block; transition: 0.3s; max-width: 100%; } .logo__img_hover_effect:hover { filter: brightness(120%); } .logo__img_hover_animation { position: absolute; inset: 0px; z-index: 2; opacity: 0; transition: 0.2s; pointer-events: none; } .logo:hover .logo__img_hover_animation { animation: 0.3s ease 0s 1 normal none running logo; } @keyframes logo { 0% { transform: scale(1); opacity: 0; } 20% { opacity: 0.3; } 100% { transform: scale(1.2); opacity: 0; } } .page-item.disabled .page-link { color: rgb(153, 153, 153); pointer-events: none; cursor: auto; background-color: rgb(32, 32, 32); border-color: rgb(64, 64, 64); } .page-item.active .page-link { z-index: 1; color: rgb(255, 248, 237); background-color: rgb(47, 46, 46); border-color: rgb(77, 77, 77); } a.block.block-link-pop:hover { box-shadow: none !important; } .fileuploader { background: rgb(36, 36, 36); } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner { background: rgb(21, 21, 21); border: 2px dashed rgb(62, 62, 62); text-align: center; font-size: 30px; color: rgb(106, 106, 106); } .text-primary { color: rgb(211, 182, 129) !important; } .text-logo { color: rgb(220, 176, 113); font-family: BeaufortforLOL, Philosopher, "Times New Roman", Times, serif; text-transform: uppercase; text-align: center; font-size: 20px; font-weight: 500; } .text-logo:hover { color: rgb(255, 248, 237); } .lang { --lang-img-size: 1.3125rem; --lang-list-offset: 0.75rem; width: auto; box-sizing: border-box; position: relative; flex-shrink: 0; color: rgb(186, 178, 168); font-size: 1rem; font-family: "DIN Next W1G", Tahoma, Arial, sans-serif; margin-right: 16px; } @media (min-width: 1200px) { .lang { --lang-img-size: 1.3125rem; } } .lang__box { display: flex; align-items: center; justify-content: flex-start; gap: 0.375rem; overflow: hidden; cursor: pointer; transition: 0.3s; flex-shrink: 0; line-height: 1; text-decoration: none; padding: 0px; width: 100%; box-sizing: border-box; } .lang__box::after { display: block; content: ""; background-color: transparent; background-image: url('../img/a8ee41d43cc.svg'); background-size: contain; background-position: center center; background-repeat: no-repeat; width: 0.4375rem; height: 0.1875rem; color: rgb(255, 255, 255); font-size: 0.75rem; transition: 0.2s; cursor: pointer; pointer-events: none; } .lang:hover .lang__box::after { transform: rotateX(180deg); } .lang__icon { width: 2.0625rem; height: 2.0625rem; background-color: rgb(17, 15, 15); border-radius: 50%; flex-shrink: 0; display: flex; justify-content: center; align-items: center; } .lang__current-img { width: 1.3125rem; height: 1.3125rem; display: block; flex-shrink: 0; } .lang__title { font-size: 1rem; font-weight: 500; color: rgb(174, 165, 153); text-transform: uppercase; } .lang__link { display: grid; grid-auto-flow: column; justify-content: flex-start; align-items: center; gap: 0.8125rem; overflow: hidden; grid-template-columns: var(--lang-img-size) 1fr; flex-shrink: 0; width: 100%; padding: 0.3125rem 1.75rem 0.3125rem 1.875rem; text-align: left; text-decoration: none; color: rgb(174, 165, 153); cursor: pointer; font-style: normal; font-size: 1rem; font-weight: 500; white-space: nowrap; position: relative; z-index: 0; box-sizing: border-box; transition: 0.3s; line-height: 1; min-height: 2.5rem; } .lang__link:hover { opacity: 1; } .lang__name { display: block; flex-shrink: 0; text-transform: capitalize; box-sizing: border-box; padding-right: 0.125rem; } .lang__img { display: block; height: var(--lang-img-size); width: var(--lang-img-size); flex-shrink: 0; border: 0px solid rgba(255, 200, 155, 0.55); box-sizing: border-box; border-radius: 50%; } .lang__link_sub { } .lang__link_sub:hover { background-color: rgba(255, 255, 255, 0.04); } .lang__list { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; opacity: 0; visibility: hidden; transition: 0.3s; transform: translateY(0.625rem); box-sizing: border-box; position: absolute; top: calc(100% + var(--lang-list-offset)); left: -1.625rem; width: calc(100% + 1.625rem); backdrop-filter: blur(0.1875rem); min-width: max-content; padding: 0.75rem 0px; border-radius: 0.5rem; background: rgb(18, 16, 15); border: 0.125rem solid rgb(68, 63, 58); } .lang__list::after { display: block; content: ""; position: absolute; bottom: 100%; left: 0px; right: 0px; height: var(--lang-list-offset); } .lang:hover .lang__list { opacity: 1; visibility: visible; transform: translateY(0px); } ::-webkit-scrollbar { width: 6px; height: 4px; background-color: rgba(0, 0, 0, 0.4); } ::-webkit-scrollbar-thumb { background-color: rgb(107, 71, 37); } ::-webkit-scrollbar-thumb:hover { background-color: rgb(155, 102, 53); } * { scrollbar-width: thin; scrollbar-color: rgb(203, 167, 76) rgb(32, 26, 22); } .popover-header { padding: 3px 10px; color: rgb(236, 216, 177); background-color: rgb(49, 49, 49); } :root { --body-bg-image: url('../img/a63b4967c3d.jpg'); } :root { --body-bg-image: url('../img/aca82598b9a.jpg'); } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: url('../fonts/fa908e5ac0e.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: url('../fonts/f2e1cde37d3.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: url('../fonts/f32578fb041.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: url('../fonts/f6413aa87c0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: url('../fonts/f1d2af207e9.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: url('../fonts/fa91cd9085d.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: url('../fonts/f6413aa87c0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: url('../fonts/f1d2af207e9.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: url('../fonts/fa91cd9085d.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: url('../fonts/f6413aa87c0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: url('../fonts/f1d2af207e9.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: url('../fonts/fa91cd9085d.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 700; src: url('../fonts/f6413aa87c0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 700; src: url('../fonts/f1d2af207e9.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 700; src: url('../fonts/fa91cd9085d.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }