このリポジトリは2023-09-09にアーカイブされています。 ファイルの閲覧とクローンは可能ですが、プッシュ、イシューの作成、プルリクエストはできません。
LightPeer/public/css/styles.css

15424 行
285 KiB
CSS
Raw Blame 履歴

このファイルには曖昧(ambiguous)なUnicode文字が含まれています

このファイルには、他の文字と見間違える可能性があるUnicode文字が含まれています。 それが意図的なものと考えられる場合は、この警告を無視して構いません。 それらの文字を表示するにはエスケープボタンを使用します。

@charset "UTF-8";@font-face {
font-family: Source Sans Pro;
font-weight: 200 900;
font-style: normal;
font-stretch: normal;
font-display: swap;
src: url(SourceSans3VF-Roman.ttf.123081915e9fbb9f01bd.woff2) format("woff2")
}
@font-face {
font-family: Source Sans Pro;
font-weight: 200 900;
font-style: italic;
font-stretch: normal;
font-display: swap;
src: url(SourceSans3VF-Italic.ttf.797355866311afb6142d.woff2) format("woff2")
}
.peertube-button {
padding-top: 0;
padding-bottom: 0;
border: 0;
font-weight: 600;
font-size: 15px;
height: 30px;
line-height: 30px;
border-radius: 3px!important;
text-align: center;
cursor: pointer
}
@supports (padding-inline-start: 13px) {
.peertube-button {
padding-inline-start:13px}
}
@supports not (padding-inline-start: 13px) {
.peertube-button {
padding-left: 13px
}
}
@supports (padding-inline-end: 17px) {
.peertube-button {
padding-inline-end:17px}
}
@supports not (padding-inline-end: 17px) {
.peertube-button {
padding-right: 17px
}
}
.peertube-button-link {
padding-top: 0;
padding-bottom: 0;
border: 0;
font-weight: 600;
font-size: 15px;
height: 30px;
line-height: 30px;
border-radius: 3px!important;
text-align: center;
cursor: pointer;
display: inline-block
}
.peertube-button-link:active,.peertube-button-link:focus,.peertube-button-link:hover {
text-decoration: none!important;
outline: none!important
}
@supports (padding-inline-start: 13px) {
.peertube-button-link {
padding-inline-start:13px}
}
@supports not (padding-inline-start: 13px) {
.peertube-button-link {
padding-left: 13px
}
}
@supports (padding-inline-end: 17px) {
.peertube-button-link {
padding-inline-end:17px}
}
@supports not (padding-inline-end: 17px) {
.peertube-button-link {
padding-right: 17px
}
}
.orange-button.focus-visible,.orange-button:focus {
box-shadow: 0 0 0 .2rem var(--mainColorLightest)
}
.orange-button,.orange-button:active,.orange-button:focus {
color: #fff;
background-color: var(--mainColor)
}
.orange-button:hover {
color: #fff;
background-color: var(--mainHoverColor)
}
.orange-button.disabled,.orange-button[disabled] {
cursor: default;
color: #fff;
background-color: #c6c6c6
}
.orange-button my-global-icon ::ng-deep .feather,.orange-button my-global-icon ::ng-deep .material,.orange-button my-global-icon ::ng-deep .misc {
color: #fff
}
.orange-button-inverted {
border: 2px solid var(--mainColor);
font-weight: 600
}
.orange-button-inverted.focus-visible,.orange-button-inverted:focus {
box-shadow: 0 0 0 .2rem var(--mainColorLightest)
}
.orange-button-inverted,.orange-button-inverted:active,.orange-button-inverted:focus {
color: var(--mainColor);
background-color: var(--mainBackgroundColor)
}
.orange-button-inverted:hover {
color: var(--mainColor);
background-color: var(--mainColorLightest)
}
.orange-button-inverted.disabled,.orange-button-inverted[disabled] {
cursor: default;
color: var(--mainColor);
background-color: #c6c6c6
}
.orange-button-inverted my-global-icon ::ng-deep .feather,.orange-button-inverted my-global-icon ::ng-deep .material,.orange-button-inverted my-global-icon ::ng-deep .misc {
color: var(--mainColor)
}
.grey-button {
background-color: #e5e5e5;
color: var(--greyForegroundColor)
}
.grey-button.focus-visible,.grey-button:focus {
box-shadow: 0 0 0 .2rem #5858580d
}
.grey-button.disabled,.grey-button:active,.grey-button:focus,.grey-button:hover,.grey-button[disabled] {
color: var(--greyForegroundColor);
background-color: #efefef
}
.grey-button.disabled,.grey-button[disabled] {
cursor: default
}
.grey-button my-global-icon ::ng-deep .feather,.grey-button my-global-icon ::ng-deep .material,.grey-button my-global-icon ::ng-deep .misc {
color: var(--greyForegroundColor)
}
.tertiary-button {
color: var(--greyForegroundColor);
background-color: initial
}
.tertiary-button.focus-visible,.tertiary-button:focus {
box-shadow: 0 0 0 .2rem #5858580d
}
.tertiary-button .disabled,.tertiary-button[disabled] {
cursor: default
}
.tertiary-button my-global-icon ::ng-deep .feather,.tertiary-button my-global-icon ::ng-deep .material,.tertiary-button my-global-icon ::ng-deep .misc {
color: #0000
}
.peertube-radio-container [type=radio]:checked,.peertube-radio-container [type=radio]:not(:checked) {
position: absolute;
left: -9999px
}
.peertube-radio-container [type=radio]:checked+label,.peertube-radio-container [type=radio]:not(:checked)+label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block
}
.peertube-radio-container [type=radio]:checked+label:before,.peertube-radio-container [type=radio]:not(:checked)+label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #c6c6c6;
border-radius: 100%;
background: #fff
}
.peertube-radio-container [type=radio]:checked+label:after,.peertube-radio-container [type=radio]:not(:checked)+label:after {
content: "";
width: 10px;
height: 10px;
background: var(--mainColor);
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
transition: all .2s ease
}
.peertube-radio-container [type=radio]:not(:checked)+label:after {
opacity: 0;
transform: scale(0)
}
.peertube-radio-container [type=radio]:checked+label:after {
opacity: 1;
transform: scale(1)
}
peertube-container>.layout-row {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
peertube-container>.layout-column {
display: flex;
flex-direction: column
}
peertube-container>.header {
margin: 30px 0 15px
}
peertube-container>.header>h4 {
margin-bottom: 0
}
peertube-channel-miniature,peertube-playlist-miniature,peertube-video-miniature {
margin-right: 30px
}
.ng-select.ng-select-opened>.ng-select-container {
background: #fff;
border-color: #b3b3b3 #ccc #d9d9d9
}
.ng-select.ng-select-opened>.ng-select-container:hover {
box-shadow: none
}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow {
top: -2px;
border-color: #0000 #0000 #999;
border-width: 0 5px 5px
}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover {
border-color: #0000 #0000 #333
}
.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.ng-select.ng-select-opened.ng-select-top>.ng-select-container {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
border-color: #f2690d;
box-shadow: 0 0 0 .2rem var(--mainColorLightest)
}
.ng-select.ng-select-disabled>.ng-select-container {
background-color: #f9f9f9
}
.ng-select .ng-has-value .ng-placeholder {
display: none
}
.ng-select .ng-select-container {
color: #333;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ccc;
min-height: 30px;
align-items: center
}
.ng-select .ng-select-container:hover {
box-shadow: 0 1px 0 #0000000f
}
.ng-select .ng-select-container .ng-value-container {
align-items: center;
padding-left: 15px
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
padding-right: 15px;
padding-left: 0
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
color: #999
}
.ng-select.ng-select-single .ng-select-container {
height: 30px
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
top: 5px;
left: 0;
padding-left: 15px;
padding-right: 50px
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
padding-right: 15px;
padding-left: 50px
}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value {
background-color: #f9f9f9;
border: 1px solid #e6e6e6
}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label {
padding: 0 5px
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
padding-top: 5px;
padding-left: 7px
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
padding-right: 7px;
padding-left: 0
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
font-size: 15px;
margin-bottom: 5px;
color: #333;
background-color: #fef3ec;
border-radius: 2px;
margin-right: 5px
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
margin-right: 0;
margin-left: 5px
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
background-color: #f9f9f9
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
padding-left: 5px
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
padding-left: 0;
padding-right: 5px
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
display: inline-block;
padding: 1px 5px
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
background-color: #fde4d3
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
border-right: 1px solid #fbd5bb
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
border-left: 1px solid #fbd5bb;
border-right: none
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
border-left: 1px solid #fbd5bb
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
border-left: 0;
border-right: 1px solid #fbd5bb
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
padding: 0 0 3px 3px
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
padding: 0 3px 3px 0
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input {
color: #000
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
top: 5px;
padding-bottom: 5px;
padding-left: 3px
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
padding-right: 3px;
padding-left: 0
}
.ng-select .ng-clear-wrapper {
color: #999
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
color: #d0021b
}
.ng-select .ng-spinner-zone {
padding: 5px 5px 0 0
}
[dir=rtl] .ng-select .ng-spinner-zone {
padding: 5px 0 0 5px
}
.ng-select .ng-arrow-wrapper {
width: 25px;
padding-right: 5px
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
padding-left: 5px;
padding-right: 0
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
border-top-color: #666
}
.ng-select .ng-arrow-wrapper .ng-arrow {
border-color: #999 #0000 #0000;
border-style: solid;
border-width: 5px 5px 2.5px
}
.ng-dropdown-panel {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 1px 0 #0000000f;
left: 0
}
.ng-dropdown-panel.ng-select-bottom {
top: 100%;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-color: #e6e6e6;
margin-top: -1px
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.ng-dropdown-panel.ng-select-top {
bottom: 100%;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-color: #e6e6e6;
margin-bottom: -1px
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px
}
.ng-dropdown-panel .ng-dropdown-header {
border-bottom: 1px solid #ccc;
padding: 5px 7px
}
.ng-dropdown-panel .ng-dropdown-footer {
border-top: 1px solid #ccc;
padding: 5px 7px
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
-webkit-user-select: none;
user-select: none;
padding: 8px 10px;
font-weight: 500;
color: #0000008a;
cursor: pointer
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
cursor: default
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
background-color: #fef9f5
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
background-color: #fef3ec;
font-weight: 600
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
background-color: #fff;
color: #000000de;
padding: 8px 10px
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
color: #333;
background-color: #fef3ec
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
font-weight: 600
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
background-color: #fef9f5;
color: #333
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
color: #ccc
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
padding-left: 22px
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
padding-right: 22px;
padding-left: 0
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
font-size: 80%;
font-weight: 400;
padding-right: 5px
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
padding-left: 5px;
padding-right: 0
}
[dir=rtl] .ng-dropdown-panel {
direction: rtl;
text-align: right
}
.ng-select {
font-size: 15px
}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
border-color: #ccc!important
}
.ng-select .ng-select-container {
background-color: var(--inputBackgroundColor)
}
@supports (padding-inline-end: 12px) {
.ng-select .ng-arrow-wrapper {
padding-inline-end:12px}
}
@supports not (padding-inline-end: 12px) {
.ng-select .ng-arrow-wrapper {
padding-right: 12px
}
}
.ng-select.ng-select-single .ng-value-container .ng-value {
color: var(--inputForegroundColor)
}
.ng-select.ng-select-single .ng-value-container .ng-value .ng-value-label {
display: flex;
align-items: center
}
@supports (padding-inline-start: 12px) {
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
padding-inline-start:12px}
}
@supports not (padding-inline-start: 12px) {
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
padding-left: 12px
}
}
@supports (margin-inline-start: 12px) {
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
margin-inline-start:12px}
}
@supports not (margin-inline-start: 12px) {
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
margin-left: 12px
}
}
:root {
--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:red;--orange:#fd7e14;--yellow:#ffc107;--green:#39cc0b;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#39cc0b;--info:#17a2b8;--warning:#ffc107;--danger:red;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:900px;--breakpoint-xl:1200px;--breakpoint-xxl:1600px;--breakpoint-fhd:1800px;--breakpoint-qhd:2560px;--breakpoint-uhd:3840px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation 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: rgba(0,0,0,0)
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
display: block
}
body {
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size: 1rem;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0!important
}
hr {
box-sizing: initial;
height: 0;
overflow: visible
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title],abbr[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 {
font-style: normal;
line-height: inherit
}
address,dl,ol,ul {
margin-bottom: 1rem
}
dl,ol,ul {
margin-top: 0
}
ol ol,ol ul,ul ol,ul ul {
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: initial
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #007bff;
text-decoration: none;
background-color: initial
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]):not([class]),a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,kbd,pre,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;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
border-style: none
}
img,svg {
vertical-align: middle
}
svg {
overflow: hidden
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
button,input,optgroup,select,textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
cursor: pointer
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0
}
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: initial
}
[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
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.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
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: 6rem
}
.display-1,.display-2 {
font-weight: 300;
line-height: 1.2
}
.display-2 {
font-size: 5.5rem
}
.display-3 {
font-size: 4.5rem
}
.display-3,.display-4 {
font-weight: 300;
line-height: 1.2
}
.display-4 {
font-size: 3.5rem
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #0000001a
}
.small,small {
font-size: 80%;
font-weight: 400
}
.mark,mark {
padding: .2em;
background-color: #fcf8e3
}
.list-inline,.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .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: "— "
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 576px) {
.container,.container-sm {
max-width:420px
}
}
@media (min-width: 768px) {
.container,.container-md,.container-sm {
max-width:720px
}
}
@media (min-width: 900px) {
.container,.container-lg,.container-md,.container-sm {
max-width:900px
}
}
@media (min-width: 1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width:1140px
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col,.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-auto,.col-fhd,.col-fhd-1,.col-fhd-2,.col-fhd-3,.col-fhd-4,.col-fhd-5,.col-fhd-6,.col-fhd-7,.col-fhd-8,.col-fhd-9,.col-fhd-10,.col-fhd-11,.col-fhd-12,.col-fhd-auto,.col-lg,.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-auto,.col-md,.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-auto,.col-qhd,.col-qhd-1,.col-qhd-2,.col-qhd-3,.col-qhd-4,.col-qhd-5,.col-qhd-6,.col-qhd-7,.col-qhd-8,.col-qhd-9,.col-qhd-10,.col-qhd-11,.col-qhd-12,.col-qhd-auto,.col-sm,.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-auto,.col-uhd,.col-uhd-1,.col-uhd-2,.col-uhd-3,.col-uhd-4,.col-uhd-5,.col-uhd-6,.col-uhd-7,.col-uhd-8,.col-uhd-9,.col-uhd-10,.col-uhd-11,.col-uhd-12,.col-uhd-auto,.col-xl,.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-auto,.col-xxl,.col-xxl-1,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-2 {
margin-left: 16.6666666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.3333333333%
}
.offset-5 {
margin-left: 41.6666666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.3333333333%
}
.offset-8 {
margin-left: 66.6666666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.3333333333%
}
.offset-11 {
margin-left: 91.6666666667%
}
@media (min-width: 576px) {
.col-sm {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}
.row-cols-sm-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-sm-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-sm-2 {
margin-left: 16.6666666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.3333333333%
}
.offset-sm-5 {
margin-left: 41.6666666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.3333333333%
}
.offset-sm-8 {
margin-left: 66.6666666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.3333333333%
}
.offset-sm-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 768px) {
.col-md {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}
.row-cols-md-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-md-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-md-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-md-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-md-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-md-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-md-2 {
margin-left: 16.6666666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.3333333333%
}
.offset-md-5 {
margin-left: 41.6666666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.3333333333%
}
.offset-md-8 {
margin-left: 66.6666666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.3333333333%
}
.offset-md-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 900px) {
.col-lg {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}
.row-cols-lg-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-lg-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-lg-2 {
margin-left: 16.6666666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.3333333333%
}
.offset-lg-5 {
margin-left: 41.6666666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.3333333333%
}
.offset-lg-8 {
margin-left: 66.6666666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.3333333333%
}
.offset-lg-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}
.row-cols-xl-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-xl-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-xl-2 {
margin-left: 16.6666666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.3333333333%
}
.offset-xl-5 {
margin-left: 41.6666666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.3333333333%
}
.offset-xl-8 {
margin-left: 66.6666666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.3333333333%
}
.offset-xl-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 1600px) {
.col-xxl {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}
.row-cols-xxl-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xxl-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xxl-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-xxl-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xxl-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xxl-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-xxl-first {
order: -1
}
.order-xxl-last {
order: 13
}
.order-xxl-0 {
order: 0
}
.order-xxl-1 {
order: 1
}
.order-xxl-2 {
order: 2
}
.order-xxl-3 {
order: 3
}
.order-xxl-4 {
order: 4
}
.order-xxl-5 {
order: 5
}
.order-xxl-6 {
order: 6
}
.order-xxl-7 {
order: 7
}
.order-xxl-8 {
order: 8
}
.order-xxl-9 {
order: 9
}
.order-xxl-10 {
order: 10
}
.order-xxl-11 {
order: 11
}
.order-xxl-12 {
order: 12
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.3333333333%
}
.offset-xxl-2 {
margin-left: 16.6666666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.3333333333%
}
.offset-xxl-5 {
margin-left: 41.6666666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.3333333333%
}
.offset-xxl-8 {
margin-left: 66.6666666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.3333333333%
}
.offset-xxl-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 1800px) {
.col-fhd {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}
.row-cols-fhd-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-fhd-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-fhd-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-fhd-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-fhd-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-fhd-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-fhd-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-fhd-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-fhd-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-fhd-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-fhd-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-fhd-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-fhd-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-fhd-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-fhd-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-fhd-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-fhd-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-fhd-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.col-fhd-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-fhd-first {
order: -1
}
.order-fhd-last {
order: 13
}
.order-fhd-0 {
order: 0
}
.order-fhd-1 {
order: 1
}
.order-fhd-2 {
order: 2
}
.order-fhd-3 {
order: 3
}
.order-fhd-4 {
order: 4
}
.order-fhd-5 {
order: 5
}
.order-fhd-6 {
order: 6
}
.order-fhd-7 {
order: 7
}
.order-fhd-8 {
order: 8
}
.order-fhd-9 {
order: 9
}
.order-fhd-10 {
order: 10
}
.order-fhd-11 {
order: 11
}
.order-fhd-12 {
order: 12
}
.offset-fhd-0 {
margin-left: 0
}
.offset-fhd-1 {
margin-left: 8.3333333333%
}
.offset-fhd-2 {
margin-left: 16.6666666667%
}
.offset-fhd-3 {
margin-left: 25%
}
.offset-fhd-4 {
margin-left: 33.3333333333%
}
.offset-fhd-5 {
margin-left: 41.6666666667%
}
.offset-fhd-6 {
margin-left: 50%
}
.offset-fhd-7 {
margin-left: 58.3333333333%
}
.offset-fhd-8 {
margin-left: 66.6666666667%
}
.offset-fhd-9 {
margin-left: 75%
}
.offset-fhd-10 {
margin-left: 83.3333333333%
}
.offset-fhd-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 2560px) {
.col-qhd {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}
.row-cols-qhd-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-qhd-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-qhd-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-qhd-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-qhd-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-qhd-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-qhd-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-qhd-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-qhd-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-qhd-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-qhd-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-qhd-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-qhd-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-qhd-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-qhd-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-qhd-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-qhd-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-qhd-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.col-qhd-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-qhd-first {
order: -1
}
.order-qhd-last {
order: 13
}
.order-qhd-0 {
order: 0
}
.order-qhd-1 {
order: 1
}
.order-qhd-2 {
order: 2
}
.order-qhd-3 {
order: 3
}
.order-qhd-4 {
order: 4
}
.order-qhd-5 {
order: 5
}
.order-qhd-6 {
order: 6
}
.order-qhd-7 {
order: 7
}
.order-qhd-8 {
order: 8
}
.order-qhd-9 {
order: 9
}
.order-qhd-10 {
order: 10
}
.order-qhd-11 {
order: 11
}
.order-qhd-12 {
order: 12
}
.offset-qhd-0 {
margin-left: 0
}
.offset-qhd-1 {
margin-left: 8.3333333333%
}
.offset-qhd-2 {
margin-left: 16.6666666667%
}
.offset-qhd-3 {
margin-left: 25%
}
.offset-qhd-4 {
margin-left: 33.3333333333%
}
.offset-qhd-5 {
margin-left: 41.6666666667%
}
.offset-qhd-6 {
margin-left: 50%
}
.offset-qhd-7 {
margin-left: 58.3333333333%
}
.offset-qhd-8 {
margin-left: 66.6666666667%
}
.offset-qhd-9 {
margin-left: 75%
}
.offset-qhd-10 {
margin-left: 83.3333333333%
}
.offset-qhd-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 3840px) {
.col-uhd {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}
.row-cols-uhd-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-uhd-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-uhd-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-uhd-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-uhd-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-uhd-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-uhd-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-uhd-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-uhd-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-uhd-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-uhd-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-uhd-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-uhd-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-uhd-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-uhd-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-uhd-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-uhd-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-uhd-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.col-uhd-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-uhd-first {
order: -1
}
.order-uhd-last {
order: 13
}
.order-uhd-0 {
order: 0
}
.order-uhd-1 {
order: 1
}
.order-uhd-2 {
order: 2
}
.order-uhd-3 {
order: 3
}
.order-uhd-4 {
order: 4
}
.order-uhd-5 {
order: 5
}
.order-uhd-6 {
order: 6
}
.order-uhd-7 {
order: 7
}
.order-uhd-8 {
order: 8
}
.order-uhd-9 {
order: 9
}
.order-uhd-10 {
order: 10
}
.order-uhd-11 {
order: 11
}
.order-uhd-12 {
order: 12
}
.offset-uhd-0 {
margin-left: 0
}
.offset-uhd-1 {
margin-left: 8.3333333333%
}
.offset-uhd-2 {
margin-left: 16.6666666667%
}
.offset-uhd-3 {
margin-left: 25%
}
.offset-uhd-4 {
margin-left: 33.3333333333%
}
.offset-uhd-5 {
margin-left: 41.6666666667%
}
.offset-uhd-6 {
margin-left: 50%
}
.offset-uhd-7 {
margin-left: 58.3333333333%
}
.offset-uhd-8 {
margin-left: 66.6666666667%
}
.offset-uhd-9 {
margin-left: 75%
}
.offset-uhd-10 {
margin-left: 83.3333333333%
}
.offset-uhd-11 {
margin-left: 91.6666666667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table td,.table th {
padding: .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 td,.table-sm th {
padding: .3rem
}
.table-bordered,.table-bordered td,.table-bordered th {
border: 1px solid #dee2e6
}
.table-bordered thead td,.table-bordered thead th {
border-bottom-width: 2px
}
.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #0000000d
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0,0,0,.075)
}
.table-primary,.table-primary>td,.table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
border-color: #7abaff
}
.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary,.table-secondary>td,.table-secondary>th {
background-color: #d6d8db
}
.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success,.table-success>td,.table-success>th {
background-color: #c8f1bb
}
.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
border-color: #98e480
}
.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
background-color: #b7eda6
}
.table-info,.table-info>td,.table-info>th {
background-color: #bee5eb
}
.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
border-color: #86cfda
}
.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning,.table-warning>td,.table-warning>th {
background-color: #ffeeba
}
.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
border-color: #ffdf7e
}
.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger,.table-danger>td,.table-danger>th {
background-color: #ffb8b8
}
.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
border-color: #ff7a7a
}
.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
background-color: #ff9f9f
}
.table-light,.table-light>td,.table-light>th {
background-color: #fdfdfe
}
.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
border-color: #fbfcfc
}
.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark,.table-dark>td,.table-dark>th {
background-color: #c6c8ca
}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
border-color: #95999c
}
.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
background-color: rgba(0,0,0,.075)
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark td,.table-dark th,.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: #ffffff0d
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: hsla(0,0%,100%,.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: 899.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
}
}
@media (max-width: 1599.98px) {
.table-responsive-xxl {
display:block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xxl>.table-bordered {
border: 0
}
}
@media (max-width: 1799.98px) {
.table-responsive-fhd {
display:block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-fhd>.table-bordered {
border: 0
}
}
@media (max-width: 2559.98px) {
.table-responsive-qhd {
display:block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-qhd>.table-bordered {
border: 0
}
}
@media (max-width: 3839.98px) {
.table-responsive-uhd {
display:block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-uhd>.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 + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none
}
}
.form-control::-ms-expand {
background-color: initial;
border: 0
}
.form-control:-moz-focusring {
color: #0000;
text-shadow: 0 0 0 #495057
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #ced4da;
outline: 0;
box-shadow: 0 0 0 0 inherit
}
.form-control::placeholder {
color: #898989;
opacity: 1
}
.form-control:disabled,.form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
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(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
background-color: initial;
border: solid #0000;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.5em + .5rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[multiple],select.form-control[size],textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .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: .3rem;
margin-left: -1.25rem
}
.form-check-input:disabled~.form-check-label,.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: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #39cc0b
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: #39cc0be6;
border-radius: .25rem
}
.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip {
left: 5px
}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
display: block
}
.form-control.is-valid,.was-validated .form-control:valid {
border-color: #39cc0b;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2339CC0B' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
border-color: #39cc0b;
box-shadow: 0 0 0 0 #39cc0b40
}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,.was-validated .custom-select:valid {
border-color: #39cc0b;
padding-right: calc(.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2339CC0B' 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") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
border-color: #39cc0b;
box-shadow: 0 0 0 0 #39cc0b40
}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
color: #39cc0b
}
.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
color: #39cc0b
}
.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before {
border-color: #39cc0b
}
.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
border-color: #4cf317;
background-color: #4cf317
}
.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
box-shadow: 0 0 0 0 #39cc0b40
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:valid~.custom-file-label {
border-color: #39cc0b
}
.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color: #39cc0b;
box-shadow: 0 0 0 0 #39cc0b40
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: red
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: #ff0000e6;
border-radius: .25rem
}
.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip {
left: 5px
}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
display: block
}
.form-control.is-invalid,.was-validated .form-control:invalid {
border-color: red;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF0000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF0000' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
border-color: red;
box-shadow: 0 0 0 0 #ff000040
}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,.was-validated .custom-select:invalid {
border-color: red;
padding-right: calc(.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF0000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF0000' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
border-color: red;
box-shadow: 0 0 0 0 #ff000040
}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
color: red
}
.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
display: block
}
.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
color: red
}
.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before {
border-color: red
}
.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
border-color: #f33;
background-color: #f33
}
.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
box-shadow: 0 0 0 0 #ff000040
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:invalid~.custom-file-label {
border-color: red
}
.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color: red;
box-shadow: 0 0 0 0 #ff000040
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width: 576px) {
.form-inline label {
justify-content:center
}
.form-inline .form-group,.form-inline label {
display: flex;
align-items: center;
margin-bottom: 0
}
.form-inline .form-group {
flex: 0 0 auto;
flex-flow: row wrap
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select,.form-inline .input-group {
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: .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: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
background-color: initial;
border: 1px solid #0000;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
text-decoration: none
}
.btn.focus,.btn:focus {
outline: 0;
box-shadow: 0 0 0 0 inherit
}
.btn.disabled,.btn:disabled {
opacity: .65
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
a.btn.disabled,fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary.focus,.btn-primary:focus {
box-shadow: 0 0 0 0 #268fff80
}
.btn-primary.disabled,.btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.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 #268fff80
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary.focus,.btn-secondary:focus {
box-shadow: 0 0 0 0 #828a9180
}
.btn-secondary.disabled,.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0 #828a9180
}
.btn-success {
color: #fff;
background-color: #39cc0b;
border-color: #39cc0b
}
.btn-success.focus,.btn-success:focus,.btn-success:hover {
color: #fff;
background-color: #2fa809;
border-color: #2b9c08
}
.btn-success.focus,.btn-success:focus {
box-shadow: 0 0 0 0 #57d43080
}
.btn-success.disabled,.btn-success:disabled {
color: #fff;
background-color: #39cc0b;
border-color: #39cc0b
}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #2b9c08;
border-color: #289008
}
.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 #57d43080
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info.focus,.btn-info:focus,.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info.focus,.btn-info:focus {
box-shadow: 0 0 0 0 #3ab0c380
}
.btn-info.disabled,.btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.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 #3ab0c380
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning.focus,.btn-warning:focus,.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning.focus,.btn-warning:focus {
box-shadow: 0 0 0 0 #deaa0c80
}
.btn-warning.disabled,.btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.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 #deaa0c80
}
.btn-danger {
color: #fff;
background-color: red;
border-color: red
}
.btn-danger.focus,.btn-danger:focus,.btn-danger:hover {
color: #fff;
background-color: #d90000;
border-color: #c00
}
.btn-danger.focus,.btn-danger:focus {
box-shadow: 0 0 0 0 #ff262680
}
.btn-danger.disabled,.btn-danger:disabled {
color: #fff;
background-color: red;
border-color: red
}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #c00;
border-color: #bf0000
}
.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 #ff262680
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light.focus,.btn-light:focus,.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light.focus,.btn-light:focus {
box-shadow: 0 0 0 0 #d8d9db80
}
.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 #d8d9db80
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark.focus,.btn-dark:focus,.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark.focus,.btn-dark:focus {
box-shadow: 0 0 0 0 #52585d80
}
.btn-dark.disabled,.btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.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 #52585d80
}
.btn-outline-primary {
color: #007bff;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary.focus,.btn-outline-primary:focus {
box-shadow: 0 0 0 0 #007bff80
}
.btn-outline-primary.disabled,.btn-outline-primary:disabled {
color: #007bff;
background-color: initial
}
.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: #007bff;
border-color: #007bff
}
.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 #007bff80
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary.focus,.btn-outline-secondary:focus {
box-shadow: 0 0 0 0 #6c757d80
}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
color: #6c757d;
background-color: initial
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0 #6c757d80
}
.btn-outline-success {
color: #39cc0b;
border-color: #39cc0b
}
.btn-outline-success:hover {
color: #fff;
background-color: #39cc0b;
border-color: #39cc0b
}
.btn-outline-success.focus,.btn-outline-success:focus {
box-shadow: 0 0 0 0 #39cc0b80
}
.btn-outline-success.disabled,.btn-outline-success:disabled {
color: #39cc0b;
background-color: initial
}
.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: #39cc0b;
border-color: #39cc0b
}
.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 #39cc0b80
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info.focus,.btn-outline-info:focus {
box-shadow: 0 0 0 0 #17a2b880
}
.btn-outline-info.disabled,.btn-outline-info:disabled {
color: #17a2b8;
background-color: initial
}
.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: #17a2b8;
border-color: #17a2b8
}
.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 #17a2b880
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning.focus,.btn-outline-warning:focus {
box-shadow: 0 0 0 0 #ffc10780
}
.btn-outline-warning.disabled,.btn-outline-warning:disabled {
color: #ffc107;
background-color: initial
}
.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: #ffc107;
border-color: #ffc107
}
.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 #ffc10780
}
.btn-outline-danger {
color: red;
border-color: red
}
.btn-outline-danger:hover {
color: #fff;
background-color: red;
border-color: red
}
.btn-outline-danger.focus,.btn-outline-danger:focus {
box-shadow: 0 0 0 0 #ff000080
}
.btn-outline-danger.disabled,.btn-outline-danger:disabled {
color: red;
background-color: initial
}
.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: red;
border-color: red
}
.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 #ff000080
}
.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 #f8f9fa80
}
.btn-outline-light.disabled,.btn-outline-light:disabled {
color: #f8f9fa;
background-color: initial
}
.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 #f8f9fa80
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark.focus,.btn-outline-dark:focus {
box-shadow: 0 0 0 0 #343a4080
}
.btn-outline-dark.disabled,.btn-outline-dark:disabled {
color: #343a40;
background-color: initial
}
.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: #343a40;
border-color: #343a40
}
.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 #343a4080
}
.btn-link {
font-weight: 400;
color: #007bff;
text-decoration: none
}
.btn-link:hover {
color: #0056b3
}
.btn-link.focus,.btn-link:focus,.btn-link:hover {
text-decoration: underline
}
.btn-link.disabled,.btn-link:disabled {
color: #6c757d;
pointer-events: none
}
.btn-group-lg>.btn,.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.btn-group-sm>.btn,.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: .5rem
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width: 100%
}
.dropdown,.dropleft,.dropright,.dropup {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.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: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #00000026;
border-radius: .25rem
}
.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: 900px) {
.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
}
}
@media (min-width: 1600px) {
.dropdown-menu-xxl-left {
right:auto;
left: 0
}
.dropdown-menu-xxl-right {
right: 0;
left: auto
}
}
@media (min-width: 1800px) {
.dropdown-menu-fhd-left {
right:auto;
left: 0
}
.dropdown-menu-fhd-right {
right: 0;
left: auto
}
}
@media (min-width: 2560px) {
.dropdown-menu-qhd-left {
right:auto;
left: 0
}
.dropdown-menu-qhd-right {
right: 0;
left: auto
}
}
@media (min-width: 3840px) {
.dropdown-menu-uhd-left {
right:auto;
left: 0
}
.dropdown-menu-uhd-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid #0000;
border-bottom: .3em solid;
border-left: .3em solid #0000
}
.dropup .dropdown-toggle:empty:after {
margin-left: 0
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid #0000;
border-right: 0;
border-bottom: .3em solid #0000;
border-left: .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: .125rem
}
.dropleft .dropdown-toggle:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
display: none
}
.dropleft .dropdown-toggle:before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid #0000;
border-right: .3em solid;
border-bottom: .3em solid #0000
}
.dropleft .dropdown-toggle:empty:after {
margin-left: 0
}
.dropleft .dropdown-toggle:before {
vertical-align: 0
}
.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: initial;
border: 0
}
.dropdown-item:focus,.dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #e9ecef
}
.dropdown-item.active,.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: inherit
}
.dropdown-item.disabled,.dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: initial
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: .875rem;
color: #6c757d;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group,.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,.btn-group>.btn {
position: relative;
flex: 1 1 auto
}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
z-index: 1
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
margin-left: -1px
}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
margin-left: 0
}
.dropleft .dropdown-toggle-split:before {
margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .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-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
margin-bottom: 0
}
.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio] {
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>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0
}
.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control {
margin-left: -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display: flex;
align-items: center
}
.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-append,.input-group-prepend {
display: flex
}
.input-group-append .btn,.input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn:focus,.input-group-prepend .btn:focus {
z-index: 3
}
.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: flex;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
margin-top: 0
}
.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) {
height: calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) {
height: calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.input-group-lg>.custom-select,.input-group-sm>.custom-select {
padding-right: 1.75rem
}
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:focus,.nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid #0000;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: initial;
border-color: #0000
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius: .25rem
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
color: #000;
background-color: #f0f0f0
}
.nav-fill .nav-item,.nav-fill>.nav-link {
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item,.nav-justified>.nav-link {
flex-basis: 0;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: initial;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card>.card-header+.list-group,.card>.list-group+.card-footer {
border-top: 0
}
.card-body {
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem
}
.card-title {
margin-bottom: .75rem
}
.card-subtitle {
margin-top: -.375rem
}
.card-subtitle,.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1.25rem
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: #00000008;
border-bottom: 1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
padding: .75rem 1.25rem;
background-color: #00000008;
border-top: 1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-bottom: -.75rem;
border-bottom: 0
}
.card-header-pills,.card-header-tabs {
margin-right: -.625rem;
margin-left: -.625rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
border-radius: calc(.25rem - 1px)
}
.card-img,.card-img-bottom,.card-img-top {
flex-shrink: 0;
width: 100%
}
.card-img,.card-img-top {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img,.card-img-bottom {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width: 576px) {
.card-deck {
display:flex;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group>.card {
margin-bottom: 15px
}
@media (min-width: 576px) {
.card-group {
display:flex;
flex-flow: row wrap
}
.card-group>.card {
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom: .75rem
}
@media (min-width: 576px) {
.card-columns {
column-count:3;
grid-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion {
overflow-anchor: none
}
.accordion>.card {
overflow: hidden
}
.accordion>.card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card>.card-header {
border-radius: 0;
margin-bottom: -1px
}
.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: initial;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
.badge {
transition: none
}
}
a.badge:focus,a.badge:hover {
text-decoration: none
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #007bff
}
a.badge-primary:focus,a.badge-primary:hover {
color: #fff;
background-color: #0062cc
}
a.badge-primary.focus,a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 0 #007bff80
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
a.badge-secondary:focus,a.badge-secondary:hover {
color: #fff;
background-color: #545b62
}
a.badge-secondary.focus,a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 0 #6c757d80
}
.badge-success {
color: #fff;
background-color: #39cc0b
}
a.badge-success:focus,a.badge-success:hover {
color: #fff;
background-color: #2b9c08
}
a.badge-success.focus,a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 0 #39cc0b80
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
a.badge-info:focus,a.badge-info:hover {
color: #fff;
background-color: #117a8b
}
a.badge-info.focus,a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 0 #17a2b880
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
a.badge-warning:focus,a.badge-warning:hover {
color: #212529;
background-color: #d39e00
}
a.badge-warning.focus,a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 0 #ffc10780
}
.badge-danger {
color: #fff;
background-color: red
}
a.badge-danger:focus,a.badge-danger:hover {
color: #fff;
background-color: #c00
}
a.badge-danger.focus,a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 0 #ff000080
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
a.badge-light:focus,a.badge-light:hover {
color: #212529;
background-color: #dae0e5
}
a.badge-light.focus,a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 0 #f8f9fa80
}
.badge-dark {
color: #fff;
background-color: #343a40
}
a.badge-dark:focus,a.badge-dark:hover {
color: #fff;
background-color: #1d2124
}
a.badge-dark.focus,a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 0 #343a4080
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid #0000;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #1e6a06;
background-color: #d7f5ce;
border-color: #c8f1bb
}
.alert-success hr {
border-top-color: #b7eda6
}
.alert-success .alert-link {
color: #103a03
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #850000;
background-color: #fcc;
border-color: #ffb8b8
}
.alert-danger hr {
border-top-color: #ff9f9f
}
.alert-danger .alert-link {
color: #520000
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
.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):focus,.close:not(:disabled):not(.disabled):hover {
opacity: .75
}
button.close {
padding: 0;
background-color: initial;
border: 0
}
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: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translateY(-50px)
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
transform: none
}
.modal.modal-static .modal-dialog {
transform: scale(1.02)
}
.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-footer,.modal-dialog-scrollable .modal-header {
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);
height: -webkit-min-content;
height: min-content;
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 #0003;
border-radius: .3rem;
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: .5
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
padding: 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;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: .75rem;
border-top: 0 solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
margin: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width: 576px) {
.modal-dialog {
max-width:600px;
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);
height: -webkit-min-content;
height: min-content
}
.modal-sm {
max-width: 300px
}
}
@media (min-width: 900px) {
.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: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,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: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow:before {
position: absolute;
content: "";
border-color: #0000;
border-style: solid
}
.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before {
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
top: 0;
left: 0;
z-index: 1060;
max-width: 276px;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,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: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #0003;
border-radius: .3rem
}
.popover,.popover .arrow {
position: absolute;
display: block
}
.popover .arrow {
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow:after,.popover .arrow:before {
position: absolute;
display: block;
content: "";
border-color: #0000;
border-style: solid
}
.bs-popover-auto[x-placement^=top],.bs-popover-top {
margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow {
bottom: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=top]>.arrow:before,.bs-popover-top>.arrow:before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: #00000040
}
.bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right],.bs-popover-right {
margin-left: .5rem
}
.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow {
left: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow:before,.bs-popover-right>.arrow:before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: #00000040
}
.bs-popover-auto[x-placement^=right]>.arrow:after,.bs-popover-right>.arrow:after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow {
top: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=bottom]>.arrow:before,.bs-popover-bottom>.arrow:before {
top: 0;
border-width: 0 .5rem .5rem;
border-bottom-color: #00000040
}
.bs-popover-auto[x-placement^=bottom]>.arrow:after,.bs-popover-bottom>.arrow:after {
top: 1px;
border-width: 0 .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],.bs-popover-left {
margin-right: .5rem
}
.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow {
right: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow:before,.bs-popover-left>.arrow:before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #00000040
}
.bs-popover-auto[x-placement^=left]>.arrow:after,.bs-popover-left>.arrow:after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.align-baseline {
vertical-align: initial!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: #007bff!important
}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
background-color: #0062cc!important
}
.bg-secondary {
background-color: #6c757d!important
}
a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
background-color: #545b62!important
}
.bg-success {
background-color: #39cc0b!important
}
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
background-color: #2b9c08!important
}
.bg-info {
background-color: #17a2b8!important
}
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
background-color: #117a8b!important
}
.bg-warning {
background-color: #ffc107!important
}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
background-color: #d39e00!important
}
.bg-danger {
background-color: red!important
}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
background-color: #c00!important
}
.bg-light {
background-color: #f8f9fa!important
}
a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
background-color: #dae0e5!important
}
.bg-dark {
background-color: #343a40!important
}
a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
background-color: #1d2124!important
}
.bg-white {
background-color: #fff!important
}
.bg-transparent {
background-color: initial!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: #007bff!important
}
.border-secondary {
border-color: #6c757d!important
}
.border-success {
border-color: #39cc0b!important
}
.border-info {
border-color: #17a2b8!important
}
.border-warning {
border-color: #ffc107!important
}
.border-danger {
border-color: red!important
}
.border-light {
border-color: #f8f9fa!important
}
.border-dark {
border-color: #343a40!important
}
.border-white {
border-color: #fff!important
}
.rounded-sm {
border-radius: .2rem!important
}
.rounded {
border-radius: .25rem!important
}
.rounded-top {
border-top-left-radius: .25rem!important
}
.rounded-right,.rounded-top {
border-top-right-radius: .25rem!important
}
.rounded-bottom,.rounded-right {
border-bottom-right-radius: .25rem!important
}
.rounded-bottom,.rounded-left {
border-bottom-left-radius: .25rem!important
}
.rounded-left {
border-top-left-radius: .25rem!important
}
.rounded-lg {
border-radius: .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: 900px) {
.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 (min-width: 1600px) {
.d-xxl-none {
display:none!important
}
.d-xxl-inline {
display: inline!important
}
.d-xxl-inline-block {
display: inline-block!important
}
.d-xxl-block {
display: block!important
}
.d-xxl-table {
display: table!important
}
.d-xxl-table-row {
display: table-row!important
}
.d-xxl-table-cell {
display: table-cell!important
}
.d-xxl-flex {
display: flex!important
}
.d-xxl-inline-flex {
display: inline-flex!important
}
}
@media (min-width: 1800px) {
.d-fhd-none {
display:none!important
}
.d-fhd-inline {
display: inline!important
}
.d-fhd-inline-block {
display: inline-block!important
}
.d-fhd-block {
display: block!important
}
.d-fhd-table {
display: table!important
}
.d-fhd-table-row {
display: table-row!important
}
.d-fhd-table-cell {
display: table-cell!important
}
.d-fhd-flex {
display: flex!important
}
.d-fhd-inline-flex {
display: inline-flex!important
}
}
@media (min-width: 2560px) {
.d-qhd-none {
display:none!important
}
.d-qhd-inline {
display: inline!important
}
.d-qhd-inline-block {
display: inline-block!important
}
.d-qhd-block {
display: block!important
}
.d-qhd-table {
display: table!important
}
.d-qhd-table-row {
display: table-row!important
}
.d-qhd-table-cell {
display: table-cell!important
}
.d-qhd-flex {
display: flex!important
}
.d-qhd-inline-flex {
display: inline-flex!important
}
}
@media (min-width: 3840px) {
.d-uhd-none {
display:none!important
}
.d-uhd-inline {
display: inline!important
}
.d-uhd-inline-block {
display: inline-block!important
}
.d-uhd-block {
display: block!important
}
.d-uhd-table {
display: table!important
}
.d-uhd-table-row {
display: table-row!important
}
.d-uhd-table-cell {
display: table-cell!important
}
.d-uhd-flex {
display: flex!important
}
.d-uhd-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 embed,.embed-responsive iframe,.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.8571428571%
}
.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: 900px) {
.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
}
}
@media (min-width: 1600px) {
.flex-xxl-row {
flex-direction:row!important
}
.flex-xxl-column {
flex-direction: column!important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse!important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse!important
}
.flex-xxl-wrap {
flex-wrap: wrap!important
}
.flex-xxl-nowrap {
flex-wrap: nowrap!important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.flex-xxl-fill {
flex: 1 1 auto!important
}
.flex-xxl-grow-0 {
flex-grow: 0!important
}
.flex-xxl-grow-1 {
flex-grow: 1!important
}
.flex-xxl-shrink-0 {
flex-shrink: 0!important
}
.flex-xxl-shrink-1 {
flex-shrink: 1!important
}
.justify-content-xxl-start {
justify-content: flex-start!important
}
.justify-content-xxl-end {
justify-content: flex-end!important
}
.justify-content-xxl-center {
justify-content: center!important
}
.justify-content-xxl-between {
justify-content: space-between!important
}
.justify-content-xxl-around {
justify-content: space-around!important
}
.align-items-xxl-start {
align-items: flex-start!important
}
.align-items-xxl-end {
align-items: flex-end!important
}
.align-items-xxl-center {
align-items: center!important
}
.align-items-xxl-baseline {
align-items: baseline!important
}
.align-items-xxl-stretch {
align-items: stretch!important
}
.align-content-xxl-start {
align-content: flex-start!important
}
.align-content-xxl-end {
align-content: flex-end!important
}
.align-content-xxl-center {
align-content: center!important
}
.align-content-xxl-between {
align-content: space-between!important
}
.align-content-xxl-around {
align-content: space-around!important
}
.align-content-xxl-stretch {
align-content: stretch!important
}
.align-self-xxl-auto {
align-self: auto!important
}
.align-self-xxl-start {
align-self: flex-start!important
}
.align-self-xxl-end {
align-self: flex-end!important
}
.align-self-xxl-center {
align-self: center!important
}
.align-self-xxl-baseline {
align-self: baseline!important
}
.align-self-xxl-stretch {
align-self: stretch!important
}
}
@media (min-width: 1800px) {
.flex-fhd-row {
flex-direction:row!important
}
.flex-fhd-column {
flex-direction: column!important
}
.flex-fhd-row-reverse {
flex-direction: row-reverse!important
}
.flex-fhd-column-reverse {
flex-direction: column-reverse!important
}
.flex-fhd-wrap {
flex-wrap: wrap!important
}
.flex-fhd-nowrap {
flex-wrap: nowrap!important
}
.flex-fhd-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.flex-fhd-fill {
flex: 1 1 auto!important
}
.flex-fhd-grow-0 {
flex-grow: 0!important
}
.flex-fhd-grow-1 {
flex-grow: 1!important
}
.flex-fhd-shrink-0 {
flex-shrink: 0!important
}
.flex-fhd-shrink-1 {
flex-shrink: 1!important
}
.justify-content-fhd-start {
justify-content: flex-start!important
}
.justify-content-fhd-end {
justify-content: flex-end!important
}
.justify-content-fhd-center {
justify-content: center!important
}
.justify-content-fhd-between {
justify-content: space-between!important
}
.justify-content-fhd-around {
justify-content: space-around!important
}
.align-items-fhd-start {
align-items: flex-start!important
}
.align-items-fhd-end {
align-items: flex-end!important
}
.align-items-fhd-center {
align-items: center!important
}
.align-items-fhd-baseline {
align-items: baseline!important
}
.align-items-fhd-stretch {
align-items: stretch!important
}
.align-content-fhd-start {
align-content: flex-start!important
}
.align-content-fhd-end {
align-content: flex-end!important
}
.align-content-fhd-center {
align-content: center!important
}
.align-content-fhd-between {
align-content: space-between!important
}
.align-content-fhd-around {
align-content: space-around!important
}
.align-content-fhd-stretch {
align-content: stretch!important
}
.align-self-fhd-auto {
align-self: auto!important
}
.align-self-fhd-start {
align-self: flex-start!important
}
.align-self-fhd-end {
align-self: flex-end!important
}
.align-self-fhd-center {
align-self: center!important
}
.align-self-fhd-baseline {
align-self: baseline!important
}
.align-self-fhd-stretch {
align-self: stretch!important
}
}
@media (min-width: 2560px) {
.flex-qhd-row {
flex-direction:row!important
}
.flex-qhd-column {
flex-direction: column!important
}
.flex-qhd-row-reverse {
flex-direction: row-reverse!important
}
.flex-qhd-column-reverse {
flex-direction: column-reverse!important
}
.flex-qhd-wrap {
flex-wrap: wrap!important
}
.flex-qhd-nowrap {
flex-wrap: nowrap!important
}
.flex-qhd-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.flex-qhd-fill {
flex: 1 1 auto!important
}
.flex-qhd-grow-0 {
flex-grow: 0!important
}
.flex-qhd-grow-1 {
flex-grow: 1!important
}
.flex-qhd-shrink-0 {
flex-shrink: 0!important
}
.flex-qhd-shrink-1 {
flex-shrink: 1!important
}
.justify-content-qhd-start {
justify-content: flex-start!important
}
.justify-content-qhd-end {
justify-content: flex-end!important
}
.justify-content-qhd-center {
justify-content: center!important
}
.justify-content-qhd-between {
justify-content: space-between!important
}
.justify-content-qhd-around {
justify-content: space-around!important
}
.align-items-qhd-start {
align-items: flex-start!important
}
.align-items-qhd-end {
align-items: flex-end!important
}
.align-items-qhd-center {
align-items: center!important
}
.align-items-qhd-baseline {
align-items: baseline!important
}
.align-items-qhd-stretch {
align-items: stretch!important
}
.align-content-qhd-start {
align-content: flex-start!important
}
.align-content-qhd-end {
align-content: flex-end!important
}
.align-content-qhd-center {
align-content: center!important
}
.align-content-qhd-between {
align-content: space-between!important
}
.align-content-qhd-around {
align-content: space-around!important
}
.align-content-qhd-stretch {
align-content: stretch!important
}
.align-self-qhd-auto {
align-self: auto!important
}
.align-self-qhd-start {
align-self: flex-start!important
}
.align-self-qhd-end {
align-self: flex-end!important
}
.align-self-qhd-center {
align-self: center!important
}
.align-self-qhd-baseline {
align-self: baseline!important
}
.align-self-qhd-stretch {
align-self: stretch!important
}
}
@media (min-width: 3840px) {
.flex-uhd-row {
flex-direction:row!important
}
.flex-uhd-column {
flex-direction: column!important
}
.flex-uhd-row-reverse {
flex-direction: row-reverse!important
}
.flex-uhd-column-reverse {
flex-direction: column-reverse!important
}
.flex-uhd-wrap {
flex-wrap: wrap!important
}
.flex-uhd-nowrap {
flex-wrap: nowrap!important
}
.flex-uhd-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.flex-uhd-fill {
flex: 1 1 auto!important
}
.flex-uhd-grow-0 {
flex-grow: 0!important
}
.flex-uhd-grow-1 {
flex-grow: 1!important
}
.flex-uhd-shrink-0 {
flex-shrink: 0!important
}
.flex-uhd-shrink-1 {
flex-shrink: 1!important
}
.justify-content-uhd-start {
justify-content: flex-start!important
}
.justify-content-uhd-end {
justify-content: flex-end!important
}
.justify-content-uhd-center {
justify-content: center!important
}
.justify-content-uhd-between {
justify-content: space-between!important
}
.justify-content-uhd-around {
justify-content: space-around!important
}
.align-items-uhd-start {
align-items: flex-start!important
}
.align-items-uhd-end {
align-items: flex-end!important
}
.align-items-uhd-center {
align-items: center!important
}
.align-items-uhd-baseline {
align-items: baseline!important
}
.align-items-uhd-stretch {
align-items: stretch!important
}
.align-content-uhd-start {
align-content: flex-start!important
}
.align-content-uhd-end {
align-content: flex-end!important
}
.align-content-uhd-center {
align-content: center!important
}
.align-content-uhd-between {
align-content: space-between!important
}
.align-content-uhd-around {
align-content: space-around!important
}
.align-content-uhd-stretch {
align-content: stretch!important
}
.align-self-uhd-auto {
align-self: auto!important
}
.align-self-uhd-start {
align-self: flex-start!important
}
.align-self-uhd-end {
align-self: flex-end!important
}
.align-self-uhd-center {
align-self: center!important
}
.align-self-uhd-baseline {
align-self: baseline!important
}
.align-self-uhd-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: 900px) {
.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
}
}
@media (min-width: 1600px) {
.float-xxl-left {
float:left!important
}
.float-xxl-right {
float: right!important
}
.float-xxl-none {
float: none!important
}
}
@media (min-width: 1800px) {
.float-fhd-left {
float:left!important
}
.float-fhd-right {
float: right!important
}
.float-fhd-none {
float: none!important
}
}
@media (min-width: 2560px) {
.float-qhd-left {
float:left!important
}
.float-qhd-right {
float: right!important
}
.float-qhd-none {
float: none!important
}
}
@media (min-width: 3840px) {
.float-uhd-left {
float:left!important
}
.float-uhd-right {
float: right!important
}
.float-uhd-none {
float: none!important
}
}
.user-select-all {
-webkit-user-select: all!important;
user-select: all!important
}
.user-select-auto {
-webkit-user-select: auto!important;
user-select: auto!important
}
.user-select-none {
-webkit-user-select: none!important;
user-select: 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: sticky!important
}
.fixed-top {
top: 0
}
.fixed-bottom,.fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
bottom: 0
}
@supports (position: sticky) {
.sticky-top {
position:sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow {
box-shadow: 0 .5rem 1rem #00000026!important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(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
}
.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: .25rem!important
}
.mt-1,.my-1 {
margin-top: .25rem!important
}
.mr-1,.mx-1 {
margin-right: .25rem!important
}
.mb-1,.my-1 {
margin-bottom: .25rem!important
}
.ml-1,.mx-1 {
margin-left: .25rem!important
}
.m-2 {
margin: .5rem!important
}
.mt-2,.my-2 {
margin-top: .5rem!important
}
.mr-2,.mx-2 {
margin-right: .5rem!important
}
.mb-2,.my-2 {
margin-bottom: .5rem!important
}
.ml-2,.mx-2 {
margin-left: .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: .25rem!important
}
.pt-1,.py-1 {
padding-top: .25rem!important
}
.pr-1,.px-1 {
padding-right: .25rem!important
}
.pb-1,.py-1 {
padding-bottom: .25rem!important
}
.pl-1,.px-1 {
padding-left: .25rem!important
}
.p-2 {
padding: .5rem!important
}
.pt-2,.py-2 {
padding-top: .5rem!important
}
.pr-2,.px-2 {
padding-right: .5rem!important
}
.pb-2,.py-2 {
padding-bottom: .5rem!important
}
.pl-2,.px-2 {
padding-left: .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: -.25rem!important
}
.mt-n1,.my-n1 {
margin-top: -.25rem!important
}
.mr-n1,.mx-n1 {
margin-right: -.25rem!important
}
.mb-n1,.my-n1 {
margin-bottom: -.25rem!important
}
.ml-n1,.mx-n1 {
margin-left: -.25rem!important
}
.m-n2 {
margin: -.5rem!important
}
.mt-n2,.my-n2 {
margin-top: -.5rem!important
}
.mr-n2,.mx-n2 {
margin-right: -.5rem!important
}
.mb-n2,.my-n2 {
margin-bottom: -.5rem!important
}
.ml-n2,.mx-n2 {
margin-left: -.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: .25rem!important
}
.mt-sm-1,.my-sm-1 {
margin-top: .25rem!important
}
.mr-sm-1,.mx-sm-1 {
margin-right: .25rem!important
}
.mb-sm-1,.my-sm-1 {
margin-bottom: .25rem!important
}
.ml-sm-1,.mx-sm-1 {
margin-left: .25rem!important
}
.m-sm-2 {
margin: .5rem!important
}
.mt-sm-2,.my-sm-2 {
margin-top: .5rem!important
}
.mr-sm-2,.mx-sm-2 {
margin-right: .5rem!important
}
.mb-sm-2,.my-sm-2 {
margin-bottom: .5rem!important
}
.ml-sm-2,.mx-sm-2 {
margin-left: .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: .25rem!important
}
.pt-sm-1,.py-sm-1 {
padding-top: .25rem!important
}
.pr-sm-1,.px-sm-1 {
padding-right: .25rem!important
}
.pb-sm-1,.py-sm-1 {
padding-bottom: .25rem!important
}
.pl-sm-1,.px-sm-1 {
padding-left: .25rem!important
}
.p-sm-2 {
padding: .5rem!important
}
.pt-sm-2,.py-sm-2 {
padding-top: .5rem!important
}
.pr-sm-2,.px-sm-2 {
padding-right: .5rem!important
}
.pb-sm-2,.py-sm-2 {
padding-bottom: .5rem!important
}
.pl-sm-2,.px-sm-2 {
padding-left: .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: -.25rem!important
}
.mt-sm-n1,.my-sm-n1 {
margin-top: -.25rem!important
}
.mr-sm-n1,.mx-sm-n1 {
margin-right: -.25rem!important
}
.mb-sm-n1,.my-sm-n1 {
margin-bottom: -.25rem!important
}
.ml-sm-n1,.mx-sm-n1 {
margin-left: -.25rem!important
}
.m-sm-n2 {
margin: -.5rem!important
}
.mt-sm-n2,.my-sm-n2 {
margin-top: -.5rem!important
}
.mr-sm-n2,.mx-sm-n2 {
margin-right: -.5rem!important
}
.mb-sm-n2,.my-sm-n2 {
margin-bottom: -.5rem!important
}
.ml-sm-n2,.mx-sm-n2 {
margin-left: -.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: .25rem!important
}
.mt-md-1,.my-md-1 {
margin-top: .25rem!important
}
.mr-md-1,.mx-md-1 {
margin-right: .25rem!important
}
.mb-md-1,.my-md-1 {
margin-bottom: .25rem!important
}
.ml-md-1,.mx-md-1 {
margin-left: .25rem!important
}
.m-md-2 {
margin: .5rem!important
}
.mt-md-2,.my-md-2 {
margin-top: .5rem!important
}
.mr-md-2,.mx-md-2 {
margin-right: .5rem!important
}
.mb-md-2,.my-md-2 {
margin-bottom: .5rem!important
}
.ml-md-2,.mx-md-2 {
margin-left: .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: .25rem!important
}
.pt-md-1,.py-md-1 {
padding-top: .25rem!important
}
.pr-md-1,.px-md-1 {
padding-right: .25rem!important
}
.pb-md-1,.py-md-1 {
padding-bottom: .25rem!important
}
.pl-md-1,.px-md-1 {
padding-left: .25rem!important
}
.p-md-2 {
padding: .5rem!important
}
.pt-md-2,.py-md-2 {
padding-top: .5rem!important
}
.pr-md-2,.px-md-2 {
padding-right: .5rem!important
}
.pb-md-2,.py-md-2 {
padding-bottom: .5rem!important
}
.pl-md-2,.px-md-2 {
padding-left: .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: -.25rem!important
}
.mt-md-n1,.my-md-n1 {
margin-top: -.25rem!important
}
.mr-md-n1,.mx-md-n1 {
margin-right: -.25rem!important
}
.mb-md-n1,.my-md-n1 {
margin-bottom: -.25rem!important
}
.ml-md-n1,.mx-md-n1 {
margin-left: -.25rem!important
}
.m-md-n2 {
margin: -.5rem!important
}
.mt-md-n2,.my-md-n2 {
margin-top: -.5rem!important
}
.mr-md-n2,.mx-md-n2 {
margin-right: -.5rem!important
}
.mb-md-n2,.my-md-n2 {
margin-bottom: -.5rem!important
}
.ml-md-n2,.mx-md-n2 {
margin-left: -.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: 900px) {
.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: .25rem!important
}
.mt-lg-1,.my-lg-1 {
margin-top: .25rem!important
}
.mr-lg-1,.mx-lg-1 {
margin-right: .25rem!important
}
.mb-lg-1,.my-lg-1 {
margin-bottom: .25rem!important
}
.ml-lg-1,.mx-lg-1 {
margin-left: .25rem!important
}
.m-lg-2 {
margin: .5rem!important
}
.mt-lg-2,.my-lg-2 {
margin-top: .5rem!important
}
.mr-lg-2,.mx-lg-2 {
margin-right: .5rem!important
}
.mb-lg-2,.my-lg-2 {
margin-bottom: .5rem!important
}
.ml-lg-2,.mx-lg-2 {
margin-left: .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: .25rem!important
}
.pt-lg-1,.py-lg-1 {
padding-top: .25rem!important
}
.pr-lg-1,.px-lg-1 {
padding-right: .25rem!important
}
.pb-lg-1,.py-lg-1 {
padding-bottom: .25rem!important
}
.pl-lg-1,.px-lg-1 {
padding-left: .25rem!important
}
.p-lg-2 {
padding: .5rem!important
}
.pt-lg-2,.py-lg-2 {
padding-top: .5rem!important
}
.pr-lg-2,.px-lg-2 {
padding-right: .5rem!important
}
.pb-lg-2,.py-lg-2 {
padding-bottom: .5rem!important
}
.pl-lg-2,.px-lg-2 {
padding-left: .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: -.25rem!important
}
.mt-lg-n1,.my-lg-n1 {
margin-top: -.25rem!important
}
.mr-lg-n1,.mx-lg-n1 {
margin-right: -.25rem!important
}
.mb-lg-n1,.my-lg-n1 {
margin-bottom: -.25rem!important
}
.ml-lg-n1,.mx-lg-n1 {
margin-left: -.25rem!important
}
.m-lg-n2 {
margin: -.5rem!important
}
.mt-lg-n2,.my-lg-n2 {
margin-top: -.5rem!important
}
.mr-lg-n2,.mx-lg-n2 {
margin-right: -.5rem!important
}
.mb-lg-n2,.my-lg-n2 {
margin-bottom: -.5rem!important
}
.ml-lg-n2,.mx-lg-n2 {
margin-left: -.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: .25rem!important
}
.mt-xl-1,.my-xl-1 {
margin-top: .25rem!important
}
.mr-xl-1,.mx-xl-1 {
margin-right: .25rem!important
}
.mb-xl-1,.my-xl-1 {
margin-bottom: .25rem!important
}
.ml-xl-1,.mx-xl-1 {
margin-left: .25rem!important
}
.m-xl-2 {
margin: .5rem!important
}
.mt-xl-2,.my-xl-2 {
margin-top: .5rem!important
}
.mr-xl-2,.mx-xl-2 {
margin-right: .5rem!important
}
.mb-xl-2,.my-xl-2 {
margin-bottom: .5rem!important
}
.ml-xl-2,.mx-xl-2 {
margin-left: .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: .25rem!important
}
.pt-xl-1,.py-xl-1 {
padding-top: .25rem!important
}
.pr-xl-1,.px-xl-1 {
padding-right: .25rem!important
}
.pb-xl-1,.py-xl-1 {
padding-bottom: .25rem!important
}
.pl-xl-1,.px-xl-1 {
padding-left: .25rem!important
}
.p-xl-2 {
padding: .5rem!important
}
.pt-xl-2,.py-xl-2 {
padding-top: .5rem!important
}
.pr-xl-2,.px-xl-2 {
padding-right: .5rem!important
}
.pb-xl-2,.py-xl-2 {
padding-bottom: .5rem!important
}
.pl-xl-2,.px-xl-2 {
padding-left: .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: -.25rem!important
}
.mt-xl-n1,.my-xl-n1 {
margin-top: -.25rem!important
}
.mr-xl-n1,.mx-xl-n1 {
margin-right: -.25rem!important
}
.mb-xl-n1,.my-xl-n1 {
margin-bottom: -.25rem!important
}
.ml-xl-n1,.mx-xl-n1 {
margin-left: -.25rem!important
}
.m-xl-n2 {
margin: -.5rem!important
}
.mt-xl-n2,.my-xl-n2 {
margin-top: -.5rem!important
}
.mr-xl-n2,.mx-xl-n2 {
margin-right: -.5rem!important
}
.mb-xl-n2,.my-xl-n2 {
margin-bottom: -.5rem!important
}
.ml-xl-n2,.mx-xl-n2 {
margin-left: -.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
}
}
@media (min-width: 1600px) {
.m-xxl-0 {
margin:0!important
}
.mt-xxl-0,.my-xxl-0 {
margin-top: 0!important
}
.mr-xxl-0,.mx-xxl-0 {
margin-right: 0!important
}
.mb-xxl-0,.my-xxl-0 {
margin-bottom: 0!important
}
.ml-xxl-0,.mx-xxl-0 {
margin-left: 0!important
}
.m-xxl-1 {
margin: .25rem!important
}
.mt-xxl-1,.my-xxl-1 {
margin-top: .25rem!important
}
.mr-xxl-1,.mx-xxl-1 {
margin-right: .25rem!important
}
.mb-xxl-1,.my-xxl-1 {
margin-bottom: .25rem!important
}
.ml-xxl-1,.mx-xxl-1 {
margin-left: .25rem!important
}
.m-xxl-2 {
margin: .5rem!important
}
.mt-xxl-2,.my-xxl-2 {
margin-top: .5rem!important
}
.mr-xxl-2,.mx-xxl-2 {
margin-right: .5rem!important
}
.mb-xxl-2,.my-xxl-2 {
margin-bottom: .5rem!important
}
.ml-xxl-2,.mx-xxl-2 {
margin-left: .5rem!important
}
.m-xxl-3 {
margin: 1rem!important
}
.mt-xxl-3,.my-xxl-3 {
margin-top: 1rem!important
}
.mr-xxl-3,.mx-xxl-3 {
margin-right: 1rem!important
}
.mb-xxl-3,.my-xxl-3 {
margin-bottom: 1rem!important
}
.ml-xxl-3,.mx-xxl-3 {
margin-left: 1rem!important
}
.m-xxl-4 {
margin: 1.5rem!important
}
.mt-xxl-4,.my-xxl-4 {
margin-top: 1.5rem!important
}
.mr-xxl-4,.mx-xxl-4 {
margin-right: 1.5rem!important
}
.mb-xxl-4,.my-xxl-4 {
margin-bottom: 1.5rem!important
}
.ml-xxl-4,.mx-xxl-4 {
margin-left: 1.5rem!important
}
.m-xxl-5 {
margin: 3rem!important
}
.mt-xxl-5,.my-xxl-5 {
margin-top: 3rem!important
}
.mr-xxl-5,.mx-xxl-5 {
margin-right: 3rem!important
}
.mb-xxl-5,.my-xxl-5 {
margin-bottom: 3rem!important
}
.ml-xxl-5,.mx-xxl-5 {
margin-left: 3rem!important
}
.p-xxl-0 {
padding: 0!important
}
.pt-xxl-0,.py-xxl-0 {
padding-top: 0!important
}
.pr-xxl-0,.px-xxl-0 {
padding-right: 0!important
}
.pb-xxl-0,.py-xxl-0 {
padding-bottom: 0!important
}
.pl-xxl-0,.px-xxl-0 {
padding-left: 0!important
}
.p-xxl-1 {
padding: .25rem!important
}
.pt-xxl-1,.py-xxl-1 {
padding-top: .25rem!important
}
.pr-xxl-1,.px-xxl-1 {
padding-right: .25rem!important
}
.pb-xxl-1,.py-xxl-1 {
padding-bottom: .25rem!important
}
.pl-xxl-1,.px-xxl-1 {
padding-left: .25rem!important
}
.p-xxl-2 {
padding: .5rem!important
}
.pt-xxl-2,.py-xxl-2 {
padding-top: .5rem!important
}
.pr-xxl-2,.px-xxl-2 {
padding-right: .5rem!important
}
.pb-xxl-2,.py-xxl-2 {
padding-bottom: .5rem!important
}
.pl-xxl-2,.px-xxl-2 {
padding-left: .5rem!important
}
.p-xxl-3 {
padding: 1rem!important
}
.pt-xxl-3,.py-xxl-3 {
padding-top: 1rem!important
}
.pr-xxl-3,.px-xxl-3 {
padding-right: 1rem!important
}
.pb-xxl-3,.py-xxl-3 {
padding-bottom: 1rem!important
}
.pl-xxl-3,.px-xxl-3 {
padding-left: 1rem!important
}
.p-xxl-4 {
padding: 1.5rem!important
}
.pt-xxl-4,.py-xxl-4 {
padding-top: 1.5rem!important
}
.pr-xxl-4,.px-xxl-4 {
padding-right: 1.5rem!important
}
.pb-xxl-4,.py-xxl-4 {
padding-bottom: 1.5rem!important
}
.pl-xxl-4,.px-xxl-4 {
padding-left: 1.5rem!important
}
.p-xxl-5 {
padding: 3rem!important
}
.pt-xxl-5,.py-xxl-5 {
padding-top: 3rem!important
}
.pr-xxl-5,.px-xxl-5 {
padding-right: 3rem!important
}
.pb-xxl-5,.py-xxl-5 {
padding-bottom: 3rem!important
}
.pl-xxl-5,.px-xxl-5 {
padding-left: 3rem!important
}
.m-xxl-n1 {
margin: -.25rem!important
}
.mt-xxl-n1,.my-xxl-n1 {
margin-top: -.25rem!important
}
.mr-xxl-n1,.mx-xxl-n1 {
margin-right: -.25rem!important
}
.mb-xxl-n1,.my-xxl-n1 {
margin-bottom: -.25rem!important
}
.ml-xxl-n1,.mx-xxl-n1 {
margin-left: -.25rem!important
}
.m-xxl-n2 {
margin: -.5rem!important
}
.mt-xxl-n2,.my-xxl-n2 {
margin-top: -.5rem!important
}
.mr-xxl-n2,.mx-xxl-n2 {
margin-right: -.5rem!important
}
.mb-xxl-n2,.my-xxl-n2 {
margin-bottom: -.5rem!important
}
.ml-xxl-n2,.mx-xxl-n2 {
margin-left: -.5rem!important
}
.m-xxl-n3 {
margin: -1rem!important
}
.mt-xxl-n3,.my-xxl-n3 {
margin-top: -1rem!important
}
.mr-xxl-n3,.mx-xxl-n3 {
margin-right: -1rem!important
}
.mb-xxl-n3,.my-xxl-n3 {
margin-bottom: -1rem!important
}
.ml-xxl-n3,.mx-xxl-n3 {
margin-left: -1rem!important
}
.m-xxl-n4 {
margin: -1.5rem!important
}
.mt-xxl-n4,.my-xxl-n4 {
margin-top: -1.5rem!important
}
.mr-xxl-n4,.mx-xxl-n4 {
margin-right: -1.5rem!important
}
.mb-xxl-n4,.my-xxl-n4 {
margin-bottom: -1.5rem!important
}
.ml-xxl-n4,.mx-xxl-n4 {
margin-left: -1.5rem!important
}
.m-xxl-n5 {
margin: -3rem!important
}
.mt-xxl-n5,.my-xxl-n5 {
margin-top: -3rem!important
}
.mr-xxl-n5,.mx-xxl-n5 {
margin-right: -3rem!important
}
.mb-xxl-n5,.my-xxl-n5 {
margin-bottom: -3rem!important
}
.ml-xxl-n5,.mx-xxl-n5 {
margin-left: -3rem!important
}
.m-xxl-auto {
margin: auto!important
}
.mt-xxl-auto,.my-xxl-auto {
margin-top: auto!important
}
.mr-xxl-auto,.mx-xxl-auto {
margin-right: auto!important
}
.mb-xxl-auto,.my-xxl-auto {
margin-bottom: auto!important
}
.ml-xxl-auto,.mx-xxl-auto {
margin-left: auto!important
}
}
@media (min-width: 1800px) {
.m-fhd-0 {
margin:0!important
}
.mt-fhd-0,.my-fhd-0 {
margin-top: 0!important
}
.mr-fhd-0,.mx-fhd-0 {
margin-right: 0!important
}
.mb-fhd-0,.my-fhd-0 {
margin-bottom: 0!important
}
.ml-fhd-0,.mx-fhd-0 {
margin-left: 0!important
}
.m-fhd-1 {
margin: .25rem!important
}
.mt-fhd-1,.my-fhd-1 {
margin-top: .25rem!important
}
.mr-fhd-1,.mx-fhd-1 {
margin-right: .25rem!important
}
.mb-fhd-1,.my-fhd-1 {
margin-bottom: .25rem!important
}
.ml-fhd-1,.mx-fhd-1 {
margin-left: .25rem!important
}
.m-fhd-2 {
margin: .5rem!important
}
.mt-fhd-2,.my-fhd-2 {
margin-top: .5rem!important
}
.mr-fhd-2,.mx-fhd-2 {
margin-right: .5rem!important
}
.mb-fhd-2,.my-fhd-2 {
margin-bottom: .5rem!important
}
.ml-fhd-2,.mx-fhd-2 {
margin-left: .5rem!important
}
.m-fhd-3 {
margin: 1rem!important
}
.mt-fhd-3,.my-fhd-3 {
margin-top: 1rem!important
}
.mr-fhd-3,.mx-fhd-3 {
margin-right: 1rem!important
}
.mb-fhd-3,.my-fhd-3 {
margin-bottom: 1rem!important
}
.ml-fhd-3,.mx-fhd-3 {
margin-left: 1rem!important
}
.m-fhd-4 {
margin: 1.5rem!important
}
.mt-fhd-4,.my-fhd-4 {
margin-top: 1.5rem!important
}
.mr-fhd-4,.mx-fhd-4 {
margin-right: 1.5rem!important
}
.mb-fhd-4,.my-fhd-4 {
margin-bottom: 1.5rem!important
}
.ml-fhd-4,.mx-fhd-4 {
margin-left: 1.5rem!important
}
.m-fhd-5 {
margin: 3rem!important
}
.mt-fhd-5,.my-fhd-5 {
margin-top: 3rem!important
}
.mr-fhd-5,.mx-fhd-5 {
margin-right: 3rem!important
}
.mb-fhd-5,.my-fhd-5 {
margin-bottom: 3rem!important
}
.ml-fhd-5,.mx-fhd-5 {
margin-left: 3rem!important
}
.p-fhd-0 {
padding: 0!important
}
.pt-fhd-0,.py-fhd-0 {
padding-top: 0!important
}
.pr-fhd-0,.px-fhd-0 {
padding-right: 0!important
}
.pb-fhd-0,.py-fhd-0 {
padding-bottom: 0!important
}
.pl-fhd-0,.px-fhd-0 {
padding-left: 0!important
}
.p-fhd-1 {
padding: .25rem!important
}
.pt-fhd-1,.py-fhd-1 {
padding-top: .25rem!important
}
.pr-fhd-1,.px-fhd-1 {
padding-right: .25rem!important
}
.pb-fhd-1,.py-fhd-1 {
padding-bottom: .25rem!important
}
.pl-fhd-1,.px-fhd-1 {
padding-left: .25rem!important
}
.p-fhd-2 {
padding: .5rem!important
}
.pt-fhd-2,.py-fhd-2 {
padding-top: .5rem!important
}
.pr-fhd-2,.px-fhd-2 {
padding-right: .5rem!important
}
.pb-fhd-2,.py-fhd-2 {
padding-bottom: .5rem!important
}
.pl-fhd-2,.px-fhd-2 {
padding-left: .5rem!important
}
.p-fhd-3 {
padding: 1rem!important
}
.pt-fhd-3,.py-fhd-3 {
padding-top: 1rem!important
}
.pr-fhd-3,.px-fhd-3 {
padding-right: 1rem!important
}
.pb-fhd-3,.py-fhd-3 {
padding-bottom: 1rem!important
}
.pl-fhd-3,.px-fhd-3 {
padding-left: 1rem!important
}
.p-fhd-4 {
padding: 1.5rem!important
}
.pt-fhd-4,.py-fhd-4 {
padding-top: 1.5rem!important
}
.pr-fhd-4,.px-fhd-4 {
padding-right: 1.5rem!important
}
.pb-fhd-4,.py-fhd-4 {
padding-bottom: 1.5rem!important
}
.pl-fhd-4,.px-fhd-4 {
padding-left: 1.5rem!important
}
.p-fhd-5 {
padding: 3rem!important
}
.pt-fhd-5,.py-fhd-5 {
padding-top: 3rem!important
}
.pr-fhd-5,.px-fhd-5 {
padding-right: 3rem!important
}
.pb-fhd-5,.py-fhd-5 {
padding-bottom: 3rem!important
}
.pl-fhd-5,.px-fhd-5 {
padding-left: 3rem!important
}
.m-fhd-n1 {
margin: -.25rem!important
}
.mt-fhd-n1,.my-fhd-n1 {
margin-top: -.25rem!important
}
.mr-fhd-n1,.mx-fhd-n1 {
margin-right: -.25rem!important
}
.mb-fhd-n1,.my-fhd-n1 {
margin-bottom: -.25rem!important
}
.ml-fhd-n1,.mx-fhd-n1 {
margin-left: -.25rem!important
}
.m-fhd-n2 {
margin: -.5rem!important
}
.mt-fhd-n2,.my-fhd-n2 {
margin-top: -.5rem!important
}
.mr-fhd-n2,.mx-fhd-n2 {
margin-right: -.5rem!important
}
.mb-fhd-n2,.my-fhd-n2 {
margin-bottom: -.5rem!important
}
.ml-fhd-n2,.mx-fhd-n2 {
margin-left: -.5rem!important
}
.m-fhd-n3 {
margin: -1rem!important
}
.mt-fhd-n3,.my-fhd-n3 {
margin-top: -1rem!important
}
.mr-fhd-n3,.mx-fhd-n3 {
margin-right: -1rem!important
}
.mb-fhd-n3,.my-fhd-n3 {
margin-bottom: -1rem!important
}
.ml-fhd-n3,.mx-fhd-n3 {
margin-left: -1rem!important
}
.m-fhd-n4 {
margin: -1.5rem!important
}
.mt-fhd-n4,.my-fhd-n4 {
margin-top: -1.5rem!important
}
.mr-fhd-n4,.mx-fhd-n4 {
margin-right: -1.5rem!important
}
.mb-fhd-n4,.my-fhd-n4 {
margin-bottom: -1.5rem!important
}
.ml-fhd-n4,.mx-fhd-n4 {
margin-left: -1.5rem!important
}
.m-fhd-n5 {
margin: -3rem!important
}
.mt-fhd-n5,.my-fhd-n5 {
margin-top: -3rem!important
}
.mr-fhd-n5,.mx-fhd-n5 {
margin-right: -3rem!important
}
.mb-fhd-n5,.my-fhd-n5 {
margin-bottom: -3rem!important
}
.ml-fhd-n5,.mx-fhd-n5 {
margin-left: -3rem!important
}
.m-fhd-auto {
margin: auto!important
}
.mt-fhd-auto,.my-fhd-auto {
margin-top: auto!important
}
.mr-fhd-auto,.mx-fhd-auto {
margin-right: auto!important
}
.mb-fhd-auto,.my-fhd-auto {
margin-bottom: auto!important
}
.ml-fhd-auto,.mx-fhd-auto {
margin-left: auto!important
}
}
@media (min-width: 2560px) {
.m-qhd-0 {
margin:0!important
}
.mt-qhd-0,.my-qhd-0 {
margin-top: 0!important
}
.mr-qhd-0,.mx-qhd-0 {
margin-right: 0!important
}
.mb-qhd-0,.my-qhd-0 {
margin-bottom: 0!important
}
.ml-qhd-0,.mx-qhd-0 {
margin-left: 0!important
}
.m-qhd-1 {
margin: .25rem!important
}
.mt-qhd-1,.my-qhd-1 {
margin-top: .25rem!important
}
.mr-qhd-1,.mx-qhd-1 {
margin-right: .25rem!important
}
.mb-qhd-1,.my-qhd-1 {
margin-bottom: .25rem!important
}
.ml-qhd-1,.mx-qhd-1 {
margin-left: .25rem!important
}
.m-qhd-2 {
margin: .5rem!important
}
.mt-qhd-2,.my-qhd-2 {
margin-top: .5rem!important
}
.mr-qhd-2,.mx-qhd-2 {
margin-right: .5rem!important
}
.mb-qhd-2,.my-qhd-2 {
margin-bottom: .5rem!important
}
.ml-qhd-2,.mx-qhd-2 {
margin-left: .5rem!important
}
.m-qhd-3 {
margin: 1rem!important
}
.mt-qhd-3,.my-qhd-3 {
margin-top: 1rem!important
}
.mr-qhd-3,.mx-qhd-3 {
margin-right: 1rem!important
}
.mb-qhd-3,.my-qhd-3 {
margin-bottom: 1rem!important
}
.ml-qhd-3,.mx-qhd-3 {
margin-left: 1rem!important
}
.m-qhd-4 {
margin: 1.5rem!important
}
.mt-qhd-4,.my-qhd-4 {
margin-top: 1.5rem!important
}
.mr-qhd-4,.mx-qhd-4 {
margin-right: 1.5rem!important
}
.mb-qhd-4,.my-qhd-4 {
margin-bottom: 1.5rem!important
}
.ml-qhd-4,.mx-qhd-4 {
margin-left: 1.5rem!important
}
.m-qhd-5 {
margin: 3rem!important
}
.mt-qhd-5,.my-qhd-5 {
margin-top: 3rem!important
}
.mr-qhd-5,.mx-qhd-5 {
margin-right: 3rem!important
}
.mb-qhd-5,.my-qhd-5 {
margin-bottom: 3rem!important
}
.ml-qhd-5,.mx-qhd-5 {
margin-left: 3rem!important
}
.p-qhd-0 {
padding: 0!important
}
.pt-qhd-0,.py-qhd-0 {
padding-top: 0!important
}
.pr-qhd-0,.px-qhd-0 {
padding-right: 0!important
}
.pb-qhd-0,.py-qhd-0 {
padding-bottom: 0!important
}
.pl-qhd-0,.px-qhd-0 {
padding-left: 0!important
}
.p-qhd-1 {
padding: .25rem!important
}
.pt-qhd-1,.py-qhd-1 {
padding-top: .25rem!important
}
.pr-qhd-1,.px-qhd-1 {
padding-right: .25rem!important
}
.pb-qhd-1,.py-qhd-1 {
padding-bottom: .25rem!important
}
.pl-qhd-1,.px-qhd-1 {
padding-left: .25rem!important
}
.p-qhd-2 {
padding: .5rem!important
}
.pt-qhd-2,.py-qhd-2 {
padding-top: .5rem!important
}
.pr-qhd-2,.px-qhd-2 {
padding-right: .5rem!important
}
.pb-qhd-2,.py-qhd-2 {
padding-bottom: .5rem!important
}
.pl-qhd-2,.px-qhd-2 {
padding-left: .5rem!important
}
.p-qhd-3 {
padding: 1rem!important
}
.pt-qhd-3,.py-qhd-3 {
padding-top: 1rem!important
}
.pr-qhd-3,.px-qhd-3 {
padding-right: 1rem!important
}
.pb-qhd-3,.py-qhd-3 {
padding-bottom: 1rem!important
}
.pl-qhd-3,.px-qhd-3 {
padding-left: 1rem!important
}
.p-qhd-4 {
padding: 1.5rem!important
}
.pt-qhd-4,.py-qhd-4 {
padding-top: 1.5rem!important
}
.pr-qhd-4,.px-qhd-4 {
padding-right: 1.5rem!important
}
.pb-qhd-4,.py-qhd-4 {
padding-bottom: 1.5rem!important
}
.pl-qhd-4,.px-qhd-4 {
padding-left: 1.5rem!important
}
.p-qhd-5 {
padding: 3rem!important
}
.pt-qhd-5,.py-qhd-5 {
padding-top: 3rem!important
}
.pr-qhd-5,.px-qhd-5 {
padding-right: 3rem!important
}
.pb-qhd-5,.py-qhd-5 {
padding-bottom: 3rem!important
}
.pl-qhd-5,.px-qhd-5 {
padding-left: 3rem!important
}
.m-qhd-n1 {
margin: -.25rem!important
}
.mt-qhd-n1,.my-qhd-n1 {
margin-top: -.25rem!important
}
.mr-qhd-n1,.mx-qhd-n1 {
margin-right: -.25rem!important
}
.mb-qhd-n1,.my-qhd-n1 {
margin-bottom: -.25rem!important
}
.ml-qhd-n1,.mx-qhd-n1 {
margin-left: -.25rem!important
}
.m-qhd-n2 {
margin: -.5rem!important
}
.mt-qhd-n2,.my-qhd-n2 {
margin-top: -.5rem!important
}
.mr-qhd-n2,.mx-qhd-n2 {
margin-right: -.5rem!important
}
.mb-qhd-n2,.my-qhd-n2 {
margin-bottom: -.5rem!important
}
.ml-qhd-n2,.mx-qhd-n2 {
margin-left: -.5rem!important
}
.m-qhd-n3 {
margin: -1rem!important
}
.mt-qhd-n3,.my-qhd-n3 {
margin-top: -1rem!important
}
.mr-qhd-n3,.mx-qhd-n3 {
margin-right: -1rem!important
}
.mb-qhd-n3,.my-qhd-n3 {
margin-bottom: -1rem!important
}
.ml-qhd-n3,.mx-qhd-n3 {
margin-left: -1rem!important
}
.m-qhd-n4 {
margin: -1.5rem!important
}
.mt-qhd-n4,.my-qhd-n4 {
margin-top: -1.5rem!important
}
.mr-qhd-n4,.mx-qhd-n4 {
margin-right: -1.5rem!important
}
.mb-qhd-n4,.my-qhd-n4 {
margin-bottom: -1.5rem!important
}
.ml-qhd-n4,.mx-qhd-n4 {
margin-left: -1.5rem!important
}
.m-qhd-n5 {
margin: -3rem!important
}
.mt-qhd-n5,.my-qhd-n5 {
margin-top: -3rem!important
}
.mr-qhd-n5,.mx-qhd-n5 {
margin-right: -3rem!important
}
.mb-qhd-n5,.my-qhd-n5 {
margin-bottom: -3rem!important
}
.ml-qhd-n5,.mx-qhd-n5 {
margin-left: -3rem!important
}
.m-qhd-auto {
margin: auto!important
}
.mt-qhd-auto,.my-qhd-auto {
margin-top: auto!important
}
.mr-qhd-auto,.mx-qhd-auto {
margin-right: auto!important
}
.mb-qhd-auto,.my-qhd-auto {
margin-bottom: auto!important
}
.ml-qhd-auto,.mx-qhd-auto {
margin-left: auto!important
}
}
@media (min-width: 3840px) {
.m-uhd-0 {
margin:0!important
}
.mt-uhd-0,.my-uhd-0 {
margin-top: 0!important
}
.mr-uhd-0,.mx-uhd-0 {
margin-right: 0!important
}
.mb-uhd-0,.my-uhd-0 {
margin-bottom: 0!important
}
.ml-uhd-0,.mx-uhd-0 {
margin-left: 0!important
}
.m-uhd-1 {
margin: .25rem!important
}
.mt-uhd-1,.my-uhd-1 {
margin-top: .25rem!important
}
.mr-uhd-1,.mx-uhd-1 {
margin-right: .25rem!important
}
.mb-uhd-1,.my-uhd-1 {
margin-bottom: .25rem!important
}
.ml-uhd-1,.mx-uhd-1 {
margin-left: .25rem!important
}
.m-uhd-2 {
margin: .5rem!important
}
.mt-uhd-2,.my-uhd-2 {
margin-top: .5rem!important
}
.mr-uhd-2,.mx-uhd-2 {
margin-right: .5rem!important
}
.mb-uhd-2,.my-uhd-2 {
margin-bottom: .5rem!important
}
.ml-uhd-2,.mx-uhd-2 {
margin-left: .5rem!important
}
.m-uhd-3 {
margin: 1rem!important
}
.mt-uhd-3,.my-uhd-3 {
margin-top: 1rem!important
}
.mr-uhd-3,.mx-uhd-3 {
margin-right: 1rem!important
}
.mb-uhd-3,.my-uhd-3 {
margin-bottom: 1rem!important
}
.ml-uhd-3,.mx-uhd-3 {
margin-left: 1rem!important
}
.m-uhd-4 {
margin: 1.5rem!important
}
.mt-uhd-4,.my-uhd-4 {
margin-top: 1.5rem!important
}
.mr-uhd-4,.mx-uhd-4 {
margin-right: 1.5rem!important
}
.mb-uhd-4,.my-uhd-4 {
margin-bottom: 1.5rem!important
}
.ml-uhd-4,.mx-uhd-4 {
margin-left: 1.5rem!important
}
.m-uhd-5 {
margin: 3rem!important
}
.mt-uhd-5,.my-uhd-5 {
margin-top: 3rem!important
}
.mr-uhd-5,.mx-uhd-5 {
margin-right: 3rem!important
}
.mb-uhd-5,.my-uhd-5 {
margin-bottom: 3rem!important
}
.ml-uhd-5,.mx-uhd-5 {
margin-left: 3rem!important
}
.p-uhd-0 {
padding: 0!important
}
.pt-uhd-0,.py-uhd-0 {
padding-top: 0!important
}
.pr-uhd-0,.px-uhd-0 {
padding-right: 0!important
}
.pb-uhd-0,.py-uhd-0 {
padding-bottom: 0!important
}
.pl-uhd-0,.px-uhd-0 {
padding-left: 0!important
}
.p-uhd-1 {
padding: .25rem!important
}
.pt-uhd-1,.py-uhd-1 {
padding-top: .25rem!important
}
.pr-uhd-1,.px-uhd-1 {
padding-right: .25rem!important
}
.pb-uhd-1,.py-uhd-1 {
padding-bottom: .25rem!important
}
.pl-uhd-1,.px-uhd-1 {
padding-left: .25rem!important
}
.p-uhd-2 {
padding: .5rem!important
}
.pt-uhd-2,.py-uhd-2 {
padding-top: .5rem!important
}
.pr-uhd-2,.px-uhd-2 {
padding-right: .5rem!important
}
.pb-uhd-2,.py-uhd-2 {
padding-bottom: .5rem!important
}
.pl-uhd-2,.px-uhd-2 {
padding-left: .5rem!important
}
.p-uhd-3 {
padding: 1rem!important
}
.pt-uhd-3,.py-uhd-3 {
padding-top: 1rem!important
}
.pr-uhd-3,.px-uhd-3 {
padding-right: 1rem!important
}
.pb-uhd-3,.py-uhd-3 {
padding-bottom: 1rem!important
}
.pl-uhd-3,.px-uhd-3 {
padding-left: 1rem!important
}
.p-uhd-4 {
padding: 1.5rem!important
}
.pt-uhd-4,.py-uhd-4 {
padding-top: 1.5rem!important
}
.pr-uhd-4,.px-uhd-4 {
padding-right: 1.5rem!important
}
.pb-uhd-4,.py-uhd-4 {
padding-bottom: 1.5rem!important
}
.pl-uhd-4,.px-uhd-4 {
padding-left: 1.5rem!important
}
.p-uhd-5 {
padding: 3rem!important
}
.pt-uhd-5,.py-uhd-5 {
padding-top: 3rem!important
}
.pr-uhd-5,.px-uhd-5 {
padding-right: 3rem!important
}
.pb-uhd-5,.py-uhd-5 {
padding-bottom: 3rem!important
}
.pl-uhd-5,.px-uhd-5 {
padding-left: 3rem!important
}
.m-uhd-n1 {
margin: -.25rem!important
}
.mt-uhd-n1,.my-uhd-n1 {
margin-top: -.25rem!important
}
.mr-uhd-n1,.mx-uhd-n1 {
margin-right: -.25rem!important
}
.mb-uhd-n1,.my-uhd-n1 {
margin-bottom: -.25rem!important
}
.ml-uhd-n1,.mx-uhd-n1 {
margin-left: -.25rem!important
}
.m-uhd-n2 {
margin: -.5rem!important
}
.mt-uhd-n2,.my-uhd-n2 {
margin-top: -.5rem!important
}
.mr-uhd-n2,.mx-uhd-n2 {
margin-right: -.5rem!important
}
.mb-uhd-n2,.my-uhd-n2 {
margin-bottom: -.5rem!important
}
.ml-uhd-n2,.mx-uhd-n2 {
margin-left: -.5rem!important
}
.m-uhd-n3 {
margin: -1rem!important
}
.mt-uhd-n3,.my-uhd-n3 {
margin-top: -1rem!important
}
.mr-uhd-n3,.mx-uhd-n3 {
margin-right: -1rem!important
}
.mb-uhd-n3,.my-uhd-n3 {
margin-bottom: -1rem!important
}
.ml-uhd-n3,.mx-uhd-n3 {
margin-left: -1rem!important
}
.m-uhd-n4 {
margin: -1.5rem!important
}
.mt-uhd-n4,.my-uhd-n4 {
margin-top: -1.5rem!important
}
.mr-uhd-n4,.mx-uhd-n4 {
margin-right: -1.5rem!important
}
.mb-uhd-n4,.my-uhd-n4 {
margin-bottom: -1.5rem!important
}
.ml-uhd-n4,.mx-uhd-n4 {
margin-left: -1.5rem!important
}
.m-uhd-n5 {
margin: -3rem!important
}
.mt-uhd-n5,.my-uhd-n5 {
margin-top: -3rem!important
}
.mr-uhd-n5,.mx-uhd-n5 {
margin-right: -3rem!important
}
.mb-uhd-n5,.my-uhd-n5 {
margin-bottom: -3rem!important
}
.ml-uhd-n5,.mx-uhd-n5 {
margin-left: -3rem!important
}
.m-uhd-auto {
margin: auto!important
}
.mt-uhd-auto,.my-uhd-auto {
margin-top: auto!important
}
.mr-uhd-auto,.mx-uhd-auto {
margin-right: auto!important
}
.mb-uhd-auto,.my-uhd-auto {
margin-bottom: auto!important
}
.ml-uhd-auto,.mx-uhd-auto {
margin-left: auto!important
}
}
.stretched-link:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: #0000
}
.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: 900px) {
.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
}
}
@media (min-width: 1600px) {
.text-xxl-left {
text-align:left!important
}
.text-xxl-right {
text-align: right!important
}
.text-xxl-center {
text-align: center!important
}
}
@media (min-width: 1800px) {
.text-fhd-left {
text-align:left!important
}
.text-fhd-right {
text-align: right!important
}
.text-fhd-center {
text-align: center!important
}
}
@media (min-width: 2560px) {
.text-qhd-left {
text-align:left!important
}
.text-qhd-right {
text-align: right!important
}
.text-qhd-center {
text-align: center!important
}
}
@media (min-width: 3840px) {
.text-uhd-left {
text-align:left!important
}
.text-uhd-right {
text-align: right!important
}
.text-uhd-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: #007bff!important
}
a.text-primary:focus,a.text-primary:hover {
color: #0056b3!important
}
.text-secondary {
color: #6c757d!important
}
a.text-secondary:focus,a.text-secondary:hover {
color: #494f54!important
}
.text-success {
color: #39cc0b!important
}
a.text-success:focus,a.text-success:hover {
color: #258307!important
}
.text-info {
color: #17a2b8!important
}
a.text-info:focus,a.text-info:hover {
color: #0f6674!important
}
.text-warning {
color: #ffc107!important
}
a.text-warning:focus,a.text-warning:hover {
color: #ba8b00!important
}
.text-danger {
color: red!important
}
a.text-danger:focus,a.text-danger:hover {
color: #b30000!important
}
.text-light {
color: #f8f9fa!important
}
a.text-light:focus,a.text-light:hover {
color: #cbd3da!important
}
.text-dark {
color: #343a40!important
}
a.text-dark:focus,a.text-dark:hover {
color: #121416!important
}
.text-body {
color: #212529!important
}
.form-group-description,.text-muted {
color: #6c757d!important
}
.text-black-50 {
color: #00000080!important
}
.text-white-50 {
color: #ffffff80!important
}
.text-hide {
font: 0/0 a;
color: #0000;
text-shadow: none;
background-color: initial;
border: 0
}
.text-decoration-none {
text-decoration: none!important
}
.text-break {
word-break: break-word!important;
word-wrap: break-word!important
}
.text-reset {
color: inherit!important
}
.visible {
visibility: visible!important
}
.invisible {
visibility: hidden!important
}
/*! Bootstrap3 Glyphicons : Neo (@Neos21) : https://neos21.net/ */
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@font-face {
font-family: Glyphicons Halflings;
src: url(glyphicons-halflings-regular.5be1347c682810f199c7.eot);
src: url(glyphicons-halflings-regular.5be1347c682810f199c7.eot?#iefix) format("embedded-opentype"),url(glyphicons-halflings-regular.be810be3a3e14c682a25.woff2) format("woff2"),url(glyphicons-halflings-regular.82b1212e45a2bc35dd73.woff) format("woff"),url(glyphicons-halflings-regular.4692b9ec53fd5972caa2.ttf) format("truetype"),url(glyphicons-halflings-regular.060b2710bdbbe3dfe48b.svg#glyphicons_halflingsregular) format("svg")
}
.glyphicon,p-table th.p-highlight .pi {
position: relative;
top: 1px;
display: inline-block;
font-family: Glyphicons Halflings;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.glyphicon-asterisk:before {
content: "*"
}
.glyphicon-plus:before {
content: "+"
}
.glyphicon-eur:before,.glyphicon-euro:before {
content: "€"
}
.glyphicon-minus:before {
content: ""
}
.glyphicon-cloud:before {
content: "☁"
}
.glyphicon-envelope:before {
content: "✉"
}
.glyphicon-pencil:before {
content: "✏"
}
.glyphicon-glass:before {
content: ""
}
.glyphicon-music:before {
content: ""
}
.glyphicon-search:before {
content: ""
}
.glyphicon-heart:before {
content: ""
}
.glyphicon-star:before {
content: ""
}
.glyphicon-star-empty:before {
content: ""
}
.glyphicon-user:before {
content: ""
}
.glyphicon-film:before {
content: ""
}
.glyphicon-th-large:before {
content: ""
}
.glyphicon-th:before {
content: ""
}
.glyphicon-th-list:before {
content: ""
}
.glyphicon-ok:before {
content: ""
}
.glyphicon-remove:before {
content: ""
}
.glyphicon-zoom-in:before {
content: ""
}
.glyphicon-zoom-out:before {
content: ""
}
.glyphicon-off:before {
content: ""
}
.glyphicon-signal:before {
content: ""
}
.glyphicon-cog:before {
content: ""
}
.glyphicon-trash:before {
content: ""
}
.glyphicon-home:before {
content: ""
}
.glyphicon-file:before {
content: ""
}
.glyphicon-time:before {
content: ""
}
.glyphicon-road:before {
content: ""
}
.glyphicon-download-alt:before {
content: ""
}
.glyphicon-download:before {
content: ""
}
.glyphicon-upload:before {
content: ""
}
.glyphicon-inbox:before {
content: ""
}
.glyphicon-play-circle:before {
content: ""
}
.glyphicon-repeat:before {
content: ""
}
.glyphicon-refresh:before {
content: ""
}
.glyphicon-list-alt:before {
content: ""
}
.glyphicon-lock:before {
content: ""
}
.glyphicon-flag:before {
content: ""
}
.glyphicon-headphones:before {
content: ""
}
.glyphicon-volume-off:before {
content: ""
}
.glyphicon-volume-down:before {
content: ""
}
.glyphicon-volume-up:before {
content: ""
}
.glyphicon-qrcode:before {
content: ""
}
.glyphicon-barcode:before {
content: ""
}
.glyphicon-tag:before {
content: ""
}
.glyphicon-tags:before {
content: ""
}
.glyphicon-book:before {
content: ""
}
.glyphicon-bookmark:before {
content: ""
}
.glyphicon-print:before {
content: ""
}
.glyphicon-camera:before {
content: ""
}
.glyphicon-font:before {
content: ""
}
.glyphicon-bold:before {
content: ""
}
.glyphicon-italic:before {
content: ""
}
.glyphicon-text-height:before {
content: ""
}
.glyphicon-text-width:before {
content: ""
}
.glyphicon-align-left:before {
content: ""
}
.glyphicon-align-center:before {
content: ""
}
.glyphicon-align-right:before {
content: ""
}
.glyphicon-align-justify:before {
content: ""
}
.glyphicon-list:before {
content: ""
}
.glyphicon-indent-left:before {
content: ""
}
.glyphicon-indent-right:before {
content: ""
}
.glyphicon-facetime-video:before {
content: ""
}
.glyphicon-picture:before {
content: ""
}
.glyphicon-map-marker:before {
content: ""
}
.glyphicon-adjust:before {
content: ""
}
.glyphicon-tint:before {
content: ""
}
.glyphicon-edit:before {
content: ""
}
.glyphicon-share:before {
content: ""
}
.glyphicon-check:before {
content: ""
}
.glyphicon-move:before {
content: ""
}
.glyphicon-step-backward:before,p-table p-paginator .p-paginator-bottom .p-paginator-first:before,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-first:before,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-first:before,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-first:before {
content: ""
}
.glyphicon-fast-backward:before {
content: ""
}
.glyphicon-backward:before {
content: ""
}
.glyphicon-play:before {
content: ""
}
.glyphicon-pause:before {
content: ""
}
.glyphicon-stop:before {
content: ""
}
.glyphicon-forward:before {
content: ""
}
.glyphicon-fast-forward:before {
content: ""
}
.glyphicon-step-forward:before,p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-last:before,p-table p-paginator .p-paginator-bottom .p-paginator-last:before,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-last:before,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-last:before {
content: ""
}
.glyphicon-eject:before {
content: ""
}
.glyphicon-chevron-left:before,p-calendar .p-datepicker .p-datepicker-header .p-datepicker-prev:before,p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-prev:before,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-prev:before,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-prev:before,p-table p-paginator .p-paginator-bottom .p-paginator-prev:before {
content: ""
}
.glyphicon-chevron-right:before,p-calendar .p-datepicker .p-datepicker-header .p-datepicker-next:before,p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-next:before,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-next:before,p-table p-paginator .p-paginator-bottom .p-paginator-next:before,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-next:before {
content: ""
}
.glyphicon-plus-sign:before {
content: ""
}
.glyphicon-minus-sign:before {
content: ""
}
.glyphicon-remove-sign:before {
content: ""
}
.glyphicon-ok-sign:before {
content: ""
}
.glyphicon-question-sign:before {
content: ""
}
.glyphicon-info-sign:before {
content: ""
}
.glyphicon-screenshot:before {
content: ""
}
.glyphicon-remove-circle:before {
content: ""
}
.glyphicon-ok-circle:before {
content: ""
}
.glyphicon-ban-circle:before {
content: ""
}
.glyphicon-arrow-left:before {
content: ""
}
.glyphicon-arrow-right:before {
content: ""
}
.glyphicon-arrow-up:before {
content: ""
}
.glyphicon-arrow-down:before {
content: ""
}
.glyphicon-share-alt:before {
content: ""
}
.glyphicon-resize-full:before {
content: ""
}
.glyphicon-resize-small:before {
content: ""
}
.glyphicon-exclamation-sign:before {
content: ""
}
.glyphicon-gift:before {
content: ""
}
.glyphicon-leaf:before {
content: ""
}
.glyphicon-fire:before {
content: ""
}
.glyphicon-eye-open:before {
content: ""
}
.glyphicon-eye-close:before {
content: ""
}
.glyphicon-warning-sign:before {
content: ""
}
.glyphicon-plane:before {
content: ""
}
.glyphicon-calendar:before {
content: ""
}
.glyphicon-random:before {
content: ""
}
.glyphicon-comment:before {
content: ""
}
.glyphicon-magnet:before {
content: ""
}
.glyphicon-chevron-up:before,p-calendar .p-datepicker .p-timepicker .pi.pi-chevron-up:before {
content: ""
}
.glyphicon-chevron-down:before,p-calendar .p-datepicker .p-timepicker .pi.pi-chevron-down:before {
content: ""
}
.glyphicon-retweet:before {
content: ""
}
.glyphicon-shopping-cart:before {
content: ""
}
.glyphicon-folder-close:before {
content: ""
}
.glyphicon-folder-open:before {
content: ""
}
.glyphicon-resize-vertical:before {
content: ""
}
.glyphicon-resize-horizontal:before {
content: ""
}
.glyphicon-hdd:before {
content: ""
}
.glyphicon-bullhorn:before {
content: ""
}
.glyphicon-bell:before {
content: ""
}
.glyphicon-certificate:before {
content: ""
}
.glyphicon-thumbs-up:before {
content: ""
}
.glyphicon-thumbs-down:before {
content: ""
}
.glyphicon-hand-right:before {
content: ""
}
.glyphicon-hand-left:before {
content: ""
}
.glyphicon-hand-up:before {
content: ""
}
.glyphicon-hand-down:before {
content: ""
}
.glyphicon-circle-arrow-right:before {
content: ""
}
.glyphicon-circle-arrow-left:before {
content: ""
}
.glyphicon-circle-arrow-up:before {
content: ""
}
.glyphicon-circle-arrow-down:before {
content: ""
}
.glyphicon-globe:before {
content: ""
}
.glyphicon-wrench:before {
content: ""
}
.glyphicon-tasks:before {
content: ""
}
.glyphicon-filter:before {
content: ""
}
.glyphicon-briefcase:before {
content: ""
}
.glyphicon-fullscreen:before {
content: ""
}
.glyphicon-dashboard:before {
content: ""
}
.glyphicon-paperclip:before {
content: ""
}
.glyphicon-heart-empty:before {
content: ""
}
.glyphicon-link:before {
content: ""
}
.glyphicon-phone:before {
content: ""
}
.glyphicon-pushpin:before {
content: ""
}
.glyphicon-usd:before {
content: ""
}
.glyphicon-gbp:before {
content: ""
}
.glyphicon-sort:before {
content: ""
}
.glyphicon-sort-by-alphabet:before {
content: ""
}
.glyphicon-sort-by-alphabet-alt:before {
content: ""
}
.glyphicon-sort-by-order:before {
content: ""
}
.glyphicon-sort-by-order-alt:before {
content: ""
}
.glyphicon-sort-by-attributes:before {
content: ""
}
.glyphicon-sort-by-attributes-alt:before {
content: ""
}
.glyphicon-unchecked:before {
content: ""
}
.glyphicon-expand:before {
content: ""
}
.glyphicon-collapse-down:before {
content: ""
}
.glyphicon-collapse-up:before {
content: ""
}
.glyphicon-log-in:before {
content: ""
}
.glyphicon-flash:before {
content: ""
}
.glyphicon-log-out:before {
content: ""
}
.glyphicon-new-window:before {
content: ""
}
.glyphicon-record:before {
content: ""
}
.glyphicon-save:before {
content: ""
}
.glyphicon-open:before {
content: ""
}
.glyphicon-saved:before {
content: ""
}
.glyphicon-import:before {
content: ""
}
.glyphicon-export:before {
content: ""
}
.glyphicon-send:before {
content: ""
}
.glyphicon-floppy-disk:before {
content: ""
}
.glyphicon-floppy-saved:before {
content: ""
}
.glyphicon-floppy-remove:before {
content: ""
}
.glyphicon-floppy-save:before {
content: ""
}
.glyphicon-floppy-open:before {
content: ""
}
.glyphicon-credit-card:before {
content: ""
}
.glyphicon-transfer:before {
content: ""
}
.glyphicon-cutlery:before {
content: ""
}
.glyphicon-header:before {
content: ""
}
.glyphicon-compressed:before {
content: ""
}
.glyphicon-earphone:before {
content: ""
}
.glyphicon-phone-alt:before {
content: ""
}
.glyphicon-tower:before {
content: ""
}
.glyphicon-stats:before {
content: ""
}
.glyphicon-sd-video:before {
content: ""
}
.glyphicon-hd-video:before {
content: ""
}
.glyphicon-subtitles:before {
content: ""
}
.glyphicon-sound-stereo:before {
content: ""
}
.glyphicon-sound-dolby:before {
content: ""
}
.glyphicon-sound-5-1:before {
content: ""
}
.glyphicon-sound-6-1:before {
content: ""
}
.glyphicon-sound-7-1:before {
content: ""
}
.glyphicon-copyright-mark:before {
content: ""
}
.glyphicon-registration-mark:before {
content: ""
}
.glyphicon-cloud-download:before {
content: ""
}
.glyphicon-cloud-upload:before {
content: ""
}
.glyphicon-tree-conifer:before {
content: ""
}
.glyphicon-tree-deciduous:before {
content: ""
}
.glyphicon-cd:before {
content: ""
}
.glyphicon-save-file:before {
content: ""
}
.glyphicon-open-file:before {
content: ""
}
.glyphicon-level-up:before {
content: ""
}
.glyphicon-copy:before {
content: ""
}
.glyphicon-paste:before {
content: ""
}
.glyphicon-alert:before {
content: ""
}
.glyphicon-equalizer:before {
content: ""
}
.glyphicon-king:before {
content: ""
}
.glyphicon-queen:before {
content: ""
}
.glyphicon-pawn:before {
content: ""
}
.glyphicon-bishop:before {
content: ""
}
.glyphicon-knight:before {
content: ""
}
.glyphicon-baby-formula:before {
content: ""
}
.glyphicon-tent:before {
content: "⛺"
}
.glyphicon-blackboard:before {
content: ""
}
.glyphicon-bed:before {
content: ""
}
.glyphicon-apple:before {
content: ""
}
.glyphicon-erase:before {
content: ""
}
.glyphicon-hourglass:before {
content: "⌛"
}
.glyphicon-lamp:before {
content: ""
}
.glyphicon-duplicate:before {
content: ""
}
.glyphicon-piggy-bank:before {
content: ""
}
.glyphicon-scissors:before {
content: ""
}
.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before {
content: ""
}
.glyphicon-jpy:before,.glyphicon-yen:before {
content: "¥"
}
.glyphicon-rub:before,.glyphicon-ruble:before {
content: "₽"
}
.glyphicon-scale:before {
content: ""
}
.glyphicon-ice-lolly:before {
content: ""
}
.glyphicon-ice-lolly-tasted:before {
content: ""
}
.glyphicon-education:before {
content: ""
}
.glyphicon-option-horizontal:before {
content: ""
}
.glyphicon-option-vertical:before {
content: ""
}
.glyphicon-menu-hamburger:before {
content: ""
}
.glyphicon-modal-window:before {
content: ""
}
.glyphicon-oil:before {
content: ""
}
.glyphicon-grain:before {
content: ""
}
.glyphicon-sunglasses:before {
content: ""
}
.glyphicon-text-size:before {
content: ""
}
.glyphicon-text-color:before {
content: ""
}
.glyphicon-text-background:before {
content: ""
}
.glyphicon-object-align-top:before {
content: ""
}
.glyphicon-object-align-bottom:before {
content: ""
}
.glyphicon-object-align-horizontal:before {
content: ""
}
.glyphicon-object-align-left:before {
content: ""
}
.glyphicon-object-align-vertical:before {
content: ""
}
.glyphicon-object-align-right:before {
content: ""
}
.glyphicon-triangle-right:before {
content: ""
}
.glyphicon-triangle-left:before {
content: ""
}
.glyphicon-triangle-bottom:before,p-table th.p-highlight .pi.pi-sort-amount-down:before {
content: ""
}
.glyphicon-triangle-top:before,p-table th.p-highlight .pi.pi-sort-amount-up-alt:before {
content: ""
}
.glyphicon-console:before {
content: ""
}
.glyphicon-superscript:before {
content: ""
}
.glyphicon-subscript:before {
content: ""
}
.glyphicon-menu-left:before {
content: ""
}
.glyphicon-menu-right:before {
content: ""
}
.glyphicon-menu-down:before {
content: ""
}
.glyphicon-menu-up:before {
content: ""
}
.glyphicon-refresh-animate {
animation: spin .7s linear infinite
}
.glyphicon-duplicate {
font-size: 70%
}
.flex-auto {
flex: auto
}
.c-hand {
cursor: pointer
}
@keyframes spin {
0% {
transform: scale(1) rotate(0deg)
}
to {
transform: scale(1) rotate(1turn)
}
}
.dropdown,.dropup {
z-index: 17000!important
}
.list-overflow-menu,.parent-entry {
z-index: 12599!important
}
.action-dropdown,.btn-group,.column-toggle,.dropdown-root,.input-group-prepend {
z-index: inherit!important
}
.btn-group>.btn:not(:first-child) {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
.dropdown-menu {
z-index: 17001!important;
border-radius: 3px;
box-shadow: 0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f,0 3px 1px -2px #0003;
font-size: 15px
}
@supports (padding-inline-start: 1rem) {
.dropdown-menu .dropdown-header {
padding-inline-start:1rem}
}
@supports not (padding-inline-start: 1rem) {
.dropdown-menu .dropdown-header {
padding-left: 1rem
}
}
.dropdown-menu .dropdown-item {
padding: 3px 15px
}
.dropdown-menu .dropdown-item.active {
color: var(--mainBackgroundColor)!important;
background-color: var(--mainHoverColor);
opacity: .9
}
.dropdown-menu .dropdown-item:active {
color: var(--mainForegroundColor)!important
}
.dropdown-menu .dropdown-item:after {
display: none
}
.dropdown-menu button:active,.dropdown-menu button:focus,.dropdown-menu button:hover {
text-decoration: none!important;
outline: none!important
}
.dropdown-menu a {
color: #000!important
}
.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover {
text-decoration: none!important;
outline: none!important
}
.badge {
line-height: 1.1
}
@media screen and (min-width: 768px) {
.modal:before {
vertical-align:middle;
content: " ";
height: 100%
}
.modal-dialog {
text-align: start
}
.modal-dialog:not(.modal-lg):not(.modal-xl) {
min-width: 500px;
width: 40vw;
max-width: 900px
}
}
.modal {
text-align: center
}
.modal .modal-content {
background-color: var(--mainBackgroundColor);
word-break: break-word
}
.modal .modal-header {
border-bottom: 0;
margin-bottom: 5px
}
.modal .modal-header .modal-title {
font-size: 20px;
font-weight: 600
}
.modal .modal-header my-global-icon {
width: 22px;
height: 22px;
position: relative;
top: 5px;
float: right;
margin: 0;
padding: 0;
opacity: .5
}
.modal .modal-header my-global-icon,.modal .modal-header my-global-icon[iconName=cross] {
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
cursor: pointer
}
.modal .modal-header my-global-icon[iconName=cross] {
width: 16px;
height: 16px;
top: -3px
}
.modal .inputs {
margin-bottom: 0;
text-align: end
}
@supports (margin-inline-start: 10px) {
.modal .inputs>.peertube-button:not(:first-child) {
margin-inline-start:10px}
}
@supports not (margin-inline-start: 10px) {
.modal .inputs>.peertube-button:not(:first-child) {
margin-left: 10px
}
}
.modal-open {
overflow-y: scroll!important;
width: 100vw
}
@media (hover: none) and (pointer: coarse) {
.menu-open,.modal-open {
overflow:hidden!important
}
.menu-open .main-col:before {
background-color: #000;
width: 100vw;
height: 100vh;
opacity: .75;
content: "";
display: block;
position: fixed;
z-index: 12550
}
}
.nav .nav-link {
display: flex!important;
align-items: center;
height: 30px!important;
padding: 10px 15px!important
}
.nav.nav-pills {
font-size: 16px!important;
font-weight: 600!important
}
.nav.nav-pills .nav-link {
opacity: .6!important
}
.nav.nav-pills .nav-link.active,.nav.nav-pills .nav-link:active,.nav.nav-pills .nav-link:focus,.nav.nav-pills .nav-link:hover {
opacity: 1!important
}
.nav.nav-pills a {
color: var(--mainForegroundColor)
}
.nav.nav-pills a:active,.nav.nav-pills a:focus,.nav.nav-pills a:hover {
text-decoration: none!important;
outline: none!important
}
.nav-tabs .nav-link {
color: var(--mainForegroundColor);
font-weight: 600;
border: 0;
border-bottom: 2px solid #0000;
opacity: .6
}
.nav-tabs .nav-link:active,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
text-decoration: none!important;
outline: none!important
}
.nav-tabs .nav-link.active {
color: var(--mainForegroundColor);
background-color: var(--mainBackgroundColor)!important;
border-bottom-color: var(--mainColor)
}
.nav-tabs .nav-link.active,.nav-tabs .nav-link:active,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
opacity: 1
}
.card {
background-color: var(--mainBackgroundColor);
border-color: #dee2e6
}
.collapse-transition {
transition: max-height .3s;
display: block!important;
overflow: hidden!important;
max-height: 0
}
.collapse-transition.show {
max-height: 1500px;
overflow: inherit!important
}
.dropdown-divider {
margin: .3rem 0
}
ngb-modal-backdrop {
z-index: 15999!important
}
ngb-modal-window {
z-index: 16000!important
}
ngb-popover-window {
z-index: 13000!important
}
ngb-tooltip-window {
z-index: 14000!important
}
.btn-outline-secondary {
border-color: #ced4da
}
.btn-outline-secondary:focus,.btn-outline-secondary:focus-within,.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d
}
.btn-outline-tertiary {
color: var(--secondaryColor);
border-color: var(--secondaryColor)
}
.btn-outline-tertiary:focus,.btn-outline-tertiary:focus-within,.btn-outline-tertiary:hover {
color: var(--mainBackgroundColor);
background-color: var(--secondaryColor)
}
.form-control {
font-size: 15px;
color: var(--mainForegroundColor);
background-color: var(--inputBackgroundColor);
outline: none
}
.form-control:focus,.form-control:focus-within {
box-shadow: 0 0 0 .2rem var(--mainColorLightest)
}
.form-control:focus-within.input-error,.form-control:focus.input-error {
box-shadow: 0 0 0 .2rem #ff000040
}
.input-group>.form-control {
flex: initial
}
.input-group input.form-control {
width: unset!important;
flex-grow: 1
}
.input-group .input-group-prepend+input {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
.has-feedback.has-clear {
position: relative
}
@supports (padding-inline-end: 1.5rem !important) {
.has-feedback.has-clear input {
padding-inline-end:1.5rem!important}
}
@supports not (padding-inline-end: 1.5rem !important) {
.has-feedback.has-clear input {
padding-right: 1.5rem!important
}
}
.has-feedback.has-clear .form-control-clear {
color: #0006;
pointer-events: all;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: .5rem;
height: 95%;
font-size: 14px
}
.has-feedback.has-clear .form-control-clear:hover {
color: #000000b3;
cursor: pointer
}
.has-feedback.has-clear input:placeholder-shown+.form-control-clear {
display: none
}
.callout {
padding: 1.25rem;
border: 1px solid #eee;
border-radius: .25rem
}
.callout>label {
position: relative;
top: -5px;
left: -10px;
color: #6c757d!important
}
.callout:not(.callout-light) {
border-left-width: .25rem
}
.callout.callout-info {
border-left-color: var(--mainColorLightest);
border-color: var(--mainColorLightest) var(--mainColorLightest) var(--mainColorLightest) var(--mainColor)
}
@supports (margin-inline-start: 0) {
.ml-0 {
margin-inline-start:0}
}
@supports not (margin-inline-start: 0) {
.ml-0 {
margin-left: 0
}
}
@supports (margin-inline-end: 0) {
.mr-0 {
margin-inline-end:0}
}
@supports not (margin-inline-end: 0) {
.mr-0 {
margin-right: 0
}
}
@supports (padding-inline-start: 0) {
.pl-0 {
padding-inline-start:0}
}
@supports not (padding-inline-start: 0) {
.pl-0 {
padding-left: 0
}
}
@supports (padding-inline-end: 0) {
.pr-0 {
padding-inline-end:0}
}
@supports not (padding-inline-end: 0) {
.pr-0 {
padding-right: 0
}
}
@supports (margin-inline-start: 0.25rem) {
.ml-1 {
margin-inline-start:.25rem}
}
@supports not (margin-inline-start: 0.25rem) {
.ml-1 {
margin-left: .25rem
}
}
@supports (margin-inline-end: 0.25rem) {
.mr-1 {
margin-inline-end:.25rem}
}
@supports not (margin-inline-end: 0.25rem) {
.mr-1 {
margin-right: .25rem
}
}
@supports (padding-inline-start: 0.25rem) {
.pl-1 {
padding-inline-start:.25rem}
}
@supports not (padding-inline-start: 0.25rem) {
.pl-1 {
padding-left: .25rem
}
}
@supports (padding-inline-end: 0.25rem) {
.pr-1 {
padding-inline-end:.25rem}
}
@supports not (padding-inline-end: 0.25rem) {
.pr-1 {
padding-right: .25rem
}
}
@supports (margin-inline-start: 0.5rem) {
.ml-2 {
margin-inline-start:.5rem}
}
@supports not (margin-inline-start: 0.5rem) {
.ml-2 {
margin-left: .5rem
}
}
@supports (margin-inline-end: 0.5rem) {
.mr-2 {
margin-inline-end:.5rem}
}
@supports not (margin-inline-end: 0.5rem) {
.mr-2 {
margin-right: .5rem
}
}
@supports (padding-inline-start: 0.5rem) {
.pl-2 {
padding-inline-start:.5rem}
}
@supports not (padding-inline-start: 0.5rem) {
.pl-2 {
padding-left: .5rem
}
}
@supports (padding-inline-end: 0.5rem) {
.pr-2 {
padding-inline-end:.5rem}
}
@supports not (padding-inline-end: 0.5rem) {
.pr-2 {
padding-right: .5rem
}
}
@supports (margin-inline-start: 1rem) {
.ml-3 {
margin-inline-start:1rem}
}
@supports not (margin-inline-start: 1rem) {
.ml-3 {
margin-left: 1rem
}
}
@supports (margin-inline-end: 1rem) {
.mr-3 {
margin-inline-end:1rem}
}
@supports not (margin-inline-end: 1rem) {
.mr-3 {
margin-right: 1rem
}
}
@supports (padding-inline-start: 1rem) {
.pl-3 {
padding-inline-start:1rem}
}
@supports not (padding-inline-start: 1rem) {
.pl-3 {
padding-left: 1rem
}
}
@supports (padding-inline-end: 1rem) {
.pr-3 {
padding-inline-end:1rem}
}
@supports not (padding-inline-end: 1rem) {
.pr-3 {
padding-right: 1rem
}
}
@supports (margin-inline-start: 1.5rem) {
.ml-4 {
margin-inline-start:1.5rem}
}
@supports not (margin-inline-start: 1.5rem) {
.ml-4 {
margin-left: 1.5rem
}
}
@supports (margin-inline-end: 1.5rem) {
.mr-4 {
margin-inline-end:1.5rem}
}
@supports not (margin-inline-end: 1.5rem) {
.mr-4 {
margin-right: 1.5rem
}
}
@supports (padding-inline-start: 1.5rem) {
.pl-4 {
padding-inline-start:1.5rem}
}
@supports not (padding-inline-start: 1.5rem) {
.pl-4 {
padding-left: 1.5rem
}
}
@supports (padding-inline-end: 1.5rem) {
.pr-4 {
padding-inline-end:1.5rem}
}
@supports not (padding-inline-end: 1.5rem) {
.pr-4 {
padding-right: 1.5rem
}
}
@supports (margin-inline-start: 3rem) {
.ml-5 {
margin-inline-start:3rem}
}
@supports not (margin-inline-start: 3rem) {
.ml-5 {
margin-left: 3rem
}
}
@supports (margin-inline-end: 3rem) {
.mr-5 {
margin-inline-end:3rem}
}
@supports not (margin-inline-end: 3rem) {
.mr-5 {
margin-right: 3rem
}
}
@supports (padding-inline-start: 3rem) {
.pl-5 {
padding-inline-start:3rem}
}
@supports not (padding-inline-start: 3rem) {
.pl-5 {
padding-left: 3rem
}
}
@supports (padding-inline-end: 3rem) {
.pr-5 {
padding-inline-end:3rem}
}
@supports not (padding-inline-end: 3rem) {
.pr-5 {
padding-right: 3rem
}
}
.p-component,.p-component * {
box-sizing: border-box
}
.p-hidden {
display: none
}
.p-hidden-space {
visibility: hidden
}
.p-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.p-hidden-accessible input,.p-hidden-accessible select {
transform: scale(0)
}
.p-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
text-decoration: none;
font-size: 100%;
list-style: none
}
.p-disabled,.p-disabled * {
cursor: default!important;
pointer-events: none
}
.p-component-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.p-overflow-hidden {
overflow: hidden
}
.p-unselectable-text {
-webkit-user-select: none;
user-select: none
}
.p-scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px
}
@keyframes p-fadein {
0% {
opacity: 0
}
to {
opacity: 1
}
}
button,input[type=button],input[type=file]::-webkit-file-upload-button,input[type=reset],input[type=submit] {
border-radius: 0
}
.p-link {
text-align: left;
background-color: initial;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none
}
.p-sr-only {
border: 0;
clip: rect(1px,1px,1px,1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal!important
}
.p-connected-overlay {
opacity: 0;
transform: scaleY(.8);
transition: transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)
}
.p-connected-overlay-visible {
opacity: 1;
transform: scaleY(1)
}
.p-connected-overlay-hidden {
opacity: 0;
transform: scaleY(1);
transition: opacity .1s linear
}
.p-toggleable-content.ng-animating {
overflow: hidden
}
.p-badge {
display: inline-block;
border-radius: 10px;
text-align: center;
padding: 0 .5rem
}
.p-overlay-badge {
position: relative
}
.p-overlay-badge .p-badge {
position: absolute;
top: 0;
right: 0;
transform: translate(50%,-50%);
transform-origin: 100% 0;
margin: 0
}
.p-badge-dot {
width: .5rem;
min-width: .5rem;
height: .5rem
}
.p-badge-dot,.p-badge-no-gutter {
border-radius: 50%;
padding: 0
}
.p-button {
margin: 0;
display: inline-flex;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
align-items: center;
vertical-align: bottom;
text-align: center;
overflow: hidden;
position: relative
}
.p-button-label {
flex: 1 1 auto
}
.p-button-icon-right {
order: 1
}
.p-button:disabled {
cursor: default
}
.p-button-icon-only {
justify-content: center
}
.p-button-icon-only .p-button-label {
visibility: hidden;
width: 0;
flex: 0 0 auto
}
.p-button-vertical {
flex-direction: column
}
.p-button-icon-bottom {
order: 2
}
.p-buttonset .p-button {
margin: 0
}
.p-buttonset .p-button:not(:last-child) {
border-right: 0
}
.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0
}
.p-buttonset .p-button:first-of-type {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.p-buttonset .p-button:last-of-type {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.p-buttonset .p-button:focus {
position: relative;
z-index: 1
}
.p-button-label {
transition: all .2s
}
.p-checkbox {
display: inline-flex;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
vertical-align: bottom
}
.p-checkbox-disabled {
cursor: default!important;
pointer-events: none
}
.p-checkbox-box {
display: flex;
justify-content: center;
align-items: center
}
p-checkbox {
display: inline-flex;
vertical-align: bottom;
align-items: center
}
.p-checkbox-label {
line-height: 1
}
.p-colorpicker-panel .p-colorpicker-color {
background: #0000 url(color.6441e63a57ccc5105bad.png) no-repeat 0 0
}
.p-colorpicker-panel .p-colorpicker-hue {
background: #0000 url(hue.f8505bd4d6f3e3aa435b.png) no-repeat 0 0
}
.p-inputtext {
margin: 0
}
.p-fluid .p-inputtext {
width: 100%
}
.p-inputgroup {
display: flex;
align-items: stretch;
width: 100%
}
.p-inputgroup-addon {
display: flex;
align-items: center;
justify-content: center
}
.p-inputgroup .p-float-label {
display: flex;
align-items: stretch;
width: 100%
}
.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputtext {
flex: 1 1 auto;
width: 1%
}
.p-float-label {
display: block;
position: relative
}
.p-float-label label {
position: absolute;
pointer-events: none;
top: 50%;
margin-top: -.5rem;
transition-property: all;
transition-timing-function: ease;
line-height: 1
}
.p-float-label textarea~label {
top: 1rem
}
.p-float-label .p-inputwrapper-filled~label,.p-float-label .p-inputwrapper-focus~label,.p-float-label input.p-filled~label,.p-float-label input:focus~label,.p-float-label textarea.p-filled~label,.p-float-label textarea:focus~label {
top: -.75rem;
font-size: 12px
}
.p-float-label .input:-webkit-autofill~label {
top: -20px;
font-size: 12px
}
.p-input-icon-left,.p-input-icon-right {
position: relative;
display: inline-block
}
.p-input-icon-left>i,.p-input-icon-right>i {
position: absolute;
top: 50%;
margin-top: -.5rem
}
.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right {
display: block;
width: 100%
}
.p-inputtextarea-resizable {
overflow: hidden;
resize: none
}
.p-fluid .p-inputtextarea {
width: 100%
}
.p-password {
position: relative;
display: inline-flex
}
.p-password-panel {
position: absolute;
top: 0;
left: 0
}
.p-password .p-password-panel {
min-width: 100%
}
.p-password-meter {
height: 10px
}
.p-password-strength {
height: 100%;
width: 0;
transition: width 1s ease-in-out
}
.p-fluid .p-password {
display: flex
}
.p-radiobutton {
display: inline-flex;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
vertical-align: bottom
}
.p-radiobutton-box {
display: flex;
justify-content: center;
align-items: center
}
.p-radiobutton-icon {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(.1);
border-radius: 50%;
visibility: hidden
}
.p-radiobutton-box.p-highlight .p-radiobutton-icon {
transform: translateZ(0) scale(1);
visibility: visible
}
p-radiobutton {
display: inline-flex;
vertical-align: bottom;
align-items: center
}
.p-radiobutton-label {
line-height: 1
}
.p-ripple {
overflow: hidden;
position: relative
}
.p-ink {
display: block;
position: absolute;
background: #ffffff80;
border-radius: 100%;
transform: scale(0)
}
.p-ink-active {
animation: ripple .4s linear
}
.p-ripple-disabled .p-ink {
display: none!important
}
@keyframes ripple {
to {
opacity: 0;
transform: scale(2.5)
}
}
.p-tooltip {
position: absolute;
display: none;
padding: .25em .5rem;
max-width: 12.5rem
}
.p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-right {
padding: 0 .25rem
}
.p-tooltip.p-tooltip-bottom,.p-tooltip.p-tooltip-top {
padding: .25em 0
}
.p-tooltip .p-tooltip-text {
white-space: pre-line
}
.p-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: #0000;
border-style: solid
}
.p-tooltip-right .p-tooltip-arrow {
top: 50%;
left: 0;
margin-top: -.25rem;
border-width: .25em .25em .25em 0
}
.p-tooltip-left .p-tooltip-arrow {
top: 50%;
right: 0;
margin-top: -.25rem;
border-width: .25em 0 .25em .25rem
}
.p-tooltip.p-tooltip-top {
padding: .25em 0
}
.p-tooltip-top .p-tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -.25rem;
border-width: .25em .25em 0
}
.p-tooltip-bottom .p-tooltip-arrow {
top: 0;
left: 50%;
margin-left: -.25rem;
border-width: 0 .25em .25rem
}
input[type=button] {
border-radius: inherit
}
p-table .p-datatable-header .caption {
margin-bottom: 15px
}
body .p-disabled {
opacity: .5
}
body .p-checkbox {
display: inline-block;
vertical-align: middle;
margin: 0;
width: 20px;
height: 20px
}
body .p-checkbox .p-checkbox-box {
border: 1px solid #a6a6a6;
background-color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 3px;
transition: background-color .2s,border-color .2s,box-shadow .2s
}
body .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #212121
}
body .p-checkbox .p-checkbox-box .p-checkbox-icon {
overflow: hidden;
position: relative;
font-size: 18px
}
body .p-paginator {
background-color: #f4f4f4;
border: 1px solid #c8c8c8;
padding: 0
}
body .p-paginator .p-paginator-first,body .p-paginator .p-paginator-last,body .p-paginator .p-paginator-next,body .p-paginator .p-paginator-prev {
color: #848484;
height: 2.286em;
min-width: 2.286em;
border: 0;
line-height: 2.286em;
padding: 0;
margin: 0;
vertical-align: top;
transition: box-shadow .2s;
border-radius: 0
}
body .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,body .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover,body .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,body .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover {
background-color: #e0e0e0;
color: #333
}
body .p-paginator .p-paginator-first:focus,body .p-paginator .p-paginator-last:focus,body .p-paginator .p-paginator-next:focus,body .p-paginator .p-paginator-prev:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 .2em var(--mainColorLightest)
}
body .p-paginator .p-paginator-current {
color: #333;
height: 2.286em;
min-width: 2.286em;
line-height: 2.286em
}
body .p-paginator .p-dropdown {
border: 0
}
body .p-paginator .p-dropdown .p-dropdown-label,body .p-paginator .p-dropdown .p-dropdown-trigger {
color: #848484
}
body .p-paginator .p-dropdown:hover .p-dropdown-label,body .p-paginator .p-dropdown:hover .p-dropdown-trigger {
color: #333
}
body .p-paginator .p-paginator-first:before,body .p-paginator .p-paginator-last:before,body .p-paginator .p-paginator-next:before,body .p-paginator .p-paginator-prev:before {
position: relative;
top: 1px
}
body .p-paginator .p-paginator-pages {
vertical-align: top;
display: inline-block;
padding: 0
}
body .p-paginator .p-paginator-pages .p-paginator-page {
color: #848484;
height: 2.286em;
min-width: 2.286em;
border: 0;
line-height: 2.286em;
padding: 0;
margin: 0;
vertical-align: top;
transition: box-shadow .2s;
border-radius: 0
}
body .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background-color: #e0e0e0;
color: #333
}
body .p-paginator .p-paginator-pages .p-paginator-page:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 .2em var(--mainColorLightest)
}
body .p-paginator .p-dropdown {
height: 2.286em;
min-width: auto
}
@supports (margin-inline-start: 0.5em) {
body .p-paginator .p-dropdown {
margin-inline-start:.5em}
}
@supports not (margin-inline-start: 0.5em) {
body .p-paginator .p-dropdown {
margin-left: .5em
}
}
body .p-dropdown {
background: #fff;
border: 1px solid #a6a6a6;
transition: border-color .2s,box-shadow .2s
}
body .p-dropdown:not(.p-disabled):hover {
border-color: #212121
}
body .p-dropdown:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 .2em var(--mainColorLightest);
border-color: var(--mainColor)
}
@supports (padding-inline-end: 2em) {
body .p-dropdown .p-dropdown-label {
padding-inline-end:2em}
}
@supports not (padding-inline-end: 2em) {
body .p-dropdown .p-dropdown-label {
padding-right: 2em
}
}
body .p-dropdown .p-dropdown-trigger {
background-color: #fff;
width: 2em;
line-height: 2em;
text-align: center;
padding: 0;
color: #848484
}
body .p-dropdown .p-dropdown-clear-icon {
color: #848484
}
@supports (padding-inline-end: 4em) {
body .p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-inline-end:4em}
}
@supports not (padding-inline-end: 4em) {
body .p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 4em
}
}
body .p-dropdown-panel {
padding: 0;
border: 1px solid #c8c8c8;
background-color: #fff;
box-shadow: 0 3px 6px 0 #00000029
}
body .p-dropdown-panel .p-dropdown-filter-container {
padding: .429em .857em;
border-bottom: 1px solid #eaeaea;
color: #333;
background-color: #fff;
margin: 0
}
body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter {
width: 100%
}
@supports (padding-inline-end: 2em) {
body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter {
padding-inline-end:2em}
}
@supports not (padding-inline-end: 2em) {
body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter {
padding-right: 2em
}
}
body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter-icon {
top: 50%;
margin-top: -.5em;
right: 1.357em;
color: var(--mainColor)
}
body .p-dropdown-panel .p-dropdown-items {
padding: 0
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item,body .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: .429em .857em;
border: 0;
color: #333;
background-color: initial;
border-radius: 0
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group.p-highlight,body .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: #fff;
background-color: var(--mainColor)
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group:not(.p-highlight):not(.p-disabled):hover,body .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #333;
background-color: #eaeaea
}
body p-dropdown.ng-dirty.ng-invalid>.p-dropdown {
border: 1px solid #a80000
}
body .p-toast .p-toast-message {
box-shadow: 0 3px 6px 0 #00000029;
margin: 0 0 1em
}
body .p-datepicker {
padding: .857em;
min-width: 20em;
background-color: #fff;
color: #333;
border: 1px solid #a6a6a6
}
body .p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 #00000029
}
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:focus,body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 .2em var(--mainColorLightest)
}
body .p-datepicker:not(.p-disabled) .p-monthpicker a.p-monthpicker-month:not(.p-highlight):hover,body .p-datepicker:not(.p-disabled) table td a:not(.p-highlight):not(.p-highlight):hover {
background-color: #eaeaea
}
body .p-datepicker .p-datepicker-header {
padding: .429em .857em;
background-color: #fff;
color: #333;
border-radius: 0
}
body .p-datepicker .p-datepicker-header .p-datepicker-next,body .p-datepicker .p-datepicker-header .p-datepicker-prev {
cursor: pointer;
top: 0;
color: #a6a6a6;
transition: color .2s,box-shadow .2s
}
body .p-datepicker .p-datepicker-header .p-datepicker-title {
margin: 0;
padding: 0;
line-height: 1
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -.35em;
margin-bottom: 0;
transition: color .2s,box-shadow .2s
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 .2em var(--mainColorLightest)
}
body .p-datepicker table {
font-size: 14px;
margin: .857em 0 0
}
body .p-datepicker table th {
padding: .5em
}
body .p-datepicker table th.p-datepicker-weekheader {
border-right: 1px solid #a6a6a6
}
body .p-datepicker table td {
padding: .5em
}
body .p-datepicker table td>a,body .p-datepicker table td>span {
display: block;
text-align: center;
color: #333;
padding: .5em;
transition: box-shadow .2s;
border-radius: 3px
}
body .p-datepicker table td>a.p-highlight,body .p-datepicker table td>span.p-highlight {
color: #fff;
background-color: var(--mainColor)
}
body .p-datepicker table td>a {
cursor: pointer
}
body .p-datepicker table td>a:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 .2em var(--mainColorLightest)
}
body .p-datepicker table td.p-datepicker-today>a,body .p-datepicker table td.p-datepicker-today>span {
background-color: #d0d0d0;
color: #333
}
body .p-datepicker table td.p-datepicker-today>a.p-highlight,body .p-datepicker table td.p-datepicker-today>span.p-highlight {
color: #fff;
background-color: var(--mainColor)
}
body .p-datepicker table td.p-datepicker-weeknumber {
border-right: 1px solid #a6a6a6
}
body .p-datepicker .p-datepicker-buttonbar {
border-top: 1px solid #d8dae2
}
body .p-datepicker .p-timepicker {
border: 0;
border-top: 1px solid #d8dae2;
padding: .857em
}
body .p-datepicker .p-timepicker a {
color: #333;
font-size: 1.286em
}
body .p-datepicker .p-timepicker a:hover {
color: var(--mainColor)
}
body .p-datepicker .p-timepicker span {
font-size: 1.286em
}
body .p-datepicker .p-monthpicker .p-monthpicker-month {
color: #333
}
body .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #fff;
background-color: var(--mainColor)
}
body .p-datepicker.p-datepicker-timeonly {
padding: 0
}
body .p-datepicker.p-datepicker-timeonly .p-timepicker {
border-top: 0
}
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #d8dae2;
padding-top: 0;
padding-bottom: 0
}
@supports (padding-inline-end: 0.857em) {
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
padding-inline-end:.857em}
}
@supports not (padding-inline-end: 0.857em) {
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
padding-right: .857em
}
}
@supports (padding-inline-start: 0.857em) {
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
padding-inline-start:.857em}
}
@supports not (padding-inline-start: 0.857em) {
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
padding-left: .857em
}
}
@supports (padding-inline-start: 0) {
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-inline-start:0}
}
@supports not (padding-inline-start: 0) {
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0
}
}
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
border-right: 0
}
@supports (padding-inline-end: 0) {
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-inline-end:0}
}
@supports not (padding-inline-end: 0) {
body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0
}
}
body .p-calendar.p-calendar-w-btn .p-inputtext {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0
}
body .p-calendar.p-calendar-w-btn .p-inputtext:enabled:focus:not(.p-error),body .p-calendar.p-calendar-w-btn .p-inputtext:enabled:hover:not(.p-error) {
border-right: 0
}
body .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button {
width: 2.357em;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
body .ui-fluid .p-calendar.p-calendar-w-btn input.p-inputtext {
width: calc(100% - 2.357em)
}
body p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext {
border: 1px solid #a80000
}
body .p-timepicker .p-separator {
min-width: .75rem
}
@supports (margin-inline-start: 0) {
body .p-timepicker .p-separator {
margin-inline-start:0}
}
@supports not (margin-inline-start: 0) {
body .p-timepicker .p-separator {
margin-left: 0
}
}
body .p-autocomplete .p-autocomplete-input {
padding: .429em
}
body .p-autocomplete-panel {
padding: 0;
border: 1px solid #c8c8c8;
background-color: #fff;
box-shadow: 0 3px 6px 0 #00000029
}
body .p-autocomplete-panel .p-autocomplete-items {
padding: 0
}
body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
margin: 0;
padding: .429em .857em;
border: 0;
color: #333;
background-color: initial;
border-radius: 0
}
body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight,body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #fff;
background-color: var(--mainColor)
}
body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-group {
padding: .429em .857em;
background-color: #d8dae2;
color: #333
}
body p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext {
border: 1px solid #a80000
}
body .p-selectbutton .p-button {
background-color: #dadada;
border: 1px solid #dadada;
color: #333;
overflow: hidden;
transition: background-color .2s,box-shadow .2s
}
body .p-selectbutton .p-button .p-button-icon-left {
color: #666
}
body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
background-color: #c8c8c8;
border-color: #c8c8c8;
color: #333
}
body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left {
color: #212121
}
body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight).ui-state-focus {
box-shadow: 0 0 0 .2em #8dcdff;
z-index: 1
}
body .p-selectbutton .p-button.p-highlight {
background-color: var(--mainColor);
border-color: var(--mainColor);
color: #fff
}
body .p-selectbutton .p-button.p-highlight .p-button-icon-left {
color: #fff
}
body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover {
background-color: var(--mainColorLighter);
border-color: var(--mainColorLighter);
color: #fff
}
body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left {
color: #fff
}
body .p-selectbutton .p-button:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
body .p-selectbutton .p-button:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
body p-selectbutton.ng-dirty.ng-invalid .p-button {
border: 1px solid #a80000
}
p-table .p-datatable-header {
border: none!important;
background-color: var(--mainBackgroundColor)!important
}
p-table .p-datatable-header .caption {
height: 40px;
width: 100%;
display: inline-flex;
align-items: center
}
@supports (padding-inline-start: 15px) {
p-table .p-datatable-header .caption .left-buttons {
padding-inline-start:15px}
}
@supports not (padding-inline-start: 15px) {
p-table .p-datatable-header .caption .left-buttons {
padding-left: 15px
}
}
p-table th {
background-color: var(--mainBackgroundColor)!important;
outline: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
p-table td,p-table th {
font-family: Source Sans Pro,sans-serif;
font-size: 15px!important;
color: var(--mainForegroundColor)!important
}
@supports (padding-inline-start: 15px !important) {
p-table td {
padding-inline-start:15px!important}
}
@supports not (padding-inline-start: 15px !important) {
p-table td {
padding-left: 15px!important
}
}
p-table td.expand-cell {
padding: 10px 15px
}
p-table td:not(.action-cell):not(.expand-cell):not(.checkbox-cell) {
overflow: hidden!important;
text-overflow: ellipsis!important;
white-space: nowrap!important
}
p-table tr {
outline: 0;
background-color: var(--mainBackgroundColor)!important;
height: 46px
}
p-table tr.p-highlight {
background-color: var(--submenuBackgroundColor)!important
}
p-table tr.p-highlight td,p-table tr.p-highlight td>a {
color: var(--mainForegroundColor)!important
}
p-table .p-datatable-tbody tr:hover {
background-color: var(--submenuBackgroundColor)!important
}
p-table .p-datatable-tbody tr td {
border: none!important;
white-space: normal!important
}
p-table .p-datatable-tbody tr:first-child td {
border-top: none!important
}
p-table .p-datatable-tbody tr:last-child td {
border-bottom: none!important
}
p-table .p-datatable-tbody tr:focus+tr>td,p-table .p-datatable-tbody tr:focus>td {
box-shadow: none!important
}
p-table .p-datatable-tbody .expander {
cursor: pointer;
position: relative;
top: 1px
}
p-table th {
border-color: currentcolor!important;
border-bottom: none!important;
border: var(--submenuBackgroundColor)!important;
border-bottom: 1px solid var(--submenuBackgroundColor)!important;
text-align: left!important;
padding: 5px 0 5px 15px!important;
font-weight: 600!important;
color: var(--mainForegroundColor)!important
}
p-table th.p-sortable-column:hover {
background-color: var(--submenuBackgroundColor)!important;
border-color: currentcolor!important;
border-width: 1px!important;
border-left: 1px solid var(--submenuBackgroundColor)!important;
border-bottom: 0 solid var(--submenuBackgroundColor)!important;
border-right: 1px solid var(--submenuBackgroundColor)!important;
border-top: 0 solid var(--submenuBackgroundColor)!important
}
p-table th.p-sortable-column:hover:first-child {
border-width: 0 1px 0 0!important
}
p-table th.p-highlight {
background-color: var(--submenuBackgroundColor)!important
}
p-table th.p-highlight .pi {
color: #000!important;
font-size: 11px!important;
top: 0!important
}
p-table th.p-highlight .pi.pi-sort-amount-down,p-table th.p-highlight .pi.pi-sort-amount-up-alt {
color: var(--mainForegroundColor)!important
}
p-table .action-cell {
width: 250px!important
}
p-table .action-cell .dropdown-root,p-table .action-cell my-button,p-table .action-cell my-delete-button,p-table .action-cell my-edit-button {
display: inline-block!important
}
@supports (margin-inline-start: 5px) {
p-table .action-cell .dropdown-root,p-table .action-cell my-button,p-table .action-cell my-delete-button,p-table .action-cell my-edit-button {
margin-inline-start:5px}
}
@supports not (margin-inline-start: 5px) {
p-table .action-cell .dropdown-root,p-table .action-cell my-button,p-table .action-cell my-delete-button,p-table .action-cell my-edit-button {
margin-left: 5px
}
}
@supports (margin-inline-start: 0) {
p-table .action-cell .dropdown-root:first-child,p-table .action-cell my-button:first-child,p-table .action-cell my-delete-button:first-child,p-table .action-cell my-edit-button:first-child {
margin-inline-start:0}
}
@supports not (margin-inline-start: 0) {
p-table .action-cell .dropdown-root:first-child,p-table .action-cell my-button:first-child,p-table .action-cell my-delete-button:first-child,p-table .action-cell my-edit-button:first-child {
margin-left: 0
}
}
p-table p-paginator .p-paginator-bottom {
background-color: var(--mainBackgroundColor)!important;
position: relative;
border: none;
border-color: var(--submenuBackgroundColor)!important;
border-top: 1px solid!important;
border-top-color: var(--submenuBackgroundColor)!important;
height: 40px;
display: flex;
justify-content: center;
align-items: center
}
p-table p-paginator .p-paginator-bottom .p-dropdown {
position: absolute;
top: 10px;
left: 0
}
p-table p-paginator .p-paginator-bottom .p-dropdown.p-focus {
box-shadow: 0 0 0 .2rem var(--mainColorLightest)
}
p-table p-paginator .p-paginator-bottom .p-dropdown .p-label {
color: var(--inputPlaceholderColor)
}
p-table p-paginator .p-paginator-bottom .p-paginator-current {
position: absolute;
right: 0;
color: var(--inputPlaceholderColor);
overflow: visible
}
p-table p-paginator .p-paginator-bottom .p-paginator-first,p-table p-paginator .p-paginator-bottom .p-paginator-last,p-table p-paginator .p-paginator-bottom .p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-prev {
font-family: Glyphicons Halflings;
text-decoration: none!important;
color: var(--mainForegroundColor)!important;
font-display: swap;
padding: 5px 2px;
height: auto;
outline: none;
font-size: 13px;
top: -1px
}
p-table p-paginator .p-paginator-bottom .p-paginator-first.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-first:focus,p-table p-paginator .p-paginator-bottom .p-paginator-last.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-last:focus,p-table p-paginator .p-paginator-bottom .p-paginator-next.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-next:focus,p-table p-paginator .p-paginator-bottom .p-paginator-prev.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-prev:focus {
box-shadow: 0 0 0 .2rem var(--mainColorLightest)
}
p-table p-paginator .p-paginator-bottom .p-paginator-first.p-disabled:hover,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-disabled:hover,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-disabled:hover,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-disabled:hover {
background-color: #fff!important
}
@supports (margin-inline-end: 10px) {
p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-prev {
margin-inline-end:10px}
}
@supports not (margin-inline-end: 10px) {
p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-prev {
margin-right: 10px
}
}
@supports (margin-inline-start: 10px) {
p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-next {
margin-inline-start:10px}
}
@supports not (margin-inline-start: 10px) {
p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-next {
margin-left: 10px
}
}
p-table p-paginator .p-paginator-bottom .p-paginator-pages {
height: auto!important
}
p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page {
color: var(--mainForegroundColor)!important;
font-weight: 600!important;
margin: 0 5px!important;
outline: 0!important;
border-radius: 3px!important;
padding: 5px 2px!important;
height: auto!important;
line-height: normal!important
}
p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page:focus {
box-shadow: 0 0 0 .2rem var(--mainColorLightest)!important
}
p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.p-highlight,p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.p-highlight:active,p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.p-highlight:focus,p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.p-highlight:hover {
color: #fff!important;
background-color: var(--mainColor)!important
}
p-table .p-datatable-wrapper {
overflow-x: auto;
max-width: 100%
}
p-table .p-datatable-wrapper table {
min-width: 900px
}
@media screen and (max-width: 900px) {
p-table p-paginator .p-dropdown,p-table p-paginator .p-paginator-current {
top:0;
margin-top: 30px
}
}
@media screen and (max-width: 500px) {
p-table p-paginator .p-paginator-pages>.p-paginator-page:not(.p-highlight) {
display:none
}
}
p-calendar .p-datepicker a:active,p-calendar .p-datepicker a:focus,p-calendar .p-datepicker a:hover {
text-decoration: none!important;
outline: none!important
}
@supports (margin-inline-start: 5px) {
p-calendar .p-datepicker .p-datepicker-header .p-datepicker-year {
margin-inline-start:5px}
}
@supports not (margin-inline-start: 5px) {
p-calendar .p-datepicker .p-datepicker-header .p-datepicker-year {
margin-left: 5px
}
}
p-calendar .p-datepicker .p-datepicker-header .p-datepicker-next {
font-family: Glyphicons Halflings;
text-decoration: none!important;
color: var(--mainForegroundColor)!important;
font-display: swap;
color: #000!important;
text-align: end
}
p-calendar .p-datepicker .p-datepicker-header .p-datepicker-next .pi.pi-chevron-right {
display: none!important
}
p-calendar .p-datepicker .p-datepicker-header .p-datepicker-prev {
font-family: Glyphicons Halflings;
text-decoration: none!important;
color: var(--mainForegroundColor)!important;
font-display: swap;
color: #000!important;
text-align: start
}
p-calendar .p-datepicker .p-datepicker-header .p-datepicker-prev .pi.pi-chevron-left {
display: none!important
}
p-calendar .p-datepicker .p-timepicker .pi.pi-chevron-down,p-calendar .p-datepicker .p-timepicker .pi.pi-chevron-up {
font-family: Glyphicons Halflings;
text-decoration: none!important;
color: var(--mainForegroundColor)!important;
font-display: swap;
color: #000!important
}
p-tablecheckbox:hover div .p-checkbox-box {
box-shadow: 0 0 0 .1rem #5755d933
}
.p-checkbox,.p-checkbox .p-checkbox-box {
width: 18px!important;
height: 18px!important
}
.p-checkbox .p-checkbox-box.p-highlight {
border-color: var(--mainColor)!important;
background-color: var(--mainColor)!important
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
position: relative;
overflow: visible!important
}
.p-checkbox .p-checkbox-box .p-checkbox-icon:after {
content: "";
position: absolute;
bottom: -5px;
left: -2px;
width: 5px;
height: 12px;
opacity: 0;
transform: rotate(45deg) scale(0);
border-right: 2px solid var(--mainBackgroundColor);
border-bottom: 2px solid var(--mainBackgroundColor)
}
.p-checkbox .p-checkbox-box .p-checkbox-icon.pi-check:after {
opacity: 1;
transform: rotate(45deg) scale(1)
}
p-toast .p-toast {
width: auto;
max-width: 300px;
min-width: 200px;
z-index: 18000!important
}
p-toast .p-toast .p-toast-icon-close {
font-family: Glyphicons Halflings;
opacity: 0;
position: absolute;
right: 5px;
top: 5px
}
p-toast .p-toast .p-toast-icon-close:after {
content: ""
}
p-toast .p-toast:hover .p-toast-icon-close {
opacity: .3
}
p-toast .p-toast-message {
font-family: Source Sans Pro,sans-serif;
background-color: var(--mainBackgroundColor)!important;
color: var(--mainForegroundColor)!important;
border-radius: 5px;
box-sizing: border-box;
border: 1px solid #ebeef5!important;
box-shadow: 0 2px 12px 0 #0000001a;
overflow: hidden
}
p-table th.p-highlight p-toast .p-toast-message.p-toast-message-success .pi,p-toast .p-toast-message.p-toast-message-success .glyphicon,p-toast .p-toast-message.p-toast-message-success p-table th.p-highlight .pi {
color: #8bc34a!important
}
p-table th.p-highlight p-toast .p-toast-message.p-toast-message-error .pi,p-toast .p-toast-message.p-toast-message-error .glyphicon,p-toast .p-toast-message.p-toast-message-error p-table th.p-highlight .pi {
color: #f44336!important
}
p-table th.p-highlight p-toast .p-toast-message.p-toast-message-warn .pi,p-toast .p-toast-message.p-toast-message-warn .glyphicon,p-toast .p-toast-message.p-toast-message-warn p-table th.p-highlight .pi {
color: #f1680d!important
}
p-table th.p-highlight p-toast .p-toast-message.p-toast-message-info .pi,p-toast .p-toast-message.p-toast-message-info .glyphicon,p-toast .p-toast-message.p-toast-message-info p-table th.p-highlight .pi {
color: #03a9f4!important
}
p-toast .p-toast-message .notification-block {
display: flex;
align-items: center;
width: 100%;
padding: 10px 20px
}
p-toast .p-toast-message .notification-block .message {
flex-grow: 1
}
@supports (margin-inline-end: 20px) {
p-toast .p-toast-message .notification-block .message {
margin-inline-end:20px}
}
@supports not (margin-inline-end: 20px) {
p-toast .p-toast-message .notification-block .message {
margin-right: 20px
}
}
p-toast .p-toast-message .notification-block .message h3 {
font-size: 21px
}
p-toast .p-toast-message .notification-block .message p {
font-size: 15px;
margin-bottom: 0
}
p-table th.p-highlight p-toast .p-toast-message .notification-block .pi,p-toast .p-toast-message .notification-block .glyphicon,p-toast .p-toast-message .notification-block p-table th.p-highlight .pi {
font-size: 32px
}
@supports (margin-inline-end: 5px) {
p-table th.p-highlight p-toast .p-toast-message .notification-block .pi,p-toast .p-toast-message .notification-block .glyphicon,p-toast .p-toast-message .notification-block p-table th.p-highlight .pi {
margin-inline-end:5px}
}
@supports not (margin-inline-end: 5px) {
p-table th.p-highlight p-toast .p-toast-message .notification-block .pi,p-toast .p-toast-message .notification-block .glyphicon,p-toast .p-toast-message .notification-block p-table th.p-highlight .pi {
margin-right: 5px
}
}
.p-selectbutton .p-button:focus {
outline: none
}
.p-selectbutton .p-button-label {
padding: 5px 15px;
font-size: 15px;
font-weight: 600
}
[hidden] {
display: none!important
}
body {
--mainColor:#f2690d;--mainColorLighter:#f5873d;--mainColorLightest:#fce1cf;--mainHoverColor:#f47825;--mainBackgroundColor:#fff;--mainForegroundColor:#000;--secondaryColor:#148a99;--greyForegroundColor:#585858;--greyBackgroundColor:#e5e5e5;--menuBackgroundColor:#000;--menuForegroundColor:#fff;--submenuBackgroundColor:#f7f7f7;--channelBackgroundColor:#f6ede8;--inputForegroundColor:#000;--inputBackgroundColor:#fff;--inputPlaceholderColor:#898989;--textareaForegroundColor:#000;--textareaBackgroundColor:#fff;--markdownTextareaBackgroundColor:#efefef;--actionButtonColor:#585858;--supportButtonBackgroundColor:#0000;--supportButtonColor:var(--actionButtonColor);--supportButtonHeartColor:#e83e8c;--activatedActionButtonColor:#000;--horizontalMarginContent:30px;--videosHorizontalMarginContent:6vw;--mainColWidth:calc(100vw - 240px);font-family: Source Sans Pro,sans-serif;
font-weight: 400;
color: var(--mainForegroundColor);
background-color: var(--mainBackgroundColor);
font-size: 14px;
overflow-y: scroll;
text-align: start
}
::selection {
color: var(--mainBackgroundColor);
background-color: var(--mainHoverColor)
}
#incompatible-browser,noscript {
display: block;
font-size: 1.2rem;
max-width: 600px;
margin: 1rem auto
}
strong {
font-weight: 600
}
input.readonly {
background-color: var(--inputBackgroundColor)!important
}
input,textarea {
outline: none;
color: var(--inputForegroundColor)
}
button {
background: unset
}
button:focus:not(.focus-visible) {
outline: none
}
label {
font-weight: 700;
font-size: 15px
}
code {
background-color: var(--greyBackgroundColor);
color: var(--greyForegroundColor);
border-radius: 3px;
padding: .2em .4em;
margin: auto .4em;
font-size: 75%;
display: inline-block;
vertical-align: middle
}
.form-error,.form-warning {
display: block;
margin-top: 5px
}
.form-error {
color: red
}
.input-error,my-input-toggle-hidden ::ng-deep input {
border-color: red!important
}
.full-width {
width: 100%;
margin: 0 auto;
max-width: none
}
.glyphicon-black {
color: #000
}
.row {
margin: 0!important
}
.main-col {
width: calc(100% - 240px);
outline: none
}
@supports (margin-inline-start: 240px) {
.main-col {
margin-inline-start:240px}
}
@supports not (margin-inline-start: 240px) {
.main-col {
margin-left: 240px
}
}
.main-col .margin-content {
margin: 0 var(--horizontalMarginContent);
flex-grow: 1
}
.main-col .sub-menu {
background-color: var(--submenuBackgroundColor);
width: 100%;
display: flex;
align-items: center;
padding: 0 var(--horizontalMarginContent);
height: 81px;
margin-bottom: 30px;
overflow-x: auto
}
.main-col .sub-menu.sub-menu-fixed {
position: fixed;
z-index: 12499;
max-width: var(--mainColWidth)
}
.main-col .margin-content.offset-content {
padding-top: 111px
}
.main-col.expanded {
--horizontalMarginContent:150px;--mainColWidth:100vw;width: 100%
}
@supports (margin-inline-start: 0) {
.main-col.expanded {
margin-inline-start:0}
}
@supports not (margin-inline-start: 0) {
.main-col.expanded {
margin-left: 0
}
}
.main-col.lock-scroll .main-row>router-outlet+* {
position: fixed
}
.main-col.lock-scroll .main-row>router-outlet+* .sub-menu {
overflow-x: hidden
}
.title-page {
opacity: .6;
color: var(--mainForegroundColor);
font-size: 16px;
display: inline-block;
font-weight: 600;
border-bottom: 2px solid #0000
}
.title-page:active,.title-page:focus,.title-page:hover {
text-decoration: none!important;
outline: none!important
}
@supports (margin-inline-end: 55px) {
.title-page {
margin-inline-end:55px}
}
@supports not (margin-inline-end: 55px) {
.title-page {
margin-right: 55px
}
}
.title-page.title-page-single {
margin-top: 30px;
margin-bottom: 25px
}
.title-page.active {
border-bottom-color: var(--mainColor)
}
.title-page.title-page-single {
font-size: 125%
}
.title-page:active,.title-page:focus,.title-page:hover {
color: var(--mainForegroundColor)
}
.title-page.active,.title-page.title-page-single,.title-page:active,.title-page:focus,.title-page:hover {
opacity: 1;
outline: 0 hidden!important
}
@media screen and (max-width: 500px) {
@supports (margin-inline-start: 15px) {
.title-page {
margin-inline-start:15px
}
}
@supports not (margin-inline-start: 15px) {
.title-page {
margin-left: 15px
}
}
}
.title-page-about,.title-page-settings {
white-space: nowrap;
font-size: 115%
}
.admin-sub-header {
display: flex;
align-items: center;
margin-bottom: 30px
}
.admin-sub-header .form-sub-title {
flex-grow: 1
}
.admin-sub-header .admin-sub-nav a {
font-size: 16px;
color: var(--mainForegroundColor);
padding: 5px 15px;
border-radius: .25rem;
font-weight: 600;
opacity: .6
}
.admin-sub-header .admin-sub-nav a:active,.admin-sub-header .admin-sub-nav a:focus,.admin-sub-header .admin-sub-nav a:hover {
text-decoration: none!important;
outline: none!important
}
.admin-sub-header .admin-sub-nav a.active {
background-color: var(--submenuBackgroundColor)
}
.admin-sub-header .admin-sub-nav a.active,.admin-sub-header .admin-sub-nav a:active,.admin-sub-header .admin-sub-nav a:focus,.admin-sub-header .admin-sub-nav a:hover {
opacity: 1
}
.form-sub-title {
font-size: 20px;
font-weight: 700
}
table .action-button-delete.disabled,table .action-button-delete:active,table .action-button-delete:focus,table .action-button-delete:hover,table .action-button-delete[disabled],table .action-button-edit.disabled,table .action-button-edit:active,table .action-button-edit:focus,table .action-button-edit:hover,table .action-button-edit[disabled] {
background-color: #e5e5e5!important
}
.no-results {
height: 40vh;
max-height: 500px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 600
}
.dropdown-item {
padding: 6px 15px
}
.dropdown-item my-global-icon {
opacity: .7;
position: relative;
top: -2px
}
@supports (margin-inline-end: 10px) {
.dropdown-item my-global-icon {
margin-inline-end:10px}
}
@supports not (margin-inline-end: 10px) {
.dropdown-item my-global-icon {
margin-right: 10px
}
}
.dropdown-item my-global-icon {
width: 22px;
height: 22px
}
.anchor {
position: relative;
top: -70px
}
.offset-content .anchor {
top: -151px
}
.form-group-description {
font-size: 90%;
margin-top: 10px
}
ngx-loading-bar {
z-index: 17501!important
}
@media screen and (max-width: 1600px) {
.main-col {
--horizontalMarginContent:15px;
--videosHorizontalMarginContent:30px}
.main-col.expanded {
--horizontalMarginContent:75px}
}
@media screen and (max-width: 900px) {
.main-col {
--videosHorizontalMarginContent:var(--horizontalMarginContent)
}
.main-col,.main-col.expanded {
--horizontalMarginContent:50px}
.main-col.expanded .sub-menu,.main-col .sub-menu {
padding: 0 50px
}
.main-col.expanded .sub-menu .title-page,.main-col .sub-menu .title-page {
font-size: 17px
}
}
@media screen and (min-width: 500px) and (max-width: 800px) {
.main-col {
width:100%
}
}
@media screen and (max-width: 800px) {
.main-col,.main-col.expanded {
--horizontalMarginContent:15px
}
@supports (margin-inline-start: 0) {
.main-col,.main-col.expanded {
margin-inline-start:0}
}
@supports not (margin-inline-start: 0) {
.main-col,.main-col.expanded {
margin-left: 0
}
}
.main-col.expanded .sub-menu,.main-col .sub-menu {
width: 100vw;
padding: 0 15px;
margin-bottom: 10px;
overflow-x: auto
}
.main-col.expanded .margin-content.offset-content,.main-col .margin-content.offset-content {
padding-top: 91px
}
.main-col .admin-sub-header,.main-col.expanded .admin-sub-header {
flex-direction: column
}
.main-col .admin-sub-header .form-sub-title,.main-col.expanded .admin-sub-header .form-sub-title {
margin-bottom: 10px;
text-align: center
}
@supports (margin-inline-end: 0 !important) {
.main-col .admin-sub-header .form-sub-title,.main-col.expanded .admin-sub-header .form-sub-title {
margin-inline-end:0!important}
}
@supports not (margin-inline-end: 0 !important) {
.main-col .admin-sub-header .form-sub-title,.main-col.expanded .admin-sub-header .form-sub-title {
margin-right: 0!important
}
}
.main-col .admin-sub-header .admin-sub-nav,.main-col.expanded .admin-sub-header .admin-sub-nav {
display: block;
overflow-x: auto;
white-space: nowrap;
height: 50px;
padding: 10px 0;
width: 100%
}
@supports (margin-inline-start: 5px) {
.main-col .admin-sub-header .admin-sub-nav a,.main-col.expanded .admin-sub-header .admin-sub-nav a {
margin-inline-start:5px}
}
@supports not (margin-inline-start: 5px) {
.main-col .admin-sub-header .admin-sub-nav a,.main-col.expanded .admin-sub-header .admin-sub-nav a {
margin-left: 5px
}
}
.main-col.expanded my-markdown-textarea .root,.main-col my-markdown-textarea .root {
max-width: 100%!important
}
.main-col.expanded .peertube-select-container,.main-col.expanded input[type=email],.main-col.expanded input[type=password],.main-col.expanded input[type=text],.main-col.expanded textarea,.main-col .peertube-select-container,.main-col input[type=email],.main-col input[type=password],.main-col input[type=text],.main-col textarea {
flex-grow: 1
}
.main-col .caption input[type=text],.main-col.expanded .caption input[type=text] {
width: unset!important;
flex-grow: 1
}
}
/*# sourceMappingURL=styles.b0a7806028b73e54111d.css.map*/