1284 lines
18 KiB
CSS
1284 lines
18 KiB
CSS
@font-face {
|
|
font-family: inter;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url(/fonts/Inter-Regular.woff2?v=3.12) format("woff2"),url(/fonts/Inter-Regular.woff?v=3.12) format("woff")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: inter;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: url(/fonts/Inter-Medium.woff2?v=3.12) format("woff2"),url(/fonts/Inter-Medium.woff?v=3.12) format("woff")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: inter;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url(/fonts/Inter-SemiBold.woff2?v=3.12) format("woff2"),url(/fonts/Inter-SemiBold.woff?v=3.12) format("woff")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: inter;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url(/fonts/Inter-Bold.woff2?v=3.12) format("woff2"),url(/fonts/Inter-Bold.woff?v=3.12) format("woff")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Poppins;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: local(''),url(/fonts/poppins-v15-latin-600.woff2) format('woff2'),url(/fonts/poppins-v15-latin-600.woff) format('woff')
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Poppins;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local(''),url(/fonts/poppins-v15-latin-700.woff2) format('woff2'),url(/fonts/poppins-v15-latin-700.woff) format('woff')
|
|
}
|
|
|
|
:root {
|
|
--blue: #007bff;
|
|
--indigo: #5F59F7;
|
|
--purple: #8C61FF;
|
|
--pink: #e83e8c;
|
|
--red: #dc3545;
|
|
--orange: #fd7e14;
|
|
--yellow: #ffc107;
|
|
--green: #28a745;
|
|
--teal: #20c997;
|
|
--cyan: #17a2b8;
|
|
--white: #fff;
|
|
--gray: #8186A2;
|
|
--gray-dark: #424761;
|
|
--primary: #5F59F7;
|
|
--secondary: #BFC2D4;
|
|
--success: #28a745;
|
|
--info: #17a2b8;
|
|
--warning: #ffc107;
|
|
--danger: #dc3545;
|
|
--light: #f8f9fa;
|
|
--dark: #020A14;
|
|
--breakpoint-xs: 0;
|
|
--breakpoint-sm: 576px;
|
|
--breakpoint-md: 768px;
|
|
--breakpoint-lg: 992px;
|
|
--breakpoint-xl: 1300px;
|
|
--breakpoint-xxl: 1600px;
|
|
--font-family-sans-serif: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
|
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
|
|
}
|
|
|
|
*,::after,::before {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
html {
|
|
font-family: sans-serif;
|
|
line-height: 1.15;
|
|
-webkit-text-size-adjust: 100%;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
header,main {
|
|
display: block
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
font-family: inter,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
line-height: 1.5;
|
|
color: #424761;
|
|
text-align: left;
|
|
background-color: #fff
|
|
}
|
|
|
|
[tabindex="-1"]:focus:not(:focus-visible) {
|
|
outline: 0!important
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
margin-top: 0;
|
|
margin-bottom: .5rem
|
|
}
|
|
|
|
p {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
b {
|
|
font-weight: 700
|
|
}
|
|
|
|
small {
|
|
font-size: 80%
|
|
}
|
|
|
|
a {
|
|
color: #5f59f7;
|
|
text-decoration: none;
|
|
background-color: transparent
|
|
}
|
|
|
|
a:hover {
|
|
color: #1910f3;
|
|
text-decoration: underline
|
|
}
|
|
|
|
a:not([href]):not([class]) {
|
|
color: inherit;
|
|
text-decoration: none
|
|
}
|
|
|
|
a:not([href]):not([class]):hover {
|
|
color: inherit;
|
|
text-decoration: none
|
|
}
|
|
|
|
img {
|
|
vertical-align: middle;
|
|
border-style: none
|
|
}
|
|
|
|
label {
|
|
display: inline-block;
|
|
margin-bottom: .5rem
|
|
}
|
|
|
|
[role=button] {
|
|
cursor: pointer
|
|
}
|
|
|
|
[type=button],[type=reset],[type=submit] {
|
|
-webkit-appearance: button
|
|
}
|
|
|
|
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
|
|
cursor: pointer
|
|
}
|
|
|
|
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
|
|
padding: 0;
|
|
border-style: none
|
|
}
|
|
|
|
[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
|
|
}
|
|
|
|
[hidden] {
|
|
display: none!important
|
|
}
|
|
|
|
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
|
|
margin-bottom: .5rem;
|
|
font-family: poppins,inter,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
|
|
font-weight: 500;
|
|
line-height: 1.2;
|
|
color: #222b35
|
|
}
|
|
|
|
.h1,h1 {
|
|
font-size: 2.5rem
|
|
}
|
|
|
|
.h2,h2 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.h3,h3 {
|
|
font-size: 1.75rem
|
|
}
|
|
|
|
.h4,h4 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.h5,h5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.h6,h6 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.small,small {
|
|
font-size: 80%;
|
|
font-weight: 500
|
|
}
|
|
|
|
.container,.container-md {
|
|
width: 100%;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
margin-right: auto;
|
|
margin-left: auto
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.container {
|
|
max-width:540px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.container,.container-md {
|
|
max-width:720px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.container,.container-md {
|
|
max-width:960px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1300px) {
|
|
.container,.container-md {
|
|
max-width:1240px
|
|
}
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-right: -15px;
|
|
margin-left: -15px
|
|
}
|
|
|
|
.navbar {
|
|
position: relative;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: .5rem 1rem
|
|
}
|
|
|
|
.navbar .container,.navbar .container-md {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.navbar-brand {
|
|
display: inline-block;
|
|
padding-top: .3125rem;
|
|
padding-bottom: .3125rem;
|
|
margin-right: 1rem;
|
|
font-size: 1.25rem;
|
|
line-height: inherit;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.navbar-brand:focus,.navbar-brand:hover {
|
|
text-decoration: none
|
|
}
|
|
|
|
.navbar-text {
|
|
display: inline-block;
|
|
padding-top: .5rem;
|
|
padding-bottom: .5rem
|
|
}
|
|
|
|
.card {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
word-wrap: break-word;
|
|
background-color: #fff;
|
|
background-clip: border-box;
|
|
border: 1px solid rgba(191,194,212,.3);
|
|
border-radius: 5px
|
|
}
|
|
|
|
.card-body {
|
|
flex: 1 1 auto;
|
|
min-height: 1px;
|
|
padding: 1.75rem
|
|
}
|
|
|
|
.card-title {
|
|
margin-bottom: 1.75rem
|
|
}
|
|
|
|
.card-text:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.card-link:hover {
|
|
text-decoration: none
|
|
}
|
|
|
|
.card-link+.card-link {
|
|
margin-left: 1.75rem
|
|
}
|
|
|
|
.card-header {
|
|
padding: 1.75rem;
|
|
margin-bottom: 0;
|
|
background-color: rgba(0,0,0,.03);
|
|
border-bottom: 1px solid rgba(191,194,212,.3)
|
|
}
|
|
|
|
.card-header:first-child {
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
|
|
.card-img {
|
|
flex-shrink: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.card-img {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px
|
|
}
|
|
|
|
.card-img {
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px
|
|
}
|
|
|
|
.page-link {
|
|
position: relative;
|
|
display: block;
|
|
padding: .5rem .75rem;
|
|
margin-left: -1px;
|
|
line-height: 1.25;
|
|
color: #5f59f7;
|
|
background-color: #fff;
|
|
border: 1px solid #dee2e6
|
|
}
|
|
|
|
.page-link:hover {
|
|
z-index: 2;
|
|
color: #1910f3;
|
|
text-decoration: none;
|
|
background-color: #f5f6f9;
|
|
border-color: #dee2e6
|
|
}
|
|
|
|
.page-link:focus {
|
|
z-index: 3;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 .2rem rgba(95,89,247,.25)
|
|
}
|
|
|
|
@keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 1rem 0
|
|
}
|
|
|
|
to {
|
|
background-position: 0 0
|
|
}
|
|
}
|
|
|
|
.media {
|
|
display: flex;
|
|
align-items: flex-start
|
|
}
|
|
|
|
.media-body {
|
|
flex: 1
|
|
}
|
|
|
|
@keyframes spinner-border {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-grow {
|
|
0% {
|
|
transform: scale(0)
|
|
}
|
|
|
|
50% {
|
|
opacity: 1;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.d-none {
|
|
display: none!important
|
|
}
|
|
|
|
.d-flex {
|
|
display: flex!important
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.d-md-none {
|
|
display:none!important
|
|
}
|
|
|
|
.d-md-flex {
|
|
display: flex!important
|
|
}
|
|
}
|
|
|
|
.flex-row {
|
|
flex-direction: row!important
|
|
}
|
|
|
|
.flex-column {
|
|
flex-direction: column!important
|
|
}
|
|
|
|
.flex-nowrap {
|
|
flex-wrap: nowrap!important
|
|
}
|
|
|
|
.justify-content-center {
|
|
justify-content: center!important
|
|
}
|
|
|
|
.justify-content-between {
|
|
justify-content: space-between!important
|
|
}
|
|
|
|
.align-items-center {
|
|
align-items: center!important
|
|
}
|
|
|
|
.align-content-center {
|
|
align-content: center!important
|
|
}
|
|
|
|
.align-content-between {
|
|
align-content: space-between!important
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.flex-md-row {
|
|
flex-direction:row!important
|
|
}
|
|
|
|
.flex-md-column {
|
|
flex-direction: column!important
|
|
}
|
|
|
|
.flex-md-nowrap {
|
|
flex-wrap: nowrap!important
|
|
}
|
|
|
|
.justify-content-md-center {
|
|
justify-content: center!important
|
|
}
|
|
|
|
.justify-content-md-between {
|
|
justify-content: space-between!important
|
|
}
|
|
|
|
.align-items-md-center {
|
|
align-items: center!important
|
|
}
|
|
|
|
.align-content-md-center {
|
|
align-content: center!important
|
|
}
|
|
|
|
.align-content-md-between {
|
|
align-content: space-between!important
|
|
}
|
|
}
|
|
|
|
@supports (position: sticky) {
|
|
.sticky-top {
|
|
position:sticky;
|
|
top: 0;
|
|
z-index: 1020
|
|
}
|
|
}
|
|
|
|
.h-25 {
|
|
height: 25%!important
|
|
}
|
|
|
|
.h-50 {
|
|
height: 50%!important
|
|
}
|
|
|
|
.h-75 {
|
|
height: 75%!important
|
|
}
|
|
|
|
.h-100 {
|
|
height: 100%!important
|
|
}
|
|
|
|
.mt-0 {
|
|
margin-top: 0!important
|
|
}
|
|
|
|
.mr-0 {
|
|
margin-right: 0!important
|
|
}
|
|
|
|
.mt-1 {
|
|
margin-top: .25rem!important
|
|
}
|
|
|
|
.mr-1 {
|
|
margin-right: .25rem!important
|
|
}
|
|
|
|
.mt-2 {
|
|
margin-top: .5rem!important
|
|
}
|
|
|
|
.mr-2 {
|
|
margin-right: .5rem!important
|
|
}
|
|
|
|
.mt-3 {
|
|
margin-top: 1rem!important
|
|
}
|
|
|
|
.mr-3 {
|
|
margin-right: 1rem!important
|
|
}
|
|
|
|
.mt-4 {
|
|
margin-top: 1.5rem!important
|
|
}
|
|
|
|
.mr-4 {
|
|
margin-right: 1.5rem!important
|
|
}
|
|
|
|
.mt-5 {
|
|
margin-top: 3rem!important
|
|
}
|
|
|
|
.mr-5 {
|
|
margin-right: 3rem!important
|
|
}
|
|
|
|
.p-0 {
|
|
padding: 0!important
|
|
}
|
|
|
|
.pt-0 {
|
|
padding-top: 0!important
|
|
}
|
|
|
|
.px-0 {
|
|
padding-right: 0!important
|
|
}
|
|
|
|
.pb-0 {
|
|
padding-bottom: 0!important
|
|
}
|
|
|
|
.px-0 {
|
|
padding-left: 0!important
|
|
}
|
|
|
|
.p-1 {
|
|
padding: .25rem!important
|
|
}
|
|
|
|
.pt-1 {
|
|
padding-top: .25rem!important
|
|
}
|
|
|
|
.px-1 {
|
|
padding-right: .25rem!important
|
|
}
|
|
|
|
.pb-1 {
|
|
padding-bottom: .25rem!important
|
|
}
|
|
|
|
.px-1 {
|
|
padding-left: .25rem!important
|
|
}
|
|
|
|
.p-2 {
|
|
padding: .5rem!important
|
|
}
|
|
|
|
.pt-2 {
|
|
padding-top: .5rem!important
|
|
}
|
|
|
|
.px-2 {
|
|
padding-right: .5rem!important
|
|
}
|
|
|
|
.pb-2 {
|
|
padding-bottom: .5rem!important
|
|
}
|
|
|
|
.px-2 {
|
|
padding-left: .5rem!important
|
|
}
|
|
|
|
.p-3 {
|
|
padding: 1rem!important
|
|
}
|
|
|
|
.pt-3 {
|
|
padding-top: 1rem!important
|
|
}
|
|
|
|
.px-3 {
|
|
padding-right: 1rem!important
|
|
}
|
|
|
|
.pb-3 {
|
|
padding-bottom: 1rem!important
|
|
}
|
|
|
|
.px-3 {
|
|
padding-left: 1rem!important
|
|
}
|
|
|
|
.p-4 {
|
|
padding: 1.5rem!important
|
|
}
|
|
|
|
.pt-4 {
|
|
padding-top: 1.5rem!important
|
|
}
|
|
|
|
.px-4 {
|
|
padding-right: 1.5rem!important
|
|
}
|
|
|
|
.pb-4 {
|
|
padding-bottom: 1.5rem!important
|
|
}
|
|
|
|
.px-4 {
|
|
padding-left: 1.5rem!important
|
|
}
|
|
|
|
.p-5 {
|
|
padding: 3rem!important
|
|
}
|
|
|
|
.pt-5 {
|
|
padding-top: 3rem!important
|
|
}
|
|
|
|
.px-5 {
|
|
padding-right: 3rem!important
|
|
}
|
|
|
|
.pb-5 {
|
|
padding-bottom: 3rem!important
|
|
}
|
|
|
|
.px-5 {
|
|
padding-left: 3rem!important
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.mt-md-0 {
|
|
margin-top:0!important
|
|
}
|
|
|
|
.mr-md-0 {
|
|
margin-right: 0!important
|
|
}
|
|
|
|
.mt-md-1 {
|
|
margin-top: .25rem!important
|
|
}
|
|
|
|
.mr-md-1 {
|
|
margin-right: .25rem!important
|
|
}
|
|
|
|
.mt-md-2 {
|
|
margin-top: .5rem!important
|
|
}
|
|
|
|
.mr-md-2 {
|
|
margin-right: .5rem!important
|
|
}
|
|
|
|
.mt-md-3 {
|
|
margin-top: 1rem!important
|
|
}
|
|
|
|
.mr-md-3 {
|
|
margin-right: 1rem!important
|
|
}
|
|
|
|
.mt-md-4 {
|
|
margin-top: 1.5rem!important
|
|
}
|
|
|
|
.mr-md-4 {
|
|
margin-right: 1.5rem!important
|
|
}
|
|
|
|
.mt-md-5 {
|
|
margin-top: 3rem!important
|
|
}
|
|
|
|
.mr-md-5 {
|
|
margin-right: 3rem!important
|
|
}
|
|
|
|
.p-md-0 {
|
|
padding: 0!important
|
|
}
|
|
|
|
.pt-md-0 {
|
|
padding-top: 0!important
|
|
}
|
|
|
|
.px-md-0 {
|
|
padding-right: 0!important
|
|
}
|
|
|
|
.pb-md-0 {
|
|
padding-bottom: 0!important
|
|
}
|
|
|
|
.px-md-0 {
|
|
padding-left: 0!important
|
|
}
|
|
|
|
.p-md-1 {
|
|
padding: .25rem!important
|
|
}
|
|
|
|
.pt-md-1 {
|
|
padding-top: .25rem!important
|
|
}
|
|
|
|
.px-md-1 {
|
|
padding-right: .25rem!important
|
|
}
|
|
|
|
.pb-md-1 {
|
|
padding-bottom: .25rem!important
|
|
}
|
|
|
|
.px-md-1 {
|
|
padding-left: .25rem!important
|
|
}
|
|
|
|
.p-md-2 {
|
|
padding: .5rem!important
|
|
}
|
|
|
|
.pt-md-2 {
|
|
padding-top: .5rem!important
|
|
}
|
|
|
|
.px-md-2 {
|
|
padding-right: .5rem!important
|
|
}
|
|
|
|
.pb-md-2 {
|
|
padding-bottom: .5rem!important
|
|
}
|
|
|
|
.px-md-2 {
|
|
padding-left: .5rem!important
|
|
}
|
|
|
|
.p-md-3 {
|
|
padding: 1rem!important
|
|
}
|
|
|
|
.pt-md-3 {
|
|
padding-top: 1rem!important
|
|
}
|
|
|
|
.px-md-3 {
|
|
padding-right: 1rem!important
|
|
}
|
|
|
|
.pb-md-3 {
|
|
padding-bottom: 1rem!important
|
|
}
|
|
|
|
.px-md-3 {
|
|
padding-left: 1rem!important
|
|
}
|
|
|
|
.p-md-4 {
|
|
padding: 1.5rem!important
|
|
}
|
|
|
|
.pt-md-4 {
|
|
padding-top: 1.5rem!important
|
|
}
|
|
|
|
.px-md-4 {
|
|
padding-right: 1.5rem!important
|
|
}
|
|
|
|
.pb-md-4 {
|
|
padding-bottom: 1.5rem!important
|
|
}
|
|
|
|
.px-md-4 {
|
|
padding-left: 1.5rem!important
|
|
}
|
|
|
|
.p-md-5 {
|
|
padding: 3rem!important
|
|
}
|
|
|
|
.pt-md-5 {
|
|
padding-top: 3rem!important
|
|
}
|
|
|
|
.px-md-5 {
|
|
padding-right: 3rem!important
|
|
}
|
|
|
|
.pb-md-5 {
|
|
padding-bottom: 3rem!important
|
|
}
|
|
|
|
.px-md-5 {
|
|
padding-left: 3rem!important
|
|
}
|
|
}
|
|
|
|
.text-justify {
|
|
text-align: justify!important
|
|
}
|
|
|
|
.text-nowrap {
|
|
white-space: nowrap!important
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center!important
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.text-md-center {
|
|
text-align:center!important
|
|
}
|
|
}
|
|
|
|
.text-body {
|
|
color: #424761!important
|
|
}
|
|
|
|
.text-muted {
|
|
color: #8186a2!important
|
|
}
|
|
|
|
@media print {
|
|
*,::after,::before {
|
|
text-shadow: none!important;
|
|
box-shadow: none!important
|
|
}
|
|
|
|
a:not(.btn) {
|
|
text-decoration: underline
|
|
}
|
|
|
|
img {
|
|
page-break-inside: avoid
|
|
}
|
|
|
|
h2,h3,p {
|
|
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
|
|
}
|
|
}
|
|
|
|
.status-page .card {
|
|
box-shadow: 0 1px 3px rgba(63,63,68,.15),0 20px 30px rgba(63,63,68,.07);
|
|
border-radius: 8px;
|
|
border: 0
|
|
}
|
|
|
|
.status-page .card .card-header {
|
|
background: rgba(245,246,247,.35)
|
|
}
|
|
|
|
.status-page .card .card-body,.status-page .card .card-header {
|
|
padding: 16px 20px;
|
|
border-bottom: 0
|
|
}
|
|
|
|
.status-page .card .card-title {
|
|
font-weight: 600;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.status-page {
|
|
background: #fafafa
|
|
}
|
|
|
|
.status-page b {
|
|
font-weight: 600
|
|
}
|
|
|
|
.status-page-container {
|
|
width: 100%;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
max-width: 800px
|
|
}
|
|
|
|
.status-page .status--operational {
|
|
color: #21b062
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
.status-header {
|
|
flex-direction:column
|
|
}
|
|
}
|
|
|
|
.status-header a {
|
|
text-decoration: none
|
|
}
|
|
|
|
.status-header-label {
|
|
position: relative;
|
|
color: #424761
|
|
}
|
|
|
|
.status-header-label:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: -1rem;
|
|
width: 1px;
|
|
height: 20px;
|
|
background: rgba(191,194,212,.3)
|
|
}
|
|
|
|
.status-header-brand {
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: 600;
|
|
color: #222b35;
|
|
height: 60px;
|
|
margin-right: 2rem
|
|
}
|
|
|
|
.status-header-brand img {
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
object-fit: contain
|
|
}
|
|
|
|
.status-page-overview {
|
|
text-align: center;
|
|
padding: 1rem 0 3rem
|
|
}
|
|
|
|
.status-page-overview .status-page-title {
|
|
color: #222b35;
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.status-page-overview .status-page-title {
|
|
font-size:2rem
|
|
}
|
|
}
|
|
|
|
.status-page-overview .status-page-overview-icon {
|
|
width: 100px;
|
|
margin-bottom: -10px
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.status-page-overview .status-page-overview-icon {
|
|
width:150px;
|
|
margin-bottom: -20px
|
|
}
|
|
}
|
|
|
|
.status-page-overview .status-page-updated-at {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.status-page .status-page-resources-card .card-body {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.status-page-resource {
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
padding: 20px;
|
|
border-top: 1px solid rgba(191,194,212,.4)
|
|
}
|
|
|
|
.status-page-resource-ticks {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
white-space: nowrap;
|
|
font-size: 0
|
|
}
|
|
|
|
.status-page-resource-tick {
|
|
width: 100%;
|
|
padding: 0 1px
|
|
}
|
|
|
|
.status-page-resource-tick-inner {
|
|
background: #dfe0e1;
|
|
height: 40px;
|
|
border-radius: 20px
|
|
}
|
|
|
|
.status-page-tick-up {
|
|
background: #21af63
|
|
}
|
|
|
|
.status-page-tick-maintenance {
|
|
background: #f90
|
|
}
|
|
|
|
.status-page-tick-down {
|
|
background: #de3618
|
|
}
|
|
|
|
@media (max-width: 575.98px) {
|
|
.status-page-resource-tick:nth-child(1) {
|
|
display:none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(2) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(3) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(4) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(5) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(6) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(7) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(8) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(9) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(10) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(11) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(12) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(13) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(14) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(15) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(16) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(17) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(18) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(19) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(20) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(21) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(22) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(23) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(24) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(25) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(26) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(27) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(28) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(29) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(30) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(31) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(32) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(33) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(34) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(35) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(36) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(37) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(38) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(39) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(40) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(41) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(42) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(43) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(44) {
|
|
display: none
|
|
}
|
|
|
|
.status-page-resource-tick:nth-child(45) {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.container {
|
|
padding-left: 25px;
|
|
padding-right: 25px
|
|
}
|