@charset "UTF-8"; /*----------------------------------------------------------- Theme Name: Starapp Theme URI: http://html.aonecolor.com/Starapp/ Description: Mobile Template Version: 1.0.0 -------------------------------------------------------------*/ /*----------------------------------------------------------- Table of Content: 2. Bootstrap CSS 1. Abstract 3. Base 4. Component 5. Pages 7. Header 8. Footer */ @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"); @import "./../vendor/owl-carousel/css/owl.carousel.min.css"; @import "./../vendor/owl-carousel/css/owl.theme.default.css"; .theme-dark { background-color: #1a2236; } .theme-dark .app-content { background-color: #1a2236; } .theme-dark #mySidenav { background-color: #1a2236; } .theme-dark #bquet { color: #fff; } .theme-dark .modal-content { background-color: #1a2236; color: #fff; } .theme-dark .form-group label { color: #fff; } .theme-dark .colorwhite { color: #fff; } .theme-dark .list-group-item, .theme-dark #epg_list, .theme-dark #live_cat, .theme-dark #live_cat2 { background-color:#293145; color: #fff; } .theme-dark .nav-tabs .nav-link, .theme-dark .tab-content { color:#fff; } .theme-dark .episode-box .episode-list .ep-list-min .ep-title { color:#fff !important; } .theme-dark .accordion .card button i { color: #fff; } .theme-dark .app-content:before { background-color: rgba(0, 0, 0, 0.9); } .theme-dark .card { background-color: #293145 !important; } .theme-dark .app-footer { background-color: #293145 !important; border-top: 0; } .theme-dark .app-footer i { color: #fff; } .theme-dark .app-header .logo svg path { fill: #fff; } .theme-dark .app-header .menu-icon i { color: #fff; } .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6, .theme-dark .h1, .theme-dark .h2, .theme-dark .h3, .theme-dark .h4, .theme-dark .h5, .theme-dark .h6 { color: #fff !important; } .color-theme-red { ---theme-color: #ff3b30; ---theme-color-rgb: 255, 59, 48; ---theme-color-shade: #ff1407; ---theme-color-tint: #ff6259 ; } .color-theme-green { ---theme-color: #4cd964; ---theme-color-rgb: 76, 217, 100; ---theme-color-shade: #2cd048; ---theme-color-tint: #6ee081 ; } .color-theme-blue { ---theme-color: #05f; ---theme-color-rgb: 33, 150, 243; ---theme-color-shade: #09f; ---theme-color-tint: #1E74FD; } .color-theme-pink { ---theme-color: #ff2d55; ---theme-color-rgb: 255, 45, 85; ---theme-color-shade: #ff0434; ---theme-color-tint: #ff5676 ; } .color-theme-yellow { ---theme-color: #ffcc00; ---theme-color-rgb: 255, 204, 0; ---theme-color-shade: #d6ab00; ---theme-color-tint: #ffd429 ; } .color-theme-orange { ---theme-color: #ff9500; ---theme-color-rgb: 255, 149, 0; ---theme-color-shade: #d67d00; ---theme-color-tint: #ffa629 ; } .color-theme-purple { ---theme-color: #9c27b0; ---theme-color-rgb: 156, 39, 176; ---theme-color-shade: #7e208f; ---theme-color-tint: #b92fd1 ; } .color-theme-deeppurple { ---theme-color: #673ab7; ---theme-color-rgb: 103, 58, 183; ---theme-color-shade: #563098; ---theme-color-tint: #7c52c8 ; } .color-theme-lightblue { ---theme-color: #5ac8fa; ---theme-color-rgb: 90, 200, 250; ---theme-color-shade: #32bbf9; ---theme-color-tint: #82d5fb ; } .color-theme-teal { ---theme-color: #009688; ---theme-color-rgb: 0, 150, 136; ---theme-color-shade: #006d63; ---theme-color-tint: #00bfad ; } .color-theme-lime { ---theme-color: #cddc39; ---theme-color-rgb: 205, 220, 57; ---theme-color-shade: #bac923; ---theme-color-tint: #d6e25c ; } .color-theme-deeporange { ---theme-color: #ff6b22; ---theme-color-rgb: 255, 107, 34; ---theme-color-shade: #f85200; ---theme-color-tint: #ff864b ; } .color-theme-gray { ---theme-color: #8e8e93; ---theme-color-rgb: 142, 142, 147; ---theme-color-shade: #79797f; ---theme-color-tint: #a3a3a7 ; } .color-theme-white { ---theme-color: #ffffff; ---theme-color-rgb: 255, 255, 255; ---theme-color-shade: #ebebeb; ---theme-color-tint: #ffffff ; } .color-theme-black { ---theme-color: #000000; ---theme-color-rgb: 0, 0, 0; ---theme-color-shade: #000000; ---theme-color-tint: #141414 ; } .color-theme-brown { ---theme-color: #5d463d; ---theme-color-rgb: 255, 107, 34; ---theme-color-shade: #5d463d; ---theme-color-tint: #5d463d ; } .color-theme-darkgreen { ---theme-color: #228B22; ---theme-color-rgb: 142, 142, 147; ---theme-color-shade: #79797f; ---theme-color-tint: #a3a3a7 ; } .color-theme-deeppink { ---theme-color: #12baaf; ---theme-color-rgb: 255, 255, 255; ---theme-color-shade: #6ae2da; ---theme-color-tint: #6ae2da ; } .color-theme-darkorchid { ---theme-color: #9932cc; ---theme-color-rgb: 0, 0, 0; ---theme-color-shade: #000000; ---theme-color-tint: #141414 ; } .inter-font { font-family: "Inter", sans-serif; } .mont-font { font-family: "Montserrat", sans-serif; } .lato-font { font-family: "Lato", sans-serif; } .dm-font { font-family: "DM Serif Display", serif; } .play-font { font-family: "Playfair Display", serif; } /*! * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #1E74FD; --secondary: #673BB7; --success: #10d876; --info: #2754e6; --warning: #FE9431; --danger: #E50202; --light: #f7f7f7; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #515184; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } 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 { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #1E74FD; text-decoration: none; background-color: transparent; } a:hover { color: #0250cd; text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #AEAED5; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } 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; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 400; line-height: 1.2; color: #111; } h1, .h1 { font-size: 1.5rem; } h2, .h2 { font-size: 1.25rem; } h3, .h3 { font-size: 1.125rem; } h4, .h4 { font-size: 1rem; } h5, .h5 { font-size: 0.875rem; } h6, .h6 { font-size: 0.75rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 4.375rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 2.625rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 2.125rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .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: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; 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: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1199px; } } .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; 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: 1199px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.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%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 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%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 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%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 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%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 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%; } } @media (min-width: 1400) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .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%; } } .table { width: 100%; margin-bottom: 1rem; color: #515184; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #E1E1F0; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #E1E1F0; } .table tbody + tbody { border-top: 2px solid #E1E1F0; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #E1E1F0; } .table-bordered th, .table-bordered td { border: 1px solid #E1E1F0; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #515184; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #c0d8fe; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #8ab7fe; } .table-hover .table-primary:hover { background-color: #a7c8fe; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #a7c8fe; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d4c8eb; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b099da; } .table-hover .table-secondary:hover { background-color: #c5b5e4; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c5b5e4; } .table-success, .table-success > th, .table-success > td { background-color: #bcf4d9; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #83ebb8; } .table-hover .table-success:hover { background-color: #a6f0cd; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #a6f0cd; } .table-info, .table-info > th, .table-info > td { background-color: #c3cff8; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #8fa6f2; } .table-hover .table-info:hover { background-color: #acbdf5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #acbdf5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffe1c5; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #fec794; } .table-hover .table-warning:hover { background-color: #ffd4ac; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffd4ac; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f8b8b8; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #f17b7b; } .table-hover .table-danger:hover { background-color: #f6a1a1; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f6a1a1; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfd; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfbfb; } .table-hover .table-light:hover { background-color: #f0f0f0; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f0f0f0; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #E1E1F0; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1399.98) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; 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::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #9cc2fe; outline: 0; box-shadow: 0 0 0 0rem rgba(30, 116, 253, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .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; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #515184; 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 { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #AEAED5; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #10d876; } .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; line-height: 1.5; color: #fff; background-color: rgba(16, 216, 118, 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: #10d876; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2310d876' 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: #10d876; box-shadow: 0 0 0 0rem rgba(16, 216, 118, 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 .custom-select:valid, .custom-select.is-valid { border-color: #10d876; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2310d876' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #10d876; box-shadow: 0 0 0 0rem rgba(16, 216, 118, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #10d876; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #10d876; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #10d876; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #2cef8f; background-color: #2cef8f; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0rem rgba(16, 216, 118, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #10d876; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #10d876; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #10d876; box-shadow: 0 0 0 0rem rgba(16, 216, 118, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #E50202; } .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; line-height: 1.5; color: #fff; background-color: rgba(229, 2, 2, 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: #E50202; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E50202' viewBox='0 0 12 12'%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='%23E50202' 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: #E50202; box-shadow: 0 0 0 0rem rgba(229, 2, 2, 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 .custom-select:invalid, .custom-select.is-invalid { border-color: #E50202; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E50202' viewBox='0 0 12 12'%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='%23E50202' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #E50202; box-shadow: 0 0 0 0rem rgba(229, 2, 2, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #E50202; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #E50202; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #E50202; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #fd1d1d; background-color: #fd1d1d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0rem rgba(229, 2, 2, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #E50202; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #E50202; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #E50202; box-shadow: 0 0 0 0rem rgba(229, 2, 2, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #515184; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; 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: #515184; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0rem rgba(30, 116, 253, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #1E74FD; border-color: #1E74FD; } .btn-primary:hover { color: #fff; background-color: #025ff3; border-color: #025ae6; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #025ff3; border-color: #025ae6; box-shadow: 0 0 0 0rem rgba(64, 137, 253, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #1E74FD; border-color: #1E74FD; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #025ae6; border-color: #0255d9; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(64, 137, 253, 0.5); } .btn-secondary { color: #fff; background-color: #673BB7; border-color: #673BB7; } .btn-secondary:hover { color: #fff; background-color: #57329a; border-color: #512f90; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #57329a; border-color: #512f90; box-shadow: 0 0 0 0rem rgba(126, 88, 194, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #673BB7; border-color: #673BB7; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #512f90; border-color: #4c2b87; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(126, 88, 194, 0.5); } .btn-success { color: #fff; background-color: #10d876; border-color: #10d876; } .btn-success:hover { color: #fff; background-color: #0db463; border-color: #0ca95c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #0db463; border-color: #0ca95c; box-shadow: 0 0 0 0rem rgba(52, 222, 139, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #10d876; border-color: #10d876; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #0ca95c; border-color: #0c9d56; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(52, 222, 139, 0.5); } .btn-info { color: #fff; background-color: #2754e6; border-color: #2754e6; } .btn-info:hover { color: #fff; background-color: #1843cf; border-color: #173fc3; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #1843cf; border-color: #173fc3; box-shadow: 0 0 0 0rem rgba(71, 110, 234, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #2754e6; border-color: #2754e6; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #173fc3; border-color: #153cb8; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(71, 110, 234, 0.5); } .btn-warning { color: #212529; background-color: #FE9431; border-color: #FE9431; } .btn-warning:hover { color: #212529; background-color: #fe800b; border-color: #fb7a01; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #fe800b; border-color: #fb7a01; box-shadow: 0 0 0 0rem rgba(221, 131, 48, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #FE9431; border-color: #FE9431; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #fb7a01; border-color: #ee7401; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(221, 131, 48, 0.5); } .btn-danger { color: #fff; background-color: #E50202; border-color: #E50202; } .btn-danger:hover { color: #fff; background-color: #bf0202; border-color: #b20202; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #bf0202; border-color: #b20202; box-shadow: 0 0 0 0rem rgba(233, 40, 40, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #E50202; border-color: #E50202; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b20202; border-color: #a60101; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(233, 40, 40, 0.5); } .btn-light { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-light:hover { color: #212529; background-color: #e4e4e4; border-color: #dedede; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e4e4e4; border-color: #dedede; box-shadow: 0 0 0 0rem rgba(215, 216, 216, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dedede; border-color: #d7d7d7; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(215, 216, 216, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #1E74FD; border-color: #1E74FD; } .btn-outline-primary:hover { color: #fff; background-color: #1E74FD; border-color: #1E74FD; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0rem rgba(30, 116, 253, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #1E74FD; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #1E74FD; border-color: #1E74FD; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(30, 116, 253, 0.5); } .btn-outline-secondary { color: #673BB7; border-color: #673BB7; } .btn-outline-secondary:hover { color: #fff; background-color: #673BB7; border-color: #673BB7; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0rem rgba(103, 59, 183, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #673BB7; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #673BB7; border-color: #673BB7; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(103, 59, 183, 0.5); } .btn-outline-success { color: #10d876; border-color: #10d876; } .btn-outline-success:hover { color: #fff; background-color: #10d876; border-color: #10d876; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0rem rgba(16, 216, 118, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #10d876; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #10d876; border-color: #10d876; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(16, 216, 118, 0.5); } .btn-outline-info { color: #2754e6; border-color: #2754e6; } .btn-outline-info:hover { color: #fff; background-color: #2754e6; border-color: #2754e6; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0rem rgba(39, 84, 230, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #2754e6; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #2754e6; border-color: #2754e6; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(39, 84, 230, 0.5); } .btn-outline-warning { color: #FE9431; border-color: #FE9431; } .btn-outline-warning:hover { color: #212529; background-color: #FE9431; border-color: #FE9431; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0rem rgba(254, 148, 49, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #FE9431; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #FE9431; border-color: #FE9431; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(254, 148, 49, 0.5); } .btn-outline-danger { color: #E50202; border-color: #E50202; } .btn-outline-danger:hover { color: #fff; background-color: #E50202; border-color: #E50202; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0rem rgba(229, 2, 2, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #E50202; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #E50202; border-color: #E50202; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(229, 2, 2, 0.5); } .btn-outline-light { color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-light:hover { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0rem rgba(247, 247, 247, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f7f7f7; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(247, 247, 247, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #1E74FD; text-decoration: none; } .btn-link:hover { color: #0250cd; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.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; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #515184; 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-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1400) { .dropdown-menu-xxl-left { right: auto; left: 0; } .dropdown-menu-xxl-right { right: 0; left: auto; } } .dropup .dropdown-menu { 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; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .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; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .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; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #1E74FD; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .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, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .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:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #1E74FD; background-color: #1E74FD; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0rem rgba(30, 116, 253, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #9cc2fe; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #cfe1ff; border-color: #cfe1ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #1E74FD; background-color: #1E74FD; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(30, 116, 253, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(30, 116, 253, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(30, 116, 253, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(30, 116, 253, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #9cc2fe; outline: 0; box-shadow: 0 0 0 0rem rgba(30, 116, 253, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #9cc2fe; box-shadow: 0 0 0 0rem rgba(30, 116, 253, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0rem rgba(30, 116, 253, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0rem rgba(30, 116, 253, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0rem rgba(30, 116, 253, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #1E74FD; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #cfe1ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #1E74FD; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #cfe1ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0rem; margin-left: 0rem; background-color: #1E74FD; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #cfe1ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; color: #000; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .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: #fff; background-color: var(--f7-theme-color); 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 { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1E74FD; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .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: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .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; float: none; } .navbar-text { display: inline-block; 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; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row 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 > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row 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 > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row 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 > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row 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 > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1399.98) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1400) { .navbar-expand-xxl { flex-flow: row 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 > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .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 > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .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.5); } .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 .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); 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' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' 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.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .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.5); } .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 .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); 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' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' 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.5); } .navbar-dark .navbar-text a { color: #fff; } .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:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; 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-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; 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.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; 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-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @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; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #1E74FD; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0250cd; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0rem rgba(30, 116, 253, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #1E74FD; border-color: #1E74FD; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #1E74FD; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #025ae6; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0rem rgba(30, 116, 253, 0.5); } .badge-secondary { color: #fff; background-color: #673BB7; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #512f90; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0rem rgba(103, 59, 183, 0.5); } .badge-success { color: #fff; background-color: #10d876; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #0ca95c; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0rem rgba(16, 216, 118, 0.5); } .badge-info { color: #fff; background-color: #2754e6; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #173fc3; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0rem rgba(39, 84, 230, 0.5); } .badge-warning { color: #212529; background-color: #FE9431; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #fb7a01; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0rem rgba(254, 148, 49, 0.5); } .badge-danger { color: #fff; background-color: #E50202; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #b20202; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0rem rgba(229, 2, 2, 0.5); } .badge-light { color: #212529; background-color: #f7f7f7; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dedede; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0rem rgba(247, 247, 247, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #103c84; background-color: #d2e3ff; border-color: #c0d8fe; } .alert-primary hr { border-top-color: #a7c8fe; } .alert-primary .alert-link { color: #0a2757; } .alert-secondary { color: #361f5f; background-color: #e1d8f1; border-color: #d4c8eb; } .alert-secondary hr { border-top-color: #c5b5e4; } .alert-secondary .alert-link { color: #201239; } .alert-success { color: #08703d; background-color: #cff7e4; border-color: #bcf4d9; } .alert-success hr { border-top-color: #a6f0cd; } .alert-success .alert-link { color: #054023; } .alert-info { color: #142c78; background-color: #d4ddfa; border-color: #c3cff8; } .alert-info hr { border-top-color: #acbdf5; } .alert-info .alert-link { color: #0d1c4c; } .alert-warning { color: #844d19; background-color: #ffead6; border-color: #ffe1c5; } .alert-warning hr { border-top-color: #ffd4ac; } .alert-warning .alert-link { color: #593411; } .alert-danger { color: #770101; background-color: #facccc; border-color: #f8b8b8; } .alert-danger hr { border-top-color: #f6a1a1; } .alert-danger .alert-link { color: #440101; } .alert-light { color: gray; background-color: #fdfdfd; border-color: #fdfdfd; } .alert-light hr { border-top-color: #f0f0f0; } .alert-light .alert-link { color: #676767; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .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: #1E74FD; 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: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .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: #515184; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .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: #1E74FD; border-color: #1E74FD; } .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: 1400) { .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 .list-group-item { border-right-width: 0; border-left-width: 0; border-radius: 0; } .list-group-flush .list-group-item:first-child { border-top-width: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #103c84; background-color: #c0d8fe; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #103c84; background-color: #a7c8fe; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #103c84; border-color: #103c84; } .list-group-item-secondary { color: #361f5f; background-color: #d4c8eb; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #361f5f; background-color: #c5b5e4; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #361f5f; border-color: #361f5f; } .list-group-item-success { color: #08703d; background-color: #bcf4d9; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #08703d; background-color: #a6f0cd; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #08703d; border-color: #08703d; } .list-group-item-info { color: #142c78; background-color: #c3cff8; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #142c78; background-color: #acbdf5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #142c78; border-color: #142c78; } .list-group-item-warning { color: #844d19; background-color: #ffe1c5; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #844d19; background-color: #ffd4ac; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #844d19; border-color: #844d19; } .list-group-item-danger { color: #770101; background-color: #f8b8b8; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #770101; background-color: #f6a1a1; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #770101; border-color: #770101; } .list-group-item-light { color: gray; background-color: #fdfdfd; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: gray; background-color: #f0f0f0; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: gray; border-color: gray; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; 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 { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #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; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #E1E1F0; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem 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; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #E1E1F0; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 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; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 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 .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; 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; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 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 .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .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 > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .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[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: #111; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #515184; } .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; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { 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%; color: #fff; text-align: center; 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: 20px; height: 20px; background: no-repeat 50%/100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; 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 li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border 0.75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow 0.75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #1E74FD !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #025ae6 !important; } .bg-secondary { background-color: #673BB7 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #512f90 !important; } .bg-success { background-color: #10d876 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #0ca95c !important; } .bg-info { background-color: #2754e6 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #173fc3 !important; } .bg-warning { background-color: #FE9431 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #fb7a01 !important; } .bg-danger { background-color: #E50202 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #b20202 !important; } .bg-light { background-color: #f7f7f7 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dedede !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #E1E1F0 !important; } .border-top { border-top: 1px solid #E1E1F0 !important; } .border-right { border-right: 1px solid #E1E1F0 !important; } .border-bottom { border-bottom: 1px solid #E1E1F0 !important; } .border-left { border-left: 1px solid #E1E1F0 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #1E74FD !important; } .border-secondary { border-color: #673BB7 !important; } .border-success { border-color: #10d876 !important; } .border-info { border-color: #2754e6 !important; } .border-warning { border-color: #FE9431 !important; } .border-danger { border-color: #E50202 !important; } .border-light { border-color: #f7f7f7 !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1400) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !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; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1400) { .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-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !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; } .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; } .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; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1400) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1400) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #1E74FD !important; } a.text-primary:hover, a.text-primary:focus { color: #0250cd !important; } .text-secondary { color: #673BB7 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #46287d !important; } .text-success { color: #10d876 !important; } a.text-success:hover, a.text-success:focus { color: #0b914f !important; } .text-info { color: #2754e6 !important; } a.text-info:hover, a.text-info:focus { color: #1438ad !important; } .text-warning { color: #FE9431 !important; } a.text-warning:hover, a.text-warning:focus { color: #e16d01 !important; } .text-danger { color: #E50202 !important; } a.text-danger:hover, a.text-danger:focus { color: #990101 !important; } .text-light { color: #f7f7f7 !important; } a.text-light:hover, a.text-light:focus { color: #d1d1d1 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #515184 !important; } .text-muted { color: #AEAED5 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #E1E1F0; } .table .thead-dark th { color: inherit; border-color: #E1E1F0; } } * { outline: none; padding: 0; } *::after { margin: 0; padding: 0; } *::before { margin: 0; padding: 0; } body { line-height: 1.75; } body.fixed { overflow: hidden; position: fixed; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; } ul { padding: 0; margin: 0; } li { list-style: none; } a { text-decoration: none; outline: none; } a:hover, a:focus, a.active { text-decoration: none; outline: none; color: #1E74FD; } b, strong, .strong { font-weight: 700; } .h-0 { height: 0; } .main-wrapper { opacity: 1; transition: all 0.25s ease-in; overflow: hidden; position: relative; z-index: 1; } .main-wrapper.show { opacity: 1; } .content-body { margin-left: 65px; margin-top: 18px; margin-right: 6px; margin-bottom: 45px; } .text-grey-100 { color: #f8f9fa !important; } .text-grey-200 { color: #e9ecef !important; } .text-grey-300 { color: #dee2e6 !important; } .text-grey-400 { color: #ced4da !important; } .text-grey-500 { color: #adb5bd !important; } .text-grey-600 { color: #6c757d !important; } .text-grey-700 { color: #495057 !important; } .text-grey-800 { color: #343a40 !important; } .text-grey-900 { color: #212529 !important; } .fw-100 { font-weight: 100 !important; } .fw-200 { font-weight: 200 !important; } .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800 !important; } .fw-900 { font-weight: 900 !important; } .swatch-primary { background-color: #fff; } .swatch-secondary { background-color: #fff; } .swatch-success { background-color: #fff; } .swatch-info { background-color: #fff; } .swatch-warning { background-color: #212529; } .swatch-danger { background-color: #fff; } .swatch-light { background-color: #212529; } .swatch-dark { background-color: #fff; } .pt150 { padding-top: 150px; } .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-image: url(../images/preloader.svg); background-size: 80px; } .card { border: 0px solid #E1E1F0; margin-bottom: 30px; border-radius: 5px; box-shadow: 0px 36px 48px rgba(31, 66, 135, 0.04); background: #fff; } .card-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E1E1F0; background: #fff; padding: 20px 30px; } .card-title { font-size: 24px; margin-bottom: 0px; } .card .card-body { padding: 20px 30px; background: #fff; border-radius: 15px; } .form-group { position: relative; } .form-group label { font-size: 14px; font-weight: 500; color: #515184; margin-bottom: 10px; background: transparent; border-color: #E1E1F0; } .form-control { border-radius: 4px; border: 1px solid transparent; padding: 0px 15px; font-size: 16px; font-weight: 400; color: #515184; transition: all 0.3s ease-in-out; background: #fff; } .form-control .select { padding: 12px 0; } .form-control span { margin-top: 0; } .form-control::-webkit-input-placeholder { color: #515184; } .form-control:-ms-input-placeholder { color: #515184; } .form-control::placeholder { color: #515184; } .form-control:hover { box-shadow: none !important; outline: none; border-color: #E1E1F0; color: #515184; background: #fff; } .form-control:focus, .form-control:active, .form-control.active { box-shadow: none !important; outline: none; border-color: #1E74FD; color: #515184; background: #fff; } input:-internal-autofill-selected { background: white !important; background-image: none !important; color: -internal-light-dark-color(black, white) !important; } .input-group-text { padding: 5px 15px; background: #fff; margin-bottom: 0px !important; color: #515184; border-color: transparent; } .input-group-append .input-group-text { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .input-group-prepend .input-group-text { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } /*Styling Selectbox*/ .toggle { cursor: pointer; display: block; } .toggle-switch { display: inline-block; background: #f7f7f7; border-radius: 16px; width: 45px; height: 20px; position: relative; vertical-align: middle; transition: background 0.25s; } .toggle-switch:before, .toggle-switch:after { content: ""; } .toggle-switch:before { display: block; background: linear-gradient(to bottom, #fff 0%, #eee 100%); border-radius: 50%; width: 17px; height: 17px; position: absolute; top: 1px; left: 3px; transition: left 0.25s; } .toggle:hover .toggle-switch:before { background: linear-gradient(to bottom, #fff 0%, #fff 100%); } .toggle-checkbox:checked + .toggle-switch { background: #1E74FD; } .toggle-checkbox:checked + .toggle-switch:before { left: 26px; } .toggle-checkbox { position: absolute; visibility: hidden; } .toggle-label { margin-left: 15px; position: relative; top: 2px; font-size: 16px; font-weight: 400; } .file-upload-wrapper { position: relative; width: 100%; height: calc(1.5em + 1rem + 2px); border: 1px solid #E1E1F0; border-radius: 5px; color: #AEAED5; } .file-upload-wrapper:after { content: attr(data-text); position: absolute; top: 0; left: 0; background: #fff; padding: 4px 15px; display: block; width: calc(100% - 40px); pointer-events: none; z-index: 20; height: calc(1.5em + 1rem + 2px); line-height: 30px; border-radius: 5px 10px 10px 5px; font-weight: 400; overflow: hidden; } .file-upload-wrapper:before { content: "Upload"; position: absolute; top: 0; right: 0; display: inline-block; height: calc(1.5em + 1rem + 2px); background: #1E74FD; color: #fff; font-weight: 400; z-index: 25; font-size: 14px; line-height: 40px; padding: 0 15px; text-transform: capitalize; pointer-events: none; border-radius: 0 5px 5px 0; } .file-upload-wrapper:hover:before { background: #025ae6; } .file-upload-wrapper input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; height: calc(1.5em + 1rem + 2px); margin: 0; padding: 0; display: block; cursor: pointer; width: 100%; } #ui-datepicker-div { display: none; background: #fafafa; box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1); margin-top: 0.25rem; border-radius: 0.5rem; padding: 0.5rem; } table { border-collapse: collapse; border-spacing: 0; } .ui-datepicker-calendar thead th { padding: 0.25rem 0; text-align: center; font-size: 0.75rem; font-weight: 400; color: #515184; } .ui-datepicker-calendar tbody td { width: 2.5rem; text-align: center; padding: 0; } .ui-datepicker-calendar tbody td a { display: block; border-radius: 0.25rem; line-height: 2rem; transition: 0.3s all; color: #515184; font-size: 0.875rem; text-decoration: none; } .ui-datepicker-calendar tbody td a:hover { background-color: #1E74FD; color: white; } .ui-datepicker-calendar tbody td a.ui-state-active { background-color: #1E74FD; color: white; } .ui-datepicker-header a.ui-corner-all { cursor: pointer; position: absolute; top: 0; width: 2rem; height: 2rem; margin: 0.5rem; border-radius: 0.25rem; transition: 0.3s all; } .ui-datepicker-header a.ui-corner-all:hover { background-color: #b6d2fe; color: #fff; } .ui-datepicker-header a.ui-datepicker-prev { left: 0; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-size: 0.5rem; background-position: 50%; transform: rotate(180deg); } .ui-datepicker-header a.ui-datepicker-next { right: 0; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-size: 10px; background-position: 50%; } .ui-datepicker-header a > span { display: none; } .ui-datepicker-title { text-align: center; line-height: 2rem; margin-bottom: 0.25rem; font-size: 0.875rem; font-weight: 500; padding-bottom: 0.25rem; } .ui-datepicker-week-col { color: #515184; font-weight: 400; font-size: 0.75rem; } label.error { color: #E50202; position: absolute; bottom: 0; margin-bottom: -22px; font-size: 12px; font-weight: 400; } .nice-select { display: flex; align-items: center; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .nice-select ul { width: 100% !important; } .nice-select .list { background: #343a40; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #343a40; color: #1E74FD; } .form-hero { padding: 40px 25px; border-radius: 5px; box-shadow: 0px 30px 60px rgba(160, 159, 202, 0.45); width: 100%; background-color: #fff; background-image: url(../images/paper-plane.png); background-size: 100px; background-position: top 10px right 10px; background-repeat: no-repeat; } .form-hero h2 { font-size: 38px; font-weight: bold; margin-bottom: 10px; } .form-hero p { color: #999; font-size: 14px; line-height: 28px; padding: 0 20px; } .form-hero input { font-size: 14px; line-height: 50px; display: inline-block; width: 100%; border-radius: 10px; border: 1px #ddd solid; padding: 0 15px; } .form-hero button { font-size: 12px; letter-spacing: 2px; text-align: center; line-height: 50px; display: inline-block; width: 100%; border-radius: 10px; border: 0px #ddd solid; padding: 0 15px; outline: none; font-weight: bold; } .contact-form { padding: 70px 100px 100px; border-radius: 10px; box-shadow: 0px 30px 60px rgba(160, 159, 202, 0.45); width: 100%; background-color: #fff; position: relative; top: -175px; background-image: url(../images/paper-plane.png); background-size: 100px; background-position: top 50px right 50px; background-repeat: no-repeat; } .contact-form .form-group input[type=checkbox] { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .contact-form .form-group label { position: relative; cursor: pointer; margin-bottom: 0; margin-top: 10px; } .contact-form .form-group label:before { content: ""; -webkit-appearance: none; background-color: transparent; border: 2px solid #0079bf; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; top: -1px; } .contact-form .form-group input:checked + label:after { content: ""; display: block; position: absolute; top: 2px; left: 9px; width: 6px; height: 14px; border: solid #0079bf; border-width: 0 2px 2px 0; transform: rotate(45deg); } .contact-form textarea, .contact-form input { font-size: 14px; line-height: 60px; display: inline-block; width: 100%; border-radius: 10px; border: 1px #ddd solid; padding: 0 15px; } .contact-form button { font-size: 12px; letter-spacing: 2px; text-align: center; line-height: 60px; display: inline-block; width: 100%; border-radius: 10px; border: 0px #ddd solid; padding: 0 15px; outline: none; font-weight: bold; } :root { --f7-theme-color: #132977; } .theme-dark { background-color: #1a2236; } .theme-dark .member-ul li.active a b, .theme-dark .price-wrap .left-price h2, .theme-dark .form-div h2, .theme-dark .slide-wrapper h2 { color: #eee; } .theme-dark .header-wrapper .search-div { border: 1px #555 solid; } .theme-dark .header-wrapper .nav-menu li a { color: #ddd !important; } .theme-dark .search-wrapper, .theme-dark .accordion .card .card-body, .theme-dark .accordion .card .card-header, .theme-dark .form-div { background-color: #293145; } .theme-dark .page-link { background-color: #1a2236; border:1px solid #293145; color: #fff; } .theme-dark .header-wrapper .logo { color: lightsteelblue; } .theme-dark .price-wrap .middle-price h6, .theme-dark .form-div p, .theme-dark .form-div label p, .theme-dark .form-div .sign-up-text { color: #ddd; } .theme-dark .form-div label p a, .theme-dark .form-div .sign-up-text a { color: #fff; margin-left: 5px; } .theme-dark .navbar-toggler { color: white; border-color: white; } .theme-dark .accordion .card button.small-text a, .theme-dark .accordion .card button.small-text { color: #fff; } .theme-dark .card-header { border-bottom: 0 solid #000; } .theme-dark .header-wrapper .logo .light { display: none; } .theme-dark .header-wrapper .logo .dark { display: inline-block; } .color-theme-red { --f7-theme-color: #ff3b30; --f7-theme-color-rgb: 255, 59, 48; --f7-theme-color-shade: #ff1407; --f7-theme-color-tint: #ff6259 ; } .color-theme-green { --f7-theme-color: #4cd964; --f7-theme-color-rgb: 76, 217, 100; --f7-theme-color-shade: #2cd048; --f7-theme-color-tint: #6ee081 ; } .color-theme-blue { --f7-theme-color: #132977; --f7-theme-color-rgb: 33, 150, 243; --f7-theme-color-shade: #1E74FD; --f7-theme-color-tint: #1E74FD; } .color-theme-pink { --f7-theme-color: #ff2d55; --f7-theme-color-rgb: 255, 45, 85; --f7-theme-color-shade: #ff0434; --f7-theme-color-tint: #ff5676 ; } .color-theme-yellow { --f7-theme-color: #ffcc00; --f7-theme-color-rgb: 255, 204, 0; --f7-theme-color-shade: #d6ab00; --f7-theme-color-tint: #ffd429 ; } .color-theme-orange { --f7-theme-color: #ff9500; --f7-theme-color-rgb: 255, 149, 0; --f7-theme-color-shade: #d67d00; --f7-theme-color-tint: #ffa629 ; } .color-theme-purple { --f7-theme-color: #9c27b0; --f7-theme-color-rgb: 156, 39, 176; --f7-theme-color-shade: #7e208f; --f7-theme-color-tint: #b92fd1 ; } .color-theme-deeppurple { --f7-theme-color: #673ab7; --f7-theme-color-rgb: 103, 58, 183; --f7-theme-color-shade: #563098; --f7-theme-color-tint: #7c52c8 ; } .color-theme-lightblue { --f7-theme-color: #5ac8fa; --f7-theme-color-rgb: 90, 200, 250; --f7-theme-color-shade: #32bbf9; --f7-theme-color-tint: #82d5fb ; } .color-theme-teal { --f7-theme-color: #009688; --f7-theme-color-rgb: 0, 150, 136; --f7-theme-color-shade: #006d63; --f7-theme-color-tint: #00bfad ; } .color-theme-lime { --f7-theme-color: #cddc39; --f7-theme-color-rgb: 205, 220, 57; --f7-theme-color-shade: #bac923; --f7-theme-color-tint: #d6e25c ; } .color-theme-deeporange { --f7-theme-color: #ff6b22; --f7-theme-color-rgb: 255, 107, 34; --f7-theme-color-shade: #f85200; --f7-theme-color-tint: #ff864b ; } .color-theme-gray { --f7-theme-color: #8e8e93; --f7-theme-color-rgb: 142, 142, 147; --f7-theme-color-shade: #79797f; --f7-theme-color-tint: #a3a3a7 ; } .color-theme-white { --f7-theme-color: #ffffff; --f7-theme-color-rgb: 255, 255, 255; --f7-theme-color-shade: #ebebeb; --f7-theme-color-tint: #ffffff ; } .color-theme-black { --f7-theme-color: #000000; --f7-theme-color-rgb: 0, 0, 0; --f7-theme-color-shade: #000000; --f7-theme-color-tint: #141414 ; } .color-theme-brown { --f7-theme-color: #D2691E; --f7-theme-color-rgb: 255, 107, 34; --f7-theme-color-shade: #f85200; --f7-theme-color-tint: #ff864b ; } .color-theme-darkgreen { --f7-theme-color: #228B22; --f7-theme-color-rgb: 142, 142, 147; --f7-theme-color-shade: #79797f; --f7-theme-color-tint: #a3a3a7 ; } .color-theme-deeppink { --f7-theme-color: #FFC0CB; --f7-theme-color-rgb: 255, 255, 255; --f7-theme-color-shade: #ebebeb; --f7-theme-color-tint: #ffffff ; } .color-theme-darkorchid { --f7-theme-color: #9932cc; --f7-theme-color-rgb: 0, 0, 0; --f7-theme-color-shade: #000000; --f7-theme-color-tint: #141414 ; } @media (min-width: 1599px) { .full-wrap .container-fluid, .full-wrap .container-sm, .full-wrap .container-md, .full-wrap .container-lg, .full-wrap .container-xl { padding-left: 200px; padding-right: 200px; } } @media (max-width: 1600px) { .full-wrap .container-fluid, .full-wrap .container-sm, .full-wrap .container-md, .full-wrap .container-lg, .full-wrap .container-xl { padding-left: 15px; padding-right: 15px; } } .full-wrap .owl-carousel .owl-stage-outer { overflow: visible; } .full-wrap .owl-carousel .owl-stage-outer .owl-item { opacity: 0.4; } .full-wrap .owl-carousel .owl-stage-outer .owl-item.active { opacity: 1; } @media (min-width: 1200px) { .service-wrapper .container-fluid, .service-wrapper .container-sm, .service-wrapper .container-md, .service-wrapper .container-lg, .service-wrapper .container-xl { padding-left: 200px; padding-right: 200px; } .service-wrapper .container-fluid .owl-carousel .owl-stage-outer, .service-wrapper .container-sm .owl-carousel .owl-stage-outer, .service-wrapper .container-md .owl-carousel .owl-stage-outer, .service-wrapper .container-lg .owl-carousel .owl-stage-outer, .service-wrapper .container-xl .owl-carousel .owl-stage-outer { overflow: visible; } .service-wrapper .container-fluid .owl-carousel .owl-stage-outer .owl-item, .service-wrapper .container-sm .owl-carousel .owl-stage-outer .owl-item, .service-wrapper .container-md .owl-carousel .owl-stage-outer .owl-item, .service-wrapper .container-lg .owl-carousel .owl-stage-outer .owl-item, .service-wrapper .container-xl .owl-carousel .owl-stage-outer .owl-item { opacity: 0.4; } .service-wrapper .container-fluid .owl-carousel .owl-stage-outer .owl-item.active, .service-wrapper .container-sm .owl-carousel .owl-stage-outer .owl-item.active, .service-wrapper .container-md .owl-carousel .owl-stage-outer .owl-item.active, .service-wrapper .container-lg .owl-carousel .owl-stage-outer .owl-item.active, .service-wrapper .container-xl .owl-carousel .owl-stage-outer .owl-item.active { opacity: 1; } } .header-wrapper { padding: 20px 0; background-color: transparent; } @media only screen and (max-width: 992px) { .header-wrapper { padding: 15px; } } .header-wrapper .logo { float: left; font-size: 26px; font-weight: 700; color: var(--f7-theme-color); line-height: 20px; position: relative; top: -5px; } .header-wrapper .logo .dark { display: none; } .header-wrapper .logo img { max-height: 40px; } .header-wrapper .logo i { margin-right: 0px; font-size: 30px; position: relative; top: 5px; left: 0px; } .header-wrapper .bttn { background-color: #ffe4db; width: 100px; height: 40px; line-height: 40px; border-radius: 5px; color: #f27b51; font-size: 14px; font-weight: 400; display: inline-block; text-align: center; } .header-wrapper .nav-menu { display: inline-block; float: left; margin-left: 40px; margin-top: 3px; } @media only screen and (max-width: 992px) { .header-wrapper .nav-menu { margin-left: 0; width: 100%; display: block; } } .header-wrapper .nav-menu li { padding: 0 20px; display: inline-block; float: left; } @media only screen and (max-width: 992px) { .header-wrapper .nav-menu li { padding: 15px 0; text-align: left; width: 95%; } } .header-wrapper .nav-menu li a { font-size: 16px; line-height: 22px; font-weight: 400; color: #888; } @media only screen and (max-width: 992px) { .header-wrapper .nav-menu li a { padding: 0; } } .header-wrapper .nav-menu.style2 li a { color: #111; font-size: 15px; } .header-wrapper .nav-menu.style2 li { float: none; } .header-wrapper .nav-menu.style2 { width: 100%; } .header-wrapper .search-div { float: right; margin-right: 15px; width: 250px; height: 40px; border-radius: 5px; border: 1px #ddd solid; position: relative; } @media only screen and (max-width: 1400px) { .header-wrapper .search-div { width: 200px; } } .header-wrapper .search-div:after { font-family: "themify"; content: ""; position: absolute; right: 15px; top: 4px; color: #aaa; } .header-wrapper .search-div input { border: 0; background-color: transparent; outline: none; line-height: 39px; width: 100%; padding: 0 15px; font-size: 14px; color: #999; } .header-wrapper .user-avater { position: relative; float: right; width: 35px; height: 35px; display: inline-block; border-radius: 35px; } .header-wrapper .user-avater img { width: 100%; display: inline-block; position: relative; z-index: 11; border-radius: 25px; } .header-wrapper .user-avater:hover .user-menu { display: block; } .header-wrapper .user-menu { display: none; min-width: 160px; border: 1px solid rgba(0, 0, 0, 0.12); right: 0; top: 100%; background-color: #fff; border-radius: 5px; position: absolute; z-index: 10; margin-top: 10px; } .header-wrapper .user-menu ul { padding: 5px 0; } .header-wrapper .user-menu:before { top: -10px; background-color: #fff; border-color: transparent transparent rgba(0, 0, 0, 0.16) transparent; border-width: 10px; content: ""; display: block; position: absolute; right: 8px; margin-top: -10px; width: 0; height: 0; z-index: 30; border-style: solid; } .header-wrapper .user-menu:after { top: -9px; border-color: transparent transparent #fff transparent; border-width: 10px; content: ""; display: block; position: absolute; right: 8px; margin-top: -10px; width: 0; height: 0; z-index: 30; border-style: solid; } .header-wrapper .user-menu a { display: block; font-weight: 400; color: #888; padding: 10px 15px; font-size: 14px; } .header-wrapper .user-menu a i { margin-right: 10px; display: inline-block; font-size: 16px; } .footer-wrapper { margin-top: 100px; padding: 100px 0 10px; background-color: #111; } @media only screen and (max-width: 768px) { .footer-wrapper { margin-top: 30px; padding-top: 50px; } } .footer-wrapper .icon-img { height: 50px; } @media only screen and (max-width: 576px) { .footer-wrapper .icon-img { margin-bottom: 20px; } } .footer-wrapper form { overflow: hidden; border-radius: 2px; } .footer-wrapper form input { line-height: 50px; width: 70%; background-color: #fff; border: 0; outline: none; display: inline-block; padding: 0 15px; float: left; font-size: 14px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } .footer-wrapper form button { text-transform: uppercase; float: left; width: 30%; line-height: 50px; text-align: center; background-color: var(--f7-theme-color); border: 0; outline: none; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 768px) { .footer-wrapper .copyright-text { text-align: center; width: 100%; margin-bottom: 5px; } } .footer-wrapper h4 { font-size: 24px; line-height: 42px; font-weight: 300; color: #ddd; margin-bottom: 0; } @media only screen and (max-width: 768px) { .footer-wrapper h4 { font-size: 20px; line-height: 34px; } } .footer-wrapper h4 a { font-size: 22px; color: #fff; font-weight: 500; letter-spacing: 1px; display: block; text-decoration: underline; margin-top: 20px; } .footer-wrapper p { color: #999; width: 60%; font-size: 13px; } .footer-wrapper p a { color: #fff; } .footer-wrapper h5 { font-weight: 500; color: #ddd; font-size: 11px; letter-spacing: #ddd; text-transform: uppercase; } .footer-wrapper ul { margin-bottom: 0; margin-top: 20px; } .footer-wrapper ul li a { color: #999; font-size: 12px; line-height: 24px; } .footer-wrapper .middle-footer { padding-top: 75px; margin-top: 75px; border-top: 1px #333 solid; } @media only screen and (max-width: 768px) { .footer-wrapper .middle-footer { padding-top: 50px; margin-top: 50px; padding-bottom: 0; } } .footer-wrapper .lower-footer { padding-top: 50px; } @media only screen and (max-width: 768px) { .footer-wrapper .lower-footer { padding-top: 0; } } .banner-wrapper .slide-wrapper .owl-stage-outer { overflow: hidden; } .banner-wrapper .owl-stage-outer { overflow: visible; } .banner-wrapper .owl-stage-outer .owl-item { opacity: 0.4; } .banner-wrapper .owl-stage-outer .owl-item.active { opacity: 1; } .banner-wrapper .owl-dots { position: absolute; margin-top: 0; bottom: 10px; width: 100%; } .banner-wrapper .owl-dots .owl-dot span { margin: 4px; } .banner-wrapper .owl-dots .owl-dot.active span { background-color: var(--f7-theme-color); } .banner-wrapper .banner-wrap { border-radius: 7px; overflow: hidden; float: left; width: 100%; position: relative; background-color: #211813; height: 500px; display: flex; flex-wrap: wrap; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 1200px) { .banner-wrapper .banner-wrap { height: 400px; } } @media only screen and (max-width: 576px) { .banner-wrapper .banner-wrap { height: 250px; } } .banner-wrapper .left-wrap { flex: 0 0 45%; max-width: 45%; position: relative; padding: 0 0 0 50px; } @media only screen and (max-width: 992px) { .banner-wrapper .left-wrap { padding: 0 0 0 15px; } } @media only screen and (max-width: 576px) { .banner-wrapper .left-wrap { flex: 0 0 100%; max-width: 100%; padding: 20px; position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; background: linear-gradient(to top, #211813, transparent); } } .banner-wrapper .left-wrap h2 { font-size: 68px; text-transform: uppercase; letter-spacing: 2px; color: #fff; font-weight: 700; line-height: 1.1; } @media only screen and (max-width: 1200px) { .banner-wrapper .left-wrap h2 { font-size: 50px; } } @media only screen and (max-width: 992px) { .banner-wrapper .left-wrap h2 { font-size: 36px; margin-top: 10px; } } @media only screen and (max-width: 576px) { .banner-wrapper .left-wrap h2 { font-size: 26px; margin-top: 10px; } } .banner-wrapper .left-wrap p { margin-top: 10px; font-size: 14px; font-weight: 400; color: #fff; line-height: 28px; } @media only screen and (max-width: 1200px) { .banner-wrapper .left-wrap p { font-size: 13px; line-height: 24px; } } @media only screen and (max-width: 992px) { .banner-wrapper .left-wrap p { display: none; } } @media only screen and (max-width: 992px) { .banner-wrapper .left-wrap a { margin-top: 10px; } } .banner-wrapper .left-wrap .tag { font-size: 14px; color: #ddd; margin-right: 15px; } @media only screen and (max-width: 1200px) { .banner-wrapper .left-wrap .tag { font-size: 12px; } } .banner-wrapper .left-wrap .tag b { color: #fff; } .banner-wrapper .left-wrap .rnd { border: 1px #ddd solid; line-height: 20px; padding: 0 10px; border-radius: 5px; font-size: 10px; font-weight: 500; display: inline-block; color: #fff; } .banner-wrapper .left-wrap .btn-lg, .banner-wrapper .left-wrap .btn-group-lg > .btn { color: #fff; background-color: var(--f7-theme-color); min-width: 200px; line-height: 40px; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } @media only screen and (max-width: 1200px) { .banner-wrapper .left-wrap .btn-lg, .banner-wrapper .left-wrap .btn-group-lg > .btn { min-width: 150px; font-size: 10px; letter-spacing: 1px; line-height: 30px; } } .banner-wrapper .left-wrap .btn-lg img, .banner-wrapper .left-wrap .btn-group-lg > .btn img { width: 20px; margin-right: 10px; position: relative; top: -2px; display: inline-block; } .banner-wrapper .left-wrap .icon-bttn { margin-left: 20px; line-height: 58px; display: inline-block; position: relative; } @media only screen and (max-width: 576px) { .banner-wrapper .left-wrap .icon-bttn { line-height: 30px; right: 20px; position: absolute; bottom: 50px; } } .banner-wrapper .left-wrap .icon-bttn:hover .share-icons { display: block; } .banner-wrapper .left-wrap .icon-bttn i { font-size: 20px; } .banner-wrapper .left-wrap .icon-bttn .share-icons { display: none; background-color: #eee; border-radius: 4px; position: absolute; width: 130px; right: -130px; margin-left: 30px; top: 0; height: 58px; padding: 5px 10px; } .banner-wrapper .left-wrap .icon-bttn .share-icons i { color: #999; margin-right: 15px; font-size: 22px; } .banner-wrapper .right-wrap { flex: 0 0 55%; max-width: 55%; position: relative; height: 100%; background-size: cover; } @media only screen and (max-width: 576px) { .banner-wrapper .right-wrap { flex: 0 0 100%; max-width: 100%; } } .banner-wrapper .right-wrap:after { content: ""; position: absolute; left: 0; top: 0; width: 60%; height: 100%; background: linear-gradient(to right, #211813, transparent); } .banner-wrapper .right-wrap video { height: 500px; } @media only screen and (max-width: 576px) { .banner-wrapper .right-wrap video { height: 250px; } } .banner-wrapper .slide-wrapper { padding: 0 50px 30px; background-color: #211813; border-radius: 0 0 7px 7px; position: relative; } .banner-wrapper .slide-wrapper:after { content: ""; position: absolute; left: 0; top: -50px; width: 100%; height: 50px; background: linear-gradient(to top, #211813, transparent); } .slide-wrapper h2 { color: #222; font-size: 22px; font-weight: 600; margin-bottom: 0; margin: 10px 0; } @media only screen and (max-width: 576px) { .slide-wrapper h2 { font-size: 18px; margin-bottom: 0; margin-top: 0; } } .slide-wrapper .read-more { font-size: 13px; font-weight: 500; color: #333; } .slide-wrapper .slide-one { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); margin-bottom: 15px; border-radius: 6px; overflow: hidden; position: relative; background-color: #211813; display: block; width: 100%; } .slide-wrapper .slide-one:hover .slide-image:after { height: 20%; } .slide-wrapper .slide-one:hover .slide-image:before { opacity: 1; } .slide-wrapper .slide-one:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(33, 24, 19, 0.2); } .slide-wrapper .slide-one .slide-image { position: relative; } @media only screen and (max-width: 576px) { .slide-wrapper .slide-one .slide-image { height: 130px; } } .slide-wrapper .slide-one .slide-image img { width: 100%; } .slide-wrapper .slide-one .slide-image:before { content: ""; width: 50px; height: 50px; background-color: var(--f7-theme-color); top: 50%; left: 50%; opacity: 0; margin-left: -25px; position: absolute; background-size: 25px; background-position: center right 10px; border-radius: 40px; background-repeat: no-repeat; background-image: url(../images/play.png); z-index: 3; transition: all 0.4s ease; } @media only screen and (max-width: 576px) { .slide-wrapper .slide-one .slide-image:before { background-color: transparent; opacity: 0; right: 30px; bottom: 15px !important; width: 25px; height: 25px; border-radius: 0; top: auto; left: auto; background-size: 20px; background-position: center right 8px; } } .slide-wrapper .slide-one .slide-image:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; background: linear-gradient(to top, #211813, transparent); transition: all 0.4s ease; } @media only screen and (max-width: 576px) { .slide-wrapper .slide-one .slide-image:after { height: 80%; } } .slide-wrapper .slide-one .slide-content { padding: 15px 18px; position: relative; z-index: 2; } @media only screen and (max-width: 576px) { .slide-wrapper .slide-one .slide-content { padding: 10px; position: absolute; bottom: 0; left: 0; width: 100%; } } .slide-wrapper .slide-one .slide-content h2 { font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 576px) { .slide-wrapper .slide-one .slide-content h2 { font-size: 15px; line-height: 1.3; margin-bottom: 8px; } } .slide-wrapper .slide-one .slide-content h2 img { width: 20px; float: right; } .slide-wrapper .slide-one .slide-content p { font-size: 12px; color: #ddd; margin-bottom: 5px; } .slide-wrapper .slide-one .slide-content .tag { font-size: 12px; color: #ddd; margin-right: 15px; } .slide-wrapper .slide-one .slide-content .tag b { color: #fff; } .slide-wrapper .slide-two .slide-image { height: 200px; background-size: cover; background-position: center center; border-radius: 6px; overflow: hidden; } .slide-wrapper .slide-two .slide-image:before { content: ""; width: 40px; height: 40px; top: auto; bottom: 18px; left: 35px; margin-left: -25px; background-size: 20px; background-position: center right 8px; border-radius: 40px; background-repeat: no-repeat; position: absolute; opacity: 1; background-image: url(../images/play.png); z-index: 3; } @media only screen and (max-width: 576px) { .slide-wrapper .slide-two .slide-image:before { bottom: 15px !important; } } .slide-wrapper .slide-two .slide-image:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to top, #211813, transparent); transition: all 0.4s ease; } .slide-wrapper .slide-two .slide-content { position: absolute; bottom: 0; width: 100%; left: 0; padding: 15px 10px 10px 60px; z-index: 2; } .slide-wrapper .slide-two .slide-content h2 { margin-bottom: 0; font-size: 16px; } .slide-wrapper .slide-two .slide-content .tag { position: relative; top: -2px; margin-right: 5px; } .slide-wrapper .slide-three .slide-image:before { background-color: transparent; content: ""; top: auto; bottom: 28px; right: 37px; left: auto; margin-left: -25px; position: absolute; background-size: 20px; background-image: url(../images/play.png); z-index: 3; } .slide-wrapper .slide-three .slide-content { position: absolute; bottom: 0; width: 100%; left: 0; padding: 15px 10px 10px 15px; z-index: 2; } .slide-wrapper .slide-three .slide-content h2 { margin-bottom: 0; font-size: 16px; } .slide-wrapper .slide-three .slide-content .tag { position: relative; top: -2px; margin-right: 5px; } .category-wrap { display: block; text-align: center; width: 100%; margin-bottom: 15px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); background-position: center center; border-radius: 6px; overflow: hidden; } .category-wrap span { font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 1px; line-height: 120px; } .crew-wrap { position: relative; text-align: center; display: block; } .crew-wrap img { width: 150px !important; height: 150px; border-radius: 150px; } .crew-wrap span { color: #222; margin-top: 10px; display: block; font-weight: 500; font-size: 14px; } .page-nav { padding-top: 100px; padding-bottom: 100px; } @media only screen and (max-width: 768px) { .page-nav { padding-top: 50px; padding-bottom: 50px; } } .page-nav span { color: #aaa; font-size: 14px; } .page-nav h2 { font-size: 46px; font-weight: 700; color: #111; } @media only screen and (max-width: 992px) { .page-nav h2 { font-size: 36px; } } @media only screen and (max-width: 768px) { .page-nav h2 { font-size: 28px; } } @media only screen and (max-width: 576px) { .page-nav h2 { font-size: 25px; margin-bottom: 10px !important; } } .page-nav p { font-size: 14px; line-height: 28px; color: #666; padding: 0 10%; } @media only screen and (max-width: 1400px) { .page-nav p { padding: 0; } } @media only screen and (max-width: 992px) { .page-nav p { font-size: 12px; line-height: 22px; } } .accordion { margin-bottom: 50px; } .accordion .card { box-shadow: none; background: #f9f9f9; } .accordion .card .card-body, .accordion .card .card-header { background: #f9f9f9; padding: 20px 30px; } @media only screen and (max-width: 768px) { .accordion .card .card-body, .accordion .card .card-header { padding: 15px 40px 15px 15px; } } .accordion .card button { font-size: 18px; color: #111; font-weight: 500; padding-left: 0; } .accordion .card button:focus, .accordion .card button:hover { text-decoration: none; } .accordion .card button.small-text { font-size: 16px; } .accordion .card button.small-text a { color: #111; } .accordion .card button i { font-size: 30px; margin-right: 10px; position: relative; top: 32px; margin-right: 10px; color: #333; position: absolute; left: 33px; } .accordion .card button span { font-size: 11px; color: #999; font-weight: 400; display: block; } .accordion .card button:after { font-family: "themify"; content: ""; font-size: 24px; position: absolute; right: 20px; top: 20px; transform: rotate(223deg); transition: all 0.5s ease; } @media only screen and (max-width: 768px) { .accordion .card button:after { right: 10px; } } .accordion .card button.small-text:after { top: 33px; } .accordion .card button.collapsed:after { transform: rotate(0deg); transition: all 0.5s ease; } .accordion .card p { font-size: 15px; line-height: 36px; color: #666; } .member-ul { position: relative; overflow: hidden; margin-bottom: 40px; margin-top: 40px; } .member-ul li { width: 33.3%; float: left; text-align: center; position: relative; } @media only screen and (max-width: 576px) { .member-ul li:first-child { text-align: left; } } @media only screen and (max-width: 576px) { .member-ul li:last-child { text-align: right; } } .member-ul li:nth-child(2n):after, .member-ul li:nth-child(2n):before { width: 100px; height: 2px; background-color: #ddd; content: ""; position: absolute; top: 28px; left: -25%; } @media only screen and (max-width: 576px) { .member-ul li:nth-child(2n):after, .member-ul li:nth-child(2n):before { width: 30px; } } .member-ul li:nth-child(2n):after { right: -25%; left: auto; } .member-ul li.active a span { color: #fff; background-color: var(--f7-theme-color); } .member-ul li.active a b { color: #222; } .member-ul li a span { letter-spacing: 2px; width: 60px; height: 60px; background-color: #eee; border-radius: 50px; text-align: center; color: #111; font-size: 16px; font-weight: 600; display: inline-block; text-align: center; line-height: 60px; } .member-ul li a b { font-weight: 700; letter-spacing: 1px; font-size: 13px; color: #999; display: block; margin-top: 15px; text-transform: uppercase; } @media only screen and (max-width: 576px) { .member-ul li a b { display: none; } } .price-wrap { position: relative; width: 100%; float: left; } .price-wrap .left-price { float: left; position: relative; text-align: center; width: 30%; } @media only screen and (max-width: 576px) { .price-wrap .left-price { width: 100%; margin-bottom: 25px; } } .price-wrap .left-price h2 { font-size: 50px; font-weight: 300; color: #111; margin: 5px 0 0; } .price-wrap .left-price h2 i { font-style: normal; font-size: 28px; vertical-align: super; } .price-wrap .left-price h4 { font-size: 12px; font-weight: 700; letter-spacing: 1px; color: #999; text-transform: uppercase; } .price-wrap .middle-price { float: left; position: relative; text-align: center; width: 45%; } @media only screen and (max-width: 576px) { .price-wrap .middle-price { width: 100%; } } .price-wrap .middle-price:after { width: 2px; height: 60px; background-color: #eee; content: ""; position: absolute; left: 0; top: 30%; } @media only screen and (max-width: 576px) { .price-wrap .middle-price:after { display: none; } } .price-wrap .middle-price h6 { font-size: 14px; color: #666; line-height: 38px; font-weight: 400; margin-bottom: 0; } .price-wrap .middle-price h6 i { width: 18px; height: 18px; border-radius: 20px; display: inline-block; background-color: green; color: #fff; font-size: 12px; margin-right: 10px; position: relative; top: -2px; text-align: center; line-height: 18px; } .price-wrap .right-price { float: left; position: relative; text-align: center; width: 25%; } @media only screen and (max-width: 576px) { .price-wrap .right-price { width: 100%; } } .price-wrap .right-price .btn { margin-top: 50px; width: 140px; height: 45px; background-color: var(--f7-theme-color); border-radius: 5px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; line-height: 45px; padding: 0; } @media only screen and (max-width: 576px) { .price-wrap .right-price .btn { margin-top: 25px; } } .price-wrap .right-price span { display: block; font-size: 11px; width: 100%; line-height: 26px; font-style: italic; font-weight: 400; color: #999; } .form-wrapper { min-height: calc(100vh - 150px); display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .form-div { overflow: hidden; padding: 40px; box-shadow: 0 20px 61px rgba(65, 62, 101, 0.14); border-radius: 10px; background-color: #ffffff; width: 100%; } .form-div h2 { font-size: 42px; font-weight: 700; color: #111; } @media only screen and (max-width: 576px) { .form-div h2 { font-size: 36px; } } .form-div p { font-size: 14px; line-height: 20px; color: #666; } @media only screen and (max-width: 576px) { .form-div p { font-size: 14px; } } .form-div .form-control { padding-left: 28px; margin-bottom: 20px; color: #000; font-size: 14px; font-weight: 300; letter-spacing: -0.56px; height: 65px; border-radius: 10px; border: 1px solid #eae9f2; background-color: #ffffff; } @media only screen and (max-width: 576px) { .form-div .form-control { line-height: 55px; height: 55px; border-radius: 5px; padding-left: 15px; } } .form-div .form-check-label { padding-top: 5px; margin-bottom: 20px; } .form-div label { display: -webkit-box; display: flex; } .form-div label input:checked ~ .checkbox { background-color: var(--f7-theme-color); border: 0; } .form-div label input:checked ~ .checkbox::before { content: ""; font-family: "themify"; color: #fff; font-size: 16px; } .form-div label p { color: #696871; font-size: 14px; font-weight: 400; line-height: 1; margin-bottom: 0; } .form-div label p a { font-weight: 500; color: #000; } .form-div .checkbox { position: relative; line-height: 1; top: -2px; margin-right: 8px; min-height: 20px; min-width: 20px; cursor: pointer; border: 1px #ddd solid; border-radius: 3px; } .form-div .form-btn { height: 60px; border-radius: 7px; background-color: var(--f7-theme-color); width: 100%; color: #ffffff; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; border: 0; line-height: 60px; } @media only screen and (max-width: 576px) { .form-div .form-btn { line-height: 55px; height: 55px; border-radius: 5px; padding-left: 15px; } } .form-div .sign-up-text { color: #696871; font-size: 14px; font-weight: 400; line-height: 28px; margin-top: 12px; margin-bottom: 0; } ::-webkit-input-placeholder { font-weight: 400; letter-spacing: 0.4px; color: #aaa !important; } ::-moz-placeholder { font-weight: 400; letter-spacing: 0.4px; color: #aaa !important; } :-ms-input-placeholder { font-weight: 400; letter-spacing: 0.4px; color: #aaa !important; } :-moz-placeholder { font-weight: 400; letter-spacing: 0.4px; color: #aaa !important; } .backdrop { position: fixed; top: 0; z-index: -1; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; transition: all 0.3s ease; } .backdrop.active { z-index: 999; background-color: rgba(0, 0, 0, 0.7); opacity: 0.7; } .backdrop.open { z-index: 999; background-color: rgba(0, 0, 0, 0.95); opacity: 0.95; } .switchcolor { z-index: 1000; position: fixed; cursor: pointer; top: 20%; right: 0; background-color: #fff; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); width: 60px; height: 60px; text-align: center; border-radius: 5px 0px 0px 5px; padding: 12px; transition: all 0.3s ease; } .switchcolor.active { right: -60px; } .switchcolor img { opacity: 0.5; width: 100%; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .switchcolor-wrap { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); top: 20%; right: -330px; background-color: #fff; z-index: 1000; position: fixed; padding: 20px 20px 30px 20px; width: 330px; border-radius: 5px 0px 0px 5px; transition: all 0.3s ease; } .switchcolor-wrap.active { right: 0px; } .switchcolor-wrap h2 { color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #000; font-size: 60px; letter-spacing: 2px; font-weight: 700; } .switchcolor-wrap h4 { margin-top: 25px; font-size: 16px; margin-bottom: 20px; display: block; color: #222 !important; font-weight: 600; } .switchcolor-wrap ul { overflow: hidden; } .switchcolor-wrap ul li { display: inline-block; float: left; margin-right: 8px; } .switchcolor-wrap ul li .item-content { display: inline; padding-left: 0; position: relative; } .switchcolor-wrap ul li .item-content .ti-check { left: 13px; top: 1px !important; } .switchcolor-wrap ul li .item-content .ti-check:before { color: #fff; opacity: 0; } .switchcolor-wrap .circle-color { width: 40px; height: 40px; border-radius: 50px; display: inline-block; cursor: pointer; } .switchcolor-wrap label.item-radio input[type=radio] { display: none; } .switchcolor-wrap label.item-radio input[type=radio]:checked ~ .ti-check:before { opacity: 1; } .switchcolor-wrap label.item-radio input[type=radio] ~ .ti-check { position: absolute; top: 50%; margin-top: -11px; right: calc(var(--f7-safe-area-right) + 10px); } .switchcolor-wrap .toggle-div { padding: 20px; border-radius: 10px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); border: 1px #eee solid; } .switchcolor-wrap .sheet-close { position: absolute; top: 15px; right: 10px; color: #444; } .switchcolor-wrap .sheet-close i { font-size: 20px; } .toggle { display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; align-self: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; } .toggle input[type=checkbox] { display: none; } .toggle .toggle-icon { z-index: 0; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; position: relative; transition: 0.3s; box-sizing: border-box; display: block; cursor: pointer; width: 40px; height: 22px; border-radius: 20px; border: 1px #ddd solid; background: #fff; } .toggle .toggle-icon:before { content: ""; position: absolute; left: 2px; top: 2px; height: calc(20px - 4px); width: calc(20px - 4px); border-radius: 18px; box-sizing: border-box; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); z-index: 1; transition-duration: 0.3s; transform: scale(1); } .toggle .toggle-icon:after { height: calc(20px - 4px); width: calc(20px - 4px); top: 2px; left: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); border-radius: calc(20px - 4px); background: #fff; position: absolute; z-index: 2; transform: translateX(0px); transition-duration: 0.3s; content: ""; } .toggle input[type=checkbox]:checked + .toggle-icon { background: #ff3b30; } .toggle input[type=checkbox]:checked + .toggle-icon:after { transform: translateX(20px); } .toggle input[type=checkbox]:checked + .toggle-icon:before { opacity: 0; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .feedback-wrap { padding: 100px 0; background: linear-gradient(to bottom, #d0dfff, #f0f4fc); } @media only screen and (max-width: 768px) { .feedback-wrap { padding: 70px 0 50px; } } .feedback-wrap h3 { font-size: 16px; font-weight: 600; } .feedback-wrap .quote { color: var(--f7-theme-color); position: absolute; height: 60px; width: 60px; margin-left: 30px; } @media only screen and (max-width: 768px) { .feedback-wrap .quote { margin-left: 15px; margin-top: -20px; } } .feedback-wrap .feedback-div { width: 100%; position: relative; float: left; margin-top: 50px; margin-bottom: 130px; } @media only screen and (max-width: 768px) { .feedback-wrap .feedback-div { margin-bottom: 50px; } } .feedback-wrap .feedback-div h4 { font-size: 26px; line-height: 48px; font-weight: 300; color: #000; display: block; margin-bottom: 40px; } @media only screen and (max-width: 992px) { .feedback-wrap .feedback-div h4 { font-size: 22px; line-height: 42px; } } @media only screen and (max-width: 768px) { .feedback-wrap .feedback-div h4 { font-size: 18px; line-height: 36px; } } .feedback-wrap .feedback-div .avater { float: left; position: relative; width: 200px; } .feedback-wrap .feedback-div .avater img { width: 48px; height: 48px; float: left; display: inline-block; margin-right: 10px; } .feedback-wrap .feedback-div .avater h6 { font-size: 14px; font-weight: 500; color: #111; display: block; margin-top: 7px; margin-bottom: 5px; } .feedback-wrap .feedback-div .avater span { display: block; color: #aaa; font-size: 11px; } .feedback-wrap .brand-icon img { width: 70px; } .feedback-wrap .owl-dots { position: absolute; right: 0; bottom: 130px; } .feedback-wrap .owl-dots .owl-dot.active span { background-color: var(--f7-theme-color) !important; } .feedback-wrap .owl-dots span { width: 8px !important; height: 8px !important; margin: 4px !important; } .service-wrapper { padding: 100px 0; } @media only screen and (max-width: 768px) { .service-wrapper { padding-top: 50px; padding-bottom: 50px; } } .service-wrapper .symptom .owl-stage-outer { overflow: visible; } .service-wrapper .slide-wrapper { margin-top: 100px; } .service-wrapper .mobile-banner { width: 1000px; } @media only screen and (max-width: 992px) { .service-wrapper .mobile-banner { width: 100%; } } .banner-wraper { padding: 100px 0 0; position: relative; } .banner-wraper:after { content: ""; background-color: #d0dfff; top: 0; left: 0; width: 100%; height: 70%; position: absolute; z-index: -1; } @media only screen and (max-width: 576px) { .banner-wraper:after { height: 85%; } } .banner-wraper h2 { font-size: 60px; font-weight: 700; line-height: 1.3; color: var(--f7-theme-color); } @media only screen and (max-width: 1400px) { .banner-wraper h2 { font-size: 50px; line-height: 1.2; } } @media only screen and (max-width: 576px) { .banner-wraper h2 { font-size: 32px; } } .banner-wraper h4 { font-weight: 500; margin-top: 20px; } @media only screen and (max-width: 1400px) { .banner-wraper h4 { font-size: 16px; line-height: 26px; } } .banner-wraper .play-bttn { width: 80px; margin-bottom: 30px; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; animation: videobtn 1.9s linear infinite; } @media only screen and (max-width: 576px) { .banner-wraper .play-bttn { width: 65px; height: 65px; } } .banner-wraper .banner-img { max-width: 1200px; margin-top: 50px; } @media only screen and (max-width: 1400px) { .banner-wraper .banner-img { width: 100%; } } .banner-wraper form { overflow: hidden; border-radius: 2px; } .banner-wraper form input { line-height: 65px; width: 70%; background-color: #fff; border: 0; outline: none; display: inline-block; padding: 0 15px; float: left; font-size: 14px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } .banner-wraper form button { text-transform: uppercase; float: left; width: 30%; line-height: 65px; text-align: center; background-color: var(--f7-theme-color); border: 0; outline: none; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } .service-div { background: #fff; box-shadow: 0px 30px 60px rgba(160, 159, 202, 0.45); padding: 40px; border-radius: 5px; position: relative; margin-top: 0px; min-height: auto; } @media only screen and (max-width: 1400px) { .service-div { padding: 25px; } } .service-div img { width: 100px !important; margin-bottom: 20px; } .service-div h4 { font-size: 20px; font-weight: bold; } .service-div p { font-size: 14px; line-height: 28px; color: #666; padding-right: 10%; } .service-div a { font-size: 15px; margin-bottom: 5px; font-weight: 500; display: block; color: #999; } .service-div .map { width: 70px !important; position: relative; left: -10px; margin-bottom: 0 !important; } .service-div .icon-div { -webkit-box-sizing: content-box; box-sizing: content-box; width: 55px; height: 60px; position: relative; margin: 0px 0px 25px; font-size: 24px; -webkit-border-radius: 50%/14%; border-radius: 50%/14%; color: white; text-align: center; line-height: 64px; -o-text-overflow: clip; text-overflow: clip; z-index: 1; } .service-div .icon-div i { font-size: 24px; } .service-div .icon-div:before { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; content: ""; top: 10%; right: -5.5%; bottom: 10%; left: -5%; border: none; -webkit-border-radius: 7%/50%; border-radius: 7%/50%; -o-text-overflow: clip; text-overflow: clip; text-shadow: none; z-index: -1; } .service-div .icon-div.one-no:before, .service-div .icon-div.one-no { background-color: #7142f8; } .service-div .icon-div.two-no:before, .service-div .icon-div.two-no { background-color: #fa4c9a; } .service-div .icon-div.three-no:before, .service-div .icon-div.three-no { background-color: #ecbf24; } .service-div .icon-div.four-no:before, .service-div .icon-div.four-no { background-color: #35bfe7; } .service-div .icon-div.five-no:before, .service-div .icon-div.five-no { background-color: #f38650; } .service-div .icon-div.six-no:before, .service-div .icon-div.six-no { background-color: #5cbd2c; } .price-table { padding-bottom: 120px; } @media only screen and (max-width: 768px) { .price-table { padding-bottom: 50px; } } .price-table h4 { font-size: 17px; font-weight: bold; color: #111; margin-bottom: 20px; } .price-table span { font-size: 13px; line-height: 24px; color: #666; padding-right: 10%; display: block; } .price-table p { font-size: 14px; line-height: 28px; color: #222; padding-right: 10%; margin-bottom: 15px; padding-left: 30px; position: relative; } .price-table p i { position: absolute; left: 0; top: 7px; } .price-table .price-tab { overflow: hidden; padding: 40px 70px; box-shadow: 0 20px 61px rgba(65, 62, 101, 0.14); border-radius: 5px; background-color: #ffffff; width: 90%; margin: 0 auto; } .price-table .price-tab span { font-size: 13px; font-weight: 400; color: #999; line-height: 24px; border-radius: 3px; } .price-table .price-tab span.active { background-color: #ffe4db; color: #f27b51; display: inline-block; text-align: center; padding: 0 30px; } .price-table .price-tab h2 { font-size: 50px; color: #333; font-weight: 700; margin-top: 30px; margin-bottom: 30px; } .price-table .price-tab h2 i { font-size: 20px; font-weight: 500; font-style: normal; margin-right: 5px; vertical-align: super; } .price-table .price-tab h2 b { font-size: 14px; font-weight: 600; color: #444; } .price-table .price-tab p { padding: 0; color: #777; } .price-table .price-tab .btn { margin-top: 20px; width: 200px; line-height: 60px; border-radius: 40px; border: 1px #ddd solid; color: #666; font-size: 12px; font-weight: 600; text-transform: uppercase; left: 1px; padding: 0; display: inline-block; } .price-table .price-tab .btn.active { color: #fff; background-color: var(--f7-theme-color); border: 0; } .price-table .price-tab .btn i { position: relative; top: 2px; font-size: 14px; margin-left: 5px; display: inline-block; } @keyframes videobtn { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2); } 100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 50px rgba(255, 255, 255, 0); } } @keyframes videobtn_red { 0% { box-shadow: 0 0 0 0 rgba(236, 57, 139, 0.1), 0 0 0 10px rgba(236, 57, 139, 0.2), 0 0 0 50px rgba(236, 57, 139, 0.3); } 100% { box-shadow: 0 0 0 10px rgba(236, 57, 139, 0.2), 0 0 0 50px rgba(236, 57, 139, 0.2), 0 0 0 100px rgba(236, 57, 139, 0); } } .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent !important; } .owl-theme .owl-nav [class*=owl-]:focus { outline: none !important; border: none !important; } .owl-nav { position: absolute; top: -75px; right: 0; } .owl-nav button { margin: 0 !important; } .owl-nav img { width: 35px; } body { font-family: "Montserrat", sans-serif; } .search-wrapper { padding: 100px; background-color: #f5f5f5; border-radius: 10px; } @media only screen and (max-width: 992px) { .search-wrapper { padding: 50px 15px; } } .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); display: none; height: 40px; } @media only screen and (max-width: 992px) { .navbar-toggler { display: inline-block; } } .navbar-toggler-icon { width: 27px; height: 2px; background-color: #999; position: relative; top: -2px; } .navbar-toggler-icon:after { content: ""; width: 27px; height: 2px; background-color: #999; position: absolute; top: -8px; left: 0; } .navbar-toggler-icon:before { content: ""; width: 27px; height: 2px; background-color: #999; position: absolute; bottom: -8px; left: 0; } .search-wrap-slide .owl-nav { display: none; } @media (min-width: 992px) { .navbar-collapse { display: flex !important; flex-basis: auto; } } @media (max-width: 991px) { .md-mb25 { margin-bottom: 25px; } .footer-wrapper p { width: 100%; } .navbar-nav > li { border-bottom: 1px solid #E1E1F0; margin: 0 15px; padding: 7px 15px; display: block; width: 100%; padding: 20px; } .header-wrapper .user-avater, .header-wrapper .search-div, .header-wrapper .bttn { display: none; } .header-wrapper.posfixed { padding: 15px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: #fff; } } @media (max-width: 768px) { .middle-footer .col-lg-2 { margin-bottom: 25px; } .owl-theme .owl-nav.disabled + .owl-dots { bottom: 50px; } .pt150 { padding-top: 70px; } .col-xs-6 { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 576px) { .banner-wrapper .slide-wrapper, .slide-wrapper .slide-one .slide-content .tag, .slide-wrapper .slide-one .slide-content p, .banner-wrapper .left-wrap a { display: none; } .owl-nav { top: -63px; right: 100px; } .slide-wrapper .slide-slider-full, .category-slider, .slide-wrapper .slide-slider { width: 130%; } .banner-wrapper .left-wrap div.icon-bttn { right: 25%; } .banner-wrapper .owl-dots { display: none; } } /*# sourceMappingURL=style.css.map */ .collapse-bg { background-color: var(--f7-theme-color); color: #fff } .collapse-bg:hover { color: #fff; opacity: 0.8; } .hidden-xs-up{display:none!important} @media (max-width:575px){ .hidden-xs-down{display:none!important} } @media (min-width:576px){ .hidden-sm-up{display:none!important} } @media (max-width:767px){ .hidden-sm-down{display:none!important} } @media (min-width:768px){ .hidden-md-up{display:none!important} } @media (max-width:991px){ .hidden-md-down{display:none!important} } @media (min-width:992px){ .hidden-lg-up{display:none!important} } @media (max-width:1199px){ .hidden-lg-down{display:none!important} } @media (min-width:1200px){ .hidden-xl-up{display:none!important} } .hidden-xl-down{display:none!important} #live_box_2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #live_box_2::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } #live_box_2::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: var(--f7-theme-color); } #live_box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #live_box::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } #live_box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: var(--f7-theme-color); } #live_box { height: 69vh; overflow-y: scroll; padding-right: 15px; margin-top: 0; margin-bottom: 5px; } #live_box li, #live_box2 li { margin-bottom:5px; border: 1px solid #1a2236; } .list-group-item.active { background-color: var(--f7-theme-color); } .list-group-item { border-radius: 0.25rem; cursor:pointer; color: #000; } .get_live { color: #000; } .get_live_active { background-color: var(--f7-theme-color); color: #fff } .panel { background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-default { border-color: #ddd; } .panel-default>.panel-heading { color: #fff; background-color: var(--f7-theme-color); border-color: #ddd; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-body { padding: 15px; color: #000 } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color:#eaeaea; transition: 0.5s; padding-top: 15px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; color: #000; display: block; transition: 0.3s; } .sidenav .list-group-item { padding:5px; font-size: 16px; margin-bottom: 5px; } .sidenav .list-group-item li { margin-bottom: 5px; } .sidenav a:hover, a:focus { color: var(--f7-theme-color); } .sidenav a.active { color: #fff; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color:#000 } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 14px;} } .form-div { padding:5px; } .epg_info { float: right; font-size: 0.8em; top: 50%; background-color: var(--f7-theme-color); padding: 5px; color:#fff; border-radius: 3px; } .labelContainer { height: 40px; display: flex; width: 100%; overflow: hidden; position: relative; } .labelContainer span { height: 40px; width: 100%; color: #000; text-overflow: ellipsis; display: block; overflow: hidden; position: absolute; white-space: nowrap; transform: translateX(0); transition: 3s; } .labelContainer:first-of-type:hover span { width: auto; transform: translateX(calc(200px - 100%)); } .page-link { color: #000 } /* unvisited link */ .page-link a:link { color: 000; } /* visited link */ .page-link a:visited { color: 000; } /* mouse over link */ .page-link a:hover { color: 000; } /* selected link */ .page-link a:active { color: 000; } .buttonBar, .mb_YTPProgress, .inlinePlayer { display:none; } .video-js { width:100%; height:90vh; } .ep-title { width: 81%; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 10px !important; } .episode-box { width: 100%; padding: 0 20px; display: block; } .episode-box .episode-title { display: inline-block; width: 100%; } .episode-box .episode-title h6 { color: #000; font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 0 0 1em; margin-top: 20px; } .episode-box .top-episode { display: block; width: 100%; } .episode-box .top-episode a { font-size: 12px; font-weight: 600; color: #6d7080; text-transform: uppercase; border-radius: 3px !important; background-color: var(--f7-theme-color); padding: 12px 30px; display: inline-block; margin-right: 15px; margin-bottom: 10px; } .episode-box .top-episode a.active { color: #fff; box-shadow: inset 3px 0 0 0 rgba(0, 0, 0, 0.6); } .episode-box .episode-list { display: inline-block; width: 100%; margin-top: 10px; } .episode-box .episode-list .ep-list-min { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.4); height: 40px; line-height: 40px; display: block; margin-bottom: 10px; cursor: pointer; } #leftMenu ul { padding: 0; margin: 0; } #leftMenu { padding-top: 40px; } #leftMenu ul li a { padding: 15px 20px; width: 100%; font-size: 25px; display: block; color: #576482; text-align: center; } .episode-box .episode-list .ep-list-min .circle { width: 17px; height: 17px; float: left; border-radius: 17px; background-color: var(--f7-theme-color); margin-top: 12px; } .episode-box .episode-list .ep-list-min .ep-title { font-size: 14px; color: #000 !important; font-weight: 400 !important; padding-right: 3em; float: left; margin-left: 15px; } .episode-box .episode-list .ep-list-min a { height: 22px; border-radius: 22px; display: block; width: 22px; float: right; color: #000; background-color: var(--f7-theme-color); font-size: 10px; line-height: 22px; text-align: center; margin-top: 10px; } .episode-box .tab_episode { display: none; } .episode-box .tab_episode:first-child { display: block; } .accordion .card button:after { display: none; } #myGroup { padding:20px 20px } .typeahead__list { max-height: 300px; overflow-y: auto; overflow-x: hidden; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 40px; height: 24px; float:right; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: -10px; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: var(--f7-theme-color); } input:focus + .slider { box-shadow: 0 0 1px var(--f7-theme-color);; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /*# sourceMappingURL=style.css.map */