@charset "UTF-8"; /* Theme: FLEX ======================================== */ /* html[lang="ar"] { @font-face { font-family: 'Cairo'; src:url('https://fonts.googleapis.com/css?family=Cairo'); } body { font-family: 'Cairo', sans-serif; } } */ /* html[lang="cn"] { body { font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; } } */ /* html[lang="fa"] { @font-face { font-family: 'Iranian Sans'; src:url('../../../Content/Fonts/irsans.ttf'); src:url('../../../Content/Fonts/irsansb.ttf'); } body { font-family: 'Iranian Sans'; } } */ /*! Custom SmartStore file that contains only the declaration part. Purpose: between both includes "bootstrap-head" and "bootstrap-main" we could put our custom variables. This way we gain more flexibility. */ /*! Custom SmartStore file that contains all includes which come AFTER the declaration includes (functions, variables & mixins). Purpose: between both includes "bootstrap-head" and "bootstrap-main" we could put our custom variables. This way we gain more flexibility. */ :root { --blue: #37a0e6; --indigo: #3f51b5; --purple: #ff5b77; --pink: #ed7177; --red: #f44336; --orange: #ee9B00; --yellow: #ffeb3b; --green: #4caf50; --teal: #009688; --cyan: #00bcd4; --white: #fff; --gray: #8d9ba9; --gray-dark: #393f46; --primary: #ed7177; --secondary: #8d9ba9; --success: #ed7177; --info: #37a0e6; --warning: #ed7177; --danger: #ed7177; --light: #f7f7f7; --dark: #22262a; --gray: #757676; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Champagne", sans-serif; --font-family-monospace: 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%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Champagne", sans-serif; font-size: 0.9375rem; font-weight: normal; line-height: 1.5; color: #393f46; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.625rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } 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: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } 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: #ed7177; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #e42d36; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #8d9ba9; 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; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } 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-cancel-button, [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.625rem; font-family: inherit; font-weight: 600; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.9375rem; } .lead { font-size: 1.125rem; font-weight: 300; } .display-1 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1.25rem; margin-bottom: 1.25rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 90%; font-weight: normal; } 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: 1.25rem; font-size: 1.17188rem; } .blockquote-footer { display: block; font-size: 80%; color: #8d9ba9; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.625rem; line-height: 1; } .figure-caption { font-size: 90%; color: #8d9ba9; } code { font-size: 87.5%; color: #ed7177; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #22262a; border-radius: 0.2rem; box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; font-size: 87.5%; color: #22262a; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .megamenu-section .megamenu-container .mega-menu-dropdown .mega-menu-dropdown-row { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .megamenu-section .megamenu-container .mega-menu-dropdown .mega-menu-dropdown-row { max-width: 540px; } } @media (min-width: 768px) { .container, .megamenu-section .megamenu-container .mega-menu-dropdown .mega-menu-dropdown-row { max-width: 720px; } } @media (min-width: 992px) { .container, .megamenu-section .megamenu-container .mega-menu-dropdown .mega-menu-dropdown-row { max-width: 960px; } } @media (min-width: 1200px) { .container, .megamenu-section .megamenu-container .mega-menu-dropdown .mega-menu-dropdown-row { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row, .page .in-category-list .big-art { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-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, .page .in-category-list .big-art .art-info .art-btn-group .ajax-cart-link, .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%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7, .page .in-category-list .big-art .art-info .art-btn-group .ajax-cart-link { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5, .page .in-category-list .big-art .art-info .art-btn-group .ajax-cart-link { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.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: 1.25rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .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 { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #fad7d9; } .table-hover .table-primary:hover { background-color: #f7c0c3; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #f7c0c3; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #dfe3e7; } .table-hover .table-secondary:hover { background-color: #d0d6dc; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #d0d6dc; } .table-success, .table-success > th, .table-success > td { background-color: #fad7d9; } .table-hover .table-success:hover { background-color: #f7c0c3; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #f7c0c3; } .table-info, .table-info > th, .table-info > td { background-color: #c7e4f8; } .table-hover .table-info:hover { background-color: #b0d9f5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #b0d9f5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fad7d9; } .table-hover .table-warning:hover { background-color: #f7c0c3; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #f7c0c3; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fad7d9; } .table-hover .table-danger:hover { background-color: #f7c0c3; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f7c0c3; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfd; } .table-hover .table-light:hover { background-color: #f0f0f0; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f0f0f0; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c1c2c3; } .table-hover .table-dark:hover { background-color: #b4b5b6; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b4b5b6; } .table-gray, .table-gray > th, .table-gray > td { background-color: #d8d9d9; } .table-hover .table-gray:hover { background-color: #cbcccc; } .table-hover .table-gray:hover > td, .table-hover .table-gray:hover > th { background-color: #cbcccc; } .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: #22262a; border-color: #33393f; } .table .thead-light th { color: #757676; background-color: #f7f7f7; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #22262a; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #33393f; } .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 { 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; -ms-overflow-style: -ms-autohiding-scrollbar; } .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; -ms-overflow-style: -ms-autohiding-scrollbar; } .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; -ms-overflow-style: -ms-autohiding-scrollbar; } .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; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(2.65625rem + 2px); padding: 0.625rem 1rem; font-size: 0.9375rem; line-height: 1.5; color: #757676; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; box-shadow: none; transition: none; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #757676; background-color: #fff; border-color: #fef9f9; outline: 0; box-shadow: none, none; } .form-control::placeholder { color: #8d9ba9; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #f7f7f7; opacity: 1; } select.form-control:focus::-ms-value { color: #757676; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label, .switch { padding-top: calc(0.625rem + 1px); padding-bottom: calc(0.625rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.875rem + 1px); padding-bottom: calc(0.875rem + 1px); font-size: 1rem; line-height: 1.33333; } .col-form-label-sm, .switcher-sm > .switch { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.625rem; padding-bottom: 0.625rem; margin-bottom: 0; line-height: 1.5; color: #393f46; 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(2.3125rem + 2px); padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(3.08333rem + 2px); padding: 0.875rem 1.5rem; font-size: 1rem; line-height: 1.33333; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #8d9ba9; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 90%; color: #ed7177; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(237, 113, 119, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #ed7177; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #ed7177; box-shadow: 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #ed7177; } .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: #ed7177; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #fbe2e3; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #f39ea2; } .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 1px #fff, 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #ed7177; } .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 90%; color: #ed7177; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(237, 113, 119, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ed7177; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ed7177; box-shadow: 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ed7177; } .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: #ed7177; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #fbe2e3; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #f39ea2; } .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 1px #fff, 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ed7177; } .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.625rem 1rem; font-size: 0.9375rem; line-height: 1.5; border-radius: 0.25rem; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.5; box-shadow: none; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 0.25rem rgba(237, 113, 119, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125); } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #ed7177; border-color: #ed7177; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-primary:hover, .btn-primary.hover, .btn.btn-to-primary:hover:not([disabled]):not(.disabled) { color: #fff; background-color: #e94f56; border-color: #e7444c; } .btn-primary:focus, .btn.btn-to-primary:focus:hover, .btn-primary.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #ed7177; border-color: #ed7177; } .btn-primary:not(:disabled):not(.disabled):active, .btn.btn-to-primary:active:not(:disabled):not(.disabled):not([disabled]), .show > .btn.btn-to-primary.dropdown-toggle:not(:disabled):not(.disabled), .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #e7444c; border-color: #e63841; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-to-primary:not(:disabled):not(.disabled):active:focus:hover, .btn.btn-to-primary:not(:disabled):not(.disabled):focus:active:not([disabled]), .show > .btn.btn-to-primary.dropdown-toggle:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled).active:focus, :not(:disabled):not(.disabled).active.btn.btn-to-primary:focus:hover, .show > .btn-primary.dropdown-toggle:focus, .show > .dropdown-toggle.btn.btn-to-primary:focus:hover { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-secondary { color: #fff; background-color: #8d9ba9; border-color: #8d9ba9; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-secondary:hover, .btn-secondary.hover { color: #fff; background-color: lightslategray; border-color: #708293; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(141, 155, 169, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #8d9ba9; border-color: #8d9ba9; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #708293; border-color: #6a7b8c; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(141, 155, 169, 0.5); } .btn-success { color: #fff; background-color: #ed7177; border-color: #ed7177; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-success:hover, .btn-success.hover { color: #fff; background-color: #e94f56; border-color: #e7444c; } .btn-success:focus, .btn-success.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #ed7177; border-color: #ed7177; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #e7444c; border-color: #e63841; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-info { color: #fff; background-color: #37a0e6; border-color: #37a0e6; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-info:hover, .btn-info.hover { color: #fff; background-color: #1b8fdb; border-color: #1a87d0; } .btn-info:focus, .btn-info.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(55, 160, 230, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #37a0e6; border-color: #37a0e6; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #1a87d0; border-color: #1980c5; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(55, 160, 230, 0.5); } .btn-warning { color: #fff; background-color: #ed7177; border-color: #ed7177; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-warning:hover, .btn-warning.hover { color: #fff; background-color: #e94f56; border-color: #e7444c; } .btn-warning:focus, .btn-warning.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #ed7177; border-color: #ed7177; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #e7444c; border-color: #e63841; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-danger { color: #fff; background-color: #ed7177; border-color: #ed7177; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-danger:hover, .btn-danger.hover, .btn.btn-to-danger:hover:not([disabled]):not(.disabled) { color: #fff; background-color: #e94f56; border-color: #e7444c; } .btn-danger:focus, .btn.btn-to-danger:focus:hover, .btn-danger.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ed7177; border-color: #ed7177; } .btn-danger:not(:disabled):not(.disabled):active, .btn.btn-to-danger:active:not(:disabled):not(.disabled):not([disabled]), .show > .btn.btn-to-danger.dropdown-toggle:not(:disabled):not(.disabled), .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #e7444c; border-color: #e63841; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn.btn-to-danger:not(:disabled):not(.disabled):active:focus:hover, .btn.btn-to-danger:not(:disabled):not(.disabled):focus:active:not([disabled]), .show > .btn.btn-to-danger.dropdown-toggle:not(:disabled):not(.disabled):focus, .btn-danger:not(:disabled):not(.disabled).active:focus, :not(:disabled):not(.disabled).active.btn.btn-to-danger:focus:hover, .show > .btn-danger.dropdown-toggle:focus, .show > .dropdown-toggle.btn.btn-to-danger:focus:hover { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-light { color: #22262a; background-color: #f7f7f7; border-color: #f7f7f7; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-light:hover { color: #22262a; background-color: #e4e4e4; border-color: #dedede; } .btn-light:focus, .btn-light.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(247, 247, 247, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #22262a; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #22262a; background-color: #dedede; border-color: #d7d7d7; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(247, 247, 247, 0.5); } .btn-dark { color: #fff; background-color: #22262a; border-color: #22262a; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-dark:hover { color: #fff; background-color: #111315; border-color: #0b0d0e; } .btn-dark:focus, .btn-dark.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(34, 38, 42, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #22262a; border-color: #22262a; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #0b0d0e; border-color: #050607; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(34, 38, 42, 0.5); } .btn-gray { color: #fff; background-color: #757676; border-color: #757676; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-gray:hover { color: #fff; background-color: #626363; border-color: #5c5c5c; } .btn-gray:focus, .btn-gray.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(117, 118, 118, 0.5); } .btn-gray.disabled, .btn-gray:disabled { color: #fff; background-color: #757676; border-color: #757676; } .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { color: #fff; background-color: #5c5c5c; border-color: #555656; } .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(117, 118, 118, 0.5); } .btn-outline-primary { color: #ed7177; background-color: transparent; background-image: none; border-color: #ed7177; } .btn-outline-primary:hover { color: #fff; background-color: #ed7177; border-color: #ed7177; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #ed7177; 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: #ed7177; border-color: #ed7177; } .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-outline-secondary { color: #8d9ba9; background-color: transparent; background-image: none; border-color: #8d9ba9; } .btn-outline-secondary:hover { color: #fff; background-color: #8d9ba9; border-color: #8d9ba9; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0 rgba(141, 155, 169, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #8d9ba9; 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: #8d9ba9; border-color: #8d9ba9; } .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(141, 155, 169, 0.5); } .btn-outline-success { color: #ed7177; background-color: transparent; background-image: none; border-color: #ed7177; } .btn-outline-success:hover { color: #fff; background-color: #ed7177; border-color: #ed7177; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #ed7177; 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: #ed7177; border-color: #ed7177; } .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-outline-info { color: #37a0e6; background-color: transparent; background-image: none; border-color: #37a0e6; } .btn-outline-info:hover { color: #fff; background-color: #37a0e6; border-color: #37a0e6; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0 rgba(55, 160, 230, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #37a0e6; 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: #37a0e6; border-color: #37a0e6; } .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(55, 160, 230, 0.5); } .btn-outline-warning { color: #ed7177; background-color: transparent; background-image: none; border-color: #ed7177; } .btn-outline-warning:hover { color: #fff; background-color: #ed7177; border-color: #ed7177; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ed7177; 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: #ed7177; border-color: #ed7177; } .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-outline-danger { color: #ed7177; background-color: transparent; background-image: none; border-color: #ed7177; } .btn-outline-danger:hover { color: #fff; background-color: #ed7177; border-color: #ed7177; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ed7177; 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: #ed7177; border-color: #ed7177; } .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(237, 113, 119, 0.5); } .btn-outline-light { color: #f7f7f7; background-color: transparent; background-image: none; border-color: #f7f7f7; } .btn-outline-light:hover { color: #22262a; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f7f7f7; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #22262a; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(247, 247, 247, 0.5); } .btn-outline-dark { color: #22262a; background-color: transparent; background-image: none; border-color: #22262a; } .btn-outline-dark:hover { color: #fff; background-color: #22262a; border-color: #22262a; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0 rgba(34, 38, 42, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #22262a; 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: #22262a; border-color: #22262a; } .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(34, 38, 42, 0.5); } .btn-outline-gray { color: #757676; background-color: transparent; background-image: none; border-color: #757676; } .btn-outline-gray:hover { color: #fff; background-color: #757676; border-color: #757676; } .btn-outline-gray:focus, .btn-outline-gray.focus { box-shadow: 0 0 0 0 rgba(117, 118, 118, 0.5); } .btn-outline-gray.disabled, .btn-outline-gray:disabled { color: #757676; background-color: transparent; } .btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { color: #fff; background-color: #757676; border-color: #757676; } .btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(117, 118, 118, 0.5); } .btn-link { font-weight: normal; color: #ed7177; background-color: transparent; } .btn-link:hover { color: #e42d36; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #8d9ba9; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.875rem 1.5rem; font-size: 1rem; line-height: 1.33333; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn, .fu-container:not(.xl) .fu-buttons .btn { padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; 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.9375rem; color: #393f46; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #dee2e6; border-radius: 0.25rem; box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(8px * var(--shadow-color-yoffset, 1)) 20px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)), 0 calc(16px * var(--shadow-color-yoffset, 1)) 42px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)); } .dropdown-menu-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; width: 0; height: 0; 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; width: 0; height: 0; 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; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; 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.625rem 0; overflow: hidden; border-top: 1px solid #f7f7f7; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: normal; color: #22262a; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #17191c; text-decoration: none; background-color: #f5f5f5; } .dropdown-item.active, .dropdown-item:active { color: #17191c; text-decoration: none; background-color: #ebebeb; } .dropdown-item.disabled, .dropdown-item:disabled { color: #8d9ba9; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #8d9ba9; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #22262a; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 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-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .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.75rem; padding-left: 0.75rem; } .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, .fu-container:not(.xl) .fu-buttons .btn + .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .btn-group.show .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.show .dropdown-toggle.btn-link { box-shadow: none; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.625rem 1rem; margin-bottom: 0; font-size: 0.9375rem; font-weight: normal; line-height: 1.5; color: #757676; text-align: center; white-space: nowrap; background-color: #f5f5f5; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control, .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 { height: calc(3.08333rem + 2px); padding: 0.875rem 1.5rem; font-size: 1rem; line-height: 1.33333; border-radius: 0.3rem; } .input-group-sm > .form-control, .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 { height: calc(2.3125rem + 2px); padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 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.40625rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #37a0e6; box-shadow: none; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: white; box-shadow: none; } .custom-control-input:disabled ~ .custom-control-label { color: #8d9ba9; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #f7f7f7; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.20313rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; user-select: none; background-color: #dee2e6; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-control-label::after { position: absolute; top: 0.20313rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #37a0e6; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%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 { background-color: #ed7177; box-shadow: none; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%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(55, 160, 230, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(55, 160, 230, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #37a0e6; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%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(55, 160, 230, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.65625rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #757676; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23393f46' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); appearance: none; } .custom-select:focus { border-color: #fef9f9; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(254, 249, 249, 0.5); } .custom-select:focus::-ms-value { color: #757676; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #8d9ba9; background-color: #f7f7f7; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(2.3125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(3.08333rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.65625rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.65625rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #fef9f9; box-shadow: 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .custom-file-input:focus ~ .custom-file-label::after { border-color: #fef9f9; } .custom-file-input:disabled ~ .custom-file-label { background-color: #f7f7f7; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.65625rem + 2px); padding: 0.625rem 1rem; line-height: 1.5; color: #757676; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; box-shadow: none; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.65625rem; padding: 0.625rem 1rem; line-height: 1.5; color: #757676; content: "Browse"; background-color: #f5f5f5; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; padding-left: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #ed7177; border: 0; border-radius: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); 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 screen and (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: white; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #ed7177; border: 0; border-radius: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); 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 screen and (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: white; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.25rem; margin-left: 0.25rem; background-color: #ed7177; border: 0; border-radius: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); 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 screen and (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: white; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .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-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #8d9ba9; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #f7f7f7 #f7f7f7 #dee2e6; } .nav-tabs .nav-link.disabled { color: #8d9ba9; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #22262a; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #ed7177; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.625rem 1.25rem; } .navbar > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar > .mega-menu-dropdown-row, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.45313rem; padding-bottom: 0.45313rem; margin-right: 1.25rem; font-size: 1rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .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, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand-sm > .mega-menu-dropdown-row, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand-sm > .mega-menu-dropdown-row, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand-md > .mega-menu-dropdown-row, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand-md > .mega-menu-dropdown-row, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand-lg > .mega-menu-dropdown-row, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand-lg > .mega-menu-dropdown-row, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand-xl > .mega-menu-dropdown-row, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand-xl > .mega-menu-dropdown-row, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand > .mega-menu-dropdown-row, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .megamenu-section .megamenu-container .mega-menu-dropdown .navbar-expand > .mega-menu-dropdown-row, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%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;charset=utf8,%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: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 10px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -10px; margin-left: -10px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 10px; margin-bottom: 0; margin-left: 10px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: 0; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #8d9ba9; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #8d9ba9; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #393f46; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #393f46; text-decoration: none; background-color: #f7f7f7; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.25rem rgba(237, 113, 119, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #393f46; background-color: transparent; border-color: #dee2e6; } .page-item.disabled .page-link { color: #8d9ba9; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.33333; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .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: #ed7177; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #e7444c; } .badge-secondary { color: #fff; background-color: #8d9ba9; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; background-color: #708293; } .badge-success { color: #fff; background-color: #ed7177; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #e7444c; } .badge-info { color: #fff; background-color: #37a0e6; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; background-color: #1a87d0; } .badge-warning { color: #fff; background-color: #ed7177; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #fff; text-decoration: none; background-color: #e7444c; } .badge-danger { color: #fff; background-color: #ed7177; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #e7444c; } .badge-light { color: #22262a; background-color: #f7f7f7; } .badge-light[href]:hover, .badge-light[href]:focus { color: #22262a; text-decoration: none; background-color: #dedede; } .badge-dark { color: #fff; background-color: #22262a; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #0b0d0e; } .badge-gray { color: #fff; background-color: #757676; } .badge-gray[href]:hover, .badge-gray[href]:focus { color: #fff; text-decoration: none; background-color: #5c5c5c; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f7f7f7; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert, .validation-summary-valid, .validation-summary-errors { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible { padding-right: 3.90625rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #7b3b3e; background-color: #fbe3e4; border-color: #fad7d9; } .alert-primary hr { border-top-color: #f7c0c3; } .alert-primary .alert-link { color: #592a2d; } .alert-secondary { color: #495158; background-color: #e8ebee; border-color: #dfe3e7; } .alert-secondary hr { border-top-color: #d0d6dc; } .alert-secondary .alert-link { color: #32373c; } .alert-success, .validation-summary-valid { color: #7b3b3e; background-color: #fbe3e4; border-color: #fad7d9; } .alert-success hr, .validation-summary-valid hr { border-top-color: #f7c0c3; } .alert-success .alert-link, .validation-summary-valid .alert-link { color: #592a2d; } .alert-info { color: #1d5378; background-color: #d7ecfa; border-color: #c7e4f8; } .alert-info hr { border-top-color: #b0d9f5; } .alert-info .alert-link { color: #13374f; } .alert-warning { color: #7b3b3e; background-color: #fbe3e4; border-color: #fad7d9; } .alert-warning hr { border-top-color: #f7c0c3; } .alert-warning .alert-link { color: #592a2d; } .alert-danger, .validation-summary-errors { color: #7b3b3e; background-color: #fbe3e4; border-color: #fad7d9; } .alert-danger hr, .validation-summary-errors hr { border-top-color: #f7c0c3; } .alert-danger .alert-link, .validation-summary-errors .alert-link { color: #592a2d; } .alert-light { color: gray; background-color: #fdfdfd; border-color: #fdfdfd; } .alert-light hr { border-top-color: #f0f0f0; } .alert-light .alert-link { color: #676767; } .alert-dark { color: #121416; background-color: #d3d4d4; border-color: #c1c2c3; } .alert-dark hr { border-top-color: #b4b5b6; } .alert-dark .alert-link { color: black; } .alert-gray { color: #3d3d3d; background-color: #e3e4e4; border-color: #d8d9d9; } .alert-gray hr { border-top-color: #cbcccc; } .alert-gray .alert-link { color: #242424; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.70313rem; background-color: #f7f7f7; border-radius: 0.25rem; box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #ed7177; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #757676; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #757676; text-decoration: none; background-color: #f5f5f5; } .list-group-item-action:active { color: #393f46; background-color: #f7f7f7; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #b0bac3; background-color: #fff; } .list-group-item.active { z-index: 2; color: #393f46; background-color: #fff; border-color: rgba(0, 0, 0, 0.125); } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-flush > .list-group-item:first-child { border-top: 0; } .list-group-item-primary { color: #7b3b3e; background-color: #fad7d9; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #7b3b3e; background-color: #f7c0c3; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #7b3b3e; border-color: #7b3b3e; } .list-group-item-secondary { color: #495158; background-color: #dfe3e7; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #495158; background-color: #d0d6dc; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #495158; border-color: #495158; } .list-group-item-success { color: #7b3b3e; background-color: #fad7d9; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #7b3b3e; background-color: #f7c0c3; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #7b3b3e; border-color: #7b3b3e; } .list-group-item-info { color: #1d5378; background-color: #c7e4f8; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #1d5378; background-color: #b0d9f5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #1d5378; border-color: #1d5378; } .list-group-item-warning { color: #7b3b3e; background-color: #fad7d9; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #7b3b3e; background-color: #f7c0c3; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #7b3b3e; border-color: #7b3b3e; } .list-group-item-danger { color: #7b3b3e; background-color: #fad7d9; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #7b3b3e; background-color: #f7c0c3; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #7b3b3e; border-color: #7b3b3e; } .list-group-item-light { color: gray; background-color: #fdfdfd; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: gray; background-color: #f0f0f0; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: gray; border-color: gray; } .list-group-item-dark { color: #121416; background-color: #c1c2c3; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #121416; background-color: #b4b5b6; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #121416; border-color: #121416; } .list-group-item-gray { color: #3d3d3d; background-color: #d8d9d9; } .list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { color: #3d3d3d; background-color: #cbcccc; } .list-group-item-gray.list-group-item-action.active { color: #fff; background-color: #3d3d3d; border-color: #3d3d3d; } .close { float: right; font-size: 1.40625rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: #000; text-decoration: none; opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; margin-top: -4px; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: flex; 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: 0.25rem; box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 6px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.08)), 0 calc(6px * var(--shadow-color-yoffset, 1)) 16px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.75; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1.25rem; border-bottom: 0 solid #f7f7f7; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .modal-header .close { padding: 1.25rem; margin: -1.25rem -1.25rem -1.25rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1.25rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1.25rem; border-top: 0 solid #f7f7f7; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-content { box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(8px * var(--shadow-color-yoffset, 1)) 20px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)), 0 calc(16px * var(--shadow-color-yoffset, 1)) 42px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Champagne", sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Champagne", sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid #dee2e6; border-radius: 0.3rem; box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(8px * var(--shadow-color-yoffset, 1)) 20px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)), 0 calc(16px * var(--shadow-color-yoffset, 1)) 42px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)); } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: #dee2e6; } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; 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) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: #dee2e6; } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; 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) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: #dee2e6; } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; 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) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: #dee2e6; } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.9375rem; color: inherit; 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: #393f46; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; transition: transform 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item.active, .carousel-item-next, .carousel-item-prev { transition: none; } } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .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: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%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;charset=utf8,%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: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .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: #ed7177 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #e7444c !important; } .bg-secondary { background-color: #8d9ba9 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #708293 !important; } .bg-success { background-color: #ed7177 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #e7444c !important; } .bg-info { background-color: #37a0e6 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #1a87d0 !important; } .bg-warning { background-color: #ed7177 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #e7444c !important; } .bg-danger { background-color: #ed7177 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #e7444c !important; } .bg-light { background-color: #f7f7f7 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dedede !important; } .bg-dark { background-color: #22262a !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #0b0d0e !important; } .bg-gray { background-color: #757676 !important; } a.bg-gray:hover, a.bg-gray:focus, button.bg-gray:hover, button.bg-gray:focus { background-color: #5c5c5c !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !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: #ed7177 !important; } .border-secondary { border-color: #8d9ba9 !important; } .border-success { border-color: #ed7177 !important; } .border-info { border-color: #37a0e6 !important; } .border-warning { border-color: #ed7177 !important; } .border-danger { border-color: #ed7177 !important; } .border-light { border-color: #f7f7f7 !important; } .border-dark { border-color: #22262a !important; } .border-gray { border-color: #757676 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.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 { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; 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, header.scroll, .hafta-urunler__text, .megamenu-section.scroll, #offcanvas-menu .ajax-cart-link, #offcanvas-cart .ajax-cart-link { box-shadow: var(--box-shadow) !important; } .shadow { box-shadow: var(--box-shadow) !important; } .shadow-lg { box-shadow: var(--box-shadow) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100, #footer .gdpr-consent { 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; } .m-auto, .megamenu-section .megamenu-container .mega-menu-dropdown .mega-menu-dropdown-row { 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-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-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-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-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: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !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, .fwl { font-weight: 300 !important; } .font-weight-normal, .fwn { font-weight: normal !important; } .font-weight-bold, .fwb { font-weight: bold !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #ed7177 !important; } a.text-primary:hover, a.text-primary:focus { color: #e7444c !important; } .text-secondary { color: #8d9ba9 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #708293 !important; } .text-success { color: #ed7177 !important; } a.text-success:hover, a.text-success:focus { color: #e7444c !important; } .text-info { color: #37a0e6 !important; } a.text-info:hover, a.text-info:focus { color: #1a87d0 !important; } .text-warning { color: #ed7177 !important; } a.text-warning:hover, a.text-warning:focus { color: #e7444c !important; } .text-danger { color: #ed7177 !important; } a.text-danger:hover, a.text-danger:focus { color: #e7444c !important; } .text-light { color: #f7f7f7 !important; } a.text-light:hover, a.text-light:focus { color: #dedede !important; } .text-dark { color: #22262a !important; } a.text-dark:hover, a.text-dark:focus { color: #0b0d0e !important; } .text-gray { color: #757676 !important; } a.text-gray:hover, a.text-gray:focus { color: #5c5c5c !important; } .text-body { color: #393f46 !important; } .text-muted, .muted { color: #8d9ba9 !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; } .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 #b0bac3; 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, .megamenu-section .megamenu-container .mega-menu-dropdown .mega-menu-dropdown-row { 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: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 38px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1060; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } body { --aos-duration: 1000ms; --aos-delay: 0ms; --aos-distance: 100px; } [data-aos] { pointer-events: none; transition-duration: var(--aos-duration); transition-delay: 0s; } [data-aos].aos-animate { pointer-events: auto; transition-delay: var(--aos-delay); } [data-aos-delay='100'] { --aos-delay: 100ms; } [data-aos-delay='200'] { --aos-delay: 200ms; } [data-aos-delay='300'] { --aos-delay: 300ms; } [data-aos-delay='400'] { --aos-delay: 400ms; } [data-aos-delay='500'] { --aos-delay: 500ms; } [data-aos-delay='600'] { --aos-delay: 600ms; } [data-aos-delay='700'] { --aos-delay: 700ms; } [data-aos-delay='800'] { --aos-delay: 800ms; } [data-aos-delay='900'] { --aos-delay: 900ms; } [data-aos-delay='1000'] { --aos-delay: 1000ms; } [data-aos-delay='1100'] { --aos-delay: 1100ms; } [data-aos-delay='1200'] { --aos-delay: 1200ms; } [data-aos-delay='1300'] { --aos-delay: 1300ms; } [data-aos-delay='1400'] { --aos-delay: 1400ms; } [data-aos-delay='1500'] { --aos-delay: 1500ms; } [data-aos-delay='1600'] { --aos-delay: 1600ms; } [data-aos-delay='1700'] { --aos-delay: 1700ms; } [data-aos-delay='1800'] { --aos-delay: 1800ms; } [data-aos-delay='1900'] { --aos-delay: 1900ms; } [data-aos-delay='2000'] { --aos-delay: 2000ms; } [data-aos-delay='2100'] { --aos-delay: 2100ms; } [data-aos-delay='2200'] { --aos-delay: 2200ms; } [data-aos-delay='2300'] { --aos-delay: 2300ms; } [data-aos-delay='2400'] { --aos-delay: 2400ms; } [data-aos-delay='2500'] { --aos-delay: 2500ms; } [data-aos-delay='2600'] { --aos-delay: 2600ms; } [data-aos-delay='2700'] { --aos-delay: 2700ms; } [data-aos-delay='2800'] { --aos-delay: 2800ms; } [data-aos-delay='2900'] { --aos-delay: 2900ms; } [data-aos-delay='3000'] { --aos-delay: 3000ms; } body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] { --aos-easing: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] { --aos-easing: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] { --aos-easing: cubic-bezier(0.42, 0, 1, 1); transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] { --aos-easing: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] { --aos-easing: cubic-bezier(0.42, 0, 0.58, 1); transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] { --aos-easing: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] { --aos-easing: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] { --aos-easing: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] { --aos-easing: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] { --aos-easing: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] { --aos-easing: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] { --aos-easing: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] { --aos-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] { --aos-easing: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] { --aos-easing: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] { --aos-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] { --aos-easing: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] { --aos-easing: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] { --aos-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] { --aos-easing: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen { /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-aos|='fade'] { opacity: 0; transition-property: opacity, transform; } [data-aos|='fade'].aos-animate { opacity: 1; transform: none; } [data-aos='fade-up'] { transform: translate3d(0, var(--aos-distance), 0); } [data-aos='fade-down'] { transform: translate3d(0, calc(var(--aos-distance)*-1), 0); } [data-aos='fade-right'] { transform: translate3d(calc(var(--aos-distance)*-1), 0, 0); } [data-aos='fade-left'] { transform: translate3d(var(--aos-distance), 0, 0); } [data-aos='fade-up-right'] { transform: translate3d(calc(var(--aos-distance)*-1), var(--aos-distance), 0); } [data-aos='fade-up-left'] { transform: translate3d(var(--aos-distance), var(--aos-distance), 0); } [data-aos='fade-down-right'] { transform: translate3d(calc(var(--aos-distance)*-1), calc(var(--aos-distance)*-1), 0); } [data-aos='fade-down-left'] { transform: translate3d(var(--aos-distance), calc(var(--aos-distance)*-1), 0); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-aos|='zoom'] { opacity: 0; transition-property: opacity, transform; } [data-aos|='zoom'].aos-animate { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } [data-aos='zoom-in'] { transform: scale(0.6); } [data-aos='zoom-in-up'] { transform: translate3d(0, var(--aos-distance), 0) scale(0.6); } [data-aos='zoom-in-down'] { transform: translate3d(0, calc(var(--aos-distance)*-1), 0) scale(0.6); } [data-aos='zoom-in-right'] { transform: translate3d(calc(var(--aos-distance)*-1), 0, 0) scale(0.6); } [data-aos='zoom-in-left'] { transform: translate3d(var(--aos-distance), 0, 0) scale(0.6); } [data-aos='zoom-out'] { transform: scale(1.2); } [data-aos='zoom-out-up'] { transform: translate3d(0, var(--aos-distance), 0) scale(1.2); } [data-aos='zoom-out-down'] { transform: translate3d(0, calc(var(--aos-distance)*-1), 0) scale(1.2); } [data-aos='zoom-out-right'] { transform: translate3d(calc(var(--aos-distance)*-1), 0, 0) scale(1.2); } [data-aos='zoom-out-left'] { transform: translate3d(var(--aos-distance), 0, 0) scale(1.2); } /** * Slide animations */ [data-aos|='slide'] { transition-property: transform; visibility: hidden; } [data-aos|='slide'].aos-animate { visibility: visible; transform: translate3d(0, 0, 0); } [data-aos='slide-up'] { transform: translate3d(0, 100%, 0); } [data-aos='slide-down'] { transform: translate3d(0, -100%, 0); } [data-aos='slide-right'] { transform: translate3d(-100%, 0, 0); } [data-aos='slide-left'] { transform: translate3d(100%, 0, 0); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [data-aos|='flip'] { backface-visibility: hidden; transition-property: transform, opacity; opacity: 0; --aos-flip: 38deg; } [data-aos|='flip'].aos-animate { opacity: 1; } [data-aos='flip-left'] { transform: perspective(2500px) rotateY(calc(var(--aos-flip) * -1)); } [data-aos='flip-left'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-right'] { transform: perspective(2500px) rotateY(var(--aos-flip)); } [data-aos='flip-right'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-up'] { transform: perspective(2500px) rotateX(calc(var(--aos-flip) * -1)); } [data-aos='flip-up'].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos='flip-down'] { transform: perspective(2500px) rotateX(var(--aos-flip)); } [data-aos='flip-down'].aos-animate { transform: perspective(2500px) rotateX(0); } } *:not(.show) > .btn-primary:not(:active):not(.active):focus, *:not(.show) > .btn.btn-to-primary:focus:hover:not(:active):not(.active), *:not(.show) > .btn-primary:not(:active):not(.active).focus, *:not(.show) > .btn-outline-primary:not(:active):not(.active):focus, *:not(.show) > .btn-outline-primary:not(:active):not(.active).focus { box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0.2rem rgba(237, 113, 119, 0.4); } *:not(.show) > .btn-secondary:not(:active):not(.active):focus, *:not(.show) > .btn-secondary:not(:active):not(.active).focus, *:not(.show) > .btn-outline-secondary:not(:active):not(.active):focus, *:not(.show) > .btn-outline-secondary:not(:active):not(.active).focus { box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0.2rem rgba(237, 113, 119, 0.15); } *:not(.show) > .btn-success:not(:active):not(.active):focus, *:not(.show) > .btn-success:not(:active):not(.active).focus, *:not(.show) > .btn-outline-success:not(:active):not(.active):focus, *:not(.show) > .btn-outline-success:not(:active):not(.active).focus { box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0.2rem rgba(237, 113, 119, 0.4); } *:not(.show) > .btn-info:not(:active):not(.active):focus, *:not(.show) > .btn-info:not(:active):not(.active).focus, *:not(.show) > .btn-outline-info:not(:active):not(.active):focus, *:not(.show) > .btn-outline-info:not(:active):not(.active).focus { box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0.2rem rgba(55, 160, 230, 0.4); } *:not(.show) > .btn-warning:not(:active):not(.active):focus, *:not(.show) > .btn-warning:not(:active):not(.active).focus, *:not(.show) > .btn-outline-warning:not(:active):not(.active):focus, *:not(.show) > .btn-outline-warning:not(:active):not(.active).focus { box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0.2rem rgba(237, 113, 119, 0.4); } *:not(.show) > .btn-danger:not(:active):not(.active):focus, *:not(.show) > .btn.btn-to-danger:focus:hover:not(:active):not(.active), *:not(.show) > .btn-danger:not(:active):not(.active).focus, *:not(.show) > .btn-outline-danger:not(:active):not(.active):focus, *:not(.show) > .btn-outline-danger:not(:active):not(.active).focus { box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0.2rem rgba(237, 113, 119, 0.4); } *:not(.show) > .btn-light:not(:active):not(.active):focus, *:not(.show) > .btn-light:not(:active):not(.active).focus, *:not(.show) > .btn-outline-light:not(:active):not(.active):focus, *:not(.show) > .btn-outline-light:not(:active):not(.active).focus { box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0.2rem rgba(237, 113, 119, 0.15); } *:not(.show) > .btn-dark:not(:active):not(.active):focus, *:not(.show) > .btn-dark:not(:active):not(.active).focus, *:not(.show) > .btn-outline-dark:not(:active):not(.active):focus, *:not(.show) > .btn-outline-dark:not(:active):not(.active).focus { box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0.2rem rgba(34, 38, 42, 0.4); } *:not(.show) > .btn-gray:not(:active):not(.active):focus, *:not(.show) > .btn-gray:not(:active):not(.active).focus, *:not(.show) > .btn-outline-gray:not(:active):not(.active):focus, *:not(.show) > .btn-outline-gray:not(:active):not(.active).focus { box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0.2rem rgba(117, 118, 118, 0.4); } .btn-secondary { color: #22262a; background-color: #fff; border-color: #ced4da; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-secondary:hover, .btn-secondary.hover { color: #22262a; background-color: #ebebeb; border-color: #b1bbc4; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(206, 212, 218, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #22262a; background-color: #fff; border-color: #ced4da; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #22262a; background-color: #e6e6e6; border-color: #abb5c0; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(206, 212, 218, 0.5); } .btn-light { color: #22262a; background-color: #f7f7f7; border-color: #f7f7f7; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-light:hover { color: #22262a; background-color: #f7f7f7; border-color: rgba(0, 0, 0, 0.15); } .btn-light:focus, .btn-light.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(247, 247, 247, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #22262a; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #22262a; background-color: #dedede; border-color: rgba(0, 0, 0, 0.2); } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(247, 247, 247, 0.5); } .btn-secondary:focus, .btn-secondary.focus, .btn-light:focus, .btn-light.focus { border-color: rgba(0, 0, 0, 0.2); } /*@import '../../../Content/shared/_colors.scss'; // <-- uncomment this for convenient prototyping*/ .m-0 { margin: 0 !important; } .mt-0, .my-0, .artlist-lines .art .art-picture-block { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0, .artlist-lines .art .art-picture-block { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.3125rem !important; } .mt-1, .my-1 { margin-top: 0.3125rem !important; } .mr-1, .mx-1 { margin-right: 0.3125rem !important; } .mb-1, .my-1 { margin-bottom: 0.3125rem !important; } .ml-1, .mx-1 { margin-left: 0.3125rem !important; } .m-2 { margin: 0.625rem !important; } .mt-2, .pd-variants, .my-2 { margin-top: 0.625rem !important; } .mr-2, .mx-2 { margin-right: 0.625rem !important; } .mb-2, .my-2 { margin-bottom: 0.625rem !important; } .ml-2, .mx-2 { margin-left: 0.625rem !important; } .m-3 { margin: 1.25rem !important; } .mt-3, .my-3, .pd-description, .pd-bundle-item-description, .pd-variants .form-group.choice .choice-label { margin-top: 1.25rem !important; } .mr-3, .mx-3 { margin-right: 1.25rem !important; } .mb-3, .my-3, .pd-description, .pd-bundle-item-description, .pd-variants .form-group.choice .choice-label { margin-bottom: 1.25rem !important; } .ml-3, .mx-3 { margin-left: 1.25rem !important; } .m-4 { margin: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .m-4 { margin: 1.875rem !important; } } .mt-4, .my-4 { margin-top: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .mt-4, .my-4 { margin-top: 1.875rem !important; } } .mr-4, .mx-4 { margin-right: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .mr-4, .mx-4 { margin-right: 1.875rem !important; } } .mb-4, .pd-variants .form-group.choice, .my-4 { margin-bottom: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .mb-4, .pd-variants .form-group.choice, .my-4 { margin-bottom: 1.875rem !important; } } .ml-4, .mx-4 { margin-left: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .ml-4, .mx-4 { margin-left: 1.875rem !important; } } .m-5 { margin: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .m-5 { margin: 3.75rem !important; } } .mt-5, .my-5 { margin-top: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .mt-5, .my-5 { margin-top: 3.75rem !important; } } .mr-5, .mx-5 { margin-right: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .mr-5, .mx-5 { margin-right: 3.75rem !important; } } .mb-5, .my-5 { margin-bottom: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .mb-5, .my-5 { margin-bottom: 3.75rem !important; } } .ml-5, .mx-5 { margin-left: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .ml-5, .mx-5 { margin-left: 3.75rem !important; } } .m-6 { margin: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .m-6 { margin: 5.625rem !important; } } .mt-6, .my-6 { margin-top: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .mt-6, .my-6 { margin-top: 5.625rem !important; } } .mr-6, .mx-6 { margin-right: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .mr-6, .mx-6 { margin-right: 5.625rem !important; } } .mb-6, .my-6 { margin-bottom: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .mb-6, .my-6 { margin-bottom: 5.625rem !important; } } .ml-6, .mx-6 { margin-left: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .ml-6, .mx-6 { margin-left: 5.625rem !important; } } .p-0, .artlist-lines .art .art-data-block { padding: 0 !important; } .pt-0, .py-0, .artlist-lines .art { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0, .artlist-lines .art { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.3125rem !important; } .pt-1, .py-1 { padding-top: 0.3125rem !important; } .pr-1, .px-1 { padding-right: 0.3125rem !important; } .pb-1, .py-1 { padding-bottom: 0.3125rem !important; } .pl-1, .px-1 { padding-left: 0.3125rem !important; } .p-2 { padding: 0.625rem !important; } .pt-2, .py-2 { padding-top: 0.625rem !important; } .pr-2, .px-2 { padding-right: 0.625rem !important; } .pb-2, .py-2 { padding-bottom: 0.625rem !important; } .pl-2, .px-2 { padding-left: 0.625rem !important; } .p-3 { padding: 1.25rem !important; } .pt-3, .py-3 { padding-top: 1.25rem !important; } .pr-3, .px-3 { padding-right: 1.25rem !important; } .pb-3, .py-3 { padding-bottom: 1.25rem !important; } .pl-3, .px-3 { padding-left: 1.25rem !important; } .p-4, .artlist-lines .art .art-data-block .art-info-block { padding: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .p-4, .artlist-lines .art .art-data-block .art-info-block { padding: 1.875rem !important; } } .pt-4, .py-4 { padding-top: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .pt-4, .py-4 { padding-top: 1.875rem !important; } } .pr-4, .px-4 { padding-right: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .pr-4, .px-4 { padding-right: 1.875rem !important; } } .pb-4, .py-4 { padding-bottom: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .pb-4, .py-4 { padding-bottom: 1.875rem !important; } } .pl-4, .px-4 { padding-left: calc(1.3125rem + 0.75vw) !important; } @media (min-width: 1200px) { .pl-4, .px-4 { padding-left: 1.875rem !important; } } .p-5 { padding: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .p-5 { padding: 3.75rem !important; } } .pt-5, .py-5 { padding-top: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .pt-5, .py-5 { padding-top: 3.75rem !important; } } .pr-5, .px-5 { padding-right: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .pr-5, .px-5 { padding-right: 3.75rem !important; } } .pb-5, .py-5 { padding-bottom: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .pb-5, .py-5 { padding-bottom: 3.75rem !important; } } .pl-5, .px-5 { padding-left: calc(1.5rem + 3vw) !important; } @media (min-width: 1200px) { .pl-5, .px-5 { padding-left: 3.75rem !important; } } .p-6 { padding: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .p-6 { padding: 5.625rem !important; } } .pt-6, .py-6 { padding-top: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .pt-6, .py-6 { padding-top: 5.625rem !important; } } .pr-6, .px-6 { padding-right: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .pr-6, .px-6 { padding-right: 5.625rem !important; } } .pb-6, .py-6 { padding-bottom: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .pb-6, .py-6 { padding-bottom: 5.625rem !important; } } .pl-6, .px-6 { padding-left: calc(1.6875rem + 5.25vw) !important; } @media (min-width: 1200px) { .pl-6, .px-6 { padding-left: 5.625rem !important; } } .m-auto, .megamenu-section .megamenu-container .mega-menu-dropdown .mega-menu-dropdown-row { 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.3125rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.3125rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.3125rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.3125rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.3125rem !important; } .m-sm-2 { margin: 0.625rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.625rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.625rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.625rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.625rem !important; } .m-sm-3 { margin: 1.25rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1.25rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1.25rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1.25rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1.25rem !important; } .m-sm-4 { margin: 1.875rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.875rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.875rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.875rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.875rem !important; } .m-sm-5 { margin: 3.75rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3.75rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3.75rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3.75rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3.75rem !important; } .m-sm-6 { margin: 5.625rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 5.625rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 5.625rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 5.625rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 5.625rem !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.3125rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.3125rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.3125rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.3125rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.3125rem !important; } .p-sm-2 { padding: 0.625rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.625rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.625rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.625rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.625rem !important; } .p-sm-3 { padding: 1.25rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1.25rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1.25rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1.25rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1.25rem !important; } .p-sm-4 { padding: 1.875rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.875rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.875rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.875rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.875rem !important; } .p-sm-5 { padding: 3.75rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3.75rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3.75rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3.75rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3.75rem !important; } .p-sm-6 { padding: 5.625rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 5.625rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 5.625rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 5.625rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 5.625rem !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.3125rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.3125rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.3125rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.3125rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.3125rem !important; } .m-md-2 { margin: 0.625rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.625rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.625rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.625rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.625rem !important; } .m-md-3 { margin: 1.25rem !important; } .mt-md-3, .my-md-3 { margin-top: 1.25rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1.25rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1.25rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1.25rem !important; } .m-md-4 { margin: 1.875rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.875rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.875rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.875rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.875rem !important; } .m-md-5 { margin: 3.75rem !important; } .mt-md-5, .my-md-5 { margin-top: 3.75rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3.75rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3.75rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3.75rem !important; } .m-md-6 { margin: 5.625rem !important; } .mt-md-6, .my-md-6 { margin-top: 5.625rem !important; } .mr-md-6, .mx-md-6 { margin-right: 5.625rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 5.625rem !important; } .ml-md-6, .mx-md-6 { margin-left: 5.625rem !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.3125rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.3125rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.3125rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.3125rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.3125rem !important; } .p-md-2 { padding: 0.625rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.625rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.625rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.625rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.625rem !important; } .p-md-3 { padding: 1.25rem !important; } .pt-md-3, .py-md-3 { padding-top: 1.25rem !important; } .pr-md-3, .px-md-3 { padding-right: 1.25rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1.25rem !important; } .pl-md-3, .px-md-3 { padding-left: 1.25rem !important; } .p-md-4 { padding: 1.875rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.875rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.875rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.875rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.875rem !important; } .p-md-5 { padding: 3.75rem !important; } .pt-md-5, .py-md-5 { padding-top: 3.75rem !important; } .pr-md-5, .px-md-5 { padding-right: 3.75rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3.75rem !important; } .pl-md-5, .px-md-5 { padding-left: 3.75rem !important; } .p-md-6 { padding: 5.625rem !important; } .pt-md-6, .py-md-6 { padding-top: 5.625rem !important; } .pr-md-6, .px-md-6 { padding-right: 5.625rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 5.625rem !important; } .pl-md-6, .px-md-6 { padding-left: 5.625rem !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.3125rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.3125rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.3125rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.3125rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.3125rem !important; } .m-lg-2 { margin: 0.625rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.625rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.625rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.625rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.625rem !important; } .m-lg-3 { margin: 1.25rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1.25rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1.25rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1.25rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1.25rem !important; } .m-lg-4 { margin: 1.875rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.875rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.875rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.875rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.875rem !important; } .m-lg-5 { margin: 3.75rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3.75rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3.75rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3.75rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3.75rem !important; } .m-lg-6 { margin: 5.625rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 5.625rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 5.625rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 5.625rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 5.625rem !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.3125rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.3125rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.3125rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.3125rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.3125rem !important; } .p-lg-2 { padding: 0.625rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.625rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.625rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.625rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.625rem !important; } .p-lg-3 { padding: 1.25rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1.25rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1.25rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1.25rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1.25rem !important; } .p-lg-4 { padding: 1.875rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.875rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.875rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.875rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.875rem !important; } .p-lg-5 { padding: 3.75rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3.75rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3.75rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3.75rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3.75rem !important; } .p-lg-6 { padding: 5.625rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 5.625rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 5.625rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 5.625rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 5.625rem !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.3125rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.3125rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.3125rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.3125rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.3125rem !important; } .m-xl-2 { margin: 0.625rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.625rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.625rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.625rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.625rem !important; } .m-xl-3 { margin: 1.25rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1.25rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1.25rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1.25rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1.25rem !important; } .m-xl-4 { margin: 1.875rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.875rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.875rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.875rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.875rem !important; } .m-xl-5 { margin: 3.75rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3.75rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3.75rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3.75rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3.75rem !important; } .m-xl-6 { margin: 5.625rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 5.625rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 5.625rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 5.625rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 5.625rem !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.3125rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.3125rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.3125rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.3125rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.3125rem !important; } .p-xl-2 { padding: 0.625rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.625rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.625rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.625rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.625rem !important; } .p-xl-3 { padding: 1.25rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1.25rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1.25rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1.25rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1.25rem !important; } .p-xl-4 { padding: 1.875rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.875rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.875rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.875rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.875rem !important; } .p-xl-5 { padding: 3.75rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3.75rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3.75rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3.75rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3.75rem !important; } .p-xl-6 { padding: 5.625rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 5.625rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 5.625rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 5.625rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 5.625rem !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; } } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: 1.25rem; } .display-1 { font-size: calc(1.675rem + 5.1vw); } @media (min-width: 1200px) { .display-1 { font-size: 5.5rem; } } .display-2 { font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .display-2 { font-size: 5rem; } } .display-3 { font-size: calc(1.575rem + 3.9vw); } @media (min-width: 1200px) { .display-3 { font-size: 4.5rem; } } .display-4 { font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .display-4 { font-size: 3rem; } } .fs-h1 { font-size: calc(1.375rem + 1.5vw) !important; } @media (min-width: 1200px) { .fs-h1 { font-size: 2.5rem !important; } } .fs-h2 { font-size: calc(1.325rem + 0.9vw) !important; } @media (min-width: 1200px) { .fs-h2 { font-size: 2rem !important; } } .fs-h3 { font-size: calc(1.3rem + 0.6vw) !important; } @media (min-width: 1200px) { .fs-h3 { font-size: 1.75rem !important; } } .fs-h4 { font-size: 1.25rem !important; } .fs-h5 { font-size: 1rem !important; } .fs-h6 { font-size: 0.9375rem !important; } .fs-display-1 { font-size: calc(1.675rem + 5.1vw) !important; } @media (min-width: 1200px) { .fs-display-1 { font-size: 5.5rem !important; } } .fs-display-2 { font-size: calc(1.625rem + 4.5vw) !important; } @media (min-width: 1200px) { .fs-display-2 { font-size: 5rem !important; } } .fs-display-3 { font-size: calc(1.575rem + 3.9vw) !important; } @media (min-width: 1200px) { .fs-display-3 { font-size: 4.5rem !important; } } .fs-display-4 { font-size: calc(1.425rem + 2.1vw) !important; } @media (min-width: 1200px) { .fs-display-4 { font-size: 3rem !important; } } .fs-lead { font-size: 1.125rem; } .fs-sm, .fs-sm a { font-size: 0.875rem !important; } .fs-xs, .fs-xs a { font-size: 0.8125rem !important; } @media (max-width: 575.98px) { .rfs { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767.98px) { .rfs { font-size: 15px; } } @media (max-width: 991.98px) { .rfs { word-break: break-word; } } h1, .h1, h2, .h2 { font-weight: 400; } h6, .h6 { font-weight: 600; } .font-weight-unset { font-weight: unset !important; } .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } .font-weight-medium, .fwm { font-weight: 600 !important; } .heading { position: relative; } .heading:before { position: absolute; display: block; content: ' '; width: 100%; height: 1px; top: 50%; z-index: 0; background: radial-gradient(ellipse at left, #fff 25%, rgba(0, 0, 0, 0.25) 100%); } .heading .heading-title { position: relative; display: inline-block; background: var(--body-bg, #fff); padding-right: 1rem; font-weight: normal; } .heading-center { text-align: center; } .heading-center:before { background: radial-gradient(ellipse at center, #fff 25%, rgba(0, 0, 0, 0.25) 100%) !important; } .heading-center .heading-title { padding-left: 1rem; } .page-title { margin-bottom: 1.5rem; } .rlm:after { content: '\200F'; } .ltr { direction: ltr; unicode-bidi: isolate; } .rtl { direction: rtl; unicode-bidi: isolate; } .long-text { font-size: 1rem; } @media (min-width: 992px) { .long-text { font-size: 1.0625rem; line-height: 1.75rem; letter-spacing: .015625rem; } } .long-text h2, .long-text h3, .long-text h4 { font-weight: bold; } .long-text h5, .long-text h6 { font-weight: 600; } .long-text h2:not(:first-of-type) { margin-top: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .long-text h2:not(:first-of-type) { margin-top: 4rem; } } .long-text h2 { font-size: calc(1.3rem + 0.6vw); margin-bottom: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .long-text h2 { font-size: 1.75rem; } } @media (min-width: 1200px) { .long-text h2 { margin-bottom: 2rem; } } .long-text h3 { font-size: 1.25rem; margin-top: calc(1.425rem + 2.1vw); margin-bottom: 1.5rem; } @media (min-width: 1200px) { .long-text h3 { margin-top: 3rem; } } .long-text h4, .long-text h5, .long-text h6 { font-size: inherit; margin-top: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .long-text h4, .long-text h5, .long-text h6 { margin-top: 2rem; } } .long-text h3, .long-text h6 { color: #757676; } a.color-body { color: #505862; text-decoration: none; } a.color-body:hover { color: #505862; text-decoration: underline; } a.pretty-link { color: #393f46; text-decoration: none; font-weight: 600; } a.pretty-link > i { padding-right: 1.2rem; } a.pretty-link > span { color: #aaa; } a.pretty-link > span:hover, a.pretty-link > span:active { color: inherit; } .text-wrap { white-space: normal !important; } code { background-color: rgba(0, 0, 0, 0.03); border-radius: 2px; } .html-editor-content { margin-bottom: 1.5rem; } .fas { font-weight: 900; } .far { font-weight: 400; } .fal { font-weight: 300; } .fa-group { position: relative; display: inline-block; font-size: 18px; color: inherit; line-height: 1.2; margin-right: 12px; } .fa-overlay { position: absolute; display: inline-block; right: -2px; bottom: 0; font-size: 10px; color: var(--dark); text-shadow: -1px -1px 1px white; } .alert-info, .alert-danger, .validation-summary-errors, .alert-success, .validation-summary-valid, .alert-warning { position: relative; padding-left: 4rem; line-height: 1.5; border-width: 0; } .alert-info:before, .alert-danger:before, .validation-summary-errors:before, .alert-success:before, .validation-summary-valid:before, .alert-warning:before { display: block; position: absolute; content: ' '; left: 0; top: 0; bottom: 0; width: 3rem; z-index: 1; border-top-left-radius: var(--border-radius, 0.25rem); border-bottom-left-radius: var(--border-radius, 0.25rem); } .alert-info:after, .alert-danger:after, .validation-summary-errors:after, .alert-success:after, .validation-summary-valid:after, .alert-warning:after { display: block; position: absolute; color: #fff; font-weight: 400; font-family: "Font Awesome 5 Pro"; content: ""; left: 0; top: 50%; font-size: 24px; width: 3rem; text-align: center; transform: translateY(-50%); z-index: 2; } .alert-danger:before, .validation-summary-errors:before { background-color: #ed7177; } .alert-danger:after, .validation-summary-errors:after { content: "\f071"; color: #fbe3e4; } .alert-info:before { background-color: #37a0e6; } .alert-info:after { content: "\f129"; color: #d7ecfa; } .alert-success:before, .validation-summary-valid:before { background-color: #ed7177; } .alert-success:after, .validation-summary-valid:after { content: "\f00c"; color: #fbe3e4; } .alert-warning:before { background-color: #ed7177; } .alert-warning:after { content: "\f12a"; color: #fbe3e4; } .alert > ul, .validation-summary-valid > ul, .validation-summary-errors > ul { padding-left: 1.2rem; } .alert > *:first-child, .validation-summary-valid > *:first-child, .validation-summary-errors > *:first-child { margin-top: 0 !important; } .alert > *:last-child, .validation-summary-valid > *:last-child, .validation-summary-errors > *:last-child { margin-bottom: 0 !important; } .btn-sm > .fa, .btn-group-sm > .btn > .fa, .fu-container:not(.xl) .fu-buttons .btn > .fa { font-size: 14px; } .input-group > .input-group-append > .btn-secondary, .input-group > .input-group-append > .btn-light, .input-group > .input-group-prepend > .btn-secondary, .input-group > .input-group-prepend > .btn-light { border-color: #ced4da; } .btn.btn-icon, .btn.btn-circle { padding: 0; text-align: center; vertical-align: middle; position: relative; width: calc(2.65625rem + 2px); height: calc(2.65625rem + 2px); line-height: calc(2.65625rem + 2px); } .btn.btn-icon > i, .btn.btn-circle > i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); vertical-align: middle; } .btn.btn-icon.btn-lg, .btn-group-lg > .btn.btn-icon, .btn.btn-circle.btn-lg, .btn-group-lg > .btn.btn-circle { width: calc(3.08333rem + 2px); height: calc(3.08333rem + 2px); line-height: calc(3.08333rem + 2px); } .btn.btn-icon.btn-lg > i, .btn-group-lg > .btn.btn-icon > i, .btn.btn-circle.btn-lg > i, .btn-group-lg > .btn.btn-circle > i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); vertical-align: middle; } .btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon, .fu-container:not(.xl) .fu-buttons .btn.btn-icon, .btn.btn-circle.btn-sm, .btn-group-sm > .btn.btn-circle, .fu-container:not(.xl) .fu-buttons .btn.btn-circle { width: calc(2.3125rem + 2px); height: calc(2.3125rem + 2px); line-height: calc(2.3125rem + 2px); } .btn.btn-icon.btn-sm > i, .btn-group-sm > .btn.btn-icon > i, .fu-container:not(.xl) .fu-buttons .btn.btn-icon > i, .btn.btn-circle.btn-sm > i, .btn-group-sm > .btn.btn-circle > i, .fu-container:not(.xl) .fu-buttons .btn.btn-circle > i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); vertical-align: middle; } .btn.btn-icon.dropdown-toggle:after, .btn.btn-circle.dropdown-toggle:after { position: absolute; right: 2px; bottom: 0.4em; } .btn.btn-circle { border-radius: 50%; } .btn-brand-facebook, .btn-brand-facebook-f { color: #fff; background-color: #3b5998; border-color: #3b5998; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-brand-facebook:hover, .btn-brand-facebook-f:hover { color: #fff; background-color: #30497c; border-color: #2d4373; } .btn-brand-facebook:focus, .btn-brand-facebook.focus, .btn-brand-facebook-f:focus, .btn-brand-facebook-f.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(59, 89, 152, 0.5); } .btn-brand-facebook.disabled, .btn-brand-facebook:disabled, .btn-brand-facebook-f.disabled, .btn-brand-facebook-f:disabled { color: #fff; background-color: #3b5998; border-color: #3b5998; } .btn-brand-facebook:not(:disabled):not(.disabled):active, .btn-brand-facebook:not(:disabled):not(.disabled).active, .show > .btn-brand-facebook.dropdown-toggle, .btn-brand-facebook-f:not(:disabled):not(.disabled):active, .btn-brand-facebook-f:not(:disabled):not(.disabled).active, .show > .btn-brand-facebook-f.dropdown-toggle { color: #fff; background-color: #2d4373; border-color: #293e6a; } .btn-brand-facebook:not(:disabled):not(.disabled):active:focus, .btn-brand-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-facebook.dropdown-toggle:focus, .btn-brand-facebook-f:not(:disabled):not(.disabled):active:focus, .btn-brand-facebook-f:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-facebook-f.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(59, 89, 152, 0.5); } .btn-brand-twitter { color: #fff; background-color: #55acee; border-color: #55acee; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-brand-twitter:hover { color: #fff; background-color: #329beb; border-color: #2795e9; } .btn-brand-twitter:focus, .btn-brand-twitter.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(85, 172, 238, 0.5); } .btn-brand-twitter.disabled, .btn-brand-twitter:disabled { color: #fff; background-color: #55acee; border-color: #55acee; } .btn-brand-twitter:not(:disabled):not(.disabled):active, .btn-brand-twitter:not(:disabled):not(.disabled).active, .show > .btn-brand-twitter.dropdown-toggle { color: #fff; background-color: #2795e9; border-color: #1b90e8; } .btn-brand-twitter:not(:disabled):not(.disabled):active:focus, .btn-brand-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-twitter.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(85, 172, 238, 0.5); } .btn-brand-youtube { color: #fff; background-color: #cd201f; border-color: #cd201f; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-brand-youtube:hover { color: #fff; background-color: #ac1b1a; border-color: #a11918; } .btn-brand-youtube:focus, .btn-brand-youtube.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(205, 32, 31, 0.5); } .btn-brand-youtube.disabled, .btn-brand-youtube:disabled { color: #fff; background-color: #cd201f; border-color: #cd201f; } .btn-brand-youtube:not(:disabled):not(.disabled):active, .btn-brand-youtube:not(:disabled):not(.disabled).active, .show > .btn-brand-youtube.dropdown-toggle { color: #fff; background-color: #a11918; border-color: #961717; } .btn-brand-youtube:not(:disabled):not(.disabled):active:focus, .btn-brand-youtube:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-youtube.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(205, 32, 31, 0.5); } .btn-brand-pinterest, .btn-brand-pinterest-p { color: #fff; background-color: #cc2127; border-color: #cc2127; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-brand-pinterest:hover, .btn-brand-pinterest-p:hover { color: #fff; background-color: #ab1c21; border-color: #a01a1f; } .btn-brand-pinterest:focus, .btn-brand-pinterest.focus, .btn-brand-pinterest-p:focus, .btn-brand-pinterest-p.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(204, 33, 39, 0.5); } .btn-brand-pinterest.disabled, .btn-brand-pinterest:disabled, .btn-brand-pinterest-p.disabled, .btn-brand-pinterest-p:disabled { color: #fff; background-color: #cc2127; border-color: #cc2127; } .btn-brand-pinterest:not(:disabled):not(.disabled):active, .btn-brand-pinterest:not(:disabled):not(.disabled).active, .show > .btn-brand-pinterest.dropdown-toggle, .btn-brand-pinterest-p:not(:disabled):not(.disabled):active, .btn-brand-pinterest-p:not(:disabled):not(.disabled).active, .show > .btn-brand-pinterest-p.dropdown-toggle { color: #fff; background-color: #a01a1f; border-color: #95181d; } .btn-brand-pinterest:not(:disabled):not(.disabled):active:focus, .btn-brand-pinterest:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-pinterest.dropdown-toggle:focus, .btn-brand-pinterest-p:not(:disabled):not(.disabled):active:focus, .btn-brand-pinterest-p:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-pinterest-p.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(204, 33, 39, 0.5); } .btn-brand-google-plus, .btn-brand-google-plus-g { color: #fff; background-color: #dd4b39; border-color: #dd4b39; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-brand-google-plus:hover, .btn-brand-google-plus-g:hover { color: #fff; background-color: #cd3623; border-color: #c23321; } .btn-brand-google-plus:focus, .btn-brand-google-plus.focus, .btn-brand-google-plus-g:focus, .btn-brand-google-plus-g.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(221, 75, 57, 0.5); } .btn-brand-google-plus.disabled, .btn-brand-google-plus:disabled, .btn-brand-google-plus-g.disabled, .btn-brand-google-plus-g:disabled { color: #fff; background-color: #dd4b39; border-color: #dd4b39; } .btn-brand-google-plus:not(:disabled):not(.disabled):active, .btn-brand-google-plus:not(:disabled):not(.disabled).active, .show > .btn-brand-google-plus.dropdown-toggle, .btn-brand-google-plus-g:not(:disabled):not(.disabled):active, .btn-brand-google-plus-g:not(:disabled):not(.disabled).active, .show > .btn-brand-google-plus-g.dropdown-toggle { color: #fff; background-color: #c23321; border-color: #b7301f; } .btn-brand-google-plus:not(:disabled):not(.disabled):active:focus, .btn-brand-google-plus:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-google-plus.dropdown-toggle:focus, .btn-brand-google-plus-g:not(:disabled):not(.disabled):active:focus, .btn-brand-google-plus-g:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-google-plus-g.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(221, 75, 57, 0.5); } .btn-brand-instagram { color: #fff; background-color: #3f729b; border-color: #3f729b; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-brand-instagram:hover { color: #fff; background-color: #345e80; border-color: #305777; } .btn-brand-instagram:focus, .btn-brand-instagram.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(63, 114, 155, 0.5); } .btn-brand-instagram.disabled, .btn-brand-instagram:disabled { color: #fff; background-color: #3f729b; border-color: #3f729b; } .btn-brand-instagram:not(:disabled):not(.disabled):active, .btn-brand-instagram:not(:disabled):not(.disabled).active, .show > .btn-brand-instagram.dropdown-toggle { color: #fff; background-color: #305777; border-color: #2d516e; } .btn-brand-instagram:not(:disabled):not(.disabled):active:focus, .btn-brand-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-instagram.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(63, 114, 155, 0.5); } .btn-brand-linkedin { color: #fff; background-color: #007bb6; border-color: #007bb6; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-brand-linkedin:hover { color: #fff; background-color: #006190; border-color: #005983; } .btn-brand-linkedin:focus, .btn-brand-linkedin.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(0, 123, 182, 0.5); } .btn-brand-linkedin.disabled, .btn-brand-linkedin:disabled { color: #fff; background-color: #007bb6; border-color: #007bb6; } .btn-brand-linkedin:not(:disabled):not(.disabled):active, .btn-brand-linkedin:not(:disabled):not(.disabled).active, .show > .btn-brand-linkedin.dropdown-toggle { color: #fff; background-color: #005983; border-color: #005076; } .btn-brand-linkedin:not(:disabled):not(.disabled):active:focus, .btn-brand-linkedin:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-linkedin.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(0, 123, 182, 0.5); } .btn-brand-xing { color: #fff; background-color: #126567; border-color: #126567; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075); } .btn-brand-xing:hover { color: #fff; background-color: #0c4546; border-color: #0a3a3c; } .btn-brand-xing:focus, .btn-brand-xing.focus { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(18, 101, 103, 0.5); } .btn-brand-xing.disabled, .btn-brand-xing:disabled { color: #fff; background-color: #126567; border-color: #126567; } .btn-brand-xing:not(:disabled):not(.disabled):active, .btn-brand-xing:not(:disabled):not(.disabled).active, .show > .btn-brand-xing.dropdown-toggle { color: #fff; background-color: #0a3a3c; border-color: #093031; } .btn-brand-xing:not(:disabled):not(.disabled):active:focus, .btn-brand-xing:not(:disabled):not(.disabled).active:focus, .show > .btn-brand-xing.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(18, 101, 103, 0.5); } .btn-flat { color: #22262a; background-image: none; background-color: transparent; border-color: transparent; box-shadow: none; } .btn-flat.disabled, .btn-flat[disabled] { color: #22262a; background-image: none; background-color: transparent; border-color: transparent; } .btn-flat-light { color: rgba(255, 255, 255, 0.8); } .btn-flat-light.disabled, .btn-flat-light[disabled] { color: rgba(255, 255, 255, 0.8); } .btn-flat-light:not([disabled]):not(.disabled):hover, .btn-flat-light:not([disabled]):not(.disabled).hover, .btn-flat-light:active, .btn-flat-light.active, .show > .btn-flat-light.dropdown-toggle { border-color: white; } .btn-flat-light:focus, .btn-flat-light.focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25); } .btn.btn-clear { color: #fff; background: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.6); box-shadow: none; } .btn.btn-clear:hover, .btn.btn-clear.hover { color: #fff; background: rgba(255, 255, 255, 0.15); } .btn.btn-clear:focus, .btn.btn-clear.focus { border-color: #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25); } .btn.btn-clear.disabled, .btn.btn-clear[disabled] { background: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.6); } .btn.btn-clear:not([disabled]):not(.disabled):active, .btn.btn-clear:not([disabled]):not(.disabled).active, .show > .btn.btn-clear.dropdown-toggle { color: #fff; border-color: #fff; box-shadow: none; } .btn.btn-clear-dark { color: #22262a; background: transparent; border-color: rgba(0, 0, 0, 0.15); box-shadow: none; } .btn.btn-clear-dark:hover, .btn.btn-clear-dark.hover { color: #101213; background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.2); } .btn.btn-clear-dark:focus, .btn.btn-clear-dark.focus { border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05); } .btn.btn-clear-dark.disabled, .btn.btn-clear-dark[disabled] { background: transparent; border-color: rgba(0, 0, 0, 0.15); box-shadow: none; } .btn.btn-clear-dark:not([disabled]):not(.disabled):active, .btn.btn-clear-dark:not([disabled]):not(.disabled).active, .show > .btn.btn-clear-dark.dropdown-toggle { color: #101213; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .btn.btn-labeled { position: relative; padding-left: 3.25781rem; } .btn.btn-labeled > b { position: absolute; display: block; width: 2.25781rem; left: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.12); } .btn.btn-labeled > b > i { position: relative; vertical-align: middle; line-height: calc(2.65625rem + 2px); } .btn.btn-labeled.btn-lg, .btn-group-lg > .btn.btn-labeled { padding-left: 4.12083rem; } .btn.btn-labeled.btn-lg > b, .btn-group-lg > .btn.btn-labeled > b { width: 2.62083rem; } .btn.btn-labeled.btn-lg > b > i, .btn-group-lg > .btn.btn-labeled > b > i { line-height: calc(3.08333rem + 2px); } .btn.btn-labeled.btn-sm, .btn-group-sm > .btn.btn-labeled, .fu-container:not(.xl) .fu-buttons .btn.btn-labeled { padding-left: 2.71563rem; } .btn.btn-labeled.btn-sm > b, .btn-group-sm > .btn.btn-labeled > b, .fu-container:not(.xl) .fu-buttons .btn.btn-labeled > b { width: 1.96562rem; } .btn.btn-labeled.btn-sm > b > i, .btn-group-sm > .btn.btn-labeled > b > i, .fu-container:not(.xl) .fu-buttons .btn.btn-labeled > b > i { line-height: calc(2.3125rem + 2px); } .btn.btn-labeled.icon-right { padding-left: 1rem; padding-right: 3.25781rem; } .btn.btn-labeled.icon-right > b { left: auto; right: 0; } .btn.btn-animate { position: relative; overflow: hidden; padding-left: 1.5rem; padding-right: 1.5rem; transition: all 0.2s ease-out; } .btn.btn-animate > span { display: block; width: 100%; height: 100%; transition: transform 0.2s ease-out; transform: translateX(0); } .btn.btn-animate > span > i { position: absolute; display: inline-block; left: 0; top: 0; bottom: 0; width: 1.8em; text-align: left; opacity: 0; line-height: inherit; transition: opacity 0.2s ease-out; transform: translateX(-100%); } .btn.btn-animate > span > i:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .btn.btn-animate:hover > span { transform: translateX(10px); } .btn.btn-animate:hover > span > i { opacity: 1; } .btn.btn-animate.btn-lg, .btn-group-lg > .btn.btn-animate { padding-left: 2.25rem; padding-right: 2.25rem; } .btn.btn-animate.btn-sm, .btn-group-sm > .btn.btn-animate, .fu-container:not(.xl) .fu-buttons .btn.btn-animate { padding-left: 1.125rem; padding-right: 1.125rem; } .btn-animate.btn-animate-right > span > i { left: auto; right: 0; text-align: right; transform: translateX(100%); } .btn-animate.btn-animate-right:hover > span { transform: translateX(-10px); } .btn-animate.btn-animate-down > span { text-align: center; } .btn-animate.btn-animate-down > span > i { left: 0; right: 0; top: 0; bottom: 0; width: 100%; text-align: center; vertical-align: middle; transform: translateY(-150%); } .btn-animate.btn-animate-down:hover > span { transform: translateY(150%); } .btn-animate.btn-animate-down.btn-lg > span > i, .btn-group-lg > .btn-animate.btn-animate-down.btn > span > i { font-size: 1.5rem; line-height: 1.5rem; } .btn.btn-to-danger, .btn.btn-to-primary { transition: box-shadow .15s ease-in-out; } .btn.btn-to-danger:not([disabled]):not(.disabled):hover > i { opacity: 1; } .btn.btn-to-danger:focus:hover > i { opacity: 1; } .btn.btn-to-danger:not([disabled]):not(.disabled):active > i, .show > .btn.btn-to-danger.dropdown-toggle > i { opacity: 1; } .btn-no-border { border-color: transparent !important; } .mf-dropdown { display: inline-block; position: relative; } .mf-dropdown .btn { border-radius: 0; position: relative; } .mf-dropdown .btn > em { font-style: normal; font-variant: normal; font-weight: normal; color: #8d9ba9; font-size: 0.875rem; font-size: 0.85em; } .mf-dropdown .btn > em > span { font-weight: 600; font-size: 1.166666em; color: #393f46; } .mf-dropdown .btn.has-caret { text-align: left; padding-right: 2rem; } .mf-dropdown .btn.has-caret.btn-sm, .mf-dropdown .btn-group-sm > .btn.has-caret, .mf-dropdown .fu-container:not(.xl) .fu-buttons .btn.has-caret, .fu-container:not(.xl) .fu-buttons .mf-dropdown .btn.has-caret { padding-right: 1.5rem; } .mf-dropdown .btn.has-caret.btn-lg, .mf-dropdown .btn-group-lg > .btn.has-caret { padding-right: 3rem; } .mf-dropdown .btn.has-caret > em, .mf-dropdown .btn.has-caret > span { display: block; margin-bottom: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mf-dropdown .btn.has-caret:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; line-height: 1; font-size: inherit; font-weight: 400; font-family: "Font Awesome 5 Pro"; content: ""; position: absolute; display: block; right: 1rem; line-height: 1; top: 50%; transform: translate3d(50%, -50%, 0); } .mf-dropdown .btn-sm.has-caret:after, .mf-dropdown .btn-group-sm > .has-caret.btn:after, .mf-dropdown .fu-container:not(.xl) .fu-buttons .has-caret.btn:after, .fu-container:not(.xl) .fu-buttons .mf-dropdown .has-caret.btn:after { right: 0.75rem; } .mf-dropdown .btn-lg.has-caret:after, .mf-dropdown .btn-group-lg > .has-caret.btn:after { right: 1.5rem; } .mf-dropdown select { position: absolute; opacity: 0; left: 0; width: 100%; top: 0; bottom: 0; cursor: pointer; } .btn-3d { transition-property: transform, box-shadow, color, background-color, border-color, opacity; transition-timing-function: cubic-bezier(0.25, 1, 0.33, 1); transition-duration: .35s; --shadow-color-rgb: 0,0,0; --shadow-color-intensity: 1; --box-shadow: 0 1px 1px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity) * 0.07)), 0 2px 4px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity) * 0.1)), 0 4px 8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity) * 0.08)); box-shadow: var(--box-shadow) !important; } .btn-3d:hover, .btn-3d.hover, .btn-3d:focus, .btn-3d.focus { transform: translateY(-3px); --box-shadow: 0 1px 1px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity) * 0.08)), 0 6px 10px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity) * 0.12)), 0 12px 24px -8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity) * 0.12)); } .btn-3d:disabled, .btn-3d.disabled { box-shadow: none !important; } .btn-3d:active, .btn-3d:active:focus, .btn-3d.active, .btn-3d.active:focus, .show > .btn-3d.dropdown-toggle, .show > .btn-3d.dropdown-toggle:focus { transform: translateY(1px); --box-shadow: 0 1px 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity) * 0.13)), 0 2px 4px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity) * 0.12)); } .btn-3d.btn-primary, .btn-3d.btn-outline-primary { --shadow-color-rgb: 119, 57, 60; --shadow-color-intensity: 1.8; } .btn-3d.btn-secondary, .btn-3d.btn-outline-secondary { border-color: #8d9ba9 !important; } .btn-3d.btn-secondary:hover, .btn-3d.btn-secondary.hover, .btn-3d.btn-secondary.hover, .btn-3d.btn-secondary:focus, .btn-3d.btn-secondary.focus, .btn-3d.btn-outline-secondary:hover, .btn-3d.btn-outline-secondary.hover, .btn-3d.btn-outline-secondary:focus, .btn-3d.btn-outline-secondary.focus { background-color: #fff; } .btn-3d.btn-secondary:active, .btn-3d.btn-secondary:active:focus, .btn-3d.btn-secondary.active, .btn-3d.btn-secondary.active:focus, .show > .btn-3d.btn-secondary.dropdown-toggle, .show > .btn-3d.btn-secondary.dropdown-toggle:focus, .btn-3d.btn-outline-secondary:active, .btn-3d.btn-outline-secondary:active:focus, .btn-3d.btn-outline-secondary.active, .btn-3d.btn-outline-secondary.active:focus, .show > .btn-3d.btn-outline-secondary.dropdown-toggle, .show > .btn-3d.btn-outline-secondary.dropdown-toggle:focus { background-color: #f5f5f5; border-color: #f5f5f5; } .btn-3d.btn-success, .btn-3d.btn-outline-success { --shadow-color-rgb: 119, 57, 60; --shadow-color-intensity: 1.8; } .btn-3d.btn-info, .btn-3d.btn-outline-info { --shadow-color-rgb: 28, 80, 115; --shadow-color-intensity: 1.8; } .btn-3d.btn-warning, .btn-3d.btn-outline-warning { --shadow-color-rgb: 119, 57, 60; --shadow-color-intensity: 1.8; } .btn-3d.btn-danger, .btn-3d.btn-outline-danger { --shadow-color-rgb: 119, 57, 60; --shadow-color-intensity: 1.8; } .btn-3d.btn-light, .btn-3d.btn-outline-light { border-color: #f7f7f7 !important; } .btn-3d.btn-dark, .btn-3d.btn-outline-dark { --shadow-color-rgb: 17, 19, 21; --shadow-color-intensity: 1.8; } .btn-3d.btn-gray, .btn-3d.btn-outline-gray { --shadow-color-rgb: 59, 59, 59; --shadow-color-intensity: 1.8; } .dropdown-menu { --shadow-color-intensity: 0.5; } .dropdown-group { position: relative; } .dropdown-group > .dropdown-item { position: relative; padding-right: 2rem; } .dropdown-group > .dropdown-item:before { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-40%); display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; line-height: 1; font-size: 13px; font-weight: 400; font-family: "Font Awesome 5 Pro"; content: ""; } .dropdown-group.show > .dropdown-item { color: #17191c; background-color: #f5f5f5; } .dropdown-group .dropdown-menu { position: absolute; margin-top: 0 !important; top: -0.5rem; left: 100% !important; bottom: auto; transform: translateX(-2px); } .dropdown-toggle:after { vertical-align: 0.175em; } .dropdown-toggle.no-chevron:after { display: none !important; } .dropdown-menu-light-icons .dropdown-item:not(.disabled) > i { color: #818990; } .dropdown-item { position: relative; } .dropdown-item.disabled { cursor: default; } .dropdown-item > i, .dropdown-item > img { margin-left: -0.5rem; margin-right: 0.5rem; } .dropdown-item:not(.disabled) > i { color: #444c54; } .dropdown-group.show > .dropdown-item:not(.disabled) > i, .dropdown-item:not(.disabled):hover > i { color: #17191c; } .dropdown-item:not(.disabled):active > i, .dropdown-item:not(.disabled):focus > i { color: #17191c; } .dropdown-menu-flex .dropdown-item { display: flex; align-items: center; } .dropdown-menu-flex .dropdown-item > span { flex-grow: 1; } .dropdown-menu-flex .dropdown-item > em { font-style: normal; text-align: right; padding-left: 2rem; margin-left: auto; font-size: 90%; opacity: 0.8; } .navbar.navbar-slide .dropdown-menu { opacity: 0; display: block; visibility: hidden; transform: translateY(var(--y, -16px)); transition: transform 0.2s ease, opacity 0.275s ease-out; will-change: transform; } .navbar.navbar-slide .dropdown-menu.show { visibility: visible; transform: translateY(0); opacity: 1; } .card-deck .card { margin-bottom: 20px; } .card-shadow { box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 1px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(2px * var(--shadow-color-yoffset, 1)) 4px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)); } .card-body > p:last-child { margin-bottom: 0; } .card-footer .btn { font-weight: 400; } .card-body > *:last-child { margin-bottom: 0 !important; } .card-body.disabled { opacity: .5; } @media (min-width: 576px) { .card-deck.card-cols-sm-1 .card { -ms-flex: 1 0 100% !important; flex: 1 0 calc(100% - 20px) !important; max-width: calc(100% - 20px); } .card-deck.card-cols-sm-2 .card { -ms-flex: 0 0 50% !important; flex: 0 0 calc(50% - 20px) !important; max-width: calc(50% - 20px); } .card-deck.card-cols-sm-3 .card { -ms-flex: 0 0 33.333% !important; flex: 0 0 calc(33.333% - 20px) !important; max-width: calc(33.333% - 20px); } .card-deck.card-cols-sm-4 .card { -ms-flex: 0 0 25% !important; flex: 0 0 calc(25% - 20px) !important; max-width: calc(25% - 20px); } .card-deck.card-cols-sm-5 .card { -ms-flex: 0 0 20% !important; flex: 0 0 calc(20% - 20px) !important; max-width: calc(20% - 20px); } .card-deck.card-cols-sm-6 .card { -ms-flex: 0 0 16.666% !important; flex: 0 0 calc(16.666% - 20px) !important; max-width: calc(16.666% - 20px); } .card-group.card-cols-sm-1 .card { flex: 1 0 100% !important; max-width: 100%; } .card-group.card-cols-sm-2 .card { flex: 0 0 50% !important; max-width: 50%; } .card-group.card-cols-sm-3 .card { flex: 0 0 33.333% !important; max-width: 33.333%; } .card-group.card-cols-sm-4 .card { flex: 0 0 25% !important; max-width: 25%; } .card-group.card-cols-sm-5 .card { flex: 0 0 20% !important; max-width: 20%; } .card-group.card-cols-sm-6 .card { flex: 0 0 16.666% !important; max-width: 16.666%; } .card-columns.card-cols-sm-1 { column-count: 1; } .card-columns.card-cols-sm-2 { column-count: 2; } .card-columns.card-cols-sm-3 { column-count: 3; } .card-columns.card-cols-sm-4 { column-count: 4; } .card-columns.card-cols-sm-5 { column-count: 5; } .card-columns.card-cols-sm-6 { column-count: 6; } } @media (min-width: 768px) { .card-deck.card-cols-md-1 .card { -ms-flex: 1 0 100% !important; flex: 1 0 calc(100% - 20px) !important; max-width: calc(100% - 20px); } .card-deck.card-cols-md-2 .card { -ms-flex: 0 0 50% !important; flex: 0 0 calc(50% - 20px) !important; max-width: calc(50% - 20px); } .card-deck.card-cols-md-3 .card { -ms-flex: 0 0 33.333% !important; flex: 0 0 calc(33.333% - 20px) !important; max-width: calc(33.333% - 20px); } .card-deck.card-cols-md-4 .card { -ms-flex: 0 0 25% !important; flex: 0 0 calc(25% - 20px) !important; max-width: calc(25% - 20px); } .card-deck.card-cols-md-5 .card { -ms-flex: 0 0 20% !important; flex: 0 0 calc(20% - 20px) !important; max-width: calc(20% - 20px); } .card-deck.card-cols-md-6 .card { -ms-flex: 0 0 16.666% !important; flex: 0 0 calc(16.666% - 20px) !important; max-width: calc(16.666% - 20px); } .card-group.card-cols-md-1 .card { flex: 1 0 100% !important; max-width: 100%; } .card-group.card-cols-md-2 .card { flex: 0 0 50% !important; max-width: 50%; } .card-group.card-cols-md-3 .card { flex: 0 0 33.333% !important; max-width: 33.333%; } .card-group.card-cols-md-4 .card { flex: 0 0 25% !important; max-width: 25%; } .card-group.card-cols-md-5 .card { flex: 0 0 20% !important; max-width: 20%; } .card-group.card-cols-md-6 .card { flex: 0 0 16.666% !important; max-width: 16.666%; } .card-columns.card-cols-md-1 { column-count: 1; } .card-columns.card-cols-md-2 { column-count: 2; } .card-columns.card-cols-md-3 { column-count: 3; } .card-columns.card-cols-md-4 { column-count: 4; } .card-columns.card-cols-md-5 { column-count: 5; } .card-columns.card-cols-md-6 { column-count: 6; } } @media (min-width: 992px) { .card-deck.card-cols-lg-1 .card { -ms-flex: 1 0 100% !important; flex: 1 0 calc(100% - 20px) !important; max-width: calc(100% - 20px); } .card-deck.card-cols-lg-2 .card { -ms-flex: 0 0 50% !important; flex: 0 0 calc(50% - 20px) !important; max-width: calc(50% - 20px); } .card-deck.card-cols-lg-3 .card { -ms-flex: 0 0 33.333% !important; flex: 0 0 calc(33.333% - 20px) !important; max-width: calc(33.333% - 20px); } .card-deck.card-cols-lg-4 .card { -ms-flex: 0 0 25% !important; flex: 0 0 calc(25% - 20px) !important; max-width: calc(25% - 20px); } .card-deck.card-cols-lg-5 .card { -ms-flex: 0 0 20% !important; flex: 0 0 calc(20% - 20px) !important; max-width: calc(20% - 20px); } .card-deck.card-cols-lg-6 .card { -ms-flex: 0 0 16.666% !important; flex: 0 0 calc(16.666% - 20px) !important; max-width: calc(16.666% - 20px); } .card-group.card-cols-lg-1 .card { flex: 1 0 100% !important; max-width: 100%; } .card-group.card-cols-lg-2 .card { flex: 0 0 50% !important; max-width: 50%; } .card-group.card-cols-lg-3 .card { flex: 0 0 33.333% !important; max-width: 33.333%; } .card-group.card-cols-lg-4 .card { flex: 0 0 25% !important; max-width: 25%; } .card-group.card-cols-lg-5 .card { flex: 0 0 20% !important; max-width: 20%; } .card-group.card-cols-lg-6 .card { flex: 0 0 16.666% !important; max-width: 16.666%; } .card-columns.card-cols-lg-1 { column-count: 1; } .card-columns.card-cols-lg-2 { column-count: 2; } .card-columns.card-cols-lg-3 { column-count: 3; } .card-columns.card-cols-lg-4 { column-count: 4; } .card-columns.card-cols-lg-5 { column-count: 5; } .card-columns.card-cols-lg-6 { column-count: 6; } } @media (min-width: 1200px) { .card-deck.card-cols-xl-1 .card { -ms-flex: 1 0 100% !important; flex: 1 0 calc(100% - 20px) !important; max-width: calc(100% - 20px); } .card-deck.card-cols-xl-2 .card { -ms-flex: 0 0 50% !important; flex: 0 0 calc(50% - 20px) !important; max-width: calc(50% - 20px); } .card-deck.card-cols-xl-3 .card { -ms-flex: 0 0 33.333% !important; flex: 0 0 calc(33.333% - 20px) !important; max-width: calc(33.333% - 20px); } .card-deck.card-cols-xl-4 .card { -ms-flex: 0 0 25% !important; flex: 0 0 calc(25% - 20px) !important; max-width: calc(25% - 20px); } .card-deck.card-cols-xl-5 .card { -ms-flex: 0 0 20% !important; flex: 0 0 calc(20% - 20px) !important; max-width: calc(20% - 20px); } .card-deck.card-cols-xl-6 .card { -ms-flex: 0 0 16.666% !important; flex: 0 0 calc(16.666% - 20px) !important; max-width: calc(16.666% - 20px); } .card-group.card-cols-xl-1 .card { flex: 1 0 100% !important; max-width: 100%; } .card-group.card-cols-xl-2 .card { flex: 0 0 50% !important; max-width: 50%; } .card-group.card-cols-xl-3 .card { flex: 0 0 33.333% !important; max-width: 33.333%; } .card-group.card-cols-xl-4 .card { flex: 0 0 25% !important; max-width: 25%; } .card-group.card-cols-xl-5 .card { flex: 0 0 20% !important; max-width: 20%; } .card-group.card-cols-xl-6 .card { flex: 0 0 16.666% !important; max-width: 16.666%; } .card-columns.card-cols-xl-1 { column-count: 1; } .card-columns.card-cols-xl-2 { column-count: 2; } .card-columns.card-cols-xl-3 { column-count: 3; } .card-columns.card-cols-xl-4 { column-count: 4; } .card-columns.card-cols-xl-5 { column-count: 5; } .card-columns.card-cols-xl-6 { column-count: 6; } } input, textarea, select { font-weight: normal; } fieldset.content-group { margin-bottom: 2rem; } fieldset.content-group > legend { position: relative; font-size: 1rem; font-weight: normal; color: #b0bac3; text-transform: uppercase; margin-bottom: 1.2rem; } fieldset.content-group > legend:before { position: absolute; content: ' '; width: 100%; left: 0; top: 50%; height: 1px; background: rgba(0, 0, 0, 0.12); z-index: 0; } fieldset.content-group > legend > span { position: relative; display: inline-block; background: #fff; padding-right: 1rem; z-index: 1; } .form-group label:not(.form-check-label):not(.custom-control-label) { font-weight: 600; } .required > label:after { content: ' *'; } .form-text { line-height: 1.3; } .has-icon { position: relative; display: flex; } .has-icon .form-control { position: relative; z-index: 2; } .has-icon .input-group-icon { position: absolute; left: 0; z-index: 10; width: calc(2.65625rem + 2px); height: 100%; line-height: calc(2.65625rem + 2px); text-align: center; vertical-align: middle; } .has-icon .input-group-icon :before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .has-icon.has-icon-right .input-group-icon { left: auto; right: 0; } .has-icon.input-group-lg .input-group-icon { width: calc(3.08333rem + 2px); height: calc(3.08333rem + 2px); line-height: calc(3.08333rem + 2px); font-size: 1rem; } .has-icon.input-group-sm .input-group-icon { width: calc(2.3125rem + 2px); height: calc(2.3125rem + 2px); line-height: calc(2.3125rem + 2px); font-size: 0.875rem; } .has-icon:not(.has-icon-right) .form-control { padding-left: calc(2.65625rem + 2px); } .has-icon:not(.has-icon-right).input-group-lg .form-control { padding-left: calc(3.08333rem + 2px); } .has-icon:not(.has-icon-right).input-group-sm .form-control { padding-left: calc(2.3125rem + 2px); } .has-icon.has-icon-right .form-control { padding-right: calc(2.65625rem + 2px); } .has-icon.has-icon-right.input-group-lg .form-control { padding-right: calc(3.08333rem + 2px); } .has-icon.has-icon-right.input-group-sm .form-control { padding-right: calc(2.3125rem + 2px); } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-right: 0.25rem; } .wkit.touchevents .form-check { padding-left: 1.5rem; } .wkit.touchevents .form-check .form-check-input { margin-left: -1.5rem; } .wkit.touchevents .form-check .form-check-label { padding-top: 0.2rem; } .custom-range { -webkit-appearance: none; -moz-appearance: none; } .custom-range::-webkit-slider-thumb { -webkit-appearance: none; } .custom-range::-moz-range-thumb { -moz-appearance: none; } .validation-summary-valid > *:last-child, .validation-summary-errors > *:last-child { margin-bottom: 0; } .validation-summary-valid { display: none; } .field-validation-error { display: block; color: #ed7177; font-size: 0.875rem; margin-top: 0.25rem; width: 100%; } .is-valid:focus, .is-invalid:focus { box-shadow: none !important; } .required-text-input { display: none; } .breadcrumb-container, .breadcrumb { font-size: 0.875rem; } .breadcrumb-item { display: inline-flex; padding: 0 !important; } .breadcrumb-item:before { display: none !important; } .breadcrumb-item:after { display: inline-block; padding: 0 0.5rem; color: #8d9ba9; content: "/"; } div.breadcrumb-item:after { display: none; } .breadcrumb-item > a { color: #393f46 !important; } .pagination .page-nav { background-color: #fff; } .pagination .page-nav:hover { background-color: #f7f7f7; } .pagination .page-nav:first-of-type { margin-right: 0.25rem; } .pagination .page-nav:last-of-type { margin-left: 0.25rem; } .pagination .page-link { border-radius: 2px !important; margin-left: 0; text-decoration: none !important; } .pagination .shrinked .page-link { padding-left: 2px; padding-right: 2px; background-color: transparent !important; } .pagination .page-link:not(.page-nav) { border-color: transparent !important; } .pagination .active .page-link { font-weight: bold; } .pagination.pagination-xs .page-link { line-height: 1.4; font-size: 0.8125rem; padding: 0 6px; } .nav ~ .tab-content { margin: 1rem 0; } .nav-link-summary { display: none; } .nav-tabs-line { position: relative; } .nav-tabs-line .nav-item { position: relative; } .nav-tabs-line .nav-link { color: inherit; text-transform: none; font-weight: 600; font-size: 0.9375rem; text-align: center; position: relative; border-width: 0; background-color: transparent; padding: 0.825rem 1rem; transition: color 0.05s ease-in-out, background-color 0.05s ease-in-out; } .nav-tabs-line .nav-link:hover { color: #22262a; } .nav-tabs-line .nav-link:hover:not(.active) { background-color: rgba(0, 0, 0, 0.025); } .nav-tabs-line .nav-link:active:not(.active) { background-color: rgba(0, 0, 0, 0.05); } .nav-tabs-line .nav-link.active { color: #22262a; } .nav-tabs-line .nav-link.disabled { opacity: 0.4; } .nav-tabs-line .nav-link > i, .nav-tabs-line .nav-link > img { display: none; } .nav-tabs-line .nav-link .badge { vertical-align: text-top; } @media (min-width: 992px) { .nav-tabs-line .nav-link > i, .nav-tabs-line .nav-link > img { display: inline-block; } } .nav-tabs-line.nav-inverse .nav-link { color: rgba(255, 255, 255, 0.4); } .nav-tabs-line.nav-inverse .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .nav-tabs-line.nav-inverse .nav-link:hover:not(.active) { background-color: rgba(255, 255, 255, 0.08); } .nav-tabs-line.nav-inverse .nav-link:active:not(.active) { color: #fff; background-color: rgba(255, 255, 255, 0.16); } .nav-tabs-line.nav-inverse .nav-link.active { background-color: transparent; color: #fff; } .nav-tabs-line .nav-link:not(.disabled):before { position: absolute; content: ''; bottom: 0; left: 50%; right: 50%; height: 2px; background: rgba(0, 0, 0, 0.2); transition: all 0.12s ease-out; } .nav-tabs-line .nav-link:hover:before { left: 0; right: 0; } .nav-tabs-line .nav-link.active:before, .nav-tabs-line .nav-link.active:focus:before, .nav-tabs-line .nav-item.open .nav-link:before, .nav-tabs-line .nav-item.open .nav-link:focus:before { left: 0; right: 0; background: #ed7177; } .tabs-left .nav-tabs .nav-link { border-radius: 0.25rem 0 0 0.25rem; display: flex; align-items: baseline; } @media (min-width: 992px) { .tabs-left { flex-wrap: nowrap; } .tabs-left > .nav-aside > .nav-tabs-line { border-bottom: none; border-right: 1px solid #dee2e6; } .tabs-left > .nav-aside > .nav-tabs-line .nav-link:not(.disabled):before { display: none; } .tabs-left > .nav-aside > .nav-tabs-line .nav-item { margin: 0; margin-right: -1px; } .tabs-left > .nav-aside > .nav-tabs-line .nav-link { text-align: left; border: 1px solid transparent; border-left-width: 2px; transition: none; padding: 0.625rem 1.25rem; padding-right: 1.25rem; font-size: inherit; } .tabs-left > .nav-aside > .nav-tabs-line .nav-link > img, .tabs-left > .nav-aside > .nav-tabs-line .nav-link > i { margin-right: 0.75rem; margin-left: -0.5rem; } .tabs-left > .nav-aside > .nav-tabs-line .nav-link.active, .tabs-left > .nav-aside > .nav-tabs-line .nav-link.active:focus, .tabs-left > .nav-aside > .nav-tabs-line .nav-item.open .nav-link, .tabs-left > .nav-aside > .nav-tabs-line .nav-item.open .nav-link:focus { border-top-color: #dee2e6; border-bottom-color: #dee2e6; border-left-color: #ed7177; } } .tab-content-header { display: none; background-color: #f7f7f7; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .nav-responsive.collapsed { position: relative; } .nav-responsive.collapsed .nav-tabs { display: flex !important; flex-direction: column; } .nav-responsive.collapsed .nav-tabs .nav-link { position: relative; display: block; text-transform: none; font-weight: 600; text-align: left; color: #757676 !important; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0; padding: .75rem 2.5rem .75rem 1.25rem; margin-bottom: -1px; transition: background-color 0.12s linear; } @media screen and (prefers-reduced-motion: reduce) { .nav-responsive.collapsed .nav-tabs .nav-link { transition: none; } } .nav-responsive.collapsed .nav-tabs .nav-link .nav-link-summary { display: block; font-weight: 400; font-size: 0.9375rem; } .nav-responsive.collapsed .nav-tabs .nav-link:hover { color: #757676; background-color: #f5f5f5; } .nav-responsive.collapsed .nav-tabs .nav-link:active { background-color: #ebebeb; } .nav-responsive.collapsed .nav-tabs .nav-link:before { display: none; } .nav-responsive.collapsed .nav-tabs .nav-link:not(.disabled):after { font-weight: 300; font-family: "Font Awesome 5 Pro"; content: ""; font-size: 1.5rem; line-height: 1; position: absolute; font-size: 0.9375rem; right: 0.875rem; top: 50%; transform: translateY(-50%); } .nav-responsive.collapsed .nav-tabs .nav-item:first-child .nav-link { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-responsive.collapsed .nav-tabs .nav-item:last-child .nav-link { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .offcanvas-nav .tab-content { display: flex; flex-direction: column; max-height: 100%; } .offcanvas-nav .tab-content-header { display: block; flex-grow: 0; } .offcanvas-nav .tab-pane { flex-grow: 1; padding: 1.5rem; padding-top: 1rem; } .nav .nav-link > img, .nav .nav-link > i { vertical-align: baseline; font-size: inherit; margin-right: 0.5rem; color: #757676; } .nav .nav-link > img + span, .nav .nav-link > i + span { padding-left: 0 !important; } .nav .nav-link:hover > i, .nav .nav-link.active > i { color: inherit; } .nav .nav-link > .chevron { margin-left: 3px; } .nav .tabs-left .nav-link > i { min-width: 1rem; } @media (max-width: 767.98px) { .nav-collapsible { position: relative; } .nav-collapsible .nav-toggler { position: relative; line-height: 1.5; cursor: pointer; margin: 0; padding: 0.75rem 1rem; } .nav-collapsible .nav-toggler:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; line-height: 1; font-size: inherit; font-weight: 400; font-family: "Font Awesome 5 Pro"; content: ""; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); } .nav-collapsible .nav-toggler.collapsed:after { content: "\f107"; } .nav-collapsible .nav-collapse { padding: 0 1rem; } } @media (min-width: 768px) { .nav-collapsible .nav-collapse { display: block !important; height: auto !important; } } /* $modal-transition-duration: 0.4s; //$modal-transition-timing: cubic-bezier(0.25, 0.46, 0.45, 0.94); // easeOutQuad $modal-transition-timing: cubic-bezier(0.165, 0.84, 0.44, 1); // easeOutQuart //$modal-transition-timing: cubic-bezier(0.19, 1, 0.22, 1); // easeOutExpo */ /*.modal-backdrop.show { backdrop-filter: blur(20px); }*/ .modal-backdrop.fade { transition: opacity 0.25s ease-out; } .modal-backdrop.fade.show { transition: opacity 0.15s ease-out; } .modal.fade .modal-dialog { transition-property: opacity, transform; transition-duration: 0.25s; transition-timing-function: ease-out; transform: translate(0, 30px) scale(0.95, 0.95); will-change: transform, opacity; } .modal.fade.show .modal-dialog { transform: translate(0, 0) scale(1, 1); opacity: 1; } .modal-has-backdrop.modal-open #page { filter: blur(2px); transition: filter 0.25s ease-out 0.15s; } .modal-has-backdrop.modal-hiding #page { filter: blur(0); transition: filter 0.25s ease-out; } .modal-content iframe { width: 100%; } .modal-title { color: #8d9ba9; } .modal-dialog:not(.modal-flex) iframe { min-height: 300px; } .modal-dialog-app > .modal-content { border-radius: 0; } .modal-dialog-app > .modal-content > .modal-body { padding: 0; } .modal-closer { position: absolute; display: none; font-size: 2.5rem; padding: 0.5rem; padding-top: 0; top: 0; right: 0; line-height: 1; text-decoration: none !important; z-index: 1041; transition: color 0.1s; color: #8d9ba9; } .modal-closer:hover { color: inherit; } .modal[data-backdrop=true] > .modal-closer { color: #b3b3b3; } .modal[data-backdrop=true] > .modal-closer:hover { color: #fff; } .modal-dialog.modal-flex { position: fixed; margin: 0; width: auto; height: auto; max-width: none; left: 0; top: 0; bottom: 0; right: 0; } @media (min-width: 768px) { .modal-dialog.modal-flex { left: 3%; right: 3%; top: 2%; bottom: 2%; } .modal-dialog.modal-flex.modal-dialog-app { right: 2.5rem; } } @media (min-width: 1200px) { .modal-dialog.modal-flex.modal-dialog-app { right: 3%; } } @media (min-width: 800px) { .modal-dialog.modal-flex.modal-flex-sm { left: calc((100% / 2) - 400px); right: calc((100% / 2) - 400px); } } .modal-dialog.modal-flex .modal-content { max-height: none; overflow-y: auto; overflow-x: hidden; display: flex; flex-wrap: wrap; flex-direction: column; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .modal-dialog.modal-flex .modal-body { display: flex; flex-basis: 0; flex-grow: 1; flex-direction: column; overflow: auto; max-width: 100%; min-height: 1px; } .modal-dialog.modal-flex .modal-flex-fill-area { min-height: 100%; flex: 1; } .modal.modal-box { overflow-y: hidden; } .modal.modal-box .modal-header { border-bottom-width: 1px; padding-top: 0.75rem; padding-bottom: 0.75rem; } .modal.modal-box .modal-footer > .btn { min-width: 90px; margin-left: 0.25rem; } .modal.modal-box .modal-box-body { align-items: start; flex-wrap: wrap; } .modal.modal-box .modal-box-body > div + .modal-box-input { padding-top: 1rem; } .modal.modal-box .modal-box-message b { font-weight: 600; } .modal.modal-box .modal-footer { justify-content: flex-end; } .modal.modal-box .modal-box-center .modal-box-body { flex-direction: column; align-items: center; } .modal.modal-box .modal-box-center .modal-box-message { text-align: center; } .modal.modal-box .modal-box-center .modal-footer { justify-content: center; } .close { font-size: 1.5rem; line-height: 16px; font-weight: normal; outline: 0 !important; } .throbber { display: none; opacity: 0; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2147483640; background-color: rgba(0, 0, 0, 0.7); } .throbber.white { background-color: rgba(255, 255, 255, 0.85); } body > .throbber { position: fixed; } .throbber .throbber-flex { width: 100%; height: 100%; position: absolute; display: flex; align-items: center; justify-content: center; } .throbber .throbber-flex > * { text-align: center; } .throbber .throbber-content { display: block; overflow: hidden; line-height: 1.3; } .throbber .throbber-content:not(:empty) { margin-bottom: 2rem; } .throbber.large .throbber-content { font-size: 1.75rem; font-weight: 100; } .throbber.small .throbber-content { font-size: 1.125rem; font-weight: 300; } .throbber:not(.white) .throbber-content { color: #fff; } .spinner-container { position: relative; display: none; align-items: center; justify-content: center; } .spinner { position: relative; text-align: center; vertical-align: middle; display: none; } .spinner-container.active > .spinner, .spinner.active { background-color: transparent; border: none; display: inline-block; } .spinner.spinner-boxed { line-height: 1; border-radius: 50%; padding: 0.2em; background-color: #fff !important; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .spinner-container.active { display: flex; } .spinner svg { transform-origin: 50% 50% 0; animation: spinner-rotate 1.333s linear infinite; } html.ie .spinner svg { animation: spinner-rotate-ie 2.5s linear infinite; } .spinner .circle { fill: transparent; stroke: #ff9800; stroke-linecap: round; stroke-dasharray: 200.96; stroke-dashoffset: 58px; animation: spinner-dash 1.333s linear infinite, spinner-colors 10.644s linear infinite; } html.ie .spinner .circle { stroke-dashoffset: 80px; } @keyframes spinner-dash { 0% { stroke-dashoffset: 58px; } 50% { stroke-dashoffset: 200.96px; } 100% { stroke-dashoffset: 58px; } } @-webkit-keyframes spinner-dash { 0% { stroke-dashoffset: 58px; } 50% { stroke-dashoffset: 200.96px; } 100% { stroke-dashoffset: 58px; } } @keyframes spinner-rotate { 50% { transform: rotate(600deg); } 100% { transform: rotate(720deg); } } @-webkit-keyframes spinner-rotate { 50% { transform: rotate(600deg); } 100% { transform: rotate(720deg); } } @keyframes spinner-rotate-ie { 50% { transform: rotate(360deg); } 100% { transform: rotate(720deg); } } @keyframes spinner-colors { 0% { stroke: #3F51B5; } 20% { stroke: #09b7bf; } 40% { stroke: #90d36b; } 60% { stroke: #F44336; } 80% { stroke: #f90; } 100% { stroke: #3F51B5; } } @-webkit-keyframes spinner-colors { 0% { stroke: #3F51B5; } 20% { stroke: #09b7bf; } 40% { stroke: #90d36b; } 60% { stroke: #F44336; } 80% { stroke: #f90; } 100% { stroke: #3F51B5; } } .spinner.white .circle { stroke: #fff; animation-name: spinner-dash, spinner-rotate; } .circular-progress .wrapper { transform: rotate(-90deg); } .circular-progress .circle { stroke: #ed7177; } .circular-progress .circle, .circular-progress svg { animation: none; } .circular-progress .circle-below { stroke: #ccc; } .circular-progress .progress-text { position: absolute; top: 50%; bottom: 0; left: 0; right: 0; font-weight: 600; font-size: 10px; color: #8d9ba9; transform: translateY(-50%); line-height: 1rem; } .star-rating { display: inline-block; } .star-rating > label { margin: 0; } .star-rating:not(:checked) > input { position: absolute; top: -9999px; clip: rect(0, 0, 0, 0); } .star-rating:not(:checked) > label { float: right; overflow: hidden; white-space: nowrap; cursor: pointer; color: #bbb; padding: 0 2px; font-size: 22px; line-height: 22px; } .star-rating.star-rating-large:not(:checked) > label { font-size: 30px; line-height: 30px; } .star-rating.star-rating-small:not(:checked) > label { padding: 0 1px; font-size: 18px; line-height: 18px; } .star-rating.star-rating-mini:not(:checked) > label { padding: 0 1px; font-size: 14px; line-height: 14px; } .star-rating:not(:checked) > label:before { font-weight: 400; font-family: "Font Awesome 5 Pro"; content: ""; font-style: normal; } .star-rating > input:checked ~ label:before, .star-rating:not(:checked) > label:hover:before, .star-rating:not(:checked) > label:hover ~ label:before, .star-rating > input:checked + label:hover:before, .star-rating > input:checked + label:hover ~ label:before, .star-rating > input:checked ~ label:hover:before, .star-rating > input:checked ~ label:hover ~ label:before, .star-rating > label:hover ~ input:checked ~ label:before { font-weight: 900; font-family: "Font Awesome 5 Pro"; content: ""; } .star-rating > input:checked ~ label { color: #f9bc1b; } .star-rating:not(:checked) > label:hover, .star-rating:not(:checked) > label:hover ~ label { color: #f30; } .star-rating > label:active { position: relative; top: 1px; left: 1px; } .sortable-grip { position: absolute; left: 0; bottom: 0; height: 100%; width: 5px; cursor: move; visibility: hidden; opacity: 0; transition: opacity 0.1s ease-in-out; background-color: transparent; background-repeat: repeat; background-position: 0 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAcCAYAAABCgc61AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAC1JREFUKFNjOHPmzH8QBgIUNm4JEIENYxUE4VE7MDBWQRAetQMDYxX8//8/AwD+OQx3RnVSQgAAAABJRU5ErkJggg=="); } .sortable-item { position: relative; } .sortable-item:hover .sortable-grip { visibility: visible; opacity: 1; } .sortable-placeholder { border: 1px dotted #ccc; background: #f5f5f5; } /*.sortable-dragging { border: 1px dashed #CCC; background: none; }*/ .sortable-ghost { background-color: rgba(237, 113, 119, 0.1) !important; } .choice { margin-bottom: 1rem; } .col-form-label.required, .required.switch, .choice-label.required { color: inherit; font-weight: bold; } .col-form-label.required:after, .required.switch:after, .choice-label.required:after { content: ' *'; } .choice-item { display: inline-flex; align-items: center; } .choice-item-unavailable { color: #8d9ba9; } .choice-item-img, .choice-item-color { display: inline-block; text-decoration: none !important; margin-right: 0.4rem; overflow: hidden; } .choice-item-img { max-height: 1em; width: 1.25em; } .choice-item-img > img { max-width: 100%; height: auto; display: inherit; } .choice-item-color { width: 1em; height: 1em; padding: 0; } .choice-description { color: #8d9ba9; font-size: 0.875rem; margin-bottom: 0.5rem; } .choice-description > *:first-child { margin-top: 0; } .choice-description > *:last-child { margin-bottom: 0; } .choice-box-group { margin: 0; padding: 0; list-style-type: none; position: relative; margin: 0 -0.2rem; } .choice-box-group::after { display: block; clear: both; content: ""; } .choice-box-group .choice-box { position: relative; float: left; display: block; padding: 0.2rem; } .choice-box-group .choice-box-label { margin: 0; } .choice-box-group .choice-box-content { position: relative; display: block; cursor: pointer; } .choice-box-group .choice-box-content:after { box-sizing: content-box; position: absolute; display: block; right: -6px; top: -6px; background-color: #ed7177; border-radius: 50%; border: 1px solid #fff; width: 16px; height: 16px; line-height: 16px; text-align: center; vertical-align: middle; font-weight: 400; font-family: "Font Awesome 5 Pro"; content: ""; color: #fff; font-size: 10px; opacity: 0; transform: scale(0); transition: all 0.1s ease-in; } .choice-box-group .choice-box-element { display: inline-block; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #fff; transition: border-color 0.1s linear; height: 2.8rem; line-height: 2.8rem; min-width: 2.8rem; vertical-align: middle; text-align: center; overflow: hidden; font-weight: 600; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .choice-box-group .choice-box-element:hover { border-color: rgba(0, 0, 0, 0.7); } .choice-box-group .choice-box-element .choice-box-text { padding: 0 0.4rem; } .choice-box-group .choice-box-image-unavailable { opacity: .5; border: 1px dashed rgba(0, 0, 0, 0.3); } .choice-box-group .choice-box-color-unavailable { border: 1px dashed rgba(0, 0, 0, 0.7); /* &:after { display: block; position: absolute; content: ""; background: rgba(0,0,0, 0.3); transform: rotate(-56deg); width: 50px; //62px; height: 1px; left: -20px; right: -20px; top: 0; bottom: 0; margin: auto; }*/ } .choice-box-group .choice-box-disabled { opacity: .5; } .choice-box-group .choice-box-mediafile .choice-box-content { max-width: 6rem !important; } .choice-box-group .choice-box-mediafile .choice-box-content .file-img { object-fit: contain; max-width: 100%; } .choice-box-group .choice-box-control-native:checked + .choice-box-content .choice-box-element { border-color: rgba(0, 0, 0, 0.7); outline: 1px solid rgba(0, 0, 0, 0.7); } .choice-box-group .choice-box-control-native:checked + .choice-box-content:after { opacity: 1; transform: scale(1); } .choice-box-group .choice-box-control-native { display: none !important; } .choice-box-group.choice-box-group-xl .choice-box-element { height: 6rem; line-height: 6rem; min-width: 6rem; } .choice-box-group.choice-box-group-lg .choice-box-element { height: 4rem; line-height: 4rem; min-width: 4rem; } .choice-box-group.choice-box-group-sm .choice-box-element { height: 2.3rem; line-height: 2.3rem; min-width: 2.3rem; } /* PARENT CANVAS --------------------------------------------*/ .canvas-slidable { z-index: 0; transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .canvas-sliding-left .canvas-slidable { transform: translate3d(-320px, 0, 0); } .canvas-sliding-left.canvas-lg .canvas-slidable { transform: translate3d(-480px, 0, 0); } .canvas-sliding-left.canvas-fullscreen .canvas-slidable { transform: translate3d(-100%, 0, 0); } .canvas-sliding-right .canvas-slidable { transform: translate3d(320px, 0, 0); } .canvas-sliding-right.canvas-lg .canvas-slidable { transform: translate3d(480px, 0, 0); } .canvas-sliding-right.canvas-fullscreen .canvas-slidable { transform: translate3d(100%, 0, 0); } .canvas-sliding-left.canvas-overlay .canvas-slidable { transform: translate3d(-15%, 0, 0); } .canvas-sliding-right.canvas-overlay .canvas-slidable { transform: translate3d(15%, 0, 0); } .canvas-fullscreen .canvas-slidable { box-shadow: none !important; } body.canvas-noscroll { overflow: hidden; width: 100%; height: 100%; } /* TOGGLER --------------------------------------------*/ .navbar-toggler { position: relative; background-color: transparent; outline: none; } .navbar-toggler:focus { outline: none; } /* PARENT CANVAS BLOCKER --------------------------------------------*/ .canvas-blocker { position: fixed; z-index: 0 !important; width: 100%; top: 0; bottom: 0; background-color: #000; opacity: 0; transition: opacity 0.3s ease-out, transform 0.3s ease-out, z-index 0s linear 0.3s; overflow: hidden; } body.canvas-blocking .canvas-blocker { z-index: 1031 !important; opacity: 0.3; transition: opacity 0.3s ease-out, transform 0.3s ease-out, z-index 0s 0s !important; } /* OFFCANVAS ELEMENT --------------------------------------------*/ .offcanvas { position: fixed; display: block; visibility: hidden; top: 0; bottom: 0; z-index: 0; margin: 0; background-color: #fff; overflow-x: auto; transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0s ease 0.3s; width: 320px; left: 0; right: auto; transform: translate3d(-30%, 0, 0); } .offcanvas.offcanvas-right { left: auto !important; right: 0; transform: translate3d(30%, 0, 0); } .offcanvas.offcanvas-lg { width: 480px; } .offcanvas.offcanvas-fullscreen { width: 100%; } .offcanvas.offcanvas-push, .offcanvas.offcanvas-overlay { transform: translate3d(-100%, 0, 0); } .offcanvas.offcanvas-push.offcanvas-right, .offcanvas.offcanvas-overlay.offcanvas-right { transform: translate3d(100%, 0, 0); } .offcanvas.offcanvas-overlay { z-index: 99999; } .offcanvas.offcanvas-shadow { box-shadow: 0 0 24px rgba(0, 0, 0, 0.3); } @media (max-width: 320px) { .offcanvas.offcanvas { width: 100% !important; } } @media (max-width: 480px) { .offcanvas.offcanvas-lg { width: 100%; } } .offcanvas.offcanvas-push.on, .offcanvas.offcanvas-overlay.on, .offcanvas.offcanvas-right.on, .offcanvas.on { opacity: 1; visibility: visible; transition: transform 0.3s ease-out, opacity 0.3s ease-out; transform: translate3d(0, 0, 0); } .offcanvas-content { position: absolute; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; } .offcanvas-scrollable { touch-action: pan-y; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } /* OFFCANVAS TABS --------------------------------------------*/ .offcanvas-tabs { position: relative; flex-grow: 0; padding: 0; } .offcanvas-tabs .offcanvas-closer { border-radius: 0; } .offcanvas-tabs .nav-tabs { display: flex; flex-direction: row; overflow-x: hidden; overflow-y: hidden; flex-wrap: nowrap; } .touchevents .offcanvas-tabs .nav-tabs { overflow-x: auto; } .offcanvas-tabs .nav-item { display: block; flex-wrap: nowrap; white-space: nowrap; } .offcanvas-tabs .nav-link { border-radius: 0; max-width: 100%; padding-top: 1rem; padding-bottom: 1rem; color: #8d9ba9; } .offcanvas-tabs .nav-link.active { font-weight: 600; } .offcanvas-tabs .nav-link .badge { position: relative; right: 0; top: 0; } @media (max-width: 480px) { .offcanvas-tabs .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; } } /* LAYOUT OVERRIDES --------------------------------------------*/ .canvas-overlay .page-main { box-shadow: none; } .canvas-overlay .canvas-blocker { width: 200%; left: -50%; } :root { --section-color-1: #111214; --section-color-1-rgb: 17, 18, 20; --section-color-2: #393f46; --section-color-2-rgb: 57, 63, 70; --section-color-3: #818990; --section-color-3-rgb: 129, 137, 144; --section-color-4: #9fabb6; --section-color-4-rgb: 159, 171, 182; --section-bg: transparent; --display-dark-logo: block; --display-light-logo: none; } .section-primary { --display-dark-logo: none; --display-light-logo: block; --section-color-1: #fff; --section-color-1-rgb: 255, 255, 255; --section-color-2: #fde4e6; --section-color-2-rgb: 253.45, 227.55, 229.80217; --section-color-3: #fcd2d4; --section-color-3-rgb: 252.4, 209.6, 211.85263; --section-color-4: #fbbec0; --section-color-4-rgb: 250.5, 189.5, 191.75926; --section-bg: #ed7177; --section-bg-rgb: 237, 113, 119; background-color: var(--section-bg); } .section-secondary { --section-color-1: #111214; --section-color-1-rgb: 17, 18, 20; --section-color-2: #272b2f; --section-color-2-rgb: 39, 43, 47; --section-color-3: #272b2f; --section-color-3-rgb: 39, 43, 47; --section-color-4: #5b646d; --section-color-4-rgb: 91, 100, 109; --section-bg: #8d9ba9; --section-bg-rgb: 141, 155, 169; background-color: var(--section-bg); } .section-success { --display-dark-logo: none; --display-light-logo: block; --section-color-1: #fff; --section-color-1-rgb: 255, 255, 255; --section-color-2: #fde4e6; --section-color-2-rgb: 253.45, 227.55, 229.80217; --section-color-3: #fcd2d4; --section-color-3-rgb: 252.4, 209.6, 211.85263; --section-color-4: #fbbec0; --section-color-4-rgb: 250.5, 189.5, 191.75926; --section-bg: #ed7177; --section-bg-rgb: 237, 113, 119; background-color: var(--section-bg); } .section-info { --display-dark-logo: none; --display-light-logo: block; --section-color-1: #fff; --section-color-1-rgb: 255, 255, 255; --section-color-2: #d9eefd; --section-color-2-rgb: 217, 238.375, 253; --section-color-3: #c0e4fb; --section-color-3-rgb: 191.65, 227.69528, 251.35; --section-color-4: #a2d6f9; --section-color-4-rgb: 162.05, 213.96429, 248.95; --section-bg: #37a0e6; --section-bg-rgb: 55, 160, 230; background-color: var(--section-bg); } .section-warning { --display-dark-logo: none; --display-light-logo: block; --section-color-1: #fff; --section-color-1-rgb: 255, 255, 255; --section-color-2: #fde4e6; --section-color-2-rgb: 253.45, 227.55, 229.80217; --section-color-3: #fcd2d4; --section-color-3-rgb: 252.4, 209.6, 211.85263; --section-color-4: #fbbec0; --section-color-4-rgb: 250.5, 189.5, 191.75926; --section-bg: #ed7177; --section-bg-rgb: 237, 113, 119; background-color: var(--section-bg); } .section-danger { --display-dark-logo: none; --display-light-logo: block; --section-color-1: #fff; --section-color-1-rgb: 255, 255, 255; --section-color-2: #fde4e6; --section-color-2-rgb: 253.45, 227.55, 229.80217; --section-color-3: #fcd2d4; --section-color-3-rgb: 252.4, 209.6, 211.85263; --section-color-4: #fbbec0; --section-color-4-rgb: 250.5, 189.5, 191.75926; --section-bg: #ed7177; --section-bg-rgb: 237, 113, 119; background-color: var(--section-bg); } .section-light, .section-white { --section-color-1: #111214; --section-color-1-rgb: 17, 18, 20; --section-color-2: #3a3b3d; --section-color-2-rgb: 58, 59, 61; --section-color-3: #3a3b3d; --section-color-3-rgb: 58, 59, 61; --section-color-4: #9b9b9c; --section-color-4-rgb: 155, 155, 156; --section-bg: #f7f7f7; --section-bg-rgb: 247, 247, 247; background-color: var(--section-bg); } .section-dark { --display-dark-logo: none; --display-light-logo: block; --section-color-1: #fff; --section-color-1-rgb: 255, 255, 255; --section-color-2: #d3d8dd; --section-color-2-rgb: 211.1, 216, 220.9; --section-color-3: #b7bec6; --section-color-3-rgb: 182.5, 190, 197.5; --section-color-4: #94a3ab; --section-color-4-rgb: 148.45, 163.18333, 170.55; --section-bg: #22262a; --section-bg-rgb: 34, 38, 42; background-color: var(--section-bg); } .section-gray { --display-dark-logo: none; --display-light-logo: block; --section-color-1: #fff; --section-color-1-rgb: 255, 255, 255; --section-color-2: #e9e4e4; --section-color-2-rgb: 232.5, 227.5, 227.5; --section-color-3: #dad2d2; --section-color-3-rgb: 218.1, 209.9, 209.9; --section-color-4: #bcc9c9; --section-color-4-rgb: 187.95, 201.05, 201.05; --section-bg: #757676; --section-bg-rgb: 117, 118, 118; background-color: var(--section-bg); } .section-white { --section-bg: #fff; --display-dark-logo: block; --display-light-logo: none; } .section-color-1 { color: var(--section-color-1); } .section-color-2 { color: var(--section-color-2); } .section-color-3 { color: var(--section-color-3); } .section-color-4 { color: var(--section-color-4); } .section-link { color: var(--section-color-1) !important; } .section-link:hover { text-decoration: underline; } .bg-black { background-color: #000; } .bg-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: opacity 0.6s cubic-bezier(0.25, 1, 0.2, 1); } .bg-video { overflow: hidden; } .bg-video > video { position: relative; left: 50%; top: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); } @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices (only iOS supports -webkit-overflow-scrolling: touch) */ .bg-img { background-attachment: initial !important; } } .linear-gradient { background-image: linear-gradient(var(--gdir, 0deg), var(--cstart) var(--cstartpos, 0%), var(--cend) var(--cendpos, 100%)); } .radial-gradient { background-image: radial-gradient(var(--gdir, circle), var(--cstart) var(--cstartpos, 0%), var(--cend) var(--cendpos, 100%)); } .repeating-linear-gradient { background-image: repeating-linear-gradient(var(--gdir, 0deg), var(--cstart) var(--cstartpos, 0%), var(--cend) var(--cendpos, 100%)); } .repeating-radial-gradient { background-image: repeating-radial-gradient(var(--gdir, circle), var(--cstart) var(--cstartpos, 0%), var(--cend) var(--cendpos, 100%)); } .striped-linear-gradient, .striped-radial-gradient { --cp1: var(--cstartpos, 0%); --cp3: var(--cendpos, 100%); --cp2: calc(var(--cp1) + ((var(--cp3) - var(--cp1)) * var(--cmidpos, 0.5))); } .striped-linear-gradient { background-image: repeating-linear-gradient(var(--gdir, 0deg), var(--cstart) var(--cp1), var(--cstart) var(--cp2), var(--cend) var(--cp2), var(--cend) var(--cp3)); } .striped-radial-gradient { background-image: repeating-radial-gradient(var(--gdir, circle), var(--cstart) var(--cp1), var(--cstart) var(--cp2), var(--cend) var(--cp2), var(--cend) var(--cp3)); } .scrim-linear-gradient { background-image: linear-gradient(var(--gdir, 0deg), rgba(var(--cstart-rgb), 1) calc(0 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.738) calc(0.19 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.541) calc(0.34 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.382) calc(0.47 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.278) calc(0.565 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.194) calc(0.65 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.126) calc(0.73 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.075) calc(0.802 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.042) calc(0.861 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.021) calc(0.91 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.008) calc(0.952 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.002) calc(0.982 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0) calc(1 * var(--cendpos,100%))); } .scrim-radial-gradient { background-image: radial-gradient(var(--gdir, center), rgba(var(--cstart-rgb), 1) calc(0 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.738) calc(0.19 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.541) calc(0.34 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.382) calc(0.47 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.278) calc(0.565 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.194) calc(0.65 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.126) calc(0.73 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.075) calc(0.802 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.042) calc(0.861 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.021) calc(0.91 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.008) calc(0.952 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0.002) calc(0.982 * var(--cendpos,100%)), rgba(var(--cstart-rgb), 0) calc(1 * var(--cendpos,100%))); } .gradient-white { --cstart: #fff; --cstart-rgb: 255,255,255; --cend: #f5f5f5; --cend-rgb: 245,245,245; } .gradient-black { --cstart: #000; --cstart-rgb: 0,0,0; --cend: #22262a; --cend-rgb: 34,38,42; } .gradient-primary { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #bb595e; --cend-rgb: 187, 89, 94; } .gradient-primary-light { --cstart: #f18f94; --cstart-rgb: 241, 143, 148; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-primary-hue { --cstart: #c7c25f; --cstart-rgb: 199, 193.58065, 95; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-primary-rev { --cstart: #bb595e; --cstart-rgb: 187, 89, 94; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-primary-light-rev { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #f18f94; --cend-rgb: 241, 143, 148; } .gradient-primary-hue-rev { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #c7c25f; --cend-rgb: 199, 193.58065, 95; } .gradient-secondary { --cstart: #8d9ba9; --cstart-rgb: 141, 155, 169; --cend: #6e7883; --cend-rgb: 110, 120, 131; } .gradient-secondary-light { --cstart: #a6b1bc; --cstart-rgb: 166, 177, 188; --cend: #8d9ba9; --cend-rgb: 141, 155, 169; } .gradient-secondary-hue { --cstart: #7d768e; --cstart-rgb: 125, 118, 142; --cend: #8d9ba9; --cend-rgb: 141, 155, 169; } .gradient-secondary-rev { --cstart: #6e7883; --cstart-rgb: 110, 120, 131; --cend: #8d9ba9; --cend-rgb: 141, 155, 169; } .gradient-secondary-light-rev { --cstart: #8d9ba9; --cstart-rgb: 141, 155, 169; --cend: #a6b1bc; --cend-rgb: 166, 177, 188; } .gradient-secondary-hue-rev { --cstart: #8d9ba9; --cstart-rgb: 141, 155, 169; --cend: #7d768e; --cend-rgb: 125, 118, 142; } .gradient-success { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #bb595e; --cend-rgb: 187, 89, 94; } .gradient-success-light { --cstart: #f18f94; --cstart-rgb: 241, 143, 148; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-success-hue { --cstart: #c7c25f; --cstart-rgb: 199, 193.58065, 95; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-success-rev { --cstart: #bb595e; --cstart-rgb: 187, 89, 94; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-success-light-rev { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #f18f94; --cend-rgb: 241, 143, 148; } .gradient-success-hue-rev { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #c7c25f; --cend-rgb: 199, 193.58065, 95; } .gradient-info { --cstart: #37a0e6; --cstart-rgb: 55, 160, 230; --cend: #2a7bb1; --cend-rgb: 42, 123, 177; } .gradient-info-light { --cstart: #65b6ec; --cstart-rgb: 101, 182, 236; --cend: #37a0e6; --cend-rgb: 55, 160, 230; } .gradient-info-hue { --cstart: #492ec1; --cstart-rgb: 73.15, 46, 193; --cend: #37a0e6; --cend-rgb: 55, 160, 230; } .gradient-info-rev { --cstart: #2a7bb1; --cstart-rgb: 42, 123, 177; --cend: #37a0e6; --cend-rgb: 55, 160, 230; } .gradient-info-light-rev { --cstart: #37a0e6; --cstart-rgb: 55, 160, 230; --cend: #65b6ec; --cend-rgb: 101, 182, 236; } .gradient-info-hue-rev { --cstart: #37a0e6; --cstart-rgb: 55, 160, 230; --cend: #492ec1; --cend-rgb: 73.15, 46, 193; } .gradient-warning { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #bb595e; --cend-rgb: 187, 89, 94; } .gradient-warning-light { --cstart: #f18f94; --cstart-rgb: 241, 143, 148; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-warning-hue { --cstart: #c7c25f; --cstart-rgb: 199, 193.58065, 95; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-warning-rev { --cstart: #bb595e; --cstart-rgb: 187, 89, 94; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-warning-light-rev { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #f18f94; --cend-rgb: 241, 143, 148; } .gradient-warning-hue-rev { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #c7c25f; --cend-rgb: 199, 193.58065, 95; } .gradient-danger { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #bb595e; --cend-rgb: 187, 89, 94; } .gradient-danger-light { --cstart: #f18f94; --cstart-rgb: 241, 143, 148; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-danger-hue { --cstart: #c7c25f; --cstart-rgb: 199, 193.58065, 95; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-danger-rev { --cstart: #bb595e; --cstart-rgb: 187, 89, 94; --cend: #ed7177; --cend-rgb: 237, 113, 119; } .gradient-danger-light-rev { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #f18f94; --cend-rgb: 241, 143, 148; } .gradient-danger-hue-rev { --cstart: #ed7177; --cstart-rgb: 237, 113, 119; --cend: #c7c25f; --cend-rgb: 199, 193.58065, 95; } .gradient-light { --cstart: #f7f7f7; --cstart-rgb: 247, 247, 247; --cend: #cecece; --cend-rgb: 206, 206, 206; } .gradient-light-light { --cstart: #f8f8f8; --cstart-rgb: 248, 248, 248; --cend: #f7f7f7; --cend-rgb: 247, 247, 247; } .gradient-light-hue { --cstart: #cfcfcf; --cstart-rgb: 207, 207, 207; --cend: #f7f7f7; --cend-rgb: 247, 247, 247; } .gradient-light-rev { --cstart: #cecece; --cstart-rgb: 206, 206, 206; --cend: #f7f7f7; --cend-rgb: 247, 247, 247; } .gradient-light-light-rev { --cstart: #f7f7f7; --cstart-rgb: 247, 247, 247; --cend: #f8f8f8; --cend-rgb: 248, 248, 248; } .gradient-light-hue-rev { --cstart: #f7f7f7; --cstart-rgb: 247, 247, 247; --cend: #cfcfcf; --cend-rgb: 207, 207, 207; } .gradient-dark { --cstart: #22262a; --cstart-rgb: 34, 38, 42; --cend: #181b1e; --cend-rgb: 24, 27, 30; } .gradient-dark-light { --cstart: #636669; --cstart-rgb: 99, 102, 105; --cend: #22262a; --cend-rgb: 34, 38, 42; } .gradient-dark-hue { --cstart: #1f1d23; --cstart-rgb: 30.75, 29, 35; --cend: #22262a; --cend-rgb: 34, 38, 42; } .gradient-dark-rev { --cstart: #181b1e; --cstart-rgb: 24, 27, 30; --cend: #22262a; --cend-rgb: 34, 38, 42; } .gradient-dark-light-rev { --cstart: #22262a; --cstart-rgb: 34, 38, 42; --cend: #636669; --cend-rgb: 99, 102, 105; } .gradient-dark-hue-rev { --cstart: #22262a; --cstart-rgb: 34, 38, 42; --cend: #1f1d23; --cend-rgb: 30.75, 29, 35; } .gradient-gray { --cstart: #757676; --cstart-rgb: 117, 118, 118; --cend: #585959; --cend-rgb: 88, 89, 89; } .gradient-gray-light { --cstart: #979898; --cstart-rgb: 151, 152, 152; --cend: #757676; --cend-rgb: 117, 118, 118; } .gradient-gray-hue { --cstart: #626263; --cstart-rgb: 98, 98.25, 99; --cend: #757676; --cend-rgb: 117, 118, 118; } .gradient-gray-rev { --cstart: #585959; --cstart-rgb: 88, 89, 89; --cend: #757676; --cend-rgb: 117, 118, 118; } .gradient-gray-light-rev { --cstart: #757676; --cstart-rgb: 117, 118, 118; --cend: #979898; --cend-rgb: 151, 152, 152; } .gradient-gray-hue-rev { --cstart: #757676; --cstart-rgb: 117, 118, 118; --cend: #626263; --cend-rgb: 98, 98.25, 99; } .gradient-shade { --cend: rgba(var(--cstart-rgb), 0); --cend-rgb: var(--cstart-rgb); } .bg-rev { transform: rotate(180deg); left: auto; right: 0; top: auto; bottom: 0; } .bg-o-1 { opacity: 0.97; } .bg-o-2 { opacity: 0.92; } .bg-o-3 { opacity: 0.87; } .bg-o-4 { opacity: 0.82; } .bg-o-5 { opacity: 0.75; } .bg-o-6 { opacity: 0.70; } .bg-o-7 { opacity: 0.65; } .bg-o-8 { opacity: 0.50; } .bg-o-9 { opacity: 0.40; } .bg-o-0 { opacity: 0.00; } .bg-tint-1 .bg-overlay:not(.bg-divider) { opacity: 0.85 !important; } .bg-tint-1:hover .bg-overlay:not(.bg-divider) { opacity: 0.7 !important; } .bg-tint-1-rev .bg-overlay:not(.bg-divider) { opacity: 0.7 !important; } .bg-tint-1-rev:hover .bg-overlay:not(.bg-divider) { opacity: 0.85 !important; } .bg-tint-2 .bg-overlay:not(.bg-divider) { opacity: 0.7 !important; } .bg-tint-2:hover .bg-overlay:not(.bg-divider) { opacity: 0.55 !important; } .bg-tint-2-rev .bg-overlay:not(.bg-divider) { opacity: 0.55 !important; } .bg-tint-2-rev:hover .bg-overlay:not(.bg-divider) { opacity: 0.7 !important; } .bg-tint-3 .bg-overlay:not(.bg-divider) { opacity: 0.55 !important; } .bg-tint-3:hover .bg-overlay:not(.bg-divider) { opacity: 0.4 !important; } .bg-tint-3-rev .bg-overlay:not(.bg-divider) { opacity: 0.4 !important; } .bg-tint-3-rev:hover .bg-overlay:not(.bg-divider) { opacity: 0.55 !important; } .bg-blur { margin: -20px; filter: blur(10px); } .custom-scrollbar { --overflow-x: hidden; --overflow-y: auto; --scrollbar-size: 14px; --scrollbar-track-color: transparent; --scrollbar-track-hover-color: rgba(0,0,0, 0.05); --scrollbar-thumb-color: rgba(0,0,0, 0.2); --scrollbar-thumb-hover-color: rgba(0,0,0, 0.3); --scrollbar-thumb-active-color: rgba(0,0,0, 0.4); overflow-x: var(--overflow-x, hidden) !important; overflow-y: var(--overflow-y, auto) !important; } .custom-scrollbar::-webkit-scrollbar { width: var(--scrollbar-size); height: var(--scrollbar-size); } .custom-scrollbar::-webkit-scrollbar:disabled { display: none; } .custom-scrollbar::-webkit-scrollbar-track { background-clip: padding-box; background-color: var(--scrollbar-track-color); border: solid transparent; border-width: 0 0 0 4px; } .custom-scrollbar::-webkit-scrollbar-track:horizontal { border-width: 4px 0 0; } .custom-scrollbar::-webkit-scrollbar-track:hover { background-color: var(--scrollbar-track-hover-color); -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1); } .custom-scrollbar::-webkit-scrollbar-track:horizontal:hover { -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); } .custom-scrollbar::-webkit-scrollbar-track:active { background-color: var(--scrollbar-track-hover-color); -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), inset -1px 0 0 rgba(0, 0, 0, 0.07); } .custom-scrollbar::-webkit-scrollbar-track:horizontal:active { -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.07); } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-color); background-clip: padding-box; border: 1px solid transparent; border-left-width: 6px; min-height: 28px; padding: 100px 0 0; -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-thumb-hover-color); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); } .custom-scrollbar::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-thumb-active-color); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); } .custom-scrollbar::-webkit-scrollbar-button, .custom-scrollbar::-webkit-scrollbar-corner { cursor: pointer; background: transparent; } .custom-scrollbar::-webkit-scrollbar-button { width: 0; height: 0; } .wkit .custom-scrollbar.custom-scrollbar-overlay { --overflow-x: overlay; --overflow-y: overlay; } .custom-scrollbar.custom-scrollbar-overlay::-webkit-scrollbar { display: none; } .custom-scrollbar.custom-scrollbar-overlay:hover::-webkit-scrollbar { display: block; } .box-scale, .box-rise { will-change: transform, box-shadow; transition-property: transform, box-shadow; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.25, 1, 0.2, 1); z-index: 1; } .box-scale:hover { transform: scale(1.12); z-index: 2; } .box-rise:hover { transform: translateY(-8px); z-index: 2; /*&.shadow, &.shadow-sm { box-shadow: 0 1px 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)), 0 12px 16px -10px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)), 0 20px 40px -12px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.2)) !important; }*/ } .box-rise:hover.shadow-sm, header.box-rise.scroll:hover, .box-rise.hafta-urunler__text:hover, .box-rise.megamenu-section.scroll:hover, #offcanvas-menu .box-rise.ajax-cart-link:hover, #offcanvas-cart .box-rise.ajax-cart-link:hover, .box-rise:hover.shadow, .box-rise:hover.shadow-lg { box-shadow: var(--box-shadow) !important; } .box-rise:hover.shadow-sm, header.box-rise.scroll:hover, .box-rise.hafta-urunler__text:hover, .box-rise.megamenu-section.scroll:hover, #offcanvas-menu .box-rise.ajax-cart-link:hover, #offcanvas-cart .box-rise.ajax-cart-link:hover { --box-shadow: var(--box-shadow); } .box-rise:hover.shadow { --box-shadow: var(--box-shadow); } .box-rise:hover.shadow-lg { --box-shadow: 0 1px 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)), 0 8px 16px -4px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)), 0 24px 28px -12px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)), 0 38px 56px -12px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.18)); } .box-flat { transition-property: transform, color, box-shadow, background-color, background-image; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.25, 1, 0.2, 1); } .box-flat:not(:hover) { background-color: transparent !important; background-image: none !important; box-shadow: none !important; border-color: transparent !important; color: #393f46; } .box-flat:not(:hover) .bg-overlay:not(.bg-divider) { opacity: 0 !important; } .box-flat.box-flat-inverse:hover, .box-flat.box-flat-inverse:hover .g-icon > i { --box-color: #fff; --box-color-2: rgba(255, 255, 255, 0.85); color: var(--box-color) !important; } .box-img-wrapper { position: relative; overflow: hidden; } .box-img { width: 100%; height: auto; object-fit: cover; } .box-img-left .box-img, .box-img-right .box-img { height: 100%; } .box-img-scale, .g-block:hover > .g-block-inner > .box-img-wrapper > .box-img-scale-rev, .g-block:hover > .g-block-inner > .box-img-wrapper > .box-img-scale, .box-img-scale-rev, .g-block:hover > .g-block-inner > .box-img-wrapper > .box-img-scale { transition: transform 0.8s cubic-bezier(0.25, 1, 0.2, 1); backface-visibility: hidden; will-change: transform; } .box-img-scale, .g-block:hover > .g-block-inner > .box-img-wrapper > .box-img-scale-rev, .g-block:hover > .g-block-inner > .box-img-wrapper > .box-img-scale { transform: scale3d(1, 1, 1); } .box-img-scale-rev, .g-block:hover > .g-block-inner > .box-img-wrapper > .box-img-scale { transform: scale3d(1.12, 1.12, 1.12); } .box-img-left, .box-img-right { flex-flow: row; } .box-img-top, .box-img-bottom { flex-flow: column; } .box-img-background .g-block-content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } [dir=rtl] { direction: rtl; text-align: right; } [dir=rtl] body { text-align: right; } [dir=rtl] [dir=ltr] { direction: ltr; text-align: right; } .sm-gutters { margin-right: -0.5rem; margin-left: -0.5rem; } .sm-gutters > .col, .sm-gutters > [class*="col-"] { padding-right: 0.5rem; padding-left: 0.5rem; } .xs-gutters { margin-right: -0.25rem; margin-left: -0.25rem; } .xs-gutters > .col, .xs-gutters > [class*="col-"] { padding-right: 0.25rem; padding-left: 0.25rem; } .container-fluid { padding-left: 6%; padding-right: 6%; } .has-count[data-count]:after { content: "(" attr(data-count) ")"; position: relative; display: inline-block; opacity: 0.6; padding-left: 0.2rem; font-weight: 400; } .btn > i:not(.d-none) + span:not(:empty), .btn > i:not(.d-none) + em:not(:empty), .nav-link > i:not(.d-none) + span:not(:empty), .nav-link > i:not(.d-none) + em:not(:empty), .menubar-link > i:not(.d-none) + span:not(:empty), .menubar-link > i:not(.d-none) + em:not(:empty) { padding-left: 0.5em; } .btn > span:not(:empty) + i, .btn > em:not(:empty) + i, .nav-link > span:not(:empty) + i, .nav-link > em:not(:empty) + i, .menubar-link > span:not(:empty) + i, .menubar-link > em:not(:empty) + i { margin-left: 0.5em; } @keyframes data-binding { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(180deg); color: transparent; } 100% { transform: rotateY(360deg); } } .data-binding { animation: data-binding 0.5s ease-in-out; } .icm { font-size: 20px; display: inline-block; } .icm-2x { font-size: 40px; } .icm-3x { font-size: 60px; } .icm-4x { font-size: 80px; } .icm-5x { font-size: 100px; } .img-center-container { display: block; position: relative; height: 0; width: 100%; padding-top: calc(var(--img-aspect-ratio, 1) * 100%); text-decoration: none !important; outline: none !important; } .img-center-container > img, .img-center-container > figure { position: absolute; max-width: 100%; max-height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .html-editor-content img { max-width: 100%; height: auto !important; } .fit-fill { object-fit: fill; } .fit-contain { object-fit: contain; } .fit-cover { object-fit: cover; } .fit-scale-down { object-fit: scale-down; } .fit-none { object-fit: none; } .dropdown .badge { font-size: 0.8125rem; } .dropdown-item { padding-top: 0.5rem; padding-bottom: 0.5rem; } .popover-title { padding-top: 1rem; padding-bottom: 1rem; font-weight: 600; } .tooltip { font-size: 0.875rem; } .badge { border: 1px solid #fff; } .badge:not(.badge-pill) { border-radius: 0.2rem; } table th { font-weight: 600; } .embed-responsive-16by10::before { padding-top: 62.5%; } .list-group .list-group-item { overflow: hidden; } .list-group .list-group-item.active:before { position: absolute; display: block; content: ' '; left: -1px; top: -1px; bottom: -1px; width: 3px; background: #ed7177; } .list-group.has-icons .list-group-item { display: inline-flex; align-items: baseline; } .list-group.has-icons .list-group-item-icon { margin-right: 0.75rem; } .border-translucent { border-color: rgba(0, 0, 0, 0.12) !important; } .rounded, .rounded-top, .rounded-right, .rounded-bottom, .rounded-left { --border-radius: 0.25rem; --border-radius-inner: calc(0.25rem - 1px); } .rounded-sm { --border-radius: 0.2rem; --border-radius-inner: calc(0.2rem - 1px); border-radius: 0.2rem !important; } .rounded-lg { --border-radius: 0.3rem; --border-radius-inner: calc(0.3rem - 1px); border-radius: 0.3rem !important; } .rounded-xl { --border-radius: 0.6rem; --border-radius-inner: calc(0.6rem - 2px); border-radius: 0.6rem !important; } .rounded-circle { --border-radius: 50%; } .rounded-pill { --border-radius: 50rem; --border-radius-inner: calc(50rem - 1px); border-radius: 50rem; } .rounded-0 { --border-radius: 0; } .bg-gray-100 { background-color: #f5f5f5 !important; } .text-gray-100 { color: #f5f5f5 !important; } .bg-gray-200 { background-color: #f7f7f7 !important; } .text-gray-200 { color: #f7f7f7 !important; } .bg-gray-300 { background-color: #dee2e6 !important; } .text-gray-300 { color: #dee2e6 !important; } .bg-gray-400 { background-color: #ced4da !important; } .text-gray-400 { color: #ced4da !important; } .bg-gray-500 { background-color: #b0bac3 !important; } .text-gray-500 { color: #b0bac3 !important; } .bg-gray-600 { background-color: #8d9ba9 !important; } .text-gray-600 { color: #8d9ba9 !important; } .bg-gray-700 { background-color: #757676 !important; } .text-gray-700 { color: #757676 !important; } .bg-gray-800 { background-color: #393f46 !important; } .text-gray-800 { color: #393f46 !important; } .bg-gray-900 { background-color: #22262a !important; } .text-gray-900 { color: #22262a !important; } .shadow, .shadow-sm, header.scroll, .hafta-urunler__text, .megamenu-section.scroll, #offcanvas-menu .ajax-cart-link, #offcanvas-cart .ajax-cart-link, .shadow-lg, :root { --shadow-color-rgb: 0,0,0; --shadow-color-intensity: 1; } .shadow { --box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 6px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.08)), 0 calc(6px * var(--shadow-color-yoffset, 1)) 16px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)); } .shadow-sm, header.scroll, .hafta-urunler__text, .megamenu-section.scroll, #offcanvas-menu .ajax-cart-link, #offcanvas-cart .ajax-cart-link { --box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 1px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(2px * var(--shadow-color-yoffset, 1)) 4px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)); } .shadow-lg { --box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(8px * var(--shadow-color-yoffset, 1)) 20px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)), 0 calc(16px * var(--shadow-color-yoffset, 1)) 42px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)); } .shadow-primary { --lightness: 68.62745%; --shadow-color-intensity: 1.25 !important; --shadow-color-rgb: 119, 57, 60 !important; } .shadow-success { --lightness: 68.62745%; --shadow-color-intensity: 1.25 !important; --shadow-color-rgb: 119, 57, 60 !important; } .shadow-info { --lightness: 55.88235%; --shadow-color-intensity: 1.25 !important; --shadow-color-rgb: 28, 80, 115 !important; } .shadow-warning { --lightness: 68.62745%; --shadow-color-intensity: 1.25 !important; --shadow-color-rgb: 119, 57, 60 !important; } .shadow-danger { --lightness: 68.62745%; --shadow-color-intensity: 1.25 !important; --shadow-color-rgb: 119, 57, 60 !important; } .shadow-dark { --lightness: 14.90196%; --shadow-color-intensity: 1.25 !important; --shadow-color-rgb: 17, 19, 21 !important; } .shadow-gray { --lightness: 46.07843%; --shadow-color-intensity: 1.25 !important; --shadow-color-rgb: 59, 59, 59 !important; } .shadow-light { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); } .hide { display: none; } .animated { animation-duration: 0.5s; animation-fill-mode: both; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-20px, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(20px, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } .fadeOutRight { animation-name: fadeOutRight; } .fadeInUp { animation-name: fadeInUp; } .fadeInDown { animation-name: fadeInDown; } @media (max-width: 767.98px) { .mp-results { display: none !important; } } .ui-effects-transfer, .transfer { border: 2px dotted #757676 !important; background: transparent; z-index: 100000; } .h-medium { min-height: 400px; } .h-tall { min-height: 700px; } @media (min-width: 576px) { .h-sm-medium { min-height: 400px; } .h-sm-tall { min-height: 700px; } } @media (min-width: 768px) { .h-md-medium { min-height: 400px; } .h-md-tall { min-height: 700px; } } @media (min-width: 992px) { .h-lg-medium { min-height: 400px; } .h-lg-tall { min-height: 700px; } } @media (min-width: 1200px) { .h-xl-medium { min-height: 400px; } .h-xl-tall { min-height: 700px; } } .flip-h { transform: scale(-1, 1) translate(var(--offset-x, 0), var(--offset-y, 0)); } .flip-v { transform: scale(1, -1) translate(var(--offset-x, 0), var(--offset-y, 0)); } .flip-hv { transform: scale(-1, -1) translate(var(--offset-x, 0), var(--offset-y, 0)); } .rotate-90 { transform: rotate(90deg) translate(var(--offset-x, 0), var(--offset-y, 0)); } .rotate-180 { transform: rotate(180deg) translate(var(--offset-x, 0), var(--offset-y, 0)); } .rotate-270 { transform: rotate(270deg) translate(var(--offset-x, 0), var(--offset-y, 0)); } html:not(.edge) .parallax[data-parallax-type=content] { will-change: transform; } html:not(.edge) .parallax[data-parallax-type=content].parallax-smooth { transition: transform 0.15s cubic-bezier(0.25, 0.57, 0.63, 0.8); } .no-anims, .no-anims * { transition-property: none !important; transition-duration: 0 !important; animation: none !important; } .gloss { overflow: hidden; position: relative; } .gloss:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0)); transition: transform .8s, opacity 0s; transform: scale3d(1.8, 1.3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); opacity: 0; z-index: 100; } .gloss.active:before, .gloss.gloss-hover:hover:before, .gloss.gloss-focus:focus:before { transform: scale3d(1.8, 1.3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 240%, 0); opacity: 1; } .gloss.gloss-tall:before { width: 142%; } .gloss.gloss-wide:before { transform: scale3d(1.8, 1.3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -240%, 0); } .gloss.gloss-fast:before { transition: transform .5s, opacity 0s; } .gloss.gloss-back:before { opacity: 1; } .last-mb-0:last-child { margin-bottom: 0 !important; } /* On/Off switch button -------------------------------------------------------------- */ .switch { --switcher-w: 2.8125rem; --switcher-h: 1.40625rem; --switch-size: calc(var(--switcher-h) - 4px); --switch-bg-rgb: 238, 155, 0; position: relative; display: inline-block; vertical-align: bottom; margin: 0; user-select: none; box-sizing: content-box; font-size: 0.725em !important; width: var(--switcher-w); height: var(--switcher-h); } .switch.switch-blue { --switch-bg-rgb: 55, 160, 230; } .switcher-sm > .switch { --switcher-w: 2.625rem; --switcher-h: 1.3125rem; } .switch > .switch-toggle { position: relative; display: inline-block; vertical-align: middle; width: 100%; height: 100%; border-radius: 1.40625rem; background-color: #f7f7f7; border: 1px solid rgba(0, 0, 0, 0.15); cursor: pointer; transition: background-color 0.2s cubic-bezier(0.54, 1.85, 0.5, 1), box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out; } .switch > .switch-toggle:before { position: absolute; left: 2px; top: 2px; content: ' '; width: calc(var(--switch-size) - 2px); height: calc(var(--switch-size) - 2px); border-radius: 50%; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); transition: left 0.2s cubic-bezier(0.54, 1.85, 0.5, 1); } .switch > input[type=checkbox] { position: absolute; z-index: -1; opacity: 0; margin: 0; } .switch > input[type=checkbox]:checked ~ .switch-toggle { background-color: rgba(var(--switch-bg-rgb), 1); border-color: rgba(var(--switch-bg-rgb), 1); } .switch > input[type=checkbox]:checked ~ .switch-toggle:before { left: calc(var(--switcher-w) - var(--switch-size) - 2px); } .switch > input[type=checkbox]:focus ~ .switch-toggle { box-shadow: 0 0 0 0.2rem rgba(var(--switch-bg-rgb), 0.25); } .switch > input[type=checkbox]:disabled ~ .switch-toggle, .switch > input[type=checkbox][readonly] ~ .switch-toggle { opacity: 0.5; cursor: default; border-color: transparent; box-shadow: none !important; } .file-figure { position: relative; display: flex; justify-content: center; margin-bottom: 0; } .file-icon, .file-thumb { align-self: center; opacity: 0; transition: opacity 0.65s ease; } .file-icon.show, .file-thumb.show { opacity: 1; } .file-icon { position: absolute; } .file-thumb { position: relative; font-size: 1rem; } .file-thumb > img { position: relative; display: inline-block; } .file-thumb.show[data-type=video]:before { position: absolute; display: block; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 1; } .file-thumb.show[data-type=video]:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; line-height: 1; font-size: inherit; font-weight: 900; font-family: "Font Awesome 5 Pro"; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); z-index: 2; } .select2-container--bootstrap { display: block; --shadow-color-intensity: 0.5; /*------------------------------------*\ #COMMON STYLES \*------------------------------------*/ /** * Search field in the Select2 dropdown. */ /** * No outline for all search fields - in the dropdown * and inline in multi Select2s. */ /** * Adjust Select2's choices hover and selected styles to match * Bootstrap 4's default dropdown styles. * * @see http://getbootstrap.com/components/#dropdowns */ /*------------------------------------*\ #DROPDOWN \*------------------------------------*/ /** * Dropdown border color and box-shadow. */ /** * Limit the dropdown height. */ /*------------------------------------*\ #SINGLE SELECT2 \*------------------------------------*/ /*------------------------------------*\ #MULTIPLE SELECT2 \*------------------------------------*/ /** * Address Bootstrap control sizing classes * * 1. Reset Bootstrap defaults. * 2. Adjust the dropdown arrow button icon position. * * @see http://getbootstrap.com/css/#forms-control-sizes */ /* 1 */ /*.form-control-lg + .select2-container--open select2-selection, .input-group-lg & .select2-container--open .select2-selection { @include dropdown-arrow; }*/ /*------------------------------------*\ #SMNET SPECIFIC STYLES \*------------------------------------*/ /*------------------------------------*\ #RTL SUPPORT \*------------------------------------*/ } .select2-container--bootstrap .select2-selection { box-shadow: none; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; color: #757676; font-size: 0.9375rem; outline: 0; } .select2-container--bootstrap .select2-selection.form-control { border-radius: 0.25rem; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { box-shadow: none; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; color: #757676; font-size: 0.9375rem; border-radius: 0; } .select2-container--bootstrap .select2-search__field { outline: 0; /* Firefox 18- */ /** * Firefox 19+ * * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox */ } .select2-container--bootstrap .select2-search__field:focus { border-color: #fef9f9; } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #8d9ba9; } .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #8d9ba9; } .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #8d9ba9; opacity: 1; } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #8d9ba9; } .select2-container--bootstrap .select2-results__option { padding: 0.5rem 1rem; } .select2-container--bootstrap .select2-results__option[role=group] { padding: 0; } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #8d9ba9; cursor: not-allowed; } .select2-container--bootstrap .select2-results__option[aria-selected=true] { color: #22262a; font-weight: 600; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #f5f5f5; color: #22262a; } .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 0.5rem 1rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -1rem; padding-left: 2rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2rem; padding-left: 3rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3rem; padding-left: 4rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4rem; padding-left: 5rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5rem; padding-left: 6rem; } .select2-container--bootstrap .select2-results__group { color: inherit; display: block; padding: 0.625rem 1rem; white-space: nowrap; font-weight: 600; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .select2-container--bootstrap .select2-results__group .select2-option { font-size: 0.9375rem; line-height: 1.5; } .select2-container--bootstrap.select2-container--focus .select2-selection { border-color: #fef9f9; } .select2-container--bootstrap.select2-container--open .select2-selection { box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(8px * var(--shadow-color-yoffset, 1)) 20px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)), 0 calc(16px * var(--shadow-color-yoffset, 1)) 42px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)); border-color: #ced4da; } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { --shadow-color-yoffset: -0.5; } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #757676 transparent; border-width: 0 0.35rem 0.35rem 0.35rem; } .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-color: transparent; } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { border-top-left-radius: 0; border-top-right-radius: 0; border-top-color: transparent; } .select2-container--bootstrap .select2-selection__clear { color: #8d9ba9; cursor: pointer; float: right; font-weight: bold; } .select2-container--bootstrap .select2-selection__clear:hover { color: #393f46; } .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #ced4da; box-shadow: none; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-search__field { cursor: not-allowed; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #f7f7f7; } .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; } .select2-container--bootstrap .select2-dropdown { box-shadow: 0 calc(1px * var(--shadow-color-yoffset, 1)) 2px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(3px * var(--shadow-color-yoffset, 1)) 8px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.06)), 0 calc(8px * var(--shadow-color-yoffset, 1)) 20px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.1)), 0 calc(16px * var(--shadow-color-yoffset, 1)) 42px rgba(var(--shadow-color-rgb), calc(var(--shadow-color-intensity, 1) * 0.12)); clip-path: inset(0 -100px -100px -100px); border-color: #ced4da; overflow-x: hidden; margin-top: -1px; } .select2-container--bootstrap .select2-dropdown--above { --shadow-color-yoffset: -0.5; clip-path: inset(-100px -100px 0 -100px); margin-top: 1px; } .select2-container--bootstrap .select2-results > .select2-results__options { max-height: 320px; overflow-y: auto; } .select2-container--bootstrap .select2-selection--single { height: calc(2.65625rem + 2px); line-height: 1.5; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1rem; padding-right: calc(calc(2.65625rem + 2px) + 0.5rem); --border-radius: 0.25rem; /** * Adjust the single Select2's dropdown arrow button appearance. */ } .select2-container--bootstrap .select2-selection--single .select2-selection__clear { margin-top: -2px; margin-right: 4px; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; top: 1px; bottom: 1px; right: 1px; border: 0 solid #ced4da; border-left-width: 1px; width: calc(calc(2.65625rem + 2px) - 2px); background-color: #f5f5f5; border-radius: var(--border-radius); border-top-left-radius: 0; border-bottom-left-radius: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-color: #757676 transparent transparent transparent; border-style: solid; border-width: 0.35rem 0.35rem 0 0.35rem; height: 0; margin-left: -0.35rem; margin-top: -0.175rem; position: absolute; top: 50%; width: 0; left: 50%; } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #757676; padding: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #8d9ba9; } .select2-container--bootstrap .select2-selection--multiple { min-height: calc(2.65625rem + 2px); padding: 0; height: auto; /** * Make Multi Select2's choices match Bootstrap 3's default button styles. */ /** * Minus 2px borders. */ /** * Clear the selection. */ } .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 1.5; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #8d9ba9; float: left; margin-top: 5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #757676; background: #8d9ba9; background: #f5f5f5; border: 1px solid #ced4da; border-radius: 2px; cursor: default; float: left; margin: 0.625rem 0 0 0.5rem; transform: translateY(-1px); padding: 0 0.625rem; } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 1rem; height: calc(calc(2.65625rem + 2px) - 2px); line-height: 1.5; margin-top: 0; width: 100% !important; min-width: 5em; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: #8d9ba9; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 0.3125rem; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #393f46; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 0.625rem; margin-right: 1rem; } .select2-container--bootstrap .select2-selection--single.input-sm, .form-control-sm + .select2-container--bootstrap .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single { border-radius: 0.2rem; font-size: 0.875rem; height: calc(2.3125rem + 2px); line-height: 1.5; padding: 0.5rem 1.8rem 0.5rem 0.75rem; --border-radius: 0.2rem; /* 2 */ } .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow, .form-control-sm + .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { width: calc(calc(2.3125rem + 2px) - 2px); border-radius: 0.25rem; } .select2-container--bootstrap .select2-selection--multiple.input-sm, .form-control-sm + .select2-container--bootstrap .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple { min-height: calc(2.3125rem + 2px); border-radius: 0.2rem; } .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice, .form-control-sm + .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 0.875rem; line-height: 1.5; margin: 0.625rem 0 0 0.375rem; padding: 0 0.5rem; } .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, .form-control-sm + .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 0.75rem; font-size: 0.875rem; line-height: 1.5; height: calc(2.3125rem + 2px); } .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear, .form-control-sm + .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 0.5rem; } .select2-container--bootstrap .select2-selection--single.input-lg, .form-control-lg + .select2-container--bootstrap .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single { border-radius: 0.3rem; font-size: 1rem; height: calc(3.08333rem + 2px); line-height: 1.33333; padding-top: 0.875rem; padding-right: calc(calc(3.08333rem + 2px) + 0.7rem); padding-bottom: 0.875rem; padding-left: 1.5rem; --border-radius: 0.3rem; /* 1 */ } .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow, .form-control-lg + .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { width: calc(calc(3.08333rem + 2px) - 2px); } .select2-container--bootstrap .select2-selection--multiple.input-lg, .form-control-lg + .select2-container--bootstrap .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple { min-height: calc(3.08333rem + 2px); border-radius: 0.3rem; } .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice, .form-control-lg + .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 1rem; line-height: 1.33333; border-radius: 0.2rem; margin: 0.98438rem 0 0 0.375rem; padding: 0 0.875rem; } .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field, .form-control-lg + .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 0.375rem; font-size: 1rem; height: calc(3.08333rem + 2px); line-height: 1.33333; } .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear, .form-control-lg + .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 0.875rem; } .select2-container--bootstrap.select2-container--open .select2-selection { background-color: #f5f5f5; } .select2-container--bootstrap.select2-container--open .select2-selection__arrow { border-color: transparent; } .select2-container--bootstrap .select2-results { background: #fff; } .select2-container--bootstrap .select2-results__option { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .select2-container--bootstrap .select2-results__option > .select2-option, .select2-container--bootstrap .select2-results__option > .select2-item-description { display: block; font-size: 0.75rem; padding-left: 18px; } .select2-container--bootstrap .select2-results__option > .select2-option:before { position: absolute; left: 1rem; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; line-height: 1; font-size: inherit; font-weight: 400; font-family: "Font Awesome 5 Pro"; content: ""; color: #ed7177; text-align: left; width: 18px; line-height: 1.5; visibility: hidden; } .select2-container--bootstrap .select2-results__option > .select2-item-description { font-weight: normal; } .select2-container--bootstrap .select2-results__option[aria-selected=true] > .select2-option:before { visibility: visible; } .select2-container--bootstrap .select2-results__option .select2-item-btn { position: relative; top: -3px; opacity: 0.0; transition: opacity 0.05s linear; } .select2-container--bootstrap .select2-results__option .select2-item-btn > a.btn { color: unset; width: 25px; height: 25px; } .select2-container--bootstrap .select2-results__option .select2-item-btn > a.btn > i { width: unset; } .select2-container--bootstrap .select2-results__option:hover .select2-item-btn { opacity: 1; } .select2-container--bootstrap .select2-results__option .select2-item-link { font-weight: 600; font-size: 0.9375rem; line-height: 1.5; } .select2-container--bootstrap .select2-results__option:last-child { border-bottom-width: 0; } .select2-container--bootstrap .select2-dropdown--below .select2-results { border-top: 1px solid gainsboro; } .select2-container--bootstrap .select2-dropdown--above .select2-results { border-bottom: 1px solid gainsboro; } .select2-container--bootstrap .select2-search--dropdown { padding: 0 1rem 0.5rem 1rem; background-color: #f5f5f5; } .select2-container--bootstrap .select2-dropdown--above .select2-search--dropdown { padding-bottom: 0.5rem; padding-top: 0.5rem; } .select2-container--bootstrap .select2-selection--single.select-customtemplate, .select2-container--bootstrap .drop-customtemplate .select2-results__option { padding-left: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .select2-container--bootstrap .select2-selection--single.select-customtemplate { display: flex; align-items: center; } .select2-container--bootstrap .select2-selection--single.select-customtemplate > .select2-selection__rendered { width: 100%; } .select2-container--bootstrap .select2-selection--single.select-customtemplate > .select2-selection__rendered > .select2-selection__clear { margin-top: 5px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single { padding-right: 1rem; padding-left: calc(calc(2.65625rem + 2px) + 0.5rem); } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; margin-left: 4px; margin-right: initial; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; border-left-width: 0; border-right-width: 1px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 0.5rem; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--bootstrap > [dir="rtl"] .select2-results__option > .select2-option { padding-right: 18px; padding-left: initial; } .select2-container--bootstrap > [dir="rtl"] .select2-results__option > .select2-option:before { right: 1rem; left: auto; text-align: right; } /*------------------------------------*\ #ADDITIONAL GOODIES \*------------------------------------*/ /** * Address Bootstrap's validation states * * If a Select2 widget parent has one of Bootstrap's validation state modifier * classes, adjust Select2's border colors and focus states accordingly. * You may apply said classes to the Select2 dropdown (body > .select2-container) * via JavaScript match Bootstraps' to make its styles match. * * @see http://getbootstrap.com/css/#forms-control-validation */ /*select.is-valid + .select2:not(.select2-container--open) { @include validation-state-focus($form-feedback-valid-color); }*/ /*.has-warning { @include validation-state-focus(theme-color-level("warning", 1)); }*/ select.is-invalid + .select2:not(.select2-container--open) { /*.select2-container--focus .select2-selection, .select2-container--open .select2-selection { box-shadow: $shadow; border-color: darken($color, 10%); } &.select2-drop-active { border-color: darken($color, 10%); &.select2-drop.select2-drop-above { border-top-color: darken($color, 10%); } }*/ } select.is-invalid + .select2:not(.select2-container--open) .select2-dropdown, select.is-invalid + .select2:not(.select2-container--open) .select2-selection { border-color: #ed7177; } /** * Select2 widgets in Bootstrap Input Groups * * When Select2 widgets are combined with other elements using Bootstraps * "Input Group" component, we don't want specific edges of the Select2 * container to have a border-radius. * * Use .select2-bootstrap-prepend and .select2-bootstrap-append on * a Bootstrap 3 .input-group to let the contained Select2 widget know which * edges should not be rounded as they are directly followed by another element. * * @see http://getbootstrap.com/components/#input-groups */ /** * Mimick Bootstraps .input-group .form-control styles. * * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less */ .input-group .select2-container--bootstrap { flex: 1 1 auto; width: 1%; z-index: 2; margin-bottom: 0; /** * Adjust z-index like Bootstrap does to show the focus-box-shadow * above appended buttons in .input-group and .form-group. */ } .input-group .select2-container--bootstrap.select2-container--open, .input-group .select2-container--bootstrap.select2-container--focus { z-index: 3; } .input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection { border-top-right-radius: 0; border-bottom-right-radius: 0; } /** * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address * Multi Select2's height which - depending on how many elements have been selected - * may grow taller than its initial size. * * @see http://getbootstrap.com/components/#input-groups */ .select2-bootstrap-append .select2-container--bootstrap, .select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .select2-container--bootstrap, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn { vertical-align: top; } /** * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9 * * Provides `!important` for certain properties of the class applied to the * original `