Created
October 19, 2019 10:58
-
-
Save nadjak77/cc199b47dc8309c16341a3776c817048 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --blue: #1a466b; | |
| --indigo: #0377be; | |
| --purple: #6f42c1; | |
| --pink: #e83e8c; | |
| --red: #c52827; | |
| --orange: #fd7e14; | |
| --yellow: #ffb107; | |
| --green: #2f7d32; | |
| --teal: #20c997; | |
| --cyan: #108193; | |
| --white: #fff; | |
| --gray: #6c757d; | |
| --gray-dark: #343a40; | |
| --card-bg: #fff; | |
| --toolbar-bg: whitesmoke; | |
| --success-border: #2f7d32; | |
| --info-border: #108193; | |
| --warning-border: #ffb107; | |
| --danger-border: #c52827; | |
| --login-main-bg: #12314a; | |
| --border: #cdcdcd; | |
| --white-offset: #fefefe; | |
| --focus: #39f; | |
| --toggle-color: #fff; | |
| --atum-bg-light: #e8e8e8; | |
| --atum-text-light: #fff; | |
| --atum-special-color: #001B4C; | |
| --atum-link-color: #1757A1; | |
| --atum-link-hover-color: #0a2748; | |
| --atum-contrast: #2aac90; | |
| --atum-bg-dark-5: #e8e8e8; | |
| --atum-bg-dark-10: #dadada; | |
| --atum-bg-dark-20: #bbbbbb; | |
| --atum-bg-dark-30: #949ba0; | |
| --atum-bg-dark-40: #5f7e92; | |
| --atum-bg-dark-50: #326186; | |
| --atum-bg-dark-70: #143252; | |
| --atum-bg-dark-80: #0e223c; | |
| --atum-bg-dark-90: #091425; | |
| --primary: #1a466b; | |
| --secondary: #495057; | |
| --success: #2f7d32; | |
| --info: #108193; | |
| --warning: #ffb107; | |
| --danger: #c52827; | |
| --light: #f8f9fa; | |
| --dark: #212529; | |
| --atum-link-color: #1757A1; | |
| --atum-text-dark: #495057; | |
| --atum-bg-dark: #1a466b; | |
| --action: #1a466b; | |
| --error: #3b0d0c; | |
| --alert-success: #0f2f21; | |
| --breakpoint-xs: 0; | |
| --breakpoint-sm: 576px; | |
| --breakpoint-md: 768px; | |
| --breakpoint-lg: 992px; | |
| --breakpoint-xl: 1200px; | |
| --font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | |
| --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } | |
| @media print { | |
| *, | |
| *::before, | |
| *::after { | |
| text-shadow: none !important; | |
| box-shadow: none !important; } | |
| a:not(.btn) { | |
| text-decoration: underline; } | |
| abbr[title]::after { | |
| content: " (" attr(title) ")"; } | |
| pre { | |
| white-space: pre-wrap !important; } | |
| pre, | |
| blockquote { | |
| border: 1px solid #adb5bd; | |
| page-break-inside: avoid; } | |
| thead { | |
| display: table-header-group; } | |
| tr, | |
| img { | |
| page-break-inside: avoid; } | |
| p, | |
| h2, | |
| h3 { | |
| orphans: 3; | |
| widows: 3; } | |
| h2, | |
| h3 { | |
| page-break-after: avoid; } | |
| @page { | |
| size: a3; } | |
| body { | |
| min-width: 992px !important; } | |
| .container { | |
| min-width: 992px !important; } | |
| .navbar { | |
| display: none; } | |
| .badge { | |
| border: 1px solid #000; } | |
| .table { | |
| border-collapse: collapse !important; } | |
| .table td, | |
| .table th { | |
| background-color: #fff !important; } | |
| .table-bordered th, | |
| .table-bordered td { | |
| border: 1px solid #dee2e6 !important; } | |
| .table-dark { | |
| color: inherit; } | |
| .table-dark th, | |
| .table-dark td, | |
| .table-dark thead th, | |
| .table-dark tbody + tbody { | |
| border-color: #dee2e6; } | |
| .table .thead-dark th { | |
| color: inherit; | |
| border-color: #dee2e6; } } | |
| *, | |
| *::before, | |
| *::after { | |
| box-sizing: border-box; } | |
| html { | |
| font-family: sans-serif; | |
| line-height: 1.15; | |
| -webkit-text-size-adjust: 100%; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } | |
| article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { | |
| display: block; } | |
| body { | |
| margin: 0; | |
| font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | |
| font-size: 1rem; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| color: var(--atum-text-dark); | |
| 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.5rem; } | |
| p { | |
| margin-top: 0; | |
| margin-bottom: 1rem; } | |
| abbr[title], | |
| abbr[data-original-title] { | |
| text-decoration: underline; | |
| -webkit-text-decoration: underline dotted; | |
| text-decoration: underline dotted; | |
| cursor: help; | |
| border-bottom: 0; | |
| -webkit-text-decoration-skip-ink: none; | |
| text-decoration-skip-ink: none; } | |
| address { | |
| margin-bottom: 1rem; | |
| font-style: normal; | |
| line-height: inherit; } | |
| ol, | |
| ul, | |
| dl { | |
| margin-top: 0; | |
| margin-bottom: 1rem; } | |
| ol ol, | |
| ul ul, | |
| ol ul, | |
| ul ol { | |
| margin-bottom: 0; } | |
| dt { | |
| font-weight: 700; } | |
| dd { | |
| margin-bottom: .5rem; | |
| margin-left: 0; } | |
| blockquote { | |
| margin: 0 0 1rem; } | |
| b, | |
| strong { | |
| font-weight: bolder; } | |
| small { | |
| font-size: 80%; } | |
| sub, | |
| sup { | |
| position: relative; | |
| font-size: 75%; | |
| line-height: 0; | |
| vertical-align: baseline; } | |
| sub { | |
| bottom: -.25em; } | |
| sup { | |
| top: -.5em; } | |
| a { | |
| color: var(--atum-link-color); | |
| text-decoration: none; | |
| background-color: transparent; } | |
| a:hover { | |
| color: var(--atum-link-hover-color); | |
| 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: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; | |
| font-size: 1em; } | |
| pre { | |
| margin-top: 0; | |
| margin-bottom: 1rem; | |
| overflow: auto; } | |
| figure { | |
| margin: 0 0 1rem; } | |
| img { | |
| vertical-align: middle; | |
| border-style: none; } | |
| svg { | |
| overflow: hidden; | |
| vertical-align: middle; } | |
| table { | |
| border-collapse: collapse; } | |
| caption { | |
| padding-top: 0.75rem; | |
| padding-bottom: 0.75rem; | |
| color: #6c757d; | |
| text-align: left; | |
| caption-side: bottom; } | |
| th { | |
| text-align: inherit; } | |
| label { | |
| display: inline-block; | |
| margin-bottom: 0.5rem; } | |
| button { | |
| border-radius: 0; } | |
| button:focus { | |
| outline: 1px dotted; | |
| outline: 5px auto -webkit-focus-ring-color; } | |
| input, | |
| button, | |
| select, | |
| optgroup, | |
| textarea { | |
| margin: 0; | |
| font-family: inherit; | |
| font-size: inherit; | |
| line-height: inherit; } | |
| button, | |
| input { | |
| overflow: visible; } | |
| button, | |
| select { | |
| text-transform: none; } | |
| select { | |
| word-wrap: normal; } | |
| button, | |
| [type="button"], | |
| [type="reset"], | |
| [type="submit"] { | |
| -webkit-appearance: button; } | |
| button:not(:disabled), | |
| [type="button"]:not(:disabled), | |
| [type="reset"]:not(:disabled), | |
| [type="submit"]:not(:disabled) { | |
| cursor: pointer; } | |
| button::-moz-focus-inner, | |
| [type="button"]::-moz-focus-inner, | |
| [type="reset"]::-moz-focus-inner, | |
| [type="submit"]::-moz-focus-inner { | |
| padding: 0; | |
| border-style: none; } | |
| input[type="radio"], | |
| input[type="checkbox"] { | |
| box-sizing: border-box; | |
| padding: 0; } | |
| input[type="date"], | |
| input[type="time"], | |
| input[type="datetime-local"], | |
| input[type="month"] { | |
| -webkit-appearance: listbox; } | |
| textarea { | |
| overflow: auto; | |
| resize: vertical; } | |
| fieldset { | |
| min-width: 0; | |
| padding: 0; | |
| margin: 0; | |
| border: 0; } | |
| legend { | |
| display: block; | |
| width: 100%; | |
| max-width: 100%; | |
| padding: 0; | |
| margin-bottom: .5rem; | |
| font-size: 1.5rem; | |
| line-height: inherit; | |
| color: inherit; | |
| white-space: normal; } | |
| progress { | |
| vertical-align: baseline; } | |
| [type="number"]::-webkit-inner-spin-button, | |
| [type="number"]::-webkit-outer-spin-button { | |
| height: auto; } | |
| [type="search"] { | |
| outline-offset: -2px; | |
| -webkit-appearance: none; } | |
| [type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; } | |
| ::-webkit-file-upload-button { | |
| font: inherit; | |
| -webkit-appearance: button; } | |
| output { | |
| display: inline-block; } | |
| summary { | |
| display: list-item; | |
| cursor: pointer; } | |
| template { | |
| display: none; } | |
| [hidden] { | |
| display: none !important; } | |
| h1, h2, h3, h4, h5, h6, | |
| .h1, .h2, .h3, .h4, .h5, .h6 { | |
| margin-bottom: 0.5rem; | |
| font-weight: 500; | |
| line-height: 1.2; } | |
| h1, .h1 { | |
| font-size: 1.65rem; } | |
| h2, .h2 { | |
| font-size: 1.5rem; } | |
| h3, .h3 { | |
| font-size: 1.25rem; } | |
| h4, .h4 { | |
| font-size: 1rem; } | |
| h5, .h5 { | |
| font-size: 0.9286rem; } | |
| h6, .h6 { | |
| font-size: 0.8571rem; } | |
| .lead { | |
| font-size: 1.25rem; | |
| font-weight: 300; } | |
| .display-1 { | |
| font-size: 1rem; | |
| font-weight: 300; | |
| line-height: 1.2; } | |
| .display-2 { | |
| font-size: 0.875rem; | |
| font-weight: 300; | |
| line-height: 1.2; } | |
| .display-3 { | |
| font-size: 4.5rem; | |
| font-weight: 300; | |
| line-height: 1.2; } | |
| .display-4 { | |
| font-size: 3.5rem; | |
| font-weight: 300; | |
| line-height: 1.2; } | |
| hr { | |
| margin-top: 1rem; | |
| margin-bottom: 1rem; | |
| border: 0; | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); } | |
| small, | |
| .small { | |
| font-size: 80%; | |
| font-weight: 400; } | |
| mark, | |
| .mark { | |
| padding: 0.2em; | |
| background-color: #fcf8e3; } | |
| .list-unstyled { | |
| padding-left: 0; | |
| list-style: none; } | |
| .list-inline { | |
| padding-left: 0; | |
| list-style: none; } | |
| .list-inline-item { | |
| display: inline-block; } | |
| .list-inline-item:not(:last-child) { | |
| margin-right: 0.5rem; } | |
| .initialism { | |
| font-size: 90%; | |
| text-transform: uppercase; } | |
| .blockquote { | |
| margin-bottom: 1rem; | |
| font-size: 1.25rem; } | |
| .blockquote-footer { | |
| display: block; | |
| font-size: 80%; | |
| color: #6c757d; } | |
| .blockquote-footer::before { | |
| content: "\2014\00A0"; } | |
| .img-fluid { | |
| max-width: 100%; | |
| height: auto; } | |
| .img-thumbnail { | |
| padding: 0.25rem; | |
| background-color: #fff; | |
| border: 1px solid #dee2e6; | |
| max-width: 100%; | |
| height: auto; } | |
| .figure { | |
| display: inline-block; } | |
| .figure-img { | |
| margin-bottom: 0.5rem; | |
| line-height: 1; } | |
| .figure-caption { | |
| font-size: 90%; | |
| color: #6c757d; } | |
| code { | |
| font-size: 87.5%; | |
| color: #e83e8c; | |
| word-break: break-word; } | |
| a > code { | |
| color: inherit; } | |
| kbd { | |
| padding: 0.2rem 0.4rem; | |
| font-size: 87.5%; | |
| color: #fff; | |
| background-color: #212529; } | |
| kbd kbd { | |
| padding: 0; | |
| font-size: 100%; | |
| font-weight: 700; } | |
| pre { | |
| display: block; | |
| font-size: 87.5%; | |
| color: #212529; } | |
| pre code { | |
| font-size: inherit; | |
| color: inherit; | |
| word-break: normal; } | |
| .pre-scrollable { | |
| max-height: 340px; | |
| overflow-y: scroll; } | |
| .container { | |
| width: 100%; | |
| padding-right: 1rem; | |
| padding-left: 1rem; | |
| margin-right: auto; | |
| margin-left: auto; } | |
| @media (min-width: 576px) { | |
| .container { | |
| max-width: 540px; } } | |
| @media (min-width: 768px) { | |
| .container { | |
| max-width: 720px; } } | |
| @media (min-width: 992px) { | |
| .container { | |
| max-width: 960px; } } | |
| @media (min-width: 1200px) { | |
| .container { | |
| max-width: 1140px; } } | |
| .container-fluid { | |
| width: 100%; | |
| padding-right: 1rem; | |
| padding-left: 1rem; | |
| margin-right: auto; | |
| margin-left: auto; } | |
| .row { | |
| display: flex; | |
| flex-wrap: wrap; | |
| margin-right: -1rem; | |
| margin-left: -1rem; } | |
| .no-gutters { | |
| margin-right: 0; | |
| margin-left: 0; } | |
| .no-gutters > .col, | |
| .no-gutters > [class*="col-"] { | |
| padding-right: 0; | |
| padding-left: 0; } | |
| .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, | |
| .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, | |
| .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, | |
| .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, | |
| .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, | |
| .col-xl-auto { | |
| position: relative; | |
| width: 100%; | |
| padding-right: 1rem; | |
| padding-left: 1rem; } | |
| .col { | |
| flex-basis: 0; | |
| flex-grow: 1; | |
| max-width: 100%; } | |
| .col-auto { | |
| flex: 0 0 auto; | |
| width: auto; | |
| max-width: 100%; } | |
| .col-1 { | |
| flex: 0 0 8.33333%; | |
| max-width: 8.33333%; } | |
| .col-2 { | |
| flex: 0 0 16.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: 100%; } | |
| .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: 100%; } | |
| .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 { | |
| 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: 100%; } | |
| .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 { | |
| 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: 100%; } | |
| .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: 1rem; | |
| color: var(--atum-text-dark); | |
| background-color: var(--white); } | |
| .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-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 { | |
| color: var(--atum-text-dark); | |
| background-color: rgba(0, 0, 0, 0.075); } | |
| .table-primary, | |
| .table-primary > th, | |
| .table-primary > td { | |
| background-color: #bfcbd5; } | |
| .table-primary th, | |
| .table-primary td, | |
| .table-primary thead th, | |
| .table-primary tbody + tbody { | |
| border-color: #889fb2; } | |
| .table-hover .table-primary:hover { | |
| background-color: #b0becb; } | |
| .table-hover .table-primary:hover > td, | |
| .table-hover .table-primary:hover > th { | |
| background-color: #b0becb; } | |
| .table-secondary, | |
| .table-secondary > th, | |
| .table-secondary > td { | |
| background-color: #ccced0; } | |
| .table-secondary th, | |
| .table-secondary td, | |
| .table-secondary thead th, | |
| .table-secondary tbody + tbody { | |
| border-color: #a0a4a8; } | |
| .table-hover .table-secondary:hover { | |
| background-color: #bfc1c4; } | |
| .table-hover .table-secondary:hover > td, | |
| .table-hover .table-secondary:hover > th { | |
| background-color: #bfc1c4; } | |
| .table-success, | |
| .table-success > th, | |
| .table-success > td { | |
| background-color: #c5dbc6; } | |
| .table-success th, | |
| .table-success td, | |
| .table-success thead th, | |
| .table-success tbody + tbody { | |
| border-color: #93bb94; } | |
| .table-hover .table-success:hover { | |
| background-color: #b5d1b7; } | |
| .table-hover .table-success:hover > td, | |
| .table-hover .table-success:hover > th { | |
| background-color: #b5d1b7; } | |
| .table-info, | |
| .table-info > th, | |
| .table-info > td { | |
| background-color: #bcdce1; } | |
| .table-info th, | |
| .table-info td, | |
| .table-info thead th, | |
| .table-info tbody + tbody { | |
| border-color: #83bdc7; } | |
| .table-hover .table-info:hover { | |
| background-color: #aad3d9; } | |
| .table-hover .table-info:hover > td, | |
| .table-hover .table-info:hover > th { | |
| background-color: #aad3d9; } | |
| .table-warning, | |
| .table-warning > th, | |
| .table-warning > td { | |
| background-color: #ffe9ba; } | |
| .table-warning th, | |
| .table-warning td, | |
| .table-warning thead th, | |
| .table-warning tbody + tbody { | |
| border-color: #ffd67e; } | |
| .table-hover .table-warning:hover { | |
| background-color: #ffe1a1; } | |
| .table-hover .table-warning:hover > td, | |
| .table-hover .table-warning:hover > th { | |
| background-color: #ffe1a1; } | |
| .table-danger, | |
| .table-danger > th, | |
| .table-danger > td { | |
| background-color: #efc3c3; } | |
| .table-danger th, | |
| .table-danger td, | |
| .table-danger thead th, | |
| .table-danger tbody + tbody { | |
| border-color: #e18f8f; } | |
| .table-hover .table-danger:hover { | |
| background-color: #eaafaf; } | |
| .table-hover .table-danger:hover > td, | |
| .table-hover .table-danger:hover > th { | |
| background-color: #eaafaf; } | |
| .table-light, | |
| .table-light > th, | |
| .table-light > td { | |
| background-color: #fdfdfe; } | |
| .table-light th, | |
| .table-light td, | |
| .table-light thead th, | |
| .table-light tbody + tbody { | |
| border-color: #fbfcfc; } | |
| .table-hover .table-light:hover { | |
| background-color: #ececf6; } | |
| .table-hover .table-light:hover > td, | |
| .table-hover .table-light:hover > th { | |
| background-color: #ececf6; } | |
| .table-dark, | |
| .table-dark > th, | |
| .table-dark > td { | |
| background-color: #c1c2c3; } | |
| .table-dark th, | |
| .table-dark td, | |
| .table-dark thead th, | |
| .table-dark tbody + tbody { | |
| border-color: #8c8e90; } | |
| .table-hover .table-dark:hover { | |
| background-color: #b4b5b6; } | |
| .table-hover .table-dark:hover > td, | |
| .table-hover .table-dark:hover > th { | |
| background-color: #b4b5b6; } | |
| .table-atum-link-color, | |
| .table-atum-link-color > th, | |
| .table-atum-link-color > td { | |
| background-color: #bed0e5; } | |
| .table-atum-link-color th, | |
| .table-atum-link-color td, | |
| .table-atum-link-color thead th, | |
| .table-atum-link-color tbody + tbody { | |
| border-color: #86a8ce; } | |
| .table-hover .table-atum-link-color:hover { | |
| background-color: #acc3de; } | |
| .table-hover .table-atum-link-color:hover > td, | |
| .table-hover .table-atum-link-color:hover > th { | |
| background-color: #acc3de; } | |
| .table-atum-text-dark, | |
| .table-atum-text-dark > th, | |
| .table-atum-text-dark > td { | |
| background-color: #ccced0; } | |
| .table-atum-text-dark th, | |
| .table-atum-text-dark td, | |
| .table-atum-text-dark thead th, | |
| .table-atum-text-dark tbody + tbody { | |
| border-color: #a0a4a8; } | |
| .table-hover .table-atum-text-dark:hover { | |
| background-color: #bfc1c4; } | |
| .table-hover .table-atum-text-dark:hover > td, | |
| .table-hover .table-atum-text-dark:hover > th { | |
| background-color: #bfc1c4; } | |
| .table-atum-bg-dark, | |
| .table-atum-bg-dark > th, | |
| .table-atum-bg-dark > td { | |
| background-color: #bfcbd5; } | |
| .table-atum-bg-dark th, | |
| .table-atum-bg-dark td, | |
| .table-atum-bg-dark thead th, | |
| .table-atum-bg-dark tbody + tbody { | |
| border-color: #889fb2; } | |
| .table-hover .table-atum-bg-dark:hover { | |
| background-color: #b0becb; } | |
| .table-hover .table-atum-bg-dark:hover > td, | |
| .table-hover .table-atum-bg-dark:hover > th { | |
| background-color: #b0becb; } | |
| .table-action, | |
| .table-action > th, | |
| .table-action > td { | |
| background-color: #bfcbd5; } | |
| .table-action th, | |
| .table-action td, | |
| .table-action thead th, | |
| .table-action tbody + tbody { | |
| border-color: #889fb2; } | |
| .table-hover .table-action:hover { | |
| background-color: #b0becb; } | |
| .table-hover .table-action:hover > td, | |
| .table-hover .table-action:hover > th { | |
| background-color: #b0becb; } | |
| .table-error, | |
| .table-error > th, | |
| .table-error > td { | |
| background-color: #c8bbbb; } | |
| .table-error th, | |
| .table-error td, | |
| .table-error thead th, | |
| .table-error tbody + tbody { | |
| border-color: #998181; } | |
| .table-hover .table-error:hover { | |
| background-color: #bdadad; } | |
| .table-hover .table-error:hover > td, | |
| .table-hover .table-error:hover > th { | |
| background-color: #bdadad; } | |
| .table-alert-success, | |
| .table-alert-success > th, | |
| .table-alert-success > td { | |
| background-color: #bcc5c1; } | |
| .table-alert-success th, | |
| .table-alert-success td, | |
| .table-alert-success thead th, | |
| .table-alert-success tbody + tbody { | |
| border-color: #82938c; } | |
| .table-hover .table-alert-success:hover { | |
| background-color: #aeb9b4; } | |
| .table-hover .table-alert-success:hover > td, | |
| .table-hover .table-alert-success:hover > th { | |
| background-color: #aeb9b4; } | |
| .table-active, | |
| .table-active > th, | |
| .table-active > td { | |
| background-color: rgba(0, 0, 0, 0.075); } | |
| .table-hover .table-active:hover { | |
| background-color: rgba(0, 0, 0, 0.075); } | |
| .table-hover .table-active:hover > td, | |
| .table-hover .table-active:hover > th { | |
| background-color: rgba(0, 0, 0, 0.075); } | |
| .table .thead-dark th { | |
| color: #fff; | |
| background-color: #343a40; | |
| border-color: #454d55; } | |
| .table .thead-light th { | |
| color: #495057; | |
| background-color: #e8e8e8; | |
| border-color: #dee2e6; } | |
| .table-dark { | |
| color: #fff; | |
| background-color: #343a40; } | |
| .table-dark th, | |
| .table-dark td, | |
| .table-dark thead th { | |
| border-color: #454d55; } | |
| .table-dark.table-bordered { | |
| border: 0; } | |
| .table-dark.table-striped tbody tr:nth-of-type(odd) { | |
| background-color: rgba(255, 255, 255, 0.05); } | |
| .table-dark.table-hover tbody tr:hover { | |
| color: #fff; | |
| background-color: rgba(255, 255, 255, 0.075); } | |
| @media (max-width: 575.98px) { | |
| .table-responsive-sm { | |
| display: block; | |
| width: 100%; | |
| overflow-x: auto; | |
| -webkit-overflow-scrolling: touch; } | |
| .table-responsive-sm > .table-bordered { | |
| border: 0; } } | |
| @media (max-width: 767.98px) { | |
| .table-responsive-md { | |
| display: block; | |
| width: 100%; | |
| overflow-x: auto; | |
| -webkit-overflow-scrolling: touch; } | |
| .table-responsive-md > .table-bordered { | |
| border: 0; } } | |
| @media (max-width: 991.98px) { | |
| .table-responsive-lg { | |
| display: block; | |
| width: 100%; | |
| overflow-x: auto; | |
| -webkit-overflow-scrolling: touch; } | |
| .table-responsive-lg > .table-bordered { | |
| border: 0; } } | |
| @media (max-width: 1199.98px) { | |
| .table-responsive-xl { | |
| display: block; | |
| width: 100%; | |
| overflow-x: auto; | |
| -webkit-overflow-scrolling: touch; } | |
| .table-responsive-xl > .table-bordered { | |
| border: 0; } } | |
| .table-responsive { | |
| display: block; | |
| width: 100%; | |
| overflow-x: auto; | |
| -webkit-overflow-scrolling: touch; } | |
| .table-responsive > .table-bordered { | |
| border: 0; } | |
| .form-control { | |
| display: block; | |
| width: 100%; | |
| height: calc(1.5em + 1.2rem + 2px); | |
| padding: 0.6rem 1rem; | |
| font-size: 1rem; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| color: #495057; | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| border: 1px solid #cdcdcd; | |
| border-radius: 0; | |
| transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .form-control { | |
| transition: none; } } | |
| .form-control::-ms-expand { | |
| background-color: transparent; | |
| border: 0; } | |
| .form-control:focus { | |
| color: #495057; | |
| background-color: #fff; | |
| border-color: #368ace; | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.25); } | |
| .form-control::-webkit-input-placeholder { | |
| color: #6c757d; | |
| opacity: 1; } | |
| .form-control::-moz-placeholder { | |
| color: #6c757d; | |
| opacity: 1; } | |
| .form-control:-ms-input-placeholder { | |
| color: #6c757d; | |
| opacity: 1; } | |
| .form-control::-ms-input-placeholder { | |
| color: #6c757d; | |
| opacity: 1; } | |
| .form-control::placeholder { | |
| color: #6c757d; | |
| opacity: 1; } | |
| .form-control:disabled, .form-control[readonly] { | |
| background-color: #e8e8e8; | |
| opacity: 1; } | |
| select.form-control:focus::-ms-value { | |
| color: #495057; | |
| background-color: #fff; } | |
| .form-control-file, | |
| .form-control-range { | |
| display: block; | |
| width: 100%; } | |
| .col-form-label { | |
| padding-top: calc(0.6rem + 1px); | |
| padding-bottom: calc(0.6rem + 1px); | |
| margin-bottom: 0; | |
| font-size: inherit; | |
| line-height: 1.5; } | |
| .col-form-label-lg { | |
| padding-top: calc(0.5rem + 1px); | |
| padding-bottom: calc(0.5rem + 1px); | |
| font-size: 1.25rem; | |
| line-height: 1.5; } | |
| .col-form-label-sm { | |
| padding-top: calc(0.25rem + 1px); | |
| padding-bottom: calc(0.25rem + 1px); | |
| font-size: 0.8rem; | |
| line-height: 1.5; } | |
| .form-control-plaintext { | |
| display: block; | |
| width: 100%; | |
| padding-top: 0.6rem; | |
| padding-bottom: 0.6rem; | |
| margin-bottom: 0; | |
| line-height: 1.5; | |
| color: var(--atum-text-dark); | |
| background-color: transparent; | |
| border: solid transparent; | |
| border-width: 1px 0; } | |
| .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { | |
| padding-right: 0; | |
| padding-left: 0; } | |
| .form-control-sm { | |
| height: calc(1.5em + 0.5rem + 2px); | |
| padding: 0.25rem 0.5rem; | |
| font-size: 0.8rem; | |
| line-height: 1.5; } | |
| .form-control-lg { | |
| height: calc(1.5em + 1rem + 2px); | |
| padding: 0.5rem 1rem; | |
| font-size: 1.25rem; | |
| line-height: 1.5; } | |
| 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: #6c757d; } | |
| .form-check-label { | |
| margin-bottom: 0; } | |
| .form-check-inline { | |
| display: inline-flex; | |
| align-items: center; | |
| padding-left: 0; | |
| margin-right: 0.75rem; } | |
| .form-check-inline .form-check-input { | |
| position: static; | |
| margin-top: 0; | |
| margin-right: 0.3125rem; | |
| margin-left: 0; } | |
| .valid-feedback { | |
| display: none; | |
| width: 100%; | |
| margin-top: 0.25rem; | |
| font-size: 80%; | |
| color: #2f7d32; } | |
| .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.8rem; | |
| line-height: 1.5; | |
| color: #fff; | |
| background-color: rgba(47, 125, 50, 0.9); } | |
| .was-validated .form-control:valid, .form-control.is-valid { | |
| border-color: #2f7d32; | |
| padding-right: calc(1.5em + 1.2rem); | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232f7d32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); | |
| background-repeat: no-repeat; | |
| background-position: center right calc(0.375em + 0.3rem); | |
| background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); } | |
| .was-validated .form-control:valid:focus, .form-control.is-valid:focus { | |
| border-color: #2f7d32; | |
| box-shadow: 0 0 0 0.2rem rgba(47, 125, 50, 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 { | |
| display: block; } | |
| .was-validated textarea.form-control:valid, textarea.form-control.is-valid { | |
| padding-right: calc(1.5em + 1.2rem); | |
| background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem); } | |
| .was-validated .custom-select:valid, .custom-select.is-valid { | |
| border-color: #2f7d32; | |
| padding-right: calc((1em + 1.2rem) * 3 / 4 + 4rem); | |
| background: url(../images/select-bg.svg) no-repeat right center/116rem, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232f7d32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") var(--atum-bg-dark) no-repeat center right 4rem/calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); } | |
| .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { | |
| border-color: #2f7d32; | |
| box-shadow: 0 0 0 0.2rem rgba(47, 125, 50, 0.25); } | |
| .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: #2f7d32; } | |
| .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: #2f7d32; } | |
| .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { | |
| border-color: #2f7d32; } | |
| .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 { | |
| border-color: #3da241; | |
| background-color: #3da241; } | |
| .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { | |
| box-shadow: 0 0 0 0.2rem rgba(47, 125, 50, 0.25); } | |
| .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { | |
| border-color: #2f7d32; } | |
| .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { | |
| border-color: #2f7d32; } | |
| .was-validated .custom-file-input:valid ~ .valid-feedback, | |
| .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, | |
| .custom-file-input.is-valid ~ .valid-tooltip { | |
| display: block; } | |
| .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { | |
| border-color: #2f7d32; | |
| box-shadow: 0 0 0 0.2rem rgba(47, 125, 50, 0.25); } | |
| .invalid-feedback { | |
| display: none; | |
| width: 100%; | |
| margin-top: 0.25rem; | |
| font-size: 80%; | |
| color: #c52827; } | |
| .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.8rem; | |
| line-height: 1.5; | |
| color: #fff; | |
| background-color: rgba(197, 40, 39, 0.9); } | |
| .was-validated .form-control:invalid, .form-control.is-invalid { | |
| border-color: #c52827; | |
| padding-right: calc(1.5em + 1.2rem); | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c52827' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23c52827' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); | |
| background-repeat: no-repeat; | |
| background-position: center right calc(0.375em + 0.3rem); | |
| background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); } | |
| .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { | |
| border-color: #c52827; | |
| box-shadow: 0 0 0 0.2rem rgba(197, 40, 39, 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 { | |
| display: block; } | |
| .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { | |
| padding-right: calc(1.5em + 1.2rem); | |
| background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem); } | |
| .was-validated .custom-select:invalid, .custom-select.is-invalid { | |
| border-color: #c52827; | |
| padding-right: calc((1em + 1.2rem) * 3 / 4 + 4rem); | |
| background: url(../images/select-bg.svg) no-repeat right center/116rem, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c52827' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23c52827' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") var(--atum-bg-dark) no-repeat center right 4rem/calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); } | |
| .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { | |
| border-color: #c52827; | |
| box-shadow: 0 0 0 0.2rem rgba(197, 40, 39, 0.25); } | |
| .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: #c52827; } | |
| .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: #c52827; } | |
| .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { | |
| border-color: #c52827; } | |
| .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 { | |
| border-color: #da4645; | |
| background-color: #da4645; } | |
| .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { | |
| box-shadow: 0 0 0 0.2rem rgba(197, 40, 39, 0.25); } | |
| .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { | |
| border-color: #c52827; } | |
| .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { | |
| border-color: #c52827; } | |
| .was-validated .custom-file-input:invalid ~ .invalid-feedback, | |
| .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, | |
| .custom-file-input.is-invalid ~ .invalid-tooltip { | |
| display: block; } | |
| .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { | |
| border-color: #c52827; | |
| box-shadow: 0 0 0 0.2rem rgba(197, 40, 39, 0.25); } | |
| .form-inline { | |
| display: flex; | |
| flex-flow: row wrap; | |
| align-items: center; } | |
| .form-inline .form-check { | |
| width: 100%; } | |
| @media (min-width: 576px) { | |
| .form-inline label { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-bottom: 0; } | |
| .form-inline .form-group { | |
| display: flex; | |
| flex: 0 0 auto; | |
| flex-flow: row wrap; | |
| align-items: center; | |
| margin-bottom: 0; } | |
| .form-inline .form-control { | |
| display: inline-block; | |
| width: auto; | |
| vertical-align: middle; } | |
| .form-inline .form-control-plaintext { | |
| display: inline-block; } | |
| .form-inline .input-group, | |
| .form-inline .custom-select { | |
| width: auto; } | |
| .form-inline .form-check { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| width: auto; | |
| padding-left: 0; } | |
| .form-inline .form-check-input { | |
| position: relative; | |
| flex-shrink: 0; | |
| margin-top: 0; | |
| margin-right: 0.25rem; | |
| margin-left: 0; } | |
| .form-inline .custom-control { | |
| align-items: center; | |
| justify-content: center; } | |
| .form-inline .custom-control-label { | |
| margin-bottom: 0; } } | |
| .btn { | |
| display: inline-block; | |
| font-weight: 400; | |
| color: var(--atum-text-dark); | |
| text-align: center; | |
| vertical-align: middle; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| background-color: transparent; | |
| border: 1px solid transparent; | |
| padding: 0.6rem 1rem; | |
| font-size: 1rem; | |
| line-height: 1.5; | |
| border-radius: 0; | |
| transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .btn { | |
| transition: none; } } | |
| .btn:hover { | |
| color: var(--atum-text-dark); | |
| text-decoration: none; } | |
| .btn:focus, .btn.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.25); } | |
| .btn.disabled, .btn:disabled { | |
| opacity: 0.4; } | |
| a.btn.disabled, | |
| fieldset:disabled a.btn { | |
| pointer-events: none; } | |
| .btn-primary { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-primary:hover { | |
| color: #fff; | |
| background-color: #12324c; | |
| border-color: #102b42; } | |
| .btn-primary:focus, .btn-primary.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(60, 98, 129, 0.5); } | |
| .btn-primary.disabled, .btn-primary:disabled { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, | |
| .show > .btn-primary.dropdown-toggle { | |
| color: #fff; | |
| background-color: #102b42; | |
| border-color: #0d2537; } | |
| .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-primary.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(60, 98, 129, 0.5); } | |
| .btn-secondary { | |
| color: #fff; | |
| background-color: #495057; | |
| border-color: #495057; } | |
| .btn-secondary:hover { | |
| color: #fff; | |
| background-color: #383d42; | |
| border-color: #32373b; } | |
| .btn-secondary:focus, .btn-secondary.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5); } | |
| .btn-secondary.disabled, .btn-secondary:disabled { | |
| color: #fff; | |
| background-color: #495057; | |
| border-color: #495057; } | |
| .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, | |
| .show > .btn-secondary.dropdown-toggle { | |
| color: #fff; | |
| background-color: #32373b; | |
| border-color: #2c3034; } | |
| .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-secondary.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5); } | |
| .btn-success { | |
| color: #fff; | |
| background-color: #2f7d32; | |
| border-color: #2f7d32; } | |
| .btn-success:hover { | |
| color: #fff; | |
| background-color: #256127; | |
| border-color: #215823; } | |
| .btn-success:focus, .btn-success.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(78, 145, 81, 0.5); } | |
| .btn-success.disabled, .btn-success:disabled { | |
| color: #fff; | |
| background-color: #2f7d32; | |
| border-color: #2f7d32; } | |
| .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, | |
| .show > .btn-success.dropdown-toggle { | |
| color: #fff; | |
| background-color: #215823; | |
| border-color: #1e4f1f; } | |
| .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-success.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(78, 145, 81, 0.5); } | |
| .btn-info { | |
| color: #fff; | |
| background-color: #108193; | |
| border-color: #108193; } | |
| .btn-info:hover { | |
| color: #fff; | |
| background-color: #0c6371; | |
| border-color: #0b5965; } | |
| .btn-info:focus, .btn-info.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(52, 148, 163, 0.5); } | |
| .btn-info.disabled, .btn-info:disabled { | |
| color: #fff; | |
| background-color: #108193; | |
| border-color: #108193; } | |
| .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, | |
| .show > .btn-info.dropdown-toggle { | |
| color: #fff; | |
| background-color: #0b5965; | |
| border-color: #0a4f5a; } | |
| .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-info.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(52, 148, 163, 0.5); } | |
| .btn-warning { | |
| color: #212529; | |
| background-color: #ffb107; | |
| border-color: #ffb107; } | |
| .btn-warning:hover { | |
| color: #212529; | |
| background-color: #e09900; | |
| border-color: #d39100; } | |
| .btn-warning:focus, .btn-warning.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(222, 156, 12, 0.5); } | |
| .btn-warning.disabled, .btn-warning:disabled { | |
| color: #212529; | |
| background-color: #ffb107; | |
| border-color: #ffb107; } | |
| .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, | |
| .show > .btn-warning.dropdown-toggle { | |
| color: #fff; | |
| background-color: #d39100; | |
| border-color: #c68800; } | |
| .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-warning.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(222, 156, 12, 0.5); } | |
| .btn-danger { | |
| color: #fff; | |
| background-color: #c52827; | |
| border-color: #c52827; } | |
| .btn-danger:hover { | |
| color: #fff; | |
| background-color: #a52221; | |
| border-color: #9a1f1f; } | |
| .btn-danger:focus, .btn-danger.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(206, 72, 71, 0.5); } | |
| .btn-danger.disabled, .btn-danger:disabled { | |
| color: #fff; | |
| background-color: #c52827; | |
| border-color: #c52827; } | |
| .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, | |
| .show > .btn-danger.dropdown-toggle { | |
| color: #fff; | |
| background-color: #9a1f1f; | |
| border-color: #901d1c; } | |
| .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-danger.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(206, 72, 71, 0.5); } | |
| .btn-light { | |
| color: #212529; | |
| background-color: #f8f9fa; | |
| border-color: #f8f9fa; } | |
| .btn-light:hover { | |
| color: #212529; | |
| background-color: #e2e6ea; | |
| border-color: #dae0e5; } | |
| .btn-light:focus, .btn-light.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } | |
| .btn-light.disabled, .btn-light:disabled { | |
| color: #212529; | |
| background-color: #f8f9fa; | |
| border-color: #f8f9fa; } | |
| .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, | |
| .show > .btn-light.dropdown-toggle { | |
| color: #212529; | |
| background-color: #dae0e5; | |
| border-color: #d3d9df; } | |
| .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-light.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } | |
| .btn-dark { | |
| color: #fff; | |
| background-color: #212529; | |
| border-color: #212529; } | |
| .btn-dark:hover { | |
| color: #fff; | |
| background-color: #101214; | |
| border-color: #0a0c0d; } | |
| .btn-dark:focus, .btn-dark.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5); } | |
| .btn-dark.disabled, .btn-dark:disabled { | |
| color: #fff; | |
| background-color: #212529; | |
| border-color: #212529; } | |
| .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, | |
| .show > .btn-dark.dropdown-toggle { | |
| color: #fff; | |
| background-color: #0a0c0d; | |
| border-color: #050506; } | |
| .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-dark.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5); } | |
| .btn-atum-link-color { | |
| color: #fff; | |
| background-color: #1757A1; | |
| border-color: #1757A1; } | |
| .btn-atum-link-color:hover { | |
| color: #fff; | |
| background-color: #124580; | |
| border-color: #113f74; } | |
| .btn-atum-link-color:focus, .btn-atum-link-color.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(58, 112, 175, 0.5); } | |
| .btn-atum-link-color.disabled, .btn-atum-link-color:disabled { | |
| color: #fff; | |
| background-color: #1757A1; | |
| border-color: #1757A1; } | |
| .btn-atum-link-color:not(:disabled):not(.disabled):active, .btn-atum-link-color:not(:disabled):not(.disabled).active, | |
| .show > .btn-atum-link-color.dropdown-toggle { | |
| color: #fff; | |
| background-color: #113f74; | |
| border-color: #0f3969; } | |
| .btn-atum-link-color:not(:disabled):not(.disabled):active:focus, .btn-atum-link-color:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-atum-link-color.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(58, 112, 175, 0.5); } | |
| .btn-atum-text-dark { | |
| color: #fff; | |
| background-color: #495057; | |
| border-color: #495057; } | |
| .btn-atum-text-dark:hover { | |
| color: #fff; | |
| background-color: #383d42; | |
| border-color: #32373b; } | |
| .btn-atum-text-dark:focus, .btn-atum-text-dark.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5); } | |
| .btn-atum-text-dark.disabled, .btn-atum-text-dark:disabled { | |
| color: #fff; | |
| background-color: #495057; | |
| border-color: #495057; } | |
| .btn-atum-text-dark:not(:disabled):not(.disabled):active, .btn-atum-text-dark:not(:disabled):not(.disabled).active, | |
| .show > .btn-atum-text-dark.dropdown-toggle { | |
| color: #fff; | |
| background-color: #32373b; | |
| border-color: #2c3034; } | |
| .btn-atum-text-dark:not(:disabled):not(.disabled):active:focus, .btn-atum-text-dark:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-atum-text-dark.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5); } | |
| .btn-atum-bg-dark { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-atum-bg-dark:hover { | |
| color: #fff; | |
| background-color: #12324c; | |
| border-color: #102b42; } | |
| .btn-atum-bg-dark:focus, .btn-atum-bg-dark.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(60, 98, 129, 0.5); } | |
| .btn-atum-bg-dark.disabled, .btn-atum-bg-dark:disabled { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-atum-bg-dark:not(:disabled):not(.disabled):active, .btn-atum-bg-dark:not(:disabled):not(.disabled).active, | |
| .show > .btn-atum-bg-dark.dropdown-toggle { | |
| color: #fff; | |
| background-color: #102b42; | |
| border-color: #0d2537; } | |
| .btn-atum-bg-dark:not(:disabled):not(.disabled):active:focus, .btn-atum-bg-dark:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-atum-bg-dark.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(60, 98, 129, 0.5); } | |
| .btn-action { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-action:hover { | |
| color: #fff; | |
| background-color: #12324c; | |
| border-color: #102b42; } | |
| .btn-action:focus, .btn-action.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(60, 98, 129, 0.5); } | |
| .btn-action.disabled, .btn-action:disabled { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-action:not(:disabled):not(.disabled):active, .btn-action:not(:disabled):not(.disabled).active, | |
| .show > .btn-action.dropdown-toggle { | |
| color: #fff; | |
| background-color: #102b42; | |
| border-color: #0d2537; } | |
| .btn-action:not(:disabled):not(.disabled):active:focus, .btn-action:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-action.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(60, 98, 129, 0.5); } | |
| .btn-error { | |
| color: #fff; | |
| background-color: #3b0d0c; | |
| border-color: #3b0d0c; } | |
| .btn-error:hover { | |
| color: #fff; | |
| background-color: #1b0606; | |
| border-color: #110403; } | |
| .btn-error:focus, .btn-error.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(88, 49, 48, 0.5); } | |
| .btn-error.disabled, .btn-error:disabled { | |
| color: #fff; | |
| background-color: #3b0d0c; | |
| border-color: #3b0d0c; } | |
| .btn-error:not(:disabled):not(.disabled):active, .btn-error:not(:disabled):not(.disabled).active, | |
| .show > .btn-error.dropdown-toggle { | |
| color: #fff; | |
| background-color: #110403; | |
| border-color: #060101; } | |
| .btn-error:not(:disabled):not(.disabled):active:focus, .btn-error:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-error.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(88, 49, 48, 0.5); } | |
| .btn-alert-success { | |
| color: #fff; | |
| background-color: #0f2f21; | |
| border-color: #0f2f21; } | |
| .btn-alert-success:hover { | |
| color: #fff; | |
| background-color: #06120d; | |
| border-color: #030806; } | |
| .btn-alert-success:focus, .btn-alert-success.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(51, 78, 66, 0.5); } | |
| .btn-alert-success.disabled, .btn-alert-success:disabled { | |
| color: #fff; | |
| background-color: #0f2f21; | |
| border-color: #0f2f21; } | |
| .btn-alert-success:not(:disabled):not(.disabled):active, .btn-alert-success:not(:disabled):not(.disabled).active, | |
| .show > .btn-alert-success.dropdown-toggle { | |
| color: #fff; | |
| background-color: #030806; | |
| border-color: black; } | |
| .btn-alert-success:not(:disabled):not(.disabled):active:focus, .btn-alert-success:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-alert-success.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(51, 78, 66, 0.5); } | |
| .btn-outline-primary { | |
| color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-outline-primary:hover { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-outline-primary:focus, .btn-outline-primary.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.5); } | |
| .btn-outline-primary.disabled, .btn-outline-primary:disabled { | |
| color: #1a466b; | |
| 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: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-primary.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.5); } | |
| .btn-outline-secondary { | |
| color: #495057; | |
| border-color: #495057; } | |
| .btn-outline-secondary:hover { | |
| color: #fff; | |
| background-color: #495057; | |
| border-color: #495057; } | |
| .btn-outline-secondary:focus, .btn-outline-secondary.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(73, 80, 87, 0.5); } | |
| .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { | |
| color: #495057; | |
| 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: #495057; | |
| border-color: #495057; } | |
| .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-secondary.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(73, 80, 87, 0.5); } | |
| .btn-outline-success { | |
| color: #2f7d32; | |
| border-color: #2f7d32; } | |
| .btn-outline-success:hover { | |
| color: #fff; | |
| background-color: #2f7d32; | |
| border-color: #2f7d32; } | |
| .btn-outline-success:focus, .btn-outline-success.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(47, 125, 50, 0.5); } | |
| .btn-outline-success.disabled, .btn-outline-success:disabled { | |
| color: #2f7d32; | |
| 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: #2f7d32; | |
| border-color: #2f7d32; } | |
| .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-success.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(47, 125, 50, 0.5); } | |
| .btn-outline-info { | |
| color: #108193; | |
| border-color: #108193; } | |
| .btn-outline-info:hover { | |
| color: #fff; | |
| background-color: #108193; | |
| border-color: #108193; } | |
| .btn-outline-info:focus, .btn-outline-info.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(16, 129, 147, 0.5); } | |
| .btn-outline-info.disabled, .btn-outline-info:disabled { | |
| color: #108193; | |
| 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: #108193; | |
| border-color: #108193; } | |
| .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-info.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(16, 129, 147, 0.5); } | |
| .btn-outline-warning { | |
| color: #ffb107; | |
| border-color: #ffb107; } | |
| .btn-outline-warning:hover { | |
| color: #212529; | |
| background-color: #ffb107; | |
| border-color: #ffb107; } | |
| .btn-outline-warning:focus, .btn-outline-warning.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(255, 177, 7, 0.5); } | |
| .btn-outline-warning.disabled, .btn-outline-warning:disabled { | |
| color: #ffb107; | |
| background-color: transparent; } | |
| .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, | |
| .show > .btn-outline-warning.dropdown-toggle { | |
| color: #212529; | |
| background-color: #ffb107; | |
| border-color: #ffb107; } | |
| .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-warning.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(255, 177, 7, 0.5); } | |
| .btn-outline-danger { | |
| color: #c52827; | |
| border-color: #c52827; } | |
| .btn-outline-danger:hover { | |
| color: #fff; | |
| background-color: #c52827; | |
| border-color: #c52827; } | |
| .btn-outline-danger:focus, .btn-outline-danger.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(197, 40, 39, 0.5); } | |
| .btn-outline-danger.disabled, .btn-outline-danger:disabled { | |
| color: #c52827; | |
| 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: #c52827; | |
| border-color: #c52827; } | |
| .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-danger.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(197, 40, 39, 0.5); } | |
| .btn-outline-light { | |
| color: #f8f9fa; | |
| border-color: #f8f9fa; } | |
| .btn-outline-light:hover { | |
| color: #212529; | |
| background-color: #f8f9fa; | |
| border-color: #f8f9fa; } | |
| .btn-outline-light:focus, .btn-outline-light.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } | |
| .btn-outline-light.disabled, .btn-outline-light:disabled { | |
| color: #f8f9fa; | |
| background-color: transparent; } | |
| .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, | |
| .show > .btn-outline-light.dropdown-toggle { | |
| color: #212529; | |
| background-color: #f8f9fa; | |
| border-color: #f8f9fa; } | |
| .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-light.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } | |
| .btn-outline-dark { | |
| color: #212529; | |
| border-color: #212529; } | |
| .btn-outline-dark:hover { | |
| color: #fff; | |
| background-color: #212529; | |
| border-color: #212529; } | |
| .btn-outline-dark:focus, .btn-outline-dark.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); } | |
| .btn-outline-dark.disabled, .btn-outline-dark:disabled { | |
| color: #212529; | |
| 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: #212529; | |
| border-color: #212529; } | |
| .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-dark.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); } | |
| .btn-outline-atum-link-color { | |
| color: #1757A1; | |
| border-color: #1757A1; } | |
| .btn-outline-atum-link-color:hover { | |
| color: #fff; | |
| background-color: #1757A1; | |
| border-color: #1757A1; } | |
| .btn-outline-atum-link-color:focus, .btn-outline-atum-link-color.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(23, 87, 161, 0.5); } | |
| .btn-outline-atum-link-color.disabled, .btn-outline-atum-link-color:disabled { | |
| color: #1757A1; | |
| background-color: transparent; } | |
| .btn-outline-atum-link-color:not(:disabled):not(.disabled):active, .btn-outline-atum-link-color:not(:disabled):not(.disabled).active, | |
| .show > .btn-outline-atum-link-color.dropdown-toggle { | |
| color: #fff; | |
| background-color: #1757A1; | |
| border-color: #1757A1; } | |
| .btn-outline-atum-link-color:not(:disabled):not(.disabled):active:focus, .btn-outline-atum-link-color:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-atum-link-color.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(23, 87, 161, 0.5); } | |
| .btn-outline-atum-text-dark { | |
| color: #495057; | |
| border-color: #495057; } | |
| .btn-outline-atum-text-dark:hover { | |
| color: #fff; | |
| background-color: #495057; | |
| border-color: #495057; } | |
| .btn-outline-atum-text-dark:focus, .btn-outline-atum-text-dark.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(73, 80, 87, 0.5); } | |
| .btn-outline-atum-text-dark.disabled, .btn-outline-atum-text-dark:disabled { | |
| color: #495057; | |
| background-color: transparent; } | |
| .btn-outline-atum-text-dark:not(:disabled):not(.disabled):active, .btn-outline-atum-text-dark:not(:disabled):not(.disabled).active, | |
| .show > .btn-outline-atum-text-dark.dropdown-toggle { | |
| color: #fff; | |
| background-color: #495057; | |
| border-color: #495057; } | |
| .btn-outline-atum-text-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-atum-text-dark:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-atum-text-dark.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(73, 80, 87, 0.5); } | |
| .btn-outline-atum-bg-dark { | |
| color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-outline-atum-bg-dark:hover { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-outline-atum-bg-dark:focus, .btn-outline-atum-bg-dark.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.5); } | |
| .btn-outline-atum-bg-dark.disabled, .btn-outline-atum-bg-dark:disabled { | |
| color: #1a466b; | |
| background-color: transparent; } | |
| .btn-outline-atum-bg-dark:not(:disabled):not(.disabled):active, .btn-outline-atum-bg-dark:not(:disabled):not(.disabled).active, | |
| .show > .btn-outline-atum-bg-dark.dropdown-toggle { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-outline-atum-bg-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-atum-bg-dark:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-atum-bg-dark.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.5); } | |
| .btn-outline-action { | |
| color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-outline-action:hover { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-outline-action:focus, .btn-outline-action.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.5); } | |
| .btn-outline-action.disabled, .btn-outline-action:disabled { | |
| color: #1a466b; | |
| background-color: transparent; } | |
| .btn-outline-action:not(:disabled):not(.disabled):active, .btn-outline-action:not(:disabled):not(.disabled).active, | |
| .show > .btn-outline-action.dropdown-toggle { | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .btn-outline-action:not(:disabled):not(.disabled):active:focus, .btn-outline-action:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-action.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.5); } | |
| .btn-outline-error { | |
| color: #3b0d0c; | |
| border-color: #3b0d0c; } | |
| .btn-outline-error:hover { | |
| color: #fff; | |
| background-color: #3b0d0c; | |
| border-color: #3b0d0c; } | |
| .btn-outline-error:focus, .btn-outline-error.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(59, 13, 12, 0.5); } | |
| .btn-outline-error.disabled, .btn-outline-error:disabled { | |
| color: #3b0d0c; | |
| background-color: transparent; } | |
| .btn-outline-error:not(:disabled):not(.disabled):active, .btn-outline-error:not(:disabled):not(.disabled).active, | |
| .show > .btn-outline-error.dropdown-toggle { | |
| color: #fff; | |
| background-color: #3b0d0c; | |
| border-color: #3b0d0c; } | |
| .btn-outline-error:not(:disabled):not(.disabled):active:focus, .btn-outline-error:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-error.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(59, 13, 12, 0.5); } | |
| .btn-outline-alert-success { | |
| color: #0f2f21; | |
| border-color: #0f2f21; } | |
| .btn-outline-alert-success:hover { | |
| color: #fff; | |
| background-color: #0f2f21; | |
| border-color: #0f2f21; } | |
| .btn-outline-alert-success:focus, .btn-outline-alert-success.focus { | |
| box-shadow: 0 0 0 0.2rem rgba(15, 47, 33, 0.5); } | |
| .btn-outline-alert-success.disabled, .btn-outline-alert-success:disabled { | |
| color: #0f2f21; | |
| background-color: transparent; } | |
| .btn-outline-alert-success:not(:disabled):not(.disabled):active, .btn-outline-alert-success:not(:disabled):not(.disabled).active, | |
| .show > .btn-outline-alert-success.dropdown-toggle { | |
| color: #fff; | |
| background-color: #0f2f21; | |
| border-color: #0f2f21; } | |
| .btn-outline-alert-success:not(:disabled):not(.disabled):active:focus, .btn-outline-alert-success:not(:disabled):not(.disabled).active:focus, | |
| .show > .btn-outline-alert-success.dropdown-toggle:focus { | |
| box-shadow: 0 0 0 0.2rem rgba(15, 47, 33, 0.5); } | |
| .btn-link { | |
| font-weight: 400; | |
| color: var(--atum-link-color); | |
| text-decoration: none; } | |
| .btn-link:hover { | |
| color: var(--atum-link-hover-color); | |
| text-decoration: underline; } | |
| .btn-link:focus, .btn-link.focus { | |
| text-decoration: underline; | |
| box-shadow: none; } | |
| .btn-link:disabled, .btn-link.disabled { | |
| color: #6c757d; | |
| pointer-events: none; } | |
| .btn-lg, .btn-group-lg > .btn { | |
| padding: 0.5rem 1rem; | |
| font-size: 1.25rem; | |
| line-height: 1.5; | |
| border-radius: 0; } | |
| .btn-sm, .btn-group-sm > .btn { | |
| padding: 0.25rem 0.5rem; | |
| font-size: 0.8rem; | |
| line-height: 1.5; | |
| border-radius: 0; } | |
| .btn-block { | |
| display: block; | |
| width: 100%; } | |
| .btn-block + .btn-block { | |
| margin-top: 0.5rem; } | |
| input[type="submit"].btn-block, | |
| input[type="reset"].btn-block, | |
| input[type="button"].btn-block { | |
| width: 100%; } | |
| .fade { | |
| transition: opacity 0.15s linear; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .fade { | |
| transition: none; } } | |
| .fade:not(.show) { | |
| opacity: 0; } | |
| .collapse:not(.show) { | |
| display: none; } | |
| .collapsing { | |
| position: relative; | |
| height: 0; | |
| overflow: hidden; | |
| transition: height 0.35s ease; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .collapsing { | |
| transition: none; } } | |
| .dropup, | |
| .dropright, | |
| .dropdown, | |
| .dropleft { | |
| position: relative; } | |
| .dropdown-toggle { | |
| white-space: nowrap; } | |
| .dropdown-toggle::after { | |
| display: inline-block; | |
| margin-left: 0.255em; | |
| vertical-align: 0.255em; | |
| content: ""; | |
| border-top: 0.3em solid; | |
| border-right: 0.3em solid transparent; | |
| border-bottom: 0; | |
| border-left: 0.3em solid transparent; } | |
| .dropdown-toggle:empty::after { | |
| margin-left: 0; } | |
| .dropdown-menu { | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| z-index: 1000; | |
| display: none; | |
| float: left; | |
| min-width: 10rem; | |
| padding: 0 0; | |
| margin: 0 0 0; | |
| font-size: 1rem; | |
| color: var(--atum-text-dark); | |
| text-align: left; | |
| list-style: none; | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| border: 1px solid rgba(0, 0, 0, 0.15); } | |
| .dropdown-menu-left { | |
| right: auto; | |
| left: 0; } | |
| .dropdown-menu-right { | |
| right: 0; | |
| left: auto; } | |
| @media (min-width: 576px) { | |
| .dropdown-menu-sm-left { | |
| right: auto; | |
| left: 0; } | |
| .dropdown-menu-sm-right { | |
| right: 0; | |
| left: auto; } } | |
| @media (min-width: 768px) { | |
| .dropdown-menu-md-left { | |
| right: auto; | |
| left: 0; } | |
| .dropdown-menu-md-right { | |
| right: 0; | |
| left: auto; } } | |
| @media (min-width: 992px) { | |
| .dropdown-menu-lg-left { | |
| right: auto; | |
| left: 0; } | |
| .dropdown-menu-lg-right { | |
| right: 0; | |
| left: auto; } } | |
| @media (min-width: 1200px) { | |
| .dropdown-menu-xl-left { | |
| right: auto; | |
| left: 0; } | |
| .dropdown-menu-xl-right { | |
| right: 0; | |
| left: auto; } } | |
| .dropup .dropdown-menu { | |
| top: auto; | |
| bottom: 100%; | |
| margin-top: 0; | |
| margin-bottom: 0; } | |
| .dropup .dropdown-toggle::after { | |
| display: inline-block; | |
| margin-left: 0.255em; | |
| vertical-align: 0.255em; | |
| content: ""; | |
| border-top: 0; | |
| border-right: 0.3em solid transparent; | |
| border-bottom: 0.3em solid; | |
| border-left: 0.3em solid transparent; } | |
| .dropup .dropdown-toggle:empty::after { | |
| margin-left: 0; } | |
| .dropright .dropdown-menu { | |
| top: 0; | |
| right: auto; | |
| left: 100%; | |
| margin-top: 0; | |
| margin-left: 0; } | |
| .dropright .dropdown-toggle::after { | |
| display: inline-block; | |
| margin-left: 0.255em; | |
| vertical-align: 0.255em; | |
| content: ""; | |
| border-top: 0.3em solid transparent; | |
| border-right: 0; | |
| border-bottom: 0.3em solid transparent; | |
| border-left: 0.3em solid; } | |
| .dropright .dropdown-toggle:empty::after { | |
| margin-left: 0; } | |
| .dropright .dropdown-toggle::after { | |
| vertical-align: 0; } | |
| .dropleft .dropdown-menu { | |
| top: 0; | |
| right: 100%; | |
| left: auto; | |
| margin-top: 0; | |
| margin-right: 0; } | |
| .dropleft .dropdown-toggle::after { | |
| display: inline-block; | |
| margin-left: 0.255em; | |
| vertical-align: 0.255em; | |
| content: ""; } | |
| .dropleft .dropdown-toggle::after { | |
| display: none; } | |
| .dropleft .dropdown-toggle::before { | |
| display: inline-block; | |
| margin-right: 0.255em; | |
| vertical-align: 0.255em; | |
| content: ""; | |
| border-top: 0.3em solid transparent; | |
| border-right: 0.3em solid; | |
| border-bottom: 0.3em solid transparent; } | |
| .dropleft .dropdown-toggle:empty::after { | |
| margin-left: 0; } | |
| .dropleft .dropdown-toggle::before { | |
| vertical-align: 0; } | |
| .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { | |
| right: auto; | |
| bottom: auto; } | |
| .dropdown-divider { | |
| height: 0; | |
| margin: 0.5rem 0; | |
| overflow: hidden; | |
| border-top: 1px solid #e8e8e8; } | |
| .dropdown-item { | |
| display: block; | |
| width: 100%; | |
| padding: 0.5rem 0.75rem; | |
| clear: both; | |
| font-weight: 400; | |
| color: #212529; | |
| text-align: inherit; | |
| white-space: nowrap; | |
| background-color: transparent; | |
| border: 0; } | |
| .dropdown-item:hover, .dropdown-item:focus { | |
| color: var(--atum-text-dark); | |
| text-decoration: none; | |
| background-color: #f8f9fa; } | |
| .dropdown-item.active, .dropdown-item:active { | |
| color: #fff; | |
| text-decoration: none; | |
| background-color: #1a466b; } | |
| .dropdown-item.disabled, .dropdown-item:disabled { | |
| color: #6c757d; | |
| pointer-events: none; | |
| background-color: transparent; } | |
| .dropdown-menu.show { | |
| display: block; } | |
| .dropdown-header { | |
| display: block; | |
| padding: 0 0.75rem; | |
| margin-bottom: 0; | |
| font-size: 0.8rem; | |
| color: #6c757d; | |
| white-space: nowrap; } | |
| .dropdown-item-text { | |
| display: block; | |
| padding: 0.5rem 0.75rem; | |
| color: #212529; } | |
| .btn-group, | |
| .btn-group-vertical { | |
| position: relative; | |
| display: inline-flex; | |
| vertical-align: middle; } | |
| .btn-group > .btn, | |
| .btn-group-vertical > .btn { | |
| position: relative; | |
| flex: 1 1 auto; } | |
| .btn-group > .btn:hover, | |
| .btn-group-vertical > .btn:hover { | |
| z-index: 1; } | |
| .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, | |
| .btn-group-vertical > .btn:focus, | |
| .btn-group-vertical > .btn:active, | |
| .btn-group-vertical > .btn.active { | |
| z-index: 1; } | |
| .btn-toolbar { | |
| display: flex; | |
| flex-wrap: wrap; | |
| justify-content: flex-start; } | |
| .btn-toolbar .input-group { | |
| width: auto; } | |
| .btn-group > .btn:not(:first-child), | |
| .btn-group > .btn-group:not(:first-child) { | |
| margin-left: -1px; } | |
| .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 { | |
| padding-right: 0.375rem; | |
| padding-left: 0.375rem; } | |
| .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { | |
| padding-right: 0.75rem; | |
| padding-left: 0.75rem; } | |
| .btn-group-vertical { | |
| flex-direction: column; | |
| align-items: flex-start; | |
| justify-content: center; } | |
| .btn-group-vertical > .btn, | |
| .btn-group-vertical > .btn-group { | |
| width: 100%; } | |
| .btn-group-vertical > .btn:not(:first-child), | |
| .btn-group-vertical > .btn-group:not(:first-child) { | |
| margin-top: -1px; } | |
| .btn-group-toggle > .btn, | |
| .btn-group-toggle > .btn-group > .btn { | |
| margin-bottom: 0; } | |
| .btn-group-toggle > .btn input[type="radio"], | |
| .btn-group-toggle > .btn input[type="checkbox"], | |
| .btn-group-toggle > .btn-group > .btn input[type="radio"], | |
| .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { | |
| position: absolute; | |
| clip: rect(0, 0, 0, 0); | |
| pointer-events: none; } | |
| .input-group { | |
| position: relative; | |
| display: flex; | |
| flex-wrap: wrap; | |
| align-items: stretch; | |
| width: 100%; } | |
| .input-group > .form-control, | |
| .input-group > .form-control-plaintext, | |
| .input-group > .custom-select, | |
| .input-group > .custom-file { | |
| position: relative; | |
| flex: 1 1 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 > .form-control-plaintext + .form-control, | |
| .input-group > .form-control-plaintext + .custom-select, | |
| .input-group > .form-control-plaintext + .custom-file, | |
| .input-group > .custom-select + .form-control, | |
| .input-group > .custom-select + .custom-select, | |
| .input-group > .custom-select + .custom-file, | |
| .input-group > .custom-file + .form-control, | |
| .input-group > .custom-file + .custom-select, | |
| .input-group > .custom-file + .custom-file { | |
| margin-left: -1px; } | |
| .input-group > .form-control:focus, | |
| .input-group > .custom-select:focus, | |
| .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { | |
| z-index: 3; } | |
| .input-group > .custom-file .custom-file-input:focus { | |
| z-index: 4; } | |
| .input-group > .custom-file { | |
| display: flex; | |
| align-items: center; } | |
| .input-group-prepend, | |
| .input-group-append { | |
| display: flex; } | |
| .input-group-prepend .btn, | |
| .input-group-append .btn { | |
| position: relative; | |
| z-index: 2; } | |
| .input-group-prepend .btn:focus, | |
| .input-group-append .btn:focus { | |
| z-index: 3; } | |
| .input-group-prepend .btn + .btn, | |
| .input-group-prepend .btn + .input-group-text, | |
| .input-group-prepend .input-group-text + .input-group-text, | |
| .input-group-prepend .input-group-text + .btn, | |
| .input-group-append .btn + .btn, | |
| .input-group-append .btn + .input-group-text, | |
| .input-group-append .input-group-text + .input-group-text, | |
| .input-group-append .input-group-text + .btn { | |
| margin-left: -1px; } | |
| .input-group-prepend { | |
| margin-right: -1px; } | |
| .input-group-append { | |
| margin-left: -1px; } | |
| .input-group-text { | |
| display: flex; | |
| align-items: center; | |
| padding: 0.6rem 1rem; | |
| margin-bottom: 0; | |
| font-size: 1rem; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| color: var(--white); | |
| text-align: center; | |
| white-space: nowrap; | |
| background-color: var(--atum-bg-dark); | |
| border: 1px solid var(--atum-bg-dark); } | |
| .input-group-text input[type="radio"], | |
| .input-group-text input[type="checkbox"] { | |
| margin-top: 0; } | |
| .input-group-lg > .form-control:not(textarea), | |
| .input-group-lg > .custom-select { | |
| height: calc(1.5em + 1rem + 2px); } | |
| .input-group-lg > .form-control, | |
| .input-group-lg > .custom-select, | |
| .input-group-lg > .input-group-prepend > .input-group-text, | |
| .input-group-lg > .input-group-append > .input-group-text, | |
| .input-group-lg > .input-group-prepend > .btn, | |
| .input-group-lg > .input-group-append > .btn { | |
| padding: 0.5rem 1rem; | |
| font-size: 1.25rem; | |
| line-height: 1.5; } | |
| .input-group-sm > .form-control:not(textarea), | |
| .input-group-sm > .custom-select { | |
| height: calc(1.5em + 0.5rem + 2px); } | |
| .input-group-sm > .form-control, | |
| .input-group-sm > .custom-select, | |
| .input-group-sm > .input-group-prepend > .input-group-text, | |
| .input-group-sm > .input-group-append > .input-group-text, | |
| .input-group-sm > .input-group-prepend > .btn, | |
| .input-group-sm > .input-group-append > .btn { | |
| padding: 0.25rem 0.5rem; | |
| font-size: 0.8rem; | |
| line-height: 1.5; } | |
| .input-group-lg > .custom-select, | |
| .input-group-sm > .custom-select { | |
| padding-right: 4rem; } | |
| .custom-control { | |
| position: relative; | |
| display: block; | |
| min-height: 1.5rem; | |
| padding-left: 1.5rem; } | |
| .custom-control-inline { | |
| display: inline-flex; | |
| margin-right: 1rem; } | |
| .custom-control-input { | |
| position: absolute; | |
| z-index: -1; | |
| opacity: 0; } | |
| .custom-control-input:checked ~ .custom-control-label::before { | |
| color: #fff; | |
| border-color: #1a466b; | |
| background-color: #1a466b; } | |
| .custom-control-input:focus ~ .custom-control-label::before { | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.25); } | |
| .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { | |
| border-color: #368ace; } | |
| .custom-control-input:not(:disabled):active ~ .custom-control-label::before { | |
| color: #fff; | |
| background-color: #5fa2d8; | |
| border-color: #5fa2d8; } | |
| .custom-control-input:disabled ~ .custom-control-label { | |
| color: #6c757d; } | |
| .custom-control-input:disabled ~ .custom-control-label::before { | |
| background-color: #e8e8e8; } | |
| .custom-control-label { | |
| position: relative; | |
| margin-bottom: 0; | |
| vertical-align: top; } | |
| .custom-control-label::before { | |
| position: absolute; | |
| top: 0.25rem; | |
| left: -1.5rem; | |
| display: block; | |
| width: 1rem; | |
| height: 1rem; | |
| pointer-events: none; | |
| content: ""; | |
| background-color: #fff; | |
| border: #adb5bd solid 1px; } | |
| .custom-control-label::after { | |
| position: absolute; | |
| top: 0.25rem; | |
| left: -1.5rem; | |
| display: block; | |
| width: 1rem; | |
| height: 1rem; | |
| content: ""; | |
| background: no-repeat 50% / 50% 50%; } | |
| .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } | |
| .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { | |
| border-color: #1a466b; | |
| background-color: #1a466b; } | |
| .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } | |
| .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { | |
| background-color: rgba(26, 70, 107, 0.5); } | |
| .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { | |
| background-color: rgba(26, 70, 107, 0.5); } | |
| .custom-radio .custom-control-label::before { | |
| border-radius: 50%; } | |
| .custom-radio .custom-control-input:checked ~ .custom-control-label::after { | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } | |
| .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { | |
| background-color: rgba(26, 70, 107, 0.5); } | |
| .custom-switch { | |
| padding-left: 2.25rem; } | |
| .custom-switch .custom-control-label::before { | |
| left: -2.25rem; | |
| width: 1.75rem; | |
| pointer-events: all; | |
| border-radius: 0.5rem; } | |
| .custom-switch .custom-control-label::after { | |
| top: calc(0.25rem + 2px); | |
| left: calc(-2.25rem + 2px); | |
| width: calc(1rem - 4px); | |
| height: calc(1rem - 4px); | |
| background-color: #adb5bd; | |
| border-radius: 0.5rem; | |
| transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; | |
| transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; | |
| transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .custom-switch .custom-control-label::after { | |
| transition: none; } } | |
| .custom-switch .custom-control-input:checked ~ .custom-control-label::after { | |
| background-color: #fff; | |
| -webkit-transform: translateX(0.75rem); | |
| transform: translateX(0.75rem); } | |
| .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { | |
| background-color: rgba(26, 70, 107, 0.5); } | |
| .custom-select { | |
| display: inline-block; | |
| width: 100%; | |
| height: calc(1.5em + 1.2rem + 2px); | |
| padding: 0.6rem 4rem 0.6rem 1rem; | |
| font-size: 1rem; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| color: #495057; | |
| vertical-align: middle; | |
| background: url(../images/select-bg.svg) no-repeat right center/116rem; | |
| background-color: var(--atum-bg-dark); | |
| border: 1px solid #cdcdcd; | |
| border-radius: 0; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; } | |
| .custom-select:focus { | |
| border-color: #368ace; | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.25); } | |
| .custom-select:focus::-ms-value { | |
| color: #495057; | |
| background-color: #fff; } | |
| .custom-select[multiple], .custom-select[size]:not([size="1"]) { | |
| height: auto; | |
| padding-right: 1rem; | |
| background-image: none; } | |
| .custom-select:disabled { | |
| color: #6c757d; | |
| background-color: #e8e8e8; } | |
| .custom-select::-ms-expand { | |
| display: none; } | |
| .custom-select-sm { | |
| height: calc(1.5em + 0.5rem + 2px); | |
| padding-top: 0.25rem; | |
| padding-bottom: 0.25rem; | |
| padding-left: 0.5rem; | |
| font-size: 0.8rem; } | |
| .custom-select-lg { | |
| height: calc(1.5em + 1rem + 2px); | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| padding-left: 1rem; | |
| font-size: 1.25rem; } | |
| .custom-file { | |
| position: relative; | |
| display: inline-block; | |
| width: 100%; | |
| height: calc(1.5em + 1.2rem + 2px); | |
| margin-bottom: 0; } | |
| .custom-file-input { | |
| position: relative; | |
| z-index: 2; | |
| width: 100%; | |
| height: calc(1.5em + 1.2rem + 2px); | |
| margin: 0; | |
| opacity: 0; } | |
| .custom-file-input:focus ~ .custom-file-label { | |
| border-color: #368ace; | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.25); } | |
| .custom-file-input:disabled ~ .custom-file-label { | |
| background-color: #e8e8e8; } | |
| .custom-file-input:lang(en) ~ .custom-file-label::after { | |
| content: "Browse"; } | |
| .custom-file-input ~ .custom-file-label[data-browse]::after { | |
| content: attr(data-browse); } | |
| .custom-file-label { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| z-index: 1; | |
| height: calc(1.5em + 1.2rem + 2px); | |
| padding: 0.6rem 1rem; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| color: #495057; | |
| background-color: #fff; | |
| border: 1px solid #cdcdcd; } | |
| .custom-file-label::after { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| z-index: 3; | |
| display: block; | |
| height: calc(1.5em + 1.2rem); | |
| padding: 0.6rem 1rem; | |
| line-height: 1.5; | |
| color: #495057; | |
| content: "Browse"; | |
| background-color: var(--atum-bg-dark); | |
| border-left: inherit; } | |
| .custom-range { | |
| width: 100%; | |
| height: calc(1rem + 0.4rem); | |
| padding: 0; | |
| background-color: transparent; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; } | |
| .custom-range:focus { | |
| outline: none; } | |
| .custom-range:focus::-webkit-slider-thumb { | |
| box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(26, 70, 107, 0.25); } | |
| .custom-range:focus::-moz-range-thumb { | |
| box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(26, 70, 107, 0.25); } | |
| .custom-range:focus::-ms-thumb { | |
| box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(26, 70, 107, 0.25); } | |
| .custom-range::-moz-focus-outer { | |
| border: 0; } | |
| .custom-range::-webkit-slider-thumb { | |
| width: 1rem; | |
| height: 1rem; | |
| margin-top: -0.25rem; | |
| background-color: #1a466b; | |
| border: 0; | |
| transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; | |
| -webkit-appearance: none; | |
| appearance: none; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .custom-range::-webkit-slider-thumb { | |
| transition: none; } } | |
| .custom-range::-webkit-slider-thumb:active { | |
| background-color: #5fa2d8; } | |
| .custom-range::-webkit-slider-runnable-track { | |
| width: 100%; | |
| height: 0.5rem; | |
| color: transparent; | |
| cursor: pointer; | |
| background-color: #dee2e6; | |
| border-color: transparent; } | |
| .custom-range::-moz-range-thumb { | |
| width: 1rem; | |
| height: 1rem; | |
| background-color: #1a466b; | |
| border: 0; | |
| transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; | |
| -moz-appearance: none; | |
| appearance: none; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .custom-range::-moz-range-thumb { | |
| transition: none; } } | |
| .custom-range::-moz-range-thumb:active { | |
| background-color: #5fa2d8; } | |
| .custom-range::-moz-range-track { | |
| width: 100%; | |
| height: 0.5rem; | |
| color: transparent; | |
| cursor: pointer; | |
| background-color: #dee2e6; | |
| border-color: transparent; } | |
| .custom-range::-ms-thumb { | |
| width: 1rem; | |
| height: 1rem; | |
| margin-top: 0; | |
| margin-right: 0.2rem; | |
| margin-left: 0.2rem; | |
| background-color: #1a466b; | |
| border: 0; | |
| transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; | |
| appearance: none; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .custom-range::-ms-thumb { | |
| transition: none; } } | |
| .custom-range::-ms-thumb:active { | |
| background-color: #5fa2d8; } | |
| .custom-range::-ms-track { | |
| width: 100%; | |
| height: 0.5rem; | |
| color: transparent; | |
| cursor: pointer; | |
| background-color: transparent; | |
| border-color: transparent; | |
| border-width: 0.5rem; } | |
| .custom-range::-ms-fill-lower { | |
| background-color: #dee2e6; } | |
| .custom-range::-ms-fill-upper { | |
| margin-right: 15px; | |
| background-color: #dee2e6; } | |
| .custom-range:disabled::-webkit-slider-thumb { | |
| background-color: #adb5bd; } | |
| .custom-range:disabled::-webkit-slider-runnable-track { | |
| cursor: default; } | |
| .custom-range:disabled::-moz-range-thumb { | |
| background-color: #adb5bd; } | |
| .custom-range:disabled::-moz-range-track { | |
| cursor: default; } | |
| .custom-range:disabled::-ms-thumb { | |
| background-color: #adb5bd; } | |
| .custom-control-label::before, | |
| .custom-file-label, | |
| .custom-select { | |
| transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .custom-control-label::before, | |
| .custom-file-label, | |
| .custom-select { | |
| transition: none; } } | |
| .nav { | |
| display: flex; | |
| flex-wrap: wrap; | |
| padding-left: 0; | |
| margin-bottom: 0; | |
| list-style: none; } | |
| .nav-link { | |
| display: block; | |
| padding: 0.5rem 1rem; } | |
| .nav-link:hover, .nav-link:focus { | |
| text-decoration: none; } | |
| .nav-link.disabled { | |
| color: #6c757d; | |
| pointer-events: none; | |
| cursor: default; } | |
| .nav-tabs { | |
| border-bottom: 0 solid #dee2e6; } | |
| .nav-tabs .nav-item { | |
| margin-bottom: 0; } | |
| .nav-tabs .nav-link { | |
| border: 0 solid transparent; } | |
| .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { | |
| border-color: #e8e8e8 #e8e8e8 #dee2e6; } | |
| .nav-tabs .nav-link.disabled { | |
| color: #6c757d; | |
| background-color: transparent; | |
| border-color: transparent; } | |
| .nav-tabs .nav-link.active, | |
| .nav-tabs .nav-item.show .nav-link { | |
| color: #495057; | |
| background-color: rgba(0, 0, 0, 0.2); | |
| border-color: #dee2e6 #dee2e6 rgba(0, 0, 0, 0.2); } | |
| .nav-tabs .dropdown-menu { | |
| margin-top: 0; } | |
| .nav-pills .nav-link.active, | |
| .nav-pills .show > .nav-link { | |
| color: #fff; | |
| background-color: #1a466b; } | |
| .nav-fill .nav-item { | |
| flex: 1 1 auto; | |
| text-align: center; } | |
| .nav-justified .nav-item { | |
| flex-basis: 0; | |
| flex-grow: 1; | |
| text-align: center; } | |
| .tab-content > .tab-pane { | |
| display: none; } | |
| .tab-content > .active { | |
| display: block; } | |
| .navbar { | |
| position: relative; | |
| display: flex; | |
| flex-wrap: wrap; | |
| align-items: center; | |
| justify-content: space-between; | |
| padding: 0.5rem 1rem; } | |
| .navbar > .container, | |
| .navbar > .container-fluid { | |
| display: flex; | |
| flex-wrap: wrap; | |
| align-items: center; | |
| justify-content: space-between; } | |
| .navbar-brand { | |
| display: inline-block; | |
| padding-top: 0.3125rem; | |
| padding-bottom: 0.3125rem; | |
| margin-right: 1rem; | |
| font-size: 1.25rem; | |
| line-height: inherit; | |
| white-space: nowrap; } | |
| .navbar-brand:hover, .navbar-brand:focus { | |
| text-decoration: none; } | |
| .navbar-nav { | |
| display: flex; | |
| flex-direction: column; | |
| padding-left: 0; | |
| margin-bottom: 0; | |
| list-style: none; } | |
| .navbar-nav .nav-link { | |
| padding-right: 0; | |
| padding-left: 0; } | |
| .navbar-nav .dropdown-menu { | |
| position: static; | |
| float: none; } | |
| .navbar-text { | |
| display: inline-block; | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; } | |
| .navbar-collapse { | |
| flex-basis: 100%; | |
| flex-grow: 1; | |
| align-items: center; } | |
| .navbar-toggler { | |
| padding: 0.25rem 0.75rem; | |
| font-size: 1.25rem; | |
| line-height: 1; | |
| background-color: transparent; | |
| border: 1px solid transparent; } | |
| .navbar-toggler:hover, .navbar-toggler:focus { | |
| text-decoration: none; } | |
| .navbar-toggler-icon { | |
| display: inline-block; | |
| width: 1.5em; | |
| height: 1.5em; | |
| vertical-align: middle; | |
| content: ""; | |
| background: no-repeat center center; | |
| background-size: 100% 100%; } | |
| @media (max-width: 575.98px) { | |
| .navbar-expand-sm > .container, | |
| .navbar-expand-sm > .container-fluid { | |
| padding-right: 0; | |
| padding-left: 0; } } | |
| @media (min-width: 576px) { | |
| .navbar-expand-sm { | |
| flex-flow: row nowrap; | |
| justify-content: flex-start; } | |
| .navbar-expand-sm .navbar-nav { | |
| flex-direction: row; } | |
| .navbar-expand-sm .navbar-nav .dropdown-menu { | |
| position: absolute; } | |
| .navbar-expand-sm .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; } | |
| .navbar-expand-sm > .container, | |
| .navbar-expand-sm > .container-fluid { | |
| flex-wrap: nowrap; } | |
| .navbar-expand-sm .navbar-collapse { | |
| display: flex !important; | |
| flex-basis: auto; } | |
| .navbar-expand-sm .navbar-toggler { | |
| display: none; } } | |
| @media (max-width: 767.98px) { | |
| .navbar-expand-md > .container, | |
| .navbar-expand-md > .container-fluid { | |
| padding-right: 0; | |
| padding-left: 0; } } | |
| @media (min-width: 768px) { | |
| .navbar-expand-md { | |
| flex-flow: row nowrap; | |
| justify-content: flex-start; } | |
| .navbar-expand-md .navbar-nav { | |
| flex-direction: row; } | |
| .navbar-expand-md .navbar-nav .dropdown-menu { | |
| position: absolute; } | |
| .navbar-expand-md .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; } | |
| .navbar-expand-md > .container, | |
| .navbar-expand-md > .container-fluid { | |
| flex-wrap: nowrap; } | |
| .navbar-expand-md .navbar-collapse { | |
| display: flex !important; | |
| flex-basis: auto; } | |
| .navbar-expand-md .navbar-toggler { | |
| display: none; } } | |
| @media (max-width: 991.98px) { | |
| .navbar-expand-lg > .container, | |
| .navbar-expand-lg > .container-fluid { | |
| padding-right: 0; | |
| padding-left: 0; } } | |
| @media (min-width: 992px) { | |
| .navbar-expand-lg { | |
| flex-flow: row nowrap; | |
| justify-content: flex-start; } | |
| .navbar-expand-lg .navbar-nav { | |
| flex-direction: row; } | |
| .navbar-expand-lg .navbar-nav .dropdown-menu { | |
| position: absolute; } | |
| .navbar-expand-lg .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; } | |
| .navbar-expand-lg > .container, | |
| .navbar-expand-lg > .container-fluid { | |
| flex-wrap: nowrap; } | |
| .navbar-expand-lg .navbar-collapse { | |
| display: flex !important; | |
| flex-basis: auto; } | |
| .navbar-expand-lg .navbar-toggler { | |
| display: none; } } | |
| @media (max-width: 1199.98px) { | |
| .navbar-expand-xl > .container, | |
| .navbar-expand-xl > .container-fluid { | |
| padding-right: 0; | |
| padding-left: 0; } } | |
| @media (min-width: 1200px) { | |
| .navbar-expand-xl { | |
| flex-flow: row nowrap; | |
| justify-content: flex-start; } | |
| .navbar-expand-xl .navbar-nav { | |
| flex-direction: row; } | |
| .navbar-expand-xl .navbar-nav .dropdown-menu { | |
| position: absolute; } | |
| .navbar-expand-xl .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; } | |
| .navbar-expand-xl > .container, | |
| .navbar-expand-xl > .container-fluid { | |
| 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, | |
| .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, | |
| .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,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } | |
| .navbar-light .navbar-text { | |
| color: rgba(0, 0, 0, 0.5); } | |
| .navbar-light .navbar-text a { | |
| color: rgba(0, 0, 0, 0.9); } | |
| .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { | |
| color: rgba(0, 0, 0, 0.9); } | |
| .navbar-dark .navbar-brand { | |
| color: #fff; } | |
| .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { | |
| color: #fff; } | |
| .navbar-dark .navbar-nav .nav-link { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .navbar-dark .navbar-nav .nav-link.disabled { | |
| color: rgba(255, 255, 255, 0.25); } | |
| .navbar-dark .navbar-nav .show > .nav-link, | |
| .navbar-dark .navbar-nav .active > .nav-link, | |
| .navbar-dark .navbar-nav .nav-link.show, | |
| .navbar-dark .navbar-nav .nav-link.active { | |
| color: #fff; } | |
| .navbar-dark .navbar-toggler { | |
| color: rgba(255, 255, 255, 0.5); | |
| border-color: rgba(255, 255, 255, 0.1); } | |
| .navbar-dark .navbar-toggler-icon { | |
| background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } | |
| .navbar-dark .navbar-text { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .navbar-dark .navbar-text a { | |
| color: #fff; } | |
| .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { | |
| color: #fff; } | |
| .card { | |
| position: relative; | |
| display: flex; | |
| flex-direction: column; | |
| min-width: 0; | |
| word-wrap: break-word; | |
| background-color: #fff; | |
| background-clip: border-box; | |
| border: 0 solid transparent; } | |
| .card > hr { | |
| margin-right: 0; | |
| margin-left: 0; } | |
| .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: 0 solid transparent; } | |
| .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: 0 solid transparent; } | |
| .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%; } | |
| .card-img-top { | |
| width: 100%; } | |
| .card-img-bottom { | |
| width: 100%; } | |
| .card-deck { | |
| display: flex; | |
| flex-direction: column; } | |
| .card-deck .card { | |
| margin-bottom: 1rem; } | |
| @media (min-width: 576px) { | |
| .card-deck { | |
| flex-flow: row wrap; | |
| margin-right: -1rem; | |
| margin-left: -1rem; } | |
| .card-deck .card { | |
| display: flex; | |
| flex: 1 0 0%; | |
| flex-direction: column; | |
| margin-right: 1rem; | |
| margin-bottom: 0; | |
| margin-left: 1rem; } } | |
| .card-group { | |
| display: flex; | |
| flex-direction: column; } | |
| .card-group > .card { | |
| margin-bottom: 1rem; } | |
| @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-columns .card { | |
| margin-bottom: 0.75rem; } | |
| @media (min-width: 576px) { | |
| .card-columns { | |
| -webkit-column-count: 3; | |
| -moz-column-count: 3; | |
| column-count: 3; | |
| -webkit-column-gap: 1.25rem; | |
| -moz-column-gap: 1.25rem; | |
| column-gap: 1.25rem; | |
| orphans: 1; | |
| widows: 1; } | |
| .card-columns .card { | |
| display: inline-block; | |
| width: 100%; } } | |
| .accordion > .card { | |
| overflow: hidden; } | |
| .accordion > .card:not(:first-of-type):not(:last-of-type) { | |
| border-bottom: 0; } | |
| .accordion > .card:first-of-type { | |
| border-bottom: 0; } | |
| .accordion > .card .card-header { | |
| margin-bottom: 0; } | |
| .breadcrumb { | |
| display: flex; | |
| flex-wrap: wrap; | |
| padding: 0.75rem 1rem; | |
| margin-bottom: 1rem; | |
| list-style: none; | |
| background-color: var(--white); } | |
| .breadcrumb-item + .breadcrumb-item { | |
| padding-left: 0.5rem; } | |
| .breadcrumb-item + .breadcrumb-item::before { | |
| display: inline-block; | |
| padding-right: 0.5rem; | |
| color: #6c757d; | |
| content: "/"; } | |
| .breadcrumb-item + .breadcrumb-item:hover::before { | |
| text-decoration: underline; } | |
| .breadcrumb-item + .breadcrumb-item:hover::before { | |
| text-decoration: none; } | |
| .breadcrumb-item.active { | |
| color: #6c757d; } | |
| .pagination { | |
| display: flex; | |
| padding-left: 0; | |
| list-style: none; } | |
| .page-link { | |
| position: relative; | |
| display: block; | |
| padding: 0.5rem 0.75rem; | |
| margin-left: -1px; | |
| line-height: 1.25; | |
| color: var(--atum-link-color); | |
| background-color: #fff; | |
| border: 1px solid #dee2e6; } | |
| .page-link:hover { | |
| z-index: 2; | |
| color: var(--atum-link-hover-color); | |
| text-decoration: none; | |
| background-color: #e8e8e8; | |
| border-color: #dee2e6; } | |
| .page-link:focus { | |
| z-index: 2; | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.25); } | |
| .page-item:first-child .page-link { | |
| margin-left: 0; } | |
| .page-item.active .page-link { | |
| z-index: 1; | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .page-item.disabled .page-link { | |
| color: #6c757d; | |
| pointer-events: none; | |
| cursor: auto; | |
| background-color: #fff; | |
| border-color: #dee2e6; } | |
| .pagination-lg .page-link { | |
| padding: 0.75rem 1.5rem; | |
| font-size: 1.25rem; | |
| line-height: 1.5; } | |
| .pagination-sm .page-link { | |
| padding: 0.25rem 0.5rem; | |
| font-size: 0.8rem; | |
| line-height: 1.5; } | |
| .badge { | |
| display: inline-block; | |
| padding: 0.25em 0.4em; | |
| font-size: 0.75rem; | |
| font-weight: 700; | |
| line-height: 1; | |
| text-align: center; | |
| white-space: nowrap; | |
| vertical-align: baseline; | |
| transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .badge { | |
| transition: none; } } | |
| a.badge:hover, a.badge:focus { | |
| text-decoration: none; } | |
| .badge:empty { | |
| display: none; } | |
| .btn .badge { | |
| position: relative; | |
| top: -1px; } | |
| .badge-pill { | |
| padding-right: 0.6em; | |
| padding-left: 0.6em; } | |
| .badge-primary { | |
| color: #fff; | |
| background-color: #1a466b; } | |
| a.badge-primary:hover, a.badge-primary:focus { | |
| color: #fff; | |
| background-color: #102b42; } | |
| a.badge-primary:focus, a.badge-primary.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.5); } | |
| .badge-secondary { | |
| color: #fff; | |
| background-color: #495057; } | |
| a.badge-secondary:hover, a.badge-secondary:focus { | |
| color: #fff; | |
| background-color: #32373b; } | |
| a.badge-secondary:focus, a.badge-secondary.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(73, 80, 87, 0.5); } | |
| .badge-success { | |
| color: #fff; | |
| background-color: #2f7d32; } | |
| a.badge-success:hover, a.badge-success:focus { | |
| color: #fff; | |
| background-color: #215823; } | |
| a.badge-success:focus, a.badge-success.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(47, 125, 50, 0.5); } | |
| .badge-info { | |
| color: #fff; | |
| background-color: #108193; } | |
| a.badge-info:hover, a.badge-info:focus { | |
| color: #fff; | |
| background-color: #0b5965; } | |
| a.badge-info:focus, a.badge-info.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(16, 129, 147, 0.5); } | |
| .badge-warning { | |
| color: #212529; | |
| background-color: #ffb107; } | |
| a.badge-warning:hover, a.badge-warning:focus { | |
| color: #212529; | |
| background-color: #d39100; } | |
| a.badge-warning:focus, a.badge-warning.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(255, 177, 7, 0.5); } | |
| .badge-danger { | |
| color: #fff; | |
| background-color: #c52827; } | |
| a.badge-danger:hover, a.badge-danger:focus { | |
| color: #fff; | |
| background-color: #9a1f1f; } | |
| a.badge-danger:focus, a.badge-danger.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(197, 40, 39, 0.5); } | |
| .badge-light { | |
| color: #212529; | |
| background-color: #f8f9fa; } | |
| a.badge-light:hover, a.badge-light:focus { | |
| color: #212529; | |
| background-color: #dae0e5; } | |
| a.badge-light:focus, a.badge-light.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } | |
| .badge-dark { | |
| color: #fff; | |
| background-color: #212529; } | |
| a.badge-dark:hover, a.badge-dark:focus { | |
| color: #fff; | |
| background-color: #0a0c0d; } | |
| a.badge-dark:focus, a.badge-dark.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); } | |
| .badge-atum-link-color { | |
| color: #fff; | |
| background-color: #1757A1; } | |
| a.badge-atum-link-color:hover, a.badge-atum-link-color:focus { | |
| color: #fff; | |
| background-color: #113f74; } | |
| a.badge-atum-link-color:focus, a.badge-atum-link-color.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(23, 87, 161, 0.5); } | |
| .badge-atum-text-dark { | |
| color: #fff; | |
| background-color: #495057; } | |
| a.badge-atum-text-dark:hover, a.badge-atum-text-dark:focus { | |
| color: #fff; | |
| background-color: #32373b; } | |
| a.badge-atum-text-dark:focus, a.badge-atum-text-dark.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(73, 80, 87, 0.5); } | |
| .badge-atum-bg-dark { | |
| color: #fff; | |
| background-color: #1a466b; } | |
| a.badge-atum-bg-dark:hover, a.badge-atum-bg-dark:focus { | |
| color: #fff; | |
| background-color: #102b42; } | |
| a.badge-atum-bg-dark:focus, a.badge-atum-bg-dark.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.5); } | |
| .badge-action { | |
| color: #fff; | |
| background-color: #1a466b; } | |
| a.badge-action:hover, a.badge-action:focus { | |
| color: #fff; | |
| background-color: #102b42; } | |
| a.badge-action:focus, a.badge-action.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.5); } | |
| .badge-error { | |
| color: #fff; | |
| background-color: #3b0d0c; } | |
| a.badge-error:hover, a.badge-error:focus { | |
| color: #fff; | |
| background-color: #110403; } | |
| a.badge-error:focus, a.badge-error.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(59, 13, 12, 0.5); } | |
| .badge-alert-success { | |
| color: #fff; | |
| background-color: #0f2f21; } | |
| a.badge-alert-success:hover, a.badge-alert-success:focus { | |
| color: #fff; | |
| background-color: #030806; } | |
| a.badge-alert-success:focus, a.badge-alert-success.focus { | |
| outline: 0; | |
| box-shadow: 0 0 0 0.2rem rgba(15, 47, 33, 0.5); } | |
| .jumbotron { | |
| padding: 2rem 1rem; | |
| margin-bottom: 2rem; | |
| background-color: #e8e8e8; } | |
| @media (min-width: 576px) { | |
| .jumbotron { | |
| padding: 4rem 2rem; } } | |
| .jumbotron-fluid { | |
| padding-right: 0; | |
| padding-left: 0; } | |
| .alert { | |
| position: relative; | |
| padding: 0.75rem 1.25rem; | |
| margin-bottom: 1rem; | |
| border: 1px solid transparent; } | |
| .alert-heading { | |
| color: inherit; } | |
| .alert-link { | |
| font-weight: 700; } | |
| .alert-dismissible { | |
| padding-right: 4rem; } | |
| .alert-dismissible .close { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| padding: 0.75rem 1.25rem; | |
| color: inherit; } | |
| .alert-primary { | |
| color: #1a466b; | |
| background-color: #d1dae1; | |
| border-color: #1a466b; } | |
| .alert-primary hr { | |
| border-top-color: #153956; } | |
| .alert-primary .alert-link { | |
| color: #102b42; } | |
| .alert-secondary { | |
| color: #495057; | |
| background-color: #dbdcdd; | |
| border-color: #495057; } | |
| .alert-secondary hr { | |
| border-top-color: #3d4349; } | |
| .alert-secondary .alert-link { | |
| color: #32373b; } | |
| .alert-success { | |
| color: #2f7d32; | |
| background-color: #d5e5d6; | |
| border-color: #2f7d32; } | |
| .alert-success hr { | |
| border-top-color: #286a2b; } | |
| .alert-success .alert-link { | |
| color: #215823; } | |
| .alert-info { | |
| color: #108193; | |
| background-color: #cfe6e9; | |
| border-color: #108193; } | |
| .alert-info hr { | |
| border-top-color: #0d6d7c; } | |
| .alert-info .alert-link { | |
| color: #0b5965; } | |
| .alert-warning { | |
| color: #ffb107; | |
| background-color: #ffefcd; | |
| border-color: #ffb107; } | |
| .alert-warning hr { | |
| border-top-color: #eda200; } | |
| .alert-warning .alert-link { | |
| color: #d39100; } | |
| .alert-danger { | |
| color: #c52827; | |
| background-color: #f3d4d4; | |
| border-color: #c52827; } | |
| .alert-danger hr { | |
| border-top-color: #b02423; } | |
| .alert-danger .alert-link { | |
| color: #9a1f1f; } | |
| .alert-light { | |
| color: #f8f9fa; | |
| background-color: #fefefe; | |
| border-color: #f8f9fa; } | |
| .alert-light hr { | |
| border-top-color: #e9ecef; } | |
| .alert-light .alert-link { | |
| color: #dae0e5; } | |
| .alert-dark { | |
| color: #212529; | |
| background-color: #d3d3d4; | |
| border-color: #212529; } | |
| .alert-dark hr { | |
| border-top-color: #16181b; } | |
| .alert-dark .alert-link { | |
| color: #0a0c0d; } | |
| .alert-atum-link-color { | |
| color: #1757a1; | |
| background-color: #d1ddec; | |
| border-color: #1757a1; } | |
| .alert-atum-link-color hr { | |
| border-top-color: #144b8b; } | |
| .alert-atum-link-color .alert-link { | |
| color: #113f74; } | |
| .alert-atum-text-dark { | |
| color: #495057; | |
| background-color: #dbdcdd; | |
| border-color: #495057; } | |
| .alert-atum-text-dark hr { | |
| border-top-color: #3d4349; } | |
| .alert-atum-text-dark .alert-link { | |
| color: #32373b; } | |
| .alert-atum-bg-dark { | |
| color: #1a466b; | |
| background-color: #d1dae1; | |
| border-color: #1a466b; } | |
| .alert-atum-bg-dark hr { | |
| border-top-color: #153956; } | |
| .alert-atum-bg-dark .alert-link { | |
| color: #102b42; } | |
| .alert-action { | |
| color: #1a466b; | |
| background-color: #d1dae1; | |
| border-color: #1a466b; } | |
| .alert-action hr { | |
| border-top-color: #153956; } | |
| .alert-action .alert-link { | |
| color: #102b42; } | |
| .alert-error { | |
| color: #3b0d0c; | |
| background-color: #d8cfce; | |
| border-color: #3b0d0c; } | |
| .alert-error hr { | |
| border-top-color: #260808; } | |
| .alert-error .alert-link { | |
| color: #110403; } | |
| .alert-alert-success { | |
| color: #0f2f21; | |
| background-color: #cfd5d3; | |
| border-color: #0f2f21; } | |
| .alert-alert-success hr { | |
| border-top-color: #091c13; } | |
| .alert-alert-success .alert-link { | |
| color: #030806; } | |
| @-webkit-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 1rem 0; } | |
| to { | |
| background-position: 0 0; } } | |
| @keyframes progress-bar-stripes { | |
| from { | |
| background-position: 1rem 0; } | |
| to { | |
| background-position: 0 0; } } | |
| .progress { | |
| display: flex; | |
| height: 1rem; | |
| overflow: hidden; | |
| font-size: 0.75rem; | |
| background-color: #e8e8e8; } | |
| .progress-bar { | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| color: #fff; | |
| text-align: center; | |
| white-space: nowrap; | |
| background-color: #1a466b; | |
| transition: width 0.6s ease; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .progress-bar { | |
| transition: none; } } | |
| .progress-bar-striped { | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-size: 1rem 1rem; } | |
| .progress-bar-animated { | |
| -webkit-animation: progress-bar-stripes 1s linear infinite; | |
| animation: progress-bar-stripes 1s linear infinite; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .progress-bar-animated { | |
| -webkit-animation: none; | |
| animation: none; } } | |
| .media { | |
| display: flex; | |
| align-items: flex-start; } | |
| .media-body { | |
| flex: 1; } | |
| .list-group { | |
| display: flex; | |
| flex-direction: column; | |
| padding-left: 0; | |
| margin-bottom: 0; } | |
| .list-group-item-action { | |
| width: 100%; | |
| color: #495057; | |
| text-align: inherit; } | |
| .list-group-item-action:hover, .list-group-item-action:focus { | |
| z-index: 1; | |
| color: #495057; | |
| text-decoration: none; | |
| background-color: #f8f9fa; } | |
| .list-group-item-action:active { | |
| color: var(--atum-text-dark); | |
| background-color: #e8e8e8; } | |
| .list-group-item { | |
| position: relative; | |
| display: block; | |
| padding: 0.75rem 1.25rem; | |
| margin-bottom: -1px; | |
| background-color: var(--white-offset); | |
| border: 1px solid rgba(0, 0, 0, 0.125); } | |
| .list-group-item:last-child { | |
| margin-bottom: 0; } | |
| .list-group-item.disabled, .list-group-item:disabled { | |
| color: #6c757d; | |
| pointer-events: none; | |
| background-color: var(--white-offset); } | |
| .list-group-item.active { | |
| z-index: 2; | |
| color: #fff; | |
| background-color: #1a466b; | |
| border-color: #1a466b; } | |
| .list-group-horizontal { | |
| flex-direction: row; } | |
| .list-group-horizontal .list-group-item { | |
| margin-right: -1px; | |
| margin-bottom: 0; } | |
| .list-group-horizontal .list-group-item:last-child { | |
| margin-right: 0; } | |
| @media (min-width: 576px) { | |
| .list-group-horizontal-sm { | |
| flex-direction: row; } | |
| .list-group-horizontal-sm .list-group-item { | |
| margin-right: -1px; | |
| margin-bottom: 0; } | |
| .list-group-horizontal-sm .list-group-item:last-child { | |
| margin-right: 0; } } | |
| @media (min-width: 768px) { | |
| .list-group-horizontal-md { | |
| flex-direction: row; } | |
| .list-group-horizontal-md .list-group-item { | |
| margin-right: -1px; | |
| margin-bottom: 0; } | |
| .list-group-horizontal-md .list-group-item:last-child { | |
| margin-right: 0; } } | |
| @media (min-width: 992px) { | |
| .list-group-horizontal-lg { | |
| flex-direction: row; } | |
| .list-group-horizontal-lg .list-group-item { | |
| margin-right: -1px; | |
| margin-bottom: 0; } | |
| .list-group-horizontal-lg .list-group-item:last-child { | |
| margin-right: 0; } } | |
| @media (min-width: 1200px) { | |
| .list-group-horizontal-xl { | |
| flex-direction: row; } | |
| .list-group-horizontal-xl .list-group-item { | |
| margin-right: -1px; | |
| margin-bottom: 0; } | |
| .list-group-horizontal-xl .list-group-item:last-child { | |
| margin-right: 0; } } | |
| .list-group-flush .list-group-item { | |
| border-right: 0; | |
| border-left: 0; } | |
| .list-group-flush .list-group-item:last-child { | |
| margin-bottom: -1px; } | |
| .list-group-flush:first-child .list-group-item:first-child { | |
| border-top: 0; } | |
| .list-group-flush:last-child .list-group-item:last-child { | |
| margin-bottom: 0; | |
| border-bottom: 0; } | |
| .list-group-item-primary { | |
| color: #0d2538; | |
| background-color: #bfcbd5; } | |
| .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { | |
| color: #0d2538; | |
| background-color: #b0becb; } | |
| .list-group-item-primary.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #0d2538; | |
| border-color: #0d2538; } | |
| .list-group-item-secondary { | |
| color: #262a2d; | |
| background-color: #ccced0; } | |
| .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { | |
| color: #262a2d; | |
| background-color: #bfc1c4; } | |
| .list-group-item-secondary.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #262a2d; | |
| border-color: #262a2d; } | |
| .list-group-item-success { | |
| color: #18411a; | |
| background-color: #c5dbc6; } | |
| .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { | |
| color: #18411a; | |
| background-color: #b5d1b7; } | |
| .list-group-item-success.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #18411a; | |
| border-color: #18411a; } | |
| .list-group-item-info { | |
| color: #08434c; | |
| background-color: #bcdce1; } | |
| .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { | |
| color: #08434c; | |
| background-color: #aad3d9; } | |
| .list-group-item-info.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #08434c; | |
| border-color: #08434c; } | |
| .list-group-item-warning { | |
| color: #855c04; | |
| background-color: #ffe9ba; } | |
| .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { | |
| color: #855c04; | |
| background-color: #ffe1a1; } | |
| .list-group-item-warning.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #855c04; | |
| border-color: #855c04; } | |
| .list-group-item-danger { | |
| color: #661514; | |
| background-color: #efc3c3; } | |
| .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { | |
| color: #661514; | |
| background-color: #eaafaf; } | |
| .list-group-item-danger.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #661514; | |
| border-color: #661514; } | |
| .list-group-item-light { | |
| color: #818182; | |
| background-color: #fdfdfe; } | |
| .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { | |
| color: #818182; | |
| background-color: #ececf6; } | |
| .list-group-item-light.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #818182; | |
| border-color: #818182; } | |
| .list-group-item-dark { | |
| color: #111315; | |
| background-color: #c1c2c3; } | |
| .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { | |
| color: #111315; | |
| background-color: #b4b5b6; } | |
| .list-group-item-dark.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #111315; | |
| border-color: #111315; } | |
| .list-group-item-atum-link-color { | |
| color: #0c2d54; | |
| background-color: #bed0e5; } | |
| .list-group-item-atum-link-color.list-group-item-action:hover, .list-group-item-atum-link-color.list-group-item-action:focus { | |
| color: #0c2d54; | |
| background-color: #acc3de; } | |
| .list-group-item-atum-link-color.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #0c2d54; | |
| border-color: #0c2d54; } | |
| .list-group-item-atum-text-dark { | |
| color: #262a2d; | |
| background-color: #ccced0; } | |
| .list-group-item-atum-text-dark.list-group-item-action:hover, .list-group-item-atum-text-dark.list-group-item-action:focus { | |
| color: #262a2d; | |
| background-color: #bfc1c4; } | |
| .list-group-item-atum-text-dark.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #262a2d; | |
| border-color: #262a2d; } | |
| .list-group-item-atum-bg-dark { | |
| color: #0d2538; | |
| background-color: #bfcbd5; } | |
| .list-group-item-atum-bg-dark.list-group-item-action:hover, .list-group-item-atum-bg-dark.list-group-item-action:focus { | |
| color: #0d2538; | |
| background-color: #b0becb; } | |
| .list-group-item-atum-bg-dark.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #0d2538; | |
| border-color: #0d2538; } | |
| .list-group-item-action { | |
| color: #0d2538; | |
| background-color: #bfcbd5; } | |
| .list-group-item-action.list-group-item-action:hover, .list-group-item-action.list-group-item-action:focus { | |
| color: #0d2538; | |
| background-color: #b0becb; } | |
| .list-group-item-action.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #0d2538; | |
| border-color: #0d2538; } | |
| .list-group-item-error { | |
| color: #1f0706; | |
| background-color: #c8bbbb; } | |
| .list-group-item-error.list-group-item-action:hover, .list-group-item-error.list-group-item-action:focus { | |
| color: #1f0706; | |
| background-color: #bdadad; } | |
| .list-group-item-error.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #1f0706; | |
| border-color: #1f0706; } | |
| .list-group-item-alert-success { | |
| color: #081811; | |
| background-color: #bcc5c1; } | |
| .list-group-item-alert-success.list-group-item-action:hover, .list-group-item-alert-success.list-group-item-action:focus { | |
| color: #081811; | |
| background-color: #aeb9b4; } | |
| .list-group-item-alert-success.list-group-item-action.active { | |
| color: #fff; | |
| background-color: #081811; | |
| border-color: #081811; } | |
| .close { | |
| float: right; | |
| font-size: 1.5rem; | |
| font-weight: 700; | |
| line-height: 1; | |
| color: #000; | |
| text-shadow: 0 1px 0 #fff; | |
| opacity: .5; } | |
| .close:hover { | |
| color: #000; | |
| text-decoration: none; } | |
| .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { | |
| opacity: .75; } | |
| button.close { | |
| padding: 0; | |
| background-color: transparent; | |
| border: 0; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; } | |
| a.close.disabled { | |
| pointer-events: none; } | |
| .modal-open { | |
| overflow: hidden; } | |
| .modal-open .modal { | |
| overflow-x: hidden; | |
| overflow-y: auto; } | |
| .modal { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| z-index: 1050; | |
| display: none; | |
| width: 100%; | |
| height: 100%; | |
| overflow: hidden; | |
| outline: 0; } | |
| .modal-dialog { | |
| position: relative; | |
| width: auto; | |
| margin: 0.5rem; | |
| pointer-events: none; } | |
| .modal.fade .modal-dialog { | |
| transition: -webkit-transform 0.3s ease-out; | |
| transition: transform 0.3s ease-out; | |
| transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; | |
| -webkit-transform: translate(0, -50px); | |
| transform: translate(0, -50px); } | |
| @media (prefers-reduced-motion: reduce) { | |
| .modal.fade .modal-dialog { | |
| transition: none; } } | |
| .modal.show .modal-dialog { | |
| -webkit-transform: none; | |
| transform: none; } | |
| .modal-dialog-scrollable { | |
| display: flex; | |
| max-height: calc(100% - 1rem); } | |
| .modal-dialog-scrollable .modal-content { | |
| max-height: calc(100vh - 1rem); | |
| overflow: hidden; } | |
| .modal-dialog-scrollable .modal-header, | |
| .modal-dialog-scrollable .modal-footer { | |
| flex-shrink: 0; } | |
| .modal-dialog-scrollable .modal-body { | |
| overflow-y: auto; } | |
| .modal-dialog-centered { | |
| display: flex; | |
| align-items: center; | |
| min-height: calc(100% - 1rem); } | |
| .modal-dialog-centered::before { | |
| display: block; | |
| height: calc(100vh - 1rem); | |
| content: ""; } | |
| .modal-dialog-centered.modal-dialog-scrollable { | |
| flex-direction: column; | |
| justify-content: center; | |
| height: 100%; } | |
| .modal-dialog-centered.modal-dialog-scrollable .modal-content { | |
| max-height: none; } | |
| .modal-dialog-centered.modal-dialog-scrollable::before { | |
| content: none; } | |
| .modal-content { | |
| position: relative; | |
| display: flex; | |
| flex-direction: column; | |
| width: 100%; | |
| pointer-events: auto; | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| outline: 0; } | |
| .modal-backdrop { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| z-index: 1040; | |
| width: 100vw; | |
| height: 100vh; | |
| background-color: #000; } | |
| .modal-backdrop.fade { | |
| opacity: 0; } | |
| .modal-backdrop.show { | |
| opacity: 0.5; } | |
| .modal-header { | |
| display: flex; | |
| align-items: flex-start; | |
| justify-content: space-between; | |
| padding: 1rem 1rem; | |
| border-bottom: 1px solid #dee2e6; } | |
| .modal-header .close { | |
| padding: 1rem 1rem; | |
| margin: -1rem -1rem -1rem auto; } | |
| .modal-title { | |
| margin-bottom: 0; | |
| line-height: 1.5; } | |
| .modal-body { | |
| position: relative; | |
| flex: 1 1 auto; | |
| padding: 1rem; } | |
| .modal-footer { | |
| display: flex; | |
| align-items: center; | |
| justify-content: flex-end; | |
| padding: 1rem; | |
| border-top: 1px solid #dee2e6; } | |
| .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-scrollable { | |
| max-height: calc(100% - 3.5rem); } | |
| .modal-dialog-scrollable .modal-content { | |
| max-height: calc(100vh - 3.5rem); } | |
| .modal-dialog-centered { | |
| min-height: calc(100% - 3.5rem); } | |
| .modal-dialog-centered::before { | |
| height: calc(100vh - 3.5rem); } | |
| .modal-sm { | |
| max-width: 300px; } } | |
| @media (min-width: 992px) { | |
| .modal-lg, | |
| .modal-xl { | |
| max-width: 800px; } } | |
| @media (min-width: 1200px) { | |
| .modal-xl { | |
| max-width: 1140px; } } | |
| .tooltip { | |
| position: absolute; | |
| z-index: 1070; | |
| display: block; | |
| margin: 0; | |
| font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | |
| font-style: normal; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| text-align: left; | |
| text-align: start; | |
| text-decoration: none; | |
| text-shadow: none; | |
| text-transform: none; | |
| letter-spacing: normal; | |
| word-break: normal; | |
| word-spacing: normal; | |
| white-space: normal; | |
| line-break: auto; | |
| font-size: 0.8rem; | |
| 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; } | |
| .popover { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 1060; | |
| display: block; | |
| max-width: 276px; | |
| font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | |
| font-style: normal; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| text-align: left; | |
| text-align: start; | |
| text-decoration: none; | |
| text-shadow: none; | |
| text-transform: none; | |
| letter-spacing: normal; | |
| word-break: normal; | |
| word-spacing: normal; | |
| white-space: normal; | |
| line-break: auto; | |
| font-size: 0.8rem; | |
| word-wrap: break-word; | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| border: 1px solid rgba(0, 0, 0, 0.2); } | |
| .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 { | |
| bottom: 0; | |
| border-width: 0.5rem 0.5rem 0; | |
| border-top-color: rgba(0, 0, 0, 0.25); } | |
| .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { | |
| bottom: 1px; | |
| border-width: 0.5rem 0.5rem 0; | |
| border-top-color: #fff; } | |
| .bs-popover-right, .bs-popover-auto[x-placement^="right"] { | |
| margin-left: 0.5rem; } | |
| .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { | |
| left: calc((0.5rem + 1px) * -1); | |
| width: 0.5rem; | |
| height: 1rem; | |
| margin: 0.3rem 0; } | |
| .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { | |
| left: 0; | |
| border-width: 0.5rem 0.5rem 0.5rem 0; | |
| border-right-color: rgba(0, 0, 0, 0.25); } | |
| .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { | |
| left: 1px; | |
| border-width: 0.5rem 0.5rem 0.5rem 0; | |
| border-right-color: #fff; } | |
| .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { | |
| margin-top: 0.5rem; } | |
| .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { | |
| top: calc((0.5rem + 1px) * -1); } | |
| .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { | |
| top: 0; | |
| border-width: 0 0.5rem 0.5rem 0.5rem; | |
| border-bottom-color: rgba(0, 0, 0, 0.25); } | |
| .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { | |
| top: 1px; | |
| border-width: 0 0.5rem 0.5rem 0.5rem; | |
| border-bottom-color: #fff; } | |
| .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| display: block; | |
| width: 1rem; | |
| margin-left: -0.5rem; | |
| content: ""; | |
| border-bottom: 1px solid #f7f7f7; } | |
| .bs-popover-left, .bs-popover-auto[x-placement^="left"] { | |
| margin-right: 0.5rem; } | |
| .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { | |
| right: calc((0.5rem + 1px) * -1); | |
| width: 0.5rem; | |
| height: 1rem; | |
| margin: 0.3rem 0; } | |
| .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { | |
| right: 0; | |
| border-width: 0.5rem 0 0.5rem 0.5rem; | |
| border-left-color: rgba(0, 0, 0, 0.25); } | |
| .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { | |
| right: 1px; | |
| border-width: 0.5rem 0 0.5rem 0.5rem; | |
| border-left-color: #fff; } | |
| .popover-header { | |
| padding: 0.5rem 0.75rem; | |
| margin-bottom: 0; | |
| font-size: 1rem; | |
| background-color: #f7f7f7; | |
| border-bottom: 1px solid #ebebeb; } | |
| .popover-header:empty { | |
| display: none; } | |
| .popover-body { | |
| padding: 0.5rem 0.75rem; | |
| color: var(--atum-text-dark); } | |
| .carousel { | |
| position: relative; } | |
| .carousel.pointer-event { | |
| touch-action: pan-y; } | |
| .carousel-inner { | |
| position: relative; | |
| width: 100%; | |
| overflow: hidden; } | |
| .carousel-inner::after { | |
| display: block; | |
| clear: both; | |
| content: ""; } | |
| .carousel-item { | |
| position: relative; | |
| display: none; | |
| float: left; | |
| width: 100%; | |
| margin-right: -100%; | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| transition: -webkit-transform 0.6s ease-in-out; | |
| transition: transform 0.6s ease-in-out; | |
| transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .carousel-item { | |
| transition: none; } } | |
| .carousel-item.active, | |
| .carousel-item-next, | |
| .carousel-item-prev { | |
| display: block; } | |
| .carousel-item-next:not(.carousel-item-left), | |
| .active.carousel-item-right { | |
| -webkit-transform: translateX(100%); | |
| transform: translateX(100%); } | |
| .carousel-item-prev:not(.carousel-item-right), | |
| .active.carousel-item-left { | |
| -webkit-transform: translateX(-100%); | |
| transform: translateX(-100%); } | |
| .carousel-fade .carousel-item { | |
| opacity: 0; | |
| transition-property: opacity; | |
| -webkit-transform: none; | |
| transform: none; } | |
| .carousel-fade .carousel-item.active, | |
| .carousel-fade .carousel-item-next.carousel-item-left, | |
| .carousel-fade .carousel-item-prev.carousel-item-right { | |
| z-index: 1; | |
| opacity: 1; } | |
| .carousel-fade .active.carousel-item-left, | |
| .carousel-fade .active.carousel-item-right { | |
| z-index: 0; | |
| opacity: 0; | |
| transition: 0s 0.6s opacity; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .carousel-fade .active.carousel-item-left, | |
| .carousel-fade .active.carousel-item-right { | |
| transition: none; } } | |
| .carousel-control-prev, | |
| .carousel-control-next { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 1; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| width: 15%; | |
| color: #fff; | |
| text-align: center; | |
| opacity: 0.5; | |
| transition: opacity 0.15s ease; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .carousel-control-prev, | |
| .carousel-control-next { | |
| transition: none; } } | |
| .carousel-control-prev:hover, .carousel-control-prev:focus, | |
| .carousel-control-next:hover, | |
| .carousel-control-next:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| outline: 0; | |
| opacity: 0.9; } | |
| .carousel-control-prev { | |
| left: 0; } | |
| .carousel-control-next { | |
| right: 0; } | |
| .carousel-control-prev-icon, | |
| .carousel-control-next-icon { | |
| display: inline-block; | |
| width: 20px; | |
| height: 20px; | |
| background: no-repeat 50% / 100% 100%; } | |
| .carousel-control-prev-icon { | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } | |
| .carousel-control-next-icon { | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } | |
| .carousel-indicators { | |
| position: absolute; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 15; | |
| display: flex; | |
| justify-content: center; | |
| padding-left: 0; | |
| margin-right: 15%; | |
| margin-left: 15%; | |
| list-style: none; } | |
| .carousel-indicators li { | |
| box-sizing: content-box; | |
| flex: 0 1 auto; | |
| width: 30px; | |
| height: 3px; | |
| margin-right: 3px; | |
| margin-left: 3px; | |
| text-indent: -999px; | |
| cursor: pointer; | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| border-top: 10px solid transparent; | |
| border-bottom: 10px solid transparent; | |
| opacity: .5; | |
| transition: opacity 0.6s ease; } | |
| @media (prefers-reduced-motion: reduce) { | |
| .carousel-indicators li { | |
| transition: none; } } | |
| .carousel-indicators .active { | |
| opacity: 1; } | |
| .carousel-caption { | |
| position: absolute; | |
| right: 15%; | |
| bottom: 20px; | |
| left: 15%; | |
| z-index: 10; | |
| padding-top: 20px; | |
| padding-bottom: 20px; | |
| color: #fff; | |
| text-align: center; } | |
| .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: #1a466b !important; } | |
| a.bg-primary:hover, a.bg-primary:focus, | |
| button.bg-primary:hover, | |
| button.bg-primary:focus { | |
| background-color: #102b42 !important; } | |
| .bg-secondary { | |
| background-color: #495057 !important; } | |
| a.bg-secondary:hover, a.bg-secondary:focus, | |
| button.bg-secondary:hover, | |
| button.bg-secondary:focus { | |
| background-color: #32373b !important; } | |
| .bg-success { | |
| background-color: #2f7d32 !important; } | |
| a.bg-success:hover, a.bg-success:focus, | |
| button.bg-success:hover, | |
| button.bg-success:focus { | |
| background-color: #215823 !important; } | |
| .bg-info { | |
| background-color: #108193 !important; } | |
| a.bg-info:hover, a.bg-info:focus, | |
| button.bg-info:hover, | |
| button.bg-info:focus { | |
| background-color: #0b5965 !important; } | |
| .bg-warning { | |
| background-color: #ffb107 !important; } | |
| a.bg-warning:hover, a.bg-warning:focus, | |
| button.bg-warning:hover, | |
| button.bg-warning:focus { | |
| background-color: #d39100 !important; } | |
| .bg-danger { | |
| background-color: #c52827 !important; } | |
| a.bg-danger:hover, a.bg-danger:focus, | |
| button.bg-danger:hover, | |
| button.bg-danger:focus { | |
| background-color: #9a1f1f !important; } | |
| .bg-light { | |
| background-color: #f8f9fa !important; } | |
| a.bg-light:hover, a.bg-light:focus, | |
| button.bg-light:hover, | |
| button.bg-light:focus { | |
| background-color: #dae0e5 !important; } | |
| .bg-dark { | |
| background-color: #212529 !important; } | |
| a.bg-dark:hover, a.bg-dark:focus, | |
| button.bg-dark:hover, | |
| button.bg-dark:focus { | |
| background-color: #0a0c0d !important; } | |
| .bg-atum-link-color { | |
| background-color: #1757A1 !important; } | |
| a.bg-atum-link-color:hover, a.bg-atum-link-color:focus, | |
| button.bg-atum-link-color:hover, | |
| button.bg-atum-link-color:focus { | |
| background-color: #113f74 !important; } | |
| .bg-atum-text-dark { | |
| background-color: #495057 !important; } | |
| a.bg-atum-text-dark:hover, a.bg-atum-text-dark:focus, | |
| button.bg-atum-text-dark:hover, | |
| button.bg-atum-text-dark:focus { | |
| background-color: #32373b !important; } | |
| .bg-atum-bg-dark { | |
| background-color: #1a466b !important; } | |
| a.bg-atum-bg-dark:hover, a.bg-atum-bg-dark:focus, | |
| button.bg-atum-bg-dark:hover, | |
| button.bg-atum-bg-dark:focus { | |
| background-color: #102b42 !important; } | |
| .bg-action { | |
| background-color: #1a466b !important; } | |
| a.bg-action:hover, a.bg-action:focus, | |
| button.bg-action:hover, | |
| button.bg-action:focus { | |
| background-color: #102b42 !important; } | |
| .bg-error { | |
| background-color: #3b0d0c !important; } | |
| a.bg-error:hover, a.bg-error:focus, | |
| button.bg-error:hover, | |
| button.bg-error:focus { | |
| background-color: #110403 !important; } | |
| .bg-alert-success { | |
| background-color: #0f2f21 !important; } | |
| a.bg-alert-success:hover, a.bg-alert-success:focus, | |
| button.bg-alert-success:hover, | |
| button.bg-alert-success:focus { | |
| background-color: #030806 !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: #1a466b !important; } | |
| .border-secondary { | |
| border-color: #495057 !important; } | |
| .border-success { | |
| border-color: #2f7d32 !important; } | |
| .border-info { | |
| border-color: #108193 !important; } | |
| .border-warning { | |
| border-color: #ffb107 !important; } | |
| .border-danger { | |
| border-color: #c52827 !important; } | |
| .border-light { | |
| border-color: #f8f9fa !important; } | |
| .border-dark { | |
| border-color: #212529 !important; } | |
| .border-atum-link-color { | |
| border-color: #1757A1 !important; } | |
| .border-atum-text-dark { | |
| border-color: #495057 !important; } | |
| .border-atum-bg-dark { | |
| border-color: #1a466b !important; } | |
| .border-action { | |
| border-color: #1a466b !important; } | |
| .border-error { | |
| border-color: #3b0d0c !important; } | |
| .border-alert-success { | |
| border-color: #0f2f21 !important; } | |
| .border-white { | |
| border-color: #fff !important; } | |
| .rounded-sm { | |
| border-radius: 0.2rem !important; } | |
| .rounded { | |
| border-radius: none !important; } | |
| .rounded-top { | |
| border-top-left-radius: none !important; | |
| border-top-right-radius: none !important; } | |
| .rounded-right { | |
| border-top-right-radius: none !important; | |
| border-bottom-right-radius: none !important; } | |
| .rounded-bottom { | |
| border-bottom-right-radius: none !important; | |
| border-bottom-left-radius: none !important; } | |
| .rounded-left { | |
| border-top-left-radius: none !important; | |
| border-bottom-left-radius: none !important; } | |
| .rounded-lg { | |
| border-radius: 0.3rem !important; } | |
| .rounded-circle { | |
| border-radius: 50% !important; } | |
| .rounded-pill { | |
| border-radius: 50rem !important; } | |
| .rounded-0 { | |
| border-radius: 0 !important; } | |
| .clearfix::after { | |
| display: block; | |
| clear: both; | |
| content: ""; } | |
| .d-none { | |
| display: none !important; } | |
| .d-inline { | |
| display: inline !important; } | |
| .d-inline-block { | |
| display: inline-block !important; } | |
| .d-block { | |
| display: block !important; } | |
| .d-table { | |
| display: table !important; } | |
| .d-table-row { | |
| display: table-row !important; } | |
| .d-table-cell { | |
| display: table-cell !important; } | |
| .d-flex { | |
| display: flex !important; } | |
| .d-inline-flex { | |
| display: inline-flex !important; } | |
| @media (min-width: 576px) { | |
| .d-sm-none { | |
| display: none !important; } | |
| .d-sm-inline { | |
| display: inline !important; } | |
| .d-sm-inline-block { | |
| display: inline-block !important; } | |
| .d-sm-block { | |
| display: block !important; } | |
| .d-sm-table { | |
| display: table !important; } | |
| .d-sm-table-row { | |
| display: table-row !important; } | |
| .d-sm-table-cell { | |
| display: table-cell !important; } | |
| .d-sm-flex { | |
| display: flex !important; } | |
| .d-sm-inline-flex { | |
| display: inline-flex !important; } } | |
| @media (min-width: 768px) { | |
| .d-md-none { | |
| display: none !important; } | |
| .d-md-inline { | |
| display: inline !important; } | |
| .d-md-inline-block { | |
| display: inline-block !important; } | |
| .d-md-block { | |
| display: block !important; } | |
| .d-md-table { | |
| display: table !important; } | |
| .d-md-table-row { | |
| display: table-row !important; } | |
| .d-md-table-cell { | |
| display: table-cell !important; } | |
| .d-md-flex { | |
| display: flex !important; } | |
| .d-md-inline-flex { | |
| display: inline-flex !important; } } | |
| @media (min-width: 992px) { | |
| .d-lg-none { | |
| display: none !important; } | |
| .d-lg-inline { | |
| display: inline !important; } | |
| .d-lg-inline-block { | |
| display: inline-block !important; } | |
| .d-lg-block { | |
| display: block !important; } | |
| .d-lg-table { | |
| display: table !important; } | |
| .d-lg-table-row { | |
| display: table-row !important; } | |
| .d-lg-table-cell { | |
| display: table-cell !important; } | |
| .d-lg-flex { | |
| display: flex !important; } | |
| .d-lg-inline-flex { | |
| display: inline-flex !important; } } | |
| @media (min-width: 1200px) { | |
| .d-xl-none { | |
| display: none !important; } | |
| .d-xl-inline { | |
| display: inline !important; } | |
| .d-xl-inline-block { | |
| display: inline-block !important; } | |
| .d-xl-block { | |
| display: block !important; } | |
| .d-xl-table { | |
| display: table !important; } | |
| .d-xl-table-row { | |
| display: table-row !important; } | |
| .d-xl-table-cell { | |
| display: table-cell !important; } | |
| .d-xl-flex { | |
| display: flex !important; } | |
| .d-xl-inline-flex { | |
| display: inline-flex !important; } } | |
| @media 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; } } | |
| .overflow-auto { | |
| overflow: auto !important; } | |
| .overflow-hidden { | |
| overflow: hidden !important; } | |
| .position-static { | |
| position: static !important; } | |
| .position-relative { | |
| position: relative !important; } | |
| .position-absolute { | |
| position: absolute !important; } | |
| .position-fixed { | |
| position: fixed !important; } | |
| .position-sticky { | |
| position: -webkit-sticky !important; | |
| position: sticky !important; } | |
| .fixed-top { | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| z-index: 1030; } | |
| .fixed-bottom { | |
| position: fixed; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 1030; } | |
| @supports ((position: -webkit-sticky) or (position: sticky)) { | |
| .sticky-top { | |
| position: -webkit-sticky; | |
| position: sticky; | |
| top: 0; | |
| z-index: 1020; } } | |
| .sr-only { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| padding: 0; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| white-space: nowrap; | |
| border: 0; } | |
| .sr-only-focusable:active, .sr-only-focusable:focus { | |
| position: static; | |
| width: auto; | |
| height: auto; | |
| overflow: visible; | |
| clip: auto; | |
| white-space: normal; } | |
| .shadow-sm { | |
| box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } | |
| .shadow { | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } | |
| .shadow-lg { | |
| box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } | |
| .shadow-none { | |
| box-shadow: none !important; } | |
| .w-25 { | |
| width: 25% !important; } | |
| .w-50 { | |
| width: 50% !important; } | |
| .w-75 { | |
| width: 75% !important; } | |
| .w-100 { | |
| width: 100% !important; } | |
| .w-auto { | |
| width: auto !important; } | |
| .h-25 { | |
| height: 25% !important; } | |
| .h-50 { | |
| height: 50% !important; } | |
| .h-75 { | |
| height: 75% !important; } | |
| .h-100 { | |
| height: 100% !important; } | |
| .h-auto { | |
| height: auto !important; } | |
| .mw-100 { | |
| max-width: 100% !important; } | |
| .mh-100 { | |
| max-height: 100% !important; } | |
| .min-vw-100 { | |
| min-width: 100vw !important; } | |
| .min-vh-100 { | |
| min-height: 100vh !important; } | |
| .vw-100 { | |
| width: 100vw !important; } | |
| .vh-100 { | |
| height: 100vh !important; } | |
| .stretched-link::after { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 1; | |
| pointer-events: auto; | |
| content: ""; | |
| background-color: rgba(0, 0, 0, 0); } | |
| .m-0 { | |
| margin: 0 !important; } | |
| .mt-0, | |
| .my-0 { | |
| margin-top: 0 !important; } | |
| .mr-0, | |
| .mx-0 { | |
| margin-right: 0 !important; } | |
| .mb-0, | |
| .my-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-0, | |
| .mx-0 { | |
| margin-left: 0 !important; } | |
| .m-1 { | |
| margin: 0.25rem !important; } | |
| .mt-1, | |
| .my-1 { | |
| margin-top: 0.25rem !important; } | |
| .mr-1, | |
| .mx-1 { | |
| margin-right: 0.25rem !important; } | |
| .mb-1, | |
| .my-1 { | |
| margin-bottom: 0.25rem !important; } | |
| .ml-1, | |
| .mx-1 { | |
| margin-left: 0.25rem !important; } | |
| .m-2 { | |
| margin: 0.5rem !important; } | |
| .mt-2, | |
| .my-2 { | |
| margin-top: 0.5rem !important; } | |
| .mr-2, | |
| .mx-2 { | |
| margin-right: 0.5rem !important; } | |
| .mb-2, | |
| .my-2 { | |
| margin-bottom: 0.5rem !important; } | |
| .ml-2, | |
| .mx-2 { | |
| margin-left: 0.5rem !important; } | |
| .m-3 { | |
| margin: 1rem !important; } | |
| .mt-3, | |
| .my-3 { | |
| margin-top: 1rem !important; } | |
| .mr-3, | |
| .mx-3 { | |
| margin-right: 1rem !important; } | |
| .mb-3, | |
| .my-3 { | |
| margin-bottom: 1rem !important; } | |
| .ml-3, | |
| .mx-3 { | |
| margin-left: 1rem !important; } | |
| .m-4 { | |
| margin: 1.5rem !important; } | |
| .mt-4, | |
| .my-4 { | |
| margin-top: 1.5rem !important; } | |
| .mr-4, | |
| .mx-4 { | |
| margin-right: 1.5rem !important; } | |
| .mb-4, | |
| .my-4 { | |
| margin-bottom: 1.5rem !important; } | |
| .ml-4, | |
| .mx-4 { | |
| margin-left: 1.5rem !important; } | |
| .m-5 { | |
| margin: 3rem !important; } | |
| .mt-5, | |
| .my-5 { | |
| margin-top: 3rem !important; } | |
| .mr-5, | |
| .mx-5 { | |
| margin-right: 3rem !important; } | |
| .mb-5, | |
| .my-5 { | |
| margin-bottom: 3rem !important; } | |
| .ml-5, | |
| .mx-5 { | |
| margin-left: 3rem !important; } | |
| .p-0 { | |
| padding: 0 !important; } | |
| .pt-0, | |
| .py-0 { | |
| padding-top: 0 !important; } | |
| .pr-0, | |
| .px-0 { | |
| padding-right: 0 !important; } | |
| .pb-0, | |
| .py-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-0, | |
| .px-0 { | |
| padding-left: 0 !important; } | |
| .p-1 { | |
| padding: 0.25rem !important; } | |
| .pt-1, | |
| .py-1 { | |
| padding-top: 0.25rem !important; } | |
| .pr-1, | |
| .px-1 { | |
| padding-right: 0.25rem !important; } | |
| .pb-1, | |
| .py-1 { | |
| padding-bottom: 0.25rem !important; } | |
| .pl-1, | |
| .px-1 { | |
| padding-left: 0.25rem !important; } | |
| .p-2 { | |
| padding: 0.5rem !important; } | |
| .pt-2, | |
| .py-2 { | |
| padding-top: 0.5rem !important; } | |
| .pr-2, | |
| .px-2 { | |
| padding-right: 0.5rem !important; } | |
| .pb-2, | |
| .py-2 { | |
| padding-bottom: 0.5rem !important; } | |
| .pl-2, | |
| .px-2 { | |
| padding-left: 0.5rem !important; } | |
| .p-3 { | |
| padding: 1rem !important; } | |
| .pt-3, | |
| .py-3 { | |
| padding-top: 1rem !important; } | |
| .pr-3, | |
| .px-3 { | |
| padding-right: 1rem !important; } | |
| .pb-3, | |
| .py-3 { | |
| padding-bottom: 1rem !important; } | |
| .pl-3, | |
| .px-3 { | |
| padding-left: 1rem !important; } | |
| .p-4 { | |
| padding: 1.5rem !important; } | |
| .pt-4, | |
| .py-4 { | |
| padding-top: 1.5rem !important; } | |
| .pr-4, | |
| .px-4 { | |
| padding-right: 1.5rem !important; } | |
| .pb-4, | |
| .py-4 { | |
| padding-bottom: 1.5rem !important; } | |
| .pl-4, | |
| .px-4 { | |
| padding-left: 1.5rem !important; } | |
| .p-5 { | |
| padding: 3rem !important; } | |
| .pt-5, | |
| .py-5 { | |
| padding-top: 3rem !important; } | |
| .pr-5, | |
| .px-5 { | |
| padding-right: 3rem !important; } | |
| .pb-5, | |
| .py-5 { | |
| padding-bottom: 3rem !important; } | |
| .pl-5, | |
| .px-5 { | |
| padding-left: 3rem !important; } | |
| .m-n1 { | |
| margin: -0.25rem !important; } | |
| .mt-n1, | |
| .my-n1 { | |
| margin-top: -0.25rem !important; } | |
| .mr-n1, | |
| .mx-n1 { | |
| margin-right: -0.25rem !important; } | |
| .mb-n1, | |
| .my-n1 { | |
| margin-bottom: -0.25rem !important; } | |
| .ml-n1, | |
| .mx-n1 { | |
| margin-left: -0.25rem !important; } | |
| .m-n2 { | |
| margin: -0.5rem !important; } | |
| .mt-n2, | |
| .my-n2 { | |
| margin-top: -0.5rem !important; } | |
| .mr-n2, | |
| .mx-n2 { | |
| margin-right: -0.5rem !important; } | |
| .mb-n2, | |
| .my-n2 { | |
| margin-bottom: -0.5rem !important; } | |
| .ml-n2, | |
| .mx-n2 { | |
| margin-left: -0.5rem !important; } | |
| .m-n3 { | |
| margin: -1rem !important; } | |
| .mt-n3, | |
| .my-n3 { | |
| margin-top: -1rem !important; } | |
| .mr-n3, | |
| .mx-n3 { | |
| margin-right: -1rem !important; } | |
| .mb-n3, | |
| .my-n3 { | |
| margin-bottom: -1rem !important; } | |
| .ml-n3, | |
| .mx-n3 { | |
| margin-left: -1rem !important; } | |
| .m-n4 { | |
| margin: -1.5rem !important; } | |
| .mt-n4, | |
| .my-n4 { | |
| margin-top: -1.5rem !important; } | |
| .mr-n4, | |
| .mx-n4 { | |
| margin-right: -1.5rem !important; } | |
| .mb-n4, | |
| .my-n4 { | |
| margin-bottom: -1.5rem !important; } | |
| .ml-n4, | |
| .mx-n4 { | |
| margin-left: -1.5rem !important; } | |
| .m-n5 { | |
| margin: -3rem !important; } | |
| .mt-n5, | |
| .my-n5 { | |
| margin-top: -3rem !important; } | |
| .mr-n5, | |
| .mx-n5 { | |
| margin-right: -3rem !important; } | |
| .mb-n5, | |
| .my-n5 { | |
| margin-bottom: -3rem !important; } | |
| .ml-n5, | |
| .mx-n5 { | |
| margin-left: -3rem !important; } | |
| .m-auto { | |
| margin: auto !important; } | |
| .mt-auto, | |
| .my-auto { | |
| margin-top: auto !important; } | |
| .mr-auto, | |
| .mx-auto { | |
| margin-right: auto !important; } | |
| .mb-auto, | |
| .my-auto { | |
| margin-bottom: auto !important; } | |
| .ml-auto, | |
| .mx-auto { | |
| margin-left: auto !important; } | |
| @media (min-width: 576px) { | |
| .m-sm-0 { | |
| margin: 0 !important; } | |
| .mt-sm-0, | |
| .my-sm-0 { | |
| margin-top: 0 !important; } | |
| .mr-sm-0, | |
| .mx-sm-0 { | |
| margin-right: 0 !important; } | |
| .mb-sm-0, | |
| .my-sm-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-sm-0, | |
| .mx-sm-0 { | |
| margin-left: 0 !important; } | |
| .m-sm-1 { | |
| margin: 0.25rem !important; } | |
| .mt-sm-1, | |
| .my-sm-1 { | |
| margin-top: 0.25rem !important; } | |
| .mr-sm-1, | |
| .mx-sm-1 { | |
| margin-right: 0.25rem !important; } | |
| .mb-sm-1, | |
| .my-sm-1 { | |
| margin-bottom: 0.25rem !important; } | |
| .ml-sm-1, | |
| .mx-sm-1 { | |
| margin-left: 0.25rem !important; } | |
| .m-sm-2 { | |
| margin: 0.5rem !important; } | |
| .mt-sm-2, | |
| .my-sm-2 { | |
| margin-top: 0.5rem !important; } | |
| .mr-sm-2, | |
| .mx-sm-2 { | |
| margin-right: 0.5rem !important; } | |
| .mb-sm-2, | |
| .my-sm-2 { | |
| margin-bottom: 0.5rem !important; } | |
| .ml-sm-2, | |
| .mx-sm-2 { | |
| margin-left: 0.5rem !important; } | |
| .m-sm-3 { | |
| margin: 1rem !important; } | |
| .mt-sm-3, | |
| .my-sm-3 { | |
| margin-top: 1rem !important; } | |
| .mr-sm-3, | |
| .mx-sm-3 { | |
| margin-right: 1rem !important; } | |
| .mb-sm-3, | |
| .my-sm-3 { | |
| margin-bottom: 1rem !important; } | |
| .ml-sm-3, | |
| .mx-sm-3 { | |
| margin-left: 1rem !important; } | |
| .m-sm-4 { | |
| margin: 1.5rem !important; } | |
| .mt-sm-4, | |
| .my-sm-4 { | |
| margin-top: 1.5rem !important; } | |
| .mr-sm-4, | |
| .mx-sm-4 { | |
| margin-right: 1.5rem !important; } | |
| .mb-sm-4, | |
| .my-sm-4 { | |
| margin-bottom: 1.5rem !important; } | |
| .ml-sm-4, | |
| .mx-sm-4 { | |
| margin-left: 1.5rem !important; } | |
| .m-sm-5 { | |
| margin: 3rem !important; } | |
| .mt-sm-5, | |
| .my-sm-5 { | |
| margin-top: 3rem !important; } | |
| .mr-sm-5, | |
| .mx-sm-5 { | |
| margin-right: 3rem !important; } | |
| .mb-sm-5, | |
| .my-sm-5 { | |
| margin-bottom: 3rem !important; } | |
| .ml-sm-5, | |
| .mx-sm-5 { | |
| margin-left: 3rem !important; } | |
| .p-sm-0 { | |
| padding: 0 !important; } | |
| .pt-sm-0, | |
| .py-sm-0 { | |
| padding-top: 0 !important; } | |
| .pr-sm-0, | |
| .px-sm-0 { | |
| padding-right: 0 !important; } | |
| .pb-sm-0, | |
| .py-sm-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-sm-0, | |
| .px-sm-0 { | |
| padding-left: 0 !important; } | |
| .p-sm-1 { | |
| padding: 0.25rem !important; } | |
| .pt-sm-1, | |
| .py-sm-1 { | |
| padding-top: 0.25rem !important; } | |
| .pr-sm-1, | |
| .px-sm-1 { | |
| padding-right: 0.25rem !important; } | |
| .pb-sm-1, | |
| .py-sm-1 { | |
| padding-bottom: 0.25rem !important; } | |
| .pl-sm-1, | |
| .px-sm-1 { | |
| padding-left: 0.25rem !important; } | |
| .p-sm-2 { | |
| padding: 0.5rem !important; } | |
| .pt-sm-2, | |
| .py-sm-2 { | |
| padding-top: 0.5rem !important; } | |
| .pr-sm-2, | |
| .px-sm-2 { | |
| padding-right: 0.5rem !important; } | |
| .pb-sm-2, | |
| .py-sm-2 { | |
| padding-bottom: 0.5rem !important; } | |
| .pl-sm-2, | |
| .px-sm-2 { | |
| padding-left: 0.5rem !important; } | |
| .p-sm-3 { | |
| padding: 1rem !important; } | |
| .pt-sm-3, | |
| .py-sm-3 { | |
| padding-top: 1rem !important; } | |
| .pr-sm-3, | |
| .px-sm-3 { | |
| padding-right: 1rem !important; } | |
| .pb-sm-3, | |
| .py-sm-3 { | |
| padding-bottom: 1rem !important; } | |
| .pl-sm-3, | |
| .px-sm-3 { | |
| padding-left: 1rem !important; } | |
| .p-sm-4 { | |
| padding: 1.5rem !important; } | |
| .pt-sm-4, | |
| .py-sm-4 { | |
| padding-top: 1.5rem !important; } | |
| .pr-sm-4, | |
| .px-sm-4 { | |
| padding-right: 1.5rem !important; } | |
| .pb-sm-4, | |
| .py-sm-4 { | |
| padding-bottom: 1.5rem !important; } | |
| .pl-sm-4, | |
| .px-sm-4 { | |
| padding-left: 1.5rem !important; } | |
| .p-sm-5 { | |
| padding: 3rem !important; } | |
| .pt-sm-5, | |
| .py-sm-5 { | |
| padding-top: 3rem !important; } | |
| .pr-sm-5, | |
| .px-sm-5 { | |
| padding-right: 3rem !important; } | |
| .pb-sm-5, | |
| .py-sm-5 { | |
| padding-bottom: 3rem !important; } | |
| .pl-sm-5, | |
| .px-sm-5 { | |
| padding-left: 3rem !important; } | |
| .m-sm-n1 { | |
| margin: -0.25rem !important; } | |
| .mt-sm-n1, | |
| .my-sm-n1 { | |
| margin-top: -0.25rem !important; } | |
| .mr-sm-n1, | |
| .mx-sm-n1 { | |
| margin-right: -0.25rem !important; } | |
| .mb-sm-n1, | |
| .my-sm-n1 { | |
| margin-bottom: -0.25rem !important; } | |
| .ml-sm-n1, | |
| .mx-sm-n1 { | |
| margin-left: -0.25rem !important; } | |
| .m-sm-n2 { | |
| margin: -0.5rem !important; } | |
| .mt-sm-n2, | |
| .my-sm-n2 { | |
| margin-top: -0.5rem !important; } | |
| .mr-sm-n2, | |
| .mx-sm-n2 { | |
| margin-right: -0.5rem !important; } | |
| .mb-sm-n2, | |
| .my-sm-n2 { | |
| margin-bottom: -0.5rem !important; } | |
| .ml-sm-n2, | |
| .mx-sm-n2 { | |
| margin-left: -0.5rem !important; } | |
| .m-sm-n3 { | |
| margin: -1rem !important; } | |
| .mt-sm-n3, | |
| .my-sm-n3 { | |
| margin-top: -1rem !important; } | |
| .mr-sm-n3, | |
| .mx-sm-n3 { | |
| margin-right: -1rem !important; } | |
| .mb-sm-n3, | |
| .my-sm-n3 { | |
| margin-bottom: -1rem !important; } | |
| .ml-sm-n3, | |
| .mx-sm-n3 { | |
| margin-left: -1rem !important; } | |
| .m-sm-n4 { | |
| margin: -1.5rem !important; } | |
| .mt-sm-n4, | |
| .my-sm-n4 { | |
| margin-top: -1.5rem !important; } | |
| .mr-sm-n4, | |
| .mx-sm-n4 { | |
| margin-right: -1.5rem !important; } | |
| .mb-sm-n4, | |
| .my-sm-n4 { | |
| margin-bottom: -1.5rem !important; } | |
| .ml-sm-n4, | |
| .mx-sm-n4 { | |
| margin-left: -1.5rem !important; } | |
| .m-sm-n5 { | |
| margin: -3rem !important; } | |
| .mt-sm-n5, | |
| .my-sm-n5 { | |
| margin-top: -3rem !important; } | |
| .mr-sm-n5, | |
| .mx-sm-n5 { | |
| margin-right: -3rem !important; } | |
| .mb-sm-n5, | |
| .my-sm-n5 { | |
| margin-bottom: -3rem !important; } | |
| .ml-sm-n5, | |
| .mx-sm-n5 { | |
| margin-left: -3rem !important; } | |
| .m-sm-auto { | |
| margin: auto !important; } | |
| .mt-sm-auto, | |
| .my-sm-auto { | |
| margin-top: auto !important; } | |
| .mr-sm-auto, | |
| .mx-sm-auto { | |
| margin-right: auto !important; } | |
| .mb-sm-auto, | |
| .my-sm-auto { | |
| margin-bottom: auto !important; } | |
| .ml-sm-auto, | |
| .mx-sm-auto { | |
| margin-left: auto !important; } } | |
| @media (min-width: 768px) { | |
| .m-md-0 { | |
| margin: 0 !important; } | |
| .mt-md-0, | |
| .my-md-0 { | |
| margin-top: 0 !important; } | |
| .mr-md-0, | |
| .mx-md-0 { | |
| margin-right: 0 !important; } | |
| .mb-md-0, | |
| .my-md-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-md-0, | |
| .mx-md-0 { | |
| margin-left: 0 !important; } | |
| .m-md-1 { | |
| margin: 0.25rem !important; } | |
| .mt-md-1, | |
| .my-md-1 { | |
| margin-top: 0.25rem !important; } | |
| .mr-md-1, | |
| .mx-md-1 { | |
| margin-right: 0.25rem !important; } | |
| .mb-md-1, | |
| .my-md-1 { | |
| margin-bottom: 0.25rem !important; } | |
| .ml-md-1, | |
| .mx-md-1 { | |
| margin-left: 0.25rem !important; } | |
| .m-md-2 { | |
| margin: 0.5rem !important; } | |
| .mt-md-2, | |
| .my-md-2 { | |
| margin-top: 0.5rem !important; } | |
| .mr-md-2, | |
| .mx-md-2 { | |
| margin-right: 0.5rem !important; } | |
| .mb-md-2, | |
| .my-md-2 { | |
| margin-bottom: 0.5rem !important; } | |
| .ml-md-2, | |
| .mx-md-2 { | |
| margin-left: 0.5rem !important; } | |
| .m-md-3 { | |
| margin: 1rem !important; } | |
| .mt-md-3, | |
| .my-md-3 { | |
| margin-top: 1rem !important; } | |
| .mr-md-3, | |
| .mx-md-3 { | |
| margin-right: 1rem !important; } | |
| .mb-md-3, | |
| .my-md-3 { | |
| margin-bottom: 1rem !important; } | |
| .ml-md-3, | |
| .mx-md-3 { | |
| margin-left: 1rem !important; } | |
| .m-md-4 { | |
| margin: 1.5rem !important; } | |
| .mt-md-4, | |
| .my-md-4 { | |
| margin-top: 1.5rem !important; } | |
| .mr-md-4, | |
| .mx-md-4 { | |
| margin-right: 1.5rem !important; } | |
| .mb-md-4, | |
| .my-md-4 { | |
| margin-bottom: 1.5rem !important; } | |
| .ml-md-4, | |
| .mx-md-4 { | |
| margin-left: 1.5rem !important; } | |
| .m-md-5 { | |
| margin: 3rem !important; } | |
| .mt-md-5, | |
| .my-md-5 { | |
| margin-top: 3rem !important; } | |
| .mr-md-5, | |
| .mx-md-5 { | |
| margin-right: 3rem !important; } | |
| .mb-md-5, | |
| .my-md-5 { | |
| margin-bottom: 3rem !important; } | |
| .ml-md-5, | |
| .mx-md-5 { | |
| margin-left: 3rem !important; } | |
| .p-md-0 { | |
| padding: 0 !important; } | |
| .pt-md-0, | |
| .py-md-0 { | |
| padding-top: 0 !important; } | |
| .pr-md-0, | |
| .px-md-0 { | |
| padding-right: 0 !important; } | |
| .pb-md-0, | |
| .py-md-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-md-0, | |
| .px-md-0 { | |
| padding-left: 0 !important; } | |
| .p-md-1 { | |
| padding: 0.25rem !important; } | |
| .pt-md-1, | |
| .py-md-1 { | |
| padding-top: 0.25rem !important; } | |
| .pr-md-1, | |
| .px-md-1 { | |
| padding-right: 0.25rem !important; } | |
| .pb-md-1, | |
| .py-md-1 { | |
| padding-bottom: 0.25rem !important; } | |
| .pl-md-1, | |
| .px-md-1 { | |
| padding-left: 0.25rem !important; } | |
| .p-md-2 { | |
| padding: 0.5rem !important; } | |
| .pt-md-2, | |
| .py-md-2 { | |
| padding-top: 0.5rem !important; } | |
| .pr-md-2, | |
| .px-md-2 { | |
| padding-right: 0.5rem !important; } | |
| .pb-md-2, | |
| .py-md-2 { | |
| padding-bottom: 0.5rem !important; } | |
| .pl-md-2, | |
| .px-md-2 { | |
| padding-left: 0.5rem !important; } | |
| .p-md-3 { | |
| padding: 1rem !important; } | |
| .pt-md-3, | |
| .py-md-3 { | |
| padding-top: 1rem !important; } | |
| .pr-md-3, | |
| .px-md-3 { | |
| padding-right: 1rem !important; } | |
| .pb-md-3, | |
| .py-md-3 { | |
| padding-bottom: 1rem !important; } | |
| .pl-md-3, | |
| .px-md-3 { | |
| padding-left: 1rem !important; } | |
| .p-md-4 { | |
| padding: 1.5rem !important; } | |
| .pt-md-4, | |
| .py-md-4 { | |
| padding-top: 1.5rem !important; } | |
| .pr-md-4, | |
| .px-md-4 { | |
| padding-right: 1.5rem !important; } | |
| .pb-md-4, | |
| .py-md-4 { | |
| padding-bottom: 1.5rem !important; } | |
| .pl-md-4, | |
| .px-md-4 { | |
| padding-left: 1.5rem !important; } | |
| .p-md-5 { | |
| padding: 3rem !important; } | |
| .pt-md-5, | |
| .py-md-5 { | |
| padding-top: 3rem !important; } | |
| .pr-md-5, | |
| .px-md-5 { | |
| padding-right: 3rem !important; } | |
| .pb-md-5, | |
| .py-md-5 { | |
| padding-bottom: 3rem !important; } | |
| .pl-md-5, | |
| .px-md-5 { | |
| padding-left: 3rem !important; } | |
| .m-md-n1 { | |
| margin: -0.25rem !important; } | |
| .mt-md-n1, | |
| .my-md-n1 { | |
| margin-top: -0.25rem !important; } | |
| .mr-md-n1, | |
| .mx-md-n1 { | |
| margin-right: -0.25rem !important; } | |
| .mb-md-n1, | |
| .my-md-n1 { | |
| margin-bottom: -0.25rem !important; } | |
| .ml-md-n1, | |
| .mx-md-n1 { | |
| margin-left: -0.25rem !important; } | |
| .m-md-n2 { | |
| margin: -0.5rem !important; } | |
| .mt-md-n2, | |
| .my-md-n2 { | |
| margin-top: -0.5rem !important; } | |
| .mr-md-n2, | |
| .mx-md-n2 { | |
| margin-right: -0.5rem !important; } | |
| .mb-md-n2, | |
| .my-md-n2 { | |
| margin-bottom: -0.5rem !important; } | |
| .ml-md-n2, | |
| .mx-md-n2 { | |
| margin-left: -0.5rem !important; } | |
| .m-md-n3 { | |
| margin: -1rem !important; } | |
| .mt-md-n3, | |
| .my-md-n3 { | |
| margin-top: -1rem !important; } | |
| .mr-md-n3, | |
| .mx-md-n3 { | |
| margin-right: -1rem !important; } | |
| .mb-md-n3, | |
| .my-md-n3 { | |
| margin-bottom: -1rem !important; } | |
| .ml-md-n3, | |
| .mx-md-n3 { | |
| margin-left: -1rem !important; } | |
| .m-md-n4 { | |
| margin: -1.5rem !important; } | |
| .mt-md-n4, | |
| .my-md-n4 { | |
| margin-top: -1.5rem !important; } | |
| .mr-md-n4, | |
| .mx-md-n4 { | |
| margin-right: -1.5rem !important; } | |
| .mb-md-n4, | |
| .my-md-n4 { | |
| margin-bottom: -1.5rem !important; } | |
| .ml-md-n4, | |
| .mx-md-n4 { | |
| margin-left: -1.5rem !important; } | |
| .m-md-n5 { | |
| margin: -3rem !important; } | |
| .mt-md-n5, | |
| .my-md-n5 { | |
| margin-top: -3rem !important; } | |
| .mr-md-n5, | |
| .mx-md-n5 { | |
| margin-right: -3rem !important; } | |
| .mb-md-n5, | |
| .my-md-n5 { | |
| margin-bottom: -3rem !important; } | |
| .ml-md-n5, | |
| .mx-md-n5 { | |
| margin-left: -3rem !important; } | |
| .m-md-auto { | |
| margin: auto !important; } | |
| .mt-md-auto, | |
| .my-md-auto { | |
| margin-top: auto !important; } | |
| .mr-md-auto, | |
| .mx-md-auto { | |
| margin-right: auto !important; } | |
| .mb-md-auto, | |
| .my-md-auto { | |
| margin-bottom: auto !important; } | |
| .ml-md-auto, | |
| .mx-md-auto { | |
| margin-left: auto !important; } } | |
| @media (min-width: 992px) { | |
| .m-lg-0 { | |
| margin: 0 !important; } | |
| .mt-lg-0, | |
| .my-lg-0 { | |
| margin-top: 0 !important; } | |
| .mr-lg-0, | |
| .mx-lg-0 { | |
| margin-right: 0 !important; } | |
| .mb-lg-0, | |
| .my-lg-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-lg-0, | |
| .mx-lg-0 { | |
| margin-left: 0 !important; } | |
| .m-lg-1 { | |
| margin: 0.25rem !important; } | |
| .mt-lg-1, | |
| .my-lg-1 { | |
| margin-top: 0.25rem !important; } | |
| .mr-lg-1, | |
| .mx-lg-1 { | |
| margin-right: 0.25rem !important; } | |
| .mb-lg-1, | |
| .my-lg-1 { | |
| margin-bottom: 0.25rem !important; } | |
| .ml-lg-1, | |
| .mx-lg-1 { | |
| margin-left: 0.25rem !important; } | |
| .m-lg-2 { | |
| margin: 0.5rem !important; } | |
| .mt-lg-2, | |
| .my-lg-2 { | |
| margin-top: 0.5rem !important; } | |
| .mr-lg-2, | |
| .mx-lg-2 { | |
| margin-right: 0.5rem !important; } | |
| .mb-lg-2, | |
| .my-lg-2 { | |
| margin-bottom: 0.5rem !important; } | |
| .ml-lg-2, | |
| .mx-lg-2 { | |
| margin-left: 0.5rem !important; } | |
| .m-lg-3 { | |
| margin: 1rem !important; } | |
| .mt-lg-3, | |
| .my-lg-3 { | |
| margin-top: 1rem !important; } | |
| .mr-lg-3, | |
| .mx-lg-3 { | |
| margin-right: 1rem !important; } | |
| .mb-lg-3, | |
| .my-lg-3 { | |
| margin-bottom: 1rem !important; } | |
| .ml-lg-3, | |
| .mx-lg-3 { | |
| margin-left: 1rem !important; } | |
| .m-lg-4 { | |
| margin: 1.5rem !important; } | |
| .mt-lg-4, | |
| .my-lg-4 { | |
| margin-top: 1.5rem !important; } | |
| .mr-lg-4, | |
| .mx-lg-4 { | |
| margin-right: 1.5rem !important; } | |
| .mb-lg-4, | |
| .my-lg-4 { | |
| margin-bottom: 1.5rem !important; } | |
| .ml-lg-4, | |
| .mx-lg-4 { | |
| margin-left: 1.5rem !important; } | |
| .m-lg-5 { | |
| margin: 3rem !important; } | |
| .mt-lg-5, | |
| .my-lg-5 { | |
| margin-top: 3rem !important; } | |
| .mr-lg-5, | |
| .mx-lg-5 { | |
| margin-right: 3rem !important; } | |
| .mb-lg-5, | |
| .my-lg-5 { | |
| margin-bottom: 3rem !important; } | |
| .ml-lg-5, | |
| .mx-lg-5 { | |
| margin-left: 3rem !important; } | |
| .p-lg-0 { | |
| padding: 0 !important; } | |
| .pt-lg-0, | |
| .py-lg-0 { | |
| padding-top: 0 !important; } | |
| .pr-lg-0, | |
| .px-lg-0 { | |
| padding-right: 0 !important; } | |
| .pb-lg-0, | |
| .py-lg-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-lg-0, | |
| .px-lg-0 { | |
| padding-left: 0 !important; } | |
| .p-lg-1 { | |
| padding: 0.25rem !important; } | |
| .pt-lg-1, | |
| .py-lg-1 { | |
| padding-top: 0.25rem !important; } | |
| .pr-lg-1, | |
| .px-lg-1 { | |
| padding-right: 0.25rem !important; } | |
| .pb-lg-1, | |
| .py-lg-1 { | |
| padding-bottom: 0.25rem !important; } | |
| .pl-lg-1, | |
| .px-lg-1 { | |
| padding-left: 0.25rem !important; } | |
| .p-lg-2 { | |
| padding: 0.5rem !important; } | |
| .pt-lg-2, | |
| .py-lg-2 { | |
| padding-top: 0.5rem !important; } | |
| .pr-lg-2, | |
| .px-lg-2 { | |
| padding-right: 0.5rem !important; } | |
| .pb-lg-2, | |
| .py-lg-2 { | |
| padding-bottom: 0.5rem !important; } | |
| .pl-lg-2, | |
| .px-lg-2 { | |
| padding-left: 0.5rem !important; } | |
| .p-lg-3 { | |
| padding: 1rem !important; } | |
| .pt-lg-3, | |
| .py-lg-3 { | |
| padding-top: 1rem !important; } | |
| .pr-lg-3, | |
| .px-lg-3 { | |
| padding-right: 1rem !important; } | |
| .pb-lg-3, | |
| .py-lg-3 { | |
| padding-bottom: 1rem !important; } | |
| .pl-lg-3, | |
| .px-lg-3 { | |
| padding-left: 1rem !important; } | |
| .p-lg-4 { | |
| padding: 1.5rem !important; } | |
| .pt-lg-4, | |
| .py-lg-4 { | |
| padding-top: 1.5rem !important; } | |
| .pr-lg-4, | |
| .px-lg-4 { | |
| padding-right: 1.5rem !important; } | |
| .pb-lg-4, | |
| .py-lg-4 { | |
| padding-bottom: 1.5rem !important; } | |
| .pl-lg-4, | |
| .px-lg-4 { | |
| padding-left: 1.5rem !important; } | |
| .p-lg-5 { | |
| padding: 3rem !important; } | |
| .pt-lg-5, | |
| .py-lg-5 { | |
| padding-top: 3rem !important; } | |
| .pr-lg-5, | |
| .px-lg-5 { | |
| padding-right: 3rem !important; } | |
| .pb-lg-5, | |
| .py-lg-5 { | |
| padding-bottom: 3rem !important; } | |
| .pl-lg-5, | |
| .px-lg-5 { | |
| padding-left: 3rem !important; } | |
| .m-lg-n1 { | |
| margin: -0.25rem !important; } | |
| .mt-lg-n1, | |
| .my-lg-n1 { | |
| margin-top: -0.25rem !important; } | |
| .mr-lg-n1, | |
| .mx-lg-n1 { | |
| margin-right: -0.25rem !important; } | |
| .mb-lg-n1, | |
| .my-lg-n1 { | |
| margin-bottom: -0.25rem !important; } | |
| .ml-lg-n1, | |
| .mx-lg-n1 { | |
| margin-left: -0.25rem !important; } | |
| .m-lg-n2 { | |
| margin: -0.5rem !important; } | |
| .mt-lg-n2, | |
| .my-lg-n2 { | |
| margin-top: -0.5rem !important; } | |
| .mr-lg-n2, | |
| .mx-lg-n2 { | |
| margin-right: -0.5rem !important; } | |
| .mb-lg-n2, | |
| .my-lg-n2 { | |
| margin-bottom: -0.5rem !important; } | |
| .ml-lg-n2, | |
| .mx-lg-n2 { | |
| margin-left: -0.5rem !important; } | |
| .m-lg-n3 { | |
| margin: -1rem !important; } | |
| .mt-lg-n3, | |
| .my-lg-n3 { | |
| margin-top: -1rem !important; } | |
| .mr-lg-n3, | |
| .mx-lg-n3 { | |
| margin-right: -1rem !important; } | |
| .mb-lg-n3, | |
| .my-lg-n3 { | |
| margin-bottom: -1rem !important; } | |
| .ml-lg-n3, | |
| .mx-lg-n3 { | |
| margin-left: -1rem !important; } | |
| .m-lg-n4 { | |
| margin: -1.5rem !important; } | |
| .mt-lg-n4, | |
| .my-lg-n4 { | |
| margin-top: -1.5rem !important; } | |
| .mr-lg-n4, | |
| .mx-lg-n4 { | |
| margin-right: -1.5rem !important; } | |
| .mb-lg-n4, | |
| .my-lg-n4 { | |
| margin-bottom: -1.5rem !important; } | |
| .ml-lg-n4, | |
| .mx-lg-n4 { | |
| margin-left: -1.5rem !important; } | |
| .m-lg-n5 { | |
| margin: -3rem !important; } | |
| .mt-lg-n5, | |
| .my-lg-n5 { | |
| margin-top: -3rem !important; } | |
| .mr-lg-n5, | |
| .mx-lg-n5 { | |
| margin-right: -3rem !important; } | |
| .mb-lg-n5, | |
| .my-lg-n5 { | |
| margin-bottom: -3rem !important; } | |
| .ml-lg-n5, | |
| .mx-lg-n5 { | |
| margin-left: -3rem !important; } | |
| .m-lg-auto { | |
| margin: auto !important; } | |
| .mt-lg-auto, | |
| .my-lg-auto { | |
| margin-top: auto !important; } | |
| .mr-lg-auto, | |
| .mx-lg-auto { | |
| margin-right: auto !important; } | |
| .mb-lg-auto, | |
| .my-lg-auto { | |
| margin-bottom: auto !important; } | |
| .ml-lg-auto, | |
| .mx-lg-auto { | |
| margin-left: auto !important; } } | |
| @media (min-width: 1200px) { | |
| .m-xl-0 { | |
| margin: 0 !important; } | |
| .mt-xl-0, | |
| .my-xl-0 { | |
| margin-top: 0 !important; } | |
| .mr-xl-0, | |
| .mx-xl-0 { | |
| margin-right: 0 !important; } | |
| .mb-xl-0, | |
| .my-xl-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-xl-0, | |
| .mx-xl-0 { | |
| margin-left: 0 !important; } | |
| .m-xl-1 { | |
| margin: 0.25rem !important; } | |
| .mt-xl-1, | |
| .my-xl-1 { | |
| margin-top: 0.25rem !important; } | |
| .mr-xl-1, | |
| .mx-xl-1 { | |
| margin-right: 0.25rem !important; } | |
| .mb-xl-1, | |
| .my-xl-1 { | |
| margin-bottom: 0.25rem !important; } | |
| .ml-xl-1, | |
| .mx-xl-1 { | |
| margin-left: 0.25rem !important; } | |
| .m-xl-2 { | |
| margin: 0.5rem !important; } | |
| .mt-xl-2, | |
| .my-xl-2 { | |
| margin-top: 0.5rem !important; } | |
| .mr-xl-2, | |
| .mx-xl-2 { | |
| margin-right: 0.5rem !important; } | |
| .mb-xl-2, | |
| .my-xl-2 { | |
| margin-bottom: 0.5rem !important; } | |
| .ml-xl-2, | |
| .mx-xl-2 { | |
| margin-left: 0.5rem !important; } | |
| .m-xl-3 { | |
| margin: 1rem !important; } | |
| .mt-xl-3, | |
| .my-xl-3 { | |
| margin-top: 1rem !important; } | |
| .mr-xl-3, | |
| .mx-xl-3 { | |
| margin-right: 1rem !important; } | |
| .mb-xl-3, | |
| .my-xl-3 { | |
| margin-bottom: 1rem !important; } | |
| .ml-xl-3, | |
| .mx-xl-3 { | |
| margin-left: 1rem !important; } | |
| .m-xl-4 { | |
| margin: 1.5rem !important; } | |
| .mt-xl-4, | |
| .my-xl-4 { | |
| margin-top: 1.5rem !important; } | |
| .mr-xl-4, | |
| .mx-xl-4 { | |
| margin-right: 1.5rem !important; } | |
| .mb-xl-4, | |
| .my-xl-4 { | |
| margin-bottom: 1.5rem !important; } | |
| .ml-xl-4, | |
| .mx-xl-4 { | |
| margin-left: 1.5rem !important; } | |
| .m-xl-5 { | |
| margin: 3rem !important; } | |
| .mt-xl-5, | |
| .my-xl-5 { | |
| margin-top: 3rem !important; } | |
| .mr-xl-5, | |
| .mx-xl-5 { | |
| margin-right: 3rem !important; } | |
| .mb-xl-5, | |
| .my-xl-5 { | |
| margin-bottom: 3rem !important; } | |
| .ml-xl-5, | |
| .mx-xl-5 { | |
| margin-left: 3rem !important; } | |
| .p-xl-0 { | |
| padding: 0 !important; } | |
| .pt-xl-0, | |
| .py-xl-0 { | |
| padding-top: 0 !important; } | |
| .pr-xl-0, | |
| .px-xl-0 { | |
| padding-right: 0 !important; } | |
| .pb-xl-0, | |
| .py-xl-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-xl-0, | |
| .px-xl-0 { | |
| padding-left: 0 !important; } | |
| .p-xl-1 { | |
| padding: 0.25rem !important; } | |
| .pt-xl-1, | |
| .py-xl-1 { | |
| padding-top: 0.25rem !important; } | |
| .pr-xl-1, | |
| .px-xl-1 { | |
| padding-right: 0.25rem !important; } | |
| .pb-xl-1, | |
| .py-xl-1 { | |
| padding-bottom: 0.25rem !important; } | |
| .pl-xl-1, | |
| .px-xl-1 { | |
| padding-left: 0.25rem !important; } | |
| .p-xl-2 { | |
| padding: 0.5rem !important; } | |
| .pt-xl-2, | |
| .py-xl-2 { | |
| padding-top: 0.5rem !important; } | |
| .pr-xl-2, | |
| .px-xl-2 { | |
| padding-right: 0.5rem !important; } | |
| .pb-xl-2, | |
| .py-xl-2 { | |
| padding-bottom: 0.5rem !important; } | |
| .pl-xl-2, | |
| .px-xl-2 { | |
| padding-left: 0.5rem !important; } | |
| .p-xl-3 { | |
| padding: 1rem !important; } | |
| .pt-xl-3, | |
| .py-xl-3 { | |
| padding-top: 1rem !important; } | |
| .pr-xl-3, | |
| .px-xl-3 { | |
| padding-right: 1rem !important; } | |
| .pb-xl-3, | |
| .py-xl-3 { | |
| padding-bottom: 1rem !important; } | |
| .pl-xl-3, | |
| .px-xl-3 { | |
| padding-left: 1rem !important; } | |
| .p-xl-4 { | |
| padding: 1.5rem !important; } | |
| .pt-xl-4, | |
| .py-xl-4 { | |
| padding-top: 1.5rem !important; } | |
| .pr-xl-4, | |
| .px-xl-4 { | |
| padding-right: 1.5rem !important; } | |
| .pb-xl-4, | |
| .py-xl-4 { | |
| padding-bottom: 1.5rem !important; } | |
| .pl-xl-4, | |
| .px-xl-4 { | |
| padding-left: 1.5rem !important; } | |
| .p-xl-5 { | |
| padding: 3rem !important; } | |
| .pt-xl-5, | |
| .py-xl-5 { | |
| padding-top: 3rem !important; } | |
| .pr-xl-5, | |
| .px-xl-5 { | |
| padding-right: 3rem !important; } | |
| .pb-xl-5, | |
| .py-xl-5 { | |
| padding-bottom: 3rem !important; } | |
| .pl-xl-5, | |
| .px-xl-5 { | |
| padding-left: 3rem !important; } | |
| .m-xl-n1 { | |
| margin: -0.25rem !important; } | |
| .mt-xl-n1, | |
| .my-xl-n1 { | |
| margin-top: -0.25rem !important; } | |
| .mr-xl-n1, | |
| .mx-xl-n1 { | |
| margin-right: -0.25rem !important; } | |
| .mb-xl-n1, | |
| .my-xl-n1 { | |
| margin-bottom: -0.25rem !important; } | |
| .ml-xl-n1, | |
| .mx-xl-n1 { | |
| margin-left: -0.25rem !important; } | |
| .m-xl-n2 { | |
| margin: -0.5rem !important; } | |
| .mt-xl-n2, | |
| .my-xl-n2 { | |
| margin-top: -0.5rem !important; } | |
| .mr-xl-n2, | |
| .mx-xl-n2 { | |
| margin-right: -0.5rem !important; } | |
| .mb-xl-n2, | |
| .my-xl-n2 { | |
| margin-bottom: -0.5rem !important; } | |
| .ml-xl-n2, | |
| .mx-xl-n2 { | |
| margin-left: -0.5rem !important; } | |
| .m-xl-n3 { | |
| margin: -1rem !important; } | |
| .mt-xl-n3, | |
| .my-xl-n3 { | |
| margin-top: -1rem !important; } | |
| .mr-xl-n3, | |
| .mx-xl-n3 { | |
| margin-right: -1rem !important; } | |
| .mb-xl-n3, | |
| .my-xl-n3 { | |
| margin-bottom: -1rem !important; } | |
| .ml-xl-n3, | |
| .mx-xl-n3 { | |
| margin-left: -1rem !important; } | |
| .m-xl-n4 { | |
| margin: -1.5rem !important; } | |
| .mt-xl-n4, | |
| .my-xl-n4 { | |
| margin-top: -1.5rem !important; } | |
| .mr-xl-n4, | |
| .mx-xl-n4 { | |
| margin-right: -1.5rem !important; } | |
| .mb-xl-n4, | |
| .my-xl-n4 { | |
| margin-bottom: -1.5rem !important; } | |
| .ml-xl-n4, | |
| .mx-xl-n4 { | |
| margin-left: -1.5rem !important; } | |
| .m-xl-n5 { | |
| margin: -3rem !important; } | |
| .mt-xl-n5, | |
| .my-xl-n5 { | |
| margin-top: -3rem !important; } | |
| .mr-xl-n5, | |
| .mx-xl-n5 { | |
| margin-right: -3rem !important; } | |
| .mb-xl-n5, | |
| .my-xl-n5 { | |
| margin-bottom: -3rem !important; } | |
| .ml-xl-n5, | |
| .mx-xl-n5 { | |
| margin-left: -3rem !important; } | |
| .m-xl-auto { | |
| margin: auto !important; } | |
| .mt-xl-auto, | |
| .my-xl-auto { | |
| margin-top: auto !important; } | |
| .mr-xl-auto, | |
| .mx-xl-auto { | |
| margin-right: auto !important; } | |
| .mb-xl-auto, | |
| .my-xl-auto { | |
| margin-bottom: auto !important; } | |
| .ml-xl-auto, | |
| .mx-xl-auto { | |
| margin-left: auto !important; } } | |
| .text-monospace { | |
| font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } | |
| .text-justify { | |
| text-align: justify !important; } | |
| .text-wrap { | |
| white-space: normal !important; } | |
| .text-nowrap { | |
| white-space: nowrap !important; } | |
| .text-truncate { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; } | |
| .text-left { | |
| text-align: left !important; } | |
| .text-right { | |
| text-align: right !important; } | |
| .text-center { | |
| text-align: center !important; } | |
| @media (min-width: 576px) { | |
| .text-sm-left { | |
| text-align: left !important; } | |
| .text-sm-right { | |
| text-align: right !important; } | |
| .text-sm-center { | |
| text-align: center !important; } } | |
| @media (min-width: 768px) { | |
| .text-md-left { | |
| text-align: left !important; } | |
| .text-md-right { | |
| text-align: right !important; } | |
| .text-md-center { | |
| text-align: center !important; } } | |
| @media (min-width: 992px) { | |
| .text-lg-left { | |
| text-align: left !important; } | |
| .text-lg-right { | |
| text-align: right !important; } | |
| .text-lg-center { | |
| text-align: center !important; } } | |
| @media (min-width: 1200px) { | |
| .text-xl-left { | |
| text-align: left !important; } | |
| .text-xl-right { | |
| text-align: right !important; } | |
| .text-xl-center { | |
| text-align: center !important; } } | |
| .text-lowercase { | |
| text-transform: lowercase !important; } | |
| .text-uppercase { | |
| text-transform: uppercase !important; } | |
| .text-capitalize { | |
| text-transform: capitalize !important; } | |
| .font-weight-light { | |
| font-weight: 300 !important; } | |
| .font-weight-lighter { | |
| font-weight: lighter !important; } | |
| .font-weight-normal { | |
| font-weight: 400 !important; } | |
| .font-weight-bold { | |
| font-weight: 700 !important; } | |
| .font-weight-bolder { | |
| font-weight: bolder !important; } | |
| .font-italic { | |
| font-style: italic !important; } | |
| .text-white { | |
| color: #fff !important; } | |
| .text-primary { | |
| color: #1a466b !important; } | |
| a.text-primary:hover, a.text-primary:focus { | |
| color: #0b1e2d !important; } | |
| .text-secondary { | |
| color: #495057 !important; } | |
| a.text-secondary:hover, a.text-secondary:focus { | |
| color: #262a2d !important; } | |
| .text-success { | |
| color: #2f7d32 !important; } | |
| a.text-success:hover, a.text-success:focus { | |
| color: #1a451c !important; } | |
| .text-info { | |
| color: #108193 !important; } | |
| a.text-info:hover, a.text-info:focus { | |
| color: #08444e !important; } | |
| .text-warning { | |
| color: #ffb107 !important; } | |
| a.text-warning:hover, a.text-warning:focus { | |
| color: #ba7f00 !important; } | |
| .text-danger { | |
| color: #c52827 !important; } | |
| a.text-danger:hover, a.text-danger:focus { | |
| color: #851b1a !important; } | |
| .text-light { | |
| color: #f8f9fa !important; } | |
| a.text-light:hover, a.text-light:focus { | |
| color: #cbd3da !important; } | |
| .text-dark { | |
| color: #212529 !important; } | |
| a.text-dark:hover, a.text-dark:focus { | |
| color: black !important; } | |
| .text-atum-link-color { | |
| color: #1757A1 !important; } | |
| a.text-atum-link-color:hover, a.text-atum-link-color:focus { | |
| color: #0d335e !important; } | |
| .text-atum-text-dark { | |
| color: #495057 !important; } | |
| a.text-atum-text-dark:hover, a.text-atum-text-dark:focus { | |
| color: #262a2d !important; } | |
| .text-atum-bg-dark { | |
| color: #1a466b !important; } | |
| a.text-atum-bg-dark:hover, a.text-atum-bg-dark:focus { | |
| color: #0b1e2d !important; } | |
| .text-action { | |
| color: #1a466b !important; } | |
| a.text-action:hover, a.text-action:focus { | |
| color: #0b1e2d !important; } | |
| .text-error { | |
| color: #3b0d0c !important; } | |
| a.text-error:hover, a.text-error:focus { | |
| color: black !important; } | |
| .text-alert-success { | |
| color: #0f2f21 !important; } | |
| a.text-alert-success:hover, a.text-alert-success:focus { | |
| color: black !important; } | |
| .text-body { | |
| color: var(--atum-text-dark) !important; } | |
| .text-muted { | |
| color: #6c757d !important; } | |
| .text-black-50 { | |
| color: rgba(0, 0, 0, 0.5) !important; } | |
| .text-white-50 { | |
| color: rgba(255, 255, 255, 0.5) !important; } | |
| .text-hide { | |
| font: 0/0 a; | |
| color: transparent; | |
| text-shadow: none; | |
| background-color: transparent; | |
| border: 0; } | |
| .text-decoration-none { | |
| text-decoration: none !important; } | |
| .text-break { | |
| word-break: break-word !important; | |
| overflow-wrap: break-word !important; } | |
| .text-reset { | |
| color: inherit !important; } | |
| .visible { | |
| visibility: visible !important; } | |
| .invisible { | |
| visibility: hidden !important; } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff"); | |
| font-weight: 400; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "Roboto-Regular"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff") format("woff"); | |
| font-weight: 400; | |
| font-style: italic; } | |
| @font-face { | |
| font-family: "Roboto-RegularItalic"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff") format("woff"); | |
| font-weight: 300; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "Roboto-Light"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff") format("woff"); | |
| font-weight: 300; | |
| font-style: italic; } | |
| @font-face { | |
| font-family: "Roboto-LightItalic"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff") format("woff"); | |
| font-weight: 100; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "Roboto-Thin"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff") format("woff"); | |
| font-weight: 100; | |
| font-style: italic; } | |
| @font-face { | |
| font-family: "Roboto-ThinItalic"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff") format("woff"); | |
| font-weight: 500; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "Roboto-Medium"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff") format("woff"); | |
| font-weight: 500; | |
| font-style: italic; } | |
| @font-face { | |
| font-family: "Roboto-MediumItalic"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff") format("woff"); | |
| font-weight: 700; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "Roboto-Bold"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff") format("woff"); | |
| font-weight: 700; | |
| font-style: italic; } | |
| @font-face { | |
| font-family: "Roboto-BoldItalic"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff") format("woff"); | |
| font-weight: 900; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "Roboto-Black"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff") format("woff"); } | |
| @font-face { | |
| font-family: "Roboto"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff") format("woff"); | |
| font-weight: 900; | |
| font-style: italic; } | |
| @font-face { | |
| font-family: "Roboto-BlackItalic"; | |
| src: url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff") format("woff"); } | |
| html { | |
| height: 100%; } | |
| body { | |
| min-height: 100%; } | |
| body { | |
| padding: 0; | |
| margin: 0; } | |
| body.monochrome { | |
| -webkit-filter: grayscale(1); | |
| filter: grayscale(1); } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-weight: 700; } | |
| h1 { | |
| font-weight: 400; } | |
| small, | |
| .small { | |
| font-size: 0.8rem; } | |
| legend { | |
| font-size: 1.2rem; | |
| font-weight: 700; } | |
| .js-focus-visible :focus:not(.focus-visible) { | |
| outline: none; } | |
| a.focus-visible, | |
| button.focus-visible, | |
| input.focus-visible, | |
| textarea.focus-visible { | |
| outline: auto 2px var(--focus); } | |
| .break-word { | |
| word-break: break-all; | |
| word-wrap: break-word; } | |
| .content { | |
| font-size: 0.875rem; } | |
| label, | |
| caption { | |
| font-size: 0.85rem; } | |
| .logo img path { | |
| fill: var(--atum-text-dark); } | |
| .container-main, | |
| .system-debug { | |
| padding-bottom: 50px; } | |
| body .container-main { | |
| position: relative; | |
| min-height: calc(100vh - 3.5rem - 3px); | |
| padding-left: 0; | |
| padding-right: 0; } | |
| body .container-main::before, body .container-main::after { | |
| content: ''; | |
| width: 100%; | |
| height: 100%; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| z-index: -1; | |
| background: var(--atum-bg-light) url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' id='pattern-tile' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 257.9 205.7' style='enable-background:new 0 0 257.9 205.7;' xml:space='preserve' preserveAspectRatio='xMinYMid' width='257.9' height='205.7'%3E%3Cg opacity='0.85' %3E%3Cpath fill='%23fff' d='M166.2,113.3c-2.7-3.2-4-6.4-4.1-10.3c0.1-4.1,1.5-7.7,4.1-10.7l26.7-27l0.2-0.2c7-7,6.9-19-0.3-26.3 c-7.2-7.1-19.3-7.3-26.3-0.3l-27.1,26.9c-3.2,2.7-6.4,4-10.3,4.1c-4.1-0.1-7.7-1.5-10.7-4.1l-27-26.7l-0.2-0.2 c-7-7-19-6.9-26.3,0.3c-7.1,7.2-7.3,19.3-0.3,26.3l26.9,27.1c2.7,3.2,4,6.4,4.1,10.3c-0.1,4.1-1.5,7.7-4.1,10.7l-26.7,27l-0.2,0.2 c-7,7-6.9,19,0.3,26.3c3.7,3.6,8.6,5.4,13.4,5.4c4.7,0,9.4-1.7,12.8-5.2l27.1-26.9c3.1-2.6,6.6-4,10.8-4.1 c3.9,0.1,7.1,1.4,10.2,4.1l27,26.7l0.2,0.2c7,7,19,6.9,26.3-0.3c7.1-7.2,7.3-19.3,0.3-26.3L166.2,113.3z M192.2,166 c-6.9,6.8-18.3,6.9-24.9,0.3l-27.2-27c-3.4-2.9-6.7-4.2-10.9-4.4h0c-4.3,0.2-8.1,1.6-11.4,4.4l-27,26.7l-0.2,0.2 c-6.6,6.6-18,6.5-24.9-0.3c-6.8-6.9-6.9-18.3-0.3-24.9l27-27.2c2.7-3.2,4.2-7.1,4.4-11.4c-0.1-4.2-1.5-7.5-4.4-10.9l-26.7-27 l-0.2-0.2c-6.6-6.6-6.5-18,0.3-24.9c3.5-3.4,8.1-5.2,12.7-5.2c4.5,0,8.9,1.6,12.1,4.9l27.2,27c3.2,2.7,7.1,4.2,11.4,4.4 c4.2-0.1,7.5-1.5,10.9-4.4l27-26.7l0.2-0.2c6.6-6.6,18-6.5,24.9,0.3c6.8,6.9,6.9,18.3,0.3,24.9l-27,27.2c-2.7,3.2-4.2,7.1-4.4,11.4 c0.1,4.2,1.5,7.5,4.4,10.9l26.7,27l0.2,0.2C199,147.8,198.9,159.2,192.2,166z'/%3E%3Cpath fill='%23fff' d='M200.3,102.9c0-31.4,25.8-57,57.4-57v-1h-0.4v0c-19.7,0.1-37.1,10-47.6,25c7.9-13.6,6.4-32.1-4.6-43.2 c-13.2-13.1-36.7-12.8-50.3,0.8l-21.3,21.9c-1.6,1.4-2.9,1.5-4.3,1.5c-1.6,0-3.3-0.1-4.8-1.5L103,27.4C89.5,13.9,66,13.5,52.7,26.6 c-10.9,11-12.5,29.1-4.9,42.7C37.3,54.6,20.1,44.9,0.6,44.9H0.1v1h0.4c31.4,0,57,25.6,57,57s-25.8,57-57.5,57v1 c19.9,0,37.4-9.9,48-24.9c-7.8,13.6-6.3,31.9,4.7,43c13.2,13.1,36.7,12.8,50.3-0.8l21.3-21.9c1.5-1.4,3.2-1.5,4.8-1.5h0 c1.4,0,2.7,0.1,4.3,1.5l21.3,21.9c6.9,6.9,16.5,10.4,25.9,10.4c9,0,17.9-3.2,24.4-9.6c11-11.1,12.5-29.4,4.7-43 c10.6,15,28.2,24.9,48,24.9v-1C226.1,159.9,200.3,134.3,200.3,102.9z M58.5,102.9c0-10.8-3-20.9-8.1-29.5c0.9,1.3,2,2.5,3.1,3.6 l21.9,21.3c1.4,1.6,1.5,2.9,1.5,4.3c0,1.6-0.1,3.3-1.5,4.8l-21.9,21.3c-1.2,1.2-2.3,2.5-3.3,3.8C55.5,123.8,58.5,113.7,58.5,102.9z M204.4,178.3c-12.9,12.8-35.7,12.4-48.9-0.8l-21.4-21.9c-1.8-1.6-3.2-1.8-4.7-1.8c-0.1,0-0.2,0-0.3,0c-1.7,0-3.7,0.2-5.5,1.8 l-21.3,21.9c-13.2,13.2-36,13.6-48.9,0.8c-12.8-12.8-12.4-35.7,0.8-48.9l21.9-21.4c1.6-1.8,1.8-3.8,1.8-5.5c0-1.6-0.1-3.1-1.8-5 L54.3,76.2c-13.2-13.2-13.6-36-0.8-48.9c12.9-12.8,35.7-12.4,48.9,0.8l21.4,21.9c1.8,1.6,3.8,1.8,5.5,1.8c1.6,0,3.1-0.1,5-1.8 l21.3-21.9c13.2-13.2,36-13.6,48.9-0.8c12.8,12.9,12.4,35.7-0.8,48.9l-21.9,21.4c-1.6,1.8-1.8,3.8-1.8,5.5c0,1.6,0.1,3.1,1.8,5 l21.9,21.3C216.8,142.6,217.2,165.5,204.4,178.3z M204.3,128.7l-21.9-21.3c-1.4-1.6-1.5-2.9-1.5-4.3c0-1.6,0.1-3.3,1.5-4.8 l21.9-21.3c1.2-1.2,2.3-2.5,3.3-3.9c-5.3,8.7-8.3,18.9-8.3,29.8c0,10.8,3,21,8.3,29.6C206.6,131.2,205.5,129.9,204.3,128.7z'/%3E%3C/g%3E%3Cg opacity='0.34'%3E%3Cpath fill='%23fff' d='M197.7,84.9l-36.5-0.2c-4-0.3-7-1.6-9.7-4.1c-2.7-2.9-4.2-6.2-4.5-10l-0.2-36.2v-0.3c0-9.5-8.2-17.5-17.9-17.6 c-9.7,0.1-17.9,8.1-17.9,17.6l-0.2,36.5c-0.3,4-1.6,7-4.1,9.7c-2.9,2.7-6.2,4.2-10,4.5l-36.2,0.2h-0.3c-9.5,0-17.5,8.2-17.6,17.9 c0.1,9.7,8.1,17.9,17.6,17.9l36.5,0.2c4,0.3,7,1.6,9.7,4.1c2.7,2.9,4.2,6.2,4.5,10l0.2,36.2v0.3c0,9.5,8.2,17.5,17.9,17.6 c9.7-0.1,17.9-8.1,17.9-17.6l0.2-36.5c0.3-3.9,1.8-7.1,4.5-10c2.7-2.5,5.7-3.8,9.7-4.1l36.2-0.2h0.3c9.5,0,17.5-8.2,17.6-17.9 C215.1,93.1,207.1,84.9,197.7,84.9z M197.7,119.8l-36.5,0.2c-4.2,0.4-7.4,1.7-10.3,4.4l0,0c-2.8,3-4.4,6.6-4.7,10.7l-0.2,36.2v0.3 c0,8.9-7.8,16.5-16.9,16.6c-9.2-0.1-16.9-7.7-16.9-16.6l-0.2-36.5c-0.3-4-1.9-7.6-4.8-10.7c-2.9-2.7-6.1-4.1-10.3-4.4l-36.2-0.2 h-0.3c-8.9,0-16.5-7.8-16.6-16.9c0.1-9.2,7.7-16.9,16.6-16.9l36.5-0.2c4-0.3,7.6-1.9,10.7-4.8c2.7-2.9,4.1-6.1,4.4-10.3l0.2-36.2 v-0.3c0-8.9,7.8-16.5,16.9-16.6c9.2,0.1,16.9,7.7,16.9,16.6l0.2,36.5c0.3,4,1.9,7.6,4.8,10.7c2.9,2.7,6.1,4.1,10.3,4.4l36.2,0.2 h0.3c8.9,0,16.5,7.8,16.6,16.9C214.2,112,206.6,119.8,197.7,119.8z'/%3E%3Cpath fill='%23fff' d='M232.7,102.9c0-13.8,11.2-25.1,25.1-25.1v-1c-13.9,0-25.2,10.9-26,24.5c-0.9-17.2-16.6-31.9-34.5-31.9 l-29.1,0.4c-2-0.1-3-0.9-3.9-1.9c-1.1-1.1-2.1-2.3-2.2-4.2l0.4-29.2c0-18.3-15.6-34.4-33.4-34.5c-17.8,0.1-33.4,16.2-33.4,34.5 l0.4,29.1c-0.1,2-0.9,3-1.9,3.9c-1.1,1.1-2.3,2.1-4.2,2.2l-29.2-0.4c-17.8,0-33.5,14.8-34.4,31.9C25.4,87.9,14.4,77.2,0.8,76.8h0.2 V38.7h-1v38.2h0.1v1c13.8,0,25.1,11.2,25.1,25.1c0,13.8-11.3,25-25.1,25.1l0,0.9h0V167h1v-38.1c13.4-0.5,24.3-11.2,25.1-24.5 c1,17.1,16.7,31.8,34.5,31.8l29.1-0.4c2,0.1,3,0.9,3.9,1.9c1.1,1.1,2.1,2.3,2.2,4.2l-0.4,29.2c0,18.3,15.6,34.4,33.4,34.5 c17.8-0.1,33.4-16.2,33.4-34.5L162,142c0.1-1.9,1.1-3.2,2.2-4.3l0,0c0.9-1,1.9-1.8,3.9-1.9l29.2,0.4c17.8,0,33.5-14.7,34.4-31.9 c0.8,13.6,12.2,24.5,26.1,24.6l0-1C243.9,127.9,232.7,116.7,232.7,102.9z M197.3,135.3l-29.2-0.4c-2.4,0.1-3.5,1.1-4.6,2.2 c-1.2,1.1-2.4,2.6-2.5,5l0.4,29.2c0,17.8-15.2,33.4-32.4,33.5c-17.3-0.1-32.4-15.7-32.4-33.5l0.4-29.2c-0.1-2.3-1.3-3.8-2.5-4.9 c-1.1-1.1-2.2-2.1-4.6-2.2l-29.2,0.4c-17.8,0-33.4-15.2-33.5-32.4c0.1-17.3,15.7-32.4,33.5-32.4l29.2,0.4c2.3-0.1,3.8-1.3,4.9-2.5 c1.1-1.1,2.1-2.2,2.2-4.6l-0.4-29.2c0-17.8,15.2-33.4,32.4-33.5c17.3,0.1,32.4,15.7,32.4,33.5L161,63.7c0.1,2.3,1.3,3.8,2.5,4.9 c1.1,1.1,2.2,2.1,4.6,2.2l29.2-0.4c17.8,0,33.4,15.2,33.5,32.4C230.7,120.1,215.1,135.3,197.3,135.3z'/%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 15rem; } | |
| body .container-main::after { | |
| background: linear-gradient(135deg, var(--atum-bg-light) 0%, var(--atum-bg-light) 20%, rgba(225, 229, 231, 0) 100%); } | |
| .content { | |
| padding-top: 15px; | |
| border-radius: none; } | |
| .content > .row { | |
| margin-right: 0; | |
| margin-left: 0; } | |
| .subhead + .content { | |
| padding-top: 0; } | |
| .row-selected { | |
| background-color: var(--toolbar-bg); } | |
| .chzn-container-single { | |
| width: auto !important; } | |
| .item-associations { | |
| padding: 0; } | |
| .item-associations li { | |
| display: inline-block; | |
| list-style: none; } | |
| .message-alert { | |
| text-align: right !important; } | |
| .load-fadein { | |
| -webkit-animation: fadein 1s; | |
| animation: fadein 1s; } | |
| @-webkit-keyframes fadein { | |
| from { | |
| opacity: 0; } | |
| to { | |
| opacity: 1; } } | |
| @keyframes fadein { | |
| from { | |
| opacity: 0; } | |
| to { | |
| opacity: 1; } } | |
| .load-fadeout { | |
| -webkit-animation: fadeout 1s; | |
| animation: fadeout 1s; | |
| opacity: 0; } | |
| @-webkit-keyframes fadeout { | |
| from { | |
| opacity: 1; } | |
| to { | |
| opacity: 0; } } | |
| @keyframes fadeout { | |
| from { | |
| opacity: 1; } | |
| to { | |
| opacity: 0; } } | |
| .container-main.fade-done > * { | |
| opacity: 1; } | |
| .sidebar-wrapper.fade-done > * { | |
| opacity: 1; } | |
| .menu-quicktask, | |
| .menu-badge { | |
| float: right; | |
| min-width: 1rem; } | |
| a[target="_blank"]::before { | |
| font: normal normal normal 14px/1 'Font Awesome 5 Free'; | |
| content: "\f35d "; } | |
| @media (max-width: 575.98px) { | |
| #wrapper.d-flex { | |
| display: block !important; } } | |
| .text-muted { | |
| color: var(--atum-text-dark); } | |
| .menu-quicktask, | |
| .menu-badge { | |
| float: right; | |
| min-width: 1rem; } | |
| @media (min-width: 768px) { | |
| .cpanel-help .card-columns, | |
| .cpanel-system .card-columns { | |
| -webkit-column-count: 3; | |
| -moz-column-count: 3; | |
| column-count: 3; } } | |
| @media (min-width: 768px) { | |
| .card-columns { | |
| -webkit-column-count: 2; | |
| -moz-column-count: 2; | |
| column-count: 2; } } | |
| .tiny { | |
| font-size: 0.6rem; | |
| line-height: 1.4rem; } | |
| .badge { | |
| font-size: 0.75rem; | |
| padding: .1rem .3rem; | |
| border-radius: 0.3rem; } | |
| @media (max-width: 575.98px) { | |
| .badge { | |
| white-space: normal; } } | |
| .badge-warning { | |
| color: #fcd9b6; | |
| background-color: #462a16; | |
| border: 1px solid #ba703b; } | |
| .badge-success { | |
| color: #114b0c; | |
| background-color: #bae0b7; | |
| border: 1px solid #25a31a; } | |
| .badge-danger { | |
| color: #3b0d0c; | |
| background-color: #f9acaa; | |
| border: 1px solid #ba2926; } | |
| .badge-secondary, .badge-info { | |
| color: var(--atum-text-dark); | |
| background-color: #dee2e6; | |
| border: 1px solid #949da5; } | |
| .badge-inverse { | |
| color: #e8e8e8; | |
| background-color: #343a40; | |
| border: 1px solid #212529; } | |
| .btn-primary { | |
| background-color: var(--atum-bg-dark); | |
| color: var(--atum-text-light); | |
| border-color: var(--atum-bg-dark-80); } | |
| .btn-primary:hover, .btn-primary:focus, .btn-primary:active { | |
| background-color: var(--atum-bg-dark-70); | |
| border-color: var(--atum-bg-dark-90); } | |
| .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, | |
| .show > .btn-primary.dropdown-toggle { | |
| background-color: var(--atum-bg-dark); | |
| border-color: var(--atum-bg-dark); } | |
| .btn-secondary { | |
| background-color: var(--atum-bg-dark-50); } | |
| .input-group-text { | |
| background-color: var(--atum-bg-dark); | |
| border-color: var(--atum-bg-dark); } | |
| .card { | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); } | |
| .custom-select { | |
| max-width: 100%; } | |
| .custom-select[multiple] { | |
| padding: 0; | |
| background-color: var(--white-offset); } | |
| .custom-select[multiple] option { | |
| background-color: var(--white-offset); | |
| padding: 0.3rem 1rem; } | |
| .custom-select[multiple] option:checked { | |
| color: var(--atum-text-light); | |
| background-color: var(--atum-bg-dark) !important; } | |
| .custom-select.custom-select-color-state.custom-select-success { | |
| color: #2f7d32; | |
| background-color: #2f7d32; } | |
| .custom-select.custom-select-color-state.custom-select-success option { | |
| color: #495057; | |
| background-color: var(--white-offset); } | |
| .custom-select.custom-select-color-state.custom-select-danger { | |
| color: #c52827; | |
| background-color: #c52827; | |
| border-color: #c52827; } | |
| .custom-select.custom-select-color-state.custom-select-danger option { | |
| color: #495057; | |
| background-color: var(--white-offset); } | |
| .custom-select optgroup, .custom-select option { | |
| background-color: #fff; } | |
| .accordion .card-header { | |
| display: block; | |
| font-size: 0.9286rem; | |
| font-weight: 700; | |
| line-height: 1.2; } | |
| .accordion .list-group-item { | |
| color: var(--atum-link-color); } | |
| .btn-group .dropdown-menu { | |
| background: #fff; | |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
| min-width: 100%; } | |
| .btn-group .dropdown-menu [class^='icon-'], | |
| .btn-group .dropdown-menu [class*=' icon-'], | |
| .btn-group .dropdown-menu [class^='fa '], | |
| .btn-group .dropdown-menu [class*='fa'] { | |
| width: 26px; } | |
| .btn-group .dropdown-menu joomla-toolbar-button { | |
| border: none; } | |
| .dropdown-menu { | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); } | |
| .dropdown-item { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); } | |
| .btn-primary + .dropdown-menu .dropdown-item:hover, .btn-primary + .dropdown-menu .dropdown-item:focus { | |
| background-color: var(--atum-bg-dark); } | |
| .btn-secondary + .dropdown-menu .dropdown-item:hover, .btn-secondary + .dropdown-menu .dropdown-item:focus { | |
| background-color: #495057; | |
| color: var(--atum-text-light); } | |
| .btn-danger + .dropdown-menu .dropdown-item:hover, .btn-danger + .dropdown-menu .dropdown-item:focus { | |
| background-color: #c52827; } | |
| .btn-info + .dropdown-menu .dropdown-item:hover, .btn-info + .dropdown-menu .dropdown-item:focus { | |
| background-color: #108193; } | |
| .btn-group.show .dropdown-menu .dropdown-item:hover:not(.disabled), .btn-group.show .dropdown-menu .dropdown-item:focus:not(.disabled) { | |
| background-color: var(--atum-bg-dark); | |
| color: var(--atum-text-light); } | |
| .dropdown-item + .dropdown-item { | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); } | |
| .dropdown-status-group .dropdown-menu .dropdown-item:not(.disabled) { | |
| color: #1a466b; } | |
| .dropdown-save-group .dropdown-menu .dropdown-item:not(.disabled) { | |
| color: #2f7d32; } | |
| label { | |
| margin-bottom: 0; } | |
| .control-group { | |
| margin-bottom: 18px; } | |
| .control-group > .form-check { | |
| display: inline-block; } | |
| .control-group::after { | |
| display: table; | |
| clear: both; | |
| content: ""; } | |
| .control-group .control-label { | |
| float: left; | |
| width: 220px; | |
| padding-top: 5px; | |
| padding-right: 5px; | |
| text-align: left; } | |
| @media (max-width: 767.98px) { | |
| .control-group .control-label { | |
| float: none; | |
| width: 100%; } } | |
| .control-group .controls { | |
| margin-left: 220px; } | |
| @media (max-width: 767.98px) { | |
| .control-group .controls { | |
| margin-left: 0; } } | |
| .form-no-margin .control-group .controls { | |
| margin-left: 0; } | |
| .form-no-margin .control-group .control-label { | |
| float: none; } | |
| .spacer hr { | |
| width: 380px; | |
| border: 0; } | |
| .spacer label { | |
| width: 440px; } | |
| td .form-control { | |
| display: inline-block; | |
| width: auto; } | |
| legend { | |
| margin-bottom: 1.1rem; | |
| font-size: 1rem; | |
| font-weight: 400; } | |
| .checkboxes { | |
| padding-top: 5px; } | |
| .checkboxes .checkbox input { | |
| position: static; | |
| margin-left: 0; } | |
| .form-check { | |
| padding-top: 5px; | |
| margin-bottom: 0; } | |
| .modal label { | |
| width: 100%; } | |
| .invalid { | |
| color: #c52827; | |
| border-color: #c52827; } | |
| .valid { | |
| border-color: #2f7d32; } | |
| .form-control-feedback { | |
| display: block; } | |
| [aria-grabbed='true'] { | |
| box-shadow: 0 0 2px 1px var(--atum-bg-dark); } | |
| select.form-control { | |
| background-color: var(--atum-bg-dark); } | |
| @media (max-width: 575.98px) { | |
| .control-group .control-label { | |
| float: none; | |
| max-width: 100%; } } | |
| .field-media-wrapper { | |
| max-width: calc(50vw - 5rem); | |
| width: 100%; | |
| display: block; } | |
| .field-media-wrapper .field-media-preview { | |
| width: 100%; | |
| max-width: none; } | |
| .field-media-wrapper .button-select { | |
| background-color: #245f26; } | |
| .field-media-wrapper .button-clear { | |
| background-color: #a32120; } | |
| @media (max-width: 991.98px) { | |
| .field-media-wrapper { | |
| min-width: 100%; } } | |
| .list-group-item { | |
| background-color: var(--white-offset); } | |
| .list-unstyled .list-unstyled { | |
| padding-left: 20px; } | |
| .jviewport-height10 { | |
| height: 10vh; } | |
| .jviewport-height20 { | |
| height: 20vh; } | |
| .jviewport-height30 { | |
| height: 30vh; } | |
| .jviewport-height40 { | |
| height: 40vh; } | |
| .jviewport-height50 { | |
| height: 50vh; } | |
| .jviewport-height60 { | |
| height: 60vh; } | |
| .jviewport-height70 { | |
| height: 70vh; } | |
| .jviewport-height80 { | |
| height: 80vh; } | |
| .jviewport-height90 { | |
| height: 90vh; } | |
| .jviewport-height100 { | |
| height: 100vh; } | |
| [class*=jviewport-height] iframe { | |
| height: 100%; } | |
| .modal-dialog.jviewport-width10 { | |
| width: 10vw; } | |
| .modal-dialog.jviewport-width20 { | |
| width: 20vw; | |
| max-width: none; } | |
| .modal-dialog.jviewport-width30 { | |
| width: 30vw; | |
| max-width: none; } | |
| .modal-dialog.jviewport-width40 { | |
| width: 40vw; | |
| max-width: none; } | |
| .modal-dialog.jviewport-width50 { | |
| width: 50vw; | |
| max-width: none; } | |
| .modal-dialog.jviewport-width60 { | |
| width: 60vw; | |
| max-width: none; } | |
| .modal-dialog.jviewport-width70 { | |
| width: 70vw; | |
| max-width: none; } | |
| .modal-dialog.jviewport-width80 { | |
| width: 80vw; | |
| max-width: none; } | |
| .modal-dialog.jviewport-width90 { | |
| width: 90vw; | |
| max-width: none; } | |
| .modal-dialog.jviewport-width100 { | |
| width: 100vw; | |
| max-width: none; } | |
| .nav.nav-tabs { | |
| align-items: stretch; | |
| justify-content: space-around; | |
| padding: 0; | |
| margin: 0 0 1rem; | |
| text-align: center; | |
| background-color: var(--atum-bg-dark); } | |
| @media (min-width: 1200px) { | |
| .nav.nav-tabs { | |
| flex-wrap: unset; } } | |
| @media (max-width: 767.98px) { | |
| .nav.nav-tabs { | |
| flex-direction: column; } } | |
| .nav.nav-tabs .nav-item { | |
| margin-bottom: 0; | |
| margin-left: 0; | |
| width: 100%; } | |
| .nav.nav-tabs .nav-link { | |
| position: relative; | |
| height: 100%; | |
| padding: .75em 1em; | |
| color: #fff; | |
| box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); } | |
| .nav-tabs + .tab-content { | |
| padding: 0; | |
| background: transparent; | |
| border: 0; } | |
| .pagination { | |
| margin: 1rem; } | |
| .table { | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); } | |
| .table thead th { | |
| font-size: 0.85rem; } | |
| .table thead th, | |
| .table thead td { | |
| font-weight: 400; | |
| color: var(--atum-text-dark); | |
| white-space: nowrap; | |
| border-bottom: 2px solid #dee2e6; } | |
| @media (max-width: 575.98px) { | |
| .table thead th, | |
| .table thead td { | |
| white-space: normal; } } | |
| .table thead a { | |
| font-weight: 400; | |
| color: var(--atum-link-colors); } | |
| .table thead a#sorted { | |
| color: #343a40; | |
| font-weight: 500; } | |
| @media (max-width: 575.98px) { | |
| .table thead .actions, .table thead .actions-th1 { | |
| width: 28%; } } | |
| .table tbody tr:hover, .table tbody tr:focus, .table tbody tr:active { | |
| background-color: rgba(0, 0, 0, 0.075); } | |
| .table tbody a:not(.badge) { | |
| text-decoration: underline; } | |
| .table tbody .itemnumber a.btn { | |
| text-decoration: none; | |
| padding: 0.1rem .5rem; } | |
| .table tbody th { | |
| font-weight: 500; } | |
| .table th label, | |
| .table td label { | |
| margin-bottom: 0; } | |
| .table th .inactive .fa, .table th .inactive [class^=icon-], | |
| .table td .inactive .fa, | |
| .table td .inactive [class^=icon-] { | |
| color: #cdcdcd; } | |
| .alert { | |
| margin: 1rem 0; | |
| border-radius: 0.2rem; | |
| border-left: none; | |
| border-right: none; } | |
| .alert.alert-info { | |
| color: var(--atum-bg-dark); | |
| background-color: var(--atum-bg-dark-10); | |
| border: 1px solid var(--atum-bg-dark-20); } | |
| .alert.alert-warning { | |
| color: var(--atum-text-dark); | |
| background-color: var(--warning); | |
| border: 1px solid var(--warning-border); } | |
| .alert.alert-success { | |
| color: var(--alert-success); | |
| background-color: #bae9d4; | |
| border: 1px solid #34a372; } | |
| .alert.alert-error { | |
| color: var(--error); | |
| background-color: #f1bcbb; | |
| border: 1px solid #ba2926; } | |
| .notify-alerts { | |
| position: fixed; | |
| top: 15px; | |
| left: 50%; | |
| z-index: 1030; | |
| transition: all .5s ease; | |
| -webkit-transform: translateX(-50%); | |
| transform: translateX(-50%); } | |
| .alert-heading { | |
| font-size: 1.25rem; } | |
| @-webkit-keyframes fadeIn { | |
| from { | |
| opacity: 0; | |
| -webkit-transform: translateY(-15px); | |
| transform: translateY(-15px); } | |
| to { | |
| opacity: 1; | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); } } | |
| @keyframes fadeIn { | |
| from { | |
| opacity: 0; | |
| -webkit-transform: translateY(-15px); | |
| transform: translateY(-15px); } | |
| to { | |
| opacity: 1; | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); } } | |
| .title-alias .form-control { | |
| max-width: 100%; } | |
| .title-alias .control-group { | |
| position: relative; } | |
| .title-alias .form-control-feedback { | |
| text-align: right; | |
| position: absolute; | |
| bottom: -1.2rem; | |
| right: 1rem; } | |
| .layout-edit .control-group { | |
| min-width: 33.33333%; } | |
| .layout-edit .title-alias { | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); | |
| background-color: var(--white-offset); | |
| margin: 0 0 2rem !important; } | |
| .layout-edit .title-alias .form-group { | |
| box-shadow: none; } | |
| .header { | |
| position: relative; | |
| background: #fff; | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); | |
| z-index: 1020; | |
| border-top: 3px solid var(--atum-bg-dark); | |
| color: var(--atum-special-color); } | |
| .header .header-title { | |
| width: 50%; } | |
| .header .header-title .d-flex:last-child { | |
| max-width: calc(100% - 18rem); } | |
| @media (max-width: 991.98px) { | |
| .header .header-title .d-flex:last-child { | |
| max-width: calc(100% - 3rem); } } | |
| .header .header-title .container-title { | |
| width: 100%; } | |
| @media (max-width: 575.98px) { | |
| .header .header-title { | |
| width: 100%; } } | |
| .header .logo { | |
| display: inline-block; | |
| line-height: 3.5rem; | |
| width: 18rem; | |
| transition: width .3s ease; } | |
| .header .logo.small { | |
| width: 3rem; | |
| transition: width .3s ease; } | |
| .header .logo.small svg:not(.logo-small), .header .logo.small img:not(.logo-small) { | |
| display: none; } | |
| .header .logo.small svg.logo-small, .header .logo.small img.logo-small { | |
| display: inline-block; } | |
| .header .logo svg, .header .logo img { | |
| margin-left: 0.8rem; | |
| max-height: 1.3rem; | |
| max-width: calc(18rem - 0.8rem); } | |
| .header .logo svg.logo-small, .header .logo img.logo-small { | |
| display: none; | |
| max-width: 1.3rem; } | |
| .header .logo svg { | |
| height: 1.3rem; } | |
| .header .page-title { | |
| width: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| margin: 0; | |
| font-size: 1.2rem; | |
| line-height: 3.5rem; | |
| color: var(--atum-special-color); } | |
| .header .page-title [class^='icon-'] { | |
| margin-right: 0.625rem; | |
| font-size: 1rem; } | |
| .header .header-items { | |
| width: 50%; } | |
| .header .header-item { | |
| position: relative; | |
| max-width: 6.6rem; } | |
| .header .header-item:first-child { | |
| margin-left: auto; } | |
| .header .header-item .header-item-content > *:first-child { | |
| flex-direction: column; | |
| height: 100%; | |
| padding: 0 0.6rem; | |
| color: var(--atum-special-color); } | |
| .header .header-item .header-item-content a:hover, .header .header-item .header-item-content a[aria-expanded="true"], .header .header-item .header-item-content button:hover, .header .header-item .header-item-content button[aria-expanded="true"] { | |
| background-color: var(--atum-bg-dark); | |
| color: var(--atum-text-light); | |
| text-decoration: none; | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); } | |
| .header .header-item .header-item-content a.disabled, .header .header-item .header-item-content a.disabled:hover, .header .header-item .header-item-content a.disabled[aria-expanded="true"], .header .header-item .header-item-content button.disabled, .header .header-item .header-item-content button.disabled:hover, .header .header-item .header-item-content button.disabled[aria-expanded="true"] { | |
| background-color: transparent; | |
| color: var(--atum-special-color); | |
| box-shadow: none; | |
| opacity: 0.3; | |
| pointer-events: none; } | |
| .header .header-item .header-item-content .dropdown-toggle { | |
| background-color: transparent; | |
| border: 0; } | |
| .header .header-item .header-item-content .dropdown-toggle::after { | |
| display: none; } | |
| .header .header-item .header-item-content .joomlaversion { | |
| min-width: 6.6rem; } | |
| .header .header-item .tiny { | |
| text-align: center; | |
| line-height: 0.8rem; | |
| margin-top: 0.3rem; | |
| white-space: nowrap; | |
| max-width: 5rem; | |
| min-width: 4rem; | |
| display: block; | |
| text-overflow: ellipsis; | |
| overflow: hidden; } | |
| .header .fa, .header .fab { | |
| font-size: 1.2rem; | |
| vertical-align: middle; | |
| transition: all .2s ease-in-out; } | |
| .header .dropdown-menu { | |
| min-width: 17.5rem; | |
| padding: 0; | |
| z-index: 1041; } | |
| .header .badge { | |
| position: absolute; | |
| left: 50%; | |
| top: 0.4rem; | |
| margin-left: 0.8rem; } | |
| .header .fa-angle-down { | |
| position: absolute; | |
| left: 50%; | |
| top: 0.9rem; | |
| margin-left: -1.6rem; } | |
| .header .align-items-end { | |
| min-height: 2rem; } | |
| .header a[target="_blank"]::before { | |
| display: none; } | |
| .header .dropdown-menu { | |
| z-index: 1060; | |
| min-width: 18rem; | |
| background-color: var(--atum-bg-dark-70); } | |
| .header .dropdown-menu.icons-left .dropdown-item a { | |
| padding-left: 0; } | |
| .header .dropdown-menu .dropdown-header { | |
| color: #fff; | |
| background-color: var(--atum-bg-dark); | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); | |
| font-size: inherit; | |
| padding: 1rem 0.75rem; } | |
| [dir=rtl] .header .dropdown-menu .dropdown-header { | |
| text-align: right; } | |
| .header .dropdown-item { | |
| color: #fff; | |
| background-color: var(--atum-bg-dark-70); | |
| padding: 0; } | |
| .header .dropdown-item a { | |
| display: inline-block; | |
| width: 100%; | |
| color: var(--atum-text-light); | |
| padding-left: 0.75rem; | |
| line-height: 3; } | |
| .header .dropdown-item a:hover { | |
| text-decoration: none; | |
| background: var(--atum-bg-dark); } | |
| [dir=rtl] .header .dropdown-item a { | |
| text-align: right; | |
| padding-right: .75rem; | |
| padding-left: 0; } | |
| .header .dropdown-item .fa { | |
| padding: 1rem; | |
| width: 3rem; } | |
| .header #header-more-items .header-more-menu { | |
| position: absolute; | |
| top: 100%; | |
| left: -100000rem; | |
| right: 0; | |
| width: calc(13.2rem + 2px); | |
| margin-top: 0.1rem; | |
| background-color: var(--white-offset); | |
| border: 1px solid #adb5bd; | |
| border-top: 0; | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); | |
| justify-content: flex-end; } | |
| .header #header-more-items.active .header-more-menu { | |
| left: auto; } | |
| .header #header-more-items .header-item { | |
| height: 3.7rem; | |
| width: 6.6rem; } | |
| .header #header-more-items .header-item-content { | |
| width: 100%; | |
| height: 100%; } | |
| .header #header-more-items .dropdown-toggle { | |
| width: 100%; | |
| height: 100%; } | |
| .header #header-more-items .header-more-btn { | |
| color: var(--white-offset); | |
| background-color: var(--atum-bg-dark); | |
| width: 3.8rem; | |
| height: 100%; | |
| border: 0; } | |
| .header #header-more-items .header-more-btn .fa { | |
| margin: auto; } | |
| .header #header-more-items .header-more-btn:hover { | |
| background-color: var(--atum-bg-dark-80); } | |
| @media (max-width: 575.98px) { | |
| .header { | |
| position: static; | |
| top: 0; | |
| width: 100%; | |
| z-index: 1020; } | |
| .header .header-items { | |
| background: var(--atum-bg-dark); | |
| display: block; | |
| position: fixed; | |
| bottom: 0; | |
| width: 100%; | |
| max-width: 18rem; | |
| z-index: 8000; | |
| flex-direction: row-reverse; | |
| justify-content: flex-end; } | |
| .header .header-items::after { | |
| content: ""; | |
| width: 1000%; | |
| height: 100%; | |
| background: var(--atum-bg-dark); | |
| position: absolute; | |
| z-index: -1; } | |
| .header #header-more-items .header-more-menu { | |
| top: auto; | |
| bottom: 100%; | |
| border: 1px solid #adb5bd; | |
| border-bottom: 0; } | |
| .header #header-more-items.active .header-more-menu { | |
| left: 0; } | |
| .header #header-more-items .header-item .header-item-content > :first-child { | |
| color: var(--atum-special-color); } | |
| .header #header-more-items .header-item .header-item-content > :first-child[aria-expanded=true] { | |
| color: var(--atum-text-light); } | |
| .header .header-items > .header-item .header-item-content > :first-child { | |
| color: var(--atum-text-light); | |
| padding-bottom: 0.4rem; } | |
| .header .header-item:first-child { | |
| margin-left: 0; } | |
| .header .fa-angle-down { | |
| -webkit-transform: rotate(180deg); | |
| transform: rotate(180deg); } } | |
| .form-control { | |
| max-width: 100%; | |
| background-color: var(--white-offset); } | |
| .control-group { | |
| margin-bottom: 18px; } | |
| .control-group > .form-check { | |
| display: inline-block; } | |
| .control-group::after { | |
| display: table; | |
| clear: both; | |
| content: ""; } | |
| .control-group .control-label { | |
| float: left; | |
| width: 220px; | |
| padding-top: 5px; | |
| padding-right: 5px; | |
| text-align: left; } | |
| .control-group .controls { | |
| margin-left: 220px; } | |
| .control-group .switcher__legend { | |
| font-size: 0.85rem; } | |
| .form-no-margin .control-group .controls { | |
| margin-left: 0; } | |
| .form-no-margin .control-group .controls .switcher__legend { | |
| float: none; | |
| margin-left: 0; } | |
| .form-no-margin .control-group .control-label { | |
| float: none; } | |
| .spacer hr { | |
| width: 380px; } | |
| .spacer label { | |
| width: 440px; } | |
| td .form-control { | |
| display: inline-block; | |
| width: auto; } | |
| legend { | |
| margin-bottom: 1.1rem; } | |
| .checkboxes { | |
| padding-top: 5px; } | |
| .checkboxes .checkbox input { | |
| position: static; | |
| margin-left: 0; } | |
| .form-check { | |
| padding-top: 5px; | |
| margin-bottom: 0; } | |
| .modal label { | |
| width: 100%; } | |
| .invalid { | |
| color: #c52827; | |
| border-color: #c52827; } | |
| .valid { | |
| border-color: #2f7d32; } | |
| .form-control-feedback { | |
| display: block; } | |
| [aria-grabbed='true'] { | |
| box-shadow: 0 0 2px 1px #1a466b; } | |
| .sortable-handler.inactive { | |
| opacity: 0.3; } | |
| /* make the containers relative */ | |
| .control-group > .controls { | |
| position: relative; } | |
| /* set up hidden tooltip */ | |
| [role="tooltip"]:not(.show) { | |
| display: none; | |
| padding: 0.25em; | |
| margin: 0.25em; | |
| color: #fff; | |
| background: #000; | |
| max-width: 100%; | |
| z-index: 1070; } | |
| /* reveal associated tooltip on focus */ | |
| :focus + [role="tooltip"], | |
| :hover + [role="tooltip"] { | |
| display: block; | |
| position: absolute; } | |
| [id="filter[search]-desc"] { | |
| bottom: 100%; } | |
| .switcher__legend { | |
| font-size: 0.85rem; | |
| color: var(--atum-special-color); | |
| margin-bottom: 0; } | |
| [class^="icon-"]:not(.input-group-text), | |
| [class*=" icon-"]:not(.input-group-text) { | |
| margin-right: 0.5em; } | |
| joomla-field-user [class*=" icon-"]:not(.input-group-text) { | |
| margin-right: 0; } | |
| .icon-back::before { | |
| content: "\e008"; } | |
| .icon-crop::before { | |
| content: "\f125"; } | |
| .icon-white { | |
| color: #fff; } | |
| .icon-publish { | |
| color: #2f7d32; } | |
| .dropdown-status-group .icon-publish { | |
| color: inherit; } | |
| .icon-unpublish { | |
| color: #c52827; } | |
| .dropdown-status-group .icon-unpublish { | |
| color: inherit; } | |
| .tbody-icon { | |
| padding: 0 3px; | |
| text-align: center; | |
| background-color: transparent; | |
| border: 0; } | |
| .tbody-icon [class^='icon-'], | |
| .tbody-icon [class*=' icon-'] { | |
| width: 26px; | |
| height: 26px; | |
| font-size: 1rem; | |
| line-height: 22px; | |
| color: #cdcdcd; | |
| border: 2px solid var(--border); | |
| border-radius: 50%; } | |
| .tbody-icon .icon-publish { | |
| color: var(--success); | |
| border-color: var(--success); } | |
| .tbody-icon .icon-featured { | |
| color: var(--atum-special-color); | |
| border-color: var(--atum-special-color); } | |
| .tbody-icon .icon-archive { | |
| color: var(--atum-text-dark); | |
| border-color: #495057; } | |
| .tbody-icon .icon-checkedout { | |
| width: auto; | |
| height: auto; | |
| font-size: 1.2rem; | |
| line-height: 1rem; | |
| color: var(--atum-text-dark); | |
| border: 0; } | |
| .icon-joomla::before { | |
| content: "\f1aa"; | |
| font-family: "Font Awesome 5 Brands"; } | |
| .icon-shield-alt::before { | |
| content: "\f3ed"; } | |
| .icon-address-book::before { | |
| content: "\f2b9"; } | |
| .icon-images::before { | |
| content: "\f302"; } | |
| .info-circle::before { | |
| content: "\f05a"; } | |
| .icon-paint-brush::before { | |
| content: "\f1fc"; } | |
| .icon-language::before { | |
| content: "\f1ab"; } | |
| .icon-rss::before { | |
| content: "\f09e"; } | |
| .icon-map-signs::before { | |
| content: "\f277"; } | |
| .icon-envelope-open-text::before { | |
| content: "\f658"; } | |
| .icon-users-cog::before { | |
| content: "\f509"; } | |
| .icon-user-lock::before { | |
| content: "\f502"; } | |
| iframe { | |
| border: 0; } | |
| .modal iframe { | |
| width: 100%; } | |
| .page-link.active { | |
| padding: 0; } | |
| .page-link.active.current { | |
| padding: .5rem .75rem; | |
| color: var(--atum-text-light); | |
| background-color: var(--atum-bg-dark); } | |
| .page-link.active a { | |
| padding: .58rem .75rem; | |
| line-height: 2.5; | |
| text-decoration: none; } | |
| .page-link.disabled { | |
| color: var(--atum-bg-dark-10); | |
| cursor: not-allowed; } | |
| .page-link.disabled:hover { | |
| background: transparent; } | |
| .page-link a:hover { | |
| color: var(--atum-text-light); | |
| background-color: var(--atum-bg-dark); } | |
| .options-grid-form { | |
| background-color: var(--white); | |
| color: var(--atum-text-dark); | |
| padding: 1rem; | |
| margin-bottom: 1rem; | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); | |
| width: 100%; } | |
| .options-grid-form > legend { | |
| font-weight: bold; | |
| padding: 0 .5rem; | |
| background-color: var(--atum-bg-dark); | |
| color: var(--atum-text-light); | |
| width: auto; } | |
| .options-grid-form > div { | |
| display: grid; | |
| grid-template-columns: 1fr; | |
| grid-column-gap: 2rem; } | |
| @media (min-width: 768px) { | |
| .options-grid-form > div { | |
| grid-template-columns: 1fr 1fr; } | |
| .options-grid-form.options-grid-form-half > div, .options-grid-form.options-grid-form-full > div { | |
| grid-template-columns: 1fr; } } | |
| @media (min-width: 992px) { | |
| .options-grid-form > div { | |
| grid-template-columns: 1fr 1fr 1fr; } | |
| .options-grid-form.options-grid-form-full > div { | |
| grid-template-columns: 1fr; } | |
| .options-grid-form.options-grid-form-half > div { | |
| grid-template-columns: 1fr 1fr; } } | |
| @media (max-width: 767.98px) { | |
| .view-login .container-main { | |
| min-height: calc(100vh - 35vh); | |
| flex-wrap: wrap; | |
| align-items: center; | |
| justify-content: center; | |
| display: flex; } } | |
| @media (max-width: 767.98px) { | |
| .view-login .container-main #content { | |
| padding: 0; | |
| max-width: 98%; } } | |
| .view-login .login-bg-grad { | |
| position: fixed; | |
| z-index: -1; | |
| width: 100vw; | |
| height: 100vh; | |
| background-image: linear-gradient(45deg, rgba(var(--atum-bg-dark), 0.9) 30%, rgba(232, 232, 232, 0.2) 100%); } | |
| .view-login .login-initial { | |
| display: none; } | |
| .view-login .login-logo { | |
| width: 200px; | |
| margin: 0 auto 2rem; | |
| text-align: center; } | |
| @media (max-width: 767.98px) { | |
| .view-login .login-logo { | |
| margin: 1rem 0; } } | |
| .view-login .login { | |
| width: 25rem; | |
| background: var(--white); | |
| padding: 15px; | |
| color: var(--atum-text-dark); | |
| border-radius: 3px; | |
| margin-top: 10rem; | |
| align-self: flex-start; | |
| box-shadow: 0 0 10px 0 #ccc; } | |
| @media (max-width: 991.98px) { | |
| .view-login .login { | |
| margin-top: 3rem; } } | |
| .view-login .login img { | |
| height: 4.4rem; | |
| padding: 15px; } | |
| .view-login .login #form-login .form-group { | |
| position: relative; | |
| margin-bottom: 1.85rem; } | |
| .view-login .login #form-login .form-group .form-control-feedback { | |
| text-align: right; | |
| position: absolute; | |
| bottom: -1.1rem; | |
| right: 0; | |
| font-size: 0.75rem; } | |
| .view-login .login #btn-login-submit { | |
| background: var(--atum-bg-dark); | |
| color: rgba(255, 255, 255, 0.8); } | |
| .view-login .input-password-toggle { | |
| border-color: var(--atum-bg-dark-80); | |
| box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); } | |
| .view-login .login-box { | |
| background: var(--login-main-bg); | |
| box-shadow: 0 0 20px var(--atum-bg-dark); } | |
| .view-login .login-box a { | |
| color: #fff; } | |
| .view-login .form-group label span { | |
| font-size: .9rem; } | |
| @media (max-width: 575.98px) { | |
| .view-login .form-group label span { | |
| width: 100%; } } | |
| .view-login .form-group label span.text-right { | |
| color: var(--atum-special-color); | |
| font-size: .75rem; } | |
| .view-login input:focus, | |
| .view-login select:focus { | |
| box-shadow: inset 0 0 1px 1px var(--atum-contrast); | |
| background: #fff; } | |
| .view-login h1 { | |
| margin: 0; | |
| text-align: center; | |
| color: var(--atum-special-color); | |
| font-weight: bold; | |
| padding-bottom: 1rem; } | |
| @media (max-width: 575.98px) { | |
| .view-login .btn { | |
| padding: 8px 10px; | |
| font-size: 14px; } } | |
| .view-login .form-control, | |
| .view-login .custom-select { | |
| max-width: none; } | |
| @media (max-width: 767.98px) { | |
| .view-login #sidebar-wrapper { | |
| order: 2; } } | |
| .view-login #sidebar-wrapper #main-brand a { | |
| font-size: .875rem; } | |
| .view-login #sidebar-wrapper .card-header { | |
| font-size: 1.125rem; } | |
| .view-login #sidebar { | |
| color: var(--atum-text-light); | |
| width: 100%; | |
| text-align: center; | |
| align-self: flex-end; | |
| font-size: 0.875rem; } | |
| .view-login #sidebar .card { | |
| background: var(--atum-bg-dark); | |
| box-shadow: none; } | |
| .view-login #sidebar .card .module-body { | |
| padding: .75rem 1.25rem; } | |
| @media (max-width: 767.98px) { | |
| .view-login #sidebar { | |
| position: relative; | |
| bottom: 0; } } | |
| @media (max-width: 767.98px) { | |
| .view-login .container-main, | |
| .view-login .sidebar-wrapper { | |
| max-width: 100% !important; | |
| flex: 1 0 100% !important; } } | |
| @media (max-width: 767.98px) { | |
| .view-login .d-flex { | |
| flex-wrap: wrap; | |
| display: flex !important; } } | |
| .view-login .header .logo.small { | |
| line-height: 2.5rem; } | |
| label { | |
| color: var(--atum-special-color); } | |
| .com_login .sidebar-wrapper .main-brand { | |
| margin-top: 100px; | |
| color: var(--atum-text-light); | |
| text-align: center; | |
| flex: 1; | |
| flex-basis: auto; } | |
| @media (max-width: 767.98px) { | |
| .com_login .sidebar-wrapper .main-brand { | |
| margin-top: 10px; } } | |
| .com_login .sidebar-wrapper #sidebar p { | |
| margin-bottom: 0.2rem; } | |
| .com_login .sidebar-wrapper .main-brand h1, | |
| .com_login .sidebar-wrapper .main-brand a, | |
| .com_login .sidebar-wrapper #sidebar, | |
| .com_login .sidebar-wrapper #sidebar a { | |
| color: var(--atum-text-light); } | |
| @media (max-width: 767.98px) { | |
| .view-login #wrapper.d-flex { | |
| display: flex !important; } } | |
| @media (max-width: 767.98px) { | |
| .view-login #sidebar-wrapper:not(.show):not(.collapse) { | |
| display: block; } } | |
| .view-login .invalid .form-control-feedback { | |
| color: #c52827; } | |
| .modal .btn { | |
| margin-right: .5rem; | |
| background: var(--white); | |
| border-color: var(--whiteoffset); | |
| color: var(--atum-text-dark); | |
| padding: 0 22px; | |
| font-size: 1rem; | |
| line-height: 2.375rem; | |
| box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25); } | |
| .modal .btn-primary:not([href]), | |
| .modal .btn-success:not([href]), | |
| .modal .btn-danger:not([href]), | |
| .modal .btn-secondary:not([href]) { | |
| color: var(--atum-text-dark); | |
| border: 1px solid var(--atum-text-dark); | |
| background: var(--white); } | |
| .modal .btn-success:not([href]):hover { | |
| color: var(--white); | |
| background: var(--success); } | |
| .modal .btn-danger:not([href]):hover { | |
| color: var(--white); | |
| background: var(--danger); } | |
| .modal .btn.btn-danger [class*=" fa-"], | |
| .modal .btn.btn-danger [class*=" icon-"], | |
| .modal .btn.btn-danger [class^=fa-], | |
| .modal .btn.btn-danger [class^=icon-], | |
| .modal .btn.btn-danger span { | |
| background-color: var(--danger); | |
| color: rgba(255, 255, 255, 0.9); | |
| display: inline-block; | |
| width: 2.375rem; | |
| height: 100%; | |
| margin: 0 16px 0 -22px; | |
| line-height: 2.375rem; } | |
| .modal .btn.btn-success [class*=" fa-"], | |
| .modal .btn.btn-success [class*=" icon-"], | |
| .modal .btn.btn-success [class^=fa-], | |
| .modal .btn.btn-success [class^=icon-], | |
| .modal .btn.btn-success span { | |
| background-color: var(--success); | |
| color: rgba(255, 255, 255, 0.9); | |
| display: inline-block; | |
| width: 2.375rem; | |
| height: 100%; | |
| margin: 0 16px 0 -22px; | |
| line-height: 2.375rem; } | |
| .modal-header { | |
| padding: 0 15px; } | |
| .modal-header .close { | |
| width: 2.875rem; | |
| height: 2.875rem; | |
| margin-top: 0; | |
| margin-right: -15px; | |
| font-size: 2rem; | |
| line-height: 1rem; | |
| border-left: 1px solid var(--border); } | |
| .modal-body { | |
| overflow-y: auto; } | |
| .modal-title { | |
| font-weight: 400; | |
| line-height: 2.875rem; } | |
| .contentpane { | |
| padding: 15px; } | |
| .changelog { | |
| text-align: left !important; } | |
| .changelog__item { | |
| display: flex; | |
| border-bottom: 1px solid #dee2e6; } | |
| @media (max-width: 767.98px) { | |
| .changelog__item { | |
| flex-direction: column; } } | |
| .changelog__tag { | |
| flex: 1 0 180px; | |
| max-width: 180px; | |
| padding: 10px 15px; | |
| background: #f1f3f5; | |
| border-right: 1px solid #dee2e6; | |
| text-align: right; } | |
| .changelog__tag .badge { | |
| border-radius: .2rem; } | |
| .changelog__tag .badge.badge-jlanguage { | |
| background-color: #fff; } | |
| @media (max-width: 767.98px) { | |
| .changelog__tag { | |
| flex: 1 0 auto; | |
| max-width: 100%; | |
| text-align: left; | |
| border-right: 0; | |
| border-bottom: 1px solid #dee2e6; } } | |
| .changelog__list { | |
| padding: 10px 15px; } | |
| .changelog__list ul { | |
| padding-left: 15px; | |
| margin-bottom: 0; } | |
| .changelog__list li { | |
| margin-bottom: .15rem; } | |
| .changelog__list li:last-of-type { | |
| margin-bottom: 0; } | |
| .quick-icons { | |
| background-color: #fff; } | |
| .quick-icons li { | |
| padding: 0; } | |
| .quick-icons a { | |
| color: var(--atum-text-dark); | |
| width: 100%; | |
| transition: all .25s ease; } | |
| .quick-icons a:hover, .quick-icons a:focus, .quick-icons a:active { | |
| text-decoration: none; | |
| color: #fff; | |
| background: var(--atum-bg-dark); } | |
| .quick-icons a .fa, | |
| .quick-icons a .fab { | |
| font-size: 1.3rem; | |
| margin: 0 auto; } | |
| .quick-icons a .fa.big, | |
| .quick-icons a .fab.big { | |
| font-size: 2rem; } | |
| .quick-icons .quickicon-group { | |
| width: calc(33.333% - 1rem); | |
| max-width: calc(33.333% - 1rem); | |
| flex: 1 1 calc(33.333% - 1rem); | |
| padding: 0; } | |
| .quick-icons .quickicon-group > ul { | |
| padding: 0; } | |
| @media (max-width: 1350px) { | |
| .quick-icons .quickicon-group { | |
| width: calc(50% - 1rem); | |
| max-width: calc(50% - 1rem); | |
| flex: 1 1 calc(50% - 1rem); } } | |
| @media (max-width: 1150px) { | |
| .quick-icons .quickicon-group { | |
| width: calc(100% - 1rem); | |
| max-width: calc(100% - 1rem); | |
| flex: 1 1 calc(100% - 1rem); } } | |
| @media (max-width: 767.98px) { | |
| .quick-icons .quickicon-group { | |
| width: calc(50% - 1rem); | |
| max-width: calc(50% - 1rem); | |
| flex: 1 1 calc(50% - 1rem); } } | |
| @media (max-width: 430px) { | |
| .quick-icons .quickicon-group { | |
| width: calc(100% - 1rem); | |
| max-width: calc(100% - 1rem); | |
| flex: 1 1 calc(100% - 1rem); } } | |
| .quick-icons .quickicon-group .quickicon-linkadd { | |
| background-color: var(--atum-bg-light); | |
| width: 2rem; } | |
| .quick-icons .quickicon-single { | |
| width: calc(33.333% - 1rem); | |
| max-width: calc(33.333% - 1rem); | |
| flex: 1 1 calc(33.333% - 1rem); | |
| background: var(--white); } | |
| .quick-icons .quickicon-single, | |
| .quick-icons .quickicon-group { | |
| border: 1px solid #cdcdcd; | |
| margin: 0.5rem; | |
| min-height: 5.7rem; } | |
| @media (max-width: 1350px) { | |
| .quick-icons .quickicon-single, | |
| .quick-icons .quickicon-group { | |
| width: calc(50% - 1rem); | |
| max-width: calc(50% - 1rem); | |
| flex: 1 1 calc(50% - 1rem); } } | |
| @media (max-width: 1150px) { | |
| .quick-icons .quickicon-single, | |
| .quick-icons .quickicon-group { | |
| width: calc(100% - 1rem); | |
| max-width: calc(100% - 1rem); | |
| flex: 1 1 calc(100% - 1rem); } } | |
| @media (max-width: 767.98px) { | |
| .quick-icons .quickicon-single, | |
| .quick-icons .quickicon-group { | |
| width: calc(50% - 1rem); | |
| max-width: calc(50% - 1rem); | |
| flex: 1 1 calc(50% - 1rem); } } | |
| @media (max-width: 430px) { | |
| .quick-icons .quickicon-single, | |
| .quick-icons .quickicon-group { | |
| width: calc(100% - 1rem); | |
| max-width: calc(100% - 1rem); | |
| flex: 1 1 calc(100% - 1rem); } } | |
| .quick-icons .quickicon a { | |
| display: inline-flex; | |
| height: 100%; | |
| flex-direction: column; | |
| background-color: var(--toolbar-bg); | |
| line-height: 1.1; | |
| align-self: baseline; | |
| text-align: center; } | |
| .quick-icons .quickicon a > div { | |
| flex: 1 0 0; | |
| margin: 0 auto; } | |
| .quick-icons .quickicon a > div.quickicon-icon { | |
| margin: .8rem auto 0; } | |
| .quick-icons .quickicon a > div.quickicon-icon.big .fa, | |
| .quick-icons .quickicon a > div.quickicon-icon.big .fab { | |
| font-size: 2rem; } | |
| .quick-icons .quickicon a .quickicon-name { | |
| font-size: 0.875rem; | |
| padding: .2rem .2rem .6rem .2rem; } | |
| .quick-icons .quickicon a .quickicon-amount { | |
| font-size: 1rem; | |
| font-weight: 700; | |
| padding: .3rem; | |
| margin-top: .3rem !important; } | |
| .quick-icons .quickicon a .quickicon-amount > .fa-spinner { | |
| font-size: 1rem; } | |
| .quick-icons .quickicon a .quickicon-text { | |
| text-align: center; | |
| min-height: 1.2rem; | |
| padding: 0.2rem; } | |
| .quick-icons .quickicon a .j-links-link { | |
| display: block; | |
| padding: 0 1rem; | |
| line-height: 1.1; } | |
| .quick-icons .quickicon a.warning, .quick-icons .quickicon a.danger { | |
| background: #f9acaa; | |
| border: 1px solid #ba2926; } | |
| .quick-icons .quickicon a.warning .fa, | |
| .quick-icons .quickicon a.warning .fab, .quick-icons .quickicon a.danger .fa, | |
| .quick-icons .quickicon a.danger .fab { | |
| color: #3b0d0c; } | |
| .quick-icons .quickicon a.warning:hover, .quick-icons .quickicon a.warning:focus, .quick-icons .quickicon a.warning:active, .quick-icons .quickicon a.danger:hover, .quick-icons .quickicon a.danger:focus, .quick-icons .quickicon a.danger:active { | |
| background: var(--danger); | |
| color: var(--white); } | |
| .quick-icons .quickicon a.warning:hover .fa::before, | |
| .quick-icons .quickicon a.warning:hover .fab::before, .quick-icons .quickicon a.warning:focus .fa::before, | |
| .quick-icons .quickicon a.warning:focus .fab::before, .quick-icons .quickicon a.warning:active .fa::before, | |
| .quick-icons .quickicon a.warning:active .fab::before, .quick-icons .quickicon a.danger:hover .fa::before, | |
| .quick-icons .quickicon a.danger:hover .fab::before, .quick-icons .quickicon a.danger:focus .fa::before, | |
| .quick-icons .quickicon a.danger:focus .fab::before, .quick-icons .quickicon a.danger:active .fa::before, | |
| .quick-icons .quickicon a.danger:active .fab::before { | |
| color: var(--white); } | |
| .quick-icons .quickicon a.success { | |
| color: #114b0c; | |
| border: 1px solid #25a31a; } | |
| .quick-icons .quickicon a.success .fa, | |
| .quick-icons .quickicon a.success .fab { | |
| color: var(--success); } | |
| .quick-icons .quickicon a.success:hover, .quick-icons .quickicon a.success:focus, .quick-icons .quickicon a.success:active { | |
| background: var(--success); | |
| color: var(--white); } | |
| .quick-icons .quickicon a.success:hover .fa::before, | |
| .quick-icons .quickicon a.success:hover .fab::before, .quick-icons .quickicon a.success:focus .fa::before, | |
| .quick-icons .quickicon a.success:focus .fab::before, .quick-icons .quickicon a.success:active .fa::before, | |
| .quick-icons .quickicon a.success:active .fab::before { | |
| color: var(--white); } | |
| .quick-icons .quickicon a:hover, .quick-icons .quickicon a:focus, .quick-icons .quickicon a:active { | |
| text-decoration: none; | |
| color: #fff; | |
| background: var(--atum-bg-dark); } | |
| #content .menu-quicktask { | |
| position: absolute; | |
| right: 1.25rem; } | |
| @media (max-width: 991.98px) { | |
| #cpanel-modules .cpanel-quickicons .card-columns, | |
| #cpanel-modules .cpanel .card-columns { | |
| -webkit-column-count: 2; | |
| -moz-column-count: 2; | |
| column-count: 2; } } | |
| @media (max-width: 767.98px) { | |
| #cpanel-modules .cpanel-quickicons .card-columns, | |
| #cpanel-modules .cpanel .card-columns { | |
| -webkit-column-count: 1; | |
| -moz-column-count: 1; | |
| column-count: 1; } } | |
| @media (max-width: 1180px) { | |
| #wrapper.closed .quick-icons .quickicon-single, | |
| #wrapper.closed .quick-icons .quickicon-group { | |
| width: calc(50% - 1rem); | |
| max-width: calc(50% - 1rem); | |
| flex: 1 1 calc(50% - 1rem); } } | |
| @media (max-width: 950px) { | |
| #wrapper.closed .quick-icons .quickicon-single, | |
| #wrapper.closed .quick-icons .quickicon-group { | |
| width: calc(100% - 1rem); | |
| max-width: calc(100% - 1rem); | |
| flex: 1 1 calc(100% - 1rem); } } | |
| @media (max-width: 767px) { | |
| #wrapper.closed .quick-icons .quickicon-single, | |
| #wrapper.closed .quick-icons .quickicon-group { | |
| width: calc(33% - 1rem); | |
| max-width: calc(33% - 1rem); | |
| flex: 1 1 calc(33% - 1rem); } } | |
| .js-stools { | |
| position: relative; | |
| padding: 0.25rem 0 0; | |
| margin-bottom: 0.5rem; } | |
| .js-stools > div { | |
| margin-bottom: 0.5rem; } | |
| .js-stools .js-stools-container-filters { | |
| display: none; | |
| flex-direction: row; | |
| flex-wrap: wrap; | |
| padding: 1rem .5rem .5rem; | |
| margin-top: 0.5rem; | |
| margin-bottom: 1rem; | |
| background-color: #fff; | |
| border: solid var(--border); | |
| border-width: 1px 0; | |
| border-radius: 0 0 0 none; | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); | |
| width: 100%; } | |
| .js-stools .js-stools-container-filters joomla-field-fancy-select .choices, | |
| .js-stools .js-stools-container-filters .custom-select { | |
| min-width: 15rem; } | |
| .js-stools .js-stools-container-filters.js-filters-show { | |
| display: flex; } | |
| .js-stools .js-stools-container-filters .chzn-container-single { | |
| display: block; } | |
| .js-stools .js-stools-container-filters .chzn-container-single .chzn-single { | |
| display: block; | |
| font-size: 1rem; } | |
| .js-stools .js-stools-field-filter { | |
| margin: 0 .5rem .5rem; } | |
| @media (max-width: 767.98px) { | |
| .js-stools .js-stools-field-filter { | |
| width: 100%; } } | |
| .js-stools .js-stools-field-filter .custom-select.active { | |
| color: var(--white); | |
| background: var(--atum-bg-dark) url(../images/select-bg-active.svg) no-repeat right center; | |
| background-size: 116rem; } | |
| .js-stools .js-stools-field-filter .custom-select option { | |
| color: var(--atum-text-dark); | |
| background-color: var(--white); } | |
| @media (max-width: 991.98px) { | |
| .js-stools .js-stools-container-selector, | |
| .js-stools .js-stools-container-selector-first { | |
| float: none; | |
| width: 100%; | |
| margin-right: 0.5rem; } } | |
| @media (max-width: 767.98px) { | |
| .js-stools .js-stools-container-selector .js-stools-field-selector, | |
| .js-stools .js-stools-container-selector-first .js-stools-field-selector { | |
| max-width: 100%; | |
| margin-right: 0.5rem; } } | |
| .js-stools .js-stools-container-bar .btn-toolbar .js-stools-btn-filter { | |
| border: 1px solid var(--border); } | |
| .js-stools .js-stools-container-bar .btn-toolbar .js-stools-btn-clear { | |
| background-color: var(--atum-bg-dark); | |
| color: var(--atum-text-light); | |
| border: 1px solid var(--border); | |
| border-left: 1px solid var(--atum-text-light); } | |
| .js-stools .js-stools-container-bar .btn-toolbar .js-stools-btn-clear.disabled, .js-stools .js-stools-container-bar .btn-toolbar .js-stools-btn-clear:disabled { | |
| background-color: rgba(222, 226, 230, 0.8); | |
| border-color: rgba(173, 181, 189, 0.8); | |
| opacity: 1; | |
| color: var(--atum-text-dark); | |
| cursor: not-allowed; } | |
| .js-stools .js-stools-container-bar .btn-toolbar .js-stools-btn-filter { | |
| border-right: 1px solid var(--border); } | |
| .js-stools .js-stools-container-bar .btn-toolbar .js-stools-btn-filter .fa { | |
| margin-left: 0.25rem; } | |
| .js-stools .js-stools-container-bar .btn-toolbar .form-control { | |
| height: auto; } | |
| .js-stools .js-stools-container-bar .js-stools-field-list { | |
| margin-bottom: 0; } | |
| .js-stools .js-stools-container-bar .js-stools-field-list .custom-select { | |
| box-shadow: none; } | |
| .js-stools .js-stools-container-bar .input-append { | |
| margin-bottom: 0; } | |
| .js-stools-button-sort { | |
| cursor: pointer; | |
| background: none; | |
| border: 0; } | |
| #content form .name.break-word { | |
| word-break: break-word; } | |
| .wrapper { | |
| transition: all .3s ease; } | |
| @media (max-width: 767.98px) { | |
| .wrapper { | |
| padding-left: 0; } } | |
| .wrapper.closed a.btn-dashboard { | |
| display: none; } | |
| .wrapper.closed .main-nav { | |
| max-width: 3rem; } | |
| .wrapper.closed .menu-dashboard { | |
| display: none; } | |
| .sidebar-wrapper { | |
| position: relative; | |
| top: 0; | |
| z-index: 1000; | |
| background-color: var(--atum-bg-dark); | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); | |
| overflow: hidden; } | |
| @media (min-width: 576px) { | |
| .sidebar-wrapper { | |
| display: flex; | |
| flex-direction: column; | |
| flex: 1 0 18rem; | |
| max-width: 18rem; | |
| transition: all .3s ease; } } | |
| @media (max-width: 575.98px) { | |
| .sidebar-wrapper.sidebar-menu { | |
| /*height: 0;*/ | |
| bottom: 0; | |
| top: auto; } | |
| .sidebar-wrapper:not(.sidebar-menu) { | |
| display: flex; | |
| flex-direction: column; | |
| flex: 1 0 18rem; | |
| max-width: 18rem; | |
| transition: all .3s ease; } } | |
| .sidebar-wrapper .main-brand { | |
| padding: 15px; | |
| margin-top: auto; } | |
| .view-login .sidebar-wrapper { | |
| flex: 1 0 33%; | |
| max-width: 28.75rem; } | |
| .view-login .sidebar-wrapper.transit-narrow { | |
| flex: 1 0 18rem; | |
| transition: flex 3s; } | |
| @media (max-width: 767.98px) { | |
| .view-login .sidebar-wrapper.transit-narrow { | |
| -webkit-animation: fadeout 1s; | |
| animation: fadeout 1s; | |
| opacity: 0; } | |
| @-webkit-keyframes fadeout { | |
| from { | |
| opacity: 1; } | |
| to { | |
| opacity: 0; } } | |
| @keyframes fadeout { | |
| from { | |
| opacity: 1; } | |
| to { | |
| opacity: 0; } } } | |
| .view-login .sidebar-wrapper.transit-narrow-closed { | |
| flex: 1 0 3rem; | |
| transition: flex 3s; } | |
| @media (max-width: 767.98px) { | |
| .view-login .sidebar-wrapper.transit-narrow-closed { | |
| -webkit-animation: fadeout 1s; | |
| animation: fadeout 1s; | |
| opacity: 0; } | |
| @-webkit-keyframes fadeout { | |
| from { | |
| opacity: 1; } | |
| to { | |
| opacity: 0; } } | |
| @keyframes fadeout { | |
| from { | |
| opacity: 1; } | |
| to { | |
| opacity: 0; } } } | |
| .sidebar-wrapper.transit-wider { | |
| flex: 1 0 33%; | |
| max-width: 28.75rem; | |
| transition: all 3s; } | |
| @media (max-width: 767.98px) { | |
| .sidebar-wrapper.transit-wider { | |
| -webkit-animation: fadein 1s; | |
| animation: fadein 1s; } | |
| @-webkit-keyframes fadein { | |
| from { | |
| opacity: 0; } | |
| to { | |
| opacity: 1; } } | |
| @keyframes fadein { | |
| from { | |
| opacity: 0; } | |
| to { | |
| opacity: 1; } } } | |
| .sidebar-wrapper .sidebar-toggle { | |
| position: relative; | |
| background: var(--atum-bg-dark-50); } | |
| .sidebar-wrapper .sidebar-toggle a { | |
| display: block; | |
| padding: 0 0.35rem; | |
| position: relative; | |
| color: var(--atum-text-light); | |
| height: 3.2rem; | |
| line-height: 3.2rem; | |
| overflow: hidden; } | |
| .sidebar-wrapper .sidebar-toggle a:hover { | |
| text-decoration: none; } | |
| .sidebar-wrapper .card { | |
| background: var(--atum-bg-dark); | |
| box-shadow: none; } | |
| .menu-toggle-icon { | |
| width: 3.5rem; | |
| font-size: 1.7rem; } | |
| .main-nav { | |
| width: 18rem; | |
| opacity: 1; } | |
| @media (max-width: 575.98px) { | |
| .main-nav { | |
| width: 100%; } } | |
| .main-nav .open > a { | |
| box-shadow: 0 2px 4px -4px rgba(0, 0, 0, 0.5); } | |
| .main-nav li { | |
| color: var(--atum-text-light); | |
| list-style-type: none; | |
| position: relative; | |
| display: flex; | |
| flex-wrap: wrap; } | |
| .main-nav li > a { | |
| flex-grow: 2; } | |
| .main-nav li .menu-dashboard, .main-nav li .menu-quicktask { | |
| position: relative; | |
| display: inline-block; } | |
| .main-nav li .menu-dashboard > a, .main-nav li .menu-quicktask > a { | |
| padding: 0; | |
| display: inline-block; | |
| height: 100%; } | |
| .main-nav li .menu-dashboard > a > .fa, .main-nav li .menu-quicktask > a > .fa { | |
| display: flex; | |
| padding: 1rem; | |
| align-items: center; | |
| margin: 0; } | |
| .main-nav li .menu-dashboard > a:hover, .main-nav li .menu-dashboard > a.mm-active, .main-nav li .menu-quicktask > a:hover, .main-nav li .menu-quicktask > a.mm-active { | |
| background-color: var(--atum-bg-dark-70); } | |
| .main-nav li .menu-dashboard > a:hover .fa, .main-nav li .menu-dashboard > a.mm-active .fa, .main-nav li .menu-quicktask > a:hover .fa, .main-nav li .menu-quicktask > a.mm-active .fa { | |
| color: var(--atum-contrast); } | |
| .main-nav li .menu-dashboard::before, .main-nav li .menu-quicktask::before { | |
| background-image: none; | |
| width: 0; } | |
| .main-nav li li .menu-dashboard > a.mm-active, .main-nav li li .menu-quicktask > a.mm-active { | |
| background-color: var(--atum-bg-dark-80); } | |
| .main-nav li li .menu-dashboard > a.mm-active::before, .main-nav li li .menu-quicktask > a.mm-active::before { | |
| display: none; } | |
| .main-nav li .menu-dashboard a .fa { | |
| align-items: flex-start; } | |
| .main-nav span.fa { | |
| padding: 1rem 0; } | |
| .main-nav .sidebar-item-title { | |
| word-break: break-word; | |
| padding: 0.6rem 0; } | |
| @media (min-width: 576px) { | |
| .main-nav .sidebar-item-title { | |
| max-width: 11rem !important; | |
| display: inline-block; } } | |
| @media (max-width: 575.98px) { | |
| .main-nav .sidebar-item-title { | |
| max-width: 60vw !important; | |
| display: inline-block; } } | |
| .main-nav a { | |
| position: relative; | |
| color: var(--atum-text-light); } | |
| .main-nav a:hover { | |
| color: var(--atum-text-light); | |
| text-decoration: none; } | |
| .main-nav > li > ul { | |
| background-color: var(--atum-bg-dark-70); } | |
| .main-nav > li > a { | |
| display: block; | |
| padding: 0 0.35rem; } | |
| .main-nav > li > a:hover { | |
| background-color: var(--atum-bg-dark-80); | |
| text-decoration: none; } | |
| .main-nav > li.mm-active { | |
| box-shadow: 0 0 6px -6px rgba(0, 0, 0, 0.8); } | |
| .main-nav ul { | |
| padding: 0; | |
| background-color: var(--atum-bg-dark-70); | |
| width: 100%; } | |
| .main-nav ul li { | |
| position: relative; | |
| display: flex; } | |
| .main-nav ul li.mm-active { | |
| box-shadow: 0 0 6px -6px rgba(0, 0, 0, 0.8); } | |
| .main-nav ul a { | |
| display: block; | |
| padding: 0 1rem 0 2.4rem; | |
| color: var(--atum-text-light); | |
| font-size: 0.9rem; } | |
| .main-nav ul a[href]:hover:not(.menu-dashboard):not(.menu-quicktask) { | |
| color: #fff; | |
| background-color: rgba(0, 0, 0, 0.4); } | |
| .main-nav ul a.mm-active { | |
| color: #fff; | |
| background-color: var(--atum-bg-dark-80); } | |
| .main-nav ul a.mm-active::before { | |
| position: absolute; | |
| top: 0.15rem; | |
| bottom: 0.15rem; | |
| left: 0; | |
| width: 0.25rem; | |
| content: ""; | |
| background-color: var(--atum-contrast); } | |
| .main-nav ul ul { | |
| background-color: var(--atum-bg-dark-80); } | |
| .main-nav ul ul a { | |
| padding-left: 3rem; } | |
| .main-nav ul ul a.mm-active { | |
| color: #fff; | |
| background-color: var(--atum-bg-dark-90); | |
| box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.5); } | |
| .main-nav ul ul a.mm-active::before { | |
| position: absolute; | |
| top: 0.15rem; | |
| bottom: 0.15rem; | |
| left: 0; | |
| width: 0.275rem; | |
| content: ""; | |
| background-color: var(--atum-contrast); } | |
| .main-nav ul ul a::before { | |
| left: 1.25rem; } | |
| .main-nav ul ul ul { | |
| background-color: var(--atum-bg-dark-90); } | |
| .main-nav .divider, | |
| .main-nav .menuitem-group { | |
| list-style: none; } | |
| .main-nav .divider a::before, | |
| .main-nav .menuitem-group a::before { | |
| display: none; } | |
| .main-nav .divider { | |
| height: 1px; | |
| margin: 4px 18px; | |
| background-color: var(--atum-bg-dark-40); | |
| opacity: .7; } | |
| .main-nav .menuitem-group { | |
| margin-top: 0.65rem; | |
| font-size: .75rem; | |
| padding-left: 2.4rem; } | |
| [dir=rtl] .main-nav .menuitem-group { | |
| padding-left: 0; | |
| padding-right: 2.4rem; } | |
| .main-nav .home-image { | |
| padding: 0 0.4rem 0; } | |
| .main-nav .mm-collapse { | |
| display: none; } | |
| .main-nav .mm-collapse.mm-collapsed, .main-nav .mm-collapse.mm-show { | |
| display: block; } | |
| .main-nav .mm-collapsing { | |
| position: relative; | |
| height: 0; | |
| overflow: hidden; | |
| transition-timing-function: ease; | |
| transition-duration: .35s; | |
| transition-property: height, visibility; } | |
| .main-nav .has-arrow::after { | |
| position: absolute; | |
| top: 0.8rem; | |
| right: 1.4rem; | |
| width: .5rem; | |
| height: .5rem; | |
| color: var(--atum-text-light); | |
| content: "\f054"; | |
| font-weight: 900; | |
| font-family: "Font Awesome 5 Free"; | |
| transition: all .3s ease-out; } | |
| .main-nav .mm-active > .has-arrow::after { | |
| filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; | |
| -webkit-transform: rotate(90deg); | |
| transform: rotate(90deg); | |
| -webkit-transform-origin: 0.4rem 0.7rem; | |
| transform-origin: 0.4rem 0.7rem; } | |
| .main-nav .fa { | |
| position: relative; | |
| display: inline-block; | |
| margin: 0 0.6rem; | |
| font-size: 0.8rem; | |
| text-align: center; | |
| vertical-align: top; | |
| transition: all .2s ease-in-out; } | |
| .sidebar-toggle .fa { | |
| position: relative; | |
| top: -1px; | |
| display: inline-block; | |
| margin: 0 0.3rem; | |
| font-size: 1.1rem; | |
| text-align: center; | |
| vertical-align: middle; } | |
| .closed .main-nav span.fa { | |
| -webkit-transform: scale(1.3); | |
| transform: scale(1.3); | |
| transition: all .2s ease-in-out; } | |
| .closed .sidebar-wrapper { | |
| flex: 1 0 3rem; | |
| max-width: 3rem; } | |
| .closed .sidebar-wrapper.transit-wider-closed { | |
| flex: 1 0 33%; | |
| max-width: 28.75rem; | |
| transition: flex 3s; } | |
| @media (max-width: 767.98px) { | |
| .closed .sidebar-wrapper.transit-wider-closed { | |
| -webkit-animation: fadein 1s; | |
| animation: fadein 1s; } | |
| @-webkit-keyframes fadein { | |
| from { | |
| opacity: 0; } | |
| to { | |
| opacity: 1; } } | |
| @keyframes fadein { | |
| from { | |
| opacity: 0; } | |
| to { | |
| opacity: 1; } } } | |
| .closed .sidebar-item-title, | |
| .closed .has-arrow::after { | |
| display: none; } | |
| .closed .main-nav > li > ul { | |
| height: 0; | |
| padding: 0; | |
| visibility: hidden; } | |
| @media (min-width: 576px) { | |
| button.toggler-burger { | |
| display: none; } } | |
| @media (max-width: 575.98px) { | |
| #menu-collapse { | |
| display: none; | |
| background: var(--atum-bg-dark-50); } | |
| .toggler-burger { | |
| display: block; | |
| width: 70px; | |
| height: 70px; | |
| background: var(--atum-link-color); | |
| border-radius: 40px; | |
| border: 8px solid var(--atum-bg-light); | |
| position: fixed; | |
| bottom: 20px; | |
| right: 10px; | |
| z-index: 9999; } | |
| .toggler-burger .navbar-toggler-icon { | |
| color: var(--toggle-color); } | |
| .toggler-burger .navbar-toggler-icon::before { | |
| font: normal normal normal 30px/1 'Font Awesome 5 Free'; | |
| content: "\f00d"; | |
| color: var(--toggle-color); } | |
| .toggler-burger.mm-collapsed .navbar-toggler-icon::before { | |
| content: "\f0c9"; } | |
| .sidebar-menu.show { | |
| /* overflow-y: hidden;*/ | |
| max-height: 100vh; | |
| transition-property: all; | |
| transition-duration: 1s; | |
| transition-timing-function: cubic-bezier(0, 1, 0.5, 1); | |
| bottom: 55px; | |
| position: fixed; | |
| width: 100%; | |
| z-index: 9000; | |
| display: flex; | |
| flex-direction: column; } | |
| .sidebar-menu.show #sidebarmenu { | |
| overflow-y: scroll; } | |
| .sidebar-menu:not(.show) { | |
| max-height: 0; } | |
| #sidebar-wrapper:not(.show):not(.mm-collapse) { | |
| display: none; } } | |
| #menu-collapse-icon { | |
| font-size: 0.9rem; | |
| margin-right: 0.6rem; | |
| padding: 0.3rem; } | |
| .sidebar-nav ul { | |
| padding-left: .5rem; } | |
| .sidebar-nav li { | |
| margin-bottom: .5rem; | |
| font-size: .9rem; | |
| font-weight: 700; } | |
| .sidebar-nav li.nav-header { | |
| padding: .5rem 0 .2rem; | |
| margin-bottom: .2rem; | |
| font-size: .9rem; | |
| color: var(--atum-text-dark); | |
| border-bottom: 1px solid #cdcdcd; } | |
| .sidebar-nav li.divider { | |
| margin: .3rem 0; } | |
| .sidebar-nav li a { | |
| color: var(--atum-link-color); } | |
| joomla-toolbar-button { | |
| border: 1px solid var(--border); } | |
| .toggle-toolbar { | |
| display: block; } | |
| .subhead { | |
| position: -webkit-sticky; | |
| position: sticky; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| z-index: 1010; | |
| width: auto; | |
| min-height: 43px; | |
| padding: 13px 0; | |
| color: var(--atum-text-dark); } | |
| .subhead .row { | |
| margin-right: 0; | |
| margin-left: 0; } | |
| .subhead .btn-toolbar { | |
| margin-bottom: 0; } | |
| .subhead .btn-toolbar > joomla-toolbar-button, | |
| .subhead .btn-toolbar > .btn-group { | |
| margin-left: .75rem; } | |
| .subhead .btn-toolbar > joomla-toolbar-button:first-child, | |
| .subhead .btn-toolbar > .btn-group:first-child { | |
| margin-left: 0; } | |
| .subhead .btn { | |
| background: #fff; | |
| border-color: #adb5bd; | |
| color: var(--atum-text-dark); | |
| padding: 0 1.625rem; | |
| font-size: 1rem; | |
| line-height: 2.45rem; | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); | |
| border: 0; } | |
| .subhead .btn [class^='icon-'], | |
| .subhead .btn [class*=' icon-'], | |
| .subhead .btn [class^='fa-'], | |
| .subhead .btn [class*=' fa-'] { | |
| z-index: -1; | |
| display: inline-block; | |
| width: 2.438rem; | |
| height: 100%; | |
| margin: 0 1rem 0 -1.625rem; | |
| line-height: 2.45rem; | |
| color: var(--white); } | |
| .subhead .btn.btn-success { | |
| background-color: #fff; } | |
| .subhead .btn.btn-success [class^='icon-'], | |
| .subhead .btn.btn-success [class*=' icon-'], | |
| .subhead .btn.btn-success [class^='fa-'], | |
| .subhead .btn.btn-success [class*=' fa-'], | |
| .subhead .btn.btn-success span { | |
| background-color: #286a2b; | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-success:hover, .subhead .btn.btn-success:active, .subhead .btn.btn-success:focus { | |
| color: rgba(255, 255, 255, 0.9); | |
| background-color: #2f7d32; } | |
| .subhead .btn.btn-success:hover [class^='icon-'], | |
| .subhead .btn.btn-success:hover [class*=' icon-'], | |
| .subhead .btn.btn-success:hover [class^='fa-'], | |
| .subhead .btn.btn-success:hover [class*=' fa-'], | |
| .subhead .btn.btn-success:hover span, .subhead .btn.btn-success:active [class^='icon-'], | |
| .subhead .btn.btn-success:active [class*=' icon-'], | |
| .subhead .btn.btn-success:active [class^='fa-'], | |
| .subhead .btn.btn-success:active [class*=' fa-'], | |
| .subhead .btn.btn-success:active span, .subhead .btn.btn-success:focus [class^='icon-'], | |
| .subhead .btn.btn-success:focus [class*=' icon-'], | |
| .subhead .btn.btn-success:focus [class^='fa-'], | |
| .subhead .btn.btn-success:focus [class*=' fa-'], | |
| .subhead .btn.btn-success:focus span { | |
| background-color: #215823; | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-danger { | |
| background-color: #fff; } | |
| .subhead .btn.btn-danger [class^='icon-'], | |
| .subhead .btn.btn-danger [class*=' icon-'], | |
| .subhead .btn.btn-danger [class^='fa-'], | |
| .subhead .btn.btn-danger [class*=' fa-'], | |
| .subhead .btn.btn-danger span { | |
| background-color: #b02423; | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-danger:hover, .subhead .btn.btn-danger:active, .subhead .btn.btn-danger:focus { | |
| color: rgba(255, 255, 255, 0.9); | |
| background-color: #c52827; } | |
| .subhead .btn.btn-danger:hover [class^='icon-'], | |
| .subhead .btn.btn-danger:hover [class*=' icon-'], | |
| .subhead .btn.btn-danger:hover [class^='fa-'], | |
| .subhead .btn.btn-danger:hover [class*=' fa-'], | |
| .subhead .btn.btn-danger:hover span, .subhead .btn.btn-danger:active [class^='icon-'], | |
| .subhead .btn.btn-danger:active [class*=' icon-'], | |
| .subhead .btn.btn-danger:active [class^='fa-'], | |
| .subhead .btn.btn-danger:active [class*=' fa-'], | |
| .subhead .btn.btn-danger:active span, .subhead .btn.btn-danger:focus [class^='icon-'], | |
| .subhead .btn.btn-danger:focus [class*=' icon-'], | |
| .subhead .btn.btn-danger:focus [class^='fa-'], | |
| .subhead .btn.btn-danger:focus [class*=' fa-'], | |
| .subhead .btn.btn-danger:focus span { | |
| background-color: #9a1f1f; | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-primary { | |
| background-color: #fff; } | |
| .subhead .btn.btn-primary [class^='icon-'], | |
| .subhead .btn.btn-primary [class*=' icon-'], | |
| .subhead .btn.btn-primary [class^='fa-'], | |
| .subhead .btn.btn-primary [class*=' fa-'], | |
| .subhead .btn.btn-primary span { | |
| background-color: var(--atum-bg-dark-70); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-primary:hover, .subhead .btn.btn-primary:active, .subhead .btn.btn-primary:focus { | |
| color: rgba(255, 255, 255, 0.9); | |
| background-color: var(--atum-bg-dark); } | |
| .subhead .btn.btn-primary:hover [class^='icon-'], | |
| .subhead .btn.btn-primary:hover [class*=' icon-'], | |
| .subhead .btn.btn-primary:hover [class^='fa-'], | |
| .subhead .btn.btn-primary:hover [class*=' fa-'], | |
| .subhead .btn.btn-primary:hover span, .subhead .btn.btn-primary:active [class^='icon-'], | |
| .subhead .btn.btn-primary:active [class*=' icon-'], | |
| .subhead .btn.btn-primary:active [class^='fa-'], | |
| .subhead .btn.btn-primary:active [class*=' fa-'], | |
| .subhead .btn.btn-primary:active span, .subhead .btn.btn-primary:focus [class^='icon-'], | |
| .subhead .btn.btn-primary:focus [class*=' icon-'], | |
| .subhead .btn.btn-primary:focus [class^='fa-'], | |
| .subhead .btn.btn-primary:focus [class*=' fa-'], | |
| .subhead .btn.btn-primary:focus span { | |
| background-color: var(--atum-bg-dark-80); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-secondary [class^='icon-download'] { | |
| background-color: var(--atum-bg-dark-70); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-secondary:hover [class^='icon-download'], .subhead .btn.btn-secondary:active [class^='icon-download'], .subhead .btn.btn-secondary:focus [class^='icon-download'] { | |
| background-color: var(--atum-bg-dark-80); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-info { | |
| background-color: #fff; } | |
| .subhead .btn.btn-info [class^='icon-'], | |
| .subhead .btn.btn-info [class*=' icon-'], | |
| .subhead .btn.btn-info [class^='fa-'], | |
| .subhead .btn.btn-info [class*=' fa-'], | |
| .subhead .btn.btn-info span { | |
| background-color: var(--atum-bg-dark-70); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-info:hover, .subhead .btn.btn-info:active, .subhead .btn.btn-info:focus { | |
| color: rgba(255, 255, 255, 0.9); | |
| background-color: var(--atum-bg-dark); } | |
| .subhead .btn.btn-info:hover [class^='icon-'], | |
| .subhead .btn.btn-info:hover [class*=' icon-'], | |
| .subhead .btn.btn-info:hover [class^='fa-'], | |
| .subhead .btn.btn-info:hover [class*=' fa-'], | |
| .subhead .btn.btn-info:hover span, .subhead .btn.btn-info:active [class^='icon-'], | |
| .subhead .btn.btn-info:active [class*=' icon-'], | |
| .subhead .btn.btn-info:active [class^='fa-'], | |
| .subhead .btn.btn-info:active [class*=' fa-'], | |
| .subhead .btn.btn-info:active span, .subhead .btn.btn-info:focus [class^='icon-'], | |
| .subhead .btn.btn-info:focus [class*=' icon-'], | |
| .subhead .btn.btn-info:focus [class^='fa-'], | |
| .subhead .btn.btn-info:focus [class*=' fa-'], | |
| .subhead .btn.btn-info:focus span { | |
| background-color: var(--atum-bg-dark-80); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-action { | |
| background-color: #fff; } | |
| .subhead .btn.btn-action [class^='icon-'], | |
| .subhead .btn.btn-action [class*=' icon-'], | |
| .subhead .btn.btn-action [class^='fa-'], | |
| .subhead .btn.btn-action [class*=' fa-'], | |
| .subhead .btn.btn-action span { | |
| background-color: var(--atum-bg-dark-70); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn.btn-action:hover, .subhead .btn.btn-action:active, .subhead .btn.btn-action:focus { | |
| color: rgba(255, 255, 255, 0.9); | |
| background-color: var(--atum-bg-dark); } | |
| .subhead .btn.btn-action:hover [class^='icon-'], | |
| .subhead .btn.btn-action:hover [class*=' icon-'], | |
| .subhead .btn.btn-action:hover [class^='fa-'], | |
| .subhead .btn.btn-action:hover [class*=' fa-'], | |
| .subhead .btn.btn-action:hover span, .subhead .btn.btn-action:active [class^='icon-'], | |
| .subhead .btn.btn-action:active [class*=' icon-'], | |
| .subhead .btn.btn-action:active [class^='fa-'], | |
| .subhead .btn.btn-action:active [class*=' fa-'], | |
| .subhead .btn.btn-action:active span, .subhead .btn.btn-action:focus [class^='icon-'], | |
| .subhead .btn.btn-action:focus [class*=' icon-'], | |
| .subhead .btn.btn-action:focus [class^='fa-'], | |
| .subhead .btn.btn-action:focus [class*=' fa-'], | |
| .subhead .btn.btn-action:focus span { | |
| background-color: var(--atum-bg-dark-80); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .btn[disabled], .subhead .btn.dropdown-toggle[disabled] { | |
| background-color: rgba(222, 226, 230, 0.8); | |
| border-color: rgba(173, 181, 189, 0.8); } | |
| .subhead .btn[disabled] [class^='icon-'], | |
| .subhead .btn[disabled] [class*=' icon-'], | |
| .subhead .btn[disabled] [class^='fa-'], | |
| .subhead .btn[disabled] [class*=' fa-'], | |
| .subhead .btn[disabled] span, .subhead .btn.dropdown-toggle[disabled] [class^='icon-'], | |
| .subhead .btn.dropdown-toggle[disabled] [class*=' icon-'], | |
| .subhead .btn.dropdown-toggle[disabled] [class^='fa-'], | |
| .subhead .btn.dropdown-toggle[disabled] [class*=' fa-'], | |
| .subhead .btn.dropdown-toggle[disabled] span { | |
| color: var(--atum-text-dark); | |
| background-color: rgba(173, 181, 189, 0.8); } | |
| .subhead .btn[disabled]:hover, .subhead .btn[disabled]:active, .subhead .btn[disabled]:focus, .subhead .btn.dropdown-toggle[disabled]:hover, .subhead .btn.dropdown-toggle[disabled]:active, .subhead .btn.dropdown-toggle[disabled]:focus { | |
| background-color: rgba(222, 226, 230, 0.8); | |
| cursor: not-allowed; | |
| color: var(--atum-text-dark); } | |
| .subhead .btn[disabled]:hover [class^='icon-'], | |
| .subhead .btn[disabled]:hover [class*=' icon-'], | |
| .subhead .btn[disabled]:hover [class^='fa-'], | |
| .subhead .btn[disabled]:hover [class*=' fa-'], | |
| .subhead .btn[disabled]:hover span, .subhead .btn[disabled]:active [class^='icon-'], | |
| .subhead .btn[disabled]:active [class*=' icon-'], | |
| .subhead .btn[disabled]:active [class^='fa-'], | |
| .subhead .btn[disabled]:active [class*=' fa-'], | |
| .subhead .btn[disabled]:active span, .subhead .btn[disabled]:focus [class^='icon-'], | |
| .subhead .btn[disabled]:focus [class*=' icon-'], | |
| .subhead .btn[disabled]:focus [class^='fa-'], | |
| .subhead .btn[disabled]:focus [class*=' fa-'], | |
| .subhead .btn[disabled]:focus span, .subhead .btn.dropdown-toggle[disabled]:hover [class^='icon-'], | |
| .subhead .btn.dropdown-toggle[disabled]:hover [class*=' icon-'], | |
| .subhead .btn.dropdown-toggle[disabled]:hover [class^='fa-'], | |
| .subhead .btn.dropdown-toggle[disabled]:hover [class*=' fa-'], | |
| .subhead .btn.dropdown-toggle[disabled]:hover span, .subhead .btn.dropdown-toggle[disabled]:active [class^='icon-'], | |
| .subhead .btn.dropdown-toggle[disabled]:active [class*=' icon-'], | |
| .subhead .btn.dropdown-toggle[disabled]:active [class^='fa-'], | |
| .subhead .btn.dropdown-toggle[disabled]:active [class*=' fa-'], | |
| .subhead .btn.dropdown-toggle[disabled]:active span, .subhead .btn.dropdown-toggle[disabled]:focus [class^='icon-'], | |
| .subhead .btn.dropdown-toggle[disabled]:focus [class*=' icon-'], | |
| .subhead .btn.dropdown-toggle[disabled]:focus [class^='fa-'], | |
| .subhead .btn.dropdown-toggle[disabled]:focus [class*=' fa-'], | |
| .subhead .btn.dropdown-toggle[disabled]:focus span { | |
| color: var(--atum-text-dark); | |
| background-color: rgba(173, 181, 189, 0.8); } | |
| .subhead .btn.disabled, .subhead .btn:disabled { | |
| opacity: 1; } | |
| .subhead .dropdown-item:hover:not(.disabled) { | |
| color: #212529; | |
| cursor: pointer; } | |
| .subhead .dropdown-toggle.btn { | |
| color: var(--atum-text-dark); } | |
| .subhead .dropdown-toggle.btn span { | |
| background-color: var(--atum-bg-dark); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .dropdown-toggle.btn-primary span { | |
| background-color: var(--atum-bg-dark); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .dropdown-toggle.btn-success { | |
| background-color: #fff; | |
| padding: 0; } | |
| .subhead .dropdown-toggle.btn-success span { | |
| background-color: #2f7d32; | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .dropdown-toggle.btn-success::after { | |
| border: 1px solid var(--border); | |
| content: '\f078'; | |
| font-family: 'Font Awesome 5 Free'; | |
| vertical-align: middle; | |
| width: 2.375rem; } | |
| .subhead .dropdown-toggle.btn-info { | |
| background-color: #0c616e; } | |
| .subhead .dropdown-toggle.btn-danger { | |
| background-color: #a32120; } | |
| .subhead .dropdown-toggle.btn-action { | |
| background-color: #fff; } | |
| .subhead .dropdown-toggle.btn-action [class^='icon-'], | |
| .subhead .dropdown-toggle.btn-action [class*=' icon-'], | |
| .subhead .dropdown-toggle.btn-action [class^='fa-'], | |
| .subhead .dropdown-toggle.btn-action [class*=' fa-'] { | |
| background-color: var(--atum-bg-dark); | |
| color: rgba(255, 255, 255, 0.9); } | |
| .subhead .dropdown-toggle.btn-action:hover:not([disabled]) { | |
| background-color: var(--atum-bg-dark-80); } | |
| .subhead .dropdown-toggle.btn-action::after { | |
| border: none; | |
| content: '\f078'; | |
| font-family: 'Font Awesome 5 Free'; | |
| height: 100%; | |
| margin: 0 -1.625rem 0 1rem; | |
| vertical-align: 0; | |
| width: 2.375rem; | |
| line-height: 2.375rem; } | |
| .subhead .dropdown-toggle::after { | |
| line-height: 2.4rem; } | |
| @media (max-width: 1199.98px) { | |
| .btn-toolbar > joomla-toolbar-button, | |
| .btn-toolbar > .btn-group { | |
| margin-left: 0 !important; | |
| margin-right: 0.75rem; | |
| margin-bottom: 0.75rem; } } | |
| @media (max-width: 1199.98px) { | |
| .js-stools { | |
| justify-content: flex-start; } | |
| .js-stools .js-stools-container-bar .btn-toolbar { | |
| justify-content: flex-start; } } | |
| @media (max-width: 575.98px) { | |
| .js-stools { | |
| display: block; } } | |
| @media (max-width: 575.98px) and (max-width: 767.98px) { | |
| .js-stools .joomla-toolbar-button, | |
| .js-stools .btn-group, | |
| .js-stools .input-group, | |
| .js-stools .ordering-select, | |
| .js-stools .js-stools-field-list, | |
| .js-stools .js-stools-container-selector { | |
| width: 100%; } } | |
| @media (max-width: 575.98px) { | |
| .js-stools .ordering-select, | |
| .js-stools .js-stools-container-selector { | |
| margin-right: .5rem; } } | |
| @media (max-width: 575.98px) and (max-width: 767.98px) { | |
| .js-stools .btn-group { | |
| margin-right: 0; } } | |
| @media (max-width: 575.98px) and (max-width: 767.98px) { | |
| .js-stools .js-stools-container-bar .js-stools-field-list { | |
| margin-bottom: .75rem; } } | |
| @media (max-width: 575.98px) and (max-width: 767.98px) { | |
| .js-stools .js-stools-btn-filter { | |
| width: 75%; } } | |
| .treeselect { | |
| display: block; | |
| padding-left: 0; | |
| list-style: none; } | |
| .treeselect .nav-header { | |
| font-weight: 700; | |
| color: #212529; } | |
| .treeselect li { | |
| position: relative; | |
| display: block; | |
| line-height: 2.2rem; | |
| list-style: none; } | |
| .treeselect li::before { | |
| position: absolute; | |
| top: 14px; | |
| left: 25px; | |
| width: 10px; | |
| height: 1px; | |
| margin: auto; | |
| content: ""; | |
| background-color: rgba(0, 0, 0, 0.2); } | |
| [dir=rtl] .treeselect li::before { | |
| left: 0; | |
| right: 25px; } | |
| .treeselect li::after { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 25px; | |
| width: 1px; | |
| height: 100%; | |
| content: ""; | |
| background-color: rgba(0, 0, 0, 0.2); } | |
| [dir=rtl] .treeselect li::after { | |
| left: 0; | |
| right: 25px; } | |
| .treeselect li:last-child::after { | |
| height: 14px; } | |
| .treeselect li li { | |
| padding-left: 40px; } | |
| .treeselect > li::before, | |
| .treeselect > li::after { | |
| display: none; } | |
| .treeselect .icon- { | |
| display: none; } | |
| .treeselect .treeselect-toggle { | |
| display: inline-block; | |
| padding: 0; | |
| margin-right: .1rem; | |
| text-align: center; | |
| cursor: pointer; } | |
| .treeselect .treeselect-menu { | |
| display: inline-block; } | |
| .treeselect .treeselect-item { | |
| display: inline-block; } | |
| .treeselect .treeselect-item input { | |
| position: relative; | |
| top: 1px; | |
| margin-right: .2rem; } | |
| .treeselect .treeselect-item label { | |
| margin-bottom: 0; } | |
| .treeselect .dropdown-toggle { | |
| padding: 0 .5rem .3rem; | |
| margin-left: .5rem; } | |
| .treeselect .dropdown-toggle::after { | |
| margin-left: 0; | |
| font-size: 1rem; | |
| color: var(--atum-text-dark); } | |
| .treeselect-sub { | |
| padding-left: 0; } | |
| .tree-holder ul ul li::before, | |
| .tree-holder ul ul li::after { | |
| left: 8px; | |
| display: block; } | |
| [dir=rtl] .tree-holder ul ul li::before, [dir=rtl] | |
| .tree-holder ul ul li::after { | |
| left: 0; | |
| right: 8px; | |
| margin: 0; } | |
| .tree-holder ul ul li::before { | |
| top: 12px; } | |
| .tree-holder ul ul li:last-child::after { | |
| height: 12px; } | |
| .tree-holder li { | |
| line-height: 1.8rem; } | |
| .tree-holder li li { | |
| padding-left: 20px; } | |
| [dir=rtl] .tree-holder li li { | |
| padding-left: 0; | |
| padding-right: 20px; } | |
| .element-invisible { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| padding: 0; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| white-space: nowrap; | |
| border: 0; | |
| -webkit-clip-path: inset(50%); | |
| clip-path: inset(50%); } | |
| .hidden { | |
| display: none; | |
| visibility: hidden; } | |
| .CodeMirror-fullscreen { | |
| top: 63px; } | |
| .gu-mirror { | |
| position: fixed !important; | |
| z-index: 1060 !important; | |
| margin: 0 !important; | |
| cursor: move; | |
| background-color: #20c997; | |
| opacity: .8; } | |
| .gu-mirror.table { | |
| display: table; } | |
| .gu-mirror.table td { | |
| display: table-cell; } | |
| .js-draggable .sortable-handler { | |
| cursor: move; } | |
| .editor .toggle-editor { | |
| margin-top: 1rem; } | |
| .editor .mce-tinymce { | |
| border: 1px solid var(--atum-bg-dark); } | |
| .editor .mce-btn, | |
| .editor .mce-panel { | |
| background: var(--white-offset); } | |
| .container-main .mce-panel { | |
| border: 0; | |
| background: transparent; | |
| box-shadow: none; } | |
| .container-main .mce-top-part { | |
| margin-bottom: 1rem; } | |
| .container-main .mce-top-part::before { | |
| box-shadow: none; } | |
| .container-main .mce-menubar .mce-menubtn { | |
| background-color: #fff; } | |
| .container-main .mce-flow-layout-item { | |
| margin: 2px 8px 2px 0px; } | |
| .container-main .mce-btn-group:not(:first-child) { | |
| margin-left: 0; | |
| margin-right: 6px; } | |
| .container-main .mce-btn-group .mce-btn { | |
| margin: 0 1px 0 0; } | |
| .container-main .mce-statusbar .mce-container-body { | |
| background-color: #fff; | |
| border-top: var(--atum-bg-light) 1px solid; } | |
| .sysinfo .table { | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); } | |
| .sysinfo .table th { | |
| font-weight: bold; } | |
| .com_config #fieldset-permissions { | |
| grid-template-columns: 1fr; } | |
| .com_config .tab-description { | |
| grid-column: 1 / 3; } | |
| .com_config .rule-notes, | |
| .com_config .filter-notes { | |
| padding: 1em; | |
| background-color: #fff; | |
| margin-bottom: 1em; } | |
| .com_config .options-menu .revert-controls .controls { | |
| margin-left: 0; } | |
| .com_content.layout-edit joomla-field-media .field-media-preview { | |
| height: 10.25rem; } | |
| .com_content.layout-edit joomla-tab #attrib-basic[active], | |
| .com_content.layout-edit joomla-tab #editor[active] { | |
| display: flex; | |
| flex-wrap: wrap; } | |
| .com_content.layout-edit joomla-tab #attrib-basic[active] .form-group, | |
| .com_content.layout-edit joomla-tab #editor[active] .form-group { | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| box-shadow: none; } | |
| .com_content.layout-edit joomla-tab #attrib-basic[active] .form-group:nth-child(1), .com_content.layout-edit joomla-tab #attrib-basic[active] .form-group:nth-child(19), | |
| .com_content.layout-edit joomla-tab #editor[active] .form-group:nth-child(1), | |
| .com_content.layout-edit joomla-tab #editor[active] .form-group:nth-child(19) { | |
| flex: 0 0 100%; | |
| max-width: 100%; } | |
| .com_content.layout-edit joomla-tab #attrib-basic[active] .field-spacer, | |
| .com_content.layout-edit joomla-tab #editor[active] .field-spacer { | |
| flex: 0 0 100%; | |
| max-width: 100%; } | |
| .cpanel-add-module-icon-help .list-group-item, .cpanel-add-module-icon-system .list-group-item, | |
| .com-cpanel-help .list-group-item, | |
| .com-cpanel-system .list-group-item { | |
| padding: 0; } | |
| .cpanel-add-module-icon-help .list-group-item a, .cpanel-add-module-icon-system .list-group-item a, | |
| .com-cpanel-help .list-group-item a, | |
| .com-cpanel-system .list-group-item a { | |
| display: block; | |
| padding: 0.75rem 1.25rem; } | |
| .cpanel-add-module-icon-help__header, | |
| .com-cpanel-help__header { | |
| color: var(--atum-special-color); } | |
| .cpanel-add-module-icon-help a, | |
| .com-cpanel-help a { | |
| color: var(--atum-link-color); } | |
| .cpanel-add-module-icon-help h2, | |
| .com-cpanel-help h2 { | |
| font-size: 1rem; } | |
| .cpanel-add-module-icon-system, | |
| .com-cpanel-system { | |
| -webkit-column-count: 4; | |
| -moz-column-count: 4; | |
| column-count: 4; } | |
| .cpanel-add-module-icon-system__category, | |
| .com-cpanel-system__category { | |
| margin-bottom: 1.5em; | |
| -webkit-column-break-inside: avoid; | |
| page-break-inside: avoid; | |
| -moz-column-break-inside: avoid; | |
| break-inside: avoid; } | |
| .cpanel-add-module-icon-system__header, | |
| .com-cpanel-system__header { | |
| color: var(--atum-special-color); } | |
| .cpanel-add-module-icon-system__header span, | |
| .com-cpanel-system__header span { | |
| margin-right: 5px; } | |
| .cpanel-add-module-icon-system a, | |
| .com-cpanel-system a { | |
| color: var(--atum-link-color); } | |
| .cpanel-add-module-icon-system h2, | |
| .com-cpanel-system h2 { | |
| font-size: 1rem; } | |
| @media (max-width: 991.98px) { | |
| .cpanel-add-module-icon-system, | |
| .com-cpanel-system { | |
| -webkit-column-count: 2; | |
| -moz-column-count: 2; | |
| column-count: 2; } } | |
| @media (max-width: 767.98px) { | |
| .cpanel-add-module-icon-system, | |
| .com-cpanel-system { | |
| -webkit-column-count: 1; | |
| -moz-column-count: 1; | |
| column-count: 1; } } | |
| .com_cpanel .content { | |
| margin-top: 0; } | |
| .com_cpanel .card p:first-of-type { | |
| margin-top: 0; } | |
| .com_cpanel .card p:last-child { | |
| margin-bottom: 0; } | |
| .com_cpanel .card .list-group > .published, | |
| .com_cpanel .card .table > .published { | |
| padding-left: .9rem; | |
| border-left: 5px solid var(--success); } | |
| .com_cpanel .card .list-group > .unpublished, | |
| .com_cpanel .card .table > .unpublished { | |
| padding-left: .9rem; | |
| border-left: 5px solid var(--danger); } | |
| .com_cpanel .card-header { | |
| min-height: 2.5rem; | |
| color: var(--atum-bg-dark); | |
| font-weight: 700; | |
| background: var(--card-bg); } | |
| .com_cpanel .module-actions { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| z-index: auto; } | |
| .com_cpanel .module-actions > a { | |
| display: inline-block; | |
| width: 2.6em; | |
| height: 2.6em; | |
| line-height: 2.6em; | |
| color: var(--atum-special-color); } | |
| .com_cpanel .cpanel-add-module { | |
| background-color: var(--atum-bg-light); | |
| color: var(--atum-text-dark); | |
| border: 0.125rem var(--white) dashed; | |
| position: relative; | |
| transition: all .3s ease-in; } | |
| .com_cpanel .cpanel-add-module:hover, .com_cpanel .cpanel-add-module:focus, .com_cpanel .cpanel-add-module:active { | |
| border-color: var(--atum-bg-dark); | |
| text-decoration: none; | |
| background-color: var(--white); } | |
| .com_cpanel .cpanel-add-module:hover .cpanel-add-module-icon .fa, .com_cpanel .cpanel-add-module:focus .cpanel-add-module-icon .fa, .com_cpanel .cpanel-add-module:active .cpanel-add-module-icon .fa { | |
| opacity: 0.3; } | |
| .com_cpanel .cpanel-add-module span { | |
| position: relative; } | |
| .com_cpanel .cpanel-add-module .cpanel-add-module-icon { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; } | |
| .com_cpanel .cpanel-add-module .cpanel-add-module-icon .fa { | |
| transition: all .3s ease-in; | |
| font-size: 7rem; | |
| -webkit-transform: translateX(-100%); | |
| transform: translateX(-100%); } | |
| .cpanel-modules .list-group-item:hover { | |
| background: var(--toolbar-bg); } | |
| .cpanel-modules .list-group-item a > span.fa { | |
| background: var(--atum-link-color); | |
| color: rgba(255, 255, 255, 0.9); | |
| display: block; | |
| padding: 0.5rem; | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); } | |
| .cpanel-modules .list-group-item a > span.fa:hover { | |
| background: var(--atum-link-hover-color); } | |
| .cpanel-modules h2 { | |
| font-size: 1rem; } | |
| .com_joomlaupdate caption { | |
| caption-side: top; } | |
| .com_tags #fieldset-image-intro > div, | |
| .com_tags #fieldset-image-fulltext > div { | |
| grid-template-columns: 1fr; } | |
| @media (min-width: 768px) { | |
| .com_tags #fieldset-image-intro, | |
| .com_tags #fieldset-image-fulltext { | |
| width: calc(50% - 15px); | |
| display: inline-block; } } | |
| .com_tags #fieldset-image-intro { | |
| margin-right: 15px; } | |
| .com_tags #fieldset-image-fulltext { | |
| margin-left: 15px; } | |
| .tbody-icon .icon-download { | |
| color: var(--success); | |
| border-color: var(--success); } | |
| .tbody-icon .icon-mail { | |
| color: var(--primary); | |
| border-color: var(--primary); } | |
| .tbody-icon .icon-delete { | |
| color: var(--danger); | |
| border-color: var(--danger); } | |
| .com_templates .menu-assignment { | |
| position: relative; } | |
| .com_templates .menu-assignment .menu-links { | |
| padding-left: 0; | |
| margin-top: 15px; | |
| margin-left: 0; | |
| -webkit-column-count: 3; | |
| -moz-column-count: 3; | |
| column-count: 3; | |
| -webkit-column-gap: 15px; | |
| -moz-column-gap: 15px; | |
| column-gap: 15px; } | |
| @media (max-width: 991.98px) { | |
| .com_templates .menu-assignment .menu-links { | |
| -webkit-column-count: auto; | |
| -moz-column-count: auto; | |
| column-count: auto; } } | |
| .com_templates .menu-assignment .menu-links > li { | |
| display: inline-block; | |
| width: 100%; | |
| margin-bottom: 15px; | |
| vertical-align: top; | |
| list-style: none; | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| page-break-inside: avoid; | |
| -webkit-column-break-inside: avoid; | |
| -moz-column-break-inside: avoid; | |
| break-inside: avoid; | |
| column-break-inside: avoid; } | |
| .com_templates .menu-assignment .menu-links-block { | |
| padding: 15px; | |
| background-color: var(--card-bg); | |
| box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25); | |
| border-radius: 3px; } | |
| .com_templates .menu-assignment label { | |
| display: block; } | |
| .com_templates .menu-assignment label input { | |
| position: relative; | |
| top: 2px; } | |
| .com_users.view-debuggroup thead th, .com_users.view-debuguser thead th { | |
| white-space: normal; } | |
| .com_users.view-debuggroup .legend, .com_users.view-debuguser .legend { | |
| margin: 1rem 1rem 0; } | |
| .com_users.view-mail .form-control { | |
| max-width: 100%; } | |
| .com_users #fieldset-groups .controls { | |
| margin-left: 2rem; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment