@charset "UTF-8"; /*! * Style Sheet for CAA * version: 1 * author: applab * website: www.applab.qa */ /*** LTR websites ***/ /*b5 start -------------------------------------------------------------------------------------------------------------------*/ /*! * Bootstrap v5.0.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ @import url("https://use.typekit.net/gbr4xal.css"); :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #0d6efd; text-decoration: underline; } a:hover { color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; 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: 0.875em; color: #6c757d; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table > :not(:last-child) > :last-child > * { border-bottom-color: currentColor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover > tbody > tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: #6c757d; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; 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) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-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; 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) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { max-width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; 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='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { 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='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; 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"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 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) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 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) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); padding: 1rem 0.75rem; } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #198754; } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; 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: #212529; } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64; } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e; } .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-secondary:disabled, .btn-secondary.disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-success { color: #fff; background-color: #198754; border-color: #198754; } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } .btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-danger { color: #fff; background-color: #dc3545!important; border-color: #dc3545!important; } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-light:disabled, .btn-light.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-dark { color: #fff; background-color: #212529; border-color: #212529; } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: #212529; border-color: #212529; } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd; } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #0d6efd; background-color: transparent; } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: #6c757d; background-color: transparent; } .btn-outline-success { color: #198754; border-color: #198754; } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #198754; background-color: transparent; } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #0dcaf0; background-color: transparent; } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #ffc107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-dark { color: #212529; border-color: #212529; } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: #212529; background-color: transparent; } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline; } .btn-link:hover { color: #0a58ca; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .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 { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #212529; } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .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-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .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: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .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: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; color: #0d6efd; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: #0a58ca; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background: none; 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: #e9ecef #e9ecef #dee2e6; isolation: isolate; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0d6efd; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-group > .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; 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, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button { border-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; 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) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { 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; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .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.25rem 0.5rem; font-size: 0.875rem; } .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: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width 0.6s ease; } @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: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #084298; background-color: #cfe2ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; } .list-group-item-success { color: #0f5132; background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; } .list-group-item-info { color: #055160; background-color: #cff4fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-dark { color: #141619; background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .toast-container { width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: 0.75rem; } .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; word-wrap: break-word; } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .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; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; 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.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; 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.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .offcanvas { position: fixed; bottom: 0; z-index: 1050; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(100%); } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%); } .offcanvas.show { transform: none; } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: #0d6efd; } .link-primary:hover, .link-primary:focus { color: #0a58ca; } .link-secondary { color: #6c757d; } .link-secondary:hover, .link-secondary:focus { color: #565e64; } .link-success { color: #198754; } .link-success:hover, .link-success:focus { color: #146c43; } .link-info { color: #0dcaf0; } .link-info:hover, .link-info:focus { color: #3dd5f3; } .link-warning { color: #ffc107; } .link-warning:hover, .link-warning:focus { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:hover, .link-danger:focus { color: #b02a37; } .link-light { color: #f8f9fa; } .link-light:hover, .link-light:focus { color: #f9fafb; } .link-dark { color: #212529; } .link-dark:hover, .link-dark:focus { color: #1a1e21; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .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; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !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; } .d-none { display: none !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !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; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: #0d6efd !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #0dcaf0 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #212529 !important; } .border-white { border-color: #fff !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !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; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !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; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .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-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; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !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; } .justify-content-evenly { justify-content: space-evenly !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; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { color: #0d6efd !important; } .text-secondary { color: #6c757d !important; } .text-success { color: #198754 !important; } .text-info { color: #0dcaf0 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #f8f9fa !important; } .text-dark { color: #212529 !important; } .text-white { color: #fff !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .bg-primary { background-color: #0d6efd !important; } .bg-secondary { background-color: #6c757d !important; } .bg-success { background-color: #198754 !important; } .bg-info { background-color: #0dcaf0 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-danger { background-color: #dc3545 !important; } .bg-light { background-color: #f8f9fa !important; } .bg-dark { background-color: #212529 !important; } .bg-body { background-color: #fff !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-end { 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-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !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; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .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-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; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !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; } .justify-content-sm-evenly { justify-content: space-evenly !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; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !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; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .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-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; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !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; } .justify-content-md-evenly { justify-content: space-evenly !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; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !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; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .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-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; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !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; } .justify-content-lg-evenly { justify-content: space-evenly !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; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !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; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .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-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; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !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; } .justify-content-xl-evenly { justify-content: space-evenly !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; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !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; } .d-print-none { display: none !important; } } /*b5 end ---------------------------------------------------------------------------------------------------------------------*/ [class^=icon-]:before, [class*=" icon-"]:before { font-family: "caa"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-youtube:before { content: "\e800"; } .icon-instagram:before { content: "\f16d"; } .icon-snapchat-ghost:before { content: "\f2ac"; } .icon-twitter:before { content: "\f309"; } .icon-facebook:before { content: "\f30c"; } .icon-gplus:before { content: "\f30f"; } .icon-linkedin:before { content: "\f318"; } body, html { margin: 0; font-size: 62.5%; direction: left; } body { font-size: 1.6rem; font-family: var(--caa-primary-font); background: #fff; font-weight: 400; color: #000; } .container { max-width: 1320px; } @media (min-width: 1200px) and (max-width: 1399.98px) { .container { width: 90%; } } .row { --bs-gutter-x: 2.4rem; } .g-0, .gx-0 { --bs-gutter-x: 0; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: var(--bs-gutter-x, 1.2rem); padding-left: var(--bs-gutter-x, 1.2rem); } ul { padding: 0; margin: 0; } li { list-style: none; } a { transition: all 300ms; text-decoration: none; } a:hover { text-decoration: none; transition: all 300ms; } p, .btn, button, input, optgroup, select, textarea, .form-control, .dropdown-menu { font-size: 1.6rem; } .form-control { padding: 1rem; } [class*=" icon-"]:before, [class^=icon-]:before { margin: 0; } :root { --caa-primary-font: "Effra"; } body { background-color: #F6F6F6; } .breadcrumb { padding: 3px 0; margin: 0 0 25px; font-family: var(--caa-primary-font); } .breadcrumb .breadcrumb-item { display: flex; align-items: flex-start; } .breadcrumb .breadcrumb-item a { color: #fff; font-size: 15px; font-weight: 500; text-transform: capitalize; } .breadcrumb .breadcrumb-item.active { font-size: 15px; font-weight: 500; color: #0095DA; text-transform: capitalize; } .breadcrumb .breadcrumb-item.active a { color: #0095DA !important; } .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 0.6rem; } .breadcrumb .breadcrumb-item + .breadcrumb-item:before { padding-right: 0.6rem; color: #fff; } .white { background: #fff; } .black { background: #000; } h1, .h1 { font-size: 32px; font-family: "aktiv-grotesk"; font-weight: 500; } @media (max-width: 991.98px) { h1, .h1 { font-size: 25px; } } h2, .h2 { font-family: "aktiv-grotesk"; font-size: 24px; margin-bottom: 0; font-weight: 500; color: #fff; } @media (max-width: 1199.98px) { h2, .h2 { font-size: 25px; } } @media (max-width: 575.98px) { h2, .h2 { font-size: 20px; } } h3, .h3 { font-size: 20px; font-family: "aktiv-grotesk"; font-weight: 600; } h4, .h4 { font-family: "aktiv-grotesk"; font-size: 16px; font-weight: 500; } h5, .h5 { font-family: "aktiv-grotesk"; font-size: 2rem; } h6, .h6 { font-family: "aktiv-grotesk"; font-size: 1.6rem; } p { font-size: 16px; color: #000; margin: 0; } @media (max-width: 767.98px) { p { font-size: 15px; } } .dir-rtl { direction: rtl; } .dir-ltr { direction: ltr; } .text-ar { font-family: "aktiv-grotesk"; } figure { margin: 0; } ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #f7f4f4; } /* Handle */ ::-webkit-scrollbar-thumb { background: #E6E6E6; border-radius: 4px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } html { scroll-padding-top: 175px; } .view-more { color: #DA4081; font-size: 16px; } .view-more::after { content: ""; position: relative; display: inline-block; width: 33px; height: 33px; vertical-align: middle; background: url(../images/icons/view-more.svg) 0 0 no-repeat; margin: 0 0 0 12px; } .call-out-box { border-radius: 2px; margin-bottom: 30px; padding: 20px 25px; font-size: 16px; background-color: rgba(143, 220, 255, 0.1); color: #013B82; position: relative; } .call-out-box::before { content: ""; border-left: 4px solid #0095DA; left: 0; height: 100%; position: absolute; top: 0; } .call-out-box p { color: #013B82; margin-bottom: 14px; line-height: 20px; } .table-outer .table { border: 1px solid #F0F0F0; } .table-outer thead { background-color: rgba(124, 135, 142, 0.1); } .table-outer thead th { font-size: 16px; color: #00053E; border-bottom-color: #F0F0F0 !important; } .table-outer th, .table-outer td { padding: 15px 20px; } .table-outer td { font-size: 14px; color: #7C878E; } .table-outer td a { text-decoration: underline; color: #013B82; } .react-datepicker-wrapper { display: block !important; } .loader-outer { overflow: hidden; } .loader-wrapper { background-color: rgba(1, 59, 130, 0.8); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100vh; position: fixed; z-index: 100; left: 0; top: 0; } .loader-wrapper--opacity { background-color: #013b82; } .DotsLoader-item { background-color: #FAFAFA; display: inline-block; width: 16px; height: 16px; border-radius: 50%; margin: 0 8px; animation: scale 1.3s cubic-bezier(0.4, 0, 0.6, 1) infinite alternate; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .DotsLoader-item:nth-child(2) { animation-delay: 0.15s; } .DotsLoader-item:nth-child(3) { animation-delay: 0.2s; } .DotsLoader-item:nth-child(4) { animation-delay: 0.25s; } @keyframes scale { 0% { transform: scale(0.75); opacity: 0.25; } 50% { transform: scale(1.3); opacity: 1; } 100% { transform: scale(1); opacity: 0.25; } } .react-datepicker-popper[data-placement^=bottom] { right: 0 !important; top: 0 !important; left: auto !important; } .react-datepicker-popper[data-placement^=top] { right: 0 !important; left: auto !important; } .react-datepicker { width: 250px; } .react-datepicker__month-container { width: 248px; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { font-size: 14px; width: 31px !important; height: 31px; line-height: 29px !important; } .react-datepicker__day-names { margin-bottom: -4px !important; margin-top: 4px; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { font-size: 14px !important; } .react-datepicker__navigation { top: 8px !important; } .react-datepicker__header { padding: 15px 0 !important; } .react-datepicker__header-top { margin: 0 5px; } .react-datepicker__header-top button { border: none; min-width: 20px; } .react-datepicker__header-top select { border: 1px solid #d1d1d1; border-radius: 3px; font-size: 14px; min-width: 70px; outline: none; min-height: 30px; padding: 0 7px; } .react-datepicker__header-top .react-datepicker__navigation-icon--previous::before { left: 0; } .react-datepicker__header-top .react-datepicker__navigation-icon--next::before { left: 8px !important; } .react-datepicker__header-top .react-datepicker__navigation-icon::before { height: 9px; position: inherit; width: 9px; top: 0; border-color: #000; } .react-datepicker-popper { z-index: 2; } .dkrLJp { border-bottom: none; } .approved { color: #00695E; } .approved::before { background: #00695E; } .reject { color: #BB3131; } .reject::before { background: #BB3131; } .pending-approval { color: #C77B0C; } .pending-approval::before { background: #C77B0C; } .draft { color: #0095DA; } .draft::before { background: #0095DA; } .in-process { color: #8A1538; } .in-process::before { background: #8A1538; } .approval { color: #918836; } .approval::before { background: #918836; } .submitted { color: #013B82; } .submitted::before { background: #013B82; } .table-noresult { padding: 50px 0; display: flex; align-items: center; justify-content: center; font-size: 17px; color: #013B82; } .table-noresult .fa { margin-left: 7px; } .form-cancel-modal { position: absolute; inset: 40px; overflow: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; } .form-cancel-modal .middle-content { max-width: 800px; margin: 0 auto; } .showing-result { margin: 20px; } .showing-result p { color: #1D1D1D; font-size: 14px; margin: 0; font-weight: 500; } #e-services-modal { border: none !important; background: inherit !important; } @media (max-width: 575.98px) { #e-services-modal { max-width: 300px; width: 100%; } } .text-capitalize { text-transform: capitalize; } .date-range { display: flex; } .date-range span { border-top: none; border-bottom: none; background-color: #fff; padding: 9px 15px; height: 46px; color: #013B82; } .date-range .form-control { display: block; background-image: url(../images/icons/calendar-blue.svg); background-repeat: no-repeat; background-position: 6% 50%; padding: 0 0 0 35px; } .date-range .form-control__left { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-radius: 0; } .date-range .form-control__right { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .ajax-progress-fullscreen { display: none !important; position: relative; width: 100%; height: 100%; background-color: #013b82; background-image: url(../images/loader/loader.svg); top: 0; left: 0; } .ajax-progress-fullscreen:after { display: block; width: 100%; height: 20px; font-size: 16px; content: "Just a moment... We will take you there !!"; } .accordion-btn-group .btn-expand { float: right; margin-top: -25px; margin-bottom: 15px; position: relative; z-index: 1; } .accordion-btn-group .btn-expand span { min-height: 25px; display: block; white-space: nowrap; } .accordion-btn-group .btn-expand .shrink { display: none; } .accordion-btn-group .btn-expand .expand { display: block; } .accordion-btn-group .btn-expand.active .shrink { display: block; } .accordion-btn-group .btn-expand.active .expand { display: none; } .rtl { direction: rtl; text-align: right !important; unicode-bidi: bidi-override; font-family: "aktiv-grotesk-arabic", sans-serif !important; } .ltr { direction: ltr; unicode-bidi: bidi-override; font-family: "aktiv-grotesk" !important; } .modal-custom { margin: 5px 0; } .modal-custom .btn-close { position: absolute; top: 35px; right: 35px; color: #0095DA; background-image: url("../images/icons/blue-close-icon.svg"); background-repeat: no-repeat; opacity: 1; } .modal-custom .modal-xl { max-width: 1100px; } .modal-custom .modal-content { padding: 60px; } .modal-custom h4, .modal-custom .h4 { font-size: 24px; font-weight: bold; color: #013B82; margin-bottom: 25px; } .modal-custom h4.top-s, .modal-custom .top-s.h4 { margin-top: 50px; } .modal-custom p, .modal-custom li { font-size: 19px; } .modal-custom ul { margin-top: 20px; } .modal-custom li { position: relative; padding-left: 12px; margin-bottom: 20px; } .modal-custom li:after { position: absolute; top: 12px; left: 0; display: block; content: ""; width: 6px; height: 6px; background-color: #343434; border-radius: 50px; } .modal-custom .modal-footer { padding: 0; justify-content: flex-start; } .modal-custom .modal-footer .checkbox-wrapper { margin: 30px 0; } .modal-custom .modal-footer .checkbox-wrapper label { color: #777777; font-size: 20px; } .modal-custom .btn { padding: 11px 40px; min-height: 48px; } .modal-custom .btn-primary { margin-right: 25px; } .custom-table { margin: 30px 0; overflow-x: visible; } .custom-table table { margin: 0; } .custom-table thead td { color: #013B82; } .custom-table td { padding: 20px 5px; vertical-align: top; border-bottom: none; } .custom-table tbody tr:nth-of-type(odd) { background-color: rgba(227, 238, 244, 0.49); --bs-table-accent-bg: var(--bs-table-bg); color: #343434; } .form-wrapper .custom-table .form-control::placeholder{ font-size: 11px; } @media (min-width: 1200px) and (max-width: 1399.98px) { .custom-table .form-control { font-size: 12px !important; min-height: auto; } } .table-responsive.custom-table { overflow-x: auto; } .custom-popover { position: relative; display: inline-block; } .custom-popover__drop { display: none; } .custom-popover__drop:after { position: absolute; display: block; content: ""; left: 10px; bottom: -4px; width: 16px; height: 16px; background-color: #00053E; transform: rotate(45deg); border-radius: 2px; } .custom-popover__drop:before { position: absolute; z-index: 1; display: block; content: ""; bottom: -30px; width: 100%; height: 32px; left: 0; } .custom-popover:hover .custom-popover__drop { display: block; position: absolute; z-index: 2; width: 200px; display: block; background-color: #00053E; padding: 10px; border-radius: 4px; bottom: calc(100% + 6px); left: -10px; } .custom-popover:hover .custom-popover__drop p { margin: 0; font-size: 14px; font-weight: 400; color: #fff; } .custom-popover:hover .custom-popover__drop p a { text-decoration: underline; } @media (max-width: 767.98px) { .custom-popover:hover .custom-popover__drop { left: -50%; transform: translateX(-50%); } .custom-popover:hover .custom-popover__drop:after { margin-left: 8px; left: 50%; } } .country-select__input-group .flag-outer { display: flex; align-items: center; justify-content: center; width: 38px; min-height: 50px; height: 100%; background-color: #F5F5F5; border: 1px solid #cacaca; border-radius: 3px 0 0 3px; } .react-select__menu { z-index: 3; } .z-up { position: relative; } .z-up:nth-of-type(1) { z-index: 1; } .z-up:nth-of-type(2) { z-index: 2; } .z-up:nth-of-type(3) { z-index: 3; } .z-up:nth-of-type(4) { z-index: 4; } .z-up:nth-of-type(5) { z-index: 5; } .z-up:nth-of-type(6) { z-index: 6; } .z-up:nth-of-type(7) { z-index: 7; } .z-up:nth-of-type(8) { z-index: 8; } .z-up:nth-of-type(9) { z-index: 9; } .z-up:nth-of-type(10) { z-index: 10; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .z-index-4 { z-index: 4; } .z-index-5 { z-index: 5; } .z-index-6 { z-index: 6; } .z-index-7 { z-index: 7; } .z-index-8 { z-index: 8; } .z-index-9 { z-index: 9; } .z-index-10 { z-index: 10; } .toolbar-oriented .toolbar-bar { z-index: 10000 !important; } .form-wrapper .form-group { margin-bottom: 15px; position: relative; } .form-wrapper .form-group__name { display: flex; } .form-wrapper .form-group .utc-tag { position: absolute; top: 15px; right: 5px; left: auto; padding: 2px 6px; font-size: 10px; color: #fff; background-color: #0095DA; border-radius: 20px; } .form-wrapper .form-group.rc-time-picker { min-width: 85px; } .form-wrapper .rc-time-picker .form-control { padding: 12px 10px; font-size: 14px; min-height: 50px; } .form-wrapper label { color: #000; font-size: 16px; font-weight: 500; margin-bottom: 5px; } @media (max-width: 575.98px) { .form-wrapper label { font-size: 15px; } } .form-wrapper label .fa { margin: 0 10px; color: #7C878E; } .form-wrapper label sup { color: #DA4081; } .form-wrapper label .bi { color: #0095DA; } .form-wrapper .react-tel-input .form-control { padding-left: 47px; min-height: 49px; width: 100%; text-align: left; } .form-wrapper .form-control { border-radius: 4px; border: 1px solid #D4D4D4; box-shadow: none; outline: none; color: #00053E; font-size: 16px; padding: 12px 14px; background-color: inherit; } .form-wrapper .form-control:active, .form-wrapper .form-control:focus { border: 1px solid #013B82; } .form-wrapper .form-control:active + .calender-icon, .form-wrapper .form-control:focus + .calender-icon { border-left: 1px solid #013B82; } .form-wrapper .form-control:active + .calender-icon .fa, .form-wrapper .form-control:focus + .calender-icon .fa { color: #013B82; } .form-wrapper .form-control--error { border: 1px solid #FF414E; } .form-wrapper .form-control::placeholder { color: #7C878E; opacity: 0.7; } .form-wrapper .form-select { border-radius: 4px; border: 1px solid #D4D4D4; box-shadow: none; outline: none; color: #00053E; font-size: 16px; padding: 12px 14px; background-color: inherit; } .form-wrapper textarea { resize: none; height: 72px; } .form-wrapper .calender-icon { position: absolute; display: flex; align-items: center; justify-content: center; z-index: 1; right: 0; top: 0; width: 44px; height: 100%; border-left: 1px solid #D4D4D4; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-wrapper .calender-icon .fa { transition: color 0.15s ease-in-out; color: #0095DA; } .form-wrapper .date-wrapper { position: relative; } .form-wrapper .date-wrapper::after { display: block; clear: both; content: ""; } .form-wrapper .date-wrapper .form-control { padding-right: 44px; } .form-wrapper .date-wrapper .react-datepicker-popper[data-placement^=bottom] { right: 0 !important; top: 0 !important; left: auto !important; } .form-wrapper .date-wrapper .react-datepicker__tab-loop { position: relative; z-index: 25; } .form-wrapper .date-wrapper .react-datepicker-wrapper + .react-datepicker__tab-loop + button, .form-wrapper .date-wrapper .react-datepicker-wrapper + button { position: absolute; top: 0; right: 44px; min-height: 50px; } .form-wrapper .PhoneInput { display: flex; align-items: center; line-height: 22px; } .form-wrapper .PhoneInputInput { border: none; outline: none; box-shadow: none; } .range-area { padding: 25px; background-color: #FCFCFC; border: 1px solid #EBEBEB; } .range-area .form-radio { margin-bottom: 25px; } .range-area .multiple-upload a { display: flex; align-items: center; color: #013B82; } .range-area .multiple-upload__plus { margin-left: 0; margin-right: 10px; margin-bottom: 0; } .form-radio { margin-right: 25px; } .form-radio [type=radio]:checked, .form-radio [type=radio]:not(:checked) { position: absolute; opacity: 0; } .form-radio [type=radio]:checked + label, .form-radio [type=radio]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 24px; display: inline-block; font-size: 14px; color: #00053E; text-transform: capitalize; } .form-radio [type=radio]:checked + label:before, .form-radio [type=radio]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 2px solid #0095DA; border-radius: 100%; background-color: #fff; } .form-radio [type=radio]:checked + label:after, .form-radio [type=radio]:not(:checked) + label:after { content: ""; display: block; width: 12px; height: 12px; background: #0095DA; position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: all 0.2s ease; } .form-radio [type=radio]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .form-radio [type=radio]:checked + label:after { opacity: 1; transform: scale(1); } .form-radio.disable { pointer-events: none; } .form-radio.disable [type=radio]:checked + label:before, .form-radio.disable [type=radio]:not(:checked) + label:before { border: 2px solid #d1d1d1; } .form-radio.disable [type=radio]:checked + label:after, .form-radio.disable [type=radio]:not(:checked) + label:after { background-color: #d1d1d1; } .form-radio.disable label { color: #d1d1d1 !important; } .form-switch { padding-left: 9px; } .form-switch .switch { position: relative; display: inline-block; width: 45px; height: 26px; } .form-switch .switch input { opacity: 0; width: 0; height: 0; } .form-switch .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #7C878E; transition: 0.4s; } .form-switch .switch .slider::before { content: ""; position: absolute; height: 20px; width: 20px; left: 5px; bottom: 3px; background-color: #fff; transition: 0.4s; } .form-switch .switch .slider.round { border-radius: 20px; } .form-switch .switch .slider.round::before { border-radius: 50%; } .form-switch input:checked + .slider { background-color: #0095DA; } .form-switch input:checked + .slider:before { transform: translateX(26px); left: -4px; } .checkbox-button { margin: 0px 12px 12px 0px; display: inline-block; } .checkbox-button:last-child { margin-right: 0; } .checkbox-button .btn-checkbox { border-radius: 4px; text-transform: capitalize; font-size: 16px; color: #000; padding: 8px; margin: 0 !important; background-color: #F5F5F5; text-align: left; display: flex; align-items: center; padding: 8px 15px; border: none; } .checkbox-button .btn-check:checked + .btn-checkbox { background-color: #0095DA; color: #fff; box-shadow: none; } .checkbox-button .btn-check:checked + .btn-checkbox::before { content: ""; background-image: url(../images/icons/check-icon.svg); background-repeat: no-repeat; background-position: left; width: 15px; height: 11px; margin: 0 9px -2px -6px; } .fileUpload { position: relative; height: 45px; width: 100%; border: 1px solid #E3E3E3; border-radius: 4px; } .fileUpload input:disabled { background: #EEEEEE; width: 100%; cursor: no-drop; } .fileUpload span { display: flex; align-items: center; justify-content: center; top: 50%; transform: translate(0, -50%); position: absolute; right: 0; width: 90px; height: 45px; color: #fff; font-size: 14px; line-height: 45px; background-color: #7C878E; text-align: center; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; cursor: pointer; } .fileUpload input.upload { z-index: 1; position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; } .fileUpload--preview { background-image: url(../images/icons/upload-file-image.svg); background-repeat: no-repeat; background-position: 10px; background-size: 15px; } .fileUpload--preview .path { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .fileUpload--preview button { border: none; padding: 9px; background-color: inherit; display: flex; align-items: center; justify-content: center; top: 50%; transform: translate(0, -50%); z-index: 1; position: absolute; right: 90px; height: 45px; color: #DA4081; font-size: 14px; } .fileUpload--loader { overflow: hidden; } .fileUpload--loader:after { position: absolute; bottom: 0; inset-inline-start: 0; display: block; content: ""; width: calc(100% - 90px); height: 4px; background: linear-gradient(90deg, #0b9ee3, #ffffff, #0095da); background-size: 400% 400%; animation: uploading cubic-bezier(0.6, -0.28, 0.74, 0.05); animation-iteration-count: infinite; animation-duration: 2.5s; } @keyframes uploading { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .path { border: none; padding-left: 30px; padding-right: 120px; width: 100%; position: absolute; top: 0; left: 0; height: 100%; color: #00053E; font-size: 14px; font-weight: 400; background-color: inherit; } .upload-error { color: #7e7979; font-size: 14px; white-space: pre-line; } .upload-section { display: flex; flex-wrap: wrap; align-items: flex-end; margin: 30px 0; } .upload-section-error { font-size: 13px; color: #1D1D1D; opacity: 1; margin-left: 20px; } .upload-section-error span { opacity: 0.56; } .upload-section .clearfix { width: 100%; } .upload-section .validation-error { color: #FF414E !important; } .upload-wrap { display: block; width: 130px; height: 130px; font-size: 14px; border: dashed 4px #D4D4D4; background: rgba(233, 233, 233, 0.31); border-radius: 4px; border-width: 2px; text-align: center; color: #1D1D1D; position: relative; } .upload-wrap-input { position: absolute; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; } .upload-wrap-content { display: flex; flex-direction: column; justify-content: center; text-align: center; margin: 0 auto; height: 100%; width: 100%; } .upload-wrap-content img { width: 36px; margin: 0 auto 9px; } .upload-wrap-content p { font-size: 14px; color: #1D1D1D; } .upload-wrap__placeholder .upload-wrap-content img { width: 100%; height: 100%; object-fit: cover; margin: 0; } .upload-wrap__placeholder p { display: none; } .upload-wrap__close-icon { position: absolute; right: -13px; top: -12px; background: #F2F2F5; display: flex; width: 25px; height: 25px; border-radius: 50px; align-items: center; justify-content: center; } .upload-wrap__close-icon .fa { color: red; font-size: 13px; } .checkbox-wrapper input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .checkbox-wrapper label { position: relative; cursor: pointer; display: flex; align-items: baseline; font-size: 14px; line-height: 18px; } .checkbox-wrapper label::before { content: ""; -webkit-appearance: none; background-color: transparent; border: 2px solid #013B82; padding: 9px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 12px; top: 8px; border-radius: 3px; } .checkbox-wrapper input:checked + label:before { border-color: #013B82; } .checkbox-wrapper input:checked + label:after { content: ""; display: block; position: absolute; top: 12px; left: 8px; width: 6px; height: 11px; border: solid #013B82; border-width: 0 3px 3px 0; transform: rotate(45deg); } .checkbox-wrapper--details { display: flex; flex-wrap: wrap; } .checkbox-wrapper--details .checkbox-wrapper:last-child { margin-right: 0; } .checkbox-wrapper--details .checkbox-wrapper label { margin: 6px 3px; border-radius: 4px; text-transform: capitalize; font-size: 16px; color: #000; padding: 8px; background-color: #F5F5F5; display: flex; align-items: center; padding: 11px 15px; border: none; } .checkbox-wrapper--details .checkbox-wrapper label::before { display: none; } .checkbox-wrapper--details .checkbox-wrapper input:checked + label { background-color: #0095DA; color: #fff; box-shadow: none; padding-left: 26px; } .checkbox-wrapper--details .checkbox-wrapper input:checked + label::after { content: ""; display: block; position: absolute; top: 13px; left: 11px; width: 7px; height: 13px; border: solid #ffffff; border-width: 0 3px 3px 0; transform: rotate(45deg); } .checkbox-wrapper a.validation-error { margin-top: 7px; display: block; } .checkbox-wrapper a:hover { color: #FF414E; } .inline-radio { display: flex; flex-wrap: wrap; } @media (max-width: 575.98px) { .inline-radio { flex-direction: column; } } .multiple-upload { display: flex; align-items: flex-start; } .multiple-upload aside { margin-left: 0 !important; } .multiple-upload__plus { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; text-decoration: none; background: #F2F2F5; border-radius: 50px; margin: 0 0 17px 10px; flex-shrink: 0; } .multiple-upload__plus .fa { color: #013B82; text-decoration: none; } .multiple-upload--group { flex-wrap: wrap; } .multiple-upload--group .form-group { width: 100%; } .multiple-upload--group .row .col-12 .multiple-upload__plus { display: none; } .multiple-upload--group .row .col-12:last-of-type .multiple-upload__plus { display: flex; } .services-date-wrapper { position: relative; } .services-date-wrapper::after { display: block; clear: both; content: ""; } .services-date-wrapper .react-datepicker-popper[data-placement^=bottom] { top: 0px !important; right: auto !important; bottom: auto !important; left: 0px !important; } .date-wrapper { position: relative; } .date-wrapper button { border: none; padding: 9px; background-color: inherit; z-index: 1; height: 45px; color: #DA4081; font-size: 14px; } .validation-error { font-size: 15px; color: #FF414E; text-decoration: none; } .validation-error:hover, .validation-error:active, .validation-error:focus { color: #FF414E; text-decoration: none; } .change-details { background: #f8f8f8; padding: 20px; } .change-details h4, .change-details .h4 { margin-bottom: 14px; } .content-area { margin-bottom: 70px; margin-top: -40px; background-color: #fff; border-radius: 4px; position: relative; } .content-area--custom { border-radius: 0; margin-bottom: 0; padding: 40px; } .content-area h2, .content-area .h2 { color: #DA4081; font-weight: 500; margin-bottom: 24px; } .content-area h2 span, .content-area .h2 span { display: block; font-family: var(--caa-primary-font); color: #7C878E; font-size: 18px; font-weight: 400; } @media (max-width: 575.98px) { .content-area h2 span, .content-area .h2 span { font-size: 15px; } } .content-area h2.blue-color, .content-area .blue-color.h2 { color: #00053E; } .content-area h3, .content-area .h3 { color: #013B82; margin-bottom: 15px; } .content-area .start-block { float: left; width: 73.5%; } .content-area .end-block { float: right; width: 21%; } .content-area .end-block .note { display: block; text-align: center; color: #7C878E; font-size: 12px; line-height: 16px; } .content-area .h4 { margin: 45px 0 35px; } .content-area-right { padding: 40px 80px; box-shadow: 0 12px 24px rgba(124, 135, 142, 0.08); border-radius: 0; } .content-area-right p { font-size: 16px; margin: 0; } .content-area-right a { text-decoration: underline; color: #013B82; } .content-area__head-block { padding: 30px 50px 0; background-color: #FCFDFE; transition: height 0.5s ease; } @media (max-width: 575.98px) { .content-area__head-block { padding: 30px 20px 0; } } .content-area__head-block__icon { margin-right: 24px; } .content-area__head-block--fixed { position: fixed; top: 0; left: 0; padding: 0; width: 100%; z-index: 8; background-color: transparent; } .content-area__head-block--fixed .content-area__head-block__wrapper { padding: 0 50px; max-width: calc(1320px - 2.4rem); margin: 0 auto; background-color: #FCFDFE; box-shadow: 0 0px 16px rgba(0, 0, 0, 0.1803921569); } @media (max-width: 1199.98px) { .content-area__head-block--fixed .content-area__head-block__wrapper { padding: 18px 15px; } } .content-area__head-block--fixed .content-area__head-block__wrapper img, .content-area__head-block--fixed .content-area__head-block__wrapper h2, .content-area__head-block--fixed .content-area__head-block__wrapper .h2 { display: none; } .content-area__head-block--fixed .form-wizard { padding: 25px 0; margin-bottom: 0; } @media (max-width: 1199.98px) { .content-area__head-block--fixed .form-wizard { padding: 0; } } .content-area__head-block--fixed .form-wizard .nav-link { min-height: 48px; } .content-area__head-block--fixed .form-wizard .nav-link.active:after { display: none; } @media (max-width: 991.98px) { .content-area__head-block--fixed { top: 70px; } } .content-area--nm { margin-top: 0; margin-bottom: 25px; } .content-area .callout { margin-bottom: 0; } @media (max-width: 767.98px) { .content-area .callout { display: none; } } .content-area .e-services-list { padding: 100px 0; margin: 0 auto; width: 60%; } .content-area .e-services-list .card .card-body { padding: 50px 30px; background-color: #f7f7f7; } @media (max-width: 1199.98px) { .content-area .e-services-list { padding: 50px 0; width: 80%; } } @media (max-width: 767.98px) { .content-area .e-services-list { padding: 20px; width: 100%; } } .content-area__main .e-services-list { padding: 0; margin: 0 auto; width: 100%; } .content-area__main .e-services-list .card .card-body { padding: 30px; } .content-area .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { z-index: 0; } .section-heading { margin-bottom: 25px; } .section-heading h3, .section-heading .h3 { color: #013B82; font-size: 24px; margin: 0; } .section-heading p { color: #7C878E; } .css-scroller { overflow-x: auto; } .css-scroller::-webkit-scrollbar { width: 2px; height: 10px; } .css-scroller::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); } .css-scroller::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #8c8a8a; outline: none; } .side-nav-menu { background: radial-gradient(circle at center 100%, #432562 4%, #00043d 130%); } .side-nav-menu li { padding: 15px 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .side-nav-menu li a { color: #fff; font-size: 16px; } .side-nav-menu li.active { position: relative; background-color: rgba(255, 255, 255, 0.12); } .side-nav-menu li.active:after { position: absolute; display: block; content: ""; background-color: #DA4081; width: 4px; height: 100%; top: 1px; left: 0; box-shadow: 4px 4px 12px #DA4081; } .side-nav-menu li:hover { background-color: rgba(255, 255, 255, 0.12); } .side-nav-menu li.count { display: flex; justify-content: space-between; align-items: center; } .side-nav-menu li.count span { color: #fff; background: #442B68; width: 30px; height: 30px; display: flex; border-radius: 50%; font-size: 14px; align-items: center; justify-content: center; } .section-wrapper { background-color: #fff; box-shadow: 0 3px 66px rgba(0, 49, 120, 0.06); padding: 50px 50px; } @media (max-width: 991.98px) { .section-wrapper { padding: 30px 15px; } } .section-wrapper h4, .section-wrapper .h4 { color: #013B82; } .section-wrapper-content { display: flex; } @media (max-width: 767.98px) { .section-wrapper-content { order: 2; } } @media (max-width: 575.98px) { .section-wrapper-content { flex-direction: column; } } .section-wrapper-content .form-wrapper textarea { height: 120px; } .section-wrapper-content .btn-pagination .btn-primary { padding: 8px 12px; line-height: inherit; } .section-wrapper-box { display: flex; align-items: baseline; justify-content: flex-end; } .section-wrapper .label-radiobutton { margin: 0 0 20px; } @media (max-width: 767.98px) { .section-wrapper .label-radiobutton { margin: 10px 0; } } .section-wrapper .number-line { color: #C5C5C5; font-size: 75px; line-height: 64px; position: relative; opacity: 0.3; } @media (max-width: 991.98px) { .section-wrapper .number-line { font-size: 50px; } } .section-wrapper .number-line::after { content: ""; display: block; background-image: url(../images/icons/line-gradient.svg); background-repeat: no-repeat; background-position: top; width: 100%; height: 100%; position: absolute; top: 10px; left: 12px; } @media (max-width: 575.98px) { .section-wrapper .number-line::after { left: 4px; background-position: top left; } } .section-wrapper aside { margin-left: 20px; } @media (max-width: 575.98px) { .section-wrapper aside { margin-left: 0; } } @media (max-width: 767.98px) { .section-wrapper { padding: 15px; } .section-wrapper .number-line { margin: 20px 0; } } .information-box { position: relative; position: sticky; top: 170px; border: 2px solid rgba(0, 149, 218, 0.4); background-color: #F9FDFF; text-align: center; padding: 20px 30px; max-width: 230px; font-family: var(--caa-primary-font); } .information-box h4, .information-box .h4 { font-size: 16px; color: #00053E; margin: 15px 0; font-family: var(--caa-primary-font); font-weight: 700; } .information-box p { font-size: 15px; opacity: 0.93; } @media (max-width: 1199.98px) { .information-box { padding: 15px; } } @media (max-width: 767.98px) { .information-box { display: none; max-width: 90vw; padding: 10px; margin: 0 auto 10px; } .information-box img { width: 10vw; } .information-box h4, .information-box .h4 { margin: 10px 0; } .information-box p { font-size: 12px; } } .content-opacity { opacity: 0.64; } .middle-content { background: #FCFCFC; border: 1px solid #EBEBEB; text-align: center; padding: 50px; } @media (max-width: 575.98px) { .middle-content { padding: 20px; } .middle-content .btn { margin-bottom: 10px; width: 100%; } } .middle-content h2, .middle-content .h2 { color: #00695E; font-size: 19px; margin: 15px 0 7px; font-weight: 600; } .middle-content h2.draft, .middle-content .draft.h2 { margin-bottom: 25px; } .middle-content p { color: #00053E; font-size: 16px; margin-bottom: 20px; } .middle-content a { font-size: 16px; color: #0095DA; text-decoration: underline; } .middle-content .btn-continue { padding: 8px 15px; } .middle-content .btn-save, .middle-content .btn-continue { margin-right: 8px; } .middle-content .btn-save:hover, .middle-content .btn-save:active, .middle-content .btn-save:focus, .middle-content .btn-save:visited, .middle-content .btn-continue:hover, .middle-content .btn-continue:active, .middle-content .btn-continue:focus, .middle-content .btn-continue:visited { color: #fff; text-decoration: none; } .middle-content--draft a { color: #fff; text-decoration: none; } .scrollup { width: 40px; height: 87px; border-radius: 20px; position: fixed; bottom: 30px; font-size: 12px; right: 40px; display: none; background: url(../images/icons/scroll-top-arrow.svg) no-repeat; background-position: center 15px; background-color: #00053E; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); transition: all 0.2s ease-in-out; z-index: 10; padding-top: 20px; border: 0.5px solid #555555; } .scrollup span { display: block; margin-top: 12px; color: #fff; font-size: 12px; text-transform: uppercase; transform: rotate(270deg); } @media (max-width: 991.98px) { .scrollup { right: 8px; } } @media (max-width: 767.98px) { .scrollup { width: 35px; height: 70px; padding-top: 15px; right: 26px; bottom: 40px; } } .table-review { width: 100%; display: block; } .table-review tr, .table-review td { font-size: 16px; color: #000; } @media (max-width: 575.98px) { .table-review tr, .table-review td { font-size: 14px; margin: 0; padding: 0; display: block; } } @media (max-width: 575.98px) { .table-review tr { display: block; margin: 0; margin-bottom: 15px; } } .table-review tr td { padding: 4px 20px 0 0; font-family: var(--caa-primary-font); font-weight: 500; } .table-review tr td:first-child { min-width: 440px; font-weight: 400; } @media (max-width: 991.98px) { .table-review tr td:first-child { min-width: 0; } } @media (max-width: 575.98px) { .table-review tr td { padding-top: 5px; padding: 0 !important; } .table-review tr td:first-child { padding-top: 0; } } .table-review .document-name a { text-decoration: underline; cursor: pointer; color: #013B82; font-weight: 500; position: relative; padding-right: 20px; } .table-review .document-name a::after { content: ""; background: url(../images/icons/link-arrow.svg) no-repeat 0 0; width: 12px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -6px; transform: rotate(45deg); opacity: 0; transition: all 400ms; } .table-review .document-name a:hover::after { transform: rotate(0deg); opacity: 1; transition: all 400ms; } .table-review .info__tick-icon { margin-right: 10px; width: 15px; height: 15px; } .font-bold { font-weight: 600; } .validation-wrapper li { list-style: disc; margin-left: 18px; color: #FF414E; font-size: 15px; text-decoration: underline; } .validation-wrapper li a { color: #FF414E; font-size: 15px; } .select2-container { width: 100% !important; } .country_wrapper { z-index: 1; } .pagination { flex-wrap: wrap; justify-content: flex-end; padding: 0px 0 30px; } .pagination .page-item { margin-bottom: 8px; } .pagination .page-link { position: relative; display: flex; align-items: center; justify-content: center; font-size: 15px; padding: 0; height: 40px; width: 40px; margin: 0 5px; color: #000000; background-color: #fff; border: 1px solid #EFEFEF; text-align: center; border-radius: 50px; font-weight: 700; box-shadow: none; } .pagination .page-link.previous-page, .pagination .page-link.next-page { display: none; } .pagination .page-link.first-page { font-size: 0; } .pagination .page-link.first-page::before { font-family: "FontAwesome"; font-weight: normal; content: "\f053"; color: #013B82; font-size: 12px; } .pagination .page-link.last-page { font-size: 0; } .pagination .page-link.last-page::before { font-family: "FontAwesome"; font-weight: normal; content: "\f054"; color: #013B82; font-size: 12px; } .pagination .page-item:first-child .page-link { margin-left: 0; border-radius: 50px; color: #013B82; background-color: #F5F5F5; } .pagination .page-item:last-child .page-link { margin-left: 0; border-radius: 50px; color: #013B82; background-color: #F5F5F5; } .pagination .page-item.active .page-link { color: #fff; background-color: #013B82; border-color: #013B82; } .pagination .page-item:hover .page-link { color: #fff; background-color: #013B82; border-color: #013B82; } .pagination .page-item.disabled { pointer-events: none; opacity: 0.6; } .pagination .page-item:not(:first-child) .page-link { margin-left: 0; } @media (max-width: 575.98px) { .pagination { justify-content: flex-start; } } .error-page { padding: 90px 30px; display: flex; align-items: center; justify-content: center; } @media (max-width: 575.98px) { .error-page { flex-direction: column; padding: 0px 20px; } } .error-page figure { margin: 0; } .error-page aside { margin-left: 40px; } @media (max-width: 575.98px) { .error-page aside { margin-left: 0; text-align: center; } } .error-page h2, .error-page .h2 { font-size: 28px; color: #013B82; margin-bottom: 10px; } .error-page p { font-size: 16px; color: #7C878E; margin-bottom: 20px; } .ReactModal__Body--open { overflow: hidden; } .ReactModal__Body--open .ReactModal__Overlay { background-color: rgba(0, 0, 0, 0.56) !important; z-index: 30; } .ReactModal__Body--open .ReactModal__Overlay .modal-header { padding: 15px 18px; } .ReactModal__Body--open .ReactModal__Overlay .modal-header h3, .ReactModal__Body--open .ReactModal__Overlay .modal-header .h3 { color: #013B82; font-size: 20px; font-weight: 400; } .ReactModal__Body--open .ReactModal__Overlay .modal-header .btn-close { font-size: 12px; border: none; } .ReactModal__Body--open .ReactModal__Overlay .modal-body { margin: 15px 18px; padding: 0; } .ReactModal__Body--open .ReactModal__Overlay .modal-body .alert { display: flex; align-items: end; padding: 24px 18px; margin: 0; } .ReactModal__Body--open .ReactModal__Overlay .modal-body .alert p { font-size: 15px; color: #856404; margin-left: 15px; line-height: 18px; } .ReactModal__Body--open .ReactModal__Overlay .modal-body .alert p a { color: #0095DA; text-decoration: underline; font-weight: 700; } .ReactModal__Body--open .ReactModal__Overlay .modal-footer { padding: 10px 18px; } .ReactModal__Body--open .ReactModal__Overlay .modal-footer .btn-primary { background: inherit; border: 1px solid #D4D4D4; border-radius: 4px; color: #013B82; padding: 12px 14px; } .ReactModal__Body--open .ReactModal__Overlay .modal-footer .btn-primary::after { display: none; } .ReactModal__Body--open .ReactModal__Overlay .modal-footer .btn-continue { padding: 12px 14px; line-height: 12px; } #attachment_modal .modal-close { position: relative; z-index: 1; } #attachment_modal .modal-close button { color: #013B82; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 35px; height: 36px; border-radius: 50px; background-color: #fff; border: 1px solid #013B82; position: absolute; right: 1px; top: -10px; } #attachment_modal #header-bar { z-index: 0; } .accordion-custom { padding: 0 0 40px; } .accordion-custom .accordion { padding: 45px 0; margin-bottom: 20px; background-color: #fff; } @media (max-width: 767.98px) { .accordion-custom .accordion { margin-bottom: 0; } } .accordion-custom .accordion h4, .accordion-custom .accordion .h4 { color: #013B82; font-size: 18px; font-weight: bold; margin: 15px 0 15px; } .accordion-custom .accordion .accordion-item { border: none; } .accordion-custom .accordion-box { border: dashed 0.5px #0095DA; border-radius: 2px; padding: 20px 30px; background: #fff; position: relative; z-index: 1; margin-bottom: 15px; } @media (max-width: 767.98px) { .accordion-custom .accordion-box { padding: 20px 15px; } } .accordion-custom .accordion-box::after { content: ""; background-image: url("../images/placeholder/faq-bg.png"); background-repeat: no-repeat; background-position: right; display: block; background-size: contain; width: 100%; height: 130px; position: absolute; right: 0; bottom: 0; z-index: 0; } @media (max-width: 767.98px) { .accordion-custom .accordion-box::after { display: none; } } .accordion-custom .accordion .accordion-button { position: relative; padding-left: 35px; font-size: 16px; color: #000; border: none; box-shadow: none; border-radius: 0; background-color: inherit; margin-bottom: 5px; position: relative; z-index: 1; font-family: var(--caa-primary-font); font-weight: 400; } @media (max-width: 575.98px) { .accordion-custom .accordion .accordion-button { padding-left: 30px; padding-right: 30px; } } .accordion-custom .accordion .accordion-button::after { font-family: "FontAwesome"; font-weight: normal; content: "\f067"; color: #0095DA; font-size: 13px; position: absolute; right: 0; top: 12px; width: 25px; height: 25px; display: flex; border-radius: 4px; border: 1px solid #0095DA; align-items: center; justify-content: center; background: none; } .accordion-custom .accordion .accordion-button:before { position: absolute; top: 9px; left: 0; display: block; content: ""; width: 20px; height: 20px; background-image: url("../images/icons/file-icon.svg"); background-repeat: no-repeat; background-position: center; } .accordion-custom .accordion .accordion-button:not(.collapsed) { color: #0095DA; text-decoration: underline; background-color: transparent; box-shadow: none; } .accordion-custom .accordion .accordion-button:not(.collapsed)::after { transform: none; content: "\f068"; } .accordion-custom .accordion .accordion-body { position: relative; z-index: 1; padding: 15px; padding-right: 0; padding-left: 35px; } .accordion-custom .accordion .accordion-body .inner { background-color: rgba(227, 238, 244, 0.57); padding: 35px 30px; } @media (max-width: 767.98px) { .accordion-custom .accordion .accordion-body { padding: 25px 20px; } } .accordion-custom .accordion .accordion-body ul li { list-style: disc; } .accordion-custom .accordion .accordion-header { margin: 0 !important; } .document-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .document-name img { margin-right: 10px; margin-top: 0; } .table-review .document-name a.validation-error{ font-size: 14px; color: #FF414E; text-decoration: none; margin-bottom: 10px; display: block; cursor: default; } .table-review .document-name a.validation-error:hover::after{ display: none; } .country-select__no-matches { font-size: 13px; color: #FF414E; } .select-sort { position: relative; } .select-sort .form-select { border: 1px solid #D4D4D4; border-radius: 4px; padding: 9px 32px 9px 30px; color: #013B82; font-size: 16px; background-image: url(../images/icons/down-arrow-blue.svg); background-repeat: no-repeat; background-position: right 14px center; background-color: #fff; background-size: 12px; outline: none; box-shadow: none; min-width: 159px; font-weight: 400; } .select-sort figure { position: absolute; left: 10px; top: 8px; } @media (max-width: 575.98px) { .modal.show .modal-dialog { max-width: 95vw; } } .form-title { padding: 7px 10px; background: rgba(1, 59, 130, 0.0784313725); border-radius: 3px; } .loader-wrapper h4, .loader-wrapper .h4 { margin-top: 15px; color: #fff; } .greedy-nav button { position: relative; border: none; background-color: transparent; } .greedy-nav button .hamburger { display: block; content: ""; width: 20px; height: 20px; background-image: url(../images/icons/down-arrow-blue.svg); background-repeat: no-repeat; background-position: center; } .greedy-nav button::after { display: none; position: fixed; z-index: 11; top: 0; bottom: 0; left: 0; content: ""; width: 100%; height: 100%; } .greedy-nav button.invisible-button::after { display: block; } .greedy-nav button[count="0"] { display: none; } .greedy-nav .hidden-links { position: absolute; z-index: 12; top: 100%; right: 0; padding: 15px; max-width: 300px; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2392156863); border-radius: 4px; } .greedy-nav .hidden-links li { padding: 10px; margin: 0; width: 100%; } .greedy-nav .hidden-links li:after { display: none; } .greedy-nav .hidden-links.hidden { display: none; } .service-table.dashboard-content { padding: 1px 30px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .datepicker { padding: 10px; } .datepicker td, .datepicker th { padding: 4px 9px; } .datepicker tr td:hover, .datepicker tr td.active { background: #013B82 !important; color: #fff !important; } .ui-widget.ui-widget-content { z-index: 1004 !important; } @media (max-width: 991.98px) { .ui-widget.ui-widget-content { max-width: 60%; left: 20% !important; } } @media (max-width: 767.98px) { .ui-widget.ui-widget-content { width: auto !important; left: 2% !important; max-width: 96%; } } .content-wrapper h3, .content-wrapper .h3 { font-size: 18px; color: #013B82; margin: 0; } .content-wrapper__white { background: #fff; padding: 70px 0; } @media (max-width: 767.98px) { .content-wrapper__white { padding: 20px 0; } } .content-wrapper__head { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 575.98px) { .content-wrapper__head { flex-direction: column; align-items: baseline; } } .content-wrapper__head h2, .content-wrapper__head .h2 { font-size: 28px; font-weight: 500; color: #013B82; } @media (max-width: 767.98px) { .content-wrapper__head h2, .content-wrapper__head .h2 { font-size: 17px; } } @media (max-width: 575.98px) { .content-wrapper__head h2, .content-wrapper__head .h2 { margin-bottom: 10px; } } .content-wrapper__head span { font-size: 16px; color: #1D1D1D; cursor: pointer; } .content-wrapper__head span img { filter: brightness(0%); margin-right: 10px; } .content-wrapper__blur-image { height: 358px; display: block; position: relative; overflow: hidden; margin: 30px 0; padding: 0; } .content-wrapper__blur-image .blur-image { width: 100%; height: 100%; object-fit: cover; filter: blur(16px); } @media (max-width: 767.98px) { .content-wrapper__blur-image .content-wrapper__center-image { width: 100%; } } @media (max-width: 575.98px) { .content-wrapper__blur-image { height: 200px; margin: 20px 0; } } .content-wrapper__center-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; height: 100%; max-width: 100%; } .content-wrapper__center-image .center-image { width: 100%; height: 100%; object-fit: contain; padding: 4px 0; } .content-wrapper__side-menulist h3 img, .content-wrapper__side-menulist .h3 img { margin-right: 20px; } .content-wrapper__side-menulist__icon { display: flex; justify-content: center; width: 30px; height: 30px; margin-right: 10px; border-radius: 50px; border: 2px solid #013B82; } .content-wrapper__side-menulist__icon .menu-close { display: none; } .content-wrapper__side-menulist__icon .menu-icon { width: 28px; } @media (min-width: 768px) { .content-wrapper__side-menulist__icon { display: none; } } .content-wrapper__side-menulist__icon.menu-fixed { position: fixed; right: 2%; margin-right: 0; top: 25px; z-index: 25; background-color: transparent; border: none; } .content-wrapper__side-menulist__icon.menu-fixed::after { position: fixed; display: block; content: ""; width: 10%; top: 0; right: 0; bottom: 0; background-color: rgba(1, 59, 130, 0.75); } .content-wrapper__side-menulist__icon.menu-fixed .menu-icon { display: none; } .content-wrapper__side-menulist__icon.menu-fixed .menu-close { position: relative; z-index: 1; display: block; width: 12px; height: 12px; } .content-wrapper__side-menulist ul { margin: 25px 0 30px 0; } .content-wrapper__side-menulist ul li { font-size: 16px; padding: 10px 15px; border-left: 5px solid transparent; background-image: none; margin-bottom: 5px; } @media (max-width: 767.98px) { .content-wrapper__side-menulist ul li { font-size: 16px; } } .content-wrapper__side-menulist ul li a { color: #1D1D1D; } .content-wrapper__side-menulist ul li.active, .content-wrapper__side-menulist ul li:hover { background-color: #F5F5F5; background-image: url(../images/icons/list-right-arrow.svg); background-size: 7px; background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; padding: 10px 15px; padding-inline-end: 20px; border-radius: 0 6px 6px 0; border-left: 5px solid #0095DA; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .content-wrapper__side-menulist ul li.active a, .content-wrapper__side-menulist ul li:hover a { color: #013B82; } @media (max-width: 767.98px) { .content-wrapper__side-menulist__dropdown { display: none; position: fixed; padding: 15px; width: 90%; top: 0; left: 0; bottom: 0; z-index: 22; background-color: #fff; box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.3); overflow-y: auto; } } @media (max-width: 767.98px) { .content-wrapper__side-menulist { display: flex; flex-direction: row-reverse; justify-content: flex-end; margin: 5px 0; } .content-wrapper__side-menulist h3, .content-wrapper__side-menulist .h3 { margin: 3px 0 10px; } } .content-wrapper__side-menu { margin: 25px 0 30px 0; } .content-wrapper__side-menu li { font-size: 16px; padding: 0px 15px; border-left: 5px solid transparent; background-image: none; margin-bottom: 5px; } @media (max-width: 767.98px) { .content-wrapper__side-menu li { font-size: 16px; } } .content-wrapper__side-menu li a { color: #00053E; font-size: 16px; font-weight: 500; } .content-wrapper__side-menu li.active { background-color: rgba(245, 245, 245, 0.5); padding: 0; border-radius: 0 6px 6px 0; border-left: 5px solid #0095DA; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .content-wrapper__side-menu li.active .accordion-button { font-size: 16px; background-color: #F5F5F5; color: #00053E; border: none; box-shadow: none; } .content-wrapper__side-menu li.active .accordion-button::after { background-image: url(../images/icons/down-arrow-blue.svg); background-size: 11px; background-repeat: no-repeat; background-position: 95% 50%; } .content-wrapper__side-menu li.active .accordion-button:not(.collapsed)::after { transform: rotate(-180deg); } .content-wrapper__side-menu li.active .accordion-body { padding: 0; } .content-wrapper__side-menu li.active .accordion-body ul li { padding: 7px 0 14px; margin-bottom: 0; color: #013B82; border-left: none; position: relative; } .content-wrapper__side-menu li.active .accordion-body ul li::before { content: ""; float: left; display: inline-block; width: 13px; height: 22px; margin-right: 5px; background: url(../images/icons/sidemenu-list.svg) center center no-repeat; border: none; } .content-wrapper__side-menu li.inactive { position: relative; padding: 10px 15px; } .content-wrapper__side-menu li.inactive:hover, .content-wrapper__side-menu li.inactive.current_page { background-color: #F5F5F5; padding: 10px 15px; border-radius: 0 6px 6px 0; border-left: 5px solid #0095DA; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .content-wrapper__side-menu li.inactive a { color: #00053E; font-size: 16px; font-weight: 500; } .content-wrapper__side-menu .form-check { padding: 10px 12px; } .content-wrapper__side-menu input { position: absolute; opacity: 0; } .content-wrapper__side-menu input + label { position: relative; display: block; cursor: pointer; padding: 0; color: #013B82; font-size: 15px; font-weight: 500; padding-right: 20px; } .content-wrapper__side-menu input + label::before { content: ""; display: inline-block; vertical-align: text-top; width: 18px; height: 18px; border-radius: 50%; background: white; border: 2px solid #7C878E; position: absolute; top: 3px; right: 0; } .content-wrapper__side-menu input + label.form-check-default::before { border-radius: 4px; } @media (min-width: 1200px) and (max-width: 1399.98px) { .content-wrapper__side-menu input + label { font-size: 14px; line-height: 18px; } } .content-wrapper__side-menu input:checked + label::before { background: #013B82; border: 4px solid #013B82; } .content-wrapper__side-menu input:checked + label::after { content: ""; display: block; position: absolute; top: 6px; right: 6px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .content-wrapper .sub-menu { padding: 0 !important; border-left: none !important; background-color: transparent !important; } .content-wrapper .sub-menu > input + label { margin-bottom: 5px; background-color: transparent; padding: 10px 15px; border-radius: 0 6px 6px 0; border-left: 5px solid transparent; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .content-wrapper .sub-menu > input + label:before { top: 12px; right: 16px; } .content-wrapper .sub-menu > input + label:after { top: 16px; right: 22px; } .content-wrapper .sub-menu ul { border-top: 1px solid #F5F5F5; } .content-wrapper .sub-menu ul .inactive { padding-left: 27px; } .content-wrapper .sub-menu.current_page > input + label { margin-bottom: 5px; background-color: #F5F5F5; padding: 10px 15px; border-radius: 0 6px 6px 0; border-left: 5px solid #0095DA; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .content-wrapper__side-content__heading { display: inline-block; width: calc(100% - 270px); } @media (max-width: 767.98px) { .content-wrapper__side-content__heading { width: 100%; } } .content-wrapper__side-content h2, .content-wrapper__side-content .h2 { font-size: 28px; font-weight: 500; color: #013B82; } .content-wrapper__side-content h3, .content-wrapper__side-content .h3 { font-size: 22px; font-weight: 500; color: #0095DA; font-family: var(--caa-primary-font); margin-bottom: 24px; } .content-wrapper__side-content p { margin-bottom: 15px; font-size: 16px; color: #1D1D1D; } @media (max-width: 767.98px) { .content-wrapper__side-content p { font-size: 16px; } } .content-wrapper__side-content ul li { font-size: 16px; color: #1D1D1D; list-style: decimal-leading-zero; margin-left: 35px; padding: 0 0 5px 3px; } .content-wrapper__side-content table { width: 100%; border: 1px solid #0095DA; margin-bottom: 20px; } .content-wrapper__side-content table tr, .content-wrapper__side-content table td { color: #00053E; font-size: 16px; } .content-wrapper__side-content table td { padding: 6px 15px; } .content-wrapper__side-content table td:first-child { border-right: 1px solid #0095DA; } .content-wrapper__side-content table tbody tr:nth-child(odd) { background-color: #FAFAFA; } .content-wrapper__side-content .nav-tabs { border: 1px solid #EEEEEE; border-bottom: none; } .content-wrapper__side-content .nav-tabs li { list-style: none; margin-left: 0; padding: 0 0 5px 0; } .content-wrapper__side-content .nav-tabs .nav-link { margin-bottom: -6px; border: none; padding: 10px 20px; } .content-wrapper__side-content .nav-tabs .nav-link.active { border-bottom: 3px solid #0095DA; } .content-wrapper__side-content .tab-content { border: 1px solid #EEEEEE; margin-bottom: 20px; } .content-wrapper__side-content .tab-content table { width: 100%; border: none; margin: 0; } .content-wrapper__side-content .tab-content table thead td { font-weight: bold; } .content-wrapper__side-content .tab-content table td:first-child, .content-wrapper__side-content .tab-content table td:nth-child(2) { border-right: 1px solid #EEEEEE; } .content-wrapper__side-content img { max-width: 100%; } @media (min-width: 1200px) and (max-width: 1399.98px) { .content-wrapper__side-content h2, .content-wrapper__side-content .h2 { font-size: 24px; } .content-wrapper__side-content h3, .content-wrapper__side-content .h3 { font-size: 16px; } } .content-wrapper__bottom { margin-bottom: 50px; } .content-wrapper__bottom h3, .content-wrapper__bottom .h3 { margin: 30px 0; } .content-wrapper__blue-gradient { padding: 30px; background: linear-gradient(180deg, rgb(0, 149, 218) 0%, rgb(7, 60, 132) 100%); } @media (max-width: 575.98px) { .content-wrapper__blue-gradient { padding: 20px; } } .content-wrapper__blue-gradient h4, .content-wrapper__blue-gradient .h4 { font-size: 18px; font-weight: 500; margin-bottom: 5px; color: #fff; } .content-wrapper__blue-gradient p { font-size: 16px; color: #fff; } .content-wrapper__blue-gradient p a { color: #fff; } .content-wrapper__blue-gradient nav { display: flex; } .content-wrapper__blue-gradient nav a { width: 35px; height: 35px; border: 1px solid #fff; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 16px; margin-right: 6px; } .content-wrapper__blue-gradient nav a:last-child { margin-right: 0; } .content-wrapper__blue-gradient nav a:hover { background: #0095DA; border: 1px solid #0095DA; } @media (max-width: 575.98px) { .content-wrapper__blue-gradient .col-xl-4 { margin-bottom: 10px; } } .content-wrapper__blue-gradient .col-xl-4:last-child { margin-bottom: 0; } .content-wrapper__item { position: relative; margin-bottom: 20px; } .content-wrapper__item figure { transition: all 0.5s; position: relative; margin: 0; text-align: center; overflow: hidden; } .content-wrapper__item figure img { width: 100%; height: 252px; object-fit: cover; object-position: top; transform: scale(1); transition: all 300ms; } .content-wrapper__item:hover figure img { transform: scale(1.05); transition: all 300ms; } .content-wrapper__item:hover h6 a, .content-wrapper__item:hover .h6 a { color: #DA4081; } @media (max-width: 767.98px) { .content-wrapper__item { margin-bottom: 10px; } } .content-wrapper__tag { position: absolute; top: -15px; background-color: #00053E; color: #fff; display: inline-block; padding: 5px 10px; font-size: 14px; border-radius: 2px; left: 50%; transform: translateX(-50%); border-radius: 3px; } .content-wrapper__detail { background: #fff; text-align: center; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1); position: relative; } .content-wrapper__detail h4, .content-wrapper__detail .h4, .content-wrapper__detail h6, .content-wrapper__detail .h6 { font-size: 16px; line-height: 22px; color: #00053E; height: 66px; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .content-wrapper__detail h4 a, .content-wrapper__detail .h4 a, .content-wrapper__detail h6 a, .content-wrapper__detail .h6 a { color: #00053E; } .content-wrapper__detail span { border-top: 1px solid #EBE7E7; font-size: 14px; color: #7C878E; display: block; padding: 10px; } .content-wrapper__content { padding: 30px 30px 20px; } .content-wrapper__view-all { height: 95%; background: #00053E; display: flex; align-items: center; justify-content: center; } @media (max-width: 767.98px) { .content-wrapper__view-all { height: 280px; } } .content-wrapper__view-all a { font-size: 16px; color: #fff; text-decoration: underline; } .content-wrapper__view-all:hover { border: 4px solid #0095DA; } .content-wrapper__newsletter { text-align: center; border: 1px solid #0095DA; background: #fff; max-width: 295px; padding: 30px; } @media (max-width: 767.98px) { .content-wrapper__newsletter { position: relative; left: 0; max-width: 100%; margin-bottom: 15px; } } @media (max-width: 1199.98px) { .content-wrapper__newsletter { position: relative; } } .content-wrapper__newsletter figure { margin: 0; } .content-wrapper__newsletter h3, .content-wrapper__newsletter .h3 { margin-bottom: 10px; } .content-wrapper__newsletter p { font-size: 16px; color: #00053E; margin-bottom: 10px; } .content-wrapper__search { background-color: #013B82; padding: 20px; display: flex; flex-wrap: wrap; position: relative; margin: 20px 0; justify-content: space-between; } .content-wrapper__search-form { display: flex; position: relative; } @media (max-width: 991.98px) { .content-wrapper__search-form { margin-bottom: 10px; } } @media (max-width: 575.98px) { .content-wrapper__search-form { width: 100%; } } .content-wrapper__search .filter-block .select-sort { float: right; margin-left: 10px; } @media (max-width: 1199.98px) { .content-wrapper__search .filter-block { margin-top: 7px; width: 100%; } .content-wrapper__search .filter-block .select-sort { margin: 5px 0; width: 100%; } } .content-wrapper__search label { position: absolute; left: 10px; top: 10px; } .content-wrapper__search .form-control { width: 300px; padding: 12px 12px 12px 35px; background: #fff; } @media (max-width: 575.98px) { .content-wrapper__search .form-control { width: 100%; } } .content-wrapper__search .btn { background: #fff; margin-left: 10px; padding: 0 25px; } .content-wrapper__search-table { margin-bottom: 20px; } .content-wrapper__search-table table { width: 100%; border: 1px solid #EEEEEE; overflow: auto; margin: 0; } .content-wrapper__search-table table td { padding: 12px 20px; } .content-wrapper__search-table table tr:nth-of-type(odd) { background-color: #FAFAFA; } .content-wrapper__search-table table tr:nth-of-type(even) { background-color: #fff; } .content-wrapper__search-table table td:first-child { border-right: none; } .content-wrapper__search-table .file-list img { filter: grayscale(100%); max-width: none; } .content-wrapper__search-table .file-list span { color: #7C878E; font-size: 12px; } .content-wrapper__search-table .file-name { min-width: 150px; } .content-wrapper__search-table .file-name span { color: #7C878E; font-size: 14px; display: block; line-height: 14px; } .content-wrapper__search-table .file-name p { font-size: 16px; margin: 0; color: #013B82; } .content-wrapper__search-table .file-name p a { color: #013B82; } @media (min-width: 1200px) and (max-width: 1399.98px) { .content-wrapper__search-table .file-name p { font-size: 14px; } } .content-wrapper__search-table .file-date p { min-width: 100px; font-size: 14px; color: #7C878E; margin: 0; } .content-wrapper__search-table .file-download span { font-size: 14px; color: #7C878E; margin-right: 25px; width: 50px; display: inline-block; } .content-wrapper__search-table .pager__item { margin: 15px 0; } .content-wrapper__block { background-color: #fff; padding: 60px 40px; border-radius: 0; } .content-wrapper__block::before { content: ""; display: block; background-image: url(../images/bg/dotted_map.svg); background-position: top left; background-repeat: no-repeat; background-size: contain; opacity: 0.2; width: 100%; height: 300px; position: absolute; left: 0; top: 0; z-index: 0; } .content-wrapper__block--bg-less:before { display: none; } .content-wrapper__aim { background-color: #fff; } .content-wrapper__aim-figure img { width: 100%; } .content-wrapper__aim-contact { display: flex; align-items: center; justify-content: center; padding: 60px 0 30px; } .content-wrapper__aim-contact figure { margin-right: 40px; } .content-wrapper__aim-contact h2, .content-wrapper__aim-contact .h2 { color: #013B82; margin-bottom: 25px; } .content-wrapper__aim-contact p { font-size: 16px; color: #00053E; } .content-wrapper__aim-contact p a { color: #00053E; } .content-wrapper__sort-right { display: flex; align-items: flex-end; justify-content: flex-end; margin-bottom: 15px; } .content-wrapper__directory .accordion { border: 1px solid #EEEEEE; } .content-wrapper__directory .accordion-item { border: none; } .content-wrapper__directory .accordion-item:nth-child(odd) .accordion-button { background-color: #FAFAFA; } .content-wrapper__directory .accordion-item:nth-child(odd) .accordion-button:not(.collapsed) { background-color: #00053E; } .content-wrapper__directory .accordion-button { color: #013B82; font-size: 16px; justify-content: space-between; padding: 20px 30px; } .content-wrapper__directory .accordion-button img { margin-right: 20px; } .content-wrapper__directory .accordion-button:not(.collapsed) { background-color: #00053E; color: #fff; padding: 20px 30px; } .content-wrapper__directory .accordion-button:not(.collapsed) img { filter: brightness(0) invert(1); } .content-wrapper__directory .accordion-button:not(.collapsed)::after { filter: brightness(0) invert(1); margin-top: -8px; } .content-wrapper__directory .accordion-button:not(.collapsed) .accordian-content p { color: #fff; } .content-wrapper__directory .accordion-button::after { background-image: url(../images/icons/down-arrow-blue.svg); background-size: 10px; margin-left: 0; margin-top: 8px; } .content-wrapper__directory .accordion-button:focus { border: none; box-shadow: none; } .content-wrapper__directory .accordion-button .accordian-content { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; } .content-wrapper__directory .accordion-button .accordian-content p { color: #013B82; margin: 0; font-size: 16px; } .content-wrapper__directory .accordion-button .accordian-content aside { margin-right: 20px; } .content-wrapper__directory .accordion-button .accordian-content aside .fa { margin-right: 10px; } .content-wrapper__directory .accordion-collapse.show .accordion-body { background-color: #00053E; padding: 0 60px; } .content-wrapper__directory .accordion-collapse.show .accordion-body__details { display: flex; align-items: center; padding: 12px 0; } .content-wrapper__directory .accordion-collapse.show .accordion-body__details figure { margin-right: 10px; } .content-wrapper__directory .accordion-collapse.show .accordion-body__details span { color: #fff; font-size: 16px; } .content-wrapper__directory .accordion-collapse .accordion-body { padding: 0 60px; } .table-responsive .row { display: table-row-group !important; } .tag { margin: 15px 0; } .tag span { display: inline-block; margin-right: 15px; margin-bottom: 7px; padding: 4px 12px; color: #343434; font-size: 14px; background-color: rgba(0, 149, 218, 0.1); } .tag span a { color: #343434; } .tag--size { margin: 25px 0; } .tag__container { float: left; width: calc(100% - 275px); } @media (max-width: 991.98px) { .tag__container { width: 100%; } } .heading-block { margin-bottom: 25px; } .heading-block h2, .heading-block .h2 { float: left; width: calc(100% - 300px); padding-right: 15px; } @media (max-width: 767.98px) { .heading-block h2, .heading-block .h2 { width: 100%; } } .page-option { display: inline-flex; align-items: center; float: right; } .page-option__share, .page-option__print { display: inline-flex; } .page-option__share span, .page-option__print span { display: inline-flex; content: ""; justify-content: center; align-items: center; margin: 0 5px; width: 36px; height: 36px; background-color: #013B82; border-radius: 50px; cursor: pointer; } .page-option__share span i, .page-option__print span i { color: #fff; } .page-option__share span:hover, .page-option__print span:hover { background-color: #0095DA; } .page-option__share { display: flex; padding-left: 30px; align-items: center; color: #1D1D1D; background-image: url(../images/icons/share-icon.svg); background-repeat: no-repeat; background-position: left center; } .page-option__share span:first-of-type { margin-left: 10px; } .page-option h4, .page-option .h4 { margin-bottom: 0; } .page-option .a2a_kit a { display: inline-flex; content: ""; justify-content: center; align-items: center; margin: 0 5px; width: 36px; height: 36px; background-color: #013B82; border-radius: 50px; } .page-option .a2a_kit a i { color: #fff; } .page-option .a2a_kit a:first-of-type { margin-left: 10px; } .page-option .a2a_kit a:hover { background-color: #0095DA; } @media (max-width: 767.98px) { .page-option { margin: 20px 0; width: 100%; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .page-option h4, .page-option .h4 { font-size: 14px; } } .posted-date { padding-left: 25px; color: #7C878E; background-image: url(../images/icons/date-icon.svg); background-repeat: no-repeat; background-position: left center; } .description { position: relative; display: flex; justify-content: space-between; margin: 20px 0 20px; font-size: 12px; } .description p { font-size: 18px; } .description__content { float: left; width: 72%; } .description__table { position: relative; max-width: 100%; width: 100%; } .description__table .table-responsive { max-width: 100%; width: 100%; } .description__table .table-responsive .dataTables_wrapper { padding-bottom: 15px; width: 100%; overflow-x: auto; } .description__table .dataTables_length { display: none; } @media (max-width: 767.98px) { .description__table { display: block; overflow: hidden; } } .description__table thead th { font-size: 16px; font-weight: 400; color: #fff; background-color: #00053E; white-space: nowrap; } .description__table thead th:nth-of-type(even) { background-color: #013B82; } .description__table tbody tr:nth-of-type(odd) { background-color: transparent !important; } .description__table tbody tr:nth-of-type(even) { background-color: rgba(227, 238, 244, 0.49) !important; } .description__table tr td { border: 1px solid #E7E7E7; font-size: 14px; color: #343434; } .description__table tr td:first-child { border-right: #E7E7E7; border: 1px solid #E7E7E7; } @media (min-width: 1200px) and (max-width: 1399.98px) { .description__table thead th { font-size: 14px; } .description__table tr td { font-size: 14px; } } .description .search { display: flex; margin-bottom: 30px; } .description .search input { float: left; margin-right: 20px; padding-left: 35px; max-width: 340px; background-image: url(../images/icons/search-blue.svg); background-repeat: no-repeat; background-position: 10px center; } @media (max-width: 767.98px) { .description .search { display: block; margin-top: 20px; width: 100%; } .description .search input { max-width: calc(100% - 120px); } } .dataTables_wrapper { border: none; } .dataTables_wrapper table.dataTable.no-footer { border: 1px solid #E7E7E7; } .dataTables_wrapper .dataTables_filter { float: left; margin: 20px 0 30px; width: 100%; } .dataTables_wrapper .dataTables_filter label { font-size: 0; width: 100%; } .dataTables_wrapper .dataTables_filter input { margin-right: 20px; padding-left: 35px; width: calc(100% - 4px); background-image: url(../images/icons/search-blue.svg); background-repeat: no-repeat; background-position: 10px center; min-height: 45px; font-size: 16px; border: 1px solid #ced4da; } .dataTables_wrapper .dataTables_info { display: none; } .dataTables_wrapper .dataTables_paginate { display: flex; float: left; } .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 5px 4px; margin-right: 7px; min-width: 38px; min-height: 38px; font-size: 19px; color: #343434; border: 1px solid #C9C9C9; border-radius: 4px; } .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next { font-size: 0; background-image: url("../images/icons/arrow.svg"); background-size: 9px; background-repeat: no-repeat; background-position: center; } .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover { background-size: 9px; background-image: url("../images/icons/arrow.svg") !important; background-position: center; background-repeat: no-repeat; } .dataTables_wrapper .dataTables_paginate .paginate_button.next { border: 1px solid #C9C9C9; transform: scaleX(-1); } .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover { background-color: transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { border: 1px solid #C9C9C9; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { border: 1px solid #C9C9C9; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus { color: #fff !important; background: #0095DA; border: 1px solid #0095DA; } @media (max-width: 991.98px) { .dataTables_wrapper .dataTables_paginate .paginate_button { min-width: 30px; min-height: 30px; font-size: 14px; } } .download { position: absolute; right: 0; margin-top: -75px; float: right; color: #7C878E; font-size: 14px; min-width: 70px; min-height: 70px; transition: all 0.5s ease; } .download__icon { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 68px; height: 68px; background-color: #fff; border-radius: 50px; border: 1px solid #013B82; } .download__icon span { display: inline-block; width: 52px; height: 52px; background-image: url(../images/icons/pdf-download-icon.svg); background-repeat: no-repeat; background-position: center; background-color: #013B82; border-radius: 50px; } .download__text { display: none; align-items: center; padding-left: 22px; padding-right: 72px; margin-top: 10px; min-width: 0; min-height: 46px; white-space: nowrap; border: 1px solid #707070; border-radius: 30px; } .download__text img { margin-right: 5px; width: 14px; } .download:hover .download__text { display: inline-flex; min-width: 188px; } @media (max-width: 991.98px) { .description__content { width: calc(100% - 70px); } } @media (max-width: 991.98px) { .description { margin: 20px 0; } .description__content { width: 100%; } } .pdf-viewer { margin-bottom: 50px; height: 100vh; width: 100%; } .pdf-viewer .pdftoolbar { background-color: #ddd; } .variable-width { table-layout: fixed; } .variable-width td, .variable-width th { word-break: break-word; white-space: normal; vertical-align: top; } @media (max-width: 1399.98px) { .variable-width { table-layout: auto; } .variable-width td, .variable-width th { word-break: initial; white-space: inherit; } } .weather-info iframe { width: 100%; height: 2200px; } .user-login-form { padding: 20px; padding-top: 35px; margin: 100px auto 100px; width: 444px; background-color: #fff; box-shadow: 0 5px 18px rgba(186, 186, 186, 0.3490196078); border-radius: 6px; } .user-login-form .form-item { margin-bottom: 20px; } .user-login-form .form-item__label { margin-bottom: 0px; } .user-login-form input { width: 100%; padding: 5px; min-height: 45px; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 3px; } .user-login-form .form-item__description { font-size: 14px; font-weight: 400; color: #847c7c; } .user-login-form .form-wrapper { box-shadow: none; } .user-login-form .form-actions { padding: 10px 0 20px; } .user-login-form .form-actions .button { display: block; margin: 10px 0; width: 100%; font-size: 2rem; font-weight: 500; vertical-align: middle; padding: 9px 18px; position: relative; border-radius: 3px; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; transition: border-color 0.4s, color 0.4s; background-color: #013B82; color: #fff; } .user-login-form .form-actions .button:hover, .user-login-form .form-actions .button:focus, .user-login-form .form-actions .button:active { color: #fff; background: #013B82; } .user-login-form .form-actions .button:hover:before, .user-login-form .form-actions .button:focus:before, .user-login-form .form-actions .button:active:before { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn { border-radius: 4px; transition: all 300ms; padding: 10px; text-transform: capitalize; font-size: 16px; font-weight: 500; } .btn:hover, .btn:focus { outline: none; box-shadow: none; transition: all 300ms; } .btn--light-gray { background: #F5F5F5; border-color: #707070; } .btn--light-gray:hover { background: rgba(245, 245, 245, 0.8); border-color: #707070; } .btn--gray { background: #7C878E; border-color: #7C878E; } .btn--gray:hover { background: rgba(124, 135, 142, 0.8); } .btn--black1 { background: #1D1D1D; border-color: #1D1D1D; } .btn--black1:hover { background: rgba(29, 29, 29, 0.8); } .btn--light-blue { background: #8FDCFF; border-color: #8FDCFF; } .btn--light-blue:hover { background: rgba(143, 220, 255, 0.8); } .btn--blue1 { background: #00053E; border-color: #00053E; } .btn--blue1:hover { background: rgba(0, 5, 62, 0.8); } .btn--rose { background: #DA4081; border-color: #DA4081; } .btn--rose:hover { background: rgba(218, 64, 129, 0.8); } .btn--brown { background: #8A1538; border-color: #8A1538; } .btn--brown:hover { background: rgba(138, 21, 56, 0.8); } .btn--light-green { background: #39BB9D; border-color: #39BB9D; } .btn--light-green:hover { background: rgba(57, 187, 157, 0.8); } .btn--dark-green { background: #00695E; border-color: #00695E; } .btn--dark-green:hover { background: rgba(0, 105, 94, 0.8); } .btn-link { background: rgba(143, 220, 255, 0.1); color: #013B82; text-decoration: none; border-radius: 2px; font-size: 14px; font-weight: 400; padding: 10px 14px; text-transform: capitalize; border-bottom: 2px solid rgba(143, 220, 255, 0.2); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-weight: 500; } .btn-link:hover { background: rgba(143, 220, 255, 0.2); color: #013B82; } .btn-link::after { content: ""; position: relative; display: inline-block; width: 13px; height: 13px; vertical-align: middle; background: url(../images/icons/download-icon.svg) 0 0 no-repeat; margin: 0px 0px 0px 12px; } .btn-link--external::after { background: url(../images/icons/external-link.svg) 0 0 no-repeat; } .btn-link--rose { background: #FBEBF2; color: #DC4A4B; border-bottom: 2px solid #F5C9DC; } .btn-link--rose:hover { background: #fce3ee; color: #DC4A4B; } .btn-link--rose:after { background: url(../images/icons/external-link-rose.svg) 0 0 no-repeat; } .btn-link--rose span { text-decoration: underline; } .btn-link--no-icon::after { display: none; } .btn-nav { display: flex; align-items: center; padding: 0; } .btn-nav i { padding-right: 1rem; } .btn-nav i span { display: block; width: 18px; height: 2px; background: #00053E; margin-top: 3px; border-radius: 20px; } .btn-nav i span:first-child { margin-top: 0; } .btn-nav i span:nth-child(2) { width: 11px; } .btn-nav span { font-size: 16px; font-weight: 500; text-transform: uppercase; } .btn-search { width: 2rem; height: 2.5rem; background-image: url("../images/icons/icon-search.svg"); background-repeat: no-repeat; background-position: center; display: block; margin-right: 60px; } .btn-search:before { width: 100%; height: 100%; content: ""; } .btn-primary { background: #013B82 !important; border-color: #013B82; color: #fff !important; padding: 10px 12px; line-height: 16px; } .btn-primary::after { content: ""; position: relative; display: inline-block; width: 17px; height: 17px; vertical-align: middle; background: url(../images/icons/submit-icon.svg) 0 0 no-repeat; margin: 0px 0px 0px 12px; background-position: center 1px; } .btn-primary:hover, .btn-primary:focus { text-decoration: none; background: #3D597B !important; border-color: #3D597B; } .btn-primary--no-icon { background: #013B82; border-color: #013B82; color: #fff; padding: 11px 15px; line-height: 18px; } .btn-primary--no-icon::after { display: none; } .btn-primary--no-icon:hover { background: rgba(1, 59, 130, 0.8); color: #fff; border-color: rgba(1, 59, 130, 0.13); } .btn-primary.disable { opacity: 0.3; } .btn-secondary { padding: 10px 20px; background-color: #0095DA; color: #fff !important; border: none; background-image: url(../images/icons/plus-icon.svg); background-repeat: no-repeat; background-position: 12px center; } .btn-secondary:hover, .btn-secondary:focus { text-decoration: none; background-color: #0282BE; } .btn-secondary.continue { background-image: none; padding: 10px 12px; } .btn-secondary.continue::after { content: ""; position: relative; display: inline-block; width: 17px; height: 17px; vertical-align: middle; background: url(../images/icons/submit-icon.svg) 0 0 no-repeat; margin: 0px 0px 0px 12px; background-position: center; } @media (min-width: 1200px) and (max-width: 1399.98px) { .btn-secondary.continue { padding: 8px 10px; } } .btn-signin { margin: 10px 0; background: #013B82; border-color: #013B82; } .btn-signin:focus, .btn-signin:hover { text-decoration: none; background: rgba(1, 59, 130, 0.8); } .btn-continue { background: #013B82; background-color: #013B82; border-color: #013B82; text-decoration: none; color: #fff; padding: 11px 15px; } .btn-continue:focus, .btn-continue:hover { text-decoration: none; background: #3D597B; background-color: #3D597B; color: #fff; } .btn-continue--xl { padding: 14px 12px; font-size: 20px; } .btn-cancel { border: 1px solid #013B82; color: #013B82 !important; background-color: transparent; border-radius: 4px; padding: 8px 15px; text-decoration: none; } .btn-cancel:focus, .btn-cancel:hover { border: 1px solid #F2F2F2; background-color: #F2F2F2; color: #013B82; text-decoration: none; } .btn-cancel--arrow { padding-right: 25px; } .btn-cancel--arrow::after { content: ""; position: relative; display: inline-block; width: 17px; height: 17px; vertical-align: middle; background: url(../images/icons/cancel-arrow.svg) 0 0 no-repeat; margin: 0px 0px 0px 12px; background-position: center; } .btn-save { background-color: #013B82; border: 1px solid #013B82; color: #fff; border-radius: 4px; padding: 8px 15px; text-decoration: none; } .btn-save:focus, .btn-save:hover { text-decoration: none; background: #3D597B; color: #fff; border: 1px solid #3D597B; } .btn-pagination { margin-top: 30px; } @media (max-width: 575.98px) { .btn-pagination { margin-top: 20px; } } .btn-pagination__review .btn-cancel, .btn-pagination__review .btn-save { margin-right: 5px; } @media (max-width: 575.98px) { .btn-pagination__review .btn { width: 100%; } .btn-pagination__review .btn-cancel, .btn-pagination__review .btn-save { margin-bottom: 6px; margin-right: 0; } } .btn-logout { background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); min-width: 110px; padding: 7px 0px; text-decoration: none; color: #013B82 !important; border: 1px solid #013B82 !important; } .btn-logout:hover, .btn-logout:focus { background-color: #F2F2F2; color: #013B82; text-decoration: none; border: 1px solid #F2F2F2 !important; } .btn-edit { font-size: 16px; color: #013B82; border-radius: 4px; border-color: rgba(124, 135, 142, 0.33); padding: 8px 15px; background-color: #fff; margin-left: 15px; } .btn-edit img { margin-right: 10px; } .btn-filter { min-width: 190px; border: 1px solid #C5C5C5; border-radius: 50px; padding: 8px 36px 8px 40px; color: #013B82; font-size: 16px; margin-top: 0; margin-right: 8px; min-width: 176px; background-image: url("../images/icons/down-arrow.svg"); background-repeat: no-repeat; background-position: right 13px center; background-color: #fff; } .btn-filter img { margin-top: -3px; margin-left: -22px; margin-right: 7px; } .btn-filter--active { background-color: #013B82; color: #fff; border: none; background-image: url("../images/icons/down-arrow-white.svg"); background-repeat: no-repeat; background-position: right 14px center; } .btn-filter--active img { filter: brightness(0) invert(1); } .btn-filter--active:hover { color: #fff; } .btn-expand { border-radius: 50px; border: 1px solid #C7C7C7; background-color: #fff; color: #0F0F0F; font-size: 16px; padding: 6px 35px 6px 20px; background-image: url(../images/icons/down-arrow.svg); background-repeat: no-repeat; background-position: right 12px center; } .btn-expand.active { background-image: url(../images/icons/up-arrow.svg); } .btn-sort { border-radius: 50px; padding: 12px 27px 12px 12px; border: none; color: #013B82; font-size: 16px; background-image: url("../images/icons/down-arrow.svg"); background-repeat: no-repeat; background-position: right 9px center; background-color: #fff; } .btn-sort img { margin-right: 8px; } .btn-loadmore { min-height: 52px; border-radius: 4px; padding: 10px 43px 10px 20px; color: #fff !important; font-size: 20px; text-decoration: none; background-image: url(../images/icons/load-more-white.svg); background-repeat: no-repeat; background-position: right 17px center; background-color: #013B82; border: none; } .btn-loadmore:hover, .btn-loadmore:focus { color: #fff; text-decoration: none; background-color: #3D597B; } @media (min-width: 1200px) and (max-width: 1399.98px) { .btn-loadmore { min-height: auto; padding: 11px 43px 11px 20px; font-size: 14px; } } .btn-send { color: #fff; border-radius: 4px; padding: 10px 20px; text-decoration: none; background-color: #40B0DA; border: none; } .btn-send:hover, .btn-send:focus { color: #fff; text-decoration: none; background-color: #0282BE; border: none; } .btn-white { background-color: #fff; padding: 10px 15px; } .btn-grant { padding-left: 40px; color: #fff; background-color: #12685F; background-image: url("../images/icons/grant-icon.svg"); background-repeat: no-repeat; background-position: left 15px center; } .btn-grant:hover, .btn-grant:focus { color: #fff; background-color: #12685F; text-decoration: none; } .btn-request-edit { padding-left: 40px; color: #fff; background-color: #BB3131; background-image: url("../images/icons/request-edit-icon.svg"); background-repeat: no-repeat; background-position: left 15px center; } .btn-request-edit:hover, .btn-request-edit:focus { color: #fff; background-color: #BB3131; text-decoration: none; } .btn-export { padding-left: 40px; color: #fff; background-color: #013B82; background-image: url("../images/icons/export-icon.svg"); background-repeat: no-repeat; background-position: left 15px center; } .btn-export:hover, .btn-export:focus { color: #fff; background-color: #013B82; text-decoration: none; } .btn-clearance { padding-left: 40px; color: #fff; background-color: #013B82; background-image: url("../images/icons/clearance-icon.svg"); background-repeat: no-repeat; background-position: left 15px center; } .btn-clearance:hover, .btn-clearance:focus { color: #fff; background-color: #013B82; text-decoration: none; } .btn-correction { color: #fff; background-color: #908743; } .btn-correction:hover, .btn-correction:focus { color: #fff; background-color: #908743; text-decoration: none; } .main-menu { position: fixed; display: none; top: 99px; bottom: 0; z-index: 1002; width: 100%; height: calc(100% - 93px); font-family: "aktiv-grotesk"; background-color: #00053E; background-image: url(../images/bg/main-menu-bg.png); background-position: bottom right; background-repeat: no-repeat; overflow: auto; } @media (max-width: 575.98px) { .main-menu { height: 100%; } } .main-menu:after { bottom: 100%; left: 96.5%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 2, 51, 0); border-bottom-color: #000233; border-width: 10px; margin-left: -10px; } .main-menu__heading { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; height: 200px; padding: 20px 0; padding-left: 15%; } .main-menu__heading .d-flex { align-items: center; } .main-menu__heading .mob-lang-switcher { display: flex; align-items: center; } .main-menu__heading .mob-lang-switcher .language-link { color: #ffffff; } .main-menu__heading .laguage-switcher { margin-left: 15px; color: #ffffff; } .main-menu__heading .header-top__phone { border: 1px solid rgba(112, 112, 112, 0.4); } .main-menu__heading .header-top__phone a { color: #ffffff; } .main-menu__heading p { padding-left: 50%; font-size: 15px; text-align: left; color: #40B0DA; } @media (min-width: 992px) and (max-width: 1199.98px) { .main-menu__heading p { padding-left: 15%; } } @media (max-width: 991.98px) { .main-menu__heading p { padding-left: 7%; } } @media (max-width: 1199.98px) { .main-menu__heading { padding-left: 7%; height: 100px; } } @media (max-width: 991.98px) { .main-menu__heading { height: auto; } } .main-menu__back { display: none; } .main-menu .nav.nav-pills { width: 31%; background-color: #013B82; transition: width 0.3s ease-in-out; } @media (max-width: 991.98px) { .main-menu .nav.nav-pills .header-top__notification { padding-left: 7%; margin: 0; } } .main-menu .nav.nav-pills .nav-link { padding-top: 10px; padding-bottom: 10px; padding-left: 50%; font-size: 18px; color: #fff; width: 100%; cursor: pointer; } .main-menu .nav.nav-pills .nav-link:hover, .main-menu .nav.nav-pills .nav-link.active { background-color: #00053E; } @media (min-width: 992px) and (max-width: 1199.98px) { .main-menu .nav.nav-pills { width: 25%; } } @media (max-width: 991.98px) { .main-menu .nav.nav-pills { width: 85vw; } .main-menu .nav.nav-pills .nav-link { padding-left: 7%; font-size: 16px; } } .main-menu .tab-content { width: 69%; padding: 0 65px; } .main-menu .tab-content .tab-pane.active { display: flex; flex-wrap: wrap; } @media (min-width: 992px) and (max-width: 1199.98px) { .main-menu .tab-content { width: 75%; padding: 0 25px; } } @media (max-width: 991.98px) { .main-menu .tab-content { width: 15vw; padding: 0 25px; } .main-menu .tab-content .tab-pane.active { display: none; } } @media (max-width: 991.98px) { .main-menu.sub-menu-open .nav.nav-pills { width: 15vw; } .main-menu.sub-menu-open .nav.nav-pills .nav-link { display: none; } .main-menu.sub-menu-open .header-top__phone, .main-menu.sub-menu-open .mob-lang-switcher { display: none !important; } .main-menu.sub-menu-open .tab-content { width: 85vw; } .main-menu.sub-menu-open .tab-content .tab-pane.active { display: block; padding-bottom: 30px; } .main-menu.sub-menu-open .tab-content .main-menu__back { display: flex; align-items: center; margin: 50px 0; color: #fff; font-size: 16px; } .main-menu.sub-menu-open .tab-content .main-menu__back span { display: block; width: 22px; height: 42px; background-image: url(../images/icons/back.svg); background-repeat: no-repeat; background-position: left center; background-size: 16px; cursor: pointer; } } .main-menu__column { width: 33.33%; padding-right: 60px; } .main-menu__column:last-of-type { padding-right: 0; } .main-menu__column p { padding-bottom: 18px; margin-bottom: 25px; font-size: 18px; font-weight: 500; color: #0095DA; } @media (min-width: 992px) and (max-width: 1199.98px) { .main-menu__column p { font-size: 16px; } } .main-menu__column--two { min-width: 66.67%; } .main-menu__column--two ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } @media (max-width: 991.98px) { .main-menu__column--two { min-width: 100%; width: 100%; } .main-menu__column--two ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; } } .main-menu__column li { position: relative; margin-bottom: 9px; } .main-menu__column li a { position: relative; display: block; padding-inline-end: 20px; color: #fff; font-size: 16px; } .main-menu__column li a:after { content: ""; display: block; background-image: url(../images/icons/menu-link-arrow.svg); background-repeat: no-repeat; position: absolute; right: 10px; padding-right: 14px; width: 10px; top: 6px; height: 10px; opacity: 0; margin-right: -10px; } @media (min-width: 992px) and (max-width: 1199.98px) { .main-menu__column li a { font-size: 14px; } } .main-menu__column li:before { position: absolute; display: block; content: ""; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid transparent; } .main-menu__column li:hover a, .main-menu__column li.active a { color: #0095DA; } .main-menu__column li:hover a:after, .main-menu__column li.active a:after { opacity: 1; } .main-menu__column li:hover:before, .main-menu__column li.active:before { border-bottom: 1px solid #0095DA; } @media (max-width: 1199.98px) { .main-menu__column { max-width: 50%; } .main-menu__column .tab-content .tab-pane { display: flex; flex-wrap: wrap; } .main-menu__column:after { left: 94.5%; } } @media (max-width: 991.98px) { .main-menu__column { width: 100%; min-width: 100%; padding-right: 0; } .main-menu__column p { padding-bottom: 18px; margin-bottom: 10px; font-size: 14px; } } .main-menu__search { display: flex; align-items: center; height: 200px; padding-right: 60px; } .main-menu__search .form-group { display: flex; flex-direction: row-reverse; position: relative; width: 100%; border-bottom: 2px solid #fff; } .main-menu__search .form-group form { width: 100%; } .main-menu__search .form-group form .js-form-item { display: flex; flex-direction: row-reverse; } @media (max-width: 991.98px) { .main-menu__search .form-group { position: absolute; width: 100%; top: 0; left: 0; background-color: #fff; padding: 15px; display: flex; justify-content: center; align-items: center; } .main-menu__search .form-group .form-control { padding-left: 0 !important; color: #00053E; margin-left: 7px; width: 70vw; max-height: 40px; border-bottom: 1px solid #00053E; border-radius: 0; } .main-menu__search .form-group label { justify-content: center; background-color: #00053E; border-radius: 20px; margin-right: 14px; } } .main-menu__search .form-group.active .form-control { padding-right: 40px; } .main-menu__search .form-group.active .main-menu__close { display: block; } .main-menu__search label { float: left; display: flex; align-items: center; width: 40px; height: 40px; font-size: 0; } .main-menu__search label img { max-width: 19px; } .main-menu__search label a { display: flex; justify-content: center; width: 100%; height: 100%; } .main-menu__search .form-control { width: calc(100% - 40px); color: #fff; font-size: 16px; background-color: transparent; border: none; } .main-menu__search .form-control ::-webkit-input-placeholder { color: #fff; font-size: 16px; } .main-menu__search .form-control :-moz-placeholder { color: #fff; font-size: 16px; } .main-menu__search .form-control ::-moz-placeholder { color: #fff; font-size: 16px; } .main-menu__search .form-control :-ms-input-placeholder { color: #fff; font-size: 16px; } @media (max-width: 1199.98px) { .main-menu__search { height: 74px; } } .main-menu__scroll { overflow: auto; align-items: stretch; min-height: 100%; } @media (max-width: 991.98px) { .main-menu__scroll { padding-top: 75px; } } .main-menu ul { margin-bottom: 30px; } .main-menu__close { display: none; position: absolute; width: 40px; height: 40px; right: 40px; background-image: url(../images/icons/menu-close.svg); background-repeat: no-repeat; background-position: center; background-size: 9px; } @media (max-width: 991.98px) { .main-menu__close { background-color: #00053E; border-radius: 40px; right: 17vw; } } @media (max-width: 991.98px) { .main-menu__column ul { height: auto; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .main-menu { top: 80px; height: calc(100% - 80px); } .main-menu .nav.nav-pills .nav-link { font-size: 16px; } .main-menu__column li a { font-size: 14px; } } .menu-added { overflow: hidden; } .menu-added .header-top { position: fixed; top: 0; left: 0; width: 100%; z-index: 1003; background-color: #fff; border-radius: 0; } .menu-added .main-menu { display: block; z-index: 1002; } .social ul { display: flex; } .social li { padding-right: 1rem; } .social a { color: #00053E; } .modal-wrapper .modal-dialog { max-width: 540px; } .modal-wrapper .modal-content { box-shadow: 0 12px 24px rgba(124, 135, 142, 0.08); } .modal-wrapper .modal-header { padding: 15px 18px; } .modal-wrapper .modal-header h3, .modal-wrapper .modal-header .h3 { color: #013B82; font-size: 20px; font-weight: 400; } .modal-wrapper .modal-header .btn-close { font-size: 12px; border: none; } .modal-wrapper .modal-body { margin: 15px 18px; padding: 0; } .modal-wrapper .modal-body .alert { display: flex; align-items: end; padding: 24px 18px; margin: 0; } .modal-wrapper .modal-body .alert.alert-warning p { color: #856404; } .modal-wrapper .modal-body .alert.alert-danger p { color: #842029; } .modal-wrapper .modal-body .alert p { font-size: 15px; margin-left: 15px; line-height: 18px; } .modal-wrapper .modal-body .alert p a { color: #0095DA; text-decoration: underline; font-weight: 700; } .modal-wrapper .modal-footer { padding: 10px 18px; } .modal-wrapper .modal-footer .btn-primary { background: inherit; border: 1px solid #D4D4D4; border-radius: 4px; color: #013B82; padding: 12px 14px; } .modal-wrapper .modal-footer .btn-primary::after { display: none; } .modal-wrapper .successful-icon { display: block; margin: 0 auto; max-width: 96px; } .modal-wrapper .successful-icon + h1, .modal-wrapper .successful-icon + .h1, .modal-wrapper .successful-icon + h1 + p, .modal-wrapper .successful-icon + .h1 + p { text-align: center; } .modal-wrapper .successful-icon + h1, .modal-wrapper .successful-icon + .h1 { margin: 15px 0; color: #39BB9D; font-size: 20px; } .modal-wrapper--alert-box .modal-content { padding: 45px 60px; } .modal-wrapper--alert-box .modal-header { padding: 0; } .modal-wrapper--alert-box .modal-dialog { max-width: 424px; } .modal-wrapper--alert-box .close { position: absolute; top: 20px; right: 25px; border: none; background-color: transparent; } .modal-wrapper--alert-box p { padding: 0; margin: 0; } .modal-content { border: none; } .modal-dialog { margin: 0 auto; } .laws-and-regulations-subscription-form { padding: 20px; } .laws-and-regulations-subscription-form .form-control ::-webkit-input-placeholder { color: #664d03; } .laws-and-regulations-subscription-form .form-control :-moz-placeholder { color: #664d03; } .laws-and-regulations-subscription-form .form-control ::-moz-placeholder { color: #664d03; } .laws-and-regulations-subscription-form .form-control :-ms-input-placeholder { color: #664d03; } .laws-and-regulations-subscription-form .js-form-item { margin: 10px 0; } .laws-and-regulations-subscription-form .subscribe-btn { margin: 20px 0 10px; background-color: #013B82; border-color: #013B82; text-decoration: none; color: #fff; } .laws-and-regulations-subscription-form th { font-weight: 400; } .laws-and-regulations-subscription-form .select-all + th { padding-inline-start: 5px; color: #7C878E; } .laws-and-regulations-subscription-form td label { padding-inline-start: 5px; color: #7C878E; } .page-header { background-color: #fff; position: relative; } .header-top { position: relative; z-index: 1002; min-height: 102px; padding: 15px 20px; display: flex; align-items: center; } .header-top__logo { display: flex; align-items: center; margin-right: auto; } @media (max-width: 575.98px) { .header-top__logo .col-sm-auto { flex: none; } } @media (max-width: 320px) { .header-top__logo { justify-content: center; } } .header-top .language-link { color: #00053E !important; } .header-top .language-link:focus, .header-top .language-link:hover { text-decoration: none; } .header-top__caa-logo { width: 100%; max-width: 326px; } @media (max-width: 991.98px) { .header-top__caa-logo { max-width: 245px; } } @media (max-width: 991.98px) { .header-top__caa-logo { max-width: 220px; } } @media (max-width: 767.98px) { .header-top__caa-logo { max-width: none; margin: 0; margin-right: 5px; width: 41vw; } } @media (max-width: 575.98px) { .header-top__qda-logo { margin: 0; max-width: none; width: 10vw; } } .header-top--middle { position: relative; padding: 0 30px 0 30px; } .header-top--middle:after, .header-top--middle::before { position: absolute; top: 0; display: block; content: ""; width: 1px; height: 100%; background-color: #013B82; } .header-top--middle::after { left: 19px; } .header-top--middle::before { right: 15px; } @media (max-width: 575.98px) { .header-top--middle { display: none; padding: 0 5px 0 5px; } } @media (max-width: 575.98px) { .header-top--middle .header-top__qda-logo { max-width: none; width: 25vw; } } .header-top__sm { display: flex; justify-content: center; /*@include media-breakpoint-down(lg) { justify-content: space-between; width: 100vw; height: 70px; padding: 10px 15px; margin: 10px -15px -15px; background-color: #FAFAFA; border-top: 1px solid #EEEEEE; }*/ } @media (max-width: 991.98px) { .header-top__sm { justify-content: space-between; width: auto; height: auto; padding: 0; margin: 0; background-color: transparent; border-top: none; } } @media (max-width: 320px) { .header-top__sm { justify-content: center; } } .header-top__right__close { display: none; } .header-top__right .hamberger { cursor: pointer; } .header-top__right a span { margin-left: 10px; width: 48px; height: 48px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 19px; text-transform: uppercase; background-color: #013B82; } @media (max-width: 991.98px) { .header-top__right a span { width: 33px; height: 33px; font-size: 12px; margin: 0; margin-left: 5px; } } @media (max-width: 991.98px) { .header-top__right a span img { width: 12px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .header-top__right a span { font-size: 16px; } } .header-top__right i { font-size: 21px; color: #fff; } @media (max-width: 991.98px) { .header-top__right i { font-size: 16px; } } .header-top__right .dropdown-toggle::after { display: none; } .header-top__right .dropdown-toggle:hover, .header-top__right .dropdown-toggle:focus { text-decoration: none; } .header-top__right .dropdown-menu { border: 0; padding: 0; min-width: 320px; background-color: #fff; border-radius: 4px; border: 1px solid #E6E6E6; margin-top: 10px !important; } .header-top__right .dropdown-menu::after { bottom: 100%; right: 19px; border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; background: #fff; transform: rotate(43deg); content: " "; height: 12px; width: 12px; position: absolute; margin: 0 0 -5px; } .header-top__right .dropdown-menu__user { padding: 30px 32px 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .header-top__right .dropdown-menu__user a { cursor: default; } .header-top__right .dropdown-menu__user a span { margin-left: 0; border: 5px solid #E6E6E6; width: 80px; height: 80px; font-size: 27px; } .header-top__right .dropdown-menu__user p { font-size: 20px; color: #00053E; margin: 20px 0; } .header-top__right .dropdown-menu__image { display: flex; justify-content: space-between; align-items: center; } .header-top__right .dropdown-menu__links { margin: 20px 32px; border-top: 1px solid #D5D5D5; } .header-top__right .dropdown-menu__links h2, .header-top__right .dropdown-menu__links .h2 { font-size: 20px; color: #0095DA; font-weight: 400; margin: 20px 0; } .header-top__right .dropdown-menu__links ul li { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #D5D5D5; } .header-top__right .dropdown-menu__links ul li:last-child { border-bottom: none; } .header-top__right .dropdown-menu__links ul li a { display: block; padding-right: 15px; background-image: url(../images/icons/list-right-arrow.svg); background-position: right center; background-repeat: no-repeat; font-size: 16px; color: #1D1D1D; } .header-top__right .dropdown-menu__links ul li a:hover { color: #0095DA; } .header-top__right .dropdown-menu__links .btn-logout { border-radius: 4px; border: 1px solid #013B82; color: #013B82; background-color: transparent; font-size: 16px; margin: 25px auto 0; display: block; max-width: 110px; box-shadow: none; } .header-top__right .dropdown-menu__links .btn-logout:hover, .header-top__right .dropdown-menu__links .btn-logout:focus { background-color: #F2F2F2; color: #013B82; border: 1px solid #F2F2F2; } .header-top__phone { display: flex; align-items: center; margin-right: 10px; padding: 3px 20px 3px 3px; font-size: 18px; border: 1px solid rgba(112, 112, 112, 0.11); border-radius: 50px; color: #00053E; } .header-top__phone span { display: inline-block; content: ""; margin-right: 10px; width: 38px; height: 38px; background-color: rgb(255, 255, 255); background: url(../images/icons/phone.svg), linear-gradient(219deg, white 0%, #eeeeee 50%); background-position: center; background-repeat: no-repeat; border-radius: 50px; } .header-top__phone a { display: flex; color: #00053E; align-items: center; font-weight: 400; white-space: nowrap; } .header-top__phone a:hover, .header-top__phone a:focus { text-decoration: none; } @media (max-width: 767.98px) { .header-top__phone { padding: 2px 10px 2px 2px; font-size: 15px; margin-right: 5px; } .header-top__phone span { width: 27px; height: 27px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .header-top__phone { font-size: 14px; } } @media (max-width: 320px) { .header-top__phone { display: none; } } .header-top__notification { position: relative; margin-left: 10px; } .header-top__notification a { width: 48px; height: 48px; border-radius: 50px; display: flex; align-items: center; justify-content: center; background-color: #EFEFEF; position: relative; } .header-top__notification a span { position: absolute; top: -2px; right: -2px; background-color: #FF414E; font-size: 11px; color: #fff; border-radius: 50px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } @media (max-width: 991.98px) { .header-top__notification a { width: 30px; height: 30px; } .header-top__notification a span { width: 18px; height: 18px; font-size: 10px; line-height: 10px; } .header-top__notification a img { width: 14px; } } @media (max-width: 1399.98px) { .header-top__caa-logo { max-width: 190px; } .header-top__qda-logo { max-width: 100px; } .header-top .col-auto:last-of-type .header-top__qda-logo { max-width: 50px; } } @media (max-width: 991.98px) { .header-top { display: flex; flex-direction: row; align-items: baseline; padding: 15px; flex-wrap: wrap; justify-content: center; } .header-top__logo { min-width: auto; justify-content: flex-start; } .header-top--middle { padding: 0 20px; } } @media (max-width: 767.98px) { .header-top { min-height: auto; } } @media (max-width: 575.98px) { .header-top { align-items: center; padding: 10px; } .header-top__notification { margin-left: 5px; } .header-top__right a span { margin-left: 2px; width: 28px; height: 28px; } } .notifications { position: absolute; display: none; top: calc(100% + 15px); right: 0; width: 440px; background-color: #fff; border: 1px solid #E6E6E6; } .main-menu__heading .notifications { right: auto; left: 0; } .notifications.open { display: block; } .notifications.open .notifications__head { position: relative; } .notifications.open .notifications__head::before { top: 0; left: 0; content: ""; height: 100%; width: 100%; position: fixed; } .notifications h4, .notifications .h4 { display: inline-block; width: calc(100% - 22px); color: #013B82; font-size: 22px; font-weight: bold; } .notifications p { font-weight: 400; color: #343434; } .main-menu__heading .notifications p { padding: 0; } .notifications p.content-heading { font-size: 13px; font-weight: 500; color: #013B82; text-transform: uppercase; } .notifications p.posted-info { display: flex; align-items: center; margin: 15px 0; color: #707070; font-size: 14px; font-weight: 400; margin-bottom: 10px; } .notifications p.posted-info img { margin-right: 10px; } .notifications__head { padding: 40px 40px 25px; } .main-menu__heading .notifications__head { padding: 20px 15px 15px; } .notifications ul { height: calc(100vh - 325px); overflow-y: auto; } .main-menu__heading .notifications ul { height: 30vh; } .notifications .btn-continue { width: auto; height: auto; border-radius: 4px; background: #013B82; border-color: #013B82; display: inline-block; margin-top: 25px; margin-left: 40px; margin-bottom: 40px; } .main-menu__heading .notifications .btn-continue { margin-top: 0; margin-left: 18px; margin-bottom: 20px; } .notifications .btn-continue:hover, .notifications .btn-continue:focus { background-color: rgba(1, 59, 130, 0.8); border-color: rgba(1, 59, 130, 0.13); } .notifications li { position: relative; padding-left: 25px; margin: 25px 40px; margin-bottom: 25px; border-bottom: 1px solid #C7C7C7; cursor: pointer; } .main-menu__heading .notifications li { padding-left: 20px; margin: 5px 15px; margin-bottom: 15px; } .notifications li.new:after { position: absolute; top: 3px; left: 0; display: block; content: ""; width: 12px; height: 12px; background-color: #39BB9D; border-radius: 50px; } .notifications li:hover { z-index: 1; border-bottom: 1px solid transparent; } .notifications li:hover p { position: relative; z-index: 2; } .notifications li:hover:before { position: absolute; display: block; content: ""; top: -26px; left: -40px; bottom: 0; right: -40px; background-color: rgb(255, 247, 239); } .notifications li a { margin-bottom: 5px; width: 100%; height: auto; display: block; background-color: transparent; text-decoration: none; } .notifications li a:focus p { text-decoration: none; } .notifications:after, .notifications:before { bottom: 100%; left: 95%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .main-menu__heading .notifications:after, .main-menu__heading .notifications:before { right: 92%; left: auto; } .notifications:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .notifications:before { border-color: rgba(230, 230, 230, 0); border-bottom-color: #E6E6E6; border-width: 11px; margin-left: -11px; } @media (max-width: 767.98px) { .notifications { width: 100vw; right: -100px; } .notifications:after, .notifications:before { display: none; } .notifications ul { height: calc(100vh - 285px); } .main-menu__heading .notifications { width: 300px; right: -135px; } .main-menu__heading .notifications:after, .main-menu__heading .notifications:before { display: block; } } .notifications__no-data { padding: 0 75px; height: 100vh; max-height: 545px; display: flex; justify-content: center; flex-wrap: wrap; } .notifications__no-data .center { display: flex; align-self: center; justify-content: center; flex-wrap: wrap; margin-bottom: 100px; } .notifications__no-data p { margin-top: 35px; font-family: "aktiv-grotesk"; font-size: 16px; font-weight: 600; color: #013B82; text-align: center; } .notifications__no-data p span { margin-top: 15px; display: block; font-family: var(--caa-primary-font); font-weight: 400; color: #00053E; } .user-dropdown { padding: 27px 40px 40px; min-width: 380px; } .user-dropdown a { float: left; } .user-dropdown a span { margin-left: 0; margin-right: 20px; width: 80px; height: 80px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 25px; text-transform: uppercase; background-color: #013B82; background: linear-gradient(0deg, rgb(1, 59, 130) 0%, rgb(0, 5, 62) 100%); border: 4px solid #E6E6E6; } @media (max-width: 991.98px) { .user-dropdown a span { width: 30px; height: 30px; font-size: 12px; } } @media (max-width: 991.98px) { .user-dropdown a span img { width: 12px; } } .user-dropdown__p { position: relative; font-size: 24px; color: #013B82; } .user-dropdown__p span { display: block; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .user-dropdown__p .popover { display: none; padding: 10px 20px; position: absolute; top: 102%; left: 100px; font-size: 18px; color: #013B82; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border: none; } .user-dropdown__p .popover:after, .user-dropdown__p .popover:before { bottom: 100%; left: 25%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .user-dropdown__p .popover:after { border-color: rgba(0, 0, 0, 0); border-bottom-color: white; border-width: 15px; margin-left: -15px; } .user-dropdown__p .popover:before { border-color: rgba(238, 238, 238, 0); border-bottom-color: #EEEEEE; border-width: 16px; margin-left: -16px; } .user-dropdown__p:hover .popover { display: block; } .user-dropdown__links { padding-top: 20px; } .user-dropdown__links ul { padding: 10px 0; width: 100%; border-top: 0.5px solid #C7C7C7; border-bottom: 0.5px solid #C7C7C7; } .user-dropdown__links li { width: 100%; } .user-dropdown__links li a { display: block; padding: 10px 0; width: 100%; color: #343434; } .user-dropdown__links li:hover a { margin: 0 -40px; padding: 10px 40px; width: calc(100% + 80px); background-color: rgba(255, 191, 126, 0.12); } .user-dropdown .btn-logout { border: 1px solid #013B82; color: #013B82; background-color: transparent; margin-top: 20px; } .user-dropdown .btn-logout:hover, .user-dropdown .btn-logout:focus { text-decoration: none; background-color: #F2F2F2; border: 1px solid #F2F2F2; } .fixed-header { margin-top: 100px; /*@include media-breakpoint-down(lg){ .header-top{ position: fixed; z-index: 1001; padding: 0 15px; min-height: auto; background-color: $white; border-radius: 0; &__logo{ display: none; } &__sm{ margin-top: 0; } } }*/ } .fixed-header .page-header .header-top { position: fixed; top: 0; left: 0; width: 100%; z-index: 1002; background-color: #fff; box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.3); } .language-link { display: flex; align-items: center; } .language-link a { color: #00053E; } .language-link.is-active { display: none; } @media (max-width: 991px) { .header-top .js-language-switcher-link { display: none; } } .laguage-switcher { position: relative; } @media (max-width: 767.98px) { .laguage-switcher { margin-right: 0px; } } .laguage-switcher-flag { background-color: #EFEFEF; height: 48px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-family: "aktiv-grotesk"; font-weight: 600; font-size: 15px; padding: 13px 8px; } @media (min-width: 992px) { .laguage-switcher-flag { min-width: 48px; } } @media (max-width: 991.98px) { .laguage-switcher-flag { height: auto; padding: 6px 8px; } .laguage-switcher-flag img { width: 16px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .laguage-switcher-flag { font-size: 12px; padding: 13px 12px; } } @media (max-width: 767.98px) { .laguage-switcher-flag { font-size: 12px; padding: 6px 8px; } } .laguage-switcher .dropdown-toggle { font-size: 18px; color: #00053E; display: flex; align-items: center; } @media (max-width: 575.98px) { .laguage-switcher .dropdown-toggle { font-size: 15px; } } .laguage-switcher .dropdown-toggle:after { display: none !important; content: ""; position: relative; display: inline-block; width: 13px; height: 10px; background: url(../images/icons/down-arrow.svg) center center no-repeat; right: -3px; top: 0; transition: all 200ms; border: none; } .laguage-switcher .dropdown-toggle.show:after { transform: rotate(-180deg); } .laguage-switcher .dropdown-menu { border: 0; padding: 13px 0; min-width: 155px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2392156863); } .laguage-switcher .dropdown-menu:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } @media (max-width: 575.98px) { .laguage-switcher .dropdown-menu:after { right: 40px; } } .laguage-switcher .dropdown-menu .dropdown-item { display: flex; align-items: center; cursor: pointer; } .laguage-switcher .dropdown-menu .dropdown-item:hover, .laguage-switcher .dropdown-menu .dropdown-item:focus { color: #fff; background-color: #013B82; } .inside-header { position: relative; padding: 40px 0; background-color: #00053E; } @media (max-width: 575.98px) { .inside-header { padding: 20px 0 340px; } } .inside-header h1, .inside-header .h1 { display: inline-block; z-index: 1; margin-right: auto; margin-bottom: 0; padding-top: 2px; min-height: 64px; color: #fff; font-size: 28px; max-width: 691px; } .inside-header h1 small, .inside-header .h1 small, .inside-header h1 .small, .inside-header .h1 .small, .inside-header h1 p, .inside-header .h1 p { display: block; margin: 0; font-size: 18px; font-weight: 400; color: #D5D5D5; } @media (max-width: 767.98px) { .inside-header h1 small, .inside-header .h1 small, .inside-header h1 .small, .inside-header .h1 .small, .inside-header h1 p, .inside-header .h1 p { font-size: 16px; } } @media (max-width: 991.98px) { .inside-header h1, .inside-header .h1 { font-size: 25px; max-width: calc(100% - 84px); } } @media (max-width: 767.98px) { .inside-header h1, .inside-header .h1 { font-size: 19px; } } @media (max-width: 1399.98px) { .inside-header h1, .inside-header .h1 { max-width: calc(100% - 84px); } } @media (min-width: 1200px) and (max-width: 1399.98px) { .inside-header h1, .inside-header .h1 { font-size: 22px; } .inside-header h1 small, .inside-header .h1 small, .inside-header h1 .small, .inside-header .h1 .small { font-size: 14px; } } .inside-header__icon { display: inline-flex; float: left; justify-content: center; align-items: center; margin-right: 20px; width: 64px; height: 64px; background-color: #fff; } .inside-header__icon img { max-width: 57px; } .inside-header__top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991.98px) { .inside-header__top { flex-direction: column; align-items: flex-start; } } @media (max-width: 991.98px) { .inside-header__top__start { max-width: 100%; } } .inside-header__top__start .breadcrumb-outer { margin-bottom: 20px; } .inside-header__image { position: absolute; top: 0; right: 0; bottom: -75px; max-width: 500px; } .inside-header__image img { min-width: 100%; max-width: 400px; max-height: 100%; object-fit: cover; } .inside-header__image:after { position: absolute; top: 0; left: -40px; right: 0; bottom: -10px; display: block; content: ""; background-image: url("../images/bg/outline.svg"); background-size: 100%; background-repeat: no-repeat; background-position: center top; } @media (max-width: 767.98px) { .inside-header__image { display: none; } } .inside-header .container { position: relative; z-index: 1; } .inside-header--space-below { padding-bottom: 85px; } .inside-header--space-below .inside-header__top__start { max-width: calc(100% - 520px); } @media (max-width: 991.98px) { .inside-header--space-below .inside-header__top__start { max-width: 100%; } } .inside-header--bg { display: block; content: ""; background-image: url("../images/placeholder/header-bg.png"); background-size: contain; background-repeat: no-repeat; background-position: top right; width: 100%; } @media (max-width: 575.98px) { .inside-header--bg { background-image: none; padding: 20px 0 30px; } } .inside-header--bg .inside-header__top__start { max-width: 100%; width: 100%; } .inside-header--bg .inside-header__top__start h1, .inside-header--bg .inside-header__top__start .h1 { max-width: calc(100% - 100px); } @media (max-width: 575.98px) { .inside-header__icon { display: none; } .inside-header h1, .inside-header .h1 { max-width: 100%; } } .weather-widget { position: relative; z-index: 1; color: #fff; display: flex; align-items: center; margin-right: 10px; } @media (max-width: 575.98px) { .weather-widget { flex-direction: column; align-items: baseline; margin-right: 0; } } .weather-widget__time { z-index: 1; font-size: 24px; } .weather-widget__day { z-index: 1; padding-left: 15px; padding-right: 18px; font-size: 9px; line-height: 12px; } .weather-widget__day span { display: block; margin-top: 7px; font-weight: 500; font-size: 11px; } .weather-widget__temp { z-index: 1; position: relative; display: flex; align-items: center; margin-right: 12px; } .weather-widget__temp img { margin-right: 7px; width: 35px; } .weather-widget__temp .degree { position: relative; font-size: 36px; margin-top: 15px; } @media (max-width: 1199.98px) { .weather-widget__temp .degree { font-size: 25px; } } .weather-widget__temp .degree:after { position: absolute; top: 0; right: -4px; display: block; content: ""; width: 7px; height: 7px; border-radius: 50px; border: 1px solid #fff; } .weather-widget__temp p { margin: 0; padding-bottom: 0; color: #fff; padding-left: 25px; font-size: 15px; line-height: 12px; font-weight: 500; float: right; text-transform: capitalize; opacity: 1; } .weather-widget__temp p small, .weather-widget__temp p .small { font-size: 12px; font-weight: 400; text-transform: capitalize; display: block; margin-top: 6px; } .weather-widget__rain { padding-left: 20px; display: flex; align-items: center; position: relative; z-index: 1; margin-top: 10px; } .weather-widget__rain img { max-width: 30px; } @media (max-width: 575.98px) { .weather-widget__rain { padding-left: 0; } } .weather-widget__rain span { font-size: 17px; margin-left: 8px; margin-top: 10px; } @media (max-width: 1199.98px) { .weather-widget__rain span { font-size: 17px; } } .weather-widget__rain--icon::after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid white; left: 12px; position: relative; top: 1px; } .weather-widget:after { position: absoute; display: block; z-index: 0; content: ""; width: 100%; height: 100%; top: 0; left: 0; } .menu-added .header-top { min-height: auto; } .menu-added .header-top__right__menu { display: none; } .menu-added .header-top__right__close { display: block; } @media (max-width: 991.98px) { .menu-added .header-top__logo { padding: 5px 0; display: flex !important; min-width: auto; justify-content: flex-start; } } footer { position: relative; padding-top: 20px; background-color: #00053E; background-image: url(../images/bg/footer-bg.png); background-repeat: no-repeat; background-position: left center; background-size: 700px; } footer:after { position: absolute; display: block; content: ""; top: -5px; left: 0; width: 100%; height: 5px; background: linear-gradient(190deg, #0095DA 50%, #073C84 100%); } footer .footer-lowerpart { padding: 20px 0; border-top: 0.5px solid rgba(209, 209, 209, 0.36); } footer .footer-lowerpart p { margin: 0; padding: 0; font-size: 16px; color: #85849E; font-weight: 400; font-family: "aktiv-grotesk"; } @media (max-width: 991.98px) { footer .footer-lowerpart { padding: 20px; } } @media (max-width: 767.98px) { footer .footer-lowerpart .d-flex { flex-wrap: wrap; } footer .footer-lowerpart p, footer .footer-lowerpart ul { width: 100%; text-align: center; } footer .footer-lowerpart ul { display: none; margin: 10px 0; order: 1; min-width: 100%; justify-content: center; } footer .footer-lowerpart p { order: 2; } footer .scrollup { position: absolute; right: 14px; left: auto; bottom: 45px; } } footer .footer-top-block { display: flex; padding: 30px 0; font-family: "aktiv-grotesk"; font-size: 16px; font-weight: 500; color: #fff; border-top: 0.5px solid rgba(209, 209, 209, 0.36); } footer .footer-top-block__social { display: flex; align-items: center; } footer .footer-top-block__social span { font-size: 18px; } footer .footer-top-block__social .link { position: relative; } footer .footer-top-block__social .link a { background: inherit; color: #0095DA; width: auto; height: auto; display: block; border-radius: 0; } footer .footer-top-block__social .link a:hover { color: #fff; } footer .footer-top-block__social .link::before { content: ""; display: block; border-right: 1px solid #0095DA; height: 24px; position: absolute; top: 1px; left: 16px; transform: skewX(-21deg); } .twitter-logo{ display: inline-block; content: ""; width: 15px; height: 13px; background-color: #fff!important; -webkit-mask-image: url(../images/icons/new-twitter-logo.png); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } footer .footer-top-block__social .new-twitter .twitter-logo:hover{ background-color: #0095DA; } @media (max-width: 767.98px) { footer .footer-top-block__social .link::before { border: none; } } footer .footer-top-block__social a { display: inline-flex; justify-content: center; align-items: center; margin-left: 10px; width: 42px; height: 42px; background-color: rgba(255, 255, 255, 0.07); border-radius: 50%; } footer .footer-top-block__social a .fa { color: #fff; font-size: 18px; } footer .footer-top-block__social a:first-of-type { margin-left: 32px; } footer .footer-top-block__social a:hover .fa { color: #0095DA; } @media (max-width: 767.98px) { footer .footer-top-block__social { flex-wrap: wrap; justify-content: center; width: 100%; } footer .footer-top-block__social span { margin: 10px 0; width: 100%; text-align: center; } footer .footer-top-block__social a:first-of-type { margin-left: 0; } } @media (min-width: 1200px) and (max-width: 1399.98px) { footer .footer-top-block__social span { font-size: 14px; } } @media (max-width: 991.98px) { footer .footer-top-block .d-flex { flex-wrap: wrap; } } @media (max-width: 767.98px) { footer .footer-top-block { display: none; } } footer .inline-links li { float: left; position: relative; padding-right: 25px; } footer .inline-links li:last-of-type { padding-right: 0; } footer .inline-links li a { font-size: 16px; color: #85849E; } footer .inline-links li a:hover { color: #0095DA; } .app-store { margin-right: auto; } .app-store span { display: inline-block; margin-left: 12px; padding: 10px 0; width: 175px; text-align: center; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.28); } @media (max-width: 991.98px) { .app-store span { width: 175px; } .app-store span img { max-width: 60%; } } @media (max-width: 767.98px) { .app-store span { width: 175px; margin: 10px auto; } } .app-store span:first-child { margin-left: 32px; } @media (max-width: 991.98px) { .app-store { min-width: 100%; margin-bottom: 30px; } } @media (max-width: 767.98px) { .app-store { display: flex; flex-direction: column; justify-items: center; text-align: center; margin-bottom: 5px; } .app-store span, .app-store span:first-child { margin: 10px auto; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .app-store { font-size: 14px; } } .footer__menu { width: 100%; align-items: stretch; } .footer__no-line { border-bottom: none !important; } .footer__no-line:after { display: none; } .footer__no-line:hover ul li a { color: #85849E !important; } .footer__contact { width: 30%; position: relative; margin-right: 35px; padding: 50px 30px 50px 0px; } .footer__contact ul { position: relative; z-index: 1; margin: 0; padding: 0; width: 100%; } .footer__contact ul li { margin-bottom: 8px; } .footer__contact ul li.link { display: flex; align-items: flex-start; } .footer__contact ul li.link:hover::after { content: ""; display: block; background-image: url(../images/icons/menu-link-arrow.svg); background-repeat: no-repeat; position: absolute; right: 0px; width: 10px; top: 6px; height: 10px; } .footer__contact ul li.link:hover a { display: block; color: #0095DA !important; border-bottom: 1px solid #0095DA; } .footer__contact ul ul li { float: left; position: relative; display: flex; width: 45%; margin-right: 5%; } .footer__contact ul ul li:hover a { color: #0095DA !important; } .footer__contact ul ul li::after { content: ""; display: block; background-image: url(../images/icons/menu-link-arrow.svg); background-repeat: no-repeat; position: absolute; right: 0px; width: 10px; top: 6px; height: 10px; opacity: 0; } .footer__contact ul ul li:hover::after { opacity: 1; } .footer__contact ul ul li:hover a { color: #0095DA !important; border-bottom: 1px solid #0095DA; } @media (max-width: 390px) { .footer__contact ul ul li { width: 95%; } } .footer__contact ul ul li.no-link { cursor: default; } .footer__contact ul ul li.no-link:hover:after { display: none; } .footer__contact ul ul li.no-link:hover a { border-bottom: 1px solid transparent; color: #85849E !important; cursor: default; } .footer__contact ul img { margin-right: 10px; } .footer__contact::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; border-right: 1px solid rgba(209, 209, 209, 0.2117647059); } .footer__contact a { position: relative; z-index: 1; width: 100%; font-size: 16px; color: #85849E !important; border-bottom: 1px solid transparent; } .footer__contact a.ltr { white-space: nowrap; } @media (min-width: 1200px) and (max-width: 1399.98px) { .footer__contact a { font-size: 15px; } } @media (max-width: 991.98px) { .footer__contact { width: 40%; } } @media (max-width: 767.98px) { .footer__contact { display: flex; margin-right: 0; padding: 15px; width: 100%; } .footer__contact:after { display: none; } .footer__contact ul { width: calc(100% - 40vw); } .footer__contact ul li { float: none; width: auto; } .footer__contact ul li ul { width: 100%; } .footer__contact > ul { width: calc(100% - 40vw); } .footer__contact > ul > li:first-child { background: transparent; } .footer__contact > a { width: 40vw; } } @media (max-width: 767.98px) and (max-width: 575.98px) { .footer__contact > a { width: auto; max-width: 60vw; } } @media (max-width: 575.98px) { .footer__contact { flex-direction: column; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .footer__contact { padding: 50px 20px 50px 0px; } } .footer__links { display: flex; width: 70%; } .footer__links ul { display: inline-block; margin-right: 35px; padding: 50px 30px 50px 0px; width: 33.33%; position: relative; margin-bottom: 0; } @media (max-width: 767.98px) { .footer__links ul { padding: 4px 0px 7px 0px; } } .footer__links ul::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; border-right: 1px solid rgba(209, 209, 209, 0.2117647059); } .footer__links ul:last-of-type::after { border-right: none; } .footer__links ul li { color: #fff; font-size: 18px; border-bottom: 1px solid transparent; position: relative; z-index: 1; } .footer__links ul li::after { content: ""; display: block; background-image: url(../images/icons/menu-link-arrow.svg); background-repeat: no-repeat; position: absolute; right: 0px; width: 10px; top: 6px; height: 10px; opacity: 0; } .footer__links ul li:first-child { margin-bottom: 30px; font-family: "aktiv-grotesk"; border-bottom: none; } .footer__links ul li:first-child:hover { border: none; } .footer__links ul li:hover { border-bottom: 1px solid #0095DA; } .footer__links ul li:hover::after { opacity: 1; } .footer__links ul li:hover a { color: #0095DA !important; } .footer__links ul li:first-of-type::after { display: none; } .footer__links ul a { font-size: 16px; color: #85849E; } @media (min-width: 1200px) and (max-width: 1399.98px) { .footer__links ul a { font-size: 15px; } } @media (max-width: 991.98px) { .footer__links { flex-wrap: wrap; width: 60%; } .footer__links ul { margin-right: 0; width: 33.33%; margin-bottom: 20px; } .footer__links ul li:first-child { margin-bottom: 10px; padding: 0 13px; } .footer__links ul a { display: block; margin: 0 13px; } .footer__links ul::after { border: none; } } @media (max-width: 991.98px) { .footer__links ul { border-right: none; } .footer__links ul:nth-child(2n+2) { padding-left: 0; } } @media (max-width: 767.98px) { .footer__links { display: none; } } .footer__caa-logo { margin-bottom: 25px; max-width: 85%; max-width: 167px; } @media (max-width: 767.98px) { .footer { flex-direction: column; justify-content: center; } .footer__menu { width: 100%; padding: 20px 0 0; } } @media (max-width: 575.98px) { .footer__menu { width: 100%; padding: 20px 0 0; } .footer__menu ul { width: 100%; } } @media print { body { margin: 5mm 10mm 5mm 10mm; } @page { size: auto; margin: 0mm; padding: 25mm 5mm; } .fixed-header .page-header .header-top { position: relative; } @page { @top-center { content: element(pageHeader); } } #pageHeader { position: running(pageHeader); } .inside-header--space-below { padding-bottom: 45px; } .header-top__notification { display: none; } .header-top__right { display: none; } .header-top__phone { display: none; } .header-top .laguage-switcher { display: none; } .header-top__qda-logo { display: none; } .page-info__icon { display: none; } .sticking { display: none; } .page-navigation { display: none; } footer { display: none; } .btn-pagination { display: none; } .breadcrumb { display: none; } .tech-accordion .accordion-item .collapse:not(.show) { display: block; } .points-slider .slick-slide { display: block; width: 100% !important; float: none; } .points-slider__item { min-height: 0 !important; } .points-slider__item::after { display: none; } footer, .content-wrapper__side-menulist, .col-md-4.position-relative, .scrollup, .page-option { display: none; height: 0; overflow: hidden; background-color: transparent; border: none; background-image: none; box-shadow: none; } .content-wrapper__side-content { width: 100% !important; } .content-wrapper__head span { display: none; } .content-wrapper__white, .inside-header { padding: 10px 0; } .content-wrapper__blur-image { top: 0; left: 0; transform: none; } .content-wrapper__center-image { display: flex; align-items: flex-start; } } @media print and (orientation: landscape) { .header-top__logo { margin: 0 auto; justify-content: center; } .header-top__caa-logo { width: 100%; max-width: 100%; } .float-start { display: none; } .highlight-block { padding-left: 60px; } .highlight-block img { display: none; } } .my-account { display: flex; } .my-account .side-nav { margin-bottom: 70px; } .my-account .side-nav .side-nav-menu { height: 100%; } @media (max-width: 767.98px) { .my-account .side-nav { margin-bottom: 15px; } } @media (max-width: 767.98px) { .my-account .content-area-right { padding: 40px; margin: 0 15px 15px; width: calc(100% - 30px); } } .my-account .profile { display: flex; align-items: center; padding: 40px 30px; } .my-account .profile__avatar { display: block; text-align: center; margin-right: 15px; width: 60px; height: 60px; font-size: 24px; line-height: 58px; font-weight: 500; color: rgba(255, 255, 255, 0.18); background-color: rgba(255, 255, 255, 0.15); border-radius: 50px; } .my-account .profile p { margin: 0; padding: 0; color: #fff; font-weight: 500; text-transform: uppercase; } .my-account .profile p span { text-transform: capitalize; font-weight: 400; color: rgba(255, 255, 255, 0.18); } .my-account input[readonly] { pointer-events: none; background-color: #fff; } .my-account input[disabled] + label { pointer-events: none; } .info { margin-bottom: 46px; padding: 30px 40px; background-color: #FCFCFC; border: 1px solid #EBEBEB; } @media (max-width: 767.98px) { .info { padding: 20px 15px; } .info:first-of-type { margin-top: 20px; } } .info h3, .info .h3 { margin-top: -42px; text-shadow: 0 8px 14px #fff; } @media (max-width: 767.98px) { .info h3, .info .h3 { margin-top: -33px; } .info h3 span, .info .h3 span { padding: 0 4px; } } .info h3 span, .info .h3 span { display: inline-block; background: #fff; } .info .table { margin-bottom: 0; } .info__tick-icon { margin-right: 15px; width: 15px; height: 15px; } .info__profile { margin: 50px 0px 20px; } .info__profile img { width: 90px; height: 90px; object-fit: cover; border-radius: 100px; border: 1px solid #eeeeee; } .form-wizard { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 10px 0 0; margin-bottom: 35px; border: none; } @media (max-width: 991.98px) { .form-wizard { padding-bottom: 0; } } .form-wizard .nav-item { position: relative; z-index: 1; max-width: 267px; background-color: #F2F2F5; border: none; border-radius: 50px; white-space: nowrap; margin: 0 21px; } .form-wizard .nav-item .nav-link { display: flex; padding: 0.5rem; padding-right: 14px; text-align: left; } .form-wizard .nav-item:first-of-type { margin-left: 0; } .form-wizard .nav-item:last-of-type { margin-right: 0; } .form-wizard .nav-item:last-of-type:after { display: none; } .form-wizard .nav-item:after { position: absolute; display: block; content: ""; top: 50%; width: 50%; height: 3px; right: -50%; background-color: #E1E1E1; } @media (max-width: 1399.98px) { .form-wizard .nav-item { margin: 0 15px; max-width: 210px; } } @media (max-width: 1199.98px) { .form-wizard .nav-item { margin: 0 5px; } } @media (max-width: 991.98px) { .form-wizard .nav-item { margin-right: 20px; } } @media (max-width: 767.98px) { .form-wizard .nav-item .nav-link { padding-right: 15px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .form-wizard .nav-item .nav-link { font-size: 14px; } .form-wizard .nav-item__no { margin-right: 5px; } } .form-wizard__completed { display: none; content: ""; width: 39px; height: 39px; background-color: #fff; background-image: url(../images/icons/tick.svg); background-position: center; background-repeat: no-repeat; border-radius: 50%; box-shadow: 0 3px 6px rgba(26, 136, 112, 0.3764705882); } .form-wizard__no { content: ""; display: flex; align-items: center; justify-content: center; margin-right: 10px; width: 39px; height: 39px; background: #fff; border-radius: 50px; font-size: 18px; font-weight: 500; float: left; color: #013B82; flex-shrink: 0; } @media (max-width: 1399.98px) { .form-wizard__no { margin-right: 7px; } } .form-wizard__filled .form-wizard__no { display: none; } .form-wizard__filled .form-wizard__completed { display: block; margin-right: 10px; } @media (max-width: 1399.98px) { .form-wizard__filled .form-wizard__completed { font-size: 14px; margin-right: 7px; } } .form-wizard__filled .nav-link { display: flex; justify-content: flex-start; align-items: center; background-color: #0095DA !important; color: #fff !important; } .form-wizard__filled:after { background-color: #0095DA !important; } .form-wizard .nav-link { min-height: 49px; border-radius: 50px; font-family: "Effra"; font-size: 16px; font-weight: 500; color: #013B82; line-height: 39px; text-align: center; } @media (max-width: 1399.98px) { .form-wizard .nav-link { font-size: 15px; } } @media (max-width: 991.98px) { .form-wizard .nav-link { display: flex; align-items: center; justify-content: center; } } .form-wizard .nav-link.active { position: relative; background-color: #013B82 !important; color: #fff; } .form-wizard .nav-link.active .form-wizard__no { background-color: #fff; color: #013B82; } .form-wizard .nav-link.active:after { top: 108%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 15px; margin-left: -15px; z-index: 3; transform: rotate(180deg); } .nav-scroller .nav-scroller-btn { display: none; } .form-wizard .react-horizontal-scrolling-menu--wrapper { position: relative; overflow: hidden; } .form-wizard .react-horizontal-scrolling-menu--wrapper .nav-item .form-wizard__no { margin-right: 8px; } .form-wizard .react-horizontal-scrolling-menu--wrapper .nav-item button { padding-right: 15px; } .form-wizard .react-horizontal-scrolling-menu--wrapper .nav-item .nav-link { display: flex; } .form-wizard .react-horizontal-scrolling-menu--wrapper .react-horizontal-scrolling-menu--item { position: relative; margin: 0 20px; } .form-wizard .react-horizontal-scrolling-menu--wrapper .react-horizontal-scrolling-menu--item:first-child { margin-left: 0; } .form-wizard .react-horizontal-scrolling-menu--wrapper .react-horizontal-scrolling-menu--item:last-child { margin-right: 0; } .form-wizard .react-horizontal-scrolling-menu--wrapper .react-horizontal-scrolling-menu--item::after { position: absolute; display: block; content: ""; top: 50%; width: 50%; height: 3px; right: -50%; background-color: #E1E1E1; } .form-wizard .react-horizontal-scrolling-menu--wrapper .react-horizontal-scrolling-menu--item:last-child::after { display: none; } .form-wizard .react-horizontal-scrolling-menu--wrapper .react-horizontal-scrolling-menu--item .form-wizard__filled .nav-link.active { background-color: #0095DA !important; } .form-wizard .react-horizontal-scrolling-menu--wrapper .react-horizontal-scrolling-menu--item .form-wizard__filled .nav-link.active::after { display: none; } .form-wizard .react-horizontal-scrolling-menu--wrapper .react-horizontal-scrolling-menu--item .form-wizard__filled .form-wizard__completed { margin-right: 8px; } .form-wizard .react-horizontal-scrolling-menu--wrapper button:not(.nav-link) { position: absolute; top: 0; left: 0 !important; z-index: 10; background-color: rgba(255, 255, 255, 0.6); border: none; font-size: 0; width: 20px; height: 50px; background-image: url("../images/icons/next-arrow-blue.svg"); background-repeat: no-repeat; background-position: center; transform: scaleX(-1); } .form-wizard .react-horizontal-scrolling-menu--wrapper button:not(.nav-link):hover { background-color: #fff; } @media (max-width: 991.98px) { .form-wizard .react-horizontal-scrolling-menu--wrapper button:not(.nav-link) { display: none !important; } } .form-wizard .react-horizontal-scrolling-menu--wrapper .react-horizontal-scrolling-menu--scroll-container + button { left: auto !important; right: 0 !important; transform: scaleX(1); } .react-horizontal-scrolling-menu--scroll-container { padding-bottom: 35px; } .sticky-wizard .content-area__head-block { position: fixed; top: 0; left: 0; padding: 0; width: 100%; z-index: 20; background-color: transparent; } .sticky-wizard .content-area__head-block__wrapper { padding: 0 50px; max-width: calc(1320px - 2.4rem); margin: 0 auto; background-color: #FCFDFE; box-shadow: 0 0px 16px rgba(0, 0, 0, 0.1803921569); } .sticky-wizard .form-wizard { margin: 10px 0; } .sticky-wizard .content-area__main { margin-top: 120px; } @media (max-width: 1399.98px) { .sticky-wizard .content-area__main { margin-top: 75px; } } .sign__in { display: flex; min-height: calc(100vh - 102px); } @media (max-width: 1199.98px) { .sign__in { min-height: auto; } } @media (max-width: 767.98px) { .sign__in { flex-direction: column; height: 100%; } } .sign__in__breadcrumb { margin-bottom: 50px; } @media (max-width: 767.98px) { .sign__in__breadcrumb { margin-bottom: 20px; } } .sign__in__left { display: flex; flex-direction: column; justify-content: end; width: 50%; background-color: #00053E; overflow: hidden; } @media (max-width: 767.98px) { .sign__in__left { width: 100%; padding: 15px 15px 15px 15px; display: none; } } .sign__in__left img { max-width: 127px; } .sign__in__left h1, .sign__in__left .h1 { font-size: 28px; color: #fff; margin: 18px 0px 4px; } .sign__in__left a { color: #0095DA; font-size: 20px; cursor: default; } .sign__in__left p { font-size: 18px; color: #fff; margin: 30px 0 20px; font-family: "aktiv-grotesk"; } .sign__in__left ul { position: relative; } .sign__in__left ul li { color: #D8D8D8; font-size: 16px; background: url(../images/icons/tick.svg) left 3px no-repeat; margin: 0 0 9px; padding: 0px 0px 0px 30px; background-size: 13px; } .sign__in__left ul::after { content: ""; display: none; background-image: url(../images/icons/deco-arrow.svg); background-size: contain; background-repeat: no-repeat; background-position: right; max-width: 9.5vw; width: 185px; height: 100%; position: absolute; bottom: -120px; right: -95px; } @media (max-width: 991.98px) { .sign__in__left ul::after { display: none; } } @media (max-width: 1399.98px) { .sign__in__left ul { margin-bottom: 40px; } .sign__in__left ul:after { bottom: -131px; right: -34px; } } .sign__in__container { margin: 50px 120px 50px 200px; } @media (max-width: 1199.98px) { .sign__in__container { margin: 50px; } } .sign__in__right { width: 50%; min-height: 100%; display: flex; align-items: center; justify-content: center; position: relative; } @media (max-width: 767.98px) { .sign__in__right { width: 100%; padding: 30px 0; } } .sign__in__right::after { content: ""; background-image: url(../images/placeholder/signin-bg.jpg); background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; background-size: cover; position: absolute; left: 0; right: 0; top: 0; z-index: 0; bottom: 0; } .sign__in__right h1, .sign__in__right .h1 { color: #013B82; font-size: 25px; } .sign__in__right p { color: #013B82; font-size: 14px; } .sign__in__right a { font-size: 16px; font-weight: 500; color: #013B82; font-family: "aktiv-grotesk"; } .sign__in__right a:first-child { color: #0095DA; text-decoration: underline; } .sign__in__form { position: relative; z-index: 1; background: #fff; max-width: 450px; width: 100%; padding: 30px 45px; } @media (max-width: 1199.98px) { .sign__in__form { width: 90%; } } @media (max-width: 575.98px) { .sign__in__form { width: 100%; padding: 30px 15px; margin: 0 15px; } } .sign__in__form .form-top-image { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1199.98px) { .sign__in__form .form-top-image img { max-width: 75%; } } @media (max-width: 767.98px) { .sign__in__form .form-top-image img { width: 20vw; } .sign__in__form .form-top-image img:first-of-type { width: 62vw; } } .sign__in__form .btn-submit { margin: 10px 0; background: #013B82; } .sign__in__form .form-bottom-link { display: flex; justify-content: space-between; margin-top: 20px; } .sign__in__captcha { overflow: hidden; } .form-landing-outer { background: #fff; } .form-landing-outer.white-bg { margin-bottom: 75px; } .sticking__fixed { position: fixed; z-index: 4; top: 0; left: 0; width: 100%; } .sticking__fixed .page-navigation { max-width: 1296px; margin: 0 auto; } .page-navigation { position: relative; margin-top: -40px; padding: 0 30px; background-color: #fff; box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 991px) { .page-navigation { padding-top: 10px; padding-bottom: 10px; } } .page-navigation .navbar-toggler { height: 35px; } .page-navigation h4, .page-navigation .h4 { margin: 0; display: none; } @media only screen and (max-width: 991px) { .page-navigation h4, .page-navigation .h4 { display: block; } } .page-navigation .greedy-container { display: flex; min-width: 100%; } .page-navigation .greedy-container ul { width: 100%; margin-bottom: 0; } .page-navigation .greedy-container .greedy-menu { display: none; } .page-navigation.greedy-nav ul { max-width: calc(100% - 20px); margin-bottom: 0; } @media (max-width: 575.98px) { .page-navigation.greedy-nav .hidden-links { flex-wrap: wrap; } .page-navigation.greedy-nav ul { display: flex; justify-content: space-between; } .page-navigation.greedy-nav button { position: absolute; top: 25px; right: 15px; } .page-navigation.greedy-nav li:hover, .page-navigation.greedy-nav li:active { border-bottom: none; } } .page-navigation li { display: inline-flex; position: relative; padding: 20px 17px; margin-right: 28px; border-bottom: 3px solid transparent; cursor: pointer; } .page-navigation li a { color: #013B82; font-family: "aktiv-grotesk"; font-size: 17px; font-weight: 500; } .page-navigation li a:hover, .page-navigation li a:focus { text-decoration: none; } @media (min-width: 1200px) and (max-width: 1399.98px) { .page-navigation li a { font-size: 14px; } } @media (max-width: 991.98px) { .page-navigation li { padding: 8px 15px; margin-right: 10px; } } @media (max-width: 1199px) { .page-navigation li { font-size: 14px; padding: 10px; } } .page-navigation li:hover, .page-navigation li.active { border-bottom: 3px solid #013B82; } .page-navigation li:after { position: absolute; top: 50%; right: -15px; display: block; content: ""; width: 0.5px; height: 25px; background-color: #CECECE; transform: translateY(-50%) rotate(30deg); } @media (max-width: 991.98px) { .page-navigation li:after { right: -7px; top: 10px; } } @media only screen and (max-width: 991px) { .page-navigation li:after { display: none; margin: 0; } } .page-navigation li:last-of-type:after { display: none; } @media (max-width: 575.98px) { .page-navigation li a { display: block; } } .page-navigation.form-select { display: none; font-size: 18px; color: #013B82; font-size: 17px; font-weight: 500; outline: none; } @media (max-width: 767.98px) { .page-navigation.form-select { display: block; } } .page-navigation.form-select:focus { border: none; box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.3); } .page-info { margin: 25px 0; color: #1D1D1D; font-size: 16px; font-weight: 500; } .page-info__update { display: inline-block; margin-right: 10px; height: 18px; } .page-info__icon { position: relative; z-index: 2; float: right; margin-left: 35px; cursor: pointer; } @media (max-width: 575.98px) { .page-info__icon { float: none; display: block; margin-left: 0; } } .page-info__icon img { margin-right: 10px; } @media (max-width: 1399.98px) { .page-info__icon { background-color: #fff; padding: 3px 12px; border-radius: 50px; border: 1px solid #efefef; } } .page-info__left { float: left; width: calc(100% - 275px); } @media (max-width: 767.98px) { .page-info { padding: 0 20px; } .page-info__left { float: none; width: 100%; } .page-info .page-option { float: none; margin: 10px 0; width: 100%; } } @media (max-width: 575.98px) { .page-info { padding: 0 10px; } .page-info__icon { padding: 0; border: 0; margin-top: 10px; } } .callout { margin-bottom: 25px; padding: 20px 25px 15px; border: 1px solid rgba(0, 149, 218, 0.4); background-color: #F9FDFF; } .callout::after { display: block; clear: both; content: ""; } @media (max-width: 575.98px) { .callout { text-align: center; } } .callout strong { color: #013B82; font-size: 14px; font-weight: 800; } .callout p { color: #363636; font-size: 16px; font-weight: 400; } .callout__icon { float: left; } @media (max-width: 575.98px) { .callout__icon { float: none; margin-bottom: 10px; } } .callout__content { float: right; width: calc(100% - 66px); } @media (max-width: 575.98px) { .callout__content { float: none; width: 100%; } } .paragraph-block::after { display: block; clear: both; content: ""; } .paragraph-block .float-start { margin-right: 50px; } @media (max-width: 767.98px) { .paragraph-block .float-start { max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 10px; } } .paragraph-block .float-end { margin-left: 50px; } .paragraph-block h3, .paragraph-block .h3 { font-size: 24px; margin-bottom: 25px; } .paragraph-block p { margin-bottom: 10px; font-size: 16px; } .paragraph-block--white-bg { padding: 45px 50px; background-color: #fff; } .paragraph-block--white-bg a { color: #0d6efd; } .paragraph-block--white-bg a:hover { text-decoration: underline; } .points-slider { position: relative; padding: 20px 0 40px; background-color: #00053E; overflow: hidden; } .points-slider::after { display: block; clear: both; content: ""; } @media (max-width: 767.98px) { .points-slider { margin-bottom: 20px; padding: 0 0 40px; } } .points-slider .slick-track { display: flex; } .points-slider__item { position: relative; float: left; padding: 28px; width: 25%; height: 100%; background-color: #fff; border-right: 0.5px solid #EBEBEB; min-height: 240px; } .points-slider__item:nth-last-of-type(2n) { background-color: #F8F8F8; } .points-slider__item h4, .points-slider__item .h4 { margin-bottom: 35px; font-size: 20px; font-weight: 500; color: #013B82; } @media (max-width: 767.98px) { .points-slider__item h4, .points-slider__item .h4 { margin-bottom: 25px; font-size: 18px; } } .points-slider__item h4 span, .points-slider__item .h4 span { font-size: 44px; font-weight: 400; } @media (max-width: 767.98px) { .points-slider__item h4 span, .points-slider__item .h4 span { font-size: 30px; } } .points-slider__item:after { left: calc(100% - 4px); top: 25%; border: solid transparent; content: ""; height: 22px; width: 14px; position: absolute; pointer-events: none; z-index: 1; background-image: url(../images/icons/arrow-white.svg); background-position: left; } .points-slider h3, .points-slider .h3 { margin: 40px 0; color: #fff; font-size: 24px; } .points-slider p { color: #505050; } .points-slider .slick-carousel { width: 100%; overflow: hidden; margin-bottom: 30px; } .points-slider .slick-carousel.slick-dotted { margin-bottom: 0; } .points-slider .slick-slide { float: left; } .points-slider .slick-slide > div { height: 100%; } .points-slider .slick-slide:nth-last-of-type(2n) .points-slider__item { background-color: #F8F8F8; } .points-slider .slick-slide:nth-last-of-type(2n) .points-slider__item:after { background-image: url("../images/icons/arrow-grey.svg"); } .points-slider .slick-slide:last-child .points-slider__item::after { display: none; } .points-slider .slick-arrow { position: absolute; top: 50%; width: 126px; height: 126px; font-size: 0; border: none; border-radius: 100px; transform: translate(0, -50%); } .points-slider .slick-arrow:hover { background-color: #013B82; } .points-slider .slick-arrow:hover:after { filter: brightness(0) invert(1); } @media (max-width: 767.98px) { .points-slider .slick-arrow { display: none !important; } } .points-slider .slick-arrow:after { position: absolute; top: 52px; width: 14px; height: 24px; display: block; content: ""; background-image: url("../images/icons/arrow.svg"); background-position: center; background-repeat: no-repeat; } @media (max-width: 767.98px) { .points-slider .slick-arrow:after { top: 38px; } } .points-slider .slick-prev { left: -63px; z-index: 1; } .points-slider .slick-prev:after { right: 30px; } @media (max-width: 767.98px) { .points-slider .slick-prev:after { right: 19px; } } .points-slider .slick-next { right: -63px; z-index: 1; } .points-slider .slick-next:after { left: 33px; transform: rotate(180deg); } @media (max-width: 767.98px) { .points-slider .slick-next:after { left: 19px; } } .points-slider .slick-dots { display: flex !important; justify-content: center; padding-top: 40px; width: 100%; } .points-slider .slick-dots li { display: flex; padding: 0 6px; } .points-slider .slick-dots li button { width: 12px; height: 12px; font-size: 0; border-radius: 50px; border: none; background-color: rgba(0, 149, 218, 0.41); } .points-slider .slick-dots li.slick-active button { background-color: #0095DA; } .recipients_of_service, #recipients_of_service { padding-top: 40px; } .required_documents, #required_documents { padding-top: 30px; } .required_documents ol li { list-style: decimal; list-style-position: inside; } .related_services, #related_services { padding-top: 15px; } .blue-color { font-size: 24px; margin-bottom: 40px; color: #013B82; } @media (max-width: 767.98px) { .blue-color { margin-bottom: 20px; } } .highlight-block { display: flex; align-items: center; margin-bottom: 50px; padding-right: 60px; background-color: #E3EEF4; } @media (max-width: 991.98px) { .highlight-block { padding-right: 15px; } } @media (max-width: 767.98px) { .highlight-block { flex-direction: column; padding: 20px; margin-bottom: 20px; } } .highlight-block img { margin-right: 60px; } @media (max-width: 991.98px) { .highlight-block img { margin-right: 30px; } } @media (max-width: 767.98px) { .highlight-block img { margin-right: 0px; margin-bottom: 10px; width: 100%; } } .highlight-block .btn-link { margin-right: 8px; margin-bottom: 8px; font-size: 16px; font-weight: 400; background-color: #fff; border: none; border-radius: 0; cursor: default; box-shadow: 0 1px 2px rgba(103, 103, 103, 0.11); } @media (max-width: 767.98px) { .highlight-block .btn-link { width: 100%; } } .highlight-block__content { padding: 30px 0; } .highlight-block__content p { margin-bottom: 20px; } .grey-bg { background-color: #F6F6F6; } @media (max-width: 767.98px) { .grey-bg { padding: 30px 0 0; } } .grey-bg .accordion { margin-bottom: 20px; padding: 45px 50px; background-color: #fff; } @media (max-width: 767.98px) { .grey-bg .accordion { margin-bottom: 20px; padding: 25px 20px; } } .grey-bg .accordion h4, .grey-bg .accordion .h4 { color: #013B82; font-family: "Effra"; font-size: 18px; font-weight: bold; margin: 15px 0 15px; } .grey-bg .accordion h4.accordion-header, .grey-bg .accordion .accordion-header.h4 { font-size: 16px; font-weight: 400; } .grey-bg .accordion-item { border: none; } .grey-bg .accordion-item.accordion-item-disable button { cursor: default; } .grey-bg .accordion-button { position: relative; padding-left: 35px; font-size: 16px; color: #000; border: none; box-shadow: none; } .grey-bg .accordion-button::after { display: none; } .grey-bg .accordion-button:before { position: absolute; top: 9px; left: 0; display: block; content: ""; width: 20px; height: 20px; background-image: url("../images/icons/file-icon.svg"); background-repeat: no-repeat; background-position: center; } .grey-bg .accordion-button:not(.collapsed) { color: #0095DA; text-decoration: underline; background-color: transparent; box-shadow: none; } .grey-bg .accordion-button:hover { color: #0095DA; text-decoration: underline; } .grey-bg .accordion-button.no-link { text-decoration: none; cursor: default; } .grey-bg .accordion-button.no-link:hover { text-decoration: none; } .grey-bg .accordion-body { margin: 10px 0; padding: 35px 30px; background-color: rgba(227, 238, 244, 0.57); } @media (max-width: 767.98px) { .grey-bg .accordion-body { padding: 25px 20px; } } .grey-bg .accordion-body ul li { font-size: 16px; background: url(../images/icons/tick.svg) left 8px no-repeat; margin: 0 0 3px; padding: 0 0 0 25px; background-size: 13px; list-style: none; } .grey-bg .accordion-header { margin: 0 !important; } .grey-bg .btn-expand { float: left; } .grey-bg .btn-continue--xl { color: #fff; } .no-data { margin-bottom: 40px; padding: 80px 50px; background-color: #fff; } .no-data p { color: #7C878E; font-size: 18px; text-align: center; } .no-data__info { display: flex; flex-direction: column; justify-content: center; align-items: center; } .no-data__info img { margin-bottom: 14px; } .tech-accordion .accordion-button { color: #000; } .tech-accordion .accordion-button:not(.collapsed) { text-decoration: underline; color: #0095DA; } .tech-accordion .accordion-button.collapsed:hover { text-decoration: underline; color: #0095DA; } .notification { position: absolute; top: 0; left: 0; padding: 5px 20px; width: 100%; z-index: 1001; display: flex; align-items: center; min-height: 50px; background-color: #FFEFBC; border: #FFEFBC; } .notification img { float: left; margin-top: 2px; margin-right: 10px; } .notification a { position: relative; color: #000 !important; } @media (max-width: 1199.98px) { .notification { padding: 10px 15px; } } .notification .carousel { float: left; max-width: calc(100% - 40px); width: 100%; } .notification .carousel .carousel-item { display: flex; } .notification .close { padding: 0; margin: 0; display: flex; align-items: center; } .home-banner { position: relative; overflow: hidden; } .home-banner h1, .home-banner .h1 { font-size: 55px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .home-banner .notification p { font-size: 16px; font-weight: 500; margin-bottom: 0; } .home-banner p { font-size: 28px; font-weight: 300; color: #fff; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 767.98px) { .home-banner p { font-size: 18px; } } .home-banner__wrapper { position: relative; } .home-banner__wrapper::after { display: block; content: ""; clear: both; } @media (max-width: 1199.98px) { .home-banner__wrapper { padding-bottom: 70px; } } .home-banner .home-slider { overflow: hidden; } .home-banner .home-slider .slick-slide { float: left; } .home-banner .home-slider .slick-dots { position: absolute; width: 30px; display: flex !important; flex-direction: column; flex-wrap: wrap; left: 20px; bottom: 50%; transform: translate(0, 50%); margin: 0; padding: 0; } .home-banner .home-slider .slick-dots button { position: relative; width: 22px; height: 22px; font-size: 0; border: none; border-radius: 50px; border: 4px solid transparent; background-color: transparent; } .home-banner .home-slider .slick-dots li { position: relative; display: flex; justify-content: center; align-items: center; margin: auto; width: 20px; height: 36px; border-radius: 50px; background-color: transparent; } .home-banner .home-slider .slick-dots li button { position: relative; z-index: 2; width: 14px; height: 14px; background-color: #fff; transition: all 0.3s ease-in-out; } .home-banner .home-slider .slick-dots li button:hover { width: 18px; height: 18px; } .home-banner .home-slider .slick-dots li.slick-active { background-color: transparent; } .home-banner .home-slider .slick-dots li.slick-active button { background-color: #0095DA; } .home-banner .home-slider .slick-arrow { position: absolute; top: 50%; width: 126px; height: 126px; font-size: 0; background-color: #0095DA; border: none; border-radius: 100px; transform: translate(0, -50%); } @media (max-width: 575.98px) { .home-banner .home-slider .slick-arrow { width: 100px; height: 100px; } } .home-banner .home-slider .slick-arrow:after { position: absolute; top: 52px; width: 14px; height: 24px; display: block; content: ""; background-image: url(../images/icons/white-arrow.svg); background-position: center; background-repeat: no-repeat; } @media (max-width: 575.98px) { .home-banner .home-slider .slick-arrow:after { top: 35px; } } .home-banner .home-slider__item { position: relative; height: calc(100vh - 100px); background-color: #00053E; background-image: url("../images/bg/banner-bg-pattern.svg"); background-position: left bottom; background-repeat: no-repeat; } .home-banner .home-slider__item .btn { margin-top: 40px; font-size: 20px; font-weight: 500; } @media (min-width: 1200px) and (max-width: 1399.98px) { .home-banner .home-slider__item .btn { font-size: 16px; } } .home-banner .home-slider .slick-prev { left: -63px; } .home-banner .home-slider .slick-prev:after { right: 30px; } @media (max-width: 575.98px) { .home-banner .home-slider .slick-prev:after { right: 20px; } } .home-banner .home-slider .slick-next { right: -63px; } .home-banner .home-slider .slick-next:after { left: 33px; transform: rotate(180deg); } @media (max-width: 575.98px) { .home-banner .home-slider .slick-next:after { left: 20px; } } .home-banner .home-slider__caption { position: absolute; top: 0; left: 0; bottom: 0; display: flex; width: 100%; align-items: center; } .home-banner .home-slider__content { transform: translateY(10rem); visibility: hidden; opacity: 0; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: 0s; } @media (max-width: 991.98px) { .home-banner .home-slider { width: 100%; } .home-banner .home-slider__item { height: 500px; background-image: none; min-height: auto; } .home-banner .home-slider figure { position: relative; position: absolute; height: 100%; width: 100%; } .home-banner .home-slider figure img { min-height: auto; height: 500px; } .home-banner .home-slider video { height: 500px; } .home-banner .home-slider__caption { padding: 0 20px; position: absolute; bottom: 20px; top: auto; } .home-banner .home-slider h1, .home-banner .home-slider .h1 { font-size: 38px; } .home-banner .home-slider p { font-size: 20px; } } @media (max-width: 767.98px) { .home-banner .home-slider__item { height: 400px; } .home-banner .home-slider figure img { height: auto; } .home-banner .home-slider video { height: auto; } } .home-banner .slick-active .home-slider__content { transform: translateY(0rem); visibility: visible; opacity: 1; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: 0.2s; } .home-banner__notice { position: absolute; z-index: 1001; bottom: 135px; right: 0; padding: 30px; max-width: 430px; width: 50%; height: 190px; background-color: #fff; cursor: pointer; border-radius: 6px 0 0 6px; transition: width 0.3s ease-in-out; } @media (max-width: 991.98px) { .home-banner__notice { padding: 15px 35px 15px 45px; height: 205px; } } .home-banner__notice p { width: calc(100% - 20px); max-width: 750px; margin-bottom: 0; font-size: 16px; color: #707070; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .home-banner__notice p:first-of-type { margin-bottom: 15px; font-size: 20px; font-family: "aktiv-grotesk"; font-weight: bold; color: #00053E; } .home-banner__notice p span { display: block; padding: 10px 0; color: #7C878E; font-size: 14px; } .home-banner__notice p img { margin-right: 10px; } .home-banner__notice .close-btn { position: absolute; top: 10px; right: 0; cursor: pointer; } @media (max-width: 991.98px) { .home-banner__notice .close-btn { right: 0; } } .home-banner__notice a { display: inline-block; padding-right: 30px; margin-top: 15px; font-size: 18px; color: #0095DA; background-image: url("../images/icons/arrow-icon.svg"); background-repeat: no-repeat; background-position: right 9px; } .home-banner__notice a:hover { text-decoration: underline; } @media (max-width: 1199.98px) { .home-banner__notice { max-width: 40%; } } @media (max-width: 991.98px) { .home-banner__notice { max-width: 100%; width: 100%; } } .home-banner__notice__collapse { display: none; } .home-banner__notice.close { display: flex; padding: 0; width: 88px; height: 88px; bottom: 135px; margin-right: 90px; justify-content: center; align-items: center; border-radius: 100px; } .home-banner__notice.close .home-banner__notice__expanded { display: none; } .home-banner__notice.close .home-banner__notice__collapse { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .home-banner__notice.close .badge { position: absolute; top: -12px; left: 22px; background-color: #0095DA; color: #fff; animation: blink-animation 1.75s steps(5, start) infinite; } .home-banner__notice.width-animate { padding: 0; width: 0; } .home-banner__notice.width-animate p, .home-banner__notice.width-animate a, .home-banner__notice.width-animate .close-btn { opacity: 0; display: none; } .home-banner__notice.width-animate.close { width: 88px; margin-right: 90px; transition: none; } @media (max-width: 1199.98px) { .home-banner__notice.width-animate.close { bottom: 15px; margin: 0; margin-left: 30px; width: 50px !important; height: 50px; position: absolute; } } .home-banner .redirection-icon { position: relative; padding-right: 100px; } .home-banner .redirection-icon:after { position: absolute; top: 50%; right: 0; display: block; content: ""; width: 25px; height: 20px; background-image: url("../images/icons/right-arrow.svg"); background-repeat: no-repeat; background-position: center; transform: translate(0, -50%); } .home-banner .redirection-icon:before { position: absolute; top: 15%; right: 55px; display: block; content: ""; width: 1px; height: 30px; background-color: #DBDBDB; transform: translate(0, -50%); transform: rotate(20deg); } @media (max-width: 767.98px) { .home-banner .redirection-icon { padding-right: 0; } .home-banner .redirection-icon:after { position: relative; margin: 25px 0 0; } .home-banner .redirection-icon:before { display: none; } } .home-banner__weather { position: absolute; bottom: 280px; right: 0; max-width: 750px; width: 50%; bottom: 56%; transform: translatey(50%); } .home-banner__weather__bg { margin-bottom: 1px; padding: 30px 25px; width: 100%; max-width: 464px; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(252, 252, 252, 0.5); border-radius: 4px; } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .home-banner__weather__bg { background: transparent; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } } .home-banner__weather h5, .home-banner__weather .h5 { font-size: 22px; font-weight: 500; color: #fff; } .home-banner__weather .icon { margin-right: 12px; } .home-banner__weather hr { margin: 20px 0 30px; width: 100%; background-color: rgba(255, 255, 255, 0.5); } .home-banner__weather__info { display: flex; flex-wrap: wrap; font-size: 16px; font-weight: 400; color: #fff; } .home-banner__weather__info .margin-end { margin-right: 8px; } .home-banner__weather__info .margin-both { margin: 0 8px; } .home-banner__weather h6, .home-banner__weather .h6 { margin: 20px 0; color: #FFDE82; font-size: 20px; font-weight: 500; } .home-banner__weather__link { display: block; float: right; width: 22px; height: 112px; background-image: url("../images/icons/weather-readmore-arrow.svg"); background-repeat: no-repeat; background-position: center right; } .home-banner__weather__item { display: flex; align-items: center; float: left; margin-bottom: 10px; margin-right: 32px; } .home-banner__weather__item:last-of-type { margin-right: 0; } .home-banner__weather__item span { padding: 0 8px; } .home-banner figure { position: relative; } .home-banner figure:after { display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 5, 62, 0.3); } .home-banner figure img { width: 100%; height: calc(100vh - 100px); object-fit: cover; } .home-banner video { width: 100%; height: calc(100vh - 100px); object-fit: cover; } @media (max-width: 1600px) { .home-banner h1, .home-banner .h1 { font-size: 46px; } .home-banner .home-slider__item .btn { margin-top: 20px; } .home-banner .home-slider__content { margin-left: 60px; } .home-banner__weather { bottom: 61%; } } @media (max-width: 1199.98px) { .home-banner { background-color: #00053E; } .home-banner__weather { position: relative; width: 100%; max-width: 100%; bottom: auto; transform: translatey(0); background: transparent; border: none; border-radius: 0; } .home-banner__weather hr { margin-bottom: 20px; height: 2px; background-color: #fff; } .home-banner__weather__bg { padding: 10px; margin: 20px 30px; max-width: calc(100% - 60px); border: 1px solid rgba(252, 252, 252, 0.5); } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .home-banner__weather { background: transparent; -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); } } .home-banner__notice { position: relative; max-width: 100%; width: 100%; bottom: auto; border-radius: 0; position: absolute; bottom: 0; left: 0; height: auto; background: rgba(255, 255, 255, 0.98); } .home-banner .home-slider__content { margin: 20px 50px; } .home-banner .home-slider__caption { top: auto; bottom: 5vh; } .home-banner .home-slider .slick-dots { justify-content: center; bottom: auto; } } @media (max-width: 991.98px) { .home-banner .home-slider__content { margin: 20px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .home-banner h1, .home-banner .h1 { font-size: 36px; } .home-banner p { font-size: 18px; } .home-banner__notice.width-animate.close { width: 66px; height: 66px; } .home-banner .home-slider .slick-dots li button { width: 10px; height: 10px; } .home-banner .home-slider .slick-dots li button:hover { width: 12px; height: 12px; } } @media (max-width: 575.98px) { .home-banner__wrapper { padding-bottom: 0; } .home-banner__notice { left: 7px; bottom: 7px; padding: 20px; width: calc(100% - 15px); border-radius: 4px; } .home-banner__notice.width-animate.close { left: auto; right: 20px; } .home-banner__notice__collapse img { width: 23px; } .home-banner__message p { font-size: 14px; } .home-banner .home-slider h1, .home-banner .home-slider .h1 { font-size: 28px; } .home-banner .home-slider__caption { padding: 0 15px; } .home-banner .home-slider__content { margin: 0; } .home-banner .home-slider .slick-dots { position: relative; width: 100%; flex-direction: row; justify-content: flex-start; transform: none; } .home-banner .home-slider .slick-dots li { margin: 10px 5px; height: 50px; } .home-banner .home-slider .slick-dots li:first-of-type { margin-left: 0; } } @keyframes blink-animation { 40% { opacity: 1; } 55% { opacity: 0; } 70% { opacity: 1; } } .weatherbox { position: absolute; display: flex; align-items: center; bottom: 0; min-height: 95px; width: 100%; color: #fff; left: 0; background-color: rgba(0, 5, 62, 0.09); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-top: 1px solid rgba(255, 255, 255, 0.3); z-index: 1001; } .weatherbox .container { max-width: 100%; } .weatherbox__inner { display: flex; align-items: center; justify-content: center; width: 100%; } .weatherbox__icon { display: flex; align-items: center; margin-right: 27px; font-family: "aktiv-grotesk"; font-size: 20px; font-weight: 500; } .weatherbox__icon span { display: block; content: ""; margin-right: 15px; width: 50px; height: 50px; background-image: url("../images/icons/golden-cloud-icon.svg"); background-repeat: no-repeat; background-position: center; border-radius: 50px; background-color: #00053E; } .weatherbox__location { display: flex; align-items: center; margin-left: 10px; margin-right: 30px; font-size: 18px; font-weight: 500; white-space: nowrap; } .weatherbox__location span { display: block; content: ""; width: 25px; height: 50px; background-image: url("../images/icons/golden-location-icon.svg"); background-repeat: no-repeat; background-position: center; background-size: 15px; } .weatherbox__temp { margin-right: 30px; display: flex; align-items: center; font-size: 18px; font-weight: 500; } .weatherbox__temp span { display: block; content: ""; width: 35px; height: 50px; background-image: url("../images/icons/golden-temp-icon.svg"); background-repeat: no-repeat; background-position: center; } .weatherbox__temp img { margin-right: 10px; } .weatherbox__temp hr { margin: 0 15px; width: 1px; height: 17px; background-color: #fff; } .weatherbox__weather { display: flex; align-items: center; width: 200px; font-size: 18px; font-weight: 500; margin-right: 15px; } .weatherbox__weather span { display: block; content: ""; margin-right: 8px; width: 35px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: contain; } .weatherbox__message { display: flex; padding: 0 20px; margin-right: 15px; width: 470px; min-height: 70px; align-items: center; background-color: #139F90; border-radius: 6px; } .weatherbox__message span { display: flex; align-items: center; justify-content: center; margin-right: 15px; padding: 0px 10px; height: 30px; font-size: 15px; white-space: nowrap; color: #013B82; font-weight: 500; background-color: #fff; border-radius: 50px; } .weatherbox__message p { padding: 2px 0; margin: 0; font-weight: 500; font-size: 16px; line-height: 18px; } @media (max-width: 1399.98px) { .weatherbox__message p { font-weight: 400; font-size: 14px; } } @media (max-width: 1199.98px) { .weatherbox__message p { font-weight: 500; font-size: 16px; } } .weatherbox__message:last-of-type { margin-right: 0; } .weatherbox__message--warning { background-color: #C12554; } .weatherbox__link { display: block; content: ""; width: 70px; min-height: 70px; height: 100%; background-image: url("../images/icons/goldeen-link-icon.svg"); background-repeat: no-repeat; background-position: center; } .weatherbox .info-box, .weatherbox .message-box { display: flex; width: 50%; } .weatherbox .info-box img, .weatherbox .message-box img { width: auto; } .weatherbox .info-box { flex-direction: row-reverse; } .weatherbox .info-box .item { display: flex; width: 100%; justify-content: flex-start; } .weatherbox .message-box { justify-content: flex-start; } @media (max-width: 1199.98px) { .weatherbox__icon { margin-right: 10px; font-size: 18px; } .weatherbox__location { margin-right: 10px; font-size: 16px; } .weatherbox__temp { margin-right: 10px; font-size: 16px; } .weatherbox__weather { margin-right: 10px; font-size: 16px; } } @media (max-width: 991.98px) { .weatherbox { position: relative; border-top: none; } .weatherbox__inner { flex-wrap: wrap; justify-content: flex-start; } .weatherbox__icon { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .weatherbox__message { margin-right: 0; margin-bottom: 15px; width: 100%; } .weatherbox .info-box, .weatherbox .message-box { flex-wrap: wrap; width: 100%; } .weatherbox .info-box .item, .weatherbox .message-box .item { display: block; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .weatherbox .info-box { width: 40%; } .weatherbox .message-box { width: 60%; } .weatherbox .message-box p { font-size: 12px; } .weatherbox__location, .weatherbox__temp, .weatherbox__weather { margin-right: 10px; font-size: 16px; font-weight: 400; } .weatherbox__location span, .weatherbox__temp span, .weatherbox__weather span { width: 25px; background-size: 12px; } .weatherbox__weather span { background-size: 25px; } .weatherbox__message { padding: 0 10px; } .weatherbox__message span { margin-right: 10px; } } @media (max-width: 767.98px) { .weatherbox__location { padding-right: 80px; white-space: normal; } .weatherbox__location span { min-width: 25px; } } .carousel-inner { overflow: visible; } .owl-carousel { position: relative; } .owl-carousel .owl-nav { position: relative; margin-left: 15px; display: flex; justify-content: space-between; } .owl-carousel .owl-nav button span { display: flex; justify-content: center; margin: 0 4px; width: 32px; height: 32px; font-size: 34px; line-height: 24px; font-weight: 300; border-radius: 8px; border: 1px solid #fff; background-color: rgba(0, 5, 62, 0.25); -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); } @media (max-width: 991.98px) { .owl-carousel .owl-nav { position: absolute; top: 10px; right: 0; width: 65px; display: flex; justify-content: space-between; } .owl-carousel .owl-nav span { display: flex; justify-content: center; margin: 0 3px; width: 25px; height: 25px; border: 1px solid #fff; line-height: 16px; border-radius: 50px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .owl-carousel .owl-nav { margin-left: 0; } .owl-carousel .owl-nav button span { width: 28px; height: 28px; font-size: 26px; line-height: 22px; } } @media (max-width: 767.98px) { .owl-carousel .owl-nav { right: 15px; } } .tweet-loader { max-height: 560px; overflow: hidden; } @media (max-width: 1199.98px) { .tweet-loader { max-height: 745; } } @keyframes slide { 0%, 50% { right: -100%; } 100% { right: 0; } } .weather-message { position: relative; float: left; max-width: 370px; min-height: 117px; width: 100%; border-radius: 10px; background-color: #C12554; overflow: hidden; } .weather-message p { margin-bottom: 5px; font-size: 18px; font-weight: 400; line-height: 23px; } .weather-message p span { color: #FFDE82; } .weather-message--green { margin-top: -1px; background-color: #139F90; } .weather-message a { position: absolute; bottom: 15px; left: 15px; display: inline-block; content: ""; margin-right: 5px; width: 30px; height: 3px; background-color: #fff; } .weather-message a.active { background-color: #013B82; } .weather-message a:after { position: absolute; display: block; content: ""; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); } .weather-message .onshore { left: 53px; } .weather-message .carousel-item { padding: 15px; height: 118px; } .weather-message .carousel-indicators { justify-content: flex-start; margin: 0; left: 15px; right: 15px; bottom: 8px; } .weather-message .carousel-indicators button { background-color: #fff; opacity: 1; } .weather-message .carousel-indicators .active { background-color: #013B82; } @media (max-width: 1199.98px) { .weather-message { max-width: calc(100% - 40px); } } .links { padding: 40px 0; } .links h2, .links .h2 { color: #013B82; font-size: 28px; font-weight: bold; } .links p { font-size: 20px; color: #343434; } .links__logos { padding-top: 30px; display: flex; flex-wrap: wrap; justify-content: center; } @media (max-width: 767.98px) { .links__logos { justify-content: space-around; } } .links__logos a { margin: 30px 22px; } @media (max-width: 767.98px) { .links__logos a { margin: 15px 2px; max-width: 198px; } } .links__logos a figure { position: relative; } .links__logos a img { display: block; margin: 0 auto; max-width: 80%; } @media (max-width: 767.98px) { .links__logos a img { max-width: 95%; } } @keyframes timer { 0% { background-image: linear-gradient(90deg, transparent 50%, transparent 50%, transparent), linear-gradient(93.6deg, #0095DA 50%, transparent 50%, transparent); } 50% { background-image: linear-gradient(-90deg, #0095DA 50%, transparent 50%, transparent), linear-gradient(270deg, #0095DA 50%, transparent 50%, transparent); } 100% { background-image: linear-gradient(91deg, #0095DA 50%, transparent 50%, transparent), linear-gradient(271deg, #0095DA 50%, transparent 50%, transparent); } } .about { padding: 50px 0; } .about h2, .about .h2 { margin-bottom: 25px; font-size: 28px; color: #013B82; } @media (max-width: 991.98px) { .about h2, .about .h2 { margin-bottom: 15px; font-weight: bold; } } .about p { font-size: 20px; color: #343434; } @media (max-width: 991.98px) { .about p { font-size: 19px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .about p { font-size: 18px; } } @media (max-width: 767.98px) { .about p { font-size: 16px; } } .about__focuses h3, .about__focuses .h3 { margin-bottom: 15px; color: #0095DA; font-weight: bold; font-size: 22px; } .about__focuses p { font-size: 16px; } .about__focuses__paragraph { margin-bottom: 34px; } @media (max-width: 767.98px) { .about__focuses__paragraph { margin-bottom: 15px; } } .about--space { padding-right: 60px; } @media (max-width: 991.98px) { .about { padding: 30px 0; } .about--space { margin-bottom: 34px; padding-right: 0; } } @media (max-width: 991.98px) and (max-width: 767.98px) { .about--space { margin-bottom: 15px; } } .news { position: relative; padding: 80px 0; background-color: #00053E; } .news:after { position: absolute; display: block; content: ""; top: -270px; right: 0; width: 1350px; height: 540px; background-image: url("../images/bg/block-cross-pattern.png"); background-repeat: no-repeat; } @media (max-width: 767.98px) { .news { padding: 30px 0 20px; } } .news .container { position: relative; z-index: 1; } .news h2, .news .h2 { margin-bottom: 25px; color: #fff; font-size: 28px; font-weight: 700; } .news__heading h2, .news__heading .h2 { display: inline-block; } @media (max-width: 575.98px) { .news__heading a { margin-top: 6px; font-size: 12px; } } .news .read-more a { float: right; color: #0095DA; font-size: 20px; font-weight: 500; text-decoration: underline; } .news .read-more a:hover { text-decoration: underline !important; } @media (min-width: 1200px) and (max-width: 1399.98px) { .news .read-more a { font-size: 18px; } } .news figure { position: relative; z-index: 1; min-height: 390px; margin-bottom: 40px; box-shadow: 0 3px 11px rgba(0, 0, 0, 0.08); border-radius: 6px; overflow: hidden; transition: all 0.3s ease; } @media (max-width: 767.98px) { .news figure { margin-bottom: 20px; } } .news figure img { position: relative; z-index: 1; width: 100%; height: 178px; object-fit: cover; transition: all 0.3s ease; overflow: hidden; transform-origin: bottom; } .news figure figcaption { position: relative; z-index: 1; padding: 30px 30px 20px; } .news figure figcaption h4, .news figure figcaption .h4 { margin-bottom: 8px; font-family: var(--caa-primary-font); color: #013B82; font-size: 20px; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news figure figcaption p { color: #707070; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news figure.heightlight { position: relative; } .news figure.heightlight h4, .news figure.heightlight .h4 { margin-bottom: 15px; font-size: 24px; font-weight: 500; color: #fff; } .news figure.heightlight p { font-size: 18px; color: rgba(255, 255, 255, 0.6); } .news figure.heightlight figcaption { position: absolute; bottom: -1px; right: 0; width: 100%; background-image: url("../images/bg/news-bg.svg"); background-repeat: repeat-x; background-position: left bottom; } .news figure.heightlight img { height: 390px; display: block; object-fit: cover; } @media (max-width: 1199.98px) { .news figure.heightlight img { max-height: none; height: 100%; } } .news figure.heightlight .news__tag { padding: 8px; color: #fff; background-color: #1795DA; border: none; } @media (max-width: 1199.98px) { .news figure.heightlight { height: calc(100% - 40px); } } @media (max-width: 991.98px) { .news figure.heightlight img { height: 100%; min-height: 390px; display: block; object-fit: cover; width: 100%; } } .news figure:hover { box-shadow: 0 3px 11px rgba(0, 0, 0, 0.12); } .news figure:hover img { transform: scale(1.1); } .news figure:hover h4, .news figure:hover .h4 { color: #0095DA; } .news figure:hover.heightlight h4, .news figure:hover.heightlight .h4 { color: #fff; } .news figure:after { position: absolute; display: block; content: ""; top: 0; right: 0; width: 100%; height: 100%; background-color: #fff; } .news__tag { display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 0 8px 0 0px; font-size: 14px; color: #00053E; border-right: 1px solid #013B82; } .news__tag:last-of-type { border-right: none; } .news a:hover, .news a:focus, .news a:active { text-decoration: none; } .advertisement { padding-top: 80px; } .advertisement h2, .advertisement .h2 { margin-bottom: 25px; font-size: 28px; color: #013B82; } @media (max-width: 991.98px) { .advertisement h2, .advertisement .h2 { margin-bottom: 15px; font-weight: bold; } } .advertisement li { padding: 20px; padding-left: 65px; border-radius: 6px; background-image: url(../images/icons/advt-icon.svg); background-repeat: no-repeat; background-position: 20px center; } .advertisement li:nth-child(odd) { background-color: rgba(227, 238, 244, 0.49); } .advertisement li .tender-no { position: relative; display: inline-block; margin-right: 30px; min-width: 205px; } .advertisement li .tender-no:after { position: absolute; top: 50%; right: 0; display: block; content: ""; margin-top: -7px; width: 2px; height: 14px; background-color: #707070; } .advertisement li a { color: #013B82; } .advertisement li a:hover { color: #0095DA; text-decoration: underline; } @media (max-width: 991.98px) { .advertisement li .tender-no { padding-right: 20px; min-width: auto; } } @media (max-width: 991.98px) { .advertisement { padding-top: 30px; } .advertisement li .tender-no { display: block; } .advertisement li .tender-no:after { display: none; } } .services { padding: 80px 0; background-color: #00053E; background-image: url("../images/bg/dotted_map.svg"); background-position: 100% 10%; background-repeat: no-repeat; background-size: 60%; } @media (max-width: 767.98px) { .services { background-position: 100% 0; } } @media (max-width: 575.98px) { .services { padding: 30px 0; } } .services h2, .services .h2 { margin-bottom: 20px; font-size: 28px; } @media (max-width: 575.98px) { .services h2, .services .h2 { margin-bottom: 30px; } } .services__description { margin-bottom: 35px; color: #fff; font-size: 20px; } .services__slider__item h3, .services__slider__item .h3 { margin-bottom: 35px; width: 100%; font-size: 18px; color: #fff; text-align: center; } @media (max-width: 767.98px) { .services__slider__item h3, .services__slider__item .h3 { font-weight: 300; } } .services__slider__item__wrapper { display: flex; justify-content: center; flex-wrap: wrap; padding: 0 15% 0 24%; border-radius: 6px; } @media (max-width: 1199.98px) { .services__slider__item__wrapper { padding: 50px 40px; } } @media (max-width: 575.98px) { .services__slider__item__wrapper { padding: 20px 20px; margin: 0; } } .services__slider__item__block { position: relative; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; margin: 0 0.9% 1.9%; padding: 25px 20px; width: 23.15%; background-color: #fff; border: 4px solid transparent; cursor: pointer; border-radius: 6px; } .services__slider__item__block p { font-size: 18px; line-height: 20px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: all 1s ease-in-out; } @media (max-width: 575.98px) { .services__slider__item__block p { font-size: 18px; line-height: 1.2; } } .services__slider__item__block span { display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto; width: 82px; height: 82px; } .services__slider__item__block.more-link { background-color: rgba(124, 135, 142, 0.7); } @media (max-width: 767.98px) { .services__slider__item__block.more-link { display: block; text-align: center; } } .services__slider__item__block.more-link a { text-align: center; color: #fff; text-decoration: underline; } @media (max-width: 767.98px) { .services__slider__item__block.more-link a { border-bottom: 1px solid #0095DA; text-decoration: none; } } .services__slider__item__block:hover { border: 4px solid #0095DA; transition: all 1s ease-in-out; } .services__slider__item__block:hover p { color: #0095DA; text-decoration: underline; } .services__slider__item__block .badge { position: absolute; top: -15px; right: 15px; font-weight: 500; font-size: 15px; background-color: #0095DA; color: #fff; border-radius: 20px; } @media (max-width: 991.98px) { .services__slider__item__block { width: 23.15%; } } @media (max-width: 767.98px) { .services__slider__item__block { width: 48.15%; } } @media (max-width: 575.98px) { .services__slider__item__block { width: 100%; max-width: none; padding: 30px 10px 20px; margin-bottom: 20px; } } @media (max-width: 991.98px) { .services { padding: 40px 0; } .services h2, .services .h2 { margin-bottom: 0; } .services__slider__item__wrapper { padding: 20px; } .services__description { margin-bottom: 0; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .services h2, .services .h2 { margin-bottom: 5px; } .services__slider__item__block { padding: 15px; } .services__slider__item__block p { font-size: 15px; } } .regulations { position: relative; padding: 80px 0; } @media (max-width: 575.98px) { .regulations { padding: 30px 0 10px; } .regulations .col-12 { margin-bottom: 15px; } } .regulations h2, .regulations .h2 { margin-bottom: 25px; color: #013B82; font-size: 28px; font-weight: 700; } @media (min-width: 1200px) and (max-width: 1399.98px) { .regulations h2, .regulations .h2 { margin-bottom: 5px; } } .regulations p { font-size: 20px; margin-bottom: 40px; color: #343434; } .regulations ul { margin-top: 30px; } .regulations ul li { float: left; margin-top: 10px; padding-left: 35px; padding-bottom: 10px; width: 100%; border-bottom: 1px solid #D5D5D5; background-image: url("../images/icons/home-file-icon.svg"); background-position: left 2px; background-repeat: no-repeat; } @media (max-width: 575.98px) { .regulations ul li { width: 100%; } } .regulations ul li:hover a { color: #0095DA; text-decoration: underline; } .regulations ul a { display: block; padding-right: 15px; background-image: url("../images/icons/home-arrow.svg"); background-position: right center; background-repeat: no-repeat; font-size: 16px; color: #343434; } .regulations .white-bg { position: relative; z-index: 1; height: 100%; padding: 35px; background-color: #fff; border-radius: 6px; transition: all 0.5s ease; } .regulations .white-bg h4, .regulations .white-bg .h4 { font-size: 22px; font-family: "Effra"; color: #013B82; } .regulations .white-bg:hover { box-shadow: 0 0 8px 5px rgba(201, 201, 202, 0.3); } .regulations__slider { overflow: hidden; display: flex; flex-wrap: wrap; } .regulations__slider ul, .regulations__slider .slick-slide { float: left; } .regulations__slider .slick-slide { order: 1; } .regulations__slider .slick-arrow { order: 2; padding: 0; margin-top: 20px; width: 32px; height: 32px; font-size: 0; border: 1px solid #1795DA; background-image: none; border-radius: 8px; background-color: transparent; background-image: url("../images/icons/slider-arrow.svg"); background-repeat: no-repeat; background-position: center; border-radius: 6px; } .regulations__slider .slick-arrow:hover { background-color: #1795DA; background-image: url("../images/icons/slider-arrow-white.svg"); } .regulations__slider .slick-prev { margin-right: 15px; } .regulations__slider .slick-prev:hover { transform: scaleX(-1); } .regulations__slider .slick-next { transform: scaleX(-1); } .regulations__slider .slick-next:hover { transform: scaleX(1); } .subscribe { position: relative; padding: 165px 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; } .subscribe:after { position: absolute; display: block; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.58); } .subscribe .container { position: relative; z-index: 1; } .subscribe h4, .subscribe .h4 { display: block; margin: 0 auto; max-width: 600px; font-size: 32px; color: #fff; text-align: center; } .subscribe__button { position: relative; } .subscribe__text { display: flex; align-items: center; min-width: 190px; height: 52px; margin-top: 34px; padding-left: 40px; margin-right: 30px; color: #0095DA; font-size: 20px; font-weight: 500; background-color: #fff; border-radius: 50px; } .subscribe__icon { position: absolute; top: -8px; right: 0; display: flex; justify-content: center; align-items: center; width: 68px; height: 68px; background-color: #fff; border-radius: 100px; border: 1px solid #0095DA; } @media (max-width: 767.98px) { .subscribe h4, .subscribe .h4 { font-size: 26px; } } .caa-load-more-tweets { display: flex; justify-content: center; margin-top: 50px; } .caa-load-more-tweets .btn { min-height: 50px; font-weight: 400; font-size: 20px; line-height: 30px; padding: 10px 20px; background-image: none; } .e-feeds { padding: 80px 0; background-color: #00053E; background-image: url(../images/bg/twitter-bg.png); background-repeat: no-repeat; background-position: top left; } @media (max-width: 767.98px) { .e-feeds { padding: 30px 0 20px; } } .e-feeds h2, .e-feeds .h2 { margin-bottom: 40px; font-size: 28px; } @media (max-width: 767.98px) { .e-feeds h2, .e-feeds .h2 { margin-bottom: 20px; } } .e-feeds iframe { width: 100% !important; } .timeline-Widget { max-width: 100%; } .timeline-Viewport { height: auto !important; } .twitter-feeds .timeline-LoadMore { min-height: 55px; } .timeline-Footer { display: none; } .timeline-TweetList { display: flex; flex-wrap: wrap; } .timeline-TweetList-tweet { display: flex; width: 32.33%; margin: 0.5%; } .timeline-TweetList-tweet .timeline-Tweet { width: 100%; max-height: 410px; background-color: #fff; border-radius: 4px; overflow: auto; } .timeline-TweetList-tweet:nth-child(3n+1) { padding-left: 0; } .timeline-TweetList-tweet:nth-child(3n+3) { padding-right: 0; } .PrettyLink.hashtag, .PrettyLink.profile { color: #FBB030; } .timeline-TweetList-tweet .timeline-Tweet::-webkit-scrollbar { width: 8px; height: 10px; } .timeline-TweetList-tweet .timeline-Tweet::-webkit-scrollbar-track { background: #fff; } .timeline-TweetList-tweet .timeline-Tweet::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.25); border-radius: 6px; } @media screen and (max-width: 767px) { .timeline-TweetList { padding-left: 15px; } .timeline-TweetList-tweet { width: calc(50% - 8px); margin: 7px; } .timeline-TweetList-tweet:nth-child(3n+1) { padding-left: 15px; } .timeline-TweetList-tweet:nth-child(3n+3) { padding-right: 15px; } .timeline-TweetList-tweet:nth-child(2n+1) { padding-left: 0; margin-left: 0; } .timeline-TweetList-tweet:nth-child(2n+2) { padding-right: 0; margin-right: 0; } } @media screen and (max-width: 479px) { .timeline-TweetList { padding-left: 0; } .timeline-TweetList-tweet { padding: 15px !important; width: 100%; margin: 0; } .timeline-TweetList-tweet .timeline-Tweet { max-height: none; } } article, footer { display: block; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b { font-weight: 700; } h1, .h1 { font-size: 2em; margin: 0.67em 0; } img { border: 0; } button { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button { text-transform: none; } button { -webkit-appearance: button; cursor: pointer; } button::-moz-focus-inner { border: 0; padding: 0; } .u-block { display: block !important; } .u-hidden { display: none !important; } .u-hiddenVisually { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; padding: 0 !important; border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; } .u-inlineBlock { display: inline-block !important; max-width: 100%; } .u-cf:after, .u-cf:before { content: " "; display: table; } .u-cf:after { clear: both; } .u-floatLeft { float: left !important; } .u-floatRight { float: right !important; } button, h1, .h1, h2, .h2, h3, .h3, ol, p, ul { margin: 0; padding: 0; list-style: none; border: none; } b { font-weight: 400; font-style: normal; } abbr, abbr[title] { border-bottom: 0; } a { color: #2b7bb9; text-decoration: none; } a:visited { color: #2b7bb9; text-decoration: none; outline: 0; } a:focus { color: #3b94d9; text-decoration: underline; } a:hover { color: #3b94d9; text-decoration: none; outline: 0; } a:active { color: #2b7bb9; text-decoration: none; outline: 0; } .Avatar { max-width: 100%; max-height: 100%; border-radius: 50%; } .Emoji--forText { height: 1.25em; width: 1.25em; padding: 0 0.05em 0 0.1em; vertical-align: -0.2em; } .Icon { display: inline-block; height: 1.25em; background-repeat: no-repeat; background-size: contain; vertical-align: text-bottom; } .Icon--playCircle { width: 1.04167em; background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2072%22%3E%3Cpath%20opacity%3D%22.8%22%20fill%3D%22%231DA1F2%22%20d%3D%22M30%2012C16.768%2012%206%2022.765%206%2036s10.766%2023.998%2024%2023.998%2024-10.765%2024-24S43.235%2012%2030%2012z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M39.2%2034.34l-12-9c-.606-.455-1.418-.528-2.094-.19-.677.34-1.106%201.032-1.106%201.79v18c0%20.758.428%201.45%201.106%201.79.283.14.59.21.894.21.425%200%20.847-.136%201.2-.4l12-9c.503-.377.8-.97.8-1.6%200-.63-.295-1.223-.8-1.6z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30%2015c11.598%200%2021%209.402%2021%2021s-9.4%2020.998-21%2020.998-21-9.402-21-21S18.4%2015%2030%2015m0-6C15.112%209%203%2021.11%203%2036s12.112%2026.998%2027%2026.998%2027-12.11%2027-27S44.888%209%2030%209z%22%2F%3E%3C%2Fsvg%3E); } .Icon--retweetBadge { width: 1.04167em; background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2272%22%20viewBox%3D%220%200%2060%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%2319cf86%22%20d%3D%22M49%209H11c-4.418%200-8%203.582-8%208v38c0%204.418%203.582%208%208%208h38c4.418%200%208-3.582%208-8V17c0-4.418-3.582-8-8-8zM21%2044h10c1.657%200%203%201.343%203%203s-1.343%203-3%203H17c-1.657%200-3-1.343-3-3V36H9c-.77%200-1.47-.44-1.803-1.134-.333-.692-.24-1.516.24-2.115l8-10c.76-.947%202.365-.947%203.124%200l8%2010c.48.6.576%201.425.243%202.117C26.47%2035.56%2025.77%2036%2025%2036h-5v7c0%20.553.448%201%201%201zm31.562-4.75l-8%2010c-.38.474-.954.75-1.562.75s-1.182-.276-1.562-.75l-8-10c-.48-.6-.574-1.424-.24-2.116C33.53%2036.44%2034.23%2036%2035%2036h5v-7c0-.553-.447-1-1-1H29c-1.657%200-3-1.343-3-3s1.343-3%203-3h14c1.657%200%203%201.343%203%203v11h5c.77%200%201.47.44%201.803%201.134.333.692.24%201.515-.24%202.115z%22%2F%3E%3C%2Fsvg%3E); transform: scaleX(1); } .Icon--twitter { width: 1.25em; background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%231da1f2%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E); } .Icon--verified { width: 1.11111em; background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h64v72H0z%22%2F%3E%3Cpath%20fill%3D%22%231da1f2%22%20d%3D%22M3%2037.315c0%204.125%202.162%207.726%205.363%209.624-.056.467-.09.937-.09%201.42%200%206.103%204.72%2011.045%2010.546%2011.045%201.295%200%202.542-.234%203.687-.686C24.22%2062.4%2027.827%2064.93%2032%2064.93c4.174%200%207.782-2.53%209.49-6.213%201.148.45%202.39.685%203.69.685%205.826%200%2010.546-4.94%2010.546-11.045%200-.483-.037-.953-.093-1.42C58.83%2045.04%2061%2041.44%2061%2037.314c0-4.37-2.42-8.15-5.933-9.946.427-1.203.658-2.5.658-3.865%200-6.104-4.72-11.045-10.545-11.045-1.302%200-2.543.232-3.69.688-1.707-3.685-5.315-6.216-9.49-6.216-4.173%200-7.778%202.53-9.492%206.216-1.146-.455-2.393-.688-3.688-.688-5.827%200-10.545%204.94-10.545%2011.045%200%201.364.23%202.662.656%203.864C5.42%2029.163%203%2032.944%203%2037.314z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M17.87%2039.08l7.015%206.978c.585.582%201.35.873%202.116.873.77%200%201.542-.294%202.127-.883.344-.346%2015.98-15.974%2015.98-15.974%201.172-1.172%201.172-3.07%200-4.243-1.17-1.17-3.07-1.172-4.242%200l-13.87%2013.863-4.892-4.868c-1.174-1.168-3.074-1.164-4.242.01-1.168%201.176-1.163%203.075.01%204.244z%22%2F%3E%3C%2Fsvg%3E); } .Icon--heart { width: 1.25em; background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%238899a6%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E); } .Icon--informationCircleWhite { height: 18px; width: 18px; background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%238899A6%22%20d%3D%22M12%2018.042c-.553%200-1-.447-1-1v-5.5c0-.553.447-1%201-1s1%20.447%201%201v5.5c0%20.553-.447%201-1%201z%22%2F%3E%3Ccircle%20class%3D%22icon%22%20fill%3D%22%238899A6%22%20cx%3D%2212%22%20cy%3D%228.042%22%20r%3D%221.25%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%238899A6%22%20d%3D%22M12%2022.75C6.072%2022.75%201.25%2017.928%201.25%2012S6.072%201.25%2012%201.25%2022.75%206.072%2022.75%2012%2017.928%2022.75%2012%2022.75zm0-20C6.9%202.75%202.75%206.9%202.75%2012S6.9%2021.25%2012%2021.25s9.25-4.15%209.25-9.25S17.1%202.75%2012%202.75z%22%2F%3E%3C%2Fsvg%3E); } .Interstitial { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background: rgba(0, 0, 0, 0.75); font-size: 17px; } .Interstitial-subtext { font-size: 13px; } .Interstitial-link { font-size: 13px; } .Interstitial-link, .Interstitial-link:active, .Interstitial-link:focus, .Interstitial-link:hover, .Interstitial-link:visited { text-decoration: underline; } .Interstitial-link, .Interstitial-link:active, .Interstitial-link:visited { color: #71c9f8; -webkit-text-decoration-color: #71c9f8; text-decoration-color: #71c9f8; } .Interstitial-link:focus { color: #9bdbfd; -webkit-text-decoration-color: #9bdbfd; text-decoration-color: #9bdbfd; } .Interstitial-link:hover { color: #9bdbfd; -webkit-text-decoration-color: #9bdbfd; text-decoration-color: #9bdbfd; } .Interstitial-cookieConsent { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); text-align: center; padding: 10px; color: #ccd6dd; } .Interstitial-cookieConsentButton { display: block; margin: 10px auto; padding: 5px 20px; background: rgba(0, 0, 0, 0.25); border: 1px solid #ccd6dd; border-radius: 4px; color: inherit; font-size: 15px; cursor: pointer; } .Interstitial-cookieConsentButton:hover { background: rgba(255, 255, 255, 0.1); } .Identity-name { font-weight: 700; } .Identity-screenName { color: #667580; color: #657786; } .Identity:focus { text-decoration: none; } .Identity:focus .Identity-name { text-decoration: underline; } .PrettyLink:focus { text-decoration: none; } .PrettyLink:focus .PrettyLink-value { text-decoration: underline; } .CroppedImage { position: relative; display: inline-block; overflow: hidden; } .CroppedImage-image { position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; } .CroppedImage--fillHeight .CroppedImage-image { height: 100%; width: auto; } .CroppedImage--fillWidth .CroppedImage-image { width: 100%; height: auto; } .ImageGrid { position: relative; } .ImageGrid-image { position: absolute; width: 50%; padding-bottom: 25%; border: 0 solid #fff; transform: rotate(0); } .ImageGrid--2 .ImageGrid-image { padding-bottom: 50%; } .ImageGrid--2 .ImageGrid-image-0 { top: 0; left: 0; } .ImageGrid--2 .ImageGrid-image-1 { top: 0; right: 0; border-left-width: 1px; } .ImageGrid--3 .ImageGrid-image-0 { float: left; padding-bottom: 50%; top: 0; left: 0; } .ImageGrid--3 .ImageGrid-image-1 { top: 0; right: 0; border-left-width: 1px; } .ImageGrid--3 .ImageGrid-image-2 { bottom: 0; right: 0; border-width: 1px 0 0 1px; } .ImageGrid--4 .ImageGrid-image-0 { top: 0; left: 0; } .ImageGrid--4 .ImageGrid-image-1 { top: 0; right: 0; border-left-width: 1px; } .ImageGrid--4 .ImageGrid-image-2 { bottom: 0; left: 0; border-top-width: 1px; } .ImageGrid--4 .ImageGrid-image-3 { bottom: 0; right: 0; border-width: 1px 0 0 1px; } .PlayButton { font-size: 43px; background-color: transparent; } .PlayButton--centered { transform: translateX(-50%) translateY(-50%); } .NaturalImage { position: relative; } .NaturalImage-image { max-width: 100%; border: 0; line-height: 0; height: auto; } .NaturalImage-ctaOverlay { position: absolute; top: 50%; left: 50%; } .NaturalImage--fill .NaturalImage-image { width: 100%; } .MediaCard-media { position: relative; width: 100%; overflow: hidden; } .MediaCard-widthConstraint { max-width: 100%; } .MediaCard-mediaContainer { position: relative; padding-bottom: 0; background-color: #f5f8fa; } .MediaCard--roundedBottom, .MediaCard--roundedTop { overflow: hidden; } .MediaCard--roundedTop { border-top-left-radius: 4px; border-top-right-radius: 4px; } .MediaCard--roundedBottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .MediaCard-mediaAsset { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 0; transition: opacity 0.5s; background-color: #fff; } .MediaCard-mediaPlaceholder { background: #f5f8fa; } .PrerenderedCard { display: none; height: 0; width: 100%; overflow: hidden; } .PrerenderedCard.is-constrainedByMaxWidth { display: block; } .PrerenderedCard.is-loaded { height: auto; } .SummaryCard-destination { color: #657786 !important; } .timeline-Body { position: relative; } .timeline-Body-notification { position: absolute; top: 0; left: 0; right: 0; z-index: 10; } .timeline-TweetList-tweet:first-of-type { border-top: none; } .timeline-Tweet { cursor: pointer; padding: 20px; } .timeline-Tweet-retweetCredit { margin-bottom: 8px; margin-left: 18px; font-size: 12px; color: #889ba6; } .timeline-Tweet-retweetCreditIcon { position: relative; top: 1px; display: inline-block; margin-right: 4px; font-size: 14px; } .timeline-Tweet-author { position: relative; margin-bottom: 2px; padding-left: 40px; } .timeline-Tweet-inReplyTo { padding-left: 40px; font-size: 12px; font-weight: 300; color: #657786; } .timeline-Tweet-brand { font-size: 15.4px; } .timeline-Tweet-brand .Icon { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23e1e8ed%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E); } .timeline-Tweet-text { margin-left: 40px; margin-bottom: 12px; font-size: 12px; line-height: 18px; font-weight: 400; white-space: pre-wrap; word-wrap: break-word; } .timeline-Tweet-text[dir=ltr] { text-align: left; direction: ltr; } .timeline-Tweet-text[dir=rtl] { text-align: right; direction: rtl; } .timeline-Tweet-media { margin-bottom: 12px; margin-left: 40px; font-size: 12px; } .timeline-Tweet-metadata { float: right; margin-top: 2px; } .timeline-Tweet-timestamp { font-size: 12px; line-height: 18px; color: #657786; } .timeline-Tweet-actions { margin-left: 40px; } .timeline-Tweet-action { display: inline-block; font-size: 17px; } .timeline-Tweet-action + .timeline-Tweet-action { margin-left: 20px; } .timeline-Tweet--isRetweet { padding-top: 20px; } .timeline-Tweet:hover { background-color: #f5f8fa; } .timeline-Tweet:hover .timeline-Tweet-brand .Icon { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%2355acee%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E); } .timeline-Tweet:hover .timeline-Tweet-timestamp { color: #657786; } .timeline-Tweet:hover .timeline-Tweet-action .Icon--heart { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23657786%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E); } .timeline-Tweet:hover .timeline-Tweet-action .Icon--share { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23657786%22%20d%3D%22M21.78%2011.47l-5.14-5.14c-.292-.292-.767-.292-1.06%200s-.293.77%200%201.062l3.858%203.858H8.918c-.415%200-.75.336-.75.75s.335.75.75.75h10.52l-3.857%203.858c-.29.293-.29.768%200%201.06.148.147.34.22.53.22s.386-.072.53-.22l5.14-5.138c.294-.293.294-.767%200-1.06z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23657786%22%20d%3D%22M9.944%2020.5H4.292c-.437%200-.792-.355-.792-.792V4.292c0-.437.355-.792.792-.792h5.652c.414%200%20.75-.336.75-.75S10.358%202%209.944%202H4.292C3.028%202%202%203.028%202%204.292v15.416C2%2020.972%203.028%2022%204.292%2022h5.652c.414%200%20.75-.336.75-.75s-.336-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E); } .TweetAction:active, .TweetAction:focus, .TweetAction:hover { text-decoration: none; } .TweetAction--heart:active .Icon, .TweetAction--heart:focus .Icon, .TweetAction--heart:hover .Icon { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23e81c4f%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E) !important; } .TweetAction--share:active .Icon, .TweetAction--share:focus .Icon, .TweetAction--share:hover .Icon { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%231DA1F2%22%20d%3D%22M21.78%2011.47l-5.14-5.14c-.292-.292-.767-.292-1.06%200s-.293.77%200%201.062l3.858%203.858H8.918c-.415%200-.75.336-.75.75s.335.75.75.75h10.52l-3.857%203.858c-.29.293-.29.768%200%201.06.148.147.34.22.53.22s.386-.072.53-.22l5.14-5.138c.294-.293.294-.767%200-1.06z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%231DA1F2%22%20d%3D%22M9.944%2020.5H4.292c-.437%200-.792-.355-.792-.792V4.292c0-.437.355-.792.792-.792h5.652c.414%200%20.75-.336.75-.75S10.358%202%209.944%202H4.292C3.028%202%202%203.028%202%204.292v15.416C2%2020.972%203.028%2022%204.292%2022h5.652c.414%200%20.75-.336.75-.75s-.336-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E) !important; } .TweetAuthor { max-width: 100%; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important; } .TweetAuthor-avatar { position: absolute; top: 0; left: 0; flex: none; width: 32px; height: 32px; overflow: hidden; border-radius: 4px; } .TweetAuthor-decoratedName { display: table; display: flex; overflow: hidden; align-items: center; } .TweetAuthor-name { font-size: 12px; line-height: 18px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 4px; } .TweetAuthor-screenName { font-size: 12px; line-height: 18px; font-weight: 300; padding-right: 4px; } .TweetAuthor-verifiedBadge { position: static; flex: none; padding-right: 4px; } .TweetAuthor-link { display: flex; width: min-content; max-width: 100%; align-items: center; } .timeline-ShareMenu { position: relative; } .timeline-ShareMenu-container { position: absolute; left: -18px; z-index: 1000; display: none; padding-bottom: 4px; min-width: 130px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } .timeline-ShareMenu-caret, .timeline-ShareMenu-caret:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .timeline-ShareMenu-caret { left: 25px; margin-left: -9px; border-width: 9px; } .timeline-ShareMenu-caret:after { margin-left: -8px; border-width: 8px; content: ""; } .timeline-ShareMenu-title { padding: 10px 15px 5px 15px; font-size: 12px; font-weight: 300; color: #667580; } .timeline-ShareMenu-option { display: inline-block; width: 100%; padding: 2px 15px; font-size: 14px; color: #292F33 !important; box-sizing: border-box; white-space: nowrap; } .timeline-ShareMenu-option:focus, .timeline-ShareMenu-option:hover { color: #fff !important; background-color: #2b7bb9; text-decoration: none !important; } .timeline-ShowMoreButton { box-sizing: border-box; display: inline-block; padding: 10px 20px; margin: 0 0 20px 0; padding-right: 40px; font-weight: 400; letter-spacing: 0px; color: #000; text-align: center; border-radius: 4px; outline: 0; cursor: pointer; background-color: #0095DA; background-image: url("../images/icons/load-more-white.svg"); background-repeat: no-repeat; background-position: calc(100% - 14px) center; color: #fff; font-size: 20px; } .timeline-ShowMoreButton:focus, .timeline-ShowMoreButton:hover { background-color: #0282BE; border-color: #0282BE; color: #fff; outline: none; } .timeline-NewTweetsNotification { display: none; border-bottom: 1px solid rgba(15, 70, 100, 0.12); opacity: 0; } .timeline-LoadMore { text-align: center; margin-top: 50px; display: none; } .timeline-LoadMore-endOfTimelineMessage { display: none; padding: 10px 0 40px 0; font-size: 12px; text-align: center; } .timeline-Header { display: none; padding: 10px; } .timeline-Header-title { font-size: 21px; font-weight: 300; line-height: 24px; color: #292F33; } .timeline-Header-byline { font-size: 12px; font-weight: 400; line-height: 16px; color: #657786; } .timeline-Footer { padding: 15px; font-size: 12px; } .Icon--heart { width: 0.98611em; background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23657786%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E); } .Icon--share { width: 0.98611em; background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23657786%22%20d%3D%22M21.78%2011.47l-5.14-5.14c-.292-.292-.767-.292-1.06%200s-.293.77%200%201.062l3.858%203.858H8.918c-.415%200-.75.336-.75.75s.335.75.75.75h10.52l-3.857%203.858c-.29.293-.29.768%200%201.06.148.147.34.22.53.22s.386-.072.53-.22l5.14-5.138c.294-.293.294-.767%200-1.06z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23657786%22%20d%3D%22M9.944%2020.5H4.292c-.437%200-.792-.355-.792-.792V4.292c0-.437.355-.792.792-.792h5.652c.414%200%20.75-.336.75-.75S10.358%202%209.944%202H4.292C3.028%202%202%203.028%202%204.292v15.416C2%2020.972%203.028%2022%204.292%2022h5.652c.414%200%20.75-.336.75-.75s-.336-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E); } .timeline-InformationCircle-widgetParent { position: relative; } .timeline-InformationCircle { position: absolute; right: 12px; top: 15px; } .timeline-Tweet-retweetCredit, .timeline-Tweet-text, .timeline-Tweet-media, .timeline-Tweet-actions { margin-left: 0; } *, ::after, ::before { box-sizing: border-box; } article, footer { display: block; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ul, ul ul { margin-bottom: 0; } b { font-weight: bolder; } .dashboard-bg { background-color: #F3F3F3; } .dashboard-header { margin-bottom: 20px; } .dashboard-header h1, .dashboard-header .h1 { margin-bottom: 0; color: #013B82; font-size: 24px; font-weight: bold; } .dashboard-header p { font-size: 16px; color: #7C878E; } .dashboard-menu { padding: 0 85px; background-color: #013B82; } .dashboard-menu a { display: inline-block; padding: 20px 15px 20px 10px; color: #fff; font-weight: 500; font-size: 17px; border-bottom: 4px solid transparent; text-align: center; } .dashboard-menu a:hover, .dashboard-menu a.active { border-bottom: 4px solid #0095DA; } .dashboard-menu a:first-of-type { padding-left: 0; } .dashboard-menu .notification-count { display: inline-block; background-color: #0095DA; width: 22px; height: 22px; border-radius: 50px; color: #fff; line-height: 21px; margin-left: 10px; font-size: 14px; } @media (max-width: 767.98px) { .dashboard-menu { display: none; } } .dashboard { padding: 35px 75px; } @media (max-width: 991.98px) { .dashboard { padding: 25px 15px; } } .action-block { display: flex; justify-content: space-between; margin-bottom: 20px; padding: 40px; background-color: #fff; background-image: url("../images/bg/action-bg.png"); background-repeat: no-repeat; background-position: left bottom; border-radius: 6px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05); } @media (max-width: 575.98px) { .action-block { flex-direction: column; padding: 20px; } } .action-block h2, .action-block .h2 { margin-bottom: 10px; min-width: 100%; font-size: 18px; color: #00695E; } .action-block__end-block { margin-top: 20px; } .action-block__end-block span { display: inline-block; color: #DA4081; font-weight: 500; margin-left: 10px; } .action-block__end-block img { max-width: 18px; margin-right: 10px; } .action-block__start-block { display: inline-flex; flex-wrap: wrap; } .action-block .btn-secondary { padding-left: 35px; } .dashboard-content { box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 6px; } @media (max-width: 767.98px) { .dashboard-content { margin-bottom: 20px; } } .dashboard-content .filter-block { position: relative; } .dashboard-content .filter-block label { font-size: 16px; color: #013B82; margin-right: 25px; display: flex; align-items: center; margin-bottom: 0; } @media (max-width: 575.98px) { .dashboard-content .filter-block label { margin-right: 0; } } @media (max-width: 1199.98px) { .dashboard-content .filter-block label.col-12 { min-width: 100px; } } .dashboard-content .filter-block .form-select { font-size: 16px; color: #00053E; min-height: 45px; border-radius: 4px; padding: 10px 40px 10px 15px; box-shadow: none; position: relative; background-image: url("../images/icons/down-arrow-blue.svg"); background-position: right 13px center; background-repeat: no-repeat; background-size: 11px; } @media (max-width: 575.98px) { .dashboard-content .filter-block .form-select { min-width: 100%; } } .dashboard-content .filter-block .service-wrapper { display: flex; align-items: center; position: relative; } @media (max-width: 575.98px) { .dashboard-content .filter-block .service-wrapper { flex-direction: column; width: 100%; } .dashboard-content .filter-block .service-wrapper .size-reducer { font-size: 11px; } } @media (max-width: 1199.98px) { .dashboard-content .filter-block .service-wrapper { margin-bottom: 10px; } } .dashboard-content .filter-block .service-wrapper .form-control { padding: 10px 12px 10px 45px; box-shadow: none; border-radius: 4px; } @media (max-width: 575.98px) { .dashboard-content .filter-block .service-wrapper .form-control { min-width: 100%; } } .dashboard-content .filter-block .filter-wrapper { position: relative; display: flex; align-items: center; } .dashboard-content .filter-block .filter-wrapper .filter-icon { position: absolute; left: 100px; z-index: 1; } @media (max-width: 575.98px) { .dashboard-content .filter-block .filter-wrapper .filter-icon { left: 24px; top: 38px; } } .dashboard-content .filter-block .filter-wrapper .filter { background-image: url("../images/icons/filter-icon.svg"), url("../images/icons/down-arrow-blue.svg"); background-position: 14px center, 94% center; } @media (max-width: 575.98px) { .dashboard-content .filter-block .filter-wrapper__date { flex-direction: column; align-items: inherit; } } .dashboard-content .filter-block .filter-wrapper__date span { border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; padding: 9px 15px; height: 46px; } @media (max-width: 575.98px) { .dashboard-content .filter-block .filter-wrapper__date span { display: none; } } .dashboard-content .filter-block .filter-wrapper__date .form-control { display: block; background-image: url(../images/icons/calendar-blue.svg); background-repeat: no-repeat; background-position: 10px; padding: 10px 0 10px 35px; } .dashboard-content .filter-block .filter-wrapper__date .form-control__left { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; box-shadow: none; } .dashboard-content .filter-block .filter-wrapper__date .form-control__right { border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @media (max-width: 1400px) and (min-width: 1200px) { .dashboard-content .filter-block .filter-wrapper__date .form-control { padding: 13px 0 13px 35px; font-size: 12px; } } .dashboard-content .filter-block .filter-wrapper .form-select { padding: 10px 40px 10px 52px; } .dashboard-content .filter-block .filter-wrapper__icon { position: relative; width: 100%; } .dashboard-content .filter-block .filter-wrapper__icon figure { position: absolute; left: 17px; top: 17px; z-index: 1; } .dashboard-content .filter-block input, .dashboard-content .filter-block select { margin: 7px 0; } .dashboard-content .filter-block__search { margin: 0 !important; position: absolute; left: 26px; } @media (max-width: 575.98px) { .dashboard-content .filter-block__search { top: 16px; } } .dashboard-content .table-responsive { margin: 30px 0; border: 1px solid #DFDFDF; border-radius: 4px; overflow: auto; } .dashboard-content .table-responsive .application-table { margin: 0; width: 100%; white-space: nowrap; overflow: auto; margin-bottom: 10px; } .dashboard-content .table-responsive .application-table .filter-arrow { margin-left: 8px; width: 9px; cursor: pointer; } .dashboard-content .table-responsive .application-table .action { width: 157px; text-align: right; } .dashboard-content .table-responsive .application-table thead { background-color: #F5F5F5; } .dashboard-content .table-responsive .application-table th { color: #013B82; padding: 12px 15px; font-weight: 500 !important; } .dashboard-content .table-responsive .application-table th, .dashboard-content .table-responsive .application-table td { font-size: 16px; font-weight: 400; padding: 12px 15px; border-bottom: 1px solid #DFDFDF; } .dashboard-content .table-responsive .application-table tbody tr:last-child td { border-bottom: 1px solid #DFDFDF; } .dashboard-content .table-responsive .application-table tbody tr:nth-child(odd) { background-color: #F6F6F6; } .dashboard-content .table-responsive .application-table tbody tr.active { background-color: rgba(255, 191, 126, 0.22); } .dashboard-content .table-responsive .application-table tbody tr.active td { border-color: #F2A65E; } .dashboard-content .table-responsive .application-table tbody tr:hover { background-color: rgba(225, 191, 126, 0.22); } .dashboard-content .table-responsive .application-table tbody tr:hover td { color: #8A1538; } .dashboard-content .table-responsive .application-table .badge { width: 53px; height: 21px; display: inline-block; font-size: 12px; color: #fff; border-radius: 11px; font-weight: 400; margin-left: 10px; } .dashboard-content .table-responsive .application-table .badge-primary { background-color: #0095DA; } .dashboard-content .table-responsive .application-table .status { border: 2px solid #DFDFDF; border-radius: 15px; font-size: 14px; padding: 4px 17px; display: inline-block; } .dashboard-content .table-responsive .application-table .status::before { content: ""; display: inline-block; width: 13px; height: 13px; border-radius: 80px; position: relative; left: -9px; top: 2px; } .dashboard-content .table-responsive .application-table .status__color1 { color: #00695E; } .dashboard-content .table-responsive .application-table .status__color1::before { background-color: #00695E; } .dashboard-content .table-responsive .application-table .status__color2 { color: #BB3131; } .dashboard-content .table-responsive .application-table .status__color2::before { background-color: #BB3131; } .dashboard-content .table-responsive .application-table .status__color3 { color: #C77B0C; } .dashboard-content .table-responsive .application-table .status__color3::before { background-color: #C77B0C; } .dashboard-content .table-responsive .application-table .status__color4 { color: #8A1538; } .dashboard-content .table-responsive .application-table .status__color4::before { background-color: #8A1538; } .dashboard-content .table-responsive .application-table .status__color5 { color: #918836; } .dashboard-content .table-responsive .application-table .status__color5::before { background-color: #918836; } .dashboard-content .table-responsive .application-table .status__color6 { color: #1D1D1D; } .dashboard-content .table-responsive .application-table .status__color6::before { background-color: #39BB9D; } .dashboard-content .table-responsive .application-table .status__color7 { color: #1D1D1D; } .dashboard-content .table-responsive .application-table .status__color7::before { background-color: #DA4081; } .dashboard-content .table-responsive .application-table .status-row { min-width: 300px; } .dashboard-content .table-responsive .application-table--first { white-space: normal; table-layout: auto; } .dashboard-content .table-responsive .application-table--first .wide { width: 65px; white-space: normal; } .dashboard-content .table-responsive .application-table--first td, .dashboard-content .table-responsive .application-table--first th { width: auto; white-space: nowrap; } .dashboard-content .table-responsive .application-table--first .showing-result { width: 15px; white-space: nowrap; } .dashboard-content .table-responsive .ezEBKV { border-bottom-style: inherit; } .dashboard-content .table-actions { float: right; margin-right: 13px; } .dashboard-content .table-actions .dropdown-toggle img { cursor: pointer; } .dashboard-content .table-actions .dropdown-toggle::after { display: none; } .dashboard-content .table-actions .dropdown-menu { transform: none !important; right: 0 !important; left: auto !important; border: 1px solid #D6D6D6; margin-right: -10px !important; margin-left: 3px !important; margin-top: 25px !important; min-width: 170px; border-radius: 3px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08); } .dashboard-content .table-actions .dropdown-menu .dropdown-item { font-size: 15px; font-weight: 500; color: #000; display: flex; align-items: center; } .dashboard-content .table-actions .dropdown-menu .dropdown-item img { margin-right: 10px; } .dashboard-content .table-actions .dropdown-menu .dropdown-item.delete:hover { color: #DA4081; } .dashboard-content .table-actions .dropdown-menu li { line-height: 28px; } .dashboard-content .table-actions .dropdown-menu li a:hover { background: rgba(124, 135, 142, 0.14); } .dashboard-content .table-actions .dropdown-menu .action-head { font-size: 14px; padding: 0 15px; color: #013B82; } .dashboard-content .table-actions .dropdown-menu::after { content: ""; pointer-events: none; position: absolute; top: -9px; right: 9px; width: 15px; height: 15px; border: 1px solid #D6D6D6; transform: rotate(45deg); background: #fff; border-right: none; border-bottom: none; } .dashboard-content .table-actions ul[data-popper-placement=top-end] { bottom: auto !important; top: 0 !important; } .dashboard-content__head { padding: 30px 0 0; border-bottom: 1px solid #DFDFDF; margin: 0 30px 30px; } .dashboard-content__head .form-group { display: none; } .dashboard-content__head .form-group .form-select { min-height: 45px; } @media (max-width: 767.98px) { .dashboard-content__head { padding: 20px; } .dashboard-content__head .form-group { display: block; } .dashboard-content__head .responsive-navbar-container { display: none; } } .dashboard-content__head h2, .dashboard-content__head .h2 { font-size: 18px; color: #00695E; font-weight: 400; } .dashboard-content__head .responsive-navbar-container .nav-tabs { position: relative; margin-right: 28px; border-bottom: none; } .dashboard-content__head .responsive-navbar-container .nav-tabs:after { position: absolute; top: 50%; right: -15px; display: block; content: ""; width: 0.5px; height: 25px; background-color: #CECECE; transform: translateY(-50%) rotate(30deg); } .dashboard-content__head .responsive-navbar-container .nav-tabs .nav-link { padding: 20px 0; border: none; } .dashboard-content__head .responsive-navbar-container .nav-tabs .nav-link h2, .dashboard-content__head .responsive-navbar-container .nav-tabs .nav-link .h2 { color: #013B82; font-family: "aktiv-grotesk"; font-size: 17px; font-weight: 500; } @media (min-width: 1200px) and (max-width: 1399.98px) { .dashboard-content__head .responsive-navbar-container .nav-tabs .nav-link h2, .dashboard-content__head .responsive-navbar-container .nav-tabs .nav-link .h2 { font-size: 14px !important; } } .dashboard-content__head .responsive-navbar-container .nav-tabs .nav-link.active { border-bottom: 3px solid #013B82; } .dashboard-content__head .responsive-navbar-container .nav-tabs:last-of-type:after { display: none; } .dashboard-content__head .responsive-navbar-select .css-raamha, .dashboard-content__head .responsive-navbar-select .css-16vjzem-singleValue { color: #013B82; } .dashboard-content__head .responsive-navbar-select .css-1rjwoll-indicatorContainer { display: block; content: ""; width: 20px; height: 20px; background-image: url(../images/icons/down-arrow-blue.svg); background-repeat: no-repeat; background-position: center; } .dashboard-content__head .responsive-navbar-select .css-1rjwoll-indicatorContainer svg { display: none; } .dashboard-content__main { border-radius: 0; padding: 30px 30px 10px; } .dashboard-content__main .btn-pagination .btn-filter, .dashboard-content__main .btn-pagination .btn-cancel { margin-right: 12px; } .dashboard-content__main .btn-pagination .btn-filter:hover { background-color: #013B82; color: #fff; border: none; background-image: url("../images/icons/down-arrow-white.svg"); background-repeat: no-repeat; background-position: right 14px center; } .dashboard-content__main .btn-pagination .btn-filter:hover img { filter: brightness(0) invert(1); } .dashboard-content__service .btn-pagination { text-align: right; margin-top: 15px; } @media (max-width: 575.98px) { .dashboard-content__service .btn { margin: 0; margin-top: 5px; width: 100%; } } .dashboard-content__service .filter-block__search { left: 17px; } .dashboard-content__nav { display: flex; align-items: baseline; justify-content: space-between; } .dashboard-content__nav .page-navigation { box-shadow: none; margin-top: 8px; padding: 0 9px; } .dashboard-content__nav .page-navigation a { margin-right: 20px; font-family: "aktiv-grotesk"; font-weight: 400; } .dashboard-content__nav aside { display: flex; margin-right: 25px; } .dashboard-content__nav aside a { width: 25px; height: 25px; display: flex; border-radius: 50px; border: 2px solid #ECECEC; align-items: center; justify-content: center; } .dashboard-content__nav aside a:first-child { margin-right: 4px; } @media (max-width: 767.98px) { .dashboard-content__nav aside { display: none; } } .dashboard-content__nav .form-select { display: none; } @media (max-width: 767.98px) { .dashboard-content__nav .form-select { display: block; border: none; padding: 10px; margin: 0; } } .dashboard-content__nav .form-select:focus { box-shadow: none; } .dashboard-content__filter { border-radius: 6px; margin-bottom: 30px; border-top-left-radius: 0; border-top-right-radius: 0; padding-bottom: 20px; } .dashboard-content--outer { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } @media (max-width: 767.98px) { .dashboard-content--outer { box-shadow: none; } } .list-group { flex-direction: row; } .list-group ul { display: inline-block; max-width: 300px; overflow: hidden; } .list-group li { display: none; margin-right: 6px; padding: 4px 6px; font-size: 14px; color: #7C878E; border: 1px solid #D4D4D4; border-radius: 4px; } .list-group li:nth-child(-n+3) { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 150px; } .list-group__arrow { display: inline-block; content: ""; width: 30px; height: 30px; background-image: url("../images/icons/table-arrow.png"); background-position: center; background-repeat: no-repeat; border: 1px solid #D4D4D4; border-radius: 4px; cursor: pointer; } .list-group--open { position: relative; z-index: 1; padding: 10px; margin-top: -20px; margin-right: -10px; margin-bottom: -20px; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .list-group--open ul { margin-bottom: -6px; } .list-group--open li { float: left; margin-bottom: 6px; display: inline-block; } .list-group--open .list-group__arrow { min-width: 30px; transform: scaley(-1); } .additional-filter-bg { border: 1px solid #F3F3F3; background: rgba(1, 59, 130, 0.02); border-radius: 6px; padding: 10px; position: relative; } .additional-filter-bg::after { bottom: 0; right: 24%; border-bottom: 1px solid #F3F3F3; background: #F6F9FA; transform: rotate(43deg); content: " "; height: 12px; width: 12px; position: absolute; margin: 0 0 -5px; } .dropdown-item { padding: 5px 15px; } .application-table tr:last-child ul[data-popper-placement=top-end] { bottom: 100% !important; top: auto !important; } .application-table tr:last-child ul[data-popper-placement=top-end]:after { top: calc(100% - 7px); transform: rotate(222deg); } .responsive-navbar-container .responsive-navbar-item { position: relative; padding: 20px 15px; margin-right: 25px; } .responsive-navbar-container .responsive-navbar-item h2, .responsive-navbar-container .responsive-navbar-item .h2 { color: #013B82; font-family: "aktiv-grotesk"; font-size: 17px; font-weight: 500; } .responsive-navbar-container .responsive-navbar-item:after { position: absolute; top: 50%; right: -15px; display: block; content: ""; width: 0.5px; height: 25px; background-color: #CECECE; transform: translateY(-50%) rotate(30deg); } .responsive-navbar-container .selected-border { border-bottom: 3px solid #013B82; } .responsive-navbar-container .css-1hbvxx7-control { border: none; } .responsive-navbar-container .css-yolhtj-control, .responsive-navbar-container .css-yolhtj-control:hover { border: none; box-shadow: none; } .dashboard .responsive-navbar-container { overflow-x: auto; overflow-y: hidden; } .dashboard .responsive-navbar-container::-webkit-scrollbar { width: 10px; height: 8px; border-radius: 3px; } .dashboard .responsive-navbar-container::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 3px; } .dashboard .responsive-navbar-container::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 3px; } .application-status-box { background: #fff; border-radius: 3px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05); margin: 20px 0 30px; } .application-status-box .status-header { display: flex; align-items: baseline; border-bottom: 1px solid #DFDFDF; padding: 30px; } @media (max-width: 575.98px) { .application-status-box .status-header { padding: 20px; } } .application-status-box .status-header p { color: #00695E; font-size: 18px; font-family: "aktiv-grotesk"; position: relative; } .application-status-box .status-header p::after { content: ""; width: 11px; height: 17px; display: block; position: absolute; right: -40px; top: 6px; transform: rotate(-90deg); background-color: #fff; background-image: url(../images/icons/down-arrow.svg); background-position: center; background-repeat: no-repeat; } .application-status-box .status-header span { font-size: 18px; color: #DA4081; margin-left: 70px; } @media (max-width: 575.98px) { .application-status-box .status-header span { margin-left: 50px; } } .application-status-box .status-details { padding: 30px; border-bottom: 1px solid #DFDFDF; } @media (max-width: 575.98px) { .application-status-box .status-details { padding: 20px; } } .application-status-box .status-details p { font-size: 18px; } .application-status-box .status-title { display: flex; align-items: center; flex-direction: row; margin-bottom: 15px; } .application-status-box .status-title figure { border: 1px solid #DFDFDF; width: 63px; height: 63px; display: flex; align-items: center; justify-content: center; margin: 0; flex-shrink: 0; } .application-status-box .status-title h2, .application-status-box .status-title .h2 { font-size: 20px; color: #000; font-weight: 400; margin-left: 20px; font-family: var(--caa-primary-font); } @media (max-width: 767.98px) { .application-status-box .status-title h2, .application-status-box .status-title .h2 { font-size: 16px; } } .application-status-box .status-title h2 small, .application-status-box .status-title .h2 small, .application-status-box .status-title h2 .small, .application-status-box .status-title .h2 .small { font-size: 16px; display: block; font-weight: 400; color: #7C878E; } .application-status-box .status-title__start { display: flex; margin-right: auto; } .application-status-box .status-title__end { display: flex; justify-content: flex-end; align-items: center; } .application-status-box .status-title__end .btn { margin-left: 15px; } .application-status-box .status-table { width: 100%; display: block; } .application-status-box .status-table .document-name a { padding-right: 20px; position: relative; } .application-status-box .status-table .document-name a::after { content: ""; background: url("../images/icons/link-arrow.svg") no-repeat 0 0; width: 12px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -6px; transform: rotate(45deg); opacity: 0; transition: all 400ms; } .application-status-box .status-table .document-name a:hover::after { transform: rotate(0deg); opacity: 1; transition: all 400ms; } .application-status-box .status-table tr, .application-status-box .status-table td { font-size: 16px; color: #000; } @media (max-width: 575.98px) { .application-status-box .status-table tr, .application-status-box .status-table td { font-size: 14px; margin: 0; padding: 0; display: block; } } @media (max-width: 575.98px) { .application-status-box .status-table tr { display: block; margin: 0; margin-bottom: 15px; } } @media (max-width: 575.98px) { .application-status-box .status-table td { padding-top: 5px; padding: 0 !important; } .application-status-box .status-table td:first-child { padding-top: 0; } } .application-status-box .status-table td { padding: 4px 20px 0 0; font-family: "Effra"; font-weight: 500; } .application-status-box .status-table td a { color: #013B82; font-weight: 500; } .application-status-box .status-table td .form-group, .application-status-box .status-table td .services-date-wrapper { max-width: 100%; width: 200px; } .application-status-box .status-table td .validation-error { line-height: 16px; } .application-status-box .status-table td:first-child { min-width: 210px; font-weight: 400; } @media (max-width: 767.98px) { .application-status-box .status-table td:first-child { min-width: 140px; } } .application-status-box .status-table td:last-child { text-transform: none; } .application-status-box .status-table .status-tag { display: flex; align-items: center; margin-left: 5px; } .application-status-box .status-table .status-tag::before { content: ""; display: block; width: 10px; height: 10px; border-radius: 50px; position: relative; right: 5px; } .application-status-box .status-table .status-tag__approved { color: #12685F; } .application-status-box .status-table .status-tag__approved:before { background-color: #12685F; } .application-status-box .status-table .status-tag__reject { color: #BB3131; } .application-status-box .status-table .status-tag__reject::before { background: #BB3131; } .application-status-box .status-table .status-tag__re-submit { color: #C77B0C; } .application-status-box .status-table .status-tag__re-submit::before { background: #C77B0C; } .application-status-box .status-table .status-tag__inprocess { color: #8A1538; } .application-status-box .status-table .status-tag__inprocess::before { background: #8A1538; } .application-status-box .status-table .status-tag__require { color: #C77B0C; } .application-status-box .status-table .status-tag__require::before { background: #C77B0C; } .application-status-box .full-width { display: table; margin: 15px 0; } .application-status-box .full-width tr td { padding: 12px 5px; color: #013B82; font-size: 15px; font-weight: 400; } .application-status-box .full-width tr td:first-child { width: auto; padding-left: 5px; } .application-status-box .full-width tr th { padding: 5px; color: #343434; font-weight: 400; } .application-status-box .full-width tbody tr:nth-of-type(odd) { background-color: rgba(227, 238, 244, 0.5); } .application-status-box .full-width tbody tr:hover { background-color: rgba(227, 238, 244, 0.6); } .application-status-box .accordion { margin-bottom: 30px; } .application-status-box .accordion .accordion-item { border: none; background: inherit; border-radius: 0; } .application-status-box .accordion .accordion-item:nth-child(3) .status-table td a { text-decoration: underline; cursor: pointer; } .application-status-box .accordion .accordion-item:last-child .accordion-body { border-bottom: none; } .application-status-box .accordion .accordion-item:last-child .accordion-body .status-table td a { text-decoration: underline; cursor: pointer; } .application-status-box .accordion .accordion-item:last-child .collapsed { border-bottom: none; } .application-status-box .accordion .accordion-item:first-child .accordion-body { background: rgba(235, 235, 235, 0.26); } .application-status-box .accordion .accordion-button { font-size: 20px; color: #013B82; border-radius: 0; background: inherit; padding: 15px 30px; box-shadow: none; border-bottom: 1px solid #DFDFDF; } @media (max-width: 991px) { .application-status-box .accordion .accordion-button { padding: 15px; } } .application-status-box .accordion .accordion-button::after { background-image: url("../images/icons/down-arrow-blue.svg"); transform: rotate(0deg); } .application-status-box .accordion .accordion-button:not(.collapsed)::after { transform: rotate(-180deg); } .application-status-box .accordion .accordion-body { border-bottom: 1px solid #DFDFDF; padding: 15px 30px; overflow: auto; white-space: nowrap; } @media (max-width: 991px) { .application-status-box .accordion .accordion-body { padding: 15px; } } .application-status-box .checkbox-wrapper label { font-size: 16px; } .application-status-box--submit .accordion .accordion-body { white-space: inherit; } .application-status-box--submit .status-table td { padding-right: 5px; padding-left: 5px; } .application-status-box--submit .status-table td:first-child { width: 410px; padding-right: 20px; padding-left: 0; } @media (max-width: 1024px) { .application-status-box--submit .status-table td:first-child { width: 300px; } } @media (max-width: 675px) { .application-status-box--submit .status-table td:first-child { width: auto; } } .status-callout { padding: 15px 10px; background: #EBF8F5; border: 1px solid #12685F; position: relative; position: relative; margin: 20px 0 0; } .status-callout p { font-size: 16px !important; } .status-callout::before { bottom: 100%; left: 44px; border-left: 1px solid #12685F; border-top: 1px solid #12685F; background: #EBF8F5; transform: rotate(43deg); content: " "; height: 12px; width: 12px; position: absolute; margin: 0 0 -5px; } .status-callout ol li { list-style: auto; padding-left: 12px; } .status-callout__reject { border: 1px solid #BB3131; background: #F9EBEB; } .status-callout__reject::before { border-left: 1px solid #BB3131; border-top: 1px solid #BB3131; background: #F9EBEB; } .status-callout__re-submit { border: 1px solid #C77B0C; background: #FFF8F0; } .status-callout__re-submit::before { border-left: 1px solid #C77B0C; border-top: 1px solid #C77B0C; background: #FFF8F0; } .status-heading { margin: 0 0 30px; } .status-profile figure { border: 5px solid #fff; width: 94px; height: 95px; margin: 0 auto 15px; border-radius: 90px; overflow: hidden; } .status-profile p { font-size: 13px; margin-bottom: 15px; } .status-profile__name { font-size: 17px; font-weight: 500; font-family: "aktiv-grotesk"; margin-bottom: 15px; } .status-profile__name small, .status-profile__name .small { display: block; font-size: 14px; font-family: var(--caa-primary-font); } @media (max-width: 991.98px) { .status-profile { display: none; } } .status-aside-links { border-top: 1px solid #DFDFDF; margin: 40px 0 30px; padding: 10px 0 0; } .status-aside-links h5, .status-aside-links .h5 { color: #0095DA; font-size: 20px; margin: 20px 0; } .status-aside-links li { margin-top: 10px; padding-left: 5px; padding-bottom: 10px; border-bottom: 1px solid #DFDFDF; } .status-aside-links li a { display: block; padding-right: 15px; background-image: url(../images/icons/list-right-arrow.svg); background-position: right center; background-repeat: no-repeat; font-size: 16px; color: #1D1D1D; } .status-aside-links li a:hover { color: #0095DA; } @media (max-width: 991.98px) { .status-aside-links { display: none; } } .declaration-box { padding: 30px; } .declaration-box-table { margin-bottom: 10px; } .declaration-box-table .status-table { margin-top: 15px; border-collapse: inherit; } .declaration-box-table .status-table td:first-child { min-width: 120px; } .declaration-box-table .status-table td:nth-child(2) { min-width: 220px; } @media (max-width: 575.98px) { .declaration-box-table .status-table td:nth-child(2) { min-width: 100%; } } .declaration-box-table .status-table td a { color: #FF414E; } .declaration-box-table .status-table .checkbox-wrapper { margin: 20px 0; } .declaration-box-table .status-table .form-control { border-radius: 4px; border: 1px solid #D4D4D4; box-shadow: none; outline: none; color: #00053E; padding: 8px 12px; font-size: 15px; } .declaration-box-table .status-table .form-control:disabled { background: #EEEEEE; width: 100%; cursor: no-drop; } .declaration-box h3, .declaration-box .h3 { font-size: 16px; color: #013B82; font-family: var(--caa-primary-font); margin-bottom: 14px; } .declaration-box-remark { background-color: #F3F3F3; border: 1px solid #D4D4D4; border-radius: 4px; padding: 14px; } .declaration-box-remark p { color: #5A5A5A; } .declaration-box-remark ol { margin: 0; } .declaration-box-remark ol li { list-style: auto; } .declaration-box-button { margin-top: 20px; } .declaration-box-button .btn { border-radius: 4px; color: #fff; font-size: 18px; padding: 7px 20px; } @media (max-width: 575.98px) { .declaration-box-button .btn { font-size: 13px; padding: 7px 11px; } } .declaration-box-button .btn__verify { background-color: #12685F; margin-right: 4px; } @media (max-width: 575.98px) { .declaration-box-button .btn__verify { margin-right: 1px; } } .declaration-box-button .btn__reject { background-color: #BB3131; margin-right: 4px; } @media (max-width: 575.98px) { .declaration-box-button .btn__reject { margin-right: 1px; } } .declaration-box-button .btn__data { background-color: #013B82; margin-right: 4px; } @media (max-width: 575.98px) { .declaration-box-button .btn__data { margin-right: 1px; } } .declaration-box__form label { display: block; } .declaration-box__form textarea { height: 110px; margin-bottom: 20px; } @media (max-width: 575.98px) { .declaration-box { padding: 20px; } .declaration-box-button .btn { margin: 0 0 10px; width: 100%; } } .application-timeline { padding: 30px 20px 20px 30px; } @media (max-width: 575.98px) { .application-timeline { padding: 20px 15px 20px 15px; } } .application-timeline-head { display: flex; justify-content: space-between; align-items: baseline; } @media (max-width: 767px) { .application-timeline-head { margin-bottom: 15px; display: block; } } .application-timeline h2, .application-timeline .h2 { font-size: 20px; color: #000; font-weight: 400; margin-bottom: 30px; } @media (max-width: 767px) { .application-timeline h2, .application-timeline .h2 { margin-bottom: 10px; } } .application-timeline .accordion .accordion-item { position: relative; } .application-timeline .accordion .accordion-item::before { content: ""; width: 22px; height: 22px; border-radius: 50%; position: absolute; left: -48px; top: 5px; border: 4px solid #fff; } @media (max-width: 575.98px) { .application-timeline .accordion .accordion-item::before { left: -27px; } } .application-timeline .accordion .accordion-item__approved::before { background: #00695E; } .application-timeline .accordion .accordion-item__approval::before { background: #918836; } .application-timeline .accordion .accordion-item__submit::before { background: #81B8CC; } .application-timeline .accordion .accordion-item__reject::before { background: #BB3131; } .application-timeline .accordion .accordion-item__hidden::before { background-image: url("../images/icons/hidden-icon.svg"); background-repeat: no-repeat; width: 32px; height: 32px; background-position: center; left: -53px; top: -6px; border: none; } @media (max-width: 575.98px) { .application-timeline .accordion .accordion-item__hidden::before { left: -32px; } } .application-timeline .accordion .accordion-item__hidden p { color: #8A1538; font-weight: 600; cursor: pointer; } .application-timeline .accordion .accordion-item:first-child .accordion-body { background: inherit; } .application-timeline .accordion li { border-left: 2.5px solid #A7AFB4; position: relative; padding-left: 36px; margin-left: 6px; padding-bottom: 20px; } @media (max-width: 575.98px) { .application-timeline .accordion li { padding-left: 15px; } } .application-timeline .accordion li:first-child .accordion-item::before { top: 0; } .application-timeline .accordion li:last-child { border-left: none; } .application-timeline .accordion li:last-child .accordion-item::before { left: -46px; top: 0; } @media (max-width: 575.98px) { .application-timeline .accordion li:last-child .accordion-item::before { left: -25px; } } .application-timeline .accordion .accordion-header { margin-bottom: 0; } .application-timeline .accordion .accordion-button { border-bottom: none; padding: 0; font-size: 18px; width: auto; } .application-timeline .accordion .accordion-button::after, .application-timeline .accordion .accordion-button:not(.collapsed)::after { margin-left: 12px; width: 26px; height: 26px; border-radius: 50px; background-color: #F3F3F3; display: flex; align-items: center; justify-content: center; background-position: center; background-size: 10px; } .application-timeline .accordion .accordion-body { background: inherit; border-bottom: none; padding: 10px 0; overflow: inherit; white-space: inherit; } .application-timeline .accordion .accordion-body-content { display: flex; align-items: center; margin-bottom: 5px; } @media (max-width: 575.98px) { .application-timeline .accordion .accordion-body-content { display: block; } } .application-timeline .accordion .accordion-body-content span { font-size: 15px; color: #000; margin-left: 10px; } .application-timeline .accordion .accordion-body-content aside { margin-left: 15px; } @media (max-width: 575.98px) { .application-timeline .accordion .accordion-body-content aside { margin-left: 0; } } .application-timeline .accordion .accordion-body-content aside p { font-size: 16px; color: #7C878E; margin-bottom: 0; } .application-timeline .accordion .accordion-body-content aside p small, .application-timeline .accordion .accordion-body-content aside p .small { font-size: 16px; margin-left: 7px; } .application-timeline .accordion .accordion-body-status { padding: 10px; font-size: 15px; border-radius: 4px; margin-right: 40px; } @media (max-width: 575.98px) { .application-timeline .accordion .accordion-body-status { margin-right: 15px; } } .application-timeline .accordion .accordion-body-status ol { margin: 0; } .application-timeline .accordion .accordion-body-status ol li { list-style: auto; border-left: none; padding: 0; margin: 0; } .application-timeline .accordion .accordion-body-status ol li::before { display: none; } .application-timeline .accordion .accordion-body-status__approved, .application-timeline .accordion .accordion-body-status.approved { background-color: rgba(57, 187, 157, 0.058); } .application-timeline .accordion .accordion-body-status__reject, .application-timeline .accordion .accordion-body-status.reject { background-color: rgba(187, 49, 49, 0.044); } .application-timeline .accordion .accordion-body-status__approval, .application-timeline .accordion .accordion-body-status.approval { background-color: rgba(145, 136, 54, 0.07); } .application-timeline .accordion .accordion-body-status__submit, .application-timeline .accordion .accordion-body-status.draft { background-color: rgba(0, 149, 218, 0.044); } .application-timeline .accordion .accordion-body-status__pending-approval, .application-timeline .accordion .accordion-body-status.pending-approval { background-color: rgba(199, 123, 12, 0.05); } .application-timeline .accordion .accordion-body-status.submitted { background-color: rgba(1, 59, 130, 0.06); } .status-approved { color: #00695E; } .status-reject { color: #BB3131; } .status-awaiting { color: #918836; } .status-submit { color: #013B82; } .application-timeline h2, .application-timeline .h2 { font-size: 18px; } .application-timeline .accordion .accordion-button { font-size: 16px; } .form-block { margin: 0 auto; width: 80%; } .form-block h3, .form-block .h3 { margin-bottom: 30px; } @media (max-width: 767.98px) { .form-block h3, .form-block .h3 { margin-bottom: 20px; } } .form-block .btn-pagination { margin-bottom: 30px; } .form-block .btn-pagination .btn-cancel { margin-right: 15px; } @media (max-width: 1199.98px) { .form-block { width: 95%; } } .chosen { max-width: 650px; width: 100%; } .chosen__library, .chosen__selected { float: left; width: calc(50% - 38px); height: 250px; padding: 15px; border: 1px solid #D4D4D4; border-radius: 4px; } @media (max-width: 767.98px) { .chosen__library, .chosen__selected { padding: 7px; width: calc(50% - 21px); } } .chosen__icon { float: left; display: flex; justify-content: center; align-items: center; width: 76px; height: 250px; } .chosen__icon span { display: block; content: ""; width: 36px; height: 36px; background-image: url("../images/icons/chosen-icon.svg"); background-repeat: no-repeat; background-position: center; } @media (max-width: 767.98px) { .chosen__icon { width: 42px; } } .chosen__library__search { margin: -15px -15px 15px; } .chosen__library__search .form-control { padding-left: 42px; border-top: none; border-left: none; border-right: none; border-radius: 4px 4px 0 0; background-image: url("../images/icons/search-blue.svg"); background-repeat: no-repeat; background-position: 15px center; } @media (max-width: 767.98px) { .chosen__library__search { margin: -7px -7px 15px; } } .chosen__library ul { margin-right: -7px; height: 170px; overflow-y: auto; } .chosen__library a { display: block; color: #0F0F0F; } .chosen__selected img { margin-right: 10px; } .chosen__selected a { display: block; content: ""; margin: 0 8px; width: 18px; height: 18px; font-size: 0; background-repeat: no-repeat; background-position: center; } .chosen__selected li:hover a { background-image: url("../images/icons/remove-icon.svg"); } .chosen li { display: flex; align-items: center; font-size: 16px; padding-bottom: 4px; } .select-wrapper { max-width: 650px; width: 100%; border-radius: 4px; } .select-wrapper .css-yk16xz-control, .select-wrapper .css-1pahdxg-control { min-height: 50px; border-color: #D4D4D4; } .select-wrapper .css-1pahdxg-control { box-shadow: none; } .select-wrapper .css-1pahdxg-control:hover { border-color: #D4D4D4; box-shadow: none; } .select-wrapper .css-1rhbuit-multiValue { background-color: #0095DA; border-radius: 50px; padding: 4px 10px; } .select-wrapper .css-1rhbuit-multiValue .css-12jo7m5 { color: #fff; } .select-wrapper .css-tj5bde-Svg { fill: #fff; stroke: #fff; } .select-wrapper .css-xb97g8:hover { background-color: inherit; color: #fff; } .select2-container--default .select2-selection--multiple { padding: 12px 14px; min-height: auto; border: 1px solid #D4D4D4; } .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #fff; background-color: #0095DA; border: none; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { display: block; content: ""; width: 18px; height: 18px; top: 8px; left: auto; right: 6px; font-size: 0; background-color: transparent !important; background-image: url("../images/icons/remove-item.svg"); background-repeat: no-repeat; background-position: center; border: none; } .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 4px 10px; padding-right: 30px; border-radius: 50px; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #013B82; } .contact-wrapper { border-radius: 0; margin-bottom: 0; padding-bottom: 60px; } .contact-wrapper p { font-size: 18px; color: #1D1D1D; margin-bottom: 30px; } @media (min-width: 1200px) and (max-width: 1399.98px) { .contact-wrapper p { font-size: 16px; } } .contact-wrapper h3, .contact-wrapper .h3 { font-size: 18px; margin-bottom: 25px; color: #00053E; } .contact-wrapper__left { padding: 40px 35px 0; } .contact-wrapper__left figure, .contact-wrapper__left .map-outer { margin-right: -34px; margin-left: -34px; border: 0.5px solid rgba(1, 59, 130, 0.2); border-right: 0; } .contact-wrapper__left figure img, .contact-wrapper__left .map-outer img { width: 100%; height: 488px; } .contact-wrapper__details { display: flex; align-items: center; } .contact-wrapper__details img { margin-right: 16px; } .contact-wrapper__details h4, .contact-wrapper__details .h4 { font-size: 16px; color: #7C878E; margin-bottom: 0; line-height: 15px; font-weight: 400; font-family: var(--caa-primary-font); } .contact-wrapper__details p { font-size: 16px; color: #013B82; margin: 0; } @media (min-width: 1200px) and (max-width: 1399.98px) { .contact-wrapper__details h4, .contact-wrapper__details .h4, .contact-wrapper__details p { font-size: 15px; } } .contact-wrapper nav { display: flex; margin-bottom: 60px; } .contact-wrapper nav a { width: 35px; height: 35px; border: 1px solid #013B82; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #013B82; font-size: 17px; margin-right: 8px; } .contact-wrapper nav a:last-child { margin-right: 0; } .contact-wrapper nav a:hover { background-color: #013B82; color: #fff; } .contact-wrapper__form { background-color: #013B82; } .contact-wrapper__form:after { content: ""; display: block; background-image: url(../images/bg/contact-form-bg.png); background-repeat: no-repeat; background-position: bottom; background-size: cover; width: 100%; height: 140px; } .contact-wrapper__form form { padding: 0 70px; } @media (max-width: 991.98px) { .contact-wrapper__form form { padding: 0 30px; } } .contact-wrapper__form h2, .contact-wrapper__form .h2 { font-size: 27px; color: #fff; margin-bottom: 0; padding: 50px 70px; } @media (max-width: 991.98px) { .contact-wrapper__form h2, .contact-wrapper__form .h2 { padding: 30px 30px; } } .contact-wrapper__form label { color: #fff; font-size: 16px; margin-bottom: 8px sup; margin-bottom-color: #FF414E; } .contact-wrapper__form .form-control { border-radius: 4px; box-shadow: none; outline: none; } .contact-wrapper__form .form-select { padding: 1rem; font-size: 16px; box-shadow: none; outline: none; } .contact-wrapper__form textarea { resize: none; } .contact-wrapper__form p { color: #fff; margin-bottom: 30px; } .contact-wrapper__form p a { text-decoration: underline; color: #fff; } .contact-wrapper__form .btn-send { margin-bottom: 38px; } .contact-wrapper__form #edit-processed-text--2 { margin-top: 25px; } .contact-wrapper__form #edit-processed-text--2 p { font-size: 16px; } .contact-wrapper__form #edit-processed-text--2 p a { display: block; } .contact-wrapper__map { margin-right: -34px; border: 0.5px solid rgba(1, 59, 130, 0.2); border-right: 0; } .contact-wrapper__map iframe { border: 0; height: 496px; } .search-wrapper { background-color: #F6F6F6; } .search-wrapper__input { position: relative; } @media (max-width: 767.98px) { .search-wrapper__input { margin-bottom: 10px; } } .search-wrapper__input .form-control { padding: 0; background-color: inherit; border: none; border-bottom: 2px solid #fff; border-radius: 0 !important; color: #fff; margin-top: 40px; font-size: 24px; font-weight: 400; padding-right: 33px; } @media (max-width: 767.98px) { .search-wrapper__input .form-control { font-size: 17px; margin-top: 0; } } .search-wrapper__input label { position: absolute; right: 10px; bottom: 10px; } .search-wrapper__input .search-close-icon { display: none; } .search-wrapper__input.active .search-wrapper__reset { display: block; } .search-wrapper__date { margin-right: 10px; } @media (max-width: 575.98px) { .search-wrapper__date { margin-right: 0; margin-bottom: 10px; } } @media (max-width: 767.98px) { .search-wrapper__date { width: 100%; } } .search-wrapper__date .form-control { background-position: 90% 50%; padding: 12px 18px 12px 18px; border-radius: 3px; outline: none; box-shadow: none; } .search-wrapper__date-wrapper { margin: 0 30px; } @media (max-width: 767.98px) { .search-wrapper__date-wrapper { margin: 0; } } @media (max-width: 575.98px) { .search-wrapper__date-wrapper .date-range { flex-direction: column; } } .search-wrapper__form { background-color: #013B82; padding: 65px 0; position: relative; display: block; background-image: url(../images/bg/contact-form-bg.png); background-repeat: no-repeat; background-position: bottom left; background-size: auto; width: 100%; } .search-wrapper__form label { color: #fff; font-size: 18px; margin-bottom: 8px; font-weight: 500; } .search-wrapper__form .date-range .btn-apply { border-radius: 3px; background-color: #0095DA; color: #fff; font-size: 16px; font-weight: 500; padding: 10px 35px 10px 35px; } .search-wrapper__form .select-sort { margin-top: 40px; } @media (max-width: 767.98px) { .search-wrapper__form .select-sort { margin-top: 10px; } } .search-wrapper__noresult { background-color: #fff; padding: 90px 10px; text-align: center; margin: 30px 0; } .search-wrapper__noresult h2, .search-wrapper__noresult .h2 { font-size: 18px; color: #013B82; font-weight: bold; margin: 10px 0; } .search-wrapper__noresult p { color: #00053E; font-size: 16px; } .search-wrapper__reset { display: none; content: ""; position: absolute; width: 40px; height: 40px; top: 36px; right: 30px; background-image: url(../images/icons/menu-close.svg); background-repeat: no-repeat; background-position: center; background-size: 9px; } .search-list__outer { border-radius: 0; padding: 20px 40px; } .search-list__block .page-navigation { padding: 0 10px; background-color: inherit; box-shadow: none; margin-top: 0; margin-bottom: 35px; } .search-list__block .page-navigation .links { padding: 15px 20px; border-bottom: 3px solid transparent; } .search-list__block .page-navigation .links.active { border-bottom: 3px solid #013B82; } .search-list__block .page-navigation .links.active .search-list__count { color: #fff; background-color: #0095DA; } @media (max-width: 767.98px) { .search-list__block .page-navigation { display: block; } } .search-list__tab1 .search-list__item:first-child, .search-list__tab4 .search-list__item:first-child { padding: 0 0px 20px; } .search-list__item { display: flex; align-items: center; padding: 30px 0; border-bottom: 1px solid #ECECEC; } @media (max-width: 767.98px) { .search-list__item { flex-direction: column; align-items: baseline; padding: 15px 0; } } .search-list__item:hover h2 a, .search-list__item:hover .h2 a { text-decoration: underline; color: #0095DA; } .search-list__content { flex-grow: 1; position: relative; } .search-list__content h2, .search-list__content .h2 { font-size: 20px; color: #013B82; margin: 0; } .search-list__content h2 a, .search-list__content .h2 a { color: #013B82; } .search-list__date { min-width: 250px; } .search-list__date span { color: #7C878E; font-size: 16px; font-weight: 500; } .search-list__date p { font-size: 18px; color: #343434; font-weight: 500; } .search-list__load-more { display: flex; align-items: flex-start; margin: 30px 0px 10px; } .search-list__box { background-color: #fff; padding: 30px; box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.06); min-height: 190px; position: relative; z-index: 0; } @media (max-width: 575.98px) { .search-list__box { padding: 15px; } } .search-list__box span { font-size: 14px; color: #00053E; padding: 8px 12px; font-weight: 500; background-color: rgba(0, 149, 218, 0.1); display: inline-block; } .search-list__box p { font-size: 20px; margin: 40px 0 0; font-family: var(--caa-primary-font); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 575.98px) { .search-list__box p { margin: 20px 0 0; } } .search-list__box p a { color: #013B82; } .search-list__box::after { content: ""; display: block; background-image: url(../images/bg/search-box-image.png); background-repeat: no-repeat; background-position: right bottom; background-size: contain; width: 100%; height: 70px; position: absolute; opacity: 0; bottom: 0; right: 0; z-index: -1; } .search-list__box:hover { background-color: #0095DA; transition: all 1s ease; } .search-list__box:hover::after { opacity: 1; } .search-list__box:hover span { background-color: rgba(255, 255, 255, 0.38); color: #fff; } .search-list__box:hover p { color: #fff; } .search-list__box:hover p a { color: #fff; text-decoration: underline; } .search-list__news figure img { width: 100%; height: 213px; object-fit: cover; object-position: center; } .search-list__news span { font-size: 16px; color: #7C878E; font-weight: 500; display: block; margin: 15px 0; } .search-list__news h2, .search-list__news .h2 { font-size: 20px; color: #013B82; margin-bottom: 10px; } .search-list__news h2 a, .search-list__news .h2 a { color: #013B82; } .search-list__news h2:hover a, .search-list__news .h2:hover a { text-decoration: underline; color: #0095DA; } .search-list__news p { font-size: 16px; color: #707070; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 16px; } .search-list__count { padding: 0 5px; margin-left: 10px; min-width: 27px; height: 25px; color: #0095DA; font-size: 16px; font-weight: 400; border: 1px solid #0095DA; border-radius: 5px; } .search-open .search-close-icon { display: block; } .newsletter-wrapper { border-radius: 0; padding: 50px 130px; display: block; background-image: url(../images/placeholder/newsletter-bg.png); background-repeat: no-repeat; background-position: bottom left; width: 100%; height: 100%; } .newsletter-wrapper h2, .newsletter-wrapper .h2 { font-size: 18px; color: #013B82; text-align: center; margin-bottom: 40px; } .newsletter-wrapper__box { border-radius: 4px; background-color: #fff; padding: 50px 0; border: 1px solid #E5E5E5; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1); text-align: center; position: relative; z-index: 1; } .newsletter-wrapper__box::after { content: ""; display: block; background-image: url(../images/bg/contact-form-bg.png); background-repeat: no-repeat; background-position: bottom left; background-size: 78%; opacity: 0.2; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: -1; } .newsletter-wrapper__box h3, .newsletter-wrapper__box .h3 { font-size: 16px; color: #00053E; margin-bottom: 0; font-weight: 400; margin-top: 35px; } .newsletter-wrapper__box:hover, .newsletter-wrapper__box.active { border: 2px solid #0095DA; } .newsletter-wrapper__box:hover span, .newsletter-wrapper__box.active span { opacity: 1; } .newsletter-wrapper__box span { position: absolute; top: -14px; right: -13px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50px; border: 1px solid #0095DA; background-color: #fff; opacity: 0; } .newsletter-wrapper__form { border: 1px solid #EEEEEE; background-color: #fff; padding: 40px; margin-top: 20px; } .newsletter-wrapper__form h4, .newsletter-wrapper__form .h4 { font-size: 16px; color: #1D1D1D; font-weight: 500; margin-bottom: 30px; font-family: "aktiv-grotesk"; } .newsletter-wrapper__form p { font-size: 16px; color: #777777; } .newsletter-wrapper__form p a { text-decoration: underline; color: #777777; } .newsletter-wrapper__form-bottom { display: flex; margin-top: 20px; } .newsletter-wrapper--success { text-align: center; padding: 120px 0; } .newsletter-wrapper--success figure { margin-bottom: 13px; } .newsletter-wrapper--success h2, .newsletter-wrapper--success .h2 { font-size: 25px; color: #013B82; font-weight: bold; margin-bottom: 10px; } .newsletter-wrapper--success p { font-size: 16px; color: #7C878E; margin-bottom: 20px; } .newsletter-wrapper--success .btn-primary { margin-bottom: 120px; } .subscription { padding: 30px; overflow: hidden; } .subscription h2.middlealign, .subscription .middlealign.h2 { display: flex; align-items: center; margin: 0; } .subscription h2.middlealign span, .subscription .middlealign.h2 span { font-weight: 400; font-size: 24px; color: #00053E; } .subscription h2.middlealign + p, .subscription .middlealign.h2 + p { margin-top: 10px; } .subscription .middlealign img { width: 20px; margin-right: 15px; } .subscription .newsletter-list-set { display: flex; margin-bottom: 20px; } @media (max-width: 767.98px) { .subscription .newsletter-list-set { flex-wrap: wrap; } } .subscription .newsletter-list-container { padding-right: 30px; width: 50%; } @media (max-width: 991.98px) { .subscription .newsletter-list-container { padding-right: 20px; } } @media (max-width: 767.98px) { .subscription .newsletter-list-container { width: 100%; padding-right: 0; margin-bottom: 20px; } } .subscription .newsletter-list-container p { margin-top: 20px; } .subscription .newsletter-list-container .newsletter-list-img-container img { max-width: 100%; } .subscription .js-form-type-checkbox { overflow: hidden; } .subscription .news-sub-set-1 h2, .subscription .news-sub-set-1 .h2 { display: flex; align-items: center; color: #013B82; font-weight: 500; font-size: 20px; margin-bottom: 50px; } .subscription .news-sub-set-1 h2 span, .subscription .news-sub-set-1 .h2 span { display: inline-flex; justify-content: center; align-items: center; content: ""; margin-right: 15px; width: 32px; height: 32px; background-color: #00053E; color: #fff; border-radius: 50px; } .subscription .news-sub-set-1 h2 label, .subscription .news-sub-set-1 .h2 label { width: calc(100% - 47px); } @media (max-width: 767.98px) { .subscription .news-sub-set-1 { margin-bottom: 50px; } .subscription .news-sub-set-1 h2, .subscription .news-sub-set-1 .h2 { margin-bottom: 25px; } } .subscription .margin-top-25 { margin-top: 45px; } .subscription .js-form-item input { opacity: 0; z-index: 1; width: 90%; position: absolute; margin-right: -20px; cursor: pointer; } .subscription .js-form-item label { position: relative; padding-left: 25px; } .subscription .js-form-item label::after, .subscription .js-form-item label::before { position: absolute; content: ""; position: absolute; left: 0; top: -2px; width: 20px; height: 20px; border: 2px solid #0095DA; border-radius: 100%; background-color: #fff; } .subscription .js-form-item [type=checkbox]:checked + label:after, .subscription .js-form-item [type=checkbox]:not(:checked) + label:after { content: ""; display: block; width: 12px; height: 12px; background: #0095DA; position: absolute; top: 2px; left: 4px; border-radius: 100%; transition: all 0.2s ease; } .subscription .js-form-item [type=checkbox]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .subscription .js-form-item [type=checkbox]:checked + label:after { opacity: 1; transform: scale(1); } .subscription .js-form-item.form-item-email { overflow: hidden; } .subscription .js-form-item.form-item-email input { width: 100%; height: 46px; opacity: 1; position: relative; } .subscription .form-group { display: flex; position: relative; } .subscription .form-group .subscribe-btn { padding: 14px 12px; height: 46px; font-size: 16px; line-height: 16px; color: #fff; background-color: #013B82; border-radius: 0 4px 4px 0; } .subscription .form-group .result-message { position: absolute; left: 0; z-index: 1; top: 100%; font-size: 15px; color: #FF414E; } .ui-dialog { padding: 0; max-width: 540px; } .ui-dialog .ui-dialog-titlebar { padding-top: 30px; padding-bottom: 0; background-color: transparent; border: 0; border-radius: 0; color: #013B82; font-size: 20px; font-weight: 600; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity: 0.5; width: 0.75em; height: 0.75em; right: 1.3em; top: 50%; } .ui-dialog .ui-dialog-content { margin: 0; padding: 0 1.4em 1em; display: flex; align-items: center; font-size: 15px; border-radius: 0.25rem; color: #343434; border: none; } .ui-dialog.white-bg .ui-dialog-content { margin: 0; background-color: #fff; } .ui-dialog .ui-dialog-title { font-weight: 600; } .ui-widget-overlay { background-color: #000; opacity: 0.5; z-index: 1003 !important; } .publication__wrapper .col-sm-4 { position: relative; margin-bottom: 50px; } .publication__wrapper .col-sm-4:after { position: absolute; z-index: 1; display: block; content: ""; left: 15px; bottom: 0; width: calc(100% - 30px); height: 1px; border-bottom: 1px solid #EFEFEF; } .publication figure { position: relative; z-index: 1; background-color: #fff; } .publication figure img { margin: 0 auto; display: block; width: 100%; max-width: 100%; height: 350px; object-fit: contain; box-shadow: 0 3px 11px rgba(0, 0, 0, 0.08); } .publication figcaption { padding-top: 20px; } .publication__tag, .publication__date { display: inline-block; padding: 8px 12px; margin: 0 10px 10px 0px; color: #000; font-size: 14px; background-color: rgba(0, 149, 218, 0.1); } .publication__title { display: block; position: relative; padding: 14px 0 30px; color: #013B82; font-size: 20px; } .publication__truncate { display: block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .publication__popover { display: none; background-color: #fff; border: 1px solid #E6E6E6; } .publication__popover:after, .publication__popover:before { bottom: 100%; left: 15%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .publication__popover:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 15px; margin-left: -15px; } .publication__popover:before { border-color: rgba(110, 110, 110, 0); border-bottom-color: #E6E6E6; border-width: 16px; margin-left: -16px; } .publication a:hover .publication__title, .publication a:focus .publication__title, .publication a:active .publication__title, .publication a:visited .publication__title { text-decoration: none; } .publication a:hover .publication__title { color: #2b7bb9; } .news-item { margin-bottom: 50px; } .news-item figure { position: relative; z-index: 1; } .news-item figure img { width: 100%; height: 215px; display: block; margin: 0 auto; object-fit: cover; } @media (max-width: 991.98px) { .news-item figure img { height: 175px; } } .news-item__tag { position: relative; margin-top: 20px; } .news-item__tag span { display: inline-block; padding: 8px 12px; margin: 0 10px 10px 0px; font-size: 14px; background-color: rgba(0, 149, 218, 0.1); } @media (max-width: 767.98px) { .news-item__tag span { padding: 0; color: rgba(124, 135, 142, 0.7); background-color: transparent; } .news-item__tag .category { position: absolute; top: -70px; z-index: 2; padding: 8px 12px; left: 15px; background-color: black; color: #fff; border-radius: 2px; } } .news-item h4, .news-item .h4 { margin-bottom: 15px; font-size: 20px; line-height: 27px; color: #013B82; } .news-item p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; color: #707070; overflow: hidden; } .message-list { margin: 0 35px; } .message-list li { display: flex; position: relative; margin-bottom: 40px; border-bottom: 1px solid #C7C7C7; } .message-list li.new:after { position: absolute; top: 3px; left: -27px; display: block; content: ""; width: 12px; height: 12px; background-color: #39BB9D; border-radius: 50px; } .message-list li:hover:before { position: absolute; display: block; content: ""; top: -41px; left: -65px; bottom: -2px; right: -65px; background-color: rgb(255, 247, 239); } .message-list li:first-child:hover:before { top: -30px; } .message-list__item { width: 86%; } .message-list p { position: relative; z-index: 1; color: #343434; font-size: 20px; font-weight: 400; } .message-list__info { margin: 0; padding-top: 5px; margin-bottom: 25px; color: #707070 !important; font-size: 17px !important; } .message-list__info img { margin-top: -3px; margin-right: 10px; } .message-list h2, .message-list .h2 { position: relative; z-index: 1; margin-bottom: 15px; color: #013B82; font-size: 16px; font-weight: 500; text-transform: uppercase; } .message-list h2 span, .message-list .h2 span { color: #8A1538; text-transform: none; font-weight: 400; } .message-list h2 strong, .message-list .h2 strong { display: inline-block; margin: 0 10px; color: #707070; } .message-list__view { display: flex; align-items: center; justify-content: flex-end; width: 14%; } .message-list__view a { position: relative; font-size: 20px; color: #0095DA; margin-right: 25px; } .message-list__view a:after { position: absolute; top: 10px; right: -17px; display: block; content: ""; width: 8px; height: 14px; background-image: url("../images/icons/arrow-view-details.svg"); background-repeat: no-repeat; background-position: center; } .message-list__view a:hover { text-decoration: underline; } .message-list + .btn-loadmore { margin: 0 0 35px 35px; } @media (max-width: 991.98px) { .message-list li { flex-wrap: wrap; flex-direction: column; } .message-list__item, .message-list__view { width: 100%; } .message-list__info { margin-bottom: 10px; } .message-list__view { margin-bottom: 25px; } } .no-notification { min-height: 75vh; display: flex; justify-content: center; flex-wrap: wrap; } .no-notification .center { display: flex; align-self: center; justify-content: center; flex-wrap: wrap; } .no-notification p { width: 100%; margin: 25px 0; font-family: "aktiv-grotesk"; font-size: 16px; font-weight: 600; color: #013B82; text-align: center; } .no-notification p span { display: block; font-family: "Effra"; font-weight: 400; color: #00053E; } .aim-wrapper { background-color: #fff; overflow: visible; } .aim-wrapper h2, .aim-wrapper .h2 { font-size: 24px; color: #013B82; font-weight: 600; margin-bottom: 15px; } .aim-wrapper p { font-size: 19px; color: #343434; } .aim-wrapper section { margin-bottom: 70px; } .aim-wrapper .contact { margin-bottom: 0; } .aim-wrapper .contact + section { margin-bottom: 0; } @media (max-width: 991.98px) { .aim-wrapper section { margin-bottom: 35px; } } .aim-banner { position: relative; } .aim-banner img { min-height: 400px; object-fit: cover; } .aim-banner__caption { position: absolute; top: 0; left: 0; right: 0; bottom: 30px; display: flex; align-items: center; } .aim-banner h1, .aim-banner .h1 { font-size: 55px; color: #fff; } .aim-banner p { color: #fff; font-size: 20px; } @media (max-width: 991.98px) { .aim-banner h1, .aim-banner .h1 { font-size: 46px; } } @media (max-width: 767.98px) { .aim-banner h1, .aim-banner .h1 { font-size: 32px; } .aim-banner p { font-size: 14px; } } .aim-heading h2, .aim-heading .h2 { padding-bottom: 20px; font-weight: bold; } .aim-heading ul { margin-top: 30px; } .aim-heading P { font-weight: 400; opacity: 0.8; } .aim-heading li { float: left; padding-left: 40px; min-height: 30px; width: 33.33%; color: #343434; margin-bottom: 25px; font-size: 19px; background-image: url("../images/icons/points-icon.svg"); background-repeat: no-repeat; background-position: top left; } @media (max-width: 991.98px) { .aim-heading { margin-bottom: 20px !important; } .aim-heading ul { display: flex; flex-wrap: wrap; } .aim-heading li { width: 50%; font-size: 18px; } .aim-heading h2, .aim-heading .h2 { padding-bottom: 0; } } @media (max-width: 767.98px) { .aim-heading ul { margin-top: 15px; } .aim-heading li { margin-bottom: 20px; width: 100%; background-size: 20px; background-position: 6px 4px; } .aim-heading li:last-of-type { margin-bottom: 0; } } .table-block h2, .table-block .h2 { margin-bottom: 30px; } .table-block .nav-tabs { border-bottom: none; } .table-block .nav-tabs .nav-item { margin-right: 20px; } .table-block .nav-link { color: #013B82; font-size: 20px; min-height: 45px; } .table-block .nav-link:hover, .table-block .nav-link.active { color: #fff; font-weight: 400; background-color: #013B82; border-radius: 4px; border: 1 solid transparent; } .table-block .tab-content { margin-top: 25px; padding-top: 25px; border-top: 1px solid #C9C9C9; } .table-block thead td, .table-block thead th { color: #013B82; font-size: 20px; font-weight: 500; } .table-block thead tr { background-color: #fff; } .table-block tbody td { color: #343434; font-size: 20px; box-shadow: none; border-bottom-width: 0; } .table-block td { padding: 24px 0; } .table-block td a { color: #013B82; white-space: nowrap; } .table-block td a:hover { text-decoration: underline; color: #0095DA; } .table-block tr th { padding: 24px 0; } .table-block tr td, .table-block tr th { padding-left: 40px; } .table-block tr td:last-child, .table-block tr th:last-child { padding-right: 40px; } .table-block .table > :not(:last-child) > :last-child > * { border-bottom-color: transparent; } .table-block .table-striped > tbody > tr:nth-of-type(even) { background-color: #fff; } .table-block .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(227, 238, 244, 0.49); } .table-block__icon { display: inline-block; margin-left: 40px; padding-left: 40px; border-left: 1px solid #C9C9C9; } .table-block__icon img { padding-right: 12px; } .table-block .nav-pills .nav-item { width: 100%; } .table-block .nav-pills .nav-item .nav-link { display: flex; justify-content: space-between; align-items: center; padding: 12px; font-size: 18px; border: 1px solid #C9C9C9; } .table-block .nav-pills .nav-item .nav-link:hover, .table-block .nav-pills .nav-item .nav-link.active { background-color: transparent; color: #013B82; } .table-block .nav-pills .dropdown-menu { width: 100%; } .table-block .nav-pills .dropdown-menu .dropdown-item { padding: 10px 15px; } .table-block .nav-pills .dropdown-menu .dropdown-item.active, .table-block .nav-pills .dropdown-menu .dropdown-item:active { background-color: #013B82; } @media (max-width: 991.98px) { .table-block thead td, .table-block thead th, .table-block tbody td, .table-block tbody th { font-size: 16px; } } @media (max-width: 767.98px) { .table-block .nav-tabs { display: flex; flex-wrap: nowrap; white-space: nowrap; overflow: auto; } .table-block tr td, .table-block tr th { padding: 7px; } .table-block tr td:first-child, .table-block tr th:first-child { padding-left: 15px; } .table-block tr td:last-child, .table-block tr th:last-child { padding-right: 15px; } .table-block .tab-content { border-top: none; padding-top: 0; } } .pre-flight .container { position: relative; z-index: 1; } .pre-flight__end-block p { font-size: 16px; color: #343434; opacity: 0.97; } .pre-flight h3, .pre-flight .h3 { font-family: "Effra"; font-size: 22px; color: #0095DA; } .pre-flight .btn-primary { margin-right: 30px; } .pre-flight__up { margin-top: 40px; } .pre-flight ul { margin-top: 20px; } .pre-flight li { float: left; margin-right: 20px; } .pre-flight li span { margin-right: 5px; } .pre-flight li a { color: #343434; } .pre-flight li a:hover, .pre-flight li a:focus { text-decoration: none; } .pre-flight .btn { margin-top: 40px; min-height: 52px; } @media (max-width: 991.98px) { .pre-flight .btn { margin: 20px 0; } .pre-flight .btn-primary { margin-right: 20px; } .pre-flight__end-block { margin-top: 15px; } } @media (max-width: 767.98px) { .pre-flight__end-block { margin-top: 35px; } .pre-flight__up { margin-top: 25px; } .pre-flight .btn { margin: 10px 0; width: 100%; } .pre-flight .btn-cancel { margin-bottom: 0; } .pre-flight li { margin: 0 0 15px; width: 100%; } .pre-flight li:last-of-type { margin-bottom: 0; } } .post-info { position: relative; padding: 75px 20px; background-color: #00053E; } .post-info h2, .post-info .h2, .post-info p { color: #fff; } .post-info h2 a, .post-info .h2 a, .post-info p a { font-size: 16px; } .post-info h2 img, .post-info .h2 img, .post-info p img { margin: 0 8px; } .post-info h2, .post-info .h2 { margin-bottom: 20px; } .post-info__box { position: relative; z-index: 1; float: left; padding: 35px; margin: 0 12px; width: calc(50% - 24px); background-color: #fff; border-radius: 6px; } .post-info__box h3, .post-info__box .h3 { font-family: "Effra"; color: #013B82; min-height: 48px; } .post-info__box__graphic { margin: 35px 0; } .post-info__box__graphic img { max-width: 100%; } .post-info__box .btn { display: flex; align-items: center; min-height: 50px; padding: 10px 20px; } .post-info ul { margin-top: 20px; } .post-info li { position: relative; padding-left: 20px; } .post-info li:after { position: absolute; top: 10px; left: 0; display: block; content: ""; width: 6px; height: 6px; background-color: #fff; border-radius: 50px; } .post-info li a { font-size: 19px; } .post-info li a:hover { text-decoration: underline; } .post-info:after { display: block; content: ""; position: absolute; top: -16%; right: -4%; width: 925px; height: 470px; background-image: url(../images/bg/block-cross-pattern.png); background-repeat: no-repeat; background-size: 100%; } @media (max-width: 991.98px) { .post-info { padding: 50px 10px; } .post-info__box { width: calc(50% - 12px); } .post-info__box:first-of-type { margin-left: 0; } .post-info__box:last-of-type { margin-right: 0; } .post-info:after { display: none; } } @media (max-width: 767.98px) { .post-info { padding: 35px 5px; } .post-info__box { margin: 10px 0; width: 100%; } } .contact { padding: 70px 0; background-color: #013B82; background-image: url(../images/bg/contact-bg.svg); background-repeat: no-repeat; background-position: right 60px; } .contact h3, .contact .h3 { font-size: 24px; margin-bottom: 40px; } .contact h3, .contact .h3, .contact p { color: #fff; } .contact li { margin-bottom: 30px; color: #39BB9D; } .contact li span { display: block; margin-top: 5px; margin-left: 50px; color: #fff; } .contact li:last-of-type { margin-bottom: 0; } .contact li img { margin-right: 20px; } @media (max-width: 991.98px) { .contact { padding: 35px 0; } } @media (max-width: 767.98px) { .contact p { margin-bottom: 40px; } } .subscribe-link { position: fixed; z-index: 2; top: calc(100% - 190px); right: 35px; } .subscribe-link p { position: relative; width: 0; min-height: 52px; background-color: transparent; font-size: 0; font-weight: 500; color: #fff; border-radius: 50px; border: 1px solid transparent; transition: width 0.5s ease, border 0.5s ease, background-color 0.5s ease; } .subscribe-link span { position: absolute; top: -10px; right: -8px; display: block; content: ""; width: 72px; height: 72px; background-image: url("../images/icons/mail-inbox-app.svg"); background-repeat: no-repeat; background-position: center; border-radius: 50px; background-color: #0095DA; } .subscribe-link:hover p { font-size: 20px; width: 190px; padding: 12px 0 12px 20px; padding-right: 80px; color: #0095DA; border: 1px solid #0095DA; background-color: #fff; } @media (max-width: 991.98px) { .subscribe-link { top: calc(100% - 175px); right: 10px; } .subscribe-link p { padding: 0; font-size: 0; min-height: 47px; } .subscribe-link p span { width: 56px; height: 56px; } .subscribe-link span { top: -6px; } .subscribe-link:hover p { width: 160px; padding: 6px 0 6px 16px; } } .aim-list { padding: 50px 0; background-color: #013B82; } .aim-list h2, .aim-list .h2 { color: #fff; } .aim-list ul { display: flex; justify-content: space-between; } .aim-list .views-element-container { width: 100%; } .aim-list li { display: flex; float: left; padding: 40px 20px; width: 48%; background-color: #fff; border-radius: 4px; } .aim-list li p { margin: 0; font-size: 20px; color: #343434; } .aim-list li p:first-child { color: #0095DA; } .aim-list__icon { display: inline-flex; align-items: center; justify-content: center; width: 120px; border-right: 1px solid rgba(112, 112, 112, 0.26); } .aim-list__points { display: inline-flex; padding-left: 40px; flex-wrap: wrap; align-items: center; } .page-servicesList { background: #013B82; padding: 60px 0; } @media (max-width: 767.98px) { .page-servicesList { padding: 20px 0 40px; } } .e-services-list .card { position: relative; border: none; border-radius: 6px; overflow: hidden; } .e-services-list .card .card-body { padding: 30px; min-height: 295px; } @media (max-width: 767.98px) { .e-services-list .card .card-body { min-height: auto; } } .e-services-list .item { margin-bottom: 24px; } .e-services-list .icon { padding: 5px; height: 62px; width: 62px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .e-services-list .icon img { height: 35px; object-fit: contain; } .e-services-list h5, .e-services-list .h5 { font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ECECEC; } .e-services-list .back { background: #0095DA; position: absolute; left: 0; top: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; padding: 30px; transform: translateY(30px); transition: all 0.4s; } .e-services-list .back h5, .e-services-list .back .h5 { border-bottom: 1px solid #fff; } .e-services-list .back h6, .e-services-list .back .h6 { color: rgba(255, 255, 255, 0.8); display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; height: 114px; } .e-services-list .back * { padding: 0; color: #fff; position: relative; z-index: 1; } .e-services-list .back:before { width: 280px; height: 147px; background: url("../images/icons/card-pattern-1.svg") no-repeat 0; position: absolute; right: 0; bottom: 0; content: ""; z-index: 0; opacity: 0.24; } .e-services-list h6, .e-services-list .h6 { font-size: 16px; color: #7C878E; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 57px; } .e-services-list--remove-cover .back { display: none; } .e-services-list--remove-cover .front a { text-decoration: none; } .e-services-list--remove-cover .front a h5, .e-services-list--remove-cover .front a .h5 { color: initial; } .e-services-list ol { padding-inline-start: 25px !important; } .e-services-list ol li { list-style: decimal; } .e-services-list p, .e-services-list ol, .e-services-list ul { font-size: 16px; font-weight: 500; color: #7C878E; } .e-services-list .card:hover .back { visibility: visible; opacity: 1; transform: translateY(0); transition: all 0.4s; } .e-services-list .back .e-services-list .btn.more { font-size: 16px; font-weight: bold; position: relative; padding: 0; padding-right: 20px; } .e-services-list .btn.more:before { position: absolute; content: ""; right: -20px; top: 50%; margin-top: -4px; width: 14px; height: 10px; -webkit-mask-image: url("../images/icons/icon-more.svg"); -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; background-color: #fff; } .table-2 > tbody > tr:nth-of-type(odd) { background: rgba(227, 238, 244, 0.5); } .table-2 > tbody > tr td { color: #013B82; } .table-2 thead td { color: #343434; font-weight: bold; border: none; } .table-2 td { font-size: 14px; padding: 5px; } @media (max-width: 991px) { .table-2 td { font-size: 14px; white-space: nowrap; } } .tender-block { margin-bottom: 35px; border-bottom: 1px solid #ECECEC; } .tender-block .tag-box { display: inline-flex; align-items: center; padding: 0 14px; margin-right: 15px; min-height: 30px; font-size: 14px; color: #00053E; background-color: rgba(0, 149, 218, 0.1); } .tender-block h2, .tender-block .h2 { margin-bottom: 5px; font-size: 22px; font-weight: 500; } .tender-block h2 small, .tender-block .h2 small, .tender-block h2 .small, .tender-block .h2 .small { display: flex; align-items: center; margin-bottom: 15px; font-size: 20px; font-weight: 400; color: #343434; } .tender-block h2 a, .tender-block .h2 a { color: #013B82; } .text-blue{ color: #013B82; } .tender-block h2:hover a, .tender-block .h2:hover a { color: #0095DA; text-decoration: underline; } .tender-block .highlight { margin: 25px 0; padding: 30px 25px; background-color: rgba(255, 191, 128, 0.12); } .tender-block .highlight ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; } .tender-block .highlight li { padding-left: 50px; padding-right: 25px; width: 33.33%; border-right: 2px solid #707070; } .tender-block .highlight li:last-of-type { padding-right: 0; border-right: none; } .tender-block .highlight li:first-of-type { padding-left: 0; } .tender-block .highlight li span { display: block; } .tender-block .highlight p { margin: 0; color: #343434; } .tender-block .highlight p span { font-weight: 500; color: #8A1538; } .tender-block .highlight--details { border-bottom: none; } .tender-block .highlight--details li { padding: 0 15px; width: 25%; } .tender-block p { color: #707070; } @media (max-width: 1199.98px) { .tender-block .highlight { padding: 25px; } .tender-block .highlight li { margin-bottom: 25px; width: 50%; } .tender-block .highlight li:nth-child(2) { border-right: none; } .tender-block .highlight li:last-of-type { padding-left: 0; } } @media (max-width: 1199.98px) { .tender-block .highlight { padding: 15px; } .tender-block .highlight li { width: 100%; padding-left: 0; border-right: none; } .tender-block .highlight li:last-of-type { margin-bottom: 0; } } .directory-item { margin-bottom: 25px; } .directory-item .title-block { padding: 20px; font-size: 20px; color: #013B82; background-color: #F9FDFF; border: 1px solid rgba(0, 149, 218, 0.4); } .directory-item ul { padding: 20px; margin-bottom: 0; border: 1px solid #CECECE; border-top: none; } .directory-item li { display: flex; margin-bottom: 10px; } .directory-item li img { margin-right: 10px; } .directory-item li a { text-decoration: underline; } .subscription-bulk th { color: #013B82; } .subscription-bulk td { color: #343434; } .subscription-bulk td label { padding-inline-start: 5px; } .subscription-bulk .select-all + th { font-size: 18px; padding-inline-start: 5px; } .subscription-bulk .subscribe-wrapper { margin: 10px 0; padding-top: 20px; border-top: 1px solid #ECECEC; } .subscription-bulk .fieldset-legend { font-size: 18px; font-weight: 600; color: #013B82; padding-bottom: 20px; } .subscription-bulk .newsletter-subscribe-wrapper { margin-bottom: 20px; } .subscription-bulk .form-checkboxes label { padding-inline-start: 5px; color: #343434; font-weight: 400; } .subscription-bulk .subscribe-btn { margin-top: 50px; background-color: #013B82; border-color: #013B82; text-decoration: none; color: #fff; } #subscription-entity-bulk-form .subscribe-wrapper { border-top: none; } #subscription-entity-bulk-form .form-checkbox { accent-color: #013b82; display: block; width: 20px; height: 20px; cursor: pointer; } #subscription-entity-bulk-form .fieldset-wrapper .js-form-type-checkbox { display: flex; align-items: center; } #subscription-entity-bulk-form .subscribe-btn { padding: 14px 12px; height: 46px; line-height: 16px; } .subscription-bulk td label { padding-inline-start: 10px; } .subscription-bulk td th { padding-bottom: 10px; } .subscription-bulk .select-all + th { padding-inline-start: 10px; font-size: 20px; } .subscription-bulk .form-checkboxes label { padding-inline-start: 10px; } .error-message { color: #ff414e; } .webform-general-wrapper { padding-inline-end: 35%; } .webform-general-wrapper .js-form-item { display: flex; flex-direction: column; margin-bottom: 1.5rem; } .webform-general-wrapper .js-form-item .form-item--error-message { color: #FF414E; } .webform-general-wrapper label { margin-bottom: 5px; color: #000; font-weight: 500; } .webform-general-wrapper input { min-height: 38px; padding: 12px 14px; color: #00053E; border-radius: 4px; border: 1px solid #D4D4D4; } .webform-general-wrapper input:hover, .webform-general-wrapper input:focus, .webform-general-wrapper input:active, .webform-general-wrapper input:target, .webform-general-wrapper input:visited { border: 1px solid #013B82; } .webform-general-wrapper textarea { width: 100%; resize: none; } .webform-general-wrapper textarea:hover, .webform-general-wrapper textarea:focus, .webform-general-wrapper textarea:active { border: 1px solid #013B82; } .webform-general-wrapper .description { margin: 10px 0; color: #777777; } .webform-general-wrapper .form-select { padding: 12px 14px; font-size: 1.6rem; } .webform-general-wrapper p span { font-weight: 400 !important; font-family: inherit !important; color: #777777 !important; } .webform-general-wrapper .button--primary { background: #013B82 !important; border: none; color: #fff !important; padding: 10px 12px; border-radius: 4px; font-weight: 500; } .webform-general-wrapper .col-md-12.contact-input-control-set-01 { width: 100%; } .webform-general-wrapper div[role=alert] { color: #FF414E; } .webform-general-wrapper div[role=alert] ul { display: flex; flex-wrap: wrap; margin: 10px 0 30px; } .webform-general-wrapper div[role=alert] ul li { padding: 0; margin: 0; } .webform-general-wrapper div[role=alert] ul li a { font-size: 1.4rem; color: #FF414E; } .notification img { filter: grayscale(100%); } .header-top { height: auto; min-height: fit-content; } .weatherbox .container { width: 100%; } @media (min-width: 1200px) and (max-width: 1400px) { .header-top__caa-logo { max-width: 240px; } } @media (min-width: 1200px) and (max-width: 1400px) { .main-menu__heading { display: none; } .main-menu__scroll > .nav { padding-top: 100px; } .main-menu__search { height: auto; padding-top: 30px; padding-bottom: 30px; } footer .footer-top-block__social span { font-size: 14px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .main-menu { top: 78px; } } .footer__caa-logo { max-width: 100%; height: 60px; margin-bottom: 15px; } body footer .container { max-width: 1140px; } body .footer__contact { padding: 30px; padding-left: 0; } body .footer__contact a { font-size: 14px; } body .footer__links ul a { font-size: 14px; } body .aim-wrapper { overflow: visible; } body .content-wrapper__blur-image .blur-image, body .inside-header__image { display: none; } .subscription-bulk { padding: 24px; } .subscription-bulk .form-item-email { margin-bottom: 24px; } .weatherbox > .container > .row { align-items: center; justify-content: space-between; } @media (max-width: 1199px) { .weatherbox > .container > .row { justify-content: flex-start; } } @media (max-width: 1099px) { .weatherbox > .container > .row > .col-11 { width: 100%; } } .ui-dialog .ui-dialog-content { align-items: flex-start; } .weatherbox__inner { justify-content: flex-end; } .content-wrapper img { max-width: 100%; height: auto; } .home-banner .home-slider .slick-dots { z-index: 999; } @media (min-width: 1200px) and (max-width: 1390px) { .weatherbox .info-box .item { display: inline-flex; width: auto; } .weatherbox .message-box, .weatherbox .info-box { flex: 0 0 50%; max-width: 50%; } .weatherbox .message-box { justify-content: space-between; } .weatherbox .info-box { width: 50%; } } @media (max-width: 1199px) { .weatherbox__inner { flex-wrap: wrap; justify-content: space-between; align-items: center; } .home-banner__notice.width-animate.close { left: auto; right: 15px; bottom: 135px; margin-inline-start: 0; } .weatherbox .message-box { gap: 10px; padding-inline-end: 0; max-width: 38%; flex: 0 0 auto; justify-content: flex-end; } .weatherbox__message { width: auto; padding-inline: 10px; min-height: auto; margin: 0; } .weatherbox__message span, .weatherbox__message p { font-size: 12px; } .weatherbox__message span { height: 22px; } .weatherbox .message-box, .weatherbox .info-box { flex: 1 0 0%; max-width: 100%; } .weatherbox__link { flex: 0 0 50px; min-height: 45px; } .weatherbox__weather, .weatherbox__temp, .weatherbox__location { font-size: 14px; } .owl-carousel .owl-nav { margin-inline-start: 0; } .home-banner__wrapper { padding-bottom: 0; } } @media (max-width: 991px) { .weatherbox .message-box, .weatherbox .info-box { flex: 0 0 100%; justify-content: flex-start; } .weatherbox__location { margin-inline-start: 0; } .weatherbox__message { padding: 10px; width: 100%; } .weatherbox .message-box { flex-direction: row; } .weatherbox { padding: 15px 0; } .home-banner__notice.width-animate.close { bottom: 15px; } .weatherbox .info-box .item, .weatherbox .message-box .item { display: flex; flex-wrap: wrap; } .weatherbox__inner .owl-carousel .owl-nav { top: -20px; right: 12px; } } @media (max-width: 767.98px) { .weatherbox__location { padding-inline-end: 10px; } .weatherbox__inner .owl-carousel .owl-nav { top: -25px; } .home-banner .home-slider .slick-dots li { height: auto; } } .pdf-reader{ position: relative; z-index: 1; } .pdf-reader .toolbar{ top: -40px; } .pdf-reader #viewer{ height: 75vh; } /* 16052023 */ .table-block td { padding-block: 8px; } .slick-list { overflow: hidden; } .link-slider { max-width: 100% !important; padding-inline: 25px; position: relative; } .link-slider .slick-track { display: flex; align-items: center; } .link-slider .slick-slide { min-width: 180px; justify-content: center; text-align: center; } .link-slider .slick-arrow { width: 30px; height: 30px; overflow: hidden; display: block; position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; border: 2px solid #013B82; border-radius: 5px; background-color: #fff; } @media (max-width: 575.98px) { .link-slider .slick-arrow { top: 50% !important; transform: translateY(-50%); } } .link-slider .slick-arrow:before { content: ''; width: 12px; height: 12px; border: 2px solid #013B82; display: block; margin: auto; top: 7px; transform: rotate(45deg); position: absolute; } .link-slider .slick-next { inset-inline-end: -12px !important; } .link-slider .slick-prev { inset-inline-start: -12px !important; } .link-slider .slick-next:before { border-inline-start: 0; border-block-end: 0; inset-inline-start: 5px; } .link-slider .slick-prev:before { border-inline-end: 0; border-block-start: 0; inset-inline-end: 5px; } .link-slider .slick-arrow.slick-disabled { opacity: 0.4; } .lightRed-bg{ background-color: rgba(138, 20, 56, 0.12)!important; } .gery-text1{ color: #1D1D1D!important;} .gery-text2{ color: #707070!important;} .green-text{ color: #39BB9D!important;} .float-none{ float: none!important;} .primary-text{color: #013B82!important;} .editor-style ul li{ position: relative; list-style: none; } .editor-style ul li::after{ position: absolute; top: 7px; inset-inline-start: -20px; display: block; content: ""; width: 10px; height: 10px; background-color: #8A1538; border-radius: 20px; } .editor-style ol li{ position: relative; list-style: decimal; } .editor-style ol{ font-size: 16px; color: #1D1D1D; margin-left: 35px; padding: 0 0 5px 3px; }