/**====================================================================== ========================================================================= Template Name: Nextro Bootstrap Admin Template Author: Codedthemes Support: support@Codedthemes.net File: style.css ========================================================================= =================================================================================== */ /* cyrillic */ @import url(plugins/animate.min.css); @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mZ8WDm7Q.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mf8WDm7Q.woff2) format("woff2"); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mT8WDm7Q.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2md8WA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2"); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nPrXyi0A.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nBrXw.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7EyjmmZ8WDm7Q.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmf8WDm7Q.woff2) format("woff2"); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7EyjmmT8WDm7Q.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmd8WA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local("Rubik Bold"), local("Rubik-Bold"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7F6iGmZ8WDm7Q.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local("Rubik Bold"), local("Rubik-Bold"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7F6iGmf8WDm7Q.woff2) format("woff2"); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local("Rubik Bold"), local("Rubik-Bold"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7F6iGmT8WDm7Q.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local("Rubik Bold"), local("Rubik-Bold"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7F6iGmd8WA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* description Of variables for build for theme layouts 1) menu-caption-color List of color for sidebar menu caption 2) brand-background List of color for logo background 3) header-dark-background List of color for Dark Header 4) header-light-background List of color for light Header 5) menu-dark-background List of color for Dark sidebar menu 6) menu-light-background List of color for light sidebar menu 7) menu-active-color List of color for Active item highliter 8) menu-icon-color List of color for sidebar menu items icon colors */ /*! * Bootstrap v4.4.0 (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: #0B69FF; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #FF0B37; --orange: #fd7e14; --yellow: #FFB800; --green: #2DCA73; --teal: #20c997; --cyan: #00acc1; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #0B69FF; --secondary: #6c757d; --success: #2DCA73; --info: #00acc1; --warning: #FFB800; --danger: #FF0B37; --light: #f8f9fa; --dark: #171F46; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Rubik", sans-serif; --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: "Rubik", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #7E858E; text-align: left; background-color: #FBFBFB; } [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; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } 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: 600; } dd { margin-bottom: .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: -.25em; } sup { top: -.5em; } a { color: #0B69FF; text-decoration: none; background-color: transparent; } a:hover { color: #0B69FF; 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: 18px 24px; padding-bottom: 18px 24px; color: #B5B7C4; 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: .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: 500; line-height: 1.2; } h1, .h1 { font-size: 2rem; } h2, .h2 { font-size: 1.5rem; } h3, .h3 { font-size: 1.25rem; } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.875rem; } .lead { font-size: 1.09375rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3rem; 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.09375rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #FBFBFB; border: 1px solid #dee2e6; border-radius: 6px; 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: 4px; } kbd kbd { padding: 0; font-size: 100%; font-weight: 600; } 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: 1140px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; 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-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #7E858E; } .table th, .table td { padding: 18px 24px; vertical-align: top; border-top: 1px solid #D7DFE9; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #D7DFE9; } .table tbody + tbody { border-top: 2px solid #D7DFE9; } .table-sm th, .table-sm td { padding: 20px 28px; } .table-bordered { border: 1px solid #D7DFE9; } .table-bordered th, .table-bordered td { border: 1px solid #D7DFE9; } .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: #7E858E; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #bbd5ff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #80b1ff; } .table-hover .table-primary:hover { background-color: #a2c5ff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #a2c5ff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c4f0d8; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #92e3b6; } .table-hover .table-success:hover { background-color: #b0ebcb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b0ebcb; } .table-info, .table-info > th, .table-info > td { background-color: #b8e8ee; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #7ad4df; } .table-hover .table-info:hover { background-color: #a3e1e9; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a3e1e9; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffebb8; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffda7a; } .table-hover .table-warning:hover { background-color: #ffe49f; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe49f; } .table-danger, .table-danger > th, .table-danger > td { background-color: #ffbbc7; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ff8097; } .table-hover .table-danger:hover { background-color: #ffa2b2; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffa2b2; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #bec0cb; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #868b9f; } .table-hover .table-dark:hover { background-color: #b0b2c0; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b0b2c0; } .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: #D7DFE9; } .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; } } .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 + 1.064rem + 2px); padding: 0.532rem 0.854rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #171F46; background-color: #fff; background-clip: padding-box; border: 1px solid #D7DFE9; border-radius: 4px; -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #171F46; } .form-control:focus { color: #171F46; background-color: #fff; border-color: #7E858E; outline: 0; box-shadow: none; } .form-control::-webkit-input-placeholder { color: #b1b5bb; opacity: 1; } .form-control::-moz-placeholder { color: #b1b5bb; opacity: 1; } .form-control:-ms-input-placeholder { color: #b1b5bb; opacity: 1; } .form-control::-ms-input-placeholder { color: #b1b5bb; opacity: 1; } .form-control::placeholder { color: #b1b5bb; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #171F46; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.532rem + 1px); padding-bottom: calc(0.532rem + 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.09375rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.76563rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.532rem 0; margin-bottom: 0; font-size: 0.875rem; line-height: 1.5; color: #7E858E; 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.76563rem; line-height: 1.5; border-radius: 4px; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.09375rem; line-height: 1.5; border-radius: 6px; } 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label { color: #B5B7C4; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 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: #2DCA73; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.4rem 0.5rem; margin-top: .1rem; font-size: 0.76563rem; line-height: 1.5; color: #fff; background-color: #2dca73; border-radius: 4px; } .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: #2DCA73; padding-right: calc(1.5em + 1.064rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232DCA73' 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.266rem) center; background-size: calc(0.75em + 0.532rem) calc(0.75em + 0.532rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #2DCA73; box-shadow: 0 0 0 0.2rem rgba(45, 202, 115, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 1.064rem); background-position: top calc(0.375em + 0.266rem) right calc(0.375em + 0.266rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #2DCA73; padding-right: calc((1em + 1.064rem) * 3 / 4 + 1.854rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.854rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232DCA73' 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.854rem/calc(0.75em + 0.532rem) calc(0.75em + 0.532rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #2DCA73; box-shadow: 0 0 0 0.2rem rgba(45, 202, 115, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #2DCA73; } .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: #2DCA73; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #2DCA73; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #52d88e; background-color: #52d88e; } .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 0.2rem rgba(45, 202, 115, 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: #2DCA73; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #2DCA73; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #2DCA73; box-shadow: 0 0 0 0.2rem rgba(45, 202, 115, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #FF0B37; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.4rem 0.5rem; margin-top: .1rem; font-size: 0.76563rem; line-height: 1.5; color: #fff; background-color: #ff0b37; border-radius: 4px; } .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: #FF0B37; padding-right: calc(1.5em + 1.064rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF0B37' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23FF0B37' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.266rem) center; background-size: calc(0.75em + 0.532rem) calc(0.75em + 0.532rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #FF0B37; box-shadow: 0 0 0 0.2rem rgba(255, 11, 55, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 1.064rem); background-position: top calc(0.375em + 0.266rem) right calc(0.375em + 0.266rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #FF0B37; padding-right: calc((1em + 1.064rem) * 3 / 4 + 1.854rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.854rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF0B37' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23FF0B37' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.854rem/calc(0.75em + 0.532rem) calc(0.75em + 0.532rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #FF0B37; box-shadow: 0 0 0 0.2rem rgba(255, 11, 55, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #FF0B37; } .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: #FF0B37; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #FF0B37; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ff3e61; background-color: #ff3e61; } .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 0.2rem rgba(255, 11, 55, 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: #FF0B37; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #FF0B37; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #FF0B37; box-shadow: 0 0 0 0.2rem rgba(255, 11, 55, 0.25); } .form-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 500; color: #7E858E; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.532rem 0.854rem; font-size: 0.875rem; line-height: 1.5; border-radius: 4px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; transition: none; } } .btn:hover { color: #7E858E; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(11, 105, 255, 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: #0B69FF; border-color: #0B69FF; } .btn-primary:hover { color: #fff; background-color: #0058e4; border-color: #0053d7; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0058e4; border-color: #0053d7; box-shadow: 0 0 0 0.2rem rgba(48, 128, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0B69FF; border-color: #0B69FF; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0053d7; border-color: #004eca; } .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 0.2rem rgba(48, 128, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .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 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #2DCA73; border-color: #2DCA73; } .btn-success:hover { color: #fff; background-color: #26ab61; border-color: #24a05b; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #26ab61; border-color: #24a05b; box-shadow: 0 0 0 0.2rem rgba(77, 210, 136, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #2DCA73; border-color: #2DCA73; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #24a05b; border-color: #219655; } .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 0.2rem rgba(77, 210, 136, 0.5); } .btn-info { color: #fff; background-color: #00acc1; border-color: #00acc1; } .btn-info:hover { color: #fff; background-color: #008a9b; border-color: #007f8e; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #008a9b; border-color: #007f8e; box-shadow: 0 0 0 0.2rem rgba(38, 184, 202, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #00acc1; border-color: #00acc1; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #007f8e; border-color: #007381; } .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 0.2rem rgba(38, 184, 202, 0.5); } .btn-warning { color: #fff; background-color: #FFB800; border-color: #FFB800; } .btn-warning:hover { color: #fff; background-color: #d99c00; border-color: #cc9300; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #d99c00; border-color: #cc9300; box-shadow: 0 0 0 0.2rem rgba(255, 195, 38, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #FFB800; border-color: #FFB800; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #cc9300; border-color: #bf8a00; } .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 0.2rem rgba(255, 195, 38, 0.5); } .btn-danger { color: #fff; background-color: #FF0B37; border-color: #FF0B37; } .btn-danger:hover { color: #fff; background-color: #e40029; border-color: #d70027; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #e40029; border-color: #d70027; box-shadow: 0 0 0 0.2rem rgba(255, 48, 85, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #FF0B37; border-color: #FF0B37; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #d70027; border-color: #ca0024; } .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 0.2rem rgba(255, 48, 85, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .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 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #171F46; border-color: #171F46; } .btn-dark:hover { color: #fff; background-color: #0e1229; border-color: #0a0e20; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #0e1229; border-color: #0a0e20; box-shadow: 0 0 0 0.2rem rgba(58, 65, 98, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #171F46; border-color: #171F46; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #0a0e20; border-color: #070a16; } .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 0.2rem rgba(58, 65, 98, 0.5); } .btn-outline-primary { color: #0B69FF; border-color: #0B69FF; } .btn-outline-primary:hover { color: #fff; background-color: #0B69FF; border-color: #0B69FF; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(11, 105, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0B69FF; 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: #0B69FF; border-color: #0B69FF; } .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 0.2rem rgba(11, 105, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; 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: #6c757d; border-color: #6c757d; } .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 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #2DCA73; border-color: #2DCA73; } .btn-outline-success:hover { color: #fff; background-color: #2DCA73; border-color: #2DCA73; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(45, 202, 115, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #2DCA73; 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: #2DCA73; border-color: #2DCA73; } .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 0.2rem rgba(45, 202, 115, 0.5); } .btn-outline-info { color: #00acc1; border-color: #00acc1; } .btn-outline-info:hover { color: #fff; background-color: #00acc1; border-color: #00acc1; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(0, 172, 193, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #00acc1; 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: #00acc1; border-color: #00acc1; } .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 0.2rem rgba(0, 172, 193, 0.5); } .btn-outline-warning { color: #FFB800; border-color: #FFB800; } .btn-outline-warning:hover { color: #fff; background-color: #FFB800; border-color: #FFB800; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 184, 0, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #FFB800; 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: #fff; background-color: #FFB800; border-color: #FFB800; } .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 0.2rem rgba(255, 184, 0, 0.5); } .btn-outline-danger { color: #FF0B37; border-color: #FF0B37; } .btn-outline-danger:hover { color: #fff; background-color: #FF0B37; border-color: #FF0B37; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 11, 55, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #FF0B37; 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: #FF0B37; border-color: #FF0B37; } .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 0.2rem rgba(255, 11, 55, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; 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: #f8f9fa; border-color: #f8f9fa; } .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 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #171F46; border-color: #171F46; } .btn-outline-dark:hover { color: #fff; background-color: #171F46; border-color: #171F46; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(23, 31, 70, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #171F46; 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: #171F46; border-color: #171F46; } .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 0.2rem rgba(23, 31, 70, 0.5); } .btn-link { font-weight: 400; color: #0B69FF; text-decoration: none; } .btn-link:hover { color: #0B69FF; 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.09375rem; line-height: 1.5; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.76563rem; line-height: 1.5; border-radius: 4px; } .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 { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; 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: 0.875rem; color: #7E858E; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 4px; } .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; } } .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: #0B69FF; } .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.76563rem; 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: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; 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.6405rem; padding-left: 0.6405rem; } .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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.532rem 0.854rem; margin-bottom: 0; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #171F46; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #D7DFE9; border-radius: 4px; } .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.09375rem; line-height: 1.5; border-radius: 6px; } .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.76563rem; line-height: 1.5; border-radius: 4px; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.854rem; } .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.3125rem; padding-left: 1.5rem; } .custom-control-inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.15625rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #0B69FF; background-color: #0B69FF; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #7E858E; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #bed7ff; border-color: #bed7ff; } .custom-control-input[disabled] ~ .custom-control-label { color: #6c757d; } .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.15625rem; 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.15625rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 2px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #0B69FF; background-color: #0B69FF; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(11, 105, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(11, 105, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(11, 105, 255, 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.15625rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; 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; 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, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { -webkit-transition: none; transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.75rem); -ms-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(11, 105, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 1.064rem + 2px); padding: 0.532rem 1.854rem 0.532rem 0.854rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #171F46; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.854rem center/8px 10px; border: 1px solid #D7DFE9; border-radius: 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #7E858E; outline: 0; box-shadow: 0 0 0 0.2rem rgba(11, 105, 255, 0.25); } .custom-select:focus::-ms-value { color: #171F46; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.854rem; 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 #171F46; } .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.76563rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.09375rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 1.064rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 1.064rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #7E858E; box-shadow: none; } .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 + 1.064rem + 2px); padding: 0.532rem 0.854rem; font-weight: 400; line-height: 1.5; color: #171F46; background-color: #fff; border: 1px solid #D7DFE9; border-radius: 4px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 1.064rem); padding: 0.532rem 0.854rem; line-height: 1.5; color: #171F46; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 4px 4px 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #FBFBFB, none; } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #FBFBFB, none; } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #FBFBFB, none; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #0B69FF; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #bed7ff; } .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: #0B69FF; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #bed7ff; } .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: 0.2rem; margin-left: 0.2rem; background-color: #0B69FF; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #bed7ff; } .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 { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: none; transition: none; } } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; 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: 6px; border-top-right-radius: 6px; } .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: #495057; background-color: transparent; border-color: #dee2e6 #dee2e6 transparent; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 6px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0B69FF; } .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.33594rem; padding-bottom: 0.33594rem; margin-right: 1rem; font-size: 1.09375rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; 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 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.09375rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; 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 { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; 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 { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; 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 { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; 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 { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; 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 { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; 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 viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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 viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #D7DFE9; border-radius: 4px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .card-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 24px; } .card-title { margin-bottom: 24px; } .card-subtitle { margin-top: -12px; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 24px; } .card-header { padding: 24px 24px; margin-bottom: 0; background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid #D7DFE9; } .card-header:first-child { border-radius: calc(4px - 1px) calc(4px - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 24px 24px; background-color: rgba(0, 0, 0, 0); border-top: 1px solid #D7DFE9; } .card-footer:last-child { border-radius: 0 0 calc(4px - 1px) calc(4px - 1px); } .card-header-tabs { margin-right: -12px; margin-bottom: -24px; margin-left: -12px; border-bottom: 0; } .card-header-pills { margin-right: -12px; margin-left: -12px; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img, .card-img-top, .card-img-bottom { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(4px - 1px); border-top-right-radius: calc(4px - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(4px - 1px); border-bottom-left-radius: calc(4px - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; 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: 24px; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #FBFBFB; border-radius: 6px; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #7E858E; content: ">"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #7E858E; } .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 6px; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -2px; line-height: 1.25; color: #7E858E; background-color: #fff; border: 2px solid #D7DFE9; } .page-link:hover { z-index: 2; color: #0B69FF; text-decoration: none; background-color: #FBFBFB; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(11, 105, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .page-item:last-child .page-link { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .page-item.active .page-link { z-index: 3; color: #171F46; background-color: transparent; border-color: #171F46; } .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.09375rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.76563rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 6px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { -webkit-transition: none; 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: #0B69FF; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0053d7; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(11, 105, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #2DCA73; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #24a05b; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(45, 202, 115, 0.5); } .badge-info { color: #fff; background-color: #00acc1; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #007f8e; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 172, 193, 0.5); } .badge-warning { color: #fff; background-color: #FFB800; } a.badge-warning:hover, a.badge-warning:focus { color: #fff; background-color: #cc9300; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 184, 0, 0.5); } .badge-danger { color: #fff; background-color: #FF0B37; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #d70027; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 11, 55, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #171F46; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #0a0e20; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 31, 70, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 6px; } @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: 6px; } .alert-heading { color: inherit; } .alert-link { font-weight: 600; } .alert-dismissible { padding-right: 3.8125rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #0a61eb; background-color: #e2edff; border-color: #1f75ff; } .alert-primary hr { border-top-color: #0665ff; } .alert-primary .alert-link { color: #084dba; } .alert-secondary { color: #636c73; background-color: #edeeef; border-color: #788087; } .alert-secondary hr { border-top-color: #6c737a; } .alert-secondary .alert-link { color: #4b5258; } .alert-success { color: #29ba6a; background-color: #e6f9ee; border-color: #3ece7e; } .alert-success hr { border-top-color: #31c171; } .alert-success .alert-link { color: #209052; } .alert-info { color: #009eb2; background-color: #e0f5f8; border-color: #14b3c6; } .alert-info hr { border-top-color: #129eaf; } .alert-info .alert-link { color: #00717f; } .alert-warning { color: #eba900; background-color: #fff6e0; border-color: #ffbe14; } .alert-warning hr { border-top-color: #fab400; } .alert-warning .alert-link { color: #b88400; } .alert-danger { color: #eb0a33; background-color: #ffe2e7; border-color: #ff1f47; } .alert-danger hr { border-top-color: #ff0632; } .alert-danger .alert-link { color: #ba0828; } .alert-light { color: #e4e5e6; background-color: #fefefe; border-color: #f9f9fa; } .alert-light hr { border-top-color: #ebebee; } .alert-light .alert-link { color: #cacccd; } .alert-dark { color: #151d40; background-color: #e3e4e9; border-color: #2a3155; } .alert-dark hr { border-top-color: #222744; } .alert-dark .alert-link { color: #080c1a; } @keyframes progress-bar-stripes { from { background-position: 6px 0; } to { background-position: 0 0; } } .progress { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 6px; overflow: hidden; font-size: 0.65625rem; background-color: rgba(215, 223, 233, 0.5); border-radius: 6px; } .progress-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0B69FF; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; transition: none; } } .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: 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: 6px 6px; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .list-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; 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: #7E858E; 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: 6px; border-top-right-radius: 6px; } .list-group-item:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .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: #0B69FF; border-color: #0B69FF; } .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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal .list-group-item:first-child { border-bottom-left-radius: 6px; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 6px; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm .list-group-item:first-child { border-bottom-left-radius: 6px; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { border-top-right-radius: 6px; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md .list-group-item:first-child { border-bottom-left-radius: 6px; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { border-top-right-radius: 6px; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg .list-group-item:first-child { border-bottom-left-radius: 6px; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { border-top-right-radius: 6px; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl .list-group-item:first-child { border-bottom-left-radius: 6px; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { border-top-right-radius: 6px; 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; } } .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: #063785; background-color: #bbd5ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #063785; background-color: #a2c5ff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #063785; border-color: #063785; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #17693c; background-color: #c4f0d8; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #17693c; background-color: #b0ebcb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #17693c; border-color: #17693c; } .list-group-item-info { color: #005964; background-color: #b8e8ee; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #005964; background-color: #a3e1e9; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #005964; border-color: #005964; } .list-group-item-warning { color: #856000; background-color: #ffebb8; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856000; background-color: #ffe49f; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856000; border-color: #856000; } .list-group-item-danger { color: #85061d; background-color: #ffbbc7; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #85061d; background-color: #ffa2b2; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #85061d; border-color: #85061d; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #0c1024; background-color: #bec0cb; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #0c1024; background-color: #b0b2c0; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #0c1024; border-color: #0c1024; } .close { float: right; font-size: 1.3125rem; font-weight: 600; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; 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); -webkit-backdrop-filter: blur(10px); 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 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 { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; 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 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.2); border-radius: 6px; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 25px; border-bottom: 0 solid #D7DFE9; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 20px 25px; margin: -20px -25px -20px auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 24px; } .modal-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 16px; border-top: 0 solid #D7DFE9; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 8px; } .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: 900px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Rubik", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.76563rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .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.4rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Rubik", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.76563rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 4px; } .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.05); } .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: 4px 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.05); } .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.05); } .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: 4px 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.05); } .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: 0.875rem; 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: #7E858E; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; 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%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; -ms-transform: none; 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; -webkit-transition: opacity 0s 0.6s; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { -webkit-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; 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' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%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' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 6px; height: 6px; margin-right: 4px; margin-left: 4px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { -webkit-transition: none; 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; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); 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%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(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; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .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: #0B69FF !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0053d7 !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #2DCA73 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #24a05b !important; } .bg-info { background-color: #00acc1 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #007f8e !important; } .bg-warning { background-color: #FFB800 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #cc9300 !important; } .bg-danger { background-color: #FF0B37 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #d70027 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #171F46 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #0a0e20 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #D7DFE9 !important; } .border-top { border-top: 1px solid #D7DFE9 !important; } .border-right { border-right: 1px solid #D7DFE9 !important; } .border-bottom { border-bottom: 1px solid #D7DFE9 !important; } .border-left { border-left: 1px solid #D7DFE9 !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: #0B69FF !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #2DCA73 !important; } .border-info { border-color: #00acc1 !important; } .border-warning { border-color: #FFB800 !important; } .border-danger { border-color: #FF0B37 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #171F46 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 4px !important; } .rounded { border-radius: 6px !important; } .rounded-top { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-right { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-bottom { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-left { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-lg { border-radius: 6px !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: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; 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: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; 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: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; 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: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; 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: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; 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: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; 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.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; 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: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; 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: 0px 4px 16px rgba(126, 133, 142, 0.16) !important; } .shadow { box-shadow: 0px 8px 16px rgba(23, 31, 70, 0.08) !important; } .shadow-lg { box-shadow: 0px 4px 40px rgba(23, 31, 70, 0.16) !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; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 600 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #0B69FF !important; } a.text-primary:hover, a.text-primary:focus { color: #0049be !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #2DCA73 !important; } a.text-success:hover, a.text-success:focus { color: #1f8b4f !important; } .text-info { color: #00acc1 !important; } a.text-info:hover, a.text-info:focus { color: #006875 !important; } .text-warning { color: #FFB800 !important; } a.text-warning:hover, a.text-warning:focus { color: #b38100 !important; } .text-danger { color: #FF0B37 !important; } a.text-danger:hover, a.text-danger:focus { color: #be0022 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #171F46 !important; } a.text-dark:hover, a.text-dark:focus { color: #04060c !important; } .text-body { color: #7E858E !important; } .text-muted { color: #B5B7C4 !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: #D7DFE9; } .table .thead-dark th { color: inherit; border-color: #D7DFE9; } } @font-face { font-family: "pct"; src: url("../fonts/pct.eot"); src: url("../fonts/pct.eot?#iefix") format("embedded-opentype"), url("../fonts/pct.woff") format("woff"), url("../fonts/pct.ttf") format("truetype"), url("../fonts/pct.svg#pct") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "pct" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="pct-"]:before, [class*=" pct-"]:before { font-family: "pct" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pct-arrow1:before { content: "\61"; } .pct-arrow2:before { content: "\62"; } .pct-arrow3:before { content: "\63"; } .pct-arrow4:before { content: "\64"; } .pct-chat1:before { content: "\65"; } .pct-chat2:before { content: "\66"; } .pct-chat3:before { content: "\67"; } .pct-chat4:before { content: "\68"; } .pct-loader1:before { content: "\69"; } .pct-arrow-sharp1:before { content: "\6a"; } .pct-arrow-sharp2:before { content: "\6b"; } .pct-arrow-sharp3:before { content: "\6c"; } .pct-arrow-sharp4:before { content: "\6d"; } @font-face { font-family: "feather"; src: url("../fonts/feather.eot?t=1501841394106"); /* IE9*/ src: url("../fonts/feather.eot?t=1501841394106#iefix") format("embedded-opentype"), url("../fonts/feather.woff?t=1501841394106") format("woff"), url("../fonts/feather.ttf?t=1501841394106") format("truetype"), url("../fonts/feather.svg?t=1501841394106#feather") format("svg"); /* iOS 4.1- */ } .feather { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'feather' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-alert-octagon:before { content: "\e81b"; } .icon-alert-circle:before { content: "\e81c"; } .icon-activity:before { content: "\e81d"; } .icon-alert-triangle:before { content: "\e81e"; } .icon-align-center:before { content: "\e81f"; } .icon-airplay:before { content: "\e820"; } .icon-align-justify:before { content: "\e821"; } .icon-align-left:before { content: "\e822"; } .icon-align-right:before { content: "\e823"; } .icon-arrow-down-left:before { content: "\e824"; } .icon-arrow-down-right:before { content: "\e825"; } .icon-anchor:before { content: "\e826"; } .icon-aperture:before { content: "\e827"; } .icon-arrow-left:before { content: "\e828"; } .icon-arrow-right:before { content: "\e829"; } .icon-arrow-down:before { content: "\e82a"; } .icon-arrow-up-left:before { content: "\e82b"; } .icon-arrow-up-right:before { content: "\e82c"; } .icon-arrow-up:before { content: "\e82d"; } .icon-award:before { content: "\e82e"; } .icon-bar-chart:before { content: "\e82f"; } .icon-at-sign:before { content: "\e830"; } .icon-bar-chart-2:before { content: "\e831"; } .icon-battery-charging:before { content: "\e832"; } .icon-bell-off:before { content: "\e833"; } .icon-battery:before { content: "\e834"; } .icon-bluetooth:before { content: "\e835"; } .icon-bell:before { content: "\e836"; } .icon-book:before { content: "\e837"; } .icon-briefcase:before { content: "\e838"; } .icon-camera-off:before { content: "\e839"; } .icon-calendar:before { content: "\e83a"; } .icon-bookmark:before { content: "\e83b"; } .icon-box:before { content: "\e83c"; } .icon-camera:before { content: "\e83d"; } .icon-check-circle:before { content: "\e83e"; } .icon-check:before { content: "\e83f"; } .icon-check-square:before { content: "\e840"; } .icon-cast:before { content: "\e841"; } .icon-chevron-down:before { content: "\e842"; } .icon-chevron-left:before { content: "\e843"; } .icon-chevron-right:before { content: "\e844"; } .icon-chevron-up:before { content: "\e845"; } .icon-chevrons-down:before { content: "\e846"; } .icon-chevrons-right:before { content: "\e847"; } .icon-chevrons-up:before { content: "\e848"; } .icon-chevrons-left:before { content: "\e849"; } .icon-circle:before { content: "\e84a"; } .icon-clipboard:before { content: "\e84b"; } .icon-chrome:before { content: "\e84c"; } .icon-clock:before { content: "\e84d"; } .icon-cloud-lightning:before { content: "\e84e"; } .icon-cloud-drizzle:before { content: "\e84f"; } .icon-cloud-rain:before { content: "\e850"; } .icon-cloud-off:before { content: "\e851"; } .icon-codepen:before { content: "\e852"; } .icon-cloud-snow:before { content: "\e853"; } .icon-compass:before { content: "\e854"; } .icon-copy:before { content: "\e855"; } .icon-corner-down-right:before { content: "\e856"; } .icon-corner-down-left:before { content: "\e857"; } .icon-corner-left-down:before { content: "\e858"; } .icon-corner-left-up:before { content: "\e859"; } .icon-corner-up-left:before { content: "\e85a"; } .icon-corner-up-right:before { content: "\e85b"; } .icon-corner-right-down:before { content: "\e85c"; } .icon-corner-right-up:before { content: "\e85d"; } .icon-cpu:before { content: "\e85e"; } .icon-credit-card:before { content: "\e85f"; } .icon-crosshair:before { content: "\e860"; } .icon-disc:before { content: "\e861"; } .icon-delete:before { content: "\e862"; } .icon-download-cloud:before { content: "\e863"; } .icon-download:before { content: "\e864"; } .icon-droplet:before { content: "\e865"; } .icon-edit-2:before { content: "\e866"; } .icon-edit:before { content: "\e867"; } .icon-edit-1:before { content: "\e868"; } .icon-external-link:before { content: "\e869"; } .icon-eye:before { content: "\e86a"; } .icon-feather:before { content: "\e86b"; } .icon-facebook:before { content: "\e86c"; } .icon-file-minus:before { content: "\e86d"; } .icon-eye-off:before { content: "\e86e"; } .icon-fast-forward:before { content: "\e86f"; } .icon-file-text:before { content: "\e870"; } .icon-film:before { content: "\e871"; } .icon-file:before { content: "\e872"; } .icon-file-plus:before { content: "\e873"; } .icon-folder:before { content: "\e874"; } .icon-filter:before { content: "\e875"; } .icon-flag:before { content: "\e876"; } .icon-globe:before { content: "\e877"; } .icon-grid:before { content: "\e878"; } .icon-heart:before { content: "\e879"; } .icon-home:before { content: "\e87a"; } .icon-github:before { content: "\e87b"; } .icon-image:before { content: "\e87c"; } .icon-inbox:before { content: "\e87d"; } .icon-layers:before { content: "\e87e"; } .icon-info:before { content: "\e87f"; } .icon-instagram:before { content: "\e880"; } .icon-layout:before { content: "\e881"; } .icon-link-2:before { content: "\e882"; } .icon-life-buoy:before { content: "\e883"; } .icon-link:before { content: "\e884"; } .icon-log-in:before { content: "\e885"; } .icon-list:before { content: "\e886"; } .icon-lock:before { content: "\e887"; } .icon-log-out:before { content: "\e888"; } .icon-loader:before { content: "\e889"; } .icon-mail:before { content: "\e88a"; } .icon-maximize-2:before { content: "\e88b"; } .icon-map:before { content: "\e88c"; } .icon-map-pin:before { content: "\e88e"; } .icon-menu:before { content: "\e88f"; } .icon-message-circle:before { content: "\e890"; } .icon-message-square:before { content: "\e891"; } .icon-minimize-2:before { content: "\e892"; } .icon-mic-off:before { content: "\e893"; } .icon-minus-circle:before { content: "\e894"; } .icon-mic:before { content: "\e895"; } .icon-minus-square:before { content: "\e896"; } .icon-minus:before { content: "\e897"; } .icon-moon:before { content: "\e898"; } .icon-monitor:before { content: "\e899"; } .icon-more-vertical:before { content: "\e89a"; } .icon-more-horizontal:before { content: "\e89b"; } .icon-move:before { content: "\e89c"; } .icon-music:before { content: "\e89d"; } .icon-navigation-2:before { content: "\e89e"; } .icon-navigation:before { content: "\e89f"; } .icon-octagon:before { content: "\e8a0"; } .icon-package:before { content: "\e8a1"; } .icon-pause-circle:before { content: "\e8a2"; } .icon-pause:before { content: "\e8a3"; } .icon-percent:before { content: "\e8a4"; } .icon-phone-call:before { content: "\e8a5"; } .icon-phone-forwarded:before { content: "\e8a6"; } .icon-phone-missed:before { content: "\e8a7"; } .icon-phone-off:before { content: "\e8a8"; } .icon-phone-incoming:before { content: "\e8a9"; } .icon-phone:before { content: "\e8aa"; } .icon-phone-outgoing:before { content: "\e8ab"; } .icon-pie-chart:before { content: "\e8ac"; } .icon-play-circle:before { content: "\e8ad"; } .icon-play:before { content: "\e8ae"; } .icon-plus-square:before { content: "\e8af"; } .icon-plus-circle:before { content: "\e8b0"; } .icon-plus:before { content: "\e8b1"; } .icon-pocket:before { content: "\e8b2"; } .icon-printer:before { content: "\e8b3"; } .icon-power:before { content: "\e8b4"; } .icon-radio:before { content: "\e8b5"; } .icon-repeat:before { content: "\e8b6"; } .icon-refresh-ccw:before { content: "\e8b7"; } .icon-rewind:before { content: "\e8b8"; } .icon-rotate-ccw:before { content: "\e8b9"; } .icon-refresh-cw:before { content: "\e8ba"; } .icon-rotate-cw:before { content: "\e8bb"; } .icon-save:before { content: "\e8bc"; } .icon-search:before { content: "\e8bd"; } .icon-server:before { content: "\e8be"; } .icon-scissors:before { content: "\e8bf"; } .icon-share-2:before { content: "\e8c0"; } .icon-share:before { content: "\e8c1"; } .icon-shield:before { content: "\e8c2"; } .icon-settings:before { content: "\e8c3"; } .icon-skip-back:before { content: "\e8c4"; } .icon-shuffle:before { content: "\e8c5"; } .icon-sidebar:before { content: "\e8c6"; } .icon-skip-forward:before { content: "\e8c7"; } .icon-slack:before { content: "\e8c8"; } .icon-slash:before { content: "\e8c9"; } .icon-smartphone:before { content: "\e8ca"; } .icon-square:before { content: "\e8cb"; } .icon-speaker:before { content: "\e8cc"; } .icon-star:before { content: "\e8cd"; } .icon-stop-circle:before { content: "\e8ce"; } .icon-sun:before { content: "\e8cf"; } .icon-sunrise:before { content: "\e8d0"; } .icon-tablet:before { content: "\e8d1"; } .icon-tag:before { content: "\e8d2"; } .icon-sunset:before { content: "\e8d3"; } .icon-target:before { content: "\e8d4"; } .icon-thermometer:before { content: "\e8d5"; } .icon-thumbs-up:before { content: "\e8d6"; } .icon-thumbs-down:before { content: "\e8d7"; } .icon-toggle-left:before { content: "\e8d8"; } .icon-toggle-right:before { content: "\e8d9"; } .icon-trash-2:before { content: "\e8da"; } .icon-trash:before { content: "\e8db"; } .icon-trending-up:before { content: "\e8dc"; } .icon-trending-down:before { content: "\e8dd"; } .icon-triangle:before { content: "\e8de"; } .icon-type:before { content: "\e8df"; } .icon-twitter:before { content: "\e8e0"; } .icon-upload:before { content: "\e8e1"; } .icon-umbrella:before { content: "\e8e2"; } .icon-upload-cloud:before { content: "\e8e3"; } .icon-unlock:before { content: "\e8e4"; } .icon-user-check:before { content: "\e8e5"; } .icon-user-minus:before { content: "\e8e6"; } .icon-user-plus:before { content: "\e8e7"; } .icon-user-x:before { content: "\e8e8"; } .icon-user:before { content: "\e8e9"; } .icon-users:before { content: "\e8ea"; } .icon-video-off:before { content: "\e8eb"; } .icon-video:before { content: "\e8ec"; } .icon-voicemail:before { content: "\e8ed"; } .icon-volume-x:before { content: "\e8ee"; } .icon-volume-2:before { content: "\e8ef"; } .icon-volume-1:before { content: "\e8f0"; } .icon-volume:before { content: "\e8f1"; } .icon-watch:before { content: "\e8f2"; } .icon-wifi:before { content: "\e8f3"; } .icon-x-square:before { content: "\e8f4"; } .icon-wind:before { content: "\e8f5"; } .icon-x:before { content: "\e8f6"; } .icon-x-circle:before { content: "\e8f7"; } .icon-zap:before { content: "\e8f8"; } .icon-zoom-in:before { content: "\e8f9"; } .icon-zoom-out:before { content: "\e8fa"; } .icon-command:before { content: "\e8fb"; } .icon-cloud:before { content: "\e8fc"; } .icon-hash:before { content: "\e8fd"; } .icon-headphones:before { content: "\e8fe"; } .icon-underline:before { content: "\e8ff"; } .icon-italic:before { content: "\e900"; } .icon-bold:before { content: "\e901"; } .icon-crop:before { content: "\e902"; } .icon-help-circle:before { content: "\e903"; } .icon-paperclip:before { content: "\e904"; } .icon-shopping-cart:before { content: "\e905"; } .icon-tv:before { content: "\e906"; } .icon-wifi-off:before { content: "\e907"; } .icon-minimize:before { content: "\e88d"; } .icon-maximize:before { content: "\e908"; } .icon-gitlab:before { content: "\e909"; } .icon-sliders:before { content: "\e90a"; } .icon-star-on:before { content: "\e90b"; } .icon-heart-on:before { content: "\e90c"; } .fa, .fab, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .fa-flip-vertical { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; } .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; src: url(../fonts/fa-brands-400.eot); src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/fa-brands-400.svg#fontawesome) format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; src: url(../fonts/fa-regular-400.eot); src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg"); } .far { font-weight: 400; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; src: url(../fonts/fa-solid-900.eot); src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg"); } .fa, .far, .fas { font-family: "Font Awesome 5 Free"; } .fa, .fas { font-weight: 900; } /** ===================== Custom css start ========================== **/ /* ========== card css start =========== */ .anim-rotate { -webkit-animation: anim-rotate 1s linear infinite; animation: anim-rotate 1s linear infinite; } @-webkit-keyframes anim-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes anim-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .anim-close-card { -webkit-animation: anim-close-card 1.4s linear; animation: anim-close-card 1.4s linear; } @-webkit-keyframes anim-close-card { 100% { opacity: 0.3; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes anim-close-card { 100% { opacity: 0.3; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .card { margin-bottom: 30px; } .card .card-header { border-bottom: 0px solid #D7DFE9; position: relative; } .card .card-header + .card-body { padding-top: 0; } .card .card-header > h5 { margin-bottom: 0; color: #171F46; font-size: 14px; font-weight: 700; display: inline-block; margin-right: 10px; line-height: 1.1; position: relative; } .card .card-header .card-header-right { right: 10px; top: 10px; display: inline-block; float: right; padding: 0; position: absolute; } @media only screen and (max-width: 575px) { .card .card-header .card-header-right { display: none; } } .card .card-header .card-header-right .dropdown-menu { margin-top: 0; } .card .card-header .card-header-right .dropdown-menu li { cursor: pointer; } .card .card-header .card-header-right .dropdown-menu li a { font-size: 14px; text-transform: capitalize; } .card .card-header .card-header-right .btn.dropdown-toggle { border: none; background: transparent; box-shadow: none; color: #888; } .card .card-header .card-header-right .btn.dropdown-toggle i { margin-right: 0; } .card .card-header .card-header-right .btn.dropdown-toggle:after { display: none; } .card .card-header .card-header-right .btn.dropdown-toggle:focus { box-shadow: none; outline: none; } .card .card-header .card-header-right .btn.dropdown-toggle { border: none; background: transparent; box-shadow: none; padding: 0; width: 20px; height: 20px; right: 8px; top: 8px; } .card .card-header .card-header-right .btn.dropdown-toggle.mobile-menu span { background-color: #888; height: 2px; border-radius: 5px; } .card .card-header .card-header-right .btn.dropdown-toggle.mobile-menu span:after, .card .card-header .card-header-right .btn.dropdown-toggle.mobile-menu span:before { border-radius: 5px; height: 2px; background-color: #888; } .card .card-header .card-header-right .nav-pills { padding: 0; box-shadow: none; background: transparent; } .card .card-footer { border-top: 1px solid #D7DFE9; padding: 12px 25px; } .card .card-footer:not([class*="bg-"]) { background: transparent; } .card .card-block, .card .card-body { padding: 24px 24px; } .card.card-load { position: relative; overflow: hidden; } .card.card-load .card-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255, 255, 255, 0.7); z-index: 999; } .card.card-load .card-loader i { margin: 0 auto; color: #0B69FF; font-size: 24px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .card.full-card { z-index: 99999; border-radius: 0; } .card.empty-card { background: transparent; border: 1px dashed #D7DFE9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 260px; } /** ===================== button css start ========================== **/ .btn-page .btn { margin-right: 5px; margin-bottom: 5px; } .btn-page .btn-group .btn, .btn-page .btn-group-vertical .btn { margin-right: 0; margin-bottom: 0; } .btn.btn-icon { border-radius: 50%; padding: 0; width: 32px; height: 32px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #171F46; background: transparent; border: 2px solid #D7DFE9; } .btn.btn-icon.icon-lg { width: 44px; height: 44px; font-size: 22px; } .btn.btn-icon.icon-sm { width: 24px; height: 24px; font-size: 14px; } .btn.btn-icon:not(.disabled):hover, .btn.btn-icon:not(:disabled):hover { border-color: #171F46; } .btn.btn-icon:not(.disabled).active, .btn.btn-icon:not(.disabled):active, .btn.btn-icon:not(:disabled).active, .btn.btn-icon:not(:disabled):active { border-color: #2DCA73; color: #2DCA73; box-shadow: none; } .btn-group-link .btn { cursor: pointer; } .btn-group-link .btn.focus, .btn-group-link .btn:focus { box-shadow: none; } .btn-group-link .btn.active { color: #171F46; } .btn-group-toggle .btn-outline-light { background: #fff; cursor: pointer; } .btn-group-toggle .btn-outline-light:not(:disabled):not(.disabled):active, .btn-group-toggle .btn-outline-light:not(:disabled):not(.disabled).active { background: rgba(215, 223, 233, 0.24); } /** ===================== Radio & Checked css start ========================== **/ .checkbox { padding: 10px 0; min-height: auto; position: relative; margin-right: 5px; } .checkbox input[type=checkbox] { margin: 0; display: none; width: 22px; } .checkbox input[type=checkbox] + .cr { padding-left: 0; } .checkbox input[type=checkbox] + .cr:before { content: "\e83f"; width: 22px; height: 22px; display: inline-block; margin-right: 10px; border: 2px solid #e9eaec; border-radius: 3px; font-size: 15px; font-family: 'feather'; font-weight: 400; line-height: 19px; vertical-align: bottom; text-align: center; background: #ffffff; color: transparent; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkbox input[type=checkbox]:checked + .cr:before { background: #1dd5d2; border-color: #1dd5d2; color: #ffffff; } .checkbox input[type=checkbox].disabled + .cr, .checkbox input[type=checkbox]:disabled + .cr { opacity: 0.5; } .checkbox input[type=checkbox].disabled + .cr:before, .checkbox input[type=checkbox]:disabled + .cr:before { cursor: not-allowed; } .checkbox.checkbox-fill input[type=checkbox] + .cr:after { content: ""; width: 22.5px; height: 22.5px; display: inline-block; margin-right: 10px; border: 2px solid #e9eaec; border-radius: 2px; vertical-align: bottom; text-align: center; background: transparent; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; top: 8.5px; left: 3px; } .checkbox.checkbox-fill input[type=checkbox] + .cr:before { opacity: 0; content: "\e840"; font-size: 27px; background: transparent; } .checkbox.checkbox-fill input[type=checkbox]:checked + .cr:after { opacity: 0; } .checkbox.checkbox-fill input[type=checkbox]:checked + .cr:before { opacity: 1; background: transparent; color: #1dd5d2; border-color: transparent; } .checkbox.checkbox-primary input[type=checkbox]:checked + .cr:before { background: #0B69FF; border-color: #0B69FF; color: #ffffff; } .checkbox.checkbox-fill.checkbox-primary input[type=checkbox]:checked + .cr:before { background: transparent; color: #0B69FF; border-color: transparent; } .checkbox.checkbox-danger input[type=checkbox]:checked + .cr:before { background: #FF0B37; border-color: #FF0B37; color: #ffffff; } .checkbox.checkbox-fill.checkbox-danger input[type=checkbox]:checked + .cr:before { background: transparent; color: #FF0B37; border-color: transparent; } .checkbox.checkbox-success input[type=checkbox]:checked + .cr:before { background: #2DCA73; border-color: #2DCA73; color: #ffffff; } .checkbox.checkbox-fill.checkbox-success input[type=checkbox]:checked + .cr:before { background: transparent; color: #2DCA73; border-color: transparent; } .checkbox.checkbox-warning input[type=checkbox]:checked + .cr:before { background: #FFB800; border-color: #FFB800; color: #ffffff; } .checkbox.checkbox-fill.checkbox-warning input[type=checkbox]:checked + .cr:before { background: transparent; color: #FFB800; border-color: transparent; } .checkbox.checkbox-info input[type=checkbox]:checked + .cr:before { background: #00ACC1; border-color: #00ACC1; color: #ffffff; } .checkbox.checkbox-fill.checkbox-info input[type=checkbox]:checked + .cr:before { background: transparent; color: #00ACC1; border-color: transparent; } .checkbox.checkbox-purple input[type=checkbox]:checked + .cr:before { background: #6B38FB; border-color: #6B38FB; color: #ffffff; } .checkbox.checkbox-fill.checkbox-purple input[type=checkbox]:checked + .cr:before { background: transparent; color: #6B38FB; border-color: transparent; } .checkbox .cr { cursor: pointer; } .radio { padding: 10px 0; min-height: auto; position: relative; margin-right: 5px; } .radio input[type=radio] { margin: 0; display: none; width: 22px; } .radio input[type=radio] + .cr { padding-left: 0; } .radio input[type=radio] + .cr:after, .radio input[type=radio] + .cr:before { content: ""; display: inline-block; margin-right: 10px; border-radius: 50%; vertical-align: bottom; background: #fff; color: transparent; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .radio input[type=radio] + .cr:before { width: 22px; height: 22px; border: 2px solid #e9eaec; } .radio input[type=radio] + .cr:after { width: 12px; height: 12px; position: absolute; top: 12px; left: 5px; } @supports (-webkit-overflow-scrolling: touch) { .radio input[type=radio] + .cr:after { top: 13px; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .radio input[type=radio] + .cr:after { top: 5px; } } .radio input[type=radio]:checked + .cr:before { border-color: #0B69FF; } .radio input[type=radio]:checked + .cr:after { background: #0B69FF; } .radio input[type=radio]:disabled + .cr { opacity: 0.5; cursor: not-allowed; } .radio input[type=radio]:disabled + .cr:after, .radio input[type=radio]:disabled + .cr:before { cursor: not-allowed; } .radio.radio-fill input[type=radio] + .cr:after { width: 18px; height: 18px; top: 9px; left: 2px; } @supports (-webkit-overflow-scrolling: touch) { .radio.radio-fill input[type=radio] + .cr:after { top: 10px; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .radio.radio-fill input[type=radio] + .cr:after { top: 2px; } } .radio.radio-primary input[type=radio]:checked + .cr:before { border-color: #0B69FF; } .radio.radio-primary input[type=radio]:checked + .cr:after { background: #0B69FF; } .radio.radio-danger input[type=radio]:checked + .cr:before { border-color: #FF0B37; } .radio.radio-danger input[type=radio]:checked + .cr:after { background: #FF0B37; } .radio.radio-success input[type=radio]:checked + .cr:before { border-color: #2DCA73; } .radio.radio-success input[type=radio]:checked + .cr:after { background: #2DCA73; } .radio.radio-warning input[type=radio]:checked + .cr:before { border-color: #FFB800; } .radio.radio-warning input[type=radio]:checked + .cr:after { background: #FFB800; } .radio.radio-info input[type=radio]:checked + .cr:before { border-color: #00ACC1; } .radio.radio-info input[type=radio]:checked + .cr:after { background: #00ACC1; } .radio.radio-purple input[type=radio]:checked + .cr:before { border-color: #6B38FB; } .radio.radio-purple input[type=radio]:checked + .cr:after { background: #6B38FB; } .radio .cr { cursor: pointer; } @-moz-document url-prefix() { .radio input[type="radio"] + .cr::after { top: 12px; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .form-group.d-inline .radio input[type=radio] + .cr:after { top: 6px; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .form-group.d-inline .radio.radio-fill input[type=radio] + .cr:after { top: 3px; } } .custom-controls-stacked .radio input[type=radio] + .cr:after { top: 15px; } /**====== Radio & Checked css end ======**/ /** ===================== Switches css start ========================== **/ .switch input[type=checkbox] { opacity: 0; position: absolute; } .switch input[type=checkbox] + .cr { position: relative; display: inline-block; -webkit-transition: 0.4s ease; transition: 0.4s ease; height: 20px; width: 35px; border: 1px solid #e9eaec; border-radius: 60px; cursor: pointer; z-index: 0; top: 12px; } .switch input[type=checkbox] + .cr:after, .switch input[type=checkbox] + .cr:before { content: ""; position: absolute; display: block; top: 0; left: 0; } .switch input[type=checkbox] + .cr:before { -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); height: 20px; width: 35px; border-radius: 30px; } .switch input[type=checkbox] + .cr:after { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); background: #f7f7f7; height: 19px; width: 19px; border-radius: 60px; } .switch input[type=checkbox]:checked + .cr:before { background: #0B69FF; -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); } .switch input[type=checkbox]:checked + .cr:after { left: 16px; } .switch input[type=checkbox]:disabled + label { opacity: 0.5; -webkit-filter: grayscale(0.4); filter: grayscale(0.4); cursor: not-allowed; } .switch.switch-primary input[type=checkbox]:checked + .cr:before { background: #0B69FF; } .switch.switch-danger input[type=checkbox]:checked + .cr:before { background: #FF0B37; } .switch.switch-success input[type=checkbox]:checked + .cr:before { background: #2DCA73; } .switch.switch-warning input[type=checkbox]:checked + .cr:before { background: #FFB800; } .switch.switch-info input[type=checkbox]:checked + .cr:before { background: #00ACC1; } .switch.switch-purple input[type=checkbox]:checked + .cr:before { background: #6B38FB; } /**====== Switches css end ======**/ /** ===================== Badges css start ========================== **/ .badge { font-size: 80%; padding: 0.35em 1.3em; } .badge.badge-circular { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; padding: 0.35em 0.6em; width: 24px; height: 24px; font-size: 12px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .badge-light-primary { background: rgba(11, 105, 255, 0.2); border-color: #1f75ff; color: #0B69FF; } a.badge-light-primary.active, a.badge-light-primary:active, a.badge-light-primary:focus, a.badge-light-primary:hover { background: #0B69FF; border-color: #0B69FF; color: #e2edff; } .badge-light-secondary { background: rgba(108, 117, 125, 0.2); border-color: #788087; color: #6c757d; } a.badge-light-secondary.active, a.badge-light-secondary:active, a.badge-light-secondary:focus, a.badge-light-secondary:hover { background: #6c757d; border-color: #6c757d; color: #edeeef; } .badge-light-success { background: rgba(45, 202, 115, 0.2); border-color: #3ece7e; color: #2DCA73; } a.badge-light-success.active, a.badge-light-success:active, a.badge-light-success:focus, a.badge-light-success:hover { background: #2DCA73; border-color: #2DCA73; color: #e6f9ee; } .badge-light-info { background: rgba(0, 172, 193, 0.2); border-color: #14b3c6; color: #00acc1; } a.badge-light-info.active, a.badge-light-info:active, a.badge-light-info:focus, a.badge-light-info:hover { background: #00acc1; border-color: #00acc1; color: #e0f5f8; } .badge-light-warning { background: rgba(255, 184, 0, 0.2); border-color: #ffbe14; color: #FFB800; } a.badge-light-warning.active, a.badge-light-warning:active, a.badge-light-warning:focus, a.badge-light-warning:hover { background: #FFB800; border-color: #FFB800; color: #fff6e0; } .badge-light-danger { background: rgba(255, 11, 55, 0.2); border-color: #ff1f47; color: #FF0B37; } a.badge-light-danger.active, a.badge-light-danger:active, a.badge-light-danger:focus, a.badge-light-danger:hover { background: #FF0B37; border-color: #FF0B37; color: #ffe2e7; } .badge-light-light { background: rgba(248, 249, 250, 0.2); border-color: #f9f9fa; color: #f8f9fa; } a.badge-light-light.active, a.badge-light-light:active, a.badge-light-light:focus, a.badge-light-light:hover { background: #f8f9fa; border-color: #f8f9fa; color: #fefefe; } .badge-light-dark { background: rgba(23, 31, 70, 0.2); border-color: #2a3155; color: #171F46; } a.badge-light-dark.active, a.badge-light-dark:active, a.badge-light-dark:focus, a.badge-light-dark:hover { background: #171F46; border-color: #171F46; color: #e3e4e9; } /**====== Badges css end ======**/ /** ===================== Custom css start ========================== **/ body { font-family: "Rubik", sans-serif; font-size: 14px; color: #7E858E; font-weight: 400; background: #FBFBFB; position: relative; } *:focus { outline: none; } a:hover { outline: none; text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: #171F46; } h1 { font-size: 32px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } b, strong { font-weight: 500; } label { font-weight: 500; font-size: 12px; } .img-radius { border-radius: 50%; } .meta-header { padding: calc(80px + 70px) 0 40px; } .page-header { background: transparent; padding: 0; } .page-header .breadcrumb { padding: 0; margin-bottom: 0; } .page-header h5 { margin-bottom: 5px; font-weight: 500; } .page-header .page-header-title + .breadcrumb { background: transparent; padding: 0; margin-bottom: 0; } .page-header .page-header-title + .breadcrumb > .breadcrumb-item { line-height: 1; } .page-header .page-header-title + .breadcrumb > .breadcrumb-item:before { color: #171F46; } .page-header .page-header-title + .breadcrumb > .breadcrumb-item a { color: #7E858E; font-weight: 400; font-size: 13px; } .page-header .page-header-title + .breadcrumb > .breadcrumb-item:last-child a { color: #7E858E; font-weight: 400; } .pcoded-main-container .page-header { margin-bottom: 30px; } /* ========== card css start =========== */ .anim-rotate { -webkit-animation: anim-rotate 1s linear infinite; animation: anim-rotate 1s linear infinite; } @keyframes anim-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .anim-close-card { -webkit-animation: anim-close-card 1.4s linear; animation: anim-close-card 1.4s linear; } @keyframes anim-close-card { 100% { opacity: 0.3; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } /* ========== scrollbar End =========== */ .scroll-y { z-index: 1027; } /* ========== scrollbar End =========== ========== card css End =========== ================================ Dropdown Start ===================== */ .dropdown-menu { padding: 10px 0; font-size: 14px; box-shadow: 0 4px 16px rgba(23, 31, 70, 0.16); } .dropdown-menu > .dropdown-item, .dropdown-menu > li { padding: 8px 15px; width: auto; border-radius: 2px; margin: 0 8px; color: #7E858E; } .dropdown-menu > .dropdown-item > a, .dropdown-menu > li > a { color: #7E858E; } .dropdown-menu > .dropdown-item > a i, .dropdown-menu > li > a i { font-size: 15px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; } .dropdown-menu > .dropdown-item.active, .dropdown-menu > .dropdown-item:active, .dropdown-menu > .dropdown-item:focus, .dropdown-menu > .dropdown-item:hover, .dropdown-menu > li.active, .dropdown-menu > li:active, .dropdown-menu > li:focus, .dropdown-menu > li:hover { background: #f6f6f6; color: #171F46; } .dropdown-menu > .dropdown-item.active > a, .dropdown-menu > .dropdown-item:active > a, .dropdown-menu > .dropdown-item:focus > a, .dropdown-menu > .dropdown-item:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:active > a, .dropdown-menu > li:focus > a, .dropdown-menu > li:hover > a { background: transparent; color: #171F46; } .dropdown-menu > a.active, .dropdown-menu > a:active, .dropdown-menu > a:focus, .dropdown-menu > a:hover { background: rgba(11, 105, 255, 0.03); color: #0B69FF; } .dropdown-toggle.no-arrow:after, .drp-icon:after { display: none; } /* ================================ Dropdown End ===================== */ @media (min-width: 1600px) { .container { max-width: 1540px; } } @media (max-width: 992px) { .container { max-width: 100%; } } /* ======================================================== =============== document ====================== ======================================================== Grid examples */ .bd-example-row { background: #FBFBFB; padding: 15px; margin-bottom: 15px; } .bd-example-row .row > [class^="col-"], .bd-example-row .row > .col { padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: rgba(86, 61, 124, 0.15); border: 1px solid rgba(86, 61, 124, 0.2); } .bd-example-row .row + .row { margin-top: 1rem; } .bd-example-row .flex-items-bottom, .bd-example-row .flex-items-middle, .bd-example-row .flex-items-top { min-height: 6rem; background-color: rgba(255, 0, 0, 0.1); } .bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255, 0, 0, 0.1); } /* Docs examples */ .bd-example { position: relative; padding: 1rem; margin: 1rem; border: solid #ddd; border-width: 0.2rem 0 0; } @media only screen and (max-height: 575px) { .bd-example { padding: 1.5rem; margin-right: 0; margin-left: 0; border-width: 0.2rem; } } /* Example modals */ .modal { z-index: 1072; } .modal .popover, .modal .tooltip { z-index: 1073; } .modal-backdrop { z-index: 1071; } .bd-example-modal { background-color: #fafafa; } .bd-example-modal .modal { position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 1; display: block; } .bd-example-modal .modal-dialog { left: auto; margin-right: auto; margin-left: auto; } /* Example tabbable tabs */ .bd-example-tabs .nav-tabs { margin-bottom: 1rem; } /* Code snippets */ .highlight { padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; background-color: #f3f2fb; -ms-overflow-style: -ms-autohiding-scrollbar; } @media only screen and (max-height: 575px) { .highlight { padding: 1.5rem; } } .bd-content .highlight { margin-right: 15px; margin-left: 15px; } @media only screen and (max-height: 575px) { .bd-content .highlight { margin-right: 0; margin-left: 0; } } .highlight pre { padding: 0; margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0; } .highlight pre code { font-size: inherit; color: #333; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: transparent; } /* ======================================================================= =============== Ui kit copy model style ====================== */ /* Code examples */ .datta-example { position: relative; padding: 25px; border: 1px solid rgba(215, 223, 233, 0.5); } .datta-example .datta-example-btns { position: absolute; right: 30px; top: -10px; opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .datta-example .datta-example-btns .datta-example-btn { display: inline-block; line-height: 1; font-weight: 600; background: #0B69FF; color: #fff; padding: 0.1875rem 0.3125rem; border-radius: 2px; white-space: nowrap; font-size: 11px; margin: 0 4px; } .datta-example .datta-example-btns .datta-example-btn.copy::before { content: "COPY"; } .datta-example .datta-example-btns .datta-example-btn.copied { background: #2DCA73 !important; color: #fff !important; } .datta-example .datta-example-btns .datta-example-btn.copied::before { content: "COPIED!"; } .datta-example:hover .datta-example-btns { top: -21px; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Modal */ .datta-example-modal { position: fixed; z-index: 1099; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; background: #282c34; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .datta-example-modal-opened { overflow: hidden !important; } .datta-example-modal-opened .datta-example-modal { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .datta-example-modal-content { max-width: 100vw; margin: 25px -25px -25px; padding: 25px; background: #f5f6fa; box-shadow: inset 0 4px 10px -3px rgba(82, 63, 105, 0.05); overflow: auto; position: relative; } .datta-example-modal-content > pre { overflow: hidden; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .datta-example-modal-content > pre > code { padding: 0; background: none; font-size: 16px; } .datta-example-collapse { display: block; position: absolute; top: 10px; right: 57px; margin-right: 8px; border-radius: 4px; padding: 2px 8px; background: #748892; color: #fff; z-index: 1; white-space: nowrap; } .datta-example-collapse:hover { color: #fff; } .md-datta-example-modal-copy { display: block; position: absolute; top: 10px; right: 0; margin-right: 8px; border-radius: 4px; padding: 2px 8px; background: #0B69FF; color: #fff; z-index: 1; white-space: nowrap; } .md-datta-example-modal-copy:hover { color: #fff; } .md-datta-example-modal-copy.copied::before { content: "Copied to Clipboard Successfully ! . . ."; position: absolute; display: block; right: 100%; margin-right: 10px; font-size: 14px; background: #2DCA73; line-height: 24px; height: 24px; border-radius: 3px; padding: 0 6px; top: 50%; margin-top: -12px; } .datta-example-modal-close { display: block; position: fixed; top: 10px; right: 52px; color: #fff; opacity: 0.2; font-size: 3rem; font-weight: 100; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1; } .datta-example-modal-close:hover { color: #fff; opacity: 0.9; } /* Code */ .cui-bottom-spacer { height: 12rem; } /* editor style for model */ .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #6e7073; background: #fafafa; } .hljs-comment, .hljs-quote { color: #a0a1a7; font-style: italic; } .hljs-doctag, .hljs-formula, .hljs-keyword { color: #a626a4; } .hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst { color: #e45649; } .hljs-literal { color: #0184bb; } .hljs-addition, .hljs-attribute, .hljs-meta-string, .hljs-regexp, .hljs-string { color: #50a14f; } .hljs-built_in, .hljs-class .hljs-title { color: #c18401; } .hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable { color: #986801; } .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title { color: #4078f2; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } .hljs-link { text-decoration: underline; } /* ================================ md animated mode start ===================== */ .md-show.md-effect-12 ~ .md-overlay { background: #0B69FF; } /* ================================ md animated mode End ===================== */ /* ================================ range slider Start ===================== */ .tooltip.in { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } /* ================================ range slider End ===================== */ /* ================================ Bootstrap tags input Start ===================== */ .bootstrap-tagsinput { padding: 10px 15px; box-shadow: none; border-radius: 2px; background: #f0f3f6; } .bootstrap-tagsinput .tag { padding: 5px 12px; border-radius: 2px; line-height: 37px; margin-top: 5px; margin-right: 5px; } .bootstrap-tagsinput .tag [data-role="remove"] { margin-right: -5px; } .bootstrap-tagsinput .tag [data-role="remove"]:after { content: "\e8f6"; padding: 0 2px; font-family: 'feather' !important; } /* ================================ Bootstrap tags input End ===================== */ /* ================================ Multi-Select Start ===================== */ .ms-container { width: 100%; } /* ================================ Multi-Select End ===================== */ /* ================================ Blockquote Start ===================== */ .blockquote { border-left: 0.25rem solid #D7DFE9; padding: 0.5rem 1rem; } .blockquote.text-right { border-left: none; border-right: 0.25rem solid #D7DFE9; } /* ================================ Blockquote End ===================== */ /* ================================ animation start ===================== */ .card .animated { -webkit-animation-duration: 1s; animation-duration: 1s; border: 5px solid #fff; margin-bottom: 30px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); } /* ================================ animation End ===================== */ /* ================================ browser warning Start ===================== */ .ie-warning { position: fixed; top: 0; left: 0; z-index: 999999; background: #000000; width: 100%; height: 100%; text-align: center; color: #fff; font-family: "Courier New", Courier, monospace; padding: 50px 0; } .ie-warning p { font-size: 17px; } .ie-warning h1 { color: #fff; } .ie-warning .iew-container { min-width: 1024px; width: 100%; height: 200px; background: #fff; margin: 50px 0; } .ie-warning .iew-download { list-style: none; padding: 30px 0; margin: 0 auto; width: 720px; } .ie-warning .iew-download > li { float: left; vertical-align: top; } .ie-warning .iew-download > li > a { display: block; color: #000; width: 140px; font-size: 15px; padding: 15px 0; } .ie-warning .iew-download > li > a > div { margin-top: 10px; } .ie-warning .iew-download > li > a:hover { background-color: #eee; } /* ================================ browser warning End ===================== */ div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span, div.code-toolbar > .toolbar a { padding: 3px 0.9em !important; background: #04a9f5 !important; color: #fff !important; box-shadow: none !important; } pre[class*=language-]:after, pre[class*=language-]:before { display: none; } /* table css */ .table-borderless tbody tr td, .table-borderless tbody tr th { border: 0; } .table-center td, .table-center th { vertical-align: middle; } @media only screen and (max-width: 400px) { .lay-customizer .theme-color > a[data-value="reset"], .theme-color > a[data-value="reset"] { margin-top: 20px; } } .form-control[type="file"] { height: auto; } .card .bg-light { background: rgba(215, 223, 233, 0.24) !important; } .card .bg-light i { color: #171F46; } /* ================================ color-page Start ===================== */ .color-page .col-auto { background: #fff; margin: 0 7px; padding: 15px; border-radius: 6px; box-shadow: 0 1px 15px 1px rgba(67, 141, 254, 0.08); } /* ================================ color-page End ===================== */ /* ================================ Avtar Start ===================== */ .avtar { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; font-size: 18px; width: 48px; height: 48px; } .avtar.avtar-xs { width: 32px; height: 32px; font-size: 12px; } .avtar.avtar-s { width: 40px; height: 40px; font-size: 14px; } .avtar.avtar-l { width: 64px; height: 64px; font-size: 20px; } .avtar.avtar-xl { width: 80px; height: 80px; font-size: 24px; } .avtar.avtar-square { border-radius: 4px; border-width: 2px; } .avtar.avtar-icon { border: 2px solid #D7DFE9; } .avtar.avtar-icon > img { width: 60%; } /* ================================ Avtar End ===================== */ /* ================================ Datepicker Start ===================== */ .daterangepicker { box-shadow: 0 4px 16px rgba(126, 133, 142, 0.16); border: 1px solid #D7DFE9; border-radius: 0; } .daterangepicker:after, .daterangepicker:before { display: none; } .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect { background: transparent; } .daterangepicker .calendar-table td.off, .daterangepicker .calendar-table th { color: rgba(126, 133, 142, 0.6); font-weight: 400; } .daterangepicker .calendar-table td, .daterangepicker .calendar-table th { width: 32px; height: 32px; } .daterangepicker .calendar-table td { color: #171F46; font-weight: 500; } .daterangepicker .calendar-table td.active, .daterangepicker .calendar-table td.active.in-range, .daterangepicker .calendar-table td.active:hover { background: #0B69FF; color: #fff; } .daterangepicker .calendar-table td.in-range { background: #0053d7; color: #fff; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-color: #7E858E; } .daterangepicker .drp-calendar.left { padding: 15px; } .daterangepicker .drp-calendar.left select.monthselect, .daterangepicker .drp-calendar.left select.yearselect { border: 0; background: transparent; color: #7E858E; } @media (min-width: 564px) { .daterangepicker .drp-calendar.left .calendar-table { padding-right: 0; } } /* ================================ Datepicker End ===================== */ /* ================================ pagination Start ===================== */ .pagination .page-item { margin-left: 8px; } .pagination .page-item .page-link { border-radius: 2px; } .pagination .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .pagination .page-item:last-child .page-link { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } /* ================================ pagination End ===================== */ /* ================================ carousel Start ===================== */ .carousel-indicators li { border-radius: 50%; } .carousel.advance-controls .carousel-control-next, .carousel.advance-controls .carousel-control-prev { bottom: 24px; top: auto; background: #fff; color: #000; width: 40px; height: 40px; font-size: 20px; opacity: 1; border: 1px solid #D7DFE9; } .carousel.advance-controls .carousel-control-prev { left: auto; right: 64px; border-radius: 4px 0 0 4px; } .carousel.advance-controls .carousel-control-next { right: 24px; border-radius: 0 4px 4px 0; } /* ================================ carousel End ===================== */ /* ================================ nav-tabs Start ===================== */ .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { border: none; color: rgba(126, 133, 142, 0.6); background: no-repeat center bottom, center 100%; background-size: 0 100%, 100% 100%; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out; background-image: -webkit-linear-gradient(bottom, #0B69FF 2px, rgba(255, 255, 255, 0) 2px); background-image: linear-gradient(to top, #0B69FF 2px, rgba(255, 255, 255, 0) 2px); } .nav-tabs .nav-link.active { color: #171F46; background-size: 100% 100%, 100% 100%; } .nav-pills .nav-link, .nav-tabs .nav-link { font-size: 12px; font-weight: 500; text-transform: uppercase; } /* ================================ nav-tabs End ===================== */ /* ================================ toast Start ===================== */ .toast.toast-1 { max-width: 265px; } .toast.toast-1 > .close { color: #fff; } .toast.toast-1 > .toast-body { padding: 24px; } .toast.toast-2 { max-width: 650px; } .toast.toast-2 img { width: 170px; } .toast > .toast-body { padding: 24px; } .toast > .close { position: absolute; right: 16px; top: 14px; } .toast:not(.toast-exmple) { position: fixed; bottom: 50px; right: 50px; z-index: 9; } /* ================================ toast End ===================== */ /* ================================ Tooltips & popover Start ===================== */ .popover, .tooltip-inner { box-shadow: 0 4px 16px rgba(16, 20, 39, 0.24); } /* ================================ Tooltips & popover End ===================== */ /* ================================ Custom Select Start ===================== */ .pct-select { position: relative; } .pct-select select { display: none; } .pct-select .select-selected:after { position: absolute; content: ""; top: 16px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; } .pct-select .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 10px; } .pct-select .select-items div, .pct-select .select-selected { color: #ffffff; padding: 8px 16px; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pct-select .select-items { position: absolute; box-shadow: 0 4px 16px rgba(23, 31, 70, 0.16); border-radius: 4px; top: 100%; left: 0; right: 0; z-index: 99; padding: 5px 8px; margin-top: 5px; } .pct-select .select-hide { display: none; } .pct-select .same-as-selected, .pct-select .select-items div:hover { background-color: rgba(0, 0, 0, 0.1); } .pct-select.select-primary .select-items, .pct-select.select-primary .select-selected { background-color: #0B69FF; } .pct-select.select-secondary .select-items, .pct-select.select-secondary .select-selected { background-color: #6c757d; } .pct-select.select-success .select-items, .pct-select.select-success .select-selected { background-color: #2DCA73; } .pct-select.select-info .select-items, .pct-select.select-info .select-selected { background-color: #00acc1; } .pct-select.select-warning .select-items, .pct-select.select-warning .select-selected { background-color: #FFB800; } .pct-select.select-danger .select-items, .pct-select.select-danger .select-selected { background-color: #FF0B37; } .pct-select.select-light .select-items, .pct-select.select-light .select-selected { background-color: #f8f9fa; } .pct-select.select-dark .select-items, .pct-select.select-dark .select-selected { background-color: #171F46; } .pct-select.select-nocolor .select-selected { background: #fff; border: 1px solid #D7DFE9; } .pct-select.select-nocolor .select-selected:after { border: 6px solid transparent; border-color: #7E858E transparent transparent transparent; } .pct-select.select-nocolor .select-selected.select-arrow-active:after { border-color: transparent transparent #7E858E transparent; } .pct-select.select-nocolor .select-items div, .pct-select.select-nocolor .select-selected { color: #171F46; } .pct-select.select-nocolor .select-items { background: #fff; } .pct-select.select-nocolor .same-as-selected, .pct-select.select-nocolor .select-items div:hover { background-color: rgba(0, 0, 0, 0.05); } /* ================================ Custom Select End ===================== */ /* ================================ Custom controal color Start ===================== */ .custom-control-input.input-primary:checked ~ .custom-control-label::before { background-color: #0B69FF; border-color: #0B69FF; } .custom-control-input.input-secondary:checked ~ .custom-control-label::before { background-color: #6c757d; border-color: #6c757d; } .custom-control-input.input-success:checked ~ .custom-control-label::before { background-color: #2DCA73; border-color: #2DCA73; } .custom-control-input.input-info:checked ~ .custom-control-label::before { background-color: #00acc1; border-color: #00acc1; } .custom-control-input.input-warning:checked ~ .custom-control-label::before { background-color: #FFB800; border-color: #FFB800; } .custom-control-input.input-danger:checked ~ .custom-control-label::before { background-color: #FF0B37; border-color: #FF0B37; } .custom-control-input.input-light:checked ~ .custom-control-label::before { background-color: #f8f9fa; border-color: #f8f9fa; } .custom-control-input.input-dark:checked ~ .custom-control-label::before { background-color: #171F46; border-color: #171F46; } /* ================================ Custom controal color End ===================== */ /* ================================ breadcrumb Start ===================== */ .breadcrumb-item > a { color: #7E858E; } .breadcrumb-item + .breadcrumb-item::before { color: #171F46; } /* ================================ breadcrumb End ===================== */ /* ================================ Accordion Start ===================== */ .acc-link { color: #171F46; font-weight: 400; } .acc-link.collapsed { color: #0B69FF; } .acc-link.collapsed .acc-icon { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .acc-link .acc-icon { float: right; font-size: 16px; color: #7E858E; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } /* ================================ Accordion End ===================== */ /* ================================ modal Start ===================== */ .modal-content { box-shadow: 0 8px 16px rgba(23, 31, 70, 0.08); } /* ================================ modal End ===================== */ /* ================================ dropify Start ===================== */ .dropify-wrapper { border: 2px dashed #D7DFE9; } .dropify-wrapper:hover { border-color: #171F46; } /* ================================ dropify End ===================== */ /* ================================ Search Bar Start ===================== */ .search-form .input-group-append, .search-form .input-group-prepend { position: absolute; top: 0; z-index: 4; height: 100%; border: none; } .search-form .input-group-append .input-group-text, .search-form .input-group-prepend .input-group-text { border: none; background: transparent; } .search-form .input-group-append { right: 0; } .search-form .input-group-prepend + .form-control { padding-left: 42px; } .search-form .form-control:not(:first-child), .search-form .form-control:not(:last-child) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* ================================ Search Bar End ===================== */ /* ================================ table Start ===================== */ .table thead th { vertical-align: bottom; font-weight: 500; font-size: 12px; text-transform: uppercase; border-top: 1px solid #D7DFE9; border-bottom: 1px solid #D7DFE9; } .table .table-center td, .table .table-center th { vertical-align: middle; } /* ================================ table End ===================== */ /* ================================ popover Start ===================== */ .popover-header { background: #171F46; color: #fff; } /* ================================ popover End ===================== */ /* ================================ modal Start ===================== */ .advance-modal > .close { position: absolute; right: 30px; top: 30px; } /* ================================ modal End ===================== */ /* ================================ alert Start ===================== */ .alert i { margin-right: 5px; } /* ================================ alert End ===================== */ /* ================================ Landing Start ===================== */ .landing-page { overflow-x: hidden; } @media (min-width: 1600px) { .landing-page .container { max-width: 1140px; } } .landing-page section { padding-top: 50px; padding-bottom: 50px; } .landing-page header { position: relative; margin-bottom: 80px; padding-bottom: 60px; } .landing-page header .moke-img { -webkit-transform-origin: 0 25%; -ms-transform-origin: 0 25%; transform-origin: 0 25%; -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); } .landing-page.front { background: #fff; } .landing-page.front .bg-line:before { content: ""; opacity: 0.2; top: 70px; left: 0; bottom: -70px; right: 0; position: absolute; z-index: -1; background: url("../images/landing/front-bg.svg") no-repeat center center; background-size: cover; } .landing-page.front .layouts .layouts-block { position: relative; overflow: hidden; border-radius: 4px; } .landing-page.front .layouts .layouts-block img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .landing-page.front .layouts .layouts-block .hover-data { padding-bottom: 50px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .landing-page.front .layouts .layouts-block ~ h5 { margin-bottom: 30px; } .landing-page.front .layouts .layouts-block:hover img { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); } .landing-page.front .layouts .layouts-block:hover .hover-data { opacity: 1; padding-bottom: 0; } .landing-page.front .widget { overflow: hidden; background-size: cover; position: relative; } .landing-page.front .widget .tilter { display: block; position: relative; -webkit-box-flex: 0; -ms-flex: none; -webkit-flex: none; flex: none; -webkit-perspective: 1000px; perspective: 1000px; } .landing-page.front .widget .tilter * { pointer-events: none; } .landing-page.front .widget .tilter:focus, .landing-page.front .widget .tilter:hover { color: #fff; outline: 0; } .landing-page.front .widget .tilter__figure { margin: 0; width: 100%; height: 100%; display: block; } .landing-page.front .widget .tilter__figure > * { -webkit-transform: translateZ(0); transform: translateZ(0); } .landing-page.front .widget .smooth .tilter__caption, .landing-page.front .widget .smooth .tilter__deco--lines, .landing-page.front .widget .smooth .tilter__figure { -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } .landing-page.front .widget .tilter__figure { position: relative; } .landing-page.front .widget .tilter__deco { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .landing-page.front .widget .tilter__deco--lines { fill: none; stroke: #fff; stroke-width: 1.5px; } .landing-page.front .widget .tilter__caption { position: absolute; bottom: 0; width: 100%; padding: 4em; } .landing-page.front .widget #widget { display: block; text-align: center; position: relative; z-index: 10; width: 1252px; height: 600px; padding-top: 115px; padding-bottom: 60px; } .landing-page.front .widget #widget img { height: auto; } .landing-page.front .widget #widget .w-imgs { display: block; width: 100%; height: 700px; position: relative; z-index: 12; } .landing-page.front .widget #widget .w-imgs .img_mobile { display: none; } .landing-page.front .widget #widget .w-imgs .tilter { width: 100%; height: 700px; } .landing-page.front .widget #widget .w-imgs .tilter figure > img { display: block; width: 1252px; height: 600px; position: absolute; top: 0; left: 0; z-index: 5; box-shadow: 0 6px 28px 0 rgba(62, 57, 107, 0.15); } .landing-page.front .widget #widget .w-imgs .tilter figure img { border-radius: 5px; } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one { display: block; width: 100%; height: 431px; position: absolute; top: -60px; z-index: 6; padding-bottom: 40px; overflow: visible; } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one:after { content: ""; display: block; width: 2500px; height: 60px; position: absolute; bottom: 0; left: -50%; z-index: 11; } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one > img { -webkit-filter: drop-shadow(0 16px 28px rgba(62, 57, 107, 0.15)); filter: drop-shadow(0 16px 28px rgba(62, 57, 107, 0.15)); } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one > img:nth-child(1) { display: block; width: 190px; height: 205px; position: absolute; top: 42%; left: -40px; z-index: 6; } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one > img:nth-child(2) { display: block; width: 252px; height: 161px; position: absolute; bottom: -19%; right: -8%; z-index: 8; } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one > img:nth-child(3) { display: block; width: 253px; height: 285px; position: absolute; bottom: -85%; left: 53%; z-index: 18; } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one .vc-row-wrap { display: block; width: 1252px; height: 600px; overflow: hidden; position: absolute; top: 14%; left: 0; z-index: 6; border-radius: 3px; -webkit-filter: drop-shadow(0 16px 28px rgba(62, 57, 107, 0.15)); filter: drop-shadow(0 16px 28px rgba(62, 57, 107, 0.15)); } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one .vc-row-wrap img { display: block; width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one .vc-row-text { display: block; width: 246px; height: 194px; overflow: hidden; position: absolute; top: -4%; right: 50.8%; z-index: 6; border-radius: 3px; box-shadow: 0 5px 28px 0 rgba(62, 57, 107, 0.15); } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one .vc-row-text img { display: block; width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one .vc-row-gallery { display: block; width: 468px; height: 228px; position: absolute; top: 112.7%; left: 5.5%; z-index: 13; border-radius: 3px; -webkit-filter: drop-shadow(0 16px 28px rgba(62, 57, 107, 0.15)); filter: drop-shadow(0 16px 28px rgba(62, 57, 107, 0.15)); } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_one .vc-row-gallery img { display: block; width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_two { width: 100%; top: -60px; left: 0; z-index: 2; padding: 0; } .landing-page.front .widget #widget .w-imgs .tilter figure .ato_two img.class-blur { display: block; width: 330px; height: 315px; position: absolute; top: -6%; right: 14.5%; z-index: 4; -webkit-transform: translateZ(-80px); transform: translateZ(-80px); -webkit-filter: blur(2px); filter: blur(2px); } .landing-page.front .footer { box-shadow: 0 0 28px 0 rgba(62, 57, 107, 0.15); position: relative; z-index: 19; } @media (max-width: 1200px) { .landing-page.front .footer { padding-top: 50px; } } @media (min-width: 1400px) { .landing-page.front .meta-header { padding: calc(160px + 70px) 0 80px; padding-bottom: 220px; } .landing-page.front .meta-header .my-4 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .landing-page.front .meta-header .moke-img { -webkit-transform-origin: 0 34%; -ms-transform-origin: 0 34%; transform-origin: 0 34%; -webkit-transform: scale(2.3); -ms-transform: scale(2.3); transform: scale(2.3); } } .landing-page .widget-2 { position: relative; margin-bottom: 70px; } .landing-page .widget-2 .moke-img { -webkit-transform-origin: 0 56%; -ms-transform-origin: 0 56%; transform-origin: 0 56%; -webkit-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); } .landing-page .widget-3 { position: relative; } .landing-page .widget-3 .moke-img { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .landing-page .widget-4 { position: relative; } .landing-page .widget-4 .moke-img { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .landing-page .video-section { padding-top: 200px; padding-bottom: 200px; position: relative; background-image: -webkit-linear-gradient(bottom, rgba(23, 31, 70, 0.5), rgba(23, 31, 70, 0.5)), url("../images/auth/equipe_wairb_1.jpg"); background-image: linear-gradient(0deg, rgba(23, 31, 70, 0.5), rgba(23, 31, 70, 0.5)), url("../images/auth/equipe_wairb_1.jpg"); background-size: cover; background-position: center center; } .landing-page .rec-price { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); z-index: 1; border: 4px solid #171F46; border-radius: 6px; } .landing-page .rec-price > .rec-badge { background: #171F46; color: #fff; border-radius: 30px; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; padding: 8px 25px; } @media only screen and (max-width: 768px) { .landing-page h2 { font-size: 20px; } .landing-page header { text-align: center; } .landing-page header.meta-header { padding: calc(80px + 36px) 0 40px; } .landing-page header .f-40 { font-size: 27px; } .landing-page header h4 { font-size: 14px; } .landing-page header .moke-img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); margin-bottom: -130px; margin-top: 50px; } .landing-page .rec-price { margin-top: 15px; } .landing-page .video-section .f-40 { font-size: 27px; } .landing-page .testimonial > div > .img-fluid.p-5 { padding: 0 !important; } .landing-page .testimonial > div > .position-absolute { position: relative !important; padding: 0; margin-top: -100px; } .landing-page .testimonial > div > .position-absolute .p-5 { padding: 2rem !important; } .landing-page .footer { padding-top: 0; } .landing-page .footer .list-inline > li:first-child { display: block; margin-bottom: 30px; margin-right: 0; } } @media only screen and (max-width: 1200px) { .landing-page .rec-price { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .landing-page .widget-2 { margin-bottom: 0; } .landing-page .video-section { padding-top: 50px; padding-bottom: 50px; } .landing-page .widget-2 .moke-img, .landing-page .widget-3 .moke-img, .landing-page .widget-4 .moke-img, .landing-page header .moke-img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .landing-page .footer { padding-top: 0; } .landing-page .price { padding-bottom: 0; } } /* ================================ Landing End ===================== */ /** ===================== Generic-class css start ========================== **/ /*====== Padding , Margin css starts ======*/ .p-0 { padding: 0px; } .p-t-0 { padding-top: 0px; } .p-b-0 { padding-bottom: 0px; } .p-l-0 { padding-left: 0px; } .p-r-0 { padding-right: 0px; } .m-0 { margin: 0px; } .m-t-0 { margin-top: 0px; } .m-b-0 { margin-bottom: 0px; } .m-l-0 { margin-left: 0px; } .m-r-0 { margin-right: 0px; } .p-5 { padding: 5px; } .p-t-5 { padding-top: 5px; } .p-b-5 { padding-bottom: 5px; } .p-l-5 { padding-left: 5px; } .p-r-5 { padding-right: 5px; } .m-5 { margin: 5px; } .m-t-5 { margin-top: 5px; } .m-b-5 { margin-bottom: 5px; } .m-l-5 { margin-left: 5px; } .m-r-5 { margin-right: 5px; } .p-10 { padding: 10px; } .p-t-10 { padding-top: 10px; } .p-b-10 { padding-bottom: 10px; } .p-l-10 { padding-left: 10px; } .p-r-10 { padding-right: 10px; } .m-10 { margin: 10px; } .m-t-10 { margin-top: 10px; } .m-b-10 { margin-bottom: 10px; } .m-l-10 { margin-left: 10px; } .m-r-10 { margin-right: 10px; } .p-15 { padding: 15px; } .p-t-15 { padding-top: 15px; } .p-b-15 { padding-bottom: 15px; } .p-l-15 { padding-left: 15px; } .p-r-15 { padding-right: 15px; } .m-15 { margin: 15px; } .m-t-15 { margin-top: 15px; } .m-b-15 { margin-bottom: 15px; } .m-l-15 { margin-left: 15px; } .m-r-15 { margin-right: 15px; } .p-20 { padding: 20px; } .p-t-20 { padding-top: 20px; } .p-b-20 { padding-bottom: 20px; } .p-l-20 { padding-left: 20px; } .p-r-20 { padding-right: 20px; } .m-20 { margin: 20px; } .m-t-20 { margin-top: 20px; } .m-b-20 { margin-bottom: 20px; } .m-l-20 { margin-left: 20px; } .m-r-20 { margin-right: 20px; } .p-25 { padding: 25px; } .p-t-25 { padding-top: 25px; } .p-b-25 { padding-bottom: 25px; } .p-l-25 { padding-left: 25px; } .p-r-25 { padding-right: 25px; } .m-25 { margin: 25px; } .m-t-25 { margin-top: 25px; } .m-b-25 { margin-bottom: 25px; } .m-l-25 { margin-left: 25px; } .m-r-25 { margin-right: 25px; } .p-30 { padding: 30px; } .p-t-30 { padding-top: 30px; } .p-b-30 { padding-bottom: 30px; } .p-l-30 { padding-left: 30px; } .p-r-30 { padding-right: 30px; } .m-30 { margin: 30px; } .m-t-30 { margin-top: 30px; } .m-b-30 { margin-bottom: 30px; } .m-l-30 { margin-left: 30px; } .m-r-30 { margin-right: 30px; } .p-35 { padding: 35px; } .p-t-35 { padding-top: 35px; } .p-b-35 { padding-bottom: 35px; } .p-l-35 { padding-left: 35px; } .p-r-35 { padding-right: 35px; } .m-35 { margin: 35px; } .m-t-35 { margin-top: 35px; } .m-b-35 { margin-bottom: 35px; } .m-l-35 { margin-left: 35px; } .m-r-35 { margin-right: 35px; } .p-40 { padding: 40px; } .p-t-40 { padding-top: 40px; } .p-b-40 { padding-bottom: 40px; } .p-l-40 { padding-left: 40px; } .p-r-40 { padding-right: 40px; } .m-40 { margin: 40px; } .m-t-40 { margin-top: 40px; } .m-b-40 { margin-bottom: 40px; } .m-l-40 { margin-left: 40px; } .m-r-40 { margin-right: 40px; } .p-45 { padding: 45px; } .p-t-45 { padding-top: 45px; } .p-b-45 { padding-bottom: 45px; } .p-l-45 { padding-left: 45px; } .p-r-45 { padding-right: 45px; } .m-45 { margin: 45px; } .m-t-45 { margin-top: 45px; } .m-b-45 { margin-bottom: 45px; } .m-l-45 { margin-left: 45px; } .m-r-45 { margin-right: 45px; } .p-50 { padding: 50px; } .p-t-50 { padding-top: 50px; } .p-b-50 { padding-bottom: 50px; } .p-l-50 { padding-left: 50px; } .p-r-50 { padding-right: 50px; } .m-50 { margin: 50px; } .m-t-50 { margin-top: 50px; } .m-b-50 { margin-bottom: 50px; } .m-l-50 { margin-left: 50px; } .m-r-50 { margin-right: 50px; } /*====== Padding , Margin css ends ======*/ /*====== text-color, background & border css starts ======*/ .bg-c-blue { background-color: #0B69FF; } .text-c-blue { color: #0B69FF; } .b-c-blue { border: 1px solid #0B69FF; } .bg-c-red { background-color: #FF0B37; } .text-c-red { color: #FF0B37; } .b-c-red { border: 1px solid #FF0B37; } .bg-c-green { background-color: #2DCA73; } .text-c-green { color: #2DCA73; } .b-c-green { border: 1px solid #2DCA73; } .bg-c-yellow { background-color: #FFB800; } .text-c-yellow { color: #FFB800; } .b-c-yellow { border: 1px solid #FFB800; } .bg-c-purple { background-color: #6B38FB; } .text-c-purple { color: #6B38FB; } .b-c-purple { border: 1px solid #6B38FB; } /*====== text-color, background & border css ends ======*/ /*====== Avtar css starts ======*/ .bg-teal-1 { background-color: #B3F4E1; } .text-teal-1 { color: #B3F4E1; } .b-teal-1 { border: 1px solid #B3F4E1; } .bg-blue-1 { background-color: #B0CDFA; } .text-blue-1 { color: #B0CDFA; } .b-blue-1 { border: 1px solid #B0CDFA; } .bg-purple-1 { background-color: #D5BBFF; } .text-purple-1 { color: #D5BBFF; } .b-purple-1 { border: 1px solid #D5BBFF; } .bg-red-1 { background-color: #FFBBD3; } .text-red-1 { color: #FFBBD3; } .b-red-1 { border: 1px solid #FFBBD3; } .bg-orange-1 { background-color: #FFDCBB; } .text-orange-1 { color: #FFDCBB; } .b-orange-1 { border: 1px solid #FFDCBB; } .bg-yellow-1 { background-color: #FFF1BB; } .text-yellow-1 { color: #FFF1BB; } .b-yellow-1 { border: 1px solid #FFF1BB; } .bg-teal-2 { background-color: #00B2CA; } .text-teal-2 { color: #00B2CA; } .b-teal-2 { border: 1px solid #00B2CA; } .bg-blue-2 { background-color: #0051CA; } .text-blue-2 { color: #0051CA; } .b-blue-2 { border: 1px solid #0051CA; } .bg-purple-2 { background-color: #4D00CA; } .text-purple-2 { color: #4D00CA; } .b-purple-2 { border: 1px solid #4D00CA; } .bg-red-2 { background-color: #F13838; } .text-red-2 { color: #F13838; } .b-red-2 { border: 1px solid #F13838; } .bg-orange-2 { background-color: #D98304; } .text-orange-2 { color: #D98304; } .b-orange-2 { border: 1px solid #D98304; } .bg-yellow-2 { background-color: #CA9F00; } .text-yellow-2 { color: #CA9F00; } .b-yellow-2 { border: 1px solid #CA9F00; } /*====== Avtar ends ======*/ /*====== Timeline color css starts ======*/ .bg-t-green { background-color: #A9ECA3; } .text-t-green { color: #A9ECA3; } .b-t-green { border: 1px solid #A9ECA3; } .bg-t-teal { background-color: #B3F4E1; } .text-t-teal { color: #B3F4E1; } .b-t-teal { border: 1px solid #B3F4E1; } .bg-t-blue { background-color: #A4E3FE; } .text-t-blue { color: #A4E3FE; } .b-t-blue { border: 1px solid #A4E3FE; } .bg-t-lavender { background-color: #AFC1FF; } .text-t-lavender { color: #AFC1FF; } .b-t-lavender { border: 1px solid #AFC1FF; } .bg-t-purple { background-color: #C3AEFF; } .text-t-purple { color: #C3AEFF; } .b-t-purple { border: 1px solid #C3AEFF; } .bg-t-pink { background-color: #FF9DE4; } .text-t-pink { color: #FF9DE4; } .b-t-pink { border: 1px solid #FF9DE4; } .bg-t-red { background-color: #FF9D9D; } .text-t-red { color: #FF9D9D; } .b-t-red { border: 1px solid #FF9D9D; } .bg-t-orange { background-color: #FFC28A; } .text-t-orange { color: #FFC28A; } .b-t-orange { border: 1px solid #FFC28A; } .bg-t-yellow { background-color: #FFD89D; } .text-t-yellow { color: #FFD89D; } .b-t-yellow { border: 1px solid #FFD89D; } .bg-t-golden { background-color: #DDC196; } .text-t-golden { color: #DDC196; } .b-t-golden { border: 1px solid #DDC196; } /*====== Timeline color ends ======*/ /*====== [ overrides bootstrap color ]text-color, background & border css starts ======*/ .bg-primary { background-color: #0B69FF !important; } .text-primary { color: #0B69FF !important; } .b-primary { border: 1px solid #0B69FF !important; } .text-h-primary:hover { color: #0B69FF !important; } .bg-danger { background-color: #FF0B37 !important; } .text-danger { color: #FF0B37 !important; } .b-danger { border: 1px solid #FF0B37 !important; } .text-h-danger:hover { color: #FF0B37 !important; } .bg-success { background-color: #2DCA73 !important; } .text-success { color: #2DCA73 !important; } .b-success { border: 1px solid #2DCA73 !important; } .text-h-success:hover { color: #2DCA73 !important; } .bg-warning { background-color: #FFB800 !important; } .text-warning { color: #FFB800 !important; } .b-warning { border: 1px solid #FFB800 !important; } .text-h-warning:hover { color: #FFB800 !important; } .bg-info { background-color: #00ACC1 !important; } .text-info { color: #00ACC1 !important; } .b-info { border: 1px solid #00ACC1 !important; } .text-h-info:hover { color: #00ACC1 !important; } .bg-purple { background-color: #6B38FB !important; } .text-purple { color: #6B38FB !important; } .b-purple { border: 1px solid #6B38FB !important; } .text-h-purple:hover { color: #6B38FB !important; } /*====== [ overrides bootstrap color ]text-color, background & border css ends ======*/ /*====== border color css starts ======*/ .b-primary { border: 1px solid #0B69FF; } .border-bottom-primary td { border-bottom: 1px solid #0B69FF; } .border-bottom-primary th { border-bottom: 1px solid #0B69FF !important; } .b-danger { border: 1px solid #FF0B37; } .border-bottom-danger td { border-bottom: 1px solid #FF0B37; } .border-bottom-danger th { border-bottom: 1px solid #FF0B37 !important; } .b-success { border: 1px solid #2DCA73; } .border-bottom-success td { border-bottom: 1px solid #2DCA73; } .border-bottom-success th { border-bottom: 1px solid #2DCA73 !important; } .b-warning { border: 1px solid #FFB800; } .border-bottom-warning td { border-bottom: 1px solid #FFB800; } .border-bottom-warning th { border-bottom: 1px solid #FFB800 !important; } .b-info { border: 1px solid #00ACC1; } .border-bottom-info td { border-bottom: 1px solid #00ACC1; } .border-bottom-info th { border-bottom: 1px solid #00ACC1 !important; } .b-purple { border: 1px solid #6B38FB; } .border-bottom-purple td { border-bottom: 1px solid #6B38FB; } .border-bottom-purple th { border-bottom: 1px solid #6B38FB !important; } /*====== border color css ends ======*/ /*====== Card top border css starts ======*/ .card-border-c-blue { border-top: 4px solid #0B69FF; } .card-border-c-red { border-top: 4px solid #FF0B37; } .card-border-c-green { border-top: 4px solid #2DCA73; } .card-border-c-yellow { border-top: 4px solid #FFB800; } .card-border-c-purple { border-top: 4px solid #6B38FB; } /*====== Card top border ends ======*/ /*====== Font-size css starts ======*/ .f-10 { font-size: 10px; } .f-12 { font-size: 12px; } .f-14 { font-size: 14px; } .f-16 { font-size: 16px; } .f-18 { font-size: 18px; } .f-20 { font-size: 20px; } .f-22 { font-size: 22px; } .f-24 { font-size: 24px; } .f-26 { font-size: 26px; } .f-28 { font-size: 28px; } .f-30 { font-size: 30px; } .f-32 { font-size: 32px; } .f-34 { font-size: 34px; } .f-36 { font-size: 36px; } .f-38 { font-size: 38px; } .f-40 { font-size: 40px; } .f-42 { font-size: 42px; } .f-44 { font-size: 44px; } .f-46 { font-size: 46px; } .f-48 { font-size: 48px; } .f-50 { font-size: 50px; } .f-52 { font-size: 52px; } .f-54 { font-size: 54px; } .f-56 { font-size: 56px; } .f-58 { font-size: 58px; } .f-60 { font-size: 60px; } .f-62 { font-size: 62px; } .f-64 { font-size: 64px; } .f-66 { font-size: 66px; } .f-68 { font-size: 68px; } .f-70 { font-size: 70px; } .f-72 { font-size: 72px; } .f-74 { font-size: 74px; } .f-76 { font-size: 76px; } .f-78 { font-size: 78px; } .f-80 { font-size: 80px; } /*====== Font-size css ends ======*/ /*====== Font-weight css starts ======*/ .f-w-100 { font-weight: 100; } .f-w-200 { font-weight: 200; } .f-w-300 { font-weight: 300; } .f-w-400 { font-weight: 400; } .f-w-500 { font-weight: 500; } .f-w-600 { font-weight: 600; } .f-w-700 { font-weight: 700; } .f-w-800 { font-weight: 800; } .f-w-900 { font-weight: 900; } /*====== Font-weight css ends ======*/ /*====== text-color, background color css starts ======*/ .bg-facebook { background: #3C5A99; } .text-facebook { color: #3C5A99; } .bg-twitter { background: #42C0FB; } .text-twitter { color: #42C0FB; } .bg-dribbble { background: #EC4A89; } .text-dribbble { color: #EC4A89; } .bg-pinterest { background: #BF2131; } .text-pinterest { color: #BF2131; } .bg-youtube { background: #E0291D; } .text-youtube { color: #E0291D; } .bg-googleplus { background: #C73E2E; } .text-googleplus { color: #C73E2E; } .bg-instagram { background: #AA7C62; } .text-instagram { color: #AA7C62; } .bg-viber { background: #7B519D; } .text-viber { color: #7B519D; } .bg-behance { background: #0057ff; } .text-behance { color: #0057ff; } .bg-dropbox { background: #3380FF; } .text-dropbox { color: #3380FF; } .bg-linkedin { background: #0077B5; } .text-linkedin { color: #0077B5; } /*====== text-color css ends ======*/ /*====== width, Height css starts ======*/ .wid-20 { width: 20px; } .hei-20 { height: 20px; } .wid-25 { width: 25px; } .hei-25 { height: 25px; } .wid-30 { width: 30px; } .hei-30 { height: 30px; } .wid-35 { width: 35px; } .hei-35 { height: 35px; } .wid-40 { width: 40px; } .hei-40 { height: 40px; } .wid-45 { width: 45px; } .hei-45 { height: 45px; } .wid-50 { width: 50px; } .hei-50 { height: 50px; } .wid-55 { width: 55px; } .hei-55 { height: 55px; } .wid-60 { width: 60px; } .hei-60 { height: 60px; } .wid-65 { width: 65px; } .hei-65 { height: 65px; } .wid-70 { width: 70px; } .hei-70 { height: 70px; } .wid-75 { width: 75px; } .hei-75 { height: 75px; } .wid-80 { width: 80px; } .hei-80 { height: 80px; } .wid-85 { width: 85px; } .hei-85 { height: 85px; } .wid-90 { width: 90px; } .hei-90 { height: 90px; } .wid-95 { width: 95px; } .hei-95 { height: 95px; } .wid-100 { width: 100px; } .hei-100 { height: 100px; } .wid-105 { width: 105px; } .hei-105 { height: 105px; } .wid-110 { width: 110px; } .hei-110 { height: 110px; } .wid-115 { width: 115px; } .hei-115 { height: 115px; } .wid-120 { width: 120px; } .hei-120 { height: 120px; } .wid-125 { width: 125px; } .hei-125 { height: 125px; } .wid-130 { width: 130px; } .hei-130 { height: 130px; } .wid-135 { width: 135px; } .hei-135 { height: 135px; } .wid-140 { width: 140px; } .hei-140 { height: 140px; } .wid-145 { width: 145px; } .hei-145 { height: 145px; } .wid-150 { width: 150px; } .hei-150 { height: 150px; } /*====== width, Height css ends ======*/ /*====== border-width css starts ======*/ .b-wid-1 { border-width: 1px; } .b-wid-2 { border-width: 2px; } .b-wid-3 { border-width: 3px; } .b-wid-4 { border-width: 4px; } .b-wid-5 { border-width: 5px; } .b-wid-6 { border-width: 6px; } .b-wid-7 { border-width: 7px; } .b-wid-8 { border-width: 8px; } /*====== border-width css ends ======*/ /* new logo start */ .navbar-collapsed .b-brand .b-title { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar-collapsed .mobile-menu { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar-collapsed:hover .b-brand .b-title { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .navbar-collapsed:hover .mobile-menu { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* new logo End */ /* Pre-loader css start */ .loader-bg { position: fixed; top: 0; left: 0; width: 100%; height: 3px; z-index: 1035; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); } .loader-bg .loader-track { position: relative; height: 3px; display: block; width: 100%; overflow: hidden; } .loader-bg .loader-track .loader-fill:after, .loader-bg .loader-track .loader-fill:before { content: ''; background: #fff; position: absolute; top: 0; left: 0; bottom: 0; will-change: left, right; } .loader-bg .loader-track .loader-fill:before { -webkit-animation: mbar 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: mbar 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .loader-bg .loader-track .loader-fill:after { -webkit-animation: m_s 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: m_s 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes mbar { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -35%; } } @keyframes mbar { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -35%; } } @-webkit-keyframes m_s { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes m_s { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } /* Pre-loader css end */ /* header css start */ .search-bar { display: none; position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 1px 15px 1px rgba(57, 82, 107, 0.08); z-index: 1030; background: #fff; padding: 18px 12px; height: 70px; } .search-bar .close { position: absolute; top: 15px; right: 9px; padding: 8px 16px; } .pcoded-header { z-index: 1029; position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 70px; padding: 0; top: 0; background: #fff; color: rgba(36, 46, 62, 0.8); width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-header.top-nav-collapse { top: -70px; } .pcoded-header.default, .pcoded-header.default.top-nav-collapse { top: 0; } .pcoded-header .m-header { width: 240px; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; padding: 0 15px; } .pcoded-header .m-header .logo-dark, .pcoded-header .m-header .logo-thumb { display: none; } .pcoded-header .m-header .mob-toggler { position: absolute; } .pcoded-header .input-group { background: transparent; } .pcoded-header .input-group .input-group-text { margin-right: 0; } .pcoded-header .input-group .input-group-text, .pcoded-header a, .pcoded-header dropdown-toggle { color: rgba(36, 46, 62, 0.8); position: relative; font-size: 16px; } .pcoded-header .input-group .input-group-text > i, .pcoded-header a > i, .pcoded-header dropdown-toggle > i { font-size: 18px; } .pcoded-header .input-group .input-group-text:hover, .pcoded-header a:hover, .pcoded-header dropdown-toggle:hover { color: #242e3e; } .pcoded-header .input-group .input-group-text.h-drop:hover, .pcoded-header a.h-drop:hover, .pcoded-header dropdown-toggle.h-drop:hover { color: #242e3e; } .pcoded-header .input-group .input-group-text .badge, .pcoded-header a .badge, .pcoded-header dropdown-toggle .badge { position: absolute; top: 10px; right: -6px; font-size: 12px; } .pcoded-header .dropdown-menu .pro-body > li > a:hover:before, .pcoded-header .dropdown-menu a:hover:before { display: none; } .pcoded-header .pop-search:hover:before { top: calc(35px - 47px); left: -11px; } @media (min-width: 992px) { .pcoded-header .nav-search { width: 250px; } } @media (min-width: 1200px) { .pcoded-header .nav-search { width: 460px; } } @media (min-width: 1366px) { .pcoded-header .nav-search { width: 590px; } } @media (min-width: 1400px) { .pcoded-header .nav-search { width: 660px; } } .pcoded-header .drp-user .dropdown-toggle:hover:before { display: none; } .pcoded-header .drp-user .dropdown-toggle img { width: 35px; } .pcoded-header #mobile-header { display: none; } .pcoded-header .navbar-nav { padding-left: 0; list-style: none; margin-bottom: 0; display: inline-block; } .pcoded-header .navbar-nav > li { line-height: 70px; display: inline-block; padding: 0 12px; } .pcoded-header .navbar-nav > li.nav-item, .pcoded-header .navbar-nav > li .dropdown { height: 70px; } .pcoded-header .navbar-nav > li .nav-link { padding: 0; } .pcoded-header .navbar-nav > li:first-child { padding-left: 25px; } .pcoded-header .navbar-nav > li:last-child { padding-right: 25px; } .pcoded-header .mr-auto .dropdown-menu { margin-left: -20px; } .pcoded-header .ml-auto { float: right; } .pcoded-header .ml-auto .dropdown-toggle:hover:before { left: -11px; } .pcoded-header .ml-auto .dropdown-menu { margin-right: -20px; } .pcoded-header .main-search .input-group { border-radius: 3px; padding: 0; } .pcoded-header .main-search .input-group .form-control, .pcoded-header .main-search .input-group .input-group-text { background: transparent; border: none; border-radius: 0; padding: 0; height: auto; } .pcoded-header .main-search .input-group .search-close { display: none; } .pcoded-header .main-search .input-group .search-btn { padding: 0; background: transparent; border-color: transparent; box-shadow: none; margin-bottom: 0; margin-right: 0; } .pcoded-header .main-search .input-group .form-control { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 14px; } .pcoded-header .main-search .input-group .form-control:active, .pcoded-header .main-search .input-group .form-control:focus, .pcoded-header .main-search .input-group .form-control:hover, .pcoded-header .main-search .input-group .search-btn:active, .pcoded-header .main-search .input-group .search-btn:focus, .pcoded-header .main-search .input-group .search-btn:hover { outline: none; box-shadow: none; } .pcoded-header .main-search.open .input-group { background: #FBFBFB; border: 0 solid #FBFBFB; padding: 0 0 0 20px; } .pcoded-header .main-search.open .input-group .search-close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pcoded-header .main-search.open .input-group .search-btn { padding: 6px 9px; margin-left: 5px; color: #fff; background: #0B69FF; border-color: #0B69FF; } .pcoded-header .main-search.open .input-group .search-btn .input-group-text { color: #fff; } .pcoded-header .main-search.open .input-group .form-control { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-header .main-search.open .input-group .form-control:active, .pcoded-header .main-search.open .input-group .form-control:focus, .pcoded-header .main-search.open .input-group .form-control:hover, .pcoded-header .main-search.open .input-group .search-btn:active, .pcoded-header .main-search.open .input-group .search-btn:focus, .pcoded-header .main-search.open .input-group .search-btn:hover { outline: none; box-shadow: none; } .pcoded-header .dropdown .dropdown-toggle { line-height: 70px; display: inline-block; padding-right: 5px; } .pcoded-header .dropdown .dropdown-toggle:after { display: none; } .pcoded-header .dropdown .dropdown-menu { position: absolute; min-width: 200px; margin-top: 0; } .pcoded-header .dropdown .dropdown-menu li { line-height: 1.2; } .pcoded-header .dropdown .dropdown-menu li a { padding: 10px; font-size: 14px; } .pcoded-header .dropdown .dropdown-menu li a > .fa-circle { font-size: 6px; opacity: 0.6; position: relative; top: -3px; } .pcoded-header .dropdown .dropdown-menu li.active a, .pcoded-header .dropdown .dropdown-menu li:active a, .pcoded-header .dropdown .dropdown-menu li:focus a, .pcoded-header .dropdown .dropdown-menu li:hover a { color: #7E858E; } .pcoded-header .dropdown.mega-menu { position: static; } .pcoded-header .dropdown.mega-menu .dropdown-menu { margin-left: 0; left: 0; width: calc(100vw - 15px); } .pcoded-header .dropdown.mega-menu .dropdown-menu .mega-title { margin: 20px 0 -10px 20px; position: relative; } .pcoded-header .dropdown.mega-menu .dropdown-menu .mega-title:after { content: ""; position: absolute; background: #0B69FF; bottom: -4px; left: 0; width: 37px; height: 2px; border-radius: 5px; } .pcoded-header .dropdown.mega-menu .dropdown-menu > .row > .col + .col:after { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: rgba(215, 223, 233, 0.7); } .pcoded-header .dropdown .notification { width: 350px; padding: 0; line-height: 1.4; overflow: hidden; } .pcoded-header .dropdown .notification a { color: #7E858E; } .pcoded-header .dropdown .notification a:hover { color: #171F46; } .pcoded-header .dropdown .notification .noti-head { background: #242e3e; padding: 15px 20px; } .pcoded-header .dropdown .notification .noti-head h6 { color: #fff; } .pcoded-header .dropdown .notification .noti-head a { color: #fff; text-decoration: underline; font-size: 13px; } .pcoded-header .dropdown .notification .noti-body { padding: 0; position: relative; height: 300px; } .pcoded-header .dropdown .notification .noti-body img { width: 40px; margin-right: 20px; } .pcoded-header .dropdown .notification .noti-body li { padding: 15px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-header .dropdown .notification .noti-body li.n-title { padding-bottom: 0; } .pcoded-header .dropdown .notification .noti-body li.n-title p { margin-bottom: 5px; } .pcoded-header .dropdown .notification .noti-body li.notification:hover { background: rgba(11, 105, 255, 0.1); } .pcoded-header .dropdown .notification .noti-body li p { margin-bottom: 5px; font-size: 13px; } .pcoded-header .dropdown .notification .noti-body li p strong { color: #222; } .pcoded-header .dropdown .notification .noti-body li .n-time { font-size: 80%; float: right; } .pcoded-header .dropdown .notification .noti-footer { border-top: 1px solid #f1f1f1; padding: 15px 20px; text-align: center; background: #FBFBFB; } .pcoded-header .dropdown .notification .noti-footer a { text-decoration: underline; font-size: 13px; } .pcoded-header .dropdown .notification ul { padding-left: 0; margin-bottom: 0; list-style: none; } .pcoded-header .dropdown .notification ul li { padding: 20px 15px; } .pcoded-header .dropdown .profile-notification { padding: 0; line-height: 1.4; overflow: hidden; } .pcoded-header .dropdown .profile-notification .pro-head { color: #fff; padding: 15px; position: relative; background: #242e3e; } .pcoded-header .dropdown .profile-notification .pro-head img { width: 40px; margin-right: 10px; } .pcoded-header .dropdown .profile-notification .pro-head .dud-logout { color: #fff; padding-right: 0; position: absolute; right: 0; top: 0; height: 100%; width: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pcoded-header .dropdown .profile-notification .pro-body { padding: 20px 0 10px; margin-bottom: 0; list-style: none; } .pcoded-header .dropdown .profile-notification .pro-body li { margin: 0; border-radius: 2px; } .pcoded-header .dropdown .profile-notification .pro-body li a { color: #7E858E; font-size: 14px; padding: 10px 20px; } .pcoded-header .dropdown .profile-notification .pro-body li a i { margin-right: 10px; } .pcoded-header .dropdown .profile-notification .pro-body li.active, .pcoded-header .dropdown .profile-notification .pro-body li:active, .pcoded-header .dropdown .profile-notification .pro-body li:focus, .pcoded-header .dropdown .profile-notification .pro-body li:hover { background: rgba(11, 105, 255, 0.03); } .pcoded-header .dropdown .profile-notification .pro-body li.active > a, .pcoded-header .dropdown .profile-notification .pro-body li:active > a, .pcoded-header .dropdown .profile-notification .pro-body li:focus > a, .pcoded-header .dropdown .profile-notification .pro-body li:hover > a { color: #0B69FF; background: transparent; } .pcoded-header .dropdown:hover .dropdown-menu { display: block; } /* header css end */ /* menu[ vartical ] css start */ .mob-toggler, .pcoded-header .mobile-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 37px; height: 70px; position: absolute; right: 8px; top: 0; padding: 0 10px; } .mob-toggler:hover:before, .pcoded-header .mobile-menu:hover:before { display: none; } .mob-toggler span, .pcoded-header .mobile-menu span { position: relative; display: block; width: 100%; height: 2px; background-color: rgba(36, 46, 62, 0.8); -webkit-transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84); transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 2px; } .mob-toggler span:after, .mob-toggler span:before, .pcoded-header .mobile-menu span:after, .pcoded-header .mobile-menu span:before { content: ""; position: absolute; left: 0; height: 2px; background-color: rgba(36, 46, 62, 0.8); -webkit-transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84); transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 2px; } .mob-toggler span:after, .pcoded-header .mobile-menu span:after { top: 6px; width: 70%; } .mob-toggler span:before, .pcoded-header .mobile-menu span:before { top: -6px; width: 40%; } .mob-toggler:hover span, .pcoded-header .mobile-menu:hover span { background-color: #242e3e; } .mob-toggler:hover span:after, .mob-toggler:hover span:before, .pcoded-header .mobile-menu:hover span:after, .pcoded-header .mobile-menu:hover span:before { background-color: #242e3e; width: 100%; } .mob-toggler { right: 5px; display: none; } .pcoded-header:before, .pcoded-main-container:before { content: ""; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-navbar { display: block; z-index: 1028; position: absolute; box-shadow: 1px 0 0 0 #D7DFE9; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 240px; height: calc(100% - 70px); margin-top: 70px; top: 0; background: #242e3e; color: #b5bdca;; } .pcoded-navbar ul { padding-left: 0; list-style: none; margin-bottom: 0; } .pcoded-navbar .scroll-div.navbar-content { height: 100%; } .pcoded-navbar .header-logo { position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; float: left; background: #242e3e; height: 70px; text-align: center; width: 240px; margin-right: 0; padding: 10px 25px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-navbar .header-logo .logo-dark { display: none; } .pcoded-navbar .header-logo .logo-thumb { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); opacity: 0; position: absolute; -webkit-transition: unset; transition: unset; } .pcoded-navbar .header-logo + .scroll-div { float: left; display: inline-block; } .pcoded-navbar .mobile-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 37px; height: 70px; position: absolute; right: 10px; top: 0; padding: 0 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-navbar .pcoded-badge { font-size: 75%; position: relative; right: 0; top: -1px; padding: 2px 7px; border-radius: 2px; display: inline-block; margin-left: 10px; } .pcoded-navbar .pcoded-inner-navbar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .pcoded-navbar .pcoded-inner-navbar li { position: relative; } .pcoded-navbar .pcoded-inner-navbar li > a { text-align: left; padding: 7px 20px; font-weight: 400; margin: 5px 0 0; border-radius: 2px; display: block; position: relative; font-size: 15px; } .pcoded-navbar .pcoded-inner-navbar li > a .pcoded-mtext { position: relative; } .pcoded-navbar .pcoded-inner-navbar li > a > .pcoded-micon { font-size: 16px; padding: 0; margin-right: 5px; border-radius: 4px; width: 30px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 30px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pcoded-navbar .pcoded-inner-navbar li > a > .pcoded-micon + .pcoded-mtext { position: relative; top: 0; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu > a:after { content: "\e844"; font-family: 'feather'; font-size: 13px; border: none; position: absolute; top: 13px; right: 20px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu.pcoded-trigger > a:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu { display: none; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu a:after { top: 7px; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu.pcoded-trigger.active > .pcoded-submenu { display: block; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu.pcoded-trigger.active > a { position: relative; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu { position: relative; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu:after { content: ""; position: absolute; top: 0; left: 25px; width: 1px; height: calc(100% - 36px); } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li { position: relative; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li:after { content: ""; position: absolute; top: 20px; left: 26px; width: 20px; height: 1px; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a { text-align: left; padding: 10px 7px 10px 60px; margin: 0; display: block; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a:before { content: ""; border-radius: 50%; position: absolute; top: 18px; left: 44px; width: 6px; height: 6px; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu:after { left: 45px; top: -20px; height: calc(100% - 15px); } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu > li:after { left: 46px; width: 20px; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu > li > a { padding: 10px 7px 10px 80px; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu > li > a:before { left: 65px; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption { font-size: 12px; font-weight: 500; color: #fff; padding: 18px 28px 5px; margin-top: 10px; text-transform: uppercase; position: relative; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption:first-child { margin-top: 1px; border-top: none; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption > label { margin-bottom: 0; } .pcoded-navbar .pcoded-inner-navbar li.disabled > a { cursor: default; opacity: 0.5; } .pcoded-navbar .pcoded-submenu { background: #242e3e; padding: 15px 0; } .pcoded-navbar a { color: #b5bdca; } .pcoded-navbar .navbar-content, .pcoded-navbar .navbar-wrapper { width: 100%; height: 100%; } .pcoded-navbar.navbar-collapsed { width: 70px; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-navbar.navbar-collapsed .header-logo { width: 70px; padding: 10px 20px; } .pcoded-navbar.navbar-collapsed .header-logo img { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-transition: unset; transition: unset; } .pcoded-navbar.navbar-collapsed .header-logo .logo-thumb { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; left: calc((70px / 2) - 20px); } .pcoded-navbar.navbar-collapsed .header-logo .mobile-menu { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } .pcoded-navbar.navbar-collapsed .navbar-content.ps { overflow: visible; } .pcoded-navbar.navbar-collapsed .pcoded-menu-caption { position: relative; width: 100%; height: auto; white-space: nowrap; overflow: hidden; } .pcoded-navbar.navbar-collapsed .pcoded-menu-caption > label { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-navbar.navbar-collapsed .pcoded-menu-caption:after { content: ""; position: absolute; top: 32px; left: 15px; width: calc(100% - 30px); height: 1px; background: rgba(181, 189, 202, 0.5); } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li > a { padding: 7px 20px; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li > a > .pcoded-micon + .pcoded-mtext { position: absolute; top: 11px; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li > a > .pcoded-mtext { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li.pcoded-hasmenu > a:after { right: 18px; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu { display: none; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li.pcoded-trigger .pcoded-submenu li a { color: transparent; white-space: nowrap; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li.pcoded-trigger .pcoded-submenu li + li a { border-top: none; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li.pcoded-trigger .pcoded-submenu .pcoded-submenu li a:before { opacity: 0; } .pcoded-navbar.navbar-collapsed ~ .pcoded-header .dropdown.mega-menu .dropdown-menu { left: 70px; width: calc(100vw - 70px - 15px); } .pcoded-navbar.navbar-collapsed.dashboard-nav ~ .pcoded-header .m-header { box-shadow: 1px 0 0 0 #D7DFE9, 0 1px 0 0 #D7DFE9; } .pcoded-navbar.navbar-collapsed.dashboard-nav ~ .pcoded-main-container { margin-left: 70px; } .pcoded-navbar.navbar-collapsed .pcoded-badge { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; display: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .pcoded-navbar.navbar-collapsed:hover { width: 240px !important; } .pcoded-navbar.navbar-collapsed:hover .header-logo { width: 240px; } .pcoded-navbar.navbar-collapsed:hover .header-logo img { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .pcoded-navbar.navbar-collapsed:hover .header-logo .logo-thumb { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); opacity: 0; } .pcoded-navbar.navbar-collapsed:hover .header-logo .mobile-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; right: 10px; } .pcoded-navbar.navbar-collapsed:hover .pcoded-menu-caption > label { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .pcoded-navbar.navbar-collapsed:hover .pcoded-menu-caption:after { background: transparent; } .pcoded-navbar.navbar-collapsed:hover .mobile-menu { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar > li > a > .pcoded-mtext { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar > li > a > .pcoded-mtext:after { opacity: 1; visibility: visible; } .pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar > li.pcoded-hasmenu > a:after { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger > a:after { -webkit-transform: rotateX(0deg) rotate(90deg); transform: rotateX(0deg) rotate(90deg); } .pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar > li.pcoded-trigger .pcoded-submenu li a { color: inherit; } .pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar > li.pcoded-trigger .pcoded-submenu .pcoded-submenu li a:before { opacity: 1; } .pcoded-navbar .pcoded-inner-navbar li.active > a, .pcoded-navbar .pcoded-inner-navbar li:focus > a, .pcoded-navbar .pcoded-inner-navbar li:hover > a { color: #e5efff; } .pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li.active > a:before, .pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li:focus > a:before, .pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li:hover > a:before { background: #e5efff; } .pcoded-navbar .pcoded-inner-navbar > li.active > a, .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger > a { color: #e5efff; } .pcoded-navbar .pcoded-inner-navbar > li.active > a:before, .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger > a:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #0B69FF; } .pcoded-navbar .pcoded-inner-navbar > .pcoded-menu-caption.active:after, .pcoded-navbar .pcoded-inner-navbar > .pcoded-menu-caption.pcoded-trigger:after { display: none; } .pcoded-navbar.mob-open ~ .pcoded-header:before, .pcoded-navbar.mob-open ~ .pcoded-main-container:before, .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-header:before, .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-main-container:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* === scroll bar start ===== */ .navbar-content { position: relative; } .ps__rail-y { z-index: 5; } .ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover { background: transparent; } .ps__thumb-y { background: #bbbbbb; } .ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y { background: #c8c8c8; } /* === scroll bar End ===== */ /* menu [ vartical ] css end */ /* menu[ horizontal ] css start */ .pcoded-navbar.theme-horizontal { display: block; height: 70px; width: 100%; z-index: 1023; position: fixed; top: 70px; box-shadow: 0 1px 0 0 #D7DFE9; margin-top: 0; } .pcoded-navbar.theme-horizontal .pcoded-badge { display: none; } .pcoded-navbar.theme-horizontal .header-logo { display: none; } .pcoded-navbar.theme-horizontal .sidenav-horizontal-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar { display: block; list-style: none; margin: 0; padding: 0; position: relative; white-space: nowrap; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-menu-caption { display: none; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li { display: inline-block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li > a { margin: 0; padding: 8px 15px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li > a > .pcoded-mtext { position: relative; top: 0; margin-right: 5px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li > a:before { display: none; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li > a:after { position: relative; top: 0; right: 0; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.active a, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-trigger a, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li:hover a { box-shadow: none; color: #fff; background: transparent; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before { content: "\6d"; position: absolute; bottom: -34px; left: 0; font-family: "pct"; z-index: 1001; font-size: 50px; line-height: 1; padding-left: calc(50% - 25px); color: #242e3e; text-shadow: 0 2px 0 #D7DFE9; width: 100%; height: 40px; -webkit-transform: scaleX(1.2); -ms-transform: scaleX(1.2); transform: scaleX(1.2); } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active > .pcoded-submenu, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { margin-top: 30px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.edge > .pcoded-submenu { left: auto; right: 0; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar li .pcoded-submenu > li.active > a:before, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar li .pcoded-submenu > li:focus > a:before, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar li .pcoded-submenu > li:hover > a:before { background-color: #0B69FF; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu { position: relative; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu { opacity: 0; visibility: hidden; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); position: absolute; min-width: 250px; display: block; z-index: 1; top: 100%; list-style: outside none none; margin: 0; border-radius: 4px; padding: 15px; box-shadow: 0 4px 24px 0 rgba(62, 57, 107, 0.18); background: #fff; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu:after { display: none; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu a { color: #242e3e; padding: 10px 20px 10px 30px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu a:before { left: 5px; top: 19px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li + li a { border-top-color: #ededed; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li:after { display: none; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li.active > a, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li.pcoded-trigger > a, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li:hover > a { color: #0B69FF; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu { position: absolute; min-width: 250px; z-index: 1; left: calc(100% + 10px); top: -10px; margin: 0 0 0 20px; border-radius: 4px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu:before { content: "\6a"; position: absolute; top: 8px; left: -31px; font-family: "pct"; z-index: 1001; font-size: 50px; line-height: 1; color: #fff; width: 40px; height: 100%; text-shadow: -8px 0 13px rgba(62, 57, 107, 0.08); } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu a { color: #242e3e; padding: 10px 20px 10px 30px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu a:before { left: 5px; top: 19px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu.edge .pcoded-submenu { left: auto; margin: 0 20px 0 0; right: calc(100% + 10px); } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu.edge .pcoded-submenu:before { content: '\6b'; left: auto; right: -21px; text-shadow: 8px 0 13px rgba(62, 57, 107, 0.08); } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .pcoded-navbar.theme-horizontal .navbar-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pcoded-navbar.theme-horizontal ~ .pcoded-header { position: fixed; top: 0; margin-left: 0; width: 100%; } .pcoded-navbar.theme-horizontal ~ .pcoded-header .dropdown.mega-menu .dropdown-menu { left: 0; width: 100vw; } .pcoded-navbar.theme-horizontal ~ .pcoded-header .b-title { color: #242e3e; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*='header-'] .b-title { color: #fff; } .pcoded-navbar.theme-horizontal ~ .pcoded-header .m-header { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0 15px; width: auto; } .pcoded-navbar.theme-horizontal ~ .pcoded-header .m-header .logo-main, .pcoded-navbar.theme-horizontal ~ .pcoded-header .m-header .logo-thumb { display: none; } .pcoded-navbar.theme-horizontal ~ .pcoded-header .m-header .logo-dark { display: inline-block; } .pcoded-navbar.theme-horizontal ~ .pcoded-header .mobile-menu { display: none; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] { color: rgba(255, 255, 255, 0.8); } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .m-header { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0 15px; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .m-header .logo-dark, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .m-header .logo-thumb { display: none; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .m-header .logo-main { display: inline-block; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu { color: #7E858E; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu a { color: #7E858E; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li > a { color: #7E858E; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li.active, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li:active, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li:focus, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li:hover { background: rgba(11, 105, 255, 0.1); } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li.active > a, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li:active > a, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li:focus > a, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li:hover > a { background: transparent; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] a, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] dropdown-toggle { color: rgba(255, 255, 255, 0.8); } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown .notification .noti-body li.notification:hover { background: rgba(11, 105, 255, 0.1); } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown .profile-notification .pro-head { color: #fff; } .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown .profile-notification .pro-head .dud-logout { color: #fff; } .pcoded-navbar.theme-horizontal ~ .pcoded-main-container { margin-top: 140px; margin-left: 0; min-height: calc(100vh - 140px); } /* menu [ horizontal ] css end */ /* main content start */ .pcoded-content { position: relative; display: block; padding: 25px; } .pcoded-main-container { position: relative; margin: 0 auto; padding-top: 0; display: block; clear: both; float: unset; right: 0; top: 0; min-height: 100vh; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pcoded-navbar.dashboard-nav ~ .pcoded-main-container { margin-left: 240px; } .pcoded-navbar.dashboard-nav ~ .pcoded-main-container .pcoded-content { padding: 25px; } .pcoded-navbar.dashboard-nav ~ .pcoded-header .m-header { box-shadow: 1px 0 0 0 #D7DFE9; } .pcoded-navbar.dashboard-nav ~ .pcoded-header .m-header .logo { height: 22px; margin-left: 12px; } .pcoded-navbar.dashboard-nav ~ .pcoded-header .navbar-collapse { box-shadow: 0 1px 0 0 #D7DFE9; } .pcoded-header .ml-auto .nav-item .dropdown > a { position: relative; } .pcoded-header .ml-auto .nav-item .dropdown > a:before { content: ""; position: absolute; bottom: -6px; left: 50%; z-index: 1002; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); border: 6px solid transparent; } .pcoded-header .ml-auto .nav-item .dropdown:hover > a:before { border-left-color: #fff; border-top-color: #fff; } /* main content end*/ /* ========================== Rsponsive Menu start ====================== */ @media only screen and (max-width: 991px) { .pcoded-header .input-group-text, .pcoded-header a, .pcoded-header dropdown-toggle { color: #242e3e; } .pcoded-header .input-group-text:hover, .pcoded-header a:hover, .pcoded-header dropdown-toggle:hover { color: #0B69FF; } .pcoded-header #mobile-header { display: none; right: 20px; } .pcoded-header .dropdown.mega-menu .dropdown-menu { left: 0; width: 100vw; height: calc(100vh - 140px); overflow-y: scroll; } .pcoded-header > .collapse:not(.show), .pcoded-header .container > .collapse:not(.show) { background: #fff; box-shadow: 0 0 3px 0 rgba(54, 80, 138, 0.34); position: relative; } .pcoded-header > .collapse:not(.show) .mr-auto, .pcoded-header .container > .collapse:not(.show) .mr-auto { height: 70px; display: inline-block; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pcoded-header > .collapse:not(.show) .ml-auto, .pcoded-header .container > .collapse:not(.show) .ml-auto { margin-left: auto; margin-right: 0 !important; } .pcoded-header .dropdown-menu, .pcoded-header .dropdown-menu a, .pcoded-header .search-close .input-group-text { color: #242e3e; } .pcoded-header .m-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 70px; } .pcoded-header .m-header .mobile-menu { right: auto; left: 10px; } .pcoded-header .m-header .mob-toggler { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #242e3e; } .pcoded-header .m-header .mob-toggler > i { position: relative; } .pcoded-header .m-header .mob-toggler.on > i { color: #0B69FF; } .pcoded-header .m-header .mob-toggler.on > i:after { content: ""; position: absolute; background: rgba(11, 105, 255, 0.1); top: -9px; left: -9px; width: 35px; height: 35px; border-radius: 30px; } .pcoded-header .full-screen { display: none; } .pcoded-header .navbar-nav > li:last-child { padding-right: 20px; } .pcoded-navbar { margin-left: -240px; position: absolute; height: 100%; } .pcoded-navbar .scroll-div.navbar-content { height: 100%; } .pcoded-navbar.dashboard-nav ~ .pcoded-header .m-header { box-shadow: 0 1px 0 0 #D7DFE9; } .pcoded-navbar.dashboard-nav ~ .pcoded-header, .pcoded-navbar.dashboard-nav ~ .pcoded-main-container { margin-left: 0; } .pcoded-navbar ~ .pcoded-header { width: 100%; } .pcoded-navbar .navbar-brand { display: none; } .pcoded-navbar.mob-open { margin-left: 0; } .pcoded-navbar.mob-open .container { padding-left: 0; padding-right: 0; } .pcoded-navbar.mob-open .pcoded-main-container ~ .pcoded-header, .pcoded-navbar.mob-open ~ .pcoded-main-container { margin-left: 0; } .pcoded-main-container { padding-top: 0; } } @media only screen and (max-width: 575px) { .pcoded-header .main-search.open .input-group .search-close { display: none; } .pcoded-header .navbar-nav > li { padding: 0 8px; } .pcoded-header .navbar-nav.ml-auto > li:first-child { padding-left: 0; } .pcoded-header .navbar-nav > li:last-child { padding-right: 15px; } .pcoded-header .navbar-nav.mr-auto li.nav-item:not(.dropdown) { padding-right: 0; } .pcoded-header .navbar-nav.mr-auto li.nav-item:not(.dropdown) .search-close { display: none; } .pcoded-header .dropdown.show { position: static; } .pcoded-header .dropdown.show a:after { display: none; } .pcoded-header .dropdown.show:before { display: none; } .pcoded-header .dropdown.mega-menu { position: static; } .pcoded-header .dropdown.mega-menu .dropdown-menu.profile-notification .pro-body li a { padding: 5px 10px; } .pcoded-header .dropdown .notification { width: 100%; } .pcoded-header .dropdown .dropdown-menu { width: 95%; margin-left: auto; margin-right: auto; left: 0; right: 0; } .header-chat.open, .header-user-list.open { width: 280px; } .page-header .text-right { display: none; } .pcoded-content { padding: 25px 15px; } .card { margin-bottom: 15px; } } @media only screen and (max-width: 1200px) and (min-width: 768px) { .pcoded-navbar .header-logo { -webkit-transition: none; transition: none; } .pcoded-navbar.navbar-collapsed { -webkit-transition: none; transition: none; } .pcoded-navbar.navbar-collapsed .header-logo img { -webkit-transition: none; transition: none; } .pcoded-navbar.navbar-collapsed .pcoded-menu-caption > label { -webkit-transition: none; transition: none; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li > a > .pcoded-mtext { -webkit-transition: none; transition: none; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li.pcoded-hasmenu > a:after { -webkit-transition: none; transition: none; -webkit-transition-delay: 0; transition-delay: 0; } .pcoded-navbar.navbar-collapsed .pcoded-badge { -webkit-transition: none; transition: none; } .pcoded-navbar.navbar-collapsed:hover .pcoded-badge { -webkit-transition-delay: 0; transition-delay: 0; } } @media only screen and (max-width: 1024px) { .pcoded-navbar.navbar-collapsed ~ .pcoded-header .dropdown.mega-menu .dropdown-menu { left: 70px; width: calc(100vw - 70px); } } @media only screen and (max-width: 350px) { .pcoded-header .navbar-nav > li .dropdown, .pcoded-header .navbar-nav > li.nav-item { height: auto; } } /* responsive horizontal menu */ @media only screen and (max-width: 991px) { .pcoded-navbar.theme-horizontal { margin-left: 0; } .pcoded-navbar.theme-horizontal ~ .pcoded-header > .collapse:not(.show), .pcoded-navbar.theme-horizontal ~ .pcoded-header .container > .collapse:not(.show) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; background: #fff; box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08); } .pcoded-navbar.theme-horizontal ~ .pcoded-header .b-title { color: #fff; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu .pcoded-trigger > .pcoded-submenu, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu .pcoded-trigger.edge > .pcoded-submenu { position: relative; left: 0; min-width: 100%; margin: 0; box-shadow: none; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu .pcoded-trigger > .pcoded-submenu:before, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu .pcoded-trigger.edge > .pcoded-submenu:before { display: none; } } /* ========================== Rsponsive Menu end ====================== */ /* ******************************************************************************* */ /* * Horizontal */ .theme-horizontal .sidenav-horizontal-wrapper { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 0; } .sidenav:not(.sidenav-no-animation) .theme-horizontal .sidenav-horizontal-wrapper .sidenav-inner { -webkit-transition: margin 0.2s; transition: margin 0.2s; } .theme-horizontal .sidenav-horizontal-next, .theme-horizontal .sidenav-horizontal-prev { position: relative; display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 2.25rem; background-color: #242e3e; z-index: 9; } .theme-horizontal .sidenav-horizontal-next::after, .theme-horizontal .sidenav-horizontal-prev::after { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0.8rem; height: 0.8rem; border: 2px solid; border-top: 0; } .theme-horizontal .sidenav-horizontal-next.disabled, .theme-horizontal .sidenav-horizontal-prev.disabled { cursor: default !important; opacity: 0; display: none; } .theme-horizontal .sidenav-horizontal-prev::after { border-right: 0; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .theme-horizontal .sidenav-horizontal-next::after { border-left: 0; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .theme-horizontal .sidenav-horizontal:after, .theme-horizontal .sidenav-horizontal:before { content: ""; background: #242e3e; width: 100%; position: absolute; top: 0; height: 100%; z-index: 5; } @media only screen and (max-width: 991px) { .theme-horizontal .sidenav-horizontal:after, .theme-horizontal .sidenav-horizontal:before { display: none; } } .theme-horizontal .sidenav-horizontal:before { left: 100%; } .theme-horizontal .sidenav-horizontal:after { right: 100%; } .theme-horizontal.menu-light .sidenav-horizontal:after, .theme-horizontal.menu-light .sidenav-horizontal:before { background: #fff; } @-webkit-keyframes sidenavDropdownShow { 0% { opacity: 0; -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes sidenavDropdownShow { 0% { opacity: 0; -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .pcoded-navbar .card { background: rgba(255, 255, 255, 0.1); margin: 20px; box-shadow: 0 0 0 1px rgba(215, 223, 233, 0.15); color: rgba(255, 255, 255, 0.6); } .pcoded-navbar .card h6 { color: rgba(255, 255, 255, 0.6); } .pcoded-navbar .card .close { position: absolute; color: #b5bdca; position: absolute; top: 10px; right: 12px; opacity: 0.8; text-shadow: none; } .pcoded-navbar.menu-light .card { background: rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px #FBFBFB; color: rgba(0, 0, 0, 0.6); } .pcoded-navbar.menu-light .card h6 { color: #171F46; } .pcoded-navbar.menu-light .card .close { color: #171F46; } .pcoded-navbar.navbar-collapsed .card { display: none; } .menu-styler { z-index: 1029; position: relative; color: #7E858E; } .menu-styler h5, .menu-styler h6 { color: #171F46; } .menu-styler hr { border-top: 1px solid rgba(0, 0, 0, 0.1); } .menu-styler .style-toggler > a { position: fixed; right: 0; top: 200px; z-index: 1031; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .menu-styler .style-toggler > a:before { content: ""; width: 45px; height: 45px; position: absolute; right: 0; top: 0; z-index: 1001; background: #FF0B37; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; border-radius: 3px 0 0 3px; box-shadow: -4px 0 8px rgba(255, 11, 55, 0.16), -6px 0 8px rgba(0, 0, 0, 0.1); } .menu-styler .style-toggler > a:after { content: "\e849"; top: 12px; font-size: 21px; position: absolute; right: 11px; font-family: "feather"; z-index: 1029; line-height: 1; color: #fff; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media all and (-ms-high-contrast: none) { .menu-styler .style-toggler > a:after { line-height: 0.5; top: 18px; } } .menu-styler.open .style-toggler > a, .menu-styler.prebuild-open .style-toggler > a { right: 400px; -webkit-animation: sh-shake 0s ease infinite; animation: sh-shake 0s ease infinite; } .menu-styler.open .style-toggler > a:after, .menu-styler.prebuild-open .style-toggler > a:after { content: "\e847"; -webkit-animation: anim-rotate 0s linear infinite; animation: anim-rotate 0s linear infinite; } .menu-styler.open .prebuild-toggler > .prebuild-group, .menu-styler.prebuild-open .prebuild-toggler > .prebuild-group { right: calc(400px - 100px); } .menu-styler.open .style-block { right: 0; box-shadow: -6px 0 12px rgba(0, 0, 0, 0.175); } .menu-styler.prebuild-open .style-block-prebuild { right: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .menu-styler .style-block, .menu-styler .style-block-prebuild { position: fixed; top: 140px; right: -400px; width: 400px; border-radius: 4px 0 0 4px; background: #fff; z-index: 1030; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding: 25px 20px 20px; } .menu-styler label { margin-bottom: 3px; } .menu-styler .switch input[type=checkbox] + .cr { top: 8px; } .menu-styler .radio input[type=radio] + .cr { margin-right: 10px; } .menu-styler .radio input[type=radio] + .cr:after, .menu-styler .radio input[type=radio] + .cr:before { margin-right: 3px; } .menu-styler h6 { position: relative; margin: 20px 0 10px; } .menu-styler .nav-pills { padding: 0; box-shadow: none; } .menu-styler .nav-pills li { width: calc(100% / 3); } .menu-styler .m-style-scroller { padding: 15px 20px; box-shadow: none; background-color: rgba(251, 251, 251, 0.4); border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.24); } @media only screen and (max-width: 992px) { .menu-styler { display: none; } } @-webkit-keyframes sh-shake { 0%, 100%, 25% { -webkit-transform: scale(1); transform: scale(1); } 15%, 3%, 9% { -webkit-transform: scale(1.1); transform: scale(1.1); } 12%, 20%, 6% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes sh-shake { 0%, 100%, 25% { -webkit-transform: scale(1); transform: scale(1); } 15%, 3%, 9% { -webkit-transform: scale(1.1); transform: scale(1.1); } 12%, 20%, 6% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .lay-customizer .theme-color, .theme-color { display: block; position: relative; padding: 0; margin-bottom: 10px; } .lay-customizer .theme-color > a, .theme-color > a { position: relative; width: 45px; height: 30px; border-radius: 3px; display: inline-block; background: #FBFBFB; overflow: hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); } .lay-customizer .theme-color > a + a, .theme-color > a + a { margin-left: 8px; } .lay-customizer .theme-color > a span, .theme-color > a span { width: 100%; position: absolute; } .lay-customizer .theme-color > a span:after, .lay-customizer .theme-color > a span:before, .theme-color > a span:after, .theme-color > a span:before { content: ""; height: 100%; position: absolute; } .lay-customizer .theme-color > a span:before, .theme-color > a span:before { width: 32%; left: 0; background: #242e3e; } .lay-customizer .theme-color > a span:after, .theme-color > a span:after { width: 70%; right: 0; background: #FBFBFB; } .lay-customizer .theme-color > a > span:nth-child(1), .theme-color > a > span:nth-child(1) { height: 30%; top: 0; } .lay-customizer .theme-color > a > span:nth-child(1):after, .theme-color > a > span:nth-child(1):after { background: #fff; } .lay-customizer .theme-color > a > span:nth-child(2), .theme-color > a > span:nth-child(2) { height: 75%; bottom: 0; } .lay-customizer .theme-color > a.active:before, .theme-color > a.active:before { content: "\e83e"; top: 1px; font-size: 20px; position: absolute; left: 12px; font-family: "feather"; z-index: 1001; color: #0B69FF; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; text-shadow: 0 1px 3px rgba(11, 105, 255, 0.9), 0 3px 8px rgba(0, 0, 0, 0.1); } .lay-customizer .theme-color > a.active:after, .theme-color > a.active:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .lay-customizer .theme-color > a[data-value="menu-light"] span:before, .theme-color > a[data-value="menu-light"] span:before { background: #fff; } .lay-customizer .theme-color > a[data-value="dark"] span:after, .theme-color > a[data-value="dark"] span:after { background: #080a0e; } .lay-customizer .theme-color > a[data-value="reset"], .theme-color > a[data-value="reset"] { background: #FF0B37; color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: -10px; width: 135px; box-shadow: none; } .lay-customizer .theme-color.small > a, .theme-color.small > a { width: 25px; height: 25px; border-radius: 50%; } .lay-customizer .theme-color.small > a:before, .theme-color.small > a:before { font-size: 15px; left: 5px; top: 1px; } .lay-customizer .theme-color.small > a > span, .theme-color.small > a > span { display: none; } .lay-customizer .theme-color.header-color > a[data-value="header-blue"] > span:nth-child(1):after, .theme-color.header-color > a[data-value="header-blue"] > span:nth-child(1):after { background: #0B69FF; } .lay-customizer .theme-color.header-color.small > a[data-value="header-blue"], .theme-color.header-color.small > a[data-value="header-blue"] { background: #0B69FF; } .lay-customizer .theme-color.header-color > a[data-value="header-red"] > span:nth-child(1):after, .theme-color.header-color > a[data-value="header-red"] > span:nth-child(1):after { background: #FF0B37; } .lay-customizer .theme-color.header-color.small > a[data-value="header-red"], .theme-color.header-color.small > a[data-value="header-red"] { background: #FF0B37; } .lay-customizer .theme-color.header-color > a[data-value="header-purple"] > span:nth-child(1):after, .theme-color.header-color > a[data-value="header-purple"] > span:nth-child(1):after { background: #6B38FB; } .lay-customizer .theme-color.header-color.small > a[data-value="header-purple"], .theme-color.header-color.small > a[data-value="header-purple"] { background: #6B38FB; } .lay-customizer .theme-color.header-color > a[data-value="header-info"] > span:nth-child(1):after, .theme-color.header-color > a[data-value="header-info"] > span:nth-child(1):after { background: #00ACC1; } .lay-customizer .theme-color.header-color.small > a[data-value="header-info"], .theme-color.header-color.small > a[data-value="header-info"] { background: #00ACC1; } .lay-customizer .theme-color.header-color > a[data-value="header-dark"] > span:nth-child(1):after, .theme-color.header-color > a[data-value="header-dark"] > span:nth-child(1):after { background: #242e3e; } .lay-customizer .theme-color.header-color.small > a[data-value="header-dark"], .theme-color.header-color.small > a[data-value="header-dark"] { background: #242e3e; } .lay-customizer .theme-color.brand-color > a[data-value="brand-blue"] > span:nth-child(1):before, .theme-color.brand-color > a[data-value="brand-blue"] > span:nth-child(1):before { background: #0B69FF; } .lay-customizer .theme-color.brand-color.small > a[data-value="brand-blue"], .theme-color.brand-color.small > a[data-value="brand-blue"] { background: #0B69FF; } .lay-customizer .theme-color.brand-color > a[data-value="brand-red"] > span:nth-child(1):before, .theme-color.brand-color > a[data-value="brand-red"] > span:nth-child(1):before { background: #FF0B37; } .lay-customizer .theme-color.brand-color.small > a[data-value="brand-red"], .theme-color.brand-color.small > a[data-value="brand-red"] { background: #FF0B37; } .lay-customizer .theme-color.brand-color > a[data-value="brand-purple"] > span:nth-child(1):before, .theme-color.brand-color > a[data-value="brand-purple"] > span:nth-child(1):before { background: #6B38FB; } .lay-customizer .theme-color.brand-color.small > a[data-value="brand-purple"], .theme-color.brand-color.small > a[data-value="brand-purple"] { background: #6B38FB; } .lay-customizer .theme-color.brand-color > a[data-value="brand-info"] > span:nth-child(1):before, .theme-color.brand-color > a[data-value="brand-info"] > span:nth-child(1):before { background: #00ACC1; } .lay-customizer .theme-color.brand-color.small > a[data-value="brand-info"], .theme-color.brand-color.small > a[data-value="brand-info"] { background: #00ACC1; } .lay-customizer .theme-color.brand-color > a[data-value="brand-dark"] > span:nth-child(1):before, .theme-color.brand-color > a[data-value="brand-dark"] > span:nth-child(1):before { background: #242e3e; } .lay-customizer .theme-color.brand-color.small > a[data-value="brand-dark"], .theme-color.brand-color.small > a[data-value="brand-dark"] { background: #242e3e; } .doc-img > a { position: relative; width: 130px; height: 80px; display: inline-block; background: #FBFBFB; overflow: hidden; box-shadow: 0 0 0 1px #e2e5e8; } .doc-img > a span { width: 100%; position: absolute; } .doc-img > a span:after, .doc-img > a span:before { content: ""; height: 100%; position: absolute; } .doc-img > a span:before { width: 30%; left: 0; background: #242e3e; } .doc-img > a span:after { width: 70%; right: 0; background: #FBFBFB; } .doc-img > a > span:nth-child(1) { height: 20%; top: 0; } .doc-img > a > span:nth-child(1):after { background: #fff; } .doc-img > a > span:nth-child(2) { height: 80%; bottom: 0; } .doc-img > a.active { border-color: #0B69FF; } .doc-img > a.active:before { content: "\e83f"; top: -4px; font-size: 20px; position: absolute; left: 10px; font-family: "feather"; z-index: 1001; color: #0B69FF; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; text-shadow: 0 3px 8px rgba(11, 105, 255, 0.9), 0 3px 8px rgba(0, 0, 0, 0.1); } .doc-img > a.active:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.65); } .doc-img > a[data-value="menu-light"] span:before { background: #fff; } .doc-img > a[data-value="dark"] span:after { background: #080a0e; } .doc-img.header-color > a[data-value="header-blue"] > span:nth-child(1):after, .doc-img.header-color > a[data-value="header-blue"] > span:nth-child(1):before { background: #0B69FF; } .doc-img.header-color > a[data-value="header-red"] > span:nth-child(1):after, .doc-img.header-color > a[data-value="header-red"] > span:nth-child(1):before { background: #FF0B37; } .doc-img.header-color > a[data-value="header-purple"] > span:nth-child(1):after, .doc-img.header-color > a[data-value="header-purple"] > span:nth-child(1):before { background: #6B38FB; } .doc-img.header-color > a[data-value="header-info"] > span:nth-child(1):after, .doc-img.header-color > a[data-value="header-info"] > span:nth-child(1):before { background: #00ACC1; } .doc-img.header-color > a[data-value="header-dark"] > span:nth-child(1):after, .doc-img.header-color > a[data-value="header-dark"] > span:nth-child(1):before { background: #242e3e; } .doc-img.brand-color > a[data-value="brand-blue"] > span:nth-child(1):before { background: #0B69FF; } .doc-img.brand-color > a[data-value="brand-red"] > span:nth-child(1):before { background: #FF0B37; } .doc-img.brand-color > a[data-value="brand-purple"] > span:nth-child(1):before { background: #6B38FB; } .doc-img.brand-color > a[data-value="brand-info"] > span:nth-child(1):before { background: #00ACC1; } .doc-img.brand-color > a[data-value="brand-dark"] > span:nth-child(1):before { background: #242e3e; } /* =================================================================================== ========================== Diffrent Layout Styles Start ==================== =================================================================================== ====== [ light menu style start ] ======== */ .pcoded-navbar.menu-light { background-color: #fff; color: #171F46; } .pcoded-navbar.menu-light .header-logo { background-color: #242e3e; } .pcoded-navbar.menu-light .header-logo .logo-dark { display: none; } .pcoded-navbar.menu-light .header-logo .logo-main { display: block; } .pcoded-navbar.menu-light .sidenav-horizontal-next, .pcoded-navbar.menu-light .sidenav-horizontal-prev { background: #fff; } .pcoded-navbar.menu-light .mobile-menu span { background-color: rgba(255, 255, 255, 0.8); } .pcoded-navbar.menu-light .mobile-menu span:after, .pcoded-navbar.menu-light .mobile-menu span:before { background-color: rgba(255, 255, 255, 0.8); } .pcoded-navbar.menu-light .mobile-menu.on span { background-color: transparent; } .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-menu-caption { color: rgba(126, 133, 142, 0.6); } .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before, .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.pcoded-trigger > a:before, .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li:hover > a:before { background: #0B69FF; } .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li + li > a { border-top-color: #ededed; } .pcoded-navbar.menu-light .pcoded-submenu { background: #fff; } .pcoded-navbar.menu-light a { color: #171F46; } .pcoded-navbar.menu-light.navbar-collapsed .pcoded-menu-caption:after { background: rgba(0, 0, 0, 0.1); } .pcoded-navbar.menu-light.navbar-collapsed:hover .pcoded-menu-caption:after { background: transparent; } .pcoded-navbar.menu-light .pcoded-menu-caption { color: #171F46; } .pcoded-navbar.menu-light .pcoded-inner-navbar li.active > a, .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-trigger > a, .pcoded-navbar.menu-light .pcoded-inner-navbar li:hover > a { color: #000; background: transparent; } .pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.active a, .pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.pcoded-trigger a, .pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li:hover a { color: #171F46; background: transparent; } .pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before, .pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before { color: #fff; } /* ====== [ light menu style end ] ======== */ /* ====== [ Header color start ] ======== */ .pcoded-header[class*="header-"] .mobile-menu span { background-color: rgba(255, 255, 255, 0.8); } .pcoded-header[class*="header-"] .mobile-menu span:after, .pcoded-header[class*="header-"] .mobile-menu span:before { background-color: rgba(255, 255, 255, 0.8); } .pcoded-header[class*="header-"] .mobile-menu:hover span { background-color: #fff; } .pcoded-header[class*="header-"] .mobile-menu:hover span:after, .pcoded-header[class*="header-"] .mobile-menu:hover span:before { background-color: #fff; } @media only screen and (min-width: 992px) { .pcoded-header[class*="header-"] .collapse:not(.show) { background: inherit; } .pcoded-header[class*="header-"] .page-header .breadcrumb-item + .breadcrumb-item::before, .pcoded-header[class*="header-"] .page-header .page-header-title + .breadcrumb > .breadcrumb-item a, .pcoded-header[class*="header-"] .page-header h5 { color: #fff; } } .pcoded-header.header-blue { background: #0B69FF; color: rgba(255, 255, 255, 0.8); } .pcoded-header.header-blue .profile-notification li > a { color: #7E858E; } .pcoded-header.header-blue .profile-notification li.active, .pcoded-header.header-blue .profile-notification li:active, .pcoded-header.header-blue .profile-notification li:focus, .pcoded-header.header-blue .profile-notification li:hover { background: rgba(11, 105, 255, 0.1); } .pcoded-header.header-blue .profile-notification li.active > a, .pcoded-header.header-blue .profile-notification li:active > a, .pcoded-header.header-blue .profile-notification li:focus > a, .pcoded-header.header-blue .profile-notification li:hover > a { background: transparent; } .pcoded-header.header-blue .dropdown-menu { color: #7E858E; } .pcoded-header.header-blue .dropdown-menu a { color: #7E858E; } .pcoded-header.header-blue .dropdown-menu > li > a { color: #7E858E; } .pcoded-header.header-blue .dropdown-menu > li.active, .pcoded-header.header-blue .dropdown-menu > li:active, .pcoded-header.header-blue .dropdown-menu > li:focus, .pcoded-header.header-blue .dropdown-menu > li:hover { background: rgba(11, 105, 255, 0.1); color: #7E858E; } .pcoded-header.header-blue .dropdown-menu > li.active > a, .pcoded-header.header-blue .dropdown-menu > li:active > a, .pcoded-header.header-blue .dropdown-menu > li:focus > a, .pcoded-header.header-blue .dropdown-menu > li:hover > a { background: transparent; } .pcoded-header.header-blue .input-group .input-group-text, .pcoded-header.header-blue a, .pcoded-header.header-blue dropdown-toggle { color: #fff; } .pcoded-header.header-blue .input-group .input-group-text:hover, .pcoded-header.header-blue a:hover, .pcoded-header.header-blue dropdown-toggle:hover { color: #fff; } @media only screen and (max-width: 991px) { .pcoded-header.header-blue .input-group .input-group-text, .pcoded-header.header-blue a, .pcoded-header.header-blue dropdown-toggle { color: #171F46; } .pcoded-header.header-blue .input-group .input-group-text:hover, .pcoded-header.header-blue a:hover, .pcoded-header.header-blue dropdown-toggle:hover { color: #0a0e20; } } @media only screen and (max-width: 991px) { .pcoded-header.header-blue .m-header > a { color: #fff; } } .pcoded-header.header-blue .main-search .search-close > .input-group-text { color: #0B69FF; } .pcoded-header.header-blue .main-search.open .input-group { background: rgba(255, 255, 255, 0.25); border: 0 solid rgba(255, 255, 255, 0.25); padding: 2px 2px 2px 20px; } @media only screen and (max-width: 991px) { .pcoded-header.header-blue .main-search.open .input-group { background: #FBFBFB; } } @media only screen and (min-width: 992px) { .pcoded-header.header-blue .main-search.open .input-group .form-control { color: #fff; } .pcoded-header.header-blue .main-search.open .input-group .form-control::-moz-placeholder { color: #fff; opacity: 1; } .pcoded-header.header-blue .main-search.open .input-group .form-control:-ms-input-placeholder { color: #fff; } .pcoded-header.header-blue .main-search.open .input-group .form-control::-webkit-input-placeholder { color: #fff; } } .pcoded-header.header-blue .main-search.open .input-group .search-btn { background: #0B69FF; border-color: #0B69FF; } .pcoded-header.header-blue .main-search.open .input-group .search-btn .input-group-text { color: #fff; } .pcoded-header.header-blue .dropdown .notification .noti-head a { color: #fff; } .pcoded-header.header-blue .dropdown .notification .noti-body li.notification:hover { background: rgba(11, 105, 255, 0.1); } .pcoded-header.header-blue .dropdown .profile-notification .pro-head { color: #fff; background: #0B69FF; } .pcoded-header.header-blue .dropdown .profile-notification .pro-head .dud-logout { color: #fff; } .pcoded-header.header-blue .b-bg { background: #fff; color: #0B69FF; } .pcoded-header.header-red { background: #FF0B37; color: rgba(255, 255, 255, 0.8); } .pcoded-header.header-red .profile-notification li > a { color: #7E858E; } .pcoded-header.header-red .profile-notification li.active, .pcoded-header.header-red .profile-notification li:active, .pcoded-header.header-red .profile-notification li:focus, .pcoded-header.header-red .profile-notification li:hover { background: rgba(255, 11, 55, 0.1); } .pcoded-header.header-red .profile-notification li.active > a, .pcoded-header.header-red .profile-notification li:active > a, .pcoded-header.header-red .profile-notification li:focus > a, .pcoded-header.header-red .profile-notification li:hover > a { background: transparent; } .pcoded-header.header-red .dropdown-menu { color: #7E858E; } .pcoded-header.header-red .dropdown-menu a { color: #7E858E; } .pcoded-header.header-red .dropdown-menu > li > a { color: #7E858E; } .pcoded-header.header-red .dropdown-menu > li.active, .pcoded-header.header-red .dropdown-menu > li:active, .pcoded-header.header-red .dropdown-menu > li:focus, .pcoded-header.header-red .dropdown-menu > li:hover { background: rgba(255, 11, 55, 0.1); color: #7E858E; } .pcoded-header.header-red .dropdown-menu > li.active > a, .pcoded-header.header-red .dropdown-menu > li:active > a, .pcoded-header.header-red .dropdown-menu > li:focus > a, .pcoded-header.header-red .dropdown-menu > li:hover > a { background: transparent; } .pcoded-header.header-red .input-group .input-group-text, .pcoded-header.header-red a, .pcoded-header.header-red dropdown-toggle { color: #fff; } .pcoded-header.header-red .input-group .input-group-text:hover, .pcoded-header.header-red a:hover, .pcoded-header.header-red dropdown-toggle:hover { color: #fff; } @media only screen and (max-width: 991px) { .pcoded-header.header-red .input-group .input-group-text, .pcoded-header.header-red a, .pcoded-header.header-red dropdown-toggle { color: #171F46; } .pcoded-header.header-red .input-group .input-group-text:hover, .pcoded-header.header-red a:hover, .pcoded-header.header-red dropdown-toggle:hover { color: #0a0e20; } } @media only screen and (max-width: 991px) { .pcoded-header.header-red .m-header > a { color: #fff; } } .pcoded-header.header-red .main-search .search-close > .input-group-text { color: #FF0B37; } .pcoded-header.header-red .main-search.open .input-group { background: rgba(255, 255, 255, 0.25); border: 0 solid rgba(255, 255, 255, 0.25); padding: 2px 2px 2px 20px; } @media only screen and (max-width: 991px) { .pcoded-header.header-red .main-search.open .input-group { background: #FBFBFB; } } @media only screen and (min-width: 992px) { .pcoded-header.header-red .main-search.open .input-group .form-control { color: #fff; } .pcoded-header.header-red .main-search.open .input-group .form-control::-moz-placeholder { color: #fff; opacity: 1; } .pcoded-header.header-red .main-search.open .input-group .form-control:-ms-input-placeholder { color: #fff; } .pcoded-header.header-red .main-search.open .input-group .form-control::-webkit-input-placeholder { color: #fff; } } .pcoded-header.header-red .main-search.open .input-group .search-btn { background: #FF0B37; border-color: #FF0B37; } .pcoded-header.header-red .main-search.open .input-group .search-btn .input-group-text { color: #fff; } .pcoded-header.header-red .dropdown .notification .noti-head a { color: #fff; } .pcoded-header.header-red .dropdown .notification .noti-body li.notification:hover { background: rgba(255, 11, 55, 0.1); } .pcoded-header.header-red .dropdown .profile-notification .pro-head { color: #fff; background: #FF0B37; } .pcoded-header.header-red .dropdown .profile-notification .pro-head .dud-logout { color: #fff; } .pcoded-header.header-red .b-bg { background: #fff; color: #FF0B37; } .pcoded-header.header-purple { background: #6B38FB; color: rgba(255, 255, 255, 0.8); } .pcoded-header.header-purple .profile-notification li > a { color: #7E858E; } .pcoded-header.header-purple .profile-notification li.active, .pcoded-header.header-purple .profile-notification li:active, .pcoded-header.header-purple .profile-notification li:focus, .pcoded-header.header-purple .profile-notification li:hover { background: rgba(107, 56, 251, 0.1); } .pcoded-header.header-purple .profile-notification li.active > a, .pcoded-header.header-purple .profile-notification li:active > a, .pcoded-header.header-purple .profile-notification li:focus > a, .pcoded-header.header-purple .profile-notification li:hover > a { background: transparent; } .pcoded-header.header-purple .dropdown-menu { color: #7E858E; } .pcoded-header.header-purple .dropdown-menu a { color: #7E858E; } .pcoded-header.header-purple .dropdown-menu > li > a { color: #7E858E; } .pcoded-header.header-purple .dropdown-menu > li.active, .pcoded-header.header-purple .dropdown-menu > li:active, .pcoded-header.header-purple .dropdown-menu > li:focus, .pcoded-header.header-purple .dropdown-menu > li:hover { background: rgba(107, 56, 251, 0.1); color: #7E858E; } .pcoded-header.header-purple .dropdown-menu > li.active > a, .pcoded-header.header-purple .dropdown-menu > li:active > a, .pcoded-header.header-purple .dropdown-menu > li:focus > a, .pcoded-header.header-purple .dropdown-menu > li:hover > a { background: transparent; } .pcoded-header.header-purple .input-group .input-group-text, .pcoded-header.header-purple a, .pcoded-header.header-purple dropdown-toggle { color: #fff; } .pcoded-header.header-purple .input-group .input-group-text:hover, .pcoded-header.header-purple a:hover, .pcoded-header.header-purple dropdown-toggle:hover { color: #fff; } @media only screen and (max-width: 991px) { .pcoded-header.header-purple .input-group .input-group-text, .pcoded-header.header-purple a, .pcoded-header.header-purple dropdown-toggle { color: #171F46; } .pcoded-header.header-purple .input-group .input-group-text:hover, .pcoded-header.header-purple a:hover, .pcoded-header.header-purple dropdown-toggle:hover { color: #0a0e20; } } @media only screen and (max-width: 991px) { .pcoded-header.header-purple .m-header > a { color: #fff; } } .pcoded-header.header-purple .main-search .search-close > .input-group-text { color: #6B38FB; } .pcoded-header.header-purple .main-search.open .input-group { background: rgba(255, 255, 255, 0.25); border: 0 solid rgba(255, 255, 255, 0.25); padding: 2px 2px 2px 20px; } @media only screen and (max-width: 991px) { .pcoded-header.header-purple .main-search.open .input-group { background: #FBFBFB; } } @media only screen and (min-width: 992px) { .pcoded-header.header-purple .main-search.open .input-group .form-control { color: #fff; } .pcoded-header.header-purple .main-search.open .input-group .form-control::-moz-placeholder { color: #fff; opacity: 1; } .pcoded-header.header-purple .main-search.open .input-group .form-control:-ms-input-placeholder { color: #fff; } .pcoded-header.header-purple .main-search.open .input-group .form-control::-webkit-input-placeholder { color: #fff; } } .pcoded-header.header-purple .main-search.open .input-group .search-btn { background: #6B38FB; border-color: #6B38FB; } .pcoded-header.header-purple .main-search.open .input-group .search-btn .input-group-text { color: #fff; } .pcoded-header.header-purple .dropdown .notification .noti-head a { color: #fff; } .pcoded-header.header-purple .dropdown .notification .noti-body li.notification:hover { background: rgba(107, 56, 251, 0.1); } .pcoded-header.header-purple .dropdown .profile-notification .pro-head { color: #fff; background: #6B38FB; } .pcoded-header.header-purple .dropdown .profile-notification .pro-head .dud-logout { color: #fff; } .pcoded-header.header-purple .b-bg { background: #fff; color: #6B38FB; } .pcoded-header.header-info { background: #00ACC1; color: rgba(255, 255, 255, 0.8); } .pcoded-header.header-info .profile-notification li > a { color: #7E858E; } .pcoded-header.header-info .profile-notification li.active, .pcoded-header.header-info .profile-notification li:active, .pcoded-header.header-info .profile-notification li:focus, .pcoded-header.header-info .profile-notification li:hover { background: rgba(0, 172, 193, 0.1); } .pcoded-header.header-info .profile-notification li.active > a, .pcoded-header.header-info .profile-notification li:active > a, .pcoded-header.header-info .profile-notification li:focus > a, .pcoded-header.header-info .profile-notification li:hover > a { background: transparent; } .pcoded-header.header-info .dropdown-menu { color: #7E858E; } .pcoded-header.header-info .dropdown-menu a { color: #7E858E; } .pcoded-header.header-info .dropdown-menu > li > a { color: #7E858E; } .pcoded-header.header-info .dropdown-menu > li.active, .pcoded-header.header-info .dropdown-menu > li:active, .pcoded-header.header-info .dropdown-menu > li:focus, .pcoded-header.header-info .dropdown-menu > li:hover { background: rgba(0, 172, 193, 0.1); color: #7E858E; } .pcoded-header.header-info .dropdown-menu > li.active > a, .pcoded-header.header-info .dropdown-menu > li:active > a, .pcoded-header.header-info .dropdown-menu > li:focus > a, .pcoded-header.header-info .dropdown-menu > li:hover > a { background: transparent; } .pcoded-header.header-info .input-group .input-group-text, .pcoded-header.header-info a, .pcoded-header.header-info dropdown-toggle { color: #fff; } .pcoded-header.header-info .input-group .input-group-text:hover, .pcoded-header.header-info a:hover, .pcoded-header.header-info dropdown-toggle:hover { color: #fff; } @media only screen and (max-width: 991px) { .pcoded-header.header-info .input-group .input-group-text, .pcoded-header.header-info a, .pcoded-header.header-info dropdown-toggle { color: #171F46; } .pcoded-header.header-info .input-group .input-group-text:hover, .pcoded-header.header-info a:hover, .pcoded-header.header-info dropdown-toggle:hover { color: #0a0e20; } } @media only screen and (max-width: 991px) { .pcoded-header.header-info .m-header > a { color: #fff; } } .pcoded-header.header-info .main-search .search-close > .input-group-text { color: #00ACC1; } .pcoded-header.header-info .main-search.open .input-group { background: rgba(255, 255, 255, 0.25); border: 0 solid rgba(255, 255, 255, 0.25); padding: 2px 2px 2px 20px; } @media only screen and (max-width: 991px) { .pcoded-header.header-info .main-search.open .input-group { background: #FBFBFB; } } @media only screen and (min-width: 992px) { .pcoded-header.header-info .main-search.open .input-group .form-control { color: #fff; } .pcoded-header.header-info .main-search.open .input-group .form-control::-moz-placeholder { color: #fff; opacity: 1; } .pcoded-header.header-info .main-search.open .input-group .form-control:-ms-input-placeholder { color: #fff; } .pcoded-header.header-info .main-search.open .input-group .form-control::-webkit-input-placeholder { color: #fff; } } .pcoded-header.header-info .main-search.open .input-group .search-btn { background: #00ACC1; border-color: #00ACC1; } .pcoded-header.header-info .main-search.open .input-group .search-btn .input-group-text { color: #fff; } .pcoded-header.header-info .dropdown .notification .noti-head a { color: #fff; } .pcoded-header.header-info .dropdown .notification .noti-body li.notification:hover { background: rgba(0, 172, 193, 0.1); } .pcoded-header.header-info .dropdown .profile-notification .pro-head { color: #fff; background: #00ACC1; } .pcoded-header.header-info .dropdown .profile-notification .pro-head .dud-logout { color: #fff; } .pcoded-header.header-info .b-bg { background: #fff; color: #00ACC1; } .pcoded-header.header-dark { background: #242e3e; color: rgba(255, 255, 255, 0.8); } .pcoded-header.header-dark .profile-notification li > a { color: #7E858E; } .pcoded-header.header-dark .profile-notification li.active, .pcoded-header.header-dark .profile-notification li:active, .pcoded-header.header-dark .profile-notification li:focus, .pcoded-header.header-dark .profile-notification li:hover { background: rgba(36, 46, 62, 0.1); } .pcoded-header.header-dark .profile-notification li.active > a, .pcoded-header.header-dark .profile-notification li:active > a, .pcoded-header.header-dark .profile-notification li:focus > a, .pcoded-header.header-dark .profile-notification li:hover > a { background: transparent; } .pcoded-header.header-dark .dropdown-menu { color: #7E858E; } .pcoded-header.header-dark .dropdown-menu a { color: #7E858E; } .pcoded-header.header-dark .dropdown-menu > li > a { color: #7E858E; } .pcoded-header.header-dark .dropdown-menu > li.active, .pcoded-header.header-dark .dropdown-menu > li:active, .pcoded-header.header-dark .dropdown-menu > li:focus, .pcoded-header.header-dark .dropdown-menu > li:hover { background: rgba(36, 46, 62, 0.1); color: #7E858E; } .pcoded-header.header-dark .dropdown-menu > li.active > a, .pcoded-header.header-dark .dropdown-menu > li:active > a, .pcoded-header.header-dark .dropdown-menu > li:focus > a, .pcoded-header.header-dark .dropdown-menu > li:hover > a { background: transparent; } .pcoded-header.header-dark .input-group .input-group-text, .pcoded-header.header-dark a, .pcoded-header.header-dark dropdown-toggle { color: #fff; } .pcoded-header.header-dark .input-group .input-group-text:hover, .pcoded-header.header-dark a:hover, .pcoded-header.header-dark dropdown-toggle:hover { color: #fff; } @media only screen and (max-width: 991px) { .pcoded-header.header-dark .input-group .input-group-text, .pcoded-header.header-dark a, .pcoded-header.header-dark dropdown-toggle { color: #171F46; } .pcoded-header.header-dark .input-group .input-group-text:hover, .pcoded-header.header-dark a:hover, .pcoded-header.header-dark dropdown-toggle:hover { color: #0a0e20; } } @media only screen and (max-width: 991px) { .pcoded-header.header-dark .m-header > a { color: #fff; } } .pcoded-header.header-dark .main-search .search-close > .input-group-text { color: #242e3e; } .pcoded-header.header-dark .main-search.open .input-group { background: rgba(255, 255, 255, 0.25); border: 0 solid rgba(255, 255, 255, 0.25); padding: 2px 2px 2px 20px; } @media only screen and (max-width: 991px) { .pcoded-header.header-dark .main-search.open .input-group { background: #FBFBFB; } } @media only screen and (min-width: 992px) { .pcoded-header.header-dark .main-search.open .input-group .form-control { color: #fff; } .pcoded-header.header-dark .main-search.open .input-group .form-control::-moz-placeholder { color: #fff; opacity: 1; } .pcoded-header.header-dark .main-search.open .input-group .form-control:-ms-input-placeholder { color: #fff; } .pcoded-header.header-dark .main-search.open .input-group .form-control::-webkit-input-placeholder { color: #fff; } } .pcoded-header.header-dark .main-search.open .input-group .search-btn { background: #242e3e; border-color: #242e3e; } .pcoded-header.header-dark .main-search.open .input-group .search-btn .input-group-text { color: #fff; } .pcoded-header.header-dark .dropdown .notification .noti-head a { color: #fff; } .pcoded-header.header-dark .dropdown .notification .noti-body li.notification:hover { background: rgba(36, 46, 62, 0.1); } .pcoded-header.header-dark .dropdown .profile-notification .pro-head { color: #fff; background: #242e3e; } .pcoded-header.header-dark .dropdown .profile-notification .pro-head .dud-logout { color: #fff; } .pcoded-header.header-dark .b-bg { background: #fff; color: #242e3e; } /* ====== [ Header color end ] ======== */ /* ====== [ Brand color start ] ======== */ .pcoded-header[class*="brand-"]:not(.brand-default) .mobile-menu span, .pcoded-header[class*="brand-"]:not(.brand-default) .mobile-menu span:after, .pcoded-header[class*="brand-"]:not(.brand-default) .mobile-menu span:before { background: #fff; } .pcoded-header[class*="brand-"]:not(.brand-default) .b-bg { background: #fff; color: #0B69FF; } .pcoded-header.brand-blue .m-header, .pcoded-header[class*="header-"].brand-blue .m-header { background: #0B69FF; } .pcoded-header.brand-blue .m-header .b-bg, .pcoded-header[class*="header-"].brand-blue .m-header .b-bg { background: #fff; color: #0B69FF; } .pcoded-header.brand-red .m-header, .pcoded-header[class*="header-"].brand-red .m-header { background: #FF0B37; } .pcoded-header.brand-red .m-header .b-bg, .pcoded-header[class*="header-"].brand-red .m-header .b-bg { background: #fff; color: #FF0B37; } .pcoded-header.brand-purple .m-header, .pcoded-header[class*="header-"].brand-purple .m-header { background: #6B38FB; } .pcoded-header.brand-purple .m-header .b-bg, .pcoded-header[class*="header-"].brand-purple .m-header .b-bg { background: #fff; color: #6B38FB; } .pcoded-header.brand-info .m-header, .pcoded-header[class*="header-"].brand-info .m-header { background: #00ACC1; } .pcoded-header.brand-info .m-header .b-bg, .pcoded-header[class*="header-"].brand-info .m-header .b-bg { background: #fff; color: #00ACC1; } .pcoded-header.brand-dark .m-header, .pcoded-header[class*="header-"].brand-dark .m-header { background: #242e3e; } .pcoded-header.brand-dark .m-header .b-bg, .pcoded-header[class*="header-"].brand-dark .m-header .b-bg { background: #0B69FF; color: #fff; } .pcoded-header.brand-default .header-logo, .pcoded-header[class*="header-"].brand-default .header-logo { background: #242e3e; } /* ====== [ Brand color end ] ======== */ /* ====== [ menu fixed start ] ======== */ .pcoded-navbar.menupos-fixed { position: fixed; height: 100vh; min-height: 100vh; } .pcoded-navbar.menupos-fixed .scroll-div.navbar-content { height: calc(100% - 70px); min-height: calc(100% - 70px); } /* ====== [ menu fixed end ] ======== */ /* ====== [ Header Fixed start ] ======== */ .pcoded-header.headerpos-fixed { position: fixed; top: 0; } .pcoded-header.headerpos-fixed ~ .pcoded-main-container { padding-top: 70px; } @media only screen and (max-width: 991px) { .pcoded-header.headerpos-fixed ~ .pcoded-main-container { padding-top: 70px; } } /* ====== [Header Fixed end ] ======== */ .swal-icon--error { border-color: #FF0B37; } .swal-icon--error__line { background-color: #FF0B37; } .swal-icon--warning { border-color: #FFB800; } .swal-icon--warning__body { background-color: #FFB800; } .swal-icon--warning__dot { background-color: #FFB800; } @-webkit-keyframes pulseWarning { 0% { border-color: #ffbf1a; } to { border-color: #FFB800; } } @keyframes pulseWarning { 0% { border-color: #ffbf1a; } to { border-color: #FFB800; } } .swal-icon--success { border-color: #2DCA73; } .swal-icon--success__ring { border: 4px solid rgba(45, 202, 115, 0.2); } .swal-icon--success__line { background-color: #2DCA73; } .swal-icon--info { border-color: #00acc1; } .swal-icon--info:after, .swal-icon--info:before { background-color: #00acc1; } .swal-title { color: rgba(0, 0, 0, 0.65); } .swal-text { color: rgba(0, 0, 0, 0.64); } .swal-button { background-color: #0B69FF; } .swal-button:not([disabled]):hover { background-color: #005df1; } .swal-button:active { background-color: #005df1; } .swal-button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(11, 105, 255, 0.29); } .swal-button--cancel { color: #555; background-color: #efefef; } .swal-button--cancel:not([disabled]):hover { background-color: #e8e8e8; } .swal-button--cancel:active { background-color: #d7d7d7; } .swal-button--cancel:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(116, 136, 150, 0.29); } .swal-button--danger { background-color: #FF0B37; } .swal-button--danger:not([disabled]):hover { background-color: #f1002b; } .swal-button--danger:active { background-color: #f1002b; } .swal-button--danger:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(255, 11, 55, 0.29); } .swal-footer { text-align: center; } .swal-content__input:focus { border-color: rgba(11, 105, 255, 0.29); } .swal-content__textarea:focus { border-color: rgba(11, 105, 255, 0.29); } .lb-cancel { background: url("../images/loading.gif") no-repeat; } .lb-nav a.lb-prev { background: url("../images/prev.png") left 48% no-repeat; } .lb-nav a.lb-next { background: url("../images/next.png") right 48% no-repeat; } .lb-data .lb-caption a { color: #0B69FF; } .lb-data .lb-close { background: url("../images/close.png") top right no-repeat; } .alert-dismissable .close, .alert-dismissible .close { color: inherit; text-shadow: none; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .alert-inverse { background-color: #333; border-color: transparent; color: #fff; } .alert-inverse .close { position: relative; top: -2px; right: -21px; color: #fff; text-shadow: none; } .alert-inverse .alert-link { color: #e6e6e6; } .growl-animated.alert-inverse { box-shadow: 0 0 5px rgba(51, 51, 51, 0.5); } .growl-animated.alert-info { box-shadow: 0 0 5px rgba(11, 105, 255, 0.5); } .growl-animated.alert-success { box-shadow: 0 0 5px rgba(45, 202, 115, 0.5); } .growl-animated.alert-warning { box-shadow: 0 0 5px rgba(255, 184, 0, 0.5); } .growl-animated.alert-danger { box-shadow: 0 0 5px rgba(255, 11, 55, 0.5); } [data-notify="progressbar"] { margin-bottom: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; } [ui-pnotify].ui-pnotify.stack-bar-top { width: 100%; } [ui-pnotify].ui-pnotify.stack-bar-bottom { width: 100%; } [ui-pnotify].ui-pnotify .brighttheme-notice { background-color: #ffdc80; } [ui-pnotify].ui-pnotify .brighttheme-notice div, [ui-pnotify].ui-pnotify .brighttheme-notice h4 { color: #664a00; } [ui-pnotify].ui-pnotify .brighttheme-info { background-color: #8bb7ff; } [ui-pnotify].ui-pnotify .brighttheme-info div, [ui-pnotify].ui-pnotify .brighttheme-info h4 { color: #002c71; } [ui-pnotify].ui-pnotify .brighttheme-success { background-color: #90e6b7; } [ui-pnotify].ui-pnotify .brighttheme-success div, [ui-pnotify].ui-pnotify .brighttheme-success h4 { color: #114d2c; } [ui-pnotify].ui-pnotify .brighttheme-error { background-color: #ff8ba0; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: 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; } [ui-pnotify].ui-pnotify .brighttheme-error div, [ui-pnotify].ui-pnotify .brighttheme-error h4 { color: danger(#FF0B37, 30%); } [ui-pnotify].ui-pnotify .brighttheme-icon-notice { background-color: #664a00; color: #ffdc80; } [ui-pnotify].ui-pnotify .brighttheme-icon-info { background-color: #002c71; color: #8bb7ff; } [ui-pnotify].ui-pnotify .brighttheme-icon-success { background-color: #114d2c; color: #90e6b7; } [ui-pnotify].ui-pnotify .brighttheme-icon-error { width: 0; height: 0; font-size: 0; line-height: 0; border-radius: 0; border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; border-bottom: 1.2rem solid danger(#FF0B37, 30%); color: #ff8ba0; } [ui-pnotify].ui-pnotify .brighttheme-icon-error:after { position: absolute; top: 0.1rem; left: -.25rem; font-size: 0.9rem; font-weight: 700; line-height: 1.4rem; font-family: "Courier New", Courier, monospace; content: "!"; } [ui-pnotify].ui-pnotify .brighttheme { border-radius: 0; } [ui-pnotify].ui-pnotify .brighttheme.ui-pnotify-container { padding: 1.3rem; } [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-confirm, [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-text, [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-title { margin-left: 1.8rem; } [dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-confirm, [dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-text, [dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-title { margin-right: 1.8rem; margin-left: 0; } [ui-pnotify].ui-pnotify .brighttheme-icon-notice:after { content: "!"; } [ui-pnotify].ui-pnotify .brighttheme-icon-info:after { content: "i"; } [ui-pnotify].ui-pnotify .brighttheme-icon-success:after { content: "\002713"; } [ui-pnotify].ui-pnotify .brighttheme-icon-error:after { content: "!"; } [ui-pnotify].ui-pnotify .brighttheme-icon-closer:after { content: "\002715"; } [ui-pnotify].ui-pnotify .brighttheme-icon-sticker:after { top: -1px; content: "\002016"; } [ui-pnotify].ui-pnotify .brighttheme-icon-sticker.brighttheme-icon-stuck:after { content: "\00003E"; } .br-theme-bars-1to10 .br-widget a { background-color: #ffe399; } .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected { background-color: #FFB800; } .br-theme-bars-1to10 .br-widget .br-current-rating { color: #FFB800; } .br-theme-bars-1to10 .br-readonly a.br-active, .br-theme-bars-1to10 .br-readonly a.br-selected { background-color: #FFB800; } .br-theme-bars-1to10 .br-readonly .br-current-rating { color: #ffd466; } .br-theme-bars-horizontal .br-widget a { background-color: #ffe399; } .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected { background-color: #FFB800; } .br-theme-bars-horizontal .br-widget .br-current-rating { color: #FFB800; } .br-theme-bars-horizontal .br-readonly a.br-active, .br-theme-bars-horizontal .br-readonly a.br-selected { background-color: #ffe399; } .br-theme-bars-horizontal .br-readonly .br-current-rating { color: #ffe399; } .br-theme-bars-movie .br-widget { height: auto; } .br-theme-bars-movie .br-widget a { background-color: #a4c7ff; } .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected { background-color: #0B69FF; } .br-theme-bars-movie .br-widget .br-current-rating { color: #0B69FF; } .br-theme-bars-movie .br-readonly a.br-active, .br-theme-bars-movie .br-readonly a.br-selected { background-color: #71a8ff; } .br-theme-bars-movie .br-readonly .br-current-rating { color: #71a8ff; } .br-theme-bars-pill .br-widget a { background-color: #e4f9ed; color: #2DCA73; } .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected { background-color: #2DCA73; } .br-theme-bars-pill .br-readonly a.br-active, .br-theme-bars-pill .br-readonly a.br-selected { background-color: #52d88e; } .br-theme-bars-reversed .br-widget a { background-color: #a8f5ff; color: #00acc1; } .br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected { background-color: #00acc1; } .br-theme-bars-reversed .br-widget .br-current-rating { color: #00acc1; width: 100%; padding: 0; margin-top: 15px; } .br-theme-bars-reversed .br-readonly a.br-active, .br-theme-bars-reversed .br-readonly a.br-selected { background-color: #00d9f4; } .br-theme-bars-reversed .br-readonly .br-current-rating { color: #00d9f4; } .br-theme-bars-square .br-widget a { border: 2px solid #ff8ba0; color: #ff8ba0; } .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected { border: 2px solid #FF0B37; color: #FF0B37; } .br-theme-bars-square .br-readonly a.br-active, .br-theme-bars-square .br-readonly a.br-selected { border: 2px solid #ff3e61; color: #ff3e61; } .br-theme-bootstrap-stars .br-widget a:after { color: #f3f3f3; } .br-theme-css-stars .br-widget a:after { color: #f3f3f3; } .br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after { color: #FFB800; } .br-theme-fontawesome-stars .br-widget a { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; } .br-theme-fontawesome-stars .br-widget a:after { content: "\f005"; color: #f3f3f3; } .br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after { color: #FFB800; } .br-theme-fontawesome-stars-o .br-widget a { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; } .br-theme-fontawesome-stars-o .br-widget a:after { content: "\f005"; color: #f3f3f3; } .br-theme-fontawesome-stars-o .br-widget a.br-active:after, .br-theme-fontawesome-stars-o .br-widget a.br-selected:after { color: #2DCA73; } .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after { content: "\f5c0"; color: #2DCA73; } .bt-wizard .nav { background: #FBFBFB; } .bt-wizard .nav .nav-link.active { box-shadow: 0px 0px 5px 2px rgba(11, 105, 255, 0.3); } .select2-container .select2-selection--single { height: calc(1.5em + 0.75rem + 2px); } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { min-height: 32px; } .select2-container .select2-selection--multiple .select2-selection__rendered { padding-left: 8px; } .select2-dropdown { background-color: #fff; border: 1px solid #D7DFE9; border-radius: 3px; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #D7DFE9; border-radius: 3px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: calc(1.5em + 0.75rem + 2px); } .select2-container--default .select2-selection--single .select2-selection__arrow { height: calc(1.5em + 0.75rem + 2px); } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #D7DFE9; border-radius: 3px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: rgba(11, 105, 255, 0.1); border: 1px solid rgba(11, 105, 255, 0.1); color: #0B69FF; border-radius: 3px; margin-top: 7px; padding: 2px 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #171F46; margin-right: 8px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #FF0B37; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 8px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #D7DFE9 1px; outline: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #D7DFE9; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #FBFBFB; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0B69FF; color: #fff; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #D7DFE9; border-radius: 3px; outline: 0; } .select2-container--classic .select2-selection--single:focus { border: 1px solid #0B69FF; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: calc(1.5em + 0.75rem + 2px); } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #FBFBFB; border-left: 1px solid #D7DFE9; border-top-right-radius: 3px; border-bottom-right-radius: 3px; height: calc(1.5em + 0.75rem + 2px); } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border-right: 1px solid #D7DFE9; border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #0B69FF; } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #D7DFE9; border-radius: 3px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #0B69FF; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #fff; border: 1px solid #D7DFE9; border-radius: 3px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #0B69FF; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #D7DFE9; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #0B69FF; } /** ===================== Data Tables css start ========================== **/ .table td, .table th { border-top: 1px solid #D7DFE9; white-space: nowrap; } .table thead th { border-bottom: 1px solid #D7DFE9; font-size: 13px; color: #7E858E; text-transform: uppercase; } .table tbody + tbody { border-top: 2px solid #D7DFE9; } .table.table-dark thead th { background-color: #11171a; } /* Border versions */ .table-bordered { border: 1px solid #D7DFE9; } .table-bordered td, .table-bordered th { border: 1px solid #D7DFE9; } /* Zebra-striping */ .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(215, 223, 233, 0.15); } /* Hover effect */ .table-hover tbody tr:hover { background-color: rgba(215, 223, 233, 0.24); color: #171F46; } /* Table backgrounds */ .table .thead-dark th { color: #fff; background-color: #171F46; border-color: #0a0e20; } .table-dark { color: #fff; background-color: #171F46; } .table-dark td, .table-dark th, .table-dark thead th { border-color: #0a0e20; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: #141c3e; } .table-dark.table-hover tbody tr:hover { background-color: #111733; } .table-dark thead th { color: #fff; } /* fixed header position */ table.dataTable.fixedHeader-floating { top: 0 !important; } @media screen and (max-width: 992px) { table.dataTable.fixedHeader-floating { display: none !important; } } @media screen and (max-width: 992px) { .fixedHeader-locked { display: none !important; } } /**======= basic table css start =======**/ .table.table-xl td, .table.table-xl th { padding: 25px 30px; } .table.table-lg td, .table.table-lg th { padding: 22px 28px; } .table.table-de td, .table.table-de th { padding: 18px 24px; } .table.table-sm td, .table.table-sm th { padding: 12px 18px; } .table.table-xs td, .table.table-xs th { padding: 8px 12px; } /**======= basic table css end ======**/ #row-delete .selected, #row-select .selected { background-color: #0B69FF; color: #fff; } table.dataTable td, table.dataTable th { padding: 0.7rem 0.75rem; } table.dataTable tbody > tr > .selected, table.dataTable tbody > tr.selected { background: #0B69FF; } table.dataTable tbody > tr > .selected table.dataTable tbody > tr > .selected td.select-checkbox:after, table.dataTable tbody > tr > .selected table.dataTable tbody > tr.selected.select-checkbox:after, table.dataTable tbody > tr > .selected th.select-checkbox:after, table.dataTable tbody > tr.selected table.dataTable tbody > tr > .selected td.select-checkbox:after, table.dataTable tbody > tr.selected table.dataTable tbody > tr.selected.select-checkbox:after, table.dataTable tbody > tr.selected th.select-checkbox:after { text-shadow: 1px 1px #e4f2fe, -1px -1px #e4f2fe, 1px -1px #e4f2fe, -1px 1px #e4f2fe; } table.dataTable tbody .selected td.select-checkbox:before, table.dataTable tbody .selected th.select-checkbox:before { border-color: #fff; } table.dataTable tbody > tr > .selected td.select-checkbox:after, table.dataTable tbody > tr > .selected th.select-checkbox:after, table.dataTable tbody > tr.selected td.select-checkbox:after, table.dataTable tbody > tr.selected th.select-checkbox:after { content: '\2714'; margin-top: -11px; margin-left: -4px; text-align: center; } div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: #a4c7ff; color: #0B69FF; border: 2px solid #0B69FF; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; } div.dt-button-info h2 { padding: 0.5em; margin: 0; font-weight: normal; color: #fff; border-bottom: 1px solid #0B69FF; background-color: #0B69FF; } div.dt-button-info > div { padding: 1em; } .dt-buttons { margin-bottom: 5px; } table.dataTable tbody td.focus, table.dataTable tbody th.focus { box-shadow: inset 0 0 1px 2px #0B69FF; } div.dtk-focus-alt table.dataTable tbody td.focus, div.dtk-focus-alt table.dataTable tbody th.focus { box-shadow: inset 0 0 1px 2px #FFB800; background: rgba(255, 184, 0, 0.15); color: #FFB800; } /**====== Data Tables css end ======**/ /** ===================== Authentication css start ========================== **/ .auth-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; min-width: 100%; min-height: 100vh; background: #6B38FB; } @media (min-width: 1200px) { .auth-wrapper .container { max-width: 1140px; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .auth-wrapper { display: block; margin: 0 auto; } .auth-wrapper > .row { min-height: 100vh; } .auth-wrapper > .row > .aut-bg-img { min-height: 100vh; } } .auth-wrapper .saprator { position: relative; margin: 8px 0; } .auth-wrapper .saprator span { background: #fff; position: relative; padding: 0 10px; z-index: 5; font-size: 20px; } .auth-wrapper .saprator:after { content: ""; position: absolute; top: 15px; left: 0; width: 100%; height: 1px; background: #D7DFE9; z-index: 1; } .auth-wrapper a, .auth-wrapper p > a { color: #0B69FF; font-weight: 400; } .auth-wrapper .input-group { background: transparent; } .auth-wrapper .card { margin-bottom: 0; padding: 8px; } .auth-wrapper .card .card-body { padding: 20px 25px 20px 40px; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .auth-wrapper .card { display: block; } } .auth-wrapper > div { z-index: 5; } .auth-wrapper .auth-content { position: relative; padding: 15px; z-index: 5; } .auth-wrapper .auth-content:not(.container) { width: 600px; } .auth-wrapper .auth-content:not(.container) .card-body { padding: 40px 35px; } .auth-wrapper .auth-content.maintaince-page:not(.container) { width: 400px; } .auth-wrapper .auth-content.maintaince-page:not(.container) .card { border-radius: 8px; } .auth-wrapper .auth-content.maintaince-page:not(.container) .card .card-body { padding: 10px 15px; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .auth-wrapper .auth-content { margin: 0 auto; } } .auth-wrapper .auth-side-img { padding-right: 600px; position: absolute; width: 100%; top: 0; left: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 991px) { .auth-wrapper .auth-side-img { display: none; } } .auth-wrapper .footer-cont { position: absolute !important; bottom: 40px; left: 0; right: 0; } .auth-wrapper .auth-side-form { position: relative; min-height: 100%; background: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: auto; float: right; } .auth-wrapper .auth-side-form > * { position: relative; z-index: 5; } @media only screen and (max-width: 991px) { .auth-wrapper .auth-side-form { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .auth-wrapper .auth-side-form .auth-content:not(.container) { max-width: 350px; } } .auth-wrapper.aut-bg-right .auth-side-form { right: auto; float: left; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .auth-wrapper.aut-bg-img .auth-side-form { height: 100vh; } } @media only screen and (max-width: 767px) { .auth-wrapper .card .card-body { padding: 30px 15px; } } .auth-wrapper.offline { background-image: none; } .auth-wrapper.offline h1 { font-size: 87px; font-weight: 700; } .auth-wrapper.offline:before { display: none; } .auth-wrapper .img-logo-overlay { position: absolute; top: 40px; left: 50px; } /* image varient start */ .aut-bg-img { background-image: url("../images/auth/equipe_wairb_1.jpg"); /* background-size: cover; */ background-position: right; } .aut-bg-img.aut-bg-img2 { background-image: url("../images/auth/equipe_wairb_1.jpg.jpg"); } .aut-bg-img.aut-bg-img3 { background-image: url("../images/auth/equipe_wairb_1.jpg.jpg"); } .aut-bg-img.aut-bg-img3 .auth-side-img { border: 40px solid #fff; } .aut-bg-img .auth-content { padding: 70px 40px; } /* image varient End */ /**====== Authentication css end ======**/ /* ===================== to do page start ======================================= */ #task-container ul { overflow: hidden; padding: 0; } #task-container li { float: left; width: 49%; overflow: auto; height: auto; min-height: 10px; background: #fff; display: inline-block; padding: 20px; border: 1px solid #ccc; color: #666; border-top: 5px solid #0B69FF; cursor: pointer; margin-bottom: 20px; margin-right: 2%; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; } #task-container li:nth-child(2n) { margin-right: 0; } #task-container li.complete { opacity: 1; border-top: 9px solid #FF0B37; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; } #task-container li.complete:before { background: url("../images/complete.png") no-repeat; position: absolute; top: 5px; right: 5px; content: ""; width: 55px; height: 55px; background-size: 100%; } #task-container li.complete p { text-decoration: line-through; } @media screen and (max-width: 580px) { #task-container li { width: 100%; } } .new-task .to-do-list .cr { float: left; top: 0; margin-right: 16px; } .new-task label input[type=checkbox] { display: none; } .checkbox-fade .cr { border-radius: 6px; border: 1px solid #e3e3e3; cursor: pointer; display: inline-block; float: left; height: 24px; margin-right: 0.5em; position: relative; width: 24px; margin-right: 16px; top: 0; } .task-panel .to-do-label { margin-bottom: 15px; } .task-panel .to-do-label:last-child { border-bottom: none; margin-bottom: 0; padding: 0; } .done-task .captions, .done-task span { color: #919aa3; text-decoration: line-through; } .to-do-list i { color: #ccc; font-size: 17px; opacity: 0; } .to-do-list:hover i { opacity: 1; -webkit-transition: opacity ease-in 0.3s; transition: opacity ease-in 0.3s; } .to-do-list h6 { display: inline-block; } .to-do-list .done-task { opacity: 0.7; } .to-do-list .done-task > div { -webkit-filter: grayscale(0.8); filter: grayscale(0.8); } .to-do-list .done-task h6, .to-do-list .done-task p, .to-do-list .done-task span { text-decoration: line-through; } .to-do-list .checkbox-fade .check-task { display: block; } .to-do-list .checkbox-fade .to-content { display: inline-block; } .to-do-list .checkbox-fade .cr { border-radius: 6px; border: 1px solid #e3e3e3; cursor: pointer; display: inline-block; float: left; height: 24px; margin-right: 0.5em; position: relative; width: 24px; margin: 0; top: 5px; } .to-do-list .checkbox-fade .cr .cr-icon { color: #fff; font-size: 0.8em; left: 0; line-height: 0; position: absolute; right: 0; text-align: center; top: 50%; } .to-do-list .checkbox-fade label input[type=checkbox] { display: none; } .to-do-list .checkbox-fade label input[type=checkbox] + .cr > .cr-icon { -webkit-transform: scale(3) rotateZ(-20deg); -ms-transform: scale(3) rotate(-20deg); transform: scale(3) rotateZ(-20deg); opacity: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .to-do-list .checkbox-fade label input[type=checkbox]:checked + .cr > .cr-icon { -webkit-transform: scale(1) rotateZ(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotateZ(0deg); opacity: 1; } .to-do-list .checkbox-fade label input[type=checkbox]:checked + .cr { background: #0B69FF; border: 0; } new-task .to-do-list .cr { float: left; top: 0; margin-right: 16px; } new-task label input[type=checkbox] { display: none; } /* ===================== to do page end =========================================*/ /* ===================== Gallery-masonry page start ============================= */ .gallery-masonry .card-columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } @media screen and (max-width: 1400px) { .gallery-masonry .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (max-width: 992px) { .gallery-masonry .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (max-width: 575px) { .gallery-masonry .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .job-meta-data i { margin-right: 5px; color: #0B69FF; } /* ===================== Gallery-masonry page end ============================= */ /* ===================== Task-list page start ============================= */ .task-data img { width: 40px; box-shadow: none; } .task-data i { color: #171F46; } .task-data .dropdown-toggle:after { color: #171F46; } .task-board-left .task-right-header-revision, .task-board-left .task-right-header-status, .task-board-left .task-right-header-users { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #f1f1f1; cursor: pointer; } .task-board-left .taskboard-right-progress, .task-board-left .taskboard-right-revision, .task-board-left .taskboard-right-users { padding-top: 10px; } .task-board-left .taskboard-right-progress .progress { height: 9px; margin-bottom: 25px; } .task-board-left .user-box .media-object { height: 50px; width: 50px; cursor: pointer; } .task-board-left .user-box .media-left { position: relative; } .task-board-left .user-box .btn.btn-icon { width: 40px; height: 40px; border-radius: 50%; font-size: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .task-board-left .live-status { height: 8px; width: 8px; position: absolute; bottom: 0; right: 0; border-radius: 100%; top: 5px; } .filter-bar .navbar { background-color: #fff; border-radius: 4px; border: 1px solid #D7DFE9; padding: 0.5rem 1rem; } @media screen and (max-width: 557px) { .filter-bar .navbar .f-text { display: block; width: 100%; } .filter-bar .navbar .f-view { padding-left: 24px; } .filter-bar .navbar .f-view span { display: block; width: 100%; margin-bottom: 10px; } } .filter-bar .label { border-radius: 4px; font-size: 13px; padding: 3px 7px; } .filter-bar .task-detail { margin-bottom: 5px; } .filter-bar .card-task .task-list-table { display: inline-block; } .filter-bar .card-task .task-list-table img { width: 40px; box-shadow: none; } .filter-bar .card-task .task-list-table i { color: #171F46; } .filter-bar .card-task .task-board { float: right; margin-top: 5px; } .filter-bar .card-task .task-board .dropdown { display: inline-block; } .filter-bar .card-task .task-board .btn { padding: 4px 10px; font-size: 10px; margin: 0; } .assign-user img, .task-comment img { width: 45px; box-shadow: none; } /* ===================== Task-list page end ===================================== */ /* ===================== Invoice page start ===================================== */ .invoice-contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-top: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .invoice-contact { margin-bottom: 0; } } .invoice-table.table td { border: 0; padding: 4px 0; } .invoive-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .invoive-info h6 { margin-bottom: 20px; text-transform: uppercase; } .invoive-info .invoice-order.table { padding-left: 0; } .invoive-info .invoice-order.table th { border: 0; padding: 4px 0; } .invoive-info .invoice-order.table th:first-child { padding-left: 0; width: 80px; } .invoice-total.table { background: #f3f3f3; padding: 30px 0; } .invoice-total.table th { border: 0; padding: 4px 0; text-align: right; } .invoice-total.table td { text-align: right; } .invoice-total.table tbody { padding-right: 20px; float: right; } .invoice-summary .label { border-radius: 5px; padding: 3px 10px; font-size: 12px; } .invoice-list .btn { padding: 5px 10px; font-size: 12px; } .invoice-list .task-list-table { display: inline-block; } /* ===================== Invoice page end ======================================= */ /* ============================================================== email-page Start ====================================================== */ .email-card .tab-content { box-shadow: none; } .email-card .tab-content .btn { border: none; } .email-card .tab-content .btn i { font-size: 18px; line-height: 1.4; } .email-card .tab-content .table tr { -webkit-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; } .email-card .tab-content .table tr td, .email-card .tab-content .table tr th { padding: 0.65rem 0.75rem; } .email-card .tab-content .table tr td .checkbox, .email-card .tab-content .table tr th .checkbox { padding: 12px 0; } .email-card .tab-content .table tr td label, .email-card .tab-content .table tr th label { margin-bottom: 0; } .email-card .tab-content .table tr.unread { font-weight: 500; } .email-card .tab-content .table tr.read { background: rgba(251, 251, 251, 0.7); } .email-card .tab-content .table tr:hover { background: #FBFBFB; box-shadow: 0 1px 3px 0 #e2e5e8; } .email-card .tab-content .nav-pills { margin-left: 0; border-top: 1px solid #D7DFE9; padding: 15px 0 0; } .email-card .tab-content .nav-pills > li .nav-link { border-radius: 0; border: none; padding: 5px 12px 22px; position: relative; } .email-card .tab-content .nav-pills > li .nav-link::after { content: ""; width: calc(100% - 24px); height: 3px; position: absolute; left: 12px; bottom: 0; border-radius: 3px 3px 0 0; } .email-card .tab-content .nav-pills > li .nav-link.active { background: transparent; color: #FF0B37; } .email-card .tab-content .nav-pills > li .nav-link.active:after { background: #FF0B37; } .email-card .nav-pills { padding: 0; margin-left: -25px; } .email-card .nav-pills > li .nav-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; padding: 8px 25px; border-radius: 0 20px 20px 0; text-transform: capitalize; border: 1px solid transparent; border-left: none; color: #7E858E; } .email-card .nav-pills > li .nav-link i { padding: 0; margin-right: 10px; font-size: 16px; display: inline-block; position: relative; top: 2px; } .email-card .nav-pills > li .nav-link.active, .email-card .nav-pills > li .show > .nav-link { font-weight: 500; background: rgba(255, 11, 55, 0.1); color: #FF0B37; border-color: rgba(255, 11, 55, 0.1); } .email-card .email-more-link { font-size: 16px; } .email-card .email-more-link i { line-height: 1.1; } .email-card .mail-body-content a { color: #7E858E; } .email-card .mail-body-content .mail-attach { display: inline-block; border: 1px solid #D7DFE9; border-radius: 50px; padding: 5px 15px; margin-top: 10px; } .email-card .email-btn .btn { border: none; } .email-card .email-btn .btn.dropdown-toggle::after { display: none; } @media screen and (max-width: 767px) { .email-card .input-group { margin-top: 20px; } } .email-content { border-bottom: 1px solid #D7DFE9; padding-bottom: 15px; } .email-read { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 575px) { .email-read { display: inline-block; } .email-read .photo-table { margin-bottom: 10px; } .email-contant { margin: 0 !important; padding: 0 !important; } } /* ================== email-page End =================== */ /* ============================================================== image-cropper Start ====================================================== */ .docs-buttons .btn { margin-bottom: 10px !important; } .docs-data .input-group { background: transparent; margin-bottom: 10px; } .docs-data > .input-group > label { min-width: 80px; } .docs-data .input-group > span { min-width: 50px; } .img-container { min-height: 200px; max-height: 516px; margin-bottom: 20px; } .img-container > img { max-width: 100%; } @media (min-width: 768px) { .img-container { min-height: 516px; } } .docs-preview { margin-right: -15px; } .docs-preview .img-preview { float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .docs-preview .img-preview > img { max-width: 100%; } .docs-preview .preview-lg { width: 100% !important; } .docs-preview .preview-md { width: 139px; height: 78px; } .docs-preview .preview-sm { width: 69px; height: 39px; } .docs-preview .preview-xs { width: 35px; height: 20px; margin-right: 0; } .docs-buttons > .btn, .docs-buttons > .btn-group, .docs-buttons > .form-control { margin-right: 5px; } .docs-toggles > .btn, .docs-toggles > .btn-group, .docs-toggles > .dropdown { margin-bottom: 10px; } .docs-tooltip { display: block; margin: -6px -12px; padding: 6px 12px; } .docs-tooltip > .icon { margin: 0 -3px; vertical-align: top; } .tooltip-inner { white-space: normal; } .btn-upload .tooltip-inner { white-space: nowrap; } @media (max-width: 400px) { .btn-group-crop { margin-right: -15px !important; } .btn-group-crop > .btn { padding-left: 5px; padding-right: 5px; } .btn-group-crop .docs-tooltip { margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px; } } .docs-options .dropdown-menu { width: 100%; } .docs-options .dropdown-menu > li { padding: 3px 20px; font-size: 14px; } .docs-options .dropdown-menu > li:hover { background-color: #f7f7f7; } .docs-options .dropdown-menu > li > label { display: block; } .docs-cropped .modal-body { text-align: center; } .docs-cropped .modal-body > img, .docs-cropped .modal-body > canvas { max-width: 100%; } .card-block .docs-options .dropdown-menu { top: inherit; } /* ================== image-cropper end ======================================= */ .dropzone { border: 2px solid #D7DFE9 !important; } .fc-view { margin-top: 30px; } .none-border .modal-footer { border-top: none; } .fc-toolbar { margin: 15px 0 5px; } .fc-toolbar h2 { font-size: 1.25rem; line-height: 1.875rem; text-transform: uppercase; } .fc-day-grid-event .fc-time { font-weight: 600; } .fc-day { background: transparent; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:focus, .fc-toolbar button:hover { z-index: 0; } .fc th.fc-widget-header { border-radius: 2px; margin: 5px; font-size: 12px; border: 1px solid; background: #fff; color: #171F46; font-weight: 500; border-color: #e1e7ee; font-size: 13px; line-height: 20px; padding: 10px 0; text-transform: uppercase; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #e7ecf2; } .fc-today-button, .fc-button { background: #e7ecf2; border: none; color: #343a40; text-shadow: none; text-transform: capitalize; box-shadow: none; border-radius: 3px; margin: 0.375rem 0.75rem; padding: 0.375rem 0.75rem !important; height: auto !important; } .fc-text-arrow { font-family: inherit; font-size: 1rem; } .fc-state-hover { background: #e9ecef; } .fc-state-highlight { background: #dee2e6; } .fc-state-active, .fc-state-disabled, .fc-state-down { background-color: #0B69FF; color: #fff; text-shadow: none; } .fc-cell-overlay { background: #dee2e6; } .fc-unthemed td.fc-today { background: #f8f9fa; } .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { background: #f8f9fa; } .fc-event, .fc-event:not([href]) { background-color: #0B69FF; border-color: #0B69FF; color: #fff; padding: 10px 18px; border-radius: 30px; margin-bottom: 5px; cursor: move; } .external-event { cursor: move; margin: 10px 0; padding: 8px 10px; color: #fff; } .fc-basic-view td.fc-week-number span { padding-right: 8px; } .fc-basic-view td.fc-day-number { padding-right: 8px; } .fc-today-button, .fc .fc-button-group > * { margin-bottom: 4px; margin-left: 10px; border-radius: 2px; font-size: 1rem; } .fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: left; height: 20px; width: 20px; text-align: center; line-height: 20px; background-color: #feffff; border-radius: 2px; margin: 5px; font-size: 12px; border: 1px solid #f8f9fb; } .fc-scroller { overflow: visible !important; height: auto !important; } @media (max-width: 767.98px) { .fc-toolbar .fc-center, .fc-toolbar .fc-left, .fc-toolbar .fc-right { float: none; display: block; clear: both; margin: 10px 0; } .fc .fc-toolbar > * > * { float: none; } .fc-today-button { display: none; } } /** ===================== Icon layouts css start ========================== **/ .i-main .i-block { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; margin: 5px; border: 1px solid #f1f1f1; position: relative; cursor: pointer; } .i-main .i-block i { font-size: 30px; } .i-main .i-block label { margin-bottom: 0; display: none; } .i-main .i-block span.ic-badge { position: absolute; bottom: 0; right: 0; } .i-main .i-block .flag-icon-background { width: 40px; height: 40px; } .sample-icon .i-block { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; margin: 5px; border-radius: 50%; border: 1px solid #f1f1f1; position: relative; cursor: pointer; } .sample-icon .i-block i { font-size: 28px; } .sample-icon .i-block:nth-child(1) { border-color: #0B69FF; background: rgba(11, 105, 255, 0.1); } .sample-icon .i-block:nth-child(1) i { color: #0B69FF; } .sample-icon .i-block:nth-child(2) { border-color: #6610f2; background: rgba(102, 16, 242, 0.1); } .sample-icon .i-block:nth-child(2) i { color: #6610f2; } .sample-icon .i-block:nth-child(3) { border-color: #6f42c1; background: rgba(111, 66, 193, 0.1); } .sample-icon .i-block:nth-child(3) i { color: #6f42c1; } .sample-icon .i-block:nth-child(4) { border-color: #e83e8c; background: rgba(232, 62, 140, 0.1); } .sample-icon .i-block:nth-child(4) i { color: #e83e8c; } .sample-icon .i-block:nth-child(5) { border-color: #FF0B37; background: rgba(255, 11, 55, 0.1); } .sample-icon .i-block:nth-child(5) i { color: #FF0B37; } .sample-icon .i-block:nth-child(6) { border-color: #fd7e14; background: rgba(253, 126, 20, 0.1); } .sample-icon .i-block:nth-child(6) i { color: #fd7e14; } .sample-icon .i-block:nth-child(7) { border-color: #FFB800; background: rgba(255, 184, 0, 0.1); } .sample-icon .i-block:nth-child(7) i { color: #FFB800; } .sample-icon .i-block:nth-child(8) { border-color: #2DCA73; background: rgba(45, 202, 115, 0.1); } .sample-icon .i-block:nth-child(8) i { color: #2DCA73; } .sample-icon .i-block:nth-child(9) { border-color: #20c997; background: rgba(32, 201, 151, 0.1); } .sample-icon .i-block:nth-child(9) i { color: #20c997; } .sample-icon .i-block:nth-child(10) { border-color: #00acc1; background: rgba(0, 172, 193, 0.1); } .sample-icon .i-block:nth-child(10) i { color: #00acc1; } .sample-icon .i-block:nth-child(11) { border-color: #0B69FF; background: rgba(11, 105, 255, 0.1); } .sample-icon .i-block:nth-child(11) i { color: #0B69FF; } .sample-icon .i-block:nth-child(12) { border-color: #6610f2; background: rgba(102, 16, 242, 0.1); } .sample-icon .i-block:nth-child(12) i { color: #6610f2; } .sample-icon .i-block:nth-child(13) { border-color: #6f42c1; background: rgba(111, 66, 193, 0.1); } .sample-icon .i-block:nth-child(13) i { color: #6f42c1; } .sample-icon .i-block:nth-child(14) { border-color: #e83e8c; background: rgba(232, 62, 140, 0.1); } .sample-icon .i-block:nth-child(14) i { color: #e83e8c; } .sample-icon .i-block:nth-child(15) { border-color: #FF0B37; background: rgba(255, 11, 55, 0.1); } .sample-icon .i-block:nth-child(15) i { color: #FF0B37; } .sample-icon .i-block:nth-child(16) { border-color: #fd7e14; background: rgba(253, 126, 20, 0.1); } .sample-icon .i-block:nth-child(16) i { color: #fd7e14; } .sample-icon .i-block:nth-child(17) { border-color: #FFB800; background: rgba(255, 184, 0, 0.1); } .sample-icon .i-block:nth-child(17) i { color: #FFB800; } .sample-icon .i-block:nth-child(18) { border-color: #2DCA73; background: rgba(45, 202, 115, 0.1); } .sample-icon .i-block:nth-child(18) i { color: #2DCA73; } .sample-icon .i-block:nth-child(19) { border-color: #20c997; background: rgba(32, 201, 151, 0.1); } .sample-icon .i-block:nth-child(19) i { color: #20c997; } .sample-icon .i-block:nth-child(20) { border-color: #00acc1; background: rgba(0, 172, 193, 0.1); } .sample-icon .i-block:nth-child(20) i { color: #00acc1; } .sample-icon .i-block:nth-child(21) { border-color: #0B69FF; background: rgba(11, 105, 255, 0.1); } .sample-icon .i-block:nth-child(21) i { color: #0B69FF; } .sample-icon .i-block:nth-child(22) { border-color: #6610f2; background: rgba(102, 16, 242, 0.1); } .sample-icon .i-block:nth-child(22) i { color: #6610f2; } .sample-icon .i-block:nth-child(23) { border-color: #6f42c1; background: rgba(111, 66, 193, 0.1); } .sample-icon .i-block:nth-child(23) i { color: #6f42c1; } .sample-icon .i-block:nth-child(24) { border-color: #e83e8c; background: rgba(232, 62, 140, 0.1); } .sample-icon .i-block:nth-child(24) i { color: #e83e8c; } .sample-icon .i-block:nth-child(25) { border-color: #FF0B37; background: rgba(255, 11, 55, 0.1); } .sample-icon .i-block:nth-child(25) i { color: #FF0B37; } .sample-icon .i-block:nth-child(26) { border-color: #fd7e14; background: rgba(253, 126, 20, 0.1); } .sample-icon .i-block:nth-child(26) i { color: #fd7e14; } .sample-icon .i-block:nth-child(27) { border-color: #FFB800; background: rgba(255, 184, 0, 0.1); } .sample-icon .i-block:nth-child(27) i { color: #FFB800; } .sample-icon .i-block:nth-child(28) { border-color: #2DCA73; background: rgba(45, 202, 115, 0.1); } .sample-icon .i-block:nth-child(28) i { color: #2DCA73; } .sample-icon .i-block:nth-child(29) { border-color: #20c997; background: rgba(32, 201, 151, 0.1); } .sample-icon .i-block:nth-child(29) i { color: #20c997; } .sample-icon .i-block:nth-child(30) { border-color: #00acc1; background: rgba(0, 172, 193, 0.1); } .sample-icon .i-block:nth-child(30) i { color: #00acc1; } .sample-icon .i-block:nth-child(31) { border-color: #0B69FF; background: rgba(11, 105, 255, 0.1); } .sample-icon .i-block:nth-child(31) i { color: #0B69FF; } .sample-icon .i-block:nth-child(32) { border-color: #6610f2; background: rgba(102, 16, 242, 0.1); } .sample-icon .i-block:nth-child(32) i { color: #6610f2; } .sample-icon .i-block:nth-child(33) { border-color: #6f42c1; background: rgba(111, 66, 193, 0.1); } .sample-icon .i-block:nth-child(33) i { color: #6f42c1; } .sample-icon .i-block:nth-child(34) { border-color: #e83e8c; background: rgba(232, 62, 140, 0.1); } .sample-icon .i-block:nth-child(34) i { color: #e83e8c; } .sample-icon .i-block:nth-child(35) { border-color: #FF0B37; background: rgba(255, 11, 55, 0.1); } .sample-icon .i-block:nth-child(35) i { color: #FF0B37; } .sample-icon .i-block:nth-child(36) { border-color: #fd7e14; background: rgba(253, 126, 20, 0.1); } .sample-icon .i-block:nth-child(36) i { color: #fd7e14; } .sample-icon .i-block:nth-child(37) { border-color: #FFB800; background: rgba(255, 184, 0, 0.1); } .sample-icon .i-block:nth-child(37) i { color: #FFB800; } .sample-icon .i-block:nth-child(38) { border-color: #2DCA73; background: rgba(45, 202, 115, 0.1); } .sample-icon .i-block:nth-child(38) i { color: #2DCA73; } .sample-icon .i-block:nth-child(39) { border-color: #20c997; background: rgba(32, 201, 151, 0.1); } .sample-icon .i-block:nth-child(39) i { color: #20c997; } .sample-icon .i-block:nth-child(40) { border-color: #00acc1; background: rgba(0, 172, 193, 0.1); } .sample-icon .i-block:nth-child(40) i { color: #00acc1; } /**====== Icon layouts css end ======**/