Skip to content

Instantly share code, notes, and snippets.

@nadjak77
Created October 19, 2019 10:58
Show Gist options
  • Select an option

  • Save nadjak77/cc199b47dc8309c16341a3776c817048 to your computer and use it in GitHub Desktop.

Select an option

Save nadjak77/cc199b47dc8309c16341a3776c817048 to your computer and use it in GitHub Desktop.
: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